/*-----------------
-------HEADER------
------------------*/


ul li { list-style:none}

#header{height:173px; position:relative; box-sizing:border-box; background: url(./n_img/nbar_bg.jpg) center bottom no-repeat; border-bottom:5px solid #404040; box-sizing:border-box }



#header .util a.mail{padding-left:21px; background:url(/design/default/images/top_mail_off.gif) no-repeat left center;}
#header .util a.mail:hover{background:url(/design/default/images/top_mail_on.gif) no-repeat left center;}
#header .util span{ color:#ddd; padding:0 10px; line-height:14px; color:#900}
#header .search{ position:absolute; width:200px; left:50%; top:70px; margin-left:330px; z-index: 9999; }
#header .search table{border-bottom:1px solid #ddd;}
#header .search .enter{width:170px; height:30px; font-size:14px;}



/*!---------- NAVIGATION ----------*/
.nav-container {  -webkit-backface-visibility: hidden; max-width: 100% }
.nav-container h1 { position:absolute; text-align:center; width:280px;  top:0px; left:20px; z-index: 9999;  }
.nav-container .util{  width:1200px;  z-index: 9999; margin:0px auto; overflow:hidden; height:112px; }

.nav-container .util .ut_left { float:left; display:inline-block; margin:40px 0px 0px 0px}
.nav-container .util .ut_right { float:right; display:inline-block; margin:53px 0px 0px 0px; font-size:12px; font-family:'Nanum Gothic';   }

.nav-container .util .ut_right a{ line-height:14px;  color:#900 }


nav {-webkit-backface-visibility: hidden; max-width: 100%;  top: 0; width: 100%; z-index: 999;  left: 0; right: 0;  }




.nav-bar { width:1200px; height: 61px; margin:0 auto;  }
.nav-bar a { display:inline-block;}


.nav-flR	{ width:100%; }
.nav-flL	{ width:100%; }

.logo-light { display: none;}

nav.bg-dark .logo-light { display: inline;}
nav.bg-dark .logo-dark { display: none; }

.has-dropdown { /* padding-right:20px; background:url(/design/default/images/has_dropdown_arw_black.png) no-repeat right center; */}
.has-dropdown:after {  position: absolute; top: 0; right: 0; font-size: 11px; font-family: 'themify'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; }
.has-dropdown:hover .mega-menu ul { opacity: 1; transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); visibility: visible; z-index:999999;}

