:root {
    --vh: 1vh;
}
html {
    font-size: 16px;
}
@media (max-width: 1600px) {
    html {
        font-size: 14.5px;
    }
    
    .main-s2 {
        height: auto;
    }
}

@media (max-width: 1400px) {
    html {
        font-size: 13.5px;
    }


    .cont-logo {
        left: -18px;left:0;
    }

    .sub1-s2-wrap {
        height: auto;
    }

    .sub1-s2-txt1 {
        width: 52.75%;
    }
	.cont-sitemap .cont-sitemap-wrap{width:calc(100% - 4rem);}
	#sitemap .sitemap-menu{padding:5vh 0px;}
	#sitemap .sitemap-menu dt{font-size:15px;}
	#sitemap .sitemap-menu dd{margin-bottom:14px;}

}

@media (max-width: 1300px) {
    html {
        font-size: 13px;
    }
	.main-s5{width:100%;}
	.main-s5-wrapper{}
	.main-s5-wrapper>div{}
	.main-s5-wrapper a{}
	.main-s5-wrapper a>div{scale:0.85;}
	.cont-info{scale:0.85;}
}

@media (max-width: 1200px) {
    html {
        font-size: 12.5px;
    }
	.main-s5-wrapper a>div{scale:0.7;}
}

@media (max-width: 1024px) {
    html {
        font-size: 12px;
    }
	
}

@media (max-width: 768px) {
    html {
        font-size: 12px;
    }
}



