@charset "utf-8";

#visual-section{width:100%; max-width:1000px; margin:0 auto; overflow:hidden; word-break:keep-all; word-wrap:break-word; position:relative;}
#visual-section .owl-carousel{width:100%;}
#visual-section .owl-carousel .item{-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important;}
#visual-section .owl-carousel .item:before{-webkit-backface-visibility:hidden;}
#visual-section .owl-carousel .item .container{height:100%; position:relative; min-height:inherit;}
#visual-section .stretchy_wrapper{width:100% !important; height:0px; padding-bottom:492px; position:relative !important; overflow:hidden !important; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-position:center center; background-repeat:no-repeat; background-size:cover; display:block;}
#visual-section .stretchy_wrapper > * {width:100%; height:100%; top:0; bottom:0; left:0; right:0; display:block; position: absolute !important;}
#visual-section .owl-carousel .owl-dots{width:100%; bottom:20px; z-index:10000; text-align:center; position:absolute;}
#visual-section .owl-carousel .owl-dots .owl-dot{height:12px; margin:0 10px; display:inline-block; z-index:1000; position:relative;}
#visual-section .owl-carousel .owl-dots .owl-dot span{width:12px; height:12px; border-radius:50%; background:rgba(255,255,255,.6); display:block; vertical-align:bottom;}
#visual-section .owl-carousel .owl-dots .active span{border:1px solid #fff; background:none;}
#visual-section .owl-carousel .owl-nav{display:none;}
#visual-section .owl-carousel .owl-prev{width:39px; height:83px; top:50%; left:60px; margin-top:-41.5px; text-indent:-9000px; background:url("../img/slider_prev.png") no-repeat; display:block; position:absolute;}
#visual-section .owl-carousel .owl-next{width:39px; height:83px; top:50%; right:60px; margin-top:-41.5px; text-indent:-9000px; background:url("../img/slider_next.png") no-repeat; display:block; position:absolute;}

#visual-section .vtop-txt{top:22px; left:30px; z-index:9999; font-weight:600; font-size:20px; color:#fff; text-shadow:rgba(0, 0, 0, 0.8) 0px 4px 5px; position:absolute;}

#visual-section .vtxt1{width:100%; bottom:20px; left:0; padding:30px; z-index:9999; position:absolute;}
#visual-section .vtxt1 h2{font-weight:900; font-size:28px; color:#fff; text-shadow:rgba(0, 0, 0, 0.8) 0px 4px 5px;}
#visual-section .vtxt1 div{margin-top:10px; font-weight:600; font-size:20px; line-height:25px; color:#fff; text-shadow:rgba(0, 0, 0, 0.8) 0px 4px 5px;}

#visual-section .vtxt2{width:100%; bottom:20px; left:0; padding:30px; z-index:9999; position:absolute;}
#visual-section .vtxt2 h2{font-weight:900; font-size:28px; color:#fff; text-shadow:rgba(0, 0, 0, 0.8) 0px 4px 5px;}
#visual-section .vtxt2 div{margin-top:10px; font-weight:600; font-size:20px; line-height:25px; color:#fff; text-shadow:rgba(0, 0, 0, 0.8) 0px 4px 5px;}

#visual-section .vtxt3{width:100%; bottom:20px; left:0; padding:30px; z-index:9999; position:absolute;}
#visual-section .vtxt3 h2{font-weight:900; font-size:28px; color:#fff; text-shadow:rgba(0, 0, 0, 0.8) 0px 4px 5px;}
#visual-section .vtxt3 div{margin-top:10px; font-weight:600; font-size:20px; line-height:25px; color:#fff; text-shadow:rgba(0, 0, 0, 0.8) 0px 4px 5px;}

@media screen and (max-width:940px){
	#visual-section .stretchy_wrapper{padding-bottom:450px;}
}

@media screen and (max-width:880px){
	#visual-section .vtxt1 h2,
	#visual-section .vtxt2 h2,
	#visual-section .vtxt3 h2{font-size:23px;}
	#visual-section .vtxt1 div,
	#visual-section .vtxt2 div,
	#visual-section .vtxt3 div{line-height:22px;}
}

@media screen and (max-width:840px){
	#visual-section .stretchy_wrapper{padding-bottom:400px;}
}

@media screen and (max-width:740px){
	#visual-section .stretchy_wrapper{padding-bottom:350px;}
	/*
	#visual-section .vtxt1 h2,
	#visual-section .vtxt2 h2,
	#visual-section .vtxt3 h2{font-size:20px;}
	#visual-section .vtxt1 div,
	#visual-section .vtxt2 div,
	#visual-section .vtxt3 div{line-height:14px;}
	*/
}

@media screen and (max-width:640px){
	#visual-section .stretchy_wrapper{padding-bottom:300px;}
	#visual-section .vtop-txt{left:20px; font-size:18px;}

	#visual-section .vtxt1,
	#visual-section .vtxt2,
	#visual-section .vtxt3{padding:20px 20px 30px;}
}

@media screen and (max-width:540px){
	#visual-section .vtxt1,
	#visual-section .vtxt2,
	#visual-section .vtxt3{padding:10px 10px 30px;}
}

#mcont-section{width:100%; max-width:1020px; margin:0 auto; padding:30px 10px;}
#mcont-section:after{clear:both; content:""; display:block;}
#mcont-section .left-area{width:55%; float:left;}
#mcont-section .left-area ul{margin-top:15px;}
#mcont-section .left-area ul:after{clear:both; content:""; display:block;}
#mcont-section .left-area .board{margin-top:15px;}
#mcont-section .left-area .board ul{padding-top:12px;}
#mcont-section .left-area .board ul li{}
#mcont-section .left-area .board ul li a{padding-left:10px; font-size:14px; line-height:24px; color:#000; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; position:relative;}
#mcont-section .left-area .board ul li a:after{width:3px; height:1px; top:10px; left:0; background:#000; content:""; display:block; position:absolute;}

#mcont-section .right-area{width:40%; float:right;}
#mcont-section .right-area .banner{}
#mcont-section .right-area .banner:after{clear:both; content:""; display:block;}
#mcont-section .right-area .banner .lbox{width:50%; height:120px; background:#e41e26 url("../img/mb_icon01.png") no-repeat 13px 18px; float:left;}
#mcont-section .right-area .banner .rbox{width:50%; height:120px; background:#000 url("../img/mb_icon02.png") no-repeat 13px 18px; float:left;}
#mcont-section .right-area .banner a div{padding:75px 10px 0 0; font-weight:600; font-size:16px; text-align:right; color:#fff; position:relative;}
#mcont-section .right-area .banner a div:after{width:15px; height:15px; top:10px; right:10px; background:url("../img/banner_more.png") no-repeat; content:""; display:block; position:absolute;}
#mcont-section h2{padding-left:15px; font-weight:600; font-size:18px; display:block; position:relative;}
#mcont-section h2:after{width:3px; height:100%; top:0; left:5px; background:#e61e25; content:""; display:block; position:absolute;}
#mcont-section h2 a{top:0; right:0; font-weight:normal; font-size:11px; color:#666; position:absolute;}

@media screen and (max-width:820px){
	#mcont-section .left-area{width:50%; float:left;}
	#mcont-section .right-area{width:47%; float:right;}
}

@media screen and (max-width:650px){
	#mcont-section .left-area{width:100%; float:none;}
	#mcont-section .right-area{width:100%; margin-top:20px; float:none;}
}

@media screen and (max-width:450px){
	#mcont-section .left-area .img{height:130px;}
	#mcont-section .left-area .txt{font-size:14px; line-height:42px;}
}