/* common.css */
/* ---------------------- basic-style --------------------------- */
.noscroll {height:100%; min-height:100%; overflow:hidden !important; -ms-touch-action:none; touch-action:none;} /* 스크롤 막기 */
/* -- inner 사이즈 정의 -- */
.inner{padding: 0 20px; margin: 0 auto; width: 1300px;}
@media screen and (max-width: 1300px){
    .inner{width: 100%;}
}
/* -- clearfix - float 샤용 시 부모에 clearfix 추가 -- */
.clearfix {*zoom: 1;}
.clearfix:before, .clearfix:after {display: table; content: "";}
.clearfix:after {clear: both;}
/* -- margin-style -- */
.no_margin{margin: 0 !important;} /* margin: 0 */
.no_mgT{margin-top: 0 !important;} /* margin-top: 0 */
.no_mgR{margin-right: 0 !important;} /* margin-right: 0 */
.no_mgB{margin-bottom: 0 !important;} /* margin-bottom: 0 */
.no_mgL{margin-left: 0 !important;} /* margin-left: 0 */
/* margin */
.mg5{margin: 5px !important;}
.mg10{margin: 10px !important;}
.mg15{margin: 15px !important;}
.mg20{margin: 20px !important;}
.mg25{margin: 25px !important;}
.mg30{margin: 30px !important;}
.mg35{margin: 35px !important;}
.mg40{margin: 40px !important;}
.mg45{margin: 45px !important;}
.mg50{margin: 50px !important;}
.mg55{margin: 55px !important;}
.mg60{margin: 60px !important;}
.mg65{margin: 65px !important;}
.mg70{margin: 70px !important;}
.mg75{margin: 75px !important;}
.mg80{margin: 80px !important;}
.mg85{margin: 85px !important;}
.mg90{margin: 90px !important;}
.mg95{margin: 95px !important;}
.mg100{margin: 100px !important;}
/* margin top+bottom */
.mgTB5{margin: 5px 0 !important;}
.mgTB10{margin: 10px 0 !important;}
.mgTB15{margin: 15px 0 !important;}
.mgTB20{margin: 20px 0 !important;}
.mgTB25{margin: 25px 0 !important;}
.mgTB30{margin: 30px 0 !important;}
.mgTB35{margin: 35px 0 !important;}
.mgTB40{margin: 40px 0 !important;}
.mgTB45{margin: 45px 0 !important;}
.mgTB50{margin: 50px 0 !important;}
.mgTB55{margin: 55px 0 !important;}
.mgTB60{margin: 60px 0 !important;}
.mgTB65{margin: 65px 0 !important;}
.mgTB70{margin: 70px 0 !important;}
.mgTB75{margin: 75px 0 !important;}
.mgTB80{margin: 80px 0 !important;}
.mgTB85{margin: 85px 0 !important;}
.mgTB90{margin: 90px 0 !important;}
.mgTB95{margin: 95px 0 !important;}
.mgTB100{margin: 100px 0 !important;}
/* margin left+right */
.mgLRauto{margin: 0 auto;}
.mgLR5{margin: 0 5px !important;}
.mgLR10{margin: 0 10px !important;}
.mgLR15{margin: 0 15px !important;}
.mgLR20{margin: 0 20px !important;}
.mgLR25{margin: 0 25px !important;}
.mgLR30{margin: 0 30px !important;}
.mgLR35{margin: 0 35px !important;}
.mgLR40{margin: 0 40px !important;}
.mgLR45{margin: 0 45px !important;}
.mgLR50{margin: 0 50px !important;}
.mgLR55{margin: 0 55px !important;}
.mgLR60{margin: 0 60px !important;}
.mgLR65{margin: 0 65px !important;}
.mgLR70{margin: 0 70px !important;}
.mgLR75{margin: 0 75px !important;}
.mgLR80{margin: 0 80px !important;}
.mgLR85{margin: 0 85px !important;}
.mgLR90{margin: 0 90px !important;}
.mgLR95{margin: 0 95px !important;}
.mgLR100{margin: 0 100px !important;}
/* margin-top */
.mgT0{margin-top: 0 !important;}
.mgT5{margin-top: 5px !important;}
.mgT10{margin-top: 10px !important;}
.mgT15{margin-top: 15px !important;}
.mgT20{margin-top: 20px !important;}
.mgT25{margin-top: 25px !important;}
.mgT30{margin-top: 30px !important;}
.mgT35{margin-top: 35px !important;}
.mgT40{margin-top: 40px !important;}
.mgT45{margin-top: 45px !important;}
.mgT50{margin-top: 50px !important;}
.mgT55{margin-top: 55px !important;}
.mgT60{margin-top: 60px !important;}
.mgT65{margin-top: 65px !important;}
.mgT70{margin-top: 70px !important;}
.mgT75{margin-top: 75px !important;}
.mgT80{margin-top: 80px !important;}
.mgT85{margin-top: 85px !important;}
.mgT90{margin-top: 90px !important;}
.mgT95{margin-top: 95px !important;}
.mgT100{margin-top: 100px !important;}
/* margin-right */
.mgR0{margin-right: 0 !important;}
.mgR5{margin-right: 5px !important;}
.mgR10{margin-right: 10px !important;}
.mgR15{margin-right: 15px !important;}
.mgR20{margin-right: 20px !important;}
.mgR25{margin-right: 25px !important;}
.mgR30{margin-right: 30px !important;}
.mgR35{margin-right: 35px !important;}
.mgR40{margin-right: 40px !important;}
.mgR45{margin-right: 45px !important;}
.mgR50{margin-right: 50px !important;}
.mgR55{margin-right: 55px !important;}
.mgR60{margin-right: 60px !important;}
.mgR65{margin-right: 65px !important;}
.mgR70{margin-right: 70px !important;}
.mgR75{margin-right: 75px !important;}
.mgR80{margin-right: 80px !important;}
.mgR85{margin-right: 85px !important;}
.mgR90{margin-right: 90px !important;}
.mgR95{margin-right: 95px !important;}
.mgR100{margin-right: 100px !important;}
/* margin-bottom */
.mgB0{margin-bottom: 0 !important;}
.mgB5{margin-bottom: 5px !important;}
.mgB10{margin-bottom: 10px !important;}
.mgB15{margin-bottom: 15px !important;}
.mgB20{margin-bottom: 20px !important;}
.mgB25{margin-bottom: 25px !important;}
.mgB30{margin-bottom: 30px !important;}
.mgB35{margin-bottom: 35px !important;}
.mgB40{margin-bottom: 40px !important;}
.mgB45{margin-bottom: 45px !important;}
.mgB50{margin-bottom: 50px !important;}
.mgB55{margin-bottom: 55px !important;}
.mgB60{margin-bottom: 60px !important;}
.mgB65{margin-bottom: 65px !important;}
.mgB70{margin-bottom: 70px !important;}
.mgB75{margin-bottom: 75px !important;}
.mgB80{margin-bottom: 80px !important;}
.mgB85{margin-bottom: 85px !important;}
.mgB90{margin-bottom: 90px !important;}
.mgB95{margin-bottom: 95px !important;}
.mgB100{margin-bottom: 100px !important;}
/* margin-left */
.mgL0{margin-left: 0 !important;}
.mgL5{margin-left: 5px !important;}
.mgL10{margin-left: 10px !important;}
.mgL15{margin-left: 15px !important;}
.mgL20{margin-left: 20px !important;}
.mgL25{margin-left: 25px !important;}
.mgL30{margin-left: 30px !important;}
.mgL35{margin-left: 35px !important;}
.mgL40{margin-left: 40px !important;}
.mgL45{margin-left: 45px !important;}
.mgL50{margin-left: 50px !important;}
.mgL55{margin-left: 55px !important;}
.mgL60{margin-left: 60px !important;}
.mgL65{margin-left: 65px !important;}
.mgL70{margin-left: 70px !important;}
.mgL75{margin-left: 75px !important;}
.mgL80{margin-left: 80px !important;}
.mgL85{margin-left: 85px !important;}
.mgL90{margin-left: 90px !important;}
.mgL95{margin-left: 95px !important;}
.mgL100{margin-left: 100px !important;}
/* -- //margin-style -- */
/* -- padding-style -- */
.no_padding{padding: 0 !important;} /* padding: 0 */
.no_pdT{padding-top: 0 !important;} /* padding-top: 0; */
.no_pdR{padding-right: 0 !important;} /* padding-right: 0; */
.no_pdB{padding-bottom: 0 !important;} /* padding-bottom: 0; */
.no_pdL{padding-left: 0 !important;} /* padding-left: 0; */
/* padding */
.pd5{padding: 5px !important;}
.pd10{padding: 10px !important;}
.pd15{padding: 15px !important;}
.pd20{padding: 20px !important;}
.pd25{padding: 25px !important;}
.pd30{padding: 30px !important;}
.pd35{padding: 35px !important;}
.pd40{padding: 40px !important;}
.pd45{padding: 45px !important;}
.pd50{padding: 50px !important;}
.pd55{padding: 55px !important;}
.pd60{padding: 60px !important;}
.pd65{padding: 65px !important;}
.pd70{padding: 70px !important;}
.pd75{padding: 75px !important;}
.pd80{padding: 80px !important;}
.pd85{padding: 85px !important;}
.pd90{padding: 90px !important;}
.pd95{padding: 95px !important;}
.pd100{padding: 100px;}
/* padding top+bottom */
.pdTB5{padding: 5px 0 !important;}
.pdTB10{padding: 10px 0 !important;}
.pdTB15{padding: 15px 0 !important;}
.pdTB20{padding: 20px 0 !important;}
.pdTB25{padding: 25px 0 !important;}
.pdTB30{padding: 30px 0 !important;}
.pdTB35{padding: 35px 0 !important;}
.pdTB40{padding: 40px 0 !important;}
.pdTB45{padding: 45px 0 !important;}
.pdTB50{padding: 50px 0 !important;}
.pdTB55{padding: 55px 0 !important;}
.pdTB60{padding: 60px 0 !important;}
.pdTB65{padding: 65px 0 !important;}
.pdTB70{padding: 70px 0 !important;}
.pdTB75{padding: 75px 0 !important;}
.pdTB80{padding: 80px 0 !important;}
.pdTB85{padding: 85px 0 !important;}
.pdTB90{padding: 90px 0 !important;}
.pdTB95{padding: 95px 0 !important;}
.pdTB100{padding: 100px 0 !important;}
/* padding left+right */
.pdLR5{padding: 0 5px !important;}
.pdLR10{padding: 0 10px !important;}
.pdLR15{padding: 0 15px !important;}
.pdLR20{padding: 0 20px !important;}
.pdLR25{padding: 0 25px !important;}
.pdLR30{padding: 0 30px !important;}
.pdLR35{padding: 0 35px !important;}
.pdLR40{padding: 0 40px !important;}
.pdLR45{padding: 0 45px !important;}
.pdLR50{padding: 0 50px !important;}
.pdLR55{padding: 0 55px !important;}
.pdLR60{padding: 0 60px !important;}
.pdLR65{padding: 0 65px !important;}
.pdLR70{padding: 0 70px !important;}
.pdLR75{padding: 0 75px !important;}
.pdLR80{padding: 0 80px !important;}
.pdLR85{padding: 0 85px !important;}
.pdLR90{padding: 0 90px !important;}
.pdLR95{padding: 0 95px !important;}
.pdLR100{padding: 0 100px !important;}
/* padding-top */
.pdT0{padding-top: 0 !important;}
.pdT5{padding-top: 5px !important;}
.pdT10{padding-top: 10px !important;}
.pdT15{padding-top: 15px !important;}
.pdT20{padding-top: 20px !important;}
.pdT25{padding-top: 25px !important;}
.pdT30{padding-top: 30px !important;}
.pdT35{padding-top: 35px !important;}
.pdT40{padding-top: 40px !important;}
.pdT45{padding-top: 45px !important;}
.pdT50{padding-top: 50px !important;}
.pdT55{padding-top: 55px !important;}
.pdT60{padding-top: 60px !important;}
.pdT65{padding-top: 65px !important;}
.pdT70{padding-top: 70px !important;}
.pdT75{padding-top: 75px !important;}
.pdT80{padding-top: 80px !important;}
.pdT85{padding-top: 85px !important;}
.pdT90{padding-top: 90px !important;}
.pdT95{padding-top: 95px !important;}
.pdT100{padding-top: 100px !important;}
/* padding-right */
.pdR0{padding-right: 0 !important;}
.pdR5{padding-left: 5px !important;}
.pdR10{padding-right: 10px !important;}
.pdR15{padding-right: 15px !important;}
.pdR20{padding-right: 20px !important;}
.pdR25{padding-right: 25px !important;}
.pdR30{padding-right: 30px !important;}
.pdR35{padding-right: 35px !important;}
.pdR40{padding-right: 40px !important;}
.pdR45{padding-right: 45px !important;}
.pdR50{padding-right: 50px !important;}
.pdR55{padding-right: 55px !important;}
.pdR60{padding-right: 60px !important;}
.pdR65{padding-right: 65px !important;}
.pdR70{padding-right: 70px !important;}
.pdR75{padding-right: 75px !important;}
.pdR80{padding-right: 80px !important;}
.pdR85{padding-right: 85px !important;}
.pdR90{padding-right: 90px !important;}
.pdR95{padding-right: 95px !important;}
.pdR100{padding-right: 100px !important;}
/* padding-bottom */
.pdB0{padding-bottom: 0 !important;}
.pdB5{padding-bottom: 5px !important;}
.pdB10{padding-bottom: 10px !important;}
.pdB15{padding-bottom: 15px !important;}
.pdB20{padding-bottom: 20px !important;}
.pdB25{padding-bottom: 25px !important;}
.pdB30{padding-bottom: 30px !important;}
.pdB35{padding-bottom: 35px !important;}
.pdB40{padding-bottom: 40px !important;}
.pdB45{padding-bottom: 45px !important;}
.pdB50{padding-bottom: 50px !important;}
.pdB55{padding-bottom: 55px !important;}
.pdB60{padding-bottom: 60px !important;}
.pdB65{padding-bottom: 65px !important;}
.pdB70{padding-bottom: 70px !important;}
.pdB75{padding-bottom: 75px !important;}
.pdB80{padding-bottom: 80px !important;}
.pdB85{padding-bottom: 85px !important;}
.pdB90{padding-bottom: 90px !important;}
.pdB95{padding-bottom: 95px !important;}
.pdB100{padding-bottom: 100px !important;}
/* padding-left */
.pdL0{padding-left: 0 !important;}
.pdL5{padding-left: 5px !important;}
.pdL10{padding-left: 10px !important;}
.pdL15{padding-left: 15px !important;}
.pdL20{padding-left: 20px !important;}
.pdL25{padding-left: 25px !important;}
.pdL30{padding-left: 30px !important;}
.pdL35{padding-left: 35px !important;}
.pdL40{padding-left: 40px !important;}
.pdL45{padding-left: 45px !important;}
.pdL50{padding-left: 50px !important;}
.pdL55{padding-left: 55px !important;}
.pdL60{padding-left: 60px !important;}
.pdL65{padding-left: 65px !important;}
.pdL70{padding-left: 70px !important;}
.pdL75{padding-left: 75px !important;}
.pdL80{padding-left: 80px !important;}
.pdL85{padding-left: 85px !important;}
.pdL90{padding-left: 90px !important;}
.pdL95{padding-left: 95px !important;}
.pdL100{padding-left: 100px !important;}
/* -- //padding-style -- */
.displaynone{display: none !important;}   /* display: none 부여 */
.displayblock{display: block;}
.inlineblock{display: inline-block;}
.displaytable{display: table;}
.displaytablecell{display: table-cell;}
.displayflex{display: -webkit-box;display: -ms-flexbox;display: flex;}
.displayinlineflex{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;}
/* table-style */
.tc_center{display: table-cell; vertical-align: middle; text-align: center;}
.tc_v_center{display: table-cell; vertical-align: middle;}
.tc_h_center{display: table-cell; text-align: center;}
/* flex-style */
.flex_center{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.jsc_start{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
.jsc_end{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
.jsc_center{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.jsc_sb{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.jsc_sa{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-pack: distribute; justify-content: space-around;}
.ali_stretch{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;}
.ali_start{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
.ali_end{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}
.ali_center{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.ali_base{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline;}
.alc_stretch{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: stretch; align-content: stretch;}
.alc_start{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start;}
.alc_end{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: end; align-content: end;}
.alc_center{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center;}
.alc_sb{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: justify; align-content: space-between;}
.alc_sa{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: distribute; align-content: space-around;}
/* -- position-sytle -- */
.positionfixed{position: fixed;} /* position: fixed 부여 */
.positionrelative{position: relative;}
.positionabsolute{position: absolute;}
.positionstatic{position: static;}
/* position - center */
.po_ab_center{position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} /* position: absolute, 정가운데 */
.po_fx_center{position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} /* position: fixed, 정가운데 */
.po_re_center{position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} /* position: relative; 정가운데 */
.po_ab_v_center{position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} /* position: absolute; vertical 중앙 */
.po_ab_h_center{position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);} /* position: absolute; horizontal 중앙 */
/* -- float -- */
.float_left{float: left;}
.float_right{float: right;}
.float_none{float: none;}
.clear_both{clear: both;}
/* no-wrap, mobile-touch  */
.nowrap_p{overflow-x: auto; overflow-y: hidden; white-space: nowrap; font-size: 0; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none;} /* 부모 영역 */
.nowrap_c{display: inline-block; vertical-align: top;} /* 자식 영역 */
/* -- width-style -- */
.wdt100per{width: 100% !important;}
.wdt90per{width: 90% !important;}
.wdt80per{width: 80% !important;}
.wdt70per{width: 70% !important;}
.wdt60per{width: 60% !important;}
.wdt50per{width: 50% !important;}
.wdt40per{width: 40% !important;}
.wdt30per{width: 30% !important;}
.wdt20per{width: 20% !important;}
.wdt10per{width: 10% !important;}
.w35px{width: 35px !important;}
.w40px{width: 40px !important;}
.w50px{width: 50px !important;}
.w60px{width: 60px !important;}
.w70px{width: 70px !important;}
.w80px{width: 80px !important;}
.w90px{width: 90px !important;}
.w100px{width: 100px !important;}
.w150px{width: 150px !important;}
.w160px{width: 160px !important;}
.w170px{width: 170px !important;}
.w180px{width: 180px !important;}
.w200px{width: 200px !important;}
.w280px{width: 280px !important;}
.w290px{width: 290px !important;}
/* -- height-style -- */
.hgt100per{height: 100% !important;}
.hgt90per{height: 90% !important;}
.hgt80per{height: 80% !important;}
.hgt70per{height: 70% !important;}
.hgt60per{height: 60% !important;}
.hgt50per{height: 50% !important;}
.hgt40per{height: 40% !important;}
.hgt30per{height: 30% !important;}
.hgt20per{height: 20% !important;}
.hgt10per{height: 10% !important;}
/* -- overflow-style -- */
.overflowhidden{overflow: hidden;}
.overflowxhidden{overflow-x: hidden;}
.overflowyhidden{overflow-y: hidden;}
.overflowxscroll{overflow-x: scroll;}
.overflowyscroll{overflow-y: scroll;}
.overflowxauto{overflow-x: auto;}
.overflowyauto{overflow-y: auto;}
/* -- shape-style -- */
.img_circle{border-radius: 50%;} /* 원 */
.img_rounded_square{border-radius: 32px;} /* 둥근 사각형 */
/* -- box-shadow-style -- */
.box_shadow1{-webkit-box-shadow: 16px 14px 14px -6px rgba(0, 0, 0, 0.07), -6px -3px 20px rgba(255, 255, 255, 0.15);box-shadow: 16px 14px 14px -6px rgba(0, 0, 0, 0.07), -6px -3px 20px rgba(255, 255, 255, 0.15);}
.box_shadow2{-webkit-box-shadow: 12px 10px 10px -6px rgba(0, 0, 0, 0.05), -6px -3px 7px #FFFFFF;box-shadow: 12px 10px 10px -6px rgba(0, 0, 0, 0.05), -6px -3px 7px #FFFFFF;}
.box_shadow3{-webkit-box-shadow: 0px 4px 68px rgba(0, 0, 0, 0.25);box-shadow: 0px 4px 68px rgba(0, 0, 0, 0.25);}
.box_shadow4{-webkit-box-shadow: -5px -3px 20px rgba(255, 255, 255, 0.19), 10px 9px 16px rgba(0, 0, 0, 0.21);box-shadow: -5px -3px 20px rgba(255, 255, 255, 0.19), 10px 9px 16px rgba(0, 0, 0, 0.21);}
.box_shadow5{-webkit-box-shadow: 12px 12px 20px rgba(0, 0, 0, 0.1);box-shadow: 12px 12px 20px rgba(0, 0, 0, 0.1);}
.box_shadow6{-webkit-box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.05);box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.05);}
/* -- border-style -- */
/* border-all */
/* main_color gold */
.bd_mc_go1{border: 1px solid #9C8255;}
.bd_mc_go2{border: 1px solid #C3B8A3;}
.bd_mc_go3{border: 1px solid #B8A37F;}
/* main_color navy */
.bd_mc_na1{border: 1px solid #002F79;}
.bd_mc_na2{border: 1px solid #4876BE;}
/* main_color gray */
.bd_mc_gr1{border: 1px solid #c4c4c4;}
.bd_mc_gr2{border: 1px solid #d5d5d5;}
/* point_color */
.bd_pc1{border: 1px solid #443738;}
/* etc */
.bd_000{border: 1px solid #000;}
.bd_ccc{border: 1px solid #ccc;}
.bd_ddd{border: 1px solid #ddd;}
.bd_f9f9f9{border: 1px solid #f9f9f9;}
.bd_fff{border: 1px solid #fff;}
/* border-top+bottom */
/* main_color gold */
.bdTB_mc_go1{border-top: 1px solid #9C8255; border-bottom: 1px solid #9C8255;}
.bdTB_mc_go2{border-top: 1px solid #C3B8A3; border-bottom: 1px solid #C3B8A3;}
.bdTB_mc_go3{border-top: 1px solid #B8A37F; border-bottom: 1px solid #B8A37F;}
/* main_color navy */
.bdTB_mc_na1{border-top: 1px solid #002F79; border-bottom: 1px solid #002F79;}
.bdTB_mc_na2{border-top: 1px solid #4876BE; border-bottom: 1px solid #4876BE;}
/* main_color gray */
.bdTB_mc_gr1{border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4;}
.bdTB_mc_gr2{border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5;}
/* point_color */
.bdTB_pc1{border-top: 1px solid #443738; border-bottom: 1px solid #443738;}
/* etc */
.bdTB_000{border-top: 1px solid #000; border-bottom: 1px solid #000;}
.bdTB_ccc{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.bdTB_ddd{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.bdTB_fff{border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
/* border-left+right */
/* main_color gold */
.bdLR_mc_go1{border-left: 1px solid #9C8255; border-right: 1px solid #9C8255;}
.bdLR_mc_go2{border-left: 1px solid #C3B8A3; border-right: 1px solid #C3B8A3;}
.bdLR_mc_go3{border-left: 1px solid #B8A37F; border-right: 1px solid #B8A37F;}
/* main_color navy */
.bdLR_mc_na1{border-left: 1px solid #002F79; border-right: 1px solid #002F79;}
.bdLR_mc_na2{border-left: 1px solid #4876BE; border-right: 1px solid #4876BE;}
/* main_color gray */
.bdLR_mc_gr1{border-left: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4;}
.bdLR_mc_gr2{border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5;}
/* point_color */
.bdLR_pc1{border-left: 1px solid #443738; border-right: 1px solid #443738;}
/* etc */
.bdLR_000{border-left: 1px solid #000; border-right: 1px solid #000;}
.bdLR_ccc{border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.bdLR_ddd{border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.bdLR_fff{border-left: 1px solid #fff; border-right: 1px solid #fff;}
/* border-top */
/* main_color gold */
.bdT_mc_go1{border-top: 1px solid #9C8255;}
.bdT_mc_go2{border-top: 1px solid #C3B8A3;}
.bdT_mc_go3{border-top: 1px solid #B8A37F;}
/* main_color navy */
.bdT_mc_na1{border-top: 1px solid #002F79;}
.bdT_mc_na2{border-top: 1px solid #4876BE;}
/* main_color gray */
.bdT_mc_gr1{border-top: 1px solid #c4c4c4;}
.bdT_mc_gr2{border-top: 1px solid #d5d5d5;}
/* point_color */
.bdT_pc1{border-top: 1px solid #443738;}
/* etc */
.bdT_000{border-top: 1px solid #000;}
.bdT_ccc{border-top: 1px solid #ccc;}
.bdT_ddd{border-top: 1px solid #ddd;}
.bdT_eee{border-top: 1px solid #eee;}
.bdT_fff{border-top: 1px solid #fff;}
/* border-right */
/* main_color gold */
.bdR_mc_go1{border-right: 1px solid #9C8255;}
.bdR_mc_go2{border-right: 1px solid #C3B8A3;}
.bdR_mc_go3{border-right: 1px solid #B8A37F;}
/* main_color navy */
.bdR_mc_na1{border-right: 1px solid #002F79;}
.bdR_mc_na2{border-right: 1px solid #4876BE;}
/* main_color gray */
.bdR_mc_gr1{border-right: 1px solid #c4c4c4;}
.bdR_mc_gr2{border-right: 1px solid #d5d5d5;}
/* point_color */
.bdR_pc1{border-right: 1px solid #443738;}
/* etc */
.bdR_000{border-right: 1px solid #000;}
.bdR_ccc{border-right: 1px solid #ccc;}
.bdR_ddd{border-right: 1px solid #ddd;}
.bdR_fff{border-right: 1px solid #fff;}
/* border-bottom */
/* main_color gold */
.bdB_mc_go1{border-bottom: 1px solid #9C8255;}
.bdB_mc_go2{border-bottom: 1px solid #C3B8A3;}
.bdB_mc_go3{border-bottom: 1px solid #B8A37F;}
/* main_color navy */
.bdB_mc_na1{border-bottom: 1px solid #002F79;}
.bdB_mc_na2{border-bottom: 1px solid #4876BE;}
/* main_color gray */
.bdB_mc_gr1{border-bottom: 1px solid #c4c4c4;}
.bdB_mc_gr2{border-bottom: 1px solid #d5d5d5;}
/* point_color */
.bdB_pc1{border-bottom: 1px solid #443738;}
/* etc */
.bdB_000{border-bottom: 1px solid #000;}
.bdB_ccc{border-bottom: 1px solid #ccc;}
.bdB_ddd{border-bottom: 1px solid #ddd;}
.bdB_fff{border-bottom: 1px solid #fff;}
/* border-left */
/* main_color gold */
.bdL_mc_go1{border-left: 1px solid #9C8255;}
.bdL_mc_go2{border-left: 1px solid #C3B8A3;}
.bdL_mc_go3{border-left: 1px solid #B8A37F;}
/* main_color navy */
.bdL_mc_na1{border-left: 1px solid #002F79;}
.bdL_mc_na2{border-left: 1px solid #4876BE;}
/* main_color gray */
.bdL_mc_gr1{border-left: 1px solid #c4c4c4;}
.bdL_mc_gr2{border-left: 1px solid #d5d5d5;}
/* point_color */
.bdL_pc1{border-left: 1px solid #443738;}
/* etc */
.bdL_000{border-left: 1px solid #000;}
.bdL_ccc{border-left: 1px solid #ccc;}
.bdL_ddd{border-left: 1px solid #ddd;}
.bdL_fff{border-left: 1px solid #fff;}
/* -- opacity-style -- */
.opacity1{opacity: 1;}
.opacity0{opacity: 0;}
/* -- text-style -- */
.text_left{text-align: left;} /* 왼쪽 정렬 */
.text_right{text-align: right;} /* 오른쪽 정렬 */
.text_center{text-align: center;} /* 중앙 정렬 */
.text_justify{text-align: justify;} /* 양쪽 정렬 */
.text_nowrap{white-space: nowrap;} /* 문장 줄바꿈 없음 */
.text_lowercase{text-transform: lowercase;} /* 영어 - 소문자 */
.text_uppercase{text-transform: uppercase;} /* 영어 - 대문자 */
.text_capitalize{text-transform: capitalize;} /* 영어 - 첫글자만 대문자 */
/* -- color-style -- */
/* bg */
/* main_color gold */
.bg_mc_go1{background: #9C8255;}
.bg_mc_go2{background: #C3B8A3;}
.bg_mc_go3{background: #B8A37F;}
/* main_color navy */
.bg_mc_na1{background: #002F79;}
.bg_mc_na2{background: #4876BE;}
/* main_color gray */
.bg_mc_gr1{background: #c4c4c4;}
.bg_mc_gr2{background: #d5d5d5;}
/* point_color */
.bg_pc1{background: #443738;}
/* etc */
.bg_000{background: #000;}
.bg_ccc{background: #ccc;}
.bg_ddd{background: #ddd;}
.bg_f9f9f9{background: #f9f9f9;}
.bg_fff{background: #fff;}
/* -- font-style -- */
/* 폰트 스타일 정의 (사이즈, 색상) */
.ft20{font-size: 20px;}
.ft15{font-size: 15px;}
.ft12{font-size: 12px;}
.ft500{font-weight: 500;}
.ftstr{font-weight: 700;}
/* main_color gold */
.ftc_mc_go1{color: #9C8255;}
.ftc_mc_go2{color: #C3B8A3;}
.ftc_mc_go3{color: #B8A37F;}
/* main_color navy */
.ftc_mc_na1{color: #002F79;}
.ftc_mc_na2{color: #4876BE;}
/* main_color gray */
.ftc_mc_gr1{color: #c4c4c4;}
.ftc_mc_gr2{color: #d5d5d5;}
/* point_color */
.ftc_pc1{color: #443738;}
/* etc */
.ftc_000{color: #000;}
.ftc_333{color: #333;}
.ftc_aaa{color: #aaa;}
.ftc_ccc{color: #ccc;}
.ftc_ddd{color: #ddd;}
.ftc_f9f9f9{color: #f9f9f9;}
.ftc_fff{color: #fff;}
.fontbold{font-weight: 700 !important;}
.fontnormal{font-weight: 400 !important;}
/* pc font */
@media screen and (min-width: 1025px){
    .pc_font74{font-size: 74px !important;}
    .pc_font40{font-size: 40px !important;}
    .pc_font39{font-size: 39px !important;}
    .pc_font38{font-size: 38px !important;}
    .pc_font37{font-size: 37px !important;}
    .pc_font36{font-size: 36px !important;}
    .pc_font35{font-size: 35px !important;}
    .pc_font34{font-size: 34px !important;}
    .pc_font33{font-size: 33px !important;}
    .pc_font32{font-size: 32px !important;}
    .pc_font31{font-size: 31px !important;}
    .pc_font30{font-size: 30px !important;}
    .pc_font29{font-size: 29px !important;}
    .pc_font28{font-size: 28px !important;}
    .pc_font27{font-size: 27px !important;}
    .pc_font26{font-size: 26px !important;}
    .pc_font25{font-size: 25px !important;}
    .pc_font24{font-size: 24px !important;}
    .pc_font23{font-size: 23px !important;}
    .pc_font22{font-size: 22px !important;}
    .pc_font21{font-size: 21px !important;}
    .pc_font20{font-size: 20px !important;}
    .pc_font19{font-size: 19px !important;}
    .pc_font18{font-size: 18px !important;}
    .pc_font17{font-size: 17px !important;}
    .pc_font16{font-size: 16px !important;}
    .pc_font15{font-size: 15px !important;}
    .pc_font14{font-size: 14px !important;}
    .pc_font13{font-size: 13px !important;}
    .pc_font12{font-size: 12px !important;}
    .pc_font11{font-size: 11px !important;}
}
/* pc1 font */
@media screen and (min-width: 1301px){
    .p1_font74{font-size: 74px !important;}
    .p1_font40{font-size: 40px !important;}
    .p1_font39{font-size: 39px !important;}
    .p1_font38{font-size: 38px !important;}
    .p1_font37{font-size: 37px !important;}
    .p1_font36{font-size: 36px !important;}
    .p1_font35{font-size: 35px !important;}
    .p1_font34{font-size: 34px !important;}
    .p1_font33{font-size: 33px !important;}
    .p1_font32{font-size: 32px !important;}
    .p1_font31{font-size: 31px !important;}
    .p1_font30{font-size: 30px !important;}
    .p1_font29{font-size: 29px !important;}
    .p1_font28{font-size: 28px !important;}
    .p1_font27{font-size: 27px !important;}
    .p1_font26{font-size: 26px !important;}
    .p1_font25{font-size: 25px !important;}
    .p1_font24{font-size: 24px !important;}
    .p1_font23{font-size: 23px !important;}
    .p1_font22{font-size: 22px !important;}
    .p1_font21{font-size: 21px !important;}
    .p1_font20{font-size: 20px !important;}
    .p1_font19{font-size: 19px !important;}
    .p1_font18{font-size: 18px !important;}
    .p1_font17{font-size: 17px !important;}
    .p1_font16{font-size: 16px !important;}
    .p1_font15{font-size: 15px !important;}
    .p1_font14{font-size: 14px !important;}
    .p1_font13{font-size: 13px !important;}
    .p1_font12{font-size: 12px !important;}
    .p1_font11{font-size: 11px !important;}
}
/* pc2 font */
@media screen and (max-width: 1300px) and (min-width: 1025px){
    .p2_font40{font-size: 40px !important;}
    .p2_font39{font-size: 39px !important;}
    .p2_font38{font-size: 38px !important;}
    .p2_font37{font-size: 37px !important;}
    .p2_font36{font-size: 36px !important;}
    .p2_font35{font-size: 35px !important;}
    .p2_font34{font-size: 34px !important;}
    .p2_font33{font-size: 33px !important;}
    .p2_font32{font-size: 32px !important;}
    .p2_font31{font-size: 31px !important;}
    .p2_font30{font-size: 30px !important;}
    .p2_font29{font-size: 29px !important;}
    .p2_font28{font-size: 28px !important;}
    .p2_font27{font-size: 27px !important;}
    .p2_font26{font-size: 26px !important;}
    .p2_font25{font-size: 25px !important;}
    .p2_font24{font-size: 24px !important;}
    .p2_font23{font-size: 23px !important;}
    .p2_font22{font-size: 22px !important;}
    .p2_font21{font-size: 21px !important;}
    .p2_font20{font-size: 20px !important;}
    .p2_font19{font-size: 19px !important;}
    .p2_font18{font-size: 18px !important;}
    .p2_font17{font-size: 17px !important;}
    .p2_font16{font-size: 16px !important;}
    .p2_font15{font-size: 15px !important;}
    .p2_font14{font-size: 14px !important;}
    .p2_font13{font-size: 13px !important;}
    .p2_font12{font-size: 12px !important;}
    .p2_font11{font-size: 11px !important;}
}
/* table font */
@media screen and (max-width: 1024px) and (min-width: 601px){
    .t_font65{font-size: 65px !important;}
    .t_font60{font-size: 60px !important;}
    .t_font40{font-size: 40px !important;}
    .t_font39{font-size: 39px !important;}
    .t_font38{font-size: 38px !important;}
    .t_font37{font-size: 37px !important;}
    .t_font36{font-size: 36px !important;}
    .t_font35{font-size: 35px !important;}
    .t_font34{font-size: 34px !important;}
    .t_font33{font-size: 33px !important;}
    .t_font32{font-size: 32px !important;}
    .t_font31{font-size: 31px !important;}
    .t_font30{font-size: 30px !important;}
    .t_font29{font-size: 29px !important;}
    .t_font28{font-size: 28px !important;}
    .t_font27{font-size: 27px !important;}
    .t_font26{font-size: 26px !important;}
    .t_font25{font-size: 25px !important;}
    .t_font24{font-size: 24px !important;}
    .t_font23{font-size: 23px !important;}
    .t_font22{font-size: 22px !important;}
    .t_font21{font-size: 21px !important;}
    .t_font20{font-size: 20px !important;}
    .t_font19{font-size: 19px !important;}
    .t_font18{font-size: 18px !important;}
    .t_font17{font-size: 17px !important;}
    .t_font16{font-size: 16px !important;}
    .t_font15{font-size: 15px !important;}
    .t_font14{font-size: 14px !important;}
    .t_font13{font-size: 13px !important;}
    .t_font12{font-size: 12px !important;}
    .t_font11{font-size: 11px !important;}
}
/* mobile font */
@media screen and (max-width: 600px) and (min-width: 0){
    .m_font40{font-size: 40px !important;}
    .m_font39{font-size: 39px !important;}
    .m_font38{font-size: 38px !important;}
    .m_font37{font-size: 37px !important;}
    .m_font36{font-size: 36px !important;}
    .m_font35{font-size: 35px !important;}
    .m_font34{font-size: 34px !important;}
    .m_font33{font-size: 33px !important;}
    .m_font32{font-size: 32px !important;}
    .m_font31{font-size: 31px !important;}
    .m_font30{font-size: 30px !important;}
    .m_font29{font-size: 29px !important;}
    .m_font28{font-size: 28px !important;}
    .m_font27{font-size: 27px !important;}
    .m_font26{font-size: 26px !important;}
    .m_font25{font-size: 25px !important;}
    .m_font24{font-size: 24px !important;}
    .m_font23{font-size: 23px !important;}
    .m_font22{font-size: 22px !important;}
    .m_font21{font-size: 21px !important;}
    .m_font20{font-size: 20px !important;}
    .m_font19{font-size: 19px !important;}
    .m_font18{font-size: 18px !important;}
    .m_font17{font-size: 17px !important;}
    .m_font16{font-size: 16px !important;}
    .m_font15{font-size: 15px !important;}
    .m_font14{font-size: 14px !important;}
    .m_font13{font-size: 13px !important;}
    .m_font12{font-size: 12px !important;}
    .m_font11{font-size: 11px !important;}
}
/* transform */
.transformnone{-webkit-transform: none !important;transform: none !important;}
/* scroll-bar hidden */
.scroll_hidden{-ms-overflow-style: none;  /* IE and Edge */ scrollbar-width: none;  /* Firefox */}
.scroll_hidden::-webkit-scrollbar{display: none !important;} /* Hide scrollbar for Chrome, Safari and Opera */
/* no-resize */
.noresize{resize: none;}
/* visibility */
.visibilityhidden{visibility: hidden;}
/* event_prevent */
.eventnone{pointer-events: none;}
/* ---------------------- //basic-style --------------------------- */
/* ---------------------- custom-style --------------------------- */
/* -- dimmed -- */ /* 배경색 임시 */
.dimmed{display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 2001;}
.dimmed.on{display: block;}
/* 화살표 생성 */
.arrow_img{position: relative; padding-right: 15px; line-height: 1.1;}
.arrow_img::after{display: inline-block; position: absolute; top: 50%; right: 0; margin-right: 4px; width: 7px; height: 7px; border: 1px solid #9C8255; border-left: none; border-bottom: none; opacity: 1; content: ""; -webkit-transform: rotate(45deg) translateY(calc(-50% - 1px)); transform: rotate(45deg) translateY(calc(-50% - 1px));}
_:-ms-input-placeholder, :root .arrow_img::after {
    -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%);
}
/* -- button-style -- */ /* 이미지 임시 */
.btn{display: inline-block; cursor: pointer; outline: 0; font-size: 0;} /* 하단 버튼 스타일과 함께 병기 */
.btn a{display: block; font-size: 18px;}
/* 기본 사각형 버튼1 */
.normal_btn1{position: relative; background: rgba(255,255,255,0.3);}
.normal_btn1 a{padding: 8px 26px 8px 16px; color: #fff; font-weight: 700;}
.normal_btn1::after{display: inline-block; position: absolute; top: 50%; right: 0; margin-right: 14px; width: 7px; height: 7px; border: 1px solid #fff; border-left: none; border-bottom: none; content: ""; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%);}
/* 기본 사각형 버튼2 */
.normal_btn2{background:#fff; border:1px solid #ccc; border-radius: 8px; text-align: center;}
.normal_btn2 a{padding: 14px 50px; font-size:14px; font-weight: 400; color:#666;}
/* 기본 사각형 버튼3 */
.normal_btn3{position: relative; border: 1px solid #eee; background: #fff; border-radius: 4px; text-align: center;}
.normal_btn3 a{padding: 6px 20px 6px 45px; line-height: 24px; font-size: 14px; color: #000 !important;}
.normal_btn3::before{display: block; position: absolute; left: 17px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 24px; height: 24px; background: url(../../img/common/print_icon.png) no-repeat; background-size: 100% auto; background-position: center; content: "";}
.normal_btn4{display: inline-block; border: 1px solid #000; border-radius: 5px;}
.normal_btn4 a{padding: 5px 15px; font-weight: 700; font-size: 14px;}
.refresh_btn{position: relative; -ms-flex-negative: 0; flex-shrink: 0;}
.refresh_btn a{padding: 0 0 0 23px; font-size: 16px; color: #9C8255; letter-spacing: 0;}
.refresh_btn::before{display: block; position: absolute; top: 0; left: 0; width: 20px; height: 100%;
background: url(../../img/common/refresh_btn.png) no-repeat; background-size: auto 100%; background-position: left center; content: "";}
.img_upload_btn{display: block; width: 24px; height: 24px;}
.img_upload_btn a{display: block; width: 100%; height: 100%; background: url(../../img/common/img_upload_btn.png) no-repeat; background-size: 100% auto;}
.board_icon{display: inline-block; position: relative; margin-right: 8px; overflow: hidden; height: 17px; vertical-align: top; opacity: 0.5; -ms-flex-negative: 0; flex-shrink: 0;}
.board_icon img{width: auto; height: 100%; min-width: 11px;}
.btn_wrapper{width: 100%; white-space: nowrap;}
.btn_wrapper > *{display: inline-block; padding: 15px 0; width: 50%; border: 1px solid #333; border-radius: 8px;}
.btn_wrapper .btn_black{background: #333; color: #fff;}
.btn_wrapper .btn_white{background: #fff; color: #333;}
.close_btn{position: relative; width: 24px; height: 24px; cursor: pointer;}
/*
.close_btn a::before, .close_btn a::after{position: absolute; top: 0; left: 50%; margin-left: -2px; width: 4px; height: 100%; background: #9FABAE; content: "";}
.close_btn a::before{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.close_btn a::after{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
*/
.close_btn a{display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; height: 100%;}
.close_btn a::before, .close_btn a::after{position: absolute; top: 0; left: 50%; margin-left: -2px; width: 4px; height: 100%; background: #9FABAE; content: "";}
.close_btn a::before{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.close_btn a::after{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.download_btn{background: #f1f1f1; border-radius: 5px;}
.download_btn a{display: table; padding: 8px 15px 8px 33px; background: url(../../img/common/download_icon.png) no-repeat; background-size: auto 18px; background-position: 10px center; color: #333; font-size: 15px;}
.download_btn a .name{display: table-cell; overflow: hidden; max-width: 100px; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
    word-wrap:break-word; line-height: 1.0em; word-break: break-all; white-space: nowrap;}
.download_btn a .ext{display: table-cell;}
@media screen and (max-width: 1300px){
    .btn a{font-size:15px;}
    .normal_btn3 a, .normal_btn4 a{line-height: 20px; font-size: 13px;}
    .normal_btn3 a::before{width: 20px; height: 20px;}
}
@media screen and (max-width: 1024px){
    .btn_wrapper > *{font-size: 15px;}
    .btn a{font-size: 15px;}
    .download_btn a{background-image: url(../../img/common/download_icon_m.png);}
    .refresh_btn::before{background-image: url(../../img/common/refresh_btn_m.png);}
    .close_btn a{width: 80%; height: 80%;}
    .close_btn a::before, .close_btn a::after{margin-left: -1.5px; width: 3px;}
}
@media screen and (max-width: 600px){
    .btn_wrapper > *{font-size: 14px;}
    .btn a{font-size: 14px;}
    .close_btn a{width: 70%; height: 70%;}
    .close_btn a::before, .close_btn a::after{margin-left: -1px; width: 2px;}
}
/* 엠보싱 버튼1 - 원 */
.emboss_btn1{display: inline-block; position: relative; width: 100%; border-radius: 50%; background: -webkit-gradient(linear, left bottom, left top, from(#B8A37F), to(#B8A37F)), #F4ECDF; background: linear-gradient(0deg, #B8A37F, #B8A37F), #F4ECDF; -webkit-box-shadow: 16px 14px 14px -6px rgba(0, 0, 0, 0.07), -6px -3px 20px rgba(255, 255, 255, 0.15); box-shadow: 16px 14px 14px -6px rgba(0, 0, 0, 0.07), -6px -3px 20px rgba(255, 255, 255, 0.15);}
.emboss_btn1 a, .emboss_btn1 span{display: block; padding-top: 100%; width: 100%; font-size: 0; background-repeat: no-repeat; background-position: center; background-size: 22px auto;}
.emboss_btn1 a img, .emboss_btn1 a, .emboss_btn1 span img{position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); max-width: 100%; height: 60%;}
/* 엠보싱 버튼1 - 둥근 사각형 */
.emboss_btn2{display: inline-block; position: relative; border-radius: 48px; background: -webkit-gradient(linear, left bottom, left top, from(#B8A37F), to(#B8A37F)), #F4ECDF; background: linear-gradient(0deg, #B8A37F, #B8A37F), #F4ECDF; -webkit-box-shadow: 16px 14px 14px -6px rgba(0, 0, 0, 0.07), -6px -3px 20px rgba(255, 255, 255, 0.15); box-shadow: 16px 14px 14px -6px rgba(0, 0, 0, 0.07), -6px -3px 20px rgba(255, 255, 255, 0.15);}
.emboss_btn2 a{display: table; padding: 15px 25px; overflow: hidden;}
.emboss_btn2 a img{display: table-cell; height: 32px; width: auto; max-width: inherit;}
.emboss_btn2 a span{display: table-cell; vertical-align: middle; padding: 0 25px 0 10px; font-size: 18px; font-weight: 700; color: #fff;}
.emboss_btn2 a span.arrow_img::after{border-color: #fff; margin: 0 0 0 15px;}
/* -- contents-style -- */
/* 엠보싱 컨텐츠1 - 둥근 사각형 */
.emboss_con1{position: relative; width: 300px; background: #f9f9f9; border-radius: 32px; -webkit-box-shadow: 12px 10px 10px -6px rgba(0, 0, 0, 0.05), -6px -3px 7px #FFFFFF; box-shadow: 12px 10px 10px -6px rgba(0, 0, 0, 0.05), -6px -3px 7px #FFFFFF;}
.emboss_con1 .con_inner{display: block; padding-top: calc(100% / 3 * 2); width: 100%;}
.emboss_con1 .con_inner .box{display: table; position: absolute; left: 50%; top: 50%; padding: 10%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; height: 100%; }
.emboss_con1 .con_inner .box .text{display: table-cell; vertical-align: bottom;}
.emboss_con1 .con_inner .box .text span{display: block; letter-spacing: -1px;}
.emboss_con1 .con_inner .box .tit{margin: 0 0 8px; font-size: 21px; color: #333; font-weight: 700;}
.emboss_con1 .con_inner .box .desc{margin: 0 0 0 15px; color: #666; line-height: 1.3; font-size: 14px; font-weight: 400;}
.emboss_con1 .con_inner .box .image{display: table-cell; vertical-align: top; width: 65px;}
.emboss_con1 .con_inner .box .image img{margin: 0 auto; max-width: 100%; height: 65px;}
.emboss_con1 .con_inner img{max-width: 100%;}
/* bg */
.bg_filter{position: relative;}
.bg_filter::after{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(105,87,79,0.8); content: "";}
.bg_filter > *{position: relative; z-index: 1;}
.bg_filter2{position: relative; z-index: 1;}
.bg_filter2::after{display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: rgba(255,255,255,0.6); border-radius: 50%; content: "";}
.bgBlur:before {position: absolute; top: 0; left:0; right:0; bottom:0; background: inherit; z-index:-1; filter: blur(6px); -webkit-filter: blur(6px); -moz-filter: blur(6px); -o-filter: blur(6px); filter:url(#blur); content: '';}
/* input */
/* input text 너비 조정 */
input[type="text"]{width: 250px;}
/* input 체크박스 아이콘 변경 */
input[type="checkbox"] + label{position: relative; padding-left: 25px;}
input[type="checkbox"] + label::before{display: block; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 18px; height: 18px; border: 2px solid #c1c1c1; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; content: "";}
input[type="checkbox"]:checked + label::before{background-color: #000; background-image: url(../../img/common/checkbox_chk.png); background-position: center; background-repeat: no-repeat; border-color: #000;}
@media screen and (max-width: 1024px){
    input[type="checkbox"]:checked + label::before{background-image: url(../../img/common/checkbox_chk_m.png); background-size: 12px auto;}
}
/* input radio 아이콘 변경 */
input[type="radio"]{display: none;}
input[type="radio"] + label{display: block; float: left; position: relative; padding-left: 35px; margin-right: 30px; line-height: 24px; cursor: pointer;}
input[type="radio"] + label:last-child{margin-right: 0;}
input[type="radio"] + label::before{display: block; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 3px; width: 24px; height: 24px; border: 1px solid #333; border-radius: 50%; background-clip: content-box; content: "";}
input[type="radio"]:checked + label::before{background-color: #000;}
@media screen and (max-width: 1024px){
    input[type="radio"] + label{padding-left: 30px;}
   input[type="radio"] + label::before{width: 22px; height: 22px;}
}
@media screen and (max-width: 600px){
    input[type="radio"] + label{padding-left: 25px;}
   input[type="radio"] + label::before{width: 20px; height: 20px;}
}
/* select 아이콘 스타일 변경 */
select{padding: 0 20px 0 5px; border-radius: 5px; border: 1px solid #ccc; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box;}
/* 글자 수 제한 - 부모 영역에 font-size 줄 것 */
.text_line1{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; height: 1.2em; white-space: nowrap;}
.text_line2{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; height: 2.4em; white-space: normal;}
.text_line3{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; height: 3.6em; white-space: normal;}
.text_line4{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; height: 4.8em; white-space: normal;}
.text_line5{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; height: 6.0em; white-space: normal;}
/* 검색 */
#sch_wrapper{width: 100%; overflow: hidden; table-layout: fixed;}
#sch_wrapper form{overflow: hidden;}
#sch_wrapper .sch_con{float: left;  border-radius: 5px; }
#sch_wrapper .sch_con.select{padding-right: 8px;}
#sch_wrapper .sch_con select{padding: 14px 30px 14px 15px;}
#sch_period{width: 120px;}
#sch_sfl{width: 150px;}
#sch_box{width: calc(100% - 286px);}
#sch_wrapper #sch_box{position: relative; padding: 10px 50px 10px 20px; border: 1px solid #ccc; background: #fff; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box;}
#sch_wrapper #sch_box .sch_input{width: 100%;}
#sch_wrapper #sch_box .sch_btn{position: absolute; right: 0; top: 0; width: 46px; height: 46px; text-indent: -9999px; background: url(../../img/common/search_btn.png) no-repeat; background-position: center;}
#sch_wrapper.sch_2 #sch_box{width: calc(100% - 158px);}
/* ie */
 _:-ms-input-placeholder, :root #sch_wrapper .sch_con select{padding: 10px 30px 10px 15px; height: 46px;}
@media screen and (max-width: 1024px){
    #sch_wrapper .sch_con.select{padding: 0;}
    #sch_wrapper.sch_2 .sch_con.select{padding-right: 8px;}
    #sch_wrapper .sch_con.select select{width: 130px; font-size: 15px;}
    #sch_wrapper.sch_2 .sch_con.select select{background-position: 88% calc(50% + 1px);}
    #sch_wrapper.sch_2 #sch_box{width: calc(100% - 138px);}
    #sch_wrapper.sch_2 #sch_box input{font-size: 15px;}
}
@media screen and (max-width: 600px){
    #sch_wrapper .sch_con.select{padding-right: 0; margin: 0 0 8px;}
    #sch_wrapper.sch_2 .sch_con.select{padding-right: 0px;}
    #sch_wrapper .sch_con.select  select{width: 90px; font-size: 14px;}
    #sch_wrapper.sch_2 #sch_box{width: 100%;}
    #sch_wrapper.sch_2 #sch_box input{font-size: 14px; line-height: 22px;}
}
/* 페이지 */
#page_wrapper{text-align: center;}
#page_wrapper ul{display: inline-block; margin: 0 auto; white-space: nowrap;}
#page_wrapper .page_btn{display: block; position: relative; float: left; margin: 0; vertical-align: top;}
#page_wrapper .prev_btn, #page_wrapper .next_btn{overflow: hidden; height: 100%; min-height: 24px; background-position: 50% calc(50% - 3px); background-repeat: no-repeat;}
#page_wrapper .prev_btn a, #page_wrapper .next_btn a{}
#page_wrapper .prev_btn{background-image: url(../../img/common/page_btn1.png);}
#page_wrapper .next_btn{background-image: url(../../img/common/page_btn2.png);}
#page_wrapper .page_btn.current span::after{display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #525252; content: "";}
#page_wrapper .page_btn a{display: block; padding: 0 5px; min-width: 30px; height: 24px; text-align: center; color: #959595;}
#page_wrapper .page_btn.current a{color: #333;}
#page_wrapper .page_btn span{display: inline-block; padding: 0 2px 6px; position: relative;}
#page_wrapper .prev_btn a, #page_wrapper .next_btn a{overflow: hidden; text-indent: -9999px;}
@media screen and (max-width: 1024px){
    #page_wrapper .prev_btn{background-image: url(../../img/common/page_btn1_m.png); background-size: 6px auto;}
    #page_wrapper .next_btn{background-image: url(../../img/common/page_btn2_m.png); background-size: 6px auto;}
}
/* 게시글 숫자 */
.list_num_area{padding: 12px 0 12px 5px;}
.list_num_area p{float: left; color: #9b9b9b; font-size: 14px;}
.list_num_area span{color: inherit; font-size: inherit;}
/* 우편번호 찾기 */
#zipcode_popup{display: none !important; position: fixed; top: 50%; left: 50%; z-index: 2002; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 90%; max-width: 500px; height: 70vh !important;
    -webkit-box-shadow: 3px 9px 16px 1px rgba(0,0,0,0.15); box-shadow: 3px 9px 16px 1px rgba(0,0,0,0.15);}
#zipcode_popup.on{display: block !important;}
#zipcode_dimmed{display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; width: 100%; height: 100%; background: rgba(0,0,0,0.4);}
#zipcode_dimmed.on{display: block;}
/* 공통 박스 스타일 */
.V_box_style{padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #F9F5EF;}
.V_box_style .V_box_inner{background: #fff;}
.V_box_style2{padding: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #F9F5EF;}
.V_box_style2 .V_box_inner2{background: #fff;}
@media screen and (max-width: 1024px){
    .V_box_style{padding: 30px 20px;}
    .V_box_style2{padding: 40px 20px;}
}
@media screen and (max-width: 600px){
    .V_box_style{padding: 20px;}
    .V_box_style2{padding: 30px 20px;}
}
/* 게시판 */
.sub_board_wrap{padding: 0 0 50px;}
.board_wrapper table{width: 100%; table-layout: fixed;}
.board_wrapper .col_num{width: 50px;}
.board_wrapper .col_title{}
.board_wrapper .col_thumbnail{width: 380px;}
.board_wrapper .col_writer{width: 100px;}
.board_wrapper .col_date{width: 150px;}
.board_wrapper .col_hit{width: 50px;}
.board_wrapper table thead{display: none;}
.board_wrapper table .td_num, .board_wrapper table .td_date{color: #999;}
.board_wrapper table .td_writer{color: #999; text-align: center;}
.board_wrapper table .td_hit{color: #999; text-align: right;}
.board_wrapper table .td_date{text-align: center; letter-spacing: 2px;}
.board_wrapper table tr{border-bottom: 1px solid #eee;}
.board_wrapper table tbody tr{cursor: pointer;}
.board_wrapper table td{padding: 25px 0;}
.board_wrapper table .td_cate{}
.board_wrapper table .td_thumbnail{overflow: hidden; border-radius: 8px;}
.board_wrapper table td a{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.1em; height: auto;}
/* ie */
 _:-ms-input-placeholder, :root .board_wrapper table td a{height: 1.1em; width: 100%; white-space: nowrap;}
.board_wrapper table .td_title{color: #9b9b9b; }
.board_wrapper table .td_title .cate{display: inline-block; margin-right: 10px; color: #000; font-weight: 700;}
.board_wrapper table .td_title .main_tit{max-width: calc(100% - 30px); padding-right: 5px;}
.board_wrapper table td a{color: inherit; font-size: inherit; font-weight: inherit;}
.board_wrapper table .no_data{width: 100%; border-top: 1px solid #eee; pointer-events: none;}
.board_wrapper table .no_data td{width: 100%; text-align: center; color: #9b9b9b;}
/* 검색 */
.board_search{margin: 16px 0 30px; padding: 25px 50px; background: #F9F5EF;}
.board_search #sch_wrapper #sch_box .sch_btn{background-image: url(../../img/common/search_btn2.png);}
.board_top_area{overflow: hidden; margin: 0 0 30px; width: 100%;}
.board_top_area .list_num_area{float: right;}
.board_top_area .V_tab_list{float: left;}
.board_top_area .V_tab_list .inner{padding: 0; width: 100%;}
@media screen and (max-width: 1024px){
    .board_wrapper *{display: block;}
    .board_top_area .V_tab_list{width: 100%;}
    .board_top_area{margin: 0;}
    .board_top_area .list_num_area{display: none;}
    .board_wrapper table tr{position: relative; padding: 20px; overflow: hidden;}
    .board_wrapper table td{display: block; float: left; padding: 0; font-size: 14px; line-height: calc(40px/2);}
    .board_wrapper table .td_num{display: none;}
    .board_wrapper table .td_title{margin: 0 0 5px; width: 100%; font-size: 15px;}
    .board_wrapper table td a{display: -webkit-box;display: -ms-flexbox;display: flex; width: 100%; height: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    /* ie */
    _:-ms-input-placeholder, :root .board_wrapper table td a{height: auto; width: 100%;}
    .board_wrapper table .td_title .cate{display: block; margin: 0 0 8px; width: 100%; font-size: 14px;}
    .board_wrapper table .td_title .main_tit{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.0em; height: auto;}
    .board_wrapper table .td_date{letter-spacing: -1px;}
    .board_wrapper table td:not(.td_title){position: relative; padding-right: 9px; margin-right: 8px;}
    .board_wrapper table td:last-child{margin-right: 0;}
    .board_wrapper table td:not(.td_title)::after{display: block; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 10px; background: #ddd; content: "";}
    .board_wrapper table td:last-child::after{display: none;}
    .board_wrapper table tr:not(.no_data)::before{display: block; float: left; position: absolute; top: 20px; left: 0; width: 20px; height: calc(100% - 40px); background: url(../../img/common/board_listicon.png) no-repeat; background-size: 8px auto; background-position: center 3px; vertical-align: middle; text-align: left; line-height: calc(40px/2 - 5px); color: #9C8255; font-size: 12px; content: "";}
    .board_wrapper table .no_data{border-top: none;}
    .board_search{padding: 0; margin: 30px 0; background: none;}
    .board_search #sch_wrapper .sch_con.select{margin: 0; width: calc((100% - 8px)/2);}
    .board_search #sch_wrapper .sch_con.select:first-child{margin-right: 8px;}
    .board_search #sch_wrapper .sch_con.select select{width: 100%; font-size: 15px;}
    .board_search #sch_wrapper #sch_box{margin: 8px 0 0; width: 100%;}
    .board_search #sch_wrapper #sch_box input{font-size: 15px;}
    #sch_wrapper #sch_box .sch_btn{width: 44px; height: 44px; background-image: url(../../img/common/search_btn_m.png); background-size: 18px auto;}
    .board_search #sch_wrapper #sch_box .sch_btn{background-image: url(../../img/common/search_btn2_m.png); background-size: 15px auto;}
    #page_wrapper .page_btn{font-size: 15px;}
}
@media screen and (max-width: 600px){
    .board_wrapper table td{font-size: 13px;}
    .board_wrapper table .td_title{font-size: 14px;}
    .board_wrapper table .td_title .cate{font-size: 13px;}
    .board_wrapper table .td_title .icon{display: inline-block;}
    .board_wrapper table tr::before{font-size: 10px;}
    #page_wrapper .page_btn{font-size: 14px;}
    .board_search #sch_wrapper .sch_con.select select{font-size: 14px;}
    .board_search #sch_wrapper #sch_box input{font-size: 14px;}
}
/* 갤러리 게시판 */
.board_gall_wrapper{padding: 0 0 60px;}
.board_gall_wrapper .gall_1li{float: left; margin: 0 0 50px; width: calc(33.33% - 30px/3); height: auto;}
.board_gall_wrapper .gall_1li *{line-height: 1.3;}
.board_gall_wrapper .gall_1li:nth-child(3n-1){margin: 0 15px;}
.board_gall_wrapper .gall_1li .figure_box{border: 1px solid #eee; -webkit-box-sizing: border-box; box-sizing: border-box;}
.board_gall_wrapper .gall_1li .figure_box img{}
.board_gall_wrapper .gall_1li a{display: block;}
.board_gall_wrapper .gall_1li .text_box{padding: 20px 0 0; font-size: 18px;}
.board_gall_wrapper .gall_1li .board_tit{margin: 0 0 5px; height: auto; font-size: inherit; font-weight: 700; color: #333;}
.board_gall_wrapper .gall_1li .board_desc{height: 2.6em; font-size: inherit; color: #666;}
.board_gall_wrapper .gall_1li .board_desc2{margin: 15px 0 0; font-size: 14px; color: #777;}
/* 이벤트 게시판 */
.board_wrapper.board_eventllist table td{vertical-align: top;}
.board_wrapper.board_eventllist .td_thumbnail a{overflow: hidden; height: auto; border-radius: 8px;}
.board_wrapper.board_eventllist table .no_img .td_thumbnail a{position: relative;}
.board_wrapper.board_eventllist table .no_img .td_thumbnail a img{}
.board_wrapper.board_eventllist.closed .td_thumbnail a{position: relative;}
.board_wrapper.board_eventllist.closed .td_thumbnail a::before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #eee; opacity: 0.8; content: "";}
.board_wrapper.board_eventllist.closed .td_thumbnail a::after{position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: auto; vertical-align: middle; text-align: center; font-weight: 700; content: "이벤트 종료"; color: #777; font-size: 22px;}
.board_wrapper.board_eventllist.closed .no_img .td_thumbnail a::before{position: absolute; width: 100%; height: 100%; background: #eee; opacity: 0.8; content: "";}
.board_wrapper.board_eventllist.closed .no_img .td_thumbnail a::after{position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: auto; vertical-align: middle; text-align: center; font-weight: 700; content: "이벤트 종료"; color: #777;}
@media screen and (max-width: 1024px){
    .board_wrapper .col_thumbnail{width: 100%;}
    .board_wrapper.board_eventllist table tr{display: -webkit-box;display: -ms-flexbox;display: flex; padding: 25px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: none;}
    .board_wrapper.board_eventllist table tr:not(.no_data)::before{display: none;}
    .board_wrapper.board_eventllist table .td_thumbnail{-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1; margin: 0 0 20px; width: 100%;}
    .board_wrapper.board_eventllist table .td_thumbnail::after{display: none;}
    .board_wrapper.board_eventllist table .td_thumbnail img{width: 100%; max-width: inherit;}
    .board_wrapper.board_eventllist table .td_title{-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2; margin: 0 0 10px; color: #9C8255; font-size: 16px; font-weight: 700;}
    .board_wrapper.board_eventllist table .td_title a{display: block;}
    .board_wrapper.board_eventllist table .td_date{-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3;}
    .board_wrapper.board_eventllist table .td_writer{-webkit-box-ordinal-group: 5;-ms-flex-order: 4;order: 4;}
    .board_wrapper.board_eventllist table .td_hit{-webkit-box-ordinal-group: 6;-ms-flex-order: 5;order: 5;}
}
@media screen and (max-width: 600px){
    .board_wrapper.board_eventllist table tr{padding: 15px 0;}
    .board_wrapper.board_eventllist table .td_thumbnail{margin: 0 0 10px;}
    .board_wrapper.board_eventllist table .td_title{margin: 0 0 5px; font-size: 15px;}
}
/* 게시판 보기 페이지 */
.board_view_wrap{}
/* 게시판 상하단 공통 */
.board_view_wrap .board_common_wrap{}
.board_view_wrap .board_common_wrap .list_btn_area{padding: 20px 0; border-bottom: 1px solid #ddd;}
.board_view_wrap .board_common_wrap .list_btn_area .list_btn{float: left;}
.board_view_wrap .board_common_wrap .list_btn_area .btn_wrap{float: right;}
.board_view_wrap .board_common_wrap .list_btn_area a{color: #808080; font-size: 14px; -webkit-tap-highlight-color: inherit;}
.board_view_wrap .board_common_wrap .list_btn_area .btn_wrap a{margin-left: 35px;}
.board_view_wrap .board_common_wrap .list_btn_area .btn_wrap a:first-child{margin-left: 0;}
.board_view_wrap .board_common_wrap .bh_info_area{padding: 20px 0; overflow: hidden;}
.board_view_wrap .board_common_wrap .bh_info_area > *{float: left;}
.board_view_wrap .board_common_wrap .bh_info_area .bo_tit{margin: 0 0 25px; width: 100%; line-height: 1.3; font-weight: 700; letter-spacing: 0.5px;}
.board_view_wrap .board_common_wrap .bh_info_area .bo_tit .bo_num{display: inline-block; padding: 0 10px 0 0; position: relative; top: -2px; color: #808080; font-size: 14px; letter-spacing: 0;}
.board_view_wrap .board_common_wrap .bh_info_area .bo_date{color: #808080; font-size: 14px; letter-spacing: 0;}
.board_view_wrap .board_common_wrap .bh_info_area .bo_date span{display: inline-block; margin-left: 5px; letter-spacing: 0;}
.board_view_wrap .board_common_wrap .bh_info_area .bo_hit{float: right; color: #808080; font-size: 14px; letter-spacing: 0;}
.board_view_wrap .board_common_wrap .bh_info_area .bo_hit span{display: inline-block; margin-left: 5px; letter-spacing: 0;}
.board_view_wrap .board_common_wrap .bo_v_nb{margin: 30px 0 0;}
.board_view_wrap .board_common_wrap .bo_v_nb a{display: -webkit-box;display: -ms-flexbox;display: flex; padding: 8px 0; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-tap-highlight-color: inherit;}
.board_view_wrap .board_common_wrap .bo_v_nb a > span{width: 60px;}
.board_view_wrap .board_common_wrap .bo_v_nb .bo_tit{width: calc(100% - 100px); display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.0em; height: 1.1em;
white-space: nowrap;}
.board_view_wrap .board_common_wrap .bo_v_nb .no_data{pointer-events: none; cursor: none;}
.board_view_wrap .board_common_wrap .bo_v_nb .no_data .bo_tit{color: #d6d6d6;}
.board_view_wrap .board_common_wrap .bo_v_nb .bo_date{width: 100px; text-align: right; color: #D6D6D6; letter-spacing: 1px;}
/* 게시판 본문 */
.board_view_wrap .board_content .pic_area{margin: 0 0 30px;}
.board_view_wrap .board_content .pic_area .gallery_box li{margin: 0 0 20px;}
.board_view_wrap .board_content .pic_area .gallery_box li:last-child{margin: 0;}
.board_view_wrap .board_content .text_area{padding: 0 0 30px;}
.board_view_wrap .board_content .text_area p{letter-spacing: 0; line-height: 1.5;}
.board_view_wrap .board_content .file_area{*padding: 0 0 20px; *margin: 0 0 15px; *border-bottom: 1px solid #ddd;}
.board_view_wrap .board_content .file_area .file_1ul{}
.board_view_wrap .board_content .file_area .file_1li{display: inline-block; padding: 2px 2px 4px;}
/* 게시판 보기 이벤트 게시판 */
.board_view_wrap.store{padding: 0 0 100px;}
.board_view_wrap.store .board_common_wrap .list_btn_area{display: none;}
.board_view_wrap.store #prd_container{padding: 0 0 40px; border-bottom: 1px solid #c4c4c4;}
.board_view_wrap.store #prd_container .prd_wrapper{display: table; width: 100%; table-layout: fixed;}
.board_view_wrap.store #prd_container .image_wrap{display: table-cell;}
.board_view_wrap.store #prd_container .main_image_area{padding-top: 100%; width: 100%; height: auto; background: url(../../img/sub/galleryboard_img1.png); background-size: cover; background-position: center;}
.board_view_wrap.store #prd_container .thumb_image_area{margin: 20px 0 0; width: 100%;}
.board_view_wrap.store #prd_container .thumb_image_area li{float: left; position: relative; margin-right: 25px; padding-top: calc(25% - (25px*3)/4); width: calc(25% - (25px*3)/4); height: auto;}
.board_view_wrap.store #prd_container .thumb_image_area li:last-child{margin-right: 0;}
.board_view_wrap.store #prd_container .thumb_image_area li a{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../../img/sub/gb_noimg.png); background-size: cover; background-position: center; background-repeat: no-repeat;}
.board_view_wrap.store .swiper-container-horizontal>.swiper-pagination-bullets,
.board_view_wrap.store .swiper-pagination-custom,
.board_view_wrap.store .swiper-pagination-fraction{display: none;}
.board_view_wrap.store #prd_container .prd_info_wrap{display: table-cell; position: relative; padding-left: 25px; vertical-align: top;}
.board_view_wrap.store #prd_container .prd_info_top{}
.board_view_wrap.store #prd_container .prd_info_bottom{padding: 40px 0 0;}
.board_view_wrap.store .prd_info_wrap li{padding-bottom: 10px; overflow: hidden;}
.board_view_wrap.store .prd_info_wrap li.prd_main_desc{padding-bottom: 20px;}
.board_view_wrap.store .prd_info_wrap li.video_link{padding-top: 20px; color: #9C8255; opacity: 0.5;}
.board_view_wrap.store .prd_info_wrap li.video_link a{padding-left: 30px; background: url(../../img/common/youtube_icon.png) no-repeat; background-position: left center; background-size: auto 100%;}
.board_view_wrap.store .prd_info_wrap li *{float: left;}
.board_view_wrap.store .prd_info_wrap li h4{line-height: 1.4; font-size: 34px; font-weight: 700; color: #333;}
.board_view_wrap.store .prd_info_wrap li p{color: #999;}
.board_view_wrap.store .prd_info_wrap li.prd_main_desc p{line-height: 1.3; color: #666;}
.board_view_wrap.store .prd_info_wrap li .tit{margin-right: 15px;}
.board_view_wrap.store #prd_container .prd_info_bottom ul{margin: 0 0 40px; white-space: nowrap; text-align: right;}
.board_view_wrap.store #prd_container .prd_info_bottom li{display: inline-block; vertical-align: middle;}
.board_view_wrap.store .ori_price{margin-right: 10px; color: #666; text-decoration: line-through; color: #ccc;}
.board_view_wrap.store .ori_price strong{text-decoration: inherit;}
.board_view_wrap.store .dis_price{font-size: 34px; color: #333;}
.board_view_wrap.store #prd_container .prd_info_bottom .btn_wrapper{width: 100%; background: #333; border-radius: 8px; text-align: center; color: #fff;}
.board_view_wrap.store #prd_container .prd_info_bottom .btn_wrapper a{padding: 15px 0; width: 100%;}
.board_view_wrap.store .prd_relation_wrap{}
.board_view_wrap.store .prd_relation_wrap .main_tit{padding: 30px 0 40px; text-align: center; color: #9C8255; font-weight: 700; font-size: 20px;}
.board_view_wrap.store .prd_relation_wrap .prd_re_ul{width: 100%;}
.board_view_wrap.store .prd_relation_wrap .prd_re_li{float: left; position: relative; margin-right: 25px; width: calc(25% - (25px*3)/4);}
.board_view_wrap.store .prd_relation_wrap .prd_re_li:last-child{margin-right: 0;}
.board_view_wrap.store .prd_relation_wrap .prd_re_li.swiper-slide{float: none; position: static;}
.board_view_wrap.store .prd_relation_wrap .prd_re_li a{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.board_view_wrap.store .prd_relation_wrap .prd_re_li .prd_info_wrap{padding: 20px 0 40px;}
.board_view_wrap.store .prd_relation_wrap .prd_re_li .prd_info_wrap li h4{font-size: 18px;}
.board_view_wrap.store .prd_relation_wrap .prd_re_li .prd_info_wrap li p{line-height: 1.3;}
.board_view_wrap.store .prd_relation_wrap .prd_re_li .dis_price{font-size: 16px;}
.board_view_wrap.store .prd_relation_wrap .prd_re_area .swiper-pagination{display: none;}
.board_view_wrap.store .prd_relation_wrap .prd_re_area.swiper-container .swiper-pagination{display: block;}
@media screen and (max-width: 1024px){
    .board_gall_wrapper{padding: 0 0 40px; border-bottom: 1px solid #eee;}
    .board_gall_wrapper .gall_1li{width: calc((100% - 20px)/2); margin-right: 20px; margin-bottom: 30px;}
    .board_gall_wrapper .gall_1li:nth-child(3n-1){margin-left: 0; margin-right: 20px;}
    .board_gall_wrapper .gall_1li:nth-child(2n){margin: 0;}
    .board_gall_wrapper .gall_1li .text_box{padding: 15px 0 0;}
    .board_gall_wrapper .gall_1li .board_tit{margin: 0 0 10px; font-size: 16px;}
    .board_gall_wrapper .gall_1li .board_desc{height: auto; line-height: 1.4em; font-size: 14px; }
    .board_gall_wrapper .gall_1li .board_desc2{margin: 10px 0 0; font-size: 13px;}
    /*.board_view_wrapper{border-bottom: 1px solid #ddd;}*/ /* 본원만 */
    .board_view_wrapper .breadcrumb_wrap{display: none;}
    .board_view_wrapper .sub_board_wrap > div > .inner{padding: 0;}
    .board_view_wrap .board_header.board_common_wrap{margin-top: 10px;}
    .board_view_wrap .board_common_wrap .bh_info_area{padding: 15px 20px 30px;}
    .board_view_wrap .board_common_wrap .bh_info_area .bo_tit,
    .board_view_wrap .board_common_wrap .bh_info_area .bo_date,
    .board_view_wrap .board_common_wrap .bh_info_area .bo_hit{font-size: 15px;}
    .board_view_wrap .board_common_wrap .bh_info_area .bo_tit{margin: 0 0 15px;}
    .board_view_wrap .board_common_wrap .bh_info_area .bo_tit .bo_num{top: -1px;}
    .board_view_wrap .board_common_wrap .list_btn_area{padding: 0 20px;}
    .board_view_wrap .board_common_wrap .list_btn_area .list_btn{position: relative; padding: 20px 0 20px 20px;}
    .board_view_wrap .board_common_wrap .list_btn_area .list_btn::before{position: absolute; left: 0; top: 0; width: 15px;
    height: 100%; background: url(../../img/common/arrow-drodpdown.png) no-repeat; background-size: 10px auto; background-position: center; content: "";}
    .board_view_wrap .board_common_wrap .bo_v_nb{padding: 0 20px; margin: 0;}
    .board_view_wrap .board_common_wrap .list_btn_area .btn_wrap a{padding: 20px 0; margin-left: 0;}
    .board_view_wrap .board_common_wrap .list_btn_area .btn_wrap a:first-child{margin-right: 15px;}
    .board_view_wrap .board_common_wrap .list_btn_area .btn_wrap a:last-child{}
    .board_view_wrap .board_content{padding: 0 20px;}
    .board_view_wrap .board_content .text_area p{font-size: 15px;}
    .board_view_wrap .board_common_wrap .bo_v_nb a{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
    .board_view_wrap .board_common_wrap .bo_v_nb a > *{display: block; font-size: 15px; letter-spacing: -1px;}
    .board_view_wrap .board_common_wrap .bo_v_nb .bo_tit{display: -webkit-box; overflow: hidden; width: calc(100% - 60px - 80px); text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.0em; height: auto;}
    .board_view_wrap .board_common_wrap .bo_v_nb .bo_date{width: 80px; letter-spacing: -1px;}
    .board_view_wrap.store{padding: 0 0 50px;}
    .board_view_wrap.store .board_common_wrap .list_btn_area{display: block;}
    .board_view_wrap.store #prd_container{padding: 0; border-bottom: none;}
    .board_view_wrap.store #prd_container .prd_wrapper{display: block;}
    .board_view_wrap.store #prd_container .image_wrap{display: block;}
    .board_view_wrap.store #prd_container .main_image_area{display: none;}
    .board_view_wrap.store #prd_container .thumb_image_area{margin: 0;}
    .board_view_wrap.store #prd_container .thumb_image_area li{margin-right: 0; padding-top: 100%; width: 100%;}
    .board_view_wrap.store #prd_container .prd_info_wrap{display: block; padding: 20px 0;}
    .board_view_wrap.store .swiper-container-horizontal>.swiper-pagination-bullets,
    .board_view_wrap.store .swiper-pagination-custom,
    .board_view_wrap.store .swiper-pagination-fraction{display: inline-block;}
    .board_view_wrap.store .prd_info_wrap li{padding-bottom: 5px;}
    .board_view_wrap.store .prd_info_wrap li:first-child{padding-bottom: 8px;}
    .board_view_wrap.store .prd_info_wrap li.prd_main_desc{padding-bottom: 20px;}
    .board_view_wrap.store .prd_info_wrap li h4{font-size: 24px;}
    .board_view_wrap.store .prd_info_wrap li p,
    .board_view_wrap.store .prd_info_wrap li.video_link,
    .board_view_wrap.store .ori_price{font-size: 16px;}
    .board_view_wrap.store .dis_price{font-size: 22px;}
    .board_view_wrap.store #prd_container .prd_info_top{padding: 0 20px;}
    .board_view_wrap.store #prd_container .prd_info_bottom{padding: 10px 0 0;}
    .board_view_wrap.store #prd_container .prd_info_bottom ul{margin: 0 0 20px; padding: 0 20px; text-align: left;}
    .board_view_wrap.store .ori_price{margin-right: 5px;}
    .board_view_wrap.store #prd_container .prd_info_bottom .btn_wrapper{border-radius: 0;}
    .board_view_wrap.store .prd_relation_wrap{padding: 0 20px;}
    .board_view_wrap.store .prd_relation_wrap .main_tit{padding: 20px 0; font-size: 18px;}
    .board_view_wrap.store .prd_relation_wrap .prd_re_li{width: calc(30% - (25px*3)/4);}
    .board_view_wrap.store .prd_relation_wrap .prd_re_li .prd_info_wrap{padding: 10px 0 40px;}
    .board_view_wrap.store .prd_relation_wrap .prd_re_li .prd_info_wrap li{padding-bottom: 8px;}
    .board_view_wrap.store .prd_relation_wrap .prd_re_li .prd_info_wrap li h4{font-size: 14px;}
    .board_view_wrap.store .prd_relation_wrap .prd_re_li .prd_info_wrap li.prd_main_desc p{font-size: 13px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.5em; height: auto;}
    .board_view_wrap.store .prd_relation_wrap .prd_re_li .prd_info_wrap li p{line-height: 1.5em;}
    .board_view_wrap.store .prd_relation_wrap .prd_re_li .dis_price{font-size: 14px;}
    .board_view_wrap .board_common_wrap.board_footer .list_btn_area{display: none;}
    .board_view_wrap .board_content .file_area{margin: 0 0 25px;}
    .board_view_wrap .board_content .file_area .file_1li{max-width: calc(50% - 2px);}
    .board_view_wrap .board_content .file_area .file_1li .download_btn{width: 100%;}
    .board_view_wrap .board_content .file_area .file_1li .download_btn a{display: -webkit-box;display: -ms-flexbox;display: flex; width: 100%; table-layout: fixed;}
    .board_view_wrap .board_content .file_area .file_1li .download_btn span{display: inline-block;}
    .board_view_wrap .board_content .file_area .file_1li .download_btn .name{max-width: 80%;}
}
@media screen and (max-width: 600px){
    .board_gall_wrapper{padding: 0;}
    .board_gall_wrapper .gall_1li{width: calc((100% - 15px)/2); margin-right: 15px;}
    .board_gall_wrapper .gall_1li:nth-child(3n-1){margin-right: 15px;}
    .board_gall_wrapper .gall_1li:nth-child(2n){margin: 0;}
    .board_gall_wrapper .gall_1li .text_box{padding: 10px 0 0;}
    .board_gall_wrapper .gall_1li .board_tit{margin: 0 0 5px; font-size: 15px;}
    .board_gall_wrapper .gall_1li .board_desc{font-size: 13px;}
    .board_gall_wrapper .gall_1li .board_desc2{margin: 5px 0 0; font-size: 14px;}
    .board_view_wrap .board_common_wrap .bh_info_area .bo_tit,
    .board_view_wrap .board_common_wrap .bh_info_area .bo_date,
    .board_view_wrap .board_common_wrap .bh_info_area .bo_hit{font-size: 14px;}
    .board_view_wrap .board_content .text_area p{font-size: 14px;}
    .board_view_wrap.store{padding: 0 0 30px;}
    .board_view_wrap.store .prd_info_wrap li h4{font-size: 19px;}
    .board_view_wrap.store .prd_info_wrap li p,
    .board_view_wrap.store .prd_info_wrap li.video_link,
    .board_view_wrap.store .ori_price{font-size: 14px;}
    .board_view_wrap.store .dis_price{font-size: 20px;}
    .board_view_wrap.store .prd_relation_wrap .prd_re_li .dis_price{font-size: 13px; font-weight: 700;}
    .board_view_wrap .board_common_wrap .bo_v_nb a > *{font-size: 14px;}
}
/* view type 변화 게시판 */
.viewtype_board_wrap .board_top_area .list_view_change{float: right; width: 100%; text-align: right;}
.viewtype_board_wrap .board_top_area .list_view_change ul{display: inline-block;}
.viewtype_board_wrap .board_top_area .list_view_change li{display: inline-block; width: 36px; height: 37px;}
.viewtype_board_wrap .board_top_area .list_view_change li .btn{display: block; width: 100%; height: 100%; background-position: center right; background-repeat: no-repeat; background-size: 100% auto;}
.viewtype_board_wrap[data-view-type='view_type_list'] .board_top_area .list_view_change .view_type_list .btn{background-image: url(../../img/common/view_type_list_on.png);}
.viewtype_board_wrap[data-view-type='view_type_thumb'] .board_top_area .list_view_change .view_type_list .btn{background-image: url(../../img/common/view_type_list_off.png);}
.viewtype_board_wrap[data-view-type='view_type_thumb'] .board_top_area .list_view_change .view_type_thumb .btn{background-image: url(../../img/common/view_type_thumb_on.png);}
.viewtype_board_wrap[data-view-type='view_type_list'] .board_top_area .list_view_change .view_type_thumb .btn{background-image: url(../../img/common/view_type_thumb_off.png);}
.viewtype_board_wrap[data-view-type='view_type_list'] .col_thumbnail,
.viewtype_board_wrap[data-view-type='view_type_list'] .th_thumbnail,
.viewtype_board_wrap[data-view-type='view_type_list'] .td_thumbnail{display: none;}
.viewtype_board_wrap[data-view-type='view_type_thumb'] .col_thumbnail{display: table-column;}
.viewtype_board_wrap[data-view-type='view_type_thumb'] .th_thumbnail,
.viewtype_board_wrap[data-view-type='view_type_thumb'] .td_thumbnail{display: table-cell;}
.viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper table,
.viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper tbody,
.viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper tbody *{display: block;}
.viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper .col_num,
.viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper .th_num,
.viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper tbody .td_num{display: none;}
.viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper tbody{overflow: hidden;}
.viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper tbody tr{float: left; margin-bottom: 20px; width: calc((100% - 40px)/3); border: 1px solid #eee;}
.viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper tbody tr:nth-child(3n-1){margin: 0 20px 20px;}
.viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper tbody tr.no_data{margin: 0; width: 100%; border-top: 1px solid #eee; border-left: none; border-right: none; border-bottom: 1px solid #eee;}
.viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper tbody tr.no_data td{padding: 25px 0; margin: 0;}
/* ie */
 _:-ms-input-placeholder, :root .viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper tbody tr:nth-child(3n-1){margin: 0 19px 20px;}
.viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper tbody tr:last-child{margin-bottom: 0 !important;}
.viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper tbody td{margin: 5px 8px 5px 0; padding: 0 9px 0 0;}
.viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper table td:not(.td_title):last-child{margin-right: 0; padding-right: 0;}
.viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper tbody .td_thumbnail{padding: 0; margin: 0; width: 100%; height: 220px; border-radius: 0;}
.viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper tbody .td_thumbnail a{width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center;}
.viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper tbody .td_thumbnail a.no_img{background-color: #eee;}
.viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper tbody .td_title{margin-top: 15px; margin-right: 0; padding: 0 15px; width: 100%;}
.viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper tbody .td_title a{width: 100%;}
.viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper tbody .td_title span{display: inline-block; float: left;}
.viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper tbody .td_title .main_tit{ display: -webkit-box; overflow: hidden;
    text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.1em; height: auto;}
.viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper table .td_writer{margin-left: 15px;}
.viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper table .td_writer,
.viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper table .td_date,
.viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper table .td_hit{display: inline-block; position: relative; margin-bottom: 15px; text-align: left; letter-spacing: -1px; font-size: 15px;}
.viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper table tr:not(.no_data)::before{display: none;}
.viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper table td:not(.td_title)::after{display: block; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 10px; background: #ddd; content: "";}
.viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper table td:not(.td_title):last-child::after{display: none;}
@media screen and (max-width: 1024px){
    .viewtype_board_wrap .board_top_area .list_view_change{float: right; margin: 0 0 20px;}
/*
    .viewtype_board_wrap .board_top_area .list_view_change li{display: inline-block; width: 36px; height: 37px;}
    .viewtype_board_wrap .board_top_area .list_view_change li .btn{display: block; width: 100%; height: 100%; background-position: center right; background-repeat: no-repeat; background-size: 100% auto;}
*/
    .viewtype_board_wrap[data-view-type='view_type_list'] .board_top_area .list_view_change .view_type_list .btn{background-image: url(../../img/common/view_type_list_on_m.png);}
    .viewtype_board_wrap[data-view-type='view_type_thumb'] .board_top_area .list_view_change .view_type_list .btn{background-image: url(../../img/common/view_type_list_off_m.png);}
    .viewtype_board_wrap[data-view-type='view_type_thumb'] .board_top_area .list_view_change .view_type_thumb .btn{background-image: url(../../img/common/view_type_thumb_on_m.png);}
    .viewtype_board_wrap[data-view-type='view_type_list'] .board_top_area .list_view_change .view_type_thumb .btn{background-image: url(../../img/common/view_type_thumb_off_m.png);}
    .viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper tbody tr{margin: 0 0 30px; padding: 0; width: calc((100% - 30px)/2);}
    .viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper tbody tr:nth-child(3n-1){margin: 0 0 30px;}
    .viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper tbody tr:nth-child(2n){margin-left: 30px;}
    /* ie */
 _:-ms-input-placeholder, :root .viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper tbody tr:nth-child(3n-1){margin: 0 0 30px;}
    .viewtype_board_wrap[data-view-type='view_type_thumb'] tr.no_data{padding: 0;}
    .viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper tbody tr.no_data td{padding: 20px;}
    .viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper tbody .td_title{margin-bottom: 0;}
    .viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper tbody .td_title a{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
    .viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper tbody .td_title .main_tit{font-size: 16px;}
    .viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper tbody .td_title .board_icon{margin-top: 0; height: 17px;}
    .viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper table .td_writer,
    .viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper table .td_date,
    .viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper table .td_hit{font-size: 14px;}
}
@media screen and (max-width: 600px){
    .viewtype_board_wrap .board_top_area .list_view_change{margin: 0 0 15px;}
    .viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper tbody tr{width: 100%;}
    .viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper tbody tr:nth-child(2n){margin-left: 0;}
    .viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper tbody .td_title .main_tit{font-size: 15px;}
    .viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper table .td_writer,
    .viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper table .td_date,
    .viewtype_board_wrap[data-view-type='view_type_thumb'] .board_wrapper table .td_hit{font-size: 13px;}
}
/* //view type 변화 게시판 */
/* 게시판 view page 이미지 클릭 시 팝업 */
.layer_pop_full_for_picture{display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 3002; width: 100%; background: #000;}
.layer_pop_full_for_picture .table_wrap{display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; min-height: 100%;}
.layer_pop_full_for_picture .top_info{position: absolute; top: 0px; right: 0px; z-index: 100; overflow: hidden; padding: 13px; width: 100%; height: 50px; color: #fff;}
.layer_pop_full_for_picture .top_info .right_icon>span{display:inline-block; padding:0; width: 25px; height: 25px; background-repeat: no-repeat; background-position: center; cursor: pointer;}
.layer_pop_full_for_picture .top_info .right_icon .download_btn{position: absolute; right: 10px; background: none;}
.layer_pop_full_for_picture .top_info .right_icon .download_btn a{padding: 0; width: 25px; height: 25px;
background-image: url(../../img/common/download_icon2.png); background-position: center;}
.layer_pop_full_for_picture .top_info .icon>span.close{left: 15px; top: 12px; background-image: url('../img/x.svg'); background-size: 25px auto;}
.layer_pop_full_for_picture .top_info .download_option{display: none;}
.layer_pop_full_for_picture .top_info .download_dimed{position: fixed;top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.5);}
.layer_pop_full_for_picture .top_info .downloadWrap{position: fixed; bottom: 0; z-index: 10; padding: 15px 20px; width: 100%; left: 0; background: #fff;}
.layer_pop_full_for_picture .top_info .downloadWrap > span{display: block; cursor: pointer;}
.layer_pop_full_for_picture .table_wrap .picture_wrap{display: -ms-flexbox;
    display: -webkit-box; display: flex; padding:0 2px; width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.layer_pop_full_for_picture .table_wrap .picture_wrap .swiper_wrap{width: 100%;}
.layer_pop_full_for_picture .swiper_wrap .swiper-container{width: 100%; height: auto;}
.layer_pop_full_for_picture .swiper_wrap .swiper-container .swiper-wrapper{-webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.layer_pop_full_for_picture .swiper_wrap .swiper-container .swiper-wrapper .swiper-slide{overflow-y: auto; max-height: 100vh;}
.layer_pop_full_for_picture .swiper_wrap .swiper-container .swiper-wrapper .swiper-slide img{}
.layer_pop_full_for_picture .swiper-pagination{position: fixed ! important; top: 15px; left: 50%; color: #fff; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); background: none;}
@media screen and (max-width: 1024px){
    .layer_pop_full_for_picture .top_info .right_icon .download_btn a{background-image: url(../../img/common/download_icon2_m.png);}
}
/* 코멘트 영역 */
.board_view_wrap .board_comment{margin: 50px 0; border-top: 1px solid #ddd;}
.board_view_wrap .board_comment .info_area{padding: 20px 0; overflow: hidden;}
.board_view_wrap .board_comment .info_area > *{float: left; padding: 3px 1px;}
.board_view_wrap .board_comment .info_area .comment_num{margin-right: 15px;}
.board_view_wrap .board_comment .info_area .comment_num .num{display: inline-block; margin-left: 3px; font-weight: 700;}
.board_view_wrap .board_comment .info_area .comment_info{float: right; color: #D6D6D6;}
.board_view_wrap .board_comment .comment_view{}
.board_view_wrap .board_comment .comment_li{padding: 15px 15px 20px;}
.board_view_wrap .comment_li{margin-top: 5px; border-top: 1px solid #C4C4C4;}
.board_view_wrap .comment_li:first-child{margin-top: 0; padding-top: 0; border-top: none;}
.board_view_wrap .comment_li.co_type_reply{position: relative; padding: 10px 15px 15px 70px; margin-top: 0; border: none;}
.board_view_wrap .comment_li.co_type_reply::before{position: absolute; top: 12px; left: 40px; width: 20px; height: 20px; background: url(../../img/common/reply_icon.png) no-repeat; content: "";}
.board_view_wrap .comment_li.co_type_reply:not(.my_comment) .btn_box{display: none; pointer-events: none;}
.board_view_wrap .comment_li.comment_none{padding: 20px 15px; border: none;}
.board_view_wrap .comment_li.comment_none p{text-align: center; color: #D6D6D6;}
.board_view_wrap .comment_header{overflow: hidden; margin: 0 0 15px;}
.board_view_wrap .comment_header .co_info{float: left;}
.board_view_wrap .comment_header .co_info > *{display: inline-block; vertical-align: bottom;}
.board_view_wrap .comment_header .co_writer{margin-right: 10px; color: #D6D6D6;}
.board_view_wrap .comment_header .co_date{font-size: 14px; color: #D6D6D6;}
.board_view_wrap .comment_header .btn_box{float: right;}
.board_view_wrap .comment_header .btn_box{}
.board_view_wrap .comment_header .btn_box button{display: inline-block; position: relative; margin-right: 5px; padding-right: 10px; color: #808080;}
.board_view_wrap .comment_header .btn_box button:last-child{margin-right: 0; padding-right: 0;}
.board_view_wrap .comment_header .btn_box button::after{position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 80%; background: #808080; content: "";}
.board_view_wrap .comment_header .btn_box button:last-child::after{display: none;}
.board_view_wrap .comment_li .pic_content{display: none; margin-top: 10px; width: 50%; max-width: 500px;}
.board_view_wrap .comment_li .pic_content.on{display: block;}
.board_view_wrap .comment_li .pic_content img{}
.comment_view .co_content{line-height: 1.4;}
.comment_write{margin-top: 20px; padding: 25px; background: rgba(205, 205, 205, 0.3); border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.comment_write:not(.co_w_re) .comment_header{display: none;}
.comment_write.co_w_re .comment_header{padding: 0 0 15px;}
.comment_write .comment_content{overflow: hidden; padding: 25px; width: 100%; border-radius: 8px; background: #fff; border: 1px solid #ddd;}
.comment_write .comment_content textarea{resize: none; overflow-y: auto; width: 100%; height: 80px; line-height: 1.4;}
.comment_write .comment_con_bottom{position: relative; overflow: hidden; width: 100%;}
.comment_write .comment_con_bottom .upload_box{position: absolute; left: 0; bottom: 0;}
.comment_write .comment_con_bottom .upload_box label{display: block; overflow: hidden; width: 25px; height: 25px; text-indent: -9999px; background: url(../../img/common/img_upload_btn.png) no-repeat;
background-size: 100% auto; background-position: center;}
.comment_write .comment_con_bottom .comment_info_box{float: right;}
.comment_write .comment_con_bottom .comment_info_box > *{display: inline-block; vertical-align: bottom;}
.comment_write .comment_con_bottom .comment_info_box .submit_btn a{padding: 10px 15px; margin-left: 15px; background: #333; border-radius: 8px; color: #fff;}
.comment_write .comment_con_bottom .comment_info_box .comment_txt{padding-bottom: 2px; color: #D6D6D6; font-size: 14px;}
.comment_write .comment_con_bottom .comment_info_box .comment_txt .current{color: #333;}
.comment_write.co_type_reply{position: relative; padding: 25px 25px 25px 50px;}
.comment_write.co_type_reply::before{position: absolute; top: 35px; left: 20px; width: 20px; height: 20px; background: url(../../img/common/reply_icon.png) no-repeat; content: "";}
.board_view_wrap .board_comment .comment_sch_container{padding: 25px 10%; margin: 50px 0 0; background: #F9F5EF;}
.board_view_wrap .board_comment .comment_sch_container #sch_wrapper #sch_box .sch_btn{background-image: url(../../img/common/search_btn2.png);}
.board_view_wrap  .upload_pic{display: none; position: relative; margin: 10px 0 20px; width: 90px; height: 90px;}
.board_view_wrap  .upload_pic.upload{display: block;}
.board_view_wrap  .upload_pic.upload .pic_box{width: 100%; height: 100%; /* background: url(../../img/sub/galleryboard_img3.png) no-repeat; background-size: cover; background-position: center; */ border: 1px solid #ddd; border-radius: 10px;}
.board_view_wrap  .upload_pic.upload .btn_wrap{position: absolute; right: -5px; top: -5px; padding: 5px; background: #555; border-radius: 50%;}
.board_view_wrap  .upload_pic.upload .btn_wrap .close_btn{width: 15px; height: 15px; }
.board_view_wrap  .upload_pic.upload .btn_wrap .close_btn a::before, .board_view_wrap  .upload_pic.upload .btn_wrap .close_btn a::after{margin-left: -1px; width: 2px; background: #fff;}
@media screen and (max-width: 1024px){
    .board_view_wrap .board_comment{padding: 0; margin: 0;}
    .board_view_wrap .board_comment .info_area{display: -webkit-box;display: -ms-flexbox;display: flex; padding: 15px 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
    .board_view_wrap .board_comment .info_area > *{float: none; font-size: 15px;}
    .board_view_wrap .board_comment .info_area .comment_num{margin-right: 0; -ms-flex-negative: 0; flex-shrink: 0;}
    .board_view_wrap .board_comment .info_area .comment_info{float: none; margin: 8px 0 0; width: 100%; font-size: 13px;}
    .comment_write_btn{padding: 0 20px; width: 100%;}
    .comment_write_btn a{padding: 15px; width: 100%; background: #f1f1f1; text-align: center;}
    .comment_write_area:not(.on) .comment_write{display: none;}
    .comment_write_area.on .comment_write{display: block; position: fixed; bottom: 0; margin-top: 0; width: 100%; z-index: 3002; background: #f1f1f1;}
    .board_view_wrap .board_comment .comment_sch_container{margin: 20px 0; padding: 15px 20px; background: none; border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;}
    .comment_sch_container #sch_wrapper.sch_2 .sch_con.select{margin: 0 5px 0 0; padding: 0;}
    .comment_sch_container #sch_wrapper.sch_2 .sch_con.select select{padding: 14px 20px 14px 8px; width: 100px;}
    .comment_sch_container #sch_wrapper.sch_2 #sch_box{padding: 11px 44px 10px 15px; width: calc(100% - 105px);}
    .board_view_wrap .comment_ul{padding: 0 20px;}
    .board_view_wrap .comment_header .co_writer,
    .board_view_wrap .co_content,
    .comment_write .comment_content textarea,
    .board_view_wrap .comment_header .btn_box button,
    .comment_write .comment_con_bottom .comment_info_box .submit_btn a{font-size: 15px;}
    .board_view_wrap .comment_header .co_date,
    .comment_write .comment_con_bottom .comment_info_box .comment_txt{font-size: 13px;}
    .comment_write{padding: 20px;}
    .comment_write.co_type_reply{padding: 20px 20px 20px 30px;}
    .comment_write.co_type_reply::before{top: 25px; left: 10px; background-image: url(../../img/common/reply_icon_m.png); background-size: 10px auto;}
    .board_view_wrap .comment_li.co_type_reply{padding: 10px 15px 15px 50px;}
    .board_view_wrap .comment_li.co_type_reply::before{left: 30px;}
    .comment_write .comment_header{padding: 0 0 10px; margin: 0 0 5px;}
    .board_view_wrap .comment_li .pic_content{width: 60%;}
    .comment_write .comment_con_bottom .upload_box{width: 60px; height: 35px;}
    .comment_write .comment_con_bottom .upload_box label{width: 100%; height: 100%; background-size: 25px auto; background-position: 10px center;}
    .comment_write .comment_con_bottom .comment_info_box .submit_btn{}
    .comment_write .comment_con_bottom .comment_info_box .submit_btn a{margin: 0; width: 100%; text-align: center;}
    .comment_write .comment_content{padding: 20px;}
    .comment_write .comment_con_bottom .comment_info_box{width: calc(100% - 60px);}
    .comment_write .comment_con_bottom .comment_info_box > *{display: block; text-align: right;}
    .comment_con_bottom .comment_info_box .comment_txt{margin: 0 0 10px; padding-right: 3px;}
    .board_view_wrap .upload_pic{margin: 10px 0; width: 70px; height: 70px;}
    .board_view_wrap .upload_pic.upload .btn_wrap .close_btn{width: 12px; height: 12px;}
    .comment_write .comment_con_bottom .upload_box label{background-image: url(../../img/common/img_upload_btn_m.png); background-size: 20px auto;}
    .board_view_wrap .comment_li.co_type_reply::before{background-image: url(../../img/common/reply_icon_m.png); background-size: 10px auto;}
    .board_view_wrap .board_comment .comment_sch_container #sch_wrapper #sch_box .sch_btn{background-image: url(../../img/common/search_btn2_m.png);}
}
@media screen and (max-width: 600px){
    .board_view_wrap .board_comment .info_area > *{font-size: 14px;}
    .board_view_wrap .comment_header .co_writer,
    .board_view_wrap .co_content,
    .comment_write .comment_content textarea,
    .board_view_wrap .comment_header .btn_box button,
    .comment_write .comment_con_bottom .comment_info_box .submit_btn a{font-size: 14px;}
    .board_view_wrap .comment_header .co_date,
    .comment_write .comment_con_bottom .comment_info_box .comment_txt{font-size: 12px;}
    .comment_write.co_type_reply{padding: 15px 15px 15px 25px;}
    .comment_write.co_type_reply::before{top: 20px; left: 8px;}
    .comment_write.co_w_re .comment_header{margin: 0;}
    .board_view_wrap .comment_li.co_type_reply{padding: 10px 15px 15px 40px;}
    .board_view_wrap .comment_li.co_type_reply::before{left: 20px;}
    .board_view_wrap .comment_li .pic_content{width: 90%;}
    .comment_write .comment_content{padding: 15px;}
    .comment_write .comment_con_bottom .upload_box{height: 34px;}
    .board_view_wrap .upload_pic{margin: 10px 0; width: 60px; height: 60px;}
    .board_view_wrap .upload_pic.upload .btn_wrap .close_btn{width: 10px; height: 10px;}
}
/* //코멘트 영역 */
/* article */
.sub_article_wrap .sub_board_wrap{padding: 0 0 50px;}
.article_area .tit_box{}
.article_area .tit_box .main_tit{padding: 30px; font-weight: 700; font-size: 18px;}
.article_area .article_1ul *{line-height: 1.6;}
.article_area .article_1ul{padding: 0 30px 30px;}
.article_area ul{padding: 0 20px;}
.article_area li{margin: 0 0 5px;}
.article_area li:last-child{margin: 0;}
.article_area li > h4{margin: 15px 0;}
.article_area li > h5{margin: 10px 0;}
.article_area li > h6, .article_area li > p{margin: 0 0 5px;}
.article_area li > h4{font-weight: 700;}
.article_area .link{font-weight: 700;}
.article_area table{width: 100%; max-width: 500px; table-layout: fixed;}
.article_area table .col_tit{width: 45%;}
.article_area table .col_desc{width: 55%;}
.article_area table thead{background: #f1f1f1;}
.article_area table tr{border-bottom: 1px solid #ddd;}
.article_area table td{padding: 5px 10px; text-align: center;}
.article_area table td:first-child{border-right: 1px solid #ddd;}
@media screen and (max-width: 1024px){
    .article_area .tit_box .main_tit{padding: 40px 20px 20px; font-size: 16px;}
    .article_area .article_1ul{padding: 0 20px 20px;}
    .article_area .article_1ul *{font-size: 15px;}
    .article_area ul{padding: 0 15px;}
    .article_area li > h4{margin: 10px 0;}
    .article_area li > h5{margin: 5px 0;}
}
@media screen and (max-width: 600px){
    .article_area .tit_box .main_tit{padding: 30px 15px 15px; font-size: 15px;}
    .article_area .article_1ul{padding: 0 15px 15px;}
    .article_area .article_1ul *{font-size: 14px;}
}
/* 서브 콘텐츠 영역 스타일 */
.sc_area{padding: 0 0 70px;}
.sc_area .sc_1ul{}
.sc_area .sc_1li{display: table; margin: 0 0 30px; width: 100%;}
.sc_area .sc_1li .title_box{display: table-cell; padding-right: 40px; width: 270px;}
.sc_area .sc_1li .title_box h4{padding: 5px 10px 0 0; border-top: 1px solid #333; line-height: 1.4; word-break: keep-all; font-size: 18px; font-weight: 700; color: #000;}
.sc_area .sc_2ul{display: table-cell; vertical-align: top;}
.sc_area .sc_2li{line-height: 1.5; font-size: 18px; color: #444;}
.sc_area .sc_2li p{position: relative; padding-left: 15px; line-height: 1.5; font-size: 18px; color: #444;}
.sc_area .sc_2li p:first-child::before{display: block; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 2px; height: 2px; border-radius: 50%; background: #333; content: "";}
.sc_area .sc_2li p span{display: block; line-height: 1.5; color: #999; font-size: 14px;}
.sc_pic_area{padding: 0 0 70px; text-align: right;}
.sc_pic_area .img_box{overflow-x: auto; overflow-y: hidden; margin-bottom: 40px; white-space: nowrap; font-size: 0; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none;}
.sc_pic_area .img_box.pc_block, .sc_pic_area .img_box:last-child{margin-bottom: 0;}
.sc_pic_area img{display: inline-block; margin-top: 40px;}
.sc_pic_area img:first-child{margin-top: 0;}
.sc_pic_area img.wide_img{width: 250%; max-width: inherit;}
.sc_area2{padding: 0 0 70px;}
.sc_area2 .sc_1ul{}
.sc_area2 .sc_1li{padding: 40px 0; border-top: 1px solid #eee;}
.sc_area2 .sc_1li > .num{margin: 0 0 5px; font-weight: 700; color: #ccc; font-size: 24px;}
.sc_area2 .sc_1li > h4{font-weight: 700; font-size: 33px; line-height: 1.5; color: #333;}
.sc_area2 .sc_1li > .desc{margin: 10px 0 0; line-height: 1.5; font-size: 17px; color: #444;}
.sc_area2 .sc_2ul{display: -webkit-box;display: -ms-flexbox;display: flex; margin: 35px 0 0; padding: 25px 15px; background: #F9F5EF; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.sc_area2 .sc_2li{padding: 20px 10px; width: 22%;}
.sc_area2 .sc_2li .tit_box{position: relative; padding-top: 100%; width: 100%; height: auto; background: #fff; border-radius: 50%; border: 1px solid #000;}
.sc_area2 .sc_2li .tit{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); padding: 0 10px; width: 100%; text-align: center;}
.sc_area2 .sc_2li .tit *{text-align: center;}
.sc_area2 .sc_2li .tit .num{display: inline-block; margin: 0 0 10px; padding: 0 0 3px; font-size: 12px; text-transform: uppercase; color: #9C8255; border-bottom: 1px solid #9C8255;}
.sc_area2 .sc_2li .tit h5{line-height: 1.3; font-weight: 700; font-size: 20px;}
.sc_area2 .sc_2li .desc{margin: 10px 0 0; word-break: keep-all; text-align: center; line-height: 1.4; font-size: 18px; color: #333;}
@media screen and (max-width: 1300px){
    .sc_area .sc_1li .title_box{width: 40%;}
    .sc_area .sc_1li .title_box h4{padding: 5px 0 0 0;}
}
@media screen and (max-width: 1024px){
    .sub_board_wrap{padding: 0 0 40px;}
    .sc_area{padding: 0 0 50px;}
    .sc_area .sc_1li{display: block; margin: 0 0 40px; width: 100%;}
    .sc_area .sc_1li .title_box{display: block; margin: 0 0 15px; padding: 0; width: 100%;}
    .sc_area .sc_1li .title_box h4{padding: 20px 0 0 0; max-width: 140px; font-size: 17px;}
    .sc_area2 .sc_1li > .desc{margin: 15px 0 0; text-align: center; font-size: 16px;}
    .sc_area2 .sc_1li > .desc br{display: none;}
    .sc_area2 .sc_1li > h4{text-align: center; font-size: 24px;}
    .sc_area2 .sc_1li > .num{margin: 0 0 15px; text-align: center; font-size: 22px;}
    .sc_area .sc_2ul{display: block; width: 100%;}
    .sc_area2 .sc_2ul{-webkit-box-pack: left;-ms-flex-pack: left;justify-content: left;}
    .sc_area2 .sc_2li{width: 25%;}
    .sc_area2 .sc_2li .tit .num{font-size: 11px;}
    .sc_area2 .sc_2li .tit h5{font-size: 16px; word-break: keep-all;}
    .sc_area2 .sc_2li .desc{font-size: 16px;}
    .sc_area .sc_2li p{font-size: 16px;}
}
@media screen and (max-width: 600px){
    .sub_board_wrap{padding: 0 0 30px;}
    .sc_area{padding: 0 0 20px;}
    .sc_area2 .sc_2li{width: 33.33%;}
    .sc_area2 .sc_1li > .num{font-size: 20px;}
    .sc_area2 .sc_1li > h4{font-size: 17px;}
    .sc_area2 .sc_1li > .desc{font-size: 14px;}
    .sc_area2 .sc_2li .tit h5{font-size: 13px;}
    .sc_area .sc_2li p{font-size: 14px;}
    .sc_area2 .sc_2li .desc{font-size: 14px;}
}
@media screen and (max-width: 450px){
    .sc_area2 .sc_2li{width: 50%;}
}
/* 서브 하단 이미지 영역 스타일 */
.bottom_ft_wrap{width: 100%; height: 550px; background: url(../../img/sub/bf_img1.png); background-size: cover; background-position: center; background-repeat: no-repeat;}
@media screen and (max-width: 1024px){
    .bottom_ft_wrap{padding-top: 50%; width: 100%; height: auto !important; background-size: cover;}
}
/* gallery slider */
.gallery_slider .gallery-top{margin: 0 0 50px;}
.gallery_slider .gallery-top img{margin: 0 auto; max-width: 85%; border-radius: 16px;}
.gallery_slider .gallery-thumbs .swiper-slide{opacity: 0.4; cursor: pointer;}
.gallery_slider .gallery-thumbs .swiper-slide::after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 5px solid transparent; content: "";}
.gallery_slider .gallery-thumbs .swiper-slide.on{opacity: 1;}
.gallery_slider .gallery-thumbs .swiper-slide.on::after{border-color: #9C8255;}
.gallery_slider .gallery-top .swiper-button-next, .gallery_slider .gallery-top .swiper-button-prev{background-size: 22px auto;}
.gallery_slider .gallery-top .swiper-button-next, .gallery_slider .gallery-top .swiper-container-rtl .swiper-button-prev{background-image: url(../../img/common/swiper_btn_next2.png);}
.gallery_slider .gallery-top .swiper-button-prev, .gallery_slider .gallery-top .swiper-container-rtl .swiper-button-next{background-image: url(../../img/common/swiper_btn_prev2.png);}
.gallery_slider .gallery-top .swiper-button-prev{left: 0;}
.gallery_slider .gallery-top .swiper-button-next{right: 0;}
@media screen and (max-width: 1024px){
    .gallery_slider .inner{padding: 0;}
    .gallery_slider .gallery-top{margin: 0 0 20px;}
    .gallery_slider .gallery-top img{max-width: 100%; border-radius: 0;}
    .gallery_slider .gallery-thumbs .swiper-slide{width: calc(100%/6.7);}
    .gallery_slider .gallery-thumbs .swiper-slide::after{border: 3px solid transparent;}
    .gallery_slider .gallery-top .swiper-button-next, .gallery_slider .gallery-top .swiper-button-prev{background-size: 18px auto;}
}
@media screen and (max-width: 600px){
    .gallery_slider .gallery-top{margin: 0;}
    .gallery_slider .gallery-top img{max-width: 100%;}
    .gallery_slider .gallery-thumbs .swiper-slide{width: calc(100%/4.7);}
    .gallery_slider .gallery-thumbs .swiper-slide::after{border: 2px solid transparent;}
    .gallery_slider .gallery-top .swiper-button-next, .gallery_slider .gallery-top .swiper-button-prev{background-size: 15px auto;}
}
/* login */
.login_container{padding: 50px 0 150px; margin: 0 auto; max-width: 500px;}
.login_container .logo_area{margin: 0 0 60px; text-align: center;}
.login_container .logo_box{display: inline-block; *max-width: 135px;}
.login_container .logo_box img{margin: 0 auto 30px; max-width: 150px;}
.login_container .logo_box .center_name{padding: 2px 20px; background: #F9F5EF; color: #9C8255; font-weight: 700;}
.login_container .login_wrapper{margin: 0 auto; width: 100%;}
.login_container .login_chk_box{display: -webkit-box;display: -ms-flexbox;display: flex; padding: 0 0 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.login_container .login_chk_box input[type="radio"] + label{margin-right: 60px;}
.login_container .login_chk_box input[type="radio"] + label:last-child{margin-right: 0;}
.login_container .login_chk_box input[type="radio"] + label::before{border-color: #999;}
.login_container .login_chk_box input[type="radio"]:checked + label::before{border-color: #333;}
.login_container .login_chk_box input + label{color: #999;}
.login_container .login_chk_box input:checked + label{color: #333;}
.login_container .login_wrapper .login_box{padding: 15px; margin: 0 0 15px; border: 1px solid #c1c1c1; border-radius: 5px;}
.login_container .login_wrapper .login_box input{width: 100%;}
.login_container .login_option_box{display: table; padding: 10px 0; width: 100%;}
.login_container .login_option_box .login_option{display: table-cell;}
.login_container .login_option_box .login_option .option{margin: 0 0 15px;}
.login_container .login_option_box .login_option .option:last-child{margin: 0;}
.login_container .login_option_box .login_option .option label{color: #888;}
.login_container .login_option_box .btn_box{display: table-cell; vertical-align: top; text-align: right;}
.login_container .login_option_box .btn_box a{color: #242424;}
.login_container .login_footer{}
.login_container .login_footer button{display: block; margin: 15px 0 0; width: 100%;}
@media screen and (max-width: 1024px){
    .login_container{padding: 50px 0 100px;}
    .login_container .logo_area{margin: 0 0 50px;}
    .login_container .logo_box .center_name{font-size: 15px;}
    .login_container .login_chk_box input[type="radio"] + label{margin-right: 30px;}
    .login_container .login_option_box .login_option .option label, .login_container .login_option_box .btn_box a, .login_container .login_wrapper .login_box input{font-size: 15px;}
}
@media screen and (max-width: 600px){
    .login_container{padding: 20px 0 70px;}
    .login_container .logo_area{margin: 0 0 45px;}
    .login_container .logo_box .center_name{font-size: 14px;}
    .login_container .login_wrapper .login_box{margin: 0 0 10px;}
    .login_container .login_option_box .login_option .option label, .login_container .login_option_box .btn_box a, .login_container .login_wrapper .login_box input{font-size: 14px;}
    .login_container .login_footer button{margin: 10px 0 0;}
}
/* join_form */
.join_form .join_1ul{margin-bottom: 10px;}
.join_form .join_1ul:last-child{margin-bottom: 0;}
.join_form .join_1ul > h4{padding: 25px 0; font-size: 24px; font-weight: 700;}
.join_form .join_1ul .tit_desc{padding: 20px 0 30px;}
.join_form .join_1li{display: table; float: left; padding: 25px 0; width: 100%; border-bottom: 1px solid #c4c4c4;}
.join_form .join_1li.wt50{width: 50%;}
.join_form .join_1li.complete{padding-left: 15px; padding-right: 15px; background: #F9F5EF;}
.join_form .join_1li.no_line{border: none !important;}
.join_form .join_1li.va_top .j_tit{vertical-align: top;}
.join_form .join_1li *{line-height: 38px;}
.join_form .join_1li input, .join_form .join_1li select{height: 38px;}
.join_form .join_1li .normal_btn4, .join_form .join_1li .normal_btn4 a{margin-top: 1px; line-height: 24px;}
.join_form .join_1li select{line-height: 22px;}
.join_form .j_tit{display: table-cell; width: 170px; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 700;}
.join_form .join_1li.required .j_tit{padding-left: 12px; position: relative;}
.join_form .join_1li.required .j_tit::before{display: block; position: absolute; top: 0; left: 0; content: "*"; color: #FF6157;}
.join_form .join_1li .input_box{display: table-cell; position: relative; max-width: calc(100% - 150px); vertical-align: top;}
.join_form .join_1li textarea{display: block; overflow-y: auto; width: 100%; height: 150px; line-height: 38px;}
.join_form .join_1li .input_box select{height: 24px;}
.join_form .join_1li .input_box > p{color: #242424;}
.join_form .join_1li.type_call .input_box *{float: left;}
.join_form .join_1li .input_box select{margin-top: 7px;}
.join_form .join_1li.type_call .input_box select{margin-right: 10px; width: 60px;}
.join_form .join_1li.type_call .input_box .fixed_txt{margin: 0 7px 0 4px;}
.join_form .agree_chk_wrap{padding: 55px 0 60px;}
.join_form .agree_chk_wrap .agree_chk_box{display: block; overflow-y: auto; padding: 20px; margin: 25px 0 20px; width: 100%; height: 200px; text-align: left; border: 1px solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; color: #c1c1c1;}
.join_form .agree_chk_wrap .agree_chk_box .V_box_style2{padding: 0; background: none;}
.join_form .agree_chk_wrap .agree_chk_box .tit_box{display: none;}
.join_form .agree_chk_wrap .agree_chk_box .article_area .article_1ul{padding: 0;}
.join_form .agree_chk_wrap .agree_chk_box .article_area h4{margin-top: 0;}
.join_form .agree_chk_wrap .agree_chk_box *{color: #c1c1c1 !important; font-weight: 400 !important; line-height: 1.6 !important;}
.join_form .agree_chk_wrap #mj_check{display: none;}
.join_form .agree_chk_wrap #mj_check + label{color: #888;}
.join_form .join_1li .input_box .input_box_layout{position: relative; padding-right: 80px; height: 37px;  line-height: 36px; border-bottom: 1px solid #eee;}
.join_form .mj_etc input{width: 100%;}
.join_form .join_1li .input_box .input_box_layout input{height: 100%; line-height: 35px;}
.join_form .join_1li .input_box .time_limit{position: absolute; right: 0; top: 0; width: 80px; height: 38px; text-align: right; color: #002F79;}
.join_form .join_1li .input_box .verify_chk{position: absolute; bottom: -100%; color: #C1C1C1; font-size: 12px;}
/*.join_form .join_1li .input_box + .input_box_btn{position: absolute; top: 50%; left: 470px; -webkit-transform: translateY(-50%); transform: translateY(-50%);}*/
.join_form .join_1li .view_password{display: table; position: absolute; right: 15px; top: 0;  height: 100%;}
.join_form .join_1li .view_password a{display: table-cell; height: 100%; vertical-align: middle;}
.join_form .join_1li .view_password img{max-width: 21px;}
.join_form .join_1li #signature{position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.join_form .join_1li.signature_area{position: relative;}
.join_form .join_1li.signature_area .j_tit{vertical-align: top;}
.join_form .join_1li.signature_area .info{position: absolute; width: 100%; background: none; color: #c1c1c1;}
.join_form .join_1li .signature_box{padding-right: 100px; height: 250px;}
.join_form .join_1li .signature_box #signature_canvas{display: block; width: 100%; height: 100%;}
.join_form .join_1li #signature_remove{position: absolute; right: 0; top: 0;}
/* btn area */
.join_form .btn_area{white-space: nowrap;}
.join_form .btn_area .btn{display: inline-block; padding: 15px 0; width: calc(50% - 8px); text-align: center; border-radius: 10px; line-height: 24px; border: 1px solid #eee; color: #333;}
.join_form #mj_submit{margin-left: 16px; background: #333; border-color: #333; color: #fff;}
@media screen and (max-width: 1024px){
    .join_form .join_1li{position: relative;}
    .join_form .join_1li.wt50{width: 100%;}
    .join_form .join_1li.verify_li .input_box{padding-bottom: 30px;}
    .join_form .join_1li *{line-height: 28px;}
    .join_form .join_1ul > h4{display: inline-block; padding: 10px 5px !important; margin: 50px 0 0; font-size: 16px; background: #eee;}
    .join_form .join_1li .j_tit{display: block; margin: 0 0 10px; width: 100%;}
    .join_form .join_1li .j_tit, .join_form .j_tit{font-size: 15px;}
    .join_form .join_1li .input_box{display: block; overflow: hidden; padding: 0 15px; width: 100% !important; max-width: inherit;}
    .join_form .join_1ul .tit_desc{padding: 15px 0 25px; font-size: 15px;}
    .join_form .join_1li .input_box > p{font-size: 15px;}
    .join_form .join_1li .input_box .input_box_layout{padding-right: 60px; margin-top: 4px; height: 24px; line-height: 24px;}
    .join_form .join_1li .input_box .input_box_layout input{display: block; height: 16px; line-height: 16px;}
    .join_form .join_1li .input_box + .normal_btn4{position: absolute; top: 27px !important; left: inherit !important; right: 0 !important; -webkit-transform: none !important; transform: none !important; margin-top: 0;}
    .join_form .join_1li .input_box .verify_chk{bottom: calc(-100% - 5px);}
    .join_form .join_1li input, .join_form .join_1li select{height: 28px; font-size: 15px;}
    .join_form .join_1li textarea{font-size: 15px;}
    .join_form .join_1li .input_box select{margin-top: 3px;}
    .join_form .join_1li .input_box label{font-size: 15px;}
    .join_form .agree_chk_wrap #mj_check + label{font-size: 15px;}
    .join_form .join_1li .normal_btn4{border: none; height: 24px;}
    .join_form .join_1li .normal_btn4 a{display: inline-block; padding: 0; line-height: 23px; vertical-align: top; border-bottom: 1px solid #333;}
    .join_form #find_zipcode{left: inherit; right: 0; top: -36px; -webkit-transform: none; transform: none;}
     .join_form .join_1li.type_mail .input_box input{float: left;  max-width: inherit;}
    .join_form .join_1li.type_mail .input_box #mj_email{width: calc((100% - 15px)*0.7) !important; max-width: 200px;}
    .join_form .join_1li.type_mail .input_box #mj_email2{width: calc((100% - 15px)*0.3) !important;}
    .join_form .join_1li.type_mail .input_box .fixed_txt{float: left;}
    .join_form .join_1li.signature_area .input_box{overflow: visible;}
    .join_form .join_1li .signature_box{padding-right: 0;}
    .join_form .join_1li #signature_remove{top: -36px;}
    .join_form .join_1li .input_box .time_limit{width: 60px; height: 100%; line-height: 22px;}
    .join_form #mj_submit{font-size: 15px;}
    .join_form .fixed_txt{font-size: 15px;}
}
@media screen and (max-width: 600px){
    .join_form .join_1li{display: -webkit-box;display: -ms-flexbox;display: flex; padding: 15px 0; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    .join_form .join_1li *{line-height: 24px;}
    .join_form .join_1ul > h4{padding: 5px; margin: 30px 0 0; font-size: 12px;}
    .join_form .join_1li .j_tit, .join_form .j_tit{font-size: 14px;}
    .join_form .join_1li input, .join_form .join_1li select{height: 24px; *max-width: 200px; font-size: 14px;}
    .join_form .join_1li textarea{font-size: 14px;}
    .join_form .join_1li .input_box select{margin-top: 0;}
    .join_form .join_1li .input_box label{display: block; margin: 0 0 10px; width: 100%; font-size: 14px;}
    .join_form .join_1li .input_box label:last-child{margin: 0;}
    .join_form .join_1ul .tit_desc{padding: 15px 0 20px; font-size: 14px;}
    .join_form .join_1li .input_box > p{font-size: 14px;}
    .join_form .join_1li .input_box #mj_etc + label{margin: 0;}
    .join_form .join_1li.type_mail .input_box #mj_email{max-width: 215px;}
    .join_form .join_1li.type_mail .input_box select{margin: 10px 0 0;}
    .join_form .join_1li .input_box .verify_chk{font-size: 11px;}
    .join_form .agree_chk_wrap{padding: 30px 0;}
    .join_form .agree_chk_wrap #mj_check + label{font-size: 14px;}
    .join_form #find_zipcode{top: -35px;}
    .join_form .mj_etc{margin-top: 10px !important;}
    .join_form .join_1li .input_box + .normal_btn4{top: 14px !important;}
    .join_form .join_1li .input_box .input_box_layout{padding-right: 40px; width: 100% !important; max-width: inherit; line-height: 24px;}
    .join_form .join_1li .input_box .time_limit{right: 5px; width: 40px; height: 24px; font-size: 14px;}
    .join_form .join_1li #signature_remove{top: -35px;}
    .join_form #mj_submit{font-size: 14px;}
    .join_form .fixed_txt{font-size: 14px;}
}
/* join */
.sub_join_wrap{padding: 0 0 120px;}
.sub_join_wrap .breadcrumb_wrap .current_page{margin: 0 0 20px;}
.sub_join_wrap .breadcrumb_wrap .tb_li.on a{font-weight: 700;}
.sub_join_wrap .join_form .agree_chk_wrap{padding: 0;}
.sub_join_wrap .join_form .agree_chk_wrap .agree_chk_box{margin: 0;}
.sub_join_wrap .join_form .agree_area{}
.sub_join_wrap .join_form .agree_box{padding: 0;}
.sub_join_wrap .join_form .agree_box.active + .agree_box{border-top: none;}
.sub_join_wrap .join_form .agree_box .agree_header{padding: 20px 0;}
.sub_join_wrap .join_form .agree_box .agree_header label{display: block; padding-right: 30px;}
.sub_join_wrap .join_form .join_1ul{margin: 0 0 40px;}
.sub_join_wrap .join_form .agree_con_box{}
.sub_join_wrap .join_form .agree_con_box .agree_header{position: relative; overflow: hidden;}
.sub_join_wrap .join_form .agree_con_box .agree_header::after{position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 20px; content: "";}
.sub_join_wrap .join_form .agree_con_box .agree_header label{float: left;}
.sub_join_wrap .join_form .agree_con_box.active{}
.sub_join_wrap .join_form .agree_con_box .agree_header .toggle_btn{display: block; float: left; width: 30px; height: 38px; background: url(../../img/common/toggle_btn.png) no-repeat; background-position: center; background-size: auto; cursor: pointer; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.sub_join_wrap .join_form .agree_con_box.active .agree_header .toggle_btn{-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}
.sub_join_wrap .join_form .agree_con_box .agree_content{display: none;}
.sub_join_wrap .join_form .agree_con_box.active .agree_content{display: block;}
.sub_join_wrap .join_form .join_1li{position: relative; border-bottom: none; border-top: 1px solid #c4c4c4;}
.sub_join_wrap .join_form .join_1li.type_call{border-bottom: none;}
/*.sub_join_wrap .join_form #send_verify_btn{position: absolute;  top: 50%; left: 350px; -webkit-transform: translateY(-50%); transform: translateY(-50%);}*/
.sub_join_wrap .join_form #send_verify_btn.change{pointer-events: none;}
.sub_join_wrap .join_form .btn_wrapper{padding: 20px 0; float: left;}
.sub_join_wrap .join_form .btn_wrapper > *{width: calc(50% - 5px);}
.sub_join_wrap .join_form .btn_wrapper .btn_white{margin-right: 10px;}
@media screen and (max-width: 1024px){
    .sub_join_wrap{padding: 0 0 80px;}
    .sub_join_wrap .breadcrumb_wrap{margin: 0; padding-bottom: 20px; border-bottom: 1px solid #eee;}
    .sub_join_wrap .join_form .join_1ul{margin: 0 0 30px;}
    .sub_join_wrap .join_form .agree_con_box .agree_header .toggle_btn{height: 28px; background-image: url(../../img/common/toggle_btn_m.png); background-size: 16px auto;}
    .join_form .agree_chk_wrap .agree_chk_box{border-left: none; border-right: none;}
}
@media screen and (max-width: 600px){
    .sub_join_wrap{padding: 0 0 50px;}
    .sub_join_wrap .join_form .join_1ul{margin: 0;}
    .sub_join_wrap .breadcrumb_wrap .current_page{margin: 0 0 5px;}
    .sub_join_wrap .breadcrumb_wrap .tb_li{display: none;}
    .sub_join_wrap .breadcrumb_wrap .tb_li.on{display: block;}
    .sub_join_wrap .breadcrumb_wrap .tb_li.on a{font-weight: 400;}
    .sub_join_wrap .breadcrumb_wrap .tb_li a::after{display: none;}
    .sub_join_wrap .join_form .agree_box .agree_header{padding: 15px 0; width: 100%;}
    .sub_join_wrap .join_form .agree_box .agree_header label{padding-right: 10px; font-size: 14px;}
    .sub_join_wrap .join_form .agree_con_box .agree_header .toggle_btn{height: 24px;}
    .sub_join_wrap .join_form .agree_con_box .agree_header .toggle_btn{height: 24px;}
    .sub_join_wrap .join_form .agree_con_box.active .agree_content{width: 100%;}
}
/* 자녀발급ID 찾기 */
#popup_find_child_id .popup_content{padding-top: 10px;}
#popup_find_child_id .join_1li{position: relative; padding: 15px 0; border-bottom: none; border-top: 1px solid #c4c4c4;}
#popup_find_child_id .join_1li .j_tit{width: 120px;}
#popup_find_child_id .join_1li.find_li .j_tit{padding-top: 7px; vertical-align: top;}
#popup_find_child_id .input_box_btn2{position: absolute; right: 0; top: 16px;}
#popup_find_child_id .find_center_result{display: none; margin-top: 5px; overflow: auto;}
#popup_find_child_id .find_center_result.on{display: block;}
#popup_find_child_id .find_center_result li{overflow: hidden;}
#popup_find_child_id .find_center_result li.no_data{margin: 0;}
#popup_find_child_id .find_center_result li.no_data p{color: #555;}
#popup_find_child_id #find_submit{width: 100%;}
#popup_find_child_id #find_submit a{padding: 10px 0; width: 100%; text-align: center;}
#popup_find_child_id .popup_footer{position: relative; padding: 30px;}
#popup_find_child_id .popup_footer .popup_text{display: table; padding-right: 80px; text-align: left; width: 100%;}
#popup_find_child_id .popup_footer .popup_text > *{display: table-cell;}
#popup_find_child_id .popup_footer .popup_text .tit{width: 120px; font-weight: 700;}
#popup_find_child_id .popup_footer .popup_btn{position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
#popup_find_child_id .popup_footer .popup_btn a{padding: 10px 15px; background: none; border: 1px solid #333; color: #333; border-radius: 10px;}
@media screen and (max-width: 1024px){
    #popup_find_child_id input[type=text]{width: 100%; max-width: 100%;}
    #popup_find_child_id .find_center_result{margin-top: 10px; max-height: inherit;}
    #popup_find_child_id .find_center_result li{margin: 0 0 10px;}
}
@media screen and (max-width: 600px){
    #popup_find_child_id .join_form .mj_etc{margin-top: 0 !important;}
    #popup_find_child_id .popup_footer .popup_text{padding-right: 70px;}
    #popup_find_child_id .popup_footer .popup_btn{right: 15px;}
}
/* 팝업 */
.popup{display: none; overflow-x: hidden; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 2002; overflow-y: auto; width: 520px; max-height: 750px; border-radius: 5px; background: #fff;}
.popup.on{display: block;}
.popup .popup_header{padding: 25px 30px; overflow: hidden; border-bottom: 1px solid #F0F1F1;}
.popup .popup_header strong{float: left; font-size: 18px; line-height: 24px;}
.popup .popup_header .close_btn{float: right;}
.popup .popup_content{padding: 30px;}
.popup .popup_content p{line-height: 1.4;}
.popup .popup_content p b{display: block; color: #E84E0F;}
.popup .popup_footer{padding: 15px 30px; text-align: right; background: #F0F0F0;}
.popup .popup_btn{display: inline-block; }
.popup .popup_btn a{padding: 15px 25px; border-radius: 3px;}
.popup .popup_btn:only-child a, .popup .popup_btn:last-child a{background: #333; color: #fff; font-weight: 700;}
@media screen and (max-width: 1024px){
    .popup{max-height: 80vh;}
    .popup .popup_header strong{font-size: 16px;}
    .popup .popup_content p{font-size: 15px;}
    .popup .popup_btn{font-size: 15px;}
    #popup_find_child_id .popup_footer .popup_text > *{font-size: 15px;}
    .popup .popup_btn a{font-size: 14px;}
}
@media screen and (max-width: 600px){
    .popup{width: 90%; max-width: 500px;}
    .popup .popup_header{padding: 15px;}
    .popup .popup_header strong{font-size: 14px;}
    .popup .popup_content{padding: 30px 15px;}
    .popup .popup_content p{font-size: 14px;}
    .popup .popup_footer{display: table; padding: 0; width: calc(100% + 1px); table-layout: fixed;}
    #popup_find_child_id .popup_footer{padding: 25px 15px;}
    .popup .popup_footer > *{display: table-cell;}
    #popup_find_child_id .popup_footer .popup_text > *{font-size: 14px;}
    .popup .popup_btn{font-size: 14px;}
    .popup .popup_btn a{display: block; text-align: center; border-radius: 0; font-size: 13px;}
}
/* 비밀번호 찾기 */
.sub_findpw_wrap{padding: 0 0 120px;}
.sub_findpw_wrap .send_temppassword{display: none;}
@media screen and (max-width: 1024px){
  .sub_findpw_wrap{padding: 0 0 80px;}
}
@media screen and (max-width: 600px){
  .sub_findpw_wrap{padding: 0 0 50px;}
}
/* 내 정보 */
.sub_mypage_wrap .join_form{margin: 0 0 50px;}
.sub_mypage_wrap .join_form .join_1ul{margin: 0;}
.sub_mypage_wrap #add_child{right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.sub_mypage_wrap #add_child a{line-height: 24px;}
.sub_mypage_wrap .child_info .join_1ul{border-bottom: 2px solid #333;}
.sub_mypage_wrap .child_info .join_1ul:first-child .join_1li.child_porfile{border-top: 2px solid #333;}
.sub_mypage_wrap .child_info .join_1li{padding: 15px;}
.sub_mypage_wrap .child_info .child_porfile .j_tit{}
.sub_mypage_wrap .child_info .child_porfile .figure_box{float: left; position: relative; width: 50px; height: 50px; }
.sub_mypage_wrap .child_info .child_porfile .figure_box .pic_btn{display: block; width: 100%; height: 100%; border-radius: 8px; background-size: cover; background-position: center; background-image: url(../../img/common/add_btn.png); -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);}
.sub_mypage_wrap .child_info .child_porfile .figure_box .btn_wrap{display: none; position: absolute; left: -120px; top: 0; z-index: 1; background: #fff; width: 130px; border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12), 2px 6px 12px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12), 2px 6px 12px rgba(0, 0, 0, 0.12);}
.sub_mypage_wrap .child_info .child_porfile .figure_box .btn_wrap.on{display: block;}
.sub_mypage_wrap .child_info .child_porfile .figure_box .btn_wrap ul{padding: 0 10px;}
.sub_mypage_wrap .child_info .child_porfile .figure_box .btn_wrap li{border-bottom: 1px solid #DFDFDF;}
.sub_mypage_wrap .child_info .child_porfile .figure_box .btn_wrap li:last-child{border: none;}
.sub_mypage_wrap .child_info .child_porfile .figure_box .btn_wrap label{display: block; width: 100%; color: #242424;}
.sub_mypage_wrap .child_info .child_porfile .figure_box .btn_wrap li:hover label{font-weight: 700;}
.sub_mypage_wrap .child_info .child_porfile .input_box > p{float: left; padding-left: 10px; line-height: 48px;}
.sub_mypage_wrap .change_id .join_1ul{}
.sub_mypage_wrap .change_id .join_1li{border-bottom: none; border-top: 1px solid #c4c4c4;}
.sub_mypage_wrap .change_id .join_1li:last-child{margin-bottom: 20px;}
.sub_mypage_wrap .member_quit h4{border-bottom: 1px solid #c4c4c4;}
.sub_mypage_wrap .member_quit .join_1li{border: none;}
.sub_mypage_wrap .member_quit .join_1li p{line-height: 1.4; font-weight: 700;}
.sub_mypage_wrap .member_quit .btn_quit{background: #aaa; color: #fff; border: 1px solid #aaa;}
@media screen and (max-width: 1024px){
    .sub_mypage_wrap .join_form{margin: 0 0 40px;}
    .sub_mypage_wrap .child_info .join_1ul > h4{margin: 0 0 20px;}
    .sub_mypage_wrap #add_child{display: none;}
    .sub_mypage_wrap .member_quit h4{border-bottom: none;}
    .sub_mypage_wrap .member_quit .join_1li p{font-size: 15px;}
    .sub_mypage_wrap .child_info .child_porfile .input_box{position: static; overflow: visible;}
    .sub_mypage_wrap .child_info .child_porfile .figure_box{position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
    .sub_mypage_wrap .child_info .child_porfile .input_box > p{padding-left: 0; line-height: 28px;}
    .sub_mypage_wrap .child_info .child_porfile .figure_box .btn_wrap.on{}
    .sub_mypage_wrap .child_info .child_porfile .figure_box .btn_wrap label{line-height: 35px;}
    .sub_mypage_wrap .change_id .join_1li:last-child{margin-bottom: 10px;}
    .sub_mypage_wrap .member_quit .join_1li p{word-break: keep-all;}
    .sub_mypage_wrap .member_quit .join_1li p br{display: none;}
}
@media screen and (max-width: 600px){
    .sub_mypage_wrap .member_quit .join_1li p{font-size: 14px;}
    .sub_mypage_wrap .child_info .child_porfile .figure_box{width: 40px; height: 40px;}
    .sub_mypage_wrap .child_info .child_porfile .input_box > p{line-height: 24px;}
    .sub_mypage_wrap .child_info .child_porfile .figure_box .btn_wrap label{line-height: 30px;}
    .sub_mypage_wrap .change_id .join_1li:last-child{margin-bottom: 5px;}
}
/* contact wrap */
.V_contact_wrap{padding: 80px 0 0; background: #F9F5EF;}
.V_contact_wrap .con_area{padding: 80px 0; text-align: center; background: #fff;}
.V_contact_wrap .con_box{display: inline-block;}
.V_contact_wrap .con_box strong{display: block; padding: 20px 0 0; letter-spacing: 3px; font-size: 45px;}
/* ---------------------- //custom-style --------------------------- */
/* ------------------------------ header-style -------------------------------- */
.hd_container{position: relative; z-index: 1000; width: 100%; border-bottom: 1px solid #ddd; background: #fff;}
.hd_wrapper{position: relative; z-index: 11; background: #fff;}
/* tnb */
.hd_container .hd_tnb{background: #F9F5EF;}
.hd_container .hd_tnb .tnb_ul{overflow: hidden;}
.hd_container .hd_tnb .tnb_li{float: right; padding: 8px 12px; color: #B8A37F;}
.hd_container .hd_tnb .tnb_li a{font-size: 14px; font-weight: inherit;}
.hd_container .hd_tnb .tnb_li.child_info{position: relative; width: 80px;}
.hd_container .hd_tnb .tnb_li select{position: absolute; left: 12px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: calc(100px - 24px); height: 25px; line-height: 15px; color: inherit; font-size: 14px;}
.hd_container .hd_area{position: relative;}
/* logo */
.hd_container .hd_logo{z-index: 1; width: 212px;}
.hd_container .hd_logo .center_name{margin: 10px 0 0; background: #F9F5EF; text-align: center; line-height: 20px; color:#9C8255; font-weight: 700; font-size: 14px;}
/* gnb */
.hd_container .hd_gnb{height: auto;}
.hd_container .hd_gnb .inner{height: 100%;}
.hd_container .hd_gnb .gnb_1ul{position: relative; overflow: visible;}
.hd_container .hd_gnb .gnb_1li{float: left; position: relative; width: calc(25% - 60px); text-align: center;}
.hd_container .hd_gnb .gnb_1li:nth-child(2){margin-right: 120px;}
.hd_container .hd_gnb .gnb_1li:nth-child(3){margin-left: 120px;}
.hd_container .hd_gnb .gnb_1a{display: block; position: relative; padding: 30px 0; line-height: 50px; letter-spacing: 2px; font-size: 17px; font-weight: 700;}
/*header-type: 1*/
.hd_container .hd_bg_area{position: absolute; top: 142px; left: 0; z-index: 10; overflow: hidden; width: 100%; height: 0; background: #F9F5EF;
-webkit-box-shadow: 0px 16px 76px rgba(0, 0, 0, 0.16);
box-shadow: 0px 16px 76px rgba(0, 0, 0, 0.16);}
.hd_container .hd_bg_area.on{height: 70px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
.hd_container .hd_gnb .gnb_1li .gnb_1a::after{display: block; position: absolute; bottom: -1px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0%; height: 4px; background: #443738; content: ""; -webkit-transition: width 0.3s; transition: width 0.3s;}
.hd_container .hd_gnb .gnb_1li.on .gnb_1a::after{width: 100%;}
.hd_container .hd_gnb .gnb_1li.on .gnb_1a{color: #443738;}
.hd_container .hd_gnb .gnb_2ul{position: absolute; left: 50%; top: 110px; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 11; overflow: hidden; width: auto; height: 0; text-align: left; white-space: nowrap;}
.hd_container .hd_gnb .gnb_1li:first-child .gnb_2ul{left: 0; -webkit-transform: none; transform: none;}
.hd_container .hd_gnb .gnb_1li:last-child .gnb_2ul{left: inherit; right: 0; -webkit-transform: none; transform: none;}
.hd_container .hd_gnb .gnb_1li.on .gnb_2ul{height: 70px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
.hd_container .hd_gnb .gnb_2li{display: inline-block; position: relative; padding: 0 30px; line-height: 70px; text-align: center; letter-spacing: 1.5px; font-size: 16px; color: #443738;}
.hd_container .hd_gnb .gnb_2li::before{display: inline-block; visibility: hidden; content: attr(data-text); font-weight: 700;}
.hd_container .hd_gnb .gnb_2li::after{display: block; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 2px; height: 24px; background: #eee; content: "";}
.hd_container .hd_gnb .gnb_2li:first-child{padding-left: 10px;}
.hd_container .hd_gnb .gnb_2li:last-child{padding-right: 10px;}
.hd_container .hd_gnb .gnb_2li:last-child::after{display: none;}
.hd_container .hd_gnb .gnb_2a{display: block; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; padding: 0 30px; opacity: 0.5; line-height: inherit; text-align: center; letter-spacing: inherit; font-size: inherit; color: inherit;}
.hd_container .hd_gnb .gnb_2li:first-child .gnb_2a{padding-left: 10px;}
.hd_container .hd_gnb .gnb_2li:last-child .gnb_2a{padding-right: 10px;}
.hd_container .hd_gnb .gnb_1li .gnb_2li:hover .gnb_2a{opacity: 1; font-weight: 700;}
/* header-type2 */
/*
.hd_container .hd_gnb .gnb_1ul{overflow: hidden;}
.hd_container .hd_gnb .gnb_1ul .gnb_2ul{display: none;}
.hd_container .hd_gnb .gnb_1li.on .gnb_1a{color: #443738;}
.hd_container .hd_gnb .gnb_1li .gnb_1a::after{display: block; position: absolute; left: 0; bottom: 0; width: 0; height: 4px; background: #fff; content: "";}
.hd_container .hd_gnb .gnb_1li.on .gnb_1a::after{width: 100%; background: #443738;}
.hd_container .hd_gnb .sub_menu_wrap{position: absolute; left: 0; top: 80px; overflow: hidden; width: 100%; max-height: 0; background: rgba(255,255,255,0.8); }
.hd_container .hd_gnb .sub_menu_wrap.on{max-height: 500px; transition-duration: 1s;}
.hd_container .hd_gnb .sub_menu_wrap .gnb_sub{display: flex; overflow: hidden;}
.hd_container .hd_gnb .sub_menu_wrap .gnb_2ul{float: left; padding-bottom: 60px; width: calc(25% - 60px); text-align: center;}
.hd_container .hd_gnb .sub_menu_wrap .gnb_2ul.on{background: #443738;}
.hd_container .hd_gnb .sub_menu_wrap .gnb_2ul:nth-child(2){margin-right: 120px;}
.hd_container .hd_gnb .sub_menu_wrap .gnb_2ul:nth-child(3){margin-left: 120px;}
.hd_container .hd_gnb .sub_menu_wrap .gnb_2a{line-height: 52px; color: #333;}
.hd_container .hd_gnb .sub_menu_wrap .gnb_2ul.on .gnb_2a{color: #fff; font-weight: 300;}
.hd_container .hd_gnb .sub_menu_wrap .gnb_2ul.on .gnb_2a:hover{font-weight: 700;}
*/
@media screen and (max-width: 1024px){
    .hd_container{display: none;}
}
/* ------------------------------ //header-style -------------------------------- */
/* ------------------------------ fix-sub-style -------------------------------- */
.fixed_menu{display: block; position: fixed; bottom: 55px; right: 0; z-index: 1001; width: 120px; border: 1px solid #eee; border-right: none; border-radius: 8px 0 0 8px; background: #fff;}
.fixed_menu ul{padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.fixed_menu li a{display: block; padding: 10px 20px 10px 0; line-height: 1.3; color: #9C8255; border-bottom: 1px solid #eee;}
.fixed_menu li:last-child a{border-bottom: none;}
.fixed_menu li a::after{right: 5px; border-color: #9C8255;}
/* ------------------------------ //fix-sub-style -------------------------------- */
/* ------------------------------ footer-style -------------------------------- */
.footer_container{padding: 40px 0 50px; width: 100%; border-top: 1px solid #eee;}
.footer_container .foot_wrap{font-size: 0;}
/* foot left*/
.footer_container .foot_wrap .foot_left{display: inline-block; width: 30%; vertical-align: top;}
/* foot_center */
.footer_container .foot_wrap .foot_center{display: inline-block; position: relative; width: 70%;}
.footer_container .foot_wrap .foot_center .desc ul{overflow: hidden;}
.footer_container .foot_wrap .foot_center .desc ul li{float:left; padding-right:25px; color:#666; font-size:14px; font-weight:400; line-height: 30px; word-break:keep-all;}
.footer_container .foot_wrap .foot_center .desc ul li:first-child{padding-left: 0;}
.footer_container .foot_wrap .foot_center .desc ul li:last-child{padding-right: 0;}
.footer_container .foot_wrap .foot_center .desc ul li span{padding-right: 4px; color:#666; font-weight:400; opacity: .8;}
.footer_container .foot_wrap .foot_center .desc ul li span.t_black{padding-right: 0; color:#333; opacity: 1; display:none;}
.footer_container .foot_wrap .foot_center .desc ul li a{color:#666; font-weight:400;}
.footer_container .foot_wrap .foot_center .desc_line{padding-bottom: 15px;}
.footer_container .foot_wrap .foot_center .desc_line ul li{position: relative; padding: 0 25px;}
.footer_container .foot_wrap .foot_center .desc_line ul li::before{ position: absolute; right:0; top:50%; width: 1px; height: 16px; background:#666; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity:.2; content: "";}
.footer_container .foot_wrap .foot_center .desc_line ul li:last-child::before{display: none;}
.footer_container .foot_wrap .foot_center .desc_line .normal_btn2{position: absolute; right: 0; top: 0;}
.footer_container .foot_wrap .foot_center .desc_noline{width: 100%;}
.footer_container .foot_wrap .foot_center .desc_noline li{min-width:30%;}
.footer_container .foot_wrap .foot_center .desc_noline li:nth-child(3){display: inline-block; float: none; clear: both;}
.footer_container .foot_wrap .foot_center .desc_noline li:last-child{margin-bottom: 0;}
@media all and (max-width:1300px){
}
@media screen and (max-width: 1024px){
    /* 임시 */
    .fixed_menu{display: none;}
    .footer_container{padding: 30px 0 40px; border-top: none;}
    .footer_container .foot_wrap .foot_left, .footer_container .foot_wrap .foot_center{width: 100%;}
    .footer_container .foot_wrap .foot_left .figure a{display: block; margin: 0 auto; width: 105px;}
    .footer_container .foot_wrap .foot_left .figure img{}
    .footer_container .foot_wrap .foot_center{text-align: center;}
    .footer_container .foot_wrap .foot_center .desc ul{}
    .footer_container .foot_wrap .foot_center .desc_line{display: inline-block; padding: 0; text-align: center;}
    .footer_container .foot_wrap .fo ot_center .desc_line ul{display: inline-block;}
    .footer_container .foot_wrap .foot_center .desc_line ul li{padding: 20px 10px; margin: 0; line-height: 1; font-size: 13px;}
    .footer_container .foot_wrap .foot_center .desc_line ul li:first-child{padding-left: 0;}
    .footer_container .foot_wrap .foot_center .desc_noline{width: 100%; text-align: center;}
    .footer_container .foot_wrap .foot_center .desc_noline ul{display: inline-block; max-width: 600px;}
    .footer_container .foot_wrap .foot_center .desc_noline ul li{display: inline-block; float: none; padding: 0 4px !important;
    margin: 0 0 5px; line-height: 1.3; font-size: 13px;}
    .footer_container .foot_wrap .foot_center .desc_noline ul li.t_black{display: block;}
    .footer_container .foot_wrap .foot_center .desc_line .normal_btn2{display: none;}
}
@media all and (max-width:600px){
    .footer_container .foot_wrap .foot_center .desc_line ul li{font-size: 13px;}
    .footer_container .foot_wrap .foot_center .desc_noline ul li{font-size: 13px;}
}
@media all and (max-width: 400px){
}
/* ------------------------------ //footer-style -------------------------------- */
/* top button */
.go_top_button{position: fixed; z-index: 1001; bottom: 10%; right: 20px; width: 40px; height: 40px; border-radius: 50%; -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); background: url(../../img/common/top_btn.png) no-repeat; background-position: center; background-size: auto 15px; background-color: #fff; border: 1px solid #eee; cursor: pointer;}
/* ---------------------------- mobile menu style ------------------------------- */
.mobile_header{position: relative; z-index: 1; width: 100%; height: 56px; background: #fff; -webkit-box-shadow: 0px 1px 8px 2px rgba(0, 0, 0, 0.06); box-shadow: 0px 1px 8px 2px rgba(0, 0, 0, 0.06); text-align: center;}
.mobile_header .logo_box{display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 130px;}
.mobile_header .logo_box .center_name{display: block; margin: 3px 0 0; background: #F9F5EF; text-align: center; line-height: 14px; color: #9C8255; font-weight: 700; font-size: 11px;}
.mobile_header .toggle_btn{position: absolute; right: 25px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
width: 20px; height: 15px; cursor: pointer;}
.mobile_header .toggle_btn span{display: block; position: absolute; width: 100%; height: 2px; background: #9C8255;}
.mobile_header .toggle_btn span:nth-child(1){top: 0;}
.mobile_header .toggle_btn span:nth-child(2){top: 50%; margin-top: -1px;}
.mobile_header .toggle_btn span:nth-child(3){bottom: 0;}
#mobile_aside{position: fixed; top: 0; right: -100%; bottom: 0; z-index: 3000; overflow: auto; background: #fff; width: 80%; max-width: 500px; -webkit-transition-duration: 0.6s; transition-duration: 0.6s;}
#mobile_aside.on{right: 0;}
#mobile_aside .close_btn{position: absolute; right: 32px; top: 15px; width: 30px; height: 30px;}
#mobile_aside .close_btn a{width: 17px; height: 17px;}
#mobile_aside .close_btn a::before,
#mobile_aside .close_btn a::after{margin-left: -1px; width: 2px; background: #9C8255;}
#mobile_aside .aside_1ul{}
#mobile_aside .aside_1li{padding: 0 20px;}
#mobile_aside .aside_1li h4{display : -webkit-box;display : -ms-flexbox;display : flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; border-bottom: 1px solid #eaeaea;}
#mobile_aside .aside_1li h4 a{display: block; position: relative; z-index: 2; padding: 20px 0; width: 100%; font-weight: 700; color: #313131;}
#mobile_aside .aside_1li .toggle_btn{position: absolute; right: 20px; top: 50%; z-index: 1; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 15px; height: 15px;}
#mobile_aside .aside_1li .toggle_btn::before,
#mobile_aside .aside_1li .toggle_btn::after{position: absolute;
background: #313131; content: "";}
#mobile_aside .aside_1li .toggle_btn::before{top: 50%; margin-top: -1px; width: 100%; height: 2px;}
#mobile_aside .aside_1li .toggle_btn::after{top: 0; left: 50%; margin-left: -1px; height: 100%; width: 2px;}
#mobile_aside .aside_1li.on .toggle_btn::after{display: none;}
#mobile_aside .aside_2ul{display: none; overflow: hidden; padding: 12px 0;}
#mobile_aside .aside_1li.on .aside_2ul{border-bottom: 1px solid #eaeaea;}
#mobile_aside .aside_2li{font-size: 16px; color: #313131; cursor: pointer;}
#mobile_aside .aside_2li a{display: block; padding: 10px 20px;}
#mobile_aside .aside_1li.on .aside_2li{}
#mobile_aside .aside_2li a{}
#mobile_aside .aside_footer{margin-top: 30px; padding: 0 20px;}
#mobile_aside .aside_footer li{padding: 8px 0; color: #9C8255; font-weight: 700; font-size: 15px;}
#mobile_aside .mobile_tnb{padding: 10px 20px 10px 18px; background: #F9F5EF;}
#mobile_aside .mobile_tnb .tnb_ul{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#mobile_aside .mobile_tnb .tnb_li{padding: 8px 15px; margin: 2px 5px 2px 2px; border: 1px solid #9C8255; border-radius: 8px; -ms-flex-negative: 0; flex-shrink: 0; color: #9C8255; font-size: 14px; font-weight: 700;}
#mobile_aside .mobile_tnb .tnb_li.member_contact{padding: 9px 5px 8px; border: none;}
#mobile_aside .mobile_tnb .tnb_li.child_info{display: none;}
#mobile_aside .logout_btn{margin: 50px 0 0; width: 100%;}
#mobile_aside .logout_btn a{padding: 15px; background: #f1f1f1; border-radius: 10px; text-align: center; color: #777;}
/* -------------------- swiper arrow ------------------------------ */
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: url(../../img/common/swiper_btn_next.png) no-repeat; background-position: calc(100% - 10px) center;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: url(../../img/common/swiper_btn_prev.png) no-repeat; background-position: 10px center;}
.swiper-button-next, .swiper-button-prev{margin-top: 0; width: 50px; opacity: 0.7; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-repeat: no-repeat; background-size: 27px auto; outline: 0; -webkit-tap-highlight-color: transparent;  /* for removing the highlight */}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 0.3;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 15px;}
.swiper-pagination-bullet{width: 16px; height: 2px; background: #ddd; opacity: 1; border-radius: 0;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 0.5px;}
.swiper-pagination-bullet-active{opacity: 1; background: #604545;}
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{top: inherit; bottom: 0;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #9C8255;}
.swiper-pagination-progressbar {background: rgba(0,0,0,.05); position: absolute;}
.swiper-pagination-fraction{display: inline-block; bottom: 25px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 6px 15px; width: auto; background: rgba(0,0,0,0.4); border-radius: 15px;
color: #fff; font-size: 14px;}
@media screen and (max-width: 1024px){
    .swiper-button-next, .swiper-button-prev{background-size: 20px auto;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 0;}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 0;}
}
@media screen and (max-width: 600px){
    .swiper-button-next, .swiper-button-prev{width: 40px; background-size: 15px auto;}
    .swiper-pagination-fraction{font-size: 12px;}
}
/* ie */
 _:-ms-input-placeholder, :root .mobile_header .logo_box a{display: block;}
/* ------------------------- sub 공통 -------------------------- */
/* 컨텐츠 영역 */
.contents_wrapper{padding: 50px 0 0; min-height: calc(100vh - 143px - 196px);}
@media screen and (max-width: 1024px){
    .contents_wrapper{min-height: calc(100vh - 56px - 219px);}
    .contents_wrapper.board_view_wrapper{padding: 0 0 50px;}
}
@media screen and (max-width: 600px){
    .contents_wrapper.board_view_wrapper{padding: 0;}
}
/* breadcrumb */
.breadcrumb_wrap{margin: 0 0 30px;}
.breadcrumb_wrap .tb_wrap{margin: 0 0 20px;}
.breadcrumb_wrap .tb_ul{overflow: hidden;}
.breadcrumb_wrap .tb_li{float: left; margin-right: 7px; cursor: pointer;}
.breadcrumb_wrap .tb_li a{padding-right: 10px; letter-spacing: 2px; font-size: 14px; color: #333;}
.breadcrumb_wrap .tb_li a::after{margin-left: 1px; width: 5px; height: 5px; border-color: #002F79;}
.breadcrumb_wrap .tb_li:last-child{margin-right: 0;}
.breadcrumb_wrap .tb_li:last-child a{padding-right: 0;}
.breadcrumb_wrap .tb_li:last-child a::after{display: none;}
.breadcrumb_wrap .current_page{margin: 0 0 30px;}
.breadcrumb_wrap .current_page h3{font-weight: 700; color: #111; font-size: 46px;}
.breadcrumb_wrap .bb_wrap{}
.breadcrumb_wrap .bb_wrap .bb_ul{overflow-y: hidden; overflow-x: auto; width: 100%; white-space: nowrap;
-webkit-overflow-scrolling: touch; overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none;
    -ms-overflow-style: none;  /* IE and Edge */ scrollbar-width: none;  /* Firefox */}
.breadcrumb_wrap .bb_wrap .bb_ul::-webkit-scrollbar{display: none !important;} /* Hide scrollbar for Chrome, Safari and Opera */
.breadcrumb_wrap .bb_wrap .bb_li{display: inline-block; margin-right: 15px; border: 1px solid #eee; border-radius: 55px; cursor: pointer;}
.breadcrumb_wrap .bb_wrap .bb_li:last-child{margin-right: 0;}
.breadcrumb_wrap .bb_wrap .bb_li.on{border-color: #000; background: #333;}
.breadcrumb_wrap .bb_wrap .bb_li a{display: block; padding: 15px; text-align: center; color: #999;}
.breadcrumb_wrap .bb_wrap .bb_li.on a{padding: 15px 25px; font-weight: 700; color: #fff;}
@media screen and (max-width: 1024px){
    .breadcrumb_wrap .tb_li a{font-size: 13px;}
    .breadcrumb_wrap .tb_wrap{margin: 0 0 15px;}
    .breadcrumb_wrap .current_page{margin: 0 0 25px;}
    .breadcrumb_wrap .current_page h3{font-size: 34px;}
    .breadcrumb_wrap .bb_wrap .bb_li{margin-right: 10px;}
    .breadcrumb_wrap .bb_wrap .bb_li.on a{padding: 13px 20px;}
    .breadcrumb_wrap .bb_wrap .bb_li a{padding: 13px 15px; font-size: 16px;}
}
@media screen and (max-width: 600px){
    .breadcrumb_wrap .tb_li a{font-size: 11px;}
    .breadcrumb_wrap .tb_li a::after{margin-left: 1px;}
    .breadcrumb_wrap .tb_wrap{margin: 0 0 10px;}
    .breadcrumb_wrap .current_page{margin: 0 0 20px;}
    .breadcrumb_wrap .current_page h3{font-size: 22px;}
    .breadcrumb_wrap .bb_wrap .bb_li{margin-right: 5px;}
    .breadcrumb_wrap .bb_wrap .bb_li.on a{padding: 11px 20px;}
    .breadcrumb_wrap .bb_wrap .bb_li a{padding: 11px; font-size: 15px;}
}
/* 공통 이미지 */
.sub_visual_wrap{margin: 0 0 50px;}
.sub_visual_wrap .sub_visual{margin: 0 0 50px;}
.sub_visual_wrap .sub_visual a{display: block; width: 100%;}
.sub_visual_wrap img{}
.sub_visual_wrap .sub_text_area{display: block; text-align: right;}
.sub_visual_wrap .sub_text_area > *{display: inline-block;}
.sub_visual_wrap .tit_box{vertical-align: top;}
.sub_visual_wrap .tit_box h3{font-size: 33px; color: #443738;}
.sub_visual_wrap .tit_box h3 strong{display: inline-block; font-weight: 700; font-size: 33px; color: inherit;}
.sub_visual_wrap .sub_text_area .line_control{display: block; margin: 10px 0 0; font-size: inherit; font-weight: inherit; color: inherit;}
.sub_visual_wrap .desc_box{text-align: left;}
.sub_visual_wrap .desc_box p{margin: 0 0 40px; font-size: 18px; line-height: 1.5; color: #444;}
.sub_visual_wrap .desc_box p:last-child{margin: 0;}
@media screen and (max-width: 1024px){
    .sub_visual_wrap{margin: 0 0 35px;}
    .sub_visual_wrap .sub_visual{margin: 0 0 35px;}
    .sub_visual_wrap .desc_box p{margin: 0 0 25px;}
}
@media screen and (max-width: 600px){
    .sub_visual_wrap{margin: 0 0 25px;}
    .sub_visual_wrap .sub_visual{margin: 0 0 30px;}
    .sub_visual_wrap .desc_box p{margin: 0 0 20px;}
}
/* 지도 마커, 오버레이 */
.V_map_overlay .customoverlay{background:#fff; position:relative;bottom:65px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;}
.V_map_overlay .customoverlay:nth-of-type(n) {border:0; -webkit-box-shadow:0px 1px 2px #888; box-shadow:0px 1px 2px #888;}
.V_map_overlay .customoverlay a {display:block;text-decoration:none;color:#000;text-align:center;border-radius:6px;font-size:14px;font-weight:bold;overflow:hidden;background: #EA352B;background: #EA352B url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right 14px center;}
.V_map_overlay .customoverlay .title {display:block;text-align:center;background:#fff;padding:10px 15px;font-size:14px;font-weight:bold;}
.V_map_overlay .customoverlay:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-12px;width:22px;height:12px;background:url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
/* 지도 마커, 오버레이 */
/* 타이틀 */
.V_sub_stitle{padding-left: 10px; position: relative; line-height: 1.6; color: #443738; font-size: 18px; font-weight: 700;}
.V_sub_stitle::before{display: block; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 3px; height: 70%; background: #443738; content: "";}
/* 아래 첨자 */
.V_text_sub{display: inline-block; color: #9C8255; font-weight: 700; font-size: inherit;}
.V_text_sub .text_under{display: inline-block; margin: 0 3px; color: #999; font-size: 0.8em;}
.V_text_sub2{display: inline-block; color: inherit; font-weight: inherit; font-size: inherit;}
.V_text_sub2 .text_under2{display: inline-block; margin: 0 3px; color: inherit; font-size: 0.8em; color: #999;}
@media screen and (max-width: 1024px){
    .V_sub_stitle{font-size: 17px;}
}
@media screen and (max-width: 600px){
    .V_sub_stitle{font-size: 16px;}
}
/* 탭 */
.V_tab_list{}
.V_tab_list .tab_ul{overflow-y: hidden; overflow-x: auto; width: 100%; white-space: nowrap;
-webkit-overflow-scrolling: touch; overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none;
    -ms-overflow-style: none;  /* IE and Edge */ scrollbar-width: none;  /* Firefox */}
.V_tab_list .tab_li{display: inline-block; padding: 10px 2px; margin-right: 20px; border-bottom: 2px solid transparent; color: #777; cursor: pointer;}
.V_tab_list .tab_ul::-webkit-scrollbar{display: none !important;} /* Hide scrollbar for Chrome, Safari and Opera */
.V_tab_list .tab_li:last-child{margin-right: 0;}
.V_tab_list .tab_li.on{border-color: #C4C4C4; color: #333; font-weight: 700;}
.V_tab_con_wrap .tab_con_li{display: none;}
.V_tab_con_wrap .tab_con_li.on{display: block;}
@media screen and (max-width: 1024px){
    .V_tab_list{position: relative; margin-bottom: 20px;}
    .board_top_area .V_tab_list{margin-bottom: 0;}
    .board_top_area .V_tab_list::before{display: block; position: absolute; left: 0; bottom: 0.5px; width: 100%; height: 1px; background: #eee; content: "";}
    .V_tab_list .tab_li{position: relative; z-index: 1; padding: 5px 2px; margin-right: 15px; font-size: 14px;}
    .V_tab_list .tab_li.on{border-color: #333;}
}
@media screen and (max-width: 600px){
}
/* 서브 컨텐츠 너비 + 정렬 */
.V_con_width{text-align: right;}
.V_con_width > *{display: inline-block; width: 73%; text-align: left;}
.V_con_width2{text-align: left;}
.V_con_width2 > *{display: inline-block; width: 73%; text-align: left;}
@media screen and (max-width:1300px){
    .V_con_width > *{width: 100%;}
    .V_con_width2 > *{width: 100%;}
}
/* pc/mobile block */
@media screen and (min-width: 1301px){
    .p2_block{display: none !important;}
    .m_block{display: none !important;}
    .t_block{display: none !important;}
    .tm_block{display: none !important;}
}
@media screen and (max-width: 1300px) and (min-width: 1025px){
    .p1_block{display: none !important;}
    .p2_block{display: block !important;}
    .tm_block{display: none !important;}
}
@media screen and (max-width: 1024px){
    .pc_block{display: none !important;}
    .p1_block{display: none !important;}
    .p2_block{display: none !important;}
    .tm_block{display: block !important;}
}
@media screen and (max-width: 1024px) and (min-width: 601px){
    .pc_block{display: none !important;}
    .p1_block{display: none !important;}
    .p2_block{display: none !important;}
    .t_block{display: block !important;}
}
@media screen and (max-width: 600px) and (min-width: 0){
    .pc_block{display: none !important;}
    .p1_block{display: none !important;}
    .p2_block{display: none !important;}
    .t_block{display: none !important;}
    .m_block{display: block !important;}
}
/* ------------------------- //sub 공통 -------------------------- */
/* ---------------------------------- 폰트 ----------------------------------- */
.font_eng1{font-family: 'Montserrat' !important;}
.font_eng2{font-family: 'Sail' !important;}
.font_eng3{font-family: 'Open Sans' !important;}
.font_kor1{font-family: 'NEXON Lv2 Gothic' !important;}
.font_kor2{font-family: 'Noto Serif KR'!important;}
/* ---------------------------------- //폰트 ----------------------------------- */
/* 메인 팝업 */
.mp_popup{width: 480px; position: fixed; overflow: hidden; z-index: 1000;}
.mp_popup.pop1{top:130px;left:250px;}
.mp_popup.pop2{top: 130px;left: 740px;}
.mp_popup .popupinner{padding: 60px 20px; text-align: center; background: #fff;}
.mp_popup .popupinner h1{font-size: 24px;}
.mp_popup .popup_bottom{display: flex; align-items: center; justify-content: space-between; padding: 10px; z-index: 100;background: #222;}
.mp_popup .popclose{width: 25px; height: 25px; background-image: url(https://dc.francisparker.kr/static/branch/img/x_wh.png); background-size: 24px; background-position:right center; 
    float: right; vertical-align: top; cursor: pointer; text-indent: -9999px;}