@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;
}
/* 전체적용 */
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:"NanumBarunGothic";
	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; min-width: 1200px; position : relative; z-index: 99}
	div#head		{
		width:1200px; height:110px;
		margin:0 auto; text-align:left;
		border-bottom : 1px solid #BBC1C5;
		}

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

	/* 메뉴보조 */
	div.menu_aid	{		
		height:20px; 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;}

	/* 메뉴 */
		h2.menu	{text-align:center; padding:0; margin:0;}	
		h2.menu ul	{padding:0; margin:0; list-style-type:none; float:right;}
		h2.menu li	{
			width:200px;  font-size: 12pt;
			display:inline; float:left;
			padding:45px 0px 35px 0px; text-align:center;
			}
		h2.menu .selected_menu{
			color: #0699F0;
		}

	/* 드롭메뉴 */
		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;
		}
		.menudrop ul	{
			padding:0; margin:0;
			list-style-type:none;
			border-top : 1px solid #ccc;
			}
		.menudrop li	{
			padding:0; 
			margin:0px;
			display:inline; float:left;
			}
		.menudrop li a, .menudrop li a:link, .menudrop li a:visited 	{
			color:#fff; font-size : 20px;
			display: block;  
		}
		.menudrop li:hover a, .menudrop li a:active, .menudrop li a:focus , .menudrop li:hover	{
			color:#fff;
			background-color: #0C93FD;
		}
		.selected_item{
			color:#fff;
			background-color: #0C93FD;
		}
		.menu_sub_ul{
			position : absolute !important;
			display: none;
			margin: 35px 0px 0px 0px !important;
			padding: 0px 0px 0px 0px !important;
		}
		.menu_sub_ul a:LINK li, .menu_sub_ul a:VISITED li {
			font-size: 11pt; text-align : center; min-width: 200px; width: 200px;  margin-top: 0px;
			color: #fff; display: block; float: none; background-color: #0C93FD;
			
		}
		.menu_sub_ul li{
			height:25px !important;
			line-height: 25px; 
			padding: 15px 0px;
		}
		.menu_sub_ul a:first-child li{
		}
		.menu_sub_ul li:last-child{
			padding: 10px 0px;
		}
		.menu_sub_ul a:hover li {
			color: #fff;
			background-color: #003E6E;
		}
		.menu_sub_li:hover a{
			color:#fff;
			background-color: #0C93FD;
		}


/* vg */
	div#vg_wrap_sub	{background:url(../images/sub_vg.jpg) no-repeat 50% 0; text-align:center; clear:both; min-width: 1200px; width: 100%; position : absolute; top : 0px;}
	div#vg_sub	{height:373px; width:1200px; 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; position : absolute; top : 0px; width: 100%;}
	div#vg_wrap_main_mobi	{background:url(../images/main_Vg.jpg) no-repeat 50% 0; text-align:center; clear:both;}
	div#vg_main	{height:877px; width:1200px; margin:0 auto; text-align:left;}
	div.vg_slogan1	{text-align:center; margin-top:270px;
		font-size:60px; color:#fff;}
	div.vg_slogan2 {text-align:center; padding:0 200px;
		font-size:20px; color:#fff;}
	div.vgsub_slogan1	{text-align:center; margin-top:155px;
		font-size:50px; color:#fff;}
	div.vgsub_slogan2 {text-align:center; padding:0 200px;
		font-size:18px; color:#fff;}


/* middle */
	div#middle_wrap	{text-align:center; clear:both; overflow:hidden; min-width: 1200px; margin-top : 6px;}
	div#middle_sub	{width:1200px; 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;  
		}
		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;
			height:40px; line-height:40px; font-size:13px; padding:0 0 0 10px;
			}
		.sub_menu_li_r 	{
			background:url(../images/submenu_bg_r.gif) no-repeat;
			color:#fff;
			}
		/* 서브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; text-align: center;}
	.title_wrap .position {background:url(../images/icon_home.gif) no-repeat; padding-left:20px; margin-top:15px;}
	.title_wrap h2.title {color:#222; font-size: 32px; font-weight:600; margin-top:30px; padding : 0px 0 30px 25px;  display: inline-block; 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; }


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

	

/* footer */
	div#footer_wrap	{text-align:center;  
		clear:both;	 min-width: 1200px;
		padding: 20px 0px;
		background-color: #202C42;
		}
	/* 카피라이트 */
	div.copyright_wrap	{
		width:1200px; margin:0 auto; overflow:hidden; text-align:left;  
		padding:10px 0 10px 0; position: relative;
		}
		.copy_logo	{
			float:left; display:inline;
			padding:10px 0 0 0;
			}
		address	{
			float:left; display:inline;
			color:#777; font-size:11px;
			padding:13px 0 0 15px;
			}
		.copy_by	{
			position: absolute;
			color: #c5c5c5;
			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: 2300px;
	padding:0;
	margin:90px auto 0px auto;
	position:relative;
	top: 0px;
	z-index:0;
	overflow: hidden;
}

#example {
	width: 2300px;
	height: 883px;
	position:relative;
}

#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: 2300px;
	height: 883px;
	overflow:hidden;
	position:relative;
}

.pagination {
	position:absolute;
	text-align: center;
	z-index:666;
	top:260px;
	left: 0px;
	right: 0px;
	margin: 0 auto;
}

.pagination li {
	display: inline-block;
	margin:0 5px;
	list-style: none;
}

.pagination li a {
	display:inline-block;
	width: 18px;
	height:20px;
	background-image : url("../images/page.png");
	overflow:hidden;
}

