/* BASIC css start */
/*»ó´Ü ¶ì ¹è³Ê ¿µ¿ª*/
#header {background-color:#0096db; width:100%; text-align:center;} 
#header a {font-size:12px; font-weight:600; color:#fff; display:inline-block; line-height:40px;}
/*»ó´Ü ¶ì ¹è³Ê ¿µ¿ª*/

#btn_top {width:50px; height:50px; position: absolute; top:0px; left:0px; bottom: 100px; right:10px;}
#btn_qna {width:40px; height:40px; display:block; z-index:7777; position:fixed; bottom:12%; right:12%;}

#d_gnb {height:50px;line-height:50px;color:#000;background:#fff; text-align:center;}
#d_snb_right_btn {float:right}
#d_cart_btn {float:right}
#d_snb_left_btn {float:left;}
#d_search_btn {float:left;}
    
    
#main_header {width:100%; height:80px; z-index:1000;}
#main_header .d_fixed{position:relative;left:0;top:0;width:100%;background:#fff; z-index:8888; opacity:1;}
#d_cover{position:fixed; z-index:8888;left:0;top:0;width:100%;height:200%;background:#000000;opacity:0.5;display:none}


#header_logo {width:155px; height:50px; margin:0 auto; text-align:center; display:inline-block; position:relative;}
#header_logo .menu {width:100px; height:50px; top:0px; left:0px; text-decoration: none; text-align: center;}
#header_logo .icon_box {width:155px; height:50px; top:-2px; left:3px; position: absolute; color:transparent; background:url(http://www.roxygirl.tv/design/hellosuri/skin_2020/m/logo.png) no-repeat; background-size:155px 50px;}	

#d_gnb #d_snb_left_btn .menu {width:45px; height:50px; top:0px; left:5px; text-decoration: none; text-align: center; position: absolute;}
#d_gnb #d_snb_left_btn .icon_box {width:25px; height:25px; position: absolute; top:10px; left:5px; color:transparent; background:url(http://www.roxygirl.tv/design/hellosuri/skin_2020/m/btn_menu.png) no-repeat; background-size:25px 25px;}	
#d_gnb #d_search_btn .menu {width:45px; height:50px; top:0px; right:40px; text-decoration: none; text-align: center; position: absolute;}
#d_gnb #d_search_btn .icon_box {width:25px; height:25px; position: absolute; top:10px; left:10px; color:transparent; background:url(http://www.roxygirl.tv/design/hellosuri/skin_2020/m/btn_search.png) no-repeat; background-size:25px 25px;}	

#d_gnb #d_snb_right_btn .menu {width:45px; height:50px; top:0px; right:5px; text-decoration: none; text-align: center; position: absolute;}
#d_gnb #d_snb_right_btn .icon_box {width:25px; height:25px; position: absolute; top:10px; right:5px; color:transparent; background:url(http://www.roxygirl.tv/design/hellosuri/skin_2020/m/btn_mypage.png) no-repeat; background-size:25px 25px;}	
#d_gnb #d_cart_btn .menu {width:45px; height:50px; top:0px; right:10px; text-decoration: none; text-align: center; position: absolute;}
#d_gnb #d_cart_btn .icon_box {width:25px; height:25px; position: absolute; top:10px; right:5px; color:#fff; background:url(http://www.roxygirl.tv/design/hellosuri/skin_2020/m/btn_cart.png) no-repeat; background-size:25px 25px;}	
#d_gnb #d_cart_btn .icon_box .number {position:absolute; right:-5px; top:-2px; width:18px; height:18px; background-color:#000; border-radius:100%; font-size:9px; text-align:center; line-height:18px; font-family:'Arial,Arimo,"Nanum Gothic",AppleGothic,sans-serif'; }
    
/*lnb*/
#d_lnb{width:100%; position:relative; height:30px; background:#fff; border-bottom:1px solid #f1f1f1;}
#d_lnb .prev{position:absolute;left:0;top:0;width:30px;height:30px;background:url('http://www.roxygirl.tv/design/hellosuri/skin_2020/m/bg_left.png') no-repeat center; background-size:5px 8px;}
#d_lnb .next{position:absolute;right:0;top:0;width:30px;height:30px;background:url('http://www.roxygirl.tv/design/hellosuri/skin_2020/m/bg_right.png') no-repeat center; background-size:5px 8px;}
#d_lnb .swiper-container{width:94%; padding:0% 3%}
#d_lnb .warp {padding:0px 0px 0px 12px;}
#d_lnb .swiper-slide {width:auto;text-align:center}
#d_lnb a{color:#353535;line-height:20px; font-size:14px; font-family:'Noto Sans KR', sans-serif,'Nanum Gothic', ³ª´®°íµñ; font-weight:400;}
#d_lnb .swiper-wrapper li {}

