/* BASIC css start */
@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');

body #contents{ margin-top: 55px;}
.tool-wrap {padding:5px 10px;}
.tool-wrap select {width:100%;}
.list_array {border-top:0px none;}
.plan .list_array .list_arrayRight img {width: 23px; height: auto;}



.promotion_wrap{width:100%; margin:0 auto; font-size:0; line-height:0;}
.promotion_wrap a{display:inline-block; width:100%;}
.promotion_wrap img{width:100%; display:inline-block;}
.promotion_wrap .wd50{width:50%;}
.promotion_wrap .wd33{width:33.33%;}

.prmWrap .tab-nav {margin: 40px 0 0 0;}
.prmWrap .tab-nav ul {
    display: flex;
    justify-content: center;
}

.prmWrap .tab-nav li {
    flex:1;
    font-size: 4vw;
    font-weight: 500;
    color: #a2a2a2;
    background: #f9f9f9;
    padding: 16px 0;
    text-align: center;
}

.prmWrap .tab-nav li.active {
    color: #000;
    background: #fff;
}

.prmWrap .tab-content .con {
    display: none;
}

.prmWrap .tab-content .con.active {
    display: block;
}


/* À̺¥Æ® ÅÇ */
#MS_product > .list_shopping2x{display:none;}
.displaynone {display:none !important; }
.plan { margin-bottom:120px; }
.cateWrap {border-top: 1px solid #E5E5E5; margin-bottom: 50px;}

.eventTab_wrap {padding: 16px 0 16px !important; overflow:hidden; width:100%;}
.eventTab_wrap .eventTab {display:flex;}
.eventTab_wrap .eventTab::-webkit-scrollbar {display:none;}
.eventTab_wrap .eventTab p {font-size: 15px; border: 1px solid #D6D6D6; border-radius: 4px; background-color:#fff; padding: 11px 18px; margin-right: 8px; color: #545454; box-sizing: border-box; cursor:pointer; white-space: nowrap; width:auto !important;}
.eventTab_wrap .eventTab p:last-child {margin-right:0;}
.eventTab_wrap .eventTab p.on { color: #F06D48; font-weight: 600; border: 2px solid #F06D48; padding:10px 17px;}
.eventTab_wrap .eventTab p span {font-weight: 300;padding: 0 0.135em;}
.eventTab_wrap .eventTab p .prd_num {display:none;}

.titleWrap {line-height: normal; display: block; padding: 32px 0;}
.event_title {font-size: 20px;font-weight: 600;color: #353535;}
.event_subTitle {font-size: 16px;font-weight: 400;margin-top: 5px;display: block;color: #444;}
.event_description {display:none;}

.fakeList li{width: 49%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin: 0 0 7% 0;}
.fakeList li:nth-child(even){float:right;}
.fakeList li .prd_info{min-height: 170px;}


/* ´õº¸±â ¹öÆ° */
.more.on { display:block !important; opacity: 1 !important; overflow: visible !important;  visibility: visible !important; }
.less.on { display:block !important; opacity: 1 !important; overflow: visible !important;  visibility: visible !important; }
.more,
.less { margin:26px auto 0; text-align: center; width: 100%;}
.more .btn_more,
.less .btn_less {display:inline-block; font-size: 15px; color: #545454; padding: 13px 24px; border: 1px solid #D6D6D6; background-color: #fff; cursor:pointer; border-radius: 4px;}
.more .btn_more:after { content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' fill='none' viewBox='0 0 13 8'%3E%3Cscript data-timezone-ext-el='%5B"Asia/Seoul",-540,-540,"Seoul Daylight Time"%5D'/%3E%3Cpath stroke='%23606060' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='m1 1 5.546 6L12 1'/%3E%3Cscript/%3E%3C/svg%3E"); margin-left:8px; display: inline-block;}
.less .btn_less:after { content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' fill='none' viewBox='0 0 13 8'%3E%3Cscript data-timezone-ext-el='%5B"Asia/Seoul",-540,-540,"Seoul Daylight Time"%5D'/%3E%3Cpath stroke='%23606060' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='m1 1 5.546 6L12 1'/%3E%3Cscript/%3E%3C/svg%3E"); margin-left:8px; transform: rotate(180deg); display: inline-block;}




/* »çÀÌÁî ¾È³» */
.prmWrap .size_title { font-size: 7vw; font-weight: 500; margin: 80px 0 0 0;}
.prmWrap .steps {padding: 80px 20px 40px 20px;}
.prmWrap .steps .step_title span{ display: block; margin: 0 0 24px 0; font-family: "Marcellus", serif; color: #BF214B; font-size: 6vw; font-weight: 500;}
.prmWrap .steps .step_title p{font-size: 6vw; font-weight: 500;}

.prmWrap .steps .tab-nav {margin: 64px 0 24px 0; padding: 0 32px;}
.prmWrap .steps .tab-nav ul.nav_ver01 { margin: 0 auto; background: #d9d9d9; padding: 4px; border-radius: 80px; overflow: hidden;}
.prmWrap .steps .tab-nav ul.nav_ver01 li{flex: auto; font-size: 4.5vw; font-weight: 400; background: #d9d9d9; border-radius: 80px; padding: 8px 0;}
.prmWrap .steps .tab-nav ul.nav_ver01 li.active { color: #000; background: #fff;}

.prmWrap .slide_wrap {margin: 0 0 24px 0;}
.prmWrap .slide_wrap .text_box{ text-align: left; padding: 24px 16px; border: 1px solid #eee;}
.prmWrap .slide_wrap .text_box p:first-child {display: flex; align-items: center; font-weight: 500; font-size: 5vw; margin: 0 0 12px 0;}
.prmWrap .slide_wrap .text_box p .number{background: #000000; color: #ffffff; padding: 2px 5px; border-radius: 50%; margin-right: 8px; font-size: 2.5vw;}

.prmWrap .steps .swiper-button-next{top:58%; right:16px; width:auto}
.prmWrap .steps .swiper-button-next::after{font-size:5vw; color:#000000;}

.prmWrap .add_info{ text-align: left; color: #525252;}

.prmWrap .mid_info{ padding: 16px 20px; background: #e2e2e2; text-align: left; font-size: 3.5vw;}

.prmWrap .steps .info_con{ padding: 16px; border: 1px solid #eee; border-radius: 15px;}
.prmWrap .steps .info_con figure{overflow: hidden; margin: 0 0 8px 0;}    
.prmWrap .steps .info_con figcaption{text-align: left; padding: 24px 0;}
.prmWrap .steps .info_con figcaption .text_top{margin: 0 0 24px 0;}

.prmWrap .step_three{margin: 0 0 80px 0;}
.prmWrap .step_three .step_title{margin: 0 0 48px 0;}



/* ¿Ã¹Ù¸¥ Âø¿ë ¹æ¹ý */
.prmWrap .step { padding: 80px 20px; }
.prmWrap .step .progress_tit{font-family: "Marcellus", serif;}
.prmWrap .step .swiper-pagination { bottom: auto; top: 12px; }

.prmWrap .step .swiper-pagination-bullet { position: relative; width: 35px; height: 35px; color: #a2a2a2; background: #f2f2f2; opacity: 1; line-height: 32px; font-size: 4vw; font-weight: 400; border: 2px solid #f2f2f2; }
.prmWrap .step .swiper-pagination-bullet:not(.swiper-pagination-bullet.on ~ .swiper-pagination-bullet):not(.swiper-pagination-bullet.on) { color: #BF214B; background: #ffffff; border: 2px solid #BF214B;}

.prmWrap .step .swiper-pagination-bullet.on { color: #ffffff; background: #BF214B; position: relative; border: 2px solid #BF214B;}
.prmWrap .step .swiper-pagination-bullet.on::after { content: ""; position: absolute; width: 50px; height: 50px; background: #BF214B; opacity: 0.2; top: 50%; left: 50%; 
                                                      transform: translate(-50%, -50%); z-index: -1; border-radius: 50%; }
.prmWrap .step .swiper-pagination-bullet:not(:last-child)::before { content: ""; position: absolute; top: 50%; left: 110%; height: 0; width: 16px; border: 1px dashed #a2a2a2;}
.prmWrap .step .swiper-pagination-bullet:not(:last-child){margin-right:16px;}

.prmWrap .step .swiper-button-next{top:63%; right:16px; width:auto}
.prmWrap .step .swiper-button-next::after{font-size:5vw; color:#000000;}

.prmWrap .step .add_info{font-size:3.5vw;}


/* BASIC css end */