:root{ --safe-b: env(safe-area-inset-bottom, 0px); --cta-h: 120px; } body{ padding-bottom: calc(var(--cta-h) + var(--safe-b)); } .dl{display:flex;} .dl dt{flex-shrink:0;} .dl dd{flex-grow:1;} .hid{position:absolute;margin:-1px;padding:0;width:1px;height:1px;border:0;clip:rect(0,0,0,0);overflow:hidden;} .slick-slider{-webkit-transition:all ease-in-out .3s;transition:all ease-in-out .3s;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;} .slick-slide{display:none;height:100%;min-height:1px;vertical-align:middle;} .slick-list{overflow:hidden;} .slick-list.dragging{cursor:pointer;} .slick-initialized .slick-slide{display:inline-block;} .slick-arrow.slick-hidden{display:none;} .slick-current{opacity:1;display:block;} .slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;} .arwShow .slick-arrow.slick-hidden{display:inline-block;} .mainform{position:fixed;bottom:0;left:0;width:100%;background:#033;padding:30px 0;z-index:9999;display:flex;align-items:center;justify-content:center;padding-bottom:calc(30px + var(--safe-b));} .mainform label{color:#fff;margin-right:10px;} .mainform>div+div{margin-left:20px;} .mainform input,.mainform select{padding:5px 15px;border-radius:10px;} .mainform .s01 span{color:#fff;font-weight:700;font-size:25px;margin-right:15px;} .mainform .s01 span b{color:#FF3;font-weight:700;} .mainform .s02 input{width:100px;} .mainform .s01,.mainform .s03{display:flex;align-items:center;justify-content:center;} .mainform .s03 .area input{width:150px;} .mainform .s03 span{color:#fff;margin-left:20px;} .mainform .s04 a{display:inline-block;background:#066;color:#fff;padding:10px 20px;border-radius:10px;} .main365{position:fixed;bottom:0;left:0;width:100%;background:#033;padding:30px 0;display:flex;align-items:center;justify-content:center;color:#fff;z-index:9999;padding-bottom:calc(30px + var(--safe-b));} .main365 div+div{margin-left:20px;} .main365 .s01{color:#fff;font-size:30px;font-weight:700;} .main365 .s01 b{color:#FF3;display:inline-block;margin-left:10px;} .main365 select,.main365 input{padding:10px;height:49px;outline:none;resize:none;box-sizing:border-box;border-radius:10px;} .main365 .s02{display:flex;align-items:center;} .main365 .s02>div{display:flex;align-items:center;} .main365 .s02 p+p{margin-left:15px;} .main365 .s02 b{margin-right:5px;} .main365 .s02 .name{width:150px;} .main365 .s02 .tel{width:250px;} .main365 .s02 input[type="submit"]{background:#F90;padding:10px 30px;margin-left:20px;} .sms365{position:fixed;bottom:0;left:0;width:100%;background:#2A3A58;padding:10px 0;display:flex;align-items:center;justify-content:center;color:#fff;z-index:9999;padding-bottom:calc(10px + var(--safe-b));} .sms365 div+div{margin-left:20px;} .sms365 .ms01{color:#d5f0f8;font-size:13px;font-weight:700;} .sms365 .ms01 b{color:#d5f0f8;display:inline-block;margin-left:10px;} .sms365 select,.main365 input{padding:10px;height:33px;outline:none;resize:none;box-sizing:border-box;border-radius:10px;} .sms365 .ms02{display:flex;align-items:center;} .sms365 .ms02>div{display:flex;align-items:center;} .sms365 .ms02 p+p{margin-left:15px;} .sms365 .ms02 b{margin-right:5px;} .sms365 .ms02 .name{width:150px;} .sms365 .ms02 .tel{width:250px;} .sms365 .ms02 input[type="submit"]{background:#134e6f;padding:3px 30px;margin-left:20px;} .MVisual{position:relative;width:100%;height:100vh;overflow:hidden;} .MVisual .slider{overflow:hidden;background:rgba(0,0,0,.5);isolation:isolate;} .MVisual .slider,.MVisual .slick-list,.MVisual .slick-track{height:100%;} .MVisual .item{position:relative;background-size:cover;background-position:50% 50%;} .MVisual .item_m{position:relative;background-size:cover;background-position:50% 50%;} .MVisual .item .inner{height:100%;} .MVisual .area{position:absolute;top:50%;transform:translateY(-50%);left:0;z-index:2;width:100%;color:#fff;} .MVisual .area h1{font-size:55px;font-weight:500;} .MVisual .area h2{font-size:90px;font-family:'Paperlogy';font-weight:800;} .MVisual .type1 h2{margin:10px 0 30px 0;} .MVisual .area p{font-size:27px;} .MVisual .type2 p{margin:20px 0 35px 0;} .MVisual .control{position:absolute;bottom:250px;left:0;height:2rem;display:flex;align-items:center;z-index:2;} .MVisual .control .page{color:#fff;margin-right:1rem;} .MVisual .control .page span{position:relative;display:inline-block;padding-left:85px;color:#ebebeb;} .MVisual .control .page span::before{position:absolute;top:50%;left:20px;width:50px;height:1px;border-top:1px #fff solid;background:#fff;content:"";} .MVisual .control a{color:#fff;padding:0 .1rem;} .MVisual .control a.play{display:none;} .MVisual .cs-call{position:absolute;bottom:0;left:0;display:flex;width:100%;align-items:center;z-index:2;color:#fff;} .MVisual .cs-call:before,.MVisual .cs-call:after{content:'';position:absolute;bottom:0;width:500px;height:100%;} .MVisual .cs-call:before{left:-500px;background:#0072bc;} .MVisual .cs-call:after{right:-500px;background:#092430;} .MVisual .cs-call .s01,.MVisual .cs-call .s02{padding:35px 0;font-size:25px;height:30px;} .MVisual .cs-call .s01{width:32%;background:linear-gradient(315deg,rgba(0,88,178,1) 38%,rgba(0,114,188,1) 100%);font-weight:600;} .MVisual .cs-call .s02{background:#092430;width:calc(100% - 32%);display:flex;justify-content:flex-end;align-items:center;font-weight:300;} .MVisual .cs-call .s02 strong{color:#60c0ff;font-weight:600;margin-right:30px;display:flex;align-items:center;} .MVisual .cs-call .s02 strong i{font-size:30px;font-weight:normal;margin-right:10px;} .MVisual .cs-call .s02 p+p{position:relative;margin-left:20px;padding-left:20px;} .MVisual .cs-call .s02 p+p:before{content:'';position:absolute;top:50%;left:0;width:1px;height:15px;border-left:1px solid rgb(255,255,255,0.3);transform:translateY(-50%);} .MVisual .cs-call .s02 p span{font-weight:600;margin-left:10px;letter-spacing:0;} #sec01{background-image:url(../img/main/sec01-01.jpg);padding:200px 0;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;} #sec01 .inner .area{display:flex;flex-direction:column;color:#fff;} #sec01 .inner img{width:120px;} #sec01 .inner img+img{margin-left:15px;} #sec01 .inner h1{font-size:55px;color:#00a0e5;margin:50px 0 15px 0;font-weight:500;} #sec01 .inner h2{font-size:90px;font-family:'Paperlogy';font-weight:700;margin-bottom:50px;} #sec01 .inner p{font-size:27px;} #sec01 .inner a{display:inline-block;padding:20px 35px;border:1px solid rgb(255,255,255,0.3);border-radius:30px;color:#fff;margin-top:100px;} #sec01 .inner a i{margin-left:50px;} .a-type1{-webkit-transition:.3s;transition:.3s} .a-type1:hover{background:#0072bc;border:1px solid #0072bc;color:#fff;} #sec02{background-image:url(../img/main/sec02-01.jpg);padding:200px 0 300px 0;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;} #sec02 .inner{display:flex;justify-content:space-between;align-items:flex-end;} #sec02 .area strong{font-size:35px;font-family:'Paperlogy';font-weight:800;} #sec02 .area h1{position:relative;font-size:70px;font-family:'Paperlogy';color:#00a0e5;margin-top:25px;font-weight:600;} #sec02 .area h1:after{content:'';position:absolute;top:37px;right:-170px;width:150px;height:1px;border-top:1px #00a0e5 solid;} #sec02 ul{gap:0 50px;} #sec02 ul li{text-align:center;font-size:25px;} #sec02 ul li img{width:90px;margin-bottom:20px;} #sec03{background-image:url(../img/main/sec03-01.jpg);padding:200px 0;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;color:#fff;} #sec03 .s01 ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:-400px;} #sec03 .s01 li{position:relative;font-size:25px;transition:all 1s;} #sec03 .s01 li:before{content:'';background:linear-gradient(to top,#000 10%,rgba(255,255,255,0) 70%);position:absolute;top:0;left:0;width:100%;height:100%;border-radius:37px;transition:all 1s;opacity:0;} #sec03 .s01 li:hover:before{opacity:1;} #sec03 .s01 li a{position:absolute;bottom:50px;left:60px;opacity:0;transition:all 1s;width:70px;height:70px;background:#fff;border-radius:50%;color:#222;display:flex;justify-content:center;align-items:center;font-size:30px;} #sec03 .s01 li:hover a{opacity:1;} #sec03 .s01 .area{position:absolute;top:150px;left:60px;} #sec03 .s01 .area h1{font-size:40px;margin-top:10px;font-weight:600;} #sec03 .s01 .area p{font-size:23px;font-weight:700;letter-spacing:0;} #sec03 .s01 li img{width:100%;border-radius:37px;} #sec03 .s02{padding-top:150px;} #sec03 .s02>strong{color:#27bffe;font-size:45px;} #sec03 .s02>h1{font-size:70px;font-family:'Paperlogy';font-weight:600;margin-bottom:15px;} #sec03 .s02 p{font-size:27px;opacity:.8} #sec03 .s02 ul{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;gap:30px;margin-top:70px;} #sec03 .s02 li{position:relative;border-radius:37px;transition:all 1s;border:1px solid rgb(255,255,255,0.2)} #sec03 .s02 li a{color:#fff;display:block;padding:50px;box-sizing:border-box;width:100%;height:100%;} #sec03 .s02 li:hover{background:#0072bc;box-shadow:8px 8px 16px 0 rgba(0,0,0,.5);border:1px solid #0072bc} #sec03 .s02 li:nth-child(1){background:#104453;border:none;} #sec03 .s02 li:nth-child(1):hover{background:#0072bc;} #sec03 .s02 li strong{border-bottom:1px dotted rgb(255,255,255);display:block;padding-bottom:15px;margin-bottom:20px;} #sec03 .s02 li strong b{font-size:50px;font-weight:700;} #sec03 .s02 li strong em{font-style:normal;font-family:'Paperlogy';letter-spacing:0;font-weight:600;margin-left:20px;} #sec03 .s02 li span{display:block;text-align:right;font-size:50px;margin-top:15px;} #sec04{padding-top:200px;} #sec04 .inner>.area{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px;} #sec04 .inner>.area h1{font-size:50px;font-family:'Paperlogy';font-weight:700;margin-top:5px;} #sec04 .inner>.area h2{font-size:30px;color:#349ee3;font-weight:500;} #sec04 .inner>.area .more{font-size:25px;font-weight:500;} #sec04 .inner>.area .more i{margin-left:10px;} .faq_section{margin-bottom:0;padding-top:0!important;} .faq_section ul li>a{display:flex;align-items:center;background:#f9fafb;border-radius:10px;line-height:77px;font-weight:400;} .faq_section ul li>a span{display:inline-block;width:230px;text-align:center;} .faq_section ul li>a b{display:flex;align-items:center;justify-content:center;width:27px;height:27px;font-size:15px;margin-right:10px;border-radius:50%;background:#333;color:#fff;} .faq_section ul li+li{margin-top:7px;} .faq_section ul li div.faq_cont{display:none;position:relative;padding:40px 72px 40px 40px;color:#555;overflow:hidden;} .faq_section ul li div.faq_cont .area{display:flex;line-height:30px;} .faq_section ul li div.faq_cont.on>a{background:url(/resources/images/etc/list_arrow_t.gif) 1100px center no-repeat;} .faq_section ul li div.faq_cont p+p{margin-top:10px;} .faq_section ul li div .answer{display:inline-block;margin-right:20px;font-weight:500;color:#1c87d0;} .section_title_wrap+.faq_list{margin-top:30px;} #ft_wr .inner{padding:200px 0 150px 0;} #ft_wr .s01{position:relative;} #ft_wr .s01:before{content:'';position:absolute;right:0;top:0;width:400px;height:400px;background:url(../img/common/ft_img.png) no-repeat;background-size:auto 100%;} #ft_wr .s01 h2{color:#349ee3;font-size:27px;font-weight:500;} #ft_wr .s01 h2 span+span{margin-left:20px;} #ft_wr .s01 h1{font-family:'Paperlogy';font-weight:700;font-size:50px;margin:10px 0 20px 0;} #ft_wr .s01 p{font-size:27px;opacity:.8;margin-bottom:50px;} #ft_wr .s01 a{display:inline-block;padding:20px 35px;border-radius:30px;-webkit-transition:.3s;transition:.3s;background:#333;color:#fff;font-size:21px;} #ft_wr .s01 a:hover{background:#0072bc;} #ft_wr .s01 a i{margin-left:50px;} #ft_wr .s02{padding:30px 0;margin:100px 0 30px 0;border-top:1px solid rgb(0,0,0,0.2);border-bottom:1px solid rgb(0,0,0,0.2);display:flex;align-items:center;justify-content:space-between;} #ft_wr .s02 h1{font-weight:700;} #ft_wr .s02 a{font-size:21px;font-weight:500;} #ft_wr .s02 a i{margin-right:5px;} #ft_wr .s03{line-height:35px;color:#555;display:flex;align-items:center;justify-content:space-between;letter-spacing:0;} #ft_wr .s03 span+span{margin-left:20px;} #ft_wr .s03 b{font-weight:600;margin-right:5px;color:#222;} #ft_wr .s03 img{width:45px;} #ft_wr .s03 ul{gap:0 15px;} #ft_wr .copy{text-align:center;background:#222;color:rgb(255,255,255,0.5);padding:25px 0;font-size:18px;letter-spacing:0;} #ft_wr .copy a{color:rgb(255,255,255,0.5);} @media all and (max-width:1920px){ .mainform .s01 span{font-size:23px;} .MVisual .cs-call .s01,.MVisual .cs-call .s02{font-size:20px;height:20px;padding:30px 0;} .MVisual .area h1{font-size:40px;} .MVisual .area h2{font-size:70px;} .MVisual .area p{font-size:23px;} .MVisual .control{bottom:200px;} #sec01{padding:150px 0;} #sec01 .inner img{width:100px;} #sec01 .inner h1{font-size:40px;} #sec01 .inner h2{font-size:70px;} #sec01 .inner p{font-size:23px;} #sec01 .inner a{padding:15px 30px;} #sec02{padding:150px 0 250px 0;} #sec02 .area strong{font-size:27px;} #sec02 .area h1{font-size:55px;} #sec02 .area h1:after{top:30px;right:-120px;width:100px;} #sec02 ul{gap:0 35px;} #sec02 ul li{font-size:20px;} #sec02 ul li img{width:60px;} #sec03{padding:150px 0;} #sec03 .s01 ul{margin-top:-300px;} #sec03 .s01 .area{top:120px;left:45px;} #sec03 .s01 li{font-size:20px;} #sec03 .s01 li a{width:55px;height:55px;font-size:20px;left:45px;} #sec03 .s01 .area h1{font-size:30px;} #sec03 .s01 .area p{font-size:17px;} #sec03 .s02{padding-top:100px;} #sec03 .s02 li a{padding:37px;} #sec03 .s02>strong{font-size:35px;} #sec03 .s02>h1{font-size:55px;} #sec03 .s02 p{font-size:23px} #sec03 .s02 ul{gap:30px;margin-top:50px;} #sec03 .s02 li strong b{font-size:37px;} #sec03 .s02 li p{font-size:20px;} #sec03 .s02 li span{font-size:35px;margin-top:0px;} #sec04{padding-top:150px;} #sec04 .inner .area h1{font-size:40px;} #sec04 .inner .area h2{font-size:25px;} #sec04 .inner .area .more{font-size:20px;} .faq_section ul li div.faq_cont .area{line-height:25px;} .faq_section ul li>a{line-height:60px} .faq_section ul li>a span{width:180px;} .faq_section ul li>a b{width:23px;height:23px;font-size:13px;} #ft_wr .inner{padding:150px 0 100px 0;} #ft_wr .s01:before{width:300px;height:300px;} #ft_wr .s01 h2{font-size:20px;} #ft_wr .s01 h2 span+span{margin-left:10px;} #ft_wr .s01 h1{font-size:40px} #ft_wr .s01 p{font-size:20px;} #ft_wr .s01 a{padding:15px 30px;font-size:16px;} #ft_wr .s02{padding:20px 0;margin:70px 0 20px 0;} #ft_wr .s02 h1{font-size:25px;} #ft_wr .s02 a{font-size:17px;} #ft_wr .s03{line-height:25px;} #ft_wr .s03 img{width:37px;} #ft_wr .s03 ul{gap:0 10px;} #ft_wr .copy{font-size:15px;} .main365 .s01{font-size:23px;} .main365 select,.main365 input{height:43px;} .main365 .s02 .name{width:120px;} .main365 .s02 .tel{width:200px;} .sms365 .ms01{font-size:13px;} .sms365 select,.sms365 input{height:33px;} .sms365 .ms02 .name{width:120px;} .sms365 .ms02 .tel{width:200px;} } @media all and (max-width:1280px){ .MVisual .area{left:20px;} .MVisual .area h1{font-size:30px;} .MVisual .area h2{font-size:60px;} .MVisual .area p{font-size:20px;} .MVisual .control{bottom:100px;left:20px;} .MVisual .cs-call{display:none;} #sec01{padding:100px 0;} #sec01 .inner .area{margin-left:20px;} #sec01 .inner h1{font-size:30px;} #sec01 .inner h2{font-size:60px;} #sec01 .inner p{font-size:20px;} #sec01 .inner a{margin-left:20px;} #sec02{padding:100px 20px;} #sec02 .area h1{font-size:45px;} #sec02 ul li{font-size:17px;} #sec03{padding:100px 20px;} #sec03 .s01 ul{margin-top:0;gap:10px;} #sec03 .s02 ul{gap:10px;} #sec04{padding:100px 20px 0 20px;} #ft_wr .inner{padding:100px 0;} #ft_wr .s01{padding:0 20px;} #ft_wr .s02{margin:50px 20px 20px 20px;} #ft_wr .s03{margin:0 20px;} .main365{display:block;text-align:center;} .main365 .s02{justify-content:center;margin-top:10px;} .sms365{display:block;text-align:center;} .sms365 .ms02{justify-content:center;margin-top:3px;} } @media all and (max-width:1024px){ .MVisual{height:600px;} .MVisual .area h1{font-size:25px;} .MVisual .area h2{font-size:55px;} .MVisual .area p{font-size:17px;} #sec01{background-image:url(../img/main/sec01-01-m.jpg);} #sec01 .inner h1{font-size:25px;} #sec01 .inner h2{font-size:55px;} #sec01 .inner p{font-size:17px;} #sec02 .inner{display:block;} #sec02 .area h1{margin-bottom:30px;} #sec02 .area h1:after{display:none;} #sec02 .area h1 br{display:none;} #sec02 ul{gap:25px;} #sec02 ul li{width:calc((100% / 3) - 17px)} #sec03 .s02>strong{font-size:30px;} #sec03 .s02>h1{font-size:50px;} #ft_wr .s01::before{display:none;} } @media all and (max-width:900px){ :root{--cta-h:210px;} .main365 .s02{display:block;padding:0 20px;} .main365 div+div{margin:0;} .main365 .s02>div{justify-content:center;} .main365 .s02 .area02{margin-top:15px;padding-top:15px;border-top:1px rgb(255,255,255,0.2) solid;} .sms365 .ms02{display:block;padding:0 20px;} .sms365 div+div{margin:0;} .sms365 .ms02>div{justify-content:center;} .sms365 .ms02 .area02{margin-top:10px;padding-top:10px;border-top:1px rgb(255,255,255,0.2) solid;} } @media all and (max-width:800px){ .MVisual{height:500px;} .MVisual .area h1{font-size:20px;} .MVisual .area h2{font-size:35px;} .MVisual .area p{font-size:17px;} .MVisual .control{bottom:50px;} #sec01 .inner h1{font-size:20px;} #sec01 .inner h2{font-size:35px;} #sec03 .s01 .area{top:90px;left:20px;} #sec03 .s02>strong{font-size:25px;} #sec03 .s02>h1{font-size:40px;} #sec03 .s02 p{font-size:20px} #sec03 .s02 p br{display:none;} #sec03 .s02 ul{display:block;} #sec03 .s02 ul li+li{margin-top:10px;} #ft_wr .s01 h1{font-size:30px;} #ft_wr .s01 p br{display:none;} #ft_wr .s02{display:block;} #ft_wr .s02 a{margin-top:15px;display:block;} #ft_wr .inner{padding:60px 0;} #ft_wr .s01 p{margin-bottom:26px;} } @media all and (max-width:640px){ :root{--cta-h:260px;} .MVisual{height:400px;} .MVisual .area p{display:none;} .MVisual .type2 h2{margin-top:10px;} #sec01 .inner img{width:70px;} #sec01 .inner h2{margin-bottom:10px;} #sec01 .inner a{margin-top:50px;} #sec03 .s01 ul{display:block;} #sec03 .s01 ul li+li{margin-top:20px;} #sec03 .s01 .area{top:150px;left:50px;} #sec03 .s02{padding-top:50px;} #sec03 .s02>h1{font-size:30px;margin-top:5px;} #sec04 .inner>.area{display:block;} #sec04 .inner .area .more{margin-top:10px;} .faq_section ul li>a{position:relative;display:block;} .faq_section ul li>a{line-height:23px;padding:50px 15px 15px 20px;} .faq_section ul li>a span{width:100%;display:block;text-align:left;font-weight:600;} .faq_section ul li>a b{position:absolute;top:20px;left:20px;} .faq_section ul li div.faq_cont{padding:20px 10px 20px 10px;} .faq_section ul li div.faq_cont .area{line-height:20px;} .main365 .s02 .area01{display:block;} .main365 .s02 .area01 select,.main365 .s02 .area01 input{width:100%;} .main365 .s02 b{display:none} .main365 .s02 .area01 p+p{margin:10px 0 0 0;} .sms365 .ms02 .area01{display:block;} .sms365 .ms02 .area01 select,.main365 .s02 .area01 input{width:100%;} .sms365 .ms02 b{display:none} .sms365 .ms02 .area01 p+p{margin:10px 0 0 0;} } @media all and (max-width:480px){ :root{--cta-h:300px;} #sec03 .s02 li a{padding:27px;} #sec03 .s02 li strong b{font-size:30px;} #sec03 .s02 li strong em{display:block;margin:10px 0 0 0;} #sec04 .inner .area h1{font-size:35px;} #ft_wr .s03{display:block;} #ft_wr .s03 b,#ft_wr .s03 p span{display:block;} #ft_wr .s03 p br{display:none;} #ft_wr .s03 p span:nth-child(1){margin-bottom:7px} #ft_wr .s03 p span+span{margin:7px 0 0 0;} #ft_wr .s03 ul{margin-top:10px;} #ft_wr .s02 h1{font-size:23px;} #ft_wr .s01 h2 span{display:block;} #ft_wr .s01 h2 span+span{margin:0;} } @media all and (max-width:1024px){ .MVisual{height:auto !important;overflow:hidden !important;} .MVisual .slider,.MVisual .slick-list,.MVisual .slick-track,.MVisual .slick-slide{height:auto !important;} .MVisual .item,.MVisual .item_m{ position:relative !important; min-height:0 !important; height:auto !important; background-size:contain !important; background-repeat:no-repeat !important; background-position:center top !important; aspect-ratio:1000/1536; } .MVisual .item::before,.MVisual .item_m::before{ content:""; display:block; padding-top:153.6%; } .MVisual .item .inner,.MVisual .item_m .inner{position:absolute !important;inset:0 !important;height:auto !important;} .MVisual .area{position:absolute !important;top:50% !important;left:0 !important;transform:translateY(-50%) !important;width:100% !important;z-index:2 !important;} .MVisual .control{position:absolute !important;bottom:20px !important;left:20px !important;z-index:2 !important;} } /* ===== 모바일 배너 아래 잘림/얇은 띠 완전 제거 ===== */ @media all and (max-width:1024px){ /* 1) 중복 높이 생성 제거: aspect-ratio만 쓰고 ::before는 끔 */ .MVisual .item::before, .MVisual .item_m::before{ content:none !important; display:none !important; padding-top:0 !important; } /* 2) contain을 cover로 변경: 빈 띠(여백) 자체가 생기지 않게 */ .MVisual .item, .MVisual .item_m{ background-size:cover !important; background-position:center top !important; aspect-ratio:1000/1536; /* 유지(원하면 조정 가능) */ } /* 3) slick/컨테이너에서 생기는 1~2px 갭 방지 */ #visualSlide, #visualSlide .slick-list, #visualSlide .slick-track, #visualSlide .slick-slide{ line-height:0 !important; font-size:0 !important; } /* 4) 배너 다음 섹션이 딱 붙게 */ .MVisual{ margin-bottom:0 !important; } .MVisual + #sec01{ margin-top:0 !important; } }