@charset "euc-kr";
/*list_common*/
.dimmed {z-index:7;background:rgba(0,0,0,0.3);}
.modal_pop {display:none;position:fixed;width:335px;height:240px;left:50%;top:50%;margin-left:-167px;margin-top:-120px;z-index:999;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;}
.topArea {display:inline-block;width:100%;height:40px;padding:0 10px;border-bottom:1px solid #e7e7e7; margin-top: 105px;}
.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;width:50%;font-weight:400;font-size:14px;line-height:40px;}
.topArea .sort .dir {float:right;position:relative;}
.topArea .sort .dir a.cate_open {padding-right:22px;background:url(../../../images/mobile/ico/ico_arrow_down.png) no-repeat center right;font-size:12px;background-size:10px auto;font-weight:200;}
.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 .sort_list {position:absolute;top:35px;left:-9px; display:none;width:90px;padding:8px;background:#fff;z-index:2;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:200;}


.filter_container {position:absolute;display:block;width:80%;height:100%;overflow-y: auto;z-index:8;background:#fff;top:0;right:-80%;}
.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%;height:20px;line-height:21px;}
.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.cut {height:90px;overflow:hidden;}
.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:100;margin-top:0px;padding-left:30px;}
.filter_container ul.checkList li label span {color:#a8a8a8;font-weight:400;}
.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;}



/*searchResult_category.html*/
.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:#333;}
.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;}


.prd_list {display:none;}
.prd_list.priceOnly {display:block;}
.prd_list.on {display:block;}

.no_result {display: flex;align-items: center;justify-content: center;width:100%;height:165px;border-bottom:1px solid #ededed;margin-top: 73px;}
.no_result p {text-align: center;font-size:15px;font-family:'Noto Sans KR'}
.no_result p strong {font-weight:800;color:#ff3332;}

.greyText {display:block;width:100%;height:50px;line-height:32px;font-size:14px;color:#000000;background:#f1f1f1;padding: 18px 20px 0 20px;}

.priceOnly {border-bottom:1px solid #ededed;}
.priceOnly ul.cate_list li .best_info > a {margin-top:-12px !important;}
.priceOnly ul.cate_list li .best_info{margin-top:30px; width:100%; padding-left:10px; padding-right:10px; height:40px; clear:both; bottom:22%; position:absolute; padding-top:3%; left:52%;}
.best_name {display:-webkit-box; -webkit-line-clamp:3;-webkit-box-orient:vertical;overflow: hidden;text-overflow: ellipsis; letter-spacing: -1px;height:55px;font-size:14px;line-height:18px;font-weight:300;}
.thumb_list .prd_info ul li p.price {font-size:15px;}