/* life common */
#quick-right {
    /* display: none; */
}

.inner {
    max-width: 1280px;
    margin: 0 auto;
}

.life .view_pc {
    display: block !important;
}
.life .view_mo {
    display: none !important;
}


/* quick 메뉴 */

.quick {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    width: 100%;
    height: 14rem;
    text-align: center;
    /* backdrop-filter: blur(10px); */
    transition: 0.5s;
    background: rgba(23, 36, 72, 0.9);
}

.quick.active {
    bottom: -13rem;
}

.quick.active .toggle-quick-menu i {
    transform: rotate(-90deg);
}

.quick_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2.2rem 2vw;
    max-width: 1280px;
    margin: 0 auto;
}

.quick_wrap .text {
    color: #fff;
    text-align: left;
}

.quick_wrap .text h1 {
    font-size: 2.2rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 3rem;
}

.quick_wrap .text p {
    font-size: 2rem;
    font-weight: 300;
}

.quick_wrap .text .event_text {
    margin-top: .5rem;
    font-size: 1.8rem;
}

.quick_wrap .text .event_text span {
    display: inline-block;
    background: #FFF;
    color: #000;
    line-height: 2rem;
    padding: 0rem .8rem;
    margin-right: .8rem;
}

.quick_wrap .quick_btn_wrap {
    display: flex;
}

.quick_wrap .quick_btn_wrap .quick_btn01 {
    display: inline-block;
    /* background: #fff; */
    /* border-radius: 50px; */
    margin-right: 2rem;
    border: 2px solid #fff;
}

.quick_wrap .quick_btn_wrap .quick_btn01 a {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    padding: 1rem 5rem;
    display: block;
}

.quick .toggle-quick-menu {
    position: absolute;
    width: 6rem;
    height: 3rem;
    top: -3rem;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(23, 36, 72, 0.9);
    border-radius: 1rem 1rem 0 0;
}

.quick .toggle-quick-menu i {
    color: #fff;
    transform: rotate(90deg);
    transition: .5s;
}





/* visual */

.life {
    /* background-color: blue; */
}

#wrap.life #container {
    padding-top: 12rem;
}

.life__Mainbnr>img {
    width: 100%;
    /* padding-top: 40px; */
    /* background: #000; */
}

.life .life__visual {
    min-height: 100vh;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: gray;
}

.life .life__visual .page-title-group {
    position: absolute;
    margin-top: 24rem;
    /* width: 100%; */
    text-align: left;
    padding-left: 8%;
    z-index: 2;
    text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
}

.life .life__visual .page-title-group p {
    color: #fff;
    font-size: 4rem;
}

.life .life__visual .page-title-group h3 {
    font-size: 9rem;
    font-weight: 800;
    letter-spacing: 0;
    color: #fff;
    margin-top: 2rem;
}

.life .life__visual .page-title-group h3 span {
    font-weight: 600;
}

.life .life__visual .page-title-group div {
    color: #fff;
}


.life .life__visual .swiper__wrap {
    height: 100vh;
}

.life .life__visual .swiper {
    width: 100%;
    height: 100%;
}

.life .life__visual .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    filter: blur(4px);
    transition: 2s;
}

.life .life__visual .swiper-slide.swiper-slide-active {
    filter: none;
}

.life .life__visual .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.life .life__visual .swiper-slide:nth-child(even) {
    background-color: gray;
}

.life .life__visual .swiper-pagination {
    bottom: 3rem;
}

.life .life__visual .swiper-pagination-bullet {
    margin: 0 .8rem;
    width: 1.4rem;
    height: 1.4rem;
    background-color: rgba(255,255,255,.9);
    opacity: 0.4;
}

.life .life__visual .swiper-pagination-bullet.swiper-pagination-bullet-active {    
    opacity: 1;
}

.life .alert__text {
    margin-top:2.4rem;
    text-align: right;
    padding-right: 2.2rem;
    font-size: 1.6rem;
    color: #888;
    line-height: 2.2rem;
}




/* 출시기념 특별할인 EVENT ______________________________________________ */

.life .event_price {
    position: relative;
    text-align: center;
    color: #1b1b1b;
    line-height: 1.2;
    margin-bottom: 12rem;
}