#d_lnb .bt_drop_menu {width:32px; height:30px; top:-2px; right:0px; position: absolute; background-color:#fff; z-index:2;}
#d_lnb .bt_drop_menu .bt_drop {width:30px; height:30px; position: absolute; color:transparent; background:url(/design/hellosuri/skin_2020/m/bt_drop.png) no-repeat; background-size:20px 20px; background-position: 5px 2px;}
#d_lnb .toggle {width:100%; height:350px; background-color:#fff; border-bottom:1px solid #000; padding:3%; display:none; opacity:1;}
#d_lnb .toggle .box01 {width:100%; display:inline-block; margin:10px 0px; text-align:left;}
#d_lnb .toggle .box02 {width:100%; display:inline-block; margin:10px 0px; text-align:left;}
#d_lnb .toggle .left {width:17%; float:left;}
#d_lnb .toggle .right {width:83%; float:left; margin-top:-4px; padding:0px;}
#d_lnb .toggle .left .title {width:100%; display:block; text-align:left; font-size:14px; font-weight:bold;}
#d_lnb .toggle .right .t_unit {display:inline-block; padding:5px 5px; margin:0px 10px 0px 0px; font-size:14px; color:#000; text-align:center; line-height:18px; font-weight:400;}
#d_lnb .toggle .right ul {width:33%; padding:0px; margin:0px; display:inline-block; float:left;}
#d_lnb .toggle .right ul {list-style:none; float:left;}


#d_snb_left .d_tab_detail{display:none;overflow:auto}

#d_search{position:relative;z-index:100;display:none}
#d_search .con{position:absolute;left:0;top:0; width:100%; padding:10px; box-sizing:border-box; background:#f8f8f8; border-bottom:1px solid #ddd;}
#d_search .con fieldset {border:1px solid #353535; }
#d_search .con .MS_search_word {width:85%; height:30px;line-height:30px;text-indent:10px; float:left; border:0px; background:#f8f8f8; }
#d_search .con .btn_search {display:inline-block; width:30px; height:30px; float:right; padding-right:10px; background:url(http://www.roxygirl.tv/design/hellosuri/skin_2020/m/btn_search.png) no-repeat 10px; background-size:20px 20px; color:transparent;}
#d_search .con .searchBox {float:left; width:100%;}



/*ÁÂÃø*/

#d_snb_left {position:fixed;z-index:9999;left:-100%;top:0;width:80%;min-height:100%;;background:#fff; padding:0px 3%;}

#d_snb_left .d_tab {width:100%; position:relative;}
#d_snb_left .d_tab:after{display:block; content:''; clear:both;}
#d_snb_left .d_tab .tab_logo {width:100%; line-height:50px; display:inline-block; color:transparent; background: url(/design/hellosuri/skin_2020/m/logo.png) no-repeat left; background-size:150px;}
#d_snb_left .d_tab .d_close{position:absolute;top:17px;right:5%;cursor:pointer}
#d_snb_left .login_box {width:100%; display:inline-table; padding:10px 0px 15px 0px; border-bottom:3px solid #000;}
#d_snb_left .login_box a {width:25%; display:table-cell; color:#000; font-size:14px; line-height:22px; font-family: 'Noto Sans KR', sans-serif,'Nanum Gothic', ³ª´®°íµñ !important; font-weight: 400; text-align:center;}
#d_snb_left .login_box .join {position:relative;}
#d_snb_left .login_box .join .tip {width:50px; height:25px; line-height:30px; text-align:center; position:absolute; color:#fff; font-size:11px; top:20px; left:16px; background:url(/design/hellosuri/skin_2020/m/bg_join.png) no-repeat center; background-size: 50px 25px;}

#d_snb_left .d_tab ul {width:100%; text-align:left; float:left; line-height:60px; font-size:16px; font-weight:bold; border-bottom:1px solid #ddd;}
#d_snb_left .d_tab li {text-align:left; float:left; line-height:60px; font-size:16px; font-weight:bold; padding-left:3%;}
#d_snb_left .d_tab li .button {display:inline-block; padding: 4px 4px 1px 4px; border-radius: 2px; background-color:#c3c3c3; font-size:11px; color:#fff; font-family:'µ¸¿ò','dotum'; line-height: 14px; font-weight:normal;}
#d_snb_left .d_tab .d_close{position:absolute;top:18px;right:2%;cursor:pointer}

#d_snb_left .mybox {background-color:#f7f7f7; width: 100%; height:70px; border-bottom:1px solid #ddd; font-family:'µ¸¿ò','dotum'; font-size:11px; line-height: 14px;}
#d_snb_left .mybox span {display:inline-block; padding: 1.5px 4px; border-radius: 2px; background-color:#c3c3c3; font-size:11px; margin-top:9px; color:#fff; font-family:'µ¸¿ò','dotum';}
#d_snb_left .mybox .unit {width:25%; height: 70px; border-right:1px solid #ddd; margin-right:-1px; float:left; padding:0px;}
#d_snb_left .mybox .unit .s_box {padding: 8px 0px 8px 10%; }


#d_snb_left .d_tab_detail{width:100%; display:none; overflow:auto; }

#d_snb_left .d_cate {width:100%; overflow-x:hidden;}
#d_snb_left .d_cate ul{width:100%; overflow:hidden; padding-top:20px;}
#d_snb_left .d_cate ul li{position:relative;line-height:40px; font-size:14px; font-weight:400; padding:0%; color:#000; font-family:'Noto Sans KR', sans-serif,'Nanum Gothic', ³ª´®°íµñ !important;}

