@charset "utf-8";
/* CSS Document */

*{
	margin:0px;
	padding:0px;
	font-family:"나눔고딕", YDIYGo520, Terminal;
	font-size:12px;
	font-style: #666;
	}
ul{list-style:none;}

a img{border:none;}
A:link{text-decoration:none;} 
A:visited{text-decoration:none;}

/*기본 링크 스타일 */
a:link    { font-size: 12px; color: #333; }
a:active  { font-size: 12px; color: #333; }
a:hover   { font-size: 12px; color: #333; text-decoration:none; }
a:visited { font-size: 12px; color: #333; }

html{	
	}
body{
	background:url(../images/subbg_top.gif) top repeat-x;}
div#wrap{
	width:960px;
	margin:0 auto;
	}	
	div#top{
		height:123px;
		position:relative;
		}
		div#top p.logo{
			position: absolute;
			top: 10px;
			left: 30px;}
		div#top ul{
			width: 240px;
			position: absolute;
			top: 10px;
			left: 680px;
			}
			div#top li{
				float:left;
				width:60px;
				height:15px;
				background:url(../images/div_05.gif) right no-repeat;
				}
				div#top li a{
					padding : 0 0 0 10px;}
		
		
		div#top p.mainnav{/*-------------------네비게이션-------*/
			position:absolute;
			top:63px;}

