.container{position:relative; margin:0 auto; padding:0px } /*padding:0 60px*/
header{position:relative;float:left;margin:0;padding:0;width:100%;height:80px;z-index:99;}
header nav#gnb{width:1000px;margin:0 auto;padding:0}

header nav#gnb{margin:0;padding:0}

header nav#gnb ul{margin:0;padding:0;margin-left:276px;}
header nav#gnb li{float:left; height:80px;}

header nav#gnb li .on, header nav#gnb li.on2 { }/*color:#a9e4fc;*/
header nav#gnb li a .on, header nav#gnb li a .on2 { }/*color:#a9e4fc;*/

header nav#gnb li.on.off{color:#ffffff }
header nav#gnb li a{display:block; width:122px;overflow:hidden;font-size:16px;line-height:80px; color:#333}
header nav#gnb li a:hover{display:block;overflow:hidden;color:#014096;font-weight:600 }
header nav#gnb ul:after{content:""; clear:both; display:block; visibility:hidden;}

nav ul {list-style:none;}

.over-gnb-close{display:none}

.slide-area{position:relative;overflow:hidden;margin:0;padding:0;height:0;background:#fff;transition:all .5s cubic-bezier(0,0,0,1); border-top:1px solid #f1f1f1;}
.slide-area:after{clear:both;}

.slide-area .container{height:auto;}
.slide-area .gnb-2depth{display:none;position:relative; top:-700px; padding-top:18px; transition:all .5s cubic-bezier(0,0,0,1);}

.slide-area .gnb-2depth .title{font-family:'NanumMyeongjo',serif;font-size:28px;color:#222;line-height:1.4;letter-spacing:-1.5px;word-spacing:-1px}
.slide-area .gnb-2depth .title strong{font-weight:normal}
.slide-area .container .close1{display:none;position:absolute;top:20px;right:0px;z-index:11}
.slide-area .btn-gnb-close{display:none; position:absolute; width:100%;height:250px; top:0px; z-index:9;}

.slide-area .container div.sideNav {display:none; padding:0; top:0px; padding-top:10px;}
.slide-area .sideNav ul{padding-left:0px; background-color:#FFF }
.slide-area .sideNav li {clear:both; width:100%; margin:0; }
.slide-area .sideNav li a {height:50px; font-size:16px; line-height:3.75; text-indent:30px; border-bottom:1px solid #ddd; box-sizing:border-box;  font-weight:600; color:#3f4254; display:block}
.slide-area .sideNav li.on {  background-color:#f8f8f8}
.slide-area .sideNav li.on a {height:auto; color:#0066b3; border-bottom:1px solid #666;font-weight:600; color:#014096;  text-decoration:none}
.slide-area .sideNav ul ul {display:none; height:auto; float:left; width:100%; border-bottom:1px solid #666; background:#999 }

.slide-area .sideNav li li {clear:none; float:left; width:25%; margin:0; padding:0; line-height:1.5em; background:none;}
.slide-area .sideNav li li a {margin:0; padding:10px 0; font-size:13px; font-weight:bold; line-height:1.5em; color:#fff; text-align:center; letter-spacing:-1px; text-indent:0; border:none; background:url("/static/images/common/gnb_mobile_bg.png") no-repeat right center;}
.slide-area .sideNav li.on li a {margin:0; padding:10px 0; font-size:13px; font-weight:bold; line-height:1.5em; color:#fff; text-align:center; letter-spacing:-1px; text-indent:0; border:none; background:url("/static/images/common/gnb_mobile_bg.png") no-repeat right center;}
.slide-area .sideNav li .last{ display:none;}
.slide-area .sideNav li li.last { border:0px; }

.container .menu_wrap{position:relative; width:1000px; margin:0;padding:0px 0 0; z-index:10;}
.container .menu_wrap .menu_banner{position:absolute; top:0;width:195px;height:250px;background:#0d6fb8}
.container .menu_wrap .menu_banner h2{display:block; margin:20px 0 0 20px;color:#fff;font-size:18px}
.container .menu_wrap .menu_banner .en{display:block; margin:20px 0 0 20px;color:rgba(255,255,255,0.8);font-size:11px}
.container .menu_wrap .menu_banner .bn{height:88px;display:block; margin:0 0 0 20px;background:url(../image/common/menu_img01.jpg) no-repeat}
.container .menu_wrap .menu_banner .list{display:block; margin:10px 0 0 20px; padding-right:1.6; font-size:13px; color:rgba(255,255,255,0.8); letter-spacing:-1px;}
.container .menu_wrap .menu_list{width:; margin-left:240px; padding-left:37px; border-left:1px solid #d7d7d7;}
.container .menu_wrap .menu_list li{float:left; padding-top:20px; list-style:none;box-sizing:border-box;}
.container .menu_wrap .menu_list li a{display:block; margin:0 0 12px;padding:0;font-size:13px; color:#555; text-decoration:none;}
.container .menu_wrap .menu_list li a:hover{color:#0d6fb8; text-decoration:underline;}
.container .menu_wrap .menu_list .mu01{width:122px;}
.container .menu_wrap .menu_list .mu02{width:122px;}
.container .menu_wrap .menu_list .mu03{width:122px;}
.container .menu_wrap .menu_list .mu04{width:122px;}
.container .menu_wrap .menu_list .mu05{width:122px;}
.container .menu_wrap .menu_list .mu06{width:122px;}
.container .menu_wrap .menu_list .mu07{width:122px;}

#dim-area{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1}

nav { width: 100%; }

.nav_wrapper { 
  position: fixed;
  top:0px;
  width: 100%;
  z-index:99999 !important;
  border:0px solid red;
   transition: top .5s ease-out;
}

.nav_wrapper2 { 
  position: fixed;
  top:0px;
  width: 100%;
  z-index:99999 !important;
  border:0px solid red;
   transition: top .5s ease-out;
}


#nav_box {width:1000px; margin:0 auto; border:0px solid red; }
.nav_box { /*background:url('/html/image/main/m_bg.png') no-repeat; background-size:cover;*/ background:#222; width:100%;  height:212px; top:0; z-index:-1;  }


.scroll { top: -160px; z-index:9999; }

.no-scroll {
  top: 0px;
  z-index:0;
}

.btn {
  padding: 10px 1%;
  margin: 5px;
  color: #fff;
  text-decoration: none;
  font-family: sans-serif;
  transition: all 0.1s ease;
}

.btn:hover { transition: all 0.1s ease; }

main {
  width: 1000px;
  margin: 0 auto;
}

main p {  1.2em;
}


.menu-link { display: none; }

.spinner-master input[type=checkbox] { display: none; }

.logo{
	position: relative;
	float:left;
	top:28px;
	left:0px;
	z-index:999;
}

#smenu {margin-top:20px; }
#smenu ul {position:absolute; right:50%; margin-right:-505px; z-index:9999;}
#smenu ul li { display:inline-block; padding:0px 5px; margin: 0px; list-style: none;}
#smenu ul li a  {color:#c1c1c1; font-size:12px; transition: all 0.3s ease; }
#smenu ul li a:hover {color:#fff;}



ul#topnav {margin: 0; padding: 0;float: left; width:1000px; list-style: none;position: absolute;top:35px;left:0; margin-left:0px; font-size: 16px;font-weight:100; border:0px solid red;}
ul#topnav li {float: left;margin: 0; padding: 0;}
ul#topnav li > a {padding: 12px 5px;display: block;color: #fff;text-decoration: none;border:0px solid red;}
ul#topnav li a:hover, ul#topnav li a:active, ul#topnav li a:focus {}
ul#topnav li span {float: left;padding: 0 8px; position: absolute;left: 0; top:45px;display: none;color: #fff;background:url('/html/image/main/submenu_bg.png') repeat-x;font-size:14px;}
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline-block; padding: 8px 10px; }
ul#topnav li span a:hover {text-decoration: none; color:#fc4237;}

ul#topnav2 {margin: 0; padding:0; float:left; width:1000px;list-style: none;position: absolute;top:35px;left:170px;font-size:17px;font-weight:100; border:0px solid red;}
ul#topnav2 li {float: left;margin: 0; padding: 0;}
ul#topnav2 li > a {padding: 12px 10px; margin:0 3px; display: block;color: #fff;text-decoration: none;border:0px solid red;}
ul#topnav2 li a:hover, ul#topnav li a:active, ul#topnav li a:focus {}
ul#topnav2 li span {float:left; padding: 0 25px; position: absolute;left: 0; top:48px;display: none;color: #fff;background:url('/html/image/main/submenu_bg.png') repeat-x;font-size:13px;}
ul#topnav2 li:hover span { display: block; }
ul#topnav2 li span a { display: inline-block; padding: 8px 5px; color: #fff;text-decoration: none; border:0px solid red;}
ul#topnav2 li span a:hover {text-decoration: none; color:#fc4237;}

/*.sub_topnav {border:1px solid red; position:absolute; top:0; left:0; margin-left:-220px;}*/

.submenu01 {margin-left:10px;}
/*.submenu02 {margin-left:30px;}*/
.submenu03 {margin-left:122px;}
.submenu04 {margin-left:150px;}
.submenu05 {margin-left:330px;}
/*.submenu06 {margin-left:0px;}*/
.submenu07 {margin-left:450px; }
.submenu08 {margin-left:640px;}