@charset "UTF-8";

:root {
  --colorMain:#0b4582;
  --colorSub:#118ebf;
  --colorBlack:#000;
  --colorGray90:#1E2124;
  --colorGray80:#33363D;
  --colorGray70:#464C53;
  --colorGray60:#58616A;
  --colorGray40:#8A949E;
  --colorBorderGray:#CDD1D5;
  --colorBgGray:#f5f5f5;
  --colorBlue:#0085F6;
  --colorSky:#3c79d5;
  --colorGreen:#48a644;
  --colorRed:#ed4040;
  --colorPoint:#3d45d9; /* 보라색 */
  --colorPoint2:#D97706; /*브라운*/
  --colorWhite:#fff;
}

html {overflow-x:hidden}
html, body { font-family:'Pretendard', 'sans-serif';font-size:16px;line-height:1.6;letter-spacing:-0.014em;font-weight:400;word-break:keep-all}
.container {max-width:1400px;margin:0 auto;position:relative}
.hide {position: absolute; left: -9999px; overflow: hidden; width: 1px; height: 1px; line-height: 1px; font-size: 1px;}
/* *{padding:0; margin:0; box-sizing:border-box; font-family:'Noto Sans KR'; word-break:keep-all;} */

/* 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;}


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

.agt {align-items:flex-start}
.agc {align-items:center}
.age {align-items:flex-end}

.jsl {justify-content:left}
.jsr {justify-content:right}
.jsc {justify-content:center}
.jsb {justify-content:space-between}

.fl {float:left}
.fr {float:right}
.fn {float:none}

.vt {vertical-align:top !important}
.vm {vertical-align:middle !important}
.vb {vertical-align:bottom !important}
.vbase {vertical-align:baseline !important}

.w100 {width:100%}

.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}
.underline {text-decoration:underline}

.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}

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

.s_txt {font-size:0.9375rem}
.s_txt_top {margin-bottom:10px}
.s_txt_bottom {margin-top:10px}
.s_txt_left {display:inline-block;margin-right:10px}
.s_txt_right {display:inline-block;margin-left:10px}

.c_main {color:var(--colorMain) !important}
.c_sub {color:var(--colorSub) !important}
.c_red {color:var(--colorRed) !important}
.c_green {color:var(--colorGreen) !important}
.c_blue {color:var(--colorBlue) !important}
.c_sky {color:var(--colorSky) !important}
.c_black {color:var(--colorBlack) !important}
.c_gray90 {color:var(--colorGray90) !important}
.c_gray80 {color:var(--colorGray80) !important}
.c_gray70 {color:var(--colorGray70) !important}
.c_gray60 {color:var(--colorGray60) !important}
.c_gray40 {color:var(--colorGray40) !important}
.c_white {color:#fff !important}

.bg_main {background-color:var(--colorMain) !important}
.bg_sub {background-color:var(--colorSub) !important}
.bg_red {background-color:var(--colorRed) !important}
.bg_green {background-color:var(--colorGreen) !important}
.bg_blue {background-color:var(--colorBlue) !important}
.bg_black {background-color:var(--colorBlack) !important}
.bg_gray90 {background-color:var(--colorGray90) !important}
.bg_gray80 {background-color:var(--colorGray80) !important}
.bg_gray70 {background-color:var(--colorGray70) !important}
.bg_gray60 {background-color:var(--colorGray60) !important}
.bg_gray40 {background-color:var(--colorGray40) !important}
.bg_white {background-color:#fff !important}


/* 텍스트 리스트 - 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:8px;font-size:1.1em;font-weight:700;color:var(--colorGray90);position:relative}
.list_txt_group .list_tit.arrow {padding-left:12px}
.list_txt_group .list_tit.arrow::before {display:block;content:'';border:4px solid transparent;border-left:5px solid #bbb;position:absolute;left:0;top:0.5em}
.list_txt_group .list_txt_inner.ml {margin-left:12px}
.list_txt_group .list_txt {margin-bottom:6px;font-size:1em;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(--colorGray80);position:absolute;left:0;top:10px}
.list_txt_group .list_txt.red::before {}
.list_txt_group .list_txt.dot {padding-left:10px}
.list_txt_group .list_txt.dot::before {display:block;width:4px;height:4px;border-radius:100%}
.list_txt_group .list_txt.line {padding-left:10px}
.list_txt_group .list_txt.line::before {display:block;width:5px;height:1px;top:0.65em}
.list_txt_group .list_txt.arrow {padding-left:12px}
.list_txt_group .list_txt.arrow::before {display:block;border:4px solid transparent;border-left:5px solid #bbb;background-color:transparent;top:6px}
.list_txt_group .list_txt.beforeline {display:inline-block;margin:0 0 0 9px;padding-left:11px;position:relative}
.list_txt_group .list_txt.beforeline::before {display:block;width:1px;height:14px;background-color:var(--colorBorderGray);top:50%;transform:translateY(-50%)}
.list_txt_group .list_txt.beforeline:first-child {margin-left:0;padding-left:0}
.list_txt_group .list_txt.beforeline:first-child::before {display:none}
.list_txt_group .list_txt.dl {display:flex;column-gap:15px}
.list_txt_group .list_txt .dt {display:inline-block;font-weight:500;position:relative;vertical-align:top}
.list_txt_group .list_txt .dd {display:inline-block;vertical-align:top}
.list_txt_group .list_txt.c_main::before {background-color:var(--colorMain)}
.list_txt_group .list_txt.c_sub::before {background-color:var(--colorSub)}
.list_txt_group .list_txt.c_red::before {background-color:var(--colorRed)}
.list_txt_group .list_txt.c_blue::before {background-color:var(--colorBlue)}
.list_txt_group .list_txt.c_gray90::before {background-color:var(--colorGray90)}
.list_txt_group .list_txt.c_gray70::before {background-color:var(--colorGray70)}
.list_txt_group .list_txt.c_gray60::before {background-color:var(--colorGray60)}
.list_txt_group .list_txt.c_gray40::before {background-color:var(--colorGray40)}

/* 레이어 팝업 */
.layer_pop {display:none;width:100%;height:100%;font-weight:400;color:var(--colorGray90);background-color:rgba(0,0,0,0.5);position:fixed;left:0;top:0;z-index:10000}
.layer_pop .pop_inner {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:#fff;background-color:var(--colorGray90)}
.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(/new/images/kor/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:#fff;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 .cont_tit {font-size:18px}
.layer_pop .pop_body .page_gap:not(:last-child) {margin-bottom:24px}
.layer_pop .pop_body .list_txt_group {}
.layer_pop .pop_body .list_txt_group .list_txt {margin-bottom:3px}
.layer_pop .pop_tail {padding:15px 10px 27px 10px;background-color:#fff}
.layer_pop .pop_tail .cont_btn_list_area {margin-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%;border-radius:10px;position:relative;overflow:hidden}
.slide_wrap .img_box .img {display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--colorBgGray);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:100%;height:2px;font-size:0;line-height:0;background-color:var(--colorBorderGray);background-image:linear-gradient(to right, var(--colorMain), var(--colorMain));background-repeat:no-repeat;background-size:0 100%;position:relative;overflow:hidden;transition:background-size .4s ease-in-out;}
.slide_btn .ctrl {display:flex;align-items:center;gap:4px}
.slide_btn .btn {font-family:'xeicon';display:inline-block;color:#767676;vertical-align:middle;transition:0.3s}
.slide_btn .btn::after {font-size:1.4rem;color:inherit;transition:0.3s}
.slide_btn .btn.prev, .slide_btn .btn.next {} 
.slide_btn .btn.play, .slide_btn .btn.stop {}
.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 {color:var(--colorBlack);box-shadow:0 0 15px rgb(72 187 255 / 14%)}
.slide_btn .btn.prev::after {display:block;content:"\e93d";font-weight:700}
.slide_btn .btn.next::after {display:block;content:"\e940";font-weight:700}
.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:flex;align-items:center;column-gap:10px}
.slide_btn .paging .dots button {display:block;width:10px;height:10px;font-size:0;line-height:0;background-color:transparent;border:1px solid #212121;border-radius:10px}
.slide_btn .paging .dots .slick-active button {background-color:#212121}
.slide_btn .count {color:#757575}
.slide_btn .count .now {color:var(--colorMain);font-weight:700}
.slide_btn .ctrl.round {padding:3px 5px;background-color:rgba(0,0,0,0.4);border-radius:32px}
.slide_btn .ctrl.round .btn {width:30px;height:25px;color:var(--colorWhite)}
.slide_btn .ctrl.round .btn::after {font-size:1rem}
.slide_btn .ctrl.round .count, 
.slide_btn .ctrl.round .count .now {color:var(--colorWhite)}

@media screen and (max-width:1400px){
	.container {margin:0 1.5%}
	.blind1400 {display:none !important}
	.add1400 {display:inline-block !important}

	/* 기본 표(게시판x) */
	.scroll_table.w1400 {overflow-y:auto}
	.scroll_table.w1400 table {width:1400px}
	.mobile_tbody_th.w1400 tr {display:grid;grid-template-columns:200px calc(100% - 200px);grid-template-rows:auto}
	.mobile_tbody_th.w1400 th:nth-child(2n), 
	.mobile_tbody_th.w1400 td:nth-child(2n) {border-right:0}
}

@media screen and (max-width:1280px){	
	body {font-size:15px;line-height:1.5}
	.blind1280 {display:none !important}
	.add1280 {display:inline-block !important}

	/* 텍스트 리스트 - dot, line */
	.list_txt_group {margin-bottom:18px;padding-bottom:18px}
	.list_txt_group .list_tit {margin-bottom:5px}
	.list_txt_group .list_tit.arrow::before {top:7px}
	.list_txt_group .list_txt::before, 
	.list_txt_group .list_txt.line::before {top:9px}
	.list_txt_group .list_txt .num {top:1px}
	.list_txt_group .list_txt .list_inner .list_txt {font-size:0.88rem}

	/* 레이어 팝업 */
	.layer_pop .pop_head .head_tit {font-size:18px}
	.layer_pop .pop_head .btn_pop_close {width:16px;height:16px}
	.layer_pop .pop_body .cont_tit {}
}

@media screen and (max-width:1080px){
	.container {margin:0 2%}
	.blind1080 {display:none !important}
	.add1080 {display:inline-block !important}

	/* 텍스트 리스트 - dot, line */
	.list_txt_group {margin-bottom:15px;padding-bottom:15px}
	.list_txt_group .list_txt.fs_b {padding-left:12px;font-size:1.05em}

	/* 레이어 팝업 */
	.layer_pop .pop_head {padding:15px 18px}
	.layer_pop .pop_head .head_tit {font-size:16px}
	.layer_pop .pop_body .pop_cont {padding:18px}
	.layer_pop .pop_body .pop_cont .cont_tit {font-size:1.1em}
}

@media screen and (max-width:767px){
	.container {margin:0 3%}
	.blind768, .blind767 {display:none !important}
	.add767, .add768 {display:inline-block !important}

	/* 텍스트 리스트 - dot, line */
	.list_txt_group .list_tit2 {padding:6px 10px 5px 10px}
	.list_txt_group .list_txt.fs_b {font-size:1em}
	.list_txt_group .list_txt.icon {padding-left:20px}
	.list_txt_group .list_txt .num {width:16px;height:16px;font-size:10px;line-height:17px}

	/* 레이어 팝업 */
	.layer_pop .pop_wrap {width:98%;max-width:100%;border-radius:12px}
	.layer_pop .pop_head {padding:13px 16px}
	.layer_pop .pop_head .head_tit {font-size:15px}
	.layer_pop .pop_body .pop_cont {padding:16px}
}

@media screen and (max-width:480px){
	body {font-size:14px}
	.blind480 {display:none !important}
	.add480 {display:inline-block !important}

	/* 텍스트 리스트 - dot, line */
	.list_txt_group .list_txt.line::before {top:8px}
	
	.slide_btn .paging .dots {column-gap:8px}
	.slide_btn .paging .dots button {width:8px;height:8px}
}