@charset "UTF-8";

/* Page Title */



html  { width:100%; height:100%; padding:0px; margin:0px; }

#wrap                {width:100%; float:left; min-width:1125px; }


#header   {width:100%; float:left; background-color:#fff; height:129px;} 
#header   .top_utill   {width:100%; height:30px; float:left; }
#header  .top_utill  ul  {width:1125px; margin:0 auto;}
#header  .top_utill  li   {font-size:13px; line-height:17px; font-weight:600;   padding:15px 0px 0px 10px;}  
  

#header     .top_utill li a:link		{ letter-spacing:0px;color:#888; } 
#header     .top_utill li a:hover		{ letter-spacing:0px;color:#888; } 
#header     .top_utill li a:active	    { letter-spacing:0px;color:#888; } 
#header     .top_utill li a:visited	   { letter-spacing:0px;color:#888; } 
#header     .top_utill  li.lan_img   {float:right;  }  
#header     .top_utill  li.lan_img img  {margin:0px 1px; }  


 



 li.right   {float:right;  padding-left:50px;}  



  

  .nav { width:100%;  position:fixed;  z-index:9999; left:0px; top:0px;   display:none;    background-color:#fff;   border:1px solid #ddd;  }



ul#topmenu  {  width:1125px; margin:0 auto;}
ul#topmenu  li {margin-top:30px;}
ul#topmenu  li.logo {float:left; margin-top:0px;}

   
   


.menu  {width:100%;  float:right;  margin-top:10px; padding-bottom:0px; background-color:#fff; }
.menu  li  { margin-top:4px;  }
 
.menu  li  a {
	display:inline-block;
     text-decoration:none;
	  height:50px;
 	 
	 }

/*#topmenu .menu  li  a:link		{text-decoration:none;    color:#444;  } 
#topmenu .menu  li  a:hover		{text-decoration:none; color:#111; }
#topmenu .menu  li  a:active	{text-decoration:none;   color:#111;}
#topmenu .menu  li  a:visited	{text-decoration:none;    color:#444; }*/


#submenu				{width:100%;  float:left;  position:absolute; top:125px; z-index:999; }
#submenu	   ul   {width:1125px; margin:0 auto; }
#submenu	   li   {float:left;   font-size:0.91em;   font-weight:400; line-height:50px; padding-right:20px;}
 
#submenu	 .box  { }

 

#submenu .box  a:link		{text-decoration:none;  color:#555; } 
#submenu .box  a:hover		{text-decoration:none; color:#333;  font-weight:600; }
#submenu .box  a:active	      {text-decoration:none; color:#33;  font-weight:600;}
#submenu .box  a:visited	{text-decoration:none; color:#555; }

 
#submenu .bg  {width:100%; min-width:1125px; float:left; height:50px;   display:none;  /*border-top:1px solid #ddd; border-bottom:1px solid #ddd;*/ background-color:#f9f9f9; position:absolute; }


#submenu .submenu1		   	{ left:0px; top:0px;}
#submenu .submenu2				{ left:0px; top:0px;}
#submenu .submenu3				{ left:0px; top:0px;}
#submenu .submenu4				{ left:0px; top:0px;}
#submenu .submenu5				{ left:0px; top:0px;}
#submenu .submenu5				{ left:0px; top:0px;}
#submenu .submenu6				{ left:0px; top:0px;}
#submenu .submenu7				{ left:0px; top:0px;}
#submenu .submenu8				{ left:0px; top:0px;}








#footer        {width:100%; min-width:1125px;  background-color:#fff; border-top:1px solid #ddd; float:left; 
                              bottom:0px; padding-bottom:50px; }
#footer  .footer_in  {width:1125px; margin:0 auto; }
#footer  .icon {text-align:right; float:left; width:100%; }
 
#footer   .copy     {font-size:0.95em;  text-align:center; margin:0 auto; color:#777; line-height:1.4em;   width:900px; border-top:1px solid #ddd; padding-top:20px;   }
 #footer   .copy   span    {color:#999; font-size:0.9em; line-height:2em; letter-spacing:0px;  }
 

 
/*quick*/

#quick  {position:fixed; right:2%; top:15%; width:94px; z-index:10000;}


/*새팝업*/

 
 #standalone {
width:640px; 
height:310px;
 display:none;
 
	 -webkit-transform: scale(0.8);
       -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
}
.popup_visible #standalone {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

 #standalone  div  { }

 #standalone  button {padding:0px; margin:0px; border:none; float:right;}

 #standalone  a:link		{text-decoration:none; color:#fff;}
