/* BASIC css start */
    #top_banner {position: relative;display: none;background: var(--point-color01);} 
    #top_banner .w_custom{display:flex;align-items:center;justify-content: center;height: 50px;}
    #top_banner p {text-align: center;background-color: var(--point-color01);color:var(--point-white);padding: 0 25px;font-size: 13px;font-weight: 300;letter-spacing: 0.015em;box-sizing: border-box;} 
    #top_banner p:before{display: inline-flex;content:'';width: 30px;height: 14px;background: url('/design/mach611/da_image/top_bnr_icon.png') no-repeat center / 100% auto;transform: translateY(-2px);vertical-align: middle;margin-right: 8px;}
    #top_banner p em{display: contents; font-weight:inherit; color:var(--point-color02);}
    #top_banner a.ban_close {position: absolute;top: 50%;transform: translateY(-50%);right: 0; width: 14px; height: 14px; background: url('/design/mach611/da_image/top_bnr_close.png') no-repeat center / 100% auto;} 

    #header{background-color: #fff;padding-bottom:7px}
    #header .head_top{display: flex;align-items: center;position: relative;justify-content: space-between;padding: 25px 0;}
    #header .head_top .ham a{display: block;height: 19px;}
    #header .head_top .ham a img{transform-origin: left center;}
    #header .head_top h1.logo{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
    #header .head_top h1.logo a{display: block;width: 170px;}
    :is(#header,#shopdetail_header) .cart a{display: inline-block;position: relative;height: 24px;}
    :is(#header,#shopdetail_header) .cart a img{transform-origin: right center;}
    :is(#header,#shopdetail_header) .cart a span{position: absolute;font-size: 11px;font-weight: 500;width: 18px;height: 18px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background-color: var(--main-color);color: #fff;right: -8px;top: -5px;line-height: 1;}
    #header .search{border: 1px solid var(--border-color03);padding: 0px 15px 0 15px;border-radius: 0;font-size: 14px;font-weight: 400;color: var(--black-color02);}
    #header .search fieldset{position:relative; transition: all .5s; display:flex; align-items:center;}
    #header .search fieldset input{background:none !important;border:none;padding-right: 10px;flex-grow:1;padding-left:0px;height: 38px;font-weight: 300;}
    #header .search fieldset .search_icon{display:inline-block;font-size: 0;}
    #header .search fieldset input::placeholder{color: #ababab;}

    #fix_head{position: sticky; top: 0; background-color: #fff;z-index: 20; border-bottom: 1px solid #f2f2f2;}
    #fix_head .head_cont ul{display: flex; overflow: hidden; overflow-x:auto;}
    #fix_head .head_cont ul {-ms-overflow-style: none; /* IE, Edge */ scrollbar-width: none; /* Firefox */}
        #fix_head .head_cont ul::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera */}
    #fix_head .head_cont ul > li{position: relative; flex-shrink: 0; width: auto; box-sizing: border-box;}
    #fix_head .head_cont ul > li > a{font-size: 16px;font-weight: 400; color: var(--black-color03); display: flex; align-items: center; justify-content: center; height: 45px; text-align: center; padding: 0 12px; box-sizing: border-box;}
    #fix_head .head_cont ul > li:first-child > a{padding-left: 15px;}
    #fix_head .head_cont ul > li:last-child > a{padding-right: 15px;}

    #shopdetail_header{ border-bottom: 1px solid #e8e8e8; position: sticky; top: 0; background-color: #fff; padding: 13px 0; display:none; z-index:20}
    #shopdetail_header .head_inner{display: flex; align-items: center; justify-content: space-between;}
    #shopdetail_header .head_inner .back a{display: block;}

    #asi{position: fixed;top: 0; left: 0;opacity: 0;transition: all .3s;  background-color: #fff; z-index: 99; height: 100%; overflow-y: auto;display: none; }
    #asi.block{display: block;}
    #asi.block.show{opacity: 1;}
    body:has(#asi.block.show){overflow:hidden; touch-action:none; }
    #asi>div{width: 100%;}
    #asi .asi_top{padding: 13px 0;}
    #asi .asi_top .w_custom{display: flex; align-items: center; justify-content: space-between;}
    #asi .asi_top ul.log{display: flex; align-items: center; }
    #asi .asi_top ul.log li{position: relative; padding-right: 20px; margin-right: 20px;} 
    #asi .asi_top ul.log li:first-child:after{content: ""; display: block; width: 1px; height: 13px; background-color: #fff; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
    #asi .asi_top ul.log li a{display: block;color: var(--point-white);font-size:17px;font-weight: 300;}
    #asi .asi_top .asi_close a{display: block; width: 20px; }
    #asi .asi_mid{padding: 15px 0;border-bottom: 10px solid var(--gray-bg01);}
    #asi .asi_mid ul.user_m{display: flex; justify-content: space-between; flex-wrap: nowrap;}
    #asi .asi_mid ul.user_m li a{display: flex;flex-direction: column;align-items: center;justify-content: space-between;height: auto;gap: 8px;}
    #asi .asi_mid ul.user_m li a em{display: flex;align-items: center;justify-content: center;width: 35px;height: 25px;}
    #asi .asi_mid ul.user_m li a span{display: inline-block;color: var(--black-color03);font-size: 14px;font-weight: 400;}
    #asi .asi_btm{padding-bottom:40px}
    #asi .asi_btm .gnb{padding: 10px 0;}
    #asi .asi_btm .gnb > li{position: relative;}
    #asi .asi_btm .gnb > li > a{line-height:1.2;padding: 0 50px 0 15px;font-size: 16px;color: var(--black-color03);font-weight: 500;display: flex;align-items: center;height: 50px;}
    #asi .asi_btm .gnb > li > span{display:none;align-items:center;justify-content:center;position: absolute;top: 0;right: 0;width: 50px;height: 50px;padding: 0 15px;box-sizing: border-box;transition: all 0.4s;}
    #asi .asi_btm .gnb > li > span:has(+ ul){display:flex;}
    #asi .asi_btm .gnb > li.on > span{transform: scale(-1,-1);}
    #asi .asi_btm .gnb .dep02{display: none;background: var(--gray-bg02);border-top: 1px solid var(--border-color01);border-bottom: 1px solid var(--border-color01);padding: 5px 0;}
    #asi .asi_btm .gnb .dep02 > li {position: relative;}
    #asi .asi_btm .gnb .dep02 > li > a {line-height:1.2;display: flex;align-items: center;height: 50px;padding: 0 50px 0 15px;color: var(--black-color06);font-size: 14px;font-weight: 500;width: 100%;box-sizing: border-box;}
    #asi .asi_btm .gnb .dep02 > li > span{display:none;align-items:center;justify-content:center;position: absolute;top: 0;right: 0;width: 50px;height: 50px;padding: 0 15px;box-sizing: border-box;transition: all 0.4s;}
    #asi .asi_btm .gnb .dep02 > li > span:has(+ ul){display:flex;}
    #asi .asi_btm .gnb .dep02 > li.on > span{transform: scale(-1,-1);}
    #asi .asi_btm .gnb .dep03{display: none;background: var(--point-white);border-top: 1px solid var(--border-color01);border-bottom: 1px solid var(--border-color01);padding: 10px 0;}
    #asi .asi_btm .gnb .dep03 > li {position: relative;}
    #asi .asi_btm .gnb .dep03 > li > a {line-height:1.2;display: flex;align-items: center;height: auto;padding: 8px 20px;color: var(--black-color06);font-size: 13px;font-weight: 500;width: 100%;box-sizing: border-box;}
    #asi .asi_btm .gnb .dep03 > li > span{display:none;align-items:center;justify-content:center;position: absolute;top: 0;right: 0;width: 50px;height: 50px;padding: 0 15px 0 18px;box-sizing: border-box; transition: all 0.4s;}
    #asi .asi_btm .gnb .dep03 > li > span:has(+ ul){display:flex;}


    #fix_icon {z-index: 50;position: fixed;right: 15px;bottom: 30px;opacity: 0;transform: translateX(100px);transition: all .6s;} 
    #fix_icon.show { opacity: 1; transform: translateX(0px); } 
    #fix_icon ul { display: flex; flex-direction: column; gap: 10px; } 
    #fix_icon ul li a {display: flex;align-items: center;justify-content: center;width: 45px;height: 45px;background: var(--black-color03);box-shadow: 0 0 5px rgba(0,0,0,0.16);border-radius: 100%;transition: all 0.4s;padding: 15px;box-sizing: border-box;} 


    /* 다찾다 자동완성*/
    .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%); }
    .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:11px; 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; }


/* 다찾다 검색 파인더 - 레이어 */
    #allfinder-ctr { z-index: 100; position: fixed; right:0; bottom:50%; }
    #allfinder-ctr a { display:block; width:77px; 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 dt > .finder-tooltip-btn { display:inline-block; width:20px; height:20px; line-height:20px; margin-top:0; border:1px solid #cecece; border-radius:20px; color:#666; font-size:11px; background:#fff; text-align:center; outline:none; }
    .all-finder-layer .finder-opt dl dt .finder-comm-layer { display:none; position:absolute; top:43px; left:10px; width:70%; padding:0 15px 11px; border:1px solid #000; background:#fff; text-align:left; font-weight:normal; color:#000; z-index:1 }
    .all-finder-layer .finder-opt dl dt .finder-comm-layer .finder-btn-close { display:inline-block; position:absolute; top:10px; right:14px; margin:0; font-size:19px; color:#000; outline:none; }
    .all-finder-layer .finder-opt dl dt .finder-comm-layer .finder-layer-tit { padding:13px 0; border-bottom:1px solid #e5e5e5; font-size:14px; font-weight:bold; line-height:14px; }
    .all-finder-layer .finder-opt dl dt .finder-comm-layer .finder-layer-cnt { padding-top:13px; line-height:1.5; font-size:13px; }
    .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-opt .finder-child-category { padding:0; }
    .all-finder-layer .finder-opt .finder-child-category .mobile-select-category { padding:15px; margin-bottom:9px; border-bottom:1px solid #e7e7e7; font-size:14px; font-weight:bold; color:#9a9a9a; background:#fff; word-break:break-all; letter-spacing:-1px; }
    .all-finder-layer .finder-opt .finder-child-category .mobile-select-category .pd-2px { padding:0 2px; }
    .all-finder-layer .finder-opt .finder-child-category .mobile-select-category .fc-black { color:#000; }
    .all-finder-layer .finder-opt .finder-child-category .mobile-select-category .fa { margin-left:2px; color:#000; }
    .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 .search-list-close { display:block; padding:10px 11px; text-align:right; color:#666; font-size:11px; }

/* 에이스토어 전용 */

/* paging */
    .paging li{display:inline-block; margin:0 3px}
    .paging {text-align:center ; margin-top:30px}
    .paging a { display:inline-block;  height:26px; width:26px; font-weight:500; line-height:26px;color:#cccccc; font-weight:600;  text-align:center; font-size:13px;font-family: 'Lato', sans-serif;  }

    .paging a.now,
    .paging .now a{ color:#fff; background-color:var(--main-color)   }
    .paging a.first,
    .paging a.prev,
    .paging a.next,
    .paging a.last { font-size:13px; font-family:dotum;  }
    .paging a.first,
    .paging a.last { letter-spacing:-4px }
    .paging li a img{display:inline-block; width:8px;vertical-align:middle }

/* 버튼 관련 */
    .btn_White{color:#000;}
    .borderbox, .borderbox :is(*){box-sizing: border-box;}
    .maxmin{width: 100%;}
    .color_maincolor{color: var(--main-color);}
    .bg_maincolor{background-color: var(--main-color);}
    a{text-decoration: none; color: inherit;}
    ul,li{list-style: none;}
    .clear_fix::after,.clear_fix::before{clear: both; display: block; content: "";}
    #container{position:relative; width:100%; box-sizing:border-box; overflow:clip; padding-bottom:70px;}
    #MS_product::after,#MS_product::before{clear: both; display: block; content: ""; padding-top:10px}
    .product_list_outer{border-top:none !important}
    .product_list_wrap.list_st2 .product_item, .product_list_wrap.list_st3 .product_item{border-top:none !important; padding:unset !important}
    .product_list_wrap.list_st2 .product_item.item_list{margin-left:unset !important; width:unset }
    #block_mobile_area{z-index:700 !important}
    .layer{z-index:701 !important}
    .w50p{width:48%; margin-bottom:20px;}
    .w50p:nth-child(odd){margin-right:4%}

/*상품 리스트*/
    :is(.clear_fix, .shopbrand_item_wrap):has(.item_list){display: flex;flex-wrap: wrap;gap: 30px 15px;}
    .clear_fix:before, .clear_fix:after{display: none;}
    .item_list {position: relative; display: inline-block; width: calc(100% / 2 - 7.5px); margin:0 !important; box-sizing: border-box;} 
    .item_list .link{position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 5;}
    .item_list .thumb {position: relative; width: 100%; border: 1px solid var(--border-color01); box-sizing: border-box; z-index: 8;} 
    .item_list .thumb > a {position: relative; display: block; width: 100%; padding-bottom: 100%; overflow:hidden; } 
    .item_list .thumb > a img{position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover;}
    .item_list .thumb span.num { display: inline-block; width: 50px; height: 50px; font-size:20px; font-weight:600; font-family: 'Pretendard', sans-serif; position: absolute; top: 0; left: 0; z-index: 10; background-color: #424e3aad; color: #fff; display: flex; align-items: center; justify-content: center; } 
    .item_list .thumb .cart_icon { position:absolute; bottom:10px; right:10px; } 
    .item_list .thumb .cart_icon a { display:flex; align-items:center; transition:all .2s; justify-content:center; width:47px; height:47px; background-color:#ababab; border-radius:50%; border: none; z-index: 1; overflow: hidden; position:relative; } 
    .item_list .thumb .btn_list{position: absolute;left:0;bottom: 0;width: 100%;background: rgba(0,0,0,0.6);display: flex;align-items: center;height: 40px;justify-content: center;font-size: 0; opacity: 0; pointer-events: none; transition: all 0.4s;}
    .item_list .thumb .btn_list > li{position: relative; width: 100%; height: 100%; text-align: center;box-sizing: border-box;}
        .item_list .thumb .btn_list > li + li:before{position: absolute; content: ''; width: 1px; height: 20px; background:rgba(255,255,255,0.2); top:50%; left:0; margin-top: -10px;}
    .item_list .thumb .btn_list > li > a{display: flex;align-items: center;justify-content: center;width: 100%; height: 100%;padding: 0 15px; box-sizing: border-box;}
    .item_list .thumb .btn_list .wish-on{background: url('/design/mach611/da_image/item_heart_on.png') no-repeat center;}
    .item_list .thumb .my-wish-count{display: none;}
    .item_list .info {padding: 15px 0 0;box-sizing: border-box;} 
    .item_list .info p {font-size:15px; font-weight:500; text-align:left;} 
    .item_list .info .prdname {color:var(--black-color03);font-weight:400;font-size: 16px;line-height:1.4;white-space:normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} 
    .item_list .info .prdetc { color:#999999; font-size:15px; font-weight:500; } 
    .item_list .info .prdprice {margin-top: 15px;font-size: 14px;font-weight:400;display: flex;flex-wrap: wrap;align-items: center;gap:5px 10px;} 
    .item_list .info .prdprice span.won { font-size:15px; font-weight:400; color:#111111; } 
    .item_list .info .prdprice .sale_per{font-size: 16px;font-weight: 700;color: var(--point-color01);}
    .item_list .info .prdprice .price { color:var(--black-color03);} 
    .item_list .info .prdprice .price strong{font-size: 125%; font-weight: 700;}
    .item_list .info .prdprice strike {color:var(--black-color07); display:inline-block; font-weight:500; line-height: 1;} 
    .item_list .info .prdprice strike strong{font-weight: inherit;}
    .item_list .info .prdprice .percent { font-size:18px; color:var(--main-color); font-weight:700; margin-right:5px } 
    .item_list .info .prd-preview{display: none;}
    .item_list .info .prdbtn{display: none;}
    .item_list .info .prdbtn > span img { display:inline-block; margin:0 3px } 
    .item_list .info .prd-wish a { font-family: 'malgun gothic'; font-size: 14px; color: #000; }
    .item_list .info .prd-wish i.fa { margin-right: 4px; color: #c8c8c8; font-size: 22px; vertical-align: text-top; cursor:pointer; }
    .item_list .info .prd-wish i.fa-heart { display:none; color: #f41f3a; }
    .item_list .info .prd-wish .wish-on i.fa-heart { display:inline-block; }
    .item_list .info .prd-wish .wish-on i.fa-heart-o { display:none; }
    .item_list .thumb .cart_icon a::after { position: absolute; content: ""; width: 100%; height: 0; top: 0; left: 0; z-index: -1; background-color:var(--main-color); transition: all 0.3s ease; } 
    .item_list .thumb:hover .cart_icon a::after { top: auto; bottom: 0; height: 100%; } 

    .btn_basic_1{background-color:var(--main-color)!important; border-color:var(--main-color) !important;}

    :root{--main-color:#0f3b8d}


/* BASIC css end */