@charset "utf-8";

/* top menu */
.gnb_wrap { width:100%; height:82px; border-bottom:1px solid #ccc; background:#fff; position:relative; z-index:1000;}
.gnb {width:1180px; height:auto; margin:0 auto; padding:0px 0;  clear: both;}
.gnb h1 a{float:left; padding:0px 0px;   width:180px; margin:0 10px; }
.gnb:before,.gnb:after { content: " ";  display: table; }
.gnb:after { clear: both;}

.toggleMenu {display: none; margin:9px 15px;}
.nav { list-style: none; padding-top:25px; width:100%; margin:0 auto;*zoom: 1;  position:relative;}
/*
.nav:before,.nav:after { content: " ";  display: table; }
.nav:after { clear: both;}
*/
.nav ul {list-style: none; width: 100%;}
.nav a {padding: 10px 19px; color:#444;}



.navht { margin-bottom:17px !important;}

.nav > li { float: left; font-size:17px; font-weight:600; }

.nav > li > a { display: inline-block;}
.nav li  ul { position: absolute; left: -9999px; width:100%; overflow:hidden;}
.nav > li.hover > ul { left: 0;}
.nav li li.hover ul { top: 0; }

.nav li ul li {display:inline;}
.nav li ul li a { display: inline-block; background: #c1b298; position: relative; z-index:100; color:#fff; font-size:13px; float:left;  }
.nav li ul li a:hover{color:#fff; font-weight:bold; background:#3d3d3d; text-decoration:none; }




/*********추가20150713********/

.menu_01 {width:100% !important; background:#c1b298;}

/*
.nav .menu_02 {padding-left:10%;}
.nav .menu_03 {padding-left:10%;}
.nav .menu_04  {padding-left:50%;}
.nav .menu_05  {padding-left:45%;}
*/

.mu1 {margin-left:15% !important; float:left; }
.mu2 { margin-left:45% !important; float:left;}
.mu3 { margin-left:45% !important; float:left;}
.mu4 { margin-left:78% !important; float:left;}
.mu5 { margin-left:70% !important; float:left;}

.mnu3depth { font-size:0px; overflow:hidden; height:0px;}

/*********추가20150713********/



@media screen and (max-width: 1180px) {

.gnb h1 a{ position:absolute; left:0;  top:0px;  padding:5px 0; display:block; overflow:hidden; width:17%;}
.gnb{ width:100%;}
.toggleMenu {display: none; margin:9px 15px;}
.nav { list-style: none; padding-top:10px; width:100%; margin:0 auto;*zoom: 1;  position:relative;}
.menu_01 {width:100% !important; background:#c1b298;}

	.nav a {padding: 10px 15px; font-size:16px; }
	.nav>li:first-child{padding-left:200px;}


}


/*검색*/

#search {float:right;}
#search label {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
#search div.test {float:left; width: 180px; height: 34px; overflow: hidden; border: 1px solid #b1b1b1; padding:0 10px;}
#search div input.hi {float:left; width:180px; height:34px; border:0px;  line-height:28px; font-size:12px; vertical-align:middle; }
#search div.btnimg {float:left; margin-left:-1px; width:42px; height:34px; border:1px solid #493431; }



@media screen and (max-width: 1052px) {
.gnb {width:100%;}
.active { display: block;  }
.nav { width:100%;}
.nav > li { float: none;  }
.nav>li:first-child{padding-left:0;}
.nav > li > a{ color:#e9e4d1;}
.navht { height:auto;}

.nav > li > .parent {}
.nav li li .parent {  background-image: url("../../images/ktp/common/downArrow.png"); background-repeat: no-repeat;   background-position: 92% 50%;}
.nav ul { display: block; width: 100%; overflow:hidden; padding-top:0; }
.nav > li.hover > ul , .nav li li.hover ul {  position: static;  }
.nav li { background: #413131; border-bottom:1px solid #4e4443; }/*1depth*/


/*********추가20150713********/

.nav li ul li a{width:100%; text-indent:0.5em; background:#dcd6c1;border-top: 1px solid #ac9696; color:#3d3d3d; }/*2depth*/
.nav li li li a {background:#f4f4f2;   z-index:200;    border-top: 1px solid #dbdbcf;	color:#3d3d3d;	text-indent:1em; }/*3depth*/

.mnu3depth {background:#716262 !important; height:auto; }
.mnu3depth li a { font-size:2em; color:#3d3d3d; text-indent:2em;}

.navht { margin-bottom:0px !important;}
.menu_01 {width:100% !important; background:#423232;}

.mu1 { text-indent:0 !important; height:0px;}
.mu2 { text-indent:0 !important; height:0px;}
.mu3 { text-indent:0 !important; height:0px;}
.mu4 { text-indent:0 !important; height:0px;}
.mu5 { text-indent:0 !important; height:0px;}

/*********추가20150713********/

/*
.nav .menu_02 {padding-left:0;}
.nav .menu_03 {padding-left:0;}
.nav .menu_04  {padding-left:0;}
.nav .menu_05  {padding-left:0;}
*/
}

@media screen and (max-width: 620px) {
	.nav li li .parent {  background-position: 87% 50%;}
	
}


/*sub_menu*/

#lnb { display: block; width: 19%; float:left; padding-top: 10px; margin-right:10px; }
#lnb h3 {font-size:23px; line-height:23px; color:#cf870a; padding-bottom:10px; border-bottom:3px solid #cf870a;}

/* nav menu styles */
#nav { display: block;}
#nav li { }
#nav > li > a { display: block; padding: 12px 18px;font-size: 1.1em; font-weight: 600;  text-decoration: none; border-bottom: 1px solid #d8d8d8; background-color: #fff;}
#nav > li > a:hover, #nav > li > a.open { color: #fff; border-bottom-color: #ccc; background-color: #cf870a;}


#nav li ul { display: none; background: #f7f6f4; }
#nav li ul li a { display: block; background: none; padding: 7px 0px; padding-left: 30px; font-size: 1em;  font-weight: 600; color: #7d7d7d;}
#nav li ul li a:hover { color:#444;}
#nav li ul li a.hover {background: #eae6de; color:#444;}