@charset "utf-8";

#main_content {}

#main_visual {position:relative;}
#main_visual .img_wrap {overflow:hidden; position:relative; height:750px; font-size:0; background: center top; background-size:cover;}
#main_visual .s01 .img_wrap {background-image:url('../images/main/main_visual01.jpg')}
#main_visual .s02 .img_wrap {background-image:url('../images/main/main_visual02.jpg')}
#main_visual .s03 .img_wrap {background-image:url('../images/main/main_visual03.jpg')}
#main_visual .s04 .img_wrap {background-image:url('../images/main/main_visual04.jpg')}
#main_visual .s05 .img_wrap {background-image:url('../images/main/main_visual05.jpg')}
#main_visual .s06 .img_wrap {background-image:url('../images/main/main_visual06.jpg')}
#main_visual .s07 .img_wrap {background-image:url('../images/main/main_visual07_1.jpg')}
#main_visual .s08 .img_wrap {background-image:url('../images/main/main_visual08.jpg')}
#main_visual .s09 .img_wrap {background-image:url('../images/main/main_visual09.jpg')}
#main_visual .controls {position:absolute; top:65.73%; left:0; z-index:5; width:100%; }
#main_visual .controls .box {position:relative; width:100%; min-width:320px; max-width:1200px; margin:auto; text-align:left;}
#main_visual .swiper-button-next,
#main_visual .swiper-button-prev {position:absolute; top:50%; width:40px; height:40px; margin-top:-20px; background-size: 100% auto;}
#main_visual .swiper-button-next {left:120px; background-image: url('/images/main/btn_next.png');}
#main_visual .swiper-button-prev {left:0; background-image: url('/images/main/btn_prev.png');}
#main_visual .btn_play {position:absolute; top:50%; left:60px;  width:40px; height:40px; margin-top:-20px; background:url('/images/main/btn_pause.png') no-repeat center; background-size:100% auto; vertical-align:middle;}
#main_visual .btn_play.on {background-image:url('/images/main/btn_play.png');}

.special_list {position:relative; z-index:11; min-width:320px; max-width:1200px; margin:-178px auto 0; padding-bottom:30px; text-align:center;}
.special_list img {max-width:100%;}
.special_list ul {width:100%; margin:-2px; font-size:0;}
.special_list li {display:inline-block; padding:2px;}
.special_list li a {width:100%; font-size:16px; color:#3d3d3d; text-align:center; letter-spacing:-0.1em; background:#fff;}
.special_list li .txt {padding:0 5px 15px;}
.special_list ul.blue a {color:#fff; background:#466fa1;}
.special_list .cont {}





@media (max-width: 1400px){
	#main_visual .img_wrap {height:550px; background-size:auto 750px; background-position:-320px center;}
	#main_visual .controls {top:auto; left:30px; bottom:50px;}
}
@media (max-width: 1200px){
	.special_list {width:93.75%; margin:14px auto 0;}
}
@media (max-width: 800px) {
	#main_visual .img_wrap {height:auto; padding-bottom:75%; background-position:center top; background-size:cover;}
	#main_visual .s01 .img_wrap {background-image:url('../images/main/main_visual01_m.jpg')}
	#main_visual .s02 .img_wrap {background-image:url('../images/main/main_visual02_m.jpg')}
	#main_visual .s03 .img_wrap {background-image:url('../images/main/main_visual03_m.jpg')}
	#main_visual .s04 .img_wrap {background-image:url('../images/main/main_visual04_m.jpg')}
	#main_visual .s05 .img_wrap {background-image:url('../images/main/main_visual05_m.jpg')}
	#main_visual .s06 .img_wrap {background-image:url('../images/main/main_visual06_m.jpg')}
	#main_visual .s07 .img_wrap {background-image:url('../images/main/main_visual07_1_m.jpg')}
	#main_visual .s08 .img_wrap {background-image:url('../images/main/main_visual08_m.jpg')}
	#main_visual .s09 .img_wrap {background-image:url('../images/main/main_visual09_m.jpg')}

	#main_visual .controls {top:auto; left:4.6875%; bottom:32px}
	#main_visual .controls .box {position:relative;}
	#main_visual .swiper-button-next,
	#main_visual .swiper-button-prev {position:absolute; top:50%; width:28px; height:28px; margin-top:-14px;}
	#main_visual .swiper-button-next {left:84px;}
	#main_visual .btn_play {left:42px; width:28px; height:28px; margin-top:-14px;}

	

	
}

@media (max-width: 1140px) {

}


@media (max-width: 767.98px) {
	
	
	.special_list ul {width:100%; margin:-1px;}
	.special_list li { padding:1px;}
	.special_list li a {font-size:12px;}
	.special_list li .txt {padding:0 3px 8px;}
	
	
}