.grouping_header{
    padding: 13px 0;
}
.grouping_header.group01{
    background: #d5e4f7;
}
.grouping_header.group02{
    background: #0d2434;
}
.grouping_header.group03{
    background: #99d2d5;
}
.grouping_header.mDetail01,.grouping_header.mDetail02,.grouping_header.mDetail03{
    background: #5a9ada;
}
.grouping_header.wDetail01,.grouping_header.wDetail02,.grouping_header.wDetail03{
    background: #d54343;
}
.grouping_header .left_b{
    float: left;
}
.grouping_header .right_b{
    float: right;
}
.grouping_header .left_b h6{
    font-size: 22px;
    letter-spacing: -0.05em;
    color: #333;
    font-weight: 700;
    padding: 0 15px 0 30px;
    display: inline-block;
    vertical-align: middle;
}
.grouping_header .left_b span{
    font-size: 16px;
    letter-spacing: -0.05em;
    color: #333;
    font-weight: 700;
}
.grouping_header.group02 .left_b h6,.grouping_header.wDetail01 .left_b h6,.grouping_header.wDetail02 .left_b h6,.grouping_header.wDetail03 .left_b h6,.grouping_header.mDetail01 .left_b h6,.grouping_header.mDetail02 .left_b h6,.grouping_header.mDetail03 .left_b h6{
    color: #fff;
}
.grouping_header.group02 .left_b span,.grouping_header.wDetail01 .left_b span,.grouping_header.wDetail02 .left_b span,.grouping_header.wDetail03 .left_b span,.grouping_header.mDetail01 .left_b span,.grouping_header.mDetail02 .left_b span,.grouping_header.mDetail03 .left_b span{
    color: #fff;
}
/* .grouping_header .sub_inner{
    font-size: 0;
}
.grouping_header .sub_inner > div{
    display: inline-block;
} */
.par_img_box{ text-align: center;}
.grouping{
    background: #f6f5f5;
}
.proList .pro_sub_menu{
    position: fixed;
    background: #fff;
    left: 0;
    top: 190px;
    width: 240px;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
    float: left;
    height: calc(100vh - 230px);
    padding-top: 30px;
    overflow-y: auto;
    z-index: 1;
}
.proList .pro_sub_menu .dep01 .dep01_01{
    border-bottom: 1px solid #eaeaea;
}
/* .proList .pro_sub_menu .dep01 .dep01_01:nth-child(-n+2){
    border-bottom: 0;
} */
.proList .pro_sub_menu .dep01 .dep01_01 > a{
    padding: 10px 30px;
    font-size: 15px;
    letter-spacing: -0.04em;
    display: inline-block;
}
.proList .pro_sub_menu .dep01 .dep01_01:nth-child(3) > a{
    padding: 12px 30px 25px;
}
.proList .pro_sub_menu .dep01 .dep01_01:nth-child(12) > a{
    padding: 18px 30px;
}
.proList .pro_sub_menu .dep01 .dep01_01 .d_top_menu{
    padding: 10px 20px 10px 30px;
}
.proList .pro_sub_menu .dep01 .dep01_01 .d_top_menu > a{
    float: left;
    line-height: 34px;
    font-size: 15px;
}
.proList .pro_sub_menu .dep01 .dep01_01 .down_box{
    text-align: right;
    float: right;
}
.proList .pro_sub_menu .dep01 .dep01_01 .down_box img{
    cursor: pointer;
    transition: 0.3s;
}
.proList .pro_sub_menu .dep02{
    background: #f7f7f7;
    padding: 20px 30px 10px;
    font-size: 0;
    display: none;
}
.proList .pro_sub_menu .dep01_01.on .down_box img{
    transform: rotate(180deg);
}
.proList .pro_sub_menu .dep02 li{
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 5px;
}
.proList .pro_sub_menu .dep02.li_block li{
    display: block;
}
.proList .pro_sub_menu .dep02 li a{
    font-size: 15px;
    letter-spacing: -0.04em;
}
.proList .pro_sub_menu .dep03{
    padding: 10px 0;
}
.proList .pro_sub_menu .color_wrap span{
    display: inline-block;
    width: 26px;
    height: 26px;
    border: 2px solid #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
}
.proList .pro_sub_menu .color_wrap li{
    margin-right: 8px;
}.proList .pro_sub_menu .color_wrap li:nth-child(5n){
    margin-right: 0;
}
.proList .pro_sub_menu .color_wrap .black{
    background: #000;
}
.proList .pro_sub_menu .color_wrap .navy{
    background: #212f6e;
}
.proList .pro_sub_menu .color_wrap .brown{
    background: #825735;
}
.proList .pro_sub_menu .color_wrap .red{
    background: #f00001;
}
.proList .pro_sub_menu .color_wrap .yellow{
    background: #fff001;
}
.proList .pro_sub_menu .color_wrap .green{
    background: #5b7833;
}
.proList .pro_sub_menu .color_wrap .gray{
    background: #929292;
}
.proList .pro_sub_menu .color_wrap .white{
    background: #fff;
}
.proList .pro_sub_menu .color_wrap .orange{
    background: #d2691e;
}
.proList .pro_sub_menu .color_wrap .beige{
    background: #f3d490;
}

.proList .pro_wrap{
    float: right;
    width: calc(100% - 240px);
}
.proList .pro_wrap form {
    margin-top: 15px;
}
.proList .pro_wrap form > div{
    float: left;
    margin: 0 30px;
}
.proList .check_box{
    cursor: pointer;
}
.proList .check_box label{
    font-size: 16px;
    letter-spacing: -0.04em;
    font-weight: 700;
    padding-left: 20px;
    padding-top: 10px;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
    border: 0 !important;
    background: #a71c20 !important;
    color: #fff !important;
}

.ui-selectmenu-button.ui-button{
    line-height: 25px;
    width: 200px;
}
.ui-button .ui-icon{
    background-image: url(/img/ico/select_ic.png) !important;
    width: 16px;
    height: 8px;
}
.proList .ui-selectmenu-icon.ui-icon{
    margin-top: 9px !important;
}
.ui-icon-triangle-1-s{
    background-position: 0 0 !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
    border: 0 !important;
    border-radius: 0 !important;
}
.ui-widget{
    font-family: "ydiygo", sans-serif !important;
}
.ui-menu .ui-menu-item-wrapper{
    padding: 3px 1rem 3px 13px !important;
}
.ui-menu .ui-menu-item{
    line-height: 35px;
}
.pro_wrap .popular_box{
    height: 140px;
    margin: 20px 0 40px;
}
.pro_wrap .popular_box .hash_box{
    float: left;
    background: #111;
    position: relative;
    width: 140px;
    height: 100%;
}
.pro_wrap .popular_box .hash_box p{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 17px;
    letter-spacing: -0.04em;
    color: #efefef;
    width: 100%;
    text-align: center;
}
.pro_wrap .popular_box ul{
    float: left;
    width: calc(100% - 140px);
    background: #efefef;
    padding: 20px 0;
    height: 100%;
}
.pro_wrap .popular_box li{
    display: inline-block;
    vertical-align: bottom;
    margin-left: 48px;
    text-align: center;
}
.pro_wrap .popular_box li img{
    transition: 0.3s;
}
.pro_wrap .popular_box li:hover img{
    transform: scale(1.1);
}
.pro_wrap .popular_box li p {
    font-size: 14px;
    letter-spacing: -0.04em;
    color: #666666;
    text-align: center;
    margin-top: 20px;
}
.pro_wrap .list_tab{
    padding:  0 30px;
    margin: 20px 0;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}
