/* 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;}


.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;
}


/* 사이즈 안내 */
.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 */