@charset "utf-8";
body {
	overflow-y:scroll;
}

#wrap{width:100%;height:100%;margin:0;padding:0; min-width:320px;}
 
.wrap{margin:0 auto;padding:0; min-width:320px;position:relative;max-width:1400px;}

	
.dim{display:hidden;}
/* dHead */
#dHead {position:absolute;z-index:100;width:100%;background:#fff;margin:0 auto;min-width:320px;}
#topuntillarea{ z-index:200; }
#topuntillarea .top-search {
	padding:3px 3px 3px 10px;
	top:16px;
	border:2px solid #dedede;
	border-radius:3px;width:190px; 
	position:absolute;right:20px;
	z-index:30;
	 
	margin-top:6px;
	}
#topuntillarea:after{clear:both;content:'';display:block;position:relative;}

#topuntillarea input.top_searchbox{float:left;background: #fff;border: 0px ;vertical-align:middle;height:35px;width:80%;margin-right:0;}
#topuntillarea .top_btn_search{float:left;cursor:hand;text-indent:-1000px;width:20%; background:url(../image/icon_search.png) no-repeat 0 center;border: 0px;vertical-align:middle;height:35px;margin-left:-4px;}
#topuntillarea .topinputbox:after{clear:both;content:'';display:block;position:relative;}
  #dHeadArea {
	position:absolute;
	width:100%;
	height:90px;
	margin:0 auto;
	 
	background:url(../image/topmenu_patten2.png) repeat-x 0 0;
	
	}
	 
	 
 
#dHead:after{clear:both;content:'';display:block;}
 
 /* button */
button	{display:inline-block; padding:0; border:0; background:transparent; text-align:center; vertical-align:middle; cursor:pointer; white-space:nowrap}
.btn_nav	{display:none}
 
#LogoMenu{clear:both;width:100%;  max-width:1400px;margin:0 auto;position:relative;}
h1.logo {position:absolute; padding:20px 0 0px 15px; top:0;z-index:10}
/* gnb */
#gnb {padding:26px 0 0  20%;position:relative;width:80%;margin:0 auto 0 auto;z-index:1000000000000;}
#gnb ul {width:90%;}
ul#menu > li{width:16%;}
ul#menu > li > a{ }
ul#menu a { color: #000; text-decoration: none; font-size: 20px;font-weight: 500;}
ul#menu > li > a:hover,ul#menu > li.current > a { color:#DC372B;}
ul#menu > li > a:before {content: '';display: block;width: 1px;height: 20px;position: absolute;left: 0;top: 15px;background: #d1d1d1;}
ul#menu > li:first-child > a:before {background: none;}
ul#menu > li{ float: left; display: block; }
ul#menu > li > ul {/* display: none; */opacity: 0;position:absolute;visibility: hidden;top: 60px;width: 165px;left: 50%;margin-left: -80px;box-shadow: 5px 4px 12px -4px rgba(0,0,0,0.56);-webkit-transition:opacity 150ms;transition: opacity 150ms;}
ul#menu li:hover > ul {/* display: block; */visibility: visible;opacity: 1;}
ul#menu > li > a {padding: 10px 10px 25px 10px;position: relative;text-align:center;display:block;margin:0 auto}
ul#menu li{ position:relative}
ul#menu > li > ul a {/*font-family:'Nanum Gothic';*/color:#fff;background: #f37928;display: block;padding: 5px 5px 5px 15px;font-size: 14px;font-weight: 400;clear: both;border-top: 1px solid #ff9046;border-bottom: 1px solid #cc611c;text-align: left;-webkit-transition:300ms;transition: 300ms;}
ul#menu > li:hover > ul a { padding: 10px 5px 10px 15px;}
ul#menu > li > ul a:hover {background: #00b2b1;}
 
ul#menu > li > ul > li:first-child > a{border-top: none;}
 


