@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);
@import url(https://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);


@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');
    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:'Nanum Barun Gothic', 'Nanum Gothic', 'Noto Sans KR', 'dotum', sans-serif;
	color:#222;
}


/* 링크 */
	a, a:link	{color:#222; text-decoration:none; selector-dummy:expression(this.hideFocus=true); font-family : 'NanumSquare';} 
	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	{margin:0; padding:0;}


/* head */
	div#head_wrap	{text-align:center; min-width: 1200px; z-index: 999; position : fixed; top : 41px; left: 0px; right: 0px; margin: 0 auto; background-color: #615EA9;}
	div#head		{
		width:1200px; height:75px;
		margin:0 auto; text-align:left;
		}

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

	/* 메뉴보조 */
	div.menu_aid	{		
		height:20px; margin-top:3px; color:#999;
		text-align:right; clear:both; 
	}
	.top_aid{
		position : relative;
		z-index : 2005;
		width: 100%;
		min-width: 1200px;
		background-color : #615EA9;
		height: 40px;
		border-bottom : 1px solid #9492C4;
	}
	.top_aid div{
		width: 1200px;
		margin: 0 auto;
		text-align: right;
	}
		.top_aid a, .top_aid a:link, .top_aid a:visited 	{
			padding:0px 10px; color:#999; font-size:11px;
			display: inline-block; float: left;
			border-left: 1px solid #9A98C8; color: #eee;
			height: 40px; line-height: 40px; background-color: #6F6CB0;
		}
		.top_aid a:hover, .top_aid a:active, .top_aid a:focus	{
			color:#fff;
			}
		.menu_aid img	{vertical-align: middle; margin:0 3px 0 0;}

	/* 메뉴 */
h2.menu li	{
			width:140px;  font-size: 12pt;
			display:inline; float:left;
			padding:0; margin:26px 0px 0px 0px; text-align:center;
			}
		.menudrop	{
			margin:0;
		}
		.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:#fff; font-size : 20px;
			display: block;
			}
		.menudrop li a:hover, .menudrop li a:active, .menudrop li a:focus	{
			color:#fff;
		}
		.selected_item a{
			color:#fff !important;
		}
		.menu_sub_ul{
			position : absolute !important;
			display: none;
			margin: 0px 0px 10px 0px !important;
			padding: 22px 0px 20px 0px !important;
		}
		.menu_sub_ul a:LINK li, .menu_sub_ul a:VISITED li {
			font-size: 11pt; text-align : left; min-width: 140px; width: 140px; padding-left: 20px; padding-right: 20px; margin-top: 0px;
			color: #616161; display: block; float: none; background-color: #fff;
		}
		.menu_sub_ul li{
			height:25px !important;
			line-height: 25px; 
			padding: 15px 0px;
			border: 1px solid #EEEEEE;
			border-top: none;
		}
		.menu_sub_ul a:first-child li{
			border-top: 1px solid #EEEEEE;
		}
		.menu_sub_ul li:last-child{
			padding: 10px 0px;
		}
		.menu_sub_ul a:hover li {
			color: #fff;
			background-color: #5AC0C4;
		}


	/* 드롭메뉴 */
		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;}