.life .event_price .text_group h3 {
    font-size: 5rem;
    font-weight: 600;
    margin-bottom: 2rem;
}

.life .event_price .text_group h3.w800 {font-weight:800;}

.life .event_price .text_group h4 {
    font-size: 2.4rem;
    font-weight: 600;
    margin-bottom: .5rem;
}

.life .event_price .text_group h4 span {
    display: inline-block;
    padding: .4rem 0;
    width: 9rem;
    background: #172448;
    border-radius: 1rem;
    color: #fff;
    margin-right: 2rem;
    font-size: 2rem;
    letter-spacing: 0;
}

.life .event_price .text_group h4:first-of-type {
    margin-left: -6px;
}

.life .event_price .text_group .text {
    font-size: 2rem;
    line-height: 1.4;
}

.life .event_price .price_wrap {
    margin: 5rem 0 3rem;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    /* align-items: baseline;
    justify-content: center;
    flex-wrap: wrap; */
}

.life .event_price .price_box {
    flex: 1;
    background-color: #f9f9f9;
    border-radius: 2rem;
    border: 1px solid #ccc;
    overflow: hidden;
}

.life .event_price .price_box h3 {
    padding: 1rem 0;
    background-color: #2d4a9f;
    margin-top: -5px;
    font-size: 2.4rem;
    font-weight: 600;
    letter-spacing: .1rem;
    color: #fff;
}

.life .event_price .price_box:nth-child(2) h3 {
    background-color: #36ae4f;
}

.life .event_price .price_box:nth-child(3) h3 {
    background-color: #1c204f;
}

.life .event_price .price_box .text-name {
    margin-top: 4rem;
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1;
}

.life .event_price .price_box .text-name span {
    font-size: 2.6rem;
    font-weight: 500;
}

.life .event_price .price_box .text-price {
    margin-top: 2rem;
    font-size: 7rem;
    font-weight: 800;
    color: #172448;
}

.life .event_price .price_box .text-price span {
    font-size: 3.6rem;
}

/* price_event 추가 '특가상품' 애니메이션 추가 */

.life .event_price .price_box .text-price span.price_event {
    position: relative;
    font-size: 7rem;
}

.life .event_price .price_box .text-price span.price_event em {
    position: absolute;
    left: -7rem;
    font-size: 1.5rem;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.05rem;
    width: 6.2rem;
    border-radius: 0.5rem;
    padding: 0.2rem 0;
}

.life .event_price .price_box .text-price span.price_event em.item-1 {
    top: 1.5rem;
    color: yellow;
    animation: price_blink_1 0.5s ease-in-out infinite;
}

