@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;}
	body.bodymain	{margin:0; padding:0;}


/* head */
	div#head_wrap	{text-align:center;  background-color: white; position : relative; top: 37px;  }
	div#head		{
		width:1100px; height:69px;
		margin:0 auto; text-align:left;
		}

	/* logo */
	h1.logo	{
		float:left; display:inline; position: relative;
		padding:0; margin:0; z-index: 99; background-color: #fff;
		}
	div.menu_wrap	{
		width:600px; height:100%;
		float:right; display:inline;
		}

	/* 메뉴보조 */
	div.menu_aid_wrapper{
		position : absolute;
		width: 1100px;
		left: 0px; right: 0px;
		margin: 0 auto;
	}
	div.menu_aid	{
		color:#E4E4E4;
		right: 0px; clear:both;
		top: 10px;
		position : absolute;
	}

		.menu_aid a, .menu_aid a:link, .menu_aid a:visited 	{
			padding:7px 15px 7px 2px; color:#eee; font-size:12px; font-weight: bold;
		}
		.menu_aid a:hover, .menu_aid a:active, .menu_aid a:focus	{
			color:#fff;
			}
		.menu_aid img	{vertical-align: middle; margin:0 3px 0 0;}
	.menu_aid_img{
		padding-left: 28px !important;
		background-repeat: no-repeat;
	}
	/* 메뉴 */
		h2.menu	{text-align: center;margin: 0;float: right;height: 100%;display: flex;align-items: center;}
		h2.menu ul	{padding:0; margin:0; list-style-type:none;}
		h2.menu li	{width: 120px;height: 36px;font-weight: bold;float: left;padding: 0;margin: 0;text-align: center;margin-right: 15px;position: relative;font-size: 13pt;z-index: 99;line-height: 1.2;display: flex;align-items: center;}
		h2.menu li:HOVER{
			color: white;
		}

	/* 드롭메뉴 */
		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:57px;
			position:absolute;
			z-index:1;
			text-align:center;
			visibility:hidden;
			}
		h3#menudrop_1	{margin-left:-80px;}
		div.menudrop_arrow_1 	{text-align:left; padding-left:30px;}
		h3#menudrop_2	{margin-left:-105px;}
		div.menudrop_arrow_2 	{text-align:left; padding-left:62px;}
		h3#menudrop_3	{margin-left:155px;}
		div.menudrop_arrow_3 	{text-align:left; padding-left:30px;}
		h3#menudrop_4	{margin-left:35px;}
		div.menudrop_arrow_4 	{text-align:left; padding-left:30px;}
		h3#menudrop_5	{margin-left:415px;}
		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:38px;
			background:#BCC831;

			-ms-transform: skewX(-15deg); /* IE 9 */
		    -webkit-transform: skewX(-15deg); /* Chrome, Safari, Opera */
		    transform: skewX(-15deg);

			border-radius: 3px;
		}
		.menudrop ul	{
			padding:3px 10px 3px 10px; margin:0;
			list-style-type:none;

			-ms-transform: skewX(15deg); /* IE 9 */
		    -webkit-transform: skewX(15deg); /* Chrome, Safari, Opera */
		    transform: skewX(15deg);
			}
		.menudrop li	{
			padding:0;
			margin:6px 12px 5px 12px;
			display:inline; float:left;
			}
		.menudrop li a, .menudrop li a:link, .menudrop li a:visited 	{
			color:#eee;
			font-size: 11pt;
			}
		.menudrop li a:hover, .menudrop li a:active, .menudrop li a:focus	{
			color:#fff;
			}


