/* BASIC css start */
input:focus {outline: none;}

.menu_on {height:100%; overflow:hidden;}
.menu_off {height:auto; overflow:initial;}
#header {width:100%;}
#header .top-pt-01 {position:fixed; top:0; left:0; right:0; z-index:100;}
#header .top-pt-02 {position:fixed; top:0; left:0; right:0; z-index:100; *box-shadow: 0 0 7px 0 #676767; background-color: rgba( 255, 255, 255, 1 ) !important;}
#header #menu {width:45px; background-color:#ab3e41; position:absolute; right:0;}
#header #menu .fa {top:5px;}
#header .headerTop {*position: relative; height: 50px;}
#header .headerTop h1 {
    text-align: center;
    line-height: 3.25;
    font-size: 16px;
    font-weight: bold;
}
#header .headerTop h1 img {max-height: 35px; margin-top: 7px;}
#header .headerTop > div {font-size: 16px;}
#header .headerTop .headerTopLeft {float:left;position: absolute;top: 0;left: 20px;line-height: 50px;}
#header .headerTop .headerTopLeft a {margin-right:10px; }
#header .headerTop .headerTopRight {float:right;position: absolute;top: 0;right: 25px;line-height: 50px;}
#header .headerTop .headerTopRight a {margin-left:10px; }
#header .headerTop .headerTopRight .cart {position:relative;}
#header .headerTop .headerTopRight .cart sup {width:12px; height:12px; background-color:#f1191f; color:#fff; border-radius:6px; position:absolute; top:0px; right:-5px; text-align: center; line-height: 12px;}

#header .search {height:42px; position:fixed; top: 50px; left:0; right:0; background-color:#ccc ; padding-right:45px; text-align:center; display:none; z-index:10;}
#header .search .searchBox {width:100%;}
#header .search .searchBox input {width:90%; height:30px; border:0px none; margin-top: 6px; padding: 0 5px;}
#header .search .btn_search {width:45px; height:42px; line-height:50px; *background-color:#822023; position:absolute; top:0; right:0; color:#fff; text-align:center;}
/* °Ë»öâ */
#header .srchArea {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 201;
    background-color: rgba(0,0,0,0.8);
}
#header .srchArea a.searchClose {
    /* width: 100%; */
    /* height: 100px; */
    display: block;
    color: #fff;
    font-size: 40px;
    text-align: right;
    box-sizing: border-box;
    margin: 32px 20px 70px;
}
#header .search a i {font-family: "Font Awesome 6 Pro";color: #ccc; font-style: normal;}

#header .searchForm fieldset {width: 100%;/* margin: 0 auto; *//* text-align:center; */}
#header .searchForm input {width: 100%;height: 40px;border:none;background:none;font-size:20px;color: #fff;border-bottom: 2px solid #ccc;}
#header .searchForm .btn_search { font-size:40px; }

.xi-search:before {content: "\f002";}
.xi-close-thin:before {content: "\f00d";}
#header .srchArea .searchList {
    display: block;
    height: 10px;
    position: relative;
    width: 100%;
    margin: 0 auto;
}
.search-auto-complete-list {
    display: none;
    z-index: 200;
    position: absolute;
    top: 0px;
    border: 1px solid #ddd;
    line-height: 14px;
    background-color: rgba(255,255,255,1);
}

