/* BASIC css start */
html.no-scroll,
body.no-scroll { overflow: hidden !important; /*height: 100%;*/ }
body #skin_preview_wrap .preview-label-wrap {display:none !important;}
header .inner {max-width:1360px;width:100%;margin:0 auto;}
body .contract-wrapper .cw-wrapper {width:100%;}

.sticky { position: sticky; top: 0; z-index: 97; background-color: var(--cw-color-white); }
.sticky.is-stuck {background: rgba(250, 250, 250, 0.8);backdrop-filter: blur(10px);transform: translateY(-50px);box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);}
.sticky.is-stuck .header-container .hd_info {}
.top-bar { display: flex; align-items: center; justify-content: center; height: 40px; background-color: var(--cw-point-color-pri); }
.top-bar a { text-decoration: none; color: var(--cw-color-white); font-size: .875rem; font-weight: 700; line-height: 20px; }

#topbanner .topSlider li.txt a { font-family: var(--bs-body-font-family); }
.top_banner {display:none;}
.top_banner img {width:100%;height: 80px;object-fit: cover;}
.top_banner img.mb_img {display:none;}

header.fixed .excel {display: none;} 
.excel {text-align: center;background: #f2f2f2;padding: 18px 0;border-bottom: 1px solid #ddd;} 
.excel .file_choice {display: flex;justify-content: space-between;align-items: center;} 
.excel span {font-size: 14px;letter-spacing: -0.5px !important;opacity: 0.7;} 
.excel .excel_cont {width: 100%;max-width: 1500px;margin: 0 auto;display: flex;justify-content: center;align-items: center;} 
.excel .excel_cont .inner {display: flex;justify-content: space-between;align-items: center;width: 100%;margin: 0 auto;} 
.excel .excel_cont .inner * {vertical-align: middle;} 
.excel .excel_cont .inner input[type="file"] {width: 320px;padding: 8px 12px;border: 1px solid #ddd;border-radius: 6px;background: #fff;font-size: 14px;color: #333;cursor: pointer;transition: all 0.2s ease;margin-right: 2px;} 
.excel .excel_cont .inner input[type="file"]:hover {border-color: #999;background: #fafafa;} 
.excel .excel_cont .inner input[type="file"]:focus {outline: none;border-color: #666;box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05);} 
.excel .excel_cont .inner input[type="file"]::file-selector-button {padding: 6px 16px;margin-right: 12px;border: 1px solid #ddd;border-radius: 4px;background: #f5f5f5;color: #333;font-size: 14px;font-weight: 500;cursor: pointer;transition: all 0.2s ease;} 
.excel .excel_cont .inner input[type="file"]::file-selector-button:hover {background: #e8e8e8;border-color: #bbb;} 
.excel .excel_cont .inner a {display: inline-block;border: 1px solid #ddd;border-radius: 40px;margin: 0 4px;box-shadow: 0px 2px 4px rgba(0,0,0,0.1);background: #fff;padding: 8px 20px;letter-spacing: -1px !important;font-size: 16px;font-weight: 500;text-decoration: none;color: #333;transition: all 0.3s ease;white-space: nowrap;} 
.excel .excel_cont .inner a:hover {background: #f5f5f5;border-color: #bbb;box-shadow: 0px 2px 6px rgba(0,0,0,0.15);} 
.excel .excel_cont .inner a.btn-excel-download {background: #fff;color: #333;border-color: #ddd;} 
.excel .excel_cont .inner a.btn-excel-download:hover {background: #f5f5f5;border-color: #bbb;} 
.excel .excel_cont .inner a.btn-excel-video,
.excel .excel_cont .inner a.btn-excel-deposit {cursor: pointer;color: #333;font-weight: 500;background: #fff;border-color: #ddd;} 

.excel .excel_cont .inner .btn2 {display: inline-block;border: 1px solid #ddd;border-radius: 40px;margin: 0 4px;box-shadow: 0px 2px 4px rgba(0,0,0,0.1);background: #fff;padding: 8px 20px;letter-spacing: -1px !important;font-size: 16px;font-weight: 800;text-decoration: none;color: #333;transition: all 0.3s ease;white-space: nowrap;} 

.excel .excel_cont .inner a.btn-excel-video:hover,
.excel .excel_cont .inner a.btn-excel-deposit:hover {background: #f5f5f5;border-color: #bbb;box-shadow: 0px 2px 6px rgba(0,0,0,0.15);} 
.excel .excel_cont .inner p {color: #222;} 

.modal,.modal_2,.modal_3 {display: none;position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);backdrop-filter: blur(2.5px);} 
.modal-content {position: relative;margin: 0 auto;width: 80%;max-width: 1200px;height: 80%;top: 8%;background-color: transparent;} 
.modal-content .closeBtn,
.modal-content .closeBtn_2,
.modal-content .closeBtn_3 {position: absolute;top: -40px;right: 0;width: 40px;height: 40px;border: none;background: rgba(255, 255, 255, 0.9);border-radius: 50%;font-size: 28px;line-height: 1;color: #333;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;z-index: 1001;} 

.modal-content .closeBtn:hover,
.modal-content .closeBtn_2:hover,
.modal-content .closeBtn_3:hover {background: #fff;transform: rotate(90deg);}


.fixed_btn {position: fixed;right: 1%;top: 32%;z-index: 100;}
.fixed_btn .mb_search {display:none;margin-bottom: 5px;width: 40px;height: 40px;background: rgba(255, 255, 255, .5);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);backdrop-filter: blur(4px);border-radius: 50%;text-align: center;line-height: 37px;}
.fixed_btn .mb_search img {width: 24px;}
.fixed_btn .menu-toggle {position: relative;display:block;width: 40px;height: 40px;background: #000;border-radius: 50%;text-align: center;line-height: 40px;z-index: 99;}
.fixed_btn .menu-toggle img {filter: invert(1);height: 13px;margin-top: -4px;}
.fixed_btn .desc {position: absolute;left: -40px;top: 8px;display: block;height: 25px;line-height: 25px;padding: 0 10px;transform: translateX(-50%);background: rgba(255, 255, 255, .9);border: 1px solid rgba(0, 0, 0, .1);border-radius: 5px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);font-size: 11px;
color: #333;font-weight: normal;white-space: nowrap;visibility: hidden;filter: alpha(opacity=0);opacity: 0;transition: all .3s ease;}
.fixed_btn .menu-toggle:hover .desc {visibility: visible;opacity: 1;transition: all .3s ease;}


.header-container {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--cw-color-30); }
.header-container .inner .hd_top {display: flex;align-items: center;justify-content: space-between;}
.header-container .inner .hd_top .mb_menu {display:none;}
.header-container .inner .hd_top .mb_menu a {position:relative;}
.header-container .inner .hd_top .mb_menu .cate_toggle {display: inline-block;width: 25px;height: 25px;text-align: center;}
.header-container .inner .hd_top .mb_menu a img.ham {width:15px;}
.header-container .inner .hd_top .mb_menu a img.bsk {width: 22px;margin-left: 10px;}
.header-container .inner .hd_top .mb_menu .basket .notification {display: block;position: absolute;top: -2px;right: -7px;width: 18px;height: 18px;line-height: 14px;padding: 2px 2.5px 2px 1.5px;border: 0;border-radius: 50%;text-align: center;
 text-indent: 1px;font-size: 9px;font-weight: bold;background: #1f5eff !important;}
.header-container .inner .hd_top .mb_menu .basket .notification span {color: #fff;font-size: 9px;}
.header-container .hd_info {position: relative;z-index: 100;width: 100%;border-bottom: 1px solid rgba(0, 0, 0, .08);background: rgba(255, 255, 255, 0.2);-webkit-backdrop-filter: blur(2px);backdrop-filter: blur(2px);}
.header-container .hd_info > ul {max-width: 1260px;width: 100%;margin: 0 auto;display: flex;align-items: center;justify-content: flex-end;}
.header-container .hd_info > ul > li {position: relative;display: inline-block;background: url(/design/beseller/images/bar_b_20.png) 0 50% no-repeat;}
.header-container .hd_info > ul > li .cate2_list {display:none;position: absolute;z-index: 10;top: 37px;left: -12px;padding: 7px 0;border: 1px solid #ddd;background: #fff;box-shadow: 0 2px 3px rgba(0, 0, 0, .1);}
.header-container .hd_info > ul > li .cate2_list li a {display: block;margin: 0 10px;padding: 0 12px;border-top: 1px solid #eee;color: #555;white-space: nowrap;height: 28px;font-size:15px;line-height: 28px;}
.header-container .hd_info > ul > li .cate2_list li:first-child a {border-top:0;}
.header-container .hd_info > ul > li .cate2_list li a:hover {color:#000;font-weight:700;background-color: rgba(0, 0, 0, .03);}
.header-container .hd_info > ul > li:first-child {background:none;}
.header-container .hd_info > ul > li > a {height: 40px;line-height: 40px;padding: 0 10px;font-size: 15px;color:#333;}
.header-container .hd_info > ul > li > a:hover {font-weight:700;}
.header-container .hd_info > ul > li.arrow > a {padding: 0 17px 0 10px;background: url(/design/beseller/images/dotB_3.png) no-repeat 88% 50%;}


.header-logo { flex-shrink: 0; line-height: 0; }
.header-logo a {}
.header-logo a img.pc_img {max-width:900px;width:100%;}
.header-logo a img.mb_img {max-width: 170px;display:none;}
.header-nav {width: 100%;height:50px;border-top: 1px solid rgba(0, 0, 0, .08);}
.header-nav .inner {position: relative;max-width: 1360px;display: flex; gap: 24px;justify-content: flex-start;}
.header-nav .inner > ul {display: flex;column-gap: 25px;}
.header-nav .inner > ul > li {position:relative;}
.header-nav .inner > ul::-webkit-scrollbar {width:100%;height:2px;background-color: #eee;}
.header-nav .inner > ul::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .3);height:3px;}
.header-nav .inner > ul::-webkit-scrollbar-track {background:#ddd;}
.header-nav::-webkit-scrollbar { display: none; }
.header-nav:active { cursor: grabbing; }
.header-nav a { white-space: nowrap; color: var(--cw-heading-color); text-decoration: none; font-size: 16px; font-weight: 400; line-height: 50px; -webkit-user-drag: none; user-drag: none; }
.header-nav a.red {color:rgba(255,0,0);}
.header-nav a.blue {color:rgba(0,0,255);}
.header-nav .ham_btn {cursor: pointer;width: 50px;height: 50px;text-align: center;line-height: 50px;border-right: 1px solid rgba(0, 0, 0, .08);border-left: 1px solid rgba(0, 0, 0, .08);}
.header-nav .ham_btn img {width:16px;}
.header-nav .ham_btn.on {height:49px; z-index: 21;border: 1px solid rgba(0, 0, 0, .3);border-bottom: 0;box-shadow: 0 -2px 4px rgba(0, 0, 0, .1);background-image: url(/design/beseller/images/btn_all_on_b.png);background-repeat: no-repeat;background-position: 50% 0;background-color: rgba(255, 255, 255, .97);transition: box-shadow .3s ease;}
.header-nav .ham_btn.on img {display:none;}
.header-nav .d2-wrap {display: none;min-width: 160px;padding:10px 0; position: absolute;z-index: 10;left: -25px;top: 49px;border: 1px solid rgba(0, 0, 0, .1);background: #fff;box-shadow: 0 2px 3px rgba(0, 0, 0, .1);white-space: nowrap;}
.header-nav .d2-wrap li {position:relative;}
.header-nav .d2-wrap li.d2 {background: url(/design/beseller/images/dotB_3.png) no-repeat 95% 50%;}
.header-nav .d2_img {padding:0;}
.header-nav .d2_img li a {padding:0 !important;}
.header-nav .d2-wrap img {padding:10px;}
.header-nav .d2-wrap li a {display: block;position: relative;line-height: 28px;font-size: 15px;color: #555;display: block;position: relative;line-height: 28px;font-size: 15px;color: #555;padding: 0 20px 0 15px;}
.header-nav .d2-wrap li a:hover {background: rgba(0, 0, 0, .05);}
.header-nav .d2-wrap .cate3_wrap {display:none; position: absolute;left: 100%;top: -12px;min-width: 160px;padding: 10px 0;background: #fff;border: 1px solid rgba(0, 0, 0, .1);}
.header-nav .d2-wrap .cate3_wrap .cate4_wrap {display:none;position: absolute;left: 100%;top: -10px;min-width: 160px;padding: 10px 0;background: #fff;border: 1px solid rgba(0, 0, 0, .1);}
.header-nav li.active > .d2-wrap,
.header-nav li.active > .cate3_wrap,
.header-nav li.active > .cate4_wrap {
    display: block !important;
}



.header-icons { display: flex; gap: 10px; flex-shrink: 0; font-size: 1.125rem; }
.header-icons a { text-decoration: none; position: relative; }
.header-icons a.basket img {width:22px;}
.header-icons a.user img {width:22px;}
.header-icons a .notification { position: absolute; top: 0; right: -6px;background: #1f5eff; color: #fff; border-radius: 100%;width:18px;height:18px;text-align: center;line-height: 18px;font-size:9px;font-weight: 600;}
.header-icons a .desc {display: block;position: absolute;bottom: -25px;left:15px;height: 25px;line-height: 25px;padding: 0 10px;transform: translateX(-50%);background: rgba(255, 255, 255, .9);border: 1px solid rgba(0, 0, 0, .1);border-radius: 5px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
font-size: 11px;color: #333;font-weight: normal;white-space: nowrap;visibility: hidden;filter: alpha(opacity=0);opacity: 0;transition: all .3s ease;}
.header-icons a:hover .desc {visibility: visible;opacity: 1;transition: all .3s ease;}
.header-logo,
.header-icons { order: 1; }
.header-icons .recent img {width:33px;}
.header-icons .recent img.on_img {position: absolute;top: 0;left: 0;opacity: 0;transition: all .3s ease;}
.header-icons .recent:hover img.off_img {opacity: 0;transition: all .3s ease;}
.header-icons .recent:hover img.on_img {opacity: 1;transition: all .3s ease;}
.header-container--md { display: none; }
.side-menu-wrap { position: fixed; top: 0; right: -100%; width: 240px; height: 100vh; padding: 10px; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 100; transition: right 0.3s ease; background: var(--cw-color-white);}
.side-menu-wrap.active { display: block; right: 0;overflow: visible; }
.side-menu-wrap .inner {overflow-y: scroll;height: calc(100vh - 40px);}
.side-menu-wrap a { text-decoration: none; color: var(--cw-heading-color); }
.menu-header { position: relative; padding: 10px 0; }
.side-menu-close { position: absolute; left: -55px; top: 44%; width: 40px; height: 40px; border: none; outline: none; background: #000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 18L18 6M6 6L18 18' stroke='%23999999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat;border-radius: 50%;
 background-position: center;
 background-size: 18px auto; }
.menu-util { display: flex; align-items: center; justify-content: flex-end; gap: 14px; padding: 10px 0 15px;border-bottom: 1px solid #eee;}
.menu-util a {display: block;line-height: 32px;border: 1px solid #ddd;border-radius: 5px;font-size: 11px;white-space: nowrap;color: #333;text-align: center;transition: all .3s ease;}
.menu-util a:hover {border: 1px solid #aaa;background: #f4f4f4;transition: all .3s ease;}
.menu-util a:not(:first-child)::before { display: inline-block; margin-right: 14px; width: 1px; height: 12px; vertical-align: middle; background: var(--cw-color-30); content: ''; }


.menu-util ul {display: flex;flex-wrap: wrap;gap: 2%;row-gap: 5px;}
.menu-search { position: relative;}
.menu-util ul li {width:48%;}
.menu-search .search-input { width: 100%;max-width: 153px;padding-right: 33px;height: 33px;border-radius: 30px;border: 1px solid rgba(0, 0, 0, .07);background: rgba(0, 0, 0, .05);transition: all 0.3s ease; }
.menu-search .search-input:hover {background: rgba(0, 0, 0, .07);}
.menu-search .search-input.long {max-width:257px;transition: all 0.3s ease;}
.menu-search .search-btn { position: absolute; top: 4px; right: 12px; width: 24px; height: 24px; border: none; outline: none; font-size: 0; background: url("/design/beseller/images/btn_search_b_50.png") no-repeat right center / 24px 24px; }


.side-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; opacity: 0; visibility: hidden; transition: opacity 0.3s ease; background: rgba(0, 0, 0, 0.7); z-index: 98; }
.side-overlay.active { opacity: 1; visibility: visible; }
.fixed-menu--md { display: none; z-index: 99; }

#cate_full_inner {max-width:1360px;}
.category_full {display:none; position: absolute;z-index: 20;width: 1360px;height: 640px;padding: 20px 0 20px 20px;border: 1px solid rgba(0, 0, 0, .3);background-color: rgba(255, 255, 255, 1);box-shadow: 0 3px 4px rgba(0, 0, 0, .2);cursor: default;text-align: left;text-indent: 0;}
.category_full.on {}
.category_full .cate_inner > ul {display: flex;flex-wrap: wrap;}
.category_full .cate_inner > ul > li {position: relative;display: inline-block;width: 190px;margin: 0 10px 40px 0;vertical-align: top;}
.category_full .cate_inner > ul > li > a {display: block;height: 30px;line-height: 28px;margin: 0 0 10px;padding: 0 0 0 10px;border-bottom: 1px solid rgba(0, 0, 0, .1);font-size: 15px;color: #333;transition: all .3s ease;}
.category_full .cate_inner > ul > li:hover > a {color:#000;border-bottom: 1px solid rgba(0, 0, 0, 1);transition: all .3s ease;}
.category_full .cate_inner > ul > li > a.red:hover {color:red;}
.category_full .cate_inner > ul > li > a.blue:hover {color:blue;}
.category_full .cate_inner li.d2 {position: relative;background: url(/design/beseller/images/dotB_3.png) no-repeat 95% 50%;}
.category_full .cate_inner .cate2_wrap li a {padding:0 0 0 10px;display: block;line-height: 28px;font-size: 14px;color: #333;text-transform: uppercase;overflow: hidden;white-space: nowrap;transition: all .2s ease;}
.category_full .cate_inner .cate2_wrap li:hover > a {background-color: rgba(0, 0, 0, .03);}
.category_full .cate_inner .notice {height:50px;}
.category_full .cate_inner .red {color:red;}
.category_full .cate_inner .blue {color:blue;}
.category_full .cate_inner .em {font-weight:700;}
.category_full .cate_inner .last {position: absolute;bottom: 60px;}
.category_full .cate_inner .last a:hover {font-weight:700;}
.category_full .cate_inner .cate2_wrap .cate3_wrap {display:none;position: absolute;left: 100%;top: -11px;padding: 10px 0;background: #fff;border: 1px solid #ddd;z-index: 50;}
.category_full .cate_inner .cate2_wrap .cate3_wrap li a {display: block;min-width: 160px;padding: 0 20px 0 15px;line-height: 28px;font-size: 14px;color: #333;text-transform: uppercase;overflow: hidden;white-space: nowrap;transition: all .2s ease;}
.category_full .cate_inner .cate2_wrap .cate3_wrap .cate4_wrap {display: none;position: absolute;left: 100%;top: -11px;padding: 10px 0;background: #fff;border: 1px solid #ddd;z-index: 50;}

/* °íÁ¤ ¹öÆ° */
.floating-wrap { position: fixed; top: 37%; right: 1%; display: flex; flex-direction: column; z-index: 99; }
.floating-btns.toggle-show.show { opacity: 1; visibility: visible; }
.floating-btns.always-show { opacity: 1; visibility: visible; }
.floating-btns { opacity: 0; visibility: hidden; transition: opacity 0.3s ease; }
.floating-btns .floating-btn {display: block;width: 40px; height: 40px; border-radius: 50%; border:none; background: var(--cw-color-white); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);backdrop-filter: blur(4px); }
.floating-btns .btn-smart-finder { background: #fff url("//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_smart_finder.svg") no-repeat center center / 16px 16px; }
.floating-btns .btn-go-top { background: rgba(255, 255, 255, .5);}
.floating-btns .btn-go-bottom { background: rgba(255, 255, 255, .5);margin-top:5px;}
.floating-btns .btn-go-bottom img {transform: rotate(180deg);}
.floating-btns button {position:relative;}
.floating-btns button img {width:17px;margin-top: -3px;}
.floating-btns .desc {position: absolute;left: -30px;top: 8px;display: block;height: 25px;line-height: 25px;padding: 0 10px;transform: translateX(-50%);background: rgba(255, 255, 255, .9);border: 1px solid rgba(0, 0, 0, .1);border-radius: 5px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);font-size: 11px;
 color: #333;font-weight: normal;white-space: nowrap;visibility: hidden;filter: alpha(opacity=0);opacity: 0;transition: all .3s ease;}
.floating-btns .btn-go-top:hover .desc {visibility:visible;opacity: 1;transition: all .3s ease;}
.floating-btns .btn-go-bottom:hover .desc {visibility:visible;opacity: 1;transition: all .3s ease;}

/* »çÀ̵å¹Ù */
.bannerSlider .swiper-slide img {width:100%;}
.bannerSlider .cowave-swiper-pagination-bullets {position: absolute;bottom: 6px;left: 40%;width: 100%;z-index: 999;}
.bannerSlider .swiper-pagination-clickable .swiper-pagination-bullet {display: inline-block;position: relative;width: 15px;height: 3px;margin: 0 2px;box-shadow: 0 1px 3px rgba(0, 0, 0, .2);border-radius: 20px;background: rgba(255, 255, 255, 0.5);cursor: pointer;box-sizing: border-box;overflow: hidden;}


.side-menu-wrap .cont .title h4 {height: 50px;line-height: 45px;margin: 0 0 18px;background: url(/design/beseller/images/bar_r_50.png) no-repeat 2px 100%;font-size: 20px;font-weight: 600;}
.side-menu-wrap .cs_info .cs_tel ul li span {display:block;color:#333;font-size: 12px;font-weight: 600;}
.side-menu-wrap .cs_info .cs_tel ul li strong {display: block;line-height: 25px;margin: 0 0 15px;font-size: 23px;color: #111;font-weight: 400;}
.side-menu-wrap .cs_info .cs_date {padding-bottom: 20px;border-bottom: 1px solid #eee;}
.side-menu-wrap .cs_info p {font-size:12px;color: #333;}
.side-menu-wrap .cs_info p em {margin-right: 10px;font-style: normal;font-weight:600;}
.side-menu-wrap .cs_info .cs_bank span {display: inline-block;margin-top: 10px;padding: 7px 10px;border: 1px solid #eee;background: #f4f4f4;font-size: 12px;line-height: 20px;}


/* ¸ð¹ÙÀÏ Ä«Å×°í¸® ¸Þ´º */
.dimmed {position: fixed;left: 0;top: 0;width: 100%;height: 100vh;opacity: 0;visibility: hidden;transition: opacity 0.3s ease;background: rgba(0, 0, 0, 0.7);z-index: 99;}
.dimmed.on {opacity: 1;visibility: visible;}
.mb_cate_wrap .close_btn {position: absolute;top: 45%;right: -50px;width: 40px;height: 40px;padding: 0 1px 0 0;border-radius: 50%;background: rgba(255, 255, 255, .4);box-shadow: 0 1px 8px rgba(0, 0, 0, .7);
-webkit-backdrop-filter: blur(4px);backdrop-filter: blur(4px);cursor: pointer;transition: all .3s ease;}
.mb_cate_wrap .inner {overflow-y: scroll;height: 95vh;}
.mb_cate_wrap .close_btn img {width:40px;}
.mb_cate_wrap {position: fixed;left: -100%;top: 0;background: #fff;height: 100vh;z-index: 102;width: 75%;padding: 20px 15px;box-shadow: 4px 0 8px rgba(0, 0, 0, .7);transition: opacity .4s, left .3s .5s ease;opacity: 0;}
.mb_cate_wrap.show {left:0;opacity:1;transition: opacity .3s, left .3s ease;}
.mb_cate_wrap .member_adm .title {display: block;margin: 0 0 10px;font-size: 11px;letter-spacing: -0.03em;color: #888;}
.mb_cate_wrap .member_adm .title > strong {display: block;margin: 0 0 3px;font-size: 16px;letter-spacing: 0.08em;color: #111;font-weight: 400;}
.mb_cate_wrap .member_adm .log_btn a {display: inline-block;width: 48%;background: #fff;border: 1px solid #ddd;text-align: center;color: #000;height: 40px;line-height: 38px;font-size: 14px;color: #555;}
.mb_cate_wrap .member_adm .log_btn a:first-child {color:#fff;background: linear-gradient(to bottom, #262c2f 100%, #1e2427 100%);border:1px solid #1e2427;}
.mb_cate_wrap .order_info {margin-top:10px;}
.mb_cate_wrap .order_info a {display: inline-block;text-align: center;width: 30.5%;height: 30px;line-height: 27px;margin: 0 .6%;padding: 0;color: #555;border: 1px solid #ebebeb;border-bottom-color: #c6c6c6;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);text-shadow: 0 0 2px rgba(255, 255, 255, 1);font-size: 12px;}
.mb_cate_wrap .user_cash {margin-top:5px;}
.mb_cate_wrap .user_cash a {display:block;line-height: 30px;margin: 0 10px;border-bottom: 1px solid #eee;color:#000;font-size:12px;}
.mb_cate_wrap .category_list {margin-top: 15px;}
.mb_cate_wrap .category_list .ttl {display: block;line-height: 20px;padding: 0 0 5px;border-bottom: 1px solid rgba(0, 0, 0, .7);font-size: 16px;font-weight: normal;}
.mb_cate_wrap .category_list ul li {position: relative;border-bottom: 1px solid rgba(0, 0, 0, 0.07);border-top: 0;background: rgba(0, 0, 0, 0.0);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.mb_cate_wrap .category_list ul li:first-child a {color:red;}
.mb_cate_wrap .category_list ul li a {display: block;height: 38px;line-height: 40px;text-indent: 22px;color:#000;word-wrap: break-word;font-size: 14px;letter-spacing: 0.05em;}
.mb_cate_wrap .category_list ul li a.d2 {background: url(/design/beseller/images/bg_plus.png) no-repeat 5px 60%;background-size: 15px 15px;}
.mb_cate_wrap .category_list ul li a.view {width: 40px;height: 40px;text-align: center;line-height: 40px;text-indent: inherit;position: absolute;right: 0;top: 0;z-index: 5;}
.mb_cate_wrap .category_list ul li a.view img {width:15px;}
.mb_cate_wrap .category_list ul li .cate2 {display:none;border-top: 1px solid rgba(0, 0, 0, 0.07);}
.mb_cate_wrap .category_list ul li .cate2 li {padding-left: 10px;}
.mb_cate_wrap .category_list ul li .cate2 li:last-child {border-bottom:0;}
.mb_cate_wrap .category_list .red {color:red;}
.mb_cate_wrap .category_list .blue {color:blue;}
.mb_cate_wrap .category_list ul li.open {background: rgba(0, 0, 0, 0.03);}
.mb_cate_wrap .category_list ul li.open .cate2 {display:block;}
.mb_cate_wrap .category_list > ul > li.open > a.d2 {background: url(/design/beseller/images/bg_minus.png) no-repeat 5px 60%;background-size: 15px 15px;}
.mb_cate_wrap .category_list ul li .cate3 {display: none;}
.mb_cate_wrap .category_list .cate2 li.open {background: rgba(0, 0, 0, 0.05) !important;}
.mb_cate_wrap .category_list .cate2 li.open .cate3 {display:block;}
.mb_cate_wrap .category_list .cate2 li.open > a.d2 {background: url(/design/beseller/images/bg_minus.png) no-repeat 5px 60%;background-size: 15px 15px;}
.mb_cate_wrap .category_list .cate3 li {}
.mb_cate_wrap .category_list .cate3 li.open {background: rgba(0, 0, 0, 0.05) !important;}
.mb_cate_wrap .category_list .cate3 li.open .cate3 {display:block;}
.mb_cate_wrap .category_list .cate3 li.open > a.d2 {background: url(/design/beseller/images/bg_minus.png) no-repeat 5px 60%;background-size: 15px 15px;}
.mb_cate_wrap .category_list ul li .cate4 {display:none;}


/* ´Ùã´Ù °Ë»ö ÆÄÀδõ - ·¹À̾î */
.side-sfinder-overlay { z-index: 100; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; opacity: 0; visibility: hidden; transition: opacity 0.3s ease; background: rgba(0, 0, 0, 0.7); }
.side-sfinder-overlay.active { opacity: 1; visibility: visible; }
.side-sfinder-wrap { z-index: 101; position: fixed; top: 0; right: -100%; width: var(--cw-size-360); max-width:100%; height: 100vh; padding-bottom: var(--cw-size-48); overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: right 0.3s ease; background: var(--cw-color-white); }
.side-sfinder-wrap.active { display: block; right: 0; }
.sfinder-header { z-index: 1; position: sticky; top: 0; display: flex; align-items: center; justify-content: space-between; padding: var(--cw-size-17) var(--cw-size-24); border-bottom: 1px solid var(--cw-color-30); background-color: var(--cw-color-white); }
.sfinder-header .sfider-title { font-size: var(--cw-size-18); font-weight: 700; line-height: var(--cw-size-26); }
.sfinder-header .side-sfinder-close { width: var(--cw-size-24); height: var(--cw-size-24); border: none; outline: none; background: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_x.svg') no-repeat center center; filter: invert(59%) sepia(0%) saturate(413%) hue-rotate(281deg) brightness(115%) contrast(55%); }
.side-sfinder-list .option > li { border-bottom: 1px solid var(--cw-color-30); }
.side-sfinder-list .option li .option-title { position: relative; display: flex; column-gap: var(--cw-size-4); padding: var(--cw-size-12) var(--cw-size-24); border-bottom: 1px solid var(--cw-color-20); font-size: var(--cw-size-16); font-weight: 700; line-height: var(--cw-size-24); cursor: pointer; }
.side-sfinder-list .option li .option-title::after { content: ""; display: block; position: absolute; top: 0; right: 0; transform: translate(calc(var(--cw-size-24) * -1), var(--cw-size-16)); width: var(--cw-size-16); height: var(--cw-size-16); background: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_arrow_cheveron-down.svg') no-repeat center center; }
.side-sfinder-list .option li .option-title.on::after { background: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_arrow_cheveron-up.svg') no-repeat center center; }
.side-sfinder-list .option li .option-title.on + .finder-subs { display: block; }
.side-sfinder-list .option li .option-title .finder-layer-open { font-size: 0; }
.side-sfinder-list .option li .finder-subs .class-none { display: flex; flex-wrap: wrap; gap: 4px; }
.side-sfinder-list .option li .finder-subs { display: none; padding: var(--cw-size-16) var(--cw-size-24); background-color: var(--cw-color-10); }
.side-sfinder-list .option li .finder-subs label { display: grid; }
.side-sfinder-list .option li .finder-subs label .fa { display: none; }
.side-sfinder-list .option li .finder-subs .finder-child-category { display: none; }
.side-sfinder-list .option li .finder-subs .mobile-select-category { padding: var(--cw-size-12) var(--cw-size-24); margin: var(--cw-size-16) calc(var(--cw-size-24) * -1); font-size: var(--cw-size-14); font-weight: 700; background-color: var(--cw-color-white); border-top: 1px solid var(--cw-color-20); border-bottom: 1px solid var(--cw-color-20); }
.side-sfinder-list .option li .finder-subs .mobile-select-category .fa { margin-top: calc(var(--cw-size-2) * -1); font-size: var(--cw-size-16); vertical-align: middle; }
.side-sfinder-list .option li .finder-subs .finder-category2 { margin-top: var(--cw-size-16); }
.side-sfinder-list .option li .finder-subs :where(.finder-category, .finder-category2, .finder-size) { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--cw-size-4); }
.side-sfinder-list .option li .finder-subs :where(.finder-price) { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--cw-size-4); }
.side-sfinder-list .option li .finder-subs :where(.finder-color) { display: flex; flex-wrap: wrap; gap: var(--cw-size-8); }
.side-sfinder-list .option li .finder-subs .finder-options:not(.color-picker) { display: flex; align-items: center; justify-content: center; padding: var(--cw-size-8) var(--cw-size-16); border: 1px solid var(--cw-color-30); border-radius: var(--cw-size-24); font-size: var(--cw-size-12); line-height: var(--cw-size-16); word-break: break-all; background-color: var(--cw-color-white); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.side-sfinder-list .option li .finder-subs .finder-options:not(.color-picker).on { border-color: var(--cw-heading-color); font-weight: 700; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); }
.side-sfinder-list .option li .finder-subs .finder-option-color.color-picker { display: inline-flex; width: var(--cw-size-32); height: var(--cw-size-32); border-radius: var(--cw-size-50); text-indent: -9999px; }
.side-sfinder-list .option li .finder-subs .finder-option-color.color-picker.on::after { content: ""; display: inline-flex; width: 100%; height: 100%; background: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_check.svg') no-repeat center;  background-size: var(--cw-size-20); }
.side-sfinder-list .option li .finder-subs .finder-option-color.color-picker:not(.finder-option-color-white).on::after { filter: invert(1) brightness(2); }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-black { background-color: #000; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-white { background-color: #FFF; border: 1px solid var(--cw-color-30); }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-gray { background-color: #808080; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-beige { background-color: #e5d0b2; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-brown { background-color: #aa6810; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-navy { background-color: #425583; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-blue { background-color: #0000ff; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-light-blue { background-color: #62acff; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-red { background-color: #ff0000; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-orange { background-color: #ffa500; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-yellow { background-color: #ffff00; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-pink { background-color: #ffc0cb; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-purple { background-color: #800080; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-jaju { background-color: #a63f7f; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-khaki { background-color: #2f5e2f; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-green { background-color: #008000; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-light-green { background-color: #72dd95; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-silver { background-color: #dfdfdf; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-gold { background-color: #cfbc4e; }
.side-sfinder-list .option li .finder-subs .finder-option-color.finder-option-color-apricot { background-color: #fbceb1; }
.side-sfinder-list .option li .finder-subs .finder-price .finder-price-input { position: relative; grid-column: 1 / 3; display: flex; align-items: center; column-gap: var(--cw-size-4); padding-top: var(--cw-size-30); }
.side-sfinder-list .option li .finder-subs .finder-price .finder-price-input::before { content: "Á÷Á¢ÀÔ·Â"; position: absolute; top: var(--cw-size-4); left: 0; display: block; font-size: var(--cw-size-14); font-weight: 700; line-height: var(--cw-size-20); }
.side-sfinder-list .option li .finder-subs .finder-price .finder-price-input label { display: flex; align-items: center; height: var(--cw-size-40); padding: 0 var(--cw-size-12); border: 1px solid var(--cw-color-30); border-radius: var(--cw-border-radius); font-size: var(--cw-size-14); background: var(--cw-color-white); }
.side-sfinder-list .option li .finder-subs .finder-price .finder-price-input label .cw-textfield { width: 100%; padding: 0; border: 0; text-align: right; }
.side-sfinder-list .option li .finder-subs .finder-search input { width: 100%; }
.side-sfinder-btns { z-index: 10; position: fixed; bottom: 0; display: grid; grid-template-columns: var(--cw-size-120) var(--cw-size-240); }
.side-sfinder-btns :where(.btn) { padding: 0; border-radius: 0; }
.side-sfinder-btns .btn-gray { border: 0; border-top: 1px solid var(--cw-color-30); }
.side-sfinder-btns .finder-count { color: var(--cw-point-color); }

/* ´Ùã´Ù °Ë»ö ÆÄÀδõ - ÅøÆÁ */
.finder-comm-layer { display: none; z-index: 1; position: absolute; top: var(--cw-size-40); left: var(--cw-size-16); width: 328px; padding: var(--cw-size-18) var(--cw-size-20) var(--cw-size-20); border: 1px solid var(--cw-heading-color); border-radius: var(--cw-size-10); background-color: var(--cw-color-white); }
.finder-comm-layer.on { display: block; }
.finder-comm-layer .title-close { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--cw-size-20); }
.finder-comm-layer .title-close .title { font-size: var(--cw-size-16); font-weight: 700; line-height: var(--cw-size-24); }
.finder-comm-layer .title-close .btn-close img { width: var(--cw-size-24); height: var(--cw-size-24); }
.finder-comm-layer .contents { font-size: var(--cw-size-13); line-height: var(--cw-size-18); color: var(--cw-color-80); font-weight: 400; word-break: break-all; }

/* ´Ùã´Ù °Ë»ö ÆÄÀδõ - ÀÚµ¿¿Ï¼º ¹Ú½º */
.search-auto-complete-list { display: none; z-index: 20; position: absolute; width: 312px; padding: var(--cw-size-16) var(--cw-size-10); background: var(--cw-color-white); border-radius: var(--cw-size-4); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); }
.search-auto-complete-list ul { display: flex; flex-wrap: wrap; gap: var(--cw-size-8) var(--cw-size-4); }
.search-auto-complete-list ul li .keyword-el { display: flex; align-items: center; min-height: var(--cw-size-28); padding: var(--cw-size-4) var(--cw-size-15); color: var(--cw-heading-color); font-size: var(--cw-size-12); border: 1px solid var(--cw-color-30); border-radius: 999px; background-color: var(--cw-color-white); }
.search-auto-complete-list ul li .keyword-el strong { color: var(--cw-point-color); font-weight: 700; }
.search-auto-complete-list .search-list-close { display: block; text-align: right; margin-top: var(--cw-size-16); color: var(--cw-color-60); font-size: var(--cw-size-12); }

@media (max-width: 1200px) {
    .full-wrapper {}
    .header-logo a img.pc_img {max-width:750px;}
    .header-nav .inner > ul {overflow-y: scroll;margin-left: 60px;}
    .header-nav .ham_btn {position: absolute;}
    .header-nav .d2-wrap {display: none !important;}
}

/* ÅÂºí¸´ */
@media (max-width: 890px) {
    .excel .excel_cont .inner {flex-direction: column;}
    .excel .file_choice span {display:block;margin-top: 10px;font-size:12px;}
    .excel .file_choice {display:block;width: 100%;margin-bottom: 10px;padding: 0 10px;}
    .excel .excel_cont .inner input[type="file"] {width:100%;margin-right: 0;}
    .excel .excel_cont .inner a {padding: 4px 15px;font-size: 14px;}
    .sticky.is-stuck {transform: translateY(-50px)}
    /*.top-bar { display: none !important; }
    .header-container { display: none; padding: 15px 30px; }
    .header-nav { display: none; }*/
    .header-container {flex-wrap: wrap;}
    .header-logo,
    .header-icons { order: 1; }
    .header-logo a { font-size: 1.5rem; }
    .header-icons a:not(.basket) {}
    .header-logo a img.pc_img {display:none;}
    .header-logo a img.mb_img {display:block;}
    .header-icons .recent img { width: 30px; height: 30px; }
    .header-icons a .notification { top: 5px; right: -5px }
    .header-nav { order: 2; flex: 0 0 100%; justify-content: flex-start; gap: 5px 16px; }
    .header-nav::-webkit-scrollbar { display: none; }
    .header-nav a { font-size: .813rem; font-weight: 600; }
    .header-container--md { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 13px 16px; border-bottom: 1px solid var(--cw-color-20); }
    .header-container--md .navi-btns { display: flex; gap: 12px; }
    .header-container--md .navi-btns a { position: relative; display: inline-block; }
    .header-container--md .navi-btns a:not(.basket) { display: none; }
    .header-container--md .navi-btns img { width: 24px; height: 24px; }
    .header-container--md .navi-btns .notification { position: absolute; top: 2px; right: -5px; background-color: var(--cw-point-color); color: #fff; border-radius: 100%; padding: 0 5px; line-height: 16px; font-size: .75rem; font-weight: 700; }
    .header-container--md .navi-title { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
    .header-container--md .navi-title span { display: -webkit-box; line-clamp: 1; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; font-weight: 700; font-size: 1rem; color: var(--cw-heading-color); }
    .header-container .hd_info > ul > li:last-child {display:none;}
    .header-container .hd_info > ul > li > a {font-size:13px;}
    .header-container .hd_info > ul > li.arrow > a {background:none;padding: 0 10px;}
    .fixed-menu--md {display:none !important; /*position: fixed;*/ bottom: 0; width: 100%; display: block; padding: 6px 24px; border-top: 1px solid var(--cw-color-10); background: var(--cw-color-white); }
    .fixed-menu--md .navi-btns { display: flex; justify-content: space-between; align-items: center; }
    .fixed-menu--md .navi-btns a { position: relative; display: inline-block; text-align: center; font-size: .688rem; color: var(--cw-color-60); text-decoration: none; min-width: 42px; }
    .fixed-menu--md .navi-btns img { width: 1.5rem; height: 1.5rem; }
    .floating-btns { bottom: 7%; }
    
    .menu-search {width: calc(100% - 70.8%);position: absolute;left: 54%;transform: translate(-50%);}
    .menu-search .search-input {max-width:inherit;width: 100%;}
    .header-container .hd_info > ul > li .cate2_list {display:none !important;}
}

/* ¸ð¹ÙÀÏ */
@media (max-width: 767.98px) {
    .move-btn {display:none;}
    .top_banner img.pc_img {display:none;}
    .top_banner img.mb_img {display:block !important;}
    /*.top-bar { display: none !important; }
    .header-container { display: none; }
    .header-nav { display: none; }*/
    .header-container {flex-wrap: wrap;}
    .header-logo,
    .header-icons { order: 1; }
    .header-logo a { font-size: 1.5rem; }
    .header-icons {}
    .header-icons a:not(.basket) {}
    .header-icons img { width: 24px; height: 24px; }
    .header-icons a .notification { top: 5px; right: -5px }
    .header-nav { order: 2; flex: 0 0 100%; justify-content: flex-start; gap: 5px 16px; flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; cursor: grab; scroll-behavior: smooth; scrollbar-width: none; }
    .header-nav::-webkit-scrollbar { display: none; }
    .header-nav:active { cursor: grabbing; }
    .header-nav a { font-size: .813rem; font-weight: 600; white-space: nowrap; }
    .header-container--md { position: relative;display: flex; justify-content: space-between; align-items: center; padding: 13px 16px; border-bottom: 1px solid var(--cw-color-20); }
    .header-container--md .back-btn img { width: 24px; height: 24px; }
    .header-container--md .navi-btns { display: flex; gap: 12px; }
    .header-container--md .navi-btns a { position: relative; display: inline-block; }
    .header-container--md .navi-btns a:not(.basket) { display: none; }
    .header-container--md .navi-btns img { width: 24px; height: 24px; }
    .header-container--md .navi-btns .notification { position: absolute; top: 2px; right: -5px; background-color: var(--cw-point-color); color: #fff; border-radius: 100%; padding: 0 5px; line-height: 16px; font-size: .75rem; font-weight: 700; }
    .header-container--md .navi-title { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
    .header-container--md .navi-title span { display: -webkit-box; line-clamp: 1; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; font-weight: 700; font-size: 1rem; color: var(--cw-heading-color); }
    .side-menu-wrap {}
    .bannerSlider .swiper-slide img {}
    .fixed-menu--md { position: fixed; bottom: 0; width: 100%; display: block; padding: 6px 24px; border-top: 1px solid var(--cw-color-10); background: var(--cw-color-white); }
    .fixed-menu--md .navi-btns { display: flex; justify-content: space-between; align-items: center; }
    .fixed-menu--md .navi-btns a { position: relative; display: inline-block; text-align: center; font-size: .688rem; color: var(--cw-color-60); text-decoration: none; min-width: 42px; }
    .fixed-menu--md .navi-btns img { width: 1.5rem; height: 1.5rem; }
    .floating-btns {bottom: 7%;}
}

@media (max-width: 540px) {
    .excel {padding:10px 0;}
    .excel .excel_cont {max-width: inherit;}
    .excel .excel_cont .inner input[type="file"] {padding: 4px 10px;font-size: 12px;}
    .excel .excel_cont .excel_btn {width: 100%;overflow: hidden;padding-left: 10px;}
    .excel .excel_cont .excel_btn > div {display: flex;overflow-x: auto;padding-bottom: 5px;}
    .excel .excel_cont .inner a {font-size:12px;}
    .header-logo a img.mb_img {max-width: 120px;}
    .header-nav {display:none;}
    .header-container .inner .hd_top .header-icons .basket {display:none;}
    .header-container .inner .hd_top .mb_menu {display:block !important;}
    .header-container .hd_info > ul {justify-content: center;}
    .fixed_btn .mb_search {display:block;}
    .menu-search {display: none;width: 100%;left: 50%;bottom: -40px;padding: 0 10px;}
    .menu-search .search-btn {right: 20px;}
    .menu-search.show {display:block;}
    .menu-search .search-input {background: rgba(240, 240, 240, .98);box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);}
    .menu-search .search-input.long {max-width: inherit;width:100%;}
    .menu-search .search-input:hover {background: rgba(240, 240, 240, .98);}
    .header-container .inner .hd_top {position: relative;height:70px;padding: 0 20px;}
    .header-container .inner .hd_top .header-logo {}
    .floating-wrap {top:46%;}

}


/* BASIC css end */