@charset "UTF-8";

/*===================== header =====================*/
.header {width:100%;border-bottom:1px solid var(--colorBorderGray);position:fixed;left:0;top:0;z-index: 9999;}
.header::before{ display:block; content:''; position:absolute; top:90px; left:0; width:100%; height:100vh; background:rgba(0,0,0,.4); z-index:1; visibility:hidden; opacity:0; transition:all .5s;}
.header .header_inner {position: relative}
.header .gnb_cont_area {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display:-o-flex; display: flex; align-items: center; justify-content: space-between;height:85px;padding-left:40px; position:relative;}
.header .logo_area {width:221px;height:48px}
.header .logo_area .logo {display:block;height:100%;background-image:url(/images/main/logo_on.png);background-position:left top;background-repeat:no-repeat;background-size:cover}
.header .logo_area .logo img {}
.header .gnb_area {width: calc(100% - 770px);min-width:950px;height:100%;transition:width 0.5s}
/*
.header .gnb_area #gnb {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex: 1;align-items:center;height:100%}
.header .gnb_area #gnb > li {flex:1;height:100%;position:relative}
.header .gnb_area #gnb > li.none {display: none;}
.header .gnb_area #gnb > li .sitemap_tit {display:flex;align-items:center;justify-content:center;height:100%}
.header .gnb_area #gnb > li .sitemap_tit .text {display: block; font-weight: 600; font-size: 20px; color: #212121;}
.header .gnb_area #gnb > li .sub_gnb_area {display: none;border-right:1px solid var(--colorBorderGray);position:absolute; right: 0; left: 0; padding: 10px 0; z-index: 3;}
.header .gnb_area #gnb > li:first-child .sub_gnb_area {border-left:1px solid var(--colorBorderGray)}
.header .gnb_area #gnb > li .sub_gnb_area .sub_gnb {padding-top:20px}
.header .gnb_area #gnb > li .sub_gnb_area .sub_gnb > li {}
.header .gnb_area #gnb > li .sub_gnb_area .sub_gnb > li > a {display:block;padding:10px 15px;font-weight:600; font-size: 17px; line-height: 1.5; color: #212121;transition:0.3s}
.header .gnb_area #gnb > li .sub_gnb_area .sub_gnb > li:hover > a,
.header .gnb_area #gnb > li .sub_gnb_area .sub_gnb > li:focus > a {color:var(--colorMain);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
.header .gnb_area #gnb > li .sub_gnb_area .sub_gnb .depth3 {margin:-3px 0 12px 0}
.header .gnb_area #gnb > li .sub_gnb_area .sub_gnb .depth3 > li {}
.header .gnb_area #gnb > li .sub_gnb_area .sub_gnb .depth3 > li > a {display:inline-block;padding:3px 22px;color:#666;font-size:15px;position:relative;transition:0.3s}
.header .gnb_area #gnb > li .sub_gnb_area .sub_gnb .depth3 > li > a::before {width:5px;height:1px;content:'';background-color:#666;position:absolute;left:13px;top:14px;transition:0.25s;opacity:1}
.header .gnb_area #gnb > li .sub_gnb_area .sub_gnb .depth3 > li > a::after {font-family:'xeicon';content:'\e93e';line-height:1;color:var(--colorSub);font-weight:bold;font-size:10px;position:absolute;left:11px;top:10px;transition:0.3s;opacity:0}
.header .gnb_area #gnb > li .sub_gnb_area .sub_gnb .depth3 > li:hover > a, 
.header .gnb_area #gnb > li .sub_gnb_area .sub_gnb .depth3 > li:focus > a {color:var(--colorSub);text-decoration:underline;text-underline-offset:4px}
.header .gnb_area #gnb > li .sub_gnb_area .sub_gnb .depth3 > li:hover > a::before, 
.header .gnb_area #gnb > li .sub_gnb_area .sub_gnb .depth3 > li:focus > a::before {opacity:0}
.header .gnb_area #gnb > li .sub_gnb_area .sub_gnb .depth3 > li:hover > a::after, 
.header .gnb_area #gnb > li .sub_gnb_area .sub_gnb .depth3 > li:focus > a::after {opacity:1}
*/
.header .gnb_cont_area #gnb {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center}
.header .gnb_cont_area #gnb > li {}
.header .gnb_cont_area #gnb > li.none {display: none;}
.header .gnb_cont_area #gnb .sitemap_tit {display: flex; justify-content: center; align-items: center;height:85px;padding:0 30px;text-align: center;}
.header .gnb_cont_area #gnb .sitemap_tit .text {font-weight:600; font-size: 19px; color:var(--colorBlack);position:relative}
.header .gnb_cont_area #gnb .sitemap_tit .text::after {width:0;height:3px;content:'';background-color:var(--colorSub);position:absolute;left:0;bottom:-3px;transition:width 0.3s}
.header .gnb_cont_area #gnb > li.on .sitemap_tit .text {color:var(--colorSub)}
.header .gnb_cont_area #gnb > li.on .sitemap_tit .text::after {width:100%}
.header .gnb_cont_area #gnb .sub_gnb_area { display:none; position: absolute; right: 0; left: 0; padding: 0; border-top: 1px solid #E0E0E0; background-color: #ffffff; box-shadow: 0 12px 10px rgba(0,0,0,0.15); z-index: 3;}
.header .gnb_cont_area #gnb .sub_gnb_area .container {position:relative; padding: 0 0 0 400px;}
/* .header .gnb_cont_area #gnb .title_area {position: absolute; right: calc(100% - 400px); width: 100%; height: 100%; padding: 40px; background-color:var(--colorMain);background-image:url(/new/images/kor/header/gnb_inner_bg.png);background-repeat:no-repeat;background-position:left -111px bottom -60px;vertical-align: top; text-align: right;} */
.header .gnb_cont_area #gnb .title_area {width:calc((100dvw - 1400px) / 2 + 400px);height:100%;padding:40px;text-align:right;background-color:var(--colorMain);background-image:url(/new/images/kor/header/gnb_inner_bg.png);background-position:left -22px bottom -53px;background-repeat:no-repeat;position:absolute;left:0;transform:translateX(calc((-100dvw + 1400px) / 2))}
.header .gnb_cont_area #gnb .title_cont {display: inline-block; position: relative; width: 100%; max-width:320px; height: 100%;color:#fff;text-align:left}
.header .gnb_cont_area #gnb .title_cont .title {font-weight: 600; font-size: 32px; line-height: 48px; color:#fff}
.header .gnb_cont_area #gnb .title_cont .text {margin-top:20px;font-weight:300;opacity:0.9}
.header .gnb_cont_area #gnb .sub_gnb {display: flex; justify-content: stretch; align-items: stretch; flex-wrap: wrap; gap: 24px 40px; width: 100%; min-height: 240px; padding: 40px; text-align: left;}
.header .gnb_cont_area #gnb .sub_gnb > li {width: calc(33.3333% - 26.6666px);}
.header .gnb_cont_area #gnb .sub_gnb > li > a {display:flex;justify-content:stretch;align-items:center;height:56px;padding:0 15px;word-break:break-word;font-size:18px;font-weight:700;background-color:#fff;outline:1px solid #fff;border:1px solid var(--colorBorderGray);border-radius:8px;transition:all 0.3s;position:relative}
.header .gnb_cont_area #gnb .sub_gnb > li > a:hover,
.header .gnb_cont_area #gnb .sub_gnb > li > a:focus,
.header .gnb_cont_area #gnb .sub_gnb > li:hover > a,
.header .gnb_cont_area #gnb .sub_gnb > li:focus > a {color:var(--colorMain);border-color:var(--colorMain);outline-color:var(--colorMain)}
.header .gnb_cont_area #gnb .sub_gnb > li.exists > a::after {width:23px;height:23px;font-family:'xeicon';content:'\e941';color:var(--colorGray60);font-size:12px;line-height:25px;text-align:center;background-color:var(--colorBgGray);border-radius:100%;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:0.2s}
.header .gnb_cont_area #gnb .sub_gnb > li.exists > a:hover::after,
.header .gnb_cont_area #gnb .sub_gnb > li.exists > a:focus::after,
.header .gnb_cont_area #gnb .sub_gnb > li.exists:hover > a::after,
.header .gnb_cont_area #gnb .sub_gnb > li.exists:focus > a::after {color:#fff;background-color:var(--colorMain)}
.header .gnb_cont_area #gnb .sub_gnb .depth3 {display: block; margin: 16px 0 0; padding: 0 10px;}
.header .gnb_cont_area #gnb .sub_gnb .depth3 > li { margin: 0 0 8px;}
.header .gnb_cont_area #gnb .sub_gnb .depth3 > li:last-child { margin: 0;}
.header .gnb_cont_area #gnb .sub_gnb .depth3 > li > a {display:inline-block;padding-left:15px;color:var(--colorGray60);font-size:1em;font-weight:400;position:relative}
.header .gnb_cont_area #gnb .sub_gnb .depth3 > li > a * {letter-spacing:-0.06em !important}
.header .gnb_cont_area #gnb .sub_gnb .depth3 > li > a::before { content: ''; position: absolute; top:9px; left: 0; width: 6px; height:6px; background-color: #D9D9D9; border-radius: 50%;transition:0.3s}
.header .gnb_cont_area #gnb .sub_gnb .depth3 > li > a .text {position:relative}
.header .gnb_cont_area #gnb .sub_gnb .depth3 > li > a .text::after {width:0;height:calc(100% - 7px);content:'';background-color:#e3f1f8;position:absolute;left:0;top:10px;z-index:-1;transition:width 0.3s}
.header .gnb_cont_area #gnb .sub_gnb .depth3 > li > a:hover,
.header .gnb_cont_area #gnb .sub_gnb .depth3 > li > a:focus {color:var(--colorMain);font-weight:700}
.header .gnb_cont_area #gnb .sub_gnb .depth3 > li > a:hover::before,
.header .gnb_cont_area #gnb .sub_gnb .depth3 > li > a:focus::before {background-color:var(--colorMain)}
.header .gnb_cont_area #gnb .sub_gnb .depth3 > li > a:hover .text::after,
.header .gnb_cont_area #gnb .sub_gnb .depth3 > li > a:focus .text::after {width:100%}
.header .language {}
.header .language .btn {}