#header{  min-width: 1200px; z-index: 999; position : fixed; top : 41px; left: 0px; right: 0px; margin: 0 auto; background-color: #615EA9;  }
.top_bg {width:100%;   position:relative; left:0; top:0; z-index:2000; background-color: #615EA9; }
.nav_box {width:1200px; margin:0 auto; position:relative;}
.nav_box .logo {position:absolute; margin: 0px;}
.nav_box .main_menu {float:right;   width:875px;  }
.nav_box .main_menu .navi {display:inline-block;  float: right;}
.nav_box .main_menu .navi:after {content:".";clear:both;display:block;height:0;visibility:hidden}
.nav_box .main_menu .navi li {float:left;width:140px;height:80px;padding-top:40px; text-align:center; list-style: none;}
.nav_box .main_menu .navi li:hover {background:#fff;}
.nav_box .main_menu .navi li a {font-size: 18px; color:#fff; font-weight:bold; line-height:40px; word-spacing:0; letter-spacing:-1px;}
.nav_box .main_menu .navi li:hover a:LINK, .nav_box .main_menu .navi li:hover a:VISITED { }
.nav_box .main_menu .navi li.on { background:#fff; }
.nav_box .main_menu .navi li.on a { color: #00b7c0; }
.nav_box .etc_menu {position:absolute;right:0;top:0;width:auto;height:35px;  font-size:11px; font-weight:600; color:#fff;}
.nav_box .etc_menu a:link, .nav_box .etc_menu a:VISITED {font-size:11px; font-weight:600; color:#fff;}

.top_layer {width:100%;height:324px; background:#fff;border-bottom:1px solid #ccc; position:fixed;left:0;top:-235px;z-index:1999; 
	-webkit-box-shadow: 0px 1px 25px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 25px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 25px 0px rgba(0,0,0,0.3);
	border-top : 1px solid #ccc;
}
.gnb-arrow {
    position: absolute;
    z-index: 9999;
    display: block;
    width: 19px;
    height: 11px;
    background: url("../images/gnb_arrow.png");
    top: 0px;
    left: 0; 
}
.top_layer .sub_menu {width:1200px; height:300px; margin:0 auto; position:relative;}
/*.top_layer .sub_menu .img_box {width:230px; height:250px; float:left; background:url('../images/inc/top_img.jpg') no-repeat center bottom;}*/
.top_layer .sub_menu .img_box {width:230px; height:300px; float:left;}
.top_layer .sub_menu .text_box { height:auto; float:right;}
.top_layer .sub_menu .text_box li {float:left; width:140px; list-style: none;}
.top_layer .sub_menu .text_box li .sub_box {float:left; width:140px; padding-top:25px;   border-right: 1px solid #F0F0F0; }
.top_layer .sub_menu .text_box li .sub_box .submenu {width:140px; height:300px; float:left;}
.top_layer .sub_menu .text_box li .sub_box .submenu li {width:140px; display:block; font-size:14px;  color:#333; margin-bottom:15px;}
.top_layer .sub_menu .text_box li .sub_box.on {background:#fff;  }
.top_layer .sub_menu .text_box li .sub_box .submenu li a {color:#333333; font-size: 12pt; display: block; text-align:center;  font-weight: bold;}
.top_layer .sub_menu .text_box li .sub_box.on .submenu li a {color:#181818; font-size: 12pt; display: block;}
.top_layer .sub_menu .text_box li .sub_box.on .submenu li a:hover {color:#0255B0; text-decoration: underline;}
.hidden {display: none;}

/* vg */
	div#vg_wrap_sub	{background:url(../images/sub_vg.jpg) no-repeat 50% 0; text-align:center; clear:both; min-width: 1200px;}
	div#vg_sub	{height:191px; width:1200px; margin:0 auto; text-align:left;}
	div#vg_wrap_main	{background:url(../images/main_vg.jpg) no-repeat; background-position: center; text-align:center; clear:both;}
	div#vg_wrap_main_mobi	{background:url(../images/main_Vg.jpg) no-repeat 50% 0; text-align:center; clear:both;}
	div#vg_main	{height:565px; width:1200px; margin:0 auto; text-align:left;}
	
	.sub_vg{
		width: 100%; height: 413px; 
		background:url(../images/sub_vg.jpg) no-repeat 50% 0; text-align:center; clear:both; min-width: 1200px;
	}

/* middle */
	div#middle_wrap	{text-align:center; clear:both; overflow:hidden; min-width: 1200px;}
	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 	{
			float: left;
			margin-lefT: -1px;
			border-left: 1px solid #BCBCBC;
		}
		.sub_menu_li a, .sub_menu_li_r a{
			display: block;
			padding : 13px 0px;
			text-align: center;
			color: #666666;
			font-size: 14px;
			background-color: #F4F2F1;
		}
		.sub_menu_li_r a{
			background-color: #0EB0B8;
			color: #fff;
		}
		.sub_menu_li:hover a{
			background-color: #0EB0B8;
			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;}
	.title_wrap .position {background:url(../images/icon_home.gif) no-repeat; padding-left:20px; margin-top:15px;}
	.title_wrap h2.title {color:#000000; font-size:30px; font-weight:600; margin-top:25px;}
	.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:50px 0 100px 0; vertical-align:top; overflow:hidden;  }
	.sub_title { font-size : 40px; color: #fff; font-weight: bold; padding-top : 226px;}
	

/* footer */
	div#footer_wrap	{text-align:center;  
	position : relative;
		clear:both;	 min-width: 1200px;
		background-image: url("../images/footer_bg.jpg");
		background-position : center;
		height: 759px;
		
	}
	.copyright_bg{
		position : absolute;
		bottom : 0px;
		left: 0px; right: 0px;
		width: 100%;
		height: 326px;
		opacity: 0.7;
		background-color: #000;
	}
	/* 카피라이트 */
	div.copyright_wrap	{
		min-width:1200px;  overflow:hidden; text-align:left;  
		padding:10px 0 10px 0; 
		position : absolute;
		left: 0px; right: 0px; bottom : 0px;
	}
		.copy_logo	{
			float:left; display:inline;
			padding:0 0 0 0;
			}
		address	{
			color: #fff;
			font-size: 14px;
			text-align: left;
			display: inline;
			}
		.copy_by	{
			position: absolute;
			bottom:10px; right:0;
			}
	.bottom_copy{
		position : relative;
		text-align: center;
		min-width: 1200px;
		color: #fff;
		font-size: 14px;
		background-color: #252525;
		padding : 40px 0px 35px 0px;
		
	}

/* 사이트맵 */
	.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: 2000px;
	padding:0;
	margin:0px auto 0px auto;
	position:absolute;
	top: 41px;
	z-index:0;
	left: 0px; right: 0px;
	overflow: hidden;
}

#example {
	width: 2000px;
	height: 990px;
	position:relative;
}
*/

#container {
	width:100%;
	min-width:1200px;
	padding:0;
	margin:0px auto 0px auto;
	position:absolute;
	top: 41px;
	z-index:0;
	left: 0px; right: 0px;
	overflow: hidden;
}

#example {
	width:100%;
	min-width:1200px;
	height: 990px;
	position:relative;
}
/*
#slides {
	position:absolute;
	z-index:100;
}
*/
#slides {
    position: absolute;
    z-index: 100;
    width: 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: 2000px;
	height: 990px;
	overflow:hidden;
	position:relative;
}
*/
.slides_container {
	/*width: 2000px;*/
	width:100%;
	min-width:1200px;
    height: 990px;
    overflow: hidden;
    position: relative;
}
.pagination {
	float: right;
}
.pagination:after{
	display: block;
	content: "";
	clear: both;
}

.page_wrap{
	position:absolute;
	z-index:999;
	top:450px;
	right: 0px;
	left: 60px;
	margin: 0 auto;
	width: 1200px;
}

.pagination li {
	margin:13px 15px;
	display: block;
	list-style: none;
}

.pagination li a {
	display:block;
	width: 13px;
	height: 13px;
	border: 2px solid #aaa;
	overflow:hidden;
	border-radius: 13px;
}
.pagination li.current a{
	background-color: #615EA9;
}
.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: 990px;
	min-width: 2000px;
	background-size: cover;
	background-position : center 0px;
}
*/
.main_vg_img{
	position : relative;
	height: 990px;
	min-width: 1200px;
	background-size: cover;
	background-position : center center;
	background-repeat:no-repeat;
}
.main_vg_img1{
	position : relative;
	height: 990px;
	min-width: 1210px;
	background-size: cover;
	background-position : center 0px;

	z-index: 2002; width: 181px; top : 550px; left: 0px; right: 0px; margin: 0 auto; text-align: center;
}
.main_emerald{
	position : absolute;
	left: 0px;
	width: 35%;
	height: 565px;
	background-color: #00B7C0;
}
.ange_products_box{
	margin-top : 128px;
	background-color: #5767AB;
	opacity: 0.9;
	display: inline-block;
	width: 343px;
	height: 301px;
	vertical-align : top;
	margin-right: 90px;
}

.main_products_item{
	position : relative;
	float: left;
	display: inline-block;
	width : 379px;
	height: 350px;
	border: 1px solid #E4E4E4;
	margin-right: 27px;
	margin-bottom : 30px;
}
.main_products_item:hover .main_products_img{
	background-size: 105% 105%;
}
.main_products_item:hover .main_products_title , .main_products_item:hover .main_products_contents{
	color: #333;
	text-decoration: underline;
}
.main_products_img{
	transition : all 0.6s ease;
	display: inline-block;
	background-position : center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 379px;
	height: 261px;
}

.main_products_title_box{
	display: block;
	width: 100%;
	color: #fff;
	text-align: center;
	position : absolute;
	bottom : 0px;
	height: 90px;
}
.main_products_title{
	font-size: 22px;
	transition : all 0.6s ease;
	padding-top : 18px;
	color: #fff;
}
.main_products_contents{
	font-size: 16px;
	transition : all 0.6s ease;
	color: #fff;
}
.copy_logo{
	padding-bottom : 85px;
	font-size: 24px;
	color: #fff;
	float: left;
}
.copy_logo ul{
	margin-top : 15px;
}
.copy_logo ul li{
	list-style: none;
	font-size: 14px;
	color: #fff;
	padding: 7px 0px;
}
.copy_map{
	float: right;
}
.map_detail{
	font-size : 16px;
	float: right;
	color: #fff;
	text-decoration: underline;
}
.map_detail:hover{
	color: #615EA9;
	
}

.ange_products_item{
	display: inline-block;
	width: 330px;
	margin-top : 75px;
	text-align: center;
	height: 395px;
	cursor: pointer;
}
.ange_products_item:hover span{
	border: 1px solid #5955A6;
	background-color: #5955A6;
	color: #fff;
	background-image: url("../images/arrow_white.png");
}
.ange_products_title{
	font-weight: bold;
	font-size: 26px;
	color: #222;
	padding: 5px 0px 10px 0px;
}
.ange_products_info{
	color: #505050;
	font-size: 18px;
	padding-bottom : 20px;
}
.ange_products_item span{
	width : 198px;
	border: 1px solid #333;
	padding: 10px 15px 10px 0px;
	font-size: 18px;
	color: #333;
	display: inline-block;
	background-position: 160px center;
	background-repeat: no-repeat;
}
.contact_us{
	display: inline-block;
	width: 198px;
	color: #fff !important;
	border: 1px solid #fff;
	font-size: 18px;
	padding: 15px 25px 15px 0px;
	background-position : 155px center !important;
}
.bn_box_link{
	display: inline-block;
	width: 163px;
	color: #fff;
	border: 1px solid #fff;
	font-size: 16px;
	text-align : center;
	padding: 10px 25px 10px 0px;
	position : relative;
}
.bn_box_link2{
	display: inline-block;
	width: 163px;
	color: #fff;
	border: 1px solid #fff;
	font-size: 16px;
	text-align : center;
	padding: 10px 25px 10px 0px;
	position : relative;
	
}
.bn_box_link3{
	display: inline-block;
	width: 163px;
	color: #7c7f7e;
	border: 1px solid #7c7f7e;
	font-size: 16px;
	text-align : center;
	padding: 10px 25px 10px 0px;
	position : relative;
	
}

.contact_us:hover{
	background-color: #615EA9;
	color: #fff;
	border: 1px solid #615EA9;
}

.ready {width:600px;margin: 0 auto;}
.ready img {max-width:100%;display:block}

.bg_arrow{
	background-position: 140px center;
	background-repeat: no-repeat;
}
.white_arrow{
	background-image: url("../images/arrow_white.png");
}
.black_arrow{
	background-image: url("../images/arrow_black.png");
}
.jssor_slide{
	padding-top : 30px;
	text-align: center;
}
.jssor_slide div{
	margin : 15px 0px 5px 0px;
	font-size : 20px;
}
.jssor_slide span{
	font-size: 16px;
}

.main_hover_bn:hover .bn_box_link{
	background-color: #5955A6;
	border: 1px solid #5955A6 !important;
	color: #fff !important;
	background-image: url("../images/arrow_white.png");
}
.main_hover_bn:hover .bn_box_link2{
	background-color: #fff;
	border: 1px solid #fff !important;
	color: #5955A6 !important;
	background-image: url("../images/arrow_black.png");
}
.main_hover_bn:hover .bn_box_link3{
	background-color: #fff;
	border: 1px solid #fff !important;
	color: #5955A6 !important;
	background-image: url("../images/arrow_black.png");
}