@media(max-width:1000px){

 #topuntillarea .top-search {
	display:none;
	padding:0px;
	top:0px;
	border:0px solid #dedede;
	border-radius:0px;
	width:100%; 
	right:0px;
	position:absolute;
	right:0px;
	top:70px;
	margin:0 auto;
	background:#f7f7f7;
	 
	
	}
#topuntillarea.on .top-search {display:block; }
#topuntillarea .top-search .topinputbox{padding:10px 0;margin:0 auto;position:relative;width:80%;min-width:300px;}
#topuntillarea input.top_searchbox{width:82%; background: #fff;border:2px solid #ccc;vertical-align:middle;height:37px; margin-right:0;}
#topuntillarea .top_btn_search{width:18%;background:url(../image/icon_search.png) no-repeat 15px center;}

 #dHeadArea {height:80px;border-bottom:1px solid #ccc;}

#LogoMenu h1.logo {text-align:center;padding:15px 0  0 0px;position:relative;}
#LogoMenu h1.logo img{width:27%;min-width:200px;}
	 .btn_nav	{display:block;outline: none;}
	 .btn_nav.open	{outline: none;z-index:100000;position:absolute; top:20px; left:10px; width:30px; height:30px; background:url('../image/mob_open.png') no-repeat 0 0;text-indent:-100000px;}
 	 .btn_nav.closed	{display:none;position:absolute; top:10px; left:15px; width:30px; height:30px; background:url('../image/mob_close.png') no-repeat 0 0;z-index:1000000;text-indent:-100000px;opacity:0.0; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: all 0.3s ease-out;}	 
	 .on .btn_nav.closed	{display:block;   opacity:0.8; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;} 
	 .on .btn_nav.open{display:none;}
	
	 .btn_nav.search_open	{outline: none;z-index:100000;position:absolute; top:20px; right:18px; width:30px; height:30px; background:url(../image/icon_search.png) no-repeat center center;text-indent:-100000px;}
 	 .btn_nav.search_closed	{display:none;position:absolute; top:20px; right:18px; width:30px; height:30px;background:url(../image/icon_search_close.png) no-repeat center center;z-index:1000000;text-indent:-100000px;opacity:0.0; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: all 0.3s ease-out;}	 
	 .on .btn_nav.search_closed	{display:block;   opacity:0.8; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;} 
	 .on .btn_nav.search_open{display:none;}


#dHead {position:fixed; }
	 #gnb	{position:fixed; z-index:10000; padding-left:0;top:0px; left:-250px; bottom:0;width:250px; background:#f37928;}
	 #gnb ul{position:relative;float:none;top:70px;width:100%;}
	 #gnb ul	{float:none;text-align: left;}
	 #gnb ul li{float:none; width:100%; text-align:left;margin:0 !important; border-bottom:1px solid #cc611c;}
	 #gnb ul li a{padding:0px 0px 0 20px; text-align:left; line-height:2;color:#fff;}
	 #gnb ul li a:hover{color:#fff;}
			ul#menu > li > a:before {display:none;}
	  #gnb ul#menu > li.on > ul{visibility: visible;opacity: 1;}

	 #gnb ul li a:after		{content:""; display:block !important; position:absolute; top:10px; right:20px; width:17px; height:14px; background:url('../image/bg_gnb_arr.png') no-repeat 0 -16px}
	 #gnb ul li:hover a:after		{content:""; display:block !important; position:absolute; top:10px; right:20px; left:auto; width:17px; height:14px; background:url('../image/bg_gnb_arr.png') no-repeat 0 -16px}
	 #gnb ul li.on a:after	{top:16px; background-position:0 0px;}

	 #gnb ul li.on ul li a:after	{display:block !important;background:none;}	
	 #gnb ul li.on:hover a:after ul li a:after	{display:block;;background:none;}
	 #gnb ul li ul li a:after	{display:none !important}
	 #gnb ul li:hover ul li a:after	{display:none !important}

	#gnb ul > li:hover > ul a { padding: 10px 5px 10px 35px;}



	 #gnb ul li ul{width:100%;display: block;  position: relative; overflow: hidden; padding:0px 0 15px 0;top:0px;margin:0px;background:#00b2b1; }

	#gnb ul li ul.active {display: block;}
 
 
	 #gnb ul li ul{position:static !important; display:block; margin:0 !important; padding:0px 0 !important; border:0; box-shadow:none;margin-top:0;}
	 #gnb ul li ul li{float:none !important; border:0;text-align:left;margin:0;}
	 #gnb ul li ul li a	{display:block;color:#fff;margin:0 !important;  text-transform:none;background:#00b2b1;border-top: 1px solid #33c1c1;border-bottom: 1px solid #005958;padding-left:30px; }
	 #gnb ul li ul li:first-child a:hover	{box-shadow:none}
 

  

 	 .dim	{display:block; position:fixed; z-index:100; top:0; left:-100%; bottom:0; background:#000; opacity:0.0; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: all 0.3s ease-out;}

	 .on #gnb	{left:0px}
	 #gnb ul li ul{overflow:hidden; max-height:0; padding:0 0 !important; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
	 #gnb ul li.on ul	{max-height:1000px !important; padding:0px 0 !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease;}
	 #gnb ul li.on ul li ul	{padding:0 !important}

 

	 #gnb > ul > li		{-webkit-transform: translate3d(-250px, 0, 0); -moz-transform: translate3d(-250px, 0, 0); -o-transform: translate3d(-250px, 0, 0); transform: translate3d(-250px, 0, 0); -webkit-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);	}
	 .on #gnb >ul > li	{-webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
	 .on .dim	{display:block; right:0;  opacity:0.8; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;} 
 
 }
 
 
 
