@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:#222;
	}


/* 링크 */
	a, a:link	{color:#222; text-decoration:none; selector-dummy:expression(this.hideFocus=true);}
	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; min-width: 1400px;}
	body.bodymain	{margin:0; padding:0; min-width: 1400px;}


/* head */
	div#head_wrap	{text-align:center;position: fixed;top: 0;width: 100%;z-index: 999;}
	div#head		{
		margin:0 auto;
		text-align:left;
		overflow: hidden;
		background: #fff;
		}
	.snb {width: 1000px; margin: 0 auto;}

	/* logo */
	h1.logo	{
		float:left;
		display:inline;
		padding:0;
		margin:0;
		padding: 13px 0 10px;
		position: absolute;
		z-index: 999;
		}
	div.menu_wrap	{
		width:700px;
		float:right;
		display:inline;
		}

	/* 메뉴보조 */
	div.menu_aid	{
		height:13px;
		margin: 3px 0;
		color:#9b9b9b;
		text-align:right;
		clear:both;
		}
		.menu_aid a, .menu_aid a:link, .menu_aid a:visited 	{
			padding:0 2px 0 2px;
			color: #9b9b9b;
			font-size:11px;
			}
		.menu_aid a:hover, .menu_aid a:active, .menu_aid a:focus	{
			color: #9b9b9b;
			}
		.menu_aid img	{vertical-align: middle; margin:0 3px 0 0;}

	/* 메뉴 */
		h2.menu	{text-align:center; padding:0; margin:0;overflow: hidden;margin: 20px 0;}
		h2.menu ul	{padding:0; margin:0; list-style-type:none;}
		h2.menu li	{
			display:inline;
			float:left;
			padding:0;
			margin:0;
			text-align:center;
			margin-left: 30px;
			}
			h2.menu li:first-child{margin-left: 10px;}
	/* 드롭메뉴 */
		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: 30px;
			position:absolute;
			z-index:1;
			text-align:center;
			visibility:hidden;
			}
		h3#menudrop_1	{margin-left: -230px;}
		div.menudrop_arrow_1 	{text-align:left; padding-left:30px;}
		h3#menudrop_2	{margin-left: -120px;}
		div.menudrop_arrow_2 	{text-align:left; padding-left:62px;}
		h3#menudrop_3	{margin-left: 10px;}
		div.menudrop_arrow_3 	{text-align:left; padding-left:30px;}
		h3#menudrop_4	{margin-left:120px;}
		div.menudrop_arrow_4 	{text-align:left; padding-left:30px;}
		h3#menudrop_5	{margin-left: 250px;}
		div.menudrop_arrow_5 	{text-align:left; padding-left:30px;}
		h3#menudrop_6	{margin-left: 398px;}
		div.menudrop_arrow_6 	{text-align:left; padding-left:30px;}

		.menudrop	{
			margin:0;
			padding: 37px 0 10px;
			background: url(../images/menu_bg.jpg) no-repeat 50% 34px;
			}
		.menudrop ul	{
			padding:0 10px 0 10px;
			margin:0;
			list-style-type:none;
			}
		.menudrop li	{
			padding: 10px 30px 7px 25px;
			display: block;
			background: rgba(255, 255, 255, 0.8);
			}
		.menudrop li a, .menudrop li a:link, .menudrop li a:visited 	{
			color:#424242; border-left:1px solid #424242; padding-left: 5px;
			}
		.menudrop li a:hover, .menudrop li a:active, .menudrop li a:focus	{
			color:#e00400; border-left:1px solid #e00400; padding-left: 5px;
			}


