/* BASIC css start */
.cateAd, .cateAd img{width:100%;}
.cateAd{display:flex; margin-bottom:10px;}
.cateAd a{width:50%;}
/* ´ÜÃ¼º¹ ±¤°í */


.basiccateTopimg{width:100%; border-bottom:1px solid #ececec; position:relative;}
.basiccateTopimg a{display:block; width:100%;}
.basiccateTopimg img{width:100%;}
/* Ä«Å×°í¸® »ó´Ü ÀÌ¹ÌÁö */


.basiccateComent{height:42px; line-height:42px; position:relative; text-align:center; border-bottom:1px solid #ececec; font-weight:500; font-size:16px;}
.basiccateComent h2{display:none;}
.basiccateComent span{font-weight:bold;}
.basiccateComent span .sub{font-size:0.7em; font-weight:normal; color:#a5a5a5;}
.basiccateComent span .sub a{color:#a5a5a5;}
.basiccateComent > a{display:block; width:80px; height:40px; position:absolute; top:0; left:0;}
.basiccateComent > a > p{width:21px; height:21px; margin:10px auto; border:1px solid #ccc; -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px; display:flex; justify-content:center; align-items:center;}
.basiccateComent > a > p > i{font-style:normal; font-size:11px; line-height:11px; color:#ccc;}
/* ÇöÀç Ä«Å×°í¸®¸í ³ëÃâ °ø°£ */

.mCateInfo{display:none; margin:3px 10px 12px 0px; text-align:right; min-width:250px;}
.mCateInfo.ons{display:block;}
.mCateInfo .mCateInfoIn{display:inline-block; padding:3px 8px; width:60%; background:#f5f5f5;}
.mCateInfo .mCateInfoIn .mCateInfoInB{font-weight:bold;}
/* »çÀÌÁî Ä«Å×°í¸® Á¤º¸ */

.cusServicTab{height:50px;}
.cusServicTab li{float:left; width:50%; height:50px;}
.cusServicTab.tris li{float:left; width:33.333%; height:50px;}
.cusServicTab li a{display:block; width:100%; height:50px; padding:16px 0px; background:#f2f2f2; color:#464646; font-size:15px; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.cusServicTab li.red a{padding:14px 0px 16px 0px; border-top:2px solid #f40d08; background:#fff;}
/* °í°´¼¾ÅÍ »ó´Ü ÅÇ */


.sp_imgbg{background:#fafafa; padding:24px 20px;}
.sp_img{display:flex; align-items:flex-end; justify-content:flex-start;}
.sp_img img{width:55%; max-width:300px; margin-right:12px;}
.sp_img .positions{}
.sp_img .positions .pos_tit{font-size:1.4em; line-height:1.5em; font-weight:bold;}
.sp_img .positions span{padding:3px 5px 2px 5px; font-size:1em; line-height:1.2em; font-weight:bold; margin-right:4px; display:inline-block;}
.sp_img .positions span.fw{border:2px solid red; color:red;}
.sp_img .positions span.mf{border: 2px solid green; color:green;}
.sp_img .positions span.df{border: 2px solid blue; color:blue;}
.sp_imgbg .sp_txt{margin-top:10px; font-size:1em; line-height:1.3em; color:#464646;}
/* Ä«Å×°í¸® ¼³¸í */


#MdChoiceItems{width:100%;}
#MdChoiceItems .MdChoiceItemsTit{height:34px; line-height:34px; color:#464646; font-size:14px; padding-left:5px; border-bottom:1px solid #ececec;}
#MdChoiceItems .MdChoiceItemsTit span{font-size:12px;}
#MdChoiceItems .MK_product_list .list_shopping3x{width:100%; height:202px; overflow:hidden; text-align:inherit;}
#MdChoiceItems .MK_product_list .list_shopping3x ul{width:100%; display:block; table-layout:inherit; padding:inherit; text-align:inherit;}
#MdChoiceItems .MK_product_list .items li{float:left; width:33.333%; height:202px; padding:0 5px 5px 5px; border-right:1px solid #ececec; border-bottom:1px solid #ececec; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#MdChoiceItems .MK_product_list .items li:nth-child(3n){border-right:none;}
#MdChoiceItems .MK_product_list .list_shopping3x li a{width:100%; height:188px; padding:initial;}
#MdChoiceItems .MK_product_list .items li a .galleryInmiddle{width:95px; margin:5px auto;}
#MdChoiceItems .MK_product_list .items li a .galleryInmiddle img{width:95px; height:95px;}
#MdChoiceItems .MK_product_list .items li a .galleryInmiddle figcaption{height:88px; overflow:hidden; margin-top:inherit; text-align:inherit;}
#MdChoiceItems .MK_product_list .items li a .galleryInmiddle .listName{width:95px; height:36px; overflow:hidden; margin-top:5px; color:#464646;}
#MdChoiceItems .MK_product_list .items li a .galleryInmiddle .listDiscount{height:18px; margin-top:4px; color:#aaa; letter-spacing:-1px;}
#MdChoiceItems .MK_product_list .items li a .galleryInmiddle .listPrice{font-weight:bold; line-height:18px; font-size:16px; margin-top:2px; color:#464646;}
#MdChoiceItems .paging-num{border-bottom:1px solid #ececec; margin:5px auto 0px auto; padding-bottom:5px;}
/* MD ÃßÃµ »óÇ° */


.mCatelistBg{width:100%; border-bottom:1px solid #ececec;}
.mCatelist, .mCatelist2{width:97%; padding:20px 1.5% 0 1.5%; text-align:center; text-align:center;}
.mCatelist li, .mCatelist2 li{display:inline-block;}
.mCatelist li a, .mCatelist2 li a{display:block; margin:0 5px 10px 5px; padding:5px 8px; height:20px; line-height:20px; border:1px solid #ececec; background:#f5f5f5; border-radius:7px;}
.mCatelist2{display:none; border-top:1px solid #ececec; padding:15px 1.5% 0 1.5%}
.mCatelist2.ons{display:block;}
/* ÁßºÐ·ù Ä«Å×°í¸® ºÐ·ù ¸ñ·Ï */


.basicclassTab h2{display:none;}
.basicclassTab .bcsT1, .basicclassTab .bcsT2, .basicclassTab .bcsT3 {float:left; height:40px; border-right:1px solid #ececec; border-left:1px solid #fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.basicclassTab .bcsT1{width:45%; line-height:40px; border-left:none; position:relative; background:#f5f5f5; border-bottom:1px solid #ececec; }
.basicclassTab .bcsT2{width:90%; position:relative; border-bottom:1px solid #ececec; }
.basicclassTab .bcsT2 select{width:100%; height:100%; border:none; margin:0; background:#fff; -webkit-appearance:none; appearance:none; color:#7a8086;}
.basicclassTab .bcsT3{width:10%; line-height:40px; text-align:center; border-right:none; border-bottom:1px solid #ececec; text-indent:-9999px;}
.basicclassTab .bcsT3 .fourIconBtn{width:100%; height:40px;}
.basicclassTab .bcsT3 .fourIconBtn .fIBInAll > a{width:100%; height:40px;}
.basicclassTab .bcsT3 .fourIconBtn .fIBInAll > a > ul{width:21px; height:21px; margin:0 auto; padding:9.5px 0;}
.basicclassTab .bcsT3 .fourIconBtn .fIBInAll > a > ul > li{float:left; text-indent:-9999px;}
.basicclassTab .bcsT3 .fourIconBtn .fIBInAll > a > ul > li:nth-child(1), .basicclassTab .bcsT3 .fourIconBtn .fIBInAll > a > ul > li:nth-child(2){margin-bottom:3px;}
.basicclassTab .bcsT3 .fourIconBtn .fIBInAll > a > ul > li:nth-child(1), .basicclassTab .bcsT3 .fourIconBtn .fIBInAll > a > ul > li:nth-child(3){margin-right:3px;}
.basicclassTab .bcsT3 .fourIconBtn .fIBIn1 > a > ul > li:nth-child(1), .basicclassTab .bcsT3 .fourIconBtn .fIBIn1 > a > ul > li:nth-child(3){width:9px; height:9px; background:#7a8086;}
.basicclassTab .bcsT3 .fourIconBtn .fIBIn1 > a > ul > li:nth-child(2), .basicclassTab .bcsT3 .fourIconBtn .fIBIn1 > a > ul > li:nth-child(4){width:9px; height:3px; margin-top:2px; border-top:2px solid #7a8086; border-bottom:2px solid #7a8086;}
.basicclassTab .bcsT3 .fourIconBtn .fIBIn2 > a > ul > li:nth-child(1), .basicclassTab .bcsT3 .fourIconBtn .fIBIn2 > a > ul > li:nth-child(2){width:9px; height:9px; background:#7a8086;}
.basicclassTab .bcsT3 .fourIconBtn .fIBIn2 > a > ul > li:nth-child(3), .basicclassTab .bcsT3 .fourIconBtn .fIBIn2 > a > ul > li:nth-child(4){width:9px; height:3px; margin-top:2px; border-top:2px solid #7a8086; border-bottom:2px solid #7a8086;}
.basicclassTab .bcsT1 a{display:block; width;100%; height:40px;}
.basicclassTab .bcsT1 a span{position:absolute; left:14px; color:#7a8086; font-weight:normal;}
.basicclassTab > li i{width:9px; height:9px; position:absolute; right:10px; top:15.5px; background:url(http://winv007.img18.kr/newMobile/img/hsearcharrow.png) no-repeat; text-indent:-9999px;}
.basicclassTab > .bcsT1 i.msTioff{display:block;}
.basicclassTab > .bcsT1 i.msTion{display:none; background:url(http://winv007.img18.kr/newMobile/img/hsearcharrow_on.png) no-repeat;}
/* »óÇ°ºÐ·ù, ÃÖ½Å¼ø, Áø¿­¹æ½Ä ¹Ù */


.basicclassTabIn{display:none; height:0; padding:10px; border-bottom:1px solid #ececec;}
.basicclassTabIn h2{display:none;}
.basicclassTabIn > li{float:left; width:50%; height:30px; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.basicclassTabIn > li select{width:95%; height:100%; border:1px solid #f5f5f5;; margin:0; background:#fff; -webkit-appearance:none; appearance:none; color:#7a8086;}
/* »ó¼¼ºÐ·ù ³»¿ë */


.subtextarea{background:#fafafa; padding:30px 20px;}
.subtextarea .imgarea{width:100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: space-between; justify-content: space-between;}
.subtextarea .imgarea .ssimg{display:inline-block; width:47%;}
.subtextarea .imgarea .ssimg img{width:100%;}
.subtextarea .textarea{padding:12px 12px 0px 12px;}
.subtextarea .textarea .textarea__tit{font-size:1.2em; line-height:1.4em; margin-bottom:12px;}
/* ÇÁ¸®¹Ì¾î »è Å×ÀÌÇÁ */


#basicclassContents{margin-bottom:20px;}
#basicclassContents h2{display:none;}
#basicclassContents .hsearchC_list ul li{width:100%; height:120px; padding:5px 10px; border-bottom:1px solid #ececec; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#basicclassContents .hsearchC_list a{display:block; width:100%; height:110px;}
#basicclassContents .hsearchC_list img.hsImgageSmall{float:left; width:110px; height:110px; margin-right:15px;}
#basicclassContents .hsearchC_list figcaption{float:left; height:110px; overflow:hidden;}
#basicclassContents .hsearchC_list figcaption p.hsNametxt{width:120px; height:54px; overflow:hidden; margin-top:5px;}
#basicclassContents .hsearchC_list figcaption p.hsSaleNumber{height:20px; margin-top:5px;}
#basicclassContents .hsearchC_list figcaption p.hsSaleNumber .hsSale1{text-decoration:line-through; color:#aaa;}
#basicclassContents .hsearchC_list figcaption p.hsSaleNumber .hsSale2{}
#basicclassContents .hsearchC_list figcaption p.hsPriceNumber{font-weight:bold; line-height:18px; font-size:16px; margin-top:2px;}
#basicclassContents .hsearchC_list figcaption p.hsSoldout{margin-top:10px; color:#f40d08; font-size:15px;}
/* °Ë»ö°á°ú ¸®½ºÆ® ºäÆ÷Æ® ³»¿ë */

#basicclassContents .hsearchC_gallery h2{display:none;}
#basicclassContents .hsearchC_gallery ul li{float:left; width:33.33%; height:220px; padding:0 5px 5px 5px; border-right:1px solid #ececec; border-bottom:1px solid #ececec; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#basicclassContents .hsearchC_gallery ul li:nth-child(3n){border-right:none;}
#basicclassContents .hsearchC_gallery a{display:block; width:100%; height:206px;}
#basicclassContents .hsearchC_gallery a .galleryInmiddle{width:95px; margin:8px auto 0 auto;}
#basicclassContents .hsearchC_gallery img.hsImgageSmall{width:95px; height:95px;}
#basicclassContents .hsearchC_gallery figcaption{height:112px; overflow:hidden;}
#basicclassContents .hsearchC_gallery figcaption p.hsNametxt{width:95px; height:54px; overflow:hidden; margin-top:5px;}
#basicclassContents .hsearchC_gallery figcaption p.hsSaleNumber{height:18px; margin-top:4px;}
#basicclassContents .hsearchC_gallery figcaption p.hsSaleNumber .hsSale1{text-decoration:line-through; color:#aaa;}
#basicclassContents .hsearchC_gallery figcaption p.hsSaleNumber .hsSale2{}
#basicclassContents .hsearchC_gallery figcaption p.hsPriceNumber{font-weight:bold; line-height:18px; font-size:16px; margin-top:2px;}
#basicclassContents .hsearchC_gallery figcaption p.hsSoldout{text-align:center; margin-top:10px; color:#f40d08; font-size:15px;}
/* °Ë»ö°á°ú °¶·¯¸® ºäÆ÷Æ® ³»¿ë */

#MS_product_more_btn_area{width:60%; height:30px; line-height:30px; background:#f5f5f5; text-align:center; margin:20px auto;}
#MS_product_more_btn_area h2{display:none;}
#MS_product_more_btn_area a{display:block; width:100%; height:30px;}
#MS_product_more_btn_area a span{font-size:15px; color:#7a8086;}
/* »óÇ° ´õº¸±â ¹öÆ° */


@media all and (min-width:380px){
#basicclassContents .hsearchC_gallery ul li{height:222px}
#basicclassContents .hsearchC_gallery a .galleryInmiddle{width:100px; margin:8px auto 0 auto;}
#basicclassContents .hsearchC_gallery img.hsImgageSmall{width:100px; height:100px;}
#basicclassContents .hsearchC_gallery figcaption p.hsNametxt{width:100px;}
/* °Ë»ö°á°ú ¸®½ºÆ® ºäÆ÷Æ® ³»¿ë */
} /* 380px È­¸é ³¡ */


@media all and (min-width:400px){
#basicclassContents .hsearchC_gallery ul li{height:227px}
#basicclassContents .hsearchC_gallery a{height:218px;}
#basicclassContents .hsearchC_gallery a .galleryInmiddle{width:105px; margin:6px auto 0 auto;}
#basicclassContents .hsearchC_gallery img.hsImgageSmall{width:105px; height:105px;}
#basicclassContents .hsearchC_gallery figcaption p.hsNametxt{width:105px;}
#basicclassContents .hsearchC_list figcaption p.hsNametxt{width:170px;}
/* °Ë»ö°á°ú ¸®½ºÆ® ºäÆ÷Æ® ³»¿ë */
} /* 400px È­¸é ³¡ */

@media all and (min-width:768px){
#MdChoiceItems .MK_product_list .items li{width:20%;}
#MdChoiceItems .MK_product_list .items li:nth-child(3n){border-right:1px solid #ececec;}
#MdChoiceItems .MK_product_list .items li:nth-child(6n){border-right:none;}
/* MD ÃßÃµ »óÇ° */

#basicclassContents .hsearchC_list ul li{float:left; width:50%; border-right:1px solid #ececec;}
#basicclassContents .hsearchC_list ul li:nth-child(2n){border-right:none;}
/* °Ë»ö°á°ú ¸®½ºÆ® ºäÆ÷Æ® ³»¿ë */
#basicclassContents .hsearchC_gallery ul li{width:16.66%; height:222px;}
#basicclassContents .hsearchC_gallery ul li:nth-child(3n){border-right:1px solid #ececec;}
#basicclassContents .hsearchC_gallery ul li:nth-child(6n){border-right:none;}
#basicclassContents .hsearchC_gallery a{height:210px;}
#basicclassContents .hsearchC_gallery a .galleryInmiddle{width:100px;}
#basicclassContents .hsearchC_gallery img.hsImgageSmall{width:100px; height:100px;}
#basicclassContents .hsearchC_gallery figcaption p.hsNametxt{width:100px;}
/* °Ë»ö°á°ú °¶·¯¸® ºäÆ÷Æ® ³»¿ë */
} /* 768px È­¸é ³¡ */


@media all and (min-width:900px){
#basicclassContents .hsearchC_gallery ul li{height:233px;}
#basicclassContents .hsearchC_gallery a{height:223px;}
#basicclassContents .hsearchC_gallery a .galleryInmiddle{width:110px;}
#basicclassContents .hsearchC_gallery img.hsImgageSmall{width:110px; height:110px;}
#basicclassContents .hsearchC_gallery figcaption p.hsNametxt{width:110px;}
/* °Ë»ö°á°ú °¶·¯¸® ºäÆ÷Æ® ³»¿ë */
} /* 900px È­¸é ³¡ */


@media all and (min-width:1200px){
#basicclassContents .hsearchC_list ul li{float:left; width:33.33%;}
#basicclassContents .hsearchC_list ul li:nth-child(2n){border-right:1px solid #ececec;}
#basicclassContents .hsearchC_list ul li:nth-child(3n){border-right:none;}
/* °Ë»ö°á°ú ¸®½ºÆ® ºäÆ÷Æ® ³»¿ë */
} /* 1200px È­¸é ³¡ */






























/* BASIC css end */

