/* BASIC css start */
@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;}

/* mc*/
.width1920 {width:100% !important; max-width:1920px margin:0 auto; text-align:center; position: absolute;} 

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

/* animate.css 수정 */
.animate_tab {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

@keyframes fadeInDown1 {
  from {opacity: 0; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0);}
  to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
.fadeInDown1 {-webkit-animation-name: fadeInDown1; animation-name: fadeInDown1; animation-fill-mode: forwards;}

@keyframes fadeInDown2 {
  from {opacity: 0; -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0);}
  to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
.fadeInDown2 {-webkit-animation-name: fadeInDown2; animation-name: fadeInDown2; animation-fill-mode: forwards;}

@keyframes fadeInUp {
  from {opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0);}
  to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
.fadeInUp {-webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation-fill-mode: forwards;}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
.fadeIn {-webkit-animation-name: fadeIn; animation-name: fadeIn; animation-fill-mode: forwards;}


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


/* 상단 이벤트 배너 */
#m_onoffmulti_top {background-color:#000; height:42px; text-align:center;} 
#m_onoffmulti_top .top_event {position:relative;}
#m_onoffmulti_top .top_event a {color:#fff; font-weight:200; font-size:15px; line-height:42px;}   /* font-weight:400; font-size:13px; mc*/
#m_onoffmulti_top .top_event .closebtn {position:absolute; top:0px; right:0px; color:#fff; font-weight:400; font-size:13px; line-height:42px; padding-right:18px; background:url('/design/dorocyshop/0783nordichaus/top_close.png') right center; background-repeat:no-repeat; cursor:pointer;}

/* 상단 */
#header {margin:0 auto; width: auto;}

/* 상단섹션01 */
#header .h_sec01 {margin:40px auto 10px; position:relative;}

/* 상단섹션01 : 상단 다국어 */
#header .h_sec01 .global_wrap {padding:0 7px; border:1px solid #ffffff; border-radius:12px; z-index:10; position:absolute; left:0; top: 50%;transform: translateY(-50%);}     /* solid #e5e5e5; mc */
#header .h_sec01 .global_menu {float:left; position:relative; font-size:13px; line-height:22px; font-weight:400; color:#959595; height:22px; cursor:pointer; text-align:center; width:70px;} 
#header .h_sec01 .global_menu span.ico01 {position:absolute; top:-1px; left:0px;}
#header .h_sec01 .global_menu span.ico02 {position:absolute; top:-1px; right:0px;}
#header .h_sec01 .global_menu:hover .global_list {display:block;}
#header .h_sec01 .global_list {display:none; position:absolute; top:-1px; left:-10px; font-size:13px; font-weight:400; color:#959595; width:86px; border:1px solid #e5e5e5; border-radius:10px; cursor:pointer; text-align:center; overflow:hidden; padding:4px 0px; z-index:1000; background-color:#fff;}
#header .h_sec01 .global_list a {height:22px; line-height:22px; display:block; color:#5b5b5b;}
#header .h_sec01 .global_list a:hover {background-color:#f5f5f5; color:#1a1a1a;}

/* 상단섹션01 : 상단로고 */
#header .h_sec01 .top_logo {text-align:center;}

/* 상단섹션01 : 상단 고객센터 */
#header .h_sec01 .cs_wrap {z-index:10; position:absolute; right:0; top: 50%;transform: translateY(-50%);}
#header .h_sec01 .cs_wrap a {font-size:13px; line-height:22px; font-weight:400; color:#959595; height:22px; cursor:pointer; text-align:center;}

/* 상단섹션02 */
#header .h_sec02 {position:relative; height:70px; font-size:0px;  border-bottom:1px solid #e5e5e5;} /* mc 상단 카테고리 라인삽입*/
#header .h_sec02 .inner {position:relative; height:70px; margin:0 auto;}
#header .h_sec02 .inner img {vertical-align:middle;}

/* 상단섹션02 : FIXED */
#header .h_sec02.fixed {position:fixed; top:0; z-index:100; width:100%; margin:0px; background-color:#fff; border-bottom:1px solid #e5e5e5;}
#header .h_sec02.fixed .allcate {top:70px;}
#header .h_sec02.fixed #top_menu > li .sub1 {top:55px;}

/* 상단섹션02 : 좌측 아이콘 메뉴 */
#header .h_sec02 .left_icon_menu {position:absolute; left:0px; bottom:24px; }
#header .h_sec02 .left_icon_menu li {float:left; margin-left:30px; font-size:0px; cursor:pointer;}
#header .h_sec02 .left_icon_menu li:first-child {margin-left:0px;}
#header .h_sec02 .left_icon_menu a {vertical-align:middle;}
#header .h_sec02 .all_menu_btn a {background:url('/design/dorocyshop/0783nordichaus/all_cate_icon.png') no-repeat; background-position:0px top; display:inline-block; width:24px; height:22px; text-align:left; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
#header .h_sec02 .left_icon_menu a {vertical-align:middle;}


#header .h_sec02 .all_menu_btn2 a {top; display:inline-block;   font-size:15px; text-align:left; margin-top: 5px;}
#all_menu_btn2 a {content:""; position: absolute; left:50%; right:50%; bottom:5px; z-index:20; height:2px; background:#1a1a1a; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}


/* 상단섹션02 : 카테고리 자동출력 */
#top_menu {display:flex; justify-content:center; align-items:center; height:70px;}
#top_menu > li {position:relative; height:40px; margin:0 18px; padding:0; text-align:center; display:flex; justify-content:center; align-items:center;}
#top_menu > li > a {display:block; padding:0 1px; color:#1a1a1a; font-size:15px;}
#top_menu > li > a:before {content:""; position: absolute; left:50%; right:50%; bottom:5px; z-index:20; height:2px; background:#1a1a1a; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
#top_menu > li > a:hover:before {left:0; right:0;}
#top_menu > li .sub1 {opacity:0; visibility:hidden; position:absolute; top:70px; left:50%; z-index:10; transform:translate(-50%); min-width:200px; width:auto; padding:0 0 10px; background-color:#fff;}
#top_menu > li .sub1 > li {position:relative; float:none; height:32px;margin:0;}
#top_menu > li .sub1 > li .sub_cate_on_arrow {position:absolute; top:50%; right:10px; z-index:20; background:url('/design/dorocyshop/0783nordichaus/sub_cate_on.png') no-repeat; width:5px;height:
8px;margin-top:-4px;-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}
#top_menu > 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)}
#top_menu > li .sub1 > li > a {display:block; height:32px; color:#999; font-size:14px; line-height:32px;}
#top_menu > li .sub1 > li > .sub_mouse_hover,
#top_menu > li .sub1 > li > a:hover {color:#1a1a1a; text-decoration:none;}
#top_menu > li .sub1 > li .sub2 {display:none; position:absolute; top:0; left:100%; z-index:21; min-width:140px; width:auto; background-color:#fff;}
#top_menu > li .sub1 > li .sub2 > li {float:none; height:32px; margin:0;}
#top_menu > li .sub1 > li .sub2 > li > a {display:block; height:32px; color:#999; font-size:14px; line-height:32px;}
#top_menu > li .sub1 > li .sub2 > li > a:hover {color:#1a1a1a; text-decoration:none;}

