.kr_shopview{display:block;}
.jp_shopview{display:none;}





.jp_shopview .menu_list .questions_top .mo_cata_list{display: block!important;}
.jp_shopview .menu_list .questions_top .mo_cata_list ul{width: 93%;}
.jp_shopview .menu_list .questions_top {display: flex;}
.jp_shopview .menu_list .questions_top .cata_list p{margin:0; margin-right:10px;}
.jp_shopview .menu_list .questions_top .mo_cata_list > p::after{right: 24px;}
.jp_shopview #color_li{display: flex;;}
.jp_shopview .color li{width:20px;height:20px;margin-right:10px; border-radius: 20px;display: block;}
.jp_shopview .color li:first-child{background-color:red;}
.jp_shopview .color li:nth-child(2){background-color:yellow;}
.jp_shopview .color li:nth-child(3){background-color:green;}
.jp_shopview .color li:nth-child(4){background-color:blueviolet;}
.jp_shopview .color li:nth-child(5){background-color:blue;}


/*컬러 모달*/
/* .sear_produ .modal-wrap .btn-container::-webkit-scrollbar { width: 10px; background-color: #f5f5f5; border-radius: 10px;  }
.sear_produ .modal-wrap .btn-container::-webkit-scrollbar-thumb { background-color: #333; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent;}
.sear_produ .modal-wrap .btn-container::-webkit-scrollbar-track {background-color: #f5f5f5; border-radius: 10px; box-shadow: inset 0px 0px 5px white;border: 2px solid transparent;  }

.jp_color_other.modal {    right: 0; top: 520px; bottom: auto;  max-width: calc(100% - 50px); width: 100%; left: auto; background-color: transparent; position: absolute; z-index: 99!important; padding: 0;}

.jp_color_other.sear_produ .modal-wrap .btn-container {height: 250px;}
.jp_color_other.sear_produ .modal-wrap { height: 390px;}

.jp_color_other li.col-md-2 {width: 25%;}
.jp_color_other .row-short {margin-left: -0px;  margin-right: -0px; }
.jp_color_other .modal-close { position: absolute; right: 0; top: 5px;}

.jp_color_other .modal-container { padding: 0px;} */

.jp_shoptoshi .list_icon{display: none;background-color: transparent ;}
.kr_shoptoshi .list_icon{display: flex ;}



.jp_shoptoshi .menu_list{    display: flex; justify-content: space-between; width: 100%;}
/* 홍보 자료 */

.jp_event ul li{margin-top:30px;}
.jp_event ul li > div{border:1px solid #ddd} 
.jp_event ul li .promotion_bg{display: block; width:100%; height:450px;}
.promotion02 ul li .promotion_bg{display: block; width:100%; height:216px;}

.jp_event ul li .promotion_bg img{width:100%;}
.jp_event ul li .text_box{padding:20px 20px;height:180px;position:relative;flex-direction: column;margin-bottom:40px;margin-top :0 !important;height:125px!important;}
.promotion02 ul li .text_box{height:120px;}
.jp_event ul li .text_box .con_title{font-size:1.25rem;}
.jp_event ul li .text_box .con_text{font-size:0.937rem; color:#666;line-height: 1.5em;
    margin-top: 6px;}
.jp_event ul li .text_box .con_text.target03{height: 3em}
.jp_event ul li .text_box .con_date{font-size:0.937rem; text-align: right;margin-top:30px; color:#888;position: absolute; bottom: -20px;right: 25px;}
.jp_event ul li .text_box .progress{font-size:13px; font-weight: 800; font-family:'S-CoreDream-3Light'; margin-bottom:5px}
.jp_event ul li .text_box .progress .new{background-color:#e3c72c ;padding:1px 5px; color:#fff;font-size:11px; margin-right:5px;}
.jp_event ul li .text_box .progress .ing{color:#be3434;}
.jp_event ul li .text_box .progress .end{color:#be3434;}
.promotion.event ul li .text_box{padding:20px 20px;height:130px;position:relative}


/*분류 카테고리 상단 검색*/
.jp_shopview .questions_top .search {border: 1px solid #ddd; width: 100%; display: flex; align-items: center;}
.jp_shopview .questions_top .search input { border: none; outline: 0; font-size: 14px; padding: 8px; border-right: none;  width: 90%;}

.jp_shopview .questions_top .search input::placeholder{color:#bbb;font-weight: 300;font-size: 0.937rem;}

.jp_shopview .menu_list .questions_top .cata_list p{color:#bbb;font-weight:300;}
.jp_shopview .menu_list .questions_top .cata_list p a{color:#bbb;font-weight:300;}
.jp_shopview .questions_top .search button {height: 28px; border: none; padding: 0 10px; cursor: pointer; background-color: #fff; margin: 0 auto;}

/*상세보기*/
.shop .jp_shopview .pd-detail > .jp_price_sec{display:flex;align-items: center; justify-content: space-between;padding:40px 0;border-bottom:1px solid #ddd;}
.shop .jp_shopview .pd-detail > .jp_color_sec{padding:40px 0;border-bottom:1px solid #ddd;}
.shop .jp_shopview .pd-detail > .jp_color_sec > div{display:flex;align-items: center;justify-content: space-between;margin-top:10px;position: relative; }
.shop .jp_shopview .pd-detail > .jp_color_sec .color{width: 95%; height: 30px; }
.shop .jp_shopview .pd-detail > .jp_color_sec .color_search{width: 5%; height: 30px; display: flex;justify-content: flex-end;}

.shop .jp_shopview .pd-detail .p_tit{font-size:1.25rem;font-weight: 500;}
.shop .jp_shopview .pd-detail .pd-price-con{margin-top:0;font-weight: 500;}
.shop .jp_shopview{position: relative;    margin-bottom: 150px;}

.shop .jp_shopview .pd-detail-container .pd-price-con .percent {font-size: 1.25rem;}



/* ********************************************* *
* 650px max
* ********************************************* */

@media (max-width:650px)
{
    .sec01 .jp_shopview .menu_list {
        display: flex;
        align-items: flex-start;
        font-size: 0.875em;
        margin: 10px 0;
        flex-direction: column;
    }
    .jp_shopview .menu_list .questions_top{margin-top:10px;    margin-left: auto;}
    .sec01 .jp_shopview .menu_list .top_slide{top: 82px;}
}