.menu {  width: 100%; height:61px; margin-right:30px; }
.menu > li > a { font-size: 18px; font-weight: 600; font-family: 'NanumSquare', sans-serif; color: #fff; opacity:1; transition: all 0.3s ease;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; max-width: 100%;  }
.menu > li > a:hover {  opacity: 1; color:#ed1c24;}
.menu > li {  margin:15px 30px 0px 30px; float: left; position: relative; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; opacity: 1; }
.menu > li:last-child { /* margin-right: 0; */  }
.menu > li:last-child > ul { /* right: 0; */ }
.menu > li > ul { width: 170px;  padding: 8px 0; background: #1697cc; position: absolute; z-index: 999; opacity: 0; visibility: hidden; margin-top: -1px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
}
.menu > li > ul > li {  position: relative; line-height: 24px; width: 80%; vertical-align: top; margin:0 auto; }
.menu > li > ul > .has-dropdown:after { color: #fff; top: 5px; right: 24px; content: "\e649"; }
.menu > li:hover > ul { opacity: 1; transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); visibility: visible; z-index:999;}

.mega-menu {  width: auto !important; white-space: nowrap; line-height: 24px; }
.mega-menu ul { position: relative !important; left: auto !important; padding: 0 !important; }
.mega-menu > li { width: 170px !important; overflow: hidden; display: inline-block;}
.mega-menu > li a{ font-weight:normal; font-size:12px; padding:3px 0px; color:#fff; opacity:0.7; padding: 6px 15px;}
.mega-menu > li a:hover{color:#fff; opacity:1;}
.mega-menu .title { letter-spacing: 1px; color: #fff; display: inline-block; padding: 6px 24px; text-transform: uppercase; font-size: 13px; font-weight: 300; }
.mega-menu > li > ul > li > ul{width:90%; margin:0 auto;}
.mega-menu > li > ul > li > ul > li > a{opacity:0.4;}
.mega-menu > li > ul > li > ul > li > a:before {content: "- ";}

/*!---------- //NAVIGATION ----------*/







/* site_map */
.etc {position:absolute; right:50%;  cursor:pointer; z-index: 9999;  width:42px; height:42px;  color:#FFF; display:inline-block; margin:30px -640px 0px 0px }
.etc .site_map {display:inline-block; background:none; }

.etc > .site_map > span{font-size:0; display:block; width:42px; height:42px; background:url(/n_img/all_btn_off2.png) no-repeat left center; opacity:1; transition: all 0.3s ease;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; }
.etc > .site_map > span:hover {font-size:0; display:block; width:42px; height:42px; background:url(/n_img/all_btn_on2.png) no-repeat left center; }


/* site_map subpage */

.gnb_main > .etc {position:absolute;   cursor:pointer; z-index: 9999;  width:42px; height:42px;  color:#FFF; display:inline-block; right:0; top:10px; margin:5px 55px 0px 550px }
.gnb_mian > .etc > .site_map {display:inline-block; background:none; }



.gnb_main > .etc .site_map span{font-size:0; display:block; width:42px; height:42px; background:url(/n_img/all_btn_off.png) no-repeat left center; opacity:1; transition: all 0.3s ease;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;  margin:0px 0px 0px 30px }
.gnb_main > .etc .site_map span:hover {font-size:0; display:block; width:42px; height:42px; background:url(/n_img/all_btn_on.png) no-repeat left center; }



.total_menu .cancel{position:absolute; right:100; top:50px; background:none; cursor:pointer;  }
.total_menu .cancel_btn {font-size:20px; color:#fff; background:none; cursor:pointer;}
.total_gnb2 {clear:both; padding:30px 20px 10px 50px; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.total_gnb2 > li{float:left; width:23%; margin-right:2%;}
.etcli > li {padding-bottom:5px;}
.etc .search {display:inline-block; height:27px; vertical-align:top;}
.site_map_logo {width:26% !important; }
.site_map_logo img{width:70%;}
.etcli03 {margin-right:0;}
.etcli > a {display:block; text-align:center; color:#fff; font-size:1.16em; padding-bottom:8px;}
.etcli .total_sub {border-top:1px solid #fff;}
.total_sub {padding:15px 0 0 0px;}
.total_sub > li {margin-bottom:15px;}
.total_sub > li.on_line {padding-top:15px; border-top:1px solid #fff;}
.total_sub > li.on_line:first-child {padding-top:0; border-top: 0 none;}
.total_sub > li > a {display:block; padding:3px 0 0 0px; background:url(/design/default/images/total_2d_bullet.png) no-repeat 10px 0px; font-size:15px; color:#fff;}
.total_sub > li > a:hover {text-decoration:underline;}
.total_3depth {padding-left: 34px;}
.total_3depth > li {margin-bottom:5px;}
.total_3depth > li:first-child {margin-top:10px;}
.total_3depth > li > a {background:url(/design/default/images/total_3d_bullet.png) no-repeat left center; padding-left:10px;  font-size:13px; color:#fff; font-weight:300; opacity:0.7;}
.total_3depth > li > a:hover {text-decoration:underline; opacity:1.0}
.total_sub li:last-child .total_3depth{border:0 none;}

.total_sub_wrap  { text-align:center}

.total_sub_wrap > li { display:inline-block; width:30%; }
.total_sub_wrap > li > a {display:block; padding:10px 0;  text-align:center; font-size:18px; font-weight:500; color:#fff; border-bottom:1px solid #999999 }
.total_sub_wrap .clear {clear:both}
.total_menu > .container {padding-top:35px;}
.total_gnb {margin-top:50px;}
.ham {display:inline-block; margin-right:10px;  vertical-align:bottom;}
.ham .top, .ham .middle , .ham .bottom {display:block; width:25px; height:5px; margin-bottom:6px; background-color:#fff;}
.total_tit > h2 {display:inline-block; font-size:2em; vertical-align:top; color:#fff; padding:100px 0 0px;}
.total_menu {display:none; position:fixed;right:0; bottom:0; overflow:hidden; left:0; top:0; z-index:9999; width:100%; height:100%; background-color:rgba(0,0,0,1); /* background-color:rgba(237,28,36,0.95); */ overflow-y:scroll; padding:2rem 2rem; box-sizing:border-box}
.total_menu > .inner { box-sizing:border-box;  overflow:hidden}
/* //site_map */