/*
================================================================================
상단메뉴
================================================================================
*/

#menu{ z-index:20;}
.logo {position:absolute;top:50px; left:0; z-index:5001; width:20%; line-height:110px; }
.logo img {margin-top:-15px;}


.gnb_bg.over { height:470px; border-top:1px solid #3c84b9;}

#gnb{position:relative; padding:0; z-index:20;  width:80%; padding-left:20%;  min-height:110px;line-height:1.2em;}
#gnb .topmenu { }
#gnb .topmenu > li{ float:left; padding-right:15px; margin-left:15px; box-sizing:border-box;  background:url(/eng/img/main/bar_aaa.png) no-repeat right 50px; font-weight: 300; letter-spacing: 0.05em;}
#gnb .topmenu > li:first-child {margin-left:0; background:none;}
#gnb .topmenu > li:last-child {padding-right:0; background:none;}
#gnb .topmenu > li > a{position:relative;display:inline-block; color:#262d35;text-decoration:none; box-sizing:border-box; min-height:110px; line-height:110px; font-size:20px; display:block; letter-spacing:0em;}
#gnb .topmenu > li > a::after{position:absolute;left:0;  bottom:0px; width:0; height:3px; content:''; transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;background:#5380d2}
#gnb .topmenu > li > div.depth2-wrap{visibility: hidden;position:absolute;  opacity:0;overflow:hidden;transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; box-sizing:border-box; height:0; box-sizing:border-box; border-left:1px solid #dedede; padding:40px 30px; font-weight: 200;}
#gnb .topmenu > li:last-child > div.depth2-wrap {border-right:1px solid #dedede;}
#gnb .topmenu.on > li > div.depth2-wrap {visibility: visible;top:110px;opacity:1; height:470px;}
#gnb .topmenu.on div.depth3-wrap {display:none;}
#gnb .topmenu > li > div.depth2-wrap h2 {color:#35393b; margin-bottom:20px; font-size:18px; letter-spacing:-0.05em; line-height:22px; font-weight:500;}
#gnb .topmenu > li.hv > div.depth2-wrap h2 {color:#fff;}
#gnb .topmenu > li > div.depth2-wrap ul li {margin-bottom:10px;}
#gnb .topmenu > li > div.depth2-wrap ul li  a {font-size:14px; font-weight:200;}
#gnb .topmenu > li > div.depth2-wrap ul li  a:hover {color:#74bfff;}
#gnb .topmenu > li > div.depth2-wrap ul li  a[target="_blank"] {padding-right:20px; background:url(/common/img/icon_newwin04.png) no-repeat right 3px;}
#gnb .topmenu div.tmenucopy {visibility: hidden; position:absolute; top:0; left:0; color:#333; background:url(/common/img/sub_commonbg.png) no-repeat right 180px; top:110px; height:0px;  width:20%; transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; overflow:hidden; visibility: hidden; box-sizing:border-box; padding:10px;}
#gnb .topmenu div.tmenucopy h2 {font-size:36px; font-weight:400; margin-bottom:20px; margin-top:40px; letter-spacing:-0.05em;}
#gnb .topmenu.on div.tmenucopy {visibility: visible; opacity:1; height:470px;}


div.subtop_gnb { position:relative; height:45px; }
div.subtop_gnb:after{z-index:-1;background:#262d35; width:2000px; height:45px; bottom:0; position:absolute;left:50%; display:block; content:"";margin-left: -1000px; display:block; content:""; border-bottom:1px solid #c1c8cc;}

div.subtop_gnb ul.sitelink {height:45px; position:absolute; right:134px; top:0px;}
div.subtop_gnb ul.sitelink li:first-child {border-left:1px solid #434951;}
div.subtop_gnb ul.sitelink li:last-child {border-right:none;}
div.subtop_gnb ul.sitelink li {padding:0 17px; float:left; border-right:1px solid #434951; text-align:center; box-sizing:border-box; width:auto;}
div.subtop_gnb ul.sitelink li a { line-height:44px; height:44px; display:block; color:#a5a5a5; font-size:14px; font-weight: 100; }
div.subtop_gnb ul.sitelink li a.on {background:#fff; }
div.subtop_gnb ul.sitelink li a.on:after {content:''; display:block; width:60%; height:2px; margin:0 auto; background:#333; }


div.weather {padding-top:5px; display:inline-block; font-family:'arial';}
div.weather p {display:inline-block; color:#fff; font-weight:100; font-size:16px; line-height:35px; position:relative; }
div.weather p:nth-child(1) {padding-right:20px; }
div.weather p:nth-child(1):after {content:''; display:block; width:1px; height:15px; background:rgba(255,255,255,0.3); position:absolute; top:10px; right:0px;}
div.weather p:nth-child(2) {background:url(/eng/img/common/w06.png) no-repeat 0 0; padding-left:35px;}


#header .sgoogle_open {position:absolute; right:0px; top:0px; height:45px; line-height:45px;  width:133px; display:block; background:#fff; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;z-index:3000;}
#header .sgoogle_open a.sbt-google {height:45px;color:262d35;width:133px;  display:block; font-size:14px; color:#262d35;}
#header .sgoogle_open a.sbt-google span{display:block; padding-left:20px;background:url('/eng/img/main/slang_arrow.jpg') no-repeat right 18px; }
#header .sgoogle_open a.sbt-google.on span{ background:url('/eng/img/main/slang_arrow.jpg') no-repeat right 18px; }
#header .sgoogle_open #sgoogle_ul {position:absolute;top:45px;left:0;width:100%;background:#6c7d90;z-index:120;  overflow:hidden;}
#header .sgoogle_open #sgoogle_ul li {border-top:none;}
#header .sgoogle_open #sgoogle_ul li a {display:block;height:36px; line-height:36px; display:block;color:#fff; text-align:center; font-size:14px; font-weight: 200;}
#header .sgoogle_open #sgoogle_ul li a:hover {color:rgba(255,255,255,1);}


.conts {margin-bottom:40px;}


#f-family{ position:relative; z-index:2000;}
#f-family:after{ border-top:1px solid #ddd; border-bottom:1px solid #ddd; width:2000px; position:absolute; z-index:-1; height:56px; display:block; content:""; top:0; left:50%;margin-left:-1000px; background:#fff;}

#f-family li{display:inline-block; vertical-align:top; width:25% ;  margin:0;  float:left; position:relative; z-index:1; text-align:left;}

#f-family li.over{z-index:5}
#f-family li a.mn_f1{line-height:56px; display:block;letter-spacing:-0.04em; font-size:14px; color:#333; position:relative; border:1px solid #dedede; background:#fff;  box-sizing:border-box; padding:0px 15px;  border-left:0; border-bottom:0;}
#f-family li a.mn_f1:after{ right:26px; top:50%;margin-top:-5px; width:11px; height:11px; background:url(/common/img/foot-control.png) no-repeat; display:block; content:""; position:absolute;}
#f-family li.over a.mn_f1:after{background-position:0px -11px;}
#f-family li:first-child a.mn_f1 {border-left:1px solid #dedede;} 


#f-family li div.list-wrap{ position:absolute; left:0; bottom:0; width:100%; display:none;box-sizing:border-box;}
#f-family li div.list-wrap p {background:#425c79; padding:10px 10px 7px 10px; color:#fff; font-size:18px;}
#f-family li div.list-wrap .close{ width:29px; height:30px;background:url(/common/img/foot_close.png) no-repeat center center; position:absolute ; right:5px; top:5px; text-indent:-999999px;}
#f-family li div.list-gap{ background:#fff; border:1px solid #cfcfcf;}

#f-family li div ul{ font-size:13px;letter-spacing:-0.03em; color:#333; overflow:hidden; overflow-y:scroll; overflow-x:hidden; height:200px; padding:15px 10px;}
#f-family li div ul li{float:left;padding:2px 0; width:50%; box-sizing:border-box; margin:0;}
#f-family li div ul li a{display:block; padding-left:7px;  }
#f-family li div ul li a:after{background:#8a95a2; width:2px; height:2px; position:absolute; left:0 ;top:12px;display:block; content:""}

#footer { position:relative; text-align:left; padding:0px 0px 15px 0px; }
#footer:after{ background:#272d35; position:absolute; left:50%; top:0; width:2000px; margin-left:-1000px; display:block; content:""; height:100%; z-index:-1;}
#footer .f-link {clear:both; padding-top:15px;}
#footer .f-link li{ display:inline-block; position:relative; }
#footer .f-link li a{font-size:13px; color:#333; letter-spacing:-0.03em; display:block;  padding:0px 10px 0px 0px; margin-left:10px; border-right:1px solid #b2b4b7;  line-height:15px; height:15px;}
#footer .f-link li a:hover {text-decoration:underline;}
#footer .f-link li:first-child a {color:#047ed6; margin-left:0;}
#footer .f-link li:last-child a {padding-right:0; border:0; }

#footer .m_sns {display:none; }

#footer .f-info {font-size:13px; color:#adadad; letter-spacing:0; padding-top:55px; line-height:22px; padding-bottom:30px; padding-left:130px;}
#footer .f-info br {display:none;}
#footer .f-info .copy {color:#666666; font-size:12px; }
#footer .footer_logo{position:absolute; left:0; top:45px;}


@media only screen and (max-width:1024px) {
div.subtop_gnb ul.sitelink {height:45px; right:0;}

div.subtop_gnb ul.sitelink li a { line-height:39px; height:39px; display:block; }
div.subtop_gnb ul.sitelink li a.on {background:#fff; border-bottom:1px solid #dedede;}
div.subtop_gnb ul.sitelink li a.on:after {content:''; display:block; width:70%; height:3px; margin:0 auto; background:#333; margin-top:-3px;}

#mobile_gnb .mobileGnb > li > a {font-weight: 300; letter-spacing: 0;}
.depth2 > li > a {font-weight: 200; letter-spacing: 0; font-size:14px;}

h6.mlogo { text-align:left; padding-left:30px;}


#header .sgoogle_open {display:none;}
#header .ssear {display:none; }
#footer .footer_logo{position:relative; left:0; top:34px; text-align: center;}
#footer .f-info {font-size:13px; color:#d6d6d6; letter-spacing:-0.03em; padding-left:0px; line-height:18px; text-align: center;}
#footer .f-info .copy {color:#949597;}
#footer .f-info br{display:block;}


	.mtop-translate{ display:block; width:100%; border-bottom:1px solid #dedede; border-top:1px solid #dedede;  position:relative; box-sizing:border-box;}
	.mtop-translate .mbtn{height:50px; font-weight:400; padding:0px 30px; background:url(/common/img/mobile_arrow.png) no-repeat 90% 50%; width:100%; text-align:left;font-size:14px; letter-spacing:0;}
	.mtop-translate .mbtn span {background:none; padding-left:0px; display:inline-block; line-height:50px; font-size:14px;}

	.mtop-translate .list-wrap{overflow:hidden; height:0; position:absolute; background:#31373d; width:100%; top:50px; left:0;}
	.mtop-translate ul li:first-child{border-top:0;}
	.mtop-translate ul li{border-top:1px solid #454b50}
	.mtop-translate ul li a {height:36px; line-height:36px; display:block; padding-left:20px; color:rgba(255,255,255,0.5);font-size:14px; letter-spacing:-0.05em;}
	.mtop-translate ul li a:after{display:none;}
	.mtop-translate ul li:hover a{background:#454b50;}


}


@media all and (max-width:640px){
div.subtop_gnb ul.sitelink li {width:auto; float:left; border-right:1px solid #434951; text-align:center; padding:0 15px;}
div.subtop_gnb ul.sitelink li:nth-child(1) {display:none;}
div.subtop_gnb ul.sitelink li:nth-child(2){border-left:1px solid #434951;}
div.subtop_gnb ul.sitelink li:nth-child(6) {display:none;}

}