@font-face {
    font-family: 'NanumBarunGothic';
    src: url('../font/nanumbarungothicregular.eot');
    src: url('../font/nanumbarungothicregular.eot?#iefix') format('embedded-opentype'),
         url('../font/nanumbarungothicregular.woff2') format('woff2'),
         url('../font/nanumbarungothicregular.woff') format('woff'),
         url('../font/nanumbarungothicregular.ttf') format('truetype'),
         url('../font/nanumbarungothicregular.svg#nanum-barun-gothic-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
     font-family: 'NanumSquare';
 src: url(../font/NanumSquare.eot);
 src: url(../font/NanumSquare.eot?#iefix) format('embedded-opentype'),
      url(../font/NanumSquare.woff) format('woff'),
      url(../font/NanumSquare.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:14px; line-height:1.5;
	font-family:"NanumBarunGothic", Dotum, "굴림", Gulim, Verdana, AppleGothic, sans-serif;
	color:#222;
	}
/* 목록 */
	ul, ol {padding:0 0 0 20px; margin:0;}

/* 링크 */
	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;}
	body.bodymain	{margin:0; padding:0;}


/* head */
	div#head_wrap	{text-align:center;}
	div#head		{
		width:1130px; height:86px;
		margin:0 auto; text-align:left;
		}

	/* logo */
	h1.logo	{
		float:left; display:inline;
		padding:0; margin:0;
		}
	div.menu_wrap	{
		height:86px;
		float:right; display:inline;
		}

	/* 메뉴보조 */
	div.menu_aid	{		
		height:30px; margin-top:3px; color:#999;
		text-align:right; clear:both;
		}
		.menu_aid a, .menu_aid a:link, .menu_aid a:visited 	{
			padding:0 2px 0 2px; color:#999; font-size:11px;
			}
		.menu_aid a:hover, .menu_aid a:active, .menu_aid a:focus	{
			color:#144a82;
			}
		.menu_aid img	{vertical-align: middle; margin:0 3px 0 0;}
	.menu_aid span{
		font-size: 11px;
	}
	/* 메뉴 */
		h2.menu	{text-align:center; padding:0; margin:0;}	
		h2.menu ul	{padding:0; margin:0; list-style-type:none;}
		h2.menu li	{
			width:130px; height:36px; font-size: 14pt;
			display:inline; float:left; color: #696A6C;
			padding:0; margin:0; text-align:center;
			font-family: 'NanumSquare';
		}
		h2.menu li:hover{
			color: #ED1848;
		}
		.selected_menu{
			color: #ED1848 !important;
		}
	
/* vg */
	div#vg_wrap_sub	{background:url(../images/vgbg_sub.jpg) no-repeat 50% 0; text-align:center; clear:both;}
	div#vg_sub	{height:292px; width:1130px; 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:503px; width:1130px; margin:0 auto; text-align:left;}


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


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

		.sub_menu_li, .sub_menu_li_r 	{
			display:block; font-family: 'NanumBarunGothic';
			text-align:left;  color: #666666;
			cursor:pointer; 
			height:50px; line-height:50px; font-size:15px; padding:0 0 0 30px;
			border-bottom : 1px solid #ccc;
			}
		.sub_menu_li_r 	{
			color:#ed1748;
			}
		/* 서브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; }
	.title_wrap .position {background:url(../images/icon_home.gif) no-repeat; padding-left:0; margin-top:85px; float: right; color: #666; font-size: 13px;}
	.position span{font-size: 13px;}
	.title_wrap h2.title {color:#000000; font-size:25px; font-weight:600; margin-top:25px;}
	.title_wrap .title_slogan {margin:-20px 0 10px 0; font-size:14px; color:#8e8e8e; padding-bottom: 30px; border-bottom : 1px solid #ccc; }
	h3.title2 {color:#000000; font-size:22px; line-height:22px; font-weight:600; margin:1px 0 15px; font-family:'NanumGothicWeb','돋움','Dotum';}
	.title_bar{ position: absolute; margin-top: 20px; }

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

	

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


/* 사이트맵 */
	.sitemap	{
		width:139px;
		float:left;
		display:inline;
		margin:0 0 70px 0px;
		padding-left: 10px;
		border-left: 1px solid #ccc;
		height: 325px;
		}
	.sitemap_cate	{
		padding:13px 0 20px 10px;
		}
	.sitemap_cate_text	{
		color:#4b4f54; font-size:22px; font-weight:bold;
		}
	.sitemap_text ul	{
		margin:0;
		list-style-type:none;
		padding:0;
		}
	.sitemap_text ul li	{
		
		padding:7px 0 8px 0;
		}
	.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 	{
		font-size: 15px;
		}
	.sitemap_text ul li div a:hover, .sitemap_text ul li div a:active 	{
		color:blue;
		}
.nanum_square{
	font-family: 'NanumSquare';
}
.main_box{
	width: 370px;
	height: 175px;
	border: 1px solid #D7D6D8;
}

.main_box_title{
	font-size: 17px;
	
	padding: 12px 0px;
	text-align: center;
	border-bottom : 1px solid #D7D6D8;
}
.sitemap_bar{
	position : relative;
	display: inline-block;
	width: 19px;
	height: 4px;
	margin-left: 10px;
	background-color: #ED1749;
}
.sitemap_bar_0{
	background-color: #4B4F54;
}