@charset "UTF-8";

.main-visual-box{position:relative;}
.main-visual-box .swiper-wrapper .swiper-slide{overflow:hidden;}
.main-visual-box .swiper-wrapper .swiper-slide .vi-img-box{height:760px;}
.main-visual-box .swiper-wrapper .swiper-slide .vi-img-box img{width:100%;height:100%;object-fit:cover;}
.main-visual-box .swiper-wrapper .swiper-slide .vi-txt-box{position:absolute;top:17%;left:50%;width:100%;max-width:1400px;transform:translateX(-50%);}

.main-visual-box .swiper-wrapper .swiper-slide .vi-txt-box > div{position:relative;padding:50px 60px 55px;width:75%;background:rgba(255,255,255,0.7);box-sizing:border-box;}
.main-visual-box .swiper-wrapper .swiper-slide .vi-txt-box > div:after{content:'';display:block;position:absolute;top:0;left:0;z-index:-10;width:100%;height:100%;backdrop-filter:blur(5px);}
.main-visual-box .swiper-wrapper .swiper-slide .vi-txt-box .txt01{margin:0 0 5px;}
.main-visual-box .swiper-wrapper .swiper-slide .vi-txt-box .txt01 span{display:block;font-weight:200;font-size:1.5rem;white-space:nowrap;line-height:2rem;text-overflow:ellipsis;word-wrap:normal;overflow:hidden;}
.main-visual-box .swiper-wrapper .swiper-slide .vi-txt-box .txt02 span{display:block;/* IE 대응 */display:-webkit-box;max-height:9.124rem;font-weight:500;font-size:4rem;line-height:4.5rem;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;text-overflow:ellipsis;overflow:hidden;}
.main-visual-box .swiper-wrapper .swiper-slide .vi-txt-box .txt03 span{display:block;/* IE 대응 */display:-webkit-box;margin:12px 0 0;max-height:3.5rem;font-weight:200;font-size:2rem;line-height:2.5rem;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;text-overflow:ellipsis;overflow:hidden;}
.main-visual-box .swiper-wrapper .swiper-slide .vi-txt-box .btn-more-vi{display:inline-block;margin:35px 0 0;padding:10px 35px;border:1px solid #da0000;background:#da0000;font-size:1rem;font-weight:200;color:#fff;letter-spacing:-0.05rem;}
.main-visual-box .swiper-wrapper .swiper-slide .vi-txt-box .btn-more-vi:hover{border-color:#da0000;background-color:#fff;color:#da0000;}

.main-visual-box .control-wrap{padding:40px 0 0;}
.main-visual-box .control-wrap .swiper-button{position:absolute;top:0;left:auto;width:28px;height:28px;border:1px solid rgba(255,255,255,0.8);border-radius:28px;text-indent:-99999px;}
.main-visual-box .swiper-visual-pagination{display:inline-block;padding:0 40px 0 0;}
.main-visual-box .swiper-visual-pagination span{display:inline-block;margin:0 7px 0 0;width:20px;height:5px;border-radius:0;background:#666;opacity:1;}
.main-visual-box .swiper-visual-pagination span.swiper-pagination-bullet-active{width:70px;background:#da0000;}
.main-visual-box .swiper-visual-pagination span:last-of-type{margin:0;}
.main-visual-box .swiper-visual-pagination-count{display:inline-block;}
.main-visual-box .swiper-visual-pagination-count span{display:inline-block;font-size:1.5rem;font-weight:500;line-height:2.0rem;vertical-align:top;}
.main-visual-box .swiper-visual-pagination-count .current{padding:0 8px 0 0;font-size:2.25rem;font-weight:600;color:#da0000;line-height:1;}

@media screen and (max-width :768px) {
	.main-visual-box .swiper-wrapper .swiper-slide .vi-img-box{height:300px;}
	.main-visual-box .swiper-wrapper .swiper-slide .vi-txt-box{padding:0 20px 0 0;box-sizing:border-box;}
	.main-visual-box .swiper-wrapper .swiper-slide .vi-txt-box > div{padding:20px 20px 25px;width:90%;}
	.main-visual-box .swiper-wrapper .swiper-slide .vi-txt-box .txt01{margin:0 0 5px;}
    .main-visual-box .swiper-wrapper .swiper-slide .vi-txt-box .txt01 span{font-size:1rem;line-height:1.5rem;}
    .main-visual-box .swiper-wrapper .swiper-slide .vi-txt-box .txt02 span{max-height:4.428rem;font-size:1.714rem;line-height:2.214rem;}
	.main-visual-box .swiper-wrapper .swiper-slide .vi-txt-box .txt03 span{margin:5px 0 0;max-height:3rem;font-size:1rem;line-height:1.5rem;}
	.main-visual-box .swiper-wrapper .swiper-slide .vi-txt-box .btn-more-vi{margin:15px 0 0;padding:4px 25px;}
	
    .main-visual-box .control-wrap{padding:15px 0 0;}
	.main-visual-box .control-wrap .swiper-button{width:24px;height:24px;}

	.main-visual-box .swiper-visual-pagination{padding:0 25px 0 0;}
	.main-visual-box .swiper-visual-pagination span{width:14px;height:3px;}
	.main-visual-box .swiper-visual-pagination span.swiper-pagination-bullet-active{width:46px;}
	.main-visual-box .swiper-visual-pagination-count .current{padding:0;font-size:1.714rem;}
}