/*footer*/
#footer{clear:both;position:relative;width:100%;background:#333333; letter-spacing:0; }
 
.footerarea_in{clear:both;position:relative;margin: 0 auto; width:100%;}
 
.footerarea_in .bottom_logo{position:absolute;margin-right:0px;left:0;text-align:left;top:0;padding-top:30px;padding-left:30px;width:30%;}
.footerarea_in .bottom_logo img{margin-bottom:20px;}
.footerarea_in .bottom_logo span{margin-right:10px;color:#666;}
.footerarea_in .bottom_logo strong{color:#858585;font-weight:400;}
.footerarea_in .bottom_logo span.telarea{color:#fff;margin-left:15px; }
.footerarea_in .bottom_logo p.cpyright{color:#858585;font-size:12px; letter-spacing:0px;margin-top:20px;padding-bottom:20px;}


.footerarea_in #bottomAllMenu{padding-top:20px;min-height:120px; margin:0 auto;padding-left:50%;}
.footerarea_in #bottomAllMenu > ul {padding:0;margin:0;}
.footerarea_in #bottomAllMenu > ul > li {float:left; width:25%;text-align:left;margin-top:10px;display:block;padding:0; }
.footerarea_in #bottomAllMenu > ul > li > a{letter-spacing:-1px;font-size:19px;font-weight:500;color:#fff;padding:0 0 20px 0;display:block;}
.footerarea_in #bottomAllMenu > ul > li > a:hover {color:#fff;}
.footerarea_in #bottomAllMenu > ul > li > ul{margin-top:20px;}
.footerarea_in #bottomAllMenu > ul > li > ul > li {text-align:left;}
.footerarea_in #bottomAllMenu > ul > li > ul > li a{color:#858585;font-weight:normal;font-size:14px;letter-spacing:-0.03em;line-height:1.5;padding:0px 0 0 0;}
.footerarea_in #bottomAllMenu> ul > li > ul > li a:hover{color:#fff;}
.footerarea_in #bottomAllMenu:after{clear:both;content:'';display:block;height:30px;}

.blankclear{clear:both;height:10px;}

  @media(max-width:1000px){
.footerarea_in .bottom_logo{position:relative;width:100%;border-top:1px solid #494949;text-align:center;padding-left:0;}
.footerarea_in #bottomAllMenu > ul {padding-left:2%;}
.footerarea_in #bottomAllMenu{padding-left:0;}
  }