@charset "utf-8";


.copyCode {position: relative;}
.copyBtn {border:1px solid #000; padding:5px 10px; border-radius:4px; background:#fff; transition:all .3s; position: absolute; left:-100px; top:0;}
.copyBtn:hover {background:#000; color:#fff; background:#000;}

.style_dmu ._contentBuilder {max-width:1600px; width:100%; margin:0 auto;}


/*사피리input&버튼스타일변경*/
button,
input[type=button],
input[type=submit]{appearance:none;-webkit-appearance:none;-moz-appearance:none;}
input[type=radio],
input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid #000;background:#FFF;width:20px;height:20px;}
input[type=radio]{border-radius:50%;}
input[type=checkbox]{appearance:none;}
input[type=radio]:checked{background:url(/sites/style_guide/images/common/bul_radio.png) no-repeat center;}
input[type=checkbox]:checked{background:url(/sites/style_guide/images/common/bul_checkbox.png) no-repeat center;}

/*포커스*/
a:focus,
button:focus,
input:focus{outline: 1px solid #C7B2FF !important;}

/*대체텍스트숨기기*/
.irHidden{text-indent:-9999px;}

/*이미지*/
img{max-width:100%;}

/*정렬*/
.align-c{text-align:center;}
.align-r{text-align:right;}
.align-l{text-align:left;}

/*보더*/
.bB_1{padding-bottom:10px;margin-bottom:10px;border-bottom:1px dashed #DDD;}

/* Margin Custom */
.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mt45 {margin-top: 45px;}
.mt50 {margin-top: 50px;}
.mt55 {margin-top: 55px;}
.mt60 {margin-top: 60px;}
.mt65 {margin-top: 65px;}
.mt70 {margin-top: 70px;}
.mt75 {margin-top: 75px;}
.mt80 {margin-top: 80px;}
.mt85 {margin-top: 85px;}
.mt90 {margin-top: 90px;}
.mt95 {margin-top: 95px;}
.mt100 {margin-top: 100px;}

.mb0 {margin-bottom: 0px !important;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mb45 {margin-bottom: 45px;}
.mb50 {margin-bottom: 50px;}
.mb55 {margin-bottom: 55px;}
.mb60 {margin-bottom: 60px;}
.mb65 {margin-bottom: 65px;}
.mb70 {margin-bottom: 70px;}
.mb75 {margin-bottom: 75px;}
.mb80 {margin-bottom: 80px;}
.mb85 {margin-bottom: 85px;}
.mb90 {margin-bottom: 90px;}
.mb95 {margin-bottom: 95px;}
.mb100 {margin-bottom: 100px;}
.mb126 {margin-bottom:126px;}

.ml0 {margin-left: 0px;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}
.ml35 {margin-left: 35px;}
.ml40 {margin-left: 40px;}
.ml45 {margin-left: 45px;}
.ml50 {margin-left: 50px;}
.ml55 {margin-left: 55px;}
.ml60 {margin-left: 60px;}
.ml65 {margin-left: 65px;}
.ml70 {margin-left: 70px;}
.ml75 {margin-left: 75px;}
.ml80 {margin-left: 80px;}
.ml85 {margin-left: 85px;}
.ml90 {margin-left: 90px;}
.ml95 {margin-left: 95px;}
.ml100 {margin-left: 100px;}

.mr0 {margin-right: 0px;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}
.mr35 {margin-right: 35px;}
.mr40 {margin-right: 40px;}
.mr45 {margin-right: 45px;}
.mr50 {margin-right: 50px;}
.mr55 {margin-right: 55px;}
.mr60 {margin-right: 60px;}
.mr65 {margin-right: 65px;}
.mr70 {margin-right: 70px;}
.mr75 {margin-right: 75px;}
.mr80 {margin-right: 80px;}
.mr85 {margin-right: 85px;}
.mr90 {margin-right: 90px;}
.mr95 {margin-right: 95px;}
.mr100 {margin-right: 100px;}

.per5 {width: 5%;}
.per10 {width: 10%;}
.per15 {width: 15%;}
.per20 {width: 20%;}
.per25 {width: 25%;}
.per30 {width: 30%;}
.per35 {width: 35%;}
.per40 {width: 40%;}
.per45 {width: 45%;}
.per50 {width: 50%;}
.per55 {width: 55%;}
.per60 {width: 60%;}
.per65 {width: 65%;}
.per70 {width: 70%;}
.per75 {width: 75%;}
.per80 {width: 80%;}
.per85 {width: 85%;}
.per90 {width: 90%;}
.per95 {width: 95%;}
.per100 {width: 100% !important;}

.vh5{height:5px;}
.vh10{height:10px;}
.vh20{height:20px;}
.vh30{height:30px;}
.vh40{height:40px;}
.vh50{height:50px;}
.vh60{height:60px;}
.vh70{height:70px;}
.vh80{height:80px;}
.vh90{height:90px;}
.vh100{height:100px;}
/*수평좌여백*/
.mL5{margin-left:5px;}
.mL10{margin-left:10px;}
.mL15{margin-left:15px;}
.mL20{margin-left:20px;}
.mL25{margin-left:25px;}
.mL30{margin-left:30px;}
.mL35{margin-left:35px;}
.mL40{margin-left:40px;}

/*BG*/
.bgW,.bgG,.bg1,.bg2{padding:50px 0;}
.bgW{background:#FFF;}
.bgG{background:#F0F0F0;}
.bg1{background:#2c6abe;color:#FFF;}
.bg2{background:#00b9ff;color:#FFF;}

/*color*/
.c-gray01 {color: #F7F7F7;}
.c-gray02 {color: #F0F0F0;}
.c-gray03 {color: #EAEAEA;}
.c-gray04 {color: #D9D9D9;}
.c-gray05 {color: #ABABAB;}
.c-gray06 {color: #707070;}
.c-gray07 {color: #515151;}
@media only screen and (max-width:768px) {
  .bgW,.bgG,.bg1,.bg2{padding:30px;}
}
.bgNpadding { padding:0 0; }

/*타이틀*/
.objHeading_h2,
.objHeading_h3,
.objHeading_h4,
.objHeading_h5{line-height:1.25;position:relative;margin: 0 auto;max-width:1700px;}

.objHeading_h2{font-size:40px; font-family:'Pre Bold'; color:#000; margin-top: 120px; line-height: 52px; padding-bottom: 10px;}
.side-box .objHeading_h2{font-size:40px; font-family:'Pre Bold'; color:#000; margin-top: 0px; line-height: 52px; padding-bottom: 10px;}
.objHeading_h3{font-size: 32px; font-family: 'Pre Bold'; color: #000; margin-top: 30px; line-height: 1.375; padding-bottom: 10px; padding-left: 0; }
.objHeading_h4{font-size:20px;font-family:'Pre Bold';color:#000; margin-top: 50px;}
.objHeading_h5{font-size: 16px; font-family: 'Pre Bold'; color:#2822E9;margin-top: 28px;}

.objHeading_h2.no-margin,
.objHeading_h3.no-margin,
.objHeading_h4.no-margin {margin-top:0;}

@media (max-width: 1280px) {
  .side-box .objHeading_h2 br {display: none;}
}

@media (max-width:1023px) {
  .objHeading_h2 {font-size: 35px; margin-top: 50px;}	
  .side-box .objHeading_h2{font-size: 35px; line-height: 1.3;}
  .objHeading_h2,
  .objHeading_h3,
  .objHeading_h4,
  .objHeading_h5 {line-height: 1.5;}
}
@media (max-width:767px) {
  .objHeading_h2 {font-size: 30px; margin-top: 40px; padding-bottom: 0px; line-height: 1.3;}	
  .side-box .objHeading_h2{font-size: 30px;}
}

.bl {display:block;}

.c0 {color:#000 !important;}
.c1 {color:#2822E9 !important;}
.c2 {color:#D72B2B !important;}
.c3 {color: #515151 !important;}

.b1 {font-family:'Pre Regular' !important;}
.b2 {font-family:'Pre Medium' !important;}
.b3 {font-family:'Pre Bold' !important;}

.f0 {font-size: 20px !important;}
.f1 {font-size: 18px !important;;}
.f2 {font-size: 16px !important;;}
.f3 {font-size: 14px !important;;}
.f4 {font-size: 20px !important;}
.f5 {font-size: 24px !important;}

@media (max-width: 1023px) {
  .f4 {font-size: 18px !important;}
}
@media (max-width: 767px) {
  .f4 {font-size: 16px !important;}
}

.link {color:#2822E9 !important; font-family: 'Pre Medium'; position: relative; background: linear-gradient(to bottom, transparent 90%, #2822E9) left center no-repeat; background-size:0; transition: background-size .5s;}
.link:hover {background-size:100% auto;}


/* 상단공지박스 */
.noti-box {width:100%; background:#f0f8ff; border-radius:4px; text-align: center; padding:40px 45px;}
.noti-box p {font-family: 'Pre Medium'; font-size: 20px;color:#2822E9;}
.noti-box span {padding-left:35px; position: relative; display: inline-block;}
.noti-box span::before {content:''; background:url('../../images/sub/noti-box.svg') no-repeat center; position: absolute; left:0; top:3px; width:20px; height:20px; font-size: 20px; display: inline-block;}
.noti-box strong {font-family: 'Pre Bold';}
.noti-box .list li {font-size: 16px; color:#2822E9; position: relative; padding-left:15px; line-height: 26px; text-align:left; font-family: 'Pre Medium'; margin-bottom: 10px;}
.noti-box .list li:last-child {margin-bottom: 0;}
.noti-box .list li::before {content:''; width:4px; height:4px; background:#2822E9; border-radius:50%; position: absolute; left:0; top:11px;}
.noti-box .list li a {color:#2822E9; text-decoration: underline;}

@media (max-width:1023px) {
  .noti-box p {font-size: 18px;}	
  .noti-box span {padding-left: 25px;}
  .noti-box span::before  {top: 3px;background-size: 18px;}
}
@media (max-width:767px) {
  .noti-box p {font-size: 16px;}	
  .noti-box span {padding-left: 22px;}
  .noti-box span::before {top: 0;background-size: 15px;}
}

.noti-box.type2 {padding: 26px 20px;}

@media (max-width: 767px) {
  .noti-box.type2 {padding: 20px;}
}

.img-box {border-radius:4px;}

/* 일반 텍스트 */
.con-desc {font-family: 'Pre Regular'; font-size: 20px; color:#000; line-height: 1.5;}
.con-desc.big {font-family: 'Pre Medium'; font-size: 24px; color:#000;}
.con-desc.mini {position:relative; font-size:16px; line-height:1.6;}

.tx-mini {font-size: 15px; color:#707070;}
.tx-mini li {position: relative; padding-left: 15px; margin-bottom: 5px;}
.tx-mini li:last-child {margin-bottom: 0;}
.tx-mini .bul {position: absolute; left:0; top:0;}
.tx-mini a {border-bottom:1px solid #707070; color:#707070;}
.tx-mini .list li::after {content: ''; width:4px; height:4px; position: absolute; left:0; top:7px; background:#707070; border-radius:50%;}
.tx-mini .list2 li::after {content: ''; width:4px; height:4px; position: absolute; left:0; top:11px; background:#707070; border-radius:50%;}

.noti-txt {font-family: 'Pre Medium'; font-size: 20px; color:#000; line-height: 26px; color:#2822E9; position: relative; padding-left: 15px;}
.noti-txt::before {content:'*'; position: absolute; left:0; font-size: 20px; line-height: 1.5;color:#2822E9;}
.noti-txt.c2::before {color:#D72B2B;}

.con-list1 li .notice {line-height: 26px;}

.caution-icon1 {position: relative; padding-left:32px; font-size: 16px; color:#2822e9; font-family: 'Pre Medium'; display: inline-block;}
.caution-icon1::before {content: ''; width:24px; height:24px; background:url('../../images/sub/noti-img.png') no-repeat center; position: absolute; left:0; top:0px;}
@media (max-width:1023px) {
  .con-desc {font-size: 18px;}
  .con-desc.big {font-size: 20px;}
  .noti-txt {font-size: 18px;}
  .noti-txt::before {font-size: 18px;}
}
@media (max-width:767px) {
  .con-desc {font-size: 16px;}
  .con-desc.big {font-size: 18px;}
  .noti-txt {font-size: 16px;}
  .noti-txt::before {font-size: 16px;}
}

/* 리스트 */
.con-list1 > ul > li {position: relative; padding-left:20px; color:#000; font-family: 'Pre Regular'; font-size: 20px; line-height: 1.6; margin-bottom: 10px; word-break: keep-all;}
.con-list1 > ul > li > strong {font-family: 'Pre Bold'; margin-right: 20px;}
.con-list1 > ul > li:last-child {margin-bottom: 0;}
.con-list1 > ul > li::before {content:''; width:8px; height:8px; background:#000; position: absolute; left:0; top:13px;}

.con-list1.big > ul > li {font-size: 24px; line-height: 1.58;}
.con-list1.big > ul > li::before {top:14px;}

.con-list1 > ul.flex-wrap {display: flex; width: 100%; justify-content: space-between;}
.con-list1 > ul.flex-wrap > li {margin-right: 40px;}
.con-list1 > ul.flex-wrap > li:last-child {margin-right: 0;}

.con-list2 {margin-bottom: 20px;}
.con-list2 > ul > li {position: relative; color:#515151; font-family: 'Pre Medium'; font-size: 16px; line-height: 26px; margin-bottom: 5px; padding-left:12px;}
.con-list2 > ul > li:last-child {margin-bottom: 0;}
.con-list2 > ul > li::before {content:''; width:4px; height:4px; background:#515151; position: absolute; left:0px; top:11px;}

.con-list2.big > ul > li {font-size: 20px; margin-bottom: 15px; line-height: 1.58;}

/* 
.con-list2.type2 > ul > li {position: relative; color:#515151; font-family: 'Pre Medium'; font-size: 16px; line-height: 26px; margin-bottom: 5px; padding-left:12px; word-break: keep-all;}
.con-list2.type2 > ul > li:last-child {margin-bottom: 0;}
.con-list2.type2 > ul > li::before {content:''; width:4px; height:4px; background:#515151; position: absolute; left:0px; top:11px;}
.con-list2.type2 > ul > li > span {color:#515151; font-family: 'Pre Medium'; font-size: 16px; line-height: 26px; flex-shrink: 0; padding-right: 3px;}

.con-list2.type2.big > ul > li {font-size: 20px; margin-bottom: 15px; line-height: 1.58;} */

.con-list3 > ul {margin: 8px 0 18px;}
.con-list3 > ul > li {position: relative;padding: 0 0 0 13px; word-break: keep-all; font-size: 16px; margin-bottom: 10px;}
.con-list3 > ul > li:last-child {margin-bottom: 0;}
.con-list3 > ul > li::before {content: '';position: absolute;left: 0;top: 50%;margin: -1px 0 0;width: 6px;height: 2px;background: #515151;}

.none-list > ul > li {position: relative;font-family: 'Pre Medium'; font-size: 16px; line-height: 1.8; margin-bottom: 5px; word-break: keep-all;}
.none-list > ul > li:last-child {margin-bottom: 0;}

.circle-num-list > ul > li {position: relative; margin-bottom: 15px; font-family: 'Pre Bold'; font-size: 16px; color:#000; line-height: 22px; padding-left:22px;}
.circle-num-list > ul > li:last-child {margin-bottom: 0;}
.circle-num-list > ul > li > .num {border-radius:50%; font-size: 12px; font-family: 'Pre Medium'; color:#fff; background:#000; line-height: 18px; width:16px; height:16px; display: inline-flex; align-items: center; justify-content: center; left: 0; top:0; position: absolute;}  
.circle-num-list.medium > ul > li {line-height: 30px; font-size: 20px; padding-left:32px;}
.circle-num-list.medium > ul > li:last-child {margin-bottom: 0;}
.circle-num-list.medium > ul > li > .num {font-size: 16px; width:24px; height:24px;}
.circle-num-list.large > ul > li {line-height: 1.5; font-size: 32px; padding-left:47px;}
.circle-num-list.large > ul > li:last-child {margin-bottom: 0;}
.circle-num-list.large > ul > li > .num {font-size: 20px; width:32px; height:32px; top:9px;}

.circle-blue {font-family: 'Pre Medium'; color:#2822E9; font-size: 20px; position: relative; padding-left: 35px; margin-bottom: 10px;}
.circle-blue:last-child {margin-bottom: 0;}
.circle-blue .num {font-size: 16px; color:#fff; width:24px; height:24px; background:#2822E9; border-radius:50%; position: absolute; left:0; top:3px; display: flex; align-items: center; justify-content: center;}

@media (max-width:1023px) {
  .con-list1 > ul > li {font-size: 18px; line-height: 1.5;padding-left: 16px;}	
  .none-list > ul > li {font-size: 18px; line-height: 1.5;}	
  .con-list1 > ul > li::before {top: 7px;}
  .con-list1.big > ul > li {font-size: 20px;}
  .con-list1.big > ul > li::before {top:10px;}
  .con-list1 > ul.flex-wrap {justify-content: flex-start;}

  .con-list2 > ul > li {line-height: 1.5;}	
  .con-list2.big > ul > li {font-size: 18px; margin-bottom: 10px;}
  /* .con-list2.type2.big > ul > li {font-size: 18px; margin-bottom: 10px;} */

  .circle-blue {font-size: 18px;}
  .circle-num-list.medium > ul > li {font-size: 18px; line-height: 1.5;}
  .circle-num-list.large > ul > li {font-size: 26px; line-height: 1.5; padding-left: 40px;}
  .circle-num-list.large > ul > li > .num {width:28px; height:28px; top:7px;}
}
@media (max-width:767px) {
  .con-list1 > ul > li {font-size: 16px;}
  .none-list > ul > li {font-size: 16px;}	
  .con-list2 > ul > li {font-size: 15px;}

  .circle-num-list > ul > li {font-size: 15px;}
  .circle-num-list.medium > ul > li {font-size: 16px;}
  .circle-num-list.large > ul > li {font-size: 20px; line-height: 1.5; padding-left: 30px;}
  .circle-num-list.large > ul > li > .num {width:24px; height:24px; top:4px; font-size: 16px;}
}


/* 테두리 설명 박스 */
.border-info-box > ul {display:flex; margin:0 -10px;}
.border-info-box > ul > li {padding:0 10px; flex:1; }
.border-info-box .box {border:1px solid #d9d9d9; border-radius:4px; height:100%; padding: 40px 32px;}
.border-info-box .box strong {font-size: 24px; color:#000; font-family: 'Pre Bold'; line-height: 44px;}

.border-info-box2 > ul {display:flex; margin:0 -10px;}
.border-info-box2 > ul > li {padding:0 10px; flex:1; }
.border-info-box2 .box {border:1px solid #d9d9d9; border-radius:4px; height:100%; padding: 35px 36px;}
.border-info-box2 .box strong {font-size: 24px; color:#000; font-family: 'Pre Bold'; margin-bottom: 18px; display: inline-block;}
.border-info-box2 .box .btn-wrap {margin-bottom: 22px;}
.border-info-box2 .box .btn-wrap a {max-width:380px; width:100%;}
.border-info-box2 .box p {font-size: 16px; color: #515151}

@media (max-width:1400px) {
  .border-info-box2 > ul {flex-wrap:wrap;}
  .border-info-box2 > ul > li {flex:unset; width:50%; margin-bottom: 20px;}
}

@media (max-width:1023px) {
  .border-info-box .box {padding:20px 30px;}
  .border-info-box .box strong {font-size: 26px;}
}
@media (max-width:767px) {
  .border-info-box > ul {flex-wrap:wrap;}
  .border-info-box > ul > li {flex:unset; margin-bottom: 20px; width:100%;}
  .border-info-box > ul > li:last-child {margin-bottom: 0;}

  .border-info-box2 > ul > li {width:100%;}
  .border-info-box2 .box {padding:25px;}
}

/* 스탭박스 */
.step-box1 {position: relative;}
.step-box1 > ul {display: flex; margin:0 -17px; flex-wrap:wrap;}
.step-box1 > ul > li {width:50%; padding:0 17px; position: relative; margin-bottom: 32px;}
/* .step-box1 > ul > li:nth-last-child(-n+2) {margin-bottom: 0;} */
.step-box1 .box {display: flex; border:1px solid #E7E4E9; min-height:180px; border-radius:4px; position: relative; height: 100%;}
.step-box1 .box::after {content:''; width:35px; height:35px; background:url('../../images/sub/step-arrow.svg') no-repeat center; position: absolute; left:100%; top:50%; margin-top:-17px;}
.step-box1 > ul > li:last-child .box::after {display: none;}
.step-box1 .left {background:#F1EEE9; width:240px; text-align: center; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.step-box1 .left strong {font-size: 20px; line-height: 30px; font-family: 'Pre Bold'; color:#000;}
.step-box1 .right {text-align: center; display: flex; align-items: center; flex:1; padding:10px 20px;}
.step-box1 .right p {font-family: 'Pre Regular'; font-size: 20px; color:#000; text-align: center; width:100%;} 
.step-box1 > ul > li .left > strong::before {position: absolute; left:20px; top:25px; color:#D5D1C6; opacity:0.4; font-family: 'Pop Bold'; font-size: 52px;}
.step-box1 > ul > li:nth-child(1) .left > strong::before {content:'01';}
.step-box1 > ul > li:nth-child(2) .left > strong::before {content:'02';}
.step-box1 > ul > li:nth-child(3) .left > strong::before {content:'03';}
.step-box1 > ul > li:nth-child(4) .left > strong::before {content:'04';}
.step-box1 > ul > li:nth-child(5) .left > strong::before {content:'05';}

.step-box1.type2 .box {border:1px solid #BECDFF;}
.step-box1.type2 .left {background:#F0F8FF; border-radius:4px 0 0 4px;}
.step-box1.type2 > ul > li .left > strong::before {color:#BECDFF;}
.step-box1.type2 > ul > li::after {background:url('../../images/sub/step-arrow2.svg') no-repeat center;}

@media all and (max-width: 1280px) {
  .step-box1 > ul{margin: 0 -17px;}
}

@media (max-width:1023px) {
  .step-box1 > ul > li {flex:unset; width:100%; margin: 0; margin-bottom:35px !important;}
  .step-box1 > ul > li .box::after {left:50%; top:100%; margin-top:0; margin-left:-17px; transform: rotate(90deg);}
  .step-box1 .right p {font-size: 18px;}
  .step-box1 > ul > li:nth-last-child(-n+2) {margin-bottom:0}
  .step-box1 > ul > li:last-child {margin-bottom: 0 !important;}
}

@media (max-width:767px) {
  .step-box1 > ul > li .left > strong::before {font-size: 32px;}
  .step-box1 .box {min-height:150px;}
  .step-box1 .left {width:170px;}
  .step-box1 .left strong {font-size: 18px;}
  .step-box1 .right p {font-size: 16px;}
  .step-box1 > ul > li .left > strong::before {left: 30px;}
  .step-box1.right-long .box .left {max-width: 130px;}
}

.step-box2 {position: relative;}
.step-box2 > ul {display: flex; flex-wrap:wrap; margin:0 -17px;}
.step-box2 > ul > li {width:25%; padding:0 17px; margin-bottom:30px; }
.step-box2 > ul > li.w50 {width:50%;}
.step-box2 .box {border:1px solid #BECDFF; border-radius:4px; height:100%; display: flex; flex-direction: column; position: relative;}
.step-box2 .box::before {content:''; width:35px; height:35px; background:url('../../images/sub/step-arrow2.svg') no-repeat center; position: absolute; left:100%; top:50%; margin-top:-17px;}
.step-box2 > ul > li:nth-child(4n) .box::before {display: none;}
.step-box2 .title {background: #F0F8FF; text-align: center; padding:25px 20px; position: relative; border-radius: 4px 4px 0 0;}
.step-box2 .title::before {content:attr(data-label); font-size: 52px; font-family: 'Pop Bold'; opacity:0.4; color:#BECDFF; position: absolute; left:20px; top:15px; line-height: 1;}
.step-box2 .title strong {font-size: 20px; line-height: 30px; font-family: 'Pre Bold'; color:#000;}
.step-box2 .small-txt {font-size: 14px !important; color:#707070;}
.step-box2 .con {padding:30px; text-align: center; flex:1; display: flex; flex-direction: column; justify-content: center;font-size: 16px;}
.step-box2 .con em {font-size: 16px; color:#000; font-family: 'Pre Bold'; margin-bottom: 12px; display: block;}
.step-box2 .con p {font-family: 'Pre Medium'; font-size: 16px; line-height: 26px;}
.step-box2 .con .noti {margin-top:20px;}
.step-box2 .con span {font-size: 12px; color:#707070; display: block; font-family: 'Pre Medium';}

.step-box2 .list > li {position: relative; padding-left:16px; color:#000; text-align:left; font-size: 16px; line-height: 26px; margin-bottom: 8px; font-family: 'Pre Medium';}
.step-box2 .list > li::after {content: ''; width: 4px; height: 4px; background:#000; position: absolute; left:0; top:11px;}


.step-box2.type2 .con {text-align:left; justify-content: start;}
.step-box2.type2 .title {text-align:left; padding-left:100px;}
.step-box2.type2 .d-grid > div > ul {display:grid; grid-template-columns: 1fr 1fr;}
.step-box2.type2 .d-grid > div > ul > li:nth-child(2) {order:3;}
.step-box2.type2 .d-grid > div > ul > li:nth-child(4) {order:4;}


@media (max-width:1023px) {
  .step-box2 > ul > li {width:50%;}
  .step-box2 > ul > li:nth-child(2n) .box::before {display: none;}
  .step-box2 .list > li {line-height: 1.5;}

  .step-box2 .small-txt {display:block;}
  .step-box2.type2 .d-grid > div > ul {display:block;}
}
@media (max-width:767px) {
  .step-box2 .title::before {font-size: 32px;}
  .step-box2 .title strong {font-size: 18px;}
  .step-box2 .con {padding:15px;}
  .step-box2 .box {min-height:auto !important}
  .step-box2.type2 .title {text-align: center; padding:25px 20px;}
  .step-box2.type2 .con {justify-content: center;}
}
@media (max-width:600px) {
  .step-box2 > ul > li {width:100%; margin-bottom: 35px;}
  .step-box2 > ul > li.w50 {width:100%;}
  .step-box2 > ul > li:nth-child(2n) .box::before {display: block;}
  .step-box2 > ul > li:nth-child(4n) .box::before {display: block;}
  .step-box2 > ul > li:last-child {margin-bottom: 0;}
  .step-box2 > ul > li:last-child .box::before {display: none;}
  .step-box2 .box::before {left:50%; top:100%; margin-top:0; margin-left:-17px; transform: rotate(90deg);}
}

.step-box3 {position: relative;}
.step-box3 > ul {display: flex; margin:0 -10px;}
.step-box3 > ul > li {padding:0 10px; flex:1;}
.step-box3 .box {background:#F0F8FF; border:1px solid #BECDFF; min-height:120px; display:flex; align-items: center; justify-content: center; position: relative; border-radius:4px;}
.step-box3 .box::after {content:''; width:21px; height:21px; background:url('../../images/sub/step-arrow2.svg') no-repeat center; position: absolute; left:100%; top:50%; margin-top:-10px;}
.step-box3 p {font-size: 20px; font-family: 'Pre Bold'; color:#000; line-height: 30px;}
.step-box3 p a {position: relative; display: inline-block; padding-right: 23px; margin-right: 8px;}
.step-box3 p a[target="_blank"] { background:url('../../images/sub/blank-small.png') no-repeat right center;}
.step-box3 p a span {border-bottom:2px solid #000; }
@media (max-width:1023px) {
  .step-box3 p {font-size: 16px;}	
}
@media (max-width:767px) {
  .step-box3 > ul {flex-direction: column;}	
  .step-box3 > ul > li {margin-bottom: 20px;}
  .step-box3 > ul > li:last-child {margin-bottom: 0;}
  .step-box3 .box::after {left:50%; top:100%; transform: rotate(90deg); margin-left:-10px; margin-top:0;}	
}

.step-box4 {position: relative;}
.step-box4 ul {display: flex; margin:0 -10px}
.step-box4 li {width:25%; padding:0 10px;}
.step-box4 .box {background: #F0F8FF; height:100%; display: flex; align-items: center; justify-content: center; padding:24px 30px; position: relative;}
.step-box4 .box::after {content:''; width:20px; height:20px; background:url('../../images/sub/step-arrow2.svg') no-repeat center; position: absolute; top:50%; left:100%; margin-top:-10px;}
.step-box4 li:last-child .box::after {display: none;}
.step-box4 .box p {font-family: 'Pre Medium'; color:#2822E9; font-size: 20px; position: relative; padding-left: 35px;}
.step-box4 .box p .num {font-size: 16px; color:#fff; width:24px; height:24px; background:#2822E9; border-radius:50%; position: absolute; left:0; top:3px; display: flex; align-items: center; justify-content: center;}
.step-box4 .box .small-txt {font-size: 16px; color:#707070; font-family: 'Pre Medium';}
@media (max-width:1280px) {
  .step-box4 ul {flex-wrap:wrap;}
  .step-box4 li {width:50%; margin-bottom: 20px;}
}
@media (max-width:1023px) {
  .step-box4 .box p {font-size: 18px;}
}
@media (max-width:767px) {
  .step-box4 li {width:100%;}
  .step-box4 .box {justify-content: start;}
  .step-box4 .box::after {top:100%; left:50%; margin-top:unset; margin-left:-10px; transform: rotate(90deg);}
}
/* 좌우 사이드 박스 */
.side-box {position: relative; display: flex; margin-top:120px;}
.side-box.long {}
.side-box.top-margin {margin-top: 120px;}
.side-box.firstH2 {margin-top: 0;}
.side-box.frame > div {flex:1; width:50%; max-width:unset;}
.side-box .left {width:25.31%;margin-right: 20px;}
.side-box.type2 .left {width:34.31%;}
.side-box .right {width:calc(100% - 25.31%)}
.side-box.type2 .right {width:calc(100% - 34.31%)}
.side-box.long .left {width:32.5%; padding-right: 20px;}
.side-box.long .right {width:calc(100% - 32.5%);}
.side-box.tit-side .con-list1 li {margin-bottom: 15px;}
@media (max-width:1023px) {
  .side-box {margin-top:50px;}
  .side-box.top-margin {margin-top: 50px;}
  .side-box.tit-side .con-list1 li {margin-bottom: 10px;}
}
@media (max-width:767px) {
  .side-box {flex-wrap:wrap;}
  .side-box {margin-top:30px;}
  .side-box.top-margin {margin-top: 30px;}
  .side-box h2 br {display: none;}
  .side-box.frame > div {width:100%; flex: none;}
  .side-box .left{width: 100%;}
  .side-box.long .left {width:100%; padding-right: 0;}
  .side-box .right {margin-top: 20px; width:100%;}
  .side-box.long .right {width:100%;}
  .side-box.type2 .left {width: 100%;}
  .side-box.type2 .right {margin-top: 20px;width: 100%;}
}

.double-side-box {display: flex;gap: 120px;}
.double-side-box > div {flex: 1;}
.double-side-box > div > div .left {max-width: auto;flex-shrink: 0;margin: 0 80px 0 0;width: auto;}

@media (max-width: 1200px) {
  .double-side-box {flex-direction: column;gap: 0;}
  .double-side-box > div:last-child {margin-top: 50px;}
  .double-side-box > div > div .left {min-width: 220px;max-width: 220px;}
}
@media (max-width: 767px) {
  .double-side-box .side-box {flex-direction: column;}
  .double-side-box .side-box .right {width: 100%;}
  .double-side-box > div:last-child {margin-top: 10px;} 
  .double-side-box > div > div .left {min-width: auto;max-width: 100%;}
  .double-side-box > div > div .left br {display: none;}
}



/* con-table 테이블 */
.con-table.center {text-align: center;}
.con-table{overflow:hidden;border-top:1px solid #02020C; position:relative;}
.con-table table{width:100%;word-break:break-all;position:relative;}
.con-table table::after {content:''; width:2px; height:100%; background:#fff; position:absolute; top:0; right:-1px;}
.con-table caption{text-indent:-9999px;height:0;position:absolute;left:9999px;top:9999px;}
.con-table thead th{background:#F7F7F7;border-bottom:1px solid #707070;border-right:1px solid #D9D9D9;padding:20px 10px;font-size:16px;font-family:'Pre Bold'; color:#000;}
.con-table thead th.color{background: #f7f7f7;}
.con-table tbody th{padding:15px 20px;background:#F7F7F7;color:#000;border-right:1px solid #ccd0d7;border-bottom:1px solid #ccd0d7;font-size:16px;font-family:'Pre Bold';}
.con-table tbody .border-top th{border-top: 2px solid #707070;}
.con-table tbody td{padding:29px 20px;background:#FFF;color:#515151;border-right:1px solid #ccd0d7;border-bottom:1px solid #ccd0d7;font-size:16px;font-family:'Pre Medium'; line-height: 26px;}
.con-table tbody td.color {background:#F7F7F7}
.con-table tbody td a{color:#333;} 
.con-table tbody::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#707070;}
.con-table tfoot th,
.con-table tfoot td{padding:15px 20px;color:#000;background:#ececec;}
.con-table tr.bdrB td {border-bottom: 1px solid #707070;}
.con-table th:first-child,
.con-table td:first-child{border-left:0;}
.con-table th.bdrL{border-left:1px solid #ccd0d7;}
.con-table td.bdrL{border-left:1px solid #ccd0d7;}
.con-table th.bdrR{border-right:1px solid #ccd0d7;}
.con-table td.bdrR{border-right:1px solid #ccd0d7;}
.con-table th.bdrB {border-bottom: 1px solid #d9d9d9;}
.con-table td.left{text-align:left;}
.con-table td.right{text-align:right;}

.con-table .list > li {position: relative; padding-left:16px; margin-bottom: 10px;}
.con-table .list > li:last-child {margin-bottom: 0;}
.con-table .list > li::after {content:''; display: block; width:4px; height: 4px; background: #515151; position: absolute; left:0; top:11px; }
.con-table .list li.c2::after {background:#D72B2B;}

.con-table .list-title {font-size: 16px; color:#515151; font-family: 'Pre Bold'; display: block;}

.con-table .bold{background-color: #F7F7F7; font-family: "Pre Bold";}

/*M_테이블*/
@media only screen and (max-width:1024px){
  .con-table{overflow-y:hidden;overflow-x:scroll;position:relative;}
  .con-table::after{content:'';position: absolute; left: 0; top: 0; width: 100%; height:100%;background:rgba(43,106,189,0.5) url('../../images/sub/mobile_table_info.png') no-repeat center center;}
  .con-table table{min-width:200%;}
  .con-table.on::after{display:none;}
}

/*테이블2*/
.con-table.type2{border-top: 1px solid #000000;}
.con-table.type2 thead th{border-bottom: 1px solid #707070; border-right: 1px solid #d9d9d9;}
.con-table.type2 thead th,
.con-table.type2 thead th.color{background-color: #EAEAEA;}
.con-table.type2 tbody td{border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9}

/*테이블3*/
.con-table.type3{border-top: 1px solid #000000;}
.con-table.type3 thead th{border-bottom: 1px solid #707070; border-right: 1px solid #d9d9d9;}
.con-table.type3 thead th,
.con-table.type3 thead th.color{background-color: #EAEAEA;}
.con-table.type3 tbody td{border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; background-color: transparent;}


/* 버튼 */
.btn-style1 {font-family: 'Pre Medium'; font-size: 20px; color:#fff !important; padding:17px 25px; background:#3445EB; display: inline-block; border-radius:4px;}
.btn-style1:hover {background:#212eaf;}
.btn-style1 span {display: inline-block; width:100%; background:url('../../images/sub/btn-blank-white.svg') no-repeat right center; padding-right:50px;}
.btn-style1.down span{background:url('../../images/sub/ic-down2.svg') no-repeat right center;}

.btn-style2 {font-family: 'Pre Medium'; font-size: 20px; color:#fff !important; padding:17px 25px; background:#000; display: inline-block; border-radius:4px;}
.btn-style2:hover {background:#222;}
.btn-style2 span {display: inline-block; width:100%; background:url('../../images/sub/btn-blank-white.svg') no-repeat right center; padding-right:50px;}
.btn-style2.down span{background:url('../../images/sub/ic-down2.svg') no-repeat right center;}
@media (max-width:1023px) {
  .btn-style1 {font-size: 18px; padding:14px 20px;}
  .btn-style2 {font-size: 18px; padding:14px 20px;}
}
@media (max-width:767px) {
  .btn-style1 {font-size: 16px; padding: 10px 15px;}
  .btn-style1 span {background-size:16px;}
  .btn-style2 {font-size: 16px; padding: 10px 15px;}
  .btn-style2 span {background-size:16px;}
  .btn-style2.down span{background-size:16px;}
}

/* 제목과 버튼 양옆 정렬 */
.head-button {display: flex; justify-content: space-between; align-items: flex-start; margin-top: 120px;}
@media (max-width:1280px) {
  .head-button {display:block;}
  .head-button h2 {margin-bottom: 20px;}
  .head-button .right {margin-top: 20px;}
}
@media (max-width:1023px) {
  .head-button {margin-top: 50px;}
}
@media (max-width:767px) {
  .head-button {margin-top: 30px;} 
}

/* 백그라운드 박스 컬러 */
.box-color-type1 {position: relative;}
.box-color-type1 > ul {display: flex; margin:0 -10px;}
.box-color-type1 > ul > li {flex:1; padding:0 10px;}
.box-color-type1 .box {background:#F1EEE9; height:100%; padding:48px 40px; display: flex; border-radius:4px;}
.box-color-type1 .left {max-width:275px; width:100%; padding-right:30px;}
.box-color-type1 .left strong {font-size: 32px; font-family: 'Pre Bold'; display: inline-block; word-break: keep-all;}
.box-color-type1.gray .box {background:#f7f7f7 !important;}
@media (max-width:1023px) {
  .box-color-type1 .left {max-width:100%; padding-right:0;}
  .box-color-type1 .left strong {font-size: 25px; margin-bottom: 10px; padding-right:0; width:100%; display:block;}
  .box-color-type1 .box {flex-direction: column;}		
}
@media (max-width:767px) {
  .box-color-type1 > ul {flex-direction: column;}	
  .box-color-type1 > ul > li {margin-bottom: 20px;}
  .box-color-type1 > ul > li:last-child {margin-bottom: 10px;}
  .box-color-type1 .box {padding:25px 20px;}
}

.box-color-type1.type2 .box {background: #f7f7f7;}
.box-color-type1.type2 .box a[target="_blank"] {margin: 150px 0 0;}
.box-color-type1.type2 .box {padding: 48px 40px 35px;}

@media (max-width: 767px) {
  .box-color-type1.type2 .box a[target="_blank"] {margin: 60px 0 0;}
}

.box-color-type2 {position: relative;}
.box-color-type2 > ul {margin:0 -10px; display: flex; flex-wrap:wrap;}
.box-color-type2 > ul > li {padding:0 10px; width:33.3333%; margin-bottom: 20px;}
.box-color-type2 > ul > li:nth-last-child(-n+3) {margin-bottom: 0;}
.box-color-type2 .box {background: #F7F7F7; display: flex; align-items: center; justify-content: center;min-height:120px; border-radius:4px;}
.box-color-type2 .box strong {font-size: 20px; font-family: 'Pre Bold'; line-height: 30px;}
.box-color-type2 .box a {position: relative; display: inline-block; padding-right: 33px; margin-right: 8px;}
.box-color-type2 .box a[target="_blank"] { background:url('../../images/sub/btn-blank-black.svg') no-repeat right center;}
.box-color-type2 .box a span {border-bottom:2px solid #000;}
@media (max-width:1023px) {
  .box-color-type2 > ul > li {width:50%; margin-bottom:20px !important;}
  .box-color-type2 > ul > li:nth-last-child(-n+2) {margin-bottom: 0;}
  .box-color-type2 .box strong {font-size: 18px;}
}
@media (max-width:767px) {
  .box-color-type2 > ul > li {width:100%; margin-bottom:20px !important;}
  .box-color-type2 > ul > li:nth-last-child(-n+2) {margin-bottom:20px !important;}
  .box-color-type2 > ul > li:last-child {margin-bottom: 0 !important;}
  .box-color-type2 .box {min-height:80px;}
  .box-color-type2 .box strong {font-size: 16px;}
}

.box-color-type2.type2 {position: relative;}
.box-color-type2.type2 > ul {display: flex; margin:0 -10px;}
.box-color-type2.type2 > ul > li {flex:1; padding:0 10px;}
.box-color-type2.type2 .box {display: block;background:#f7f7f7; border-radius:4px; padding:36px; height:100%; min-height:140px;}
.box-color-type2.type2 .box > strong {font-size: 24px; font-family: 'Pre Bold'; line-height: 34px;}
.box-color-type2.type2 .box p {font-size: 16px; font-family: 'Pre Medium'; line-height: 26px; color:#515151; margin-top: 15px;}
.box-color-type2.type2 .box a[target="_blank"] {background: #000;margin-top: 50px;}
@media (max-width:1023px) {
  .box-color-type2.type2 .box a[target="_blank"] {margin-top: 35px;}
  .box-color-type2.type2 > ul {flex-direction: column;}
  .box-color-type2.type2 > ul > li {width: 100%;margin-bottom: 20px;}
  .box-color-type2.type2 > ul > li:last-child {margin-bottom: 0;}	
  .box-color-type2.type2 .box {min-height:80px;}
  .box-color-type2.type2 .box > strong  {font-size: 20px;}
}

.box-color-type3 {position: relative;}
.box-color-type3 > ul {display: flex; margin:0 -10px;}
.box-color-type3 > ul > li {flex:1; padding:0 10px;}
.box-color-type3 .box {background:#F1EEE9; border-radius:4px; padding:36px; height:100%; min-height:140px;}
.box-color-type3 .box strong {font-size: 24px; font-family: 'Pre Bold'; line-height: 34px;}
.box-color-type3 .box p {font-size: 16px; font-family: 'Pre Medium'; line-height: 26px; color:#515151; margin-top: 15px;}

.box-color-type3.type2 .box{display: flex; flex-direction: column; justify-content: center; align-items: center;}

.box-color-type3 .left strong {font-size: 32px; font-family: 'Pre Bold'; display: inline-block; word-break: keep-all;}

@media (max-width:1023px) {
  .box-color-type3 .box strong  {font-size: 22px;}
  .box-color-type3 .left strong {font-size: 25px; margin-bottom: 10px;}
}
@media (max-width:767px) {
  .box-color-type3 > ul {flex-direction: column;}
  .box-color-type3 > ul > li {margin-bottom: 20px;}
  .box-color-type3 > ul > li:last-child {margin-bottom: 0;}	
  .box-color-type3 .box {min-height:80px;}
  .box-color-type3 .box strong  {font-size: 20px;}
}

.box-color-type4 {position: relative;}
.box-color-type4 > ul {display: flex; margin:0 -10px;}
.box-color-type4 > ul > li {flex:1; padding:0 10px;}
.box-color-type4 .box {display: block; background:#F1EEE9; border-radius:4px; padding:36px; height:100%; min-height:140px;}
.box-color-type4 .left { max-width: 100%; }
.box-color-type4 .box strong {font-size: 32px; font-family: 'Pre Bold'; line-height: 34px;}
.box-color-type4 .box p { line-height: 30px; }
.box-color-type4 .con-list1 > ul {display: flex;flex-wrap: wrap;}
.box-color-type4 .con-list1 > ul > li {min-width: 50%;}
.box-color-type4 .con-list1 > ul > li::before {top: 14px;}

.box-color-type4.type2 .box{display: flex; flex-direction: column; justify-content: center; align-items: center;}
@media (max-width:1023px) {
  .box-color-type4 .box strong  {font-size: 22px;}
  .box-color-type4 .con-list1 > ul > li::before {top: 7px;}
}
@media (max-width:767px) {
  .box-color-type4 > ul {flex-direction: column;}
  .box-color-type4 > ul > li {margin-bottom: 20px;}
  .box-color-type4 > ul > li:last-child {margin-bottom: 0;}	
  .box-color-type4 .box {min-height:80px;}
  .box-color-type4 .box strong  {font-size: 20px;}
}

.box-color-type5 {position: relative;}
.box-color-type5 > ul {display: flex; gap: 20px;}
.box-color-type5 > ul > li {flex:1;}
.box-color-type5 > ul > li:first-child {max-width: 520px;}
.box-color-type5 .box {background:#F1EEE9; height:100%; padding:45px 35px; display: flex; border-radius:4px;}
.box-color-type5 > ul > li:last-child .box {background: #fff;border: 1px solid #d9d9d9;}

@media (max-width:1023px) {
  .box-color-type5 > ul {flex-direction: column;}	
  .box-color-type5 > ul > li:first-child  {max-width: 100%;}
  .box-color-type5 .box {padding:25px 20px;}
}

.box-color-type6 {position: relative;}
.box-color-type6 > ul {display: flex; gap: 20px;}
.box-color-type6 > ul > li {flex:1; padding:0 10px;}
.box-color-type6 strong{display: block; font-size: 32px; font-family: "Pre Bold";}
.box-color-type6 .box {background:#F1EEE9; height:100%; padding:45px 35px; border-radius:4px;}
.box-color-type6 > ul > li:last-child .box {background: #fff;border: 1px solid #d9d9d9;}
.box-color-type6.type2 > ul {gap:0;}
.box-color-type6.type2 > ul > li:last-child .box{background-color: #f1eee9; border: 0;}

@media (max-width:1023px) {
  .box-color-type6 > ul {flex-direction: column;}	
  .box-color-type6 > ul > li:first-child  {max-width: 100%;}
  .box-color-type6 .box {padding:25px 20px;}
}

.box-color-type7 {position: relative;}
.box-color-type7 > ul {display: flex; gap: 20px;}
.box-color-type7 > ul > li {flex:1; padding:0 10px;}
.box-color-type7 > ul > li:last-child{flex: 2;}
.box-color-type7 strong{display: block; font-size: 32px; font-family: "Pre Bold";}
.box-color-type7 .box {background:#F7F7F7; height:100%; padding:40px 35px; border-radius:4px;}
.box-color-type7 > ul > li:last-child .box {background: #F7F7F7;}
.box-space {display:flex; gap:20px;}
.box-space > a {width:50%;}
@media (max-width:1600px) {
  .box-space {display:block; gap:0px;}
  .box-space > a {width:auto;}
  .box-space > a:last-child {margin-top:20px;}
}
@media (max-width:1023px) {
  .box-color-type7 > ul {flex-direction: column;}	
  .box-color-type7 > ul > li:first-child  {max-width: 100%;}
  .box-color-type7 > ul > li:last-child{flex: 1;}
  .box-color-type7 .box {padding:25px 20px;}
  .box-color-type7 .box .btn-style2{font-size: 14px; padding: 10px 15px;}
}

.box-color-type5.type2 .box {background: #f7f7f7;}
.box-color-type5.type2 > ul > li:last-child .box {background: #f7f7f7;border: 0;}


/* img-box-list */
.img-list-box > ul {display: flex; margin:0 -10px;}
.img-list-box > ul > li {width:25%; padding:0 10px; margin-bottom: 30px;}
.img-list-box .img-box {width:100%;}
.img-list-box .img-box img {width:100%; object-fit: cover;}
.img-list-box .text-box {margin-top: 22px;}
.img-list-box .text-box p {font-size: 20px; font-family: 'Pre Medium'; color:#000; word-break: keep-all;}
@media (max-width:1023px) {
  .img-list-box > ul {flex-wrap:wrap;}
  .img-list-box > ul > li {width:50%;}
}
@media (max-width:600px) {
  .img-list-box > ul > li {width:100%;}
  .img-list-box > ul > li:last-child {margin-bottom: 0;}
  .img-list-box .text-box {margin-top: 15px;}
  .img-list-box .text-box p {font-size: 18px;}
}

/* 탭 */
.tab-wrap {position: relative;}
.tab-wrap .wrap_btn {display: flex; flex-wrap:wrap;}
.tab-wrap .wrap_btn > a {font-family: 'Pre Medium'; position: relative; border:1px solid #D9D9D9; background:#fff; color:#707070; font-size: 20px; padding:23px 10px; text-align: center; transition:border .3s; display: flex; align-items: center; justify-content: center;}
.tab-wrap .wrap_btn > a:hover {border:1px solid #000;}
.tab-wrap .wrap_btn > a.active {background:#000; border:1px solid #000; color:#fff; font-family: 'Pre Bold';}
.tab-wrap .con > div {display: none;}
.tab-wrap .con > div.active {display: block;}

/* css로 개수 제한 */
.tab-wrap .wrap_btn > a:first-child:nth-last-child(2),
.tab-wrap .wrap_btn > a:first-child:nth-last-child(2) ~ a {
  width: 50%;
}
.tab-wrap .wrap_btn > a:first-child:nth-last-child(3),
.tab-wrap .wrap_btn > a:first-child:nth-last-child(3) ~ a {
  width: 33.3333%;
}
.tab-wrap .wrap_btn > a:first-child:nth-last-child(4),
.tab-wrap .wrap_btn > a:first-child:nth-last-child(4) ~ a {
  width: 25%;
}
.tab-wrap .wrap_btn a:first-child:nth-last-child(n+5),
.tab-wrap .wrap_btn a:first-child:nth-last-child(n+5) ~ a {
  width: 25%;
}
@media (max-width:1023px) {
  .tab-wrap .wrap_btn > a {font-size: 18px; padding:15px 10px;}
}
@media (max-width:767px) {
  .tab-wrap .wrap_btn > a {font-size: 14px;}
  .tab-wrap .wrap_btn > a:first-child:nth-last-child(4),
  .tab-wrap .wrap_btn > a:first-child:nth-last-child(4) ~ a {
	width: 50% !important;
  }
  .tab-wrap .wrap_btn a:first-child:nth-last-child(n+5),
  .tab-wrap .wrap_btn a:first-child:nth-last-child(n+5) ~ a {
	width: 50% !important;
  }
}


/* 라벨박스 */
.label-box1 {position: relative; background: #F0F8FF; padding:10px 15px;font-size: 24px; vertical-align: middle; display: inline-block; font-family: 'Pre Bold';}
.label-box1 span {font-size: 16px;vertical-align: middle; display: inline-block; color:#515151; font-family: 'Pre Medium';}
.label-box2 { display: inline-block;padding: 0px 5px;text-align: center;width: 100%;max-width: 66px;font-size: 14px;color: #2822e9;background: #f0f8ff;border-radius: 4px;margin: 0 10px 15px 0;font-family: 'Pre Bold';}
.label-box3 { display: inline-block; padding: 3px 3px; min-width:84px; font-size: 20px; color: #000; background: #f0f0f0; border-radius: 4px;font-family: 'Pre Bold';}
.label-box4 { display: inline-block; padding: 10px 20px; min-width:84px; font-size: 20px; color: #707070; background: #f7f7f7; border-radius: 4px;font-family: 'Pre Bold';}


/*  */