/*GNB*/
.nav-container{margin-right:50px;}
.align-to-right {float: right;}
.nav-header {float: left;}
.navigation * {box-sizing: border-box;-webkit-tap-highlight-color: transparent;}
.navigation {width: 100%; height:70px;display: table;font-family: inherit;background-color: rgba(0, 0, 0, .3);z-index: 999999999;position: fixed;}
.navigation-portrait {height: 48px;}
.nav-logo{background: url(/img/logo.png) center center no-repeat; width: 20%; height: 53px;position: absolute; top: 20%;}
.nav-logo > img {height: 50px;margin: 25px auto;padding: 0px;float: left;}
.nav-logo:focus > img {outline: initial;}
.nav-menu{margin: 0;padding: 0;list-style: none;line-height: normal;font-size: 0;padding-right: 1%;}
.nav-menu > li {display: inline-block;float: left;text-align: center;}
.nav-menu > li > a {padding: 30px 25px;display: inline-block;text-decoration: none;font-size: 15px;font-weight: 800;color: #f5f5f5;
    -webkit-transition: color 0.3s, background 0.3s;transition: color 0.3s, background 0.3s;}
.nav-menu > li > .nav-dropdown {border-top: solid 1px #f0f0f0;}
.nav-menu > li > a.login{font-weight: 500; font-size: 14px;padding: 32px 0px; padding-left: 30px;}
.nav-menu > li > a.join{font-weight: 500; font-size: 14px;padding: 32px 0px;padding-left: 15px;}
.mgr10{margin-right: 10px;}
/* gnb-DropDown */
.nav-dropdown {min-width: 180px;margin: 0;padding: 0;display: none;position: absolute;list-style: none;z-index: 98;white-space: nowrap; }
.nav-dropdown .nav-dropdown {left: 100%;}
.nav-dropdown > li {width: 100%;float: left;clear: both;position: relative;text-align: center;background-color: #fff; }
.nav-dropdown > li > a {width: 100%;padding: 16px 20px;display: inline-block;text-decoration: none;float: left;font-size: 15px;color: #dfdfdf;background-color: #00a651;
  -webkit-transition: color 0.3s, background 0.3s;transition: color 0.3s, background 0.3s; font-weight:600;}
.nav-dropdown > li:hover > a,
.nav-dropdown > li.focus > a {color: #fff;-webkit-transition: color 0.3s, background 0.3s;transition: color 0.3s, background 0.3s;}
.nav-dropdown > li > .nav-dropdown-left {left: auto;right: 100%;}
ul.nav-menu li span.submenu-indicator {display:none;}
.nav-dropdown.nav-dropdown-left {right: 0;}
.navigation-portrait .nav-dropdown {width: 100%;position: static;left: 0;}

/*lang*/
.lnb-btn{float: right;padding-top: 19px;
  -ms-transition:all 0.3s ease-out;
  -moz-transition:all 0.3s ease-out;
  -webkit-transition:all 0.3s ease-out;
  -o-transition:all 0.3s ease-out;
  transition:all 0.3s ease-out;}
.lnb-btn p{background: url(/kr/img/lang-bk.png) center center no-repeat;padding: 20px;}
.lnb-btn .dropdown {transition: all .5s ease;position: relative;font-size: 14px;color: #474747;height: 100%;text-align: left; width: 50px;}
.lnb-btn .dropdown .select {cursor: pointer;display: block;}
.lnb-btn .dropdown .dropdown-menu {position: absolute;width: 100%;left: -5px;margin-top: 5px;overflow: hidden;display: none;z-index: 9; box-shadow: none !important; background:#fff; padding:5px 20px;}
.lnb-btn .dropdown .dropdown-menu li {padding: 10px;transition: all .2s ease-in-out;cursor: pointer; width: 100%;padding-top: 10px; font-size:13px;}
.lnb-btn .dropdown .dropdown-menu {padding: 0;list-style: none}
input:focus {outline: none !important;}

#header{display: none;}


/*諛섏쓳��*/
@media screen and (max-width:1220px){
	
    .off{opacity: .3;}
    #navigation1{display:none;}
    #header {display:block;}
    #header {position:absolute;left:0;top:0;width:100%;z-index:9999;}
    #header .header_top {position:relative;border-bottom:1px solid #ddd;border-top:3px solid #7a908c;height:32px;background:#fff;z-index:100;}
    .header_container {position:relative;top:0px;left:0px;width:100%;min-width:300px;height:97px;z-index:1;}
    .header_container .header_inner {position:relative;margin:0 auto;max-width:1240px;height:97px;}
    .header_container .header_inner .logo {float:left;width:140px;padding-top:15px; z-index: 99999;}
    .header_container .header_inner .logo img {width:auto;}
    .header_container .header_inner .btn_mobile_gnb {position:absolute;top:20px;right:15px;display:none;}
    .header_container .header_inner .btn_mobile_gnb a {position:relative;display:block;}
    .header_container .header_inner .gnb {float:right;margin-top:36px;}
    .header_container .header_inner .gnb > div {float:left;height:100%;text-align:center;}
    .header_container .header_inner .gnb > div:hover > a {color:#00833f;}
    .header_container .header_inner .gnb > div > a:after {content:'';display:block;width:0;height:2px;background:#609d97;position:absolute;left:0;bottom:-43px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition: all .3s ease;-o-transition:all .3s ease;transition: all .3s ease;}
    .header_container .header_inner .gnb > div:hover > a:after {content:'';display:block;width:100%;height:2px;background:#609d97;position:absolute;left:0;bottom:-43px;}
    .header_container .header_inner .gnb > div a {position:relative;display:inline-block; color:#00a651;}
    .header_container .header_inner .gnb > div > a {display:block;font-size:18px;color:#6d6d6d;font-weight:500;height:20px;line-height:20px;}
    .header_container .header_inner .gnb > div:first-child > a {border-left:none !important;}
    .header_container .header_inner .gnb > div > a:hover {color:#00a651;}
    .header_container .gnb_mobile {position:fixed;top:0;left:-80%;width:80%;height:100%;text-align:center;z-index:2;}
    .header_container .bg_mask {height:0;}
    .bg_mask_back {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;z-index:10;}
    .header_container .mobile_close_btn {display:none;}
    .header_container .mobile_lang {display:none;}
    .header_container .header_inner {padding-left:20px;}
    #header .header_top {z-index:1;}
    #header .header_top .header_lang {display:none;}
    .header_container .mobile_lang {display:block;position:absolute;left:8px;top:90px;}
    .header_container .mobile_lang ul li {float:left;}
    .header_container .mobile_lang ul li a {border:none !important;border-left:1px solid #00a651 !important;padding:0 15px !important;font-size:12px !important;font-family:'Maven Pro', verdana, sans-serif;height:auto !important;line-height:14px !important;letter-spacing:0.02em;font-weight:700;}
    .header_container .mobile_lang ul li:first-child a {border-left:none !important;}
     .header_container {height:80px;}
    .header_container .header_inner {height:80px;}
    .header_container .header_inner .logo {position:absolute;top:0px;left:12px;padding-top:15px;width:70px;}
     .header_container .header_inner .btn_mobile_gnb {display:block;width:25px;}
    .header_container .header_inner .btn_mobile_gnb img {width:auto;}
     .header_container .header_inner .gnb {position:fixed;top:0;right:-100%;margin:0;width:100%;height:100%;overflow-y:auto;z-index:3;background:#222222;}
    .header_container .header_inner .gnb > div {float:none;height:auto;text-align:left;}
    .header_container .header_inner .gnb > div a.btn_cate {}
    .header_container .header_inner .gnb > div a {padding:10px 20px;width:100%;height:50px;line-height:60px;font-size:30px;box-sizing:border-box;}
    .header_container .header_inner .gnb > div a:after {display:none !important;}
    .header_container .header_inner .gnb > div a.active{color:#00a651;}
    .header_container .header_inner .gnb > div.btn_cate1 {width:100% !important;margin-top:120px;border-top:1px solid #ddd;}
    .header_container .header_inner .gnb > div.btn_cate2 {width:100% !important;  margin-top: 20px;}
    .header_container .header_inner .gnb > div.btn_cate3 {width:100% !important;  margin-top: 20px;}
    .header_container .header_inner .gnb > div.btn_cate4 {width:100% !important;  margin-top: 20px;}
    .header_container .header_inner .gnb > div.btn_cate5 {width:100% !important;  margin-top: 20px;}
    .header_container .header_inner .gnb > div.btn_cate6 {width:100% !important;  margin-top: 20px;}
    .header_container .header_inner .gnb > div.btn_cate7 {width:100% !important;  margin-top: 20px;}
    .header_container .header_inner .gnb > div.btn_cate1 .snb {width:100% !important;}
    .header_container .header_inner .gnb > div.btn_cate2 .snb {width:100% !important;}
    .header_container .header_inner .gnb > div.btn_cate3 .snb {width:100% !important;}
    .header_container .header_inner .gnb > div.btn_cate4 .snb {width:100% !important;}
    .header_container .header_inner .gnb > div.btn_cate5 .snb {width:100% !important;}
    .header_container .header_inner .gnb > div.btn_cate6 .snb {width:100% !important;}
    .header_container .header_inner .gnb > div.btn_cate7 .snb {width:100% !important;}
    .header_container .header_inner .gnb .snb {position:static;top:auto;left:auto;margin-top:0;display:none;height:auto;padding-top:0;}
    .header_container .header_inner .gnb .snb a {font-size:19px;line-height:20px;height:40px;color:#6d6d6d;padding:22px 30px !important;}
    .header_container .header_inner .gnb .snb h2 {padding:15px 20px !important;border-bottom:1px solid #ddd;margin:0 !important;}
    .header_container .gnb_mobile {background:#fff;box-sizing:border-box;}
    .header_container .mobile_close_btn {display:block;position:absolute;top:4px;right:0;width:60px;height:60px !important;z-index:10;}
    .header_container .mobile_close_btn a {border:none !important;padding:0 !important;height:60px !important;line-height:60px !important;background:url(/img/close-mob.png) no-repeat center center;text-indent:-9999px;}
    .header_container .bg_mask {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;display:none;}

	.header_container .header_inner .gnb .snb a:first-child{padding-top:40px !important;}
}