@charset "utf-8";

/*기본 공통 style*/
html {font-size: 1px;height: 100%;}
*,a{font-family: 'Noto Sans KR', sans-serif;}
.wrap {width: 100%;}
.container{width: 100%;max-width: 1420px;margin: 0 auto;padding:0 32rem;}

header{width: 100%;height: 100rem;background-color: var(--white-color);box-shadow: 0 4rem 4rem 0rem rgb(0 0 0 / 25%);}
header .container{width:100%;height:100%;display: flex;justify-content: space-between;align-items: center;}
header nav .mobile-header{display: none;}
header nav .menu-list{display: flex;}
header nav .menu-list .menu-item{margin: 0 48rem;}
header nav .menu-list .menu-item a{font-weight: 600;font-size: 20rem;line-height: 1;color: var(--color01);position: relative;}
header nav .menu-list .menu-item.active a::after{content:'';display:block;width: 100%;height: 3rem;background-color: var(--logo-color);position: absolute;left: 0;bottom:-8rem;}
header .logo-box{width:95rem;height:72rem;background-image: url("../../_Img/logo.svg");background-repeat: no-repeat;background-position: center;background-size: cover;}
header .corp{font-style: normal;font-weight: 450;font-size: 16rem;line-height: 1;color: var(--logo-color);}
header .right-box{display: flex;align-items: center;}
header .menu-button{background-image: url("../../_Img/icons/icon-menu.svg");width: 50rem;height: 50rem;background-repeat: no-repeat;background-size: 24rem 19rem;background-position: center;display: none;    transform: translateX(13rem);}
header .language{border: 0;font-size: 16rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image: url("../../_Img/icons/icon-select.svg");background-size: 10rem 8rem;background-position: 96% center;background-repeat: no-repeat;padding-right: 18rem;margin-right: 48rem;background-color: transparent;color:var(--color01);}
footer{width: 100%;background: var(--color05);border-top: 1px solid var(--color04);padding:49rem 0 42rem;position: relative;}
footer .container{display: flex;justify-content: space-between;}
footer .address-box{display: flex;}
footer .address-box .company-name{font-weight: 900;font-size: 32rem;line-height: 1.16;letter-spacing: 0.01em;color: var(--color02);width: 350rem;}
footer .address-box address,footer .address-box address a {font-weight: 400;font-size: 14rem;line-height: 1.79;color: var(--color02);}
footer .address-box .copyright{font-weight: 400;font-size: 14rem;line-height: 1.79;color: var(--color03);}

footer .family-site {width: 190rem;height: 37rem;background: var(--color06);position: relative;border:1px solid var(--color03);box-sizing: content-box;}
footer .family-site .label{width: 100%;height: 100%;font-weight: 700;font-size: 14rem;line-height: 1.42857143;display: flex;align-items: center;color: var(--color03);padding:8rem;}
footer .family-site .label::after{content:'';display: block;background-image: url("../../_Img/icons/icon-arrow.svg");background-size:cover;width: 12rem;height: 8rem;position: absolute;right: 8rem;top:calc(50% - 4rem);transition-duration: .3s;transition-property: transform;}
footer .family-site .linkList{position: absolute;left: -1px;top:100%;opacity: 0;pointer-events: none;transition-duration: .3s;transition-property: opacity;}
footer .family-site .linkList .linkItem {width: 190rem;height: 37rem;background: var(--color06);}
footer .family-site .linkList .linkItem a{idth: 100%;height: 100%;font-weight: 400;font-size: 14rem;line-height: 1.42857143;display: flex;align-items: center;color: var(--color01);padding:8rem;}
footer .family-site:hover .linkList{opacity: 1;pointer-events: auto;border:1px solid var(--color03);border-top:0;}
footer .family-site:hover .label::after{transform: rotate(180deg);}

.icon-clock{display:block;background-image: url("../../_Img/icons/icon-clock.svg");background-size:cover;background-repeat:no-repeat;width: 62rem;height: 62rem;}
.icon-calendar{display:block;background-image: url("../../_Img/icons/icon-calendar.svg");background-size:cover;background-repeat:no-repeat;width: 62rem;height: 62rem;}
.icon-shop{display:block;background-image: url("../../_Img/icons/icon-shop.svg");background-size:cover;background-repeat:no-repeat;width: 62rem;height: 62rem;}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 56rem;}
.swiper-pagination-bullet {width: 12rem;height: 12rem;display: inline-block;border-radius: 50%;background: #323232;opacity: 1;}
.swiper-pagination-bullet-active {opacity: 1;background: var(--color06);}
.swiper-button-next, .swiper-rtl .swiper-button-prev {right: 30rem;left: auto;width: 45rem;height: 45rem;}
.swiper-button-prev, .swiper-rtl .swiper-button-next {left: 30rem;right: auto;width: 45rem;height: 45rem;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content: '';background-image: url("../../_Img/icons/icon-next.svg");background-repeat: no-repeat;background-size: 100% 100%;width: 100%;height: 100%;transform: rotate(180deg);}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {content: '';background-image: url("../../_Img/icons/icon-next.svg");background-repeat: no-repeat;background-size: 100% 100%;width: 100%;height: 100%;}

.floating{position: fixed;width: 58rem;height: 58rem;bottom:246rem;right: 30rem;}
.floating .up-button{background-color:var(--color06);background-image: url("../../_Img/icons/icon-up.svg");background-repeat:no-repeat;background-position:center;background-size: 23rem 25rem;width: 58rem;height: 58rem;border: 1px solid var(--color04);border-radius: 100%;}


@media screen and (max-width: 1366px) {
    html {
        font-size: 0.073206vw;
    }
}

@media screen and (max-width: 750px) {
    html {
        font-size: 0.266667vw;
    }
}