@charset "UTF-8";

:root {
  --colorMain: #b91c56; 
  --colorSub: #3558d2;
  --colorWhite:#fff;
  --colorBlack:#000;
  --colorBlack2:#212121;
  --colorDarkGray:#484b50;
  --colorFontGray:#6d6d6d;
  --colorLightGray:#e1e1e1;
  --colorGray:#ccc;
  --colorBgGray:#f5f5f5;
  --colorNavy:#011749;
  --colorBlue:#067DFD;
  --colorGreen:#7db928;
  --colorRed:#d92323;
}
/********* common_layout *********/
html, body {height:100%;}
body {color: var(--colorBlack2); font-family: 'CoreDream', 'Pretendard', 'sans-serif'; font-size: 15px;line-height:1.5;min-width:1600px;transition: 0.3s ease-in-out;}
i {vertical-align:middle;transform:translateY(-1.5px)}
a, button {transition:0.2s}
.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;}
.clearfix {}
.clearfix::after {display:block;height:0;content:"";visibility:hidden;clear:both}
.font_pret {font-family:'Pretendard'}

/* 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;
    -moz-appearance:none;
    appearance:none;
	font-family:inherit;
	font-size:inherit;
}

select::-ms-expand{
    display:none
}

.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}
.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}
.flex {display:flex}
.inflex {display:inline-flex}

.fwrap {flex-wrap:wrap !important}
.ag_t {align-items:flex-start !important}
.ag_c {align-items:center !important}
.ag_b {align-items:flex-end !important}
.jc_b {justify-content:space-between !important}
.jc_c {justify-content:center !important}

.vt {vertical-align:top}
.vm {vertical-align:middle}
.vb {vertical-align:bottom}
.vl {vertical-align:baseline}
.vtp {vertical-align:text-top}
.vtb {vertical-align:text-bottom}

.f_left {float:left}
.f_right {float:right}
.f_none {float:none}

.bg_main {background-color:var(--colorMain) !important}
.bg_sub {background-color:var(--colorSub) !important}
.bg_white {background-color:var(--colorWhite) !important}
.bg_black {background-color:var(--colorBlack) !important}
.bg_black2 {background-color:var(--colorBlack2) !important}
.bg_dgray {background-color:var(--colorDarkGray) !important}
.bg_fgray {background-color:var(--colorFontGray) !important}
.bg_lgray {background-color:var(--colorLightGray) !important}
.bg_gray {background-color:var(--colorBgGray) !important}
.bg_navy {background-color:var(--colorNavy) !important}
.bg_blue {background-color:var(--colorBlue) !important}
.bg_green {background-color:var(--colorGreen) !important}
.bg_red {background-color:var(--colorRed) !important}

.c_main {color:var(--colorMain) !important}
.c_sub {color:var(--colorSub) !important}
.c_white {color:var(--colorWhite) !important}
.c_black {color:var(--colorBlack) !important}
.c_black2 {color:var(--colorBlack2) !important}
.c_dgray {color:var(--colorDarkGray) !important}
.c_fgray {color:var(--colorFontGray) !important}
.c_lgray {color:var(--colorLightGray) !important}
.c_gray {color:var(--colorBgGray) !important}
.c_navy {color:var(--colorNavy) !important}
.c_blue {color:var(--colorBlue) !important}
.c_green {color:var(--colorGreen) !important}
.c_red {color:var(--colorRed) !important}

.fw400 {font-weight:400 !important}
.fw500 {font-weight:500 !important}
.fw700 {font-weight:700 !important}

.tl {text-align:left !important}
.tc {text-align:center !important}
.tr {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}

.fs08 {font-size:0.8em !important}
.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}

.underline {text-decoration:underline}

/* ul select */
.ctm_select {text-align:left;position:relative}
.ctm_select .btn {display:block;min-width:140px;padding:15px 22px;background-color:var(--colorBgGray);border:2px solid var(--colorBgGray);border-radius:5px;position:relative}
.ctm_select .btn::after {font-family:'xeicon';content:"\e935";font-size:11px;position:absolute;right:15px;top:50%;transform:translateY(-50%)}
.ctm_select .btn:hover {color:var(--colorMain)}
.ctm_select .btn.on {color:var(--colorMain);background-color:var(--colorWhite);border-color:var(--colorMain)}
.ctm_select .btn.on::after {content:"\e92f"}
.ctm_select .btn .text {}
.ctm_select .select_list {display:none;width:100%;max-height:220px;background-color:var(--colorWhite);border:2px solid var(--colorBlack2);border-radius:5px;overflow-y:auto;position:absolute;top:60px;left:0;z-index:1}
.ctm_select .select_list li {border-bottom:1px solid var(--colorLightGray)}
.ctm_select .select_list .link {display:block;padding:12px 22px;font-size:0.95em}
.ctm_select .select_list .link:hover {color:var(--colorMain);background-color:var(--colorBgGray)}
.ctm_select.bottom .btn::after {content:"\e92f"}
.ctm_select.bottom .btn.on::after {content:"\e935"}
.ctm_select.bottom .select_list {top:auto;bottom:60px}

