/* font */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700,800');

@charset "euc-kr";

#m_preview_wrap {display:none !important;} /* 미리보기 숨기기 */
.wrapper { overflow:hidden; padding-bottom: 70px; }
.ani2 {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.ani3 {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.ani5 {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

body.notscroll {overflow: hidden;}
body.scroll {overflow: auto;}

/* base */
* {-webkit-text-size-adjust:none;}
body {position:relative;font-size:0.813em;line-height:1.188em; color:#000; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;}
body,input,textarea,select,button,table { font: 0.75em "Montserrat", "Pretendard Variable", Pretendard, sans-serif; }
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure{margin:0;padding:0}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:100%; word-break: break-all;}
ul, ol, li {list-style:none;}
fieldset, img {border:none;}
img {max-width:100%;vertical-align:top;}
hr, button img {display:none;}
form, fieldset, legend, label {margin:0; padding:0;}
fieldset{border:0 none;}
fieldset legend {position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font:0/0 Arial;}
em,address{font-style:normal;}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit;color:#111;}
label { cursor:pointer; }
table {border-collapse: collapse; border-spacing: 0;}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background:url('/design/xexymix/renewal/mobile/img/common/select_bg.jpg') no-repeat center right ;
    background-size:21px auto ;
}
a { color:#000; text-decoration:none; }

input[type=checkbox],
input[type=radio] {
    -webkit-appearance: button;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    width: 17px;
    height: 17px;
    margin-right: 2px;
    margin-bottom: 1px;
    border-radius: 0px!important;
    background-image: url("/design/xexymix/renewal/mobile/img/common/checkbox_off.jpg")!important;
    background-size: 100% !important;
    border:none !important;
    transition:none !important;
}
input[type=checkbox]:checked,
input[type=radio]:checked {
    border-radius: 0px!important;
    color: #000!important;
    background-image: url("/design/xexymix/renewal/mobile/img/common/checkbox_on.jpg")!important;
    background-position: center!important;
    background-size: 100%!important;
    border:none !important;
}
input[type=checkbox]:hover {
    
}

/*.priceicon{position: relative;
    margin-top: 5px; height:25px;}
.prd-name{height:17px; overflow:hidden;}
.prd-name-sub{height:28px; overflow: hidden;}*/

/* //base */


.bold { font-weight:bold; }
.show { display:block !important; }
.hide { display:none !important; }

body.overlay, body.slider-overlay {overflow:hidden !important; }
body:before { background:rgba(0,0,0,0.0); content:""; transition:background 0.3s ease-in-out; }
body.overlay.overlay_fadeout:before { position:fixed; top:0px; left:0px; bottom:0px; right:0px; z-index:3000; background:rgba(0,0,0,0.0); content:""; transition:background 0.3s ease-in-out; }
body.overlay:before, body.slider-overlay:before { position:fixed; top:0px; left:0px; bottom:0px; right:0px; z-index:3000; background:rgba(0,0,0,0.5); content:""; }

/* cross */
* html input { margin:-1px 0; } 
*:first-child+html input { margin:-1px 0; }
input.checkbox { width:13px; height:13px; margin-top:-4px; vertical-align:middle;}
/* //cross */


/* custom common */
.no-scroll {overflow:hidden !important;}

.left {float:left !important;}
.right {float:right !important;}

.text-left {text-align:left !important;}
.text-center {text-align:center !important;}
.text-right {text-align:right !important;}
.text-bold {font-weight:bold !important;}

#commonLayout { max-width: 600px; margin: 0 auto; }
#container { overflow: hidden; }
#container .container_title { margin:25px 0 20px; font-size:22px; font-weight:600; text-align:center; }


/* 레이어팝업 */
.layer {width: 100%; min-height: 100%; z-index: 903; position: fixed; left: 0; top: 0; background:rgba(0,0,0,0.4);}

/* 메인리스트타이틀 */
.section-title { position: relative; margin-bottom:15px; padding-left: 20px; font-size: 22px; font-weight: bold; text-align: left; letter-spacing: -1px; }


/* 분류페이지 리스트정렬 */
.list_array { display: flex; padding: 5px 20px; }
.list_array .item_ea { width:100%; line-height: 40px; text-align: left; font-size: 12px; }
.list_array .item_sort { position:relative; width:100%; text-align: right; }
.list_array .item_sort:after { content: ""; position: absolute; top: 16px; right: 2px; width: 5px; height: 5px; margin-left: 7px; transform: rotate(45deg); border-bottom: 1px solid #999; border-right: 1px solid #999; }
.list_array .item_sort select { width: auto; height:40px; border: 0; padding: 0 15px 0 0; text-indent: 0; background: #fff; color: #999; direction: rtl; font-size: 13px; }


/* 제품리스트_공통 */
.productSection { position: relative; padding-bottom: 50px; }
.items .productThumb { position:relative; }
.items .productThumb .no {position:absolute; top:0; left:0; width: 28px; height:28px; line-height:28px; background: #fff; color:#111; font-size:13px; font-weight:500; text-align: center; }
.items .productInfo { padding: 10px 12px 0 12px; }
.items .productInfo .priceBox { position:relative; margin:7px 0 5px; }
.items .productInfo .listName { font-size:14px; font-weight:500; line-height:18px; letter-spacing: -0.3px; /*word-break: keep-all;*/ overflow: hidden; }
.items .productInfo .listNameSub { border-top:1px solid #eaeaea; color: #979797; font-size:12px; line-height:15px; margin-top:5px; padding-top:7px; font-weight:normal; letter-spacing: -0.5px; white-space: normal; }
.items .productInfo .listSoldout {font-size:11px; color:#ff0004; font-weight:600; }
.items .productInfo .listDiscount { color: #000; font-size: 14px; font-weight: 600; }
.items .productInfo .listPrice { color:#000; font-size:14px; font-weight:600; line-height:15px; display:inline-block; margin-right:2px; }
.items .productInfo .percent { padding-right: 2px; color: #eb5e3e; font-weight: 500; font-size: 13px; }
.items .productInfo .listPrice strike {color: #979797; font-weight: 500; font-size: 12px; }
.items .productInfo .listIcon img { padding-right: 3px; padding-bottom: 3px; width: auto !important; height: 16px !important; }
.items .productInfo .listCode { position: relative; text-align: right; height: 20px; }
.items .productInfo .listCode img { margin-left:3px; }
.items .productInfo .listCode .styleCode { position: absolute; left: 0; top: 0; font-size: 11px; color:#979797; width: 70%; text-align: left; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.items .productInfo .listCode .crema-product-reviews-count { color: #eb5e3e;font-size: 10px !important; position: absolute; right: 0; top: 0; }
.items .productInfo .listCode .crema-product-reviews-count b { font-weight: 500; }
.items .productInfo .couponPrice { /*display: none;*/ padding-bottom:5px; color:#eb5e3e; font-weight:500; font-size:12px; line-height:15px; }
.items .productInfo .couponPrice .coupon-discount {  font-weight:bold; font-size:14px; }

/* 제품리스트_가로배열 */
.cols2 .items { display: grid; gap: 24px 10px; grid-template-columns: repeat(2, minmax(calc(50% - 10px), 1fr)); list-style: none; width: 100%; }

/* 제품리스트_큰이미지&가로배열 */
.big1cols2 { display: flex; flex-direction: column; }
.big1cols2 .items { display: flex; flex-wrap: wrap; gap: 40px 10px; padding: 0; list-style: none; width: 100%; }
.big1cols2 .items li { flex: 1 1 48%; }
.big1cols2 .items li:first-child { flex: 1 1 100%; }

/* 제품리스트_큰이미지&세로배열 */
.big1row2 { display: flex; flex-direction: column; }
.big1row2 .items { display: flex; flex-wrap: wrap; gap: 20px 10px; padding: 0; list-style: none; width: 100%; }
.big1row2 .items li { flex: 1 1 100%; }
.big1row2 .items li figure { display: flex; }
.big1row2 .items li:first-child { padding-bottom: 20px; }
.big1row2 .items li:first-child figure { display: block; }
.big1row2 .items li:first-child .productThumb { position:relative; width: 100%; }
.big1row2 .items li:first-child .productInfo {  width: auto; padding: 12px 12px 0 12px; }
.big1row2 .items .productThumb { position:relative; width: 33%; }
.big1row2 .items .productInfo { width: 62%; padding: 0 12px; }

/* 제품리스트_세로배열 */
.row2 { display: flex; flex-direction: column; }
.row2 .items { padding: 0; list-style: none; width: 100%; }
.row2 .items li {  }
.row2 .items li figure { display: flex; }
.row2 .items .productThumb { position:relative; width: 33%; }
.row2 .items .productInfo { width: 62%; padding: 0 12px; }

/* 제품상세보기 */
.items .quick_view { width:100%; padding:15px 0 8px; }
.items .quick_view a { display:block; width: 100%; height: 34px; line-height: 34px; text-align: center; border: 1px solid #dfdfdf; }

/* 더보기버튼 */
.MoreBtn { padding-top: 40px; }
.MoreBtn a { display: block; position: relative; width: auto; height: 44px; line-height: 44px; margin: 0 20px; padding-right: 12px;  text-align:center; background:#000; color:#fff; font-size: 14px; }
.MoreBtn a:after { content: ""; position: absolute; top: 18px; width: 6px; height: 6px; margin-left: 7px; transform: rotate(-45deg); border-bottom: 1px solid #fff; border-right: 1px solid #fff; }
.listMoreBtn { padding-top: 20px; }
.listMoreBtn a { display: block; position: relative; width: auto; height: 44px; line-height: 44px; margin: 0 20px; padding-right: 12px; text-align:center;  background:#000; color:#fff; font-size: 14px; }
.listMoreBtn a:after { content: ""; position: absolute; top: 16px; width: 6px; height: 6px; margin-left: 7px; transform: rotate(45deg); border-bottom: 1px solid #fff; border-right: 1px solid #fff; }

/* 상품 다중 이미지 슬라이더 */
.prd-img-slider { position: relative; }
.prd-img-slider img { max-width: 100%; }
.prd-img-slider .swiper-pagination-bullet { display: inline-block; width: 5px; height: 5px; padding:0; margin: 0 2px !important; border-radius: 50%; background: #fff; opacity: .4; font-size:0; text-indent: -9999px;}
.prd-img-slider .swiper-pagination-bullet-active{ background: #000; opacity: 1; }
.prd-img-slider .swiper-button-prev { left: 0;  color: #000;}
.prd-img-slider .swiper-button-prev:after { font-size: 12px; }
.prd-img-slider .swiper-button-next { right: 0; color: #000; }
.prd-img-slider .swiper-button-next:after { font-size: 12px; }


/*서브탭메뉴*/
.subTabCate { display: flex; padding-top: 7px; }
.subTabCate a { width: 100%; color: #a6a6a6; border-bottom: 1px solid #e8e8e8; height: 44px; line-height: 44px; font-size: 14px; text-align: center; }
.subTabCate a.on { position: relative; color: #000; font-weight: 600; }
.subTabCate a.on:after { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background: #000; }


/*커뮤니티메뉴탭*/
#container .cs-tab { text-align:center; border-bottom: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2; }
#container .cs-tab ul:after { display:block; clear:both; content:""; }
#container .cs-tab ul li { display: inline-block; box-sizing:border-box; margin: 0 2%; }
#container .cs-tab ul li:first-child { border-left:none; }
#container .cs-tab ul li a { display:inline-block; width:100%; height:36px; line-height: 36px; font-size: 14px; color: #999; }
#container .cs-tab ul li a.active { border-bottom: 3px solid #000; color: #000; }
#container .cs-tab ul li a img { width:auto; height:100%; }


/*마이페이지메뉴탭*/
#container .mp_header { margin-top: 25px; color: #000; font-size: 22px; font-weight: 600; text-align: center; }
#container .mp_navi { text-align:center; border-bottom: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2; }
#container .mp_navi ul:after { display:block; clear:both; content:""; }
#container .mp_navi ul li { display: inline-block; box-sizing:border-box; margin: 0 2%; }
#container .mp_navi ul li:first-child { border-left:none; }
#container .mp_navi ul li a { display:inline-block; width:100%; height:36px; line-height: 36px; font-size: 14px; color: #999; }
#container .mp_navi ul li a.active { border-bottom: 3px solid #000; color: #000; }
#container .mp_navi ul li a img { width:auto; height:100%; }


#container .category-select { padding:14px; }
#container .category-select select { display:block; width:100%; height:40px; padding-left:15px; border:1px solid #ccc; color:#000; font-size:14px; }

#review-board-list .reviews { border-top:1px solid #dadada !important; }
#review-board-list .reviews > ul > li { padding:15px !important; border-bottom:1px solid #dadada !important; }
#review-board-list .reviews > ul > li dl h4 { font-size:13px !important; font-weight:normal !important; line-height:25px !important; }
#review-board-list .reviews > ul > li dl .info { margin-top:5px !important; color:#888888 !important; font-size:11px !important; font-weight:normal !important; line-height:16px !important; }

#container .paging-new { margin:22px auto 25px 0px; padding:0px; }
#container .paging-new a { position:relative; width:25px; height:25px; margin:0px 4px; border:none; background:none; font-weight:normal; color:#333333; font-size:12px; line-height:25px; }
#container .paging-new a.now { color:#000; font-weight:bold; }
#container .paging-new a.now:after { position:absolute; bottom:0px; left:50%; width:8px; height:1px; margin-left:-4px; background:#333; content:""; }
#container .paging-new a.next:before { position:absolute; top:0px; left:0px; width:25px; height:25px; line-height:25px; content:">"; background: url(/design/xexymix/image/p_next.png) no-repeat center; background-size: 5px; }
#container .paging-new a.prev:before { position:absolute; top:0px; left:0px; width:25px; height:25px; line-height:25px; content:"<"; background: url(/design/xexymix/image/p_prev.png) no-repeat center; background-size: 5px; }
#container .paging-new a.last:before { position:absolute; top:0px; left:0px; width:25px; height:25px; line-height:25px; content:">>"; background: url(/design/xexymix/image/p_last.png) no-repeat center; background-size: 9px; }
#container .paging-new a.first:before { position:absolute; top:0px; left:0px; width:25px; height:25px; line-height:25px; content:"<<"; background: url(/design/xexymix/image/p_first.png) no-repeat center; background-size: 9px; }

.paging-new a.next, .paging-new a.prev, .paging-new a.first, .paging-new a.last { text-indent:-9999px !important; }

#container #review-board-list .search-wrap { margin:0px 14px; margin-bottom:10px; padding:0px; background:none; }
#container #review-board-list .search-wrap form { display:block; }
#container #review-board-list .search-wrap form fieldset { border:1px solid #e1e1e1; }
#container #review-board-list .search-wrap form fieldset:after { display:block; clear:both; content:""; }
#container #review-board-list .search-wrap form fieldset label { position:absolute; top:0px; left:0px; z-index:10; width:60px; }
#container #review-board-list .search-wrap form fieldset label select { width:100%; height:38px; padding-left:13px; border:none; color:#333333; font-size:13px; box-sizing:border-box; }
#container #review-board-list .search-wrap form fieldset .wrap { float:left; width:100%; margin:0px; padding:0px; }
#container #review-board-list .search-wrap form fieldset .wrap input { width:100%; height:38px; padding:0px 48px 0px 73px; border:none; border-radius:none; color:#333333; font-size:13px; box-sizing:border-box;}
#container #review-board-list .search-wrap form fieldset a { width:35px; height:38px; margin:0px; padding:0px; border:none; background:url("/design/xexymix/renewal/mobile/img/common/cs_search_btn.jpg") no-repeat center center; background-size: auto 38px; text-indent:-999em; overflow:hidden; }

#container #review-board-list .write-btn { margin:0px 14px !important; margin-bottom:45px !important; padding:0px !important; background:none !important; border:none !important; }
#container #review-board-list .write-btn a { display:inline-block; width:100%; height:40px; padding:0px; margin:0px; background:#000; border:none; border-radius:0px !important; color:white; font-size:14px; line-height:40px; text-align:center; }
#container #review-board-list .write-btn a strong { padding:0px; }
#container #review-board-list .notice-bar dt {font-size:14px; }

#review-board-list .reviews > ul > li dl .icon { display:inline-block; margin-top:0px; margin-left:5px; }

#container #review-board-list .reviews > ul > li > dl h4, #container #review-board-type .reviews > ul > li > dl h4 { padding:15px 10px; font-size:15px; }

#passimg { left:0px !important; width:100% !important; }
#passimg .contents table { margin:0 auto !important; }

#review-board-list table.normal {background:none; border:0; }
#review-board-list table.normal tr {border:0; }

#review-board-list .form-wrap th { color:#333; text-indent:14px; font-size:13px; background:#fff;  border:0; }
#review-board-list .form-wrap td { vertical-align:middle; text-indent:0px; text-align:left; position:relative; padding:5px 14px; border:0; }
#review-board-list .form-wrap .w100-wrap { padding-right:0px; margin-right:0; }
#review-board-list .form-wrap input { vertical-align:middle; height:40px; padding-right:20px; padding-left:5px; border-radius:0;  width:100%; box-sizing: border-box; border: 1px solid #bbb; font-size: 13px; }
#review-board-list .form-wrap td font {margin-top:4px; font-size:11px; display:inline-block; }
#review-board-list .form-wrap textarea { height: 150px; padding: 5px 3px; box-sizing:border-box; border: 1px solid #bbb; }
#review-board-list .form-wrap td .btns ul li {font-size:0; margin-bottom:4px; }
#review-board-list .form-wrap td .btns input {width:70%; margin-right:2%; }
#review-board-list .form-wrap td .btns a {width:28%; height: 40px; line-height: 40px; font-size:13px; color:#fff; border-radius:0 !important; background-color: #858585; color: #fff; text-align: center; border: 1px solid #858585; box-sizing: border-box; vertical-align: middle;}


#MS_product_more_btn_area {text-align: center; width: 100%; }
#MS_product_more_btn_area .more a {display:block; width:90%; height:40px; margin:0 auto; border:1px solid #d0d0d0; background:#fff; color:#a6a6a6; font-size:11px; letter-spacing:2px; line-height:40px; text-align:center;  }

#product-list .title-text {position:relative; padding:20px; font-size:22px; font-weight:600; text-align:left;}
#product-list .title-text a {position:absolute; top:22px; right:11px; height:22px;}
#product-list .title-text a img {width:auto; height:100%;}

.main_popup_box { box-sizing:border-box; }

#container #product-list .results .tool-wrap .links select {width:140px; height:30px; line-height:30px;  color:#333; font-size:12px; font-weight:300; border:0; border-bottom:1px solid #000; background:url(https://xexymix.jpg3.kr/xexymix/PL/img/select_arrow.png) no-repeat 95% 50%; background-size:10%; 
   -webkit-appearance: none; /* 화살표 없애기 for chrome*/
   -moz-appearance: none;    /* 화살표 없애기 for firefox*/
   appearance: none;         /* 화살표 없애기 공통*/
}
#container #product-list .results .tool-wrap .links { position:absolute; right:10px; top:5px; width:140px; }


/* .item-sort */
.item-sort {position:relative; height:40px; margin-bottom:20px; }
.item-sort .ea { font-size:12px; font-weight:300; line-height:40px; text-align:left; padding-left: 15px; }
.item-sort .ea strong { font-size:13px; font-weight:600;}
.sort-menu { position: absolute; top: 50%; right: 0; z-index: 5; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); }
.sort-menu .sort-btn { cursor: pointer; display: block; font-size: 13px; width: 90px; line-height: 40px; padding-left: 18px; }
.sort-menu .sort-btn:after { content: ""; display: block; width: 6px;height: 6px; position: absolute; right: 22px; top: 14px; transform: rotate(45deg); border-bottom: 2px solid #666; border-right: 2px solid #666; transition: 0.4s; }
.sort-menu .sort-list { position: absolute ; display: none; width: 100px; box-sizing: border-box; background: #fff; padding: 12px 18px; border: 1px solid #666; }
.sort-menu .sort-list li { list-style: none; line-height: 30px; box-sizing: border-box; }
.sort-menu .sort-list li a { font-size: 13px; color: #666; }
.sort-menu .sort-list li a:hover { color: #111; }
.sort-menu .sort-btn.active:after { border-bottom: 2px solid #666; border-right: 2px solid #666; transform: rotate(-135deg); top: 18px; transition: 0.4s; }
.sort-menu .sort-list.opened { display: block; }


.section .cols2 .items a .crema-product-reviews-count {color:#eb5e3e; font-size:10px !important; position:absolute; right:0; top:0; }
.section .cols2 .items a .crema-product-reviews-count b { font-weight:500; }


/* 버튼 커스텀 */
/* 게시판 글쓰기, 목록보기 */
.button02-wh {padding:10px 43px; color:#cacaca; background-color:#fff; border:1px solid #cacaca; font-size:12px; -webkit-border-radius:0px; border-radius:0px;}
.button03-pu {padding:10px 43px; color:#fff; background-color:#5a274b; border:1px solid #5a274b; font-size:12px; -webkit-border-radius:0px; border-radius:0px;}
/* 게시글 보기 패스워드 입력 작은 버튼 */
.button04-s-wh {padding:8px 21px; color:#cacaca; background-color:#fff; border:1px solid #cacaca;  font-size:12px; -webkit-border-radius:0px; border-radius:0px;}
.button04-s-pu {padding:8px 21px; color:#fff; background-color:#5a274b; border:1px solid #5a274b;  font-size:12px; -webkit-border-radius:0px; border-radius:0px;}

/* 마이페이지 쿠폰등록 보라색 */
.button04-m {float: right; padding:10px 43px background-color:#fff; border:1px solid #cacaca;  font-size:13px; -webkit-border-radius:0px; border-radius:0px;}


.btn-group { margin:10px 15px 30px 15px; }
.btn-group:after { display:block; clear:both; content:""; }
.btn-group .shopping-btn { width:100%; padding-right:2.5px; margin-bottom:5px; }
.btn-group .all-delete { float:left; width:50%; padding-left:2.5px; margin-bottom:5px; }
.btn-group .shopping-btn a, .btn-group .all-delete a { display:block; width:100%; border:1px solid #000; color:#000; font-size:14px; font-weight:400; line-height:38px; text-align:center; }
.btn-group .all-order { width:100%; margin-bottom:10px; }
.btn-group .all-order a { display:block; width:100%;  background:#000; border:1px solid #000; color:white; font-size:14px; font-weight:400; line-height:38px; text-align:center; }


#container #wish .btn-group .all-delete a{    background: #000 !important;}
#container #wish .page-tab a.active{background: #000 !important;}
#container #wish .page-tab {    border-bottom: 1px solid #000 !important;}
#container #recent .btn-group .all-delete a{    background: #000 !important;}
#container #recent .page-tab a.active{background: #000 !important;}
#container #recent .page-tab {    border-bottom: 1px solid #000 !important;}
#review-board-type .reply-write .custom a.btn-gray-h25 strong{width:0 !important; margin-top:0 !important;}
.ppoint a{background: #000 !important;}
.ppoint{background: #000 !important;}
.about-text p strong{color:#000 !important;}


img.MS_prod_img_s { width: 100%; }
img.MS_prod_img_l { width: 100%; }
.swiper-slide img { width: 100%; }

.results { margin-bottom: 50px; }

.flex{display: -webkit-flex; display: -ms-flex; display: flex}

.MK-product-icons img { padding-right: 3px; padding-bottom: 3px; width: auto !important; height: 16px !important; }

.swiper-button-prev, .swiper-button-next { outline: 0; }

.list_review_tit { padding:25px 0; font-size:18px; font-weight:500; text-align:center; }

.txtcon1 { display: table; padding: 1px 4px; border-radius: 3px; margin-bottom: 3px; border: 1px solid #eb5e3e; line-height: 13px; color: #eb5e3e; font-size: 11px; }


/* 검색창 */
.search_layer {position:fixed; top:0px; left:-9999px; z-index:3002; width:100%; background:white; box-sizing:border-box;opacity: 0; overflow-y: scroll; overscroll-behavior: contain; }
.search_layer.active { left:0px; bottom:0px; right:0px; opacity:1; padding-bottom: 100px; }
.search_layer .search_box { display: flex; position: relative; height: 50px; margin: 0 20px 0 10px; align-items: center; }
.search_layer .search_box .close_btn { display: flex; padding-right: 8px; }
.search_layer .search_box .close_btn a { width: 24px; height:24px; padding: 3px; }
.search_layer .search_box .close_btn a img {height:100%; }
.search_layer .search_box .search_area { display: flex; width: 100%; }
.search_layer .search_box .search_area form {  width: 100%; }
.search_layer .search_box .search_area .search_input { width: 100%; height: 36px; line-height: 36px; border-radius: 30px; background: #f5f5f5; border: 0; padding: 0 50px 0 15px; font-size: 12px; box-sizing: border-box; }
.search_layer .search_box .search_area .submit_btn { position:absolute; top: 0; right: 16px; line-height: 48px; }
.search_layer .search_box .search_area .submit_btn img { height: 26px; }
.search_layer h1 { padding: 30px 0 15px; line-height: 20px; font-size:16px; font-weight:bold; }
.search_layer h1 span { color: #eb5e3e; }
.search_layer .recmd_keyword { padding: 0 20px; }
.search_layer .ranking_keyword { padding: 0 20px; }
.search_layer .banner_slide { margin: 0 20px; padding: 40px 0 30px; }
.search_layer .banner_slide .swiper-pagination-bullet { background: #f3f3f3; width: 15px; height: 2px; margin: 0; border-radius: 0; opacity: 1; }
.search_layer .banner_slide .swiper-pagination-bullet-active { background: #000; }

/* 실시간 상품 검색 순위 */
#mk_new_ranking_1 {position:relative; padding:0  !important; width:100% !important; border:0 !important; margin:0 auto;}
#mk_new_ranking_1 .mk_title_wrap .mk_h3 {display:none; font-weight:bold; font-size:13px; color:#000; margin:0; padding:0;}
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px 32px; }
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li {position:relative; padding:0 !important; line-height: 28px; }
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li:nth-child(1) { grid-area: 1 / 1; }
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li:nth-child(2) { grid-area: 2 / 1; }
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li:nth-child(3) { grid-area: 3 / 1; }
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li:nth-child(4) { grid-area: 4 / 1; }
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li:nth-child(5) { grid-area: 5 / 1; }
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li:nth-child(6) { grid-area: 1 / 2; }
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li:nth-child(7) { grid-area: 2 / 2; }
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li:nth-child(8) { grid-area: 3 / 2; }
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li:nth-child(9) { grid-area: 4 / 2; }
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li:nth-child(10) { grid-area: 5 / 2; }
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li:last-child { position: absolute; top: -38px; right: 0; }
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li a {display:block; width:auto !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; color:#000 !important;}
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li .mk_keywords_num {display: inline-block; width: 16px; margin-right:0; color:#eb5e3e !important;}
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li .mk_keywords_txt { display: inline-block; }
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li .mk_ico_txt_new_2 {position:absolute; right:0; top:10px !important; width:20px; height:7px; background: url(/makeshop/newmanager/assets/images/ico_txt_new_2.svg) no-repeat;}
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li .mk_ico_ranking_up, 
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li .mk_ico_ranking_down {position:absolute; right:0; top:11px; width:9px; height:10px;}
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li .mk_ico_ranking_up {background: url(/makeshop/newmanager/assets/images/ico_ranking_up.svg) no-repeat;}
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li .mk_ico_ranking_down {background: url(/makeshop/newmanager/assets/images/ico_ranking_down.svg) no-repeat;}
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li .mk_line {position:absolute; right:3px; top:0 !important;}
#mk_new_ranking_1 .mk_keyword_wrap .mk_keywords li.mk_txt_date {text-align:right; color:#a9a9a9; padding-right:0; font-size:12px;}

/* 추천 검색어 */
#mk_new_ranking_2 {position:relative; padding:0  !important; width:100% !important; border:0 !important; margin:0 auto;}
#mk_new_ranking_2 .mk_title_wrap .mk_h3 {display:none; font-weight:bold; font-size:13px; color:#000; margin:0; padding:0;}
#mk_new_ranking_2 .mk_keyword_wrap .mk_keywords li {position:relative; padding:0 1px 6px 0 !important; display: inline-block; }
#mk_new_ranking_2 .mk_keyword_wrap .mk_keywords li a {display:block; width:auto !important; padding: 6.5px 14px; border-radius: 30px; line-height: 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; background: #FFF8F6; color:#eb5e3e;}
#mk_new_ranking_2 .mk_keyword_wrap .mk_keywords li .mk_keywords_num {display:none; margin-right:8px; color:#999;}
#mk_new_ranking_2 .mk_keyword_wrap .mk_keywords li .mk_ico_txt_new_2 {position:absolute; right:0; top:12px; width:20px; height:7px; background: url(/makeshop/newmanager/assets/images/ico_txt_new_2.svg) no-repeat;}
#mk_new_ranking_2 .mk_keyword_wrap .mk_keywords li .mk_ico_ranking_up, 
#mk_new_ranking_2 .mk_keyword_wrap .mk_keywords li .mk_ico_ranking_down {position:absolute; right:0; top:11px; width:9px; height:10px;}
#mk_new_ranking_2 .mk_keyword_wrap .mk_keywords li .mk_ico_ranking_up {background: url(/makeshop/newmanager/assets/images/ico_ranking_up.svg) no-repeat;}
#mk_new_ranking_2 .mk_keyword_wrap .mk_keywords li .mk_ico_ranking_down {background: url(/makeshop/newmanager/assets/images/ico_ranking_down.svg) no-repeat;}
#mk_new_ranking_2 .mk_keyword_wrap .mk_keywords li .mk_line {position:absolute; right:3px; top:10px;}
#mk_new_ranking_2 .mk_keyword_wrap .mk_keywords li.mk_txt_date {text-align:right; color:#a9a9a9; padding-right:0; font-size:12px;}

/* 최근 검색어 */
.search_layer .search_sub { width: 100%; display: block; vertical-align: top; padding:0 20px; box-sizing:border-box;}
.search_layer .search_sub>h2 {margin: 20px 0 15px; font-size: 16px; font-weight: bold; position:relative; line-height: 20px; }
.search_layer .search_sub>h2 span { color: #eb5e3e; }
.search_layer .search_sub>h2 #clear-button { font-size: 12px; font-weight: 400; color: #a6a6a6; position: absolute; right: 0; top: 0; line-height: 20px; cursor:pointer; } 
.search_layer .search_sub .search-inner { padding-bottom: 6px; }
.search_layer .search_sub .search-inner .txt { color: #565656; font-size:13px; }
.search_layer .search_sub #keyword-list {overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none;}
.search_layer .search_sub #keyword-list li {display: inline-block; color: #565656; font-size: 13px; padding: 0 14px; margin: 0 6px 0 0; border-radius: 30px; background: #f9f9f9; line-height:28px;}
.search_layer .search_sub #keyword-list li span a {font-size:14px; color:#565656; font-weight:500;}
.search_layer .search_sub #keyword-list li button {position: relative; background: none; border: none; width: 17px; height: 17px; padding:0; font-size:0; text-indent:0; color:#a5a5a5;}
.search_layer .search_sub #keyword-list li button:after,
.search_layer .search_sub #keyword-list li button:before { content: ""; width: 10px; height: 1px; position: absolute; top: 45%; right: 0; background: #a5a5a5; transition: 0.4s; }
.search_layer .search_sub #keyword-list li button:after { transform: rotate(45deg); }
.search_layer .search_sub #keyword-list li button:before { transform: rotate(135deg); }


/* 분류페이지 상단 셀렉트 */
body.selOn {overflow:hidden;}
.cate-title {line-height:50px; display:inline-block;}
.cate-title h2 {position: relative; font-size: 16px; font-weight: 600; padding-right: 14px; }
.cate-title h2:after {content: ""; position: absolute; top: 20px; right: 0; width: 5px; height: 5px; transform: rotate(45deg); border-bottom: 1.5px solid #000; border-right: 1.5px solid #000; transition: all .4s ease;}
.cate-title h2.on:after {transform: rotate(225deg); top: 23px;}
.cate-wrap {position: fixed; top: 50px; z-index: 1111; width: 100%; height:100%; text-align: center; border-top:1px solid #E8E8E8; display:none;}
.cate-wrap .class-list {max-height: 80vh; overflow-y: scroll;}
.cate-wrap dim {position: absolute; height: 100%; width: 100%; left: 0; background:rgba(0,0,0,0.5); display:none; z-index: 10;}
.cate-wrap ul {background: #fff; padding: 5px 0;}
.cate-wrap ul li {line-height:44px;}
.cate-wrap ul li a {font-size: 16px; font-weight: 600; color:#A6A6A6;}
.cate-wrap ul li.on a {color:#000;}

/* 중분류부터 경로 */
.add-navi { position: relative; padding: 0 20px; text-align: left; border-bottom: 1px solid #E8E8E8; box-sizing: border-box; }
.add-navi li { position: relative; display: inline-block; line-height:39px; padding-left:17px; }
.add-navi li:before { content: ""; position: absolute; top: 17px; left: 2px; width: 5px; height: 5px; transform: rotate(45deg); border-top: 1px solid #a5a5a5; border-right: 1px solid #a5a5a5; }
.add-navi li a { display: block; font-size: 15px; color: #A6A6A6; font-weight:500; }
.add-navi li:first-child {padding: 0;}
.add-navi li:first-child:before { display: none; }
.add-navi li:last-child a { color: #000; }

/* 상단 검색창 삭제버튼 */
.txt_del {position: absolute; right: 45px; width: 15px; height: 15px; border-radius: 15px; background: #ccc; }
.txt_del:after,
.txt_del:before { content: ""; width: 8px; height: 1px; position: absolute; top: 45%; right: 3.5px; background: #fff; transition: 0.4s; }
.txt_del:after { transform: rotate(45deg); }
.txt_del:before { transform: rotate(135deg); }


/* 분류페이지 상단 카테고리 공통 */
.new-cate-wrap {}
.new-cate-wrap .class-list {display: flex; overflow-x: auto;}
.new-cate-wrap .class-list.cate3_wrap {background:#f2f2f2;}
.new-cate-wrap #depth4 {border-top:1px solid #DBDBDB;}
.new-cate-wrap .class-list ul {display: flex; gap: 16px; padding-left:16px; padding-right:16px; overflow: auto; scrollbar-width: none; }
.new-cate-wrap .class-list ul::-webkit-scrollbar { display: none; }
.new-cate-wrap .class-list li {scroll-snap-align: start; white-space: nowrap; line-height:39px;}
.new-cate-wrap .class-list li a { position: relative; color:#a6a6a6; font-size: 15px; font-weight:500; display:block; padding:0 3px; }
.new-cate-wrap .class-list li.on a { color:#000; font-weight:700; }
.new-cate-wrap .class-list.cate1_wrap li.on a:after,
.new-cate-wrap .class-list.cate2_wrap li.on a:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #000; }


/* 우측네비메뉴 */
.filterX-box { position: fixed; bottom: 70px; left: 8px; display: flex; width: 40px; height: 40px; overflow: hidden; background-color: #fff; border-radius: 100px; z-index: 100; transition: width 0.3s ease; }
.filterX-box.expanded { width: 120px; }
.filterX-box::after { content: ""; position: absolute; inset: 0; z-index: 10; border: 1px solid #ebebeb; border-radius: 100px; pointer-events: none; }
.filterX-wrap { display: flex; height: 40px; position: absolute; right: 0; z-index: 20; transition: transform 0.3s ease; }
.filterX-wrap button { width: 40px; height: 40px; font-size: 12px; border: none; background: none; cursor: pointer; transition: all 0.2s ease; border-radius: 100%; display: none; padding: 0; text-indent: 0 !important; }
.filterX-wrap.open button { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 0; }
.filterX-wrap.open button:first-child { border-radius: 100px 0 0 100px; }
.filterX-wrap.open button:last-child { border-radius: 0 100px 100px 0; }
.filterX-button.active { background-color: #000; color: #fff; font-weight: 600; display: flex; justify-content: center; align-items: center; }