/* vg */
	div#vg_wrap_sub	{background:url(../images/vgbg_sub.jpg) center 0; text-align:center; clear:both; position :relative; min-width: 1100px;}
	div#vg_sub	{ width:1000px; margin:0 auto; text-align:left; position :absolute; left: 0px; right: 0px;}
	div#vg_wrap_main	{background:url(../images/vgbg_main.jpg) no-repeat 50% 0; text-align:center; clear:both; height: 581px; min-width: 1100px;}
	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;}
	div.vg_line{ position: absolute;  width: 1000px; height: 13px; left: 0px; right: 0px; margin: -8px auto; background-color: #BCC831; }


/* middle */
	div#middle_wrap	{text-align:center; clear:both;  }
	div#middle_sub	{width:1000px; margin:0 auto; text-align:left;}
	div.middle_main	{width:1100px; margin: 0px auto; text-align:left;}
	div.middle_main:AFTER{ clear: both; content: ""; display: block;}

	/* 컨텐츠영역 좌측 */
	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.jpg) no-repeat center bottom;
    text-align: left;
    cursor: pointer;
    /* height: 40px; */
    /* line-height: 40px; */
    font-size: 13px;
    padding: 9px 25px;
    font-weight: bold;
    border-bottom: 1px solid #D5D5D5;
			}
		.sub_menu_li_r 	{
			background:url(../images/submenu_bg_r.jpg) no-repeat 170px 15px;
			}
		/* 서브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:#777777;
			}
		.sub2_menu_li_r 	{
			color:#a72824;
		}

		.sub_menu_li a{
			color:#777777 !important;display: block;
			font-size: 11pt  !important;
			padding-lefT: 5px;
		}
		.sub_menu_li_r a{
			color:#848f04 !important;
			display: block;
			padding-lefT: 5px;
			font-size: 11pt !important;
		}

		/* 배너영역 */
		.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:20px; margin-top:15px; float: right; background-position : 0px 3px;}
	.title_wrap h2.title {color:#4f4f4f; font-size:27px; font-weight:600; margin-top:67px;font-family:'NanumGothicWeb','돋움','Dotum';}
	.title_wrap .title_slogan {margin:-20px 0 10px 0; font-size:13px; color:#8e8e8e;font-family:'NanumGothicWeb','돋움','Dotum';}
	h3.title2 {color:#000000; font-size:18px; line-height:23px; font-weight:600; margin-top:30px;font-family:'NanumGothicWeb','돋움','Dotum';}


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



/* footer */
	div#footer_wrap	{text-align:center;
		clear:both;
		margin-top: 28px;
		}
	/* 카피라이트 */
	div.copyright_wrap	{
		width:1000px; margin:0 auto; overflow:hidden; text-align:left;
		padding:10px 0 10px 0; position: relative;
		}
	.bodymain .copyright_wrap{
		width: 1100px;
	}
		.copy_logo	{
			float:left; display:inline;
			}
		address	{
			float:left; display:inline;
			color:#777; font-size:11px;
			padding:5px 0 0 25px;
			line-height: 1.2;
			}
		.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;
		}

.main_top_banner a{
	float: left;
}
.main_notice_box{
	position :Relative;
	float: left;
	display: inline-block;
	width: 342px;
	height: 145px;
	margin-right: 37px;
}

.vg_main_img{
	position : absolute;
}
.vg_main_img img{
	position: absolute;
	left: 0px;
	top : 0px;
}
.vg_main_btn{
	position :relative;
	float: right;
	margin-right: 20px;
	margin-top: 220px;
}
.vg_main_btn img{
	width: 52px;
	height: 48px;
	border: 1px solid #666;
	cursor: pointer;
	padding : 5px;
	background-color: white;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.vg_main_btn img:hover{
	padding: 3px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border: 3px solid #000;

}

.blue_line{
	position :absolute;
	width: 41px;
	height: 3px;
	background-color: #0764CC;
	bottom: 0px;
	left: 0px;
}


.main_notice_box .box_title{
	font-size: 14pt;
	font-weight: bold;
	color: #444444;
	display: inline-block;
}
.main_notice_box .box_more_btn{
	background-image: url("../images/more_btn.jpg");
	background-repeat: no-repeat;
	font-size: 9pt;
	background-position : 0px 5px;
	color: #494949;
	text-indent : 13px;
	display :inline-block;
	float: right;
	font-weight: bold;
}

.main_notice_box .box_more_btn2{
	background-image: url("../images/more_btn2.jpg");
	background-repeat: no-repeat;
	font-size: 9pt;
	background-position : 15px 24px;
	color: #eee;
	text-indent : 13px;
	display :inline-block;
	float: right;
	font-weight: bold;
	padding: 20px 20px 5px 20px;
}


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

#example {
	width: 711px;
	height: 413px;
	position:relative;
	float: right;
}

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

#slides .next,#slides .prev {
	position:absolute;
	top:90px;
	left:5px;
	width:35px;
	height:35px;
	display:block;
	z-index:101;
}