#d_snb_left .d_cate ul li.on{background:url('/design/hellosuri/skin_2020/m/arrow_down2.png') no-repeat 98% 8px; background-size:15px;}
#d_snb_left .d_cate ul li.on.open{background:url('/design/hellosuri/skin_2020/m/arrow_up2.png') no-repeat 98% 8px;background-size:15px;}

#d_snb_left .d_cate ul li > a{display:block;height:100%;color:#000;}
#d_snb_left .d_cate ul li .d_view{position:absolute;right:10px;top:8px;width:40px;height:20px;line-height:20px;background:#dc2b35;color:#fff;font-size:12px;font-weight:normal;text-align:center}

#d_snb_left .d_cate ul li dl{display:none;background:#fff;padding:0 0 20px;/*max-height:250px;overflow:auto*/}
#d_snb_left .d_cate ul li dl dd{line-height:28px}
#d_snb_left .d_cate ul li dl dd > a{color:#aaa; font-size:14px; font-weight:300; font-family: 'Noto Sans KR', sans-serif,'Nanum Gothic', ³ª´®°íµñ !important;}
	

#d_snb_left .d_cate ul .gender_menu {width:100%; display:inline-table; border-top:1px solid #ddd; border-bottom:3px solid #000; margin-top:20px;}
#d_snb_left .d_cate ul .gender_menu a {width:33.33%; display:table-cell; line-height:50px; text-align:center;}

#d_snb_left .d_cate ul .brand_menu {width:100%; height:auto; padding-top:20px; float:left; }
#d_snb_left .d_cate ul .brand_menu .title {font-size:16px; color:#000; font-weight: 400; display: inline-block; width: 100%; margin-bottom:10px; float:left;}
#d_snb_left .d_cate ul .brand_box {width:100%; border-top:1px solid #dedede; border-left:1px solid #dedede; box-sizing:border-box; display:inline-block; float:left; }
#d_snb_left .d_cate ul .brand_box a {width:20%; display:block; line-height:45px; float:left; border-right:1px solid #dedede; border-bottom:1px solid #dedede; padding:3px 8px 3px 8px; box-sizing:border-box; color:transparent; text-decoration:none; text-align:center; font-size:1px; letter-spacing:-1px;}

#d_snb_left .d_cate ul .community_menu {width:100%; height:auto; padding-top:20px; float:left; }
#d_snb_left .d_cate ul .community_menu .title {font-size:16px; color:#000; font-weight: 400; display: inline-block; width: 100%; margin-bottom:10px; float:left; }
#d_snb_left .d_cate ul .community_box {width:100%; border-top:1px solid #dedede; border-left:1px solid #dedede; box-sizing:border-box; display:inline-block; float:left; }
#d_snb_left .d_cate ul .community_box a {display:block; float:left; border-right:1px solid #dedede; border-bottom:1px solid #dedede; padding:3px 10px; font-size:12px; font-family: 'Noto Sans KR', sans-serif,'Nanum Gothic', ³ª´®°íµñ !important; font-weight: 400; box-sizing: border-box; background:url(http://www.roxygirl.tv/design/hellosuri/skin_2020/m/bg_menu.png) no-repeat right 10px center; background-size:5px 8px; color:#353535; text-decoration:none;}
#d_snb_left .d_cate ul .community_box .review {width: 50%;}
#d_snb_left .d_cate ul .community_box .member {width: 50%;}
#d_snb_left .d_cate ul .community_box .faq {width: 100%;}
#d_snb_left .d_cate ul .community_menu .store {width:100%; height:70px; line-height:70px; text-align:center; font-size:16px; color:#fff; display:inline-block; background:url(http://www.roxygirl.tv/design/hellosuri/skin_2020/m/bg_store_menu.png) no-repeat center; background-size:100%; margin-top:20px;}


#d_snb_left .d_cate ul .cs_menu {width:100%; height:auto; padding-top:20px; float:left; }
#d_snb_left .d_cate ul .cs_menu .title {font-size:16px; color:#000; font-weight: 400; display: inline-block; width: 100%; margin-bottom:10px; float:left; }
#d_snb_left .d_cate ul .cs_box {width:100%; box-sizing:border-box; display:inline-block; float:left; }
#d_snb_left .d_cate ul .cs_box a {display:block; float:left; padding:3px 10px; text-align:center; font-size:12px; font-family: 'Noto Sans KR', sans-serif,'Nanum Gothic', ³ª´®°íµñ !important; font-weight: 400; box-sizing: border-box; text-decoration:none;}
#d_snb_left .d_cate ul .cs_box .phone {width: 100%; color:#fff; background-color:#0096db;}
#d_snb_left .d_cate ul .cs_box .board {width: 100%; color:#000; margin-top:5px; border:1px solid #ddd;}

#d_snb_left .d_cate ul .sns_menu {width:100%; height:auto; padding:30px 0px; float:left; }
#d_snb_left .d_cate ul .sns_menu a {width:25%; display:inline-block; text-align:center; float:left;}


/* BASIC css end */