@charset "utf-8";

a:focus,
button:focus {outline:1px dotted #000;}
.more{display:block;overflow: hidden;position:absolute;top:0;right:0;width:50px;height:50px;border:0;font-size:0;}
.more:before,
.more:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.more:before {width: calc(100%/2);height: 1px;background: #b2b2b2;}
.more:after {width: 1px;height: calc(100%/2);background: #b2b2b2;}
button[data-control]{position:relative;display:inline-block;margin:0 -4px;width:25px;height:25px;vertical-align:middle;overflow: hidden;}
button[data-control]:before,
button[data-control]:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
button[data-control="prev"]:before,
button[data-control="next"]:before{width: calc(100%/2.5);height: calc(100%/2.5);border-width:2px;border-style: solid;border-color: #333;transform: rotate(45deg);}
button[data-control="prev"]:before{right: -5px;border-width: 0 0 2px 2px;}
button[data-control="next"]:before{left: -5px;border-width: 2px 2px 0 0;}
button[data-control="stop"]:before{width: 2px;height: calc(100%/2);box-shadow: -3px 0 #333, 3px 0 #333;}
button[data-control="play"]:before{right: -5px;width: 0;height: 0;border-width: 10px 0 10px 15px;border-style: solid;border-color: transparent transparent transparent #333;}

.layout{position:relative;margin:0 auto;width:100%;max-width: 1460px;}
.clear:after,
.layout:after{display:block;visibility:hidden;clear:both;content:""}

#top_layout{display:block;position: relative;z-index: 15;width:100%;height: 100px;border-bottom: 1px solid rgba(34, 34, 34, 0.20);text-align:center;}
#top_layout.on {z-index: 999;background:#fff;}
#top_layout .top_wrap {height: 100%;max-width: 1720px;width: 100%; margin: 0 auto;display: flex;justify-content: space-between;align-items: center}
#top_layout .top_wrap::after{display: none;}
#top_layout .top_wrap #logo {position: relative;z-index: 11;float: left;}
#top_layout .top_wrap #logo > a {display:inline-block;vertical-align: top;}
#top_layout .top_wrap #logo > a span {display: inline-block;position: relative;width: 249px;height: 34px;margin: 0;background: url(/images/eng/common/logo.png)no-repeat;background: url(/images/eng/common/logo.svg)no-repeat;background-size:100% auto;font-size: 0;vertical-align: top;}
#top_layout.on .top_wrap #logo > a span {background-image: url(/images/eng/common/logo2.png);background-image: url(/images/eng/common/logo2.svg);}

#top_layout .top_wrap .utile_wrap {position:relative;z-index: 11;height:100%;}
#top_layout .top_wrap .utile_wrap li {float:left;position: relative;margin-left:30px;}
#top_layout .top_wrap .utile_wrap li:after {display:block; position:absolute;top:43px; left:-15px; content:''; width:1px; height:12px; background:#b5b5b8;}
#top_layout .top_wrap .utile_wrap li:first-child:after {display:none;}
#top_layout .top_wrap .utile_wrap li > a {display:inline-block;line-height:100px;color:#fff;font-size: 14px;font-family: 'nsr','맑은고딕','Malgun Gothic',-apple-system;}
#top_layout.on .top_wrap .utile_wrap li > a {color:#444;}
body.searchon {overflow:hidden;}
#top_layout .top_wrap .utile_wrap li.form_wrap {position:relative;height: 100%;}
#top_layout .top_wrap .utile_wrap li.form_wrap .search {height:100%;}
#top_layout .top_wrap .utile_wrap li.form_wrap .search > button {width:16px;height:100%;background: url(/images/eng/common/search.png)no-repeat center 49%;background-size:16px auto;font-size:0;}
#top_layout.on .top_wrap .utile_wrap li.form_wrap .search > button {background-image: url(/images/eng/common/search2.png);}
#top_layout .top_wrap .utile_wrap li.form_wrap .search > .inner {display:none;position:fixed;z-index: 999;left:0;top:0;width:100%;height:100%;background: rgba(0,0,0,.8);}
#top_layout .top_wrap .utile_wrap li.form_wrap .search.on > .inner {display:block;}
#top_layout .top_wrap .utile_wrap li.form_wrap .search > .inner form {position:absolute;top: 29%;width: 100%;padding: 0 20px;text-align:center;/* transform: translateY(-80%); *//* -webkit-transform: translateY(-80%); */}
#top_layout .top_wrap .utile_wrap li.form_wrap .search > .inner strong {display:block;margin: 0 0 40px;font-size:40px;font-weight:bold;font-family: 'nsr','맑은고딕','Malgun Gothic',-apple-system;color:#fff;}
#top_layout .top_wrap .utile_wrap li.form_wrap .search > .inner .form_inner {position:relative;width: 100%;max-width: 490px;margin: 0 auto;}
#top_layout .top_wrap .utile_wrap li.form_wrap .search > .inner .form_inner #search_input_m {width: 100%;height:76px;padding: 0 75px 0 35px;border:5px solid #05aba7;background:none;color: #fff;font-size: 18px;font-weight: bold;font-family: 'nsr','맑은고딕','Malgun Gothic',-apple-system;}
#top_layout .top_wrap .utile_wrap li.form_wrap .search > .inner .form_inner #search_input_m::placeholder {color: #fff;font-size: 18px;font-weight: bold;font-family: 'nsr','맑은고딕','Malgun Gothic',-apple-system;}
#top_layout .top_wrap .utile_wrap li.form_wrap .search > .inner .form_inner .submit {position: absolute;right: 30px;top: 22.5px;}
#top_layout .top_wrap .utile_wrap li.form_wrap .search > .inner .form_inner .submit input {width:24px; height:24px; background:url(/images/eng/common/search3.png)no-repeat; font-size:0;}
#top_layout .top_wrap .utile_wrap li.form_wrap .search > .inner .clickClose {display:block;position:absolute;right: 30px;top: 30px;width: 40px;height: 40px;font-size: 0;}
#top_layout .top_wrap .utile_wrap li.form_wrap .search > .inner .clickClose:before,
#top_layout .top_wrap .utile_wrap li.form_wrap .search > .inner .clickClose:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#top_layout .top_wrap .utile_wrap li.form_wrap .search > .inner .clickClose:before {width:100%;height: 2px;background: #ededed;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#top_layout .top_wrap .utile_wrap li.form_wrap .search > .inner .clickClose:after {width: 2px;height:100%;background: #ededed;transform: rotate(45deg);-webkit-transform: rotate(45deg);}

#top_layout .top_wrap .utile_wrap li.lang {}
#top_layout .top_wrap .utile_wrap li.lang span {display:inline-block; width:15px; height:14px; margin:-2px 5px 0 0;  background:url(/images/eng/common/lang.png)no-repeat; vertical-align:middle;}
#top_layout.on .top_wrap .utile_wrap li.lang span {background-image:url(/images/eng/common/lang2.png);}
#top_layout .top_wrap .utile_wrap li.mo {display:none;}
#top_layout .top_wrap .utile_wrap li.mo button {display: block;width: 22px;height:100%;background: url(/images/eng/common/menu.png)no-repeat center;background-size: 22px 16px;font-size: 0;}

#top_layout.on + .gnb_bg {display: block;z-index: 99;}
#top_layout + .gnb_bg {display: none;position: fixed;top: 100px;left: 0;z-index: 2;width: 100%;height: 100%;background: #000;opacity: 0.5;content:'';transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;}
.modal-open #top_layout .top_wrap #logo{z-index:-1;}

#gnb_layout{display: block !important;overflow:hidden;position:absolute;top: 0;left: 0;width: 100%;min-height:100px;transition: all 0.1s ease-out;-webkit-transition: all 0.1s ease-out;}
#gnb_layout:after{top:100px}
#gnb_layout.open:after{position: absolute;top: 100px;bottom: 0;right:0;width: 100%;height:auto;border-bottom:3px solid #20a19c;background:#fff url(/images/eng/common/gnb_bg.png)no-repeat left bottom;content:"";}
#gnb_layout.open:before{}
#gnb {position: absolute;top:0px;left: 0;width: 100%;height: 100px;z-index:2;}
#top_layout.on #gnb {box-shadow: 5px 3px 15px rgba(0,0,0,.1);}
#gnb_layout.action{position:relative;background-color:#fff;}
#gnb_layout .layout{position:relative;height: 100%;margin: 0;text-align: center;padding: 0 30rem 0 38rem;max-width: 100%;display: flex;justify-content: center;}
#gnb_layout .depth1_ul{display:inline-block;float: none;height:100%;z-index:14;}
#gnb_layout .depth1_ul:after {display: block; content: ''; clear: both;}
#gnb_layout .depth1_ul>li{display:inline-block;float:left;height:100%;margin: 0 -2px;vertical-align:top;}
#gnb_layout .depth1_ul>li>a{position:relative;display:block;height:100%;padding: 0 25px;text-align:center;}
#gnb_layout .depth1_ul>li>a.current{}
#gnb_layout .depth1_ul>li>a.current span {}
#gnb_layout .depth1_ul>li>a.current + .item{opacity: 1;display: block}
#gnb_layout .depth1_ul>li>a span{display: inline-block;position: relative;height: 100%;line-height: 100px;font-size: 18px;font-weight: 700;font-family:'nsr','맑은고딕','Malgun Gothic',-apple-system;color: #222;vertical-align: middle;}
#top_layout.on #gnb_layout .depth1_ul>li>a span {color:#444;}
#gnb_layout .depth1_ul>li.n6>a span em {display:inline-block;width: 76px;height: 22px;margin: -6px 5px 0 0;background: url(/images/eng/common/gnb_txt.png)no-repeat;vertical-align:middle;font-size:0;}
#gnb_layout .depth1_ul>li.sitemap>a span em {display:inline-block;width: 15px;height: 11px;margin: -2px 8px 0 0;background: url(/images/eng/common/menu.png)no-repeat;background-size: 15px 11px;vertical-align:middle;}
#gnb_layout .depth1_ul>li>a[target="_blank"] span:after {display:inline-block;width: 12px;height: 11px;margin: -2px 0 0 5px;background: url(/images/eng/common/target.png) no-repeat;border: 0;transform: none;content:'';vertical-align:middle;}
#gnb_layout .depth1_ul>li>a span:before{display:block;opacity:0;position:absolute;left: 0;bottom: 0;content:'';width: 100%;height: 3px;background: #089791;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
#gnb_layout .depth1_ul>li>a.current span:before,
#gnb_layout.open .depth1_ul>li.on>a span:before {opacity:1;}
#gnb_layout .depth1_ul > li .item{display: none;position:absolute;top: 100px;left: 50%;z-index: 100;width: 100%;margin: 0;padding: 0 0 0 340px;text-align: left;transform: translateX(-50%);max-width: 1720px;}
#gnb_layout .depth1_ul > li .item .gnb-title {position:absolute;top:0;left: 0;height:100%;padding: 60px 0 0;width: 340px;text-align: center;}
#gnb_layout .depth1_ul > li .item .gnb-title:before {display:block;position:absolute;top:0;bottom:3px;right: 0;content:'';width:1px;height:auto;background:#ddd;}
#gnb_layout .depth1_ul > li .item .gnb-title strong{display:inline-block;position: relative;z-index: 1;font-size: 34px;font-weight: 700;font-family:'nsr','맑은고딕','Malgun Gothic',-apple-system;color: #111111;line-height: 1.1;}
#gnb_layout .depth1_ul > li .item .gnb-title strong:before {display:inline-block; content:''; width:10px; height:10px; margin-top:-13px; border-radius:50%; background:#73c6be; vertical-align:top;}
#gnb_layout .depth1_ul > li .item .gnb-title p{display:inline-block;position: relative;z-index: 1;width:100%;padding:0;margin:0;font-size:16px; font-family:'nsr','맑은고딕','Malgun Gothic',-apple-system;color: #526b8b;line-height: 1.4;}
#gnb_layout .depth1_ul > li .item .gnb_menu {display:none;}
#gnb_layout .depth1_ul > li .item .gnb-depth {position:relative;height:100%;min-height: 243px;}
#gnb_layout .depth1_ul > li .item .depth2_ul{float:left;position: relative;top: 0;height: 100% !important;min-height: 450px;width: 100%;padding: 50px 0 35px;text-align:  left;}
#gnb_layout .depth1_ul > li .item .depth2_ul:before {display:block;position:absolute;top:0;bottom:3px;left: 33.33%;content:'';width:1px;height:auto;background:#ddd;}
#gnb_layout .depth1_ul > li .item .depth2_ul:after {display:block;position:absolute;top:0;bottom:3px;left: 66.66%;content:'';width:1px;height:auto;background:#ddd;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li{display: block;float: left;position:relative;width: 33.33%;padding: 0 30px 20px;margin: 0;text-align: left;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a{display:block;position: relative;vertical-align: top;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a span {display: inline-block;position: relative;color: #222;font-size: 18px;font-weight: 700;font-family:'nsr','맑은고딕','Malgun Gothic',-apple-system;vertical-align: top;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a.on span,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:hover span,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:focus span {color:#00958f;}
#gnb_layout .depth1_ul > li .depth2_ul > li > a[target="_blank"]:after {display:inline-block;top: 18px;width:12px;height:11px;margin:-2px 0 0 5px;border:none;background:url(/images/eng/common/target.png)no-repeat;content:'';vertical-align:middle;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a.on[target="_blank"]:before,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a[target="_blank"]:hover:before,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a[target="_blank"]:focus:before {background-position:0 0;}
#gnb_layout .depth3_ul {padding: 0;margin: 5px 0 0;}
#gnb_layout .depth3_ul > li {position:relative;margin: 0;}
#gnb_layout .depth3_ul > li:before {display:block;position:absolute;left: 1px;top: 11px;content:'';width:5px;height:1px;background:#666;}
#gnb_layout .depth3_ul > li > a {display:block;position:relative;width:100%;padding-left: 13px;}
#gnb_layout .depth3_ul > li > a > span {display:inline-block;position: relative;font-size:15px;color: #666;}
#gnb_layout .depth3_ul > li > a:hover > span,
#gnb_layout .depth3_ul > li > a:focus > span {text-decoration:underline; }
#gnb_layout .depth3_ul > li > a[target="_blank"] > span:after {display:inline-block;width:12px;height:11px;margin:-2px 0 0 5px;background:url(/images/eng/common/target.png)no-repeat;content:'';vertical-align:middle;}
#gnb_layout .depth3_ul > li > a:hover > span,
#gnb_layout .depth3_ul > li > a:focus > span {}

#gnb_layout .depth1_ul > li.n2 .depth3_ul {display:none;}

#body_layout {display: block;width: 100%;}

@media screen and (max-width:1600px){   
    #top_layout .top_wrap .utile_wrap li:after {display:none;}
    #top_layout .top_wrap .utile_wrap li.pc {display:block;}
    #top_layout .top_wrap .utile_wrap li.pc a span {display:inline-block;width: 15px;height: 11px;margin:0;background: url(/images/eng/common/menu.png)no-repeat;background-size: 15px 11px;vertical-align:middle; font-size:0;}
    
    #gnb_layout .depth1_ul>li.sitemap {display:none;}
    #gnb_layout .depth1_ul>li>a {padding:0 20px;}
    
}

@media screen and (max-width:1519px){   
    .layout {max-width: 100%;padding:0 30px;}
    #gnb_layout.open{background: #fff;border-bottom: 3px solid #20a19c;}
    #gnb_layout.open:after{width: 270px;border-bottom: none;right: auto;left: 0;background: url(/images/eng/common/gnb_bg.png)no-repeat left bottom;background-size: contain;}
    #gnb_layout .depth1_ul > li .item {padding:0 30px 0 270px;}
    #gnb_layout .depth1_ul > li .item .gnb-title{width: 270px;}
    #gnb_layout .depth1_ul > li .item .depth2_ul:before {left:33.33%;}
    #gnb_layout .depth1_ul > li .item .depth2_ul:after {left:66.66%;}
    #gnb_layout .depth1_ul > li .item .depth2_ul > li {width:33.33%;}
    #gnb_layout .depth1_ul > li .item .depth2_ul > li.n2_4,
    #gnb_layout .depth1_ul > li .item .depth2_ul > li.n2_5,
    #gnb_layout .depth1_ul > li .item .depth2_ul > li.n2_6 {min-height:224px;}
    #gnb_layout .depth1_ul > li .item .gnb-title strong {font-size:30px;}
    #gnb_layout .depth1_ul > li .item .gnb_menu {display:none;}

    #gnb_layout .depth1_ul > li.n2 .item .depth2_ul > li:nth-child(1),
    #gnb_layout .depth1_ul > li.n2 .item .depth2_ul > li:nth-child(2),
    #gnb_layout .depth1_ul > li.n2 .item .depth2_ul > li:nth-child(3){min-height:250px;}
}


@media screen and (max-width:1200px){
    #top_layout .top_wrap .utile_wrap li {margin:0;}
    #top_layout .top_wrap .utile_wrap li.login {margin-right:5px;}
    #top_layout .top_wrap .utile_wrap li.login{padding:33px 0 0;}
    #top_layout .top_wrap .utile_wrap li.login a{height:34px;line-height:32px;padding: 0 10px;border: 1px solid rgba(255,255,255,.5);}
    #top_layout .top_wrap .utile_wrap li.login span {display:inline-block; width:15px; height:14px; margin:-2px 5px 0 0;  background:url(/images/eng/common/login.png)no-repeat; vertical-align:middle;}
    #top_layout .top_wrap .utile_wrap li.lang {margin-right:20px;}
    #top_layout .top_wrap .utile_wrap li.lang span {display:inline-block;}
    #top_layout .top_wrap .utile_wrap li.form_wrap .search > button {width:22px; background-size:22px auto;}
    #top_layout .top_wrap .utile_wrap li.pc {display:none;}
    #top_layout .top_wrap .utile_wrap li.mo {display:block;height: 100%;}
    #top_layout .top_wrap .utile_wrap li.form_wrap {margin:0 20px;}
    #top_layout.on + .gnb_bg {display:none;}

    #gnb_layout{display: none !important;}  
}

@media screen and (max-width:767px){    
    .layout {padding:0 20px;}
    #top_layout .top_wrap {padding:0 20px;}
    #top_layout .top_wrap .utile_wrap li.login{display:none;}
    #top_layout .top_wrap .utile_wrap li.form_wrap .search > .inner strong { margin:0 0 30px; font-size:30px;}

}

@media(max-width:400px){
    #top_layout .top_wrap #logo > a span {width: 205px;height: 28px;background-size: 205px auto;}
    #top_layout .top_wrap .utile_wrap li.mo button {width:18px; background-size:18px auto;}
    #top_layout .top_wrap .utile_wrap li.form_wrap .search > button {width:16px; background-size:16px auto;}
}

/* mobile menu */
#mobile-menu{overflow: visible;padding:0 !important;}
#mobile-menu .modal-dialog {float:right;width:100%;height: 100%;margin: 0;border-radius: 0;-webkit-transform: translate(25%,0);transform: translate(25%,0);}
#mobile-menu.in .modal-dialog,
#mobile-menu.show .modal-dialog {-webkit-transform:translate(0px,0);transform: translate(0px,0);}
#mobile-menu .modal-dialog .modal-content {position: relative;height: 100%;border-radius: 0;}
#mobile-menu .modal-dialog .modal-content .topUtile {position:absolute;top:0;left:0;z-index: 3;width:100%;height:70px;padding: 0 20px;background: #005ca5 url(/images/eng/common/m_bg.png)no-repeat right bottom;text-align: left;}
#mobile-menu .modal-dialog .modal-content .topUtile strong {display:inline-block;position: relative;width: 86px;height: 35px;margin: 17.5px 0 0;background: url(/images/eng/common/m_logo.png)no-repeat;font-size: 0;vertical-align: top;}
#mobile-menu .modal-dialog .modal-content .topUtile strong a {display:block; width:100%; height:100%;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang {display:inline-block;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang {position:relative;padding: 0 30px;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang:before {display:block;position:absolute;left: 12px;top: 26px;content:'';width:1px;height: 16px;background:#4d8dc0;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang button {font-family:'nsr','맑은고딕','Malgun Gothic',-apple-system;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > button {display:block;width:100%;line-height: 70px;color: #fff;font-size: 15px;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang.on > button {opacity:0;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > button:after {display:inline-block;margin:0 0 0 5px;border-left:4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #fff;content:'';vertical-align:middle;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > div {display:none;position:absolute;left: 0;top: 70px;z-index: 3;width:100%;padding: 5px 0;background: #005ca5;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang.on > div {display:block;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > div > button{display:block;width:100%;position:absolute;top:-70px;left: 30px;height: 70px;line-height: 70px;color: #fff;font-size: 15px;text-align: left;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > div > button:after {display:inline-block;margin:0 0 0 5px;border-left:4px solid transparent;border-right: 4px solid transparent;border-bottom: 4px solid #fff;content:'';vertical-align:middle;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > div .inner {}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > div .inner span {display:block;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > div .inner span a {display:block;width:100%;margin: 10px 0;color: #fff;font-size: 15px;font-family:'nsr','맑은고딕','Malgun Gothic',-apple-system;text-align: center;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > div .inner span:last-child a {border:none;}
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > div .inner span a:hover,
#mobile-menu .modal-dialog .modal-content .topUtile .clickOpen_lang > div .inner span a:focus {}
#mobile-menu .modal-dialog .modal-content .m_quickmenu {position:absolute;top: 70px;left:0;z-index: 2;width:100%;padding:20px;text-align:left;box-shadow: 4px 4px 10px rgba(0,0,0,.05);}
#mobile-menu .modal-dialog .modal-content .m_quickmenu strong {display:block; margin:0 0 10px; font-family:'nsr','맑은고딕','Malgun Gothic',-apple-system; font-size:18px; color:#282828;}
#mobile-menu .modal-dialog .modal-content .m_quickmenu strong span {display:inline-block; font-family:'nsr','맑은고딕','Malgun Gothic',-apple-system; font-weight:700; font-size:18px; color:#004a84;}
#mobile-menu .modal-dialog .modal-content .m_quickmenu .inner {overflow-x:auto;}
#mobile-menu .modal-dialog .modal-content .m_quickmenu .inner2 {width: 890px;}
#mobile-menu .modal-dialog .modal-content .m_quickmenu .inner a {display:inline-block;height:40px;margin-right:10px;padding:0 10px;border:1px solid #ddd;border-radius:10px 0 10px 0;line-height:38px;font-size:14px;font-family:'nsr','맑은고딕','Malgun Gothic',-apple-system;color:#282828;}
#mobile-menu .modal-dialog .modal-content .modal-body {height:100%;padding: 0;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul {overflow-y: scroll;overflow-x: hidden;position: relative;left: 0;top: 0;height:100%;padding: 120px 0 0;background: #000 url(/images/eng/common/m_gnb.jpg)no-repeat left bottom;text-align:left;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul:before {display:block;position:absolute;content:'';right: 0;top: 0;bottom: 0;width: calc(100% - 300px);height: 120%;background: #fff;} 
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul:after{display:block; position:fixed; right:10px; bottom:0; content:''; width:334px; height:99px; background:url(/images/eng/common/gnb_bg.png)no-repeat 95% bottom;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li {}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:after {display:block; clear:both; visibility:hidden; content:'';}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a {display:block;position:absolute;z-index: 1;width: 300px;padding-left: 70px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:before {display:block;opacity: 0;position:absolute;content:'';right: -25px;top:50%;width: 70px;height:3px;margin-top:-1.5px;background: #5db7b0;transition: all 0.3s;-webkit-transition: all 0.3s;} 
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov:before {opacity:1;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(1) > a {top:125px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(2) > a {top:195px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(3) > a {top:265px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(4) > a {top:335px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(5) > a {top:405px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(6) > a {top:475px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(7) > a {top:545px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a span {display:block;position: relative;line-height: 1;padding: 0;font-size: 24px;font-weight: 700;font-family:'nsr','맑은고딕','Malgun Gothic',-apple-system;color: #fff;word-break: keep-all;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov span {}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li.list {display:none;padding:0 20px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li.list a {display:block;left:20px;width: 110px;height:34px;line-height:32px;padding: 0;border:1px solid rgba(255,255,255,3);font-size:13px;color:#fff;text-align:center;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li.login span {display:inline-block; width:15px; height:14px; margin:-2px 5px 0 0;  background:url(/images/eng/common/login.png)no-repeat; vertical-align:middle;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li.lang span {display:inline-block; width:15px; height:14px; margin:-2px 5px 0 0;  background:url(/images/eng/common/lang.png)no-repeat; vertical-align:middle;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul {display:block;float:right;width: calc(100% - 300px);height: 100%;padding: 0 30px 0 70px;background: #fff;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul:after {display:block; clear:both; visibility:hidden; content:''; }
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li {display:block;float: left;width: 33.33%;padding-right: 20px;margin: 0 0 30px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .n2 .depth2_ul > li:nth-child(5),
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .n2 .depth2_ul > li:nth-child(6) {min-height:220px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a {display:block;width: 100%;position:relative;z-index: 10;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:before,
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:after {}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:before {}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:after {}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.ov {}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.ov:after {}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a span {display: inline-block;font-family:'nsr','맑은고딕','Malgun Gothic',-apple-system;font-size: 19px;font-weight: bold;line-height:1.4;color: #222222;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a[target="_blank"] span:after {display:inline-block;width:12px;height:11px;margin:0 0 0 5px;background:url(/images/eng/common/target2.png)no-repeat;content:'';vertical-align:middle;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul {display: block;margin: 10px 0 0;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li {position:relative;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a {display:block;position: relative;z-index: 10;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a span {display: inline-block;font-size: 15px;font-family:'nsr','맑은고딕','Malgun Gothic',-apple-system;color: #666;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a[target="_blank"] span:after {display:inline-block;width:12px;height:11px;margin:-2px 0 0 5px;background:url(/images/eng/common/target.png)no-repeat;content:'';vertical-align:middle;}
#mobile-menu .mobile-close {position:absolute;z-index: 4;top: 30px;right: 30px;}
#mobile-menu .mobile-close span {display:block;position:relative;width: 35px;height: 35px;font-size:0;}
#mobile-menu .mobile-close span:before,
#mobile-menu .mobile-close span:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto; transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#mobile-menu .mobile-close span:before {width:100%;height: 1px;background: #000;}
#mobile-menu .mobile-close span:after {width: 1px;height:100%;background: #000;}
.modal-backdrop.in{opacity: .8;z-index: 16;}

.modal-open,
.modal-open #body_layout {overflow:hidden;height:100%;}
.modal-open #top_layout {}

   
@media(max-width:1023px){

    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul:before {width:calc(100% - 150px); }
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a {width:150px;padding: 0 10px;text-align: center;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:before {width:50px;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a span {font-size:20px;}
    
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul {width:calc(100% - 150px);padding: 0 60px;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li {width:50%;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .n2 .depth2_ul > li:nth-child(3),
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .n2 .depth2_ul > li:nth-child(4) {min-height:142px;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .n3 .depth2_ul > li:nth-child(3) {height:135px;}
}

@media(max-width:767px){

    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul {padding: 75px 0 0;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(1) > a {top:75px;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(2) > a {top:145px;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(3) > a {top:215px;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(4) > a {top:285px;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(5) > a {top:355px;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(6) > a {top:425px;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(7) > a {top:495px;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(8) > a {top:565px;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:nth-child(9) > a {top:610px;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li.list {display:block;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:before {top:auto; bottom:-10px; left:45px; right:45px; width:auto;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a span {font-size: 17px;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a span {font-size:17px;}
}

@media(max-width:640px){
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li {width:100%;padding: 0;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul {padding:0 50px;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .n2 .depth2_ul > li:nth-child(3),
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .n2 .depth2_ul > li:nth-child(4),
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .n2 .depth2_ul > li:nth-child(5),
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .n2 .depth2_ul > li:nth-child(6),
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .n3 .depth2_ul > li:nth-child(3){height:auto; min-height:auto;}
}

@media(max-width:400px){
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul:before {width:calc(100% - 130px); }
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a {width:130px;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul {width:calc(100% - 130px);padding:0 30px;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li.list a {left: 15px;width: 100px;}
    #mobile-menu .mobile-close {right: 20px;top: 15px;}
}

html{
    font-size: 10px;
}

/* 스크롤바 커스텀 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background-color: #089892;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

/* 메인용헤더 */
.main #top_layout .top_wrap .utile_wrap li.form_wrap .search > button::before{
    color: #222;
}
.main #top_layout .top_wrap .utile_wrap li.mo button::before{
    color: #222;
}
.main #top_layout .top_wrap .utile_wrap li.lang a{
    color: #222;
}
.main #top_layout .top_wrap .utile_wrap li.mo button::before{
    color: #222;
}
.main #top_layout .top_wrap .utile_wrap li.lang a::before{
    color: #222;
}
.main #top_layout .top_wrap .utile_wrap li.pc a::before{
    color: #222;
}
.main #gnb{
    background: #fff;
}
.main #gnb_layout .depth1_ul>li>a span{
    color: #222;
}

html.modal-active{
    overflow: hidden;
}
#top_layout{
    height: 100px;
}
#top_layout .top_wrap #logo{
    margin-top: 0;
}
#top_layout .top_wrap .utile_wrap{
    height: 100%;
    margin-top: 0;
    color: #222;
}
#top_layout .top_wrap .utile_wrap li{
    height: 100%;
}
#top_layout .top_wrap .utile_wrap li:after{
    display: none;
}
#top_layout .top_wrap .utile_wrap li > a{
    font-size: 0;
    line-height: 0;
    height: 100%;
}
#top_layout .top_wrap .utile_wrap li.form_wrap .search > button{
    position: relative;
    background: none;
    font-size: 0;
    line-height: 0;
    width: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#top_layout .top_wrap .utile_wrap li.form_wrap .search > button::before{
    position: relative;
    font-size: 26px;
    line-height: 26px;
    content: '\f0d1';
    color: inherit;
    font-family: 'remixicon';
    color: #fff;

}
#top_layout .top_wrap .utile_wrap li.pc{
    display: unset;
    width: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#top_layout .top_wrap .utile_wrap li.pc a{
    width:100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
#top_layout .top_wrap .utile_wrap li.pc a::before{
    position: relative;
    font-size: 26px;
    line-height: 26px;
    content: '\ef3b';
    color: #222;
    font-family: 'remixicon';
    font-weight: 400;
}
.main #top_layout .top_wrap .utile_wrap li.pc a::before{
    color: #222;
}
#top_layout.on .top_wrap .utile_wrap li.pc a::before{
    color: #222;
}
#top_layout .top_wrap .utile_wrap li.mo button{
    background: none;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
#top_layout .top_wrap .utile_wrap li.mo button::before{
    position: relative;
    font-size: 22px;
    line-height: 22px;
    content: '\ef3b';
    color: #222;
    font-family: 'remixicon';
    font-weight: 400;

}
#top_layout .top_wrap .utile_wrap li.lang a{
    display: flex;
    align-items: center;
    position: relative;
    gap: 4px;
    font-size: 16px;
    color: #222;
    font-weight: 700;
}
.main #top_layout.on .top_wrap .utile_wrap li.lang a::before{
    color: #222
}
#top_layout .top_wrap .utile_wrap li.lang a::before{
    position: relative;
    font-size: 24px;
    line-height: 24px;
    content: '\edcf';
    color: #222;
    font-family: 'remixicon';
    font-weight: 400;
}
.main #top_layout .top_wrap .utile_wrap li.lang a::before{
    color: #222;
}
#top_layout.on .top_wrap .utile_wrap li.lang a::before{
    color: #222;
}
#gnb{
    height: 100px;
    background: unset;
}
.main #gnb_layout.open{
    border-bottom-width:0;
}
#gnb_layout{
    min-height: 100px;
}
#gnb_layout .layout{
    height: 100px;
}
#gnb_layout .depth1_ul>li>a span{
    height: auto;
}
#gnb_layout .depth1_ul>li>a span{
    color: #222;
}

.main #top_layout .top_wrap #logo > a span{
    background-image: url(/images/eng/common/logo.png);
    background-image: url(/images/eng/common/logo.svg);
}
.header-top{
    padding-right: 50px;
    background: #222;
  }
  .header-top .header-top-menu{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1.2rem;
  }
  .header-top .header-top-menu a{
    display: flex;
    position: relative;
    align-items: center;
    gap: 1.2rem;
  }
  .header-top .header-top-menu a::before{
    position: relative;
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    background: #757575;
    content: '';
  }
  .header-top .header-top-menu a:first-child:before{
    display: none;
  }
  .header-top .header-top-menu span{
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 700;
    padding: 1.1rem 0;
  }
  #container.main{
    border-top: 1px solid #424242;
  }
  @media screen and (max-width:1740px){
    #top_layout .top_wrap{
        padding: 0 2rem;
    }
    .header-top .header-top-menu{
        padding: 0 2rem;
    }
    #gnb_layout .depth1_ul > li.n1 .item .gnb_menu, #gnb_layout .depth1_ul > li.n6 .item .gnb_menu{
        padding: 50px 50px 0 0;
    }
}
  @media screen and (max-width:1519px){
    .main #gnb_layout.open{
        border-bottom: 3px solid #20a19c;
        border-bottom-width:3px;
    }
}
  @media(max-width:1380px){
    #gnb_layout .layout{
        padding: 0 19rem 0 30rem;
    }
  }
  @media(max-width:1200px){
    #top_layout{
        height: 80px;
    }
    #top_layout .top_wrap #logo{
        margin-top:0;
    }
    #top_layout .top_wrap .utile_wrap{
        height: 100%;
        margin-top: 0;
    }
    #gnb{
        height: 100px;
        background: #fff;
    }
    #gnb_layout{
        min-height: 100px;
    }
    #top_layout .top_wrap .utile_wrap li.pc{
        display: none;
    }
    #top_layout .top_wrap .utile_wrap li.form_wrap .search > button::before{
        font-size: 22px;
    }
    #top_layout .top_wrap .utile_wrap li.lang a{
        padding: 0;
        border: none;
    }
    #top_layout .top_wrap .utile_wrap li.lang a::before{
        font-size: 22px;
    }
    .header-top{
        display: none;
    }
  }

  /* 2024 메인리뉴얼 */
  
  #gnb_layout .layout{
    margin: 0;
    max-width: 100%;
  }
  #gnb_layout .main .depth1_ul>li>a span{
    color: #222;
  }
  #top_layout .top_wrap .utile_wrap li.lang a{
    color: #222;
  }
  #top_layout.on .top_wrap .utile_wrap li.lang a{
    color: #222;
  }
  #top_layout.on .top_wrap .utile_wrap li.lang a{
    color: #222;
  }
  .main #top_layout .top_wrap .utile_wrap li.lang a{
    color: #222;
  }
  .main #top_layout .top_wrap .utile_wrap li.mo button::before{
    color: #222;
  }
  #top_layout .top_wrap .utile_wrap li.mo button::before{
    position: relative;
    font-size: 22px;
    line-height: 22px;
    content: '\ef3b';
    color: #222;
    font-family: 'remixicon';
    font-weight: 400;
  }