.gnb_wrap:before { content: ''; position: relative; }
.gnb_wrap { position: absolute; top: 73px; left: 25%; width: 960px; height: 50px;background: #15aec4; }
.gnb { overflow:hidden;clear:both;/*width:100%;*/ position:absolute; left:20%; top:15px; list-style:none; z-index:80;}
.gnb ul { font-size: 16px; font-weight: bold; }
.gnb li{ float:left;position:relative; padding: 0 22px 0 0; list-style:none; z-index:90; }
.gnb li a{display:block; padding:0 36px; color:#fff;text-align:center;text-decoration:none; height: 32px; overflow:hidden; list-style:none; z-index:95; font-size: 14px; font-weight: bold;  }
.gnb li a:hover { color: #333; }
.lang { position: absolute; top: 48px; right: 6px;  z-index: 81;  }
.lang ul { list-style: none;padding-left: 0px; }
.lang li { float: left; width: 55px; } 
.lang li a { padding: 0; width: 80px; color: #777; }
.lang li a:hover { color: #074d8e; transition: .5s; }
.lang li a img { padding-right: 10px; vertical-align: middle; }
.lang li a:hover img{ margin-top: 0; }
div.end { position: absolute; top: 0; right: 0; padding:0; background:none; }
div.end .topmenu{width:269px;}
div.end .topmenu a{float:left; padding:0 10px;display:block; padding-top:12px;}
div.end a { padding-left: 20px; position: relative; color: #777; font-weight: bold;}
div.end a:after { display: inline-block; content: '|';position: absolute; top: 12px; right: 0; width: 1px; height: 5px; color: #ccc; }
div.end a:nth-child(4):after { display: none; }
li.end a:hover img,
li.end a.active img { margin-top: 0px; }

.gnb_open { /*width:100%;*/ min-width:960px; height:0;margin: 0 auto; position:absolute; top: 48px; overflow:hidden;background:#ffffff url(../images/line_bg.png) no-repeat center top; z-index:100; /*border-bottom:1px solid #dddddd;*/ }
.gnb_open .menu_area { width: 980px; min-height:202px; height:auto; margin: 0 auto; z-index:200;border-top: 0px #f5f5f5 solid;}
.gnb_open .menu_area .total_menu { clear:both;  margin-left:210px;  z-index:300;}
.gnb_open .menu_area .total_menu li { float:left; border-left: 1px #eaeaea solid; list-style:none; }
.gnb_open .menu_area .total_menu li.m1 { width:150px; height:240px; padding: 10px 0; margin-left: -7px; }
.gnb_open .menu_area .total_menu li.m2 { width:140px; height:240px; padding: 10px 0; margin-right: 12px; }
.gnb_open .menu_area .total_menu li.m3 { width:135px; height:240px; padding: 10px 0; margin-right: 17px; }
.gnb_open .menu_area .total_menu li.m4 { width:148px; height:240px; padding: 10px 0;border-right: 1px #eaeaea solid; }

.gnb_open .menu_area .total_menu .sm { list-style:none; margin: 0 5px 0 5px; clear:both;  z-index:19000;}
.gnb_open .menu_area .total_menu .sm li { letter-spacing: -0.5px; margin-bottom: 5px; clear:both; border:0; list-style:none;  }
.gnb_open .menu_area .total_menu .sm li a { display:block; padding: 5px 5px 5px 15px; color:#666; background:url(../images/sm_back.gif) no-repeat left top; }
.gnb_open .menu_area .total_menu .sm li a:hover,
.gnb_open .menu_area .total_menu .sm li a.active { background-position:left bottom; color:#074d8e; font-weight:bold; }
.gnb_open .menu_area .total_menu .m1 .sm li a { width:120px; }
.gnb_open .menu_area .total_menu .m2 .sm li a { width:120px; }
.gnb_open .menu_area .total_menu .m3 .sm li a { width:120px; }
.gnb_open .menu_area .total_menu .m4 .sm li a { width:80px; }
.gnb_open .gnb_close{ width: 980px; height:3px;position:absolute;left:0;bottom:0; background:#ff1800; border:1px solid #000000; }

	div#title{
		height:177px;
		}
	div#blank{/*-------------------타이틀과 컨텐츠사이 공백-------*/
		height:24px;
		padding:10px 0 0 0;
		width:760px;
		float:right;
		}
		div#blank p{
			float:right;
			font-size:11px;
			font-family:"돋움", Arial;
			color:#999;
			}
		div#blank p.home{margin:0 3px 0 0;}
			div#blank span{
				margin:0 0 0 5px;
				font-weight:bold;
				color:#999;
				font-size:11px;
				font-family:"돋움", Arial;
				}
			div#blank p.ttt{margin:2px 3px 0 0}
	div#body{}
	div#submenu{/*-------------------서브메뉴-------*/
		width:161px;
		height:635px;
		float:left;
		margin:15px 38px 0 0;
		}
		div#submenu p{}	
		div#submenu p+ul{}
			div#submenu li{
				height:22px;
				border-bottom:1px #CCCCCC solid;
				padding:14px 0 0 26px;
				font:bold;
				}
				div#submenu li:hover{background:url(../images/suvmenu-o.png) no-repeat center; }
				div#submenu li.sub{
					color:#0d7483
					}
				div#submenu li a{
					color:#505050;
					font-size:13px;
					font-style:normal;
					font-family:"나눔고딕", "돋움체"; font-weight:bold;
					}
					

				
				
	div#contents{/*-------------------컨텐츠-------*/
		background:url(../images/suv-bg.png) no-repeat bottom;
		width:760px;
		min-height:500px;
		padding:0 0 160px 0;
		border-top:solid 1px #CCCCCC;
		float:right;	
		}
		div#contents h1{
			margin:33px 0 30px 0;
			/*width:222px;*/
			height:31px;
			}
		div#contents p{}
		/*-------------------footer-------*/
div#bigbt{
	clear:both;
	height:100px;
	border-top:1px #e1e6ea solid;
	}
	div#bottom{
		width:960px;
		margin:0 auto;
		padding:10px 0 0 0;
		height:100px;
		}
		div#footer p{margin:0 0 5px 0;}
		
		
		
		

 /*간격*/
.h5 { height:5px;}
.h10 { height:10px;}
.h15 { height:15px;}
.h20 { height:20px;}
.h25 { height:25px;}
.h30 { height:30px;}
.h40 { height:40px;}

/*.w1 { width:1px color:#999;}*/
.w5 { width:5px;}
.w10 { width:10px;}
.w15 { width:15px;}
.w20 { width:20px;}
.w30 { width:30px;}

.tb960 { width:960px;} /*사이트 전체 폭*/
.tb720 { width:720px;} /*서브 컨텐츠 폭*/
.tb100 { width:100%}
.tb98 { width:98%}
.tb96 { width:96%}
.tb94 { width:94%}
.tb90 { width:90%}
.tb85 { width:85%}

.tab100 { width:100%; background:url(../images/tab_bg.png) bottom no-repeat;}
.m_visual_bg { background:#dae8ee; repeat-x; height:150px;}

.t_h{font-family:"나눔고딕", YDIYGo520, Terminal; font-size:12px; color:#666666 line-height:15px;}