/* BASIC css start */
/* 210507 morenvy 준호 */
@charset "utf-8";
#wrap { position:relative; width:100%; min-width:1280px; min-height:550px; margin:0 auto;}
body {min-width:100%;}
#contentWrapper { position:relative; width:100%; min-width:1280px; margin:0 auto; zoom:1;}
#contentWrapper:after {content:""; display:block; clear:both;}
#contentWrapper #contentWrap {float:none; margin:0 auto;}
#header .inner, #mfooter .inner, #container, body.center .centerCategory .wyGrid, body.center .promotionArea .wyGrid {padding:0;}
html { overflow-y:scroll; } /* 세로스크롤을 항상 표시해주므로 가로폭의 변화를 주지 않게하여 중앙정렬위치를 고정 */

/* 점선없애기 */
a:hover {text-decoration:none;}
a:focus {outline:none;}
a {blr:expression(this.onFocus=this.blur());}
area:focus {outline:none;}
area {blr:expression(this.onFocus=this.blur());}
input:focus, img:focus, embed:focus, map:focus {outline:none;}

.cboth {clear:both;*zoom:1}
.cboth:after {content:" ";display:block;clear:both;}
.fleft {float:left;}
.fright {float:right;}
.m_off {display:none !important;}

.pdt20 {padding-top:20px;}
.pdt30 {padding-top:30px;}
.pdt40 {padding-top:40px;}
.pdt50 {padding-top:50px;}
.pdt60 {padding-top:60px;}
.pdt70 {padding-top:70px;}
.pdt80 {padding-top:80px;}
.pdt100 {padding-top:100px;}


/* 컨텐츠 사이즈 및 미디어 쿼리  */
.width1680 {width:1680px !important; max-width:1680px !important; margin:0 auto;}

@media screen and (max-width: 1699px) { 
.width1680 {width:1432px !important;}
}
@media screen and (max-width: 1499px) {
.width1680 {width:1280px !important;}
}