/* 상단섹션02 : 우측 아이콘 메뉴 */
#header .h_sec02 .right_icon_menu { position:absolute; right:0px; bottom:24px;}
#header .h_sec02 .right_icon_menu li {float:left; margin-left:30px; font-size:0px; cursor:pointer;}
#header .h_sec02 .right_icon_menu a {vertical-align:middle;}
#header .h_sec02 .right_icon_menu .top_cart {position:relative; font-size:0px;}
#header .h_sec02 .right_icon_menu .top_cart span {display:block; position:absolute; top:50%; right:-8px; width:18px; height:18px; margin-top:-14px; color:#fff; font-size:11px; font-weight:700; line-height:18px; text-align:center; letter-spacing:-1px; background-color:#1a1a1a; border-radius:50%;}
#header .h_sec02 .right_icon_menu .top_login {display:none; z-index:9999; position:absolute; top:20px; left:-34px; width:70px; padding:10px; background-color:#fff; border:2px solid #f3f3f3;}
#header .h_sec02 .right_icon_menu .top_myshop {position:relative;}
#header .h_sec02 .right_icon_menu .top_myshop:hover .top_login {display:block;}
#header .h_sec02 .right_icon_menu .top_login li {margin-left:0; float:none;}
#header .h_sec02 .right_icon_menu .top_login li a {display:block; height:25px; padding:0; color:#555; font-size:12px; line-height:25px; text-align:center;}
#header .h_sec02 .right_icon_menu .top_login li a:hover {color:#000; background-color:#f5f5f5;}