/* 콘텐츠 내부 탭 */
.tab_list {display:flex;gap:5px}
.tab_list .tab {flex:1}
.tab_list .tab .btn {display:block;text-align:center;padding:15px 10px;line-height:1;font-size:16px;background-color:var(--colorWhite);border:1px solid var(--colorLightGray);border-radius:5px;position:relative;transition:0.2s}
.tab_list .tab i, 
.tab_list .tab .icon {line-height:0}
.tab_list .tab:not(.current):hover .btn, 
.tab_list .tab:not(.current):focus .btn {color:var(--colorSub);border-color:var(--colorSub)}
.tab_list .tab.current .btn {color:var(--colorWhite);background-color:var(--colorDarkGray);border-color:var(--colorDarkGray)}
.tab_list.s2 {gap:3px}
.tab_list.s2 .tab {}
.tab_list.s2 .tab .btn {padding:18px 10px;color:var(--colorFontGray);background-color:var(--colorBgGray);border-color:var(--colorLightGray);border-bottom:0;border-radius:0}
.tab_list.s2 .tab .btn::after {display:none;width:100%;height:3px;content:"";background-color:var(--colorWhite);position:absolute;left:0;bottom:-1px}
.tab_list.s2 .tab:not(.current):hover .btn, 
.tab_list.s2 .tab:not(.current):focus .btn {color:var(--colorBlack2);font-weight:500;border-color:var(--colorLightGray)}
.tab_list.s2 .tab.current .btn {color:var(--colorBlack2);font-weight:700;background-color:var(--colorWhite);border-color:var(--colorBlack)}
.tab_list.s2 .tab.current .btn::after {display:block}
.tab_cont {display:none}
.tab_cont.current {display:block}
.tab_cont.s2 {padding:20px 25px;border:1px solid var(--colorBlack2)}


