/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
#header .header_fixed { width:100%; z-index:99; } 
#header .header_fixed.fixed { top:0; background:#fff; position:fixed; } 
#header .headerTop {width:100%;display:flex;justify-content:space-between;align-items:center;padding: 18px 21px 15px;box-sizing:border-box;line-height: 1;} 
#header .headerTop span { display:flex; gap: 0 17px; align-items: center; } 
#header .headerTop span a { position:relative; display:inline-block; } 
#header .headerTop span a img { width: 22px; vertical-align: baseline; } 
#header .headerTop span a.nomember:after { content:''; background:url('/design/stlsnow7/imgs/kakao_join.png') no-repeat; display:inline-block; width: 58.432px; height: 19.712px; background-size:contain; position:absolute; left: -78%; bottom: -16px; -webkit-animation-name: shakeY; animation-name: shakeY; animation-fill-mode: both; animation-duration: 6s; animation-iteration-count: infinite; animation-timing-function: linear; } 

@-webkit-keyframes shakeY { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0)}
 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0)}
 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 3px, 0); transform: translate3d(0, 3px, 0)} 
 }
@keyframes shakeY { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0)}
 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0)}
 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 3px, 0); transform: translate3d(0, 3px, 0)} 
 }

#header .headerTop span #user_basket_quantity { position:absolute; right:-6px; bottom:-6px; background:var(--main-color); width: 16px; height: 16px; border-radius:100%; color:#fff; font-size: 12px; line-height: 17px; text-align:center; gap:0; display:inline-block; } 
#header .headerTop h1 { } 
#header .headerTop h1 a { display: inline-block; } 
#header .headerTop h1 a img { width: 127px; } 
#header .header_fixed.fixed .headerBottom { display:block; } 
#header .headerBottom { position:relative; background:#fff; display:none; } 
#header .headerBottom #cate_swiper { position:relative; width:100%; display:flex; justify-content:space-between; align-items:center; padding: 0 44px 0 13px; box-sizing:border-box; margin-right:50px; border-bottom: 1px solid #ececec; } 
#header .headerBottom #cate_swiper .swiper-wrapper { box-sizing:border-box; } 
#header .headerBottom #cate_swiper .swiper-wrapper .swiper-slide {width:auto;font-size: 15.5px;font-weight: 450;color:#6c6c6c;padding: 3px 10px 11px;} 
#header .headerBottom #cate_swiper .swiper-wrapper .swiper-slide.act {/* border-bottom:3px solid var(--main-color); */color: #000;} 
#header .headerBottom #cate_swiper .swiper-wrapper .swiper-slide.act:after { content:''; position: absolute; bottom: 0px; left: 0; right: 0; width: 100%; height: 2px; background: var(--main-color); z-index: 9999; } 
#header .headerBottom #cate_swiper .swiper-wrapper .swiper-slide.on:before {position:absolute;top: 1px;right: 0px;width: 8.5px;height: 8.5px;background:var(--main-color);border-radius:50%;content:"";} 
#header .headerBottom #cate_swiper span {position: relative;display:inline-block;background:#fff;padding: 16px 24px;z-index:99;position: absolute;right: 0;top: 0;} 
#header .headerBottom #cate_swiper span img {display:inline-block;width: 12.5px;height: 8.5px;background:#fff;box-sizing:border-box;text-align:center;z-index:99;position:absolute;top: 19%;left: 13px;} 
#header .headerBottom .all_cate_view { position:relative; display:none; } 
#header .headerBottom .all_cate_view p {display:flex;justify-content:space-between;align-items:center;font-size: 16px;border-bottom:1px solid #ECECEC;padding: 0 22px 13px;font-weight: 500;color: #222;} 
#header .headerBottom .all_cate_view p img { width: 12.5px; height: 8.5px; } 
#header .headerBottom .all_cate_cont { position:relative; padding: 22px 24px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap: 7px 1%; } 
#header .headerBottom .all_cate_cont a { width: 32%; text-align:center; font-size: 14px; font-weight:400; border:1px solid #EDEDED; border-radius:5px; padding: 9px 0; box-sizing: border-box; } 
#header .headerBottom .all_cate_cont a:nth-child(1) {background:#222;color: #fff;border-color: #222;} 
/* »ó´Ü ¹öÀü_2:°Ë»öâ,Àå¹Ù±¸´Ï,ÁÖ¹®¼­ÀÛ¼º »ó´Ü */
#header_ver2 {display:none;z-index: 9999999;position: relative;background: #fff;} 
#header_ver2.fixed { position:fixed; width:100%; background:#fff; z-index:101; top:0; } 
#header_ver2 .flexed { position:relative; display:flex; justify-content:space-between; padding:15px 21px; align-items: center; } 
#header_ver2 .flexed .tit { position:absolute; left:50%; transform:translateX(-50%); font-size: 19px; font-weight:500; color:#333; } 
#header_ver2 .flexed a { display:inline-block; } 
#header_ver2 .flexed a img { width: 22px; } 
/* »ó´Ü ¹öÀü_3:Ä¿¹Â´ÏƼ,FAQ */
#header_ver3 { display:none; } 
#header_ver3.fixed { position:fixed; width:100%; background:#fff; z-index:100; top:0; } 
#header_ver3 .flexed { position:relative; display:flex; justify-content:space-between; padding:15px 21px; } 
#header_ver3 .flexed .tit { position:absolute; left:50%; transform:translateX(-50%); font-size:19px; font-weight:500; color:#333; } 
#header_ver3 .flexed span { display:flex; gap:0 12px; align-items:center; } 
#header_ver3 .flexed span #user_basket_quantity { position:absolute; right:-6px; bottom:-6px; background:var(--main-color); width: 16px; height: 16px; border-radius:100%; color:#fff; font-size: 12px; line-height: 17px; text-align:center; gap:0; display:inline-block; } 
#header_ver3 .flexed a { position:relative; display:inline-block; } 
#header_ver3 .flexed a img { width: 22px; } 
/* »ó´Ü ¹öÀü_4:»óÇ°»ó¼¼ÆäÀÌÁö */
#header_ver4 { display:none; } 
#header_ver4.fixed { position:fixed; width:100%; background:#fff; z-index:100; top:0; } 
#header_ver4 .flexed { position:relative; display:flex; justify-content:space-between; padding:15px 21px; } 
#header_ver4 .flexed .tit { position:absolute; left:50%; transform:translateX(-50%); font-size:19px; font-weight:500; color:#333; } 
#header_ver4 .flexed span { display:flex; gap:0 17px; align-items:center; } 
#header_ver4 .flexed span #user_basket_quantity {position:absolute; right:-6px; bottom:-6px; background:var(--main-color); width: 16px; height: 16px; border-radius:100%; color:#fff; font-size: 12px; line-height: 17px; text-align:center; gap:0; display:inline-block; } 
#header_ver4 .flexed a { position:relative; display:inline-block; } 
#header_ver4 .flexed a img { width: 22px; } 
/* Çܹö°Å */
aside { display:none; position:fixed; top:0; right:0; bottom:0; left:0; background:#fff; z-index:999; overflow:auto; } 
aside .aside_close { position:absolute; top: 35.5px; right: 27px; } 
aside .aside_close img { width: 16.5px; } 
aside .asideTop { padding: 27.5px 26.5px 19px; border-bottom:5px solid #f2f2f2; } 
aside .asideTop .log_btn_wrap { display:flex; justify-content:flex-start; gap:0 7.5px; margin-bottom: 18.5px; } 
aside .asideTop .log_btn_wrap a { font-size: 15px; font-weight:500; padding: 11.5px 30.5px; border: 1px solid #000; border-radius:8px; line-height:01; } 
aside .asideTop .log_btn_wrap a.bg_black { background:#0E0E0E; color:#fff; } 
aside .asideTop p { font-size: 15px; color:#6c6c6c; } 
aside nav { border-bottom:1px solid #ccc; padding-bottom:12px; } 
aside nav li { position:relative; margin-bottom: 35px; } 
aside nav li a { display:block; font-size: 17px; font-weight:500; padding:0; margin-right:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 
aside nav li .fa { position:absolute; top: -12px; right:0; text-align:center; height:35px; line-height:35px; font-size: 31px; font-weight:normal; color:#999; } 
aside nav li>ul { background-color:#f9f9f9; display:none; margin-top: 25px; padding: 13px 21px; box-sizing:border-box; } 
aside nav li>ul>li { display:inline-block; width:49%; box-sizing:border-box; margin: 12px 0; } 
aside nav li>ul>li:first-child { border-top:0px none; } 
aside nav li>ul>li a { padding:0; margin:0; font-weight:400; color:#646464; font-size: 16px; } 
aside nav li>ul>li>ul { border-top:0px none; border-top:1px solid #ccc; } 
aside nav li>ul>li>ul>li { border-bottom:0px none; } 
aside .navCategory { padding: 28px 26.5px 35.5px; } 
aside .asideBottom { position:relative; padding: 0 26.5px 35px; } 
aside .asideBottom p { font-size: 17px; font-weight:500; margin-bottom: 19px; } 
aside .asideBottom .community_wrap { margin-bottom:62.5px; } 
aside .asideBottom .community_wrap ul { display:flex; justify-content:space-between; flex-wrap:wrap; gap:25px 0; } 
aside .asideBottom .community_wrap ul li { width:48%; } 
aside .asideBottom .community_wrap ul li img { width:100%; margin-bottom: 10.5px; } 
aside .asideBottom .community_wrap ul li h1 { font-size: 16px; font-weight:500; margin-bottom: 9.5px; } 
aside .asideBottom .community_wrap ul li h1 img { width:11px; vertical-align:bottom; margin-left:10px; } 
aside .asideBottom .community_wrap ul li h2 { font-size: 14px; color:#777; font-weight:400; letter-spacing: -0.8px; } 
aside .asideBottom .recent_wrap p img { width:8px; vertical-align:bottom; margin-left:12px; } 
aside .asideBottom .recent_wrap .item-cont .item-list .prd-info { padding: 16.5px 0; } 
aside .asideBottom .recent_wrap .item-cont .item-list .prd-name a { text-overflow:ellipsis; overflow:hidden; word-break:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; } 
/* °Ë»öâ */
.sch_wrapper {display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index: 999999;padding: 0 22px 38px;overflow:auto;} 
.sch_wrapper #header_ver2{display:block !important; position:relative;}
.sch_wrapper #header_ver2 .flexed{padding:15px 0 !important;}
/*.sch_wrapper .sch_close { position:absolute; top:0; right:-23%; cursor:pointer; } */
.sch_wrapper .sch_content {position:relative;width:100%;margin: 20px auto 0;} 
.sch_wrapper .sch_content .sch_top { margin-bottom: 32px; } 
.sch_wrapper .sch_content .sch_top fieldset { position:relative; width:100%; height: 49px; border-bottom:1px solid #000; display:flex; align-items:center; gap:0 10px; } 
.sch_wrapper .sch_content .sch_top fieldset input { width:95%; height: 49px; line-height: 49px; padding:0; box-sizing:border-box; border:0; color:#777777; font-size: 17px; font-family:'Noto Sans KR',sans-serif; font-weight:400; word-wrap:break-word; } 
.sch_wrapper .sch_content .sch_top fieldset a { } 
.sch_wrapper .sch_content .sch_top fieldset a img { width: 20px; } 
.sch_wrapper .sch_content .sch_bt { display:flex; justify-content:space-between; flex-direction:column; } 
.sch_wrapper .sch_content .sch_bt p { color:black; font-size: 15px; font-weight:500; line-height:20px; word-wrap:break-word; margin-bottom: 21px; } 
.sch_wrapper .sch_content .sch_bt ol { display:flex; flex-wrap:wrap; flex-direction:column; height: 181px; gap: 20px 60px; } 
.sch_wrapper .sch_content .sch_bt ol li { font-size:15px; color:#333; } 
.sch_wrapper .sch_content .sch_bt ol li:first-child { color:var(--main-color); } 
.sch_wrapper .sch_content .sch_bt ol li:first-child a { color:var(--main-color); } 
.sch_wrapper .sch_content .sch_bt ol li:hover { color:var(--main-color); } 
.sch_wrapper .sch_content .sch_bt ol li a { color:black; font-size: 17px; font-weight:400; line-height:20px; word-wrap:break-word; } 
.sch_wrapper .sch_content .sch_bt ol li a span { display: inline-block; margin-right:24px; width: 18px; text-align: center; } 
.sch_wrapper .sch_content .sch_bt p a { position:absolute; right:0; color:#999999; font-size: 14px; font-weight:400; text-decoration:underline; line-height:20px; word-wrap:break-word; } 
.sch_wrapper .sch_content .sch_bt .sch_bt_top { width:100%; position:relative; padding-bottom: 35px; border-bottom:1px solid #f2f2f2; margin-bottom: 35px; } 
.sch_wrapper .sch_content .sch_bt .sch_bt_top .search-inner { } 
.sch_wrapper .sch_content .sch_bt .sch_bt_top .search-inner .txt { } 
.sch_wrapper .sch_content .sch_bt .sch_bt_top .search-inner .search-list { display:flex; justify-content:flex-start; gap:10px; flex-wrap:wrap; } 
.sch_wrapper .sch_content .sch_bt .sch_bt_top .search-inner .search-list li { border:1px solid #eee; border-radius:30px; padding: 8px 16px; display:flex; } 
.sch_wrapper .sch_content .sch_bt .sch_bt_top .search-inner .search-list li span a { forced-color-adjust:preserve-parent-color; color:#777777; font-size: 16px; font-weight:400; line-height:20px; white-space:pre; } 
.sch_wrapper .sch_content .sch_bt .sch_bt_top .search-inner .search-list li button { background:transparent; color:#777; font-size:18px; margin-left:12px; border:0; } 
.sch_wrapper .sch_content .sch_bt .sch_bt_top .search-inner .search-list li button img { display:inline-block; width:11px; vertical-align:middle; } 
.sch_wrapper .sch_content .sch_bt .sch_bt_bottom { width:100%; } 
.sch_wrapper .sch_content .sch_bt .sch_bt_bottom p { font-size: 18px; margin-bottom: 35px; } 
.sch_wrapper .sch_content .sch_bt .sch_bt_bottom .sch_subbnr { margin-top: 70px; } 
.sch_wrapper .sch_content .sch_bt .sch_bt_bottom .sch_subbnr a { display:block; } 
.sch_wrapper .sch_content .sch_bt .sch_bt_bottom .sch_subbnr a img { width:100%; } 
#clearButton { display:none; width: 16px; } 
/* ÇÏ´Ü °íÁ¤ ¸Þ´º */
.ft_fixed { width:100%; position:fixed; bottom:0px; right:0px; left:0; display:flex; z-index:99; justify-content: space-between; align-items:center; background:#fff; padding: 8px 25px; box-sizing: border-box; } 
.ft_fixed a img { height: 24px; } 
.ft_fixed a.recent_img { position:relative; width: 26px; height: 26px; border-radius:100%; overflow:hidden; box-sizing: border-box; } 
.ft_fixed a.recent_img img { width:100%; height: 100%; } 
.ft_fixed a.recent_img img.icon_img{position:absolute; left:0;right:0; z-index:1;}
/* ½ºÅ©·Ñž/¹ÙÅÒ */
#quick_button { position:fixed; right:16px; bottom: 97px; z-index:100; display:flex; flex-direction:column; gap: 7px; } 
#quick_button img { width: 24.64px; background: rgb(0 0 0 / 25%); border-radius: 100%; padding: 10.56px; } 

.dn{display:none !important;}
/* BASIC css end */


/* BASIC css end */


/* BASIC css end */