@charset "UTF-8";
@import url('Pretendard.css');

:root {
  --colorWhite:#fff;
  --colorBlack:#000;
  --colorBlack2:#212121;
  --colorDarkGray:#616161;
  --colorFontGray:#767676;
  --colorGray:#ccc;
  --colorLightGray:#e1e1e1;
  --colorBgGray:#f5f5f5;
  --colorNavy:#011749;
  --colorBlue:#005cfc;
  --colorLightBlue:#0e8ffd;
  --colorDarkGreen:#4b7d00;/*#256300*/
  --colorGreen:#7db928;
  --colorLightGreen:#d3da1c;
  --colorOrange:#f39500;
  --colorYellow:#fcc800;
  --colorLightYellow:#fff8e0;
  --colorRedOrange:#f45501;
  --colorRed:#ed4040;
  --colorBrown:#925900;
  --colorLightBrown:#876c00;
}
/********* common_layout *********/
html, body {height:100%;}
body {color: var(--colorBlack2); 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}
.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, .blind480 {display:inline-block}
th.blind1400, th.blind1280, th.blind1080, th.blind768, th.blind480, 
td.blind1400, td.blind1280, td.blind1080, td.blind768, td.blind480 {display:table-cell}
colgroup.blind1400, colgroup.blind1280, colgroup.blind1080, colgroup.blind768, colgroup.blind480, 
colgroup.blind1400, colgroup.blind1280, colgroup.blind1080, colgroup.blind768, colgroup.blind480 {display:table-column-group}
.add1400, .add1280, .add1080, .add768, .add480 {display:none !important}


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

.vt {vertical-align:top}
.vm {vertical-align:middle}
.vb {vertical-align:bottom}
.break, 
.break * {word-break:break-word}

.flex {display:flex}
.flex_jc {display:flex;justify-content:center}
.flex_ac {display:flex;align-items:center}
.flex_ct {display:flex;align-items:center;justify-content:center}
.flex_btw {display:flex;justify-content:space-between}
.flex_btw2 {display:flex;justify-content:space-between;align-items:flex-end}
.flex_btw3 {display:flex;justify-content:space-between;align-items:center}

.bg_white {background-color:var(--colorWhite) !important}
.bg_black {background-color:var(--colorBlack) !important}
.bg_black2 {background-color:var(--colorBlack2) !important}
.bg_gray {background-color:var(--colorGray) !important}
.bg_gray2 {background-color:var(--colorBgGray) !important}
.bg_gray3 {background-color:var(--colorDarkGray) !important}
.bg_blue {background-color:var(--colorBlue) !important}
.bg_green {background-color:var(--colorGreen) !important}
.bg_orange {background-color:var(--colorOrange) !important}
.bg_yellow {background-color:var(--colorYellow) !important}
.bg_red {background-color:var(--colorRed) !important}
.bg_brown {background-color:var(--colorLightBrown) !important}
.bg_ri_yellow {background-color:#fffbf5 !important}

.c_white {color:var(--colorWhite) !important}
.c_black {color:var(--colorBlack) !important}
.c_black2 {color:var(--colorBlack2) !important}
.c_gray {color:var(--colorGray) !important}
.c_gray2 {color:var(--colorFontGray) !important}
.c_gray3 {color:var(--colorDarkGray) !important}
.c_blue {color:var(--colorBlue) !important}
.c_green {color:var(--colorGreen) !important}
.c_orange {color:var(--colorOrange) !important}
.c_yellow {color:var(--colorYellow) !important}
.c_red {color:var(--colorRed) !important}
.c_brown {color:var(--colorLightBrown) !important}
.c_brown2 {color:var(--colorBrown) !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}
.els {display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-word;overflow:hidden}
.els2 {display:-webkit-inline-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-word;overflow:hidden}

.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}
.br_0 {border-right:0 !important;}

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

