body {
    letter-spacing: -1px;
    font-family: 'Marcellus-Regular';
    font-size: 16px;
    color: #111111;
    line-height: 1.3;
}

/* 공통 */
.container-custom {
    max-width: 1430px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.block-800 {
    display: none !important;
}

.m-title h3 {
    font-size: 50px;
}

.m-title .more a {
    position: relative;
    font-family: 'Montserrat-Regular';
    font-size: 18px;
    color: #000;
}
.m-title .text_color a{
    color: #fff;
}
.main-top-ex .m-title .more a::before {
    z-index: 2;
    position: absolute;
    right: -100px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    width: 82px;
    height: 33px;
    background: url(../images/home/icon_arrow.png) no-repeat;
}

.m-title .more a::before {
    z-index: 2;
    position: absolute;
    right: -95px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    width: 82px;
    height: 40px;
    background: url(../images/more-arrow.png) no-repeat;
}

.m-title .more a:hover::before {
    animation: more_hover .5s infinite ease-in-out;
}

@keyframes more_hover {
    0% {
        right: -95px;
    }

    50% {
        right: -105px;
    }

    100% {
        right: -95px;
    }
}

.m-title .more a::after {
    z-index: 1;
    position: absolute;
    right: -110px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    width: 40px;
    height: 40px;
    background: #30beb4;
    border-radius: 100%;
    transition: all .5s;
}

.m-title .more a:hover:after {
    transform: translateY(-50%) scale(1.2);
}




.ham-btn {
    display: none;
}

/* 헤더 */

.header {
    z-index: 1001;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.header.active {
    position: fixed;
    background: rgba(255, 255, 255);
    box-shadow: 0 4px 10px 0 rgb(0 0 0 / 10%);
}

.header.active .nav {
    padding: 10px 0;
}

.header.active .nav .logo {
    padding-top: 20px;
}

.header.active .nav-all .nav-list .nav-list-sub {
    background: #fff;
    box-shadow: 0 4px 10px 0 rgb(0 0 0 / 10%);
}




.header .nav {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.header .nav .logo {
    padding-top: 40px;
}


.header .nav-all {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
}

.header .nav-all-mo {
    display: none;
}

.header .nav-all .nav-top {
    display: flex;
    align-self: center;
    justify-content: flex-end;
    width: 100%;
    padding-top: 10px;
}

.header .nav-all .nav-top>li>ul {
    display: flex;
    align-items: center;
}

.header .nav-all .nav-top .nav-top-country li+li {
    margin-left: 10px;
}

.header .nav-all .nav-top .nav-top-link {
    margin-left: 30px;
}

.header .nav-all .nav-top .nav-top-link ul {
    height: 100%;
}

.header .nav-all .nav-top .nav-top-link li {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
}

.header .nav-all .nav-top .nav-top-link li+li {
    margin-left: 28px;
}

.header .nav-all .nav-top .nav-top-link li+li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -14px;
    transform: translateY(-50%);
    width: 1px;
    height: 13px;
    background: #30beb4;
}

.header .nav-all .nav-top .nav-top-link li a::before{
    display: none;
}

.header .nav-all .nav-top .nav-top-link li a {
    display: block;
    color: #30beb4;
}

.header .nav-all .nav-top .nav-top-link li a.active::before {
    content: "";
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 0;
    height: 2px;
    background: #30beb4;
    animation: nav_line .4s forwards ease-in-out;
}

.header .nav-all .nav-top .nav-top-link li a.not-active:before {
    content: "";
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 0;
    height: 2px;
    background: #30beb4;
    animation: nav_line_not .4s forwards ease-in-out;
}


.header .nav-all .nav-list {
    display: flex;
    color: #30beb4;
}

.header .nav-all .nav-list>li {
    position: relative;
}

.header .nav-all .nav-list>li+li {
    margin-left: 30px;
}

.header .nav-all .nav-list>li p {
    position: relative;
    bottom: -10px;
    padding-bottom: 10px;
    font-size: 20px;
    cursor: pointer;
}

.header .nav-all .nav-list>li p.active {
    font-weight: bold;
}

.header .nav-all .nav-list>li p.active:before {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 0;
    height: 1px;
    background: #30beb4;
    animation: nav_line .4s forwards ease-in-out;
}

@keyframes nav_line {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

.header .nav-all .nav-list>li p.not-active:before {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 0;
    height: 1px;
    background: #30beb4;
    animation: nav_line_not .4s forwards ease-in-out;
}

@keyframes nav_line_not {
    0% {
        width: 100%
    }

    100% {
        width: 0
    }
}

.header .nav-all .nav-list .nav-list-sub {
    position: absolute;
    top: 46px;
    left: 0;
    display: none;
    padding: 25px 0 20px 14px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 0 0 50px 0;
}

.header .nav-all .nav-list .nav-list-sub>li+li {
    margin-top: 5px;
}

.header .nav-all .nav-list>li:nth-of-type(1) .nav-list-sub {
    width: 140px;
}

.header .nav-all .nav-list>li:nth-of-type(2) .nav-list-sub {
    width: 167px;
}

.header .nav-all .nav-list>li:nth-of-type(3) .nav-list-sub {
    width: 225px;
}

.header .nav-all .nav-list>li:nth-of-type(4) .nav-list-sub {
    width: 243px;
}

.header .nav-all .nav-list>li:nth-of-type(5) .nav-list-sub {
    width: 96px;
}

.header .nav-all .nav-list>li:nth-of-type(6) .nav-list-sub {
    width: 130px;
}

.header .nav-all .nav-list>li:nth-of-type(7) .nav-list-sub {
    width: 215px;
}

.header .nav-all .nav-list>li:nth-of-type(8) .nav-list-sub {
    width: 144px;
}

.header .nav-all .nav-list>li:nth-of-type(9) .nav-list-sub {
    width: 131px;
}

.header .nav-all .nav-list .nav-list-sub a {
    position: relative;
}

.header .nav-all .nav-list .nav-list-sub a:hover {
    color: #30beb4;
}

.header .nav-all .nav-list .nav-list-sub a:hover::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #30beb4;
}





/* 메인 비쥬얼 */
.main-top-area {
    background: url('../images/banner.png') no-repeat center center; 
    background-size: cover;
    height: 900px;
}

.main-top-area .container-custom {
    height: 100%;
}

.main-top-area .main-top-bg {
    position: absolute;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.main-top-area .main-top-bg img {
    position: absolute;
    left: -700px;
    bottom: 100px;
    transition: all 1s;
}

.main-top-area .cont {
    display: flex;
    justify-content: space-between;
    height: 100%;
	align-items: flex-end;
}

.main-top-area .cont .main-top-slide {
    width: 60%;
    height: 88%;
}

.main-top-area .cont .main-top-slide .slick-list {
    height: 100%;
}

.main-top-area .cont .main-top-slide .slick-track {
    display: flex;
    align-items: flex-end;
    height: 100%;
}

.main-top-area .cont .main-top-slide .slick-track .item {
    display: flex;
    align-items: flex-end;
}

.main-top-area .cont-right {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 40%;
    height: 100%;
}

.main-top-area .cont-right .main-top-ex {
    margin-bottom: 104px;
    color: #fff;
}

.main-top-area .cont-right .main-top-ex li {
    padding-bottom: 15px;
}

.main-top-area .cont-right .main-top-ex li p {
    font-size: 40px;
    margin-bottom: 30px;
}

.main-top-area .cont-right .main-top-ex li span {
    font-family: 'Montserrat-Regular';
    font-size: 18px;
}

.main-top-area .cont-right .main-top-ex .m-title {
    margin-top: 50px;
}

.main-top-area .cont-right .main-top-ex .m-title .more a::after {
    background: #30beb4;
}
.main-top-area .cont-right .main-top-nav-slide .is-item img {
    margin-bottom: 12px;
}

.main-top-area .cont-right .main-top-nav-slide {
    width: 100%;
    margin-bottom: 110px;
}

.main-top-area .cont-right .main-top-nav-slide .item {
    width: 130px;
    margin-right: 57px;
    cursor: pointer;
}

.main-top-area .cont-right .main-top-nav-slide .is-item {
    position: relative;
    padding: 0 !important;
}

.main-top-area .cont-right .main-top-nav-slide .item.slick-current .is-item {
    background: linear-gradient(to top, rgba(3, 113, 102, 0.4) 0%, rgba(3, 113, 102, 0) 100%);
    border-radius: 0 0 30px 30px;
    transition: background .5s;
}

.main-top-area .cont-right .main-top-nav-slide .is-item p {
    position: absolute;
    bottom: 3px;
    left: 0;
    font-family: 'Montserrat-Regular';
    font-weight: bold;
    text-align: center;
    width: 100%;
    color: white;
    z-index: 2;
}

.main-top-area .cont-right .main-top-nav-slide i {
    font-weight: bold;
    font-size: 30px;
    cursor: pointer;
}

.main-top-area .cont-right .main-top-nav-slide .slide_btn.prev {
    position: absolute;
    left: -55px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.main-top-area .cont-right .main-top-nav-slide .slide_btn.next {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    cursor: pointer;
}

.main-promotion-area {
    overflow: hidden;
    padding-top: 180px;
}

.main-promotion-area .container-custom {
    position: relative;
}

.main-promotion-area .m-title p {
    font-family: 'Montserrat-Regular';
    font-size: 24px;
    margin-top: 35px;
    margin-bottom: 70px;
}

.main-promotion-area .cont-top {
    position: absolute;
    top: 0;
    right: 0;
    width: 1000px;
    height: 500px;
    border-radius: 400px 0 0 0;
    overflow: hidden;
}

/* .main-promotion-area .cont-top::before {
    z-index: 10;
    content: "";
    position: absolute;
    right: -70px;
    bottom: -80px;
    width: 159px;
    height: 161px;
    background: url(../images/promotion-icon.png);
} */
.main-promotion-area .cont-circle {
    position: absolute;
    right: -70px;
    bottom: -285px;
}

.main-promotion-area .cont-top .is-text {
    position: absolute;
    top: 50%;
    left: 170px;
    transform: translateY(-50%);
    font-size: 30px;
    color: #ffffff;
}

.main-promotion-area .cont-top .is-text p+p {
    position: relative;
    margin-top: 75px;
}

.main-promotion-area .cont-top .is-text p+p::before {
    content: "";
    position: absolute;
    left: 3px;
    top: -60px;
    width: 2px;
    height: 48px;
    background: #e1e1e1;
}

.main-promotion-area .bg {
    position: relative;
    top: 105px;
    z-index: -1;
}

.main-promotion-area .cont-bt {
    margin-top: 135px;
}

.main-promotion-area .cont-bt .m-title {
    text-align: center;
}

.main-promotion-area .cont-bt .promotion-slide {
    max-width: 1290px;
    margin: 0 auto;
    margin-top: 60px;
}

.main-promotion-area .cont-bt .promotion-slide .item {
    position: relative;
}

.main-promotion-area .cont-bt .promotion-slide .item .is-img {
    position: relative;
}

.main-promotion-area .cont-bt .promotion-slide .item .is-text {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 300px;
    height: 100%;
    text-align: center;
    cursor: pointer;
    border: 8px solid #30beb4;
    background: rgba(0, 0, 0, 0.6);
    transition: all .5s;
}

.main-promotion-area .cont-bt .promotion-slide .item .is-text:hover {
    opacity: 1;
}

.main-promotion-area .cont-bt .promotion-slide .item .is-text p {
    font-family: 'Montserrat-SemiBold';
    font-size: 28px;
    color: #fff;
    margin-bottom: 25px;
}

.main-promotion-area .cont-bt .promotion-slide .item .is-text span {
    font-family: 'Montserrat-Regular';
    font-size: 18px;
    color: #fff;
}

.main-promotion-area .cont-bt .promotion-slide i {
    font-weight: bold;
    font-size: 30px;
    cursor: pointer;
}

.main-promotion-area .cont-bt .promotion-slide .slide_btn.prev {
    position: absolute;
    left: -55px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.main-promotion-area .cont-bt .promotion-slide .slide_btn.next {
    position: absolute;
    right: -55px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.main-doc-area {
    margin-top: 110px;
    background: url(../images/home/doc-bg.png) no-repeat;
    background-position: right 0;
}

.main-doc-area .m-title p {
    font-family: 'Montserrat-Medium';
    font-weight: bold;
    font-size: 24px;
    margin-top: 40px;
}

.main-doc-area .m-title span {
    line-height: 1.7;
    font-family: 'Montserrat-Regular';
    font-size: 18px;
    display: block;
    margin-top: 25px;
}

.main-doc-area .m-title .more {
    margin-top: 80px;
    padding-left: 60px;
    display: block;
}

.main-doc-area .cont {
    display: flex;
    justify-content: center;
    margin-top: -30px;
}

.main-doc-area .cont .item {
    position: relative;
    overflow: hidden;
}

.main-doc-area .cont .item img {
    transition: all .3s;
}

.main-doc-area .cont .item:hover img {
    transform: scale(1.1);
    transition: all .3s;
}

.main-doc-area .cont .item+.item {
    margin-left: 30px;
}

.main-doc-area .cont .item .is-text {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    background: rgba(0, 0, 0, 0.6);
}

.main-doc-area .cont .item .is-text p {
    font-family: 'Montserrat-SemiBold';
    font-size: 24px;
    color: #ffffff;
}

/* 메인 닥터 끝 */

/* 메인 포인트 */
.main-point-area {
    padding-top: 180px;
    overflow: hidden;
}

.main-point-area .main-point-slide {
    cursor: inherit !important;
}

.main-point-area .swiper-wrapper {
    display: flex;
    align-items: center;
}

.main-point-area .main-point-slide .swiper-slide-shadow-left {
    background-image: none;
}

.main-point-area .main-point-slide .swiper-slide-shadow-right {
    background-image: none;
}

.main-point-area .main-point-slide .swiper-slide {
    width: 940px !important;
    display: flex;
    align-items: center;
}

.main-point-area .main-point-slide .swiper-slide.swiper-slide-next {
    transform: translate3d(100px, 0px, -300px) rotateX(0deg) rotateY(-80deg) !important;
}

.main-point-area .main-point-slide .swiper-slide .is-text {
    opacity: 0;
    transition: all .6s;
}

.main-point-area .main-point-slide .swiper-slide-active .is-text {
    opacity: 1
}

.main-point-area .main-point-slide .swiper-slide img {
    width: 600px;
}

.main-point-area .main-point-slide .is-text {
    width: 340px;
}

.main-point-area .main-point-slide .is-text sup {
    font-size: 20px;
    color: #30beb4;
    display: block;
}

.main-point-area .main-point-slide .is-text h3 {
    letter-spacing: -3px;
    line-height: 1;
    font-size: 40px;
    margin-top: 20px;
}

.main-point-area .main-point-slide .is-text p {
    font-family: 'Montserrat-Regular';
    font-size: 18px;
    margin-top: 30px;
    padding-top: 60px;
    border-top: 2px solid #111;
}

.main-point-area .cont-text {
    margin-top: 160px;
}

.main-point-area .main-point-slide .is-img {
    position: relative;
}

.main-point-area .main-point-slide .is-img span {
    font-family: 'Montserrat-Medium';
    font-size: 80px;
    position: absolute;
    right: 57px;
    bottom: 40px;
    color: #ffffff;
}

.main-point-area .arrow-box {
    z-index: 50;
    position: absolute;
    display: none;
    left: 50%;
    top: 520px;
    transform: translate(-50%);
    width: 940px;
    height: 50px;
}

.main-point-area .swiper-slide-active .arrow-box {
    display: block;
}

.main-point-area .point-prev {
    width: 17px;
    height: 28px;
    left: 0;
    background: url("../images/arrow-left.png");
}

.main-point-area .point-next {
    width: 17px;
    height: 28px;
    left: 110px;
    background: url("../images/arrow-right.png");
}

/* 메인 포인트 끝 */

/* 메인 사진영역 */
.main-photo-area {
    background: #000;
    margin-top: 160px;
    padding: 110px 0;
    cursor: url(../images/photo-mouse.png), auto;
}

.main-photo-area .is-title h3 {
    font-size: 50px;
    color: #30beb4;
    text-align: center;
}

.main-photo-area .main-photo-slide {
    margin-top: 60px;
}

.main-photo-area .main-photo-slide .swiper-slide a {
    position: relative;
    display: inline-block;
    cursor: url(../images/photo-mouse.png), auto;
    overflow: hidden;
}

.main-photo-area .main-photo-slide .swiper-slide a:before {
    opacity: 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1.2);
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    background-image: url(../images/photo-hover.png);
    background-repeat: no-repeat;
    background-position: center;
    transition: all .4s;
}

.main-photo-area .main-photo-slide .swiper-slide a:hover:before {
    opacity: 1;
    transform: scale(1);
}

.main-photo-area .is-text p {
    letter-spacing: 10px;
    font-size: 20px;
    color: #fff;
    margin-top: 65px;
    text-align: center;
}

/* 메인 사진영역 끝 */

.main-after-area {
    position: relative;
    padding-top: 120px;
}

.main-after-area::before {
    z-index: -1;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1000px;
    height: 580px;
    background: #e4c6af;
}

.main-after-area .m-title {
    text-align: right;
}

.main-after-area .m-title a {
    left: -110px;
}

.main-after-area .cont-tab {
    display: flex;
}

.main-after-area .cont-left {
    position: relative;
}

.main-after-area .cont-left .is-img {
    width: 550px;
    height: 600px;
    border-radius: 300px 0 0 0;
    overflow: hidden !important;
}

.main-after-area .cont-left .is-text {
    z-index: 5;
    position: absolute;
    top: 40px;
    left: 0;
}

.main-after-area .cont-left .is-text p {
    line-height: 1;
    font-size: 50px;
    color: #ffffff;
}

.main-after-area .cont-left .is-text p:nth-child(2) {
    padding-left: 65px;
}

.main-after-area .cont-left .is-circle {
    z-index: 5;
    position: absolute;
    left: -82px;
    bottom: -80px;
}



.main-after-area .cont-right {
    width: 850px;
}

.main-after-area .cont-right .is-tab {
    display: flex;
    width: 100%;
    margin-top: 45px;
}

.main-after-area .cont-right .is-tab .item {
    margin-right: 1px;
}

.main-after-area .cont-right .is-tab .item:last-child {
    margin-right: 0;
}

.main-after-area .cont-right .is-tab p {
    font-size: 20px;
    color: #b5b5b5;
    display: flex;
    align-items: center;
    padding: 0 63.9px;
    height: 45px;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid #b5b5b5;
    background: #ffffff;
}

.main-after-area .cont-right .is-tab .item.active {
    margin-right: 0;
}

.main-after-area .cont-right .is-tab .item:last-child.active {
    margin-left: -1px;
}

.main-after-area .cont-right .is-tab .item.active p {
    background: #2d4f6a;
    border: 1px solid transparent;
}




.main-after-area .cont-right .is-tab-cont {
    position: relative;
}

.main-after-area .cont-right .is-tab-cont .item {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 410px;
    background: #2d4f6a;
}

.main-after-area .cont-right .is-tab-cont .item.active {
    opacity: 1;
}
.main-after-area .cont-right .is-tab-cont .item.active01{opacity: 1;}
.main-after-area .cont-right .is-tab-cont .item .is-img-top {
    display: flex;
    padding-right: 44px;
}

.main-after-area .cont-right .is-tab-cont .item .is-img-bt {
    display: flex;
    margin-top: 10px;
    padding-left: 44px;
}

.main-after-area .cont-right .is-tab-cont .item.eyes .is-img-bt {
    margin-top: 22px;
}

.main-after-area .cont-right .is-tab-cont .item img+img {
    margin-left: 10px;
}




/* review 영역 */
.main-review-area {
    position: relative;
    background: url(../images/home/review-bg.png) no-repeat;
    background-position: right 0;
}

.main-review-area .container-custom {
    position: relative;
}

.main-review-area .main-review-slide {
    padding-top: 180px;
}

.main-review-area .main-review-slide .swiper-slide {
    display: flex;
}

.main-review-area .main-review-slide .swiper-slide .is-text {
    padding-left: 53px;
}

.main-review-area .main-review-slide .swiper-slide .is-text p {
    font-size: 50px;
}

.main-review-area .main-review-slide .swiper-slide .is-text li {
    font-family: 'Montserrat-Regular';
    font-size: 18px;
}

.main-review-area .main-review-slide .swiper-slide .is-text li+li {
    margin-top: 5px;
}

.main-review-area .stop-btn {
    z-index: 10;
    position: absolute;
    right: 240px;
    bottom: 0;
    display: flex;
    align-items: center;
}

.main-review-area .stop-btn span {
    font-family: 'Montserrat-SemiBold';
    font-size: 20px;
}

.main-review-area .ani {
    position: relative;
    width: 180px;
    height: 2px;
    margin: 0 13px;
    background: #d2d2d2;
}

.main-review-area .ani span {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #313131;
}

.main-review-area .ani span.active {
    animation: 4s asd forwards ease-in-out;
    background: #313131;
}

.main-review-area .ani span.ani-stop {
    animation-play-state: paused;
}

@keyframes asd {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

.main-review-area .stop i {
    font-size: 20px;
    margin-top: 5px;
    margin-left: 5px;
    cursor: pointer;
}


.main-youtube-area {
    position: relative;
    margin-top: 100px;
    padding-top: 50px;
	background: #F3F3F3;
}

.main-youtube-area::before {
    z-index: 10;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 100%;
    background: #ebe7e5dc;
    filter: blur(2px) drop-shadow(16px 16px 20px #ebe7e5dc);
}

.main-youtube-area::after {
    z-index: 10;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 100%;
    background: #ebe7e5dc;
    filter: blur(2px) drop-shadow(16px 16px 20px #ebe7e5dc);
}

.main-youtube-area .title {
    text-align: center;
}

.main-youtube-area .title p {
    font-family: 'Montserrat-Regular';
    font-size: 18px;
    margin-top: 25px;
}

.main-youtube-area .swiper-container {
    height: 100%;
    margin-top: -120px;
}

.main-youtube-area .swiper-wrapper {
    padding-top: 210px;
    padding-bottom: 100px;
}

.main-youtube-area .swiper-slide {
    width: 280px;
    transition: all .5s;
    display: inline;
}

.main-youtube-area .swiper-slide-active {
    transform: scale(1.1);
}

.main-youtube-area .swiper-slide a {
    position: relative;
    display: block;
}

.main-youtube-area .swiper-slide-active a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85px;
    height: 85px;
    background: url(../images/home/youtube-p-icon.png) no-repeat;
}

.main-youtube-area .swiper-slide img {
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
    filter: grayscale(100%);
}

.main-youtube-area .swiper-slide-active img {
    filter: inherit;
}

.main-youtube-area .swiper-slide-prev {
    transform: translateY(30px) translateX(-20px) scale(.78);
}

.main-youtube-area .swiper-slide-prev2 {
    transform: translateY(125px) scale(.78) !important;
}

.main-youtube-area .swiper-slide-prev3 {
    transform: translateY(300px) scale(.78);
}

.main-youtube-area .swiper-slide-next {
    transform: translateY(-170px) translateX(20px) scale(.78);
}

.main-youtube-area .swiper-slide-next2 {
    transform: translateY(-265px) scale(.78);
}

.main-youtube-area .swiper-slide-next3 {
    transform: translateY(-300px) scale(.78);
}



.main-youtube-area .stop-btn {
    z-index: 10;
    position: absolute;
    left: 50%;
    bottom: 25px;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
}

.main-youtube-area .stop-btn span {
    font-family: 'Montserrat-SemiBold';
    font-size: 20px;
}

.main-youtube-area .ani {
    position: relative;
    width: 350px;
    height: 2px;
    margin: 0 13px;
    background: #ffffff;
}

.main-youtube-area .ani span {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #313131;
}

.main-youtube-area .ani span.active {
    animation: 6s asd2 forwards ease-in-out;
    background: #313131;
}

.main-youtube-area .ani span.ani-stop {
    animation-play-state: paused;
}

@keyframes asd2 {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

.main-youtube-area .stop i {
    font-size: 20px;
    margin-top: 3px;
    margin-left: 10px;
    cursor: pointer;
}

/* 유튜브영역 끝 */

/* 오시는 길 */
.main-contact-area {
    padding-top: 110px;
    padding-bottom: 100px;
}

.main-contact-area h3 {
    color: #30beb4;
    font-weight: bold;
}

.main-contact-area .cont {
    display: flex;
    justify-content: space-between;
    padding-top: 110px;
    border-top: 2px solid #eeeeee;
}

.main-contact-area .m-title p {
    font-family: 'Montserrat-Regular';
    font-size: 18px;
    margin-top: 40px;
}

.main-contact-area .map {
    width: 850px;
    height: 350px;
}

.main-contact-area .cont-bt {
    display: flex;
    justify-content: space-between;
    margin-top: 55px;
}

.main-contact-area .cont-bt .item {
    width: 33.33%;
    height: 220px;
}

.main-contact-area .cont-bt .item01 {
    background: url(../images/contact01.jpg) no-repeat;
    background-position: center right 45px;
}

.main-contact-area .cont-bt .item02 {
    border-left: 2px solid #eee;
    border-right: 2px solid #eee;
    background: url(../images/contact02.jpg) no-repeat;
    background-position: center right 45px;
}

.main-contact-area .cont-bt .item03 {
    background: url(../images/contact03.jpg) no-repeat;
    background-position: center right 12px;
}

.main-contact-area .cont-bt .item+.item {
    padding-left: 50px;
}

.main-contact-area .cont-bt .item h4 {
    font-size: 24px;
    display: inline-block;
    border-bottom: 1px solid #111;
}

.main-contact-area .cont-bt .item>ul {
    margin-top: 50px;
}

.main-contact-area .cont-bt .item li+li {
    margin-top: 8px;
}

.main-contact-area .cont-bt .item01 li,
.main-contact-area .cont-bt .item02 li {
    display: flex;
}

.main-contact-area .cont-bt .item p {
    font-family: 'Montserrat-SemiBold';
    font-size: 18px;
    width: 120px;
}

.main-contact-area .cont-bt .item span {
    font-family: 'Montserrat-Medium';
    font-size: 18px;
}

.main-contact-area .cont-bt .item.item03 li {
    display: flex;
    margin-top: 25px;
}

.main-contact-area .cont-bt .item03 sup {
    font-family: 'Montserrat-SemiBold';
    font-size: 14px;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #000;
    border-radius: 100%;
    margin-right: 5px;
    color: #fff;
}

.main-contact-area .cont-bt .item03 sup.green {
    background: #10aa18;
}

.main-contact-area .cont-bt .item03 sup.gold {
    background: #bd9a31;
}

.main-contact-area .cont-bt .item03 b.green {
    color: #10aa18;
}

.main-contact-area .cont-bt .item03 b.gold {
    color: #bd9a31;
}

.main-contact-area .cont-bt .item03 span {
    display: inline-block;
}

/* 오시는 길 끝 */

/* 플로팅메뉴 */
.floating-menu {
    z-index: 999;
    position: fixed;
    right: 50px;
    bottom: 80px;
}

.floating-menu-nav .item-name {
    width: 140px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(23, 23, 23, .6);
    border-radius: 18px;
}

.floating-menu-nav .cta-button {
    background: #fab600;
}

.floating-menu-nav .item .item-name.active {
    background: rgba(23, 23, 23, .8);
}

.floating-menu-nav .item+.item {
    margin-top: 14px;
}

.floating-menu-nav .item-name p,
.floating-menu-nav .item-name a {
    font-family: 'Montserrat-Regular';
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    display: flex;
    gap: 5px;
}

.floating-menu-nav .item-cont {
    display: none;
    margin-top: 14px;
    padding-left: 10px;
}

.floating-menu-nav .item-cont.active {
    display: block;
}

.floating-menu-nav .item-cont a {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.floating-menu-nav .item-cont+.item-cont {
    margin-top: 10px;
}

.floating-menu-nav .item-cont p {
    font-family: 'Montserrat-Regular';
    font-size: 12px;
    margin-left: 8px;
    color: #30beb4;
}


.floating-pop {
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.555);
}

.floating-pop.active {
    display: block;
}

.floating-pop .cont {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.floating-pop .cont .close {
    max-width: 400px;
    width: 100%;
    text-align: right;position: absolute;right:20px;top:0
}

.floating-pop .cont .close p {
    font-family: 'Montserrat-Medium';background:none !important;max-width:unset !important;width:auto !important;height:auto !important;color:#fff !important;
	display:block !important;color:#000 !important;margin-top:13px !important;
    font-size: 30px;
    color: #ffffff;
    display: inline;
    cursor: pointer;
}

.floating-pop .cont .box {
    display: flex;position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 400px;
    width: 100%;
    padding: 50px 0 60px;
    background: #ffffff;
}

.floating-pop .cont .box sup {
    font-size: 30px;
    display: block;
    margin-top: 15px;
}

.floating-pop .cont .box p {
    font-family: 'Montserrat-Medium';
    font-size: 16px;
    max-width: 320px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: #21201f;
    border-radius: 25px;
    margin-top: 35px;
}

.floating-pop .cont .box span {
    font-family: 'Montserrat-Medium';
    font-size: 18px;
    color: #777;
    margin-top: 20px;
    text-align: center;
}

.floating-pop .cont button {
    font-family: 'Montserrat-Medium';
    font-size: 30px;
    max-width: 400px;
    width: 100%;
    height: 80px;
    color: #ffffff;
    background: #30beb4;
    border-radius: 0 0 30px 30px;
    border: none;
    transition: background .3s;
}

.floating-pop .cont button.active {
    background: #ea4254;
}

/* 푸터 */
.footer {
    padding-bottom: 90px;
    background: url(../images/home/logo02.png) no-repeat;
    background-color: #000;
    background-position: top 65px right 40px;
}

.footer .cont-top {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #535353;
}

.footer .cont-top p {
    font-family: 'Montserrat-Regular';
    font-size: 12px;
    color: #999999;
    margin-left: 5px;
}

.footer .f-logo {
    padding-top: 100px;
}

.footer .cont {
    display: flex;
    justify-content: space-between;
}

.footer .cont-left p {
    letter-spacing: 0;
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    color: rgba(255, 255, 255, .5);
    margin-top: 55px;
}

.footer .cont-left ul {
    display: flex;
    margin-top: 40px;
}

.footer .cont-left ul li {
    position: relative;
}

.footer .cont-left ul li+li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -30px;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background: #717171;
}

.footer .cont-left li a {
    position: relative;
    letter-spacing: 0;
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    color: rgba(255, 255, 255, .5);
}

.footer .cont-left li+li {
    margin-left: 60px;
}

.footer .cont-left li a.active::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0;
    height: 1px;
    background: #ffffff;
    animation: .3s f_hover forwards ease-in-out;
}

@keyframes f_hover {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

.footer .cont-left li a.not-active::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0;
    height: 1px;
    background: #ffffff;
    animation: .3s f_hover_not forwards ease-in-out;
}

@keyframes f_hover_not {
    0% {
        width: 100%;
    }

    100% {
        width: 0;
    }
}

.footer .cont-right {
    padding-top: 90px;
}

.footer .cont-right p {
    font-family: 'Montserrat-Regular';
    font-size: 20px;
    text-align: right;
    color: rgba(255, 255, 255, .5);
}

.footer .cont-right a {
    font-family: 'Montserrat-SemiBold';
    font-size: 40px;
    display: block;
    text-align: right;
    color: #fff;
}

.footer .cont-right ul{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.footer .item-cont-right a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.footer .cont-center h3 {
    font-weight: bold;
    color: #d3d3d3;
}

.footer .cont-center {
    font-size: 16px; 
    text-transform: uppercase;
}
.footer .cont-center a{
    color: rgba(255, 255, 255, .5);
}
.footer .cont-center ul li {
    margin-top: 30px;
}

/* 1. Thiết lập vị trí cho các link ở cột giữa */
.footer .cont-center li a {
    position: relative;
    display: inline-block; 
}

/* 2. Tạo thanh gạch dưới ban đầu ẩn đi (width: 0) */
.footer .cont-center li a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0;
    height: 1px;
    background: #ffffff;
    transition: width 0.3s ease-in-out;
}

/* 3. Khi di chuột vào (hover), kéo dài thanh gạch ra 100% */
.footer .cont-center li a:hover::before {
    width: 100%;
}

.go-top {
    z-index: 1004;
    position: fixed;
    /* display: none; */
    right: 50px;
    bottom: 15px;
    width: 50px;
    height: 50px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    background: #30beb4;
    border-radius: 100%;
    transition: background .3s;
    overflow: hidden;
}

.go-top:hover {
    background: #286b66;
}

.go-top img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s;
}

.go-top:hover img:nth-of-type(1) {
    animation: .5s scroll_motion;
}

@keyframes scroll_motion {
    0% {
        transform: translate(-50%, 0);
    }

    100% {
        transform: translate(-50%, -45px);
    }
}

.go-top img:nth-of-type(2) {
    transform: translate(-50%, 30px);
}

.go-top:hover img:nth-of-type(2) {
    animation: .5s scroll_motion2;
}

@keyframes scroll_motion2 {
    0% {
        transform: translate(-50%, 45px);
    }

    100% {
        transform: translate(-50%, -50%);
    }
}

/* 고탑 끝 */

/* 팝업 */
.main-pop {
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background: rgba(17, 17, 17, .7);
}

.main-pop .cont {
    position: absolute;
    top: calc(50% - 30px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.main-pop .cont .is-img {
    max-width: 500px;
    width: 100%;
}

.main-pop .cont .is-img img {
    width: 100%;
}

.main-pop .cont .close {
    max-width: 500px;
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-pop .cont .close .close24 {
    display: flex;
    align-items: center;
}

.main-pop .cont .close .close24 label {
    letter-spacing: 1px;
    font-family: 'Montserrat-Medium';
    margin-left: 5px;
    color: #fff;
    cursor: pointer;
}

.main-pop .cont .close .close-x {
    font-family: 'Montserrat-Medium';
    font-size: 30px;
    color: #ffffff;
}

.main-pop .cont .close .close-x i {
    cursor: pointer;
}

.main-pop .swiper-pagination {
    display: flex;
    width: 100%;
    max-width: 500px;
}

.main-pop .swiper-pagination-clickable .swiper-pagination-bullet {
    font-size: 15px;
    opacity: 1;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: none;
    border-radius: 0;
    background: #fff;
}

.main-pop .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active {
    color: #fff;
    background: #30beb4;
}


/* Home inline css */
.main-promotion-area .slick-slide .is-img img {
    width: 300px;
    height: 300px;
}

@media(max-width:800px) {
    .main-promotion-area .slick-slide .is-img img {
        width: 63.75vw;
        height: auto;
    }

}

.main-promotion-area .cont-top .is-text p+p::before {
    background: #fff !important;
}

.main-promotion-area .cont-top {
    z-index: -1;
}

.main-promotion-area .bg {
    z-index: -2;
}

.main-add-info {
    background: linear-gradient(to bottom, rgba(243, 243, 243, 1), rgba(235, 231, 229, 0));
    padding-top: 100px;
    margin-top: 100px;
}

.main-add-info h3 {
    text-transform: uppercase;
}

.main-add-info .sub_title {
    font-family: 'Montserrat-Medium';
    font-size: 24px;
    margin-top: 40px;
}

.main-add-info .info {
    line-height: 1.7;
    font-family: 'Montserrat-Regular';
    font-size: 18px;
    display: block;
    padding-left: 60px;
    margin-top: 25px;
}

.main-add-info ul {
    margin-top: 25px;
}

.main-add-info ul li {
    position: relative;
    padding-left: 100px;
    line-height: 1.7;
    font-family: 'Montserrat-Regular';
    font-size: 18px;
    margin-top: 25px;
}

.main-add-info ul li:first-child {
    margin-top: 0;
}

.main-add-info .check {
    position: absolute;
    top: 5px;
    left: 60px;
    display: inline-flex;
}

.main-add-info .check img {
    max-width: 100%;
}

@media(max-width:800px) {

    .main-add-info {
        padding-top: 11.9vw;
        margin-top: 12.5vw;
    }

    .main-add-info .sub_title {
        font-weight: inherit;
        font-size: 5.2500vw;
        margin-top: 6.25vw;
    }

    .main-add-info .info {
        font-size: 4.5000vw;
        padding-left: 0;
        margin-top: 5vw;

    }

    .main-add-info ul {
        margin-top: 5vw;
    }

    .main-add-info ul li {
        position: relative;
        padding-left: 7vw;
        margin-top: 5vw;
        font-size: 4.5000vw;
    }

    .main-add-info ul li:first-child {
        margin-top: 0;
    }

    .main-add-info .check {
        position: absolute;
        top: 2vw;
        left: 0;
        width: 3.5vw;
    }
}

.main-photo-area .main-photo-slide .swiper-slide a img {
    max-width: 300px;
}

@media (max-width: 800px) {
    .main-photo-area .main-photo-slide .swiper-slide a img {
        max-width: 51vw;
    }

}

section.main-contact-area .title_area {
    align-items: flex-start;
    text-align: left;
    justify-content: flex-start;
}

@media (max-width: 800px) {
    .main-contact-area .title_area {
        margin-bottom: 5vw;
    }
}

.sec_faq .accordion button {
    font-family: 'Montserrat', sans-serif;
}

.sec_faq .accordion .accordion-content {
    font-family: 'Montserrat', sans-serif;
}

.sec_faq {
    margin-top: 110px;
}

.sec_faq .sec_wrap {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.sec_faq .title_area {
    margin-bottom: 65px;
    font-family: 'Marcellus-Regular';
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.sec_faq .title_area .title {
    font-size: 50px;
    line-height: 1;
    text-transform: uppercase;
}

.sec_faq .faq_area {
    display: flex;
}

.sec_faq .faq_area .accordion {
    margin-right: 40px;
    width: 50%;
}

.sec_faq .faq_area .accordion:last-of-type {
    margin-right: 0;
}

.sec_faq .accordion .accordion-item {
    border-bottom: 1px solid #e5e5e5;
}

.sec_faq .accordion .accordion-item:last-child {
    border-bottom: 0;
}

.sec_faq .accordion .accordion-item button[aria-expanded='true'] {
    border-bottom: 1px solid #30beb4;
    color: #30beb4;
}

.sec_faq .accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 20px 45px 20px 0;
    color: #111111;
    font-size: 20px;
    font-weight: 500;
    border: none;
    background: none;
    outline: none;
}

.sec_faq .accordion button:hover {
    cursor: pointer;
    color: #30beb4;
}

.sec_faq .accordion button:hover::after::after {
    cursor: pointer;
    color: #30beb4;
    border: 1px solid #30beb4;
}

.sec_faq .accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 22px;
    height: 22px;
    border: 1px solid;
    border-radius: 100%;
    transform: translateY(-50%);
}

.sec_faq .accordion button .icon::before {
    display: block;
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 10px;
    height: 2px;
    background: currentColor;
    transform: translate(-50%, -50%);
}

.sec_faq .accordion button .icon::after {
    display: block;
    position: absolute;
    content: '';
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    background: currentColor;
}

.sec_faq .accordion button[aria-expanded='true'] {
    color: #30beb4;
}

.sec_faq .accordion button[aria-expanded='true'] .icon::after {
    width: 0;
}

.sec_faq .accordion button[aria-expanded='true']+.accordion-content {
    opacity: 1;
    max-height: 100vh;
    transition: all 300ms linear;
    will-change: opacity, max-height;

}

.sec_faq .accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 300ms linear, max-height 300ms linear;
    will-change: opacity, max-height;
}

.sec_faq .accordion .accordion-content p {
    font-size: 17px;
    font-weight: 400;
    margin: 20px 0;
}

.sec_faq br {
    display: block;
}

.sec_faq br.mo {
    display: none
}


@media(max-width:800px) {
    .sec_faq br {
        display: none;
    }

    .sec_faq br.mo {
        display: block
    }

    .sec_faq {
        margin-top: 16.3vw;
        margin-bottom: 0;
    }

    .sec_faq .title_area {
        margin-bottom: 8.8vw;
    }

    .sec_faq .title_area .title {
        font-size: 7.5vw;
    }

    .sec_faq .faq_area {
        flex-direction: column;
    }

    .sec_faq .faq_area .accordion {
        width: 100%;
        margin: 0 !important;
        border-bottom: 0.2vw solid #e5e5e5;
    }

    .sec_faq .faq_area .accordion:last-of-type {
        border-bottom: 0;
    }

    .sec_faq .accordion button {
        padding: 4vw 10vw 4vw 0;
        font-size: 4.3vw;
    }

    .sec_faq .accordion button:hover {
        color: inherit;
    }

    .sec_faq .accordion .accordion-content p {
        font-size: 3.8vw;
    }

    .sec_faq .accordion button .icon {
        border: 0.3vw solid;
        border-radius: 100%;
        width: 6vw;
        height: 6vw;
    }

    .sec_faq .accordion button .icon::after {
        width: 0.5vw;
        height: 2.5vw;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .sec_faq .accordion button .icon::before {
        width: 2.5vw;
        height: 0.5vw;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

}

#pop {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    opacity: 0;
    transition: opacity 0.5s linear 0.3s;
}

#pop.active {
    opacity: 1;
}

#pop .close {
    position: absolute;
    top: -40px;
    right: 0;
    z-index: 2;
    cursor: pointer;
}

#pop .close a {
    display: block;
    height: 100%;
    font-size: 30px;
    /*color:#464b54;*/
    color: #fff;
}

#pop .slick-slide {
    outline: none;
}

#pop .slider_area {
    width: 530px;
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.2);
}

#pop .slick-list {
    width: 100% !important;
    height: 100% !important;
}

#pop .slider a {
    display: block;
    width: 100%;
    height: 100%;
    outline: none;
}

#pop .slick-dots {
    width: 100%;
    height: 40px;
    padding: 0;
    margin: 0;
    bottom: -40px;
    width: calc(100% + 0.5px);
    /*변경점 display:none!important;*/
}

