@charset "UTF-8";

/* Page Title */

html     {width:100%; padding:0px; margin:0px; overflow-x:hidden; }
body     {position:relative;z-index:9;}

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

/*헤더*/
#header   {position:relative; z-index:999999; width:100%; float:left; position:relative; color:#fff; background:#fff; border-bottom:1px solid #ddd; /* box-shadow:2px 2px 8px rgba(0,0,0,0.2);*/ }
 
.header_in  {width:1200px; margin:0 auto; position:relative; }


/* 메뉴 */
#topmenu	{width:240px; padding:0; margin:0; float:left; height:100%; overflow:hidden; position:fixed; box-sizing:border-box; z-index:99999999999;} 
#topmenu2	{width:160px; padding:0; margin:0; float:left; height:100%; overflow:hidden; background:#00aef0;  position:fixed; left:240px;  box-sizing:border-box; z-index:99999999999; box-shadow:1px 1px 3px #ddd;}  
#topmenu2 ul {margin-top:175px;} 


.menu {		
	float:left; 
	width:240px;
	padding:0 0 0 0px; 
	height:100%; background:#1679bd;
}

.logo { float:left; width:100%; float:left; text-align:center;	 background:#fff; padding:22px 0; }

.menu_      { width:100%; float:left; }
.menu_ a	{ padding-left:20px; display:block; font-size:17px; border-bottom:1px solid #5198ca; width:100%; float:left; height:40px; font-weight:400; padding-top:18px; display:block; text-align:left; color:#fff !important;}
.menu_ov a	{ padding-left:20px; display:block; font-size:17px; border-bottom:1px solid #5198ca; width:100%; float:left; height:40px; font-weight:400; padding-top:18px; display:block; text-align:left; color:#fff !important; background:#00aef0;}

.menu2_      { width:100%; float:left;}
.menu2_ a	{ /* padding-left:20px;  */display:block;/*  width:100%;  */font-size:16px;  float:left; /* height:38px; */ font-weight:400;/*  padding-top:18px;  */display:block; text-align:left; color:#fff !important; padding: 10%}
.menu2_ov a { /* padding-left:20px; */ display:block; /* width:100%; */ font-size:16px; text-decoration:underline !important;  float:left; /* height:38px; */ font-weight:600; /* padding-top:18px;  */display:block; text-align:left; color:#fff !important;padding:10%}

.menu_  a:hover		{text-decoration:none;  background:#00aef0; border-bottom:1px solid #00aef0; color:#fff}


/* menu_ 메뉴 버튼 오버,클릭 시 */
.menu_ > ul > li >  a:hover		{ color:#66cccc !important;  } 
.menu_ > ul > li >  a:link		{text-decoration:none;  } 
.menu_ > ul > li >  a:active		{background:#fff; text-decoration:none;  color:#66cccc !important; font-weight:600; }
.menu_ > ul > li >  a:visited	{text-decoration:none; color:#666; }

.menu_ > ul > li.menu_ov >  a:hover		{background:#f7f7f7 url('/../common/img/sub/left_menu_arr.png') no-repeat center right 20px;  text-decoration:none; color:#66cccc !important; } 
.menu_ > ul > li.menu_ov >  a:link		{background:#f7f7f7 url('/../common/img/sub/left_menu_arr.png') no-repeat center right 20px;  text-decoration:none;  color:#66cccc !important;  } 
.menu_ > ul > li.menu_ov >  a:active		{background:#f7f7f7; text-decoration:none; color:#66cccc; font-weight:500; }
.menu_ > ul > li.menu_ov >  a:visited		{background:#f7f7f7;text-decoration:none; color:#66cccc; }


/* menu2_ 메뉴 버튼 오버,클릭 시 */
.menu2_ > ul > li >  a:hover		{ color:#66cccc !important;  } 
.menu2_ > ul > li >  a:link		{text-decoration:none;  } 
.menu2_ > ul > li >  a:active		{background:#fff; text-decoration:none;  color:#66cccc !important; font-weight:600; }
.menu2_ > ul > li >  a:visited	{text-decoration:none; color:#666; }

.menu2_ > ul > li.menu2_ov >  a:hover		{background:#f7f7f7 url('/../common/img/sub/left_menu_arr.png') no-repeat center right 20px;  text-decoration:none; color:#66cccc !important; } 
.menu2_ > ul > li.menu2_ov >  a:link		{background:#f7f7f7 url('/../common/img/sub/left_menu_arr.png') no-repeat center right 20px;  text-decoration:none;  color:#66cccc !important;  } 
.menu2_ > ul > li.menu2_ov >  a:active		{background:#f7f7f7; text-decoration:none; color:#66cccc; font-weight:500; }
.menu2_ > ul > li.menu2_ov >  a:visited		{background:#f7f7f7;text-decoration:none; color:#66cccc; }




/* 푸터 */
#footer				{height:582px; width:240px; overflow:hidden; float:left; font-size:14px;}
#footer ul			{}
#footer ul li		{float:left; background:#12598a !important; padding:8px 0px; box-sizing:border-box;}
#footer ul li a		{display:block; color:#d4e3f2; font-weight:400; font-size:14px; text-align:center; }

#footer_tit			{color:#fff; margin-bottom:2px;  font-weight:500; font-size:15px;}
#footer_in			{margin:65px 0 0 20px;}
#footer_in_txt		{color:#fff; line-height:1.3em; font-size:13.5px; margin-bottom:15px;}

#copyright			{color:#66d5ed; margin-top:50px; line-height:1.3em; font-size:13px;}


h2,h3,h4,h5   { margin:0px;  color:#333; }
h2  		{font-weight:700;  font-size:2em; line-height:1.2em;   }
h3  		{font-weight:500;  font-size:1.5em; line-height:1.3em; }
h4  		{font-weight:500;  font-size:1.5em; line-height:1.3em; }
h5  		{font-weight:500;  font-size:1.3em; line-height:1.3em; padding-bottom:0px;}




/* QUICK */

#quick  {width:105px; position:fixed; z-index:9; bottom:16%; right:3.5%; border:1px solid #ddd; border-radius:15px; background:#fff;}
#quick p   {width:100%; float:left; text-align:Center; border-top:none;}

#quick	.title{ width:100%; float:left; font-size:13px;  padding:10px 0px; color:#666; font-weight:600;  border-bottom:1px solid #ddd;
                 background-color:#f7f7f7; border-radius:15px 15px 0 0;}

#quick .quick-menu   { background-color:#fff; float:left;}
#quick .quick-menu img {  margin-bottom:5px}
 

#quick .quick-menu a {
	display:inline-block;
    text-decoration:none;
	width:100%;	
	padding:8px 0;
	font-size:13px; 
	font-weight:300;  
	line-height:1.1em; 
	 }


#quick .quick-menu a:link		{ text-decoration:none; color:#777;  background-color:#fff;}
#quick .quick-menu a:visited	{ text-decoration:none; color:#777;  background-color:#fff;}
#quick .quick-menu a:hover		{ text-decoration:none; color:#333; font-weight:400;}
#quick .quick-menu a:active		{ text-decoration:none; color:#333;  background-color:#f9f9f9;}
 

 
#quick .q_top  { border-top:1px solid #ddd; background:#fff; border-radius:0 0 15px 15px;}
#quick .q_top a {
	 display:inline-block;
     text-decoration:none;
	 width:100%;
	 padding:10px 0;
	 font-size:13px; font-weight:600;  line-height:20px; 
	 border-top:none;	 
	 }

#quick .q_top a:link		{text-decoration:none; color:#666;  }
#quick .q_top a:visited		{text-decoration:none; color:#666;  }
#quick .q_top a:hover		{text-decoration:none; color:#666;  }
#quick .q_top a:active		{text-decoration:none; color:#666;  }


@media all and (max-width:1300px)  {
#quick  {display:none;}

}