@charset "utf-8";

#mVisual{padding-top: 180px; height: calc(180px + 770px); position: relative; overflow: hidden;}
#mVisual .mvwrap,
#mVisual .slick-list,
#mVisual .slick-track {height:100%;}
#mVisual .mv{background: url('/images/main/mv1.jpg') center center / cover no-repeat; height: 100%; color: #fff;}
#mVisual .mv .inner{display: flex; align-items: center; justify-content: center; text-align: center; height: 100%;}
#mVisual .mv .txt h4{font-size: 3rem; font-weight: 600;}
#mVisual .mv .txt h3{font-size: 6rem; margin: 3rem 0 5rem; font-weight: 600;line-height:1.1;}
#mVisual .mv .txt h3 span{color: #55c2ff;}
#mVisual .mv .txt p{font-size: 2.5rem; line-height:1.4;}
#mVisual .mv .txt a{color: #fff; display: inline-block; margin-top: 5rem; border-radius: 100px; border: 1px solid #fff; padding: 1.5rem 5rem;}
#mVisual .mv .txt a:hover{background: var(--color1); border: 1px solid var(--color1);}
#mVisual .mv .txt a p{font-size: 1.8rem; display: flex; gap: 2rem; align-items: center;}

@media all and (max-width:1280px) {
    #mVisual{padding-top: 150px; height: calc(150px + 650px);}
    #mVisual .mv .txt h4{font-size: 2.5rem;}
    #mVisual .mv .txt h3{font-size: 5rem;}
    #mVisual .mv .txt p{font-size: 2rem;}
    #mVisual .mv .txt a p{font-size: 1.6rem;}
}
@media all and (max-width:976px) {
    #mVisual{padding-top: 70px; height: 100vh; min-height:600px;}
    #mVisual .mv .txt h4{font-size: 2rem;}
    #mVisual .mv .txt h3{font-size: 4.5rem;}
    #mVisual .mv .txt p{font-size: 1.8rem;}
}
@media all and (max-width:768px) {
    #mVisual{padding-top: 60px; height: 80vh; min-height:600px;}
    #mVisual .mv .txt h3{font-size: 4rem;}
    #mVisual .mv .txt a{margin-top: 4rem; padding: 1rem 3rem;}
}
@media all and (max-width:480px) {
    #mVisual{padding-top: 60px; height: 80vh; min-height:600px;}
    #mVisual .mv .txt h4{font-size: 1.8rem;}
    #mVisual .mv .txt h3{font-size: 3.2rem; line-height: 1.2; margin: 1.5rem 0 3rem;}
    #mVisual .mv .txt p{font-size: 1.6rem;}
    #mVisual .mv .txt a p{font-size: 1.4rem;}
}


.video_sec {position:relative; width:100%; height:670px; overflow:hidden;}
.video_sec video {width:100%; height:100%; object-fit:cover; display:block;}

@media all and (max-width:1280px) {
    .video_sec {height:560px;}
}

@media all and (max-width:768px) {
    .video_sec {height:420px;}
}

@media all and (max-width:480px) {
    .video_sec {height:320px;}
}


