@import url(/sub/sub.css);



.sub2 div {
	display : none;
	position : absolute;
	left : 112.6px;
	width :337.8px;
	top : 100%;
	height : 48px;
	margin-bottom : 20px;
	border-bottom : 2px solid #dcdcdc;
}

.sub2 div li {
	float: left;
}
.sub2 div li a{
	position :relative;
	display : block;
	width : 112.6px;
	height : 48px;	line-height : 48px;
	color : #46474a;
	font-size : 15px;
	text-align :center;
	
}
.sub2 div li a:hover { border-bottom : 2px solid #08c3cc; z-index : 1;color : #08c3cc;}




.sub_con h3 {
	padding-bottom : 10px;
	margin-bottom : 13px;
	background : url(../images/title_bg.png) repeat-x 0 100%;
}
.sub_con h3 span {
display : block;
	height :41px;
}
.sub5_1>span {background : url(../images/eye3_title.png) no-repeat 0 100%;}
.sub5_2>span {background : url(../images/eye2_title.png) no-repeat 0 100%;}
.sub5_3>span {background : url(../images/eye2_2_title.png) no-repeat 0 100%;}
.sub5_4>span {background : url(../images/eye2_3_title.png) no-repeat 0 100%;}




.board h4 {width : 100%; height : 38px;  margin-bottom : 35px;}

.contitle1_1 {background : url(../images/contitle1_1.png) no-repeat 0 100%;}
.contitle1_2 {background : url(../images/contitle1_2.png) no-repeat 0 100%;  margin-top : 60px;}


.contitle2_1 {background : url(../images/contitle2_1.png) no-repeat;}


.contitle3_1 {background : url(../images/contitle3_1.png) no-repeat;}
.contitle3_2 {background : url(../images/contitle3_2.png) no-repeat;}

.contitle6 {background : url(../images/eye6_ctitle.png) no-repeat;}




.sub_con p {
	color :#777;
	font-size : 15px;
	line-height : 24px;
	letter-spacing : -0.2px;
	margin-bottom : 60px;
}
.sub_con p span {
	color: #f17b33;
}

.sub_con p.last {margin-bottom : 0 !important;}
.sub_con p.img1 {text-align : left;}
.sub_con p.img2 {text-align : center;}
.sub_con p.img3 {text-align : right;}
.sub_con p img {display : inline !important;}


.sub_con p.dott span {
	display : block;
	padding-left : 15px;
	color : #08c3cc;
	font-weight : 700;
	background : url(../images/dott.png) no-repeat 0 50%;
	
	
}
.sub_con p.dott .padd {
	padding-left : 15px;
	font-weight : 100;
	color: #777;
	background : 0;
}

.sub_con p.tt {
	margin-bottom : 27px !important;
}


.sub_con >.sub5_2box {
	text-align : center;
	width : 100%;
}

.sub_con >.sub5_2box a {
	display : inline-block;
	width : 120px;
	height : 35px;
}
.btn1 {background : url(../images/btn5_1.png) no-repeat; margin-right : 31px;}
.btn2 {background : url(../images/btn5_2.png) no-repeat;}



.mapbox{
	width : 888px;
	padding : 11px;
	margin-bottom : 30px;
	background : url(../images/map_bg.png) no-repeat;
}
#map_canvas {
	width : 888px;
	height : 475px;
}


/*슬라이드*/

.slidearea {position :relative; width : 908px; border: 1px solid #dcdcdc;
padding : 20px 0; margin-bottom : 29px;}

.slidearea .slide {width : 706px; height : 415px; margin : 0 auto; overflow : hidden;}

.slidearea .slide ul {width : 800%; margin-left: -100%;}
.slidearea .slide li {float : left; width :706px; height : 415px;}

.slidearea .slide .slide1{background : url(../images/slide1.png) no-repeat;}
.slidearea .slide .slide2{background : url(../images/slide2.png) no-repeat;}
.slidearea .slide .slide3{background : url(../images/slide3.png) no-repeat;}
.slidearea .slide .slide4{background : url(../images/slide4.png) no-repeat;}
.slidearea .slide .slide5{background : url(../images/slide5.png) no-repeat;}
.slidearea .slide .slide6{background : url(../images/slide6.png) no-repeat;}
.slidearea .slide .slide7{background : url(../images/slide7.png) no-repeat;}
.slidearea .slide .slide8{background : url(../images/slide8.png) no-repeat;}

.slidearea .slide .arrow {
position : absolute;
top : 50%;
left : 50%;
width : 858px;
margin-left : -429px;
margin-top : -24.5px;
}

.slidearea .slide .arrow>span{
	position : absolute;
	display : block;
	width : 49px;
	height : 49px;
	cursor : pointer;
}
.slidearea .slide .arrow .left {background : url(../images/left.png) no-repeat; left : 0}
.slidearea .slide .arrow .right {background : url(../images/right.png) no-repeat; right : 0}



.btnbox {}


.btnbox>span {
display : block;
width : 225px;
height :132px;
float : left;
margin-right : 3px;
opacity: 0.5; filter: alpha(opacity:'50'); 
cursor : pointer;
}	

.btnbox>span:hover {
opacity: 100; filter: alpha(opacity:'100'); 
}
.btnbox>span:hover span {
	display : block;
}

.btnbox>span.active {
opacity: 100; filter: alpha(opacity:'100'); 
}
.btnbox>span.active>span {
	display : block;
}

.btnbox>span>span {
	display  :none;
	width : 215px;
	height :122px;
	border : 5px solid #08c3cc;
}

.s_btn1 {background : url(../images/s_btn1.png) no-repeat; margin-bottom : 3px;}
.s_btn2 {background : url(../images/s_btn2.png) no-repeat; margin-bottom : 3px;}
.s_btn3 {background : url(../images/s_btn3.png) no-repeat; margin-bottom : 3px;}
.s_btn4 {background : url(../images/s_btn4.png) no-repeat; margin-right : 0 !important; margin-bottom : 3px;}
.s_btn5 {background : url(../images/s_btn5.png) no-repeat;}
.s_btn6 {background : url(../images/s_btn6.png) no-repeat;}
.s_btn7 {background : url(../images/s_btn7.png) no-repeat;}
.s_btn8 {background : url(../images/s_btn8.png) no-repeat; margin-right : 0 !important;}