#pop .slick-dots li {
    float: left;
    width: calc(100% / 3);
    /* 변경점*/
    height: 40px;
    line-height: 40px;
    background: #fff;
    border: 1px solid #eee;
    box-sizing: border-box;
    border-top: 0;
    margin: 0;
    border-radius: 0;
    opacity: 1;
}

#pop .slick-dots li:first-child {
    border-right: none;
}

#pop .slick-dots .slick-active {
    border: none;
}

#pop .slick-dots .slick-active a {
    background: #30beb4;
    color: #fff
}

#pop .slick-dots li a {
    display: block;
    text-align: center;
    color: #333;
    transition: all 0.3s ease 0s;
    font-size: 12px;
    text-decoration: none;
}

#pop .slick-slide {
    outline: none;
}

#pop .slider img {
    width: 530px !important;
    height: auto;
}

#pop .slick-slide>div {
    padding: 0;
    line-height: 0;
}

.popup__layer {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 998;
    background-color: rgba(0, 0, 0, .5);
}

@media(max-width:800px) {
    #pop .slick-slide {
        outline: none;
        height: auto
    }

    #pop .slider_area {
        width: 340px;
        -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.2);
    }

    #pop {
        display: block;
        top: 55%;
        left: 50%;
        transform: translate(-50%, -50%);
        position: fixed;
    }

    #pop .slick-dots {
        width: 100%;
        height: 40px;
        -webkit-box-shadow: 0px 0px 25px 5px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 0px 25px 5px rgba(0, 0, 0, 0.1);
    }

    #pop .slider img {
        width: 340px !important;
        height: auto;
    }

    #pop .close a {
        width: 25px;
        height: 25px;
        top: 0;
        right: 0;
        position: absolute;
        font-weight: bold;
        font-size: 25px;
        cursor: pointer;
    }

    #pop .slick-dots li a {
        font-size: 3vw;
    }

    #pop .slick-slide>div {
        padding: 0;
        line-height: 0;
    }
}

