@charset "utf-8";

#visual-section{width:100%; overflow:hidden; 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:900px; 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{bottom:100px; left:10%; z-index:10000; text-align:center; position:absolute;}
#visual-section .owl-carousel .owl-dots .owl-dot{height:6px; margin:0 2px; display:inline-block; z-index:1000; position:relative;}
#visual-section .owl-carousel .owl-dots .owl-dot span{width:60px; height:6px; background:rgba(255,255,255,.6); display:block; vertical-align:bottom;}
#visual-section .owl-carousel .owl-dots .active span{background:#fff;}
#visual-section .owl-carousel .owl-nav{top:375px; right:10%; z-index:1; position:absolute; transition:all 1s ease;}
#visual-section .owl-carousel .owl-prev{width:68px; height:68px; text-indent:-9000px; background:url("../img/slick_prev.png") no-repeat; display:block; position:static;}
#visual-section .owl-carousel .owl-prev:hover{background:url("../img/slick_prevr.png") no-repeat;}
#visual-section .owl-carousel .owl-next{width:68px; height:68px; margin-top:10px; text-indent:-9000px; background:url("../img/slick_next.png") no-repeat; display:block; position:static;}
#visual-section .owl-carousel .owl-next:hover{background:url("../img/slick_nextr.png") no-repeat;}

#visual-section .visual-txt{width:100%; height:100%; top:0; padding-top:285px; position:absolute;}
#visual-section .visual-txt .vtxt-box{width:80%; margin:0 auto; position:relative;}
#visual-section .visual-txt h1{padding-bottom:30px; font-weight:600; font-size:60px; color:#fff; word-break:keep-all; word-wrap:break-word;}
#visual-section .visual-txt h2{font-weight:600; font-size:18px; line-height:25px; color:#fff; word-break:keep-all; word-wrap:break-word;}
#visual-section .visual-txt a{width:176px; margin-top:90px; padding-right:30px; font-weight:600; font-size:15px; line-height:48px; text-align:center; color:#fff; border-radius:30px; background:#000 url("../img/mbtn_bul.png") no-repeat 80% center; display:block; position:relative;}
#visual-section .visual-txt a:hover{color:#000; background:#fff url("../img/mbtn_bulr.png") no-repeat 80% center;}

@media screen and (max-width:1010px){
	#visual-section .stretchy_wrapper{padding-bottom:797px;}
	#visual-section .owl-carousel .owl-nav{display:none;}
	#visual-section .owl-carousel .owl-dots{width:100%; bottom:100px; left:auto;}
	#visual-section .owl-carousel .owl-dots .owl-dot{height:15px;}
	#visual-section .owl-carousel .owl-dots .owl-dot span{width:15px; height:15px; border-radius:50%;}
	#visual-section .owl-carousel .owl-dots .active span{background:#fff;}

	#visual-section .visual-txt{padding-top:140px;}
	#visual-section .visual-txt .vtxt-box{width:90%;}
	#visual-section .visual-txt h1{padding-bottom:20px; font-size:50px;}
	#visual-section .visual-txt h2{font-size:16px;}
	#visual-section .visual-txt a{width:150px; margin-top:30px; font-size:14px; line-height:38px;}
}

@media screen and (max-width:750px){
	#visual-section .stretchy_wrapper{padding-bottom:700px;}
	#visual-section .owl-carousel .owl-dots{bottom:80px;}
	#visual-section .visual-txt h1{font-size:45px;}
}

@media screen and (max-width:650px){
	#visual-section .stretchy_wrapper{padding-bottom:650px;}
	#visual-section .owl-carousel .owl-dots{bottom:60px;}
	#visual-section .visual-txt h1{font-size:40px;}
}

@media screen and (max-width:550px){
	#visual-section .stretchy_wrapper{padding-bottom:550px;}
	#visual-section .owl-carousel .owl-dots{bottom:40px;}
	#visual-section .visual-txt h1{font-size:35px;}
	#visual-section .visual-txt h2{font-size:15px;}
}


#mcont-section{width:100%; max-width:1710px; margin:0 auto; position:relative;}
#mcont-section #slider-box{width:100%; height:64px; bottom:0; z-index:99999; position:absolute; overflow:hidden;}
#mcont-section #slider-box:after{clear:both; content:""; display:block;}
#mcont-section #uslider-box{width:100%; height:0; bottom:0; z-index:99999; position:absolute; overflow:hidden;}
#mcont-section #uslider-box:after{clear:both; content:""; display:block;}

#mcont-section .sliderBox .left-area{width:calc(50% - 32px); height:64px; padding-right:100px; background:#fff; position:relative; overflow:hidden; float:left;}
#mcont-section .sliderBox .center-area{width:calc(50% - 32px); padding-right:100px; background:#eee; position:relative; overflow:hidden; float:left;}
#mcont-section .sliderBox .right-area{width:64px; height:64px; position:relative; overflow:hidden; float:left;}
#mcont-section .sliderBox .right-area a{width:64px; height:64px; background:#000 url("../img/boardbox_up.png") no-repeat center center; display:block;}
#mcont-section .sliderBox .subj{width:calc(100% - 90px); padding:0 10px 0 35px; font-size:16px; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; float:left;}
#mcont-section .sliderBox .date{font-size:14px; color:#333;}


#mcont-section .swiper-wrapper{width:100%; height:64px; line-height:64px;}
#mcont-section .sliderBox .sch-up,
#mcont-section .sliderBox .sch-down{width:8px; height:12px; z-index:99999; text-indent:-9000px; background-size:cover; cursor:pointer; display:block; position:absolute;}
#mcont-section .sliderBox .sch-up{top:25px; right:60px; background:url("../img/bslider_right.png") no-repeat;}
#mcont-section .sliderBox .sch-down{top:25px; right:80px; background:url("../img/bslider_left.png") no-repeat;}
#mcont-section #slider-board{width:100%; left:0; position:absolute;}
#mcont-section #uslider-board{width:100%; left:0; z-index:99999; position:absolute;}
#mcont-section #uslider-board .left-area{height:284px; padding-right:0;}
#mcont-section #uslider-board .center-area{height:284px; padding-right:0;}
#mcont-section #uslider-board .right-area{height:284px; background:#eee;}
#mcont-section #uslider-board .right-area a{background:#000 url("../img/boardbox_down.png") no-repeat center center;}

@media screen and (max-width:1010px){
	#mcont-section #slider-box{display:none;}
	#mcont-section .sliderBox .left-area{width:50%;}
	#mcont-section .sliderBox .center-area{width:50%;}
	#mcont-section #uslider-box{width:100%; height:auto; bottom:auto; position:relative; display:block;}
	#mcont-section #uslider-board{width:100%; left:auto; z-index:99999; position:relative;}
	#mcont-section #uslider-board .left-area{height:340px;}
	#mcont-section #uslider-board .center-area{height:340px;}
	#mcont-section #uslider-board .right-area{display:none;}
}

@media screen and (max-width:640px){
	#mcont-section .sliderBox .left-area{width:100%; height:auto; float:none;}
	#mcont-section .sliderBox .center-area{width:100%; height:auto; float:none;}
}