@media (max-width: 1000px) {

    #hd {
        z-index: 100;
    }

    #hd #pc-wrap {
        display: none;
    }

    #hd #mo-wrap {
        display: flex;
        justify-content: space-between;padding:0 20px;
        align-items: center;
        /*aspect-ratio: 1000/190;*/
        height: 78px;
		transition: all 0.3s ease-out;
    }

    #hd.sitemap-active #hd-menu-btn {
        opacity: 0;
        display: none;
    }

    #hd.sitemap-active #hd-close-btn {
        opacity: 1;
        display: block;
    }


    #hd.scrolled #mo-wrap {
        background-color: #52433e;
    }

    #hd #mo-wrap img {
        width: 100%;
    }

    .hd-logo {
        width: 48.1875%;width:220px;
    }

    .hd-menu-btn {
        width: 7.4%;max-width:42px;
    }
    
    .hd-close-btn {
        width: 6.5%;
        display: none;max-width:42px;
    }

    #sitemap.active .close-btn {
        display: none;
    }

    #hd.scrolled .hd-menu-btn {
        filter: brightness(0) invert(1);
    }
    
    #hd.scrolled .hd-close-btn {
        filter: brightness(0) invert(1);
    }
    
    #hd.scrolled .hd-phone-btn {
        filter: brightness(0) invert(1);
    }

    .hd-phone-btn {
        width: 7.4%;max-width:42px;
    }

    /* mobile sitemap */

    #sitemap {
        z-index: -1;
    }

    #sitemap.active {
        z-index: 99;
    }

    #sitemap .bg-p {
        height: 0;
        transition: height 1s .1s, z-index 0s 2s;
        width: 100%;
        left: 0;
    }

    #sitemap.active .bg-p {
        transition: height .5s .3s;
        width: 100%;
        height: 25%;
        transition: height 1s .1s, z-index 0s 2s;
    }

    .bg-wr .bg-p.bg-p1 {
        position: absolute;
        top: 0;
        width: 0;
        transition: height .5s .1s, z-index 0s 2s;
    }

    .bg-wr .bg-p.bg-p2 {
        position: absolute;
        top: 25%;
        transition: height .5s .1s, z-index 0s 2s;
    }

    .bg-wr .bg-p.bg-p3 {
        position: absolute;
        top: 50%;
        width: 0;
        transition: height .5s .1s, z-index 0s 2s;
    }

    .bg-wr .bg-p.bg-p4 {
        position: absolute;
        top: 75%;
        width: 0;
        transition: height .5s .1s, z-index 0s 2s;
    }

    #sitemap .bg-p:nth-child(1) {
        /*background-image: url('../img/main-s1-bg.png'); background-position: 0% 0; */
        background-color: #C7A093;
    }

    .sitemap-content .cont-contact {
        display: none;
    }

    #sitemap dl.active dd {
        /*margin-bottom: .7em;*/
        max-height: 2em;
    }


    .cont-sitemap .cont-sitemap-wrap {
        width: calc(100% - 2rem);width: calc(100% - 40px);margin:0 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: calc(var(--vh, 1vh)*100 - 95px);
        overflow-y: auto;
        scrollbar-width: none;
    }

    .sitemap-content .cont-sitemap {
        width: 100%;
    }

    #sitemap .sitemap-logo {
        display: none;
    }

    #sitemap .m-sitemap-logo {
        z-index: 20;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 30px;
    }

    #sitemap .sitemap-content {
        height: 100%;
        overflow-y: auto;
        scrollbar-width: none;
        margin-top: 78px;
    }

    #sitemap .cont-sitemap-wrap {
        transition: all .5s ease;
    }

    #sitemap .sitemap-menu {
        flex-direction: column;
        font-size: 17px;
        padding: 0 0  0 5vw;padding:0;
        margin-top: 12px;
        justify-content: start;
        border: 0px;
        min-height: calc(var(--vh, 1vh)*100 - 145px);
        transition: all .5s ease;height:calc(100% - 45px);overflow-y:scroll;
    }
    #sitemap .sitemap-menu dl{
		margin-bottom:15px;
	}
    #sitemap .sitemap-menu dt {
        margin-bottom: 0px;
        font-size: 17px;
        padding-bottom: .8em;padding-bottom:10px;
        cursor: pointer;
    }

    #sitemap .sitemap-menu dd {
        font-size: 17px;
        padding-left: 2vw;
        overflow: hidden;
        margin-bottom: 0;
        max-height: 0;
        transition: max-height .5s, margin-bottom .5s;
        cursor: pointer;background:#b38d80;padding:0;margin:0;
    }
	.cont-sitemap dd a{padding:7px 10px;display:block;}

    #sitemap .close-btn {
        right: 5vw;
    }

    #sitemap .menu-ft {
        border-top: 1px solid rgba(255,255,255,0.5);
        padding-top: 8px;
        padding-left: 10px;
        height: auto;
        transition: all 0.5s ease;
    }

    .container {
        max-width: 1000px;
	min-width: 360px;
        /*background-image: url('../img/m-main.png');*/
    }

    .main-s1 {
        background-image: url('../img/m-main-s1-bg.png');
        aspect-ratio: 1000 / 1477;
        /*opacity: 0.5;*/
    }

    .main-s1-txt1 {
        position: absolute;
        width: 41.9%;
        left: 9.63%;
        top: 20.1%;
    }

    .main-s1-txt2 {
        position: absolute;
        width: 72.8%;
        left: 13.67%;
        top: 28.13%;
    }

    .main-s1-txt3 {
        position: absolute;
        width: 70%;
        left: 15.09%;
        top: 40.47%;
    }

    .main-s1-txt4 {
        display: none;
    }
    
    .main-s2 {
        background-image: unset;
        background-color: #fff;
        aspect-ratio: 1000 / 1610;
        /*opacity: 0.5;*/
    }
    
    .main-s2-txt1 {
        width: 28%;
        left: 3.9%;
        top: 11.81%;
    }
    
    .main-s2-txt2 {
        width: 73.6%;
        left: 8.2%;
        top: 17.07%;
    }
    
    .main-s2-txt3 {
        width: 65.1%;
        left: 8.2%;
        top: 25.64%;
    }
    
    .main-s2-txt4 {
        width: 23.5%;
        left: 49.6%;
        top: 35.35%;
    }

    .s2-slide {
        margin-top: 61.18%;
        aspect-ratio: 926 / 782;
        margin-left: 7.55% !important;
        width: 92.6%;
    }

    .main-s2-pic1 {
        background-image: url('../img/m-main-s2-pic1-wh.png');
        width: 42.9% !important;
    }
    
    .main-s2-pic2 {
        /*background-image: url('../img/m-main-s2-pic2-wh.png');*/
        width: 42.9% !important;
    }

    .main-s2-pic3 {
        /*background-image: url('../img/m-main-s2-pic3-wh.png');*/
        width: 42.9% !important;
    }
    
    .main-s2-pic4 {
        /*background-image: url('../img/m-main-s2-pic4-wh.png');*/
        width: 42.9% !important;
    }
    

    .zoom-txt span {
        display: block;
    }

    .zoom-pic {
        width: 136%;
        left: 0;
        transform: unset;
    }


    .zoom-txt {
        width: 148%;
        left: unset;
        transform: unset;
    }

    .zoom-txt1 {
        line-height: 4.5vw;
        font-size: 3.3vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        letter-spacing: 0.6px;

    }

    .zoom-txt2 {
        line-height: 10vw;
        font-size: 8vw;
        margin-top: 12px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .zoom-hr {
        margin-top: 23px;
        margin-bottom: 7px;
        width: 32vw;
    }

    .zoom-moreview {
        bottom: 10px;
        right: 6px;
    }

    .swiper-slide-active .zoom-pic {
        width: 148%;
        border-top-right-radius: 36.49% 27.44%;
    }


    .s2-slide .swiper-button-prev {
        background-image: url(../img/m-main-s2-right.png);
        width: 7.59%;
        top: 57.91%;
        right: 26.72%;left:auto;
        height: 9.21%;
	opacity: 1;
    }

    .s2-slide .swiper-button-next {
        display: none;
    }

    .main-s3 {
        background-image: url('../img/m-main-s3-bg.png');
        aspect-ratio: 1000 / 728;
        /*opacity: 0.5;*/
    }

    .main-s3-txt1 {
        width: 51.8%;
        left: 24.21%;
        top: 38.28%;
    }

    .main-s3-txt2 {
        width: 78%;
        left: 11.06%;
        top: 29.33%;
    }

    .main-s3-txt3 {
        position: absolute;
        width: 80%;
        left: 9.52%;
        top: 56.88%;
    }
    
    .main-s4 {
        aspect-ratio: 1000 / 1486;
        /*opacity: 0.5;*/
    }
    
    .main-s4-txt1 {
        width: 39.1%;
        left: 2.6%;
        top: 11.91%;
    }

    .main-s4-txt2 {
        width: 45.9%;
        left: 7.94%;
        top: 18.66%;
    }

    .main-s4-txt3 {
        position: absolute;
        width: 60%;
        left: 7.55%;
        top: 27.25%;
    }

    #main-s4-slide  {
        width: 100%;
        aspect-ratio: 1000 / 744;
        margin-top: 61%;
        margin-left: 0px;
        position: relative;
        overflow: visible !important;
        box-sizing: border-box;
    }

    #main-s4-slide .swiper {
        width: 93.4%;
        aspect-ratio: 934 / 500;
        margin-left: 6.8%;
        overflow: clip visible;
        z-index: 10; 
    }

    #main-s4-slide .swiper-slide {
        width: 54%;
        box-sizing: border-box;
    }
    
    #main-s4-slide .swiper-slide .hover-pic {
        opacity: 0;
        bottom: -13%;
        left: -2%;
        width: 100%;
        position: absolute;
    }

    .main-s4-pic1 {
    }
    
    #main-s4-slide .swiper-slide-active .normal-pic {
        opacity: 0;
    }

    #main-s4-slide .swiper-slide-active .hover-pic {
        display: block;
        opacity: 1;
        transition: 1s .1s ease;
    }

    .main-s4 #main-s4-slide .swiper-slide:hover > .normal-pic {
        opacity: 0;
    }

    .main-s4 #main-s4-slide .swiper-slide:hover > .hover-pic {
        display: block;
        opacity: 1;
    }

    .main-s4-pic2 {
    }

    .main-s4-pic2:hover .hover-pic {
        display: block;
    }

    .main-s4-pic3 {
    }
    .main-s4-pic3:hover .hover-pic {
        display: block;
    }

    .main-s4-pic4 {
    }
    .main-s4-pic4:hover .hover-pic {
        display: block;
    }

    .main-s4-pic5 {
    }
    .main-s4-pic5:hover .hover-pic {
        display: block;
    }

    #main-s4-slide .swiper-pagination {
        display: flex;
        justify-content: start;
        align-items: center;
        width: 93.4%;
        bottom: 9.64%;
        left: 6.8%; 
    }

    #main-s4-slide .swiper-pagination-bullet {
        width: unset;
        height: 2px;
        background: #d1d1d1;
        flex: 1;
        margin: 0 !important;
        border-radius: 0;
    }

    #main-s4-slide .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: unset;
        height: 5px;
        background: #e1b9b5;
        flex: 0;
        flex-basis: 41.55%;
    }

    #main-s4-slide .swiper-button-prev {
        background-image: url('../img/main-s4-left.png');
        background-repeat: no-repeat;
        background-size: contain;
        width: 4.28%;
        height: 3.81%;
        bottom: 13.44%;
        left: 7.19%;
        top: unset;
    }

    #main-s4-slide .swiper-button-prev:after {
        content: '';
    }

    #main-s4-slide .swiper-button-next {
        background-image: url('../img/main-s4-right.png');
        background-repeat: no-repeat;
        background-size: contain;
        width: 4.28%;
        height: 3.81%;
        bottom: 13.44%;
        left: 13.83%;
        top: unset;
    }

    #main-s4-slide .swiper-button-next:after {
        content: '';
    }

    .laser-txt1 {
        /*display: none;*/
		font-size: 2rem;
    }
	
	.swiper-slide-active .laser-txt1{opacity:1;}

    .main-s5 {
        display: none;
    }

    .m-main-s5 {
        /*aspect-ratio: 1000 / 1146;*/
        position: relative;
        overflow: hidden;
        background-color: #fff;
        display: block;
        /*opacity: 0.5;*/
    }

    .main-s5-intro {
        margin: 0;
        margin-bottom: 4px;
        font-size: 0;
    }

    .main-s5-intro img {
        width: 100%;
    }

    .main-s5-intro.active .normal {
        display: none;
    }
    
    .main-s5-intro .expand {
        display: none;
    }

    .main-s5-intro.active .expand {
        display: block;
        transition: all 0.3s ease;

    }

    .contact-section {
        background-image: url('../img/m-contact-bg.png');
        aspect-ratio: 1000 / 1775;
        position: relative;
        overflow: hidden;
        margin-top: 36px;
        min-width: unset;
        height: auto;
        background-size: cover;
    
    }

    .contact-txt-wrap {
        display: none;
    }

    .cont-logo {
        display: none;
    }


    .map-wrapper {
        left: 0%;
        width: 100%;
        height: 42.13%;
    }

    .contact-kakao {
        position: absolute;
        left: 12px;
        top: 10px;
        width: 3rem;
        aspect-ratio: 1/1 ;
        cursor: pointer;
        z-index: 10;
    }
    
    .contact-google {
        position: absolute;
        left: 12px;
        top: calc(3rem + 16px);
        width: 3rem;
        aspect-ratio: 1/1 ;
        cursor: pointer;
        z-index: 10;
        align-items: center;
    }

    .cont-txt3 {
        font-size: 3.125rem;
    }

    .cont-txt4 {
        font-size: 1.375rem;
        line-height: 2.25rem;
    }
	.m_mail{display:block;position:absolute;left:27%;top:73%;width:50%;height:3%;}

    .ft {
        /*aspect-ratio: 1000 / 632;*/
        aspect-ratio: unset;
        align-items: center;
        padding-bottom: 22vw;
        
        /*opacity: 0.5;*/
    }

    .ft-logo {
        width: 40%;
        /*position: absolute;
        margin-top: unset;
        top: 9.17%;*/
        position: relative;
        margin-top: 3rem;
    }

    .ft-company {
        display: none;
    }

    .ft-privacy {
        font-size: 1.3rem;
        margin-top: unset;
        top: 25.47%;
        position: absolute;
    }

    .ft-privacy .bar {
        opacity: 0.5;
    }

    

    .m-ft-company {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0 auto;
        font-size: 1.18rem;
        /*margin-top: 35px;*/
        /*top: 39.13%;*/
        margin-top: 2rem;
        line-height: 2.3rem;
        position: relative;
        opacity: 0.7;
		text-align:center;
    }
 


    .m-ft-company .bar {
        margin: 0 6px;
        opacity: 0.5;
    }

    .ft-copyright {
        font-size: 1.3rem;
        display: none;
    }

    .m-ft-copyright {
    }

    .line-break {
        word-break: break-word;
        white-space: pre-wrap; 
    }

    .pc-q-btns {
        display: none;
    }

    .q-btns {
        position: fixed;
        bottom: 0;
        background-color: #c7a093;
        padding: 0;
        border-radius: 25px 25px 0px 0px;
        width: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: stretch;
        z-index: 10;
        height: 16vw;
		height:auto;
    }
	.q-btns a{display:block;width:100%;height:100%;text-align:center;}
	.q-btns a img{display:block;margin:0 auto;}

    .kakao-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        color: #ffffff;
        font-family: Arial, sans-serif;
        font-size: 18px;
        flex: 1;
        height: 100%;
    }

    .kakao-btn img {
        width: 41.6%;max-width:120px;padding:12px 0;
    }

    .instagram-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        color: #ffffff;
        font-family: Arial, sans-serif;
        font-size: 18px;
        flex: 1;
        height: 100%;
    }

    .instagram-btn img {
        width: 42.2%;max-width:120px;padding:12px 0;
    }

    .q-btns .divider {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 50%;
      width: 1px;
      background: #fff;
      transform: translateX(-0.5px);
      opacity: 0.7;
    }

	.cont-info{display:none;}


}

@media (max-width: 1000px) and (min-resolution: 2dppx) {
    html {
        font-size: 10px;
    }

    .cont-txt-wrap {
        display: none;
    }
}

@media (max-width: 768px) {
.hd-logo{width:190px;}
}