#standalone  a:visited	{ text-decoration:none; color:#fff;}
#standalone  a:hover		{ text-decoration:none; color:#fff;}
#standalone  a:active	{text-decoration:none; color:#fff;}

.standalone_open  {padding:0px; margin:0px; background:none; border:none; }


#fade  button {padding:0px; margin:0px; border:none; float:right;}

 #fade  a:link		{text-decoration:none; color:#fff;}
#fade  a:visited	{ text-decoration:none; color:#fff;}
#fade  a:hover		{ text-decoration:none; color:#fff;}
#fade  a:active	{text-decoration:none; color:#fff;}


#fadeandscale  button {padding:0px; margin:0px; border:none; float:right;}

 #fadeandscale  a:link		{text-decoration:none; color:#fff;}
#fadeandscale  a:visited	{ text-decoration:none; color:#fff;}
#fadeandscale  a:hover		{ text-decoration:none; color:#fff;}
#fadeandscale  a:active	{text-decoration:none; color:#fff;}



/*팝업*/

/*.layer {display:none; position:fixed;   top:0; left:0; width:100%; height:100%; z-index:999999999999999999999999;}
		.layer .bg {position:absolute;  top:0; left:0; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=70);}
		.layer .pop-layer {display:block;}

	.pop-layer {display:none; position: absolute; top: 50%; left: 50%; border-radius:5px; width: 500px; height:auto;  background-color:#fff;   }	
	.pop-layer .pop-container {padding:40px;}
  	.pop-layer .btn-r {  padding: 10px 0px 40px 0; float:right;  }
	a.cbtn {display:inline-block; line-height:30px; padding:0 14px 0; border:1px solid #a4a8ab; background-color:#a4a8ab;   font-size:13px; color:#fff;  }	
	a.cbtn:hover {border: 1px solid #555; background-color:#555; color:#fff;}
	.pop-layer a:link		{text-decoration:none; color:#fff;}
	.pop-layer a:visited	{ text-decoration:none; color:#fff;}
	.pop-layer a:hover		{ text-decoration:none; color:#fff;}
	.pop-layer a:active	{text-decoration:none; color:#fff;}*/

.layer {display:none; position:fixed;   top:0; left:0; width:100%; height:100%; z-index:999999999999999999999999;}
.layer .bg {position:absolute;  top:0; left:0; width:100%; height:100%; background:#fff;  }
.layer .pop-layer {display:block;}
.pop-layer {display:none; position: absolute; top: 50%; left: 50%; border-radius:5px; width: 500px; height:auto;  background-color:#fff;  border:1px solid #ddd;  	 }
 .pop-container {padding:40px;}

.btn-r {  padding: 10px 0px 40px 0; float:right;  }

/*팝업버튼*/


a.cbtn {display:inline-block; line-height:30px; padding:0 20px 0; border:1px solid #a4a8ab; background-color:#a4a8ab;   font-size:0.95em; color:#fff;  }	
a.cbtn:hover {border: 1px solid #555; background-color:#555; color:#fff;}
a.cbtn:link		{text-decoration:none; color:#fff;}
a.cbtn:visited	{ text-decoration:none; color:#fff;}
a.cbtn:hover		{ text-decoration:none; color:#fff;}
a.cbtn:active	{text-decoration:none; color:#fff;}



.sitemap  {width:100%; float:left; margin-top:30px;}
.sitemap  ul {width:210px; border:1px solid #ddd; border-bottom:none; float:left; margin-right:10px; }
.sitemap  li {font-size:0.95em; color:#666; line-height:2.5em; text-align:center; border-bottom:1px solid #ddd; }
.sitemap  .cate {font-size:1em;  font-weight:600; color:#fff; line-height:2.5em; background-color:#333;}