.m_txt{text-align: center; margin-bottom: 5rem;}
.m_txt p.eng{color: var(--color2);font-size: 2rem; font-weight: bold; margin-bottom: 2rem;margin-top: 0;}
.m_txt h3{font-size: 5rem; line-height: 1.2;}
.m_txt h3 span{background: var(--color3); color: #fff; display: inline-block; padding: 0 1rem;}
.m_txt p{font-size: 2.3rem; line-height: 1.4; margin-top: 3rem;}

@media all and (max-width:1280px) {
    .m_txt{margin-bottom: 4rem;}
    .m_txt p.eng{font-size: 1.8rem;}
    .m_txt h3{font-size: 4.5rem;}
    .m_txt p{font-size: 2rem;}
}
@media all and (max-width:768px) {
    .m_txt p.eng{font-size: 1.6rem;}
    .m_txt h3{font-size: 4rem;}
    .m_txt p{font-size: 1.8rem;}
}
@media all and (max-width:480px) {
    .m_txt{margin-bottom: 3rem;}
    .m_txt p.eng{font-size: 1.4rem;}
    .m_txt h3{font-size: 3.5rem;}
    .m_txt h3 span{padding: 0 0.7rem;}
    .m_txt p{font-size: 1.6rem;}
}


#m_where .cont ul{display: flex; flex-direction: column;gap: 10rem;}
#m_where .cont ul li{display: flex; align-items: center;}
#m_where .cont ul li:nth-child(even) .img{order: 2;}
#m_where .cont ul li:nth-child(even) .txt{order: 1; text-align: right; padding-right: 10rem; padding-left: 0;}
#m_where .cont ul li:nth-child(even) .txt a{margin: 0 0 0 auto;}
#m_where .cont ul li .img{width: 50%; text-align: center;}
#m_where .cont ul li .img img{max-width: 412px;}
#m_where .cont ul li .txt{width: 50%;padding-left: 10rem;}
#m_where .cont ul li .txt h3{font-size: 4.5rem; display: inline-block; background: #f8faed;padding: 0 1rem;}
#m_where .cont ul li .txt p{font-size: 2.5rem; line-height: 1.6; margin: 3rem 0 5rem;}

a.more{font-size: 2.5rem; width: 28rem; height: 6.5rem; display: flex; align-items: center; justify-content: center;gap: 3rem; background: linear-gradient(to right, var(--color2), var(--color1)); color: #fff; border-radius: 100px;}
a.more span{transition:transform .3s ease;}
a.more:hover span{transform:translateX(8px);}

@media all and (max-width:1420px){
    #m_where .cont ul li .txt{padding-left: 4rem;}
    #m_where .cont ul li:nth-child(even) .txt{padding-right: 4rem;}
    #m_where .cont ul li .txt p{font-size: 2.3rem;}
}
@media all and (max-width:1280px){
    #m_where .cont ul li .txt h3{font-size: 4rem;}
    #m_where .cont ul li .txt p{font-size: 2rem;}
    a.more{font-size: 2rem; width: 25rem; height: 6rem;}
}
@media all and (max-width:976px){
    #m_where .cont ul li .img{width: 40%;}
    #m_where .cont ul li .img img{max-width: 38rem; width: 100%;}
    #m_where .cont ul li .txt{width: 60%;}
    #m_where .cont ul li .txt h3{font-size: 3.5rem;}
    #m_where .cont ul li .txt p{font-size: 1.8rem;}
}
@media all and (max-width:768px){
    #m_where .cont ul li{flex-wrap: wrap; gap: 4rem;}
    #m_where .cont ul li .img{width: 100%;}
    #m_where .cont ul li .txt{width: 100%; text-align: center; padding-left: 0;}
    #m_where .cont ul li .txt a{margin: 0 auto;}
    #m_where .cont ul li:nth-child(even) .img{order: 1;}
    #m_where .cont ul li:nth-child(even) .txt{order: 2; text-align: center; padding-right: 0;}
    #m_where .cont ul li:nth-child(even) .txt a{margin: 0 auto;}
}
@media all and (max-width:480px){
    #m_where .cont ul li .img img{max-width: 35rem;}
    #m_where .cont ul li .txt h3{font-size: 3rem;}
    #m_where .cont ul li .txt p{font-size: 1.7rem;margin: 2rem 0 3rem;}
    a.more{font-size: 1.8rem; width: 23rem; height: 5rem;}
}


#m_ft{background: url('/images/main/m_ft_bg.jpg') center center / cover no-repeat;background-attachment:fixed; padding: 7rem 0;}
#m_ft ul{display: flex; text-align: center; justify-content: space-between;}
#m_ft ul li{width: calc(100%/3); color: #fff;}
#m_ft ul li .img{width: 20rem; margin: 0 auto;}
#m_ft ul li .img img{width: 100%;}
#m_ft ul li .txt h3{font-size: 3.5rem; margin: 4rem 0 3rem;}
#m_ft ul li .txt p{font-size: 2.5rem;line-height: 1.5;}

@media all and (max-width:1280px){
    #m_ft{padding: 5rem 0;}
    #m_ft ul li .img{width: 18rem;}
    #m_ft ul li .txt h3{font-size: 3rem;}
    #m_ft ul li .txt p{font-size: 2rem;}
}
@media all and (max-width:976px){
    #m_ft ul li .img{width: 16rem;}
    #m_ft ul li .txt h3{font-size: 3rem;}
    #m_ft ul li .txt p{font-size: 1.8rem;}
}
@media all and (max-width:768px){
    #m_ft{padding: 3rem 0;}
    #m_ft ul{flex-wrap: wrap;gap: 5rem;}
    #m_ft ul li{width: 100%;}
}
@media all and (max-width:480px){
    #m_ft ul li .txt h3{font-size: 2.5rem; margin: 2.5rem 0 1rem;}
    #m_ft ul li .txt p{font-size: 1.6rem;}
}


#m_device{position:relative;}
#m_device .s-inner{display:flex; align-items:center; justify-content:space-between;}
#m_device .m_txt{width:50%; text-align:left; margin-bottom:0;}
#m_device .img{width:50%; position:relative;}
#m_device .img > ul{position:relative;}
#m_device .img > ul:before{content:""; position:absolute; width:52rem; height:52rem; border-radius:50%; background:#eaf2f7; left:50%; top:50%; transform:translate(-50%,-50%); z-index:-1;}
#m_device .img > ul > li{text-align:center;}
#m_device .img img{max-width:40rem; width:80%; margin:0 auto; display:block;}
#m_device .slick-dots{position:static; display:flex; justify-content:center; gap:0.6rem;}
#m_device .slick-dots li{width:0.8rem; height:0.8rem; margin:0;}
#m_device .slick-dots li button{width:0.6rem; height:0.6rem; padding:0; border-radius:50%; background:#9bb8cf;}
#m_device .slick-dots li button:before{display:none;}
#m_device a.more{margin-top: 7rem;}



@media all and (max-width:1280px){
    #m_device .img ul:before{width:44rem; height:44rem;}
    #m_device .img img{max-width:38rem;}
}

@media all and (max-width:976px){
    #m_device .s-inner{display:block;}
    #m_device .m_txt{width:100%; text-align:center; margin-bottom:7rem;}
    #m_device .img{width:100%;}
    #m_device .img ul:before{width:36rem; height:36rem;}
    #m_device .img img{max-width:34rem;}
    #m_device a.more{margin: 5rem auto 0;}

}

@media all and (max-width:480px){
    #m_device .img ul:before{width:30rem; height:30rem;}
    #m_device .img img{max-width:26rem;}
}


#m_review{background:#e9f3f9; overflow:hidden;}
#m_review .review_slide{margin-top:7rem;}
#m_review .review_slide .slick-list{overflow:visible;}
#m_review .review_slide .slick-track{display:flex; gap:4rem;}
#m_review .review_slide .slick-slide{height:auto;}
#m_review ul li{padding:5rem 4rem; background:#fff; border-radius:2rem; height:100%; box-sizing:border-box;}
#m_review ul li .star{color:#ffba00; font-size:2.5rem; font-weight:bold;}
#m_review ul li .cont{font-size:2rem; line-height:1.5; margin:3rem 0 6rem; word-break: keep-all;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
#m_review ul li .name{display:flex; align-items:center; gap:1.5rem;}
#m_review ul li .name .img{width:5rem; height:5rem; border-radius:50%; overflow:hidden;}
#m_review ul li .name .img img{width:100%; height:100%; object-fit:cover;}
#m_review ul li .name h5{font-size:2rem;}

@media all and (max-width:1280px){
    #m_review .review_slide .slick-track{gap:3rem;}
    #m_review ul li{padding:4rem 3rem;}
    #m_review ul li .star{font-size:2.2rem;}
    #m_review ul li .cont{font-size:1.8rem;}
    #m_review ul li .name h5{font-size:1.8rem;}
}

@media all and (max-width:768px){
    #m_review .review_slide{margin-top:5rem;}
    #m_review .review_slide .slick-track{gap:2rem;}
    #m_review ul li{padding:3.5rem 2.5rem; border-radius: 1rem;}
    #m_review ul li .cont{font-size:1.6rem; margin:2rem 0 4rem;}
    #m_review ul li .name .img{width:4rem; height:4rem;}
    #m_review ul li .name h5{font-size:1.6rem;}
}


#m_partner{background: url('/images/main/m_partner_img.png') 0% 50% / 35% no-repeat;}
#m_partner ul{display: flex; flex-wrap: wrap;gap: 2rem; justify-content: center;}
#m_partner ul li{width: calc(100%/4 - 3rem/4); border: 1px solid #eee;}
#m_partner ul li img{width: 100%;}

@media all and (max-width:976px){
    #m_partner ul{gap: 1rem;}
    #m_partner ul li{width: calc(100%/3 - 2rem/3);}
}
@media all and (max-width:768px){
    #m_partner{background-size: 50%;}
}
@media all and (max-width:480px){
    #m_partner{background-size: 70%;}
    #m_partner ul li{width: calc(100%/2 - 1rem/2);}
}



#m_loca{display: flex; background: var(--color1); color: #fff;}
#m_loca .lt{width: 50%;padding: 14rem 10rem 14rem 16rem;}
#m_loca .lt .top{border-bottom: 1px solid #ddd; margin-bottom: 4rem; padding-bottom: 4rem;}
#m_loca .lt .top h3{font-size: 6rem;}
#m_loca .lt .top h4{font-size: 4rem;margin: 3rem 0 2rem;}
#m_loca .lt .top .call{display: flex; align-items: center;gap: 2rem;}
#m_loca .lt .top .call p{font-size: 4rem; font-weight: bold; display: flex; align-items: center; gap: 2rem;}
#m_loca .lt .time{display: flex; flex-direction: column;gap: 1rem;}
#m_loca .lt .time dl{display: flex; align-items: center; font-size: 2.7rem;}
#m_loca .lt .time dl dt{width: 15rem; font-weight: bold; display: flex; gap: 1rem; align-items: center;}
#m_loca .lt .time dl dt span{display: inline-block; border-radius: 0.5rem; background: #000;font-size: 2.4rem; text-align: center; background: #ce0000;color: #fff; font-weight: bold;padding: 0.1rem 0.5rem;}
#m_loca .lt .time dl dd{display: flex; align-items: center; gap: 1rem; flex-wrap: wrap;}
#m_loca .lt .time dl dd span{color: #ffa742; background: var(--color2); padding: 0.2rem 0.7rem; display: inline-block; font-weight: bold;}
#m_loca .lt .info{margin-top: 7rem;}
#m_loca .lt .info p{font-size: 2.5rem; line-height: 1.4;}
#m_loca .rt{width: 50%;}
.root_daum_roughmap .wrap_map{height: 100% !important;}

.root_daum_roughmap .cont,
.root_daum_roughmap .wrap_controllers{display: none;}
#daumRoughmapContainer1744259252920 img[src*="marker_bus"] {display: none !important;}


@media all and (max-width:1820px){
    #m_loca .lt{width: 50%;padding: 14rem 10rem;}
}
@media all and (max-width:1620px){
    #m_loca .lt .top h3{font-size: 5rem;}
    #m_loca .lt .top h4{font-size: 3.5rem;}
    #m_loca .lt .top .call p{font-size: 3.5rem;}
    #m_loca .lt .time dl{font-size: 2.3rem;}
    #m_loca .lt .time dl dt{width: 12rem;}
    #m_loca .lt .time dl dt span{font-size: 2rem;}
    #m_loca .lt .info p{font-size: 2rem;}
}
@media all and (max-width:1480px){
    #m_loca .lt{width: 50%;padding: 12rem 6rem;}
}
@media all and (max-width:1280px){
    #m_loca .lt{width: 55%;padding: 10rem 4.5rem;}
    #m_loca .lt .top h3{font-size: 4rem;}
    #m_loca .lt .top h4{font-size: 3rem;}
    #m_loca .lt .top .call{gap: 1rem;}
    #m_loca .lt .top .call img{width: 3.5rem;}
    #m_loca .lt .top .call p{font-size: 3rem;gap: 1.5rem;}
    #m_loca .lt .time dl{font-size: 2rem;}
    #m_loca .lt .time dl dt{width: 10rem;}
    #m_loca .lt .time dl dt span{font-size: 1.7rem;}
    #m_loca .lt .info{margin-top: 5rem;}
    #m_loca .lt .info p{font-size: 1.8rem;}
}
@media all and (max-width:976px){
    #m_loca{flex-wrap: wrap;}
    #m_loca .lt{width: 100%;}
    #m_loca .rt{width: 100%;height: 50rem;}
}
@media all and (max-width:768px){
    #m_loca .lt{padding: 8rem 2rem;}
}
@media all and (max-width:480px){
    #m_loca .lt .top{margin-bottom: 3rem; padding-bottom: 3rem;}
    #m_loca .lt .top h3{font-size: 3.5rem;}
    #m_loca .lt .top h4{font-size: 2.5rem;margin: 2rem 0;}
    #m_loca .lt .top .call img{width: 3rem;}
    #m_loca .lt .top .call p{font-size: 2.5rem;}
    #m_loca .lt .time{gap: 0.7rem;}
    #m_loca .lt .time dl dd{gap: 0.5rem;}
    #m_loca .lt .info {margin-top: 3rem;}
    #m_loca .lt .info p{font-size: 1.6rem;}
    #m_loca .rt{height: 40rem;}
}