@charset "UTF-8";
.header {width:100%;background-color:transparent;position:fixed;left:0;top:0;z-index:9999}
.header .gnb_cont_area {border-bottom-color:transparent}

.main {background:url(/images/main/main_bg.jpg) center bottom no-repeat;background-size:cover;background-attachment:fixed} 
.main .container {height:100%}
.main .position {width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
.main .main_typo {margin:78px auto 88px auto;text-align:center}
.main .main_typo .title {margin-bottom:25px;font-size:65px;font-weight:700;line-height:1.4}
.main .main_typo .title .tns {display:block;transform:translateX(-10px)}
.main .main_typo .text {font-size:22px}
.main .border_box {padding:40px 60px;background-color:rgba(255,255,255,0.6);border:2px solid var(--colorWhite);border-radius:15px} 
.main .border_box .typo {line-height:1.1}
.main .border_box .typo .title {display:inline-block;margin-right:28px;font-size:30px;font-weight:700}
.main .border_box .typo .text {display:inline-block;font-size:18px}
.main .border_box .btn_link {font-size:18px}
.main .border_box .btn_link::before {font-family:'xeicon';content:"\e97a";}
.main .border_box .btn_link .text {}
.main .border_box .login_inp {column-gap:15px;margin-top:35px}
.main .border_box .inp {flex:1;padding:7px 12px;background-color:var(--colorWhite);border-radius:10px}
.main .border_box .inp_txt {padding:5px 10px;border:0}
.main .border_box .lable {}
.main .border_box .lable_txt {padding-left:10px;color:var(--colorFontGray);font-size:13px;line-height:1}
.main .border_box .btn_default {width:140px}


/* 메인 레이어 팝업 
.main_pop {position: fixed; z-index: 9999; top: 0; left: 0;width:auto !important}
.main_pop .pop_box {width: 100%; height: 100%;max-height:83.5vh; background-color: #ffffff;overflow-y:auto}
.main_pop .pop_box img {border: none;}
.main_pop .pop_box p {font-weight: 400; font-size: 18px; line-height: 27px; color: #333333;}
.main_pop .pop_btn_area {position: relative; overflow: hidden; padding: 8px 10px; background-color: #000;}
.main_pop .pop_btn_area .chk_each {vertical-align: middle;}
.main_pop .pop_btn_area .chk_each label {display: inline-block; position: relative; font-family: 'CoreDream'; font-weight: 400; font-size: 14px; line-height: 24px; color: #ffffff; z-index: 1; padding-left: 20px; cursor:pointer; vertical-align: middle;}
.main_pop .pop_btn_area .chk_each .vchkbox {display: block; position: absolute; left: 0; top: 50%; z-index: 1; width: 15px; height: 15px; margin: -7px 0 0; border: 1px solid #cacaca; background-color: #fff;}
.main_pop .pop_btn_area .chk_each .vchkbox > i {display: none; color: #0562a9; margin-top: 1px; margin-left: 1px; font-size: 12px; font-weight: 700; text-align: center;}
.main_pop .pop_btn_area .close {position: absolute; top: 50%; right: 8px; margin: -11px 0 0;color: #ffffff}
.main_pop .pop_btn_area .chk_each input:checked + label .vchkbox > i {display: block;}
.main_pop .pop_btn_area .chk_each input:focus + label .vchkbox {outline:1px dotted #000; outline:-webkit-focus-ring-color auto 5px;}*/



/* 메인팝업 */
.head_popzon_cont {width:100%;height:100%;background-color:rgba(0, 0, 0, 0.7);position:fixed;top:0;left:0;z-index:10000}
.head_popzon_cont .head_popzon_area {width:100%;max-width:625px;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%)}
.head_popzon_cont .popzon_slide_area {margin-bottom:15px}
.head_popzon_cont #head_popzon_slide {width:100%;padding:0 62px}
.head_popzon_cont #head_popzon_slide .slick-list {border-radius:8px;overflow:hidden}
.head_popzon_cont #head_popzon_slide .slick-track {}
.head_popzon_cont #head_popzon_slide .slick-track li {}
.head_popzon_cont #head_popzon_slide .slick-track .box {display:block;background-color:var(--colorWhite)}
.head_popzon_cont #head_popzon_slide .slick-track .img_box {width:100%;padding-bottom:668px;position:relative}
.head_popzon_cont #head_popzon_slide .slick-track .inner_box {width:100%;height:100%;position:absolute;top:0;left:0}
.head_popzon_cont #head_popzon_slide .slick-track .inner_box > p {width:100%;height:100%}
.head_popzon_cont #head_popzon_slide .slick-track img {display:block;height:100%;margin:0 auto;object-fit:cover;object-position:center}
.head_popzon_cont #head_popzon_slide .slick-arrow {width:23px;height:45px;text-indent:-9999px;background-size:cover;background-repeat:no-repeat;position:absolute;top:50%;transform:translateY(-50%);transition:0.2s}
.head_popzon_cont #head_popzon_slide .slick-arrow:hover {opacity:0.7}
.head_popzon_cont #head_popzon_slide .slick-prev {left:0;background-image:url(/images/main/popup_prev.png)}
.head_popzon_cont #head_popzon_slide .slick-next {right:0;background-image:url(/images/main/popup_next.png)}
.head_popzon_cont #head_popzon_slide .slick-dots {display: none !important;}
.head_popzon_cont .pop_ctrl {display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-between;align-items:center;width:100%;max-width:500px;margin:0 auto}
.head_popzon_cont .pop_ctrl .chk_each {cursor:pointer;position:relative;transition:0.2s}
.head_popzon_cont .pop_ctrl .chk_each:hover {opacity:0.7}
.head_popzon_cont .pop_ctrl .chk_inp {display:block;width:20px;height:20px;margin:0;padding:0;cursor:pointer;background-color:transparent;background-image:url(/images/main/popup_chk.png);background-size:cover;background-repeat:no-repeat;border:none;position:absolute;top:50%;left:0;transform:translateY(-50%);appearance:none}
.head_popzon_cont .pop_ctrl .chk_inp:checked {background-image:url(/images/main/popup_chk_on.png)}
.head_popzon_cont .pop_ctrl .chk_each label {padding-left:30px;cursor:pointer}
.head_popzon_cont .pop_ctrl .chk_each label .text {display:inline-block;font-size:16px;color:var(--colorWhite)}
.head_popzon_cont .pop_ctrl .slide_num {color:var(--colorWhite)}
.head_popzon_cont .pop_ctrl .slide_num .num, 
.head_popzon_cont .pop_ctrl .slide_num .total {display:inline-block}
.head_popzon_cont .pop_ctrl .btn_area {}
.head_popzon_cont .pop_ctrl .btn_default .text {transform:translateY(-1px)}
.head_popzon_cont .pop_ctrl .btn_default .icon {transform:translateY(0)}
/* 메인팝업 */