@font-face {
	font-family:'NanumGothicWeb';
	src: url('../font/NanumGothic.eot');
}
@font-face {
	font-family:'NanumGothicWeb';
	src: url('../font/NanumGothic.eot') format('eot'), /* IE 9 폰트 적용 */
		 url('../font/NanumGothic.woff') format('woff'), /* IE 9, 파이어폭스, 크롬 폰트 적용 */
		 url('../font/NanumGothic.ttf') format('truetype');

}

/* 전체적용 */
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
blockquote, p, address, pre, cite,
form, fieldset, input, textarea, select,
table, th, td {
	font-size:12px; line-height:1.5;
	font-family:'NanumGothicWeb',"돋움", Dotum, "굴림", Gulim, Verdana, AppleGothic, sans-serif;
	color:#4f4f4f;
	}

/* 목록 */
	ul, ol {padding:0 0 0 20px;}

/* 링크 */
	a, a:link	{color:#4f4f4f; text-decoration:none; selector-dummy:expression(this.hideFocus=true);} 
	a:visited	{ text-decoration:none;}
	a:hover		{color:#4f4f4f; text-decoration:none;}
	a:active	{color:#4f4f4f; text-decoration:none;} 
	a:focus		{color:#4f4f4f; text-decoration:none;}


/* body */
	body.bodysub	{margin:0; padding:0;}
	body.bodymain	{margin:0; padding:0;}
	body { border-top: 2px solid #dc433a;  }


/* head */
	div#head_wrap	{text-align:center;}
	div#head_line	{background:#e7e7e7; height:3px;}
	div#head		{
		width:1000px; height:82px;
		margin:45px auto 0px auto; text-align:left;
		}
		.logo{
			position :relative;
			display: inline;
			padding: 0px;
			margin: 0px;
			width: 200px;
			height: 59px;
			float: left;
		}

	/* logo */
	div.menu_wrap	{
		width:769px; height:82px;
		float:right; display:inline;
		}

	/* 메뉴보조 */
	div.menu_aid	{
		
		top : 0px; color:#999;
		margin: 2px auto; width: 1000px;
		text-align:right; clear:both; 
		}
		.menu_aid a, .menu_aid a:link, .menu_aid a:visited 	{
			padding: 5px 10px 5px 10px; color:#999; font-size:11px;
			border-left: 1px solid #ccc; float: right;
		}
		.menu_aid a:hover, .menu_aid a:active, .menu_aid a:focus	{
			color:#144a82;
			}

	/* 메뉴 */
		.menu	{text-align:center; padding:0; margin: 10px 0px 0px 0px;}	
		.menu ul	{padding:0; margin:0; list-style-type:none;
		 	position:relative;
			width: 100%;
			height: 35px;
			padding-left: 85px;
			left: -35px;
			background-image: url("../images/menu_gray_bg.gif");
		}
		.menu li	{			
			display:inline; float:left;
			padding:0; margin:0; text-align:center;
		    padding: 8px 25px 9px 20px;
		    color: #5D5D5D;
		    -webkit-transform: skew(-40deg);
		    -moz-transform: skew(-40deg);
		    -o-transform: skew(-40deg);
		    -ms-transform: skew(-40deg);
		}
		.menu li a	{
			display:inline; float:left;
			padding:0; margin:0; text-align:center;
		     color: #5D5D5D;
		     font-size: 11pt;
		     font-weight: bold;
		     -webkit-transform: skew(40deg);
		   -moz-transform: skew(40deg);
		     -o-transform: skew(40deg);
		     -ms-transform: skew(40deg);
		}
		.menu li:HOVER {
			background-color: white;
		}
		
		.menu_right_bg{
			position : absolute;
			width: 50%;
			right: 0px;
			height: 35px;
			background-color: #DBDBDB;
		}
		.menu_sel{
			background-color: white;
		}
		/*
		.menu_1{
			background-position: 10px 0px;
			background-repeat: no-repeat;
		}
		.menu_2{
			background-position: 440px 0px;
		}
		.menu_3{
			background-position: 316px 0px;
		}
		.menu_4{
			background-position: 195px 0px;
		}
		.menu_5{
			background-position: -486px 0px;
			background-repeat: no-repeat;
		}
		*/

		.menu_1{
			background-position: 10px 0px;
			background-repeat: no-repeat;
		}
		.menu_2{
			background-position: 466px 0px;
		}
		.menu_3{
			background-position: 361px 0px;
		}
		.menu_4{
			background-position: 258px 0px;
		}
		.menu_5{
			background-position: -400px 0px;
			background-repeat: no-repeat;
		}
		.menu_6{
			background-position: -495px 0px;
			background-repeat: no-repeat;
		}
		

	/* 드롭메뉴 */
		div#menudrop_warp	{text-align:center; position: relative;}
		div#menudrop_1, div#menudrop_2, div#menudrop_3, div#menudrop_4, div#menudrop_5, div#menudrop_6	{	
			left:50%; top:80px;
			position:absolute;
			z-index:1;
			text-align:center;
			visibility:hidden;
			}
		div#menudrop_1	{margin-left:-170px;}
		div#menudrop_2	{margin-left:-60px;}
		div#menudrop_3	{margin-left:170px;}
		div#menudrop_4	{margin-left:90px;}
		div#menudrop_5	{margin-left:325px;}
		div#menudrop_6	{margin-left:350px;}

		.menudrop	{
			margin:0;
			height:31px;
			background:#aacd06;
			}
		.menudrop ul	{
			padding:0 10px 0 10px; margin:0;
			list-style-type:none;
			}
		.menudrop li	{
			padding:0;
			margin:9px 12px 5px 12px;
			display:inline; float:left;
			}
		.menudrop li a, .menudrop li a:link, .menudrop li a:visited 	{
			color:#fff;
			}
		.menudrop li a:hover, .menudrop li a:active, .menudrop li a:focus	{
			color:#fffc00;
			}


/* vg */
	div#vg_wrap_sub	{ position:relative; background:url(../images/vgbg_sub.jpg); text-align:center; clear:both;}
	div#vg_sub	{height:268px;  margin:0 auto; text-align:center;}
	div#vg_sub_bg{ height: 268px; width: 100%; background-repeat: repeat; position : absolute; }
	div#vg_wrap_main	{background:url(../images/vgbg_main.jpg) no-repeat 50% 0; text-align:center; clear:both;}
	div#vg_wrap_main_mobi	{background:url(../images/vgbg_main_m.jpg) no-repeat 50% 0; text-align:center; clear:both;}
	div#vg_main	{position:relative; height:428px; width:1200px; margin:0 auto; text-align:left;}


/* middle */
	div#middle_wrap	{text-align:center; clear:both; }
	div#middle_sub	{width:1000px; margin:0 auto; text-align:left;}
	div.middle_main	{width:1200px; margin:0 auto; text-align:left;}


	/* 컨텐츠영역 좌측 */
	div.left_wrap	{
		width:200px;
		float:left; display:inline;
	}
	.left_top	{
		position: relative;
		margin:-20px 0 0px 0;
		}
	/* 서브메뉴 */
	.sub_menu	{text-align:left; padding:0; margin:0; list-style-type:none;}
	.sub_menu_text, .sub_menu_text_r 	{
		display:block;
		background:url(../images/sub_mark.gif) no-repeat;
		text-align:left;
		}
	.sub_menu_text_r 	{background:url(../images/sub_mark_r.gif) no-repeat;}
	
	.sub_menu_li_r{
		background-image: url("../images/sub_menu_bg.gif");
		font-size: 12pt; font-weight : bold; padding: 9px 22px;
		border-bottom: 1px solid #CDCDCD;
		cursor: pointer;
	}
	.sub_menu_li{
		font-size: 12pt; font-weight : bold; padding:  9px 22px;
		border-bottom: 1px solid #CDCDCD;
		cursor: pointer;
	}

	.sub_menu_text_subject	{
		padding:6px 0 8px 28px;
		}
	.sub_menu_text_subject a, .sub_menu_text_subject a:link, .sub_menu_text_subject a:visited 	{			
		}
	.submenu_r_font, .sub_menu_text_subject a:hover, .sub_menu_text_subject a:active, .sub_menu_text_subject a:focus	{
		color:#0279ff;
		}
	.sub_menu_text_bg	{height:3px; background:url(../images/dot3ccc.gif) repeat-x;}

	/* 서브2메뉴 */
	.sub2_menu, .sub2_menu_r 	{			
		padding:6px 0 2px 20px;
		margin:0 0 0 12px;
		list-style-type:disc;
		background:#eee;
		}		
	.sub2_menu li, .sub2_menu_r li	{line-height:1.5;}

	.sub2_menu li a, .sub2_menu li a:link, .sub2_menu li a:visited 	{
		 font-weight:bold;}
	.sub2_menu li a:hover, .sub2_menu li a:active, .sub2_menu li a:focus, .submenu_r_font	{
		color:#8caa00; font-weight:bold;
		}

	/* 배너영역 */
	.left_banner	{		
		margin:70px 0 30px 0;
		}
	.left_banner p	{
		text-align:center;
		margin-top:15px;
		}


	/* 타이틀영역 */
	div.title_wrap	{
		clear:both;
		background:url(../images/title_bg.gif) no-repeat;
		width:800px; height:65px;
		}
		.title_slogan{
			display: inline-block;
			font-size: 15px;
			font-weight: normal;
			padding-top:32px;
			padding-left: 20px;
			color: #9B9B9B;
			
		}
		.title	{
			float:left; display:inline;
			margin: 20px 0px 20px 0px;
			padding: 0px;
			font-size: 30px; color: #5B5B5B;
			font-weight: bold;  
			}
		.title_text	{
			float:left; display:inline;
			font-size:18px; color:#1a348e; font-weight:bold;
			padding:18px 0 2px 38px;
			}
		.title2	{
			clear:both;
			font-size:18px; color:#68b208; font-weight:bold;
			padding:10px 0 0 10px;
			}
		.position	{
			text-align:right;
			float:right; display:inline;
			font-size:11px; color:#AAAAAA;
			padding-top:15px;
			}
			
		.title_slogan_bar{
			position: absolute;
			width: 1px;
			height: 27px;
			margin: 29px 10px 0px 10px;
			display: inline-block;
			background-color: #5b5b5b;
		}


	/* 컨텐츠영역 */
	div.contents_wrap	{
		width:770px; float: left;
		display:inline;
		padding-left: 30px;
		}
		.contents	{
		margin:20px 0 70px 0; vertical-align:top;
		width:800px;
		}

/* footer */
	div#footer_wrap	{text-align:center;
		clear:both;	
		border-top:1px #e6e6e6 solid;
		background-color: #f5f5f5;
		}
	/* 카피라이트 */
	div.copyright_wrap	{
		width:1000px; margin:0 auto; overflow:hidden; text-align:left;
		padding:20px 0px;
		}
	.copy_logo	{
		display:inline;	padding:20px 0;	font-size: 12px;
		}
	.copy_text	{
		float:left; display:inline;
		color:#777; font-size:11px;
		padding:13px 0 0 15px;
		}
	.copy_by	{
		float:right; display:inline;
		padding-top:38px;
		}
	
/* MAIN PAGE CSS */	
.jssorb01 {
	position: absolute;
	top : 332px;
	right: 75px;
}
.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
    position: absolute;
    background-image : url("../images/rolling_de.png");
    /* size of bullet elment */
    width: 45px;
    height: 45px;
    overflow: hidden;
    cursor: pointer;
    font-weight: bold;
}
.jssorb01 div {  }
.jssorb01 div:hover, .jssorb01 .av:hover { background-image : url("../images/rolling_sel.png"); color: #5A5A5A !important; font-weight: bold; }
.jssorb01 .av { background-image : url("../images/rolling_sel.png");  color: #5A5A5A  !important; font-weight: bold;}
.jssorb01 .dn, .jssorb01 .dn:hover {  }
.rolling_number{
	padding: 25px 0px 0px 11px;
	font-size: 16pt;
	color: white;
	line-height: 2;
}
.av .rolling_number{
	color: #5A5A5A  !important;
}
.main_contents{
	margin-bottom: 60px;
}
.mid_img{
	display: inline-block;  
	height: 297px;
}
.mid_img img{
	float: left;
}
.sec_img{
	margin-top: 60px;
	padding: 0px 80px;
	margin-bottom : 350px;
}
.sec_img>img{
	float: left;
}
.notice_text{
	position: relative;
	display: inline-block;
	font-size: 13pt;
	font-weight: bold;
	padding: 10px;
}
.notice_contents{
	position: relative;
	display: inline-block;
	font-size: 11pt;
	color: #888;
	margin-top: -3px;
	border-left: 2px solid #888;
	padding-left: 10px;
	font-weight: normal;
}


/* 사이트맵 */
	.sitemap	{
		width:170px;
		float:left;
		display:inline;
		margin:0 0 70px 20px;
		}
	.sitemap_cate	{
		border-top:1px #999 solid;
		border-bottom:1px #666 solid;
		text-align:center;
		padding:13px 0 10px 0;
		background:#fafafa;
		}
	.sitemap_cate_text	{
		color:#006fbc; font-size:14px; font-weight:bold;
		}
	.sitemap_text ul	{
		margin:0;
		list-style-type:none;
		padding:0;
		}
	.sitemap_text ul li	{
		padding:12px 0 8px 0;
		border-bottom:1px #ddd solid;
		}
	.sitemap_text ul li div	{
		padding:0 0 0 10px;
		}
	.sitemap_text ul li div a, .sitemap_text ul li div a:link, .sitemap_text ul li div a:visited 	{
		}
	.sitemap_text ul li div a:hover, .sitemap_text ul li div a:active 	{
		color:blue;
		}