/* BASIC css start */
@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans|Do+Hyeon|Nanum+Gothic:400,700,800|Nanum+Myeongjo:400,700,800|Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

#contentWrap {width:100% !important;}

/* 메인 비쥬얼 배너 */
#mainSpot { position:relative; width:100%; min-width:1400px; height:700px; overflow:hidden;margin-bottom:50px;}
#mainSpot .inner { margin-left:-1000px; position:absolute; top:0; left:50%; right:0; width:2000px; height:700px }
#mainSpot .bx-pager { position:absolute; bottom:15px; left:0; right:0; height:11px; text-align:center }
#mainSpot .bx-pager .bx-pager-item { display:inline-block;  margin:0 7px }
*:first-child+html #mainSpot .bx-pager .bx-pager-item { display:inline } /* IE7 Hack */
#mainSpot .bx-pager .bx-pager-item a { display:block; width:11px; height:11px; text-indent:-9999em; background:url(/design/foxwig/main/sp_spot_pager1.png) 0 0 no-repeat }
#mainSpot .bx-pager .bx-pager-item a.active { background-position:0 -11px }
#mainSpot .bx-wrapper { position:relative; }
#mainSpot .bx-controls .bx-controls-direction { }
#mainSpot .bx-controls .bx-controls-direction .bx-prev{display:block; position:absolute;opacity:.5; width:31px; height:61px; text-indent:-9999em; background:url(http://resfor.cafe24.com/wig/site/review_arrow11.png) no-repeat; top:45%;left:250px;z-index:200; margin-left:2px; }
#mainSpot .bx-controls .bx-controls-direction .bx-next{display:block; position:absolute;opacity:.5; width:31px; height:61px; text-indent:-9999em; background:url(http://resfor.cafe24.com/wig/site/review_arrow12.png) no-repeat; top:45%;right:250px;z-index:200;margin-right:2px; }
.item-wrap .item-cont .item-list1 .prd-price .b1{border-radius:5px; display:inline-block; padding:8px 10px; background:#191919; color:#fff; margin-top:10px; font-weight:400;font-size:16px;}
.item-wrap .item-cont .item-list1 .prd-price .b1 .ani{animation-duration:1s ;animation-name:group;animation-iteration-count:infinite; font-weight:700;}
		@keyframes group {
			0%   {color:pink }
			50%  {color:yellow }
			100% {color:pink }
}


/* 섹션 공통 */
section{margin-bottom:90px}
section .sec_inner{width: 1400px; margin: 0 auto;}
section h2{text-align: center;margin-bottom: 30px;color: #333;font-family: 'Jost', sans-serif; font-size: 26px; font-weight: 600; letter-spacing: 13px; }
section h2 a{float: right;}



#sec1{width: 100%;}
#sec1 .swiper{}
#sec1 .swiper ul{width: 100%;}
#sec1 .swiper ul li{width: 100%;}
#sec1 .swiper ul li a{display: block;width: 100%;}
#sec1 .swiper ul li a img{width: 100%;}
#sec1 .swiper-pagination{bottom: 60px;}
#sec1 .swiper-pagination-bullet{width: 30px; height: 3px; border-radius: 0; background-color: #fff; }
#sec1 .swiper{position:relative}
#sec1 .swiper_btn_prev{position: absolute; top: 50%; left: 10%; z-index: 10; transform: translateY(-50%); cursor: pointer; } 
#sec1 .swiper_btn_next{position: absolute; top: 50%; right: 10%; z-index: 10; transform: translateY(-50%); cursor: pointer;}



a.sel { color:#000; font-weight:bold;}

.item-wrap .item-cont .item-list1 .prd-info .prd-preview {position:absolute; right:10px; bottom:50px;}
.item-wrap .item-cont .item-list1 .prd-info .prd-preview i{font-size:15px;border-radius:50%; padding:11px 10px; text-align:center; border:1px solid #c66fc0; color:#c66fc0; transition:all .3s;}
.item-wrap .item-cont .item-list1 .prd-info .prd-preview i:hover{color:#fff; background:#c66fc0;}
.item-wrap .item-cont .item-list1 .prd-info .prd-preview .btn-preview { width:69px; height:17px; text-indent:-9999em; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/btn_preview.gif) 0 0 no-repeat }


.item-wrap .item-cont { width:100%; *zoom:1 }
.item-wrap .item-cont:after { content: ""; display: block; clear: both }
.item-wrap .item-cont .item-list1 { margin-right:25px; display: inline-block; width: calc(100%/3 - 60px); text-align:center; position:relative; vertical-align:top; background:#fff; border:1px solid #ddd; padding:20px; margin-bottom:43px;}
.item-wrap .item-cont .item-list1:nth-child(3){margin-right:0px;}
.item-wrap .item-cont .item-list1:nth-child(6){margin-right:0px;}
.item-wrap .item-cont .item-list1:nth-child(9){margin-right:0px;}
.item-wrap .item-cont .item-list1 .thumb { width:100%; overflow:hidden; position:relative }
.item-wrap .item-cont .item-list1 .thumb .hey_logo {bottom:5px; right:5px;position:absolute; padding-top:1px;}
.item-wrap .item-cont .item-list1 .thumb .hey_logo img{width:100%;height:100%;}
.item-wrap .item-cont .item-list1 .thumb img { width:100%; transition:all .5s;}
.item-wrap .item-cont .item-list1 .thumb a:hover img {-webkit-transform: scale(1.1);transform: scale(1.1) }


.item-wrap .item-cont .item-list1 .prd-info { padding-top:18px; position:relative; font-family: 'Montserrat', sans-serif;}
.item-wrap .item-cont .item-list1 .prd-ico { margin-top:10px; text-align:left;}
.item-wrap .item-cont .item-list1 .prd-ico img { margin:2px 5px;}
.item-wrap .item-cont .item-list1 .prd-ico img:first-child {margin-left:0;}
.item-wrap .item-cont .item-list1 .prd-name { padding-top:2px }
.item-wrap .item-cont .item-list1 .prd-name a { font-family: 'Noto Sans KR', sans-serif; font-size:15px; display:block; color:#1c1c1c; line-height:18px; text-overflow:ellipsis; word-wrap:normal; text-align:left;word-break:keep-all;}
.item-wrap .item-cont .item-list1 .prd-subname { font-size:12px; padding-top:10px; color:#8b8b8b; text-align:left; line-height:18px; font-weight:300;word-break:keep-all;}
.item-wrap .item-cont .item-list1 .prd-price { padding-top:15px !important; text-align:left; font-weight:bold;}
.item-wrap .item-cont .item-list1 .prd-price p{ padding-left:2px; font-size:14px; font-weight:300; display:inline-block; }
.item-wrap .item-cont .item-list1 .prd-price strike { color:#999; font-size:15px; font-weight:300; margin-left:5px;}
.item-wrap .item-cont .item-list1 .prd-price .price {font-size:20px;}
.item-wrap .item-cont .item-list1 .prd-price .sale{font-size:20px; color:#cc0000; padding-right:5px;}
.item-wrap .item-cont .item-list1 .prd-review-right { font-family: 'Noto Sans KR', sans-serif; font-size:13px; font-weight:400; padding-top:10px; text-align:right;}
.item-wrap .item-cont .item-list1 .prd-review-right span{display:inline-block; padding-right:7px;}
.item-wrap .item-cont .item-list1 .prd-review-left { font-family: 'Noto Sans KR', sans-serif; font-size:13px; font-weight:400; padding-top:10px; text-align:left;}
.item-wrap .item-cont .item-list1 .prd-review-left span{display:inline-block; padding-right:7px;}
.item-wrap .item-cont .item-list1 .prd-color { margin-bottom:10px; text-align:left; border:none !important; }
.item-wrap .item-cont .item-list1 .prd-color .color-tit{ font-family: 'Noto Sans KR', sans-serif; font-size:13px; letter-spacing:0px; font-weight:300; margin-bottom:3px;}
.item-wrap .item-cont .item-list1 .prd-color .color-sq{ position: relative; font-size:18px; letter-spacing:-2px; cursor:pointer;transition:all .5s;}
.item-wrap .item-cont .item-list1 .prd-color .color-sq:hover .color-name { display: inline-block; bottom: 22px; right: -22px; margin-left:0px; z-index: 999;}
.item-wrap .item-cont .item-list1 .prd-color .color-sq .color-name {position: absolute; font-family: 'Noto Sans KR', sans-serif; font-size:12px; font-weight:300; width: 58px; color: #333;height: 21px;line-height: 21px; letter-spacing:0px; text-align: center;display:none; background: #fff;border: 1px solid #666; border-radius:10px;}
.item-wrap .item-cont .item-list1 .prd-color .color-sq .color-name:after, .item-wrap .item-cont .item-list1 .prd-color .color-sq .color-name:before {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;}
.item-wrap .item-cont .item-list1 .prd-color .color-sq .color-name:after {border-color: rgba(255, 255, 255, 0);border-top-color: #fff;border-width: 4px;margin-left: -4px;}
.item-wrap .item-cont .item-list1 .prd-color .color-sq .color-name:before {border-color: rgba(102, 102, 102, 0);border-top-color: #666;border-width:5px;margin-left: -5px;}






/* class-list */
#productClass .cate-wrap { overflow:hidden }
#productClass .cate-wrap .bcate { padding-bottom:10px; font-size:18px; color:#202020; font-weight:bold; border-bottom:1px solid #e3e3e3 }
#productClass .cate-wrap .class-list ul { border-bottom:1px solid #e3e3e3;  *zoom:1 }
/*#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }*/
#productClass .cate-wrap .class-list ul li { padding:15px 30px 16px 0; float:left }
#productClass .cate-wrap .class-list ul li a { display:block; font-size:13px; color:#919191 }
#productClass .cate-wrap .class-list ul li a on { display:block; font-size:13px; color:red }

/* best-item */
#productClass .best-item { padding-top: 20px; padding-bottom: 10px; border-top: 2px solid #5c5c5c; border-bottom: 2px solid #5c5c5c; background-color: #f8f8f8; }

/* total-sort */
#productClass .total-sort { padding-top: 30px; }

/* map */
#map { padding:15px 30px 16px 0; margin:0 auto; display:block;  }
#map h3{ padding-top: 10px; padding-bottom:5px; margin:0 auto; display:block; font-weight:700; font-size:17px; color:#333333 }
#map p{ padding-left: 10px; padding-right: 10px; display:block; font-size:13px; color:#919191 }
#map a{ display:block; padding-bottom:10px; font-size:13px; color:#919191 }


#category_top { position:relative; width:100%; height:600px;}
#category_top .inner { margin-left:-1000px; position:absolute; top:0; left:50%; right:0; width:2000px; height:600px; background-color:#eeebe6;}



 #MK_opt_preview .mk_option_preview_outer {
    display : inline;
}
 #MK_opt_preview .mk_option_preview {
    background-color : white;

}
 #MK_opt_preview .mk_prd_option_list {
    color : #777;
    font-size : 9pt;
    list-style : none;
    padding : 7px;
    background-color : white;
    border : 1px solid #c2d1db;
    width : 170px;
    margin : 0;
    text-align : left;
}

 #MK_opt_preview .mk_prd_option_list LI {
    line-height : 1.4;
    margin : 2px 5px;
    display : block;
}

 #MK_opt_preview .mk_prd_option_list .mk_bt_opt_close {
    text-align : right;
}

 #MK_opt_preview .mk_prd_option_list .option-soldout {
    color : red;
}
 #MK_opt_preview .mk_prd_option_list .option-name {
border-style:none;
    padding : 3px;
margin:7px 0 5px 0;
    background-color : #f9f9f9;
    color : #333;
    border-top: 1px dotted #999;
font-weight:bold;
line-height:18px;

}


/* BASIC css end */