@charset "UTF-8";
.wrapper *{box-sizing:border-box;}
.wrapper .top-head{position:relative;width:100%;max-width:1440px;margin:0 auto;height:87px}
.wrapper .top-head .logo-cont{float:left;padding:20px 0px 0px 0px}
.wrapper .top-head .side-menu{float:right;margin-top:60px}
.wrapper .top-head .side-menu li{float:left;padding:0px 10px 0px 10px;position:relative}
.wrapper .top-head .side-menu li:last-child{padding-right:0px}
.wrapper .top-head .side-menu li:last-child::after{display:none}
.wrapper .top-head .side-menu li::after{display:block;content:'';position:absolute;right:0px;top:5px;z-index:1;width:4px;height:9px;background:url(../images/ico/ico_sline.png) no-repeat right center}
.wrapper .top-head .side-menu li a{display:block;font-size:14px;color:#666}
.wrapper .top-head .m-menu{display:none;justify-content:flex-end;align-items:center;overflow:hidden;position:absolute;right:20px;top:15px;z-index:1;height:30px;}
.wrapper .top-head .m-menu li:nth-child(1) a{margin-right:15px;width:17px;height:17px;display:block;background:url(../images/ico/ico_m_search.png) no-repeat 0px 0px;background-size:17px 17px }
/* .wrapper .top-head .m-menu li:nth-child(2) a{width:21px;height:12px;display:block;background:url(../images/ico/ico_allmenu.png) no-repeat 0px 0px;background-size:21px 12px } */
.wrapper .top-head .m-menu li:nth-child(2) a{margin-top:1px;width:20px;height:20px;display:block;position:relative}
.wrapper .top-head .m-menu li:nth-child(2) a span{width:20px;height:2px;left:0px;top:1px;background-color:#111A67;position:absolute;transform-origin:left 0px;transition:.3s all;}
.wrapper .top-head .m-menu li:nth-child(2) a.active span.line1{transform:rotate(45deg);left:2px}
.wrapper .top-head .m-menu li:nth-child(2) a span.line2{top:8px;}
.wrapper .top-head .m-menu li:nth-child(2) a span.line3{top:15px;}
.wrapper .top-head .m-menu li:nth-child(2) a.active span.line2{top:15px;display:none}
.wrapper .top-head .m-menu li:nth-child(2) a.active span.line3{transform:rotate(-45deg)}
@media all and (max-width:768px) {
    .wrapper .top-head{position:fixed;left:0;right:0px;top:0px;z-index:1100;height:60px;border-bottom:1px solid #ddd;background-color:#fff}
    .wrapper .top-head .logo-cont{padding:5px 0px 0px 20px}
    .wrapper .top-head .logo-cont img{width:195px}    
    .wrapper .top-head .m-menu{display:flex}
    .wrapper .top-head .side-menu{display:none}
}

/* gnb */
.gnb{position:relative;height:60px;background:#666}
.gnb::after{position:absolute;left:0px;right:0px;bottom:0px;z-index:1;height:4px;background-color:#F09E0A;content:''}
.gnb .gnb-inner{width:100%;max-width:1440px;margin:0 auto;position:relative}
.gnb .gnb-inner::after{content:'';display:block;clear:both}
.gnb .gnb-inner > ul > li{float:left;width:167px;position:relative}
.gnb .gnb-inner > ul > li > a{position:relative;display:block;padding:18px 0px 16px 0px;font-size:18px;color:#fff;text-align:center}
.gnb .gnb-inner > ul > li > a > span{display:none;position:absolute;right:20px;top:50%;z-index:1;width:14px;height:14px;background:url(../images/ico/ico_m_down_arrow.png) no-repeat 0px 0px;background-size:14px 14px;margin-top:-7px}
.gnb .gnb-inner > ul > li > ul{display:none;position:absolute;left:0px;top:59px;right:0px;z-index:100;border-top:1px solid #F09E0A}
.gnb .gnb-inner > ul > li.active > ul{display:block}
.gnb .gnb-inner > ul > li > ul > li{border-bottom:1px solid #ddd}
.gnb .gnb-inner > ul > li > ul > li:last-child{border-bottom:0}
.gnb .gnb-inner > ul > li > ul > li > a{display:block;padding:14px 5px;background-color:#F5F5F5;text-align:center;display:block;font-size:16px;color:#1E1E1E}
.gnb .gnb-inner > ul > li > ul > li > a:hover{background-color:#F09E0A;font-weight:bold}
.gnb .gnb-inner .gnb-arrow{position:absolute;left:80px;bottom:-3px;z-index:1;content:'';width:15px;height:15px;background:url(../images/ico/ico_gnb_arrow.png) no-repeat 0px 0px;transition:.6s all;}

.korea-link{display: none;}
@media all and (max-width:768px) {
    .gnb{position:fixed;left:-100%;top:60px;bottom:0;z-index:1100;height:auto;background:transparent;transition:0s all;border:0}
    .gnb.active{left:0;right:0;transition:.2s all;}
    .gnb::after{display:none}
    .gnb .gnb-inner{overflow-y:auto;position:absolute;left:0;right:0;bottom:0;top:0;}
    .gnb .gnb-inner > ul{width:100%}
    .gnb .gnb-inner > ul > li{float:none;width:100%;background:#F09E0A;}
    .gnb .gnb-inner > ul > li > ul{display:none;position:relative;left:0px;top:0px;right:0px;z-index:100;border-top:1px solid #F09E0A}
    .gnb .gnb-inner > ul > li{border-bottom:1px solid #ddd}
    .gnb .gnb-inner > ul > li > a{padding:18px 0px 16px 20px;font-size:20px;color:#fff;text-align:left}
    .gnb .gnb-inner > ul > li > a > span{display:block;background-size:14px 14px;}
    .gnb .gnb-inner > ul > li.active > a > span{top:35px;background:url(../images/ico/ico_m_up_arrow.png) no-repeat 0px 0px;background-size:14px 14px;}
    .gnb .gnb-inner > ul > li:nth-child(3) > a > span{width:18px;height:15px;background:url(../images/ico/ico_m_link.png) no-repeat 0px 0px;background-size:18px 15px;top:50%;}
    .gnb .gnb-inner > ul > li > ul > li > a{background-color:#fff;text-align:left;padding:14px 20px;display:block;font-size:18px;color:#333}
    .gnb .gnb-inner > ul > li > ul > li > a:hover{background-color:#fff;font-weight:normal}
    .gnb .gnb-inner .gnb-arrow{display:none}
    .mask-wrap{display:none;position:fixed;left:0;top:60px;right:0;bottom:0;z-index:1001;background-color:rgba(0,0,0,.3)}

    .korea-link{display:inline-block; background: url(../images/ico/ico_ko_site_white.png) no-repeat 0 2px / 12px; padding-left:16px; margin-top:15px;}
}

/* loction */
.loction-wrap{clear:both;border-bottom:1px solid #F09E0A;padding:5px 0px;overflow:hidden;min-height:60px}
.loction-wrap .inner{position:relative;width:100%;max-width:1290px;margin:0 auto;}
.main .loction-wrap{border-bottom:0px}
.main .loction-wrap .inner{max-width:1440px;}
.loction-wrap .inner .loction{padding:12px 0px 10px 0px}
.loction-wrap .inner .loction span{font-size:14px;color:#666;display:inline-block;vertical-align:middle;padding:0px 20px 0px 0px;background:url(../images/ico/ico_arrow_gray.png) no-repeat 93% center}
.loction-wrap .inner .loction span.last{background:none}
.loction-wrap .inner .search-wrap{position:absolute;right:0;top:4px;z-index:1;width:400px;border:1px solid #ddd;border-radius:20px;height:40px;padding:0px 30px 0px 35px;background-color:#fff}
.loction-wrap .inner .search-wrap button{position:absolute;left:10px;top:10px;z-index:1;width:20px;height:20px;background:url(../images/ico/ico_search.png) no-repeat center center}
.loction-wrap .inner .search-wrap input{border:0px;background:#fff;padding:10px 5px;width:100%;font-size:16px;color:#666}
.loction-wrap .inner .main-title-wrap{overflow:hidden;padding:30px 0px}
.loction-wrap .inner .main-title-wrap .large-txt{font-size:25px;font-weight:bold}
.loction-wrap .inner .main-title-wrap .small-txt{font-size:20px;color:#666}
@media all and (max-width:768px) {
    .loction-wrap{margin-top:60px;padding:2px 0px 2px 20px;min-height:50px}
    .main .loction-wrap{border-bottom:0px;padding:0}
    .loction-wrap .inner .search-wrap{display:none}
    .loction-wrap .inner .main-title-wrap{padding:30px 26px}
    .loction-wrap .inner .main-title-wrap .large-txt{font-size:26px;}
    .loction-wrap .inner .main-title-wrap .small-txt{font-size:18px;}
    .loction-wrap .inner .search-wrap input{padding:14px 5px}
    .loction-wrap .inner .search-wrap button{left:8px;width:30px;height:30px}
    .loction-wrap .inner .search-wrap.active{display:block;position:absolute;left:20px;right:20px;top:4px;z-index:1;width:auto;height:50px;z-index:10000;border-radius:25px;box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.25);}
}

/* container aside */
.main #container{max-width:1440px;padding:0px 0px 150px 0px}
#container.search-result{width:100%;max-width:100%;margin:0 auto;padding:0px 0px 180px 0px}
#container{width:100%;max-width:1290px;margin:0 auto;padding:60px 0px 180px 0px}
#container::after{content:'';display:block;clear:both}
#container aside{float:left;width:320px}
#container aside .lnb-title{font-size:28px;font-weight:bold;color:#333}
#container aside nav > ul{margin-top:22px;background-color:#F5F5F5;border-bottom:2px solid #ddd}
#container aside nav > ul::after{content:'';display:block;clear:both}
#container aside nav > ul > li{position:relative}
#container aside nav > ul > li > a{position:relative;display:block;padding:15px 40px 15px 20px;font-size:18px;color:#333}
#container aside nav > ul > li.active > a{color:#1E1E1E;font-weight:bold;background:#CECECE}
#container aside nav > ul > li.active > a::after{content:'';position:absolute;width:4px;left:0px;top:0px;bottom:0px;z-index:1;background-color:#F09E0A}
#container aside nav > ul > li > a span{transform:rotate(180deg);display:block;transform-origin:50% 40%;position:absolute;right:20px;top:50%;margin-top:-6px;z-index:1;width:15px;height:15px;background:url(../images/ico/ico_up_arrow.png) no-repeat center center;transition:.3s all ;}
#container aside nav > ul > li.active > a span{transform:rotate(0deg);}
#container aside nav > ul > li > ul{display:none;padding:5px 0px;overflow:hidden;}
#container aside nav > ul > li.active > ul{display:block}
#container aside nav > ul > li > ul > li{padding:5px 0px}
#container aside nav > ul > li > ul > li > a{display:block;padding:0px 0px 0px 40px;font-size:16px;color:#777}
#container aside nav > ul > li > ul > li > a:hover{color:#111A67;text-decoration:underline;}
@media all and (max-width:768px) {
    #container{padding:30px 0px 60px 0px}
    #container aside{float:none;display:none}
}

/* footer */
footer{overflow:hidden;background-color:#333;height:178px;border-top:10px solid #F09E0A}
footer .footer-inner{width:100%;max-width:1440px;margin:0 auto;padding:60px 0px;color:#fff;position:relative;font-size:16px;color:#fff;text-align:center}
footer .footer-inner p{font-size:14px}
footer .footer-inner .sns-wrap{position:absolute;right:0;top:30px;z-index:1;border:0} 
footer .footer-inner .sns-wrap li{float:left;margin-right:10px} 
footer .footer-inner .sns-wrap li a{display:block;width:34px;height:34px;background-repeat:no-repeat;}
footer .footer-inner .sns-wrap li:nth-child(1) a{background-image:url(../images/ico/ico_footer_tw_new.png);}
footer .footer-inner .sns-wrap li:nth-child(2) a{background-image:url(../images/ico/ico_footer_yt.png);}
@media all and (max-width:768px) {
    .main #container{padding:0px 0px 50px 0px}
    footer .footer-inner{padding:30px 20px 120px 20px;font-size:14px;color:#fff;text-align:left}
    footer .footer-inner .sns-wrap{right:10px;top:103px;}
}
@media all and (max-width:480px) {
    footer{height: 100%;}
    footer .footer-inner{padding:30px 20px 50px 20px;}
    footer .footer-inner .sns-wrap{position: static; margin-top:17px; float:right;}
}