@charset "utf-8";


/* padding&margin start */
.w-a{width: auto !important;}
.mb0{margin-bottom: 0px !important;} .mb5{margin-bottom: 5px !important;} .mb10{margin-bottom: 10px !important;} .mb15{margin-bottom: 15px !important;} .mb20{margin-bottom: 20px !important;} .mb25{margin-bottom: 25px !important;} .mb30{margin-bottom: 30px !important;} .mb35{margin-bottom: 35px !important;} .mb40{margin-bottom: 40px !important;} .mb45{margin-bottom: 45px !important;} .mb50{margin-bottom: 50px !important;} .mb55{margin-bottom: 55px !important;} .mb60{margin-bottom: 60px !important;} .mb65{margin-bottom: 65px !important;} .mb70{margin-bottom: 70px !important;} .mb75{margin-bottom: 75px !important;} .mb80{margin-bottom: 80px !important;} .mb85{margin-bottom: 85px !important;} .mb90{margin-bottom: 90px !important;} .mb95{margin-bottom: 95px !important;} .mb100{margin-bottom: 100px !important;} .mt0{margin-top: 0px !important;} .mt5{margin-top: 5px !important;} .mt10{margin-top: 10px !important;} .mt15{margin-top: 15px !important;} .mt20{margin-top: 20px !important;} .mt25{margin-top: 25px !important;} .mt30{margin-top: 30px !important;} .mt35{margin-top: 35px !important;} .mt40{margin-top: 40px !important;} .mt45{margin-top: 45px !important;} .mt50{margin-top: 50px !important;} .mt55{margin-top: 55px !important;} .mt60{margin-top: 60px !important;} .mt65{margin-top: 65px !important;} .mt70{margin-top: 70px !important;} .mt75{margin-top: 75px !important;} .mt80{margin-top: 80px !important;} .mt85{margin-top: 85px !important;} .mt90{margin-top: 90px !important;} .mt95{margin-top: 95px !important;} .mt100{margin-top: 100px !important;} .ml0{margin-left: 0px !important;} .ml5{margin-left: 5px !important;} .ml10{margin-left: 10px !important;} .ml15{margin-left: 15px !important;} .ml20{margin-left: 20px !important;} .ml25{margin-left: 25px !important;} .ml30{margin-left: 30px !important;} .ml35{margin-left: 35px !important;} .ml40{margin-left: 40px !important;} .ml45{margin-left: 45px !important;} .ml50{margin-left: 50px !important;} .ml55{margin-left: 55px !important;} .ml60{margin-left: 60px !important;} .ml65{margin-left: 65px !important;} .ml70{margin-left: 70px !important;} .ml75{margin-left: 75px !important;} .ml80{margin-left: 80px !important;} .ml85{margin-left: 85px !important;} .ml90{margin-left: 90px !important;} .ml95{margin-left: 95px !important;} .ml100{margin-left: 100px !important;} .mr0{margin-right: 0px !important;} .mr5{margin-right: 5px !important;} .mr10{margin-right: 10px !important;} .mr15{margin-right: 15px !important;} .mr20{margin-right: 20px !important;} .mr25{margin-right: 25px !important;} .mr30{margin-right: 30px !important;} .mr35{margin-right: 35px !important;} .mr40{margin-right: 40px !important;} .mr45{margin-right: 45px !important;} .mr50{margin-right: 50px !important;} .mr55{margin-right: 55px !important;} .mr60{margin-right: 60px !important;} .mr65{margin-right: 65px !important;} .mr70{margin-right: 70px !important;} .mr75{margin-right: 75px !important;} .mr80{margin-right: 80px !important;} .mr85{margin-right: 85px !important;} .mr90{margin-right: 90px !important;} .mr95{margin-right: 95px !important;} .mr100{margin-right: 100px !important;}

.pb0{padding-bottom: 0px !important;} .pb5{padding-bottom: 5px !important;} .pb10{padding-bottom: 10px !important;} .pb15{padding-bottom: 15px !important;} .pb20{padding-bottom: 20px !important;} .pb25{padding-bottom: 25px !important;} .pb30{padding-bottom: 30px !important;} .pb35{padding-bottom: 35px !important;} .pb40{padding-bottom: 40px !important;} .pb45{padding-bottom: 45px !important;} .pb50{padding-bottom: 50px !important;} .pb55{padding-bottom: 55px !important;} .pb60{padding-bottom: 60px !important;} .pb65{padding-bottom: 65px !important;} .pb70{padding-bottom: 70px !important;} .pb75{padding-bottom: 75px !important;} .pb80{padding-bottom: 80px !important;} .pb85{padding-bottom: 85px !important;} .pb90{padding-bottom: 90px !important;} .pb95{padding-bottom: 95px !important;} .pb100{padding-bottom: 100px !important;} .pt0{padding-top: 0px !important;} .pt5{padding-top: 5px !important;} .pt10{padding-top: 10px !important;} .pt15{padding-top: 15px !important;} .pt20{padding-top: 20px !important;} .pt25{padding-top: 25px !important;} .pt30{padding-top: 30px !important;} .pt35{padding-top: 35px !important;} .pt40{padding-top: 40px !important;} .pt45{padding-top: 45px !important;} .pt50{padding-top: 50px !important;} .pt55{padding-top: 55px !important;} .pt60{padding-top: 60px !important;} .pt65{padding-top: 65px !important;} .pt70{padding-top: 70px !important;} .pt75{padding-top: 75px !important;} .pt80{padding-top: 80px !important;} .pt85{padding-top: 85px !important;} .pt90{padding-top: 90px !important;} .pt95{padding-top: 95px !important;} .pt100{padding-top: 100px !important;} .pl0{padding-left: 0px !important;} .pl5{padding-left: 5px !important;} .pl10{padding-left: 10px !important;} .pl15{padding-left: 15px !important;} .pl20{padding-left: 20px !important;} .pl25{padding-left: 25px !important;} .pl30{padding-left: 30px !important;} .pl35{padding-left: 35px !important;} .pl40{padding-left: 40px !important;} .pl45{padding-left: 45px !important;} .pl50{padding-left: 50px !important;} .pl55{padding-left: 55px !important;} .pl60{padding-left: 60px !important;} .pl65{padding-left: 65px !important;} .pl70{padding-left: 70px !important;} .pl75{padding-left: 75px !important;} .pl80{padding-left: 80px !important;} .pl85{padding-left: 85px !important;} .pl90{padding-left: 90px !important;} .pl95{padding-left: 95px !important;} .pl100{padding-left: 100px !important;} .pr0{padding-right: 0px !important;} .pr5{padding-right: 5px !important;} .pr10{padding-right: 10px !important;} .pr15{padding-right: 15px !important;} .pr20{padding-right: 20px !important;} .pr25{padding-right: 25px !important;} .pr30{padding-right: 30px !important;} .pr35{padding-right: 35px !important;} .pr40{padding-right: 40px !important;} .pr45{padding-right: 45px !important;} .pr50{padding-right: 50px !important;} .pr55{padding-right: 55px !important;} .pr60{padding-right: 60px !important;} .pr65{padding-right: 65px !important;} .pr70{padding-right: 70px !important;} .pr75{padding-right: 75px !important;} .pr80{padding-right: 80px !important;} .pr85{padding-right: 85px !important;} .pr90{padding-right: 90px !important;} .pr95{padding-right: 95px !important;} .pr100{padding-right: 100px !important;}

.w100p{width: 100% !important;}

