@charset "utf-8";

#visual-section{width:100%; margin-top:80px; overflow:hidden; position:relative;}
#visual-section .owl-carousel{width:100%; margin:0 auto;}
#visual-section .owl-carousel .item{}
#visual-section .stretchy_wrapper{}
#visual-section .owl-carousel .owl-dots{width:100%; height:22px; bottom:20px; z-index:9000; text-align:center; position:absolute;}
#visual-section .owl-carousel .owl-dots .owl-dot{display:inline-block;}
#visual-section .owl-carousel .owl-dots .owl-dot span{width:60px; height:5px; margin:0 5px; background:#fff; display:inline-block;}
#visual-section .owl-carousel .owl-dots .active span{background:#ff3a3a;}
#visual-section .owl-carousel .owl-nav{display:none;}
#visual-section .visual-box{width:100%; max-width:734px; height:340px; margin:0 auto; top:50%; left:50%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); z-index:100; background:rgba(0,0,0,.2); position:absolute; overflow:hidden;}
#visual-section .visual-box .visual-txt{padding-top:45px; font-family:"NanumSquare"; text-align:center; color:#fff;}
#visual-section .visual-box .txt01{font-size:18px;}
#visual-section .visual-box .txt02{margin-top:25px; font-weight:600; font-size:48px;}
#visual-section .visual-box .txt03{margin-top:15px; font-weight:600; font-size:48px;}
#visual-section .visual-box .txt04{margin-top:35px; font-size:48px;}

@media screen and (max-width:1000px){
	#visual-section{margin-top:65px;}
	#visual-section .visual-box{width:80%; height:280px;}
	#visual-section .visual-box .txt01{font-size:18px;}
	#visual-section .visual-box .txt02{margin-top:15px; font-size:35px;}
	#visual-section .visual-box .txt03{margin-top:15px; font-size:35px;}
	#visual-section .visual-box .txt04{margin-top:25px; font-size:43px;}
}

@media screen and (max-width:740px){
	#visual-section .visual-box{width:80%; height:250px;}
	#visual-section .visual-box .visual-txt{padding-top:35px;}
	#visual-section .visual-box .txt01{font-size:18px;}
	#visual-section .visual-box .txt02{margin-top:15px; font-size:30px;}
	#visual-section .visual-box .txt03{margin-top:15px; font-size:30px;}
	#visual-section .visual-box .txt04{margin-top:25px; font-size:38px;}
}

@media screen and (max-width:600px){
	#visual-section .owl-carousel .owl-dots{bottom:10px;}
	#visual-section .visual-box{width:90%; height:200px;}
	#visual-section .visual-box .visual-txt{padding-top:25px;}
	#visual-section .visual-box .txt01{font-size:18px;}
	#visual-section .visual-box .txt02{margin-top:10px; font-size:25px;}
	#visual-section .visual-box .txt03{margin-top:10px; font-size:25px;}
	#visual-section .visual-box .txt04{margin-top:15px; font-size:33px;}
}

@media screen and (max-width:500px){
	#visual-section .visual-box{width:100%;}
	#visual-section .owl-carousel .owl-dots{bottom:5px;}
}

@media screen and (max-width:480px){
	#visual-section .visual-box .visual-txt{font-family:"NanumGothic","Nanum Gothic","Malgun Gothic",sans-serif;}
	#visual-section .visual-box{height:180px;}
	#visual-section .visual-box .txt01{font-size:14px;}
	#visual-section .visual-box .txt02{margin-top:10px; font-size:22px;}
	#visual-section .visual-box .txt03{margin-top:10px; font-size:22px;}
	#visual-section .visual-box .txt04{margin-top:15px; font-size:30px;}
}

@media screen and (max-width:450px){
	#visual-section .visual-box{height:180px;}
	#visual-section .visual-box .txt01{font-size:12px;}
	#visual-section .visual-box .txt02{margin-top:10px; font-size:22px;}
	#visual-section .visual-box .txt03{margin-top:10px; font-size:22px;}
	#visual-section .visual-box .txt04{margin-top:15px; font-size:30px;}
}

#mcont01-section{width:100%; max-width:960px; margin:0 auto; padding:55px 10px;}
#mcont01-section h1{font-family:"NanumSquare"; font-size:18px; line-height:33px; text-align:center; color:#000;}
#mcont01-section .banner-area{margin-top:55px;}
#mcont01-section .banner-area:after{clear:both; content:""; display:block;}
#mcont01-section .banner-area .box{width:33.33333%; padding:0 9px; float:left;}
#mcont01-section .banner-area .box .img{overflow:hidden;}
#mcont01-section .banner-area .box .img img{max-width:100%;}
#mcont01-section .banner-area .box .img .ratio{transition: transform 5s linear, opacity 0.35s ease-out; -webkit-transition: -webkit-transform 5s linear, opacity 0.35s ease-out; -moz-transition: -moz-transform 5s linear, opacity 0.35s ease-out; -o-transition: -o-transform 5s linear, opacity 0.35s ease-out;}
#mcont01-section .banner-area .box .txt{margin-top:20px; font-weight:600; font-size:18px; font-family:"NanumSquare"; position:relative;}
#mcont01-section .banner-area .box .txt span{top:0; right:0; color:#ff0000; position:absolute;}
#mcont01-section .banner-area .box .txt span i{padding:3px 4px; font-size:13px; border-radius:50%; border:1px solid #ff0000;}
#mcont01-section .banner-area a:hover .ratio{transform: scale3d(1.12, 1.12, 1.12) rotate(0.1deg); -webkit-transform: scale3d(1.12, 1.12, 1.12); -moz-transform: scale3d(1.12, 1.12, 1.12); -o-transform: scale3d(1.12, 1.12, 1.12);}