.pagination li.current a {
	background-image : url("../images/page_current.png");
}
.stop_btn{
	position : absolute;
	top: 260px;
	z-index: 999;
	left:90px;
	right: 0px;
	margin: 0 auto;
	width: 20px;
	cursor : pointer;
	display: inline-block;
}
.main_vg_img{
	position : relative;
	height: 883px;
	min-width: 2300px;
	background-size: cover;
	background-position : center 0px;
}
.lang_over{
	display: none;
}
.lang_btn{
	font-size: 12px !important; color: #fff; background-color: #0078FF; border-radius: 5px;
	padding: 3px 5px;
	width: 50px; 
}

.jssorb03 {
    position: absolute;
}
.jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {
    position: absolute;
    /* size of bullet elment */
    width: 21px;
    height: 21px;
    text-align: center;
    line-height: 21px;
    color: white;
    font-size: 12px;
    background: url('/eng/images/b03.png') no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb03 span{
	color: #2AA3D2 !important;
}
.jssorb03 div { background-position: -5px -4px; }
.jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
.jssorb03 .av { background-position: -95px -4px;  }
.jssorb03 .av span{ color: #fff !important;}
.jssorb03 .dn, .jssorb03 .dn:hover { }

/* jssor slider arrow navigator skin 03 css */
/*
.jssora03l                  (normal)
.jssora03r                  (normal)
.jssora03l:hover            (normal mouseover)
.jssora03r:hover            (normal mouseover)
.jssora03l.jssora03ldn      (mousedown)
.jssora03r.jssora03rdn      (mousedown)
.jssora03l.jssora03ldn      (disabled)
.jssora03r.jssora03rdn      (disabled)
*/
.jssora03l, .jssora03r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 55px;
    height: 55px;
    cursor: pointer;
    background: url('/eng/images/a03.png') no-repeat;
    overflow: hidden;
}
.jssora03l { background-position: -3px -33px; }
.jssora03r { background-position: -63px -33px; }
.jssora03l:hover { background-position: -123px -33px; }
.jssora03r:hover { background-position: -183px -33px; }
.jssora03l.jssora03ldn { background-position: -243px -33px; }
.jssora03r.jssora03rdn { background-position: -303px -33px; }
.jssora03l.jssora03lds { background-position: -3px -33px; opacity: .3; pointer-events: none; }
.jssora03r.jssora03rds { background-position: -63px -33px; opacity: .3; pointer-events: none; }
.main_icon a{width: 123px; display: inline-block; float: left;margin-right: 90px;}
.main_icon a img{  }
.main_icon a span{  display: block; text-align: center; font-size: 24px; color: #6a6969; }
.view_btn{
	background-color: #0C93FD; color: #fff !important; border: 1px solid #0C93FD;
	font-size: 18px; padding : 15px 60px;
}
.view_btn:hover{
	color: #0C93FD !important;
	background-color: #fff;
	border: 1px solid #fff;
}
.copyright_aid{
	font-size: 10px;
}
.copyright_aid a{
	font-size: 15px;
	color: #5b5c5c;
	padding : 3px 10px;
	vertical-align: middle;
}
.copyright_aid a:hover{
	color: #000;
}

div#vg_sub_menu	{ width:1200px; margin: -1px auto 0px auto; text-align:left; position : relative; z-index: 999;}

.vg_sub_bg{
	background-color: #F0F0F0; height: 50px; border-top : 1px solid #C8D2D3; border-bottom : 1px solid #C7C7C7; overflow: hidden; width: 100%;
	position : relative; margin-top : 261px;
}

.vg_sub_area{
	position : absolute;
	left: 50%;
	width: 1200px;
	text-align: left;
    margin-left: -600px;
	height: 50px;
	background-color: #F0F0F0;
}
.horizon_menu{
	min-width: 170px;
	display: inline-block;
	padding: 16px 30px 16px 10px;
	color: #666;
	font-size: 16px;
	float: left;
	cursor: pointer;
	background-image: url("../images/sub_drop.jpg");
	background-position : right 19px;
	background-repeat: no-repeat;
}
.horizon_menu:hover{
	color: #333;
}


#first_horizon_menu {
	position : absolute;
	min-width: 230px;
	background-color: #fff;
	top: 0px;
	left: 50px;
	margin-left: 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom : 1px solid #333;
}

#second_horizon_menu {
	position : absolute;
	min-width: 230px;
	background-color: #fff;
	top: 0px;
	left: 280px;
	margin-left: 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom : 1px solid #333;
}


.hidden_horizon_menu{
	position : absolute;
	visibility : hidden;
	min-width: 230px;
	background-color: #fff;
	top: 423px;
	left: 50%;
	margin-left: -225px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom : 1px solid #333;
	z-index: 99;
}
.hidden_horizon_menu ul{
	margin-bottom: 0px;
}
.hidden_horizon_menu ul li{
	list-style: none;
	border-bottom : 1px solid #ccc;
}
.hidden_horizon_menu ul li:FIRST-CHILD{
	border-top : 1px solid #ccc;
}
.hidden_horizon_menu ul li a:link, .hidden_horizon_menu ul li a:VISITED{
	color: #666;
	padding: 10px 25px;
	font-size: 14px;
	display: block;
}
.hidden_horizon_menu ul li a:hover{
	color: #333;
	text-decoration: none;
	background-color: #eee;
	background-image: url("../images/location_arrow2.jpg");
	background-position : 160px 17px;
	background-repeat: no-repeat;
}
address	{
	float:left; display:inline;
	color:#777; font-size:11px;
	padding:0px 0 0 15px;
	}
address table{
	width : 550px;
	margin-left: 50px;
}
address table tr th{
	color: #0c93fd;
	padding : 2px;
	text-align: left;
	padding:0px; font-weight : bold;
	font-size: 13px;
	
}
address table tr td{
	color: #c0c0c0;
	padding:0px; font-weight : bold;
	font-size: 13px;
	padding : 2px;
}