/* BASIC css start */
 
/*title*/
#footer {
    margin-top: 0 !important;
}
.headerSubject {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    margin: 30px 0;
}
.sect-0 {margin-top: 55px;}
.sect-0 .link {display: block}
.sect-0 .link a {display: flex; justify-content: center; align-items: center; width: 100%; padding:20px 10px; background:#dfa0b1; color: #fff; font-family: Sandoll Nemony2; font-size: 1.2rem; font-weight: 600}
.sect-0 .link a:first-child {background-color: #8994d9}
.sect-0 .link a>div {display: flex; align-items: center;}
.sect-0 .link .btn {justify-content: center; width:100px;height: 38px;background: transparent;border:2px solid #fff; border-radius: 50px; box-shadow: none; margin-left: 10px; padding-left: 0; padding-right: 0; font-family: Sandoll Nemony2; font-size: 0.7rem;color:#fff;transition: all 0.3s;}

@media screen and (min-width: 769px) {
.sect-0 {margin-top: 0px}
.sect-0 .link {display: flex}
.sect-0 .link a {justify-content: flex-start; width: 50%; padding:25px 50px; font-size: 26px;}
.sect-0 .link a:first-child {justify-content: flex-end;}
.sect-0 .link .btn {justify-content: space-between;width:130px;height: 46px;margin-left: 15px;padding-left: 20px; padding-right: 15px;font-size: 18px;}
}


/* 태블릿과 모바일 공통 스타일 */
@media only screen and (max-width: 1280px) {
    /* 여기에 태블릿과 모바일 공통 스타일을 정의합니다. */
.loc-navi {
    display: none;
}
body .main-swiper-txt {
    font-size: 4vw;
    top: 50%;
    transform: translate(-50%, -50%);
}

body .main-swiper-txt h1 {
    font-size: 10vw;
}

body .main-swiper-txt h3 {
    font-size: 4vw;
}

body .sect-2-tit {
    font-size: 10vw;
}

body .sect-2 .text-gray {
    font-size: 5vw;
}

body .sect-tit {
    font-size: 3vw;
}

body .content-tit h2 {
    font-size: 10vw;
}

body .content-tit .text-gray {
    font-size: 4vw;
}

body .nav-link {
    font-size: 4.5vw;
    min-width: auto;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}


body .nav {
    display: flex;
    flex-wrap: nowrap;
}
body .nav li {
    width: 50%;
    margin-left: 0 !important;
}

body .popup-tit {
    font-size: 3vw;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

body .popup-close {
    width: 50px;
    height: 50px;
}

body .swiper-tit {
    font-size: 20px;
}

body .icon-arr {
    margin-top: 1px;
    width: 10px;
    background-size: contain;
}

body .prod-swiper .swiper-slide p {
    font-size: 2vw;
}
body .main-swiper .swiper-button-next,
body .main-swiper .swiper-button-prev {
    display: none;
}

body .popup {
    font-size: 3vw;
    padding: 10px;
}

body .content-tit {
    padding-left: 3vw;
}

body .banner {
    padding: 15px 20px;
    font-size: 5vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

body .banner .btn {font-size: 5.5vw;margin-bottom: 20px;}

body .sect-6 h2 {
    font-size: 7vw;
}

body .sect-6 .row {
    font-size: 3vw;
}

body .sect-6 .row h4 {
    font-size: 4vw;
    min-height: 65px;
}

body .sect-6 .row strong {
    font-size: 3vw;
}


body .sect-3 {
    padding-top: 20vw;
}


body .sect-4 {
    padding-top: 20vw;
}


body .sect-5 {
    padding-top: 20vw;
}


body .sect-6 {
    padding-top: 20vw;
}

body .popup .text-gray {
    overflow-y: scroll;
    height: 6em;
        font-size: 2.4vw;
}


}


/* BASIC css end */