/* 공통 */
.sub_con {width:1280px; margin:0 auto;}
.s_title {text-align: center;}
.s_title h1 {font-size:38px; font-weight: 400; color:#272727; letter-spacing: .4px; font-family: 'paybooc-Medium'; text-align: center;}
.s_title::after {content: ''; display: block; width:1px; height:50px; background: #0030a1; margin:20px auto 0;}
.sub_p {font-size:16px; font-weight: 300; color:#4d4d4d; line-height: 24px; letter-spacing: -.3px;}
.b_title {font-size:20px; font-weight: 400; color:#2a2a2a; font-family: 'paybooc-Medium'; margin-bottom:15px; padding-left:20px; position: relative;}
.b_title::before {content: ''; display: block; width:10px; height:10px; background: #fff; border:2px solid #0c3381; border-radius: 50%; position: absolute; left:0; top:6px;}
.apos_head {display: inline-block; position: relative;}
.apos_head h1 {font-size:24px; font-weight: 400; line-height: 34px; color:#373737;  font-family: 'paybooc-Medium';}
.apos_head h1 span {color:#0030a1;}
.apos_head > img {position: absolute; top:0;}
.apos_head > .apos1 {left:-80px;}
.apos_head > .apos2 {right:-80px;}
.b_list li {display: flex; align-items: flex-start; padding-left:16px; position: relative; text-align: left; margin-bottom:20px;}
.b_list li:last-child {margin-bottom:0;}
.b_list li::before {content: ''; display: block; width:6px; height:6px; background: #fff; border:1px solid #004fa1; position: absolute; left:0; top:5px; border-radius: 50%;}
.b_list li span {font-size:15px; font-weight: 400; color:#2a2a2a; font-family: 'paybooc-Medium'; min-width:60px; display: block; margin-right:32px;}
.b_list li p {font-size:14px; font-weight: 300; color:#5d5d5d; letter-spacing: -.3px;}


/*Content CSS*/
#business3 {padding:0; text-align: center; background: url('../img/dot_ptn.png') 50% 50% repeat;}
/* sec1 */
.busin3_sec1 {padding:120px 0;}
.busin3_sec1 .sub_con {display: flex; align-items: center; justify-content: space-between; text-align: left;}
.busin3_sec1 .sub_con h2 {font-size:15px; font-weight: 500; color:#272727; font-family: 'Ubuntu', sans-serif;}
.busin3_sec1 .sub_con h1 {font-size:30px; font-weight: 400; color:#004fa1; font-family: 'paybooc-Bold'; margin:10px 0 70px; }
.busin3_sec1 .sub_con p {font-size:15px;}
.busin3_sec1 .sub_con h3 {font-size:18px; font-weight: 400; color:#272727; letter-spacing: -.2px; margin-top:70px;}
/* sec2 */
.busin3_sec2 {padding:120px 0; background: url('../img/b3_s2_bg.jpg?v=240808') 50% 50% no-repeat; background-size:cover;}
.busin3_sec2 .s_title h1 {color:#fff;}
.busin3_sec2 .s_title::after {background-color: #fff;}
.busin3_sec2 .sub_con {background: #fff;  padding: 90px 100px 90px;  box-shadow: 5px 10px 10px 0 rgba(0, 0, 0, 0.16); text-align: left;}
.busin3_sec2 .sub_con ul {width:100%; border-top:1px solid #002762; display: flex; flex-wrap:wrap; margin-top:40px;}
.busin3_sec2 .sub_con ul li {width:50%; padding:15px 25px; border-bottom:1px solid #e2e2e2; display: flex; align-items: center;}
.busin3_sec2 .sub_con ul li.w100 {width:100%;}
.busin3_sec2 .sub_con ul li span {font-size:18px; font-weight: 500; color:#343434; letter-spacing: -.2px; min-width:115px; margin-right:35px;}
.busin3_sec2 .sub_con ul li p, .busin3_sec2 .sub_con ul li a {font-size:16px; font-weight: 300; color:#7d7d7d; letter-spacing: -.2px; }
/* sec3 */
.busin3_sec3 {padding:120px 0; }
.b3_s3_list {margin-top:25px; width:100%; display: flex; justify-content: space-between;}
.b3_s3_list > li {width:310px; background: #fff; position: relative; z-index: 1; border-bottom:2px solid #004fa1; padding:75px 30px;}
.b3_s3_list > li::after {content: ''; display: block; width:100%; height:100%; position: absolute; left:0; top:0; z-index: -1;   box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.16); opacity: 0; transition: all .3s ease;}
.b3_s3_list > li > img {margin-bottom:40px;transition: transform 500ms;}
.b3_s3_list > li h2 {font-size:22px; font-weight: 400; color:#2a2a2a; font-family: 'paybooc-Medium';}
.b3_s3_list > li h2::after {content: ''; display: block; width:20px; height:2px; background: #004fa1; margin:20px auto 45px;}
.b3_s3_list .b_list li:first-child {flex-direction: column;}
.b3_s3_list .b_list li:first-child p {margin-top:5px;}
/* sec3 - hover */
.b3_s3_list > li:hover::after {opacity: 1;}
.b3_s3_list > li:hover > img {transform: rotateY(180deg);}

/* sec4 (취금품목) */
.busin3_sec4 {padding:120px 0; }
.busin3_sec4 .sub_con {background: #fff;  padding: 90px 80px 90px;  box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.05); text-align: left;}
.b3_s4_list {display: flex; flex-wrap:wrap;}
.b3_s4_list > li {width: 50%; display: flex; align-items: center; border-bottom: 1px solid #eee; padding:18px 10px;}
/* .b3_s4_list > li:nth-child(4n) {margin-right: 0;}
.b3_s4_list > li:nth-last-child(-n+3) {margin-bottom: 0;} */
.b3_s4_list > li:last-child {width: 100%;}
.b3_s4_list > li h1 {margin-right: 15px;}
.b3_s4_list > li h1 span {font-size:15px; font-family: 'paybooc-Medium'; display: block; width:35px; height: 35px; background: #004fa1; color:#fff; border-radius: 50%;
display: flex; align-items: center; justify-content: center;}
.b3_s4_list > li p {font-size:16px; font-weight: 400; color:#333; font-family: 'paybooc-Medium'; }
/* .b3_s4_list > li:nth-child(even) h1 span {background: #fff; border:1px solid #004fa1; color:#004fa1;} */
.b3_s4_list .b_list {display: none;}
.b3_s4_list .b_list li {font-size:16px; font-weight: 300; color:#333; margin-bottom: 10px;}
.b3_s4_list .b_list li::before {top:8px;}






@media screen and (max-width: 600px) {

}

@media screen and (max-width: 640px) {

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width:1200px) {

}