.maincon{width:100%; height:775px; border:0px solid red; position: relative;}
.mainleft{background:url('/html/images/mainbg.jpg')top; background-size:cover; width:35%; float:left; position: relative; height:750px; text-align:center;
padding-top:8%;
}
.mainright{width:65%; float:right; position: relative;}
.mainleftt{font-size:47px; line-height:55px; font-weight:800; color:#fff; margin-top:5%;}
.mainleftt1{font-size:20px; line-height:45px; font-weight:700; color:#fff;}

.mainleft_btn {
	background: url(/html/images/btnbg02.png)no-repeat;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-weight:600;

	font-size:22px;
	text-decoration:none;
	width:350px;
	line-height:65px;
	height:65px;
	font-weight:600;
	
	border:1px solid #fff;
	padding-left:5%;


	
}
.mainleft_btn:hover {
	color:#fff;	
	background:#ffcf06 url(/html/images/btnbg02.png)no-repeat;
	border:1px solid #ffcf06;

}

@media all and (max-width:1024px){
.maincon{height:600px; position:relative; }
.mainleft{width:100%; height:600px; padding-top:20%;}
.mainleft img{width:70%;}
.mainleftt{font-size:35px; line-height:55px; font-weight:800; color:#fff; margin-top:5%;}
.mainleftt1{font-size:17px; line-height:25px; font-weight:700; color:#fff;}
.mainright{display:none;}
}


/* ¸ÞÀÎÀ̹ÌÁö */
#visual { width:100%; overflow:hidden; position:relative;   height:750px; background:#fff ; }
.visual_wrap { position:relative; width:100%; height:100%; margin:0 auto;  overflow:hidden;   float:right;  }

.visual_box { position:absolute; width:100%; margin:0 auto;  border-radius:0px;}
.visual_box div {position:absolute; top:0;  left:0; border:0px solid red; height:750px; width:100%;    border:0px solid red; }
.visual_box div  img{width:100%;}
.v_ul { position:absolute;  bottom:300px; right:50%; margin-right:-74px;    z-index:999; }
.v_ul li { float:left;  z-index:1;  cursor:pointer; margin-right:6px; }
.v_btn01 {  position:absolute;  border-radius:50px; top:370px;  right:20px; background:rgba(0,102,204,0.5); width:65px; height:65px; cursor:pointer; color:#fff ! important; font-weight:600;  font-size:14px;line-height:40px; opacity:0.9; text-transform:uppercase;z-index:999; }
.v_btn02 {  position:absolute;  border-radius:50px; z-index:1; background:rgba(0,102,204,0.5); top:290px;  right:20px; width:65px; height:65px; cursor:pointer; color:#fff ! important; font-weight:600;  font-size:14px;line-height:40px; opacity:0.9; text-transform:uppercase;z-index:999;  }

/* ¸ÞÀÎ ½½¶óÀÌµå ¹öÆ°*/
.btnArrowBox { position:absolute; z-index:999; left:50px; }

.visual_p { /*position:absolute;*/  left:0;}

#visual .visual_p { /*position:absolute;*/  left:0;}
#visual .visual_p img{width:100%;}
#visual .vs_txt {position:absolute;  border:0px solid red; width:85%; text-align:left;
left:8%; bottom:10%; margin-left:0px; z-index:50; background:url(../images/main/bg_vtxt.png) no-repeat center top;}
#visual .vs_txt .m-txt {font-size:55px; font-weight:700; color:#fff;}
#visual .vs_txt .m-txt span{font-weight:100;}
#visual .vs_txt .m-txt1 {font-size:55px; font-weight:700; color:#fff;}
#visual .vs_txt .m-txtline{height:1px; width:100%; background:#fff; margin:25px 0px;}
#visual .vs_txt .m-txt2 {font-size:25px; font-weight:700; color:#fff;}
#visual .vs_txt .m-txt2 span{float:right; font-size:17px; display:inline-block; color:#fff; border-radius:25px; border:1px solid #fff; padding :10px; }
.mainbg01{background:url('/html/images/main01.jpg')top; background-size:cover;}
.mainbg02{background:url('/html/images/main02.jpg'); background-size:cover;}
.mainbg03{background:url('/html/images/main03.jpg'); background-size:cover;}



@media all and (max-width:680px){

#visual{height:350px; padding:0px 10px;}
#visual .vs_txt{width:100%; text-align:center;left:0%;bottom:20%;  }
#visual .vs_txt .m-txt{font-size:25px;}
#visual .vs_txt .m-txt1{font-size:30px;}
#visual .vs_txt .m-txt2{display:none;}
#visual .vs_txt .m-txtline{display:none;}
.v_btn01{width:35px; height:35px; top:260px; }
.v_btn01 img{width:35px; }
.v_btn02{width:35px; height:35px; top:260px;}
.v_btn02 img{width:35px;} 

.mainbg01{background:url('/html/images/main021.jpg')top; background-size:240%;}
.mainbg02{background:url('/html/images/main011.jpg')top center;  background-size:240%;}
.mainbg03{background:url('/html/images/main031.jpg')top right;  background-size:240%;}
}

.mainicon{width:1300px; position:absolute; left:50%; bottom:0px; margin-lefT:-650px; border:1px solid #cccccc; border-radius:5px; }

.mainicon ul{width:100%;}
.mainicon ul li{background:#fff; display:inline-block; width:25%; float:left; border-right:1px solid #cccccc; }
.mainicon ul li:last-child{ border-right:0px solid #cccccc; }
.mainicon ul li a{display:block;}

.mainicon ul li dl{width:100%; margin:0 auto; padding:50px 30px;display:block; overflow:hidden;} 
.mainicon ul li dl dt{float:left; width:40%; text-align:center;}
.mainicon ul li dl dd{float:left;  width:60%;}
.mainicon ul li dl dd p{color:#000; font-size:20px; font-weight:600;}
.mainicon ul li dl dd span{color:#999999; font-size:17px; font-weight:500;}
.mainicon ul li dl dd p a:hover{color:#0099cc !important;}

.maintt{font-size:17px; font-weight:600; color:#0099cc; }
.maintt1{font-size:33px; font-weight:600; color:#000; line-height:60px; }
.maintt2{font-size:18px; font-weight:500; color:#000; line-height:20px; }



@media all and (max-width:1024px){

.mainicon{width:100%; left:0%; margin-lefT:0px;}
.mainicon ul li{background:#fff; display:inline-block; width:25%; float:left; border-right:1px solid #cccccc; }
.mainicon ul li:last-child{display:none;}
.maintt1{font-size:22px; font-weight:600; color:#000; line-height:40px; }
.mainicon ul li dl{width:100%; margin:0 auto; padding:20px;display:block; overflow:hidden;} 
.mainicon ul li dl dt{float:left; width:30%; text-align:center;}
.mainicon ul li dl dt img{width:80%;}
.mainicon ul li dl dd{float:left;  width:70%;}
}



@media all and (max-width:768px){



.mainicon ul li{background:#fff; display:inline-block; width:50%; float:left; border-right:1px solid #cccccc;   border-bottom:1px solid #cccccc;}
.mainicon ul li dl dd p{color:#000; font-size:19px; font-weight:600;}
.mainicon ul li dl dd span{color:#999999; font-size:14px; font-weight:500;}

.maintt1{font-size:22px; font-weight:600; color:#000; line-height:30px; }
.maintt2{font-size:16px; font-weight:500; color:#000; line-height:25px; }
}


.noticearea{width:100%; text-align:center; padding:75px 0px;}
.main_btn {
	background:#fff url(/html/images/btnbg.png);
	border-radius:55px;
	display:inline-block;
	cursor:pointer;
	color:#000;
	font-weight:600;

	font-size:18px;
	text-decoration:none;
	
	font-weight:600;
	padding:20px 15px 20px 45px;
	border:1px solid #333333;


	
}
.main_btn:hover {
	color:#fff;	
	background:#0099cc url(/html/images/btnbg01.png);
	border:1px solid #0099cc;

}
.main_btn:active {
	position:relative;

}


@media all and (max-width:1024px){
.noticearea{width:100%; text-align:center; padding:55px 0px;}

}



.notice{width:1300px; margin:0 auto; bordeR:0px solid red; padding:3% 0%;}

.notice1{width:1300px; margin:0 auto; bordeR:0px solid red; padding:3% 0%; overflow: hidden;}
.notice1 ul {width:100%; padding-bottom:10%;} 
.notice1 ul li{display: inline-block; float:left;}
.notice1 ul li:first-child{width:40%;}
.notice1 ul li:last-child{width:60%; text-align: left; line-height: 30px; font-size:18px;}
.notice1 ul li span{font-size:45px; font-weight:700; display: block;}


@media all and (max-width:1024px){
.notice{width:100%;}
.notice1{width:100%;}

.notice1 ul li:first-child{width:100%;}
.notice1 ul li:first-child img{width:90%}
.notice1 ul li:last-child{width:100%; text-align: left; line-height: 30px; font-size:18px; padding:3%;}
.notice1 ul li span{font-size:29px; font-weight:600;}

}


.galleryarea{width:100%; text-align:center; padding:75px 0px; background:url('/html/images/gallerybg.jpg') bottom;}


.guide{width:100%; padding-top:95px; padding-bottom:25px;  background:url('/html/images/guidebg.jpg')top; overflow:hidden;}
.guidearea{width:1300px; margin:0 auto; bordeR:0px solid red;}
.guideleft{width:32%; float:left; position:relative;}
.guideright{width:68%; float:left; position:relative;  bordeR:0px solid red;}
.guideright ul{width:100%; position:relative;}
.guideright ul li{padding:35px 15px; text-align:center; display:inline-block;
 width:98%;  margin:0% 0.5%;  border:1px solid #cccccc; border-radius:5px; background:#fff;}
.guideright ul li:nth-child(2){margin-top:35px !importnat; }
.guideright ul li  span{font-size:19px; font-weight:600; color:#000; line-height: 30px;}

.guidett{font-size:19px; font-weight:600; color:#fff;}
.guidett1{font-size:45px; font-weight:700; color:#fff; line-height:75px;}
.guidett2{font-size:21px; font-weight:700; color:#fff; line-height:30px;} 
.guidett3{font-size:25px; font-weight:700; color:#000; line-height:27px;} 
.guidett3 span{font-size:15px; font-weight:600; color:#999;}

.guide_btn {
	background:#0084b2;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-weight:600;

	font-size:18px;
	text-decoration:none;
	
	font-weight:600;
	padding:15px 25px;
	border:1px solid #0084b2;


	
}
.guide_btn:hover {
	color:#fff;	
	background:#0099cc;
	border:1px solid #0099cc;

}
.guide_btn:active {
	position:relative;

}



@media all and (max-width:1024px){
.galleryarea{width:100%; text-align:center; padding:55px 0px; background:url('/html/images/gallerybg.jpg') bottom no-repeat; }
.guideleft{width:100%; float:left; position:relative; text-align:center;}
.guideright{width:100%; float:left; position:relative;  bordeR:0px solid red;}
.guidearea{width:100%; margin:0 auto; bordeR:0px solid red;}
.guide{width:100%; padding-top:55px; padding-bottom:25px;  background:url('/html/images/mapbg.jpg'); overflow:hidden;}
}


@media all and (max-width:768px){
.guideright ul{width:100%; position:relative;}
.guideright ul li{padding:35px 15px; text-align:center; display:inline-block; width:96%;  margin:2%;  border:1px solid #cccccc; border-radius:5px; background:#fff;}


}

.peoplearea{width:100%; text-align:center; padding:75px 0px; background:#f5f5f5; overflow:hidden;}
.people{width:100%; margin:0 auto; position:relative; bordeR:0px solid red; overflow:hidden;}
.people > ul{width:100%; margin-top:3%;   }
.people > ul li{display:inline-block; width:23% !important; float:left; margin:1%; background:#fff;
 border:1px solid #ccc; }
.people > ul > li .imgarea{bordeR-bottom:1px solid #cccccc; width:100%; text-align:center;  height:250px; overflow:hidden;}
.people > ul > li .imgarea img{width:100%;}
.people > ul > li .textarea{width:100%; padding:20px 15px;}
.wd100per{width:100%;}

.peoplett{font-weight:700; font-size:21px; color:#000; text-align:left;  line-height:55px; }
.peoplett1{font-weight:600; font-size:16px; line-height:25px; color:#000; text-align:left; }



@media all and (max-width:1024px){
.peoplearea{padding:55px 0px;}
.people{width:100%; margin:0 auto; position:relative;}

}


@media all and (max-width:768px){
.people > ul > li{display:inline-block; width:94% !important; float:left; margin:3%; background:#fff; bordeR:1px solid #cccccc; }

}


.mapleft{width:50%;  padding-top:25px; height:485px; float:left;  position:relative;background:url('/html/images/mapbg.jpg');}
.mapinfo{width:650px; float:right; }
.mapright{width:50%;height:485px;   float:left; position:relative;}
.maptt{width:98%; border-bottom:1px solid rgba(250,250,250,0.3);  margin-top:35px; padding:25px 0px;}
.maptt ul{position:relative; overflow:hidden;}
.maptt ul li{display:inline-block; float:left; overflow:hidden; }
.maptt ul li p{font-weight:600; font-size:30px; color:#fff;}
.maptt ul li span{font-weight:600; font-size:17px; color:#fff;}

.mapdetail{width:98%;  margin-top:35px; }
.mapdetail ul li{width:100%; float:left;}
.mapdetail ul li dl{float:left; width:100%; padding:10px 0px; }
.mapdetail ul li dl dt{font-size:18px;float:left; width:20%; color:#fff; font-weight:600;}
.mapdetail ul li dl dd{font-size:21px; float:left; width:80%; color:#fff; font-weight:600;}
.mapdetail ul li dl dd span{font-size:17px;}



@media all and (max-width:1024px){
.mapleft{width:100%; height:auto; padding-top:20px; padding-bottom:20px;}
.mapinfo{width:100%; padding:15px; box-sizing:border-box; margin:0 auto; }
.mapright{width:100%;height:485px;   float:left; position:relative;}
.maptt{margin-top:0px; padding:0px 0px 25px 0px;}
.mapdetail ul li dl dt{font-size:17px;float:left; width:20%; color:#fff; font-weight:600;}
.mapdetail ul li dl dd{font-size:20px; float:left; width:80%; color:#fff; font-weight:600;}

}