body, h1, h2, h3, h4, h5, h6, table, pre, xmp, plaintext, listing, input, textarea, select, button, a, code {font-family:'Montserrat','Noto Sans KR',sans-serif;}
a,
a:hover {text-decoration:none;}
.move {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.prd-class-hd {display: none;}


/* FIXED : 우측메뉴 */
.right_fixed {position:fixed; bottom:40px; right:30px; z-index:10; } 


/* 상단 영역 : 최상단 배너 */
.mh_top_ban { height:60px; background-color:#000; }
.swiper_top { height:60px; text-align:center; }
.swiper_top .swiper-slide { width:1200px; margin:0 auto; background:#000; }
.swiper_top .swiper-slide a { display:block; font-family:'Noto Sans KR',sans-serif; font-size:14px; font-weight:400; color:#fff; line-height:60px; letter-spacing:2px; }
.swiper_top .swiper-slide a img { margin-right:20px; }
.swiper_top .swiper-button-prev_top { width:16px; height:16px; left:80% !important; top:30px !important; z-index:1000 !important; background-image:url('/design/mijnheim/0783nordichaus/top_ban_top_arrow.png') !important; background-size:auto !important; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; opacity:0.3; }
.swiper_top .swiper-button-prev_top:hover { opacity:1; }
.swiper_top .swiper-button-next_top { width:16px; height:16px; left:80% !important; top:55px !important; z-index:1000 !important; background-image:url('/design/mijnheim/0783nordichaus/top_ban_down_arrow.png') !important; background-size:auto !important; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; opacity:0.3; }
.swiper_top .swiper-button-next_top:hover { opacity:1; }
.top_close { position:absolute; top:15px; right:220px; z-index:100; }
.top_close a { display:block; }

/* 상단 영역 : ICON & 로그인 */
.mh_sec01 { height:40px; border-top:1px solid #ededed; border-right:1px solid #ededed; }
.mh_sec01 .inner { width:1200px; margin:0 auto; position:relative;}

.mh_sec01 .fleft ul li { float:left; border-left:1px solid #ededed; }
.mh_sec01 .fleft ul li:last-child { border-right:1px solid #ededed; }
.mh_sec01 .fleft ul li #MK_desktopiconbanner a {display: block; width: 40px; height: 40px; background: url('/design/mijnheim/0783nordichaus/h_l_btn02.gif') no-repeat 50% 10px;}
.mh_sec01 .fleft ul li #MK_desktopiconbanner a img {display: none;}
.mh_sec01 .fleft ul li > a { display:block; width:40px; height:40px; position:relative; text-align:center; }
.mh_sec01 .fleft ul li > a img { padding-top:10px; vertical-align:middle; }
.mh_sec01 .fleft ul li .hide_txt {width: 100%; height:4px; position:absolute; bottom:-8px; background:url("/design/mijnheim/0783nordichaus/icon_top.gif"); background-repeat:no-repeat; background-position:top center; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; opacity:0; text-align: center;}
.mh_sec01 .fleft ul li .hide_txt p { width:50px; margin-top:4px; position:absolute; left:-5px; font-size:10px; color:#fff; line-height:20px; background-color:#3d3d3d; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; opacity:0; }
.mh_sec01 .fleft ul li:hover .hide_txt { opacity:1; }
.mh_sec01 .fleft ul li:hover .hide_txt p { opacity:1; }

.mh_sec01 .fright ul li { float:left; padding:0px 13px; background:url('/design/mijnheim/0783nordichaus/mh_sec01_bg.gif') no-repeat left center; }
.mh_sec01 .fright ul li.last {padding-right:0px !important;}
.mh_sec01 .fright ul li:first-child {background:none;}
.mh_sec01 .fright ul li > a {font-size:12px; line-height:40px; color:#999; font-weight:400;}
.mh_sec01 .fright ul li > a:hover {color:#222;}
.mh_sec01 .fright ul li > a.black {color:#222;}

/* 상단 영역 : 마이페이지 */
.mh_sec01 .fright ul li.top_shop {position:relative;}
.mh_sec01 .fright ul li.top_shop > a {background-image:url("/design/mijnheim/0783nordichaus/top_down_arrow.gif"); padding-right:15px; background-repeat:no-repeat; background-position:right center; display:block;}
.mh_sec01 .fright ul li.top_shop:hover .top_shop_sub {display:block;}
.top_shop_sub {position:absolute; top:40px; left:0px; border:1px solid #e5e5e5; border-top:1px solid #fff;; background-color:#fff; width:100px; z-index:500; display:none;}
.top_shop_sub a:first-child {border-top:0px;}
.top_shop_sub a {display:block; font-size:11px; font-weight:300; text-align:left; color:#888; height:30px; line-height:30px; border-top:1px solid #efefef; width:80px; margin:0 auto; padding-left:0px;}
.top_shop_sub a:hover {color:#000;}

/* 상단 영역 : 커뮤니티 */
.mh_sec01 .fright ul li.top_comm { position:relative; width:60px;}
.mh_sec01 .fright ul li.top_comm > a {background-image:url("/design/mijnheim/0783nordichaus/top_down_arrow.gif"); padding-right:15px; background-repeat:no-repeat; background-position:right center; display:block;}
.mh_sec01 .fright ul li.top_comm:hover .top_comm_sub {display:block;}
.top_comm_sub {position:absolute; top:40px; left:0px; border:1px solid #e5e5e5; border-top:1px solid #fff;; background-color:#fff; width:100px; z-index:500; display:none;}
.top_comm_sub a:first-child {border-top:0px;}
.top_comm_sub a {display:block; font-size:11px; font-weight:300; text-align:left; color:#888; height:30px; line-height:30px; border-top:1px solid #efefef; width:80px; padding-left:0px; margin:0 auto;}
.top_comm_sub a:hover {color:#000;}

/* 상단 영역 : 로고 & 검색창 & 배너 */
.mh_sec02 { height:130px; line-height:130px; border-top:1px solid #ededed; }
.mh_sec02 .inner { width:1200px; height:130px; margin:0 auto; position:relative; }
.mh_sec02 .top_logo { position:absolute; top:50%; -webkit-transform:translateY(-17px); -moz-transform:translateY(-17px); -ms-transform:translateY(-17px); -o-transform:translateY(-17px); transform:translateY(-17px); }
.mh_sec02 .top_logo a { display:block; }

.mh_sec02 .search_box { display:inline-block; width:430px; position:absolute; top:28px; left:380px; }
.mh_sec02 .search_box .search {line-height: 0;}
.mh_sec02 .search_box input.MS_search_word {width: 100%; height: 30px; padding:  0 0 0 10px; font-size: 14px; color: #999; line-height: 30px; border: 0; border-bottom: 3px solid #353535; background-color: transparent;}
.mh_sec02 .search_box a.btn_sch {position: absolute; top: 0; right: 0;}

.mh_sec02 .search_box .hot_keyword { float:left; display:block; width:100%; margin:10px 0 0 10px; overflow:hidden; }
.mh_sec02 .search_box .hot_keyword .swiper_hot { float:left; width:430px; height:20px; font-size:0px; font-weight:400; line-height:16px; overflow:hidden; }
.mh_sec02 .search_box .hot_keyword .swiper_hot .swiper-slide { background-color:#fff; }
.mh_sec02 .search_box .hot_keyword .key1 { display:inline-block; width:18px; height:18px; margin-right:10px; font-size:13px; font-weight:400; color:#fff; text-align:center; background-color:#000; }
.mh_sec02 .search_box .hot_keyword .key2 { position:relative; top:1px; font-size:14px; font-weight:400; color:#1a1a1a; line-height: 1;}
.mh_sec02 .search_box .hot_keyword .swiper_hot .swiper-pagination { left:-20px; text-align:right; line-height: 0;}
.mh_sec02 .search_box .hot_keyword .swiper_hot .swiper-pagination-bullet { width:4px; height:4px; margin:0 3px !important; border-radius:5px; background:#ddd; opacity:1; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.mh_sec02 .search_box .hot_keyword .swiper_hot .swiper-pagination-bullet-active { width:13px; opacity:1; background:#222;}

/* 상단 영역 : 우측 배너 */
.mh_sec02 .mh_right_ban { float:right; width:260px; height:130px; }
.mh_sec02 .mh_right_ban .swiper1 { height:130px; position:relative; }
.mh_sec02 .mh_right_ban .swiper1 .swiper-slide > a > div {width:100%; height:100%; background-color:#fff;}
.mh_sec02 .mh_right_ban .swiper1 .swiper-slide > a > div > .txt_box { width:100%; padding:20px 0; position:absolute; top:20px; left:0; z-index:-1; font-size:14px; font-weight:600; line-height:1.4; background-color:#fff; }
.mh_sec02 .mh_right_ban .swiper1 .swiper-slide a .r_btn { position:absolute; bottom:25px; left:0; }
.mh_sec02 .mh_right_ban .swiper1 .swiper-pagination-bullets { right:0; }
.mh_sec02 .mh_right_ban .swiper1 .swiper-pagination-bullet { margin:5px 0 !important; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.mh_sec02 .mh_right_ban .swiper1 .swiper-pagination-bullet { width:5px; height:5px; border-radius:5px; background:#ddd; opacity:1; }
.mh_sec02 .mh_right_ban .swiper1 .swiper-pagination-bullet-active { height:15px; opacity:1; background:#222;}

/* 상단 영역 : 카테고리 */
.mh_sec03 { height:50px; margin-bottom:12px; border-top:1px solid #ededed; border-bottom:1px solid #ededed; background-color:#fff; }
.mh_sec03 .inner { width:1200px; margin:0 auto; position:relative; }

/* 상단 영역 : 전체 카테고리 */
.mCSB_container,
.mCustomScrollBox {overflow: visible !important;}
.mh_sec03 .all_menu { float:left; width:50px; height:50px; position:relative; }
.mh_sec03 .all_menu_btn > a { display:block; width:50px; height:50px; margin:0 auto; padding:0 0 0 10px; font-size:15px; font-weight:700; color:#151515; line-height:50px; text-align:left; }
.mh_sec03 .all_menu_btn > a span { display:inline-block; width:20px; height:20px; margin-right:10px; position:relative; top:8px; background:url('/design/mijnheim/0783nordichaus/all_cate_icon.gif') no-repeat; background-position:0px top; -webkit-transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -ms-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out; }
#all_cate_menu { display:none; width:1200px; height:545px; overflow-y: scroll !important; padding:20px 25px; position:absolute; top:50px; z-index:1000; border:2px solid #555; background-color:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; overflow:hidden; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}
#all_cate_menu::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
#all_cate_menu .mCSB_outside + .mCSB_scrollTools {right: 0;}
.morenvyAllCategory { float:left; width:100%; min-height:400px; background:transparent; }
.morenvyAllCategory li {position: relative;}
.morenvyAllCategory > ul > li {float: left; width: 158px; min-height: 230px; margin: 0 13px 20px;}
.morenvyAllCategory > ul li a {display: block; width: 158px; height: 34px; margin-bottom: 10px; font-size: 14px; font-weight: 700; color: #222; line-height: 34px; letter-spacing: -0.025em; border-bottom: 1px solid #e9e9e9; transition: all 0.3s; box-sizing: border-box;}
.morenvyAllCategory > ul > li > ul.sub1 {display: block !important; }
.morenvyAllCategory > ul li > ul li a {height: 26px; font-size: 13px; color: #888; line-height: 26px; margin-bottom: 0; border-bottom: 0; font-weight: 400;}
.morenvyAllCategory > ul li a:hover,
.morenvyAllCategory a.sub_mouse_hover {padding: 0 0 0 8px; background-color: #f5f5f5;}
.morenvyAllCategory > ul li > ul > li > ul.sub2 {display: none; position: absolute; top: -11px; left: 100%; width: 140px; margin: 0; padding: 10px 0 10px 10px; border: 1px solid #e5e5e5; background-color: #fff; z-index: 10;}
.morenvyAllCategory > ul li > ul > li > ul.sub2 li a {width: 100%;}




/* 상단 영역 : 일반 카테고리 */
.mh_sec03 .top_cate { height:50px; padding:0; }
#mcategory {height: 50px; text-align: left; vertical-align: middle;}
#mcategory .categoryList {display: inline-block; margin: 0 auto; padding: 0; text-align: left; font-size: 0;}
#mcategory .categoryList > li {position:relative; display:inline-block;}
#mcategory .categoryList > li > a {display: block; height: 50px; padding: 0 25px; font-size: 15px; font-weight: 300; color: #000; line-height: 50px;}
#mcategory .categoryList > li .cate_arrow {width: 13px; height: 7px; margin-left: -6px; position: absolute; top: 44px; left: 50%; z-index: 1001; border: 0; opacity: 0; visibility: hidden; background: url('/design/mijnheim/0783nordichaus/top_cate_sub_arrow.gif') no-repeat;}
#mcategory .categoryList ul {display:none;}
#mcategory .categoryList li a:hover ul {display:block;}
#mcategory .categoryList li.selected > ul {display:block;}
#mcategory .categoryList li.selected > a.cate {color:#000;}
#mcategory .categoryList li.top_cate_space {background:url('/design/d4-3320/0782commonstore/top_cate_space.gif') no-repeat; background-position:left center; padding-left:15px; margin-left:15px;}
#mcategory .categoryList .slideSubMenu {position: absolute; top: 50px; left: 0; z-index: 1000; padding: 10px 18px; margin: 0; width: 120px; border: 1px solid #ddd; background-color: #fff;}
#mcategory .categoryList .slideSubMenu.sub2 {top: -10px; left: 100%; margin:0;}
#mcategory .categoryList .slideSubMenu li ul {display:none;}
#mcategory .categoryList .slideSubMenu li {position:relative; display:block;}
#mcategory .categoryList .slideSubMenu li a {display: block; height: 28px; padding: 0; font-size: 12px; font-weight: 300; color: #555; line-height: 28px; text-align: left; letter-spacing: -0.5px;}
#mcategory .categoryList .slideSubMenu li > a.sub_mouse_hover {color: #000;}
#mcategory .categoryList > li .sub1 > li .sub2 > li > a:hover {color:#000;}
#mcategory .categoryList .slideSubMenu li.selected > ul {display:block; position:absolute; top:-10px; left:100%; z-index:11; min-width:138px; width:auto; padding:10px 5px; background:#fff; background-color:#fff; border:1px solid #e5e5e5; border-radius:6px; box-shadow: 5px 3px 20px rgba(0,0,0,0.05); -webkit-box-shadow: 5px 3px 20px rgba(0,0,0,0.05);}
#mcategory .categoryList .slideSubMenu li.noChild > a.cate:after {display:none;}
.categoryList > li .sub1 > li .sub_cate_on_arrow {position:absolute;top:40%;right:10px;background:url('/design/d4-3320/0782commonstore/sub_cate_on.png') no-repeat;z-index:20;width:5px;height:8px;margin-top:-2px;-webkit-transition:-webkit-transform 150ms ease-out;-moz-transition:transform 150ms ease-out;-ms-transition:transform 150ms ease-out;-o-transition:transform 150ms ease-out;transition:transform 150ms ease-out}
.categoryList > li .sub1 > li .sub_cate_on_arrow.rotateon {-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}


/* 추가 수동메뉴 관련 CSS */
.mh_sec03 .top_add_cate { height:50px; background:url('/design/mijnheim/0783nordichaus/mh_sec01_bg.gif') no-repeat left center; }
.mh_sec03 .top_add_cate ul li {float:left;}
.mh_sec03 .top_add_cate ul li a { display:block; height:50px; padding:0 25px; font-size:15px; font-weight:300; color:#000; line-height:50px; }
.mh_sec03 .top_add_cate ul li:first-child a { padding:0 0 0 30px; }

/* 상단 영역 : FIXED */
#comment_top.fixed { position:fixed; top:0px; left:0%; right:0%; z-index:2222; -webkit-animation-name:fadeInUp2; animation-name:fadeInUp2; -webkit-animation-duration:0.3s !important; animation-duration:0.3s !important; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
@-webkit-keyframes fadeInUp2 { 0% { opacity:0; -webkit-transform:translateY(-30px); transform:translateY(-30px); } 100% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0);} }
@keyframes fadeInUp2 { 0% { opacity:0; -webkit-transform:translateY(-30px); -ms-transform:translateY(-30px); transform:translateY(-30px); } 100% { opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);} }

/* 상단 미디어쿼리 */
@media screen and (max-width: 1260px) {
.mh_sec01 .inner {width:1020px;}
.mh_sec02 .inner {width:1020px;}
.mh_sec02 .search_box { left:200px; }
.mh_sec03 .inner {width:1020px;}
#all_cate_menu  {width:1020px;}
.mh_sec03 .top_cate ul li > a {padding:0 10px !important;}
.mh_sec03 .top_add ul li a {padding:0 10px !important;}
}



/*  메인상품진열 관련 CSS */
.item-wrap {width: 100%; margin: 0 auto;}
.item-wrap .item-cont {width: 100%; margin: 0; font-size: 0;}
.item-cont ul li {text-align:left;}
.item-wrap .item-cont {margin: 0;}
.item-wrap .item-cont .item-list {position: relative; display: inline-block; vertical-align: top; margin: 30px 0 20px; padding: 0; width: 100%; float: none;}
.item-wrap .item-cont .item-list dt.thumb {position:relative; padding:0 0px; margin: 0; overflow:visible; width: 100%; height: auto;}
.item-wrap .item-cont .item-list .thumb a {display: block; overflow:hidden;}
.item-wrap .item-cont .item-list .thumb a img {width:100%; height: 100%; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s;  transition: all 0.8s;}
.item-wrap .item-cont .item-list dl:hover .thumb a img {transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06); -o-transform:scale(1.06);}
.item-wrap .item-cont .item-list .thumb .prd-ico {z-index: 1; position: absolute; left: 0; bottom: 0; margin: 0; border: 0;}
.item-wrap .item-cont .item-list .thumb .prd-ico img {width: auto; height: auto;}
.item-wrap .item-cont .item-list .thumb .MK-product-icons {margin: 0;}
.item-wrap .item-cont .item-list .thumb .MK-product-icons img {margin: 0; width: 28px !important; height: 28px !important;}
.item-wrap .item-cont .item-list .prd-info {padding: 0; line-height: 0;}



.item-wrap .item-cont .item-list .prd-info .spec {text-align: left;}
.item-wrap .item-cont .item-list .prd-info {padding:0 0px; font-size:0px;}
.item-wrap .item-cont .item-list .prd-info .prd-name {padding-top:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:5%;}
.item-wrap .item-cont .item-list .prd-info .prd-name a {font-size:15px; color:#1a1a1a; line-height:1; font-weight:400;}
.item-wrap .item-cont .item-list .prd-info .prd-summary {padding-top:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:5%;}
.item-wrap .item-cont .item-list .prd-info .prd-summary a {font-size:13px; color:#8a8a8a; line-height:1; font-weight:300;}
.item-wrap .item-cont .item-list .prd-info .prd-price {padding-top: 0; font-family: 'Montserrat','Noto Sans KR',sans-serif;}
.item-wrap .item-cont .item-list .prd-info .prd-price .price {display: inline-block; font-size:15px; color:#1a1a1a;  padding-top:28px; line-height:1; font-weight:700; }
.item-wrap .item-cont .item-list .prd-info .prd-price.through span {padding-left: 6px; font-size: 12px !important; color: #8a8a8a !important; text-decoration: line-through; font-weight: 400 !important;}
.item-wrap .item-cont .item-list .prd-info .prd-price strike {display: inline-block; font-size:12px; color:#8a8a8a;  padding-left:6px; line-height:1; font-weight:400; }


/*  메인상품진열 : OVER 버튼  */
.item-wrap .item-cont .item-list .info_icon  {position:absolute; z-index:2; top:55%; margin-top:-20px; width: 100%; height: 36px; text-align:center; font-size:0px; opacity:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s; text-align:center; font-size:0px; }
.item-wrap .item-cont .item-list .info_icon li {display:inline-block; margin:0px 5px; width: auto; height: auto; cursor: pointer;}
.item-wrap .item-cont .item-list .info_icon li a {font-size: 0;}
.item-wrap .item-cont .item-list .info_icon li img {width: 36px; height: 36px; vertical-align: baseline;}
.item-wrap .item-cont .item-list:hover .info_icon  {opacity:1; top:50%; }

/* 옵션 미리보기 */
.mk_option_preview .mk_prd_option_list {font-size:12px;border:1px solid #999;font-family:'Red Hat Display','Noto Sans KR',sans-serif;}
.mk_option_preview .mk_prd_option_list .option-name {background-color:#f4f4f4;color:#333;border-left:0;padding:6px;}
.mk_option_preview .mk_prd_option_list li {margin:5px 14px;}

/* 순위출력 */
.thumb span.num {position: absolute; z-index: 1; top: 20px; left: 20px; font-size: 12px; font-weight: 700; line-height: 1; color: #000;}

/* 세일박스*/
.salebox {z-index: 1; position: absolute; right: 20px; bottom: -10px;}
.sale_text {display: block; width: 40px; height: 40px; border-radius: 40px; text-align: center;font-size: 12px; line-height: 40px; font-weight: 300; color: #fff; background-color: #3a3a3a; }

/* 컬러칩 */
.item-wrap .item-cont .item-list .prd-info .color {font-size:0px; padding-top:30px; margin: 0;}
.item-wrap .item-cont .item-list .prd-info .color span {width:18px; height:4px; border:1px solid #e5e5e5; display:inline-block;  margin: 0 4px 0 0;}


/* 메인 4단진열 사이즈 및 미디어 쿼리  */
.item-wrap .item-cont.grid4 .item-list {width:405px; margin:0px 0px 80px 20px; }
.item-wrap .item-cont.grid4 .item-list:first-child {margin-left: 0 !important;}

@media screen and (max-width: 1699px){ 
.item-wrap .item-cont.grid4 .item-list{width:343px;}
.prdList.grid4 > li.xans-record- .prdImg img {width:100%;} 
}
@media screen and (max-width: 1499px){
.item-wrap .item-cont.grid4 .item-list {width:305px;}
}




/* 페이징번호 색상변경 */
.paging {margin:60px 0 0px !important; padding: 0;}
.paging a.first,
.paging a.prev, 
.paging a.next,
.paging a.last,
.paging a {display: inline-block; width: 33px; padding: 10px 0; font-size: 12px; font-weight: bold; color: #939393; line-height: 14px; background: #fff; height: unset;}
.paging a.first:hover,
.paging a.prev:hover, 
.paging a.next:hover,
.paging a.last:hover {background:#fff;}
.paging a:hover {color: #939393; background: #f0f2f2;}
.paging a.now,
.paging a.now:hover {color:#1a1a1a;border-bottom:0;padding:10px 0;}
.paging a {padding:10px 0; font-family: 'Montserrat','Noto Sans KR',sans-serif;}
.paging {border:0;margin:0;}
/* BASIC css end */