@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
html{width:100%;height:100%;overflow-x: hidden;}
body {font-family: "Nanum Gothic", "나눔고딕";}
a,a:visited,a:link {color:#000000;}

iframe {margin:0;padding:0;border:0;}
.header, .contents, .footer, .header_sub {width:100%; min-width:1200px;}
.header {height:93px; position:relative; border-bottom:3px solid #a1cb2a; }    
.header_sub {height:135px; position:relative; /*height:270px;*/	overflow:hidden;} 

.container {width:1200px; margin:0 auto; *zoom:1;}
.container:after {display:block;content:" ";clear:both;}

.main_logo {position:absolute;margin-top:17px; float:left; display: block;}
.main_logo1 {position:absolute; width:168px; margin:10px; float:left; display: block; top:13px; left:42%;}
.main_logo > img {display:block;/*max-width:100%;*/ padding-top:3px;}
.nav_wrap {float:right; width:49%;   height:45px; background-color:white; margin-right:40px;}
.nav_list {float:left;}
.nav_list:after {display:block;content:" ";clear:both;}
.nav_list > a { float:left; margin:15px 25px 15px 25px; font-size:16px; line-height:16px;  overflow:hidden; font-weight:800;}

.nav_list > a:hover {color: #04d5bc; float:left; font-size:16px; line-height:16px; overflow:hidden;   font-weight:800;}


.nav_list1 {min-width:50px;}
.nav_list2 {min-width:50px;}
.nav_list3 {min-width:50px;}



.lnb {float:right; font-weight:bold;}
.lnb > li {float:left;}
.lnb > li > a {
	display:block;
	padding:9px 10px;
	font-size:11px;
	line-height:25px;
}
.lnb > li > a:before {content:"· ";}
.lnb > li.last > a:before {content:none; padding:9px 0 10px 9px;}
.gnb {float:left;}
.gnb > li {float:left;}
.gnb > li > a {
	display:block;
	padding:5px 30px;
	font-size:15px;
	line-height:25px;
	font-weight:900;
}
.nab_clx > ul > {float:left;}


.gnn_wrap { width:100%; float:left; margin-top:26px; margin-bottom:30px;}


#main .gnb_sub_wrap {
	width:100%; min-width:1200px; background-color:gray; position:absolute; z-index:1000; 
	display:block; 
	height:0; 
	max-height:100px; 
	top:96px;
}

#sub .gnb_sub_wrap {width:100%; min-width:1200px; background-color:#1c8ab4; /*position:absolute;*/ z-index:1000; 
	float:left;
	display:block; 
	height:38px; 
	/*height:0; */
	max-height:100px; 
	top:134px;

}
.gnb_sub {width:1200px; margin:0 auto;}

.gnb_sub > li {    display: none; position:relative; line-height:38px;}

.gsub1 {padding-left:130px; }
.gsub2 {padding-left:358px;}
.gsub3 {padding-left:62px;}
.gsub4 {padding-left:600px;}
.gsub5 {padding-left:707px;}

.gsub {position:absolute; top:0;left:0px;}
.gsub > li {float:left; position:relative;}
.gsub > li > a {
	display:block;
	color:#ffffff;
	font-size:11px;
	line-height:38px;
	padding:0 8px;
}
.gsub > li > a:hover {text-decoration:underline;}


.contents {
}
#main .contents {
	/*background-image:url("../images/main_bg.jpg"); */
	background-repeat:no-repeat;
	background-position:center 0;
	max-height:1001px;
}
/*.contents > .container {height:1000px; max-height:1000px;}*/
.contents > .container {
	padding-top:38px;
}
.main_visua {
	position:relative; 
	width:100%; 
	max-width:475px;
	height:710px;
	margin-bottom:15px;
	float:left;
}
/*------------메인 슬라이더--------------------*/
.main_slider1,
.main_slider2,
.main_slider3,
.main_slider4 {
	position:relative; 
	width:100%; 
	max-width:1200px;
	height:710px;
	margin-bottom:15px;
	float:left;
}

