/*----------#sec01 .main-----------*/

section {
    overflow: hidden;
}

.main {
    height: 150vw;
    width: 100%;
    position: relative;
}

.main_logo {
    position: absolute;
    top: 76vw;
    left: 50%;
    transform: translateX(-50%);
height: 7vw;
    z-index: 10;
    text-align: center;
    border-radius: 1.5vw;
    padding-top: 0.7vw; 
}


.myhome { width: 100vw ; padding: 2.7vw 0 2vw; 


    
    background: #ee1059;
    z-index: 10;
   font-family: 'SUIT-Regular';}

.myhome p { color: #ffff00; font-size: 6.8vw; font-weight: 900; text-align: center;  }
.myhome span { color: #fff;    font-size: 2vw; padding-left: 20vw; }


/*=메인비주얼 슬라이드=*/
.mySwiper01 {
    width: 100vw;
    height: 150vw;
}

.mySwiper01 .swiper-slide {
    position: relative;
}

.mySwiper01 .main_vis {
    width: 100vw;
    height: 100%;
}

.mySwiper01 .main_copy {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.mySwiper01 .main_copy01 {
    width: 66vw;
   top: 42vw;
}

.mySwiper01 .main_copy02 {
    width: 84vw;
    top: 36vw;
}


/*=메인비주얼 pagination=*/

.mySwiper01 .swiper-pagination {
    position: absolute;
    left: 55vw;
    bottom: 5vw !important;
    width: 40vw;
    height: 5vw;
}

.mySwiper01 .swiper-pagination-bullet {
    width: 1vw;
    height: 1vw;
    background: #fff !important;
    opacity: 1;
    margin: 2.5vw !important;
    border-radius: 1vw;
    position: relative;
    display: inline-block !important;
}

.mySwiper01 .swiper-pagination-bullet:before {
    content: "";
    clear: both;
    display: inline-block !important;
    width: 5vw;
    height: 5vw;
    border: 1px solid #fff !important;
    border-radius: 3vw;
    box-sizing: border-box;
    position: absolute;
    top: -2vw;
    left: -2vw;
    opacity: 0;
}

.mySwiper01 .swiper-pagination-bullet-active {
    background: #fff !important;
}

.mySwiper01 .swiper-pagination-bullet-active:before {
    opacity: 1;
}


/*------------quick-------------*/

.quick {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    z-index: 15;
    background: #fff;
    color: #272e53;
    box-shadow: 2px -2px 5px rgba(0, 0, 0, 0.1);
}



.quick_menu > div {
    width: 100vw;
    display: flex;
    justify-content: center;
    /*border-top: 1px solid #ddd;*/
}

.quick_menu a {
    width: 50vw;
    line-height: 11vw;
    font-size: 3.5vw;
    font-weight: 900;
    text-align: center;
    box-sizing: border-box;
}

.quick_menu a:nth-of-type(1) {
    border: none;
}

.quick_menu a img {
    height: 4.5vw;
    margin: 3vw 3.6vw 0 0;
    
    /*display: none;*/
}

.quick_menu .qucik_1f a:nth-of-type(2),
.quick_menu .qucik_2f a:nth-of-type(1) {
    background: #101947;
    color: #fff;
}

.quick_menu .qucik_1f a:nth-of-type(1),
.quick_menu .qucik_2f a:nth-of-type(2) {
    background: #fff;
    color: #101947;
}

.quick_menu .qucik_2f a:nth-of-type(2) {
    letter-spacing: -1px;
}

.quick_menu .qucik_2f a:nth-of-type(2) img {
    margin: 3.5vw 2vw 0 0;
    height: 3.6vw;
}

.quick_belt {
    width: 100vw;
    height: 7vw;
    background: #ee1059;
    position: relative;
}

.quick_belt img {
    width: 200vw;
    padding-top: 1vw;
}


.quick_belt .belt01 {
    position: absolute;
    top: 0;
    left: -100vw;
    animation: line01 17000ms linear infinite;
}


@keyframes line01 {
    0% {
        left: -100vw;
    }

    100% {
        left: -300vw;
    }
}

.quick_belt .belt02 {
    position: absolute;
    top: 0;
    left: 100vw;
    animation: line02 17000ms linear infinite;
}


@keyframes line02 {
    0% {
        left: 100vw;
    }

    100% {
        left: -100vw;
    }
}


/*----------#sec02 .premium-----------*/

.premium {
    background: #fff;
    width: 100%;
    text-align: center;
    position: relative;
}

.premium:before {
    content: "";
    clear: both;
    display: block;
    width: 100vw;
    height: 90vw;
    background: #272e53;
    position: absolute;
    bottom: 0;
    left: 0;
}

.premium .watermark {
    position: absolute;
    top: 5vw;
    left: 5vw;
    height: 20vw;
}

.premium .premium_tit {
    margin: 15vw 0 0 0;
    position: relative;
}

.premium .premium_tit span {
    font-size: 4.5vw;
    letter-spacing: -1px;
    color: #272e53;
    font-weight: 900;
    padding-right: 10vw;
}

.premium .premium_tit p {
    padding-right: 10vw;
    font-size: 12vw;
    letter-spacing: -2px;
    color: #ee1059;
    font-weight: 200;
    font-family: 'TimesNewRoman';
}

.premium .premium_tit strong {
    font-family: 'GmarketSansBold';
    font-size: 18vw;
    letter-spacing: -1px;
    color: #ee1059;
    font-weight: 900;
    position: absolute;
    top: 0;
    right: 14vw;
    display: inline-block;
}


.premium .premium_copy p {
    font-size: 2.5vw;
    color: #888;
    padding-top: 5vw;
    font-weight: 600;
}

.premium .premium_copy span {
    font-size: 4vw;
    color: #666;
    font-weight: 900;
    padding-top: 2vw;
    display: block;
    letter-spacing: -1px;
}

/*프리미엄 슬라이드*/
.mySwiper02 {
    padding: 8vw 0 0 0;
    width: 86vw;
    margin: 0 auto;
    position: relative;
}

.mySwiper02 .swiper-wrapper {
    width: 100%;
    position: relative;
}

.mySwiper02 .swiper-slide {
    width: 100%;
    height: 75vw;
}

.mySwiper02 .swiper-slide img {
    width: 100%;
    overflow: hidden;
    opacity: 0;
}

.mySwiper02 .swiper-slide .pre_desc {
    padding-top: 8vw;
    color: #fff;
    opacity: 0;
}

.mySwiper02 .swiper-slide .pre_desc span {
    padding-top: 7vw;
    font-size: 3.2vw;
    font-weight: 100;
}

.mySwiper02 .swiper-slide .pre_desc p {
    padding-top: 3vw;
    font-size: 4.5vw;
    font-weight: 600;
    line-height: 1.5;
}

.mySwiper02 .swiper-slide-active img {
    opacity: 1;
}

.mySwiper02 .swiper-slide-active .pre_desc {
    opacity: 1;
}

.pr_btn {
    position: relative;
    padding-top: 10vw;
}

.pr_btn:before {
    content: "";
    clear: both;
    display: block;
    width: 0.5vw;
    height: 5vw;
    background: #fff;
    position: absolute;
    top: 11vw;
    left: 50%;
}

.pr_btn img {
    cursor: pointer;
    margin: 0 7vw;
    height: 6vw;
}

.pre_more {
    height: 8vw;
    padding: 8vw 0 12vw;
    display: inline-block;
}

.pre_more img {
    height: 8vw;
}


/*----------#sec03 .location-----------*/

.location {
    width: 100%;
    background: url(../images/loc_bg.png) no-repeat center/cover;
    position: relative;
}

.location .watermark {
    position: absolute;
    top: 105vw;
    left: -2vw;
    height: 35vw;
}

.location .location_tit {
    color: #272e53;
    letter-spacing: -1px;
    text-align: center;
    padding-top: 14vw;
}


.location .location_tit span {
    font-size: 4.5vw;
    color: #272e53;
    font-weight: 600;
    line-height: 1.4;
    display: inline-block;
}

.location .location_tit p {
    font-size: 8vw;
    letter-spacing: -2px;
    font-weight: 900;
    padding-top: 2.5vw;
}

/*=로케이션 슬라이드=*/
.mySwiper03 {
    padding: 12vw 0 0 0;
    width: 90vw;
    margin: 0 auto;
    position: relative;
}

.mySwiper03 .swiper-wrapper {
    width: 100%;
    position: relative;
}

.mySwiper03 .swiper-slide {
    width: 100%;
}

.mySwiper03 .swiper-slide img {
    width: 100%;
    overflow: hidden;
    opacity: 0;
}

.mySwiper03 .swiper-slide .loc_desc {
    padding-top: 8vw;
    opacity: 0;
    text-align: center;
    /*   letter-spacing: -1px;*/
}

.mySwiper03 .swiper-slide .loc_desc p {
    padding: 0 0 4vw;
    font-size: 4.7vw;
    font-weight: 900;
}

.mySwiper03 .swiper-slide .loc_desc p strong {
    line-height: 1.5;
    color: #ee1059;
}

.mySwiper03 .swiper-slide .loc_desc span {
    font-size: 3vw;
    font-weight: 600;
    line-height: 1.8;
    display: inline-block;
    color: #444;
}

.mySwiper03 .swiper-slide-active img {
    opacity: 1;
}

.mySwiper03 .swiper-slide-active img {
    opacity: 1;
}

.mySwiper03 .swiper-slide-active .loc_desc {
    opacity: 1;
}


/*=로케이션 슬라이드 pagination=*/

.mySwiper03 .swiper-pagination {
    position: absolute;
    top: 3vw !important;
}

.mySwiper03 .swiper-pagination-bullet {
    width: 2vw;
    height: 2vw;
    background: #fff !important;

    border: 1px solid #272e53 !important;
    opacity: 1;
    margin: 2vw !important;
    border-radius: 10vw;
    position: relative;
    display: inline-block !important;
}

.mySwiper03 .swiper-pagination-bullet-active {
    background: #272e53 !important;
}

/*로케이션 슬라이드 끝*/

.location .loc_map {
    position: relative;
    z-index: 3;
}

.location .loc_map > img {
    display: block;
    width: 80vw;
    margin: 10VW auto 0;
}

.location .loc_map a {
    position: absolute;
    top: 0;
    right: 5vw;
    height: 25vw;
    width: 25vw;
}

.location .loc_map a img {
    width: 100%;
    height: 100%;
}

/*----------#sec04 .contact-----------*/

.contact {
    width: 100%;
    background: #272e53;
    color: #fff;
    text-align: center;
    position: relative;
    margin-top: -15vw;

}

/*
.contact > div { display: flex}
*/

.contact_tit {
    margin: 25vw 0 3vw 0;
    font-family: 'TimesNewRoman';
    font-style: italic;
    font-size: 10vw;
}

.contact_tit span {
    color: #ee1059;
}



.contact .map_box {
    display: block;
    width: 90vw;
    margin: 0 auto;
    /*padding: 10vw 5vw 0 5vw; */
    text-align: center;
}

.contact .address {
    padding: 3vw 0 0;
    font-size: 3.5vw;
    line-height: 3;
}

.contact .address strong {
    font-weight: 900;
    position: relative;
}

.contact .address strong:before {
    content: "";
    clear: both;
    display: inline-block;
    width: 1vw;
    height: 1vw;
    background: #ee1059;
    border-radius: 2vw;
    position: absolute;
    top: 2vw;
    left: -3vw;
    ;
}

.contact .address span {
    display: inline-block;
    padding-left: 5vw;
    position: relative;
}

.contact .address span:before {
    content: "";
    clear: both;
    display: inline-block;
    width: 1px;
    height: 4vw;
    background: #aaa;
    border-radius: 2vw;
    position: absolute;
    top: 3.2vw;
    left: 2vw;
}


.contact .map_img {
    width: 90vw;
}

.contact a {
    width: 40vw;
    border: 1px solid #aaa;
    display: inline-block;
    border-radius: 3vw 0 3vw 0;
    line-height: 10vw;
    font-size: 3.3vw;
    font-weight: 900;
    margin: 3vw 0;
}

.contact a:nth-of-type(1) {
    margin-right: 1vw;
}

.contact a img {
    height: 4vw;
    margin: 3vw 3vw 3vw 0;
}



.contact .open {
   line-height: 12vw;
    width: 100vw;
    font-size: 7vw;
    font-weight: 900;
    color: #ffff00;
    background: #ee1059;
    z-index: 10;
    text-align: center;
   font-family: 'SUIT-Regular';
    margin-top: 5vw;
}

.contact .open span {  
    font-weight: 600;
   /* font-size: 4.8vw;*/
}