@charset "utf-8";
/* ────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
── Main ───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── */
.mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox{margin-top:-260px;}
.mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_1,
.mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_2,
.mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_3,
.mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_4,
.mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_5,
.mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_6,
.mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_7,
.mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_8{margin:10px auto;line-height:1.2;font-size:28px;font-weight:400;}
.mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_1 strong,
.mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_2 strong,
.mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_3 strong,
.mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_4 strong{font-weight:700;}
.mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_1,
.mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_5{line-height:1;font-size:42px;}
.mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_5{margin-top:40px;}
.mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_2,
.mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_6{margin-bottom:15px;line-height:1;font-size:58px;font-weight:700;}
.mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_3,
.mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_4,
.mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_7,
.mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_8{}
#mcontbox_8 .contbox .cont1 .txt1{font-size:36px;text-align:center;}
#mcontbox_8 .contbox .cont1 .txt2 ul{flex-flow:nowrap;gap:10px;}
#mcontbox_8 .contbox .cont1 .txt2 li{width:100%;}
#mcontbox_8 .contbox .cont1 .txt2 li a{background:#ccc;}
#mcontbox_8 .contbox .cont1 .txt3 li.active{display:block;text-align:center;}
#mcontbox_8 .contbox .cont1 .txt2 li.active a{background:var(--main-color);color:#fff;}
/* ----------------------------------------------------------------------------------------------------------------
-- 1920 --------------------------------------------------------------------------------------------------------- */
@media all and (max-width:1920px){
    .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox{margin-top:-16.25rem;}
    .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_1, .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_2, .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_3, .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_4, .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_5, .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_6, .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_7, .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_8{margin:0.625rem auto;font-size:1.75rem;}
    .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_1, .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_5{font-size:2.625rem;}
    .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_5{margin-top:2.5rem;}
    .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_2, .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_6{margin-bottom:0.9375rem;font-size:3.625rem;}
    #mcontbox_8 .contbox .cont1 .txt1{font-size:2.25rem;}
    #mcontbox_8 .contbox .cont1 .txt2 ul{gap:0.625rem;}
}
/* ----------------------------------------------------------------------------------------------------------------
-- 820 --------------------------------------------------------------------------------------------------------- */
@media all and (max-width:820px){
    .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox{margin-top:-17.333333333333rem;}
    .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_1, .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_2, .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_3, .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_4, .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_5, .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_6, .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_7, .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_8{margin:0.66666666666667rem auto;font-size:1.8666666666667rem;}
    .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_1, .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_5{font-size:2.8rem;}
    .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_5{margin-top:2.6666666666667rem;}
    .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_2, .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_6{margin-bottom:1rem;font-size:3.8666666666667rem;}
	.mainvisualbanner_wrap .mainvisualbanner_txt .txt2{font-size:2.4rem;}
    #mcontbox_8 .contbox .cont1 .txt1{font-size:2.4rem;}
    #mcontbox_8 .contbox .cont1 .txt2 ul{gap:0.66666666666667rem;}
}
/* ----------------------------------------------------------------------------------------------------------------
-- 540 --------------------------------------------------------------------------------------------------------- */
@media all and (max-width:540px){
    .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox{left:0;margin-left:0;margin-top:-16.25rem;width:100%;}
    .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_1, .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_2, .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_3, .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_4, .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_5, .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_6, .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_7, .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_8{margin:0.625rem auto;font-size:1.75rem;}
    .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_1, .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_5{font-size:2.625rem;}
    .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_5{margin-top:2.5rem;}
    .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_2, .mainvisualbanner_wrap .mainvisualbanner .swiper-wrapper .swiper-slide .txtbox .text_6{margin-bottom:0.9375rem;font-size:3.625rem;}
    #mcontbox_8 .contbox .cont1 .txt1{font-size:2.25rem;}
    #mcontbox_8 .contbox .cont1 .txt2 ul{gap:0.625rem;}
}