@import url("common.css");

.slider_wrap{width:100%;}
.slider{}
.slider img{height:450px;}
.bx-wrapper .bx-viewport{background:#fff;}

.slider_wrap2{width:100%;}
.slider2{}
.slider2 img{height:50px;}
.bx-wrapper .bx-viewport{background:none;}



/* 메인 동영상 */
#visual.video{display:flex; justify-content:center; width:100%; height:calc(100% - 194px); overflow:hidden; position:relative; background:linear-gradient(0deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 60%);}
#visual.video video{height:100%; object-fit:cover; z-index:-1;}
@media (min-width:768px){
	#visual.video video{width:100%;}
}


#mainNotice{display:flex; align-items:center; width:100%; height:40px; margin:0; background-color:#443d37; margin-top:60px; padding:10px;}
#mainNotice:after{display:block; content:''; clear:both;}
#mainNotice > li{float:left;}
#mainNotice > li:nth-child(1){width:40px;}
#mainNotice > li:nth-child(1) a{display:block;}
#mainNotice > li:nth-child(1) a img{width:24px; display:inline-block;}
#mainNotice > li:nth-child(2){width:calc(100% - 40px); font-size:15px;}
#mainNotice > li:nth-child(2) span{display:block; font-size:15px; color:#fff;}

#mainWeather{display:flex; width:100%;}
#mainWeather dl{width:33.33%; margin:0; padding:0;}
#mainWeather dl dt{font-weight:normal; color:#fff; text-align:center; background:#215a41; margin:0; padding:7px; border-left:1px solid rgba(255,255,255,.15);}
#mainWeather dl:first-child dt{border-left:0;}
#mainWeather dl dd{display:flex; flex-wrap:wrap; align-items:center; height:60px; margin:0; padding:0; background:#fff; border-bottom:1px solid rgba(0,0,0,.1); border-left:1px solid rgba(0,0,0,.1);}
#mainWeather dl:first-child dd{border-left:0;}
#mainWeather dl dd .icon{width:40%; text-align:center;}
#mainWeather dl dd .icon img{max-width:50px;}
#mainWeather dl dd .weather{width:60%;}
#mainWeather dl dd .weather strong{display:block; line-height:1em; font-size:20px; overflow:hidden;}
#mainWeather dl dd .weather p{display:block; line-height:1em; margin:4px 0 0; padding:0;}

#mainTopIcon{width:100%; position:absolute; top:35%; text-align:center;}
#mainTopIcon ul{display:flex; justify-content:center; margin:0 auto;}
#mainTopIcon ul li{width:90px; background-color:#000; opacity:0.9; border-radius:16px 0 16px 0;}
#mainTopIcon ul li:nth-child(1){background-color:#215a41;}
#mainTopIcon ul li:nth-child(2){background-color:#7b5e44; margin:0 20px;}
#mainTopIcon ul li:nth-child(3){background-color:#909090;}
#mainTopIcon ul li a{display:block; color:#fff; padding:16px 0;}
#mainTopIcon ul li a img{width:40px; margin:0 auto 10px;}
#mainTopIcon ul li a span{display:block; line-height:1em;}


#mainBottomIcon{width:100%; position:absolute; bottom:8px;}
#mainBottomIcon ul{display:flex; justify-content:space-between; width:90%; margin:0 auto; box-sizing:border-box;}
#mainBottomIcon ul li{}
#mainBottomIcon ul li a{display:block; padding:8px 11px; color:#fff; text-align:center;}
#mainBottomIcon ul li a img{display:block; width:30px; margin:0 auto 6px;}