@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Play:400,700&display=swap');
.f_Play {font-family:'Play'}

.container,
#header, 
#myMenu li a,
#myMenu li a span,
#myMenu li a:hover,
#myMenu li a:hover span,
#gnb > ul > li > a span:after,
#gnb > ul > li > a:hover span:after,
.sitemap-wrapper > ul > li .sitemap_dep li .sitemap_dep_s li a:after
{transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s}

#wrap {overflow:hidden; width:100%; min-width:320px; position:relative}
#header {height: 76px;top: 46px;left:0;width:100%;z-index: 3;position: fixed}
#header.fixed {top: 0;height: 56px}
#header.fixed #header_wrap #gnb > ul > li > a {height: 56px;line-height: 56px;font-size: 18px;font-weight: 600;}
#header.fixed #header_wrap,
#header.fixed .sitemap-line-btn,
#header.fixed .search-open-btn {height: 56px}
#header.fixed .gnb_bg,
#header.fixed #gnb_background.open, 
#header.fixed #gnb.all_menu > ul > li .gnb_dep,
#header.fixed #gnb_background {top: 56px}
#header.fixed .logo {padding: 11px 0}
#header_wrap{position:relative;top:0px;left:0px;width:100%;height: 76px;z-index: 1;background-color: #292929;-webkit-transition:background-color 0.5s;-moz-transition:background-color 0.5s;-o-transition:background-color 0.5s;-ms-transition:background-color 0.5s;transition:background-color 0.5s}
#header_inner{position:relative;height:100%;margin:0px auto;padding: 0 25px}
#header .logo{position:relative;z-index:100;float:left;padding: 21px 0}
#header .logo a {display:block}
#header .logo img {display:block;vertical-align:top;width: 170px}
#header .logo img.m-logo {display:none}
.area{margin: 0 198px 0 auto;display: table}
.container {position: fixed;margin: 0 auto;border-bottom: 1px solid #e7e7e7;padding: 0 26px;background-color: #fff;width: 100%;z-index: 5;transform: translatey(0)}
.container.hiding {transform: translatey(-46px)}
.container h1 {float: left;margin-top: 7px;line-height: 1.5rem}
.container h1 em {font-size: 14px;padding-left: 0.25rem;vertical-align: 1px;letter-spacing: -0.25px;font-weight: 500}
/* top Link */
.top_link { text-align: right}
.top_link a {font-size:14px;}
.top_link a:hover, .top_link a:focus { text-decoration: underline; color: #f00}
.top_link > * { position: relative; display: inline-block; vertical-align: middle; font-size: 1rem;line-height: 1.2rem;font-weight: 600;}
.top_link > *:not(.popBtn) { margin: .75rem 0}
.top_link .linklst > li { position: relative; display: inline-block; padding: 0 1rem; line-height: 1.2rem; border-left: 1px solid #ddd; color: #444}
.top_link .linklst > li.lang { padding-right: 2rem; text-transform:uppercase}
.top_link .linklst > li.lang_Google { padding:0 2.3rem 0 0.7rem; background:url('/images/web/kf/main/lang_Google.png') no-repeat right 1.3rem center}
.top_link .linklst > li.lang:before { content: "\e942"; position: absolute; right: 0.5rem; top: 0; font-family: 'xeicon'}
.top_link .linklst > li.lang.active:before { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg)}
.top_link .linklst > li.lang .lst { position: absolute; left: -10%; top: 1.6rem; width: 120%; padding: 0.5rem 0.75rem; background: #fff; border: 1px solid #333; display: none}
.top_link .linklst > li.lang .lst li { text-align: left; padding: 0.25rem 0; line-height: 1.2}
.top_link .linklst > li.lang .lst a { position: relative; display: block; padding-right: 0.5rem}
.top_link .linklst > li.lang .lst a:before { content: "\e93f"; position: absolute; right: 0; top: -1px; font-family: 'xeicon'; color: #111}
.top_link .linklst > li.lang .lst a:hover:before, .top_link .linklst > li.lang .lst a:focus:before { right: -0.25rem; color: #f00}
.top_link .snslst { padding: 0 1rem; border-left: 1px solid #ccc}
.top_link .snslst > a { font-size: 1rem; display: inline-block}
.top_link .snslst > a + a { margin-left: 0.5rem}
.top_link .kfPlus {padding: 0 1.5rem 0 1rem;border-left: 1px solid #ccc;font-weight: 600}
.top_link .kfPlus a { display: block}
.top_link .kfPlus a:before {content: "\e942";position: absolute;right: 0;top: 50%;width: 0.9rem;height: 0.9rem;line-height: 0.9rem;margin-top: -0.5rem;border-radius: 50%;background: #333;color: #fff;text-align: center;font-size: 0.6rem;font-weight: 600;font-family: 'xeicon'}
.top_link .kfPlus.active a { color: #f00}
.top_link .kfPlus.active a:before { background: #f00}
.top_link .popBtn { display: table; width: 3.5rem; height: 3.5rem; border-left: 1px solid #ccc; float: right; text-align: center}
.top_link .popBtn > a { display: table-cell; font-size: 0.6rem; font-weight: 600; vertical-align: middle}
.top_link .popBtn > a:before { content: "\e936"; display: block; color: #f00; line-height: 0.5rem; font-size: 0.9rem; font-family: 'xeicon'}
.top_link .popBtn > a:hover, .top_link .popBtn > a:focus { background: #f00; color: #fff; text-decoration: none}
.top_link .popBtn > a:hover:before, .top_link .popBtn > a:focus:before { color: #fff}
.top_link .popBtn > a.on:before { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg)}
.kfPluslst .wrap { position: relative; width: 100%; border-top: 1px solid #ddd; background: #fff; z-index: 1}
.kfPluslst ul {margin: 0 auto;overflow: hidden;border-left: 1px solid #ddd}
.kfPluslst ul li { display: table; width: 20%; height: 7.5rem; float: left; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; table-layout: fixed}
.kfPluslst_eng ul li {width:25%}
.kfPluslst ul a { display: table-cell; vertical-align: middle; padding: 0 1rem}
.kfPluslst ul a p { position: relative; padding-right: 1.5rem; color: #555; margin-top: 0.5rem; line-height: 1.3; font-size: 0.7rem}
.kfPluslst ul a p:before { content: "\e907"; position: absolute; right: 0; top: 0; font-family: 'xeicon'; font-size: 1rem}
.kfPluslst ul a img { max-width: 100%; height: auto}
.kfPluslst ul a:hover p:before, .kfPluslst ul a:focus p:before { right: -0.5rem}
.fixSlide {top: 45px;display: none;position: absolute;left: 0;width: 100%;height: 100%;z-index: 4}
.fix_hidden { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 0}

#header.fixed #myMenu {top: 56px}
#myMenu:after {content:'';background: url(/images/web/ach/new/main/vt_bg.png) no-repeat;top: 0px;right: -48px;width: 48px;height: 45px;position: absolute}
#myMenu {position: absolute;top: 76px;left: 0;z-index: 0;background-color: #292929;width: 90px;border-radius: 0 0 50px 50px;padding-top: 39px}
#myMenu li {position: relative;z-index: 1;padding: 7px 0}
#myMenu li a {color:#fff;display: block;padding: 14px 20px 16px 46px;border-radius: 69px;width: 0;margin-left: 15px;position:relative;white-space: nowrap;visible:hidden;font-size: 13px}
#myMenu li a:hover {width:171px;visibility:visible}
#myMenu li:nth-child(5) a:hover {width:234px;}
#myMenu li a span {width:0;display:inline-block;visibility: hidden;opacity: 0}
#myMenu li a:hover span {width:auto;visibility: visible;opacity: 1}
#myMenu li.active a {width:171px;visible:visibility}
#myMenu li.active:nth-child(5) a {width:234px;}
#myMenu li.active a span {opacity:1;visibility: visible}
#myMenu li a:before {content:'';background: url(/images/web/ach/new/common/myMenu007.png) no-repeat center 9px;position: absolute;width: 43px;height: 43px;left: 8px;top: 50%;margin-top: -22px;background-color: #424242;border-radius: 50%}
#myMenu li.active a:before, #myMenu li:hover a:before {background-color: transparent}
#myMenu li.p01 a:before {}
#myMenu li.p02 a:before {background-position: center -41px}
#myMenu li.p03 a:before {background-position: center -89px}
#myMenu li.p04 a:before {background-position: center -143px}
#myMenu li.p05 a:before {background-position: center -197px}
#myMenu li.p06 a:before {background-position: center -248px}
#myMenu li.p07 a:before {background-color: transparent;background-position: 13px -303px;left: 10px}
#myMenu li:hover a, #myMenu li.active a {background: rgb(65,71,143);background: linear-gradient(135deg, rgba(65,71,143,1) 23%, rgba(184,68,93,1) 100%);text-indent: 0;box-shadow: 12px 12px 14px 0 rgb(0 0 0 / 25%)}
#myMenu li:last-child:hover a, #myMenu li:last-child.active a {background: #ffa533 }
#myMenu li:last-child a {background-color: #ffa533;width: 64px;text-indent: 0;padding: 0;height: 64px;text-align: center;line-height: 78px;margin-left: 14px;margin-bottom: 7px}

body.search_active {overflow-y:hidden;}
.top-search-btn {position: absolute;top: 0px;right: 100px;z-index: 100;}
.top-search-btn .search-open-btn {display:inline-block;width: 21px;height: 76px;text-indent: -9999px;background: url(/images/web/ach/new/common/ico_search.svg) no-repeat center;background-size: 21px;}
.top-search-wrap {width:100%;height:100%;background:#292929;position: fixed;top: 0;left: 0;display: flex;justify-content: center;align-items: center;flex-direction: column;opacity:0;visibility:hidden; z-index:-1;}
.top-search-wrap.open {opacity:1.0;visibility:visible;z-index:99999;}
.top-search-wrap strong {font-size: 60px;font-family: 'play';margin-bottom: 100px;color:#fff}
.top-search-wrap fieldset {width:50%;position: relative;}
.top-search-wrap fieldset input[type="text"] {background:none;border:0;border-bottom:5px solid #fff;height: 60px;width: 100%;padding: 0 15px;width:100%;color:#fff;font-size:20px;}
.top-search-wrap fieldset input[type="text"]:focus {outline:none}
.top-search-wrap fieldset .btn-search {display:inline-block;text-indent:-9999px;background: url(/images/web/ach/new/common/ico_search.svg) no-repeat center;width: 40px;height: 40px;background-size: 100%;position: absolute;right: 15px;bottom: 15px;}
.top-search-wrap .search-close-btn {width: 30px;height: 30px;background: url(/images/web/ach/new/common/ico_closed.svg) no-repeat center;background-size: 100%;position:absolute;top: 50px;right: 50px;text-indent:-9999px;}

.sitemap-line-btn{position:absolute;top:0px;right:0;width:100px;height: 76px;z-index:1111;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.sitemap-line-btn.sitemap-close-btn{position:absolute}
.sitemap-line-btn .line{display:block;position:relative;z-index:1;width:18px;height:2px;background-color: #fff;margin: 3px auto;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.sitemap-line-btn.active span{border-radius:3px}
.sitemap-line-btn.active span:nth-child(1) {-webkit-transform: translateY(5px) rotate(45deg);-ms-transform: translateY(5px) rotate(45deg);-o-transform: translateY(5px) rotate(45deg);transform: translateY(5px) rotate(45deg)}
.sitemap-line-btn.active span:nth-child(2) {opacity: 0}
.sitemap-line-btn.active span:nth-child(3) {-webkit-transform: translateY(-5px) rotate(-45deg);-ms-transform: translateY(-5px) rotate(-45deg);-o-transform: translateY(-5px) rotate(-45deg);transform: translateY(-5px) rotate(-45deg)}

.gnb_bg{display:none;position:fixed;top: 46px;left:0;width:100%;height:100%;background: rgba(0,0,0,0.5);z-index: 1}
#gnb{position:absolute; text-align:center; top:0; left:0px; width:100%; z-index:99}
#gnb > ul > li{float:left; word-break:keep-all}
#gnb > ul > li > a {position:relative;z-index:100;display:block;height: 76px;line-height: 76px;padding: 0px 57px;text-align:center;color: #fff;font-size: 19px;font-weight:600;position:relative}
#gnb > ul > li > a span {display:inline-block;position:relative}
#gnb > ul > li > a span:after {content:'';display:inline-block;width:0;height:3px;background-color:#ffd45a;position:absolute;bottom:0;left:0}
#gnb > ul > li > a:hover span:after {width:100%}
#gnb > ul > li.active > a span:after {content:'';display:inline-block;width:100%;height:3px;background-color:#ffd45a;position:absolute;bottom:0;left:0}
#gnb > ul > li.active > a, #gnb > ul > li:hover > a {color:#ffd45a}
#gnb_background{position:absolute;left:0;top: 76px;width:100%;height:0;background: #292929;z-index:98;-webkit-transition:height 0.3s;-moz-transition:height 0.3s;-o-transition:height 0.3s;-ms-transition:height 0.3s;transition:height 0.3s}
#gnb_background.open{height: 328px;border-top: 1px solid rgb(229 229 229 / 9%)}
#gnb.all_menu > ul > li .gnb_dep {visibility:hidden;opacity:0;filter:Alpha(opacity=0);position:absolute;left:0;top: 76px;z-index:99;width:100%;padding: 18px 0;text-align:left;background-color: #292929}
#gnb.all_menu > ul > li .gnb_dep.show{visibility:visible;opacity:1.0;filter:Alpha(opacity=100);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
#gnb .gnb_dep-inner {margin: 0 auto;width: 100%}
.gnb_dep-menu-list > ul {display: table;margin: 0 0 0 auto}
.gnb_dep-menu-list > ul > li {display: table-cell;position:relative;padding-right: 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 216px}
.gnb_dep-menu-list > ul > li > a {display:table;position:relative;width:100%;height: 41px;color: #fff;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;border: 1px solid #484848;padding: 0 29px;border-radius: 19px}
.gnb_dep-menu-list > ul > li > a:before {position:absolute;bottom: -1px;left: 0px;width:0;height: 2px;background-color:#ed1c24;content:"";-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.gnb_dep-menu-list > ul > li > a span{display:table-cell;vertical-align:middle;font-size: 16px;font-weight: 600;}
.gnb_dep-menu-list > ul > li > a .gnb-icon{position:absolute;top: 0;right: 11px;font-size:18px}
.gnb_dep-menu-list > ul > li > a .gnb-icon i{line-height: 40px}
.gnb_dep-menu-list > ul > li > a:hover{color:#ffd45a;border-color:#ffd45a}
.gnb_dep-menu-list > ul > li > ul {margin-top: 10px;padding-left: 23px}
.gnb_dep-menu-list > ul > li > ul > li > a {color: #c1c0c0;padding: 5px 0 5px 11px;display: block;position:relative;font-size: 15px;font-weight: 400;}
.gnb_dep-menu-list > ul > li > ul > li > a:hover{color:#ffd45a}
.gnb_dep-menu-list > ul > li > ul > li > a:before {content:'';background-color: #999898;position:absolute;width:3px;height:3px;top: 10px;left:2px}

.index-wrapper #header{position:absolute}
.index-wrapper #header_wrap{position:relative; background-color:transparent}
.index-wrapper #gnb > ul > li > a{color:#fff}
.index-wrapper .sitemap-line-btn{position:absolute}
.index-wrapper .sitemap-line-btn .line{background-color:#fff}
.index-wrapper .sitemap-line-btn.active .line{}

#header.sub-hidden{-ms-transform: translateY(-101px);-o-transform: translateY(-101px);-moz-transform: translateY(-101px);-webkit-transform: translateY(-101px);transform: translateY(-101px)}
#header.sub-hidden.up{-ms-transform: translateY(0);-o-transform: translateY(0);-moz-transform: translateY(0);-webkit-transform: translateY(0); transform: translateY(0)}

.nav-open-btn{display:none}
#gnbM{display:none}

#footer{background:#41454d}
#footerInner{position:relative}

#footerTop{padding:20px 100px;background:#393c43}

.foot-menu {float:left}
.foot-menu li{float:left;position:relative;padding-left: 20px;line-height:20px}
.foot-menu li:first-child{padding-left:0}
.foot-menu li:first-child:before{display:none} 
.foot-menu li a{font-size: 15px;color:#d1d2d3}

#footerBottom{padding:45px 100px;display:flex;gap:50px}
.footer-address-list p {font-size:14px;color:#c2c3c5;line-height:20px;font-family: 'play','NotoSansKR'}
.footer-address-list .copyright{margin-top:10px;font-size:13px;color:#949599}

#footer .ftBtn_wrap { position: absolute; right: 100px; top: 7px; z-index:10}
#footer .ftBtn_wrap .ftBtn { width: 15rem}
#footer .ftBtn_wrap .ftBtn > button { width: 100%; text-align: left; height: 3rem; line-height: 2.8rem; padding: 0 1.5rem; color: #d3d3d5; border: 1px solid #72757a; border-radius:5px;background: #42454e; font-size: 16px}
#footer .ftBtn_wrap .ftBtn > button i { float: right; line-height: 2.8rem}
#footer .ftBtn_wrap .ftBtn > button:hover { background: #42454e; color: #fff}
#footer .ftBtn_wrap .ftBtn.on button { background: #42454e; color: #fff}
#footer .ftBtn_wrap .ftBtn > div { display: none; position: absolute; left: 0; bottom: 3rem; width: 100%; padding:15px; overflow: auto; background: #42454e}
#footer .ftBtn_wrap .ftBtn > div ul {overflow: hidden}
#footer .ftBtn_wrap .ftBtn > div a { display: block; position: relative; margin: 0.15rem 0; font-size: 16px; line-height:24px;color: #fff}
#footer .ftBtn_wrap .ftBtn.on i { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg)}

#visual{position:relative; overflow:hidden; width:100%; height:600px; margin-top:150px}
#visual .visual-img-con{position:absolute; top:0px; left:0px;width:100%;height:100%;background-size:cover !important;-webkit-transition:transform 1500ms  cubic-bezier(0, 0.41, 0.58, 1);-moz-transition:transform 1500ms cubic-bezier(0, 0.41, 0.58, 1);-o-transition:transform 1500ms cubic-bezier(0, 0.41, 0.58, 1);-ms-transition:transform 1500ms cubic-bezier(0, 0.41, 0.58, 1);transition:transform 1500ms cubic-bezier(0, 0.41, 0.58, 1)}
#visual .visual-txt-con{position:relative; z-index:1; text-align:center; display:table; width:100%; height:calc(100% - 80px); letter-spacing:-0.5px; color:#fff}
#visual .visual-txt-container{position:relative; width:100%}
#visual .visual-tit,
#visual .visual-sub-txt,
#visual .location,
#visual .visual-business-txt {opacity:0;filter:Alpha(opacity=0);-ms-transform: translateY(30px);-o-transform: translateY(30px);-moz-transform: translateY(30px);-webkit-transform: translateY(30px);transform: translateY(30px);-webkit-transition:opacity 1.0s, transform 1.0s;-moz-transition:opacity 1.0s, transform 1.0s;-o-transition:opacity 1.0s, transform 1.0s;-ms-transition:opacity 1.0s, transform 1.0s;transition:opacity 1.0s, transform 1.0s}
#visual .visual-tit{font-weight:700;font-size:50px;line-height:1.2}
#visual .visual-sub-txt + .visual-tit{-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;-ms-transition-delay:0.5s;transition-delay:0.5s}
#visual .visual-sub-txt{display:inline-block;margin-bottom:10px;font-size:13px;font-weight:700;padding-bottom:7px;letter-spacing:0.5px;border-bottom:1px solid #fff;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s}
#visual .visual-business-txt{display:inline-block;margin-top:15px;font-size:15px;font-weight:400;letter-spacing:-0.5px;line-height:1.5;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s}
#visual .location{-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;-ms-transition-delay:0.5s;transition-delay:0.5s}
#visual.active .visual-tit,
#visual.active .visual-sub-txt,
#visual.active .location,
#visual.active .visual-business-txt{opacity:1.0;filter:Alpha(opacity=100);-ms-transform: translateY(0px);-o-transform: translateY(0px);-moz-transform: translateY(0px);-webkit-transform: translateY(0px); transform: translateY(0px)}

#content{padding:100px 0}

.modal-fixed-pop-wrapper{display:none; overflow-y:scroll; overflow-x:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9999; background:#000; background:rgba(0,0,0,0.8)}
.modal-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center}
.modal-inner-box{ position:relative; display:table-cell; vertical-align:middle}
.modal-loading{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000}
.modal-inner-content{text-align:left}
.loading {display: inline-block;width: 50px;height: 50px;border: 8px solid rgba(255,255,255,.3);border-radius: 50%;border-top-color: #fff;animation: spin 1s ease-in-out infinite;-webkit-animation: spin 1s ease-in-out infinite}
@keyframes spin {
  to { -webkit-transform: rotate(360deg)}
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg)}
}
.modal-close-btn{position:absolute; top:11px; right:10px; color:#fff}
.modal-close-btn i{font-size:38px}
.modal-close-btn i:hover {color:#fff}
.footer-inner-box{padding:30px}
.footer-inner{padding:20px; height:400px; overflow-y:auto; overflow-x:hidden; border:1px solid #ddd}

#sitemap_wrap {position:fixed; top:0; left:0; right:0; bottom:0; z-index:99999; opacity:0;filter:Alpha(opacity=0); visibility:hidden; z-index:-1;-webkit-transition:all 0.3s  0.5s;-moz-transition:all 0.3s  0.5s;-o-transition:all 0.3s  0.5s;-ms-transition:all 0.3s  0.5s; transition:all 0.3s  0.5s}
#sitemap_wrap.open{opacity:1.0;filter:Alpha(opacity=100);visibility:visible;z-index:99999;background-color: #292929;-webkit-transition:all 0.3s  0s;-moz-transition:all 0.3s 0s;-o-transition:all 0.3s 0s;-ms-transition:all 0.3s 0s;transition:all 0.3s 0s}
#sitemap_wrap.top_move {top: 0}
#sitemap_inner{position:absolute;top:0;left:0;bottom:0;right:90px}
#sitemap_wrap .sitemap-bg-box{position:absolute; top:0px; left:0px; width:100%; height:100%}
#sitemap_wrap.close{opacity:0;filter:Alpha(opacity=0); visibility:hidden}

.sitemap-wrapper{height:100%}
.sitemap-wrapper > ul{overflow:hidden; position:relative; z-index:1; height:100%}
.sitemap-wrapper > ul > li{overflow:hidden;float:left;width: 33.333333%;height:100%}
.sitemap-wrapper > ul > li:first-child{width: 33.333333%}
.sitemap-wrapper > ul > li > h2 {overflow:hidden;color: #ffffff;font-size: 26px;letter-spacing:-1.0px;margin:77px 10% 40px;font-weight:600;line-height: 30px;}
.sitemap-wrapper > ul > li:hover > h2{color:#ffd45a}
.sitemap-wrapper > ul > li .sitemap_dep a{overflow:hidden;position:relative;display:block;padding: 16px 10%;color: #afafaf;font-size: 18px;letter-spacing:-0.15px;font-weight:400;line-height:1.2em;font-weight:700}
.sitemap-wrapper > ul > li .sitemap_dep a span{position:relative; z-index:1}
.sitemap-wrapper > ul > li .sitemap_dep a .gnb-icon{display:none}
.sitemap-wrapper > ul > li .sitemap_dep a:hover{color:#ffd45a}
.sitemap-wrapper > ul > li .sitemap_dep li .sitemap_dep_s {display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;margin: 0 10%}
.sitemap-wrapper > ul > li .sitemap_dep li .sitemap_dep_s li {background: #2f2f2f;border: 1px solid #3b3b3b;margin: -1px;width: 50%}
.sitemap-wrapper > ul > li .sitemap_dep li .sitemap_dep_s li a {font-size: 15px;padding: 12px;display: block;font-weight:400}
.sitemap-wrapper > ul > li .sitemap_dep li .sitemap_dep_s li a:hover {color:#ffd45a}
.sitemap-wrapper > ul > li .sitemap_dep li .sitemap_dep_s li a:hover:after {width: 100%}
.sitemap-wrapper > ul > li .sitemap_dep li .sitemap_dep_s li a:after {content: '';position: absolute;width: 0;height: 1px;background-color: #ffd45a;left: 0;bottom: 0;display: block}

@media all and (max-width:1850px){
	#gnb .gnb_dep-inner {}
	.gnb_dep-menu-list {}
}
@media all and (max-width:1620px){
	.area-box{padding:0 15px}
}
@media all and ( max-width: 1366px ){
	#gnb > ul > li > a{font-size:16px; padding:0 20px}
	#gnb > ul > li .gnb_dep ul li a{font-size:14px}
	#gnb .gnb_dep-inner{}
}
@media all and (min-width:1221px){
	.fixed-sub-menu.fixed .side-menu-inner{position:fixed; top:0px; left:0px; z-index:9999}
}
@media all and ( max-width: 1220px ){
	#topMenu01 .side-menu-inner .sub-menu-company {width:100%}
	#topMenu01 .side-menu-inner .sub-menu-company  li {width:12.5%}
	#header .logo img.m-logo {display:block;width: 140px}
	#header .logo img.pc-logo {display:none}
	.container {display:none}
	#header,#header_wrap{height: 58px;top: 0}
	#header_wrap{background-color:#fff}
	.index-wrapper #header{position:fixed; z-index:99}
	.index-wrapper #header_wrap{position:fixed}
	#header .logo{padding: 14px 0}
	#header .logo img{}
	#header .logo .m-logo{display:block}
	#header.sub-hidden{-ms-transform: translateY(-81px);-o-transform: translateY(-81px);-moz-transform: translateY(-81px);-webkit-transform: translateY(-81px);transform: translateY(-81px)}
	.header-util-box{right:0px;padding-right:70px}
	.sitemap-line-btn, .sitemap-custom-btn{display:none}
	#gnb{display:none}
	.gnb_bg{display:none}
	.gnb_bg-m{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index: 2}	
	#gnbM{display:block;position:fixed;top:0px;right:-100%;width:100%;height:100%;background-color:#fff;z-index: 2;transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);-webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);-oz-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);-ms-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715)}
	#gnbM.open{right:0px;visibility:visible}
	.top_link {position:absolute;top:0;left:0}
	.top_link ul li a {font-size:14px}
	.gnb_nav_wrap{position:relative;height:100%;box-sizing:border-box;padding-top:80px;overflow-y:auto;margin: 0 10px}
	#gnbM.open .gnb_nav_wrap{height:100%}
	.header-util-menu-box + .gnb_nav_wrap{padding-top:0}
	#navigation > li{border-bottom:1px solid #e5e5e5}
	#navigation > li:first-child{border-top:1px solid #e5e5e5}
	#navigation > li > a {position:relative;display:block;padding: 14px;color:#222;font-size:17px;font-weight:700}	
	#navigation > li > a .kr{font-weight:400}
	#navigation > li .gnb-icon{position:absolute; top:50%; right:15px; margin-top:-10px}
	#navigation > li .gnb-icon i{font-size:20px; color:#999}
	#navigation > li.active{border-bottom-color:transparent}
	#navigation > li.active > a{color:#ed1c24}
	#navigation > li.active > a .gnb-icon i{color:#ed1c24; transform:rotate(-180deg)}
	#navigation > li .gnb_dep{display:none;background-color:#f5f5f5;padding: 0 13px;border:1px solid #e5e5e5}
	#navigation > li .gnb_dep > li{height:auto !important;border-bottom:1px solid #e5e5e5}
	#navigation > li .gnb_dep > li:last-child{border-bottom:0}
	#navigation > li .gnb_dep > li > a{display:block;color: #565656;font-size:14px;padding: 10px 0px;position: relative;font-weight: 600}
	#navigation > li .gnb_dep > li > a .gnb-icon{right:0px}
	#navigation > li .gnb_dep > li.on {border-bottom-color:#ed1c24}
	#navigation > li .gnb_dep > li.on > a,	#navigation > li .gnb_dep > li.on > a .gnb-icon i{color:#ed1c24}
	#navigation > li .gnb_dep > li > ul {display: flex;flex-wrap: wrap;margin-bottom: 6px}
	#navigation > li .gnb_dep > li > ul > li {width: 50%}
	#navigation > li .gnb_dep > li > ul > li > a {display: block;border: 1px solid #cfcfcf;margin-left: -1px;margin-top: -1px;padding: 6px 0;text-align: center;background-color: #e5e5e5;font-weight: 500}
	.nav-open-btn {display:block;position:fixed;top: 14px;right:20px;width:30px;height:30px;z-index:10000;transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);-webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);-oz-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);-ms-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715)}
	.nav-open-btn .line{display:block; width:18px; height:2px; background-color:#222; margin: 3px auto;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out}
	.index-wrapper .nav-open-btn .line{background-color:#fff}
	.nav-open-btn.active .line{background-color:#222}
	.nav-open-btn.active .line:nth-child(2), .nav-open-btn.active .line:nth-child(4){opacity: 0}
	.nav-open-btn.active .line:nth-child(1){-webkit-transform: translateY(5px) rotate(45deg);-ms-transform: translateY(5px) rotate(45deg);-o-transform: translateY(5px) rotate(45deg);transform: translateY(5px) rotate(45deg)}
	.nav-open-btn.active .line:nth-child(3){-webkit-transform: translateY(-5px) rotate(-45deg);-ms-transform: translateY(-5px) rotate(-45deg);-o-transform: translateY(-5px) rotate(-45deg);transform: translateY(-5px) rotate(-45deg)}
	#header.sub-hidden .nav-open-btn,
	#header.sub-hidden.up .nav-open-btn{transform:translateY(0)}
	#header.fixed .nav-open-btn .line{background-color:#222}
	#sitemap_wrap{display:none}
	#visual{margin-top:80px; min-height:400px}
	#visual .visual-txt-con{padding:0; padding-top:50px; margin-top:0; height:calc(100% - 45px)}
	#topMenu01 .area{padding:0}
	#topMenu01 .side-menu-inner ul li{width:147px}
	#content{padding:70px 15px}
	.area {padding:0 15px}
	.top-search-btn {right:65px;}
	.top-search-btn .search-open-btn {height:58px;}
	.footer-partner-wrapper{margin:0 30px}
	.foot-menu li.sitemap-btn{display:none}
	#footer{}
	#footerBottom .footer-left-con,
	.footer-address-list{margin-bottom:10px}
	#footerTop {padding: 20px 16px}
	#footer .ftBtn_wrap {right:50px}
	#footerBottom {padding:45px 50px}
}
@media all and ( max-width: 1120px) {
	#sitemap_inner{right:60px}
	.sitemap-wrapper > ul > li > h2{margin:83px 15px 20px; font-size:16px}
	.sitemap-wrapper > ul > li .sitemap_dep a{padding:15px 5px 15px 15px; font-size:13px; line-height:1em}
}
@media all and (max-width:1024px){
	#visual{height:470px; min-height:auto}
	
	/** footer **/
	#footer .ftBtn_wrap {right: 25px}
	#footer .ftBtn_wrap .ftBtn {width: 12rem}
	#footer .ftBtn_wrap .ftBtn > button {font-size: 14px;padding: 0 0.5rem;height: 2.5rem;line-height: 2.5rem}
	#footer .ftBtn_wrap .ftBtn > button i {line-height: 2.5rem}
	#footer .ftBtn_wrap .ftBtn > div {bottom: 40px}
	#footer .ftBtn_wrap .ftBtn > div a {font-size: 14px}
}
	
@media all and ( max-width: 800px) {
	.top-search-wrap {padding:0 20px;}
	.top-search-wrap strong {font-size:30px;margin-bottom:50px;}
	.top-search-wrap fieldset {width:100%;}
	.top-search-wrap fieldset input[type="text"] {height:35px;border-bottom:2px solid #fff;font-size:15px;}
	.top-search-wrap fieldset .btn-search {width:30px;height:30px;}
	.top-search-wrap .search-close-btn {width: 20px;height: 20px;top:20px;right:20px;}
	
	#visual{height:335px}
	#visual .visual-tit{font-size:28px}
	#visual .visual-sub-txt{font-size:10px; padding-bottom:5px;margin-bottom:12px}
	#visual .visual-business-txt{display:none}
	#content{padding:50px 15px}
	.sitemap-wrapper{padding:15px}
	.footer-partner-wrapper{margin:0 15px}
	.footer-partner-list{padding:0 30px}
	.footer-partner-list .partner-item-inner{height:35px; padding:0 5px}
	.footer-partner-list .partner-item-inner span img{height:20px}
	#footer{}
	#footerTop{padding:20px}
	.foot-logo {display:none}
	.foot-menu{float:none}
	.foot-menu li {padding: 0 10px;width: 33%;text-align:center}
	.foot-menu li:first-child {padding-left:10px}
	.foot-menu li a{font-size:13px}
	#footerBottom{padding:25px 20px;flex-direction: column;align-items: center;gap: 30px}
	#footerBottom h4 {text-align:center}
	#footerBottom h4 img {width:70%}
	.footer-address-list p {text-align:center;margin-bottom:10px}
	.footer-address-list dl{display:block; margin-left:0; font-size:13px}
	.modal-close-btn i{font-size:24px}
	.footer-inner-box{padding:15px}
	.footer-inner{padding:10px; height:250px}
	#footer .ftBtn_wrap .ftBtn > button {height: 2.5rem;line-height: 39px}
	#footer .ftBtn_wrap .ftBtn > button i {line-height: 39px}
	.sitemap-wrapper{padding:15px}
	.sitemap-wrapper > ul > li{float:none; width:auto; margin-bottom:15px}
	.sitemap-wrapper > ul > li > h2{font-size:16px; margin:0; margin-bottom:5px}
	.sitemap-wrapper > ul > li .sitemap_dep{overflow:hidden; margin:0 -1%; padding:0}
	.sitemap-wrapper > ul > li .sitemap_dep li{float:left; position:relative; width:31.33%; margin:1%; word-break:keep-all}
	.sitemap-wrapper > ul > li .sitemap_dep li:before{position:absolute; top:0px; left:0; bottom:0px; width:1px; background-color:#eee; content:""}
	.sitemap-wrapper > ul > li .sitemap_dep li:nth-child(3n+1){clear:both}
	.sitemap-wrapper > ul > li .sitemap_dep a{padding:7px; border:1px solid #eee; font-weight:300}
	.foot-menu li {padding-left: 20px}
	
}
@media all and ( max-width: 640px ){
	#header_inner{padding:0 15px}
	
}
@media all and ( max-width: 480px ){
	#visual{margin-top:60px}
	.sitemap-wrapper > ul > li .sitemap_dep li{width:48%}
	#header,#header_wrap{height:60px}
	#header .logo{}
	#header .logo img{}
	#header.sub-hidden {-ms-transform: translateY(-61px);-o-transform: translateY(-61px);-moz-transform: translateY(-61px);-webkit-transform: translateY(-61px);transform: translateY(-61px)}
	.nav-open-btn{top:15px; margin-top:0}
	.gnb_nav_wrap{padding-top:60px}
	.gnb-style-full .header-util-menu-box + .gnb_nav_wrap{top:60px}
	.gnb-style-full-member .gnb_nav_wrap{bottom:60px}
	#navigation > li > a{font-size: 15px}
	#navigation > li .gnb_dep > li > a{font-size:13px}
}
@media all and ( max-width: 359px ){
	#header .logo{}
	.header-util-box{padding-right:60px}
}