#slides .next {
	left:493px;
	margin-left:-40px;
}

.slides_container {
	width: 711px;
	height: 413px;
	overflow:hidden;
	position:relative;
}

.main_pagination {
	position:absolute;
	z-index:102;
	left: 0px;
	top: 280px;
	margin: 0 auto;
}

.main_pagination li {
	float:left;
	margin:0 1px;
	list-style: none;
}

.main_pagination li a {
	display:block;
	float:left;
}
.rolling_page_img{
	width : 62px;
	height: 58px;
	border: 1px solid #fff;
	margin: 0px 5px;
}



.main_vg_img{
	position : relative;
	height: 413px;
	min-width: 711px;
	background-size: cover;
	background-position : center 0px;
}

.main_pagination li.current a img{
	border : 4px solid #333;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 64px;
    height: 60px;
    padding: 0px;
}

.roll_img_0{
	background-image: url("../images/main_roll_1.png");
}
.roll_img_1{
	background-image: url("../images/main_roll_1.png");
}
.roll_img_2{
	background-image: url("../images/main_roll_1.png");
}
.roll_img_3{
	background-image: url("../images/slide_img_1.png");
}

.vg_sub_bg{
	position: absolute;
	width: 100%;
	height: 40px;
	left: 0px;
	bottom: 0px;
	background-image: url("../images/sub_top_bg.png");
}
.vg_sub_area{
	position : absolute;
	width: 1000px;
	margin: 0 auto;
	left: 0px;
	right: 0px;
	text-align: left;
	height: 40px;
	border-left: 1px solid #9A9CA0;
}
.horizon_menu{
	display: inline-block;
	padding: 11px 20px;
	color: #C3C5C5;
	font-size: 10pt;
	float: left;
	cursor: pointer;
}

.hidden_horizon_menu{
	position : absolute;
	visibility : hidden;
	min-width: 118px;
	background-color: #eee;
	top: 260px;
	left: 60px;
}
.hidden_horizon_menu ul li{
	list-style: none;
	padding: 8px 15px;
	font-size: 12pt;
}
.hidden_horizon_menu ul li a:link, .hidden_horizon_menu ul li a:VISITED{
	color: #666;
}
.hidden_horizon_menu ul li a:hover{
	color: #333;
}
.title_line{
	position :absolute;
	width: 23px;
	height: 3px;
	background-color: #A3AF19;
	margin-top: 50px;
}

.jssorb01 {
    position: absolute;
}
.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
    position: absolute;
    /* size of bullet elment */
    width: 12px;
    height: 12px;
    filter: alpha(opacity=70);
    opacity: .7;
    overflow: hidden;
    cursor: pointer;
    border: #999 1px solid;
}
.jssorb01 div { background-color: #fff; }
.jssorb01 div:hover, .jssorb01 .av:hover { background-color: ##04426D; opacity: 0.7; }
.jssorb01 .av { background-color: #04426D; opacity: 1;}
.jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }

.lt {position:relative;float:left; padding-bottom:10px;width:100%; margin-top: 7px;}
.lt ul {margin:5px 0px;padding:0;list-style:none; float: left; width: 100%;}
.lt li a{padding:1px 0; font-weight: bold; float: none;}
.lt li a:HOVER{
	color: #0066FF;

}
.main_notice_datetime{
	float: right;
	display: inline-block;
}
.main_forum_thumb_text{
	position : relative;
	display: inline-block;
	width: 205px;
	margin-left: 10px;
	vertical-align: top;
	height: 88px;
	overflow: hidden;
}
.main_forum_thumb_text:HOVER div b{
	color: #0066FF;
}
.main_youtube_text{
	text-align: center; color: #fff; font-weight: bold;
	margin-top: 10px; font-size: 9pt;
}
div.move_bar{
	position:absolute;top:0px;width:150px;height:69px;background:#BCC831;overflow:hidden; z-index: 5; left: 25%;
	-ms-transform: skewX(-15deg); /* IE 9 */
    -webkit-transform: skewX(-15deg); /* Chrome, Safari, Opera */
    transform: skewX(-15deg);
}
.menu_item_on{
	color: white;
}

#right_popup{
	position: absolute; right: 40px; top: 581px; left: 1601.5px;
	width: 82px; background-color: #D5D5D5;
}