/* BASIC css start */
#productClass {width:100%; max-width:1450px; margin:0 auto;     padding-top: 50px;}
#productClass .page-body:after {display:block; clear:both; content:'';}
#productClass .mid {float:left; width:27%;}
#productClass .mid {float:left; width:190px;}
#productClass .mid .title a {display:block; padding-bottom:20px; margin-bottom:10px; border-bottom:4px solid #424040; color:#424040; font-size:36px; font-weight:700; line-height:1;}
#productClass .mid dl dt a {display:block; padding:24px 0 5px; color:#424040; font-size:18px; font-weight:700;}
#productClass .mid dl dd a {display:block; padding:5px 0; color:#999; font-size:14px;}

#productClass .point {font-size:14px;color:#a71017;}


#productClass .item-wrap {padding-top: 20px; float:right; width:calc(100% - 250px);}
#productClass .depth3 {display:none;}
#productClass .depth3 ul {border:solid #eee; border-width:1px 0; font-size:0; text-align:left;}
#productClass .depth3 li {display:inline-block; margin-right:23px;}
#productClass .depth3 li a {display:inline-block; height:59px; color:#999; font-size:16px; line-height:59px; letter-spacing:-0.01em;}
#productClass .depth3 li.selected a {color:#424040; font-weight:700;}
#productClass .depth3 li.all a {letter-spacing:0.025em;}
#productClass .sort {margin:23px 0; font-size:0; text-align:right;}
#productClass .sort span {display:inline-block; color:#999; font-size:14px; font-weight:700;}
#productClass .sort select {display:inline-block; width:125px; height:40px; padding:0 6px; border:0; background:url('/design/kint/img/common/bg_select.png') no-repeat right 6px center; color:#424040; font-size:14px; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
#productClass .sort select::-ms-expand {display:none;}

#banner_test{width:1900px; height:593px; align:center; position:relative; margin:0 auto;}

.top_banner{height:40px}
#productClass .themaCateWrap{display:block;padding:30px 16px 0 40px;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
#productClass .themaCateWrap ul{border:0}
#productClass .themaCateWrap li{width:65px;margin-bottom:30px;vertical-align:top}
#productClass .themaCateWrap li a{display:block;height:auto;line-height:inherit}
#productClass .themaCateWrap li .themaIco01,#productClass .themaCateWrap li .themaIco02,#productClass .themaCateWrap li .themaIco03{display:block;height:40px;background-size:auto 100%!important;margin:0 auto 8px}

#productClass .themaCateWrap li .themaText{display:block; font-size:14px; text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

#productClass .themaCateWrap li:nth-child(1) .themaIco03{background: url(/design/kint/mobile/common/thema_ico01.png) center center no-repeat;}
#productClass .themaCateWrap li:nth-child(2) .themaIco03{background: url(/design/kint/mobile/common/thema_ico02.png) center center no-repeat;}
#productClass .themaCateWrap li:nth-child(3) .themaIco03{background: url(/design/kint/mobile/common/thema_ico03.png) center center no-repeat;}
#productClass .themaCateWrap li:nth-child(4) .themaIco03{background: url(/design/kint/mobile/common/thema_ico04.png) center center no-repeat;}
#productClass .themaCateWrap li:nth-child(5) .themaIco03{background: url(/design/kint/mobile/common/thema_ico05.png) center center no-repeat;}
#productClass .themaCateWrap li:nth-child(6) .themaIco03{background: url(/design/kint/mobile/common/thema_ico06.png) center center no-repeat;}
#productClass .themaCateWrap li:nth-child(7) .themaIco03{background: url(/design/kint/mobile/common/thema_ico07.png) center center no-repeat;}
#productClass .themaCateWrap li:nth-child(8) .themaIco03{background: url(/design/kint/mobile/common/thema_ico08.png) center center no-repeat;}
#productClass .themaCateWrap li:nth-child(9) .themaIco03{background: url(/design/kint/mobile/common/thema_ico09.png) center center no-repeat;}
#productClass .themaCateWrap li:nth-child(10) .themaIco03{background: url(/design/kint/mobile/common/thema_ico10.png) center center no-repeat;}
#productClass .themaCateWrap li:nth-child(11) .themaIco03{background: url(/design/kint/mobile/common/thema_ico11.png) center center no-repeat;}
#productClass .themaCateWrap li:nth-child(12) .themaIco03{background: url(/design/kint/mobile/common/thema_ico12.png) center center no-repeat;}
#productClass .themaCateWrap li:nth-child(13) .themaIco03{background: url(/design/kint/mobile/common/thema_ico13.png) center center no-repeat;}
#productClass .themaCateWrap li:nth-child(14) .themaIco03{background: url(/design/kint/mobile/common/thema_ico14.png) center center no-repeat;}
#productClass .themaCateWrap li:nth-child(15) .themaIco03{background: url(/design/kint/mobile/common/thema_ico15.png) center center no-repeat;}
#productClass .themaCateWrap li:nth-child(16) .themaIco03{background: url(/design/kint/mobile/common/thema_ico16.png) center center no-repeat;}
#productClass .themaCateWrap li:nth-child(17) .themaIco03{background: url(/design/kint/mobile/common/thema_ico17.png) center center no-repeat;}
#productClass .themaCateWrap li:nth-child(18) .themaIco03{background: url(/design/kint/mobile/common/thema_ico18.png) center center no-repeat;}
#productClass .themaCateWrap li:nth-child(19) .themaIco03{background: url(/design/kint/mobile/common/thema_ico19.png) center center no-repeat;}
#productClass .themaCateWrap li:nth-child(20) .themaIco03{background: url(/design/kint/mobile/common/thema_ico20.png) center center no-repeat;}



#productClass .themaCateWrap li:nth-child(1) .themaIco02{background: url(/design/kint/mobile/common/thema_ico01.png) center center no-repeat;}
#productClass .themaCateWrap li:nth-child(2) .themaIco02{background: url(/design/kint/mobile/common/thema_ico03.png) center center no-repeat;}
#productClass .themaCateWrap li:nth-child(3) .themaIco02{background: url(/design/kint/mobile/common/thema_ico04.png) center center no-repeat;}
#productClass .themaCateWrap li:nth-child(4) .themaIco02{background: url(/design/kint/mobile/common/thema_ico12.png) center center no-repeat;}
#productClass .themaCateWrap li:nth-child(5) .themaIco02{background: url(/design/kint/mobile/common/thema_ico22.png) center center no-repeat;}
#productClass .themaCateWrap li:nth-child(6) .themaIco02{background: url(/design/kint/mobile/common/thema_ico23.png) center center no-repeat;}
#productClass .themaCateWrap li:nth-child(7) .themaIco02{background: url(https://elgaplus.jpg2.kr/shop/common/thema_ico24.png) center center no-repeat;}
#productClass .themaCateWrap li:nth-child(8) .themaIco02{background: url(https://elgaplus.jpg2.kr/shop/common/thema_ico25.png) center center no-repeat;}



#productClass .themaCateWrap li:nth-child(1) .themaIco01{background: url(/design/kint/mobile/common/thema_ico01.png) center center no-repeat;}
#productClass .themaCateWrap li:nth-child(2) .themaIco01{background: url(/design/kint/mobile/common/thema_ico21.png) center center no-repeat;}

.disc_per {font-size: 15px; font-weight: bold; color: #FF0000;}


/* BASIC css end */