/*-------------1번 슬라이더-------------------*/
.mv {position:absolute; }
.mv1 {	top:0;		left:0;	z-index:10;}
.mv2 {	top:476px;	left:0;	}
.mv1_1 {	top:0;		left:482px;	}
.mv1_2 {	top:0;		left:300px;	}
.mv1_3 {	top:0;		left:965px;	}
.mv1_4 {	top:476px;	left:482px;	}
.mv1_5 {	top:238px;	left:482px;	}
.mv1_6 {	top:238px;	left:723px;	}
.mv1_7 {	top:478px;	left:958px;	}
.mv1_8 {	top:478px;	left:480px;	}
.mv > span {display:block;}
.mv > span > img {display:block; float:left;}
.mv > a {
	position:relative;
	position:absolute;
	top:0;
	left:0;
	display:b;
	width:100%;
	height:100%;
	background-image:url("../images/mv_over_bg.png");
	background-repeat:repeat;
	text-align:center;
}

/*-------------2번 슬라이더-------------------*/
.mv2_1 {	top:0px;	left:6px;	}
.mv2_2 {	top:0;		left:485px;	}
.mv2_3 {	top:239px;	left:485px;	}
.mv2_4 {	top:239px;	left:725px;	}
.mv2_5 {	top:479px;	left:486px;	}
.mv2_6 {	top:0;	left:963px;	}
.mv2_7 {	top:479px;	left:725px;	}
.mv2_8 {	top:479px;	left:963px;	}
.mv2_9 {	top:479px;	left:6px;	}
.mv > span {display:block;}
.mv > span > img {display:block; float:left;}
.mv > a {
	position:relative;
	position:absolute;
	top:0;
	left:0;
	display:none;
	width:100%;
	height:100%;
	background-image:url("../images/mv_over_bg.png");
	background-repeat:repeat;
	text-align:center;
}

/*-------------3번 슬라이더-------------------*/
.mv3_1 {	top:0px;	left:6px;	}
.mv3_2 {	top:237px;	left:6px;	}
.mv3_3 {	top:476px;	left:6px;	}
.mv3_4 {	top:0px;	left:488px;	}
.mv3_5 {	top:476px;	left:488px;	}
.mv > span {display:block;}
.mv > span > img {display:block; float:left;}
.mv > a {
	position:relative;
	position:absolute;
	top:0;
	left:0;
	display:none;
	width:100%;
	height:100%;
	background-image:url("../images/mv_over_bg.png");
	background-repeat:repeat;
	text-align:center;
}
/*-------------4번 슬라이더-------------------*/
.mv4_1 {	top:0px;	left:6px;	}
.mv4_2 {	top:178px;	left:6px;	}
.mv4_3 {	top:358px;	left:6px;	}
.mv4_4 {	top:537px;	left:6px;	}
.mv > span {display:block;}
.mv > span > img {display:block; float:left;}
.mv > a {
	position:relative;
	position:absolute;
	top:0;
	left:0;
	display:none;
	width:100%;
	height:100%;
	background-image:url("../images/mv_over_bg.png");
	background-repeat:repeat;
	text-align:center;
}
.mv > a > img {
	display:block;
	max-height:100%;
	max-width:100%;
	position:absolute;
	top:62%;
	left:52%;
	margin-top:-52px;
	margin-left:-58px;
}
.main_slider_wrap .slick-dots li button {color:#ffffff; font-size:15px;}

.site_map_wrap {padding:40px 0 60px 0; background-color:#f2f2f2;  margin-top:35px; } 
.site_map > li {
	/*float:left; width:20%; padding:0 2.5%; height:180px;*/
	float:left; padding:0 2.5%; height:180px; width:16%;
	background-image:url("../images/dot_gray.jpg");
	background-repeat:repeat-y;
	background-position:100% 0;
}
.site_map > li.last { padding:0 0 0 2.5%; !importat;}
.site_map > li.first {float:left;  padding:0 2.5% 0 0; height:180px;
	background-image:url("../images/dot_gray.jpg");
	background-repeat:repeat-y;
	background-position:100% 0;}
/*.site_map > li.last {background-image:none;}*/
dl.sm {width:100%;}
.sm > dt {font-size:14px; font-weight:600; margin-bottom:10px;}
.sm > dd {}
.sm > dd > a {
	display:block;
	font-size:12px;
	line-height:23px;
}
.sm > dd > a:hover {text-decoration:underline;}

.site_map > li.two_line > dl.sm {width:50%;float:left;}


.footer {background-color:#464646;}
.footer .container {height:100px; /*border-top:2px solid #344497; */}
.footer_logo {float:left;display:block;margin-top:40px;}
.footer_info {padding-top:30px; padding-bottom:15px;}
.footer_info > ul {float:left;}
.footer_info > ul > li {
	font-size:12px;
	line-height:18px;
	margin-bottom:8px;
	color:#adadad;
}
.fi1 {width:568px; padding-left:60px;}
.fi2 {width:440px; padding-left:25px;}



a.gobiz {display:block; float:right; width:190px; /*margin-top:10px;*/}
a.gobiz > img {max-width:100%;}


.main_banner07 {background-color:#ffe7e0; width:239px; height:239px; display:block;}





/* 3분할 원형 버튼 */
.circle_btn_wrap {position:relative; width:475px; height:232px; background-image:url("/images/main_visual_img2.png"); z-index:10000;}
.mov_list {position:relative;}
.mov_btn {position:absolute; width:150px; right:150px; top:60px; *zoom:1;}
.mov_btn:after {display:block; content:" "; clear:both;}
.mov_btn > li {/*line-height:232px;*/}
.mov_btn > li > a {border:1px solid #dadada; padding:10px 5px; background-color:#efefef; line-height:55px;}
.mov_btn > .left_btn {float:right;}
.mov_btn > .right_btn {float:right;}










.main_visual {
	position:relative;
	position:absolute;
	top:0;
	width:100%;
	/*height:410px;*/
}

#wrapper {
	overflow:hidden;
	position:relative;
	width: 509px;
	/*min-width: 1000px; 150409*/
	/*min-width:1100px;*/
	height: 470px;
	/*margin: -250px 0 0 0;
	position: absolute;
	top: 50%;
	left: 0;*/
}
#carousel div {
	height: 470px;
	float: left;
	border-bottom:1px solid #ccc;
	background-repeat:no-repeat;
	background-position:50% 0;
}

#carousel div.img1 {
	background-image:url('../images/main_visual_img1.jpg');
}

#carousel div.img2 {
	background-image:url('../images/main_visual_img2.jpg');
}

#carousel div.img3 {
	background-image:url('../images/main_visual_img3.jpg');
}


