/* --------------------- DoosanENC Released 2022.08.08 --------------------- */
/* ----------------------- Published by 4m Creative ------------------------ */


@charset "utf-8";

/* reset */
* {margin:0; padding:0; box-sizing:border-box !important;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, article, aside, hgroup, header, footer, figure, figcaption, nav, section { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; }
article, aside, hgroup, header, footer, figure, figcaption, nav, section {display:block;}
html, body {font-size:62.5%;font-family: 'Pretendard'; font-weight: 200; color:#000; line-height:1.2; box-sizing:border-box; -webkit-text-size-adjust:none; }
html.smooth, body.smooth { scroll-behavior: smooth; }
h1, h2, h3, h4, h5, h6 {font-weight:normal; line-height:normal; word-break:keep-all;}
fieldset {border:none;}
ol, li {list-style:none; zoom:1;}
span, p, a, div, em {word-break:keep-all;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';}
table {border-collapse:collapse; border-spacing:0; table-layout:fixed;}
button {margin:0; padding:0; border:0; font:inherit; color:inherit; background:transparent; overflow:visible; cursor:pointer; line-height:1;}
a {color:#222;}
a:link, a:visited, a:hover, a:active, a:focus {text-decoration:none;}
legend, caption {display:none;}
textarea {resize:vertical; font:inherit; overflow-y:auto;}
input, select {color:inherit; font:inherit; color:#222;}
input::-ms-clear {display:none;}
input:disabled {background:#f5f5f5 !important; -webkit-text-fill-color: inherit; opacity:1;}
button, input, select, textarea {vertical-align:top; font-family:inherit; outline-style:none; line-height:normal;}
button, button:focus, button:active {padding:0;}
label {vertical-align:middle; cursor:pointer;}
address, i, em {display:inline; font-style:normal; zoom:1;}
table {width:100%; border-collapse:collapse; table-layout:fixed;}
img, select, input, button {vertical-align:top;}
img {perspective:none; -ms-perspective:none; -o-perspective:none; -webkit-perspective:none; -moz-perspective:none;}
br {font-family:dotum !important;}
body { overflow: overlay; }
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { border:5px solid transparent; }
::-webkit-scrollbar-thumb { background: #005eb8; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #014099; }

/* common */
.wrap {position: relative; width: 100%; overflow: hidden;}
.acc_blind{position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden;}
.br_t,
.br_m, 
.indent { display: none; }
.indentUp { transform: translateY(-10rem); }
.img_m {display: none;}
.es {color: #005eb8;}
.blind { opacity: 0;}
.nowrap { white-space: nowrap; }
.none {display: none;}
.blockScroll { overflow: hidden !important; height: 100vh; }

/* selectbox */
.select_row {display: inline-block;position: relative;width: 100%;height: 6rem;border: .1rem solid #e8e8e8;vertical-align: middle;}
.select_row:after {content: "";display: block;position: absolute;right: 3rem;top: 50%;transform: translateY(-50%);width: .9rem;height: .5rem;background:url(../images/common/select_arrow.png) 0 0 no-repeat;background-size: 100% 100%;}
.select_row.on:after {transform: rotate(180deg) translateY(50%);}
.select_row label {position: absolute;top: 0;left: 0;width: 100%;height: 6rem;line-height: 6rem;padding: 0 2rem;font-size: 1.4rem;color: #555;}
.select_row select {width: 100%;height: 6rem;line-height: 6rem;padding: 0 1rem;opacity: 0;}
.select_row select option {font-size: 1.4rem;font-weight: 200;}

/* input */
.input_row {display: inline-block;position: relative;width: 100%;overflow: hidden;vertical-align:middle;}
.input_row input {position: relative;display: block;padding: 0 2.2rem;width: 100%;height: 6rem;overflow: hidden;background: #fff;font-size: 1.4rem;font-weight: 200;line-height: 1.2;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: .1rem solid #e8e8e8;-webkit-border-radius: 0;border-radius: 0;}
.input_row input::placeholder {color: #b2b2b2;}
.input_row input[readonly] {background: #f5f5f5;}
.input_row input[disabled] {background: #f5f5f5;}
.input_search:after {content: "";display: block;clear: both;}
.input_search input {display: block;float: left;width: 33rem;height: 4.6rem; border:0; position: relative;font-size: 1.3rem;color: #b2b2b2;}
.input_search a {/* position: absolute;top: 0;right: 0; */float: right;font-size: 0;display: block;}
.input_search a img:first-child { display: block; }
.input_search a img:last-child { display: none; }

/* textarea */
.area_row {display: inline-block;position: relative;width: 100%;height: 37rem;}
.area_row textarea {width: 100%;height: 100%;padding: 2rem;font-size: 1.4rem;line-height: 1.4;border: .1rem solid #e8e8e8;-webkit-appearance: none;outline-style: none;resize: none;}
.area_row textarea::placeholder {font-weight: 200;color: #b2b2b2;}

/* check box type */
.checkbox_row {display: flex; flex-wrap: wrap; position: relative;}
.checkbox_row p { width: 100%; font-size: 2.2rem; font-weight: 400; padding-bottom: 2.2rem; }
.checkbox_row input[type="checkbox"] {display: none;}
.checkbox_row input[type="checkbox"] + label {display: inline-block;position: relative;font-size: 2rem;color: #222;cursor: pointer; margin-right: 4rem; }
.checkbox_row input[type="checkbox"] + label span { color: #888888; }
.checkbox_row input[type="checkbox"] + label:before {content: "";display: inline-block;margin-right: 1.6rem;width: 2.4rem;height: 2.4rem;background: #fff;border: .1rem solid #e8e8e8;vertical-align: top;box-sizing: border-box;}
.checkbox_row input[type="checkbox"]:checked + label:before {content: "";background: #fff url(../images/common/checked.png) 50% 50% no-repeat;background-size: 1.3rem 1rem;}

/* file */
.file_row {display: inline-block;vertical-align: middle;width: 100%;display: flex;align-items: center;justify-content: space-between;}
.file_row input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}
.file_row label,
.file_row button {display: block;float: left;width: 14.8rem;height: 4.6rem;line-height: 4.6rem;font-size: 1.6rem;color: #000;text-align: center;cursor: pointer;border: .1rem solid #000;border-radius: 2.3rem;}
.file_row .upload_name {display: block;float: left;height: 4.6rem;font-size: 1.6rem;color: #b2b2b2; border-bottom: .1rem solid #e8e8e8;border-left: 0;border-right: 0;border-top: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.file_row .fileWrap,
.file_row .file-list {display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; width: calc(100% - 21rem); height: 6rem; padding: 0 2rem; border-bottom: 1px solid #e8e8e8;border-left: 0;border-right: 0;border-top: 0;}
.fileWrap .filebox,
.file-list .filebox {display: inline-flex; align-items: center; margin-right: 1rem;}
.fileWrap .filebox p,
.file-list .filebox p {font-size: 1.4rem!important; display: inline-block;margin-bottom: 0!important;}
.fileWrap .filebox .delete,
.file-list .filebox .delete {display: inline-block;width: 2rem;height: 2rem;background: url(../images/common/btn_del.png) no-repeat;background-size: contain;margin-left: 1rem;font-size: 0;}

/* button */
.lang_select {display: inline-block;position: relative;vertical-align: middle;}
.lang_select .lang_current {display: block;position:relative;font-size: 1.8rem; z-index: 1001;}
.lang_select .lang_current .ico.global {display: inline-block;width: 2.3rem;height: 2.3rem;background: url(../images/common/icon_lang_b.png) 0 0 no-repeat;vertical-align: bottom; transition: all ease .3s;}
.lang_select .lang_current .ico.select {display: inline-block;margin-left: 1.5rem;width: 1rem;height: .5rem;background: url(../images/common/icon_sel.png) 0 0 no-repeat;vertical-align: middle;}
.lang_select .lang_choice {display: block; top: -1.3rem; position: absolute; z-index: 1000; left: -1.35rem; overflow: hidden;background: #fff;width: 5rem; height: auto; padding: 3.6rem 0 1rem; border-radius: 2.5rem; border: .1rem solid #005eb8; text-align: center; opacity: 0; visibility: hidden; transition: all .3s;}
.lang_select .lang_choice li a {padding: 1.5rem 0; display: block; line-height: 1; width: fit-content; margin: auto; }
.lang_select .lang_choice li a { font-size: 1.7rem; color: #777; font-weight: 350;}
.lang_select .lang_choice li a:hover,
.lang_select .lang_choice li.on a { color: #222; }
.lang_select .lang_choice.on { opacity: 1; visibility: visible; }
.lang_select .lang_current.on .ico.global,
.wht .lang_select .lang_current.on .ico.global { background: url(../images/common/icon_lang_b.png) 0 0 no-repeat !important;}

/* header */
.header {width: 100%;position: fixed;top: 0;left: 0;z-index: 99;padding: 0 5rem; transition: transform ease .2s, background ease .2s, color ease .2s; }
.header .header_wrap {height: 10rem;display: flex;align-items: center;font-size: 1.8rem;color: #222;}
.header .logo {display: block;width: 10.3rem;height: 2.8rem;background: url(../images/common/logo_b.png) no-repeat;font-size: 0;margin-right: 7vw; /* transition: all ease .3s; */}
.header .gnb {width: 73rem;height: 100%;}
.header .gnb > ul {width: 100%;height: 100%;display: flex; flex-shrink: 1; justify-content: space-around; }
.header .gnb > ul > li > a { display: inline-block; padding: 0 3.9rem; height: 100%; transition: all ease .2s; position: relative; z-index: 1000; }
.header .gnb > ul > li > a::after {content:'';display: block;width: 0;height: .3rem;background: #005eb8;position: absolute;left:0;bottom:-.2rem; transition: width .3s;}
.header .gnb > ul > li:hover > a::after {width: 100%;z-index: 10;}
.header .gnb > ul > li {height: 100%;line-height: 10rem;}
.header .gnb > ul > li .depth_box {background: #fff;width: 100%;height: fit-content;border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;position: absolute;top: 10rem;left: 0;display: none;box-shadow: 0px 10px 15.84px 0.16px rgba(0, 0, 0, 0.1);line-height: initial;}
.header .gnb > ul > li:hover .depth_box {display: block;}
.header .gnb > ul > li .depth_box .inner {max-width: 144rem;width: 100%;height: 37.4rem;margin: 0 auto;box-sizing: border-box; display: flex;justify-content: space-between;border-left: 1px solid #e8e8e8;border-right: 1px solid #e8e8e8;position: relative;z-index: 999;}
.header .gnb > ul > li .depth_box .depth_info {padding: 0 8rem;width: 39%;display: flex;flex-direction: column;justify-content: center;}
.header .gnb > ul > li .depth_box .depth_info h2 {font-size: 3rem;font-weight: 450;color: #222;}
.header .gnb > ul > li .depth_box .depth_info p {font-size: 1.8rem;color: #999;margin: 1.7rem 0 5rem;line-height: 1.5;}
.header .gnb > ul > li .depth_box .depth_info .head_viewmore {display: block;width: 13.6rem;font-family: 'Montserrat';font-size: 1.4rem;color: #222;letter-spacing: -.035rem;line-height: 1;}
.header .gnb > ul > li .depth_box .depth_info .head_viewmore i {display: inline-block;width: 1.2rem;height: 0.1rem;background: #000;margin-left: 3.7rem;vertical-align: middle;}
.header .gnb > ul > li .depth_box .depth_info .head_viewmore::after {content:'';display: block;width: 100%;height: 0.1rem;background: #000;margin-top: 1.5rem;transition: width .3s;}
.header .gnb > ul > li .depth_box .depth_info .head_viewmore:hover::after { width: 0; }
.header .gnb > ul > li .depth_box .depth_wrap {width: 29%; border-left: 1px solid #e8e8e8;border-right: 1px solid #e8e8e8;padding: 6rem 0;position: relative;}
.header .gnb > ul > li .depth_box .depth_wrap .depth_list {padding-bottom: 3.6rem; padding-left: 8rem;}
.header .gnb > ul > li .depth_box.social_box .depth_wrap { padding: 5rem 0; }
.header .gnb > ul > li .depth_box.social_box .depth_wrap .depth_list { padding-bottom: 2rem; }
.header .gnb > ul > li .depth_box.about_box .depth_wrap .depth_list { padding-bottom: 2.6rem; }
.header .gnb > ul > li .depth_box .depth_wrap .depth_list > .list_tit {display:block;font-size: 2rem;font-weight: 350; width: 100%;position: relative;}
.header .gnb > ul > li .depth_box .depth_wrap .depth_list > .list_tit::after {content:'';display: inline-block;width: .9rem;height: 1.5rem;background: url(../images/common/header_arrow.png) no-repeat 50% 50%;background-size: contain;position: absolute;top: 50%;right: 8rem;transform: translateY(-50%);}
.header .gnb > ul > li .depth_box .depth_wrap .depth_list > .list_tit:hover::after {background: url(../images/main/sec06_arrow.png) no-repeat 50% 50%;}
.header .gnb > ul > li .depth_box .depth_wrap .depth_list:last-of-type {padding-bottom: 0;}
.header .gnb > ul > li .depth_box .depth_pic {padding: 6rem 6rem 0;width: 32%;}
.header .gnb > ul > li .depth_box .depth_pic .img img {width: 100%;object-fit: contain;}
.header .gnb > ul > li .depth_box .depth_pic span {display: block;width: 100%;margin-top: 2.8rem;font-size: 1.6rem;color: #999;letter-spacing: -.04rem;}
.header .gnb > ul > li .depth2_list {display: none;} 
.header .gnb > ul > li .depth_box .depth_wrap .depth_list:hover {display: flex;max-width: 88rem;}
.header .gnb > ul > li .depth_box .depth_wrap .depth_list:hover .depth2_list {max-width: 44.3rem;width: 100%;height: 100%;padding-left: 9rem;padding-top: 6rem;background: #fff;display: flex;flex-direction: column;border-left: 1px solid #e8e8e8;/* border-right: 1px solid #e8e8e8; */position: absolute;top: 0;left: 100%;}
.header .gnb > ul > li .depth2_list .depth2_list_tit {display: inline-block;max-width: fit-content;font-family: 'Montserrat','Pretendard';font-size: 1.6rem;margin-bottom: 2.5rem;}
.header .gnb > ul > li .depth2_list .depth2_list_tit:last-of-type {margin-bottom: 0;}
.header .gnb > ul > li .depth2_list .depth2_list_tit::after {content:'';display: block;width:0;height: 0.1rem;background: #005eb8;transition: all .3s;}
.header .gnb > ul > li .depth2_list .depth2_list_tit:hover {color: #005eb8;font-weight: 400;}
.header .gnb > ul > li .depth2_list .depth2_list_tit:hover::after {width: 100%;}
.header .gnb_menu {width: 46rem;display: flex; flex-shrink: 0; justify-content: space-between; align-items: center; margin-left: auto;}
.header .gnb_menu .right_nav ul {display: flex;}
.header .gnb_menu .right_nav ul li:first-child {position: relative;}
.header .gnb_menu .right_nav ul li:first-child:after {display: inline-block;content:'';width: 0.1rem;height: 1.4rem;background: #e8e8e8; position: absolute;top: 50%;right: -.1rem;transform: translateY(-50%);}
.header .gnb_menu .right_nav ul li a {display: inline-block;font-size: 1.4rem;color: #777;padding: 0 2rem;transition: all ease .3s;position: relative;}
.header .gnb_menu .right_nav ul li a::before {content:'';display: inline-block;width: 0;height: .1rem;background: #777;position: absolute;bottom: -.2rem;left: 1.9rem;transition: width .3s;}
.header .gnb_menu .right_nav ul li a:hover::before {width: 60%;}
.header .gnb_menu .lang_select .lang_choice li:first-child a { border-bottom: .1rem solid #e8e8e8; }
.header .gnb_menu .weve_btn a {display: block;width: 14rem;height:4.2rem;border-radius: 2.1rem;border: 1px solid #005eb8;background: url(../images/common/weve_logo_b.png) no-repeat 50% 50%;background-size: 4.7rem 3rem;position: relative;overflow: hidden;}
.header .gnb_menu .weve_btn a:hover {background: url(../images/common/weve_logo_w.png) no-repeat 50% 50%;border: 0;}
.header .gnb_menu .weve_btn a::before {content: "";display: block;position: absolute;left: 0;top: 0;bottom: 0;right: 0;transform: scaleX(0);z-index: -1;background-color: #005eb8;transition:all .2s ease-out;transform-origin:0 50%;}
.header .gnb_menu .weve_btn a:hover::before {transform:scaleX(1);}
.header .top_sitemap {display: inline-block;vertical-align: middle;cursor: pointer;}
.header .top_sitemap button{vertical-align: middle; width: 3.6rem; height: 2.3rem; display: inline-flex; flex-direction: column; justify-content: space-between; position: relative;}
.header .top_sitemap button span{display: inline-block; width: 2.6rem; height: .3rem; margin-bottom: .7rem; margin-left: 1rem; position: relative; overflow: hidden; }
.header .top_sitemap button span:nth-child(2) {width: 3.6rem; margin-left: 0;}
.header .top_sitemap button span:last-child {margin-bottom: 0;}

/* header top sitemap button animation*/
.header .top_sitemap button span::before , .header .top_sitemap button span::after{ transition-duration: 0.25s; transition-property: transform; }
.header .top_sitemap button span::before{content: ''; width: 100%; height: 100%; background-color: #000; display: block; transform: translateX(0);}
.header .top_sitemap button span::after{content: ''; width: 100%; height: 100%; background-color: #000; position: absolute; left: 0; top: 0; transform: translateX(100%);}
.header .top_sitemap.on button span::before { background-color: #fff; }
.header .top_sitemap:not(.on) button span:nth-child(1)::before{transition-delay: 0.2s;}
.header .top_sitemap:not(.on) button span:nth-child(1)::after{transition-delay: 0s;}
.header .top_sitemap:not(.on) button span:nth-child(2)::before{transition-delay: 0.3s;}
.header .top_sitemap:not(.on) button span:nth-child(2)::after{transition-delay: 0.1s;}
.header .top_sitemap:not(.on) button span:nth-child(3)::before{transition-delay: 0.4s;}
.header .top_sitemap:not(.on) button span:nth-child(3)::after{transition-delay: 0.2s;}
.header .top_sitemap:not(.on):hover button span::before{transform: translateX(-100%);}
.header .top_sitemap:not(.on):hover button span::after{transform: translateX(0%);}
.header .top_sitemap:not(.on):hover button span:nth-child(1)::before{transition-delay: 0s;}
.header .top_sitemap:not(.on):hover button span:nth-child(1)::after{transition-delay: 0.2s;}
.header .top_sitemap:not(.on):hover button span:nth-child(2)::before{transition-delay: 0.1s;}
.header .top_sitemap:not(.on):hover button span:nth-child(2)::after{transition-delay: 0.3s;}
.header .top_sitemap:not(.on):hover button span:nth-child(3)::before{transition-delay: 0.2s;}
.header .top_sitemap:not(.on):hover button span:nth-child(3)::after{transition-delay: 0.4s;}
.header .top_sitemap.on {z-index: 101; transition-delay: 0s; transition-duration: 0s; overflow: hidden;}
.header .top_sitemap button span:nth-child(1){animation:manuAnimate01_1 0.8s forwards; }
.header .top_sitemap button span:nth-child(2){animation:manuAnimate02_1 0.8s forwards; }
.header .top_sitemap button span:nth-child(3){animation:manuAnimate03_1 0.8s forwards; }
.header .top_sitemap.on button span:nth-child(1){animation:manuAnimate01 0.8s forwards; }
.header .top_sitemap.on button span:nth-child(2){animation:manuAnimate02 0s forwards;}
.header .top_sitemap.on button span:nth-child(3){animation:manuAnimate03 0.8s forwards;}
@keyframes manuAnimate01 { 0%{transform: translateY(0px) rotate(0deg);} 50%{transform: translateY(9px) rotate(0deg);} 100%{transform: translateY(9px) rotate(45deg); width: 4rem; margin-left: .1rem;} }
@keyframes manuAnimate01_1 { 0%{transform: translateY(9px) rotate(45deg); width: 4rem; margin-left: 0;} 50%{transform: translateY(9px) rotate(0deg);} 100%{transform: translateY(0px) rotate(0deg); width: 2.6rem; margin-left: 1rem; } }
@keyframes manuAnimate02 { 0%{opacity: 1;} 100%{opacity: 0;} }
@keyframes manuAnimate02_1 { 0%{opacity: 0;} 100%{opacity: 1;} }
@keyframes manuAnimate03 { 0%{transform: translateY(0px) rotate(0deg);} 50%{transform: translateY(-9px) rotate(0deg);} 100%{transform: translateY(-9px) rotate(135deg); width: 4rem; margin-left: 0rem;} }
@keyframes manuAnimate03_1 { 0%{transform: translateY(-9px) rotate(135deg); width: 4rem; margin-left: 0;} 50%{transform: translateY(-9px) rotate(0deg);} 100%{transform: translateY(0px) rotate(0deg); width: 2.6rem; margin-left: 1rem;} }

/* header ( white version ) */
.wht .logo {background: url(../images/common/logo_w.png) no-repeat;}
.wht .gnb > ul > li > a,
.wht .gnb_menu .right_nav ul li a  {color: #fff;position: relative; }
.wht .gnb_menu .right_nav ul li a::before {content:'';display: inline-block;width: 0;height: .1rem;background: #fff;position: absolute;bottom: -.2rem;left: 1.9rem;transition: width .3s;}
.wht .lang_select .lang_current .ico.global {background: url(../images/common/icon_lang_w.png) 0 0 no-repeat;}
.wht .gnb_menu .weve_btn a {border: 1px solid #fff;background: url(../images/common/weve_logo_w.png) no-repeat 50% 50%;overflow: hidden;position: relative; transition: all ease-out .2s;}
.wht .gnb_menu .weve_btn a:hover {background: url(../images/common/weve_logo_b.png) no-repeat 50% 50%;border: 0;}
.wht .gnb_menu .weve_btn a::before {content: "";display: block;position: absolute;left: 0;top: 0;bottom: 0;right: 0;transform: scaleX(0);z-index: -1;background-color: #fff;transition:all .2s ease-out;transform-origin:0 50%;}
.wht .gnb_menu .weve_btn a:hover::before {transform:scaleX(1);}
.wht .top_sitemap button span::before, 
.wht .top_sitemap button span::after { background: #fff; }
.bg { background: #fff;box-shadow: 0px 10px 15.9744px 0.0256px rgba(0, 0, 0, 0.1); }
.bg .logo {background: url(../images/common/logo_b.png) no-repeat;}
.bg .top_sitemap button span::after { background: #222; }

/* sitemap */
.header .logo.sitemapOn { background: url(../images/common/logo_b.png) no-repeat !important; }
.header .gnb.sitemapOn,
.header .right_nav.sitemapOn,
.header .lang_select.sitemapOn,
.header .weve_btn.sitemapOn { opacity: 0; visibility: hidden; transition: all ease .3s; }
.header .gnb,
.header .right_nav,
.header .lang_select,
.header .weve_btn { transition: all .3s ease .3s; }
.sitemap { min-width: 144rem; width: 100%; height: 100vh; position: fixed; z-index: 98; background: transparent; opacity: 0; visibility: hidden; transition: all 0s ease .3s; }
.sitemap .wrap { width: 100%; height: 100%; display: flex; justify-content: center; }
.sitemap .wrap .sitemap_main { width: 56.25%; min-width: 84rem; background: #fff; display: flex; justify-content: flex-end; position: relative; left: -100%; transition: all ease .6s; }
.sitemap .wrap .sitemap_main .block_le { height: 100%; width: 49vw; min-width: 84rem; display: flex; flex-direction: column; padding:11vh 10rem 0; overflow: auto; }
.sitemap .wrap .sitemap_main .block_le .lang_select { display: flex; align-items: center; }
.sitemap .wrap .sitemap_main .block_le .lang_select .lang_choice { height: fit-content; position: relative; display: flex; left: 0; height: auto; top: unset; padding: 0; border: none; opacity: 1; visibility: visible; margin-left: unset; width: fit-content; background: none; }
.sitemap .wrap .sitemap_main .block_le .lang_select .lang_choice li { margin-top: unset; position: relative; }
.sitemap .wrap .sitemap_main .block_le .lang_select .lang_choice li:first-child::after { content: ''; display: inline-block; position: absolute; height: 1.4rem; width: .1rem; background: #e8e8e8; top: .2rem; right: 0; }
.sitemap .wrap .sitemap_main .block_le .lang_select .lang_choice li a { line-height: 1; display: block; padding: 0 3rem; }
.sitemap .wrap .sitemap_main .block_le .lang_select .lang_current { display: inline-block; }
.sitemap .wrap .sitemap_main .block_le > ul { margin: 2vh 0 5vh; }
.sitemap .wrap .sitemap_main .block_le > ul > li { height: fit-content; padding: 3.5rem 0 2rem; }
.sitemap .wrap .sitemap_main .block_le > ul > li:not(:last-child) { border-bottom: .1rem solid #e8e8e8; }
.sitemap .wrap .sitemap_main .block_le > ul > li.active .block_2depth { max-height: 100rem; transition: max-height ease 1s; }
.sitemap .wrap .sitemap_main .block_le > ul > li > h2 { font-size: 3.8rem; font-weight: 450; display: flex; align-items: center; justify-content: space-between; cursor: pointer; }
.sitemap .wrap .sitemap_main .block_le > ul > li > h2::after { content: ''; display: inline-block; background: url(../images/common/sitemap_arrow.png)50% 50% no-repeat; opacity: .5; width: 2.1rem; height: 1.2rem; margin-right: 4rem; transition: transform .3s ease .2s; }
.sitemap .wrap .sitemap_main .block_le > ul > li.active > h2::after { transform: rotate(180deg); transition: transform ease .3s; }
.sitemap .wrap .sitemap_main .block_le .block_2depth { max-height: 0; overflow: hidden; margin-top: 2rem; transition: max-height ease .4s; display: flex; flex-direction: column; }
.sitemap .wrap .sitemap_main .block_le .block_2depth > li { position: relative; padding-left: 15rem; font-size: 1.8rem; }
.sitemap .wrap .sitemap_main .block_le .block_2depth > li:hover h4 a,
.sitemap .wrap .sitemap_main .block_le .block_2depth > li h4 a:hover { color: #005eb8; }
.sitemap .wrap .sitemap_main .block_le .block_2depth > li h4 { position: absolute; left: 0; top: 2.5rem; font-weight: 400; }
.sitemap .wrap .sitemap_main .block_le .block_2depth > .empty { padding-left: 0; cursor: auto; width: fit-content; }
.sitemap .wrap .sitemap_main .block_le .block_2depth > .empty h4 { position: relative; top: 0; }
.sitemap .wrap .sitemap_main .block_le .block_2depth > .empty h4 a { padding: 2.5rem 0; display: inline-block; }
.sitemap .wrap .sitemap_main .block_le .block_2depth > li .block_3depth { display: flex; padding: 1rem 0 2.441rem; flex-wrap: wrap; }
.sitemap .wrap .sitemap_main .block_le .block_2depth > li .block_3depth li { margin-top: 1.5rem; }
.sitemap .wrap .sitemap_main .block_le .block_2depth > li .block_3depth li a { color: #999999; position: relative; }
.sitemap .wrap .sitemap_main .block_le .block_2depth > li .block_3depth li a {  }
.sitemap .wrap .sitemap_main .block_le .block_2depth > li .block_3depth li a::after { content: ''; display: block; position: absolute; width: 0; height: .1rem; background: #005eb8; transition: all ease .3s; }
.sitemap .wrap .sitemap_main .block_le .block_2depth > li .block_3depth li:not(:last-child) a { margin-right: 2vw; }
.sitemap .wrap .sitemap_main .block_le .block_2depth > li .block_3depth li a:hover { color: #005eb8; }
.sitemap .wrap .sitemap_main .block_le .block_2depth > li .block_3depth li a:hover::after { width: 100%; }
.sitemap .wrap .sitemap_sub { width: 43.75%; min-width: 60rem; display: flex; flex-direction: column; }
.sitemap .wrap .sitemap_sub > div { position: relative; transition: all ease .3s; }
.sitemap .wrap .sitemap_sub > div > * { padding:0 10rem; }
.sitemap .wrap .sitemap_sub .block_tr { background: #014099; padding-bottom: 6vh; top: -50%; }
.sitemap .wrap .sitemap_sub .block_tr .weve_link { display: flex; justify-content: space-between; align-items: center; padding: 7.5vh 0 6vh; border-bottom: .1rem solid rgba(232, 232, 232, .2); }
.sitemap .wrap .sitemap_sub .block_tr .weve_link a { display: block; font-size: 3.6rem; line-height: 1.3; font-weight: 450; color: #fff; }
.sitemap .wrap .sitemap_sub .block_tr .weve_link a:first-child::after { content: ''; display: inline-block; transform: rotate(180deg); opacity: .5; width: 1.2rem; height: 2.1rem; background: url(../images/common/interview_arrow_13x21_w.png)50% 50% no-repeat; position: relative; left: 3rem; transition: left ease .3s; }
.sitemap .wrap .sitemap_sub .block_tr .weve_link a:hover::after { left: 5rem; }
.sitemap .wrap .sitemap_sub .block_tr .weve_link .btn { width: 22rem; height:6.7rem; border-radius: 3.3rem; border: 1px solid #fff;background: url(../images/common/sitemap_weve.png) no-repeat 50% 50%; background-size: 7.4rem 4.7rem;}
.sitemap .wrap .sitemap_sub .block_tr .family_site { position: relative; margin-top: 6vh; z-index: 10; }
.sitemap .wrap .sitemap_sub .block_tr .family_site .site_selected { font-family: 'Montserrat'; font-size: 1.8rem; font-weight: 800; color: #fff; width: 15rem; display: flex; justify-content: space-between; align-items: center; }
.sitemap .wrap .sitemap_sub .block_tr .family_site .site_selected::after { content: ''; display: inline-block; width: 0; height: 0; border-top: .7rem solid #fff; border-left: .7rem solid transparent; border-right: .7rem solid transparent; transition: transform ease .3s;}
.sitemap .wrap .sitemap_sub .block_tr .family_site.open .site_selected::after { transform: rotate3d(1, 0, 0, 180deg);}
.sitemap .wrap .sitemap_sub .block_tr .family_site .site_list {display: block;position: absolute;top: 3.3rem;left: 0; overflow: hidden; width: 15rem; height: 0; text-align: center;background: #fff; transition: all .3s;}
.sitemap .wrap .sitemap_sub .block_tr .family_site.open .site_list {height: auto;padding: 1rem 0;border: .1rem solid #808080;}
.sitemap .wrap .sitemap_sub .block_tr .family_site .site_list li a { display: block; font-size: 1.6rem; font-weight: 300; color: #222; padding: 1rem 2rem; }
.sitemap .wrap .sitemap_sub .block_br { background: #f9f9f9; height: 100%; display: flex; flex-direction: column; overflow: auto; right: -100%; }
.sitemap .wrap .sitemap_sub .block_br > ul { padding-top: 2.5vh; }
.sitemap .wrap .sitemap_sub .block_br > ul > li { padding: 4vh 0; border-bottom: .1rem solid #e8e8e8; }
.sitemap .wrap .sitemap_sub .block_br > ul > li h3 { color: #000000; font-size: 3.2rem; font-weight: 450; line-height: 1; }
.sitemap .wrap .sitemap_sub .block_br .block_2depth { display: flex; flex-wrap: wrap; }
.sitemap .wrap .sitemap_sub .block_br .block_2depth li a { font-size: 1.6rem; font-weight: 400; color: #000000; display: inline-block; margin-top: 2.5vh; }
.sitemap .wrap .sitemap_sub .block_br .block_2depth li a::after { content: ''; display: block; width: 0; height: .1rem; background: #000000; transition: all ease .3s; }
.sitemap .wrap .sitemap_sub .block_br .block_2depth li a:hover::after { width: 100%; }
.sitemap .wrap .sitemap_sub .block_br .block_2depth li:not(:last-of-type) a { margin-right: 6rem; }
.sitemap .wrap .sitemap_sub .block_br p { text-align: center; font-family: 'Montserrat', sans-serif; font-size: 1.6rem; color: #000000; opacity: .3; line-height: 1; margin: 4.5vh 0; white-space: nowrap; }
.sitemap.active { opacity: 1; visibility: visible; transition: all .3s ease 0s; }
.sitemap.active .wrap .sitemap_sub > div { transition: all ease .6s; }
.sitemap.active .wrap .sitemap_sub .block_tr { top: 0; }
.sitemap.active .wrap .sitemap_sub .block_br { right: 0; }
.sitemap.active .wrap .sitemap_main { left: 0; }
.sitemap .wrap .sitemap_main .block_le::-webkit-scrollbar,
.sitemap .wrap .sitemap_sub .block_br::-webkit-scrollbar { width: 2px; }
.sitemap .wrap .sitemap_main .block_le::-webkit-scrollbar-track,
.sitemap .wrap .sitemap_sub .block_br::-webkit-scrollbar-track { border:5px solid #fff; }
.sitemap .wrap .sitemap_main .block_le::-webkit-scrollbar-thumb,
.sitemap .wrap .sitemap_sub .block_br::-webkit-scrollbar-thumb { background: #e8e8e8; border-radius: 100%; }

/* container*/
#sub .container .inner { max-width: 144rem; width: 100%; height: 100%; margin: 0 auto; }
#sub .container .inner1200 { max-width: 120rem; width: 100%; margin: 0 auto; }

/* sub_visual */
.container .sub_visual { width: 100%; height: 66rem; background-repeat: no-repeat; background-position: 50% 50%; background-size: 120% auto; position: relative; }
.container .sub_visual.ani {background-size: 100% auto; transition: background-size ease-in-out 1.2s;}

@media screen and (max-width:1920px) {
    .container .sub_visual {background-size: auto 120%;}
    .container .sub_visual.ani {background-size: auto 100%;}
}
.container .sub_visual .inner { position: relative; }
.container .sub_visual h1 { font-family: 'Montserrat','Pretendard'; font-size: 7rem; font-weight: 400; color: #fff; line-height: 1; letter-spacing: -.35rem; position: absolute; top: 50%; left: 0; transform: translateY(-2rem); }
.container .sub_visual .sub_visual_menu { width: 62rem; height: 6rem; background: #fff; position: absolute; bottom: 16rem; display: flex; }
.container .sub_visual .sub_visual_menu.fixed { position: fixed; top: 0; z-index: 99; width: 100%; left:0; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; }
.container .sub_visual .sub_visual_menu .menu_inner {display: flex; position: relative; z-index: 30;}
.container .sub_visual .sub_visual_menu.fixed .menu_inner {width: 144rem; margin: 0 auto; }
.container .sub_visual .sub_visual_menu .home { width: 6rem; height: 100%; background: #fff url(../images/common/vis_home.png) no-repeat 50% 50%; background-size: 1.6rem; border: 1px solid #e8e8e8; position: relative; }
.container .sub_visual .sub_visual_menu .home a { display: block; width: 100%; height: 100%; }
.container .sub_visual .sub_visual_menu .depth  { position: relative; width: 26rem; height: auto; border-top: .1rem solid #e8e8e8; border-bottom: .1rem solid #e8e8e8; font-size:1.8rem; color: #777; }
.container .sub_visual .sub_visual_menu.fixed .home { border-top: 0; border-bottom: 0; }
.container .sub_visual .sub_visual_menu.fixed .depth { border:0; }
.container .sub_visual .sub_visual_menu.fixed .depth2 { border-bottom: 1px solid #000; }
.container .sub_visual .sub_visual_menu .depth.open { box-shadow: 1px 2px 9.5px 0.5px rgba(51, 51, 51, 0.1); height: auto; }
.container .sub_visual .sub_visual_menu .depth > a { font-family: 'Montserrat','Pretendard'; color: #777; display: block; width:100%; height: 6rem; padding-left: 4rem; line-height: 6rem; background: transparent; position: relative; }
.container .sub_visual .sub_visual_menu .depth.open > a { background: #fff; }
.container .sub_visual .sub_visual_menu .depth > a:before { content:''; width: 0; height: 0; border-top: .7rem solid #777; border-left: .7rem solid transparent; border-right: .7rem solid transparent; position: absolute; right: 3rem; top: 2.7rem; }
.container .sub_visual .sub_visual_menu .depth.open > a:before {transform: rotate(180deg);}
.container .sub_visual .sub_visual_menu .depth > a:after { content:''; display: none; width: calc(100% - 4rem); height: .1rem; background: #e8e8e8; z-index: 10; position: absolute; left: 2rem; bottom: 0; }
.container .sub_visual .sub_visual_menu .depth.open > a:after {display: block;}
.container .sub_visual .sub_visual_menu .depth .drop_box { padding: 0 0 0 4rem; width: 100%; height: 0; background: #fff; position: relative; z-index:11; overflow: hidden; transition: all .3s; }
.container .sub_visual .sub_visual_menu .depth.open .drop_box { height: auto; padding: 2rem 0 2rem 4rem; box-shadow: 1px 2px 9.5px 0.5px rgba(51, 51, 51, 0.1); }
.container .sub_visual .sub_visual_menu .depth .drop_box li a { display: inline-block; padding: 1.5rem 0; width: 100%; height: 100%; position: relative; font-family: 'Montserrat','Pretendard'; color: #777; }
.container .sub_visual .sub_visual_menu .depth .drop_box li a:after { content:''; display: none; width: .9rem; height: .1rem; background: #fff; position: absolute; top: 50%; right: 4.8rem; transform: translateY(-50%);}
.container .sub_visual .sub_visual_menu .depth .drop_box li a:hover { color: #222; font-weight: 300; }
.container .sub_visual .sub_visual_menu .depth .drop_box li a:hover:after { display: inline-block; }
.container .sub_visual .sub_visual_menu .depth2 { width: 30rem; background: #000; border-color: #000; }
.container .sub_visual .sub_visual_menu .depth2.open > a { background: #000; }
.container .sub_visual .sub_visual_menu .depth2 > a:before { background: #000; border-top-color: #fff; }
.container .sub_visual .sub_visual_menu .depth2 .dep_tit { color: #fff; }
.container .sub_visual .sub_visual_menu .depth2 .drop_box { background: #000; }
.container .sub_visual .sub_visual_menu .depth2 .drop_box li a:hover { color: #fff; }
.container .sub_visual .scroll_down { font-family: 'Montserrat'; font-size: 1.8rem; color: #fff; display: block; writing-mode: vertical-rl; letter-spacing: .18rem; position: absolute; right: 8rem; bottom: 13.3rem; }
.container .sub_visual .scroll_down::after { content:''; display: block; width: 2.3rem; height: 3rem; background: url(../images/common/visual_scroll_arrow.png) no-repeat; position: absolute; bottom: -5.3rem; left: 0; margin-left: .2rem; animation: scrollDwn 1s infinite; }

/* paging */
.contents .paging {margin-top: 5rem;position: relative;text-align: center;}
.contents .paging>a {display: inline-block;vertical-align: middle;}
.contents .paging .front {width: 1.2rem;height: 1.1rem;background: url(../images/common/arrow_front.png) 0 0 no-repeat;background-size: 100% 100%;}
.contents .paging .prev {margin-left: 1.5rem;width: .6rem;height: 1.1rem;background: url(../images/common/arrow_prev.png) 0 0 no-repeat;background-size: 100% 100%;}
.contents .paging .next {margin-right: 1.5rem;width: .6rem;height: 1.1rem;background: url(../images/common/arrow_next.png) 0 0 no-repeat;background-size: 100% 100%;}
.contents .paging .last {width: 1.2rem;height: 1.1rem;background: url(../images/common/arrow_last.png) 0 0 no-repeat;background-size: 100% 100%;}
.contents .paging ul {margin: 0 3rem;display: inline-block;vertical-align: middle;}
.contents .paging ul:after {content: "";display: block;clear: both;}
.contents .paging ul li {position: relative;float: left;margin: 0 1rem;}
.contents .paging ul li.active {border: .1rem solid #005eb8;border-radius: .5rem;}
.contents .paging ul li.active a {color: #005eb8;}
.contents .paging ul li a {display: block;width: 2.4rem;height: 2.4rem;line-height: 2.4rem;font-size: 1.4rem;text-align: center;}

/* button */
.btn_box {position: relative;text-align: center;}
.btn_line {display: inline-block;text-align: center;}
.btn_line a {display: block;width: 100%;height: 100%;border: .1rem solid #000;overflow: hidden;font-size: 1.6rem;font-weight: 150;box-sizing: border-box;position: relative;transition:all .2s ease-out;}
.btn_line a:hover{color: #fff;background: #000;}
.btn_blk {display: inline-block;text-align: center;}
.btn_blk a {display: block;width: 100%;height: 100%;color: #fff;background: #000;border: .1rem solid #000;overflow: hidden;font-size: 1.6rem;font-weight: 150;box-sizing: border-box;position: relative;transition:all .2s ease-out;}
.btn_blk a:hover{color: #000;border: .1rem solid #000;background: #fff;}

/* footer */
.footer { background: #000; color: #fff; width: 100%; height: 100vh!important; }
.footer .inner { display: flex; align-items: flex-start; width: 100%; max-width: 144rem; height: calc(100% - 24.3rem)!important; padding-top: 19.21vh; margin: auto; }
.footer .inner > div { width: 50%; }
.footer .sec_tit { font-size: 6.4rem; font-weight: 400!important; color: #fff!important; line-height: 1.3; font-family: 'Pretendard'!important; margin-top: -1rem; }
.footer .sec_tit:before { display: none!important; }
.footer .sec_tit > span { color: #fff; display: inline-block; }
.footer .sec_tit > span.fin { color: #005eb8; transition: .3s ease-in-out .5s; }
.footer .sec_tit > span.fin:after { width: 100%; }
.footer .sec_tit > span::after { content:''; display: block; width: 0; height: .4rem; background-color: #005eb8; transform: skew(-40deg); transition: width ease-in-out .5s; }
.footer .family_site { position: relative; margin-top: 15rem; }
.footer .family_site .site_selected { font-size: 1.8rem; font-weight: 400; color: #fff; width: 15rem; display: flex; justify-content: space-between; align-items: center; }
.footer .family_site .site_selected::after { content: ''; display: inline-block; width: 0; height: 0; border-top: .7rem solid #fff; border-left: .7rem solid transparent; border-right: .7rem solid transparent; transition: transform ease .3s;}
.footer .family_site.open .site_selected::after { transform: rotate3d(1, 0, 0, 180deg);}
.footer .family_site .site_list {display: block;position: absolute;top: 3.3rem;left: 0; overflow: hidden;z-index: 10; width: 15rem; height: 0;background: #000; text-align: center; transition: all .3s;}
.footer .family_site.open .site_list {height: auto;padding: 1rem 0;border: .1rem solid #808080;}
.footer .family_site .site_list li a { display: block; font-size: 1.6rem; color: #fff; padding: 1rem 2rem; }
.footer .right ul { padding-left: 16rem; }
.footer .right ul li a { display: block; font-size: 3.2rem; color: #fff; opacity: .8; font-weight: 450; /* padding-bottom: 5rem; */padding: 2vh 0; width: 100%; max-width: 56rem; display: flex; align-items: center; justify-content: space-between; position: relative; transition: all .3s; }
.footer .right ul li a::after { content:''; width: 1.2rem; height: 1.2rem; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); opacity: .5; transition: opacity .2; }
.footer .right ul li a::before { content:''; display: block; width: 0; height: 0.1rem; background: #fff; position: absolute; left: 0; bottom: 0; opacity: .8; transition: width .3s; }
.footer .right ul li:hover a { font-size: 4.4rem; opacity: 1; }
.footer .right ul li:hover a::after { opacity: 1; }
.footer .right ul li:hover a::before { width: 100%; }
.footer .footer_wrap { border-top: 1px solid rgba(255,255,255,.2); }
.footer_wrap_inner { max-width: 144rem; height: 24.3rem; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 auto; position: relative; }
.footer .footer_wrap .footer_award {position: absolute; top: 7rem; left: 0;}
.footer .footer_wrap  ul { display: flex; justify-content: center; }
.footer .footer_wrap  ul li a { font-size: 1.8rem; color: #fff; opacity: .5; padding: 0 4rem; }
.footer .footer_wrap  ul li a.blue { font-family: 'NS'; font-weight: 400; opacity: 1; }
.footer .footer_wrap  ul li:not(:last-child)::after { content:''; display: inline-block; width: .1rem; height: 1.4rem; background: #fff; opacity: .5;  }
.footer .footer_wrap p { font-family: 'Montserrat'; font-size: 1.6rem; opacity: .2; text-align: center; margin-top: 4rem; }
#topButton { font-family: 'Montserrat'; font-size: 1.8rem; color: #000; letter-spacing: .09rem; position: fixed; right: 8rem; bottom: 8rem; display: none; z-index: 999; writing-mode: vertical-lr; }
#topButton::after { content:''; display: block; width: 2.3rem; height: 3rem; background: url(../images/common/scrollTop.png) no-repeat; background-size: contain; position: absolute; top: -100%; left: 0; }
#topButton.on { position: absolute; }