.searBox {display: block;width: calc(100% - 40px);margin: auto;margin-top: 20px;opacity:0;visibility:hidden;letter-spacing:0;-webkit-transition: top 0.3s ease-in-out;-moz-transition: top 0.3s ease-in-out;-o-transition: top 0.3s ease-in-out;transition: top 0.3s ease-in-out; text-align: left;}
.searBox.open{opacity:1;visibility:visible}
.searBox .searchArea .searchForm .MS_search_word {width: 100%;height: 40px;border: 0;border-bottom: 1px solid #fff;background: transparent;margin-top: 10px;font-size: 26px;color: #fff;padding-left:10px;}
.searBox .searchArea .searchForm { position: relative; }
.searBox .searchArea .searchForm a { position: absolute; top: 20px; right: 0; display: block; width: 35px; height: 35px; background: url('/design/maatila/phps/common/search_ico.png') no-repeat center; background-size: cover; }

.searBox ul.keyword li{display:inline-block;vertical-align:middle;font-size: 14px;line-height:20px;letter-spacing:-0.1px;margin: 0 5px 10px 0;font-weight:200;color: #fff;background: rgba(0,0,0,1);padding: 6px 10px;border-radius:8px;}
.searBox ul.keyword li a{display:block; color:#fdfdfd;}
/* ´Ùã´Ù ÀÚµ¿¿Ï¼º*/
.search-auto-complete-list {display:none;z-index:1;position:absolute;top: 0;left:0;width:100%;line-height:14px;background:#fff;box-shadow:0px 0px 5px 0px rgb(0 0 0 / 20%);}
.search-auto-complete-list ul { width:100%; padding:8px 5px 10px 5px; border-bottom:1px solid #ddd; display: flex; flex-wrap: wrap;}
.search-auto-complete-list ul li { text-align:center; margin: 3px; }
.search-auto-complete-list ul li a {display:block;padding:8px 14px;color:#000;border: 1px solid #eee;border-radius: 10px;background:none;font-family:'malgun gothic';font-size: 14px;letter-spacing:-1px;} 
.search-auto-complete-list ul li a strong { color:#ab3e41; }
.search-auto-complete-list ul li a:hover { background:#f2f2f2; }
.search-auto-complete-list ul li a:hover span {}
.search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#666; font-size:11px; }









/* Çܹö°Å ¸Þ´º */
/* ·¹ÀÌ¾î ¸ñ·Ï */
#layer-list .pp2-layer-bg {width:100%; height: 100%; background-color: #fff;}
#pp2-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; background-color: #000; }
#layer-list {visibility: visible; position: fixed; 
    top: 0px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    z-index: 101;
    -webkit-transition-property:-webkit-transform, right, top;
    -webkit-transition-duration:.2s;
    -webkit-transform:translate3d(-100%,0,0);
    -webkit-transition-timing-function:ease-out;

    -moz-transition-property:-moz-transform, right, top;
    -moz-transition-duration:.2s;
    -moz-transform:translate3d(-100%,0,0);
    -moz-transition-timing-function:ease-out;

    -o-transition-property:-o-transform, right, top;
    -o-transition-duration:.2s;
    -o-transform:translate3d(-100%,0,0);
    -o-transition-timing-function:ease-out;
    -o-transform:translate(100%,0px);

    -ms-transition-property:-ms-transform, right, top;
    -ms-transition-duration:.2s;
    -ms-transform:translate3d(-100%,0,0);
    -ms-transition-timing-function:ease-out;

    transition-property:transform, right, top;
    transition-duration:.2s;
    transform:translate3d(-100%,0,0);
    transition-timing-function:ease-out;
}
.bg-modal {position:absolute; left:0; top:0; width:100%; height: 100%; z-index:4;}

.layer-list {position:absolute; left:0; top:0; width:100%;}
.layer-list .layer-list-box { background:#fff; overflow:hidden; line-height:14px;}
.layer-goods-box .layer-overlay-click,
.layer-list .layer-overlay-click { position: absolute; right: 0; top: 0; width: 60px; height: 50px; z-index: 1; }


/* ·Î±×ÀÎ */
.layer-list .layer-list-top {/* position: relative; */ *height: 82px;text-align: right;padding: 0 20px;}
h4.HamTit {
    display: inline-block;
    height: 30px;
    /* line-height: 50px; */
    font-size: 1.4em;
    font-family: 'Mories';
    font-size: 18px;
    display: block;
    text-align: center;
}
.layer-list .layer-list-top .btn-logo img { max-height: 20px; width: auto; }
.layer-list .layer-list-top .btn-list-close {/* position: absolute; */right: 20px;height: 50px;line-height: 40px;font-size: 1.4em;}


.layer-list .layer-list-bottom {background-color: #e8e6db;height: 50px;text-align: center;}
.layer-list .layer-list-bottom .btn-logo img { max-height: 20px; width: auto; }
.layer-list .layer-list-bottom .btn-list-close {height: 50px;line-height: 50px;font-size: 24px;color: #666;}


.layer-list .stats-logout {
    padding: 0 40px 15px;
    overflow: hidden;
}
.layer-list .stats-logout ul {height: 37px;}
.layer-list .stats-logout li {
    width: 50%;
    float: left;
    padding: 0 5px;
    box-sizing: border-box;
}
.layer-list .stats-logout li a {
    display: inline-block;
    width: 100%;
    text-align: center;
    *height: 35px;
    line-height: 35px;
    border-radius: 6px;
}
.layer-list .stats-logout a.loginBN {
    color: #666;
    background-color: #e8e6db;
}
.layer-list .stats-logout a.joinBN {
    color: #fff;
    background-color: #12423e;
}

/* ºÐ·ù ¸®½ºÆ® */
.layer-list .list-menu {overflow:hidden; font-size: 18px;}
.layer-list .list-menu .category-list-top {}
.layer-list .list-menu ul li span {display:block; height:45px; line-height:46px; *border-bottom:1px solid #e0e0e0; *padding-right: 35px;}
.layer-list .list-menu ul li.list-top > span {border-top:1px solid #e0e0e0;}
.layer-list .list-menu ul li span a {display:block;padding-left: 40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:100%;}

.layer-list .list-menu ul li ul li span a {padding-left: 60px;}
.layer-list #tab-category.list-menu > ul li {position: relative;}
.layer-list #tab-category.list-menu > ul li.category_tit {
    margin-left: 30px;
    font-weight: bold;
    border-bottom: 1px solid #999;
    width: 30%;
}
.layer-list #tab-category.list-menu > ul > li ul { display: none; background-color: #fcfaef;     font-size: 0.85em;}
.layer-list #tab-category.list-menu > ul > li > ul > li > ul > li > span a { padding-left: 50px; }
.layer-list #tab-category.list-menu > ul li span a.expend {display: block;position: absolute;top: 0;right: 40px;width: 100%;height: 41px;padding-left: 0;text-align: right;}
.layer-list #tab-category.list-menu > ul li span a.expend:before { content: "\f107"; font-family: FontAwesome; }
.layer-list #tab-category.list-menu > ul li span a.expend.showing:before { content: "\f106"; font-family: FontAwesome;}
div.ListLine,
#tab-category li.ListLine {height: 1px; padding: 0 40px;}
div.ListLine span,
#tab-category li.ListLine span {background-color: #e6e6e6; height: 1px; display: block;}

/* Àαâ Å°¿öµå */
.layer-list #tab-category.list-menu > ul li.shap-tag {
    position: absolute;
    width: 40%;
	box-sizing: border-box;
    top: 82px;
    right: 20px;
    padding: 20px;
    background-color: #fff;
    border-radius: 15px;
}
.layer-list #tab-category.list-menu > ul li.shap-tag dl dt {
    border-bottom: 1px solid #663300;
    color: #663300;
    padding: 10px 0;
    font-weight: bold;
}
.layer-list #tab-category.list-menu > ul li.shap-tag dl dd {
    width: 100%;
    color: #663300;
    line-height: 2.5em;
}
.layer-list #tab-category.list-menu > ul li.shap-tag dl dd a { color : #663300; }


#review-board-type .reply-write .sub-reviews li { border-bottom: 1px solid #e1e1e1; list-style-type: none; padding: 10px 14px; background-color: #fff; }
#review-board-type .reply-write .sub-reviews li:last-child { border-bottom: none; }
#review-board-type .reply-write .sub-reviews .info { font-size: .75em; color: #777; }
#review-board-type .reply-write .sub-reviews .info .btns { display: inline-block; margin-left: 10px; }
#review-board-type .reply-write .sub-reviews .info a { font-size: 1em; }
#review-board-type .reply-write .sub-reviews li p { margin-top: 5px; font-size: .75em; color: #777; }
#review-board-type .reply-write td ul.agree li a {position: absolute; right: 14px; top: 7px; font-size: 1em; }



.member-menu { position: relative; margin: 7px 5px 0; border: 3px double #dedede; border-radius: 5px; }
.member-menu .fa-hover {color: #717171;}
.member-menu .fa-hover span {font-size: 1.5em;}

#menuArea { padding: 15px 0; text-align: center; }
#menuArea ul {overflow: hidden;}
#menuArea ul li { display: inline-block; float: left;}
#menuArea ul li figure {padding-top: 2px;}
#menuArea ul li.last { margin-right: 0; }
#menuArea ul li figcaption { margin-top: 3px; font-size: 12px; }

/* ÃÖ±Ù º» »óÇ° */
.resent-list ul {overflow:hidden;}
.resent-list ul li dl dd a span.tit { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.resent-list {overflow:hidden; padding: 0 8px; text-align: center;}
.resent-list ul li {float:left; width:50%; margin-bottom:10px;}
.resent-list ul li dl {padding: 0 1px 5px;}
.resent-list ul li dl dt img {max-width:100%; height:auto;}
.resent-list ul li dl dd {color:#555555; line-height:18px; font-size:0.75em; padding:5px 7px 0 7px;}
.resent-list ul li dl dd span {display:block; color:#000; word-break: break-all; }
.resent-list ul li dl dd a {color:#555555;}
.resent-list .recent-dec {text-align: center; display: block; font-size: 0.875em; background-color: #f9f9f9; padding: 20px 0;}

/* ÀÚÁÖã´Â Ä«Å×°í¸® ¸ðÀ½ */
.favorite_cate {border: 1px solid #b1bbc5; margin: 2px 3px 5px; border-radius: 3px;}
.favorite_cate .favorite_btn {padding: 10px 0; display: inline-block; width: 100%; background-color: #e2e6ea; text-align: center;}
.favorite_cate .favorite_wrap li { overflow:hidden; padding:5px 10px 10px; font-size: 0.875em; text-align: center;}
.favorite_cate .favorite_wrap li a {float:left; height: 25px; line-height: 25px; padding: 0 5px; margin:5px 5px 0 0; border:1px solid #ccc; background:#fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 100%; box-sizing: border-box;}
.favorite_cate .favorite_wrap {display: none; border-top: 1px dotted #b1bbc5;}


/* ÀÚÁÖã´Â Ä«Å×°í¸® */
.btn_frequent {float: left; padding-left: 10px;}
.btn_frequent .fa-star-o {color: #f59292;}
.btn_frequent .fa-star {color: #fb8787;}

div.H-41574-1-8 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }



/* ¸Þ´º ÇÏ´Ü °øÅë */
.layer-list .cum-listX3 {
    height: 40px;
    padding: 20px 10px 3px;
    overflow: hidden;
}
.layer-list .cum-listX3 li {
	float:left; width:50%; 
	text-align:center;
}
.layer-list .cum-listX3 li a {
    display: block;
    height: 36px;
    line-height: 36px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    border-radius: 3px;
    margin-right: 3px;
}
.layer-list .cum-listX3 li:nth-child(3) a {margin-right: 0;}

.layer-list .cum-listX4 {
    height: 80px;
    padding: 3px 40px;
    overflow: hidden;
}
.layer-list .cum-listX4 li {float:left;color:#333;font-size:0.75em;text-align:center;}
.layer-list .cum-listX4 li a {
    display: block;
    padding: 20px 0;
    line-height: 16px;
    font-weight: bold;
    border-radius: 3px;
    margin-right: 14px;
}
.layer-list .cum-listX4 li:nth-child(4) a {margin-right: 0;}
.layer-list .cum-listX4 li a img {height: 30px;}
.layer-list .aside-bn {/* border-bottom: 1px solid #e0e0e0; */margin-bottom: 40px;}

/* //Çܹö°Å ¸Þ´º */




/* ÃÖ±Ù º» »óÇ° */
#ly_lastView {width:100%; position:absolute; top:36px; left:0; background-color:#fff; z-index:101; padding-bottom:20px; box-shadow: 0 1px 10px #717171; display:none;}
/* //ÃÖ±Ù º» »óÇ° */

@media screen and (min-width:768px) {
    #header #menu {width:85px;}
    #header .headerTop {padding-right:85px;}
    #header .search {padding-right:85px;}
    #header .search .searchBox input {width:95%;}
    #header .search .btn_search {width:85px;}
}




/* ´Ùã´Ù °Ë»ö ÆÄÀδõ - ·¹À̾î */
#allfinder-ctr { z-index: 100; position: fixed; right:0; bottom:50%; }
#allfinder-ctr a { display:block; width:68px; height:64px; background:url('/images/common/allfinder_ctrl_mo.png') no-repeat 0 0; background-size:100% 100%; border:none; outline:none; font-size:0; }

.all-finder-layer { z-index:200; position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; overflow-y:auto; }
.all-finder-layer .finder-hd { z-index:1; position:fixed; top:0; left:0; width:100%; height:60px; border-bottom:1px solid #e7e7e7; background:#fff; }
.all-finder-layer .finder-hd .fa-close { position:absolute; top:17px; right:10px; font-size:26px; color:#000; }
.all-finder-layer .finder-hd .finder-tit { height:60px; line-height:60px; padding:0 10px; font-size:16px; font-weight:bold; color:#000; letter-spacing:-2px; }
.all-finder-layer .finder-search { position:relative; margin:0 10px 20px; border:2px solid #000; border-radius:3px; }
.all-finder-layer .finder-search .fa-search { display: inline-block; width: 40px; height: 42px; line-height: 42px; text-align: center; font-size: 18px; }
.all-finder-layer .finder-search .txt-input { width:85%; height:42px; line-height:42px; margin:0; padding:0; font-size:14px; outline:none; border:none; color: #000; vertical-align:top; letter-spacing:-1px; }
.all-finder-layer .finder-search .txt-input::-webkit-input-placeholder { color:#b1b1b1; }
.all-finder-layer .finder-search dd { background:#FFF; }
.all-finder-layer .finder-opt { padding:60px 0 55px; color:#000; }
.all-finder-layer .finder-opt dl dt { position:relative; height:53px; line-height:53px; padding:0 10px; border-top:1px solid #e7e7e7; font-size:14px; font-weight:bold; color:#000; letter-spacing:-1px; }
.all-finder-layer .finder-opt dl dt .fa { position:absolute; top:50%; right:10px; margin-top:-13px; font-size:25px; color:#b2b2b2; }
.all-finder-layer .finder-opt dl dd { display:none; padding:10px 5px 0; border-top:1px solid #e7e7e7; background:#f4f4f4; font-size:0; }
.all-finder-layer .finder-opt dl dd label { display:inline-block; width:33.3333%; text-align:center; line-height:18px;}
.all-finder-layer .finder-opt .finder-color label { width:12.5%; }
.all-finder-layer .finder-opt .finder-price .finder-price-input { padding:0 5px 10px; text-align:right; font-size:12px; }
.all-finder-layer .finder-opt .finder-price .finder-price-input:after { clear: both; content: ""; display: block; }
.all-finder-layer .finder-opt .finder-price .finder-price-input span { float:left; display:inline-block; height:34px; line-height:34px; }
.all-finder-layer .finder-opt .finder-price .finder-price-input label { display: inline-block; width: 33%; padding: 0 8px; border: 1px solid #ccc; border-radius:3px; color: #666; background:#fff; }
.all-finder-layer .finder-opt .finder-price .finder-price-input label .txt-input { display: inline-block; width: 84%; height: 32px; line-height: 32px; padding: 0; border: none; background: none; color: #000; outline:none; text-align:right; }
.all-finder-layer .finder-btn-c { z-index:1; position:fixed; bottom:0; left:0; width:100%; height:55px; text-align: center; font-size:0; }
.all-finder-layer .finder-btn-c a.reset { display: inline-block; width: 30%; height: 55px; line-height: 55px; background: #999; color: #fff; font-size: 16px; font-weight: bold; letter-spacing: 1px; border:none; }
.all-finder-layer .finder-btn-c button { display: inline-block; width: 70%; height: 55px; line-height: 55px; background: #000; color: #fff; font-size: 16px; font-weight: bold; letter-spacing: -0.5px; border:none; }
.all-finder-layer .finder-btn-c button span.fa-search { margin-right:5px; margin-top:-2px; vertical-align:middle; font-size:0.750em; }
.all-finder-layer .finder-btn-c button span.finder-count { display:inline-block; color:#ffd800; font-size:18px; vertical-align:middle; }

.all-finder-layer .finder-opt .finder-options { display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:80%; height:22px; padding: 5px 5%; line-height:22px; border: 1px solid #ccc; word-break:break-all; border-radius: 20px; background:#fff; color:#000; text-align:center; font-size:12px; }
.all-finder-layer .finder-opt .finder-options.on { font-weight: bold; border: 1px solid #000; box-shadow:2px 2px 3px #d2d2d2; }
.all-finder-layer .finder-opt .finder-option-color em { display: inline-block; width: 33px; height: 33px; border-radius:20px; font-size:0; vertical-align:middle; }
.all-finder-layer .finder-opt .finder-option-color.color-picker { width:33px; height:33px; padding: 0; border: none; } 
.all-finder-layer .finder-opt .finder-option-color.color-picker .fa-check { display:none; width:33px; height:33px; margin-top:-25px; color:#fff; text-align:center; font-size:16px; }
.all-finder-layer .finder-opt .finder-option-color.color-picker.on .fa-check { display:block; }
.all-finder-layer .finder-opt .finder-option-color.color-picker.on.finder-option-color-white .fa-check { color:#000; }

.finder-option-color.finder-option-color-black em { background-color: #000; }
.finder-option-color.finder-option-color-white em { background-color: #FFF; width: 20px; height: 20px; border: 1px solid #e5e5e5; }
.finder-option-color.finder-option-color-gray em { background-color: #808080; }
.finder-option-color.finder-option-color-beige em { background-color: #e5d0b2; }
.finder-option-color.finder-option-color-brown em { background-color: #aa6810; }
.finder-option-color.finder-option-color-navy em { background-color: #425583; }
.finder-option-color.finder-option-color-blue em { background-color: #0000ff; }
.finder-option-color.finder-option-color-light-blue em { background-color: #62acff; }
.finder-option-color.finder-option-color-red em { background-color: #ff0000; }
.finder-option-color.finder-option-color-orange em { background-color: #ffa500; }
.finder-option-color.finder-option-color-yellow em { background-color: #ffff00; }
.finder-option-color.finder-option-color-pink em { background-color: #ffc0cb; }
.finder-option-color.finder-option-color-purple em { background-color: #800080; }
.finder-option-color.finder-option-color-jaju em { background-color: #a63f7f; }
.finder-option-color.finder-option-color-khaki em { background-color: #2f5e2f; }
.finder-option-color.finder-option-color-green em { background-color: #008000; }
.finder-option-color.finder-option-color-light-green em { background-color: #72dd95; }
.finder-option-color.finder-option-color-silver em { background-color: #dfdfdf; }
.finder-option-color.finder-option-color-gold em { background-color: #cfbc4e; }
.finder-option-color.finder-option-color-apricot em { background-color: #fbceb1;  }

.all-finder-layer .search-auto-complete-list { display:none; z-index:1; position:absolute; top:43px; left:0; width:100%; line-height:14px; background:#fff; box-shadow:0px 0px 5px 0px rgb(0 0 0 / 20%); }
.all-finder-layer .search-auto-complete-list ul { width:100%; padding:8px 5px 10px 5px; border-bottom:1px solid #ddd; display: flex; flex-wrap: wrap;}
.all-finder-layer .search-auto-complete-list ul li { text-align:center; margin: 3px; }
.all-finder-layer .search-auto-complete-list ul li a { display:block; padding:8px 14px; color:#000; border: 1px solid #eee; border-radius: 10px; background:none; font-family:'malgun gothic'; font-size:11px; letter-spacing:-1px; } 
.all-finder-layer .search-auto-complete-list ul li a strong { color:#ab3e41; }
.all-finder-layer .search-auto-complete-list ul li a:hover { background:#f2f2f2; }
.all-finder-layer .search-auto-complete-list ul li a:hover span {}
.all-finder-layer .search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#666; font-size:11px; }


.pop-close-btn.fa-regular.fa-xmark {
    font-weight: 200;
}


@media screen and (max-width: 350px) {
    h4.HamTit {
        font-size: 16px;
    }
    .layer-list #tab-category.list-menu > ul > li ul {
        padding-bottom: 10px;
    }
    .layer-list #tab-category.list-menu > ul li.shap-tag {
        position: unset  !important;
        margin: 10px;
        margin-left: 60px;
        width: calc(100% - 120px) !important;
    }
}


/* BASIC css end */