/* 햄버거버튼 눌렀을 때 나오는 전체 카테고리 */
.allcate {display:none; position:absolute; top:70px; z-index:5; width:100%; height:400px; padding:44px 0 55px; background-color:#fff; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; box-sizing:border-box;}    /* mc */
#allcategory { /* width:1300px; */ margin:0 auto; padding:0; display: flex; justify-content: space-between;}
#allcategory > div.fleft{width: 350px;}
#all_cate_area {float:left; /* width:819px; */ min-width: 1300px; width: calc(100% - 485px); height:300px; margin-right:80px; overflow:hidden; border-right:1px solid #e5e5e5;}   /* min-width: 819px; width: calc(100% - 485px); max-height:505px;  margin-right:80px; overflow:auto; border-right:1px solid #e5e5e5;}  mc*/
#all_cate_area ul {display:inline-block; width:150px; margin-bottom:84px; padding:0; vertical-align:top; margin-right: 16px;}   /* mc*/
#all_cate_area ul li.a_sub_title a {display:block; height:27px; margin-bottom:6px; color:#1a1a1a; font-size:16px; line-height:27px;}
#all_cate_area .a_sub_cate {position:relative; height:27px;}
#all_cate_area .a_sub_cate a {color:#888; font-size:14px; font-weight:300; line-height:27px;}
#all_cate_area .a_sub_cate a.sub_mouse_hover,
#all_cate_area .a_sub_cate a:hover {color:#222;text-decoration:none;}
#all_cate_area .a_sub_cate .sub_cate_on_arrow {position:absolute;top:50%;right:15px;background:url('/design/dorocyshop/0783nordichaus/sub_cate_on.png') no-repeat;z-index:20;width:5px;height:8px;margin-top:-4px;-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}
#all_cate_area .a_sub_cate .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)}
#all_cate_area .a_sub_cate .all_cate_sub {display:none; position:absolute;top:-5px;left:100%;min-height:auto;z-index:21;width:104px;background-color:#fff;border:1px solid #777;padding:5px 10px;border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px;}
#all_cate_area .a_sub_cate .all_cate_sub > li > a {text-align:left;display:block;line-height:1.3;font-size:12px;color:#777;padding:5px;margin:0;}
#all_cate_area .a_sub_cate .all_cate_sub > li > a:hover {color:#333;}

/* 상단 전체 카테고리 커뮤니티 */
.all_comm {float:left; width:100px; margin:0 0 85px;}   /* width:200px; margin:0 0 85px;} */
.all_comm_title {height:27px; color:#1a1a1a; font-size:16px; line-height:27px; margin-bottom:5px;}
.all_comm ul li a {display:block; height:27px; color:#888; font-size:14px; font-weight:300; line-height:27px;}

/* 상단 전체 카테고리 스크롤 스타일 */
.allcate #all_cate_area::-webkit-scrollbar {width:2px;}
.allcate #all_cate_area::-webkit-scrollbar-thumb {background-color:#1a1a1a; border-radius:10px;}
.allcate #all_cate_area::-webkit-scrollbar-track {background-color:#999; border-radius:10px; box-shadow: inset 0px 0px 5px white;}

/* 전체카테고리 미디어쿼리 */
@media screen and (max-width: 1499px) {
#all_cate_area {margin-right: 60px;}
#all_cate_area ul{margin-right: 0;}
#all_cate_area ul.last4n .a_sub_cate .all_cate_sub {left:auto;right:-11px;min-height:auto;}
}

/* 상단 검색창 */
.slide_search {position:fixed; z-index:-1; top:0; left:0; width:100%; height:100%; text-align:left; background:rgba(255,255,255,0.95); 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; box-shadow: 0 15px 15px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 15px 15px 1px rgba(0,0,0,0.1);}
.slide_search .inner {position:absolute; top:50%; width:100%; margin:0 auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index:10;}
.slide_search .inner2 {width:800px; margin:0 auto;}
.slide_search .title {font-size:44px; font-weight:700; line-height:1.3; padding-bottom:10px;}
.slide_search .title2 {margin-top:50px; line-height:32px; padding-left:0px; font-size:20px; font-weight:700; padding-bottom:20px;}
.slide_search fieldset {border-bottom:3px solid #111;}
.slide_search fieldset > input {width:750px; height:77px; color:#bbb; font-size:40px; background-color:transparent; border:none;}
.slide_search .popular li {float:left;}
.slide_search .popular li a {display:block; height:30px; margin:0 12px 10px 0; padding:0 12px; color:#888; font-size:14px; line-height:30px; border:1px solid #e5e5e5; border-radius:10px;}
.slide_search .popular li a:hover {border:1px solid #1a1a1a;}
.slide_search .search-closebtn {position:absolute; top:40px; right:40px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index:10;}
.slide_search .search-closebtn:hover {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.slide_search_bg {width:100%; height:100%; position:relative; z-index:1;}


.slide_search .popular2 li {float:left;}
.slide_search .popular2 li a {display:block; height:30px; margin:0 20px 20px 0; padding:0 12px; color:#888; font-size:15px; line-height:30px; border:2px solid #e5e5e5; border-radius:10px;}
.slide_search .popular2 li a:hover {border:2px solid #0b5155;}


/*  메인상품진열 관련 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 .prd-ico2 {z-index: 1; position: absolute; left: 0; top: 0; margin: 0; border: 0;}
.item-wrap .item-cont .item-list .thumb .prd-ico2 img {width: 100%; 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; margin-right:2px /* 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.2; 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:15px; color:#8a8a8a; line-height:1; font-weight:300;}        /* font-size:13px;  mc*/
.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:25px; color:#1a1a1a;  padding-top:20px; line-height:1; font-weight:700; }   /* font-size:15px;   padding-top:28px;    mc*/
.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:15px; color:#8a8a8a;  padding-left:6px; line-height:1; font-weight:400; }   /* font-size:12px;  mc*/

.item-wrap .item-cont .item-list .prd-info .prd-price .price3 {display: inline-block; font-size:25px; color:#e6c3a8;  padding-left :15px; line-height:1; font-weight:600; } /*mc*/
.item-wrap .item-cont .item-list .prd-info .prd-price .re {display: inline-block; font-size:15px; color:#000000;  padding-left : 15px; line-height:1; font-weight:300;} /*mc*/


/* mc 추가 타임세일 */
.item-wrap .item-cont .item-list .prd-info .prd-price .price2 {display: inline-block; font-size:15px; color:#4c4c4c;  padding-top:5px; line-height:1; font-weight:200; } 


/*  메인상품진열 : OVER 버튼  */
.item-wrap .item-cont .item-list .info_icon  {position:absolute; z-index:2; top:55%; margin-top:120px; 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; }
/*   margin-top:-20px; 썸센터 mc */
.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:15px;border:1px solid #999;font-family:'Red Hat Display','Noto Sans KR',sans-serif;}    /*{font-size:12px; mc*/
.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: 50px; height: 50px; border-radius: 50px; text-align: center;font-size: 20px; line-height: 50px; font-weight: 300; color: #fff; background-color: #3a3a3a; }

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


/* 컬러칩 */
.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;}


/* 게시판 상단 검색창 관련 */
#bbsData .bbs-sch .key-wrap a{display: inline-block; width: 30px; height: 30px; vertical-align:middle;}


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

@media screen and (max-width: 1499px){
.item-wrap .item-cont.grid3 .item-list {width:545px;}
}


/* BASIC css end */