/* 콘텐츠 내부 탭 */
.tab_list {display:flex;gap:10px}
.tab_list .tab {flex:1}
.tab_list .tab .btn {display:block;text-align:center;padding:19px 10px 17px 10px;line-height:1;background-color:var(--colorWhite);border:1px solid var(--colorLightGray);border-radius:5px;transition:0.2s}
.tab_list .tab:not(.on):hover .btn, 
.tab_list .tab:not(.on):focus .btn {color:#1197d5;border-color:#1197d5}
.tab_list .tab.on .btn {color:var(--colorWhite);background-color:#1197d5;border-color:#1197d5}
.com_sch_cont .tab_list .btn {padding:13.5px 5px 11.5px 5px}

/* 텍스트 리스트 - dot, line */
.list_txt_group {margin-bottom:20px;padding-bottom:20px}
.list_txt_group:last-child {margin-bottom:0;padding-bottom:0}
.list_txt_group .list_tit {margin-bottom:10px;font-weight:700;color:var(--colorBlack2)}
.list_txt_group .list_txt {margin-bottom:3px;position:relative}
.list_txt_group .list_txt:last-child {margin-bottom:0 !important}
.list_txt_group .list_txt::before {display:none;content:"";background-color:var(--colorGray);position:absolute;left:0;top:9px}
.list_txt_group .list_txt.red::before {}
.list_txt_group .list_txt.dot {padding-left:13px}
.list_txt_group .list_txt.dot::before {display:block;width:4px;height:4px}
.list_txt_group .list_txt.line {padding-left:10px}
.list_txt_group .list_txt.line::before {display:block;width:5px;height:1px;background-color:var(--colorDarkGray);top:11px}
.list_txt_group .list_txt.dl {display:flex;column-gap:15px}
.list_txt_group .list_txt .dt {display:inline-block;color:var(--colorFontGray);font-weight:500;position:relative;vertical-align:top}
.list_txt_group .list_txt .dd {display:inline-block;color:var(--colorBlack2);vertical-align:top}
.list_txt_group .list_txt .num {position:absolute;left:0;top:0}


/* 슬라이드 공통 */
.slide_wrap {height:100%}
.slide_wrap .slide_box {}
.slide_wrap .img_box {display:flex;align-items:center;justify-content:center;width:100%;height:0;padding-bottom:75%;position:relative;overflow:hidden}
.slide_wrap .img_box .img {width:100%;height:100%;position:absolute;left:0;top:0}/* 4:3 :75%    // 16:9 :56.25%   9:16 : 177.78%  //  13:9 : 69.23%   9:13: 144.44% */
.slide_btn {display:flex;align-items:center;gap:6px}
.slide_btn .pbar {width:200px;height:2px;font-size:0;line-height:0;background-color:var(--colorWhite);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 .ctrl {display:flex;align-items:center;gap:4px}
/*.slide_btn .btn:not(.btn_more) {display:inline-block;width:40px;height:40px;font-size:0;line-height:0;background-color:var(--colorWhite);border:1px solid var(--colorLightGray);background-position:center;background-repeat:no-repeat;border-radius:100%;vertical-align:middle;transition:0.3s}
.slide_btn .btn:not(.btn_more):hover {opacity:0.7}
.slide_btn .btn.sty2 {width:8px;height:14px;border:0;border-radius:0;background-color:transparent}*/
.slide_btn .btn {font-family:'xeicon';display:inline-block;font-size:0;line-height:0;background-position:center;background-repeat:no-repeat;vertical-align:middle;transition:0.3s}
.slide_btn .btn::after {font-size:1rem;transition:0.3s}
.slide_btn .btn.prev, .slide_btn .btn.next, 
.slide_btn .btn.play, .slide_btn .btn.stop {opacity:0.5}
.slide_btn .btn.prev:hover, .slide_btn .btn.next:hover, 
.slide_btn .btn.play:hover, .slide_btn .btn.stop:hover, 
.slide_btn .btn.prev:focus, .slide_btn .btn.next:focus, 
.slide_btn .btn.play:focus, .slide_btn .btn.stop:focus {opacity:1}
.slide_btn .btn.prev::after {display:block;content:"\e93c"}
.slide_btn .btn.next::after {display:block;content:"\e93f"}
.slide_btn .btn.play::after {display:block;content:"\ea3e"}
.slide_btn .btn.stop::after {display:block;content:"\ea3b"}
.slide_btn .paging {}
.slide_btn .paging .dots {display:inline-flex;align-items:center;column-gap:8px}
.slide_btn .paging:not(.num) {font-size:0;line-height:0}
.slide_btn .paging:not(.num) .dots button {display:block;width:15px;height:15px;font-size:0;line-height:0;background-color:transparent;border:1px solid #949494;border-radius:100%}
.slide_btn .paging:not(.num) .dots .slick-active button {background-color:var(--colorBlack2);border-color:var(--colorBlack2)}


/* 레이어 팝업 */
.layer_pop {display:none;width:100%;height:100%;font-weight:400;color:var(--colorBlack2);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:8px;overflow:hidden}
.layer_pop .pop_wrap.s1 {max-width:520px}
.layer_pop .pop_wrap.s2 {max-width:700px}
.layer_pop .pop_wrap.s3 {max-width:960px}
.layer_pop .pop_wrap.s4 {max-width:1200px}
.layer_pop .pop_wrap.s5 {max-width:96%}
.layer_pop .pop_head {display:flex;justify-content:space-between;padding:15px 22px;color:var(--colorWhite);background-color:var(--colorBlack2)}
.layer_pop .pop_head .head_tit {font-size:20px;line-height:1.1;font-weight:500}
.layer_pop .pop_head .btn_pop_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;background-color:var(--colorWhite);overflow-y:auto}
.layer_pop .pop_body::-webkit-scrollbar {width:8px;height:8px}
.layer_pop .pop_body::-webkit-scrollbar-track {background-color:#fdfdfd}
.layer_pop .pop_body::-webkit-scrollbar-thumb {background-color:#777}
.layer_pop .pop_body::-webkit-scrollbar-thumb:hover {background-color:#1197d5}
.layer_pop .pop_body .pop_cont {padding:22px}
.layer_pop .pop_body .pop_cont > .icon_box {margin-bottom:16px;color:var(--colorGray)}
.layer_pop .pop_body .pop_cont > .icon_box .icon {font-size:40px}
.layer_pop .pop_body .pop_cont_list {}
.layer_pop .pop_body .pop_cont_list_box {margin-bottom:20px}
.layer_pop .pop_body .pop_cont_list_box:last-child {margin-bottom:0}
.layer_pop .pop_body .cont_tit {margin-bottom:5px;padding-left:10px;font-size:20px;font-weight:700;color:var(--colorBlack2);position:relative}
.layer_pop .pop_body .cont_tit::before{display:block;width:4px;height:18px;content:"";background-color:var(--colorYellow);position:absolute;left:0;top:6px}
.layer_pop .pop_body .cont_tit.not_bf {padding-left:0}
.layer_pop .pop_body .cont_tit.not_bf::before {display:none}
.layer_pop .pop_body .cont_tit .icon {display:inline-block;font-size:21px;vertical-align:middle}
.layer_pop .pop_body .table th {font-weight:400}
.layer_pop .pop_body .table td {color:var(--colorDarkGray)}
.layer_pop .pop_body .border_box {margin:15px 0}
.layer_pop .pop_body .border_box .list_txt_group {display:flex;column-gap:18px;justify-content:center}
.layer_pop .pop_body .border_box .list_txt_group .list_txt {display:inline-flex;column-gap:9px;margin-bottom:0}
.layer_pop .pop_body .radio_list_obj {}
.layer_pop .pop_body .radio_list_obj .radio_area {margin-bottom:8px}
.layer_pop .pop_body .radio_list_obj .radio_area:last-child {margin-bottom:0}
.layer_pop .pop_body .radio_list_obj .radio_area label {transform:translateY(-1px)}
.layer_pop .pop_body .radio_list_obj .radio_area .radio_txt {display:inline-block;width:calc(100% - 80px)}
.layer_pop .pop_body .radio_list_obj .radio_area .list_txt_group {width:100%;justify-content:left}
.layer_pop .pop_body .radio_list_obj .radio_area .list_txt_group .list_txt {width:40%}
.layer_pop .pop_body .radio_list_obj .radio_area .list_txt_group .list_txt:nth-child(2n) {width:60%}
.layer_pop .pop_body .radio_list_obj .radio_area .btn_small {float:right}
.layer_pop .pop_tail {padding:15px 10px 27px 10px;background-color:var(--colorWhite)}
.layer_pop .pop_tail .cont_btn_list_area {margin-top:0}


/* 메인 레이어 팝업 */
.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;}