@media screen and (max-width: 840px){
.mb0-mo{margin-bottom: 0px !important;} .mb5-mo{margin-bottom: 5px !important;} .mb10-mo{margin-bottom: 10px !important;} .mb15-mo{margin-bottom: 15px !important;} .mb20-mo{margin-bottom: 20px !important;} .mb25-mo{margin-bottom: 25px !important;} .mb30-mo{margin-bottom: 30px !important;} .mb35-mo{margin-bottom: 35px !important;} .mb40-mo{margin-bottom: 40px !important;} .mb45-mo{margin-bottom: 45px !important;} .mb50-mo{margin-bottom: 50px !important;} .mb55-mo{margin-bottom: 55px !important;} .mb60-mo{margin-bottom: 60px !important;} .mb65-mo{margin-bottom: 65px !important;} .mb70-mo{margin-bottom: 70px !important;} .mb75-mo{margin-bottom: 75px !important;} .mb80-mo{margin-bottom: 80px !important;} .mb85-mo{mafzrgin-bottom: 85px !important;} .mb90-mo{margin-bottom: 90px !important;} .mb95-mo{margin-bottom: 95px !important;} .mb100-mo{margin-bottom: 100px !important;} .mt0-mo{margin-top: 0px !important;} .mt5-mo{margin-top: 5px !important;} .mt10-mo{margin-top: 10px !important;} .mt15-mo{margin-top: 15px !important;} .mt20-mo{margin-top: 20px !important;} .mt25-mo{margin-top: 25px !important;} .mt30-mo{margin-top: 30px !important;} .mt35-mo{margin-top: 35px !important;} .mt40-mo{margin-top: 40px !important;} .mt45-mo{margin-top: 45px !important;} .mt50-mo{margin-top: 50px !important;} .mt55-mo{margin-top: 55px !important;} .mt60-mo{margin-top: 60px !important;} .mt65-mo{margin-top: 65px !important;} .mt70-mo{margin-top: 70px !important;} .mt75-mo{margin-top: 75px !important;} .mt80-mo{margin-top: 80px !important;} .mt85-mo{margin-top: 85px !important;} .mt90-mo{margin-top: 90px !important;} .mt95-mo{margin-top: 95px !important;} .mt100-mo{margin-top: 100px !important;} .ml0-mo{margin-left: 0px !important;} .ml5-mo{margin-left: 5px !important;} .ml10-mo{margin-left: 10px !important;} .ml15-mo{margin-left: 15px !important;} .ml20-mo{margin-left: 20px !important;} .ml25-mo{margin-left: 25px !important;} .ml30-mo{margin-left: 30px !important;} .ml35-mo{margin-left: 35px !important;} .ml40-mo{margin-left: 40px !important;} .ml45-mo{margin-left: 45px !important;} .ml50-mo{margin-left: 50px !important;} .ml55-mo{margin-left: 55px !important;} .ml60-mo{margin-left: 60px !important;} .ml65-mo{margin-left: 65px !important;} .ml70-mo{margin-left: 70px !important;} .ml75-mo{margin-left: 75px !important;} .ml80-mo{margin-left: 80px !important;} .ml85-mo{margin-left: 85px !important;} .ml90-mo{margin-left: 90px !important;} .ml95-mo{margin-left: 95px !important;} .ml100-mo{margin-left: 100px !important;} .mr0-mo{margin-right: 0px !important;} .mr5-mo{margin-right: 5px !important;} .mr10-mo{margin-right: 10px !important;} .mr15-mo{margin-right: 15px !important;} .mr20-mo{margin-right: 20px !important;} .mr25-mo{margin-right: 25px !important;} .mr30-mo{margin-right: 30px !important;} .mr35-mo{margin-right: 35px !important;} .mr40-mo{margin-right: 40px !important;} .mr45-mo{margin-right: 45px !important;} .mr50-mo{margin-right: 50px !important;} .mr55-mo{margin-right: 55px !important;} .mr60-mo{margin-right: 60px !important;} .mr65-mo{margin-right: 65px !important;} .mr70-mo{margin-right: 70px !important;} .mr75-mo{margin-right: 75px !important;} .mr80-mo{margin-right: 80px !important;} .mr85-mo{margin-right: 85px !important;} .mr90-mo{margin-right: 90px !important;} .mr95-mo{margin-right: 95px !important;} .mr100-mo{margin-right: 100px !important;}

.pb0-mo{padding-bottom: 0px !important;} .pb5-mo{padding-bottom: 5px !important;} .pb10-mo{padding-bottom: 10px !important;} .pb15-mo{padding-bottom: 15px !important;} .pb20-mo{padding-bottom: 20px !important;} .pb25-mo{padding-bottom: 25px !important;} .pb30-mo{padding-bottom: 30px !important;} .pb35-mo{padding-bottom: 35px !important;} .pb40-mo{padding-bottom: 40px !important;} .pb45-mo{padding-bottom: 45px !important;} .pb50-mo{padding-bottom: 50px !important;} .pb55-mo{padding-bottom: 55px !important;} .pb60-mo{padding-bottom: 60px !important;} .pb65-mo{padding-bottom: 65px !important;} .pb70-mo{padding-bottom: 70px !important;} .pb75-mo{padding-bottom: 75px !important;} .pb80-mo{padding-bottom: 80px !important;} .pb85-mo{padding-bottom: 85px !important;} .pb90-mo{padding-bottom: 90px !important;} .pb95-mo{padding-bottom: 95px !important;} .pb100-mo{padding-bottom: 100px !important;} .pt0-mo{padding-top: 0px !important;} .pt5-mo{padding-top: 5px !important;} .pt10-mo{padding-top: 10px !important;} .pt15-mo{padding-top: 15px !important;} .pt20-mo{padding-top: 20px !important;} .pt25-mo{padding-top: 25px !important;} .pt30-mo{padding-top: 30px !important;} .pt35-mo{padding-top: 35px !important;} .pt40-mo{padding-top: 40px !important;} .pt45-mo{padding-top: 45px !important;} .pt50-mo{padding-top: 50px !important;} .pt55-mo{padding-top: 55px !important;} .pt60-mo{padding-top: 60px !important;} .pt65-mo{padding-top: 65px !important;} .pt70-mo{padding-top: 70px !important;} .pt75-mo{padding-top: 75px !important;} .pt80-mo{padding-top: 80px !important;} .pt85-mo{padding-top: 85px !important;} .pt90-mo{padding-top: 90px !important;} .pt95-mo{padding-top: 95px !important;} .pt100-mo{padding-top: 100px !important;} .pl0-mo{padding-left: 0px !important;} .pl5-mo{padding-left: 5px !important;} .pl10-mo{padding-left: 10px !important;} .pl15-mo{padding-left: 15px !important;} .pl20-mo{padding-left: 20px !important;} .pl25-mo{padding-left: 25px !important;} .pl30-mo{padding-left: 30px !important;} .pl35-mo{padding-left: 35px !important;} .pl40-mo{padding-left: 40px !important;} .pl45-mo{padding-left: 45px !important;} .pl50-mo{padding-left: 50px !important;} .pl55-mo{padding-left: 55px !important;} .pl60-mo{padding-left: 60px !important;} .pl65-mo{padding-left: 65px !important;} .pl70-mo{padding-left: 70px !important;} .pl75-mo{padding-left: 75px !important;} .pl80-mo{padding-left: 80px !important;} .pl85-mo{padding-left: 85px !important;} .pl90-mo{padding-left: 90px !important;} .pl95-mo{padding-left: 95px !important;} .pl100-mo{padding-left: 100px !important;} .pr0-mo{padding-right: 0px !important;} .pr5-mo{padding-right: 5px !important;} .pr10-mo{padding-right: 10px !important;} .pr15-mo{padding-right: 15px !important;} .pr20-mo{padding-right: 20px !important;} .pr25-mo{padding-right: 25px !important;} .pr30-mo{padding-right: 30px !important;} .pr35-mo{padding-right: 35px !important;} .pr40-mo{padding-right: 40px !important;} .pr45-mo{padding-right: 45px !important;} .pr50-mo{padding-right: 50px !important;} .pr55-mo{padding-right: 55px !important;} .pr60-mo{padding-right: 60px !important;} .pr65-mo{padding-right: 65px !important;} .pr70-mo{padding-right: 70px !important;} .pr75-mo{padding-right: 75px !important;} .pr80-mo{padding-right: 80px !important;} .pr85-mo{padding-right: 85px !important;} .pr90-mo{padding-right: 90px !important;} .pr95-mo{padding-right: 95px !important;} .pr100-mo{padding-right: 100px !important;}

.w100p-mo{width: 100% !important;}
.bdt0-mo{ border-top: 0 !important; }
}

