/* BASIC css start */
.joincoupon { position:relative; } 


.msgbox { position:absolute; z-index:90; top:24px; left:50%; -o-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -webkit-transform:translate(-50%,0); transform:translate(-50%,0); } 
.msgbox>i { display:block; color:#fc8b10; font-size:18px } 
.msgbox>span { margin:-8px 0 0 0; display:block; padding:5px; background:#fc8b10; border-radius:5px; font-size:11px; line-height:1; color:#fff; letter-spacing:0 } 
.msgbox { -o-animation:animate-msgbox 0.9s linear infinite; -ms-animation:animate-msgbox 0.9s linear infinite; -moz-animation:animate-msgbox 0.9s linear infinite; -webkit-animation:animate-msgbox 0.9s linear infinite; animation:animate-msgbox 0.9s linear infinite; } 


.topWrap.swiper-container { position: fixed; top: 0; right: 0; left: 0; z-index: 110; } 
.topWrap.zidx_down { z-index: 100;}
.topWrapHeight { height: 29px; }
.top_join.swiper-slide { background: #ff7133; height: 29px; line-height: 29px; width: 100%; text-align: center; } 
.top_join.swiper-slide span{position: absolute; font-size: 16px; right: 2%; color: #fff;}
.top_join > a { color: #fff; font-size: 13px; } 

.cate_tab > span { display:block; position:relative; } 
.cate_tab > ul { display:block; margin-bottom: 5px; border-top: solid 1px #ddd; padding-top: 8px; margin-top: 5px; } 
.cate_tab > ul > li span { font-size: 15px; padding-left: 0px; color: #222; } 
.cate_tab > span:after { position:absolute; right:0; content:"£«"; top:0; font-size:12px; } 
.cate_tab { font-size: 15px; line-height: 38px; display: block; } 
.cate_tab > span.on:after { content:"£­"; } 


.padding10 { padding:5px 0; } 
body #header #lnb>.inner { margin-top:112px!important; display:none!important; } 
body #header #lnb>.inner.mton { margin-top:72px!important; } 


#header #lnb > div > div.type-scroll > div.scroll > div.cont1 > ul > li > a > span:after { width:0; } 
#header #lnb>.inner { position: fixed; background: rgba(255,255,255,0); top: 0px; z-index:9; } 

#header #lnb .type-scroll .allmenubtn { display:none; } 
#header #lnb .type-scroll .scroll:after { background:none; } 
#header #lnb .type-scroll .scroll:before { background:none; } 
#header #lnb .type-scroll .cont1>ul>li>a { font-size:14px; } 
#header #lnb.allmenuBtn .type-scroll .scroll { margin-right:0; } 
#header #dimmed { top: -29px; background: rgba(0,0,0,0.2); } 


#wrap #aside-menu { width: 84%; padding:20px 25px; box-sizing:border-box; } 
#wrap #aside-menu .cstop { margin:20px 0; } 
#wrap #aside-menu .cstop h3 { font-size: 14px; font-weight: 600; margin-bottom: 10px; } 
#wrap #aside-menu .cstop .phone { font-size: 26px; font-weight: 600; line-height: 30px; margin-top:5px; } 
#wrap #aside-menu .cstop p { margin-top: 12px; line-height: 18px; } 
#wrap #aside-menu .userbutton>li>a>span { font-weight:bold; } 
#wrap #aside-menu .boardlist ul>li>a.name { font-size:15px; height:40px; line-height:40px; padding:0; } 
#wrap #aside-menu .boardlist>.content>ul>li:after { display:none; } 
#wrap #aside-menu .boardlist ul>li { width:auto; border:0; display:block; } 
#wrap #aside-menu .categorylist ul>li { border-top:0; } 
#wrap #aside-menu .categorylist ul>li>div { background:none; } 
#wrap #aside-menu .categorylist ul>li>a.name { font-size:15px; height:37px; line-height:37px; font-weight:500; padding:0; } 
#wrap #aside-menu .content { border-top:0; } 
#wrap #aside-menu .content .sub > ul > li > a { color: #fc8b10; } 
#wrap #aside-menu .section { border-top:0; } 
#wrap #aside-menu .userbutton>li { width:auto; border:0; display:inline-block; margin-right:12px; height:45px; position:relative; } 
#wrap #aside-menu .userbutton>li>a { font-size:13px; } 
#wrap #aside-menu>.inner { background:#fff; } 
#wrap .iscroll { position:static; } 

.iScrollHorizontalScrollbar .iScrollIndicator { display:none!important; } 


#aside-more > .inner { display:block !important; } 
#aside-menu .xans-myshop-asyncbankbook > a { color:#fff; } 

#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(1),
#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(2) { display:block !important; } 

#titleArea h2 { font-weight:bold !important; } 

.userinfo .txt p { margin-block-end: 0 !important; } 

#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(3),
#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(4),
#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(5),
#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(6),
#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(7),
#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(8),
#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(9),
#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(10),
#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(11),
#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(12),
#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(13),
#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(14),
#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(15),
#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(16),
#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(17),
#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(18),
#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(19),
#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(20),
#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(21),
#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(22),
#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(23),
#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(24),
#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(25),
#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(26),
#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(27),
#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(28),
#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(29),
#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(30),
#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(31),
#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(32),
#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(33),
#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(34),
#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(35),
#aside-menu > div > div.iscroll > div:nth-child(6) > div > ul > li:nth-child(36) { display:none; } 



/*
.top-ban div:nth-child(1) { background-color : #b49976;}
.top-ban div:nth-child(2) { background-color : #2b6c51;}
.top-ban div:nth-child(3) { background-color : #c97444;}
.top-ban div:nth-child(5) { background-color : #61928c;}
.top-ban div:nth-child(6) { background-color : #2a6837;}
.top-ban div:nth-child(7) { background-color : #ff5b5b;}
.top-ban div:nth-child(8) { background-color : #5bc8d4;}
.top-ban div:nth-child(9) { background-color : #3c50b5;}  
.top-ban div:nth-child(10) { background-color : #ffe911;}
.top-ban div:nth-child(11) { background-color : #fc8b10;}
*/



/* ±âÁ¸ tnb */
body#header #tnb>.inner { display: flex; height: 50px; min-height: auto; background: #fff; } 

#header #tnb.line2-type .btn-menu-area .btn-menu .l1 { margin-top:-7px; } 
#header #tnb.line2-type .btn-menu-area .btn-menu .l2 { display:block; margin-top:0px; } 
#header #tnb.line2-type .btn-menu-area .btn-menu .l3 { margin-top:7px; } 
#header #tnb.line2-type .btn-menu-area.selected .btn-menu .l1 { background:#fff; margin-top:-1px; } 
#header #tnb.line2-type .btn-menu-area.selected .btn-menu .l2 { display:none; } 
#header #tnb.line2-type .btn-menu-area.selected .btn-menu .l3 { margin-top:-1px; background:#fff; } 
html #header #tnb .btn-menu-area .btn-menu { background:none; } 

#header #tnb .btn-cart-area { right:15px; } 
#header #tnb .btn-cart-area .btn-cart .count { border-radius: 100%; background:#f96512 !important; } 

#header #tnb h1 img { min-width: 0; max-width: 85px; width: 85px; padding: 10px 0; transition:all .5s; } 

/* »ó´Ü¸Þ´º Ãß°¡ 2021-06-11 */
#header #tnb>.inner .gnb_swp { position:relative; width:100%; border-top: 1px solid #F5F5F5; border-bottom: 1px solid #F5F5F5; } 
#header #tnb>.inner .gnb_swp .swiper-container { overflow: auto; } 
#header #tnb>.inner .gnb_swp .swiper-container::-webkit-scrollbar-thumb { background:#bfbfbf; } 
#header #tnb>.inner .gnb_swp .swiper-wrapper { padding: 0 12px; box-sizing: border-box; }
#header #tnb>.inner .gnb_swp .swiper-slide { flex:1; width:auto; padding:0 12px; white-space: nowrap; text-align: center; } 
#header #tnb>.inner .gnb_swp .swiper-slide a { display:inline-block; position: relative; color:#191919; font-size:16px; line-height:40px; font-weight:400; } 

/*dotÃß°¡*/
#header #tnb>.inner .gnb_swp .swiper-slide a.setDot{position: relative;}
#header #tnb>.inner .gnb_swp .swiper-slide a.setDot:after{content: ''; width: 6px; height: 6px; background: #f96512; border-radius: 50%; top: 18.5%; left: 104%; position: absolute;}

#header #tnb>.inner .gnb_swp .swiper-slide a.pillowDot{position: relative;}
#header #tnb>.inner .gnb_swp .swiper-slide a.pillowDot:after{content: ''; width: 6px; height: 6px; background: #03c75a; border-radius: 50%; top: 18.5%; left: 100%; position: absolute;}


/*Áö¿µÃß°¡*/
.dm_category .dm_catelist > li .new_dot{position: relative;}
.dm_category .dm_catelist > li .new_dot:after{position: absolute;content: 'NEW';color: #f96512;font-weight: 600;left: 22%;top: -9px;font-size: 10px;}

/*Áö¿µÃß°¡ ¸ÞÀÎ gnb¿µ¿ª*/
#header #tnb>.inner .gnb_swp .swiper-slide .new_dot{position: relative;}
#header #tnb>.inner .gnb_swp .swiper-slide .new_dot:after{position: absolute;content: '';font-weight: 600;left: 102%;top: 10px;font-size: 5px;width: 7px;height: 7px;background: #fe552c;border-radius: 50%;}
#header #tnb>.inner .gnb_swp .swiper-slide .new_dot1{position: relative;}
#header #tnb>.inner .gnb_swp .swiper-slide .new_dot1:after{position: absolute;content: '';font-weight: 600;left: 102%;top: 10px;font-size: 5px;width: 7px;height: 7px;background: #fe552c;border-radius: 50%;}

 

/* 2022-08-29 ¸®´º¾ó ÀÛ¾÷ */
body > img[height="1"] {position: absolute;}

#header { position: fixed!important; top:29px; width: 100%; background: #fff; z-index:105; transition: transform linear 0.3s; } 
#header.blur { background: rgba(255,255,255,0.35); backdrop-filter: blur(15px); -webkit-backdrop-filter:blur(15px); }
#header.fixed { transform: translateY(-50px); }

#header.blur #tnb>.inner .gnb_swp { border-color: transparent;}

body #header #tnb .inner { display: flex; flex-wrap: wrap; align-items: center; height: auto; min-height: auto; padding: 0; border-bottom: none; background: none; }
body #header #tnb.fixed .inner { position: relative; top: auto; left: auto; min-width: auto; z-index: 0; }

#header #tnb .btn-menu-area, 
#header #tnb .btn-more-area,
#header #tnb .btn-cart-area { top: 5px; margin-top: 0; }

#header #tnb .btn-menu-area { width: 21%; }
#header #tnb .btn-menu-area.selected { transform: translate(400%, 20px); }
#header #tnb .btn-cart-area { background: url('/design/sleepgongg/img/web/img/m_dm_shopping_bag@2x.png') no-repeat center center; background-size: 19px; }
body #header #tnb .inner h1.logo { display: flex; justify-content: center; align-items: center; width: 100%; height: 50px; margin-bottom: 0; }
body #header #tnb .inner h1.logo img { width: 70px; height: 34px; max-width: 100%; object-fit: contain; padding: 0;}


.dm_user_login { padding-top:25px; text-align:left; padding-bottom: 8%;} 
.dm_user_login .dm_login_msg { color:#222; font-size:14px; line-height:19px; font-weight:400; } 
.dm_user_login .btn_login { display:inline-block; margin-top:7px; padding-right:22px; background:url('/design/sleepgongg/img/web/img/dm_ico_login_arrow.svg') no-repeat right center; background-size:13px; color:#f96512; font-size:20px; line-height:27px; vertical-align:top; } 
.dm_user_login .dm_user_name { display: flex; align-items: center; margin-top:4px; color: #f96512; font-size: 20px; line-height: 27px; font-weight: 300; } 
.dm_user_login .dm_user_name a { color: #f96512; font-weight: 700; }
.dm_user_login .dm_user_name .logout { margin-left: auto; font-size: 11px; font-weight: 300; text-decoration: underline; color: #888;}

.dm_user_info { margin: 17px -25px 25px; border-top: 7px solid #fafafa; } 
.dm_user_info .info_tab { border-bottom: 1px solid #ececec;}
.dm_user_info .info_tab ul { display: flex; justify-content: space-between; padding: 0 25px; }
.dm_user_info .info_tab ul li a { display: block; position: relative; color: #000; font-size: 15px; line-height: 40px; font-weight: 300; }
.dm_user_info .info_tab ul li a.active::before { content: ''; position: absolute; top: 100%; right: 0; left: 0; height: 1px; background: #f96512; }

.dm_user_info .memb_gradebox { display: flex; justify-content: center; padding-top: 30px; box-sizing: border-box;}
.dm_user_info .memb_gradebox > img {width: 70px; height: 70px; object-fit: contain;}
.dm_user_info .info_swiper .swiper-slide { padding: 0 25px; box-sizing: border-box; }
.dm_user_info .info_swiper .text_box { position: relative; height: 88px; padding: 15px 20px; margin-top: 25px; border: 1px solid #ececec; border-radius: 10px; box-sizing: border-box; }
.dm_user_info .info_swiper .text_box h4 { margin-bottom: 10px; font-size: 15px; font-weight: 700; }
.dm_user_info .info_swiper .text_box .cntbox { display: flex; justify-content: flex-end; align-items: flex-end; margin: 10px 0 0; }
.dm_user_info .info_swiper .text_box .cntbox .cnt { color: #f96512; font-size: 28px; line-height: 40px; font-weight: 700; }
.dm_user_info .info_swiper .text_box .cntbox .txt { padding: 4px; color: #f96512; font-size: 18px; line-height: 28px; font-weight: 700; }
.dm_user_info .info_swiper .text_box .link_btn { position: absolute; top: 15px; right: 20px; }
.dm_user_info .info_swiper .text_box .link_btn::after { content: ">"; display: inline-block; margin: -1px 0 0 3px; }

.dm_cate_links { margin-top:0px; padding-bottom:18px; border-bottom:1px solid #ececec; text-align:center; } 
.dm_cate_links ul { display:flex; justify-content:left; } 
.dm_cate_links ul li {margin: 0 35px 0 0; }

.dm_cate_links ul li a { display:block; } 
.dm_cate_links ul li a .ico { display:block; width:34px; height:25px; margin:0 auto; background-repeat:no-repeat; background-position:center center; } 
.dm_cate_links ul li a .ico01 { background-image:url('/design/sleepgongg/img/web/img/dm_ico_catelinks01.svg'); background-size:20px; } 
.dm_cate_links ul li a .ico02 { background-image:url('/design/sleepgongg/img/web/img/dm_ico_catelinks02.svg'); background-size:34px; } 
.dm_cate_links ul li a .ico03 { background-image:url('/design/sleepgongg/img/web/img/dm_ico_catelinks03.svg'); background-size:22px; } 
.dm_cate_links ul li a .ico04 { background-image:url('/design/sleepgongg/img/web/img/dm_ico_catelinks04.svg'); background-size:24px; } 
.dm_cate_links ul li a .txt { display:block; margin-top:4px; color:#000; font-size:11px; line-height:16px; font-weight:400; letter-spacing:-0.28px; } 

.dm_cate_search { position:relative; margin-top:15px; padding-right:28px; border-bottom:1px solid #222; } 
.dm_cate_search input.MS_search_word { width:100%; height:38px; padding:0 0px; margin:0; border:none; color:#222; font-size:13px; line-height:38px; font-weight:400; } 
.dm_cate_search .dm_btn_search { position:absolute; top:50%; right:10px; width:18px; height:18px; margin-top:-9px; border:none; background:url('/design/sleepgongg/img/web/img/dm_ico_cate_search.svg') no-repeat center center; background-size:100%; text-indent:-999px; overflow:hidden; } 

.dm_category { margin:0 -25px; } 
.dm_category .dm_catebox { padding:15px 25px; } 
.dm_category .dm_catebox + .dm_catebox { border-top:7px solid #fafafa; } 
.dm_category .dm_catelist > li { padding:5px 0; } 
.dm_category .dm_catelist > li > a { display:block; position:relative; color:#222; font-size:16px; line-height:29px; font-weight:300; } 
.dm_category .dm_catelist > li > a.next_depth:before { content:''; position:absolute; top:50%; right:0; width:14px; height:10px; margin-top:-5px; background:url('/design/sleepgongg/img/web/img/dm_ico_cate_arrow.svg') no-repeat center center; background-size:100%; transition:.3s; } 
.dm_category .dm_catelist > li > a.next_depth.on:before { transform:rotate(180deg); } 
.dm_category .dm_catelist > li > a > span { display:inline-block; position:relative; font-weight:500; vertical-align:top; } 

/*±âº» ½Å»ó*/
.dm_category .dm_catelist > li > a > span .txticon { position:absolute; left:100%; top:0; top:0; margin:0px 0 0 4px; color:inherit; font-size:10px; line-height:13px; font-weight:600;color: #f96512;} 

/*°¡À»À̺¥Æ®*/
.dm_category .dm_catelist > li > a > span .txticon_evt{position: absolute; left: 100%; top: 0; margin: 0px 0 0 4px; color: #c97444; font-size: 10px; line-height: 13px; font-weight: 600;} 

/*Ä·ÇÎ Â÷¹Ú*/
.dm_category .dm_catelist > li > a > span .txticon_g{position: absolute; left: 100%; top: 0; margin: 0px 0 0 4px; color: #3e9651; font-size: 10px; line-height: 13px; font-weight: 600;}





.dm_category .dm_catelist > li .new_dot { position: relative; } 
.dm_category .dm_catelist > li .new_dot:after { position: absolute; content: 'NEW'; color: #f96512; font-weight: 600; left: 22%; top: -9px; font-size: 10px; } 

.dm_category .dm_catelist > li.pd_none { padding: 0; }
.dm_category .dm_catelist > li > .color_orage { color:#f96512; } 
.dm_category .dm_catelist > li > .depth { display:none; padding:7px 0; } 
.dm_category .dm_catelist > li > .depth > li > a { display:block; color:#777; font-size:15px; line-height:30px; font-weight:400; letter-spacing:-0.4px; } 
.dm_category .dm_catelist > li > .depth > li > a .txticon_new { left:100%; top:0; top:0; margin:5px 0 0 2px; color:#f96512; font-size:8px; line-height:10px; font-weight:600; } 
.dm_category .dm_catecs { padding:20px 25px 40px; border-top:1px solid #ececec; } 
.dm_category .dm_catecs .catecs_tit { color:#222; font-size:16px; line-height:20px; font-weight:300; } 
.dm_category .dm_catecs .catecs_btn { margin-top:15px; overflow:hidden; } 
.dm_category .dm_catecs .catecs_btn li { float:left; width:calc(50% - 5px); } 
.dm_category .dm_catecs .catecs_btn li + li { float:right; } 
.dm_category .dm_catecs .catecs_btn li .btn { display:block; height:33px; border-radius:17px; font-size:14px; line-height:33px; font-weight:500; text-align:center; padding: 0 0; } 
.dm_category .dm_catecs .catecs_btn li .btn:before { content:''; display:inline-block; width:22px; height:33px; background-repeat:no-repeat; background-position:center center; background-size:auto 20px; vertical-align:top; } 
.dm_category .dm_catecs .catecs_btn li .btn.btn_talk { background-color:#ffe911 !important; color:#000 !important; border:none !important; } 
.dm_category .dm_catecs .catecs_btn li .btn.btn_talk:before { margin-right:12px; background-image:url('/design/sleepgongg/img/web/img/btn_service_kakaotalk@2x.png'); } 
.dm_category .dm_catecs .catecs_btn li .btn.btn_tel { background-color:#c2c2c2 !important; color:#fff !important; border:none !important; } 
.dm_category .dm_catecs .catecs_btn li .btn.btn_tel:before { margin-right:8px; background-image:url('/design/sleepgongg/img/web/img/btn_service_call@2x.png'); } 
.dm_category .dm_catecs .cs_date { margin-top:20px; color:#777; font-size:14px; line-height:20px; font-weight:400; } 
.dm_category .dm_catecs .cs_date em { font-size: 14px; font-weight:300; letter-spacing: -0.8px; } 
.dm_category .dm_catecs .cs_time { margin-top:5px; color:#777; font-size:14px; line-height:16px; font-weight:300; letter-spacing:-0.8px; } 

#container { padding-top: 92px; }

body #contents { padding-bottom: 0; margin-top: 0; }





/*sns¾ÆÀÌÄÜÃß°¡*/
	.snsList{}
	.snsList a.snsBox{display: inline-block !important; width: 11%;}
	.snsList a.snsBox img{width: 95% !important;}
/* BASIC css end */