.cookie {
    position: absolute;
    top: -30px;
    left: 0;
    z-index: 2;
    cursor: pointer;
    color: #fff;
    text-decoration: underline;
    display: flex;
    align-items: center;
}

@media(max-width:768px) {
    .cookie {
        font-size: 13px;
    }
}


/* home mast head slider */
.main-top-slide {
    opacity: 0;
    visibility: hidden;
    transition: opacity 2s ease;
    -webkit-transition: opacity 2s ease;
}

.main-top-slide.slick-initialized {
    visibility: visible;
    opacity: 1;
}

.main-top-nav-slide {
    opacity: 0;
    visibility: hidden;
    transition: opacity 2s ease;
    -webkit-transition: opacity 2s ease;
}

.main-top-nav-slide.slick-initialized {
    visibility: visible;
    opacity: 1;
}

.main-top-slide {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}

.main-top-slide.slick-initialized {
    visibility: visible;
    opacity: 1;
}

.main-top-area .cont .main-top-slide .slick-track .item.promo {
    align-items: center !important;
    justify-content: center;
}

.slide_btn.arrow{
    width: 17px;
    height: 29px;
    background: url("../images/arrow-left.png") no-repeat center;
}
.slide_btn.arrow.next{
    background-image: url("../images/arrow-right.png");
}
.slide_btn.arrow img{
    display: none;
}

/* end of home inline css */
/* about introduction inlince css */