.life .event_price .price_box .text-price span.price_event em.item-2 {
    top: 4rem;
    background: #93291E;
    background: -webkit-linear-gradient(to right, #ED213A, #93291E );
    background: linear-gradient(to right, #ED213A, #93291E);
    color: yellow;
    animation: price_blink_2 0.5s ease-in-out infinite;
}

@keyframes price_blink_1 {
    0%, 100% {
        opacity: 1;
        background: #FFB75E;
        background: -webkit-linear-gradient(to right, #ED8F03, #FFB75E);
        background: linear-gradient(to right, #ED8F03, #FFB75E);
    }
    50% {
        opacity: 0.5;
        background: #c21500;
        background: -webkit-linear-gradient(to right, #ffc500, #c21500);
        background: linear-gradient(to right, #ffc500, #c21500); 
    }
}
@keyframes price_blink_2 {
    0%, 100% {
        text-indent: 0.3rem;
    }
    50% {
        text-indent: -0.3rem;
    }
}

@media screen and (max-width: 840px) {
    .life .event_price .price_box .text-price span.price_event {
        font-size: 8rem;
    }

    .life .event_price .price_box .text-price span.price_event em {
        left: -9rem;
        font-size: 2rem;
        width: 8rem;
        padding: 0.3rem 0;
    }

    .life .event_price .price_box .text-price span.price_event em.item-1 {
        top: 1.5rem;
    }
    
    .life .event_price .price_box .text-price span.price_event em.item-2 {
        top: 4.8rem;
    }
}


.life .event_price .price_box .text-note {
    letter-spacing: 0;
}

.life .event_price .price_box ul {
    position: relative;
    margin: 6rem 0 4rem;
}

.life .event_price .price_box ul::before {
    position: absolute;
    content: "";
    left: 50%;
    transform: translateX(-50%);
    top: -3rem;
    background-color: #c1c1c1;
    height: 1px;
    width: 80%;
}

.life .event_price .price_box li {
    font-size: 2rem;
    margin: 1rem 0;
    color: #585858;
}

.life .event_price .price_box li.point {
    color: #2352d8;
    font-weight: 600;
}







/* 할인 가격 상세보기 ______________________________________________ */

.life .discount {
    width: 100vw;
    margin: 0 0 0 -50vw;
    padding: 0 0 12rem;
    position: relative;
    left: 50%;
    /* border: 1px solid blue; */
    text-align: center;
    color: #1b1b1b;
    line-height: 1.2;
    margin-top: 12rem;
}

.life .discount .text_group {
    margin-bottom: 6rem;
}

.life .discount .text_group h3 {
    font-size: 5rem;
    font-weight: 600;
}

.life .discount .text_group h3 b {
    font-weight: 800;
}

.life .discount .text_group p {
    font-size: 2.4rem;
    line-height: 1.2;
    margin: 2rem 0 4rem;
}

/* .life .tab-menu {
    max-width: 1280px;
    margin: 0 auto;
} */

/* tab menu ______________________________________________ */


.life .tab-menu {
    /* margin-bottom: 40px; */
}

.life .tab-buttons {
    display: flex;
    justify-content: space-around;
    margin-bottom: 4rem;
}


.life .tab-button {
    /* border: 1px solid red; */
    background-color: #e6e6e6;
    color: #767676;
    width: 100%;
    padding: 2rem;
    font-size: 2.8rem;
    font-weight: 600;
    letter-spacing: 0;
    /* border: none; */
    cursor: pointer;
    transition: background-color 0.3s;
}

.life .tab-button:hover {
    background-color: #ddd;
}

/* Default active tab button style */
.life .tab-button.active {
    border: 1px solid #bebebe;
    background-color: #fff;
    color: #1b1b1b;
}

.life .tab-content .flex_box {
    display: flex;
    flex-flow: row wrap;
    gap: 3rem;
    /* align-items: center; */
    justify-content: space-between;
}

.life .tab-content .flex_box>div {
    flex: 1;
}




/* price_list ______________________________________________ */

.life .price_list {
    font-size: 2rem;
}

.life .price_list .header {
    background-color: #002060;
    color: white;
    font-size: 2.8rem;
    padding: 1.8rem 0;
    font-weight: 700;
    /* padding: 20px; */
    /* text-align: center; */
    /* font-size: 20px; */
}

.life .price_list .content,
.life .price_list .event-discount {
    padding: 2.8rem;

}

.life .price_list .price-item {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 10px; */
    margin: 1.2rem 0;
}

.life .price_list .price-item.total {
    font-size: 2.4rem;
    font-weight: 600;
    margin-top: 2.4rem;
}


.life .price_list .event-discount {
    background-color: #f5f5f5;
    color: #2352d8;
    border-top: 1px solid #191f2f;
}

.life .price_list .event-discount .event-header {
    text-align: left;
    font-size: 2.4rem;
    font-weight: 600;
    margin: 1rem 0 2.6rem;
}

.life .price_list .final-discount {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.8rem 2.8rem;
    background-color: #d22727;
    color: #fdff40;
    font-size: 2.4rem;
    font-weight: 600;
}

.life .price_list .final-discount span:nth-child(2) {
    color: #fff;
    font-size: 3.6rem;
}

.life .price_list .note {
    text-align: right;
    font-size: 1.6rem;
    font-weight: 300;
    margin-top: 2rem;
}

/* 임시 notice */
.life .price_list .notice_price {
    border: 1px 0 1px solid #ddd;
    border-top: 1px solid #002060;
    border-bottom: 1px solid #002060;
    padding: 15rem 0;
    background-color: #eee;
}


/* point */

.point_tit {
    /* background-image: url(../images/life/life_main_visual01.jpg); */
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed; /* ios문제 해결 필요 fixed */
    background-size: cover;
    width: 100vw;
    margin: 20rem 0 0 -50vw;
    /* padding: 0 0 12rem; */
    position: relative;
    left: 50%;
    /* border: 1px solid blue; */
    text-align: center;
    color: #fff;
    /* line-height: 1.2; */
    /* padding: 22rem 0; */
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

@supports (-webkit-touch-callout: none) {
    .point_tit {
      background-attachment: scroll; /* ios는 scroll 처리 */
    }
}


.point_tit::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(18, 22, 33, 0.2);
}

.point_tit.p01 {
    background-image: url(../images/life/life_point01_tit_bg.jpg);
    margin-top: 0;
}
.point_tit.p02 {
    background-image: url(../images/life/life_point02_tit_bg.jpg);
}
.point_tit.p03 {
    background-image: url(../images/life/life_point03_tit_bg.jpg);
}
.point_tit.p04 {
    background-image: url(../images/life/life_point04_tit_bg.jpg);
}


.point_tit .inner {
    position: relative;
    z-index: 1;
}

.point_tit .text_group span {
    position: relative;
    font-size: 2.4rem;
    letter-spacing: 1rem;
    font-weight: 300;
    display: inline-block;
    margin-bottom: 40px;
}

.point_tit .text_group span::after {
    content: '';
    position: absolute;
    top: 50px;
    left: 50%;
    width: 40%;
    height: 4px;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, 0.8);
}

.point_tit .text_group h3 {
    font-size: 5rem;
    line-height: 1.2;
    font-weight: 600;
}

.point_content .option-details>li .text-box .title>dt {
    font-size: 4.2rem;
    font-weight: 600;
}

.point_tit.p04 .text_group2 span {
    font-size: 4rem;
    /* letter-spacing: 1rem; */
    line-height: 1.2;
    font-weight: 500;
}

.point_tit.p04 .text_group2 h3 {
    font-size: 8rem;
    letter-spacing: 0;
    line-height: 1.2;
    font-weight: 800;
}

.point_tit.p04 .text_group2 h3 em {
    font-weight: 500;
    font-style: normal;
}



/* DETAILS ______________________________________________ */

.life .detail_view {
    background-color: #f4f4f4;
    width: 100vw;
    margin: 0 0 0 -50vw;
    position: relative;
    left: 50%;
    padding-bottom: 12rem;
}

.life .detail_view .text_group h3 {
    font-size: 5rem;
    font-weight: 800;
    letter-spacing: 0;
    text-align: center;
    padding: 12rem 0 4rem;
    color: #1b1b1b;
}

.life .detail_view .tab-content {
    position: relative;
}

.life .detail_view .swiper-container {
    width: 100%;
    /* height: 660px; */
    overflow: hidden;
}

.life .detail_view .swiper-wrapper {
    box-sizing: content-box;
    height: fit-content;
}

.life .detail_view .swiper-slide {
    /* display: flex;
    flex-direction: column; */
    background-color: #fff;
    border-radius: 1.5rem;
    overflow: hidden;
    /* box-sizing: content-box; */
    /* border-radius: 20px 40px 60px 80px; */
}

.life .detail_view .swiper-slide>div {
    padding: 2rem 3rem 4rem;
    height: 19rem;    
}

.life .detail_view .swiper-slide>div h3 {
    font-size: 2.4rem;
    font-weight: 600;
    color: #1b1b1b;
}

.life .detail_view .swiper-slide>div p {
    font-size: 1.8rem;
    margin-top: .5rem;
}

.life .detail_view .swiper-prev,
.life .detail_view .swiper-next {
    width: 29px;
    height: 55px;
    outline: none;
    /* border: 2px solid #fff; */
    /* border-radius: 50%; */
    /* color: #fff; */
    position: absolute;
    /* top: 0; */
    /* bottom: 0; */
    /* margin: auto; */
    /* opacity: .3; */
    cursor: pointer;
    top: 26rem;
    /* top: 50%; */
    /* transform: translateY(-50%); */
    /* display: flex;
    justify-content: center;
    align-items: center; */
    /* transition: .4s; */
    background-image: url("/images/life/life_arrow_01.png");
    background-repeat: no-repeat;
    text-indent: -9999px;
    z-index: 1;
}

.life .detail_view .swiper-prev {
    background-position : left 0 top 0;
    left: -40px;
}

.life .detail_view .swiper-next {
    background-position : right 0 top 0;
    right: -40px;
}

.life .detail_view .swiper-prev:hover {
    background-position : left 0 bottom 0;
}

.life .detail_view .swiper-next:hover {
    background-position : right 0 bottom 0;
}



.life .detail_view .text_group.st02 h3 {
    font-size: 4rem;
    padding-top: 8rem;
}


.life .detail_view .Specifications {
    background-color: #dcdde4;
    border-radius: 2.6rem;
    overflow: hidden;
    padding: 6rem;
    min-width: 1200px;
}

.life .detail_view .Specifications.num2 {
    margin-top: 6rem;
}

.life .detail_view .Specifications h4 {
    /* padding: 4rem 0 0 4rem; */
    font-size: 2.4rem;
    color: #1b1b1b;
    font-weight: 500;
}

.life .detail_view .Specifications .flex_area {
    /* padding: 4rem; */
    /* width: 100%; */
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-top: 3rem;
}

.life .detail_view .Specifications .flex_area img {
    height: 360px;
}

.life .detail_view .tab-menu>p {
    text-align: right;
    margin: 1rem;
}







/* gallery ______________________________________________ */

.life .gallery {
    /* background-color: #f4f4f4; */
    width: 100vw;
    margin: 0 0 0 -50vw;
    position: relative;
    left: 50%;
}

.life .gallery .text_group h3 {
    font-size: 5rem;
    font-weight: 800;
    letter-spacing: 0;
    text-align: center;
    padding: 12rem 0 4rem;
    color: #1b1b1b;
}

.life .gallery .swiper-slide {
    border-radius: 1.5rem;
    overflow: hidden;
}

.life .gallery .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.life .gallery .tab-content {
    position: relative;
}

.life .gallery .swiper-container {
    /* width: 100%; */
    /* height: 660px; */
    /* overflow: hidden; */
    margin-bottom: 10px;
}

.life .gallery .swiper-wrapper {
    /* box-sizing: content-box;
    height: fit-content; */
}


.life .gallery .swiper-prev,
.life .gallery .swiper-next {
    width: 29px;
    height: 55px;
    outline: none;
    position: absolute;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("/images/life/life_arrow_01.png");
    background-repeat: no-repeat;
    text-indent: -9999px;
    z-index: 1;
}

.life .gallery .swiper-prev {
    background-position : left 0 top 0;
    left: -40px;
}

.life .gallery .swiper-next {
    background-position : right 0 top 0;
    right: -40px;
}

.life .gallery .swiper-prev:hover {
    background-position : left 0 bottom 0;
}

.life .gallery .swiper-next:hover {
    background-position : right 0 bottom 0;
}

.life .gallery .swiper.thumbs .swiper-slide>img {
    opacity: 0.5;
}

.life .gallery .swiper.thumbs .swiper-slide.swiper-slide-thumb-active>img {
    opacity: 1;
}


/* notice_text ______________________________________________ */

.life .notice_text {
    margin: 12rem 0 -10rem;
    text-align: center;
}

.life .notice_text p span {
    position: relative;
}

.life .notice_text p span::after {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    left: -1rem;
    background-color: #666;
    width: .3rem;
    height: .3rem;
    border-radius: 1rem;
}




/* mobile , 모바일 ______________________________________________ */


@media screen and (max-width: 1024px) {
    .life .life__visual .page-title-group {
        width: 100%;
        text-align: center;
        padding-left: 0;
    }
    .life .detail_view .Specifications {
        /* border-radius: 2.6rem; */
        padding: 4rem;
        min-width: 100%;
    }

    .life .detail_view .Specifications .flex_area {
        align-items: center;
        flex-direction: column;
        gap: 4rem;
    }

    .life .detail_view .Specifications .flex_area img {
        height: 30rem;
    }
    
}

@media screen and (max-width: 840px) {
    
}

@media screen and (max-width: 768px) {
    /* common ________________________________ */
    .quick {
        height: 38rem;
    }
    .quick.active {
        bottom: -37rem;
    }
    .quick_wrap {
        flex-direction: column;
        padding: 5rem 10vw;
    }    
    .quick_wrap .text {
        width: 100%;
        margin-bottom: 3rem;
    }

    .quick_wrap .text h1 {
        font-size: 2.8rem;
    }
    
    .quick_wrap .text p {
        margin-bottom: 1.6rem;
    }
    
    .quick_wrap .text .event_text {
        font-size: 2.4rem;
    }
    .quick_wrap .text .event_text span {
        padding: .4rem .8rem;
    }
    .quick_wrap .quick_btn_wrap .quick_btn01 a {
        width: 76vw;
        font-size: 4rem;
        padding: 2rem;
    }
    .quick .toggle-quick-menu {
        width: 11rem;
        height: 6rem;
        top: -6rem;
    }
    .life .inner {
        padding: 0 2rem;
    }
    .life .view_pc {
        display: none !important;
    }
    .life .view_mo {
        display: block !important;
    }

    /* visual ________________________________ */

    .life .life__visual .page-title-group {
        margin-top: 32rem;
    }

    /* event_price ________________________________ */
    .life .event_price .price_wrap {
        flex-direction: column;
        gap: 8rem;
    }

    .life .event_price .text_group h4:first-of-type {
        margin-left: -4px;
    }

    .life .event_price .price_box img {
        /* width: 100%; */
    }

    .life .event_price .price_box h3 {
        padding: 2rem 0;
        font-size: 2.6rem;
    }

    .life .event_price .price_box .text-name {
        font-size: 4rem;
    }

    .life .event_price .price_box .text-name span {
        font-size: 3rem;
    }

    .life .event_price .price_box .text-price {
        font-size: 9rem;
    }

    .life .event_price .price_box .text-price span {
        font-size: 4.5rem;
    }

    .life .event_price .price_box .text-note {
        font-size: 2.4rem;
    }

    .life .event_price .price_box li {
        font-size: 2.6rem;
    }

    .life .event_price .inner>p {
        font-size: 2rem;
    }


    /* point ________________________________ */

    .point_tit .text_group span {
        font-size: 3rem;
        margin-bottom: 6rem;
    }

    .point_tit .text_group span::after {
        top: 6.6rem;
    }

    .point_tit .text_group h3 {
        font-size: 6rem;
    }

    .point_tit.p01 {
        background-image: url(../images/life/life_point01_tit_bg_mo.jpg);
        margin-top: 0;
    }
    .point_tit.p02 {
        background-image: url(../images/life/life_point02_tit_bg_mo.jpg);
    }
    .point_tit.p03 {
        background-image: url(../images/life/life_point03_tit_bg_mo.jpg);
    }
    .point_tit.p04 {
        background-image: url(../images/life/life_point04_tit_bg_mo.jpg);
    }


    /* discount ________________________________ */
    .life .discount .tab-content .flex_box>div:nth-child(1) {
        display: none;
    }

    .life .price_list {
        font-size: 2.4rem;
    }

    .life .price_list .price-item.total {
        font-size: 2.8rem;
    }

    .life .price_list .event-discount .event-header {
        font-size: 3rem;
    }

    .life .price_list .final-discount {
        font-size: 2.6rem;
    }

    .life .price_list .final-discount span:nth-child(2) {
        font-size: 4rem;
    }

    .life .price_list .note {
        text-align: left;
        font-size: 2.2rem;
    }


    /* DETAILS ________________________________ */
    .life .detail_view .swiper-prev,
    .life .detail_view .swiper-next {
        display: none;
    }
    .life .detail_view .text_group.st02 h3 {
        padding-top: 6rem;
    }

    /* gallery ________________________________ */
    .life .gallery .swiper-next,
    .life .gallery .swiper-prev {
        display: none;
    }

}



/* 테블릿 (해상도 768px ~ 1199px)*/ 
@media all and (min-width:768px) and (max-width:1199px) {
    
} 
  
/* 모바일 (해상도 360px ~ 767px)*/ 
@media all and (min-width:360px) and (max-width:767px) {

}