/* vg */
	div#vg_wrap_sub	{background:url(../images/vgbg_sub.jpg) no-repeat 50% 0; text-align:center; clear:both;}
	div#vg_sub	{height: 260px;width:1000px;margin:0 auto;text-align:left;}
	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.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	{text-align:center; clear:both; overflow:hidden;position: relative;top: -40px;}
	div#sub_middle_wrap	{text-align:center;clear:both;overflow:hidden; background:url(../images/middle_bg.png) repeat-x 0 35px;}
	div#middle_sub	{width:1000px; margin:0 auto; text-align:left;}
	div.middle_main	{width:1000px; margin:0 auto; text-align:left;}


	/* 컨텐츠영역 좌측 */
	div.left_wrap	{
		width:200px;
		float:left;
		display:inline;
		}
		h2.left_top	{
			margin: 0;
			}

		/* 서브메뉴 */
		.sub_menu_wrap{width:100%;}
		.sub_menu	{text-align:left; padding:0; margin:0; list-style-type:none;}

		.sub_menu_li, .sub_menu_li_r 	{
			background: url(../images/submenu_bg.png) no-repeat 100% 50%;
			text-align:left;
			cursor:pointer;
			font-size:13px;
			padding: 20px 20px 16px 25px;
			}
		.sub_menu_li_r 	{
			background: url(../images/submenu_bg_r.png) no-repeat 100% 50%;
			color: #fff!important;
			}
		/* 서브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;
			font-size:13px; padding:11px 0 12px 10px;
			color:#888;
			}
		.sub_menu_li a{color:#3a3a3a !important;display: block;}
		.sub_menu_li_r a{
			color:#fff !important;
			display: block;
			}

		/* 배너영역 */
		.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;margin: 40px 0 19px;}
	.position {background:url(../images/icon_home.gif) no-repeat; padding-left:20px;margin-top: 30px;display: inline;color: #8c8c8c;text-align: right;}
	.position_wrap{width: 1000px;margin: 0 auto;text-align: right;padding: 10px 0;position: absolute;left: 50%;margin-left: -500px;}
	.title_wrap .position {background:url(../images/icon_home.gif) no-repeat; padding-left:20px;margin-top: 30px;display: inline;color: #8c8c8c;position: absolute;margin-left: 590px;text-align: right;}
	.title_wrap h2.title {color: #414141;font-size:30px;font-weight:600;margin: 10px 0 0;font-family:'NanumGothicWeb','돋움','Dotum';width: 200px;float: left;}
	.title_wrap .title_slogan {font-size: 16px;color: #414141;font-family:'NanumGothicWeb','돋움','Dotum';float: left;/* margin-top: 15px; */border-left: 1px solid #cfcfcf;padding: 8px 0 10px 15px;}
	h3.title2 {color:#000000; font-size:18px; line-height:23px; font-weight:600; margin-top:30px;font-family:'NanumGothicWeb','돋움','Dotum';}


	/* 컨텐츠영역 */
	div.contents_wrap	{width: 1000px; display:inline;overflow: hidden;}
	.contents	{margin: 11px 0 70px 30px;vertical-align:top;width: 770px !important;}
	.content_txt{clear: both; background:url(../images/content_txt_bg.jpg) 0 50%;}
	.animation_txt{padding:10px 13px;font-size:12px;font-family:Dotum;color: #939393;letter-spacing:-0.025em;font-weight: bold;}

/* footer */
	div#footer_wrap	{
		text-align:center;
		clear:both;
		}
	/* 카피라이트 */
	div.copyright_wrap	{
		width:1000px;
		margin:0 auto;
		overflow:hidden;
		text-align:left;
		padding: 5px 0 10px 0;
		position: relative;
		}
		.copy_logo	{
			float:left;
			display:inline;
			padding: 0px 0 0 0;
			}
		address	{
			float:left;
			display:inline;
			color:#000;
			font-family:Dotum;
			font-size:11px;
			padding: 6px 0 0 15px;
			}
		.copy_by	{
			position: absolute;
			bottom: 40px;
			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;
		}

/* 애니메이션
.animation div{position:relative;}
.img img{position:absolute; left:0; top:100px;}
/*




/*메인컨텐츠*/
.animation{position:relative; height:227px;}
.animation .title{font-size:16px;letter-spacing:-1px;margin:5px 0 0 11px;font-weight: bold;}
.animation .btn{position:absolute; right:10px; bottom:10px;}

.animation .img{position:relative; height:130px; overflow:hidden;}
.animation .img img{transition:all 2s; width:100%; height:auto;}
.animation .img:hover img{transform:scale(1.4); width:238px; height:130px;}


/* quick_menu */
aside {position: fixed; top: 270px; left: 50%; margin-left: 562px; text-align: right;}