#carousel img {
	min-width: 100%;
	min-height: 100%;
}

.main_visual > .container {position:relative;}
.contents .main_visual > .container {padding:0;height:470px;}
.con_wrapper {border-bottom:1px solid #cccccc;padding-bottom:60px;}
.contents .container {
	width:1200px;
	margin:0 auto;
	/*padding:60px 0 0 0;*/
}

@media screen and (max-width:1300px) {
	#prevBtn {left:0;}
	#nextBtn {right:0;}
}
@media screen and (max-width:1100px) {
	#prevBtn {
		/*left:0;*/
		/*width:50px;*/
		width:25px;
		height:50px;
		/*left:-25px;*/
		left:0px;
		font-size:20px;
		padding:0;
		/*opacity:0.5;
		filter: alpha(opacity=0.5);*/

		/*background-image:url("../images/slider_mobile_left_arrow.png");*/
		background-image:url("../images/slider_mobile_left_btn.png");
		background-repeat:no-repeat;
		/*background-position:30px 50%;*/
	}
	#prevBtn:hover {
		background-image:url("../images/slider_mobile_left_btn_on.png");
	}
	#nextBtn {
		/*right:0;*/
		/*width:50px;*/
		width:25px;
		height:50px;
		/*right:-25px;*/
		right:0px;
		font-size:20px;
		padding:0;
		/*opacity:0.5;
		filter: alpha(opacity=0.5);*/

		/*background-image:url("../images/slider_mobile_right_arrow.png");*/
		background-image:url("../images/slider_mobile_right_btn.png");
		background-repeat:no-repeat;
		/*background-position:10px 50%;*/
	}
	#nextBtn:hover {
		background-image:url("../images/slider_mobile_right_btn_on.png");
	}
	#prevBtn > span {display:none;}
	#nextBtn > span {display:none;}

}

@media screen and (max-width:639px) {
	.header,.contents,.footer {min-width:0;width:100%;}
	.header {overflow:visible;}
	.main_logo {text-align:center;}
	.main_logo > a {
		width:120px;
		height:44.10px;
		margin:0 auto;
	}
	.con_wrapper {padding:0;}

	/*#carousel {	height:248px;}*/


	#carousel div.img1 {
		background-image:url('../images/main_visual_img1_mobile.jpg');
	}

	#carousel div.img2 {
		background-image:url('../images/main_visual_img2_mobile.jpg');
	}

	#carousel div.img3 {
		background-image:url('../images/main_visual_img3_mobile.jpg');
	}



/************************************************/
/* 클리어 픽스 */
.clx {*zoom:1;}
.clx:after {display:block;content:" ";clear:both;}
