/* 공통 */
.sub_con {width:100%; padding:0 15px;}
.s_title {text-align: center;}
.s_title h1 {font-size:28px; font-weight: 400; color:#272727; letter-spacing: .4px; font-family: 'paybooc-Medium'; text-align: center;}
.s_title h2 {font-size:14px; font-weight: 400; color:#0030a1; margin-top:5px; font-family: 'Ubuntu', sans-serif;}
.s_title::after {content: ''; display: block; width:1px; height:40px; background: #0030a1; margin:20px auto 0;}
.sub_p {font-size:14px; font-weight: 300; color:#4d4d4d; line-height: 24px; letter-spacing: -.5px; word-break: keep-all;}
.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:16px; font-weight: 400; line-height: 34px; color:#373737;  font-family: 'paybooc-Medium'; display: inline-block; padding:0 45px;
word-break: keep-all;}
.apos_head > img {position: absolute; top:0;}
.apos_head > .apos1 {left:-0;}
.apos_head > .apos2 {right:-0;}
.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:60px 0;}
.busin3_sec1 .sub_con {display: flex; flex-direction: column; text-align: center;}
.busin3_sec1 .sub_con div img {max-width: 100%; margin:40px 0 30px;}
.busin3_sec1 .sub_con h2 {font-size:14px; font-weight: 500; color:#272727; font-family: 'Ubuntu', sans-serif; word-break: keep-all;}
.busin3_sec1 .sub_con h1 {font-size:22px; font-weight: 400; color:#004fa1; font-family: 'paybooc-Bold'; margin:8px 0 20px;  word-break: keep-all; line-height: 35px;}
.busin3_sec1 .sub_con p {font-size:14px;}
.busin3_sec1 .sub_con h3 {font-size:18px; font-weight: 400; color:#272727; letter-spacing: -.2px; margin-top:20px;}
/* sec2 */
.busin3_sec2 {padding:60px 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; box-shadow: 5px 10px 10px 0 rgba(0, 0, 0, 0.16); padding: 50px 15px; text-align: center;}
.busin3_sec2 .sub_con img {margin-bottom: 25px; width: 260px;}
.busin3_sec2 .sub_con .b_title {text-align: left;}
.busin3_sec2 .sub_con ul {width:100%; border-top:1px solid #002762; display: flex; flex-wrap:wrap; margin-bottom:50px; text-align: left;}
.busin3_sec2 .sub_con ul:last-child {margin-bottom:0;}
.busin3_sec2 .sub_con ul li {width:100%; padding:10px 15px; border-bottom:1px solid #e2e2e2; display: flex; align-items: flex-start;}
.busin3_sec2 .sub_con ul li span {font-size:14px; font-weight: 500; color:#343434; letter-spacing: -.5px; width:101px; margin-right: 20px;}
.busin3_sec2 .sub_con ul li p, .busin3_sec2 .sub_con ul li a {font-size:14px; font-weight: 300; color:#7d7d7d; letter-spacing: -.5px; word-break: keep-all;position: relative; top:1px;}
.busin3_sec2 .sub_con ul li small {font-size:14px; font-weight: 500; color:#343434; letter-spacing: -.5px; line-height: 24px; width:87px; margin-right: 20px;}
.busin3_sec2 .sub_con ul li p b {font-size:14px; font-weight: 400; color:#343434; margin-right: 10px;}

/* 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:60px 0; }
.busin3_sec4 .sub_con {background: #fff;  padding: 50px 15px; 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: 100%; display: flex; align-items: center; border-bottom: 1px solid #eee; padding:12px 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:14px; font-family: 'paybooc-Medium'; display: block; width:30px; height: 30px; background: #004fa1; color:#fff; border-radius: 50%;
display: flex; align-items: center; justify-content: center;}
.b3_s4_list > li p {font-size:14px; 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) {

}