/* 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');


#productClass .cate-wrap .class-list ul li a.sel { color:#fff; background:#e58989; border-radius:15px; padding:7px 15px; display:inline-block;border:1px solid #e58989;}
#productClass .cate-wrap .class-list ul li a:hover { color:#fff;  background:#e58989; border-radius:15px; padding:7px 15px; display:inline-block;border:1px solid #e58989; transition:all .35s}




/* class-list */
#productClass .cate-wrap { overflow:hidden;text-align:center;}
#productClass .cate-wrap .bcate { padding:50px 0 10px; font-size:26px; color:#202020; font-weight:600; text-align:center; font-family: 'Noto Sans KR', sans-serif; letter-spacing;-1px;}
#productClass .cate-wrap iframe{margin:0 auto; text-align:center;}
#productClass .cate-wrap .class-list ul {  text-align:center; padding:10px 50px 40px; *zoom:1 }
/*#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }*/
#productClass .cate-wrap .class-list ul li { padding:5px 8px;  display:inline-block; text-align:center; margin:0 auto;}
#productClass .cate-wrap .class-list ul li a { display:block; font-size:13px; color:#919191; padding: 7px 15px; display:inline-block; border-radius:15px; border:1px dotted #ddd;}
#productClass .cate-wrap .class-list ul li a on { display:block; font-size:13px; }

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


#productClass .top_bn {margin:30px 0 80px;}
#productClass .top_bn ul li {display:inline-block; border:1px solid #eee; width:23.5%; vertical-align:top;margin-right:1.5%;opacity:.6; -webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease; background:#fff;}
#productClass .top_bn ul li:last-child {margin-right:0 !important;}
#productClass .top_bn ul li a { overflow:hidden; display:block; width:100%;}
#productClass .top_bn ul li.hit { border:1px solid #333; opacity:1;-webkit-transform: scale(1.1);transform: scale(1.1)}
#productClass .top_bn ul li.hit span{color:#191919; font-weight:bold;}
#productClass .top_bn ul li:hover { border:1px solid #333; opacity:1;-webkit-transform: scale(1.1);transform: scale(1.1)}
#productClass .top_bn ul li:hover span{color:#191919; font-weight:bold;}
#productClass .top_bn ul li p {padding:15px 20px 20px 20px; display:block; font-size:13px; color:#999; line-height:17px;font-family: 'Noto Sans KR', sans-serif;}
#productClass .top_bn ul li span{ color:#565656; font-size:15px; border-bottom:1px solid #eee; padding-bottom:15px;font-family: 'Noto Sans KR', sans-serif; display:block; }



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



.size_box { width:100%; text-align:center; }
.size_select { font-weight:500; width:180px; height:38px; display:inline-block; border:1px solid #ddd; vertical-align:top; line-height:36px; font-size:14px; font-family:'Noto Sans KR',sans-serif; color:#333; padding:0 10px;}
.wig-size1 { width:170px; height:40px; display:inline-block; margin-left:-5px; }
.wig-size1 input[id="wigsize1"] {display:none;}
.wig-size1 input[id="wigsize1"]+label{ font-size:13px; font-family: 'Noto Sans KR',sans-serif; color:#fff; position:relative; cursor:pointer; font-weight:500; line-height:40px; width:168px; display:inline-block; transition: all 0.2s; text-align:center; z-index:199;background:#cc0000;}
.wig-size1 input[id="wigsize1"]+label:hover{ background:#990000; color:#fff;}
.wig-size1 input[id="wigsize1"]:checked+label{ background:#990000;color:#fff; }
.wig-size1 input[id="wigsize1"]+label+div{ width:170px; position:absolute; transition: all .35s;  max-height:0; z-index:198;overflow:hidden; margin-top:-1px; opacity:0.9;}
.wig-size1 input[id="wigsize1"]+label+div ul{ width:166px;border:1px solid #ddd; overflow:hidden; background:#fff; padding:5px 0; margin-left:1px;}
.wig-size1 input[id="wigsize1"]+label+div .title { width:100%; font-size:13px;font-family: 'Noto Sans KR', sans-serif; font-weight:400; color:#fff; display:block; line-height:27px; text-align:center; background:#666;}
.wig-size1 input[id="wigsize1"]+label+div li a{ width:100%;font-size:14px; font-family: Dotum, sans-serif; color:#666; display:block; line-height:26px; padding:4px 0; text-align:center; display:block; }
.wig-size1 input[id="wigsize1"]+label+div li a:hover {background:#c0aaa0; color:#fff; }
.wig-size1 input[id="wigsize1"]:checked+label+div{max-height:870px;}
.wig-size1 input[id="wigsize1"]:checked+label span{ transform:rotate(180deg); font-size:15px;}
.wig-size1 input[id="wigsize1"]+label span{ transform:rotate(0deg);transition: transform 0.2s;font-size:15px;}



/* BASIC css end */