@charset "euc-kr";

/*list_common*/
* { -webkit-tap-highlight-color:rgba(0,0,0,0.3); }
.filter_dimmed{position:fixed;display:none; left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,0.8);z-index:19;}
.dimmed {position:fixed;display:none; left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,0.8);z-index:19;}
.modal_pop {display:none;position:fixed;width:335px;height:240px;left:50%;top:50%;margin-left:-167px;margin-top:-120px;z-index:9999;background:#fff;}
.pop_wrap {display:block;position:relative;width:100%;height:100%;text-align: center;padding-top:43px;}
.pop_wrap img {display:block;margin:0 auto 26px auto;width:39px;height:auto;}
.pop_wrap h3 {font-size:15px;line-height:25px;color:#333333;font-weight:400;}
.pop_wrap .btnArea.fix {display:block;position:absolute;width:100%;height:50px;left:0;bottom:0;margin-top:0;}
.pop_wrap .btnArea.fix a {display:inline-block;width:50%;height:100%;float:left;font-size:15px;font-weight:300;line-height:48px;}
.pop_wrap .btnArea.fix a.redLineBtn {border:1px solid #ff4546;background:#fff;color:#ff4546;}
.pop_wrap .btnArea.fix a.redBtn {border:1px solid #ff4546;background:#ff4546;color:#fff;}

.hidden {display:none !important;} 

.category {display:block;width:100%;}
.category ul {margin-top:73px;}
.category ul li {display:inline-block;width:50%;height:40px;float:left;border-bottom:1px solid #ededed;}
.category ul li:nth-of-type(2n - 1) {border-right:1px solid #ededed;}
.category ul li a {padding-left:20px;font-size:12px;line-height:40px;font-weight:300;}
.category ul li.on {border:0;background:#ff4546;}
.category ul li.on a {color:#fff;}

.bannerArea img {width:100%;}
.topArea {display:inline-block;width:100%;height:50px;padding:0 10px;border-bottom:1px solid #e7e7e7;border-top:10px solid #f1f1f1; background:#fff;}
.topArea::after {content:'';display:block;clear:both;}
.topArea > h2 {display:inline-block;float:left;max-width:50%;font-weight:500;font-size:14px;line-height:40px;overflow: hidden;}

.topArea .sort {display:inline-block;float:right;font-weight:400;font-size:14px;line-height:40px;position:relative;}
.topArea .sort .dir {float:right;position:relative;}
.topArea .sort .dir a.cate_open {padding-right:12px;background:url(../../../../images/mobile/ico/ico_arrow_down.png) no-repeat center right;font-size:12px;background-size:10px auto;font-weight:300;}
.topArea .sort > a {float:right;width:30px;height:30px;margin-top:5px;}
.topArea .sort a.list_list {background:url(../../../../images/mobile/ico/ico_list_off.png) no-repeat center;background-size:16px auto;margin-left:12px;}
.topArea .sort a.list_thumb {background:url(../../../../images/mobile/ico/ico_thumb_off.png) no-repeat center;background-size:16px auto;margin-left:5px;}
.topArea .sort a.list_list.on {background:url(../../../../images/mobile/ico/ico_list_on.png) no-repeat center;background-size:16px auto;}
.topArea .sort a.list_thumb.on {background:url(../../../../images/mobile/ico/ico_thumb_on.png) no-repeat center;background-size:16px auto;}
.topArea .sort a.filter_open { position:relative;width:auto; height:100%;padding:0 0 0 15px; font-size:12px;background:url(../../../../images/mobile/ico/ico_filter2.png) no-repeat center left;background-size:10px auto;color:#333;margin-top:0;margin-left:10px;font-weight:200;}

.topArea .sort .sort_list {position:absolute;top:35px;left:-9px; display:none;width:90px;padding:8px;background:#fff;z-index:1;box-shadow:0px 0px 10px #ccc;}
.topArea .sort .sort_list ul li {display:block;width:100%;}
.topArea .sort .sort_list ul li a {font-size:12px;line-height:29px;font-weight:300;}

.prd_list {display:none; overflow-x:hidden !important; height:100%;}
.prd_list.on {display:block; overflow-x:hidden !important; height:100%;}

/*list.html*/
.prd_list ul.cate_list li {display:block;position:relative;width:100%;border-bottom:1px solid #eeeeee; display:flex; justify-content:space-around; height:140px; overflow:hidden;}
.prd_list ul.cate_list li:not(:first-of-type) {border-top:6px solid #f8f8f8;}
.prd_list ul.cate_list li:after{content: '';display:block;clear:both;}
.prd_list ul.cate_list li a.thumbArea {width:50%;position:relative;text-align: center;padding:10px 0; padding-left:10px; overflow:hidden; /*height:15vw; min-height:200px;*/}
.prd_list ul.cate_list li a.thumbArea img {max-width:fit-content; width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); height:100%; padding:10px;}
.prd_list ul.cate_list li .floatR {width:50%;height:auto;}
.prd_list ul.cate_list li .best_name {display:block; letter-spacing: -1px; font-weight:400; font-size:14px; line-height:1.2em; float:none; height:52px; padding-left:0px; padding-right:0px; padding-bottom:0; margin-bottom:0; width:90%; padding-top:0; margin-top:20px;}
.prd_list ul.cate_list li .best_info {letter-spacing: -1px; width:100%; position:relative; bottom:0; padding-right:0px; padding-left:0px; padding-top:0; margin-top:10px; height:initial;}
.prd_list ul.cate_list li .best_info .oPrice {font-size:14px;color:#b9b9b9;text-decoration: line-through;line-height:1;}
.prd_list ul.cate_list li .best_info .best_price {font-size:11px;color:#000;line-height:1; width:100%;}
.prd_list ul.cate_list li .best_info .best_price span {font-size:22px;color:#000;font-weight:800;}
.prd_list ul.cate_list li .best_info > a {width:30px;height:30px; right:48%; bottom:3%; position:absolute;}
.prd_list ul.cate_list li .best_info a.add_cart {background:url(../../../../images/mobile/ico/ico_add_cart.png) no-repeat center center;background-size:100% auto;}
.prd_list ul.cate_list li .best_info a.add_wish {background:url(../../../../images/mobile/ico/ico_favorite_off.png) no-repeat center center;background-size:100% auto; position:absolute; left:74%; top:5px;}
.prd_list ul.cate_list li .best_info a.add_wish.on {background:url(../../../../images/mobile/ico/ico_favorite_on.png) no-repeat center center;background-size:100% auto;}

#testList{height:100%;}

/*list_thumb.html*/
.thumb_list {padding:7px 10px 30px 10px;}
.thumb_list > ul > li {display:inline-block;float:left;width:calc(50% - 3px);margin-bottom:10px;}
.thumb_list > ul > li:nth-of-type(2n-1) {margin-right:6px;}
.thumb_list > ul > li a.prd_thumb {display:block; height:180px; overflow:hidden; position:relative; width:100%;}
.thumb_list ul li a.prd_thumb img {width:95%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:fit-content;}
.thumb_list > ul > li:nth-of-type(2n-1){margin-right: 0;clear: left;}

@media(min-width:650px){
    .thumb_list > ul {margin: 0 -10px;}
    .thumb_list > ul > li {width: 25%;padding:10px;}
    .thumb_list > ul > li a.prd_thumb img{width: 100%;}
    .thumb_list > ul > li:nth-of-type(2n-1){margin-right: 0;clear:none !important;float: left;}
    .thumb_list > ul > li:nth-of-type(4n-1){clear: left;}
}
@media(min-width:900px){    
    .thumb_list > ul > li a.prd_thumb{padding-left:20%;}    
}

 
.thumb_list .prd_name {display:block;width:100%;padding: 0 10px;margin-top:20px;}
.thumb_list .prd_name a {display:-webkit-box;font-size:14px;line-height:17px;height:53px;letter-spacing: -0.5px;font-family:'Noto Sans KR';font-weight:300; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow:hidden; text-overflow:ellipsis;}
.thumb_list .prd_info {padding:0 10px 8px 10px; line-height:1em;}
.thumb_list .prd_info ul li {display:inline-block;float:left;}
.thumb_list .prd_info ul li:first-of-type {padding-top:0px;} 
.thumb_list .prd_info ul li:last-of-type {float:right;} 
.thumb_list .prd_info ul li a.add_wish {display:block;width:30px;height:30px;background:url(../../../../images/mobile/ico/ico_favorite_off.png) no-repeat center center;background-size:100% auto;}
.thumb_list .prd_info ul li a.add_wish.on {display:block;width:30px;height:30px;background:url(../../../../images/mobile/ico/ico_favorite_on.png) no-repeat center center;background-size:100% auto;}
.thumb_list .prd_info ul li p.consumer {text-decoration: line-through;color:#b9b9b9;font-size:12px;font-weight: 300;margin-bottom:4px;}
.thumb_list .prd_info ul li p.price {color:#000000;font-size:15px;}
.thumb_list .prd_info ul li p.price span {color:#000000;font-size:17px;font-weight:600;letter-spacing: -1px;}

/*searchResult_category.html*/

.filter_container {position:absolute;display:block;width:80%;height:105%;overflow-y: auto;z-index:20;background:#fff;top:0;right:-80%; overflow-x:hidden;}
.filter_container .filter-top {border-bottom:1px solid #ededed;}
.filter_container .filter-top h2 {font-size:15px;font-weight:400;line-height:60px;padding-left:20px;}
.filter_container .filter-top .filter_close_btn {position:absolute;right:10px;top:16px;width:28px;height:28px;background:url(../../../../images/mobile/ico/ico_closeBtn_black.png) no-repeat center center; background-size:12px 12px;}
.filter_container .filter-cont {border-top:10px solid #f1f1f1; /*border-bottom:1px solid #ededed;*/ padding:20px;}
.filter_container .filter-cont h2.filter-title {font-size:14px;font-weight:500;line-height:1em;margin-bottom:19px;}
.filter_container .filter-cont .filter_more {display:inline-block;width:100%;}
.filter_container .filter-cont .filter_more span {color:#a8a8a8;font-weight:300;}
.filter_container .filter-cont .filter_more img {width:20px;height:auto;margin-right:10px;}

.filter_container .filter-cont .priceSearch::after {content: '';clear:both;display:block;}
.filter_container .filter-cont .priceSearch > span {float:left;display:inline-block;width:20px;height:40px;text-align: center;line-height:40px;}
.filter_container .filter-cont .priceSearch input {float:left;width:calc(50% - 10px);height:40px;border:1px solid #d2d2d2;position:relative;padding-right:24px;text-align: right;}
.filter_container .filter-cont .priceSearch label {position:absolute;margin-left:-20px;margin-top:11px;font-size:12px;}
.filter_container .filter-cont .priceSearchBtn {width:100%;font-size:12px;text-align: center;height:40px; line-height:40px;border:1px solid #d2d2d2;background:#ebebeb;margin-top:5px;}
.filter_container .filter-cont .keySearch {position:relative;}
.filter_container .filter-cont .keySearch input {width:100%;height:40px;border:1px solid #d2d2d2;position:relative;padding-right:40px;}
.filter_container .filter-cont .keySearchBtn {display:block;position:absolute;width:40px;height:40px;padding-top:10px;text-align: center;right:0;top:0;}
.filter_container .filter-cont .keySearchBtn img {width:18px;height:18px;}

.filter_container ul.checkList {height:100%;overflow: auto;}
.filter_container ul.checkList .hidden {display:none;}
.filter_container ul.checkList li {display:inline-block;width:100%;margin-bottom:7px;}
.filter_container ul.checkList li label {float:left;display:inline-block;position:relative;line-height: 20px;color:#333333;font-size:12px;font-weight:200;margin-top:0px;padding-left:30px;}
.filter_container ul.checkList li label span {color:#a8a8a8;font-weight:200;}
.filter_container input[type="checkbox"] {position:absolute;width:1px;height:1px;border:0;padding:0;margin:-1px;overflow: hidden;clip:rect(0,0,0,0);}
.filter_container input[type="checkbox"] + label::before {content:'';display:inline-block;position:absolute;top:0px;left:0;background:url(../../../../images/mobile/ico/ico_cate_off.png) no-repeat center left; width:20px;height:20px;line-height:20px;background-size:20px auto;}
.filter_container input[type="checkbox"]:checked + label {color:#ff4546;}
.filter_container input[type="checkbox"]:checked + label::before {content:'';background:url(../../../../images/mobile/ico/ico_cate_on.png) no-repeat center center;background-size:20px 20px;}

.filter_container .sC_List{width:100%;}
.filter_container .sC_List ul.OneDepth{width:100%;}
.filter_container .sC_List ul.OneDepth li {width:100%;padding:6px 0 6px 10px;position:relative;font-family:'Noto Sans KR';}
.filter_container .sC_List ul.OneDepth li a {font-size:12px;font-weight: 300;text-overflow: ellipsis;white-space: nowrap;width:90%;overflow: hidden;color:#000;}
.filter_container .sC_List ul.OneDepth li a.no_two_depth span {background:none;}
.filter_container .sC_List ul.OneDepth li .oDepthMoreBtn {display:inline-block;position: absolute;top:6px;right:0;width:26px;height:20px;background:url(../../../../images/mobile/ico/oDepth_off.png) no-repeat center center;text-indent: -9999px;background-size:8px auto;}
.filter_container .sC_List ul.OneDepth li.on .oDepthMoreBtn {background:url(../../../../images/mobile/ico/oDepth_on.png) no-repeat center;background-size:8px auto;}
.filter_container .sC_List ul.OneDepth li.on a.no_two_depth span {background:none;}
.filter_container .sC_List ul.OneDepth li .TwoDepth {display:none;margin-top:10px;}
.filter_container .sC_List ul.OneDepth li .TwoDepth.on {display:block;}
.filter_container .sC_List ul.OneDepth li .TwoDepth ol{width:100%;}
.filter_container .sC_List ul.OneDepth li .TwoDepth ol li {position:relative;padding:4px 0 4px 4px;width:100%;}
.filter_container .sC_List ul.OneDepth li .TwoDepth > ol li:last-of-type {margin-bottom:10px;}
.filter_container .sC_List ul.OneDepth li .TwoDepth ol li a{ font-size:12px;line-height: 1.9;text-overflow: ellipsis;white-space: nowrap;width:100%;overflow: hidden;font-weight:300;color:#3d3d3d;}
.filter_container .sC_List ul.OneDepth li .TwoDepth ol li .tDepthMoreBtn {position: absolute;top:2px;right:0;width:28px;height:28px;background:url(../../../../images/mobile/ico/tDepth_off.png) no-repeat center;background-size:10px auto;}
.filter_container .sC_List ul.OneDepth li .TwoDepth ol li.on .tDepthMoreBtn {background:url(../../../../images/mobile/ico/tDepth_on_red.png) no-repeat center;background-size:10px auto;}
.filter_container .sC_List ul.OneDepth li .TwoDepth ol li.on a {color:#ff4546;}
.filter_container .sC_List ul.OneDepth li .TwoDepth .ThirdDepth {display:none;}
.filter_container .sC_List ul.OneDepth li .TwoDepth .ThirdDepth.on {display:block;margin-top:7px;}
.filter_container .sC_List ul.OneDepth li .TwoDepth .ThirdDepth ol{width:100%;}
.filter_container .sC_List ul.OneDepth li .TwoDepth .ThirdDepth ol li{width:100%;padding:2px 0;}
.filter_container .sC_List ul.OneDepth li .TwoDepth .ThirdDepth ol li a {font-size:12px;color:#a8a8a8;line-height: 2;text-overflow: ellipsis;white-space: nowrap;width:90%;overflow: hidden;font-weight:300;}
.filter_container .sC_List ul.OneDepth li .TwoDepth .ThirdDepth ol li a:hover{color:#ff4546;}