@media screen and (max-width:990px){
	#mcont01-section .banner-area .box .txt{text-align:center;}
	#mcont01-section .banner-area .box .txt span{margin-top:10px;line-height:35px; text-align:center; color:#fff; background:#a5a5a5; display:block; position:relative;}
	#mcont01-section .banner-area .box .txt span i{padding:3px 4px; font-size:13px; border-radius:50%; border:1px solid #fff;}
}

@media screen and (max-width:850px){
	#mcont01-section h1{font-size:18px;}
}

@media screen and (max-width:770px){
	#mcont01-section .banner-area .box{padding:0 3px;}
	#mcont01-section .banner-area .box .txt{font-size:14px; font-family:"NanumGothic","Nanum Gothic","Malgun Gothic",sans-serif;}
}

@media screen and (max-width:590px){
	#mcont01-section .banner-area .box{width:100%; max-width:381px; margin:20px auto 0;  float:none;}
}


#mcont02-section{padding:50px 0; background:url("../img/mcont02_bg.jpg") no-repeat; background-size:cover;}
#mcont02-section .mcont02-area{width:100%; max-width:960px; margin:0 auto; padding:0 10px;}
#mcont02-section .mcont02-area:after{clear:both; content:""; display:block;}
#mcont02-section .mcont02-area .left-box{width:50%; padding-right:10px; float:left;}
#mcont02-section .mcont02-area .left-box .box{height:270px; background:#fff; position:relative;}
#mcont02-section .mcont02-area .left-box .box .img{height:270px; background:url("../img/mcont02_img01.jpg") no-repeat;}
#mcont02-section .mcont02-area .left-box .box .txt{width:190px; height:270px; top:0; right:0; padding:30px 13px; background:#fff; position:absolute;}
#mcont02-section .mcont02-area .left-box .box .txt h2{font-weight:900; font-size:18px; font-family:"NanumSquare";}
#mcont02-section .mcont02-area .left-box .box .txt div{margin-top:25px; font-size:14px; line-height:22px; color:#5a5758;}
#mcont02-section .mcont02-area .left-box .box .txt a{bottom:35px; right:19px; font-weight:600; font-size:18px; font-family:"NanumSquare"; color:#ff0000; position:absolute;}
#mcont02-section .mcont02-area .left-box .box .txt a i{padding:3px 4px; font-size:13px; border-radius:50%; border:1px solid #ff0000;}
#mcont02-section .mcont02-area .right-box{width:50%; height:270px; padding-left:10px; float:left;}
#mcont02-section .mcont02-area .right-box .box{height:270px;}
#mcont02-section .mcont02-area .right-box .box .dmap{width:59%; height:270px; position:relative; float:left;}
#mcont02-section .mcont02-area .right-box .box .dmap .root_daum_roughmap{width:100% !important; padding:0; border:0; border-radius:0;}
#mcont02-section .mcont02-area .right-box .box .dmap .root_daum_roughmap .wrap_controllers{border-radius:0;}
#mcont02-section .mcont02-area .right-box .box .mtxt{width:41%; height:270px; padding:40px 5px; text-align:center; color:#fff; border:2px solid #fff; float:right; position:relative;}
#mcont02-section .mcont02-area .right-box .box .mtxt h2{font-weight:900; font-size:24px; font-family:"NanumSquare";}
#mcont02-section .mcont02-area .right-box .box .mtxt i{margin:20px 0; padding:18px 25px; font-size:35px; border-radius:50%; border:2px solid #fff;}
#mcont02-section .mcont02-area .right-box .box .mtxt div{font-size:14px; line-height:24px;}

@media screen and (max-width:910px){
	#mcont02-section .mcont02-area .left-box{width:100%; padding-right:0; float:none;}
	#mcont02-section .mcont02-area .left-box .box .img{width:50%;}
	#mcont02-section .mcont02-area .left-box .box .txt{width:50%;}
	#mcont02-section .mcont02-area .right-box{width:100%; height:270px; margin-top:20px; padding-left:0; float:none;}
	#mcont02-section .mcont02-area .right-box .box .dmap{width:50%;}
	#mcont02-section .mcont02-area .right-box .box .mtxt{width:50%;}
}

@media screen and (max-width:560px){
	#mcont02-section .mcont02-area .left-box .box{height:auto;}
	#mcont02-section .mcont02-area .left-box .box .img{width:100%; height:170px; background-size:cover;}
	#mcont02-section .mcont02-area .left-box .box .txt{width:100%; height:auto; position:relative;}
	#mcont02-section .mcont02-area .right-box .box{height:auto;}
	#mcont02-section .mcont02-area .right-box .box .dmap{width:100%; height:270px; position:relative;}
	#mcont02-section .mcont02-area .right-box .box .dmap .wrap_map{height:240px !important;}
	#mcont02-section .mcont02-area .right-box .box .mtxt{width:100%; height:auto;}
	#mcont02-section .mcont02-area .right-box .box .mtxt i{display:none;}
}