.header .head_btn_area {height:100%}
.header .head_btn_area .area_inner {display:flex;align-items:center;height:100%}
.header .head_btn_area .bundle {height:100%;border-left:1px solid var(--colorBorderGray);position:relative}
.header .head_btn_area .bundle.noline {}
.header .head_btn_area .bundle.noline::after {display:none !important}
.header .head_btn_area .bundle.line_s {height:auto;margin-right:30px;border-left:0}
.header .head_btn_area .bundle.line_s::after {width:1px;height:14px;content:'';background-color:var(--colorBorderGray);position:absolute;right:-15px;top:50%;transform:translateY(-50%)}
.header .head_btn_area .btn_txt {}
.header .head_btn_area .btn_icon {display:flex;align-items:center;justify-content:center;width:85px;height:100%;font-size:28px}
.header .head_btn_area .sitemap_btn {}
.header .head_btn_area .sitemap_btn .icon {display:block;width:25px;height:3px;background-color:#212121;position:relative;top:-8px}
.header .head_btn_area .sitemap_btn .icon::before, 
.header .head_btn_area .sitemap_btn .icon::after {width:100%;height:3px;content:'';background-color:#212121;position:absolute;right:0;transition:width 0.3s}
.header .head_btn_area .sitemap_btn .icon::before {width:80%;top:10px}
.header .head_btn_area .sitemap_btn .icon::after {top:20px}
.header .head_btn_area .sitemap_btn:hover .icon::before, 
.header .head_btn_area .sitemap_btn:focus .icon::before {width:100%}

.header .head_btn_area .font_size_layer {display:none;width:225px;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,0.1);position:absolute;left:0;top:35px;z-index:2}
.header .head_btn_area .font_size_layer .box_tit {color:#212121;font-weight:700}
.header .head_btn_area .font_size_layer .ctrl_box {display:flex;justify-content:space-around;margin-top:8px;padding:13px 10px;background-color:var(--colorBgGray);border-radius:8px}
.header .head_btn_area .font_size_layer .btn_bundle {}
.header .head_btn_area .font_size_layer .btn_ctrl {text-align:center;color:#212121;transition:0.3s}
.header .head_btn_area .font_size_layer .btn_ctrl .icon_box {display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin:0 auto 7px auto;background-color:#e1e1e1;border-radius:100%;transition:0.3s}
.header .head_btn_area .font_size_layer .btn_ctrl .icon {font-size:19px}
.header .head_btn_area .font_size_layer .btn_ctrl.reset .icon {transform:rotate(45deg)}
.header .head_btn_area .font_size_layer .btn_ctrl .text {font-size:15px;transition:0.3s}
.header .head_btn_area .font_size_layer .btn_close {width:23px;height:23px;text-align:center;color:#212121;font-size:20px;position:absolute;right:10px;top:14px}
.header .head_btn_area .font_size_layer .btn_close .icon {transition:0.4s}
.header .head_btn_area .font_size_layer .btn_ctrl:hover .icon_box, 
.header .head_btn_area .font_size_layer .btn_ctrl:focus .icon_box {color:#fff;background-color:#212121;transition:transform 0.3s}
.header .head_btn_area .font_size_layer .btn_ctrl:hover .text, 
.header .head_btn_area .font_size_layer .btn_ctrl:focus .text {font-weight:500}
.header .head_btn_area .font_size_layer .btn_close:hover .icon, 
.header .head_btn_area .font_size_layer .btn_close:focus .icon {transform:rotate(180deg)}


#gnb_bg {width:100%;height:0;background-color:var(--colorBgGray);box-shadow:0 12px 10px rgba(0,0,0,0.07);position:absolute;left:0;top:85px;z-index:1}

/* scrolled */
.header.on, 
.header.scrolled {background-color:#fff}
.header.scrolled .gnb_header {position:fixed; top:0; z-index:3; width:100%; border-bottom: 1px solid #e2e4e8; box-shadow:0 2px 5px rgba(211,211,211,0.5); background-color: #ffffff;}
.header.scrolled .sub_gnb_cont {top: 94px;}
.header.scrolled .head_popzon {height: 0;overflow:hidden}

/* sitemap */
.sitemap_wrap {display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 9999; overflow: auto; background-color:var(--colorMain)}
.sitemap_wrap .sitemap_close {display:flex;align-items:center;justify-content:center;width:80px;height:80px;font-size:1.7em;color:var(--colorWhite);background-color:rgba(0,0,0,0.3);position:absolute;right:0;top:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.sitemap_wrap .sitemap_close .icon {transition:0.4s}
.sitemap_wrap .sitemap_close:hover, 
.sitemap_wrap .sitemap_close:focus {background-color:rgba(0,0,0,0.6)}
.sitemap_wrap .sitemap_close:hover .icon, 
.sitemap_wrap .sitemap_close:focus .icon {transform:rotate(180deg)}
.sitemap_wrap .sitemap {display:flex;flex-wrap:wrap;height:100%;padding-bottom:100px;position:relative;}
.sitemap_wrap .sitemap a {color:var(--colorWhite)}
.sitemap_wrap .sitemap > li {width:calc(100% / 3);min-height:50%;padding-top:70px;position:relative}
.sitemap_wrap .sitemap > li:nth-child(-n+3) {padding-top:140px}
.sitemap_wrap .sitemap > li > a {}
.sitemap_wrap .sitemap > li .line {width:1px;content:'';background-color:rgba(255,255,255,0.15);position:absolute;left:0;top:0}
.sitemap_wrap .sitemap .sitemap_tit {display:inline-block;margin-bottom:30px;padding-left:18px;font-size:30px;line-height:1;font-weight:700;color:#fff;position:relative}
.sitemap_wrap .sitemap .sitemap_tit::before {width:4px;height:100%;content:'';background-color:var(--colorWhite);position:absolute;left:0;top:50%;transform:translateY(-50%);transition:width 0.3s}
.sitemap_wrap .sitemap .sub_gnb_area {display: block;top: inherit !important}
.sitemap_wrap .sitemap_sub_gnb {margin-left:18px}
.sitemap_wrap .sitemap_sub_gnb .title_area {display: none;}
.sitemap_wrap .sitemap_sub_gnb > li {display:block;margin-bottom:13px}
.sitemap_wrap .sitemap_sub_gnb > li:last-child {margin-bottom:0}
.sitemap_wrap .sitemap_sub_gnb > li > a {display:block;padding-left:18px;font-weight:700;font-size:19px;position:relative;transition:0.3s}
.sitemap_wrap .sitemap_sub_gnb > li > a::before {width:6px;height:6px;content:'';background-color:var(--colorWhite);border-radius:100%;position:absolute;left:0;top:10px}
.sitemap_wrap .sitemap_sub_gnb .depth3 {margin:12px 0 28px 20px}
.sitemap_wrap .sitemap_sub_gnb .depth3 > li {margin-bottom:10px}
.sitemap_wrap .sitemap_sub_gnb .depth3 > li:last-child {margin-bottom:0}
.sitemap_wrap .sitemap_sub_gnb .depth3 > li > a {display:inline-block;padding-left:12px;font-weight:300;opacity:0.8;position:relative;transition:0.3s}
.sitemap_wrap .sitemap_sub_gnb .depth3 > li > a::before {width:5px;height:1px;content:'';background-color:rgba(255,255,255,0.8);position:absolute;left:0;top:11px}
.sitemap_wrap .sitemap_sub_gnb .depth3 > li > a::after, 
.sitemap_wrap .sitemap_sub_gnb .depth3 > li > a::after {width:16px;height:15px;content:'';background-image:url(/new/images/kor/header/menu_hover_icon2.png);background-position:left top 4px;background-repeat:no-repeat;opacity:0;position:absolute;left:0;top:1px;transition:0.2s}

/*.sitemap_wrap .sitemap > li.on .sitemap_tit::before {width:8px;background-color:#2BA3FF}
.sitemap_wrap .sitemap_sub_gnb > li.on > a::before {background-color:#FF5900;border-radius:0}*/
.sitemap_wrap .sitemap_sub_gnb > li.on > a {padding-left:24px;color:#87d7ec;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px;background-image:url(/new/images/kor/header/menu_hover_icon.png);background-position:left top 7px;background-repeat:no-repeat}
.sitemap_wrap .sitemap_sub_gnb > li.on > a::before {opacity:0}
.sitemap_wrap .sitemap_sub_gnb .depth3 > li > a:hover, 
.sitemap_wrap .sitemap_sub_gnb .depth3 > li > a:focus {padding-left:20px;font-weight:400;text-decoration:underline;text-underline-offset:4px;opacity:1}
.sitemap_wrap .sitemap_sub_gnb .depth3 > li > a:hover::before, 
.sitemap_wrap .sitemap_sub_gnb .depth3 > li > a:focus::before {opacity:0}
.sitemap_wrap .sitemap_sub_gnb .depth3 > li > a:hover::after, 
.sitemap_wrap .sitemap_sub_gnb .depth3 > li > a:focus::after {opacity:1}

/*===================== header =====================*/

/* ==================== POPZON ==================== */
.head_popzon {background-color: #31435a;overflow:hidden}
.head_popzon .popzon_box {position: relative; width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 150px; font-size: 0; text-align: center;}
.head_popzon .popzon_box .nav_box {position: absolute; top: 50%; left: 5px; margin: -13px 0 0; font-size: 0;}
.head_popzon .popzon_box .nav_box.m {display: none;}
.head_popzon .popzon_box .nav_box .nav {display: inline-block; width: 26px; height: 26px; margin: 0 5px 0 0; text-indent: -9999px; background-position: 0 0; background-size: contain; background-repeat: no-repeat; vertical-align: middle;}
.head_popzon .popzon_box .nav_box .nav:last-child {margin: 0;}
.head_popzon .popzon_box .nav_box .nav.prev {background-image: url('/images/common/popzon_prev_icon.png');}
.head_popzon .popzon_box .nav_box .nav.next {background-image: url('/images/common/popzon_next_icon.png');}
.head_popzon .popzon_box .nav_box .num {display: inline-block; margin: 0 0 0 30px; font-weight: 300; font-size: 16px; line-height: 24px; color: #ffffff; vertical-align: middle;}
.head_popzon .popzon_box .nav_box .num .now {font-weight: 500;}
.head_popzon .popzon_box .slide_zon {}
.head_popzon .popzon_box .slide_zon #head_slide {}
.head_popzon .popzon_box .slide_zon #head_slide li {}
.head_popzon .popzon_box .slide_zon #head_slide li a {display: block; padding: 18px 0 19px;}
.head_popzon .popzon_box .slide_zon #head_slide li a .title {height: 30px; margin: 0 0 5px; font-weight: 700; font-size: 20px; line-height: 30px; color: #ffffff; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.head_popzon .popzon_box .slide_zon #head_slide li a .text {height: 24px; font-weight: 400; font-size: 16px; line-height: 24px; color: rgba(255, 255, 255, 0.6); word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.head_popzon .popzon_box .head_popzon_close {display: inline-block; position:absolute; top: 10px; right: 5px; width: 19px; height: 18px; background-image: url('/images/common/popzon_close.png'); background-size: cover; background-repeat: no-repeat;}
.head_popzon .popzon_box .slide_zon #head_slide .slick-dots {display: none !important;}

.head_popzon .popzon_box .chk_each {position: absolute; bottom: 10px; right: 5px; padding: 0 0 0 23px;}
.head_popzon .popzon_box .chk_each .chk_inp {display: block; position: absolute; left: 0; top: 50%; z-index: 1; width: 15px; height: 15px; margin: 0; border: 1px solid #ffffff; background-position: center; background-repeat: no-repeat; transform: translateY(-50%);}
.head_popzon .popzon_box .chk_each .chk_inp:checked {background-image: url('/images/board/chk.png');}
.head_popzon .popzon_box .chk_each label {display: block; font-size: 0;}
.head_popzon .popzon_box .chk_each label .text {display: inline-block; font-weight: 400; font-size: 14px; line-height: 21px; color: #ffffff;}
/* ==================== POPZON ==================== */