.main {overflow: hidden;}
@media(max-width:768px) {
    .container_mo {padding-left : 5%; width: 100%;}
}

.main .section {max-width: 1920px; margin: auto !important; border-left: 1px solid rgba(var(--pointcolor-rgb), 0.2); border-right: 1px solid rgba(var(--pointcolor-rgb), 0.2);}

@media(max-width:2040px) {.main .section {border: none;}}

.wrap {width: calc(100% - 7.5rem); margin: auto;}

@media(max-width:1550px) {
    .wrap {width: calc(100% - 3.75rem);}
}

@media(max-width:768px) {
    .wrap {width: 100%;}
}

/* 폰트 */
@media(max-width:768px) {
    .font-16 {font-size: 1.125rem;}
    .font-18 {font-size: 1.625rem;}
    .font-20,
    .font-26,
    .font-28 {font-size: 1.875rem;}
    .font-50,
    .font-60,
    .font-70 {font-size: 5.000rem;}
}

@media(max-width:580px) {
    .font-50,
    .font-60,
    .font-70 {font-size: 4.000rem;}
}

/* 선 */
.bg-line {background: rgba(var(--pointcolor-rgb), 0.2); z-index: -1;}
.horiz-line {width: 100%; height: 1px;}
.verti-line {width: 1px; height: 100%; position: absolute;}
.verti-line.left { left: 3.75rem; top: 100vh;}
.verti-line.right {right: 3.75rem; top: 100vh;}

@media(max-width:1550px) {
    .verti-line.left { left: 1.875rem;}
    .verti-line.right {right: 1.875rem;} 
}

@media(max-width:768px) {
    .verti-line.left { left: 10%; top: auto;}
    .verti-line.right {right: 10%; top: auto;}
}

/* 버튼 */
.more_btn {gap: 1.5rem; position: relative; width: fit-content;}
.more_btn:after {position: absolute; width: 3.5rem; height: 3.5rem; border-radius: 50%; background: var(--pointcolor); content: ""; left: -0.9rem; top: 50%; transform: translateY(-50%); z-index: -1; transition: 0.45s;}
.more_btn span {color: var(--pointcolor); position: relative; transition: 0.45s; letter-spacing: 0.8px;}
.more_btn span::before {content: attr(data-text); position: absolute; left: 0; top: 0; color: white; clip-path: circle(1.5rem at 1.15rem 50%); transition: 0.45s;}

@media(min-width:769px) {
    .more_btn:hover:after {transform: translateY(-50%) scale(1.2);}   
    .more_btn:hover span::before {clip-path: circle(1.5rem at 1.5rem 50%);}
}

@media(max-width:768px) {
    .more_btn:after {width: 6rem; height: 6rem; left: -2rem;}
    .more_btn span.txt:after {left: 0;}
    .more_btn .material-symbols-outlined {font-size: 2.5rem;}
    .more_btn span::before {clip-path: circle(3rem at 0.95rem 50%);}
}