.brand .pro_wrap .list_tab{
    padding: 0;
}
.brand .select_box{
    margin-top: 20px;
}
.pro_wrap .list_tab ul li{
    float: left;
    transition: 0.3s;
}
.pro_wrap .list_tab ul li a{
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 20px 30px;
}
.pro_wrap .list_tab ul li:hover{
    color: #a71c20;
}
.pro_wrap .list_tab ul li.on{
    background: #a71c20;
    color: #fff;
    border-top: 1px solid #a71c20;
    border-bottom: 1px solid #a71c20;
}

.pro_wrap .pro_list_inner{
    padding: 0 30px;
}
.proList .pro_list_inner > div{
    width: 24%;
    float: left;
    margin-right: 1%;
    margin-bottom: 25px;
}
.proList .pro_list_inner .banner_img{
    width: 100%;
}
.proList .pro_list_inner > div:nth-child(4n){
    margin-right: 0;
}
.proList .price_box .no_over_p_txt{
    padding-top: 7px;
    padding-bottom: 15px;
    height: 68px;
    display: flex;
    align-items: start;
    justify-content: space-between;
}
.proList .price_box .no_over_p_txt h6{
    /* display: inline-block; */
    font-size: 22px;
    letter-spacing: -0.04em;
    font-weight: 700;
    width: 60%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.proList .price_box .no_over_p_txt .price_inner{
    float: right;
    text-align: right;
    width: 40%;
}
.proList .price_box .no_over_p_txt .sl_price{
    font-size: 18px;
    color: #c14343;
}
.proList .price_box .no_over_p_txt .sl_price em{
    text-decoration: line-through;
    font-style: normal;
}
.proList .price_box .no_over_p_txt .price{
    margin-left: 10px;
    font-size: 20px;
}
.proList .price_box .over_p_txt{
    border: 1px solid #d8d8d8;
}
.proList .price_box .over_p_txt ul{
    /* float: left; */
    padding: 0 18px;
    height: 66px;
    align-items: center;
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}
.proList .price_box .over_p_txt ul li{
    display: inline-block;
    font-size: 14px;
    color: #888888;
    letter-spacing: -0.04em;
    margin-right: 10px;
}
.proList .price_box .over_p_txt ul li:last-child{
    margin-right: 0;
}
.proList .no_over_box .over_txt .quick_ic{
    margin-top: 20px;
    font-size: 0;
}
.proList .no_over_box .over_txt .quick_ic p{
    width: 40px;
    height: 40px;
    border: 1px solid #d8d8d8;
    display: inline-block;
    position: relative;
}
.proList .no_over_box .over_txt .quick_ic p:first-child{
    border-right:0;
    display: none;
}
.proList .no_over_box .over_txt .quick_ic p img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.proList .no_over_box{
    position: relative;
}
.proList .img_box{
    border: 1px solid #d8d8d8;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.proList .no_over_box .img_box img{transition: 0.3s;}
.proList .no_over_box.on .img_box img{transform:  scale(1.03);}
.proList .no_over_box:hover .img_box img{transform:  scale(1.03);}

.proList .no_over_box .over_img{
    position: absolute;
    top: 0;
    /* background: rgba(0,0,0,.8); */
    width: 100%;
    height: 100%;
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
}
.proList .no_over_box .over_img .over_txt{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    display: none;
}
.proList .no_over_box .over_img .over_txt h6{
    font-size: 16px;
    letter-spacing: -0.04em;
    color: #fff;
    margin-bottom: 10px;
}
.proList .no_over_box .over_img .over_txt .p_p{
    font-size: 16px;
    letter-spacing: -0.04em;
    color: #fff;
}
.proList .price_box .over_p_txt{
    display: none;
    transition: 0.3s;
}
.proList .no_over_box.on .img_box .over_img{
    opacity: 1;
    visibility: visible;
}
.proList .no_over_box.on .price_box .over_p_txt{
    display: none;
}
/* .proList .no_over_box.on .price_box .no_over_p_txt{
    display: none;
} */
.proList .tab_menu{
    display: inline-block;
    font-size: 0;
    margin-top: 5px;
    height: 50px;
    overflow: hidden;
    margin-bottom: 110px;
}
.proList .tab_menu li{
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #e1e1e1;
    margin-right: 9px;
    position: relative;
    margin-top: 5px;
}
.main_project .tab_menu li:nth-child(6n){
    margin-right: 0;
}
.proList .tab_menu li img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

/* boradView */

.brown{
    color: #b38c52 !important;
}
em{
    font-style: normal;
}
.proView .view_top_box{
    margin: 0 auto 225px;
    padding-top: 65px;
}
.proView .top_left_box{
    width: 676px;
    float: left;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0;
    width: 70px;
    height: 70px;
    border: 1px solid #e1e1e1;
    border-radius: 0;
    background-size: 70px 70px !important;
}
.swiper-pagination-clickable .swiper-pagination-bullet:nth-child(1){
    background: url(/img/sub/view_mini01.jpg);
    background-repeat: no-repeat;
}
.swiper-pagination-clickable .swiper-pagination-bullet:nth-child(2){
    background: url(/img/sub/view_mini02.jpg);
    background-repeat: no-repeat;
}
.swiper-pagination-clickable .swiper-pagination-bullet:nth-child(3){
    background: url(/img/sub/view_mini03.jpg);
    background-repeat: no-repeat;
}
.proView .swiper-pagination{
    text-align: left;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{
    border:1px solid #000;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: -90px !important;
}
.proView .s_w_wrap{
    position: relative;
}
.proView .s_w_wrap .sub_slide01{
    position: static;
    border: 1px solid #e1e1e1;
}
.proView .sub_slide01 .swiper-button-next,.proView .sub_slide01 .swiper-button-prev{
    top: auto;
    bottom: 0;
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    transform: translateY(0);
}
.proView .sub_slide01 .swiper-button-next{
    background-image: url(/img/ico/next_btn.jpg);
    right: 0;
}
.proView .sub_slide01 .swiper-button-prev{
    background-image: url(/img/ico/prev_btn.jpg);
    right: 62px;
    left: auto;
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-next:after{
    content: '' !important;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-prev:after{
    content: '' !important;
}
.proView .top_right_box{
    float: left;
    width: calc(100% - 676px);
    padding-left: 67px;
}
.proView .top_right_box > div{
    border-bottom: 1px solid #eaeaea;
}
.proView .top_right_box > div:last-child{
    border-bottom: 0;
}
.proView .top_right_box .t_right01{
    padding-bottom: 15px;
}
.proView .top_right_box .t_right01 h2{
    margin: 25px 0 15px;
    font-size: 24px;
    letter-spacing: -0.04em;
}
.proView .top_right_box .t_right01 .product_num{
    color: #666666;
    font-size: 18px;
    letter-spacing: -0.04em;
    padding-bottom: 35px;
    display: inline-block;
}
.proView .top_right_box .t_right01 h5{
    font-size: 18px;
    letter-spacing: -0.04em;
    margin-bottom: 15px;
}
.proView .top_right_box .t_right01 .normal_price{
    color: #848484;
}
.proView .top_right_box .t_right01 .selling_price{
    color: #000;
}
.proView .top_right_box .t_right01 em{
    margin-left: 10px;
}
.proView .top_right_box em.brown{
    color: #b38c52;
    font-style: normal;
}
.proView .top_right_box .t_right02{
    padding-top: 25px;
}
.proView .top_right_box .t_right02 p{
    font-size: 18px;
    letter-spacing: -0.04em;
    margin-bottom: 25px;
}
.proView .top_right_box span.sp01{
    color: #000;
    display: inline-block;
    width: 130px;
}
.proView .top_right_box span.sp02{
    color: #000;
    display: inline-block;
    width: calc(100% - 140px);
    vertical-align: middle;
}
.proView .top_right_box .t_right02 .price{
    color: #fff;
    background: #b38c52;
    border-radius: 50%;
    width: 27px;
    height: 27px;
    display: inline-block;
    text-align: center;
    font-family: 'SpoqaHanSansNeo', sans-serif;
    vertical-align: middle;
    margin-right: 10px;
}
.proView .top_right_box .t_right03 span.sp01{
    margin-bottom: 15px;
}
.proView .top_right_box .t_right03 span.sp02{
    width: 100%;
}
.proView .top_right_box .t_right03{
    padding: 25px 0;
}
.proView .top_right_box .t_right04{
    padding-top: 30px;
}
.proView .top_right_box .t_right04 h6{
    font-size: 16px;
    letter-spacing: -0.04em;
    color: #111111;
    margin-bottom: 5px;
}
.proView .top_right_box .t_right04{
    font-size: 0;
}
.proView .top_right_box .t_right04 .img_box{
    display: inline-block;
    border: 1px solid #e1e1e1;
    width: 70px;
    height: 70px;
    margin-right: 10px;
}
.proView .top_right_box .t_right04 .img_box:hover{
    border: 1px solid #000;
}

/* 추천상품 */

.only_you_box{
    position: absolute;
    top: -46px;
    left: 0;
}
.only_you_box p{
    width: 250px;
    padding: 13px 0;
    color: #fff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    font-size: 17px;
    letter-spacing: -0.04em;
    text-align: center;
}
.only_you_box p.red{
    background: #a71c20;
}
.only_you_box p.black{
    background: #111111;
}
.proView .recommend_box{
    background: #f8f8f8;
}
.proView .recommend_box .sub_inner{
    position: relative;
}
.proView .recommend_box .sub_wrap_box{
    padding: 40px 0;
}
.proView .sub_slide02 .img_box{
    height: 224px;
    background: #fff;
    position: relative;
}
.proView .sub_slide02 .img_box img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.proView .sub_slide02 .swiper-button-next,.proView .sub_slide02 .swiper-button-prev{
    top: 50px;
    background-size: 60px 60px;
    width: 50px;
    height: 50px;
}
.proView .sub_slide02 .swiper-button-next{
    background-image: url(/img/ico/next_btn02.jpg);
    right: 0;
}
.proView .sub_slide02 .swiper-button-prev{
    background-image: url(/img/ico/prev_btn02.jpg);
    left: 0;
}
.proView .sub_slide02 h5{
    font-size: 16px;
    letter-spacing: -0.04em;
    margin: 20px 0 5px;
}
.proView .sub_slide02 p{
    font-weight: 900;
}



.proView .sub_slide03 .img_box{
    height: 224px;
    background: #fff;
    position: relative;
}
.proView .sub_slide03 .img_box img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.proView .sub_slide03 .swiper-button-next,.proView .sub_slide03 .swiper-button-prev{
    top: 50px;
    background-size: 60px 60px;
    width: 50px;
    height: 50px;
}
.proView .sub_slide03 .swiper-button-next{
    background-image: url(/img/ico/next_btn02.jpg);
    right: 0;
}
.proView .sub_slide03 .swiper-button-prev{
    background-image: url(/img/ico/prev_btn02.jpg);
    left: 0;
}
.proView .sub_slide03 h5{
    font-size: 16px;
    letter-spacing: -0.04em;
    margin: 20px 0 5px;
}
.proView .sub_slide03 p{
    font-weight: 900;
}


/* 탭 */

.proView .detail_tab_box{
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
}
.proView .detail_tab_box .tab_menu{
    text-align: center;
    font-size: 0;
}
.proView .detail_tab_box .tab_menu li{
    width: 263px;
    display: inline-block;
    position: relative;
}
.proView .detail_tab_box .tab_menu li::after{
    position: absolute;
    content: '';
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    background: #000;
    transition: width 0.5s;
}
.proView .detail_tab_box .tab_menu li a{
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 18px;
    letter-spacing: -0.04em;
    color: #aaaaaa;
    padding: 25px 0;
}
.proView .detail_tab_box .tab_menu li:hover a{
    color: #111;
}
.proView .detail_tab_box .tab_menu li.on a{
    color: #111;
}
.proView .detail_tab_box .tab_menu li.on::after{
    width: 100%;
}
.proView .tab_content_wrap{
    margin-top: 20px;
}
.proView .tab_content_wrap > div{
    padding-bottom: 70px;
}
.proView .review_wrap{
    border-bottom: 1px solid #dcdcdc;
    padding: 50px 0;
}
.write_btn{
    text-align: right;
    cursor: pointer;
}
.write_btn p{
    font-size: 15px;
    color: #fff;
    display: inline-block;
    width: 160px;
    padding: 15px 0;
    background: #333333;
    text-align: center;
}
.write_l_pop_wrap{
    position: fixed;
    left: 0; right: 0; top: 0; bottom: 0;
    background: rgba(0,0,0,.7);
    z-index: 1111111;
    /* display: none; */
}
.write_l_pop_wrap .wpw_inner{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    height: 70vh;
    background: #fff;
    padding: 30px;
}
.write_l_pop_wrap .close_btn{
    cursor: pointer;
}
.wpw_inner{
    text-align: center;
}
.wpw_inner .wpw_tit{
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
}
.wpw_inner .wpw_tit .tit_txt{
    font-size: 25px;
    font-weight: 500;
    color: #333333;
}
.wpw_inner .input_wrap{
    border-top: 1px solid #dddddd;
    padding: 20px 0;
}
.wpw_inner .input_wrap .check_box{
    margin-right: 30px;
}
.wpw_inner .input_wrap .input_inner{
    margin-bottom: 20px;
    font-size: 0;
}
.wpw_inner .input_wrap .input_inner label{
    width: 70px;
    vertical-align: top;
    display: inline-block;
    text-align: left;
    font-size: 16px;
    margin-top: 5px;
}
.wpw_inner .input_wrap .input_inner input,.wpw_inner .input_wrap .input_inner textarea{
    width: calc(100% - 70px);
    display: inline-block;
    border: 1px solid #dddddd;
    padding: 10px 20px;
    vertical-align: top;
    font-size: 16px;
}
.wpw_inner .input_wrap .input_inner textarea{
    height: 200px;
    font-family: "ydiygo", sans-serif;
}

.proView .q_a_dep01_li{
    margin-top: 30px;
}
.proView .q_a_dep01_li h5{
    font-size: 18px;
    color: #333333;
    font-weight: 500;
    margin-bottom: 15px;
}
.proView .q_a_dep01_li .select_ul{
    justify-content: center;
}
.proView .q_a_dep01_li .select_ul li{
    font-size: 15px;
    color: #999999;
    font-weight: 500;
    letter-spacing: -0.05em;
    border-radius: 30px;
    width: 120px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #999;
    margin:  0 10px;
    cursor: pointer;
}
.proView .q_a_dep01_li .select_ul li.on{
    color: #c14343;
    border: 1px solid #c14343;
}
.proView .q_a_dep01_li .star_num{
    font-size: 30px;
    width: 150px;
    margin: auto;
}
.proView .q_a_dep01_li textarea{
    width: 100%;
    height: 200px;
    border: 1px solid #999;
    text-align: left;
    font-family: "ydiygo", sans-serif;
    padding: 20px;
}
.proView .file_li_wrap{
    text-align: left;
    margin-top: 20px;
}
.proView .submit_box{
    text-align: center;
    margin-top: 20px;
}
.proView .submit_box input{
    font-size: 15px;
    width: 140px;
    height: 45px;
    text-align: center;
    cursor: pointer;
}
.proView .submit_box input.submit{
    background-color: #333333;
    color: #fff;
}
.proView .submit_box input.reset{
    border: 1px solid #333333;
    color: #333333;
    background: #fff;
}

.proView .file_box input {padding:0 10px; vertical-align:middle;}
.proView .file_box label {display:inline-block; line-height:1;}
.proView .file_box .btn_common {position: relative; vertical-align:middle; cursor:pointer}
.proView .file_box .file_box {margin-top:30px;}
.proView .file_box .upload_hidden {display:none;}
.proView .file_box .upload_thumb_wrap{display: none;}
.proView .file_box #preview {display:none; background-color:orange; margin:0 auto;}
.proView .file_box #download {display:inline-block; overflow:hidden;}
.proView .file_box .btn_common #download{position: absolute; left: 0; top: 0; border: 1px solid #dddddd;}
.p_radio .check_box_cus input[type="radio"] + label:before{
    width: 19px;
    height: 19px;
    top: -1px;
}
.p_radio .check_box_cus input[type="radio"] + label:before{
    border-radius: 50%;
}
.p_radio .check_box_cus input[type="radio"] + label:after{
    top: 4px;
    left: 5px;
    border: none;
    background: #fff;
    width: 9px;
    height: 9px;
    border-radius: 50%;
}
.p_radio .check_box_cus input[type="radio"] + label{
    padding-left: 25px;
}
.pp_new .check_box_cus input[type="checkbox"] + label:before{
    width: 19px;
    height: 19px;
    top: -1px;
}
.pp_new .check_box_cus input[type="checkbox"] + label:before{
    border-radius: 50%;
}
.pp_new .check_box_cus input[type="checkbox"] + label:after{
    top: 9px;
    left: 5px;
    border: none;
    background: #fff;
    width: 9px;
    height: 9px;
    border-radius: 50%;
}
.pp_new .check_box_cus input[type="checkbox"] + label{
    padding-left: 25px;
}






.proView .review_wrap.active .your_info_box{
    display: block;
}
.proView .review_wrap .star_num{
    color: #c14343;
    font-size: 18px;
}
.proView .review_wrap .star_num span{
    color: #cccccc;
}
.proView .review_wrap .id_p{
    font-size: 16px;
    color: #6c6c6c;
    letter-spacing: -0.04em;
    margin: 10px 0 15px;
}
.proView .review_wrap .your_info_box{
    border: 1px solid #dcdcdc;
    font-size: 0;
    padding: 40px 0;
    display: none;
}
.proView .review_wrap .your_info_box .y_info_p{
    position: relative;
    padding: 0 60px;
    display: inline-block;
    text-align: center;
}
.proView .review_wrap .your_info_box .y_info_p::after{
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 80px;
    width: 1px;
    background: #dcdcdc;
}
.proView .review_wrap .your_info_box .y_info_p:last-child::after{
    width: 0;
}
.proView .review_wrap .your_info_box .y_info_p .h_span{
    font-size: 16px;
    letter-spacing: -0.04em;
    display: block;
    font-weight: 700;
    margin-bottom: 15px;
}
.proView .review_wrap .your_info_box .y_info_p .answer{
    font-size: 16px;
    letter-spacing: -0.04em;
    display: block;
}
.proView .review_wrap .review{
    font-size: 16px;
    line-height: 30px;
    letter-spacing: -0.04em;
    margin-top: 30px;
}
.proView .review_wrap .on_review{
    margin: 25px 0;
}
.proView .review_wrap .on_review .review_click{
    border-bottom: 1px solid #939393;
    display: inline-block;
}
.proView .review_wrap .on_review p{
    font-size: 15px;
    color: #8a8a8a;
    padding-bottom: 5px;
    display: inline-block;
    cursor: pointer;
}
.proView .review_wrap .on_review img{
    margin-left: 5px;
    transition: 0.2s;
}
.proView .review_wrap .on_review.on img{
    transform: rotate(180deg);
}
.proView .review_wrap .review_img .r_img_box{
    display: inline-block;
    width: 182px;
    height: 182px;
}
.proView .qa_frame{
    width: 100%;
    text-align: center;
}
.proView .qa_frame .qa01{
    width: 90px;
}
.proView .qa_frame .qa02{
    width: 120px;
}
.proView .qa_frame .qa03{
    width: 90px;
}
.proView .qa_frame .qa04{
    width: 660px;
    text-align: left;
}
.proView .qa_frame .qa05{
    width: 120px;
}
.proView .qa_frame .qa06{
    width: 120px;
}
.proView .qa_frame li{
    padding: 12px 10px;
}
.proView .qa_frame .th_ul li{
    background: #f3f3f3;
    font-weight: 500;
    font-size: 16px;
}
.proView .qa_frame .qa_table_con li{
    font-size: 15px;
    border-bottom: 1px solid #ededed;
    cursor: pointer;
}
.proView .qa_frame .qa04 .fas{
    color: #b9b9b9;
    margin-left: 5px;
}
.proView .qa_frame .write_slide_toggle{
    background: #f9f9f9;
    padding: 25px;
    display: none;
    font-size: 0;
}
.proView .qa_frame .write_slide_toggle td{
    font-size: 0;
}
.proView .qa_frame .write_slide_toggle .wr_tit{
    width: 110px;
    display: inline-block;
    vertical-align: top;
}
.proView .qa_frame .write_slide_toggle .wr_tit h5{
    font-size: 16px;
    font-weight: 500;
    margin-top: 5px;
}
.proView .qa_frame .write_slide_toggle .wr_tit_q_a{
    width: calc(100% - 110px);
    display: inline-block;
    text-align: left;
    vertical-align: top;
}
.proView .qa_frame .write_slide_toggle .an_ic{
    margin-top: 20px;
}
.proView .qa_frame .write_slide_toggle .wr_tit_q_a p{
    font-size: 15px;
    color: #333;
    line-height: 32px;
    font-weight: 300;
    margin-left: 10px;
}


.pagination{
    text-align: center;
    margin-top: 50px;
}
.pagination > div{
    display: inline-block;
    vertical-align: middle;
}
.pagination > *{
    margin: 0 0.7rem;
}
.pagination .num > div {
    float: left;
}
.pagination .num .page-item a{
    display: inline-block;
    width: 100%;
    font-size: 16px;
    color: #5a5a5a;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
}
.pagination .num .page-item.on a{
    border: 1px solid #c6c6c6;
}

/* view - quick */

.option_box{
    position: fixed;
    right: 0;
    top: 130PX;
    width: 260px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    height: 100vh;
    z-index: 101;
    padding: 50px 20px 0;
    background: #fff;
    transition: 0.3s;
}
.option_box.active{
    right: -260px;
}
.option_box .option_btn{
    position: absolute;
    right: 100%;
    top: 70px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    background: #666666;
    width: 70px;
    padding: 15px 0;
    text-align: center;
    cursor: pointer;
    font-size: 0;
}
.option_box .option_btn p{
    font-size: 14px;
    color: #fff;
    letter-spacing: -0.04em;
    display: inline-block;
    vertical-align: middle;
}
.option_box .option_btn img{
    margin-right: 4px;
    transition: 0.3s;
    display: inline-block;
}
.option_box.active .option_btn img{
    transform: rotate(-180deg);
}
.option_box .option_inner{
    border-bottom: 1px solid #e1e1e1;
}
.option_box .option_inner:last-child{
    border-bottom: 0;
}
.option_box .option_inner h5{
    font-size: 16px;
    color: #414141;
    letter-spacing: -0.04em;
    margin-bottom: 15px;
}
.option_box .option_inner ul {
    font-size: 0;
}
.option_box .option_inner ul li{
    display: inline-block;
    width: 70px;
    background: #ededed;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.04em;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 10px 0;
    cursor: pointer;
    border: 1px solid #ededed;
}
.option_box .option_inner ul li.have{
    color: #375291;
}
.option_box .option_inner ul li.no_have{
    color: #a71c20;
}
.option_box .option_inner ul li:hover{
    border: 1px solid #000;
}
.option_box .option_inner ul li:nth-child(3n){
    margin-right: 0;
}
.option_box .op_i01{
    padding-bottom: 50px;
}
.option_box .op_i02{
    padding: 40px 0;
}
.option_box .op_i02 h5{
    display: inline-block;
    margin-bottom: 0;
}
.option_box .op_i02 span{
    font-size: 0;
    text-align: right;
    display: inline-block;
    margin-left: 81px;
}
.option_box .op_i02 span a{
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #3b3b3b;
    color: #fff;
    font-size: 18px;
    letter-spacing: -0.04em;
    text-align: center;
    line-height: 30px;
}
.option_box .op_i02 span .count{
    font-size: 16px;
    color: #555555;
    margin:0  18px;
}
.option_box .op_i03{
    padding-top: 125px;
}
.option_box .op_i03 .brown{
    color: #b38c52;
}
.option_box .op_i03 .total01{
    font-size: 16px;
    letter-spacing: -0.04em;
    font-weight: 700;
}
.option_box .op_i03 .total02{
    font-size: 28px;
    font-weight: 700;
}
.option_box .op_i03 .cart_box{
    font-size: 0;
    margin: 30px 0 5px;
}
.option_box .op_i03 .cart_box p{
    display: inline-block;
    width: 50%;
    font-size: 16px;
    color: #fff;
    letter-spacing: -0.04em;
    text-align: center;
    padding: 15px 0;
}
.option_box .op_i03 .cart_box .go_buy{
    background: #b38c52;
}
.option_box .op_i03 .cart_box .go_cart{
    background: #3b3b3b;
}
.option_box .op_i03 .gift_box{
    font-size: 0;
    display: none;
}
.option_box .op_i03 .gift_box p{
    display: inline-block;
    vertical-align: middle;
    padding: 15px 0;
}
.option_box .op_i03 .gift_box .go_gift{
    width: 170px;
    background: #232323;
    text-align: center;
    color: #fff;
    font-size: 16px;
    letter-spacing: -0.04em;
    border: 1.5px solid #232323;
}
.option_box .op_i03 .gift_box .go_pick{
    width: calc(100% - 170px);
    border: 1px solid #232323;
    text-align: center;
}
.proView .return_info_box{
    padding: 70px 0 150px;
}
.proView .return_info_box > h5{
    font-size: 20px;
    letter-spacing: -0.04em;
    margin-bottom: 20px;
}
.proView .return01 .return_inner01 p{
    margin-bottom: 20px;
}
.proView .return01 .return_inner01 .sp01{
    display: inline-block;
    font-size: 16px;
    letter-spacing: -0.04em;
    width: 55px;
    position: relative;
    font-weight: 900;
}
.proView .return01 .return_inner01 .sp01::after{
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 18px;
    background: #aeaeae;
}
.proView .return01 .return_inner01 .sp02{
    padding-left: 20px;
    font-size: 16px;
    letter-spacing: -0.04em;
}
.proView .return01 .return_inner02{
    background: #f3f3f3;
    margin: 20px 0 40px;
    padding: 30px;
}
.proView .return01 h6{
    font-size: 16px;
    color: #7b7b7b;
    letter-spacing: -0.04em;
    margin-bottom: 10px;
}
.proView .return01 .return_inner02 ul{
    font-size: 0;
}
.proView .return01 .return_inner02 ul li{
    display: inline-block;
    padding: 0 20px;
    position: relative;
}
.proView .return01 .return_inner02 ul li::after{
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 73px;
    background: #afafaf;
}.proView .return01 .return_inner02 ul li:last-child::after{
    width: 0;
}
.proView .return01 .return_inner02 ul li:first-child{
    padding-left: 0;
}
.proView .return01 .return_inner02 ul li span{
    display: inline-block;
    font-size: 16px;
    color: #7b7b7b;
    letter-spacing: -0.04em;
    width: 70px;
    padding: 5px 0;
    background: #fff;
    border-radius: 20px;
    text-align: center;
    margin-bottom: 10px;
}
.proView .return01 .return_inner02 ul li p{
    font-size: 16px;
    letter-spacing: -0.04em;
}
.proView .return01 .return_inner03 .order_num{
    border: 1px solid #dcdcdc;
    padding: 30px 0;
    margin-bottom: 50px;
}
.proView .return01 .return_inner03 ul{
    font-size: 0;
}
.proView .return01 .return_inner03 ul li{
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}
.proView .return01 .return_inner03 ul li p{
    font-size: 14px;
    color: #666666;
    line-height: 20px;
    margin-top: 15px;
}
.proView .return01 .return_inner03 ul li p span{
    font-size: 12px;
}
.proView .return01 .return_inner03 ul li:nth-child(odd){
    width: 190px;
}
.proView .return02 table{
    width: 100%;
    border-top: 1px solid #dfdfdf;
}
.proView .return02 table td{
    padding: 20px 30px;
    border-bottom: 1px solid #dfdfdf;
    color: #666666;
    font-size: 16px;
    letter-spacing: -0.04em;
}
.proView .return02 table td:first-child{
    background: #f5f5f5;
    border-right: 1px solid #dfdfdf;
}

/* 출석체크 */
@keyframes fadeIn{
    0%{opacity: 100%; transform: scale(1);}
    50%{opacity: 0; transform: scale(0.9);}
    100%{opacity: 100%; transform: scale(1);}
}
.check{
    /* background: url(/img/sub/check_bg.jpg) no-repeat center/cover; */
    background: #fff3e4;
    height: 1770px;
    position: relative;
    overflow: hidden;
}
.check .ch_ic01{
    position: absolute;
    left: -40px;
    top: 10px;
    animation: fadeIn 2s infinite forwards;
    animation-delay: 0.3s;
}
.check .ch_ic02{
    position: absolute;
    left: 200px;
    top: 138px;
    animation: fadeIn 2.2s infinite forwards;
}
.check .ch_ic03{
    position: absolute;
    left: 45px;
    top: 250px;
    animation: fadeIn 1.7s infinite forwards;
}
.check .ch_ic04{
    position: absolute;
    left: 214px;
    top: 250px;
    animation: fadeIn 1.5s infinite forwards;
    animation-delay: 0.1s;
}
.check .ch_ic05{
    position: absolute;
    left: 1133px;
    top: 23px;
    animation: fadeIn 1.9s infinite forwards;
}
.check .ch_ic06{
    position: absolute;
    right: 365px;
    top: 252px;
    animation: fadeIn 2.1s infinite forwards;
}
.check .ch_ic07{
    position: absolute;
    right: 213px;
    top: 103px;
    animation: fadeIn 2s infinite forwards;
}
.check .ch_ic08{
    position: absolute;
    right: -11px;
    top: 84px;
    animation: fadeIn 1.7s infinite forwards;
}
.check .ch_ic09{
    position: absolute;
    right: 22px;
    top: 323px;
    animation: fadeIn 1.5s infinite forwards;
}

.check .month{
    position: absolute;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0;
    text-align: center;
    width: 100%;
}
.check .month > div{
    display: inline-block;
    vertical-align: bottom;
}
.check .month .ch_month{
    background: url(/img/sub/ch_month_bg.png) no-repeat center/cover;
    height: 371px;
    width: 371px;
    margin-right: 50px;
    position: relative;
}
.check .month h5{
    font-size: 150px;
    letter-spacing: -0.06em;
    color: #a42025;
    text-shadow: 0px 0px 20px rgba(108, 30, 30, 0.5);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}
.check .month h5 span{
    font-size: 50px;
    text-shadow: 0px 0px 20px rgba(108, 30, 30, 0.5);
    margin-left: 10px;
}
.check .check_top{
    padding-top: 500px;
}
.check .check_top_inner{
    background: #fff;
    border-radius: 10px;
}
.check .check_top_inner p{
    font-size: 26px;
    letter-spacing: -0.04em;
    color: #a42025;
    text-align: center;
    padding: 20px 0;
}
.check .check_stamp{
    background: #fff;
    border-radius: 10px;
    padding: 85px 80px;
    margin-top: 25px;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
}
.check .check_stamp ul {
    font-size: 0;
}
.check .check_stamp ul li{
    display: inline-block;
    background: url(/img/sub/attendance/check_ic.png) no-repeat center/cover;
    width: 120px;
    height: 120px;
    position: relative;
    margin-right: 30px;
    margin-bottom: 30px;
}
.check .check_stamp ul li:nth-child(7n){
    margin-right: 0;
}
.check .check_stamp ul li p{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size: 20px;
    color: #a7a7a7;
}
.check .check_stamp ul li.ch_on{
    background: url(/img/sub/attendance/check_ic_r.png) no-repeat center/cover;
}
.check .check_stamp ul li.ch_on p{
    color: #a71c20;
}
.check .check_go_btn{
    background: #a42025;
    border-radius: 70px;
    height: 140px;
    margin-top: 50px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.check .check_go_btn::after{
    content: "";
    position: absolute;
    top: 0; bottom: 0;
    left: 0; right: 0;
    opacity: 0;
    transform: translateX(-100%);
    background: rgba(255, 255, 255, 0.13);
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0.13) 0%,
        rgba(255, 255, 255, 0.13) 77%,
        rgba(255, 255, 255, 0.2) 92%,
        rgba(255, 255, 255, 0.1) 100%,
    );
}
.check .check_go_btn:hover::after{
    opacity: 1;
    top: 0;
    left: 0;
    transform: translateX(0);
    transition-property: transform, opacity;
    transition-duration: 0.8s, 0.13s;
    transition-timing-function: ease;
}
.check .check_go_btn p{
    font-style: italic;
    font-size: 34px;
    letter-spacing: -0.03em;
    color: #fff;
    text-align: center;
    line-height: 140px;
}
.check .check_go_btn .click_btn{
    position: absolute;
    left: 0;
    top: 0;
    height: 140px;
    width: 300px;
    background: #fff;
    border-radius: 70px;
}
.check .check_go_btn .click_btn div{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    text-align: center;
}
.check .check_go_btn .ani_tw{
    position: absolute;
    left: 60px;
    top: 35px;
    z-index: 111;
    animation: up 1.4s infinite linear;
}
@keyframes up {
    0%{top: 35px;}
    50%{top: 30px;}
    100%{top: 35px;}
}

.check .check_go_btn .click_btn span{
    font-size: 40px;
    letter-spacing: -0.03em;
    color: #a42025;
    font-weight: 700;
    font-style: italic;
    vertical-align: bottom;
    margin-left: 10px;
}

/* 구두관리 */

.shoes .step_tab{
    font-size: 0;
    border-bottom: 1px solid #dddddd;
    padding: 50px 0;
}
.shoes .step_tab .step_box{
    display: inline-block;
    border: 1px solid #cccccc;
    font-size: 0;
    width: 300px;
    height: 360px;
    position: relative;
    vertical-align: middle;
}
.shoes .step_tab .step_box .s_inner{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    text-align: center;
}
.shoes .step_tab .step_box p{
    display: inline-block;
}
.shoes .step_tab .step_box .st_red{
    font-size: 43px;
    color: #a71c20;
    text-transform: uppercase;
    display: block;
}
.shoes .step_tab .step_box .st_txt{
    font-size: 18px;
    color: #666;
    letter-spacing: -0.04em;
    display: block;
}
.shoes .step_tab .step_box .st_num{
    font-size: 100px;
    letter-spacing: -0.04em;
    color: #a71c20;
    font-weight: 700;
}
.shoes .step_tab .step_tab_menu{
    display: inline-block;
}
.shoes .step_tab .step_tab_menu li{
    display: inline-block;
    margin: 0 45px;
}
.shoes .step_tab .step_tab_menu li img{
    opacity: 1;
}
.shoes .step_tab .step_tab_menu.click li:not(.active) img{
    opacity: 0.5;
}
.service.shoes .tab_wrapper .tab_menu li{
    width: 400px;
}
.shoes .step{
    background: #f8f8f8;
    font-size: 0;
    padding: 100px 0;
}
.shoes .step .step_img{
    display: inline-block;
}
.shoes .step .step_txt_box{
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    margin-left: 120px;
}
.shoes .step .step_txt_box h4{
    font-size: 40px;
    color: #333333;
    letter-spacing: -0.04em;
    margin-bottom: 8px;
}
.shoes .step .step_txt_box h4 span{
    font-size: 18px;
    color: #fff;
    letter-spacing: -0.04em;
    display: inline-block;
    padding: 10px 0;
    width: 136px;
    background: #333;
    border-radius: 20px;
    text-align: center;
    vertical-align: middle;
    margin-left: 30px;
    transition: 0.3s;
}
.shoes .step .step_txt_box h4:hover span{
    background: #a71c20;
}
.shoes .step .step_txt_box h4 span img{
    margin-left: 18px;
}
.shoes .step .step_txt_box p{
    font-size: 16px;
    letter-spacing: -0.04em;
    color: #333;
    line-height: 24px;
}
.shoes .step .step_txt_box h6{
    font-size: 20px;
    letter-spacing: -0.04em;
    color: #999999;
    margin: 50px 0 20px;
}
.shoes .step .step_txt_box .howTo{
    margin-bottom: 20px;
}
.swiper-button-next{
    background-image: url(/img/ico/g_next.png);
    right: 260px;
}
.swiper-button-prev{
    background-image: url(/img/ico/g_prev.png);
    left: 260px;
}
.swiper-button-next,.swiper-button-prev{
    width: 59px;
    height: 154px;
    background-size: 59px 154px;
    transform: translateY(-50%);
}

/* stepHeader */

.join_title{
    font-size: 30px;
    letter-spacing: -0.04em;
    color: #333;
    padding: 45px 0;
    border-top: 1px solid #eee;
    background: #fafafa;
    text-align: center;
    font-weight: 300;
}
.step_header{
    border-top: 1px solid #eee;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    position: relative;
}
.step_header ul.step_ul{
    padding: 40px 0;
}
.step_header ul{
    font-size: 0;
}
.step_header ul li{
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}
.step_header ul li.sh_c{
    width: 32%;
}
.step_header ul li.jo_c{
    width: 23.8%;
}
.step_header ul li .step_ic{
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto;
}
.step_header ul.step_ul li .step_ic.step01{
    background-image: url(/img/ico/step01.png);
    height: 46px;
}
.step_header ul.step_ul li .step_ic.step02{
    background-image: url(/img/ico/step02.png);
    height: 49px;
}
.step_header ul.step_ul li .step_ic.step03{
    background-image: url(/img/ico/step03.png);
    height: 47px;
}
.step_header ul li h5,.step_header ul li h6{
    font-size: 18px;
    letter-spacing: -0.04em;
    color: #838c94;
}
.step_header ul li h5{
    margin: 10px 0 7px;
}
.step_header ul.step_ul li.on .step_ic.step01{
    background-image: url(/img/ico/step01_red.png);
}
.step_header ul.step_ul li.on .step_ic.step02{
    background-image: url(/img/ico/step02_red.png);
}
.step_header ul.step_ul li.on .step_ic.step03{
    background-image: url(/img/ico/step03_red.png);
}
.step_header ul li.on h5,.step_header ul li.on h6{
    color: #a71c20;
}
.step_header ul.join_ul li .step_ic.step01{
    background-image: url(/img/ico/j_step01.png);
    height: 44px;
}
.step_header ul.join_ul li .step_ic.step02{
    background-image: url(/img/ico/j_step02.png);
    height: 44px;
}
.step_header ul.join_ul li .step_ic.step03{
    background-image: url(/img/ico/j_step03.png);
    height: 42px;
}
.step_header ul.join_ul li .step_ic.step04{
    background-image: url(/img/ico/j_step04.png);
    height: 43px;
}
.step_header ul.join_ul li.on .step_ic.step01{
    background-image: url(/img/ico/j_step01_red.png);
}
.step_header ul.join_ul li.on .step_ic.step02{
    background-image: url(/img/ico/j_step02_red.png);
}
.step_header ul.join_ul li.on .step_ic.step03{
    background-image: url(/img/ico/j_step03_red.png);
}
.step_header ul.join_ul li.on .step_ic.step04{
    background-image: url(/img/ico/j_step04_red.png);
}
.option_box .option_btn.step{
    width: 80px;
    padding: 10px 0;
}
.option_box.step_box{
    top: 333px;
}
.option_box .st_i01{
    color: #414141;
    letter-spacing: -0.04em;
    font-weight: 700;
}
.option_box p span:last-child{
    float: right;
}
.option_box .st_i01 .total_p{
    font-size: 16px;
    margin-bottom: 12px;
}
.option_box .st_i01 .sale_p,.option_box .st_i01 .delivery_p{
    font-size: 16px;
    margin-bottom: 12px;
}
.step_box .option_inner{
    padding: 40px 0;
    border-bottom-style: dashed;
}
.option_box .st_i02{

    font-weight: 700;
}
.option_box .st_i02 .expectation{
    color: #a71c20;
    margin-top: 15px;
}
.option_box .expectation em{
    color: #fff;
    border-radius: 50%;
    background: #a71c20;
    width: 22px;
    height: 22px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin-right: 5px;
}
.option_box .st_i03 .total_p{
    text-align: right;
    color: #414141;
    margin-bottom: 45px;
}
.option_box .st_i03 .total_p span{
    display: block;
    font-weight: 700;
}
.option_box .st_i03 .total_p span:first-child{
    font-size: 18px;
    margin-bottom: 10px;
}
.option_box .st_i03 button{
    width: 100%;
    text-align: center;
    border: 0;
    font-size: 18px;
    letter-spacing: -0.04em;
    color: #fff;
    padding: 20px 0;
}
.option_box .st_i03 button.gray{
    background: #333333;
}
.option_box .st_i03 button.red{
    background: #a71c20;
}
.gift_box .gi_i01 h4{
    font-size: 18px;
    color: #414141;
    margin-bottom: 15px;
}
.gift_box .gi_i01 p{
    font-size: 16px;
    color: #414141;
    margin-bottom: 15px;
}
.gift_box .gi_i02{
    font-weight: 700;
    color: #414141;
}
.gift_box .gi_i02 .total_p{
    font-size: 18px;
    margin-bottom: 13px;
}
.gift_box .gi_i03{
    color: #a71c20;
    font-weight: 700;
}
.gift_box .gi_i03 .expectation{
    margin-bottom: 10px;
}
.gift_box .gi_i03 .expectation:first-child{
    font-size: 18px;
    margin-bottom: 20px;
}
.gift_box .gi_i04{
    font-weight: 700;
}
.gift_box .gi_i04 .total_p span{
    font-size: 28px;
    letter-spacing: -0.04em;
    color: #a71c20;
}
.gift_box .gi_i04 .total_p span:first-child{
    font-size: 18px;
}
.gift_box .gi_i04 button{
    margin-top: 35px;
    width: 100%;
    padding: 20px 0;
    text-align: center;
    color: #fff;
    border: 0;
    font-size: 18px;
    letter-spacing: -0.04em;
    background: #333;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
}
.gift_box .gi_i04 button.gr_red{
    background: linear-gradient(to right, #a71c20, #b7363a);
}

/* brand */

.brand .b_title{
    background: #fafafa;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}
.brand .b_title h2{
    font-size: 30px;
    color: #333;
    letter-spacing: -0.04em;
    padding: 40px 0;
    text-align: center;
    font-weight: 300;
}
.brand .b_content{
    background: #fff;
    padding: 100px 0;
}
.brand .b_content ul{
    font-size: 0;
}
.brand .b_content li{
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
    background: #fff;
    width: 20%;
    display: inline-block;
    height: 110px;
    vertical-align: top;
    position: relative;
}
.brand .b_content li a{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.brand .b_content li img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

/* join */

.join{
    padding-bottom: 100px;
    margin-top: 3em;
}
.join .join_left{
    float: left;
    width: 600px;
}
.join .join_right{
    float: right;
}
.join .certified{
    position: relative;
    margin-bottom: 40px;
}
.join .self_ce{
    border: 1px solid #333333;
    width: 200px;
    background: #fafafa;
    text-align: center;
    padding: 15px 0;
    font-size: 16px;
    color: #333;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.join .check_box_cus input[type="checkbox"] + label{
    padding-left: 40px;
}
.join .join_left input{
    width: 100%;
    border: 1px solid #cccccc;
    padding: 15px;
    margin-bottom: 10px;
    vertical-align: middle;
}
.join .hr{
    display: inline-block;
    width: 100%;
    height: 5px;
    background: #eaeaea;
    margin: 20px 0 30px;
}
.join .w30{
    width: 180px !important;
}
.join .input_box{
    font-size: 0;
}
.join .ui-button{
    border:1px solid #cccccc !important;
    margin-bottom: 10px;
    width: 100%;
    margin-left: 12px;
}
.join .w30_div .ui-button{
    width: 190px;
}
.join .mar_div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.join .mar_div .ui-button:nth-of-type(1){
    margin-left: 0;
}
.ui-selectmenu-icon.ui-icon{
    margin-top: 0 !important;
}
.join .info_p{
    font-size: 14px;
    color: #a71c20;
    font-weight: 500;
    margin: 10px 0 25px;
}
.join .info_p .fas{
    margin-right: 10px;
}
.join .agree_ul{
    border: 1px solid #eaeaea;
    padding: 20px;
    margin-top: 15px;
}
.ml20{
    margin-left: 20px;
}
.join .agree_ul li{
    position: relative;
}
.join .agree_ul li:not(:last-child){
    padding-bottom: 10px;
}
.join .agree_ul li .detail{
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #a71c20;
}
.join.p_check .check_box{
    text-align: left;
    margin: 15px 0;
}
.join .check_box_cus input[type="radio"] + label{
    font-weight: 300;
}
.join .info_sp{
    font-size: 14px;
    letter-spacing: -0.04em;
    color: #666666;
    line-height: 20px;
}
.join .submit{
    font-size: 16px;
    color: #fff;
    background: #a71c20;
    text-align: center;
    border: 0;
    border-radius: 5px;
    width: 100%;
    padding: 20px 0;
    margin-top: 50px;
}
.join .join_right li{
    border-bottom: 3px solid #eaeaea;
    padding: 15px 0;
    font-size: 0;
}
.join .join_right li > *{
    display: inline-block;
    vertical-align: top;
}
.join .join_right li .fas{
    color: #a71c20;
    font-size: 12px;
    letter-spacing: -0.04em;
    margin-right: 20px;
}
.join .join_right li p{
    font-size: 16px;
    line-height: 24px;
}
.join_img_box{
    box-shadow: 0px 0px 30px 0px rgba(80, 90, 110, 0.1);
}
/* .shadow{position:absolute;left:0;top:0;width:100%;height:100%; transition:background .5s ease; }
.shadow .box{display:block;position:relative;width:100%;height:100%; }
.shadow .box span:before,
.shadow .box span:after{content:"";position:absolute;background-color: #a71c21;transition-property:width, height;transition-duration:0.5s;transition-timing-function:ease-out; z-index: 101;}
.shadow .box .b1:before{left:0;top:0;width:0;height:2px;transition-delay:.3s;}
.shadow .box .b1:after{right:0;top:0;width:2px;height:0;transition-delay:.2s;}
.shadow .box .b2:before{right:0;bottom:0;width:0;height:2px;transition-delay:.1s;}
.shadow .box .b2:after{left:0;bottom:0;width:2px;height:0;transition-delay:0s;}

.tab_content01:hover .shadow .box .b1:before{width:100%;transition-delay:.2s;}
.tab_content01:hover .shadow .box .b1:after{height:100%;transition-delay:.6s;}
.tab_content01:hover .shadow .box .b2:before{width:100%;transition-delay:1.1s;}
.tab_content01:hover .shadow .box .b2:after{height:100%;transition-delay:1.5s;} */
.proList .tab_content01:hover .img_box{border:2px solid #a71c21;}

.agree_ul_wrap{margin-top: 30px;}
.agree_ul_wrap .customer{padding-top: 70px;}
.agree_ul_wrap .customer_h5{font-size: 16px; color: #373737; margin-bottom: 10px; }  
.agree_ul_wrap .cus_txt{margin-bottom: 50px;}
.agree_ul_wrap .customer_p{text-indent: -15px; padding-left: 15px; line-height: 24px; font-size: 13px; color: #666;}
.agree_ul_wrap .customer_p b{color: #000;}
.join .mt30{margin-top: 30px;}
.join .agree_title{
    display: block;
    font-size: 16px;
    margin: 30px 0 20px;
}
.agree_ul_wrap .agree_scroll_box{
    height: 150px;
    overflow-y: auto;
    border: 1px solid #eaeaea;
    padding: 20px;
}




@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  select::-ms-expand {
    display: none;
  }

  select:focus::-ms-value {
    background: transparent;
    color: grey;
  }
}




.my-20px-custom {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.proList .pro_wrap form {
    position: relative;
}
.proList .pro_wrap form .search_box {
    line-height: 38px;
    width: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
}
.pro_wrap form .search_box input.s_txt {
    background: #f6f6f6;
    height: 38px;
    font-size: 1em;
    padding: 0px 10px;
    width: 400px;
}

.pro_wrap form .search_box .s_submit{
    text-indent: -9999em;
    background: url(/img/ico/search_ic_r.png) no-repeat center/cover;
    width: 22px;
    height: 22px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

#registerFinish{
    text-align: center;
    padding-bottom: 200px;
}
#registerFinish .red_txt{
    color: #a71c20;
    font-weight: 500;
}
#registerFinish h5 .red_txt{
    font-weight: bold;
}
#registerFinish .rF_inner{
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    padding: 90px 0 70px;
}
#registerFinish .rF_inner h5{
    font-size: 45px;
    color: #333;
}
#registerFinish .rF_inner .desc{
    font-size: 20px;
    color: #333333;
    margin: 15px 0 55px;
}
#registerFinish .rF_inner ul{
    display: flex;
    justify-content: center;
}
#registerFinish .rF_inner ul li{
    margin: 0 40px;
    text-align: left;
}
#registerFinish .rF_inner ul li p{
    padding: 10px 0;
}
#registerFinish .rF_inner ul li p img{
    margin-right: 10px;
}
#registerFinish .move_btn_wrap{
    display: flex;
    justify-content: center;
    margin-top: 50px;
}
#registerFinish .move_btn_wrap a{
    padding: 18px 0;
    width: 400px;
    text-align: center;
    display: inline-block;
    border-radius: 10px;
    margin: 0 10px;
}
#registerFinish .move_btn_wrap a.go_main{
    background: #ededed;
    color: #333;
}
#registerFinish .move_btn_wrap a.go_login{
    background: #a71c20;
    color: #fff;
}