@import url(//fonts.cdnfonts.com/css/carmen-sans);

.hide-m{}
.view-m{display: none !important;}
@media screen and (max-width: 840px){
    .hide-m{display: none !important;}
    .view-m{display: block !important;}
    .view-m.flex{display: flex !important;}
}

.w60p{width: 60% !important;}
.w70p{width: 70% !important;}
.w80p{width: 80% !important;}

button{cursor: pointer;margin:0;padding:0;border:0;background:none;appearance:none;moz-appearance:none}

label{cursor: pointer; line-height: 1;}

.bdt0{border-top: 0 !important;}
.bdb0{border-bottom: 0 !important;}
.bdl0{border-left: 0 !important;}
.bdr0{border-right: 0 !important;}

.bdrs5{border-radius: 5px !important;}

.pt0{padding-top: 0 !important;}
.mb10{margin-bottom: 10px !important;}

.ta-l{ text-align: left !important; }
.ta-c{ text-align: center !important; }
.ta-r{ text-align: right !important; }

@media screen and (max-width: 840px){
.ta-l-mo{ text-align: left !important; }
.ta-c-mo{ text-align: center !important; }
.ta-r-mo{ text-align: right !important; }
}

.d-ib{display: inline-block;}
.d-flex{ display: flex; }
.jc-sf{ justify-content: flex-start !important; }
.jc-c{justify-content: center;}
.jc-sb{justify-content: space-between;}
.ai-c{align-items: center;}
.ai-fe{align-items: flex-end;}

@media screen and (max-width: 840px){
    .d-ib-mo{display: inline-block;}
    .d-flex-mo{ display: flex; }
    .jc-sf-mo{ justify-content: flex-start !important; }
    .jc-c-mo{justify-content: center;}
    .jc-sb-mo{justify-content: space-between;}
    .ai-c-mo{align-items: center;}
    .ai-fe-mo{align-items: flex-end;} 
}


.no_content{min-height: 350px;display: flex;align-items: center;justify-content: center;text-align: center;font-weight: 900;font-size: 60px;color: #ddd;}
@media screen and (max-width: 840px){
  .no_content{min-height: 34vw;font-size: 8vw;font-weight: 600;}
}

.fz_ss{ font-size: 15px !important; line-height: 1.55; }
.fz_s{ font-size: 16px !important; line-height: 1.55;  }
.fz_nl{ font-size: 20px !important; line-height: 1.55; letter-spacing: -0.02em; }
.fz_nl2{ font-size: 22px !important; line-height: 1.55; letter-spacing: -0.02em; }
.fz_l{font-size: 25px !important;letter-spacing: -0.02em; line-height: 1.4;}
.fz_xxl{font-size: 55px !important;letter-spacing: -0.02em; line-height: 1.4;}

.lh16{line-height: 1.6 !important;}

.i-txt{min-width: 60px;font-size: 14px;padding: 9px;line-height: 1;background-color: #222;color: #fff;box-sizing: border-box;text-align: center;border-radius: 3px;display: inline-block;}
@media screen and (max-width: 840px){
  .i-txt{min-width: 7vw; font-size: 3vw; padding: 2vw 3vw; border-radius: 1vw; }  
}

.txt_group p{ line-height: 1.875; margin-top: 20px; }
.txt_group p:first-child{margin-top: 0;}

@media screen and (max-width: 840px){
  .fz_ss{ font-size: 3.6vw !important; line-height: 1.55; }
  .fz_s{ font-size: 4vw !important; line-height: 1.4;  }
  .fz_nl{ font-size: 4.2vw !important; line-height: 1.4; letter-spacing: -0.02em; }
  .fz_nl2{ font-size: 4.6vw !important; line-height: 1.4; letter-spacing: -0.02em; }
  .fz_l{font-size: 5vw !important;letter-spacing: -0.02em; line-height: 1.4;}
  .fz_xxl{font-size: 8vw !important;}

  .txt_group p{ margin-top: 5vw; }
  .txt_group p:first-child{margin-top: 0;}
}

.fw-n{ font-weight: 300 !important; }
.fw-b,
.fw_b{font-weight: bold;}

.bxz{box-sizing: border-box;}
.form-control-plaintext{display: block;width: 100%;padding: 10px 0;margin-bottom: 0;background-color: transparent;border: 0;}

.none_list{ text-align: center; padding: 120px 30px; border-bottom: 1px solid #d6dce3; font-size: 20px; font-weight: 500; }

.txt_link1{ padding-left: 20px; text-align: left; overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.txt_cut2{ overflow: hidden; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

@media (hover: hover) {
  .txt_link1:hover{ font-weight: 600 }
}

/*모달 모바일*/
@media screen and (max-width: 840px){
  .modal > .inner .modal_header {padding: 5vw;padding-right: 18vw;background-color: #fff;position: relative;min-height: 7vw;}
  .modal > .inner .modal_content > .inner {padding: 4vw 4vw 9vw;}
  .modal > .inner .modal_footer {padding: 5vw;}
  .modal > .inner .modal_footer .btn_group { margin-top: 0; }
  
  .modal button.modal_close {position: absolute;top: 12px;right: 0.667em;z-index: 3;/* width: 19px;height: 19px; */overflow: hidden;}
  .modal .modal_header button.modal_close { top: 50%; margin-top: -1.333em; }
  .modal .btn_close{position: absolute;right: 4vw;top: 2vw;font-size: 8vw;color: #000;}
}
/*//모달 모바일*/


/*두글자*/
.txt_flex_set2{display: flex;}
.txt_flex_set2 > span{margin-left: 10px;}
.txt_flex_set2 > .num_circle{min-width: 15px; margin-left: 0;}
.txt_flex_set2 > .num{min-width: 25px; margin-left: 0;}
.txt_flex_set2 > b{min-width: 40px;}


.link_more{display: inline-flex;align-items: center;line-height: 1;font-weight: 700;font-size: 19px;font-size: 1.1875em;}
.link_more i{margin-left: 6px;font-size: 23px;font-size: 1.1375em;margin-top: 3px;}
.link_more2{display: inline-flex;align-items: center;line-height: 1;font-weight: 500;font-size: 19px;font-size: 1.1875em;color: #ffa800;}
.link_more2 i{margin-left: 8px;font-size: 23px;font-size: 0.8375em;margin-top: 4px;color: #ffa800;}
@media (hover: hover) {
 .link_more:hover{color: #e3b223;}
 .link_more2:hover{ color: #e09400 }
}

@media screen and (max-width: 840px){
.link_more{font-size: 3.4vw;}
.link_more i{margin-left: 1vw auto;font-size: 5vw;margin-top: -0.1vw;}
.link_more2{font-size: 4.2vw;}
.link_more2 i{margin-left: 1vw;font-size: 5vw;}
}


.box-black{background-color: #000; padding:15px 20px; color: #fff;}
@media screen and (max-width: 840px){
  .box-black{ padding:3vw 5vwinherit;}
}



.ico_{ display: inline-block; background-image: url(../images/common/ico_common.png); background-repeat: no-repeat; }
.ico_.home{ background-position: -14px -67px; width: 20px; height: 20px; }
.ico_.down1{ background-position: -16px -11px; width: 13px; height: 13px; }
.ico_.down1.yellow{ background-position: -36px -11px; width: 13px; height: 13px; }
.ico_.arr1{background-position: -68px -76px;width: 25px;height: 5px;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}

@media (hover: hover) {
    .ico_.down1.hv_white:hover,
    *:hover > .ico_.down1.hv_white{ background-position: -56px -11px;  }
    *:hover > .ico_.down1.hv_black{ background-position: -16px -11px;  }
    *:hover > .ico_.arr1{   background-position: -58px -76px; width: 35px; }
}

/*자주묻는 질문 아이콘 세트*/
.ico_.set1_1{ background-position: -16px -41px; width: 17px; height: 12px; }
.ico_.set1_2{ background-position: -53px -37px; width: 21px; height: 21px; }
.ico_.set1_3{ background-position: -96px -38px; width: 20px; height: 20px; }
.ico_.set1_4{ background-position: -142px -38px; width: 22px; height: 20px; }
.ico_.set1_5{ background-position: -190px -41px; width: 20px; height: 18px; }
.ico_.set1_6{ background-position: -190px -41px; width: 20px; height: 18px; }

a:hover .ico_.set1_1,
.on .ico_.set1_1{ background-position: -16px -71px; }
a:hover .ico_.set1_2,
.on .ico_.set1_2{ background-position: -53px -67px; }
a:hover .ico_.set1_3,
.on .ico_.set1_3{ background-position: -96px -68px;  }
a:hover .ico_.set1_4,
.on .ico_.set1_4{ background-position: -142px -68px;}
a:hover .ico_.set1_5,
.on .ico_.set1_5{ background-position: -190px -71px;}
a:hover .ico_.set1_6,
.on .ico_.set1_6{ background-position: -190px -71px;}

.btn_type2{min-width: 160px; height:50px; background:#f9ba1c; color:#000;line-height: 1;font-size: 15px; font-weight: 500;outline: none;padding: 0 20px; margin: 0;cursor: pointer; display: inline-flex; align-items: center; justify-content: space-between; border-radius: 5px;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn_type2.wa{min-width: auto;padding: 0 40px 0;}
.btn_type2 i{ margin-top: 2px; margin-left: 25px; }
.btn_type2.bg2{ background-color: #f5f8f9; }
.btn_type2.revese{ background-color: #fff; border: 2px solid #f9ba15; color: #f9ba15; }
@media (hover: hover) {
.btn_type2:hover{background:#ffd773; color:#000;}
.btn_type2.bg2:hover{ background-color: #baeafa; }
.btn_type2.revese:hover{background-color: #f9ba15; color: #000; border-color: #f9ba15;}
}
@media screen and (max-width: 840px){
    .btn_type2{min-width: 20vw; height:12vw; font-size: 3.6vw; padding: 0 4vw; border-radius: 1.5vw;}
    .btn_type2.wa{min-width: auto;padding: 0 9vw 0;}
    .btn_type2 i,.btn_type2 .ico_{ margin-top: 0; margin-left:4vw; }
}



.btn_type3{width: 130px; height:50px; background:#000; color:#f9ba1c;line-height: 1;font-size: 16px;font-size: 0.8em;font-weight: 500;outline: none;padding: 0 0 3px;margin: 0;cursor: pointer;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
@media (hover: hover) {
.btn_type3:hover{background:#f9ba1c; color:#000;}
}
@media screen and (max-width: 840px){
   .btn_type3{
  width: 33vw;
  height: 12vw;
  font-size: 4vw;
  padding: 0;
  margin: 0;
  } 
}

.btn_type4{min-width: 200px; height:60px; background:#f9ba1c; color:#000;line-height: 1;font-size: 20px; font-weight: 500;outline: none;padding: 0 20px;margin: 0;cursor: pointer; display: inline-flex; align-items: center; justify-content: space-between; border-radius: 5px;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn_type4 i{ margin-top: 0; }
.btn_type4 .t{margin-top: 0;}
.btn_type4.bg2{ background-color: #f5f8f9; }
@media (hover: hover) {
.btn_type4:hover{background:#ffd773; color:#000;}
.btn_type4.bg2:hover{ background-color: #baeafa; }
}
@media screen and (max-width: 840px){
.btn_type4{min-width: 37vw;height: 11vw;font-size: 4vw;padding: 0 3vw;border-radius: 1.2vw;}
}

.btn_type5{ display: inline-block; font-size: 15px; line-height: 1; padding:15px 20px 15px; color: #000; font-weight: 500; background-color: #f5f8f9;  border: 1px solid #d6dce3; border-radius: 5px; cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.btn_type5.sz2{padding-top: 10px; padding-bottom: 10px;}
.btn_type5.small{ padding: 10px 15px; text-align: center; font-size: 15px; width: 100px;}

@media (hover: hover) {
    .btn_type5:hover{ color: #000; font-weight: 500; background-color: #e3e7e8;  }    
}


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


    .btn_type5{
        display: inline-block;
        font-size: 4.2vw;
        padding: 3vw 5vw;
        border-radius: 1.3vw;
    }
    .btn_type5.sz2{
        padding-top: 10px; padding-bottom: 10px;
    }
    .btn_type5.small{ 
        padding: 10px 15px; text-align: center; font-size: 15px; width: 100px;
    }

}

.btn_more_ty1{font-size: 13px;font-weight: 800;line-height: 1;}
.btn_more_ty2{font-size: 18px;font-weight: 500;line-height: 1;display: inline-flex;align-items: center;color: #00ade9;}
.btn_more_ty2 i{width: 23px;height: 23px;border-radius: 50%;background-color: #00ade9;color: #fff;margin-left: 8px;display: inline-flex;justify-content: center;align-items: center;margin-top: -2px;font-size: 14px;}
.btn_more_ty2:hover{ opacity:0.8; }
@media screen and (max-width: 840px){
  .btn_more_ty1{font-size: 3vw;}
  .btn_more_ty2{font-size: 4vw;}
  .btn_more_ty2 i{width: 5vw;height: 5vw;margin-left: 2vw;margin-top: 0; font-size: 3vw;}
}

/*스크롤*/
.wrap_iscrollX{width: 100%; overflow: hidden; position: relative; padding-bottom: 20px;}
.wrap_iscrollX .iScrollHorizontalScrollbar{height: 5px !important;}
.wrap_iscrollX .iScrollIndicator{ background: rgba(0, 0, 0, 0.2) !important;}
@media screen and (max-width: 840px){
    .wrap_iscrollX.tab1-mo{ width: 80vw; overflow: visible;  }
}

/*//스크롤*/

.wrap_ick_group1{display: flex; align-items: center; flex-wrap: wrap; margin-left: -20px; }
.wrap_ick_group1 .cl{display: inline-flex; align-items: center; margin-left: 30px;}

.heder-service{padding: 10px 0;}
.heder-service .logo{ line-height: 0; }

#footer-service{padding: 90px 0;border-top: 1px #ddd solid;}
#footer-service .copy{ margin-top: 3px; margin-left:40px; text-transform: uppercase; font-size: 14px;}

@media screen and (max-width: 840px){
.heder-service{padding: 10px 0;}
.heder-service .logo{ line-height: 0; }

#footer-service{padding: 7vw 0;border-top: 1px #ddd solid;}
#footer-service .d-flex{display:flex;flex-direction: column;}
#footer-service .copy{margin-top: 5vw;margin-left: 0;text-transform: uppercase;font-size: 3.2vw;text-align: center;}
}





.box-aspect-ratio{height: 0; overflow: hidden; padding-top: calc(667 / 1320 * 100%); background:#000; position: relative; }
.box-aspect-ratio > .inside{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
.box-aspect-ratio .txt_bot{position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%;}



.btn_type3.none{
    background: transparent;
    color: #222;
    font-weight: 800;
    cursor: default;
}

.blind,legend{position:absolute;left:-9999px;width:0;height:0;font-size:0;line-height:0;text-indent:-9999px}/* 숨김 텍스트 */




.cur-p{cursor: pointer;}




.ff-en{font-family: 'Red Hat Display', sans-serif;}

.fz_50{font-size: 50px; font-size: 2.5em;}

.lh_14{line-height: 1.4 !important;}

.pos-r{position: relative;}

.fw300{font-weight: 300 !important;}
.fw500{font-weight: 500 !important;}
.fw600{font-weight: 500 !important;}
.fw800{font-weight: 500 !important;}

.ta-l{text-align: left !important;}

.bg-blue{ background-color:#404ab7; }
.bg-blue.sky{ background-color:#11a2cc; }

.ico_re{ color: #000; }
.color_black{color: #000 !important;}
.c-yellow{ color: #f9ba1c !important; }
.color_yellow{ color: #f9ba1c !important; }
.color_summary,
.color_gray{ color: #6d7a8d !important; }
.color_white{ color: #fff !important; }
.color_blue{ color: #243691 !important; }
.color_blue2{ color: #3844bb !important; }
.color_blue.light{ color: #57a8e7 !important; }

.p_dot1{ display: flex; }
.p_dot1 > .dot{ min-width: 15px; max-width:15px; }
.p_dot1_dep2{margin-left: 15px;}

.p_dot1.sz_l > .dot{ min-width: 35px; max-width:35px; }
@media screen and (max-width: 840px){
  .p_dot1.sz_l > .dot{ min-width: 8vw; max-width:8vw; }
  .p_dot1.sz_l > .dot img{ width:70%; }
}


.pr-top-margin{margin-top: 100px; margin-bottom: 70px;}

.pr-mt-xxl{margin-top: 160px !important;}
.pr-pt-xxl{padding-top: 160px !important;}
.pr-mb-xxl{margin-bottom: 160px !important;}
.pr-pb-xxl{padding-bottom: 160px !important;}

.pr-mt-xl{margin-top: 120px !important;}
.pr-pt-xl{padding-top: 120px !important;}
.pr-mb-xl{margin-bottom: 120px !important;}
.pr-pb-xl{padding-bottom: 120px !important;}

.pr-mt-l{margin-top: 80px !important;}
.pr-pt-l{padding-top: 80px !important;}
.pr-mb-l{margin-bottom: 80px !important;}
.pr-pb-l{padding-bottom: 80px !important;}

.pr-mt-n{margin-top: 60px !important;}
.pr-pt-n{padding-top: 60px !important;}
.pr-mb-n{margin-bottom: 60px !important;}
.pr-pb-n{padding-bottom: 60px !important;}

.pr-mt-s{margin-top: 40px !important;}
.pr-pt-s{padding-top: 40px !important;}
.pr-mb-s{margin-bottom: 40px !important;}
.pr-pb-s{padding-bottom: 40px !important;}

.pr-mt-sn{margin-top: 30px !important;}
.pr-pt-sn{padding-top: 30px !important;}
.pr-mb-sn{margin-bottom: 30px !important;}
.pr-pb-sn{padding-bottom: 30px !important;}


.pr-mt-ss{margin-top: 20px !important;}
.pr-pt-ss{padding-top: 20px !important;}
.pr-mb-ss{margin-bottom: 20px !important;}
.pr-pb-ss{padding-bottom: 20px !important;}

.pr-mt-sss{margin-top: 10px !important;}
.pr-pt-sss{padding-top: 10px !important;}
.pr-mb-sss{margin-bottom: 10px !important;}
.pr-pb-sss{padding-bottom: 10px !important;}

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

    .pr-mt-xxl{margin-top: 100px !important;}
    .pr-pt-xxl{padding-top: 100px !important;}
    .pr-mb-xxl{margin-bottom: 100px !important;}
    .pr-pb-xxl{padding-bottom: 100px !important;}

    .pr-mt-xl{margin-top: 80px !important;}
    .pr-pt-xl{padding-top: 80px !important;}
    .pr-mb-xl{margin-bottom: 80px !important;}
    .pr-pb-xl{padding-bottom: 80px !important;}

    .pr-mt-l{margin-top: 60px !important;}
    .pr-pt-l{padding-top: 60px !important;}
    .pr-mb-l{margin-bottom: 60px !important;}
    .pr-pb-l{padding-bottom: 60px !important;}

    .pr-mt-n{margin-top: 40px !important;}
    .pr-pt-n{padding-top: 40px !important;}
    .pr-mb-n{margin-bottom: 40px !important;}
    .pr-pb-n{padding-bottom: 40px !important;}

    .pr-mt-s{margin-top: 30px !important;}
    .pr-pt-s{padding-top: 30px !important;}
    .pr-mb-s{margin-bottom: 30px !important;}
    .pr-pb-s{padding-bottom: 30px !important;}

    .pr-mt-sn{margin-top: 20px !important;}
    .pr-pt-sn{padding-top: 20px !important;}
    .pr-mb-sn{margin-bottom: 20px !important;}
    .pr-pb-sn{padding-bottom: 20px !important;}

    .pr-mt-ss{margin-top: 15px !important;}
    .pr-pt-ss{padding-top: 15px !important;}
    .pr-mb-ss{margin-bottom: 15px !important;}
    .pr-pb-ss{padding-bottom: 15px !important;}
    
}

@media screen and (max-width: 840px){
    .pr-top-margin{margin-top: 12vw;margin-bottom: 12vw;}

    .pr-mt-xxl{margin-top: 15vw !important;}
    .pr-pt-xxl{padding-top: 15vw !important;}
    .pr-mb-xxl{margin-bottom: 15vw !important;}
    .pr-pb-xxl{padding-bottom: 15vw !important;}

    .pr-mt-xl{margin-top: 12vw !important;}
    .pr-pt-xl{padding-top: 12vw !important;}
    .pr-mb-xl{margin-bottom: 12vw !important;}
    .pr-pb-xl{padding-bottom: 12vw !important;}

    .pr-mt-l{margin-top: 7vw !important;}
    .pr-pt-l{padding-top: 7vw !important;}
    .pr-mb-l{margin-bottom: 7vw !important;}
    .pr-pb-l{padding-bottom: 7vw !important;}

    .pr-mt-n{margin-top: 6vw !important;}
    .pr-pt-n{padding-top: 6vw !important;}
    .pr-mb-n{margin-bottom: 6vw !important;}
    .pr-pb-n{padding-bottom: 6vw !important;}


    .pr-mt-s{margin-top: 5vw !important;}
    .pr-pt-s{padding-top: 5vw !important;}
    .pr-mb-s{margin-bottom: 5vw !important;}
    .pr-pb-s{padding-bottom: 5vw !important;}

    .pr-mt-sn{margin-top: 4vw !important;}
    .pr-pt-sn{padding-top: 4vw !important;}
    .pr-mb-sn{margin-bottom: 4vw !important;}
    .pr-pb-sn{padding-bottom: 4vw !important;}

    .pr-mt-ss{margin-top: 3vw !important;}
    .pr-pt-ss{padding-top: 3vw !important;}
    .pr-mb-ss{margin-bottom: 3vw !important;}
    .pr-pb-ss{padding-bottom: 3vw !important;}

    .pr-mt-xxxl-mo{margin-top: 18vw !important;}
    .pr-pt-xxxl-mo{padding-top: 18vw !important;}
    .pr-mb-xxxl-mo{margin-bottom: 18vw !important;}
    .pr-pb-xxxl-mo{padding-bottom: 18vw !important;}

    .pr-mt-xxl-mo{margin-top: 15vw !important;}
    .pr-pt-xxl-mo{padding-top: 15vw !important;}
    .pr-mb-xxl-mo{margin-bottom: 15vw !important;}
    .pr-pb-xxl-mo{padding-bottom: 15vw !important;}

    .pr-mt-xl-mo{margin-top: 12vw !important;}
    .pr-pt-xl-mo{padding-top: 12vw !important;}
    .pr-mb-xl-mo{margin-bottom: 12vw !important;}
    .pr-pb-xl-mo{padding-bottom: 12vw !important;}

    .pr-mt-l-mo{margin-top: 7vw !important;}
    .pr-pt-l-mo{padding-top: 7vw !important;}
    .pr-mb-l-mo{margin-bottom: 7vw !important;}
    .pr-pb-l-mo{padding-bottom: 7vw !important;}

    .pr-mt-n-mo{margin-top: 6vw !important;}
    .pr-pt-n-mo{padding-top: 6vw !important;}
    .pr-mb-n-mo{margin-bottom: 6vw !important;}
    .pr-pb-n-mo{padding-bottom: 6vw !important;}


    .pr-mt-s-mo{margin-top: 5vw !important;}
    .pr-pt-s-mo{padding-top: 5vw !important;}
    .pr-mb-s-mo{margin-bottom: 5vw !important;}
    .pr-pb-s-mo{padding-bottom: 5vw !important;}

    .pr-mt-sn-mo{margin-top: 4vw !important;}
    .pr-pt-sn-mo{padding-top: 4vw !important;}
    .pr-mb-sn-mo{margin-bottom: 4vw !important;}
    .pr-pb-sn-mo{padding-bottom: 4vw !important;}

    .pr-mt-ss-mo{margin-top: 3vw !important;}
    .pr-pt-ss-mo{padding-top: 3vw !important;}
    .pr-mb-ss-mo{margin-bottom: 3vw !important;}
    .pr-pb-ss-mo{padding-bottom: 3vw !important;}


}

.mt10{margin-top: 10px !important;}
.ml10{margin-left: 10px !important;}

.inr-c-s{  max-width: 840px; padding-left: 40px; padding-right: 40px; margin-left: auto; margin-right: auto; }
.inr-c0{  max-width: 960px; padding-left: 40px; padding-right: 40px; margin-left: auto; margin-right: auto; }
.inr-c{  max-width: 1400px; padding-left: 40px; padding-right: 40px; margin-left: auto; margin-right: auto; }
.inr-c2{  max-width: 1320px; padding-left: 40px; padding-right: 40px; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 1400px){
    .hide-inr2{ display: none !important; }
    .inr-c2{  box-sizing: border-box; }
}
@media screen and (max-width: 840px){
.inr-c0,
.inr-c,
.inr-c2{ padding-left: 10vw; padding-right: 10vw;}

}


.bdt_block{ border-top: 2px solid #000;}


.line-top1{padding-top: 70px; margin-top: 80px; border-top: 1px solid #d6dce3;}
.line-top1.pv1{padding-top: 100px; margin-top: 100px;}
.line-top1.pv2{padding-top: 120px; margin-top: 120px;}
.line-top2{padding-top: 40px; margin-top: 40px; border-top: 2px solid #000;}
.inner_pv1{ padding: 120px 0; }
@media screen and (max-width: 840px){
  .line-top1{padding-top: 7vw; margin-top: 7vw;}
  .line-top1.pv1{padding-top: 10vw; margin-top: 10vw;}
  .line-top1.pv2{padding-top: 12vw; margin-top: 12vw;}
  .line-top2{padding-top: 5vw; margin-top: 5vw; border-top: 2px solid #000;}
  .inner_pv1{ padding: 12vw 0; }
}

.bgc_black{background-color: #000 !important;}
.bg_type2{background-color: #f5f8f9 !important;}

.bg-pos{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: 50%; background-repeat: no-repeat; }

.tit1_pos{position: absolute; left: 0; top: 0; font-size: 19px; font-weight: 500;}
.tit_1{font-size: 3.2rem;font-weight: 600; letter-spacing: -1px; line-height: 4rem;color: #000;margin: 0;margin-bottom: 34px;}
.tit_1.ff-en{letter-spacing: -0.013em;}
.tit_2{ position: relative; font-size: 28px; line-height: 1.5; color: #3a5195; margin: 0;  font-weight: 800; letter-spacing: -0.03em; padding-bottom: 10px;}
.tit_2:after{position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #a8a8a8; content: "";}
.tit_2 span{ position: relative; font-size: 30px; line-height: 1.5; color: #222; margin: 0;  font-weight: 500; letter-spacing: -0.03em; padding-bottom: 10px;}
.tit_2.ty2{line-height: 1.4194; margin-bottom: 0;font-weight: 500;font-size: 31px;font-size: 1.55em; letter-spacing: -0.02em;    }
.tit_3{ font-size: 35px; line-height: 1.2; color: #000; font-weight: 700; }
.tit_4{ font-size: 28px; line-height: 1.2; color: #222; font-weight: 700; }
.tit_5{ font-size: 20px; line-height: 1.4; color: #222; font-weight: 700; }

.tit-2{ position: relative; font-size: 20px; line-height: 1.5; color: #3a5195; margin: 0;  font-weight: 800; letter-spacing: -0.03em; padding-bottom: 10px;}
.tit-2 span{ position: relative; font-size: 16px; line-height: 1.5; color: #222; margin-left: 10px;  font-weight: 500; letter-spacing: -0.03em;padding-left: 10px; padding-bottom: 10px;}
.tit-2 span:before{width: 1px; height: 20px; background: #3a5195; display: block; content: ''; clear: both;  position: absolute; top: 4%;  left: 0px;}


@media screen and (max-width: 840px){
  .tit1_pos{position: absolute; left: 0; top: 0; font-size: 19px; font-weight: 500;}
  .tit_1{font-size: 7vw;margin-bottom: 7vw;font-weight: 500;}
  .tit_2{font-size: 5vw;margin-bottom: 4vw;padding-bottom: 3vw;}
  .tit_2.ty2{line-height: 1.4194; margin-bottom: 0;font-weight: 700;font-size: 31px;font-size: 1.55em;}
  .tit_3{font-size: 5.5vw;margin-bottom: 5vw;font-weight: 500;}
  .tit_4{ font-size: 5.2vw; }
}



.btn_main1{background-color: #f9ba1c;color: #17181d; font-size: 15px;min-width: auto;height: auto;box-sizing: border-box;border-radius: 5px;font-weight: 400;line-height: 1;display: inline-block;padding: 14px 29px;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

@media (hover: hover) {
  .btn_main1:hover { opacity: 0.8; }
}

@media screen and (max-width: 840px){
  .btn_main1{font-size: 3.6vw;padding: 3vw 4vw;}

}


.head-type{ display: flex; align-items: center; justify-content: space-between; }
.head-type .headr_element.mt_1{margin-top: -11px;}

@media screen and (max-width: 840px){
    .head-type{display: flex;align-items: flex-start;flex-direction: column;justify-content: flex-start;}
    .head-type .headr_element{margin-top:3vw;}
    .head-type .headr_element.mt_1{margin-top: 3vw;}
}

.wrap_search_type1{width: 300px;height: 47px;border: 2px solid #000;display: flex;align-items: center;position: relative;border-radius: 500px;}
.wrap_search_type1 input.inp{border: 0;width: calc(100% - 87px);height: 30px;line-height: 1;font-size: 17px;margin-top: 0;margin-left: 22px;}
.wrap_search_type1 input.inp:focus{outline:none;}
.wrap_search_type1 .btn{ position: absolute; right: 0; top: 0; width: 50px; height: 100%; display: flex; align-items: center; justify-content: center; }
@media screen and (max-width: 840px){
    .wrap_search_type1{ width: 80vw;height: 12vw; }
    .wrap_search_type1 input.inp{ border: 0;width: calc(100% - 18vw);height: 9vw;line-height: 1;font-size: 4vw;margin-top: 0;margin-left: 7vw; }
    .wrap_search_type1 .btn{ width: 11vw; font-size: 4vw; }
}

.wrap_search_type2{width: 470px;height: 80px;border: 2px solid #ffa800; display: inline-flex;align-items: center;position: relative;border-radius: 10px;}
.wrap_search_type2 input.inp{border: 0;width: calc(100% - 87px);height: 50px;line-height: 1;font-size: 21px;margin-top: 0;margin-left: 22px;}
.wrap_search_type2 input.inp:focus{outline:none;}
.wrap_search_type2 .btn{position: absolute;right: 0;top: 0;width: 60px;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 22px;}

.tab_type1{ width: 100%; overflow: hidden;}
.tab_type1 > ul{display: flex;flex-wrap: wrap;align-items: center;margin-top: -30px;}
.tab_type1 > ul > li{flex: none;font-size: 22px;position: relative; margin-top: 30px; margin-left: -1px;}
.tab_type1 > ul > li:after{position: absolute;left: 0;top: calc( 50% - 14px );width: 1px;height: 18px;background-color: #b6b6b6;content: "";}
.tab_type1 > ul > li > a{ line-height: 1; color: #222222; display: block; padding: 0 30px; font-weight:400; }
.tab_type1 > ul > li > a span{border-bottom: 2px solid transparent; padding-bottom: 9px;display: inline-block;}
.tab_type1 > ul > li.on > a{ color: #2734b1; font-weight: 600; }
.tab_type1 > ul > li.on > a span{border-color: #2734b1;}

@media (hover: hover) {
  .tab_type1 > ul > li:hover > a{ color: #2734b1;}
}
@media screen and (max-width: 840px){
    .tab_type1{ width: 100%; overflow: hidden;}
    .tab_type1 > ul{display: flex;flex-wrap: wrap;align-items: center;margin-left: -3vw;margin-top: -4vw;}
    .tab_type1 > ul > li{flex: none;font-size: 5vw;position: relative;margin-top: 4vw;}
    .tab_type1 > ul > li:after{position: absolute;left: 0;top: calc( 50% - 3.9vw);width: 1px;height: 4.6vw;background-color: #9caeb8;content: "";}
    .tab_type1 > ul > li > a{line-height: 1;color: #9caeb8;display: block;padding: 0 3vw;font-weight:500;}
}





.tab_type2{}
.tab_type2 > ul{display: flex;flex-wrap: wrap;align-items: center;justify-content: center; position: relative;}
.tab_type2 > ul > li{flex: none;font-size: 16px;position: relative;margin: 0 5px;}
.tab_type2 > ul > li:last-child{margin-right: 0;}
.tab_type2 > ul > li:last-child:after{ display:none;}
.tab_type2 > ul > li > a{min-width: 125px;line-height: 1;color: #17181d;display: block;padding: 13px 35px 15px; font-weight:500;  border:1px #dcdae7 solid;line-height: 1;border-radius: 500px;font-size: 0.9375em; box-sizing: border-box; text-align: center;}
@media (hover: hover) {
    .tab_type2 > ul > li:hover > a{color: #fff;background: #17181d;} 
}
.tab_type2 > ul > li.on > a{color: #fff;background: #17181d;}

.tab_type2.mt_1{ margin-top: 100px; }
.tab_type2.ico > ul > li > a{display: inline-flex; align-items: center; justify-content: center;  min-height: 55px; }
.tab_type2.ico > ul > li > a{font-size: 16px;}
.tab_type2.ico > ul > li > a i{margin-right: 15px; display: none;}
.tab_type2.ico > ul > li.n1 > a i{ display: inline-block; }
@media screen and (max-width: 840px){
  .tab_type2 > ul > li{font-size: 4vw;margin: 0 1vw;}
  .tab_type2 > ul > li:first-child{ margin-left:0; }
  .tab_type2 > ul > li > a{min-width: 20vw;padding: 3vw 5vw 3vw;font-weight:500;font-size: 4vw;}
  .tab_type2.mt_1{ margin-top: 8vw; }
  .tab_type2.ico > ul > li > a{min-height: 12vw;}
  .tab_type2.ico > ul > li > a{font-size: 4vw;}
  .tab_type2.ico > ul > li > a i{margin-right: 3vw;}
}


.tab_type3{ overflow: hidden; width: 100%; }
.tab_type3 > ul{display: flex;flex-wrap: wrap;align-items: center;margin-left: -15px;margin-top: -15px;}
.tab_type3 > ul > li{flex: none;font-size: 17px; position: relative;padding: 15px 15px 0;}
.tab_type3 > ul > li > a{line-height: 1;color: #727272;display: block;padding: 0; font-weight:500;}
.tab_type3 > ul > li:first-child > a{padding-left: 0;}
.tab_type3 > ul > li:hover > a,
.tab_type3 > ul > li.on > a{color: #f9ba1c;}
@media screen and (max-width: 840px){
  .tab_type3{ }
  .tab_type3 > ul{margin-left: -4vw;margin-top: -4vw;}
  .tab_type3 > ul > li{font-size: 4vw;padding: 4vw 4vw 0;min-width: 26vw;}
}


.tab_type5{}
.tab_type5 ul{display: flex; align-items: flex-end; position: relative;}
.tab_type5 ul:after{position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #000; z-index: 1; content: "";}
.tab_type5 ul li{ position: relative; z-index: 0; margin-left: -1px; }
.tab_type5 ul li:first-child{margin-left: 0;}
.tab_type5 ul li a{background-color: #f4f7fa;display: inline-flex;padding: 16px 40px 16px;align-items: center;justify-content: center;border: 2px solid #d6dce3;border-radius: 5px 5px 0 0;overflow: hidden;line-height: 1;font-size: 17px;}
.tab_type5 ul li a:hover{font-weight: 500;}
.tab_type5 ul li.on{ z-index: 2; }
.tab_type5 ul li.on a{ border-color: #000; border-bottom-width: 0px; background-color: #fff;  font-weight: 500; }
@media screen and (max-width: 840px){
  .tab_type5 ul li a{padding: 3vw 3vw 3vw;border-radius: 2vw 2vw 0 0;font-size: 4vw;}
}


.tab_type7{ border-bottom: 1px solid #e9e9e9; }
.tab_type7 ul{display: flex;position: relative;align-items: flex-end;justify-content: center;}
.tab_type7 ul li{position: relative;z-index: 0;margin: 0 60px;}
.tab_type7 ul li a{display: inline-flex;justify-content: center;overflow: hidden;line-height: 1;align-items: center;padding: 25px 0; font-weight: 800; color: #a8a8a8; border-bottom: 2px solid transparent; margin-bottom: -1px;}
.tab_type7 ul li.on{ z-index: 2; }
.tab_type7 ul li.on a{font-weight: 800; color: #222; border-color: #222;  }
.tab_type7 ul li a:hover{color: #000;}

@media screen and (max-width: 840px){
  .tab_type7{padding-bottom: 0;padding-top: 3vw;}
  .tab_type7 > .inr-c{position: relative;overflow-y: hidden;overflow-x: auto;}
  .tab_type7 ul li a{padding: 2vw 2vw 2vw;border-radius: 2vw 2vw 0 0;font-size: 4vw;}
  .tab_type7{position: relative;}
  .tab_type7:after{position:absolute;right:0;top:0;width: 20vw;height:100%;
    background: rgb(255,255,255);
background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 84%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 84%, rgba(255,255,255,1) 100%);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 84%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    content:"";}
  .tab_type7 ul{display: flex;position: relative;align-items: flex-end;justify-content: flex-start;min-width: 190vw;}
  .tab_type7 ul li{position: relative;z-index: 0;margin: 0 5vw;}
  .tab_type7 ul li:first-child{margin-left:0;}
  .tab_type7 ul li a{padding: 5vw 0;}
}




@media screen and (max-width: 840px){
    .scroll_mo{ position: relative; }
    .scroll_mo:before{display:block;margin-bottom: 4vw;content:"화면을 좌우로 스와이프 하세요.";color: #b3b3b3;}
    .scroll_mo:after{position:absolute;right:0;top:0;width: 20vw;height:100%; background: rgb(255,255,255);
background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 84%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 84%, rgba(255,255,255,1) 100%);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 84%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    content:"";}
    .scroll_mo > .wrap_scroll{ overflow-y:hidden; overflow-x:auto; width:100%; }
    .scroll_mo > .wrap_scroll > .inner_scroll{ width:240vw; padding-right: 10vw; }    
    .scroll_mo.introduce1 > .wrap_scroll > .inner_scroll{ width:130vw; }    
}






colgroup col.w240{width: 240px;}
colgroup col.tel1{width: 240px;}


.table_type1{border-bottom:2px #000 solid;}
.table_type1 table{ width: 100%; }
.table_type1 table thead{overflow: hidden; border-radius: 10px;}
.table_type1 table thead.va-m th{ vertical-align: middle; }
.table_type1 table thead tr{  }
.table_type1 table thead tr th{background-color: #000;color: #fff;padding: 13px;font-weight: 500;}
.table_type1 table tbody{}
.table_type1 table tbody tr{}
.table_type1 table tbody tr th,
.table_type1 table tbody tr td{padding:30px 20px; border-top:1px #d6dce3 solid; text-align: center; vertical-align: top;}

.table_type1 table tbody tr.foot th,
.table_type1 table tbody tr.foot td{ font-weight:500;}
.table_type1 table tbody tr.foot.ty2 th,
.table_type1 table tbody tr.foot.ty2 td{border-top: 2px solid #000; border-bottom: 0;}
.table_type1 table tbody.va-m th,
.table_type1 table tbody.va-m td{vertical-align: middle;}

.table_type1 .td_rgh1{text-align: right; display: inline-block; width: 80%;}
.table_type1 .td_lft1{text-align: left; display: inline-block; width: 80%;}
.table_type1 .bg2{background-color: #f5f8f9;}

.table_type1.bdbc1{border-bottom: 1px solid #d6dce3;}
.table_type1.size_small tbody th,
.table_type1.size_small tbody td{ padding: 20px 0;  }

.table_type1.no_head{border-bottom:1px #d6dce3 solid;}
.table_type1.no_head tbody{border-top: 2px solid #000;}
@media screen and (max-width: 840px){
    colgroup col.w240{width: 240px;}
    colgroup col.tel1{width: 240px;}

    .table_type1.scroll_mo{ width:100%; overflow:hidden; overflow-x:scroll;}
    .table_type1.scroll_mo:before{content:"화면을 좌우로 이동해서 테이블을 확인합니다.";display:block;margin-bottom:2vw;color: #818181;}

    /*테이블 모바일시 사이즈*/
    .table_type1.scroll_mo > table{ width:160vw !important; }


    .table_type1 table thead{border-radius: 3vw;}
    .table_type1 table thead tr th{padding: 3vw;}
    .table_type1 table tbody{}
    .table_type1 table tbody tr{}
    .table_type1 table tbody tr th,
    .table_type1 table tbody tr td{padding:4vw 2vw; }
    .table_type1 table tbody tr.foot.ty2 th,
    .table_type1 table tbody tr.foot.ty2 td{border-top: 1px solid #000; }

    .table_type1 .td_rgh1{ width: 100%;}
    .table_type1 .td_lft1{ width: 100%;}
  
    .table_type1.size_small tbody th,
    .table_type1.size_small tbody td{ padding: 2vw 0;  }

    .table_type1.no_head{border-bottom:1px #d6dce3 solid;}
    .table_type1.no_head tbody{border-top: 2px solid #000;}



}



.table_type2 table{width: 100%; border-top: 2px solid #000;}
.table_type2 tbody th{background-color: #f5f8f9; font-weight: 500;  font-size: 17px;}
.table_type2 tbody th,
.table_type2 tbody td{vertical-align: middle; padding:28px 20px; border-bottom:1px #d6dce3 solid; text-align: center; vertical-align: middle;}
.table_type2 tbody td{text-align: left; padding-left: 50px;}
.table_type2.tit2 tbody th{ background-color: #fff; font-size: 20px; color: #000; font-weight: 500; text-align: left; }

@media screen and (max-width: 840px){
    .table_type2 tbody th{background-color: #f5f8f9;font-weight: 500;font-size: 4vw;}
    .table_type2 tbody th,
    .table_type2 tbody td{vertical-align: middle;padding: 4vw 2vw;}
    .table_type2 tbody td{text-align: left;padding-left: 7vw;font-size: 4vw;}
    .table_type2.tit2 tbody th{ font-size: 4.6vw; }
}


.table_type3 table{width: 100%; border-top: 2px solid #000;}
.table_type3 thead{}
.table_type3 thead th{background-color: #f4f5f7; font-weight: 700; text-align: center;}
.table_type3 thead th,
.table_type3 tbody td{vertical-align: middle; padding:22px 18px; border-bottom:1px #d7d7d7 solid; text-align: center; vertical-align: middle; font-size: 16px;}
.table_type3 tbody td{text-align: center;}
.table_type3 tbody tr.noti td{ background-color: #f3f6fd; }
.table_type3 a.tit{ display: inline-block;  overflow: hidden;
 display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

@media (hover: hover) {
    .table_type3 a.tit:hover{ color: #404ab7 }
}

@media screen and (max-width: 840px){
    .table_type3 tbody th{background-color: #f5f8f9;font-weight: 500;font-size: 4vw;}
    .table_type3 tbody th,
    .table_type3 tbody td{vertical-align: middle;padding: 4vw 2vw;}
    .table_type3 tbody td{text-align: left;padding-left: 7vw;font-size: 4vw;}
    .table_type3.tit2 tbody th{ font-size: 4.6vw; }
    .table_type3 td .cate{ font-size:3.6vw; margin-bottom:1vw; color;#ddd; }
    .table_type3 td .date{ font-size:3.6vw; margin-top:3vw; color;#ddd; }
  .table_type3 a.tit{ display: inline-block;  overflow: hidden;  display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
}








@media screen and (max-width: 840px) {
    .t-responsive{border-top:1px #111 solid;}
    .t-responsive colgroup,
    .t-responsive thead{display: none}
    .t-responsive tbody th,
    .t-responsive tbody td{padding: 15px 12px;text-align:left;font-size: 4vw;line-height: 1.4;flex: none;min-width: 100%; box-sizing: border-box;}

    .t-responsive tbody td.half{min-width: 50%;max-width: 50%;}
    .t-responsive tbody td.three{min-width: 33.3332%;max-width: 33.3332%;}
    
    .t-responsive tbody tr{display: flex;flex-wrap: wrap;min-width: 100%;border-bottom: 2px #000 solid;max-width: 100%;}
    .t-responsive tbody,
    .t-responsive tbody td{display: block;text-align:left;word-wrap: break-word;width: 100%;}
    .t-responsive tbody .th_body{ text-align: center !important; background-color: #bebebe; color: #fff;}
    .t-responsive tbody .th_body:before{ display: none; }
    .wrap_table2 tbody tr:hover{background-color:#fff;}
    /*.t-responsive tbody tr:hover:nth-of-type(odd),
    .t-responsive tbody tr:nth-of-type(odd) { background: #f8f8f8;  }*/
    .t-responsive tbody td:before {
      margin-bottom: 2vw;
      content: attr(data-title);
      font-size: 4vw;
      line-height: 1;
      font-weight: 400;
      text-transform: uppercase;
      color: #b4b4b4;
      display: block;
      margin-left: 0;
      text-align: left;
    }
     .t-responsive tbody td.no_tit:before{
        display: none;
     }


}




.wrap_pagenate{display: inline-flex; align-items: center;}
.wrap_pagenate a,
.wrap_pagenate strong{font-size: 15px; font-weight: 300; margin: 0 8px; color: #adabbf; line-height: 1; width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center;}
@media (hover: hover) {
.wrap_pagenate a:hover{color: #000;} 
}
.wrap_pagenate strong{font-weight: 500; color: #000; background-color: #222; color: #f0ffff; border-radius: 50%;}
.wrap_pagenate .arr{font-size: 26px; margin: 0 37px; color: #000;}
.wrap_pagenate .arr.prev{ margin-left: 0; }
.wrap_pagenate .arr.next{ margin-right: 0; }
@media screen and (max-width: 840px){
    .wrap_pagenate a,
    .wrap_pagenate strong{font-size: 4vw;margin: 0 2vw;width: 7vw;height: 7vw;}
    .wrap_pagenate .arr{font-size: 6vw; margin: 0 5vw;}
    .wrap_pagenate .arr.prev{ margin-left: 0; }
    .wrap_pagenate .arr.next{ margin-right: 0; }
}



.lst-txt1 > *{ display: flex;  }
.lst-txt1 > * b{min-width: 90px;}
@media screen and (max-width: 840px){
  .lst-txt1 > * b{min-width: 20vw;}
}


.box-thumb-type1{ display: flex; }
.box-thumb-type1 > .cont{ margin-left: 40px; }
@media screen and (max-width: 840px){
  .box-thumb-type1 > .cont{ margin-left: 5vw; }
  /*워라벨*/
  .box-thumb-type1.wl_balance .thumb{max-width: 22vw;min-width: 22vw;}
}

.swiper-controls-type1{ display:flex;justify-content: center;align-items: center;margin-top: 65px;}
.swiper-pagination.type1{position: relative;margin: 0 30px;display: flex;align-items: center;justify-content: center;}
.swiper-pagination.type1 .swiper-pagination-bullet{ width:10px; height:10px; background:transparent; border:2px #9a9a9a solid; opacity:1;margin: 0 7px;}
.swiper-pagination.type1 .swiper-pagination-bullet-active{ background:#000; border-color:#000;}
.swiper-button-next.type1, .swiper-button-prev.type1{position: relative;left: auto;top: auto;width: auto;height: auto;color: #000;bottom: auto;right: auto;margin-top: 0;}
.swiper-button-next.type1:after, .swiper-button-prev.type1:after{font-size: 16px;font-weight: bold;}

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

  .swiper-controls-type1{ margin-top: 7vw;}
  .swiper-pagination.type1{margin: 0 5vw;}
  .swiper-pagination.type1 .swiper-pagination-bullet{ width:4vw; height:4vw; border:1px #9a9a9a solid; opacity:1;margin: 0 1.2vw;}
  .swiper-button-next.type1:after, .swiper-button-prev.type1:after{font-size: 4vw;}
 
}



.thumb.bdrs_1{border-radius: 10px; overflow: hidden;}
.thumb.bdrs_half{border-radius: 10px 10px 0 0; overflow: hidden;}
.thumb.n2_1{ display: block; padding-bottom: 50%; position: relative;  overflow: hidden;}
.thumb.n1_2{ display: block; padding-bottom: 200%; position: relative;  overflow: hidden;}
.thumb.n1_1{ display: block; padding-bottom: 100%; position: relative;  overflow: hidden;}
.thumb.n4_3{ display: block; padding-bottom: 75%; position: relative;  overflow: hidden;}
.thumb.n16_9{ display: block; padding-bottom: 56.25%; position: relative; overflow: hidden; }

.hv_type1 .thumb .bg-pos:after,
.hv_type1 .thumb .bg-pos,
.thumb.hv_type1 .bg-pos:after,
.thumb.hv_type1 .bg-pos{
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    -moz-transform: scale(1) rotate(0.001deg);
    -webkit-transform: scale(1) rotate(0.001deg);
    -o-transform: scale(1) rotate(0.001deg);
    -ms-transform: scale(1) rotate(0.001deg);
    transform: scale(1) rotate(0.001deg);
}
.hv_type1 .thumb .bg-pos:after,
.thumb.hv_type1 .bg-pos:after{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 1.0); content: ""; opacity: 0;
}
.hv_type1:hover .thumb .bg-pos,
.thumb.hv_type1:hover .bg-pos{
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.hv_type1:hover .thumb .bg-pos:after,
.thumb.hv_type1:hover .bg-pos:after{opacity: 0.3;}

.thumb.hv_type2 .summary{position: absolute;left: 0;bottom: 13px;z-index: 2;color: #fff;font-size: 15px;width: 100%;text-align: center;padding: 0 20px;box-sizing: border-box; opacity: 0;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.thumb.hv_type2 .bg-pos:after,
.thumb.hv_type2 .bg-pos{
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    -moz-transform: scale(1) rotate(0.001deg);
    -webkit-transform: scale(1) rotate(0.001deg);
    -o-transform: scale(1) rotate(0.001deg);
    -ms-transform: scale(1) rotate(0.001deg);
    transform: scale(1) rotate(0.001deg);
}
.thumb.hv_type2 .bg-pos:after{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 68%, rgba(0,0,0,0.6) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 68%, rgba(0,0,0,0.6) 100%);
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 68%, rgba(0,0,0,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); content: ""; opacity: 0;
}
.thumb.hv_type2:hover .bg-pos{
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.thumb.hv_type2:hover .bg-pos:after{opacity: 1;}
.thumb.hv_type2:hover .summary{opacity: 1;}

.card-ty1 .thumb{height: 0; padding-bottom: 59.7%; position: relative;}
.card-ty1 .thumb.hg1{padding-bottom: 98.2%; position: relative;}
.card-ty1 .cont{background-color: #fff; padding: 40px 20px; text-align: center;display: flex;align-items: center;justify-content: center;flex-direction: column; border: 1px solid #dcdae7; border-top: 0;}
.card-ty1 .thumb .ico{position: absolute; right: 15px; top: 15px; background-color: #fff; width: 45px; height: 45px; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 2; font-size: 0; line-height: 0;}
.card-ty1 .cont .h_1{ font-size: 22px;  font-weight: 500; line-height: 1.3; color: #000;  overflow: hidden;  display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient:vertical; }
.card-ty1 .cont .date{ font-size: 16px;  margin-top: 15px;  }
.card-ty1 .wrap-tag{margin-top: 25px;}

.card-ty1.black .cont{ background-color: #000; color: #fff; }

.card-ty2{padding: 25px 25px 55px; text-align: center; border: 1px solid #d6dce3; border-radius: 5px;}
.card-ty2 .cont .h_1{font-size: 30px; line-height: 1.4; font-weight: 800;}
.card-ty2 .cont .t_1{margin-top: 10px; font-size: 21px; line-height: 1.4; font-weight: 500;}

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

  .card-ty1 .cont{padding: 6vw 5vw;}
  .card-ty1 .thumb .ico{ right: 2vw; top: 2vw; width: 10vw; height: 10vw;}
  .card-ty1 .thumb .ico img{ width: 50%;}
  .card-ty1 .cont .h_1{ font-size: 5vw;  }
  .card-ty1 .cont .date{ font-size: 4vw; margin-top: 3vw;  }
  .card-ty1 .wrap-tag{margin-top: 5vw;}
  
  .card-ty2{padding: 25px 25px 55px; text-align: center; border: 1px solid #d6dce3; border-radius: 5px;}
  .card-ty2 .cont .h_1{font-size: 30px; line-height: 1.4; font-weight: 800;}
  .card-ty2 .cont .t_1{margin-top: 10px; font-size: 21px; line-height: 1.4; font-weight: 500;}
  
}

.wrap-tag{display: inline-flex;align-items: center;flex-wrap: wrap;border: 1px solid #dcdae7;border-radius: 100px;min-height: 40px;padding: 5px 30px 6px;line-height: 1; font-size: 15px;}
.wrap-tag span{ margin:0 10px; }


@media screen and (max-width: 840px){
    .wrap-tag{min-height: 8vw;padding: 1.5vw 5vw;line-height: 1;font-size: 4vw;}
    .wrap-tag span{margin: 1vw 2vw;}
}

#page-contents{min-height: 400px; position: relative;}
@media screen and (max-width: 840px){
    #page-contents{ min-height:100vw; font-size: 4vw; line-height: 1.5;}
}





/* table */
.tbl_wrap{clear:both;position:relative;border-top:3px solid #000}
.mod_tbl{position:relative;margin-bottom:20px;zoom:1}
.mod_tbl:after{display:block;clear:both;content:''}
.tbl{width:100%;border-bottom:1px solid #e6e6e6;table-layout:fixed}
/* 공통 테이블 */
.tbl th,.tbl td{padding:26px 8px 24px; border-top:1px solid #e6e6e6;border-collapse:collapse;vertical-align: middle;text-align: center;}
.tbl .txt_bar,.tbl .txt_at{display:inline-block;margin-right:5px}

@media (hover: hover) {
    .tbl tbody tr{
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .tbl tbody tr:hover{ background-color: #ededed; }
}
.tbl_wrap thead th{padding:16px 5px;border-top:0;border-bottom:1px solid #999;font-weight:bold;text-align:center;}
.mod_tbl.mod_tbl_type .tbl_wrap thead th:first-child{padding-left:20px;text-align:left}
.mod_tbl.mod_tbl_type tbody th,.mod_tbl.mod_tbl_type tbody td{height:32px;padding-top:11px;padding-bottom:10px;border-top:1px solid #e5e5e5}
.mod_tbl.mod_tbl_type tbody tr th:first-child,.mod_tbl.mod_tbl_type tbody tr td:first-child{padding-left:20px}
.mod_tbl.mod_tbl_type thead tr th:last-child,.mod_tbl.mod_tbl_type tbody tr th:last-child,.mod_tbl.mod_tbl_type tbody tr td:last-child{padding-right:16px}
.mod_tbl.mod_tbl_type .tbl_wrap tbody tr:first-child td,.mod_tbl.mod_tbl_type .tbl_wrap tbody tr:first-child th{border-top:0}
.mod_tbl.mod_tbl_type .tbl{border-bottom-color:#999}
.mod_tbl.mod_tbl_type .tbl td{font-size:16px;font-family:CJONLYONENEWbodyRegular;color:#1a1a1a}
.mod_tbl.mod_tbl_type .tbl thead th{font-size:13px;color:#1a1a1a}
.mod_tbl.mod_tbl_type.mod_tbl.mod_tbl_type2{}
.tbl .no_data{padding:58px 0;text-align:center}
.tbl .no_data > p{font-size:26px}
.tbl .no_data .message_img{margin-bottom:20px}
.tbl .no_data .btn_pack{margin-top:25px}


/* Common Paging */
.pagination{position:relative;margin-top:40px;text-align:center;display: flex;align-items: center;justify-content: center;}
.pagination *{display:inline-block;/* vertical-align:top; */font-size: 14px;}
.pagination a,.pagination span{display:inline-block;position:relative}
.pagination a:hover{text-decoration:none}
.pagination a{overflow:hidden;z-index:1}
.pagination .prev,.pagination .next,.pagination .first,.pagination .last{width:32px;height:32px;font-size: 16px;line-height: 32px;}

.pagination .prev,.pagination .first{margin-right:20px;}
.pagination .next,.pagination .last{margin-left:21px}
.pagination .prev{background-position:0 0}
.pagination .prev:hover,.pagination .prev:active{border-color:#999;background-position:0 -64px}
.pagination .next{background-position:0 -32px}
.pagination .next:hover,.pagination .next:active{border-color:#999;background-position:0 -96px}
.pagination .first{background-position:0 0}
.pagination .first:hover,.pagination .first:active{border-color:#999;background-position:0 -64px}
.pagination .last{background-position:0 -32px}
.pagination .last:hover,.pagination .last:active{border-color:#999;background-position:0 -96px}
.pagination .num,.pagination .num span{margin-left:1px;padding:0}
.pagination .num{width:32px;height:32px;line-height:32px;color: #adabbf;}
.pagination .num span{display:block;color: #adabbf;}
.pagination .num:hover span,.pagination .num:active span{color:#1a1a1a}
.pagination .num:hover span{background-color: #ffa800;color:#fff}
.pagination .num em{color: #000000;font-weight: 500;}
.pagination .num em:after{display:block;width:100%;height:1px;background:#1a1a1a;content:''}
.pagination .now_page{position:absolute;top:0;right:0}
.pagination .now_page *{margin:0;padding:0}



.box-thumb1{ display: flex;  align-items: center; justify-content: space-between; }
.box-thumb1 > .thumb{ width: 630px; }
.box-thumb1 >  .cont{ width: 550px; }
.box-thumb1.lft{flex-direction: row-reverse;}
@media screen and (max-width: 1320px){
    .box-thumb1 > .thumb{ width: 45vw; }
    .box-thumb1 >  .cont{ width: 42vw; }
}
@media screen and (max-width: 1024px){
  .box-thumb1{ display: block;  }
  .box-thumb1 > .thumb,
  .box-thumb1 >  .cont{ width: auto; }
  .box-thumb1 >  .cont{ margin-top:5vw; }
}

.box-thumb2{display: flex;justify-content: space-between;flex-direction: row-reverse;}
.box-thumb2 .thumb,
.box-thumb2 .cont{
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    opacity: 0;
    
}
.box-thumb2 .thumb{
    -moz-transform: translateY(60px);
    -webkit-transform: translateY(60px);
    -o-transform: translateY(60px);
    -ms-transform: translateY(60px);
    transform: translateY(60px);
    
}
.box-thumb2 .cont{
    -moz-transform: translateX(60px);
    -webkit-transform: translateX(60px);
    -o-transform: translateX(60px);
    -ms-transform: translateX(60px);
    transform: translateX(60px);
    
}
.swiper-slide-active .box-thumb2 .thumb{
    opacity: 1;
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.swiper-slide-active  .box-thumb2 .cont{
    opacity: 1;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.wrap_cont{text-align: center; margin-top: 25px;}
.wrap_cont .t1{font-weight: 500; line-height: 1.5; 
     overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

@media screen and (max-width: 840px){
  .box-thumb2{display: flex;justify-content: space-between;flex-direction: column;}
  .box-thumb1 > .thumb{ width: 100%; }
  .box-thumb1 >  .cont{ width: 100%; }
  .box-thumb2 .cont{ margin-top:5vw; }
  .wrap_cont{text-align: center; margin-top: 5vw;}
}


.wrap_qna_type1{border-top: 1px solid #000;}
.wrap_qna_type1 .item{padding: 0;border-bottom: 1px solid #d6dce3;}
.wrap_qna_type1 .item .area_q{
    display: flex;
    position: relative;
    padding: 30px;
}
.wrap_qna_type1 .item.on .area_q{background:#fafcfc;border-bottom: 1px #ddd solid; font-weight: 500;}
.wrap_qna_type1 .item .area_q .ico{
    min-width: 60px;
    font-weight: 500;
    color: #f9ba1c;
    width: 100px;
}
.wrap_qna_type1 .item .area_q .cate{
    min-width: 100px;
    width: 120px;
}
.wrap_qna_type1 .item .area_q .txt{}
.wrap_qna_type1 .item .area_q i{
    margin-left: auto;
    font-weight: 500;
    font-size: 30px;
    line-height: 1;
    min-width: 40px;
    text-align: right;
}
.wrap_qna_type1 .item .area_a{display: none;padding: 38px 30px 50px 220px;}
.wrap_qna_type1 .item.on .area_q i{
    -moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
text-align: left;
}

.wrap_qna_type1.popup .item .area_q i{font-size: 20px; padding-top: 7px; line-height: 1;}

.wrap_qna_type1.type2 .item .area_q .ico{min-width: 30px;width: 50px;line-height: 1;}
.wrap_qna_type1.type2 .item .area_q .ico b{color:#000;background:#ffcb33;display:inline-flex;width:30px;height:30px;align-items:center;justify-content: center;border-radius: 50%;font-size: 60%;}
.wrap_qna_type1.type2 .item .area_a{display: none; padding: 38px 30px 50px 80px;}
.wrap_qna_type1.type2 .item .area_a p{font-size:20px !important;font-family: 'Noto Sans Korean' !important;line-height: 1.5 !important;}
.wrap_qna_type1.no_cate .cate{ display: none; }

@media screen and (max-width: 840px){
    .wrap_qna_type1 .item .area_q{
        padding: 5vw 5vw;
        display: flex;
        flex-wrap: wrap;
    }
    .wrap_qna_type1 .item.on .area_q{background:#fafcfc;border-bottom: 1px #ddd solid; font-weight: 500;}
    .wrap_qna_type1 .item .area_q .ico{
        min-width: 7vw;
        font-weight: 500;
        color: #f9ba1c;
        width: auto;
        display: block;
    }
    .wrap_qna_type1 .item .area_q .cate{
        min-width: 40vw;
        width: 40vw;
    }
    .wrap_qna_type1 .item .area_q .txt{min-width: 100%;margin-top: 4vw;}
    .wrap_qna_type1 .item .area_q i{
        margin-left: auto;
        font-weight: 500;
        font-size: 8vw;
        line-height: 1;
        min-width: 5vw;
        text-align: right;
        position: absolute;
        right: 3vw;
        top: 4vw;
    }
    .wrap_qna_type1 .item .area_a{display: none;padding: 5vw;line-height: 1.2;}
     .wrap_qna_type1 .item .area_a
    

    .wrap_qna_type1.popup .item .area_q i{font-size: 20px; padding-top: 7px; line-height: 1;}

    .wrap_qna_type1.type2 .item .area_q .ico{min-width: 30px;width: 50px;line-height: 1;}
    .wrap_qna_type1.type2 .item .area_q .ico b{color:#000;background:#ffcb33;display:inline-flex;width:30px;height:30px;align-items:center;justify-content: center;border-radius: 50%;font-size: 60%;}
    .wrap_qna_type1.type2 .item .area_a{display: none; padding: 38px 30px 50px 80px;}
    .wrap_qna_type1.type2 .item .area_a p{font-size:4vw !important;font-family: 'Noto Sans Korean' !important;line-height: 1.5 !important;}
    .wrap_qna_type1.no_cate .cate{ display: none; }
}



.area_select_ty1{display: inline-block;position: relative;}
.area_select_ty1 .w2{min-width: 220px;}
.area_select_ty1:after{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 11px;
    top: 50%;
    /*content: "\e90a";*/ /*꽉찬 삼각형*/
    content: "\ea08";
    margin-top: -11px;
    font-size: 25px;
    color: #000000;
}
.area_select_ty1 > select {
    min-width: 220px;
    height: 36px;
    padding: 6px 0 8px 20px;
    border: 0;
    font-size: 16px;
    font-size: 17px;
    line-height: 1.6;
    color: #000;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -o-appearance:none;
    background:none\9;
    background-color: transparent;
    font-weight: 300;
    cursor: pointer;
    font-weight: 800;
    border: 1px #ddd solid;
    border-radius: 5px;
  }
.area_select_ty1 > select::-ms-expand {display:none;}
.area_select_ty1:hover > select,
.area_select_ty1 > select:focus {border-color:#000; outline:none;}
.area_select_ty1 option{font-size:16px; padding:10px;}


/* iCheck plugin Square skin, black
----------------------------------- */
.icheckbox_square,
.iradio_square{
  display: inline-block;
  margin: 0;
  padding: 0;
  cursor: pointer;
  vertical-align: middle;
  border: none;
  background: url(../images/common/ico_common.png) no-repeat;
  *display: inline;
}


.icheckbox_square {
  background-position: -16px -181px;;
  width: 39px;
  height: 39px;
}
.icheckbox_square.hover {
  background-position: -16px -181px;
}
.icheckbox_square.checked {
  background-position: -116px -181px;
}
.icheckbox_square.disabled {
  background-position: -166px -181px;
  cursor: default;
}
.iradio_square.checked.disabled {
  background-position: -216px -181px;
  cursor: default;
}

.iradio_square {
background-position: -15px -121px;
width: 30px; height: 30px;
 
}
.iradio_square.hover {
  background-position: -15px -121px;
}
.iradio_square.checked {
  background-position: -95px -121px;
}
.iradio_square.disabled {
  background-position: -135px -121px;
  cursor: default;
}
.iradio_square.checked.disabled {
  background-position: -175px -121px;
  cursor: default;
}





.btn_play{width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; color: #fff; border: 2px #fff solid; border-radius: 50%;font-size: 40px;}
.btn_play.img_svg{width: 150px; height: 150px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 0; line-height: 0; border: 0;}
.btn_play.img_svg.par1{width: 20%; height: auto;}
.btn_play_svg img{width: 100%; height: auto;}
@media screen and (max-width: 840px){
  .btn_play{width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; color: #fff; border: 2px #fff solid; border-radius: 50%;font-size: 40px;}
  .btn_play.img_svg{width: 18vw;height: 18vw;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 0;line-height: 0;border: 0;}
  .btn_play.img_svg.par1{width: 20%; height: auto;}
  .btn_play_svg img{width: 100%; height: auto;}
}

.area_video{position: relative; width: 100%; height: 0; padding-bottom: 56.289%; overflow: hidden;}
.area_video .cover{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.area_video .cover:after{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.3; z-index: 2; content: "";}
.area_video .cover .bg{
  position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-size: cover;
-webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
transition: all 1.5s ease;
background-position: 50% 50%;
}
.area_video .btn_play{ position: absolute; left: 50%; top: 50%; margin-top: -50px; margin-left: -50px; z-index: 2;
  -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.area_video .btn_play.img_svg{ margin-top: -75px; margin-left: -75px; }
.area_video .btn_play i{margin-left:6px}
.area_video .btn_play:hover{opacity: 0.3;}
.area_video.hover .cover .bg {
    -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.area_video.thumb .btn_play{ margin-top: -10%; margin-left: -10%; }
@media screen and (max-width: 840px){
  .area_video .btn_play{ position: absolute; left: 50%; top: 50%; margin-top: -50px; margin-left: -50px; z-index: 2;}
  .area_video .btn_play.img_svg{margin-top: -9vw;margin-left: -9vw;}
  .area_video .btn_play i{margin-left:6px}
  .area_video.thumb .btn_play{ margin-top: -10%; margin-left: -10%; }
}


body.modalVideoOpen #wrap{ margin-top:-50vh;}
body.modalVideoOpen .modal_section{height: 100vh;}
.modal_section{position: fixed; left: 0; bottom: 0; width: 100%;  background-color: #000; z-index: 10; height: 100vh; overflow: hidden;
  /*-webkit-transition: all 0.5s cubic-bezier(0.815, 0.000, 0.295, 1.000);
  -moz-transition: all 0.5s cubic-bezier(0.815, 0.000, 0.295, 1.000);
  -o-transition: all 0.5s cubic-bezier(0.815, 0.000, 0.295, 1.000);
  transition: all 0.5s cubic-bezier(0.815, 0.000, 0.295, 1.000);*/
}
.modal_section .inner{position:relative;}
.modal_section .inner .title{position:absolute; left:0; bottom: 30px; width:100%; font-size: 22px; color:#fff; z-index:10;text-align: center;}
.modal_section .inner .close{position:absolute; right:20px; top:20px; border:0; background:transparent; color:#fff; font-size:40px; cursor:pointer;}
.modal_section .inner .close:hover{opacity:0.8;}
.modal_section .inner .video{position:relative; left:0; top:0; width:100%; height:100vh;}
.modal_section .inner .video iframe,
.modal_section .inner .video video,
.modal_section .inner .video #popupVidoTy1{position:absolute; left:5%; top: 1%; width:90%; height:90%;}

.wrap-quotes-type1{position: relative;padding: 30px 60px;border: #fff;margin-top: 10px;}
.wrap-quotes-type1 .icon-quotes-left,
.wrap-quotes-type1 .icon-quotes-right{position: absolute;color: #eaeaea; font-size:40px;}
.wrap-quotes-type1 .icon-quotes-left{ left: 0; top: 0; }
.wrap-quotes-type1 .icon-quotes-right{ right: 0; bottom: 0; }
.wrap-quotes-type1 p{color:#939393; font-size:18px;}

.wrap-info-type1{background: #f2f2f2;border-radius: 10px;padding: 30px 30px 30px 80px;}
.wrap-info-type1 i{ position: absolute; left: 30px; color: #f9ba1c; font-size: 30px; }
.wrap-info-type1 p{ line-height: 1.7; font-size: 18px; word-break: keep-all; }
@media screen and (max-width: 840px){
    .wrap-info-type1{border-radius: 4.3vw;padding: 7vw 7vw 7vw 16vw;}
    .wrap-info-type1 i{left: 4vw;font-size: 5.8vw;margin-top: 1vw;}
    .wrap-info-type1 p{line-height: 1.7;font-size: 4.2vw;}
}





.wrap_view_popup1{ display: flex; }
.wrap_view_popup1 .imgs{ min-width: 428px; }
.wrap_view_popup1 .cont{ margin-left: 60px; }
.wrap_view_popup1 .cont.ml_2{ margin-left: 10px; }
@media screen and (max-width: 840px){
  .wrap_view_popup1{display: flex;flex-direction: column;}
  .wrap_view_popup1 .imgs{min-width: 100%;}
  .wrap_view_popup1 .imgs.pop_ty1{ height: 70vw; overflow: hidden }
  .wrap_view_popup1 .imgs.pop_ty1 img{ margin-top: -25vw; }
  .wrap_view_popup1 .cont{margin-left: 0px;margin-top: 7vw;}
  .wrap_view_popup1 .cont.ml_2{margin-left: 0;}
}

.wrap_view_popup1.domestic{ display: flex; }
.wrap_view_popup1.domestic .imgs{position: relative;font-size: 0;}
.wrap_view_popup1.domestic .imgs .txt{position: absolute;left: 0;bottom: 40px;width: 100%;color: #fff;text-align: center;font-size: 21px;}
.wrap_view_popup1.domestic .cont{margin-left: 60px;}
.wrap_view_popup1.domestic p.txt_flex_set2{font-size:21px;}
@media screen and (max-width: 840px){
  .wrap_view_popup1.domestic{display: flex;flex-direction: column;}
  .wrap_view_popup1.domestic .imgs{position: relative;font-size: 0; width:100%;}
  .wrap_view_popup1.domestic .imgs .txt{bottom: 5vw;font-size: 4vw;}
  .wrap_view_popup1.domestic .cont{margin-left: 0;margin-top: 6vw;}
  .wrap_view_popup1.domestic p.txt_flex_set2{font-size:4vw;}
}


.wrap_email_collect1{ display: flex; }
.wrap_email_collect1 .imgs{ min-width: 101px; }
.wrap_email_collect1 .cont{ margin-left: 50px; }
@media screen and (max-width: 840px){
  .wrap_email_collect1{ display: flex; }
  .wrap_email_collect1 .imgs{ min-width: 101px; }
  .wrap_email_collect1 .cont{ margin-left: 50px; }
}

.area_map{position: relative; overflow: hidden;}
.area_map iframe{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}