/* 스와이프 버튼 */
.swiper-button-next, 
.swiper-button-prev {position: relative; top: 0; left: 0; margin-top: 0 !important; font-family: "Montserrat", sans-serif !important; font-weight: 600; width: 100%; height: 100%;}
.swiper-button-next:after, 
.swiper-button-prev:after {font-size: 1rem !important; color: #fff;}


/* 마우스효과 */
.more_btn:hover:after {background: #88857e;}
.more_btn:hover span {color: #88857e;}
.more_btn:hover span.material-symbols-outlined {transform: translateX(10px);}

/* 메인슬라이드 */
.main .mainSlide {height: 100vh;}
.main .mainSlide .wrap {width: 100%; height: 100%;}
.main .mainSlide .swiper {height: 100%;}
.main .mainSlide .swiper-slide {position: relative; height: 100%; overflow:hidden;-webkit-backface-visibility:hidden; backface-visibility:hidden;}

/* 메인슬라이드 배경 */
.main .mainSlide .swiper-slide .main_bg {position: absolute; left: 0; top: 0; width: 100%; height: 100vh; background-position: center !important; background-size: cover !important; z-index: -1;}
.main .mainSlide .swiper-slide.slide01 .main_bg {background: url("/img/main/mainSlide01.jpg") no-repeat;}
.main .mainSlide .swiper-slide.slide02 .main_bg {background: url("/img/main/mainSlide02.jpg") no-repeat;}
.main .mainSlide .swiper-slide.slide03 .main_bg {background: url("/img/main/mainSlide03.jpg") no-repeat;}
.main .mainSlide .swiper-slide.slide04 .main_bg {background: url("/img/main/mainSlide04.jpg") no-repeat;}

@media(max-width:768px) {
    .main .mainSlide .swiper-slide.slide01 .main_bg {background: url("/img/main/mainSlide01_m.jpg") no-repeat;}
    .main .mainSlide .swiper-slide.slide02 .main_bg {background: url("/img/main/mainSlide02_m.jpg") no-repeat;}
    .main .mainSlide .swiper-slide.slide03 .main_bg {background: url("/img/main/mainSlide03_m.jpg") no-repeat;}
    .main .mainSlide .swiper-slide.slide04 .main_bg {background: url("/img/main/mainSlide04_m.jpg") no-repeat;}
}

/* 메인슬라이드 글자 */
.main .mainSlide .swiper-slide .txt {position: absolute; z-index: 1;}
.main .mainSlide .swiper-slide.slide01 .txt {left: 50%; top: 32%; transform: translate(-50%, -50%);}
.main .mainSlide .swiper-slide.slide02 .txt {left: 50%; top: 50%; transform: translate(-50%, -50%);}
.main .mainSlide .swiper-slide.slide03 .txt {left: calc((100% - var(--layoutwidth)) / 2); bottom: 12.5rem;}
.main .mainSlide .swiper-slide.slide04 .txt {left: calc((100% - var(--layoutwidth)) / 2); top: 50%; transform: translateY(-50%);}

@media(max-width:1550px) {
    .main .mainSlide .swiper-slide.slide03 .txt {left: 5%;}
    .main .mainSlide .swiper-slide.slide04 .txt {left: 5%;}
}

@media(max-width:1440px) {
    .main .mainSlide .swiper-slide.slide01 .txt {width: 70%;}
    .main .mainSlide .swiper-slide.slide02 .txt {width: 90%;}
}

@media(max-width:1240px) {
    .main .mainSlide .swiper-slide.slide02 .txt {width: 100%;}
}

@media(max-width:990px) {
    .main .mainSlide .swiper-slide.slide01 .txt {width: 80%;}
    .main .mainSlide .swiper-slide.slide02 .flexList {--y-gap: 60vh;}
    .main .mainSlide .swiper-slide.slide02 .box {padding-left: 0; text-align: center;}
}

@media(max-width:768px) {
    .main .mainSlide .swiper-slide.slide01 .txt {width: 90%;}
    .main .mainSlide .swiper-slide.slide01 .box {padding-left: 0; text-align: center;}
    .main .mainSlide .swiper-slide.slide01 .box:nth-child(2) {margin-top: 3rem;}
    .main .mainSlide .swiper-slide.slide03 .txt {left: 50%; transform: translateX(-50%); text-align: center; width: 90%;}
    .main .mainSlide .swiper-slide.slide04 .txt {width: 90%; top: 70%; padding-left: 0;}
}

@media(max-width:500px) {
    .main .mainSlide .swiper-slide.slide02 .txt {width: 90%;}
    .main .mainSlide .swiper-slide.slide03 .txt p {font-size: 3.5rem !important;}
}

@media(max-width:420px) {
    .main .mainSlide .swiper-slide.slide02 .flexList {--y-gap: 45vh;}
}

@media(max-width:380px) {
    .main .mainSlide .swiper-slide.slide02 .txt p {font-size: 3.5rem !important;}
    .main .mainSlide .swiper-slide.slide03 .txt p {font-size: 2.8rem !important;}
}

/* 메인슬라이드 페이지네이션 */
.main .mainSlide .swiper_btns {position: absolute; left: 50%; transform: translateX(-50%); bottom: 5rem; z-index: 1; max-width: 17rem; width: 100%;}
.main .mainSlide .swiper_btns .swiper-pagination,
.main .mainSlide .swiper_btns .swiper-button-next, 
.main .mainSlide .swiper_btns .swiper-button-prev {position: relative; top: 0; left: 0; margin-top: 0 !important; font-family: "Montserrat", sans-serif !important; font-weight: 600; width: 100%; height: 100%; letter-spacing: 1px;}
.main .mainSlide .swiper_btns .swiper-button-next:after, 
.main .mainSlide .swiper_btns .swiper-button-prev:after {font-size: 1rem !important; color: #fff;}
.main .mainSlide .swiper_btns .swiper-button-next::before, 
.main .mainSlide .swiper_btns .swiper-button-prev::before {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1.2); width: 3rem; height: 3rem; border-radius: 50%; border: 3px solid #fff; content: ""; opacity: 0; transition: 0.45s;}

/* .main .mainSlide .swiper_btns .swiper-pagination-current {color: #baeee2;} */

@media (hover: hover) and (pointer: fine) {
    .main .mainSlide .swiper_btns .swiper-button-next:hover:before, 
    .main .mainSlide .swiper_btns .swiper-button-prev:hover:before {opacity: 1; transform: translate(-50%, -50%) scale(1);}
}

@media(max-width:768px) {
    .main .mainSlide .swiper_btns {max-width: 22rem;}
    .main .mainSlide .swiper_btns .swiper-button-next:after, .main .mainSlide .swiper_btns .swiper-button-prev:after {font-size: 1.5rem !important;}
    .main .mainSlide .swiper_btns .swiper-button-next::before, .main .mainSlide .swiper_btns .swiper-button-prev::before {width: 4rem; height: 4rem;}
}


/* 시그니처 */
.main .signature .swiper-slide:first-child:hover a {cursor: default;}
.main .signature .swiper-slide .imgbox {position: relative; width: 100%;}
.main .signature .swiper-slide .imgbox img {transition: 0.45s;}
.main .signature .swiper-slide .imgbox img.on {opacity: 0; position: absolute; left: 0; top: 0;}
.main .signature .swiper-slide .imgbox .h_txt {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; width: 12rem; text-align: center; opacity: 0; transition: 0.45s;}
.main .signature .swiper-slide .imgbox .h_txt:after,
.main .signature .swiper-slide .imgbox .h_txt:before {position: absolute; left: 50%; transform: translate(-50%, -50%); content: ""; mix-blend-mode: plus-lighter; background: linear-gradient(to right, transparent, rgba(255,255,255,0.5) 15%, rgba(255,255,255,0.5) 85%, transparent 95%, transparent); width: 110%; height: 2px;}
.main .signature .swiper-slide .imgbox .h_txt:after {top: -0.7rem; }
.main .signature .swiper-slide .imgbox .h_txt:before {bottom: -0.7rem;}

.main .signature .swiper_btns {gap: 3rem; width: fit-content; display: none;}
.main .signature .swiper-button-next, .main .signature .swiper-button-prev { width: auto;}
.main .signature .swiper-button-next:after, .main .signature .swiper-button-prev:after {color: var(--point2color); font-size: 1.75rem !important;}

@media(min-width:769px) {
    /* 마우스오버효과 */
    .main .signature .swiper-slide:hover .imgbox img {border-radius: 4.375rem;}
    .main .signature .swiper-slide:hover .imgbox img.on {opacity: 1;}
    .main .signature .swiper-slide:hover .imgbox .h_txt {opacity: 1;}

    .main .signature .swiper-slide:first-child:hover .imgbox img {border-radius: 0;}
    .main .signature .swiper-slide:first-child:hover .imgbox:after {display: none;}
    .main .signature .swiper-slide:first-child:hover .imgbox .h_txt {display: none;}
}

@media(max-width:768px) {
    .main .signature .tit {padding: 0 5%;}
    .main .signature .swiper-slide .imgbox .h_txt {width: 18rem;}
    .main .signature .swiper-slide.swiper-slide-active .imgbox img {border-radius: 4.375rem;}
    .main .signature .swiper-slide.swiper-slide-active .imgbox img.on {opacity: 1;}
    .main .signature .swiper-slide.swiper-slide-active .imgbox .h_txt {opacity: 1;}
    .main .signature .swiper-slide[data-swiper-slide-index="0"].swiper-slide-active .imgbox img {border-radius: 0;}

    .main .signature .swiper_btns {display: flex;}
}

@media(max-width:420px) {
    .main .signature .swiper-slide.swiper-slide-active .imgbox img {border-radius: 3.5rem;}
    .main .signature .swiper-slide.swiper-slide-active .imgbox:after {border-radius: 3.5rem;}
    .main .signature .swiper-slide .imgbox .h_txt {font-size: 1.25rem !important; width: 13rem;}
}

/* 롤링txt */
.rolling-txt {padding: 1.5rem 0;}
.rolling-txt .wrap {display: flex; overflow: hidden;}
.rolling-txt .rolling-list {display: flex; flex-shrink: 0;}
.rolling-txt .rolling-list .list {margin: 0 1.25rem; font-size: 2.500rem; color: var(--point2color); display: flex; align-items: center; gap: 2.5rem;}

@keyframes rolling1 {
	0% { transform: translateX(0); }
	50% { transform: translateX(-100%); }
	50.01% { transform: translateX(100%); }
	100% { transform: translateX(0); }
}

@keyframes rolling2 {
	0% { transform: translateX(0); }
	100% { transform: translateX(-200%); }
}

.rolling-list.original {animation: rolling1 50s linear infinite;}
.rolling-list.clone {animation: rolling2 50s linear infinite;}

@media(max-width:768px) {
    .rolling-txt .rolling-list .list img {width: 18px;}
}

/* 의료진 */
.main .doctor .verti-line {left: 50%; transform: translateX(-50%); top: 0;}
.main .doctor .horiz-line.left {position: absolute; left: 3.75rem; top: 26.25rem; width: calc(50% - 3.75rem); z-index: -1;}
.main .doctor .horiz-line.right {position: absolute; right: 3.75rem; bottom: 7.5rem; width: calc(50% - 3.75rem); z-index: -1;}

.main .doctor .txt-circle {position: absolute; left: -80px; top: -120px; z-index: -1; animation: rotate 15s linear infinite; width: 250px;}
.main .doctor .txt-circle text {letter-spacing: 2.5px; font-size: 16px;}

@keyframes rotate {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
}

@media(max-width:1550px) {
    .main .doctor .horiz-line.left {left: 1.875rem; width: calc(50% - 1.875rem);}
    .main .doctor .horiz-line.right {right: 1.875rem; width: calc(50% - 1.875rem);}

    .main .doctor .txt-circle  {left: -110px;}
}

@media(max-width:1440px){
    .main .doctor .box.pl-200 {padding-left: 6.25rem;}
    .main .doctor .horiz-line.right {bottom: 3.325rem;}
}

@media(max-width:1024px) {
    .main .doctor .txt-circle {width: 220px; left: -100px; top: -100px;}
}

@media(max-width:990px) {
    .main .doctor .box.pr-100 {padding-right: 3rem;}
    .main .doctor .box.pl-200 {padding-left: 3rem;}
    .main .doctor .imgbox:after {left: -5.75rem; top: -8.75rem;}

    @keyframes shake {
        0% {
            transform: scale(0.8) rotate(0deg) translateX(0);
        }
        25% {
            transform: scale(0.8) rotate(-10deg) translateX(-6px);
        }
        50% {
            transform: scale(0.8) rotate(10deg) translateX(6px);
        }
        75% {
            transform: scale(0.8) rotate(-10deg) translateX(-6px);
        }
        100% {
            transform: scale(0.8) rotate(0deg) translateX(0);
        }
    }
}

@media(max-width:768px) {
    .main .doctor {padding: 0;}
    .main .doctor .container {width: 100%; padding: 0 6.25rem;}
    .main .doctor .flexList {--y-gap: 0rem;}
    .main .doctor .box.pl-200 {padding-left: 0; width: 100%; padding: 100px 6.25rem; position: relative; order: -1; border-left: 1px solid rgba(var(--pointcolor-rgb), 0.2); margin-top: 0;}
    .main .doctor .box.pl-200:after {position: absolute; left: -50%; bottom: 0; width: 1000%; background: rgba(var(--pointcolor-rgb), 0.2); z-index: -1; height: 1px; content: "";}
    .main .doctor .box.pr-100 {padding-right: 0; width: 100%; padding: 100px 6.25rem; border-right: 1px solid rgba(var(--pointcolor-rgb), 0.2);}

    .main .doctor .more_btn {margin-left: 6.25rem;}

    .main .doctor .txt-circle {width: 200px; left: -60px;}
    .main .doctor .txt-circle text {font-size: 28px;}

}

@media(max-width:680px) {
    .main .doctor .container {padding: 0 5%;}
    .main .doctor .more_btn {margin-left: 5%;}
    .main .doctor .box.pl-200 {padding: 100px 5%;}
    .main .doctor .box.pr-100 {padding: 100px 5%;}
}

@media(max-width:500px) {
    .main .doctor .txt-circle {width: 150px; left: -50px; top: -80px;}
}

@media(max-width:420px) {
    .main .doctor .txt-circle {left: -45px;}
}

/* @media(max-width:350px) {
    .main .doctor .box.pr-100,
    .main .doctor .box.pl-200  {width: 90%;}
}
 */
@media(max-width:280px) {
    .main .doctor .box.pl-200 br.visible-xs {display: none !important;}
}

/* 뷰티섹션 */
.main .beauty {width: calc(100% - 7.5rem); margin: auto; overflow: hidden;}
.main .beauty .bg_wrap {clip: rect(0, auto, auto, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.main .beauty .bg_wrap .bg {position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100vh; background: url("/img/main/beauty_bg.jpg") no-repeat; background-position: center; background-size: cover; transform: translateZ(0); will-change: transform;}
.main .beauty .container {position: relative; z-index: 2;}

@media(max-width:1550px) {
    .main .beauty {width: calc(100% - 3.75rem);}
    .main .beauty .box .desc h3 span {font-weight: 600 !important;}
}

@media(max-width:768px) {
    .main .beauty {width: 100%;}
    .main .beauty .bg_wrap .bg {background: url("/img/main/beauty_bgm.jpg") no-repeat;}
    .main .beauty .font-18 {font-size: 1.875rem !important;}
    .main .beauty .box img {transform: scale(0.7);}
    .main .beauty .box .desc.mt-30 {margin-top: 0;}
}

@media(max-width:380px) {
    .main .beauty .font-28,
    .main .beauty .desc p {font-size: 1.5rem !important;}
}

/* 철학섹션_포인트섹션 */
.main .philosophy {background: url("/img/main/philosophy_bg.jpg") no-repeat; background-size: cover; background-position: center; position: relative;}
.main .philosophy:after {position: absolute; left: 3.75rem; top: 0; width: 100%; height: 100%; background: url("/img/main/point_bg.jpg") no-repeat; background-size: cover; width: calc(50% - 10.75rem); height: 100%; content: ""; background-position: right;}
.main .philosophy .container {position: relative; z-index: 1; padding: 200px 0;}
.main .philosophy .box .tit {opacity: 0.8;}

@media(max-width:1680px) {
    .main .philosophy:after {left: 0rem; }
}

@media(max-width:1550px) {
    .main .philosophy:after {left: 1.875rem; }
    .main .philosophy .container {padding: 130px 0;}
}

@media(max-width:1240px) {
    .main .philosophy:after {width: calc(50% - 7rem);}
}

@media(max-width:990px) {
    .main .philosophy:after {left: 0;  width: 50%;}
    .main .philosophy .container {padding: 100px 0;}
}

@media(max-width:768px) {
    .main .philosophy {background: none;}
    .main .philosophy:after {display: none;}
    .main .philosophy .container {width: 100%; background: url("/img/main/point_bgm.jpg") no-repeat; background-size: cover; background-position: center; padding: 80px 0;}
    .main .philosophy .box {width: 80%; margin: auto;}
    .main .philosophy .box .tit {opacity: 1;}
    .main .philosophy .box .tit h2 {color: #fff !important;}
}

@media(max-width:320px) {
    .main .philosophy .box br.visible-xs {display: none !important;}
}

/* 인테리어 */
.main .interior {overflow: hidden; padding-bottom: 5rem !important; border-bottom: 1px solid rgba(var(--pointcolor-rgb), 0.2);}
.main .interior .swiper-wrapper { -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear;}
.main .interior .swiper-slide {width: auto !important;}
.main .interior .swiper-slide img {object-fit: cover;}


@media(max-width:768px) {
	.main .interior .swiper-slide img {height:300px}
    .main .interior .verti-line.left {top: 0;}
    .main .interior .verti-line.right {top: 0;}
}

@media(max-width:500px) {
	.main .interior .swiper-slide img {height:180px}
}


/* 장비 */
.main .equipment .flexList {--x-gap: 0rem;}
.main .equipment .equSwiper {max-width: 36.5rem; width: 100%;}
.main .equipment .swiper-slide {cursor: pointer;}
.main .equipment .box.viewbox .swiper-slide {position: relative;}
.main .equipment .box.viewbox .swiper-slide:after {position: absolute; left: 0; top: 0;}
.main .equipment .box.viewbox .swiper-slide:hover:after {opacity: 1;}
.main .equipment .box.viewbox .swiper-slide a {display: block; background: var(--BodyColor);}
.main .equipment .box.viewbox .swiper-slide .imgbox {position: relative;}
.main .equipment .box.viewbox .swiper-slide .imgbox:after {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); border-radius: 30px; content: ""; opacity: 0; transition: 0.45s;}
.main .equipment .box.viewbox .swiper-slide .imgbox::before {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: fit-content; color: #fff; font-family: "Montserrat", sans-serif !important; content: "more view"; z-index: 1; font-weight: 500; background: var(--pointcolor); padding: 0.5rem 1.5rem; border-radius: 30px; opacity: 0; transition: 0.45s;}
.main .equipment .box.viewbox .swiper-slide:hover .imgbox:after,
.main .equipment .box.viewbox .swiper-slide:hover .imgbox:before {opacity: 1;}
.main .equipment .box.viewbox img {border-radius: 30px;}

.main .equipment .box.tumbsbox p {opacity: 0.5;}

/* 버튼디자인 */
.main .equipment .swiper_btns {flex-direction: column; gap: 1.5rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 10;}
.main .equipment .swiper_btns .swiper-button-next, 
.main .equipment .swiper_btns .swiper-button-prev  {position: relative; width: 4.5rem; height: 4.5rem; display: inline-block;}
.main .equipment .swiper_btns .swiper-button-next:after,
.main .equipment .swiper_btns .swiper-button-prev:after {color: var(--point2color); font-weight: 600; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.main .equipment .swiper_btns .swiper-button-next::before, 
.main .equipment .swiper_btns .swiper-button-prev::before {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1); width: 4.5rem; height: 4.5rem; border-radius: 50%; border: 1px solid var(--point2color); content: ""; transition: 0.45s; background: var(--BodyColor); z-index: -1;}

.main .equipment .swiper_btns .swiper-button-next:hover::before, 
.main .equipment .swiper_btns .swiper-button-prev:hover::before {background: var(--point2color);}
.main .equipment .swiper_btns .swiper-button-next:hover::after, 
.main .equipment .swiper_btns .swiper-button-prev:hover::after {color: #fff;}

/* .main .equipment .swiper_btns .swiper-button-prev::before {background: var(--BodyColor); z-index: -1;}
.main .equipment .swiper_btns .swiper-button-next::before {background: var(--point2color); z-index: -1;} */

/* 세로선 */
.main .equipment .verti-line {position: absolute; left: 50%; top: 0; transform: translateX(-50%);}

@media(max-width:1550px) {
    .main .equipment .equSwiper,
    .main .equipment .equSwiper2 {width: 80%;}
}

@media(min-width:769px) {
    .main .equipment .swiper_btns .swiper-button-next:hover::before, 
    .main .equipment .swiper_btns .swiper-button-prev:hover::before {transform: translate(-50%, -50%) scale(0.8);}
}

@media(max-width:768px) {
    .main .equipment .flexList {--y-gap: 6.25rem;}

    .main .equipment .swiper_btns {flex-direction: row; top: 56.5rem; gap: 1rem;}

    .main .equipment .horiz-line.mb-70 {margin-bottom: 6.25rem;}
    .main .equipment .horiz-line.mt-70 {margin-top: 5rem;}
}

@media(max-width:580px) {
    .main .equipment .swiper_btns {top: 55.5rem;}
}

@media(max-width:500px) {
    /* .main .equipment .swiper_btns {top: 52.5rem;} */
}

@media(max-width:480px) {
    .main .equipment .swiper_btns {top: 62%;}
}

@media(max-width:440px) {
    .main .equipment .swiper_btns {top: 62.5%;}
}

@media(max-width:344px) {
    .main .equipment .swiper_btns {top: 59%;}
}

/* 지도 */
.main .map .map-wrap {width: 100%;}
.main .map .map-wrap {position: relative;}
.main .map .map-wrap:after {position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: transparent; content: ""; z-index: 10;}
.main .map .map-wrap.on:after {display: none;} 

.main .map .map-wrap #map {width: 100%; height: 550px;}

.main .map .contbox {gap: 1.5rem;}

.main .map .map_btn {position: absolute; bottom: 0; right: 0; z-index: 11; background: #88857e; color: #fff; padding: 0.5rem 1.5rem; cursor: pointer; transition: 0.45s;}
.main .map .map_btn:hover {background: var(--pointcolor);}

/* 초기화 */
/* .root_daum_roughmap .wrap_controllers {display: none;} */

.main .map .contbox li.list {padding: 2rem 4rem; gap: 0.5rem;}
.main .map .contbox li.list:first-child {padding-top: 0;}

.main .map .datebox {flex-wrap: wrap;}
.main .map .datebox li {width: calc(100% / 3);}

.main .map .box.desc {border-left: 1px solid rgba(var(--pointcolor-rgb), 0.2);}

@media(max-width:1440px) {
    .main .map .contbox .box.pl-100 {padding-left: 3rem;}
}

@media(max-width:1240px) {
    .main .map .contbox li.list {padding: 2rem;}
}

@media(max-width:990px) {
    .main .map .datebox li {width: calc(100% / 2);}
}

@media(max-width:768px) {
    .main .map .map-wrap #map {width: 100%; height: 350px;}

    .main .map .contbox {flex-direction: column;}
    .main .map .contbox .box {width: 100% !important;}
    .main .map .contbox .box.pl-100 {padding-left: 10%;} 
    .main .map .contbox li.list {padding: 2rem 2rem 2rem 10%;}
    .main .map .contbox li.list:first-child {padding-top: 2rem; align-items: flex-start !important;}
    .main .map .contbox li h3.width20 {width: 13rem;}
    .main .map .datebox {flex-direction: column;}
    .main .map .datebox li {width: 100%;}
    .main .map .datebox li span.width40 {width: 8rem;}
    .main .map .datebox li span.width60 {width: calc(100% - 8rem);}
    .main .map .datebox li:nth-child(1) {order: 1;}
    .main .map .datebox li:nth-child(2) {order: 3;}
    .main .map .datebox li:nth-child(4) {order: 2;}
    .main .map .datebox li:nth-child(5) {order: 4;}

    .main .map .box.desc {border-left: none; padding-top: 0;}
    
}

@media(max-width:380px) {
    .main .map .contbox li:first-child br {display: none !important;}
}

@media(max-width:360px) {
    .main .map .contbox li.list {flex-direction: column;}
    .main .map .datebox {width: 100%;}
}