/*@font-face {
	font-family:'NanumGothicWeb';
	src: url('../font/NanumGothic.eot') format('eot'),  
		 url('../font/NanumGothic.woff') format('woff'),  
		 url('../font/NanumGothic.ttf') format('truetype');
}*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
/* 전체적용 */
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:13px; line-height:1.5;
	font-family:'Noto Sans KR';
	color:#222;
	}


/* 링크 */
	a, a:link	{color:#222; text-decoration:none; selector-dummy:expression(this.hideFocus=true); font-family : 'Noto Sans KR';} 
	a:visited	{color:#222; text-decoration:none;}
	a:hover		{color:#222; text-decoration:none;}
	a:active	{color:#222; text-decoration:none;} 
	a:focus		{color:#222; text-decoration:none;}


/* body */
	body.bodysub	{margin:0; padding:0;}
	body.bodymain	{margin:0; padding:0;}


/* head */
	div#head_wrap	{height:70px; text-align:center; position:relative; background-color:#1F1E30;  min-width: 1000px; }

	div#head		{
		width:1000px; height:70px;
		margin:0 auto; text-align:left ;
		}

	/* logo */
	h1.logo	{
		float:left; display:inline; 
		position:absolute; top:0; left:0;
		padding:0; margin:0px 0px 0px 0px;
		background-color:white;
		z-index:999;
		}
	div.menu_wrap	{
		width:700px; height:70px;
		float:right; display:inline;
		background-color:#1F1E30;
		
		}

	/* 메뉴보조 */
	div.menu_aid	{		
		width:100%; height:26px; padding:0; color:#fff;
		text-align:right; 
		background-color:#812C33; clear:both; 
		}
		
		.menu_aid_area{
		width: 1000px;
		text-align: right;
		padding-top: 0;
		margin: 0 auto;
		line-height:26px; 
		position:relative;
	}
		.menu_aid a, .menu_aid a:link, .menu_aid a:visited 	{
			padding:0 2px 0 2px; color:#fff; font-size:12px;
			font-weight: 400;
			}
		.menu_aid a:hover, .menu_aid a:active, .menu_aid a:focus	{
			color:#FFEF00;
			}
		.menu_aid img	{vertical-align: middle; margin:0 3px 0 0;}



	/* 메뉴 */
		h2.menu	{text-align:center; padding:0; margin:0;}	
		h2.menu ul	{padding:0; margin:0; list-style-type:none; float:right; margin-right: -40px;}
		h2.menu li	{
			width:160px;  font-size: 14pt; font-weight: 400; line-height:68px;
			display:inline; float:left;  color:white;
			padding:0; margin:0px 0px 0px 0px; text-align:center;
			}
		h2.menu .selected_menu{
			color: #cea97c;
		}
		h2.menu li:hover{
			color: #cea97c;
		}

	/* 드롭메뉴 */
		div#menudrop_warp	{text-align:center; position: relative;}
		h3#menudrop_1, h3#menudrop_2, h3#menudrop_3, h3#menudrop_4, h3#menudrop_5, h3#menudrop_6	{	
			left:50%; top:42px;
			position:absolute;
			z-index:1;
			text-align:center;
			visibility:hidden;
			}
		h3#menudrop_1	{margin-left:-170px;}
		div.menudrop_arrow_1 	{text-align:left; padding-left:30px;}
		h3#menudrop_2	{margin-left:-60px;}
		div.menudrop_arrow_2 	{text-align:left; padding-left:62px;}
		h3#menudrop_3	{margin-left:115px;}
		div.menudrop_arrow_3 	{text-align:left; padding-left:30px;}
		h3#menudrop_4	{margin-left:85px;}
		div.menudrop_arrow_4 	{text-align:left; padding-left:30px;}
		h3#menudrop_5	{margin-left:215px;}
		div.menudrop_arrow_5 	{text-align:left; padding-left:30px;}
		h3#menudrop_6	{margin-left:350px;}
		div.menudrop_arrow_6 	{text-align:left; padding-left:30px;}

		.menudrop	{
			margin:0;
			height:31px;
			background:#444;
			}
		.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:#eee;
			}
		.menudrop li a:hover, .menudrop li a:active, .menudrop li a:focus	{
			color:#fffc00;
			}


/* vg */
	div#vg_wrap_sub	{background:url(../images/sub_vg.jpg) no-repeat 50% 0; text-align:center; clear:both;}
	div#vg_sub	{height:263px; width:1000px; margin:0 auto; text-align:left;}
	div#vg_wrap_main	{background:url(../images/main_vg.jpg) no-repeat 50% 0; text-align:center; clear:both; margin-bottom:50px;}
	div#vg_wrap_main_mobi	{background:url(../images/main_Vg.jpg) no-repeat 50% 0; text-align:center; clear:both;}
	div#vg_main	{height:389px; width:1000px; margin:0 auto; text-align:left;}


/* middle */
	div#middle_wrap	{padding-top:0px; text-align:center; clear:both;}
	div#middle_sub	{width:1000px; margin:0 auto; text-align:left;}
	div.middle_main	{width:1000px; margin:0 auto; text-align:left;}
	.middle_main a img { float: left; margin-right: 13px; }
	.middle_main a:last-child img{ margin-right: 0px; }
	.middle_main:after{ clear: both; display: block; content: ""; }

	/* 컨텐츠영역 좌측 */
	div.left_wrap	{
		width:200px;
		float:left; display:inline;  
		}
		h2.left_top	{
			margin:0 0 15px 0;
			}
		/* 서브메뉴 */
		.sub_menu	{text-align:left; padding:0; margin:0; list-style-type:none;}

		.sub_menu_li, .sub_menu_li_r 	{
			display:block;
			background:url(../images/submenu_bg.gif) no-repeat;
			text-align:left;
			cursor:pointer;
			border-bottom: 1px dashed #ccc;
			height:40px; line-height:40px; font-size:15px; padding:0 0 0 15px;
			}
		.sub_menu_li_r 	{
			background:url(../images/sub_menu_bg_r.gif) no-repeat;
			background-position: 172px 15px;
			color:#0e74bc;
			}
		/* 서브2메뉴 */
		.sub2_menu	{text-align:left; padding:5px 0 8px 0; margin:0; list-style-type:none; background:#f8f8f8;}

		.sub2_menu_li, .sub2_menu_li_r 	{
			display:block;
			text-align:left;
			cursor:pointer;
			height:25px; line-height:25px; font-size:13px; padding:0 0 0 20px;
			color:#888;
			}
		.sub2_menu_li_r 	{
			color:#da1523;
			}

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


	/* 타이틀영역 */
	.title_wrap {overflow:hidden; background:url(../images/title_bg.gif) no-repeat bottom;}
	.title_wrap .position {background:url(../images/icon_home.gif) no-repeat; padding-left:20px; margin-top:15px; float: right; color: #8c8c8c; background-position: 0px 2px;}
	.title_wrap h2.title {color:#464646; font-size:28px;  margin:25px 0px 25px 15px; padding: 0px;   position: relative; }
	.title_wrap .title_slogan {margin:-20px 0 10px 0; font-size:13px; color:#8e8e8e; }
	h3.title2 {color:#000000; font-size:18px; line-height:23px; font-weight:600; margin-top:30px; }
	.title_bar{ position : absolute; width: 3px; height: 30px; background-color: #202962; margin-left: -15px; padding: 0px; top: 6px;}

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

	

/* footer */
	div#footer_wrap	{border-top:1px solid #ddd; padding-top:10px; text-align:center; clear:both;	}
	
	/* 카피라이트 */
	div.copyright_wrap	{
		width:1000px; margin:0 auto; overflow:hidden; text-align:left;  
		padding:10px 0 10px 0; position: relative;
		}
		.copy_logo	{
			float:left; display:inline;
			padding:0 0 0 0;
			}
		address	{
			float:left; display:inline;
			color:#777; font-size:12px;
			padding:0px 0 0 25px;
			}
		.copy_by	{
			position: absolute;
			bottom:10px; right:0;
			}


/* 사이트맵 */
	.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;
		}

		
		

#container {
	width: 480px;
	padding:0;
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow: hidden;
}

#example {
	width: 480px;
	height: 336px;
	position:relative;
}

#slides {
	position:absolute;
	z-index:100;
}



.slides_container {
	width: 480px;
	height: 336px;
	overflow:hidden;
	position:relative;
}

.pagination {
	position:absolute;
	z-index:9999;
	top:400px;
	left:0px;
	margin: 0 auto;
	right: 0px;
	width: 1100px;
	display: none;
}
.pagination li {
	float:left;
	margin:0 3px;
	list-style: none;
}

.pagination li a {
	display:block;
	width: 16px;
	height:16px;
	background-color: #fff;
	float:left;
	overflow:hidden;
	border-radius: 13px;
}

.pagination li.current a {
	background-color: #0000FF;
}
/*.main_vg_img{
	position : relative;
	background-image: url("../images/main_vg.jpg");
	height: 366px;
	width: 480px;

	background-size: cover;
	background-position : center 0px;
}*/


.left_top_title{
	font-size: 25pt;
	color: #fff;
	width: 200px;
	position: relative;
	display: inline-block;
	padding: 25px 0px;
	text-align: center;
	background-color: #812C33;
}
.sub_triangle{
	position: relative;
	display: inline-block;
	width: 0px;
	height: 0px;
	border : 100px solid transparent;
	border-bottom-width: 0px;
	border-top : 50px solid #812C33;
}

input {font-family:굴림; font-size:9pt; color:#3f3f3f; border:1px #CCCCCC solid;}

select {font-family:굴림; font-size:9pt; color:#3f3f3f; border:1px #CCCCCC solid;}

textarea {font-family:굴림; font-size:9pt; color:#3f3f3f; border:1px #CCCCCC solid;}

td	{font-size:9pt; color:#3f3f3f; text-decoration:none; font-family:"굴림", "굴림체"; line-height:14pt}

font	{font-size:9pt; color:#3f3f3f; text-decoration:none; font-family:"굴림", "굴림체"; line-height:14pt}

font.size8	{font-size:8pt;}

font.underline	{text-decoration:underline;}

.blue01 {font-family: "굴림";font-size: 9pt;color: #3793B3;text-decoration: none;}

.red {font-family: "굴림";font-size: 9pt;color: #AA1811;text-decoration: none;}

.white {font-family: "굴림";font-size: 9pt;color: #FFFFFF;text-decoration: none;}

.big13 {font-family: "굴림";font-size: 13pt;color: #3F3F3F;text-decoration: none;}

.big11 {font-family: "굴림";font-size: 11pt;color: #3F3F3F;text-decoration: none;}

font.0_1 {color:#9999FF;}
font.0_2 {color:#6666CC;}
font.0_3 {color:#333399;}
font.0_4 {color:#000066;}

font.1_1 {color:#99FF99;}
font.1_2 {color:#66CC66;}
font.1_3 {color:#339933;}
font.1_4 {color:#006600;}

font.2_1 {color:#FF9999;}
font.2_2 {color:#FF6666;}
font.2_3 {color:#CC3333;}
font.2_4 {color:#990000;}

font.3_1 {color:#99FFFF;}
font.3_2 {color:#66CCCC;}
font.3_3 {color:#339999;}
font.3_4 {color:#006666;}


a	{font-size:9pt; color:#3f3f3f; text-decoration:none; font-family:"굴림", "굴림체"; line-height:14pt}
a:visited {}
a:link {}
a:active {}
a:hover { text-decoration:underline;}

a.proleft {font-size:9pt; line-height:16px}
a:hover.proleft {color:#990000;}


a.size9	{font-size:9pt;}
a.size8	{font-size:8pt;}

a.underline	{text-decoration:underline;}

a.submenu {color:#606060; text-decoration:none;}
a:hover.submenu {color:#FA8E03; text-decoration:none;}

a.1_1 {color:#99CCCC;}
a.1_2 {color:#669999;}
a.1_3 {color:#339933;}
a.1_4 {color:#006600;}
a.1_4over {}
a:hover.1_4over {color:#003333;}

a.2_1 {color:#FF9999;}
a.2_2 {color:#FF6666;}
a.2_3 {color:#CC3333;}
a.2_4 {color:#990000;}
a.2_4over {}
a:hover.2_4over {color:#003300;}

a.0_1 {color:#9999FF;}
a.0_2 {color:#6666CC;}
a.0_3 {color:#333399;}
a.0_4 {color:#000066;}
a.0_4over {}
a:hover.0_4over {color:#993300;}


a.3_1 {color:#99FFFF;}
a.3_2 {color:#66CCCC;}
a.3_3 {color:#339999;}
a.3_4 {color:#006666;}
a.3_4over {}
a:hover.3_4over {color:#330033;}

a.4_4over {}
a:hover.4_4over {color:#330033;}

a.5_4over {}
a:hover.5_4over {color:#000033;}

.p_photo	{float:left; clear:both; border:1px solid #bbb; text-align:center;}
.p_photo img {margin:8px;}