@charset "UTF-8";

/********* common_layout *********/
html, body {height:100%;}
body {color: #212121; font-family: 'Pretendard', 'sans-serif'; font-size: 16px;line-height:1.5; min-width: 280px; transition: 0.3s ease-in-out;}
i {vertical-align:middle;transform:translateY(-1.5px)}
.hide {position: absolute; left: -9999px; overflow: hidden; width: 1px; height: 1px; line-height: 1px; font-size: 1px;}
.wrapper {position: relative; z-index: 1; min-height: 100%;}
#real_contents {width: 100%}
.container {position: relative; max-width: 1400px; margin: 0 auto;}

/* skip navi */
.skip_navi {position:absolute; z-index:999999; width:100%; left:0; top:0; text-align:center;}
.skip_navi a {display:block; position:absolute; left:0; top:-9999px; z-index:1; width:100%; height:40px; line-height:40px; background-color: #333; color:#fff; font-size:20px; font-weight:700;}
.skip_navi a:hover, .skip_navi a:focus {top:0;}

.tab_cont {display: none;}
.tab_cont.on {display: block;}

.s_txt {font-size:0.9375rem;font-weight:normal}
.s_txt.sty2 {margin-left:7px}

/* select 기본 화살표 없애기 */
select {
    border-radius:0; /* 아이폰 사파리 보더 없애기 */
    -webkit-appearance:none; /* 화살표 없애기 for chrome*/
    -moz-appearance:none; /* 화살표 없애기 for firefox*/
    appearance:none /* 화살표 없애기 공통*/
}

select::-ms-expand{
    display:none /* 화살표 없애기 for IE10, 11*/
}

.blind1400, .blind1280, .blind1080, .blind768, .blind540, .blind480 {display:block}
.add1400, .add1280, .add1080, .add768, .add540, .add480 {display:none}

/* 공통 스타일 정의 */
.dis_bl {display:block !important}
.dis_inb {display:inline-block !important}
.dis_in {display:inline !important}
.dis_table {display:table;width:100%;height:100%}
.dis_table .tcell {display:table-cell !important;width:100%;vertical-align:middle}

.flex {display:flex}
.flex_center {display:flex;justify-content:center}
.flex_center2 {display:flex;align-items:center}
.flex_center3 {display:flex;align-items:center;justify-content:center}
.flex_between {display:flex;justify-content:space-between;align-items:center}

.ver_top {vertical-align:top !important}
.ver_mid {vertical-align:middle !important}
.ver_bot {vertical-align:bottom !important}

.red {color:#ed4040 !important}
.orange {color:#f26522 !important}
.yellow {color:#fddf73 !important}
.blue {color:#2089ff !important}
.green {color:#33b293 !important}
.green2 {color:#10795f !important}
.gray {color:#848690 !important}
.black {color:#191919 !important}
.purple {color:#712aff !important}
.navy {color:#16366e !important}

.fw100 {font-weight:100 !important}
.fw200 {font-weight:200 !important}
.fw300 {font-weight:300 !important}
.fw400 {font-weight:400 !important}
.fw500 {font-weight:500 !important}
.fw600 {font-weight:600 !important}
.fw700 {font-weight:700 !important}
.fw800 {font-weight:800 !important}
.fw900 {font-weight:900 !important}

.txt_left {text-align:left !important}
.txt_center {text-align:center !important}
.txt_right {text-align:right !important}
.ellipsis {display:-webkit-box !important;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}

.fs085 {font-size:0.85em !important}
.fs09 {font-size:0.9em !important}
.fs095 {font-size:0.95em !important}
.fs1 {font-size:1em !important}
.fs105 {font-size:1.05em !important}
.fs11 {font-size:1.1em !important}
.fs115 {font-size:1.15em !important}
.fs12 {font-size:1.2em !important}

.bd_top {border-top:1px solid #eee}
.bd_bottom {border-bottom:1px solid #eee}
.bd_left {border-left:1px solid #eee}
.bd_right {border-right:1px solid #eee}

.tab_cont {display:none}
.tab_cont.current {display:block}


/* 텍스트 리스트 - dot, line */
.list_txt_group {margin-bottom:20px;padding-bottom:20px}
.list_txt_group.mb0 {margin-bottom:0}
.list_txt_group.pb0 {padding-bottom:0}
.list_txt_group.mpb0 {margin-bottom:0;padding-bottom:0}
.list_txt_group:last-child {margin-bottom:0;padding-bottom:0}
.list_txt_group .list_tit {margin-bottom:13px;font-weight:600;font-size:1.125rem}
.list_txt_group .list_txt {margin-bottom:5px;position:relative}
.list_txt_group .list_txt:last-child {margin-bottom:0 !important}
.list_txt_group .list_txt::before {display:block;content:"";background-color:#333;position:absolute;left:0;top:10px}
.list_txt_group .list_txt.dot {padding-left:8px}
.list_txt_group .list_txt.dot::before {width:2px;height:2px}
.list_txt_group .list_txt.line {padding-left:10px}
.list_txt_group .list_txt.line::before {width:5px;height:1px}
.list_txt_group .list_txt.icon {padding-left:14px;position:relative}
.list_txt_group .list_txt.icon::before {display:none}
.list_txt_group .list_txt.icon .point {position:absolute;left:0;top:0}
.list_txt_group .list_txt .dt {display:inline-block;padding-left:17px;color:#212121;font-weight:700;position:relative;vertical-align:top}
.list_txt_group .list_txt .dt::after {display:inline-block;content:":";margin:0 2px 0 5px;vertical-align:baseline}
.list_txt_group .list_txt .dd {display:inline-block}
.list_txt_group .list_txt .num {width:18px;height:18px;font-size:11px;line-height:20px;color:#fff;text-align:center;font-weight:300;border-radius:100%;background-color:#212121;position:absolute;left:0;top:2px}
.list_txt_group .list_txt .list_inner {margin:8px 0 20px 0}
.list_txt_group .list_txt .list_inner .list_txt {margin-bottom:2px;font-size:0.9375reml}
.list_txt_group .list_txt .list_inner .dt {padding-left:0}
.list_txt_group .list_txt.sty2 {margin-bottom:15px;padding-left:38px}
.list_txt_group .list_txt.sty2 .num {width:24px;height:24px;font-size:0.9375rem;line-height:24px;font-weight:400;background-color:#ff0000;top:0}


/* 슬라이드 공통 */
.slide_wrap {height:100%}
.slide_wrap .slide_box {}
.slide_btn {display:flex;align-items:center;gap:4px;background-color:#fff}
.slide_btn .pbar {width:200px;height:2px;font-size:0;line-height:0;background-color:#fff;position:relative;overflow:hidden}
.slide_btn .pbar .fill {width:0%;height:100%;font-size:0;line-height:0;background-color:#f26522;position:absolute;left:0;top:0}
.slide_btn .paging {margin-right:15px}
.slide_btn .paging .dot {display:flex;align-items:center;gap:15px}
.slide_btn .paging button {display:block;width:16px;height:16px;font-size:0;line-height:0;border-radius:100%;background-color:#d5d5d5;vertical-align:middle}
.slide_btn .paging .slick-active button {background-color:#712aff}
.slide_btn .ctrl {display:flex;align-items:center;justify-content:center;gap:15px}
.slide_btn .btn:not(.btn_more) {display:inline-block;width:18px;height:18px;font-size:0;line-height:0;background-position:center;background-repeat:no-repeat;vertical-align:middle;transition:0.3s}
.slide_btn .btn:not(.btn_more):hover {opacity:0.7}
.slide_btn .btn.prev {background-image:url(/images/home/kor/user/common/arr_c2.png);transform:rotate(180deg) translateY(1px)}
.slide_btn .btn.next {background-image:url(/images/home/kor/user/common/arr_c2.png)}
.slide_btn .btn.play {background-image:url(/images/home/kor/user/common/icon_play2.png)}
.slide_btn .btn.stop {background-image:url(/images/home/kor/user/common/icon_stop2.png)}
.slide_btn .btn.prev:hover, 
.slide_btn .btn.next:hover {background-image:url(/images/home/kor/user/common/arr_c2_on.png)}
.slide_btn .btn.play:hover {background-image:url(/images/home/kor/user/common/icon_play_on.png)}
.slide_btn .btn.stop:hover {background-image:url(/images/home/kor/user/common/icon_stop_on.png)}
.slide_btn .btn.prev.iw {background-image:url(/images/home/kor/user/common/arr_c1.png)}
.slide_btn .btn.next.iw {background-image:url(/images/home/kor/user/common/arr_c1.png)}
.slide_btn .btn.play.iw {background-image:url(/images/home/kor/user/common/icon_play.png)}
.slide_btn .btn.stop.iw {background-image:url(/images/home/kor/user/common/icon_stop.png)}
.slide_btn .btn.prev.iw:hover, 
.slide_btn .btn.next.iw:hover {background-image:url(/images/home/kor/user/common/arr_c1_on.png)}
.slide_btn .btn.play.iw:hover {background-image:url(/images/home/kor/user/common/icon_play_on.png)}
.slide_btn .btn.stop.iw:hover {background-image:url(/images/home/kor/user/common/icon_stop_on.png)}


/* 레이어 팝업 */
.layer_pop {display:none;width:100%;height:100%;background-color:rgba(0,0,0,0.5);position:fixed;left:0;top:0;z-index:10000}
.layer_pop .pop_position {display:flex;align-items:center;justify-content:center;height:100%}
.layer_pop .pop_wrap {width:100%;max-width:640px;border-radius:15px;background-color:#fff;overflow:hidden}
.layer_pop .pop_wrap.sm {max-width:480px}
.layer_pop .pop_wrap.md {max-width:1080px}
.layer_pop .pop_wrap.lg {max-width:1280px}
.layer_pop .pop_wrap.lg2 {max-width:1400px}
.layer_pop .pop_head {display:flex;justify-content:space-between;padding:15px 22px;color:#fff;background-color:#187760}
.layer_pop .pop_head .head_tit {font-size:20px;line-height:1.1;font-weight:500}
.layer_pop .pop_head .btn_close {width:18px;height:18px;font-size:0;line-height:0;background-image:url(/images/home/kor/user/header/sitemap_close_icon.png);background-position:left top;background-repeat:no-repeat;background-size:cover}
.layer_pop .pop_body {max-height:76vh;min-height:100px;overflow-y:auto}
.layer_pop .pop_body .pop_cont {padding:22px}
.layer_pop .pop_body .cont_tit {margin-bottom:5px;padding-left:10px;font-size:1.0625rem;font-weight:700;color:#191919;position:relative}
.layer_pop .pop_body .cont_tit::before{display:block;width:4px;height:16px;content:"";background-color:#33b293;position:absolute;left:0;top:4px}
.layer_pop .pop_body .bold_txt {margin-bottom:18px;font-size:1.375rem;font-weight:700;text-align:center}
.layer_pop .pop_body .list_txt_group {}
.layer_pop .pop_body .list_txt_group.bg_box {padding:15px 10px;background-color:#f6f6f6;border-radius:8px}
.layer_pop .pop_body .list_txt_group .list_txt {text-align:left}
.layer_pop .pop_body .list_txt_group .list_txt .dt {color:#767676;font-weight:400}
.layer_pop .pop_body .list_txt_group .list_txt .dt .icon {vertical-align:middle;transform:translateY(-2px)}
.layer_pop .pop_body .list_txt_group .list_txt .dd {font-weight:600}
.layer_pop .pop_body .grid_select_obj {display:flex;flex-wrap:wrap;gap:12px}
.layer_pop .pop_body .grid_select_obj .grid_box {width:calc(100% / 3 - 8px)}
.layer_pop .pop_body .grid_select_obj .select_link {display:flex;align-items:center;justify-content:center;height:100%;padding:15px;border:1px solid #e1e1e1;border-radius:10px}
.layer_pop .pop_body .grid_select_obj .select_link .text {line-height:1.3;font-weight:500}
.layer_pop .pop_body .grid_select_obj .select_link.current {border-color:#33b293}
.layer_pop .pop_body .grid_select_obj .select_link:hover, 
.layer_pop .pop_body .grid_select_obj .select_link.current .text {color:#33b293}
.layer_pop .pop_tail {padding:15px 10px}
.layer_pop .pop_tail .cont_btn_list_area {margin-top:0}
.layer_pop.pop5 .pop_cont .btn_default.small {padding:0 12px}
.layer_pop.pop5 .pop_cont .btn_default.small .text {line-height:20px}
.layer_pop.pop5 .pop_cont .input_form .inp_btn input {width:calc(100% - 102px)}

.layer_pop.offline_video .pop_body {overflow:hidden}
.layer_pop.offline_video .pop_body .video_frame {display:flex;align-items:center;width:100%;height:0;margin:0 auto;padding-bottom:56.25%;background-color:#000;position:relative}
.layer_pop.offline_video .pop_body .video {width:100%;height:100%;position:absolute;left:0;top:0}


/* ========== 메인 레이어 팝업 ========== */
.pop_layer {position: fixed; z-index: 9999; top: 0; left: 0;width:auto !important}
.pop_layer .pop_box {width: 100%; height: 100%;max-height:83.5vh; background-color: #ffffff;overflow-y:auto}
.pop_layer .pop_box img {border: none;}
.pop_layer .pop_box p {font-weight: 400; font-size: 18px; line-height: 27px; color: #333333;}
.pop_layer .pop_btn_area {position: relative; overflow: hidden; padding: 8px 10px; background-color: #000;}
.pop_layer .pop_btn_area .chk_each {vertical-align: middle;}
.pop_layer .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;}
.pop_layer .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;}
.pop_layer .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;}
.pop_layer .pop_btn_area .close {position: absolute; top: 50%; right: 8px; margin: -11px 0 0;}
.pop_layer .pop_btn_area .chk_each input:checked + label .vchkbox > i {display: block;}
.pop_layer .pop_btn_area .chk_each input:focus + label .vchkbox {outline:1px dotted #000; outline:-webkit-focus-ring-color auto 5px;}
/* ========== 메인 레이어 팝업 ========== */