/* 텍스트 리스트 - 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:6px;font-weight:700;color:var(--colorBlack2)}
.list_txt_group .list_txt {margin-bottom:4px;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:10px}
.list_txt_group .list_txt.dl {display:flex;column-gap:15px}
.list_txt_group .list_txt .dt {display:inline-block;color:var(--colorBlack2);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}
.list_txt_group2 {}
.list_txt_group2 .list_txt2 {margin-bottom:3px}
.list_txt_group2 .list_txt2:last-child {margin-bottom:0 !important}
.depth_list {}
.depth_list .depth_txt {display:inline-block}


/* 레이어 팝업 */
.layer_pop {display:none;width:100%;height:100%;color:var(--colorBlack2);background-color:rgba(0,0,0,0.5);position:fixed;left:0;top:0;z-index:10000}
.layer_pop .pop_offset {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;align-items:center;padding-left:20px;color:var(--colorWhite);background-color:var(--colorMain);overflow:hidden}
.layer_pop .pop_head .head_tit {font-size:18px;line-height:1.1}
.layer_pop .pop_head .btn_pop_close {width:60px;height:50px;font-size:0;line-height:0;text-align:center;color:var(--colorWhite);background-color:transparent}
.layer_pop .pop_head .btn_pop_close:hover {background-color:rgba(0,0,0,0.2)}
.layer_pop .pop_head .btn_pop_close::before {display:block;font-family:'xeicon';content:"\e921";font-size:24px;line-height:49px}
.layer_pop .pop_body {max-height:76vh;min-height:100px;background-color:var(--colorWhite);overflow-y:auto}
.layer_pop .pop_body::-webkit-scrollbar {width:4px;height:4px}
.layer_pop .pop_body::-webkit-scrollbar-track {background-color:var(--colorLightGray);border-radius:4px}
.layer_pop .pop_body::-webkit-scrollbar-thumb {background-color:var(--colorFontGray);border-radius:4px}
.layer_pop .pop_body::-webkit-scrollbar-thumb:hover {background-color:var(--colorMain)}
.layer_pop .pop_body .pop_cont {padding:15px 18px 25px 18px}
.layer_pop .pop_body .table td {padding:5px 10px}
.layer_pop .pop_body .layout_title {padding:0;border-bottom:0}
.layer_pop .pop_body .layout_title .depth {margin-right:12px;padding-right:12px}
.layer_pop .pop_body .layout_title .depth::after {font-size:18px}
.layer_pop .pop_tail {padding:15px 10px;background-color:var(--colorWhite);box-shadow:4px 0 6px rgba(0,0,0,0.17);position:relative;z-index:1}
.layer_pop .pop_tail .btn_list {margin:0 auto}


/* 로딩 */
.loading_page {width:100%;height:100%;background-color:rgba(0,0,0,0.4);position:fixed;left:0;top:0;z-index:10000}
.loading_page .loading_inner {width:110px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
.loading_page .loading_inner .img {margin-bottom:15px;text-align:center;line-height:1;position:relative;animation:loadingRotate 2s 0.2s infinite linear}
.loading_page .loading_inner .img .icon {font-size:2.6em;color:var(--colorMain)}
.loading_page .loading_inner .text {font-size:1.2em;font-weight:700;color:var(--colorWhite);text-align:center}
.loading_page .loading_inner .text .t1 {animation:loadingColor 1.5s 0.2s infinite ease-in-out}
.loading_page .loading_inner .text .t2 {animation:loadingColor 1.5s 0.4s infinite ease-in-out}
.loading_page .loading_inner .text .t3 {animation:loadingColor 1.5s 0.6s infinite ease-in-out}
.loading_page .loading_inner .text .t4 {animation:loadingColor 1.5s 0.8s infinite ease-in-out}
.loading_page .loading_inner .text .t5 {animation:loadingColor 1.5s 1s infinite ease-in-out}
.loading_page .loading_inner .text .t6 {animation:loadingColor 1.5s 1.2s infinite ease-in-out}
.loading_page .loading_inner .text .t7 {animation:loadingColor 1.5s 1.4s infinite ease-in-out}
.loading_page .loading_inner .text .t8 {animation:loadingColor 1.5s 1.6s infinite ease-in-out}
.loading_page .loading_inner .text .t9 {animation:loadingColor 1.5s 1.8s infinite ease-in-out}
.loading_page .loading_inner .text .t10 {animation:loadingColor 1.5s 2s infinite ease-in-out}

@keyframes loadingRotate{
	0% {transform:rotate(0deg)}
	100% {transform:rotate(360deg);transform-origin:center}
}

@keyframes loadingColor{
	0% {color:var(--colorWhite);opacity:0.8}
	100% {color:var(--colorMain);opacity:1}
}