@charset "utf-8";
/* WEBsiting */

#bodywrap{display:none;}



.wwa01{width:100%; min-height:900px; padding-bottom:30px; background:URL(../img/wwa01.jpg) no-repeat bottom center; background-size:auto 100%; overflow:hidden;}

#wwa01{ width:50%; padding-top:140px; color:#fff; text-align:center;}
.wwa01in{width:70%; margin:0 auto; text-align:left;}
.wwa01in h3{font-size:18px; color:#fff;}
.wwa01in p{margin:0px; padding:0px; line-height:1.4em; font-size:14px; letter-spacing:-0.1em;}
.wwa01in p b{font-size:18px;}
.wwa01in h4{font-size:24px; color:#e41e26; font-family:Georgia;font-weight:normal; font-style:italic;}
.wwa01in h4 b{color:#f26522 ;font-weight:normal;}
.wwa01in .wwa01in01{font-size:16px;}


.wwaList{width:100%; overflow:hidden; background:#fff; position:relative;}
.wwaList .divDl{width:50%; position:absolute;}
.wwaList.wwalL i{float:left;}
.wwaList.wwalL .divDl{left:50%; bottom:0px; top:0px; right:0px;}
.wwaList.wwalR i{float:right;}
.wwaList.wwalR .divDl{right:50%; bottom:0px; top:0px; left:0px;}

.wwaList i{display:block; width:50%; overflow:hidden;}
.wwaList i img{width:100%; display:block; }
.wwaList dl{display:block; margin:0px; padding:0px; width:100%; height:100%; position:relative; overflow:hidden;}

.wwaList dl dt{margin:0px; padding:0px; position:absolute; left:15%; bottom:62%; right:15%;}
.wwaList dl dt small{font-size:12px; color:#999;}
.wwaList dl dt strong{font-size:24px; color:#000; display:block;}
.wwaList dl dd{margin:0px; padding:0px; position:absolute; left:15%; top:42%; right:15%; font-size:14px;}
.wwaList dl dd p{padding:5px 0; color:#e41e26;}

.wwaDown{width:100%; text-align:center; padding-top:20px;}


@media all  and (max-width:900px){
	.wwa01{width:100%; min-height:auto !important;  background:#000; background-size:auto 200% !important;}
	#wwa01{ width:100%; padding-top:80px;}
	.wwa01in{width:90%; overflow:hidden;}
	.wwa01in h3{font-size:16px; text-align:center;}
	.wwa01in h4{font-size:20px;}
	.wwa01in p{font-size:12px;letter-spacing:0em;}
	.wwa01in .wwa01in01{font-size:13px;line-height:1.2em;}

	.wwa01img{width:100%;}
	.wwa01img img{width:100%;}

	.wwa01small{float:right;margin:0 0 15px 15px; width:30%;}
	.wwa01small img{width:100%;}

	.wwaList{overflow:hidden; background:#fff; position:static;}
	.wwaList i{display:block; width:100%; overflow:hidden; float:none;}
	.wwaList .divDl{width:100%; position:static;}
	.wwaList dl dt{padding:15px; position:static;}
	.wwaList dl dd{padding:0 15px 50px 15px; position:static; font-size:12px;}
}


.hcMap{width:100%; background:#615d5a; position:relative; overflow:hidden;}
.hcMap article{width:100%;height:400px;}
.hcMap article .root_daum_roughmap_landing{width:100%; height:100%;}


.mapTop{ width:100%;padding-bottom:50px; text-align:center; background:URL(../img/mapTop.jpg) repeat-x top center; background-size:100% auto;}
.mapTop h2{padding:140px 0 20px 0; margin:0px; font-family:'Georgia'; color:#fff; font-size:30px; font-style:italic; font-weight:normal;}
.mapTop p{padding:0 20px; font-size:12px; color:#ddd;}
.mapTop u{display:block;margin:0 auto; width:60px; height:3px; background:#fff;}


.mainScrD{margin:0 auto; width:70px;}
.mainScrD img{width:70px;}

@media all  and (max-width:980px){
	.mapTop{background-size:auto 100%;}
	.mapTop h2{padding:100px 0 20px 0;}
	.mvTel{font-size:16px;}
	.hcMap article{width:100%;height:400px;}
}



.wwd{width:100%; text-align:center; padding-bottom:20px;overflow:hidden; background:URL(../img/wwdBg2.jpg) repeat bottom center; background-size:100% auto;}
.wwd h2{padding:140px 0 20px 0; margin:0px; font-family:'Georgia'; color:#fff; font-size:30px; font-style:italic; font-weight:normal;}
.wwd p{padding:10px 20px 30px 20px; margin:0px; font-size:16px; color:#ddd; overflow:hidden;}

#batit{width:100%; text-align:center; background:#242424; padding:20px 0;}
#batit h2 strong{display:block; font-family:'Georgia'; font-size:30px; color:#999; font-style:italic;font-weight:normal; padding-bottom:10px;}
#batit h2 small{display:block;font-size:14px;color:#666;}

@media all  and (max-width:900px){
	.wwd{background-size:auto 100%;}
	.wwd h2{padding:100px 0 20px 0;}
	.wwd p{font-size:12px;padding:15px 15px 40px 15px; }

	#batit h2 strong{font-size:20px;}
	#batit h2 small{font-size:11px;}
}

.wwdList{width:100%; overflow:hidden; background:#fff;}
.wwdList i{display:block;width:50%; overflow:hidden;}
.wwdList i img{width:100%; min-width:800px;display:block;}
.wwdList div{display:block;width:50%; overflow:hidden;}
.wwdList.flL i{float:right;}
.wwdList.flL div{float:right;}
.wwdList.flR i{float:left;}
.wwdList.flR div{float:left;}
.wwdList div h3{padding:80px 80px 40px 80px; margin:0px;}
.wwdList div h3 small{display:block;font-size:12px; color:#999;}
.wwdList div h3 strong{display:block; font-size:30px; color:#000;}
.wwdList div p{padding:0 80px; margin:0px;font-size:16px; color:#666;letter-spacing:-0.05em;}
.wwdList div span{display:block;padding:30px 80px; margin:0px; font-size:12px; color:#999;letter-spacing:-0.05em;}
.wwdList div span b{display:block; color:#dd3813;}


@media all  and (max-width:970px){
	.wwdList div h3{padding:60px 50px 40px 50px;}
	.wwdList div h3 strong{font-size:28px;}
	.wwdList div p{padding:0 50px;font-size:14px;}
	.wwdList div span{padding:20px 50px;font-size:11px;}
}

@media all  and (max-width:860px){
	.wwdList i img{min-width:700px;}
	.wwdList div h3{padding:60px 30px 30px 30px;}
	.wwdList div h3 strong{font-size:24px;}
	.wwdList div p{padding:0 30px;font-size:14px;}
	.wwdList div span{padding:10px 30px;font-size:11px;}
}

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

	.wwdList.flL i{float:none; width:100%;}
	.wwdList.flL div{float:none; width:100%;}
	.wwdList.flR i{float:none; width:100%;}
	.wwdList.flR div{float:none; width:100%;}

	.wwdList i img{min-width:100%;}
	.wwdList div h3{padding:30px 20px 30px 20px; text-align:center;}
	.wwdList div h3 strong{font-size:22px;}
	.wwdList div p{padding:0 20px;font-size:12px; line-height:1.4em;}
	.wwdList div span{padding:10px 20px 30px 20px;font-size:11px; line-height:1.4em;}
}

#ba05{width:100%; background:#e0e0e0; text-align:center; overflow:hidden; padding:50px 0;}
#ba05 h3 strong{display:block; font-family:'Georgia'; font-size:30px; color:#000; font-style:italic;font-weight:normal;}
#ba05 h3 small{display:block;font-size:14px;}
#ba05 i{display:block; margin:0 auto; padding:15px;}
#ba05 i img{width:100%; max-width:607px;}

.ba05Vendor{margin:0 auto; overflow:hidden; max-width:900px; padding:30px 15px;}
.ba05Vendor a{display:block; float:left;width:25%; text-align:center; padding:5px 0;}
.ba05Vendor a img{width:96%; max-width:140px; display:block; margin:0 auto; height:auto; border:1px solid #e0e0e0;}
.ba05Vendor a:hover img{border:1px solid #c5c5c5;}

@media all  and (max-width:900px){
	#ba05 h3 strong{font-size:20px;}
	#ba05 h3 small{font-size:11px;}
	.ba05Vendor a{width:33.33%;}
}

.btnContact{color:#fff;background:#333;display:inline-block;padding:5px 10px;border-radius:5px;}
.btnRQ{color:#333;background:#eee;display:inline-block;padding:5px 10px;border-radius:5px;margin-top:10px;}
a:hover.btnRQ{color:#fff; background:#333;}