/* BASIC css start */
#container { padding-top:124px }


/* 사이드 메뉴 */
#asideMenu { position:fixed; top:0; left:-100%; width:100%; height:100%; z-index:9999; background:#000 url(/design/custommood/deetong/m/side_bg.png) no-repeat 0 0px; background-size:100% auto; overflow-y:auto; overflow-x:hidden }

#asideClose { position:fixed; /*position:absolute;*/ top:33px; right:-20px; text-indent:-9999em; background:url(/design/custommood/deetong/m/side_close.png) 0 0 no-repeat; width:17px; height:17px; background-size:100% 100%; z-index:9999999 }

#asideMenu .topline { padding:23px 0 20px; overflow:hidden; height:52px; }
#asideMenu .topline .topleft { float:left; width:32%; padding-top:8px }
#asideMenu .topline .topleft a { font-size:12px; color:#fff; line-height:20px; height:20px; margin-left:18px }
#asideMenu .topline .toplogo { float:left; width:36%; text-align:center; }
#asideMenu .topline .toplogo img { height:30px; }
#asideMenu .topline .topright { float:left; width:32%; text-align:right; padding-top:8px; padding-right:40px; box-sizing:border-box; }
#asideMenu .topline .topright img { height:20px; margin-right:12px }

#asideMenu .left_tap {  overflow:hidden; width:90%; padding:0 5%; }
#asideMenu .left_tap li { float:left; width:33.33%; color:#fff; text-align:center }
#asideMenu .left_tap li span { display:inline-block; line-height:20px; height:20px; color:#fff; font-size:13px }
#asideMenu .left_tap li span.on { border-bottom:1px solid #fff }

#asideMenu .con_box { overflow:hidden; width:100% }
#asideMenu .con_box li { float:left; box-sizing:border-box; }
#asideMenu .con_box li.left_con { width:45%; padding-left:9%; text-align:left; padding-top:10px }
#asideMenu .con_box li.left_con a { color:#fff; font-weight:bold; font-size:11px }
#asideMenu .con_box li.left_con a img { display:block; width:75% }
#asideMenu .con_box li.left_con a span { display:block; padding:3px 0 20px }
#asideMenu .con_box li.menu_con { width:55%; padding-right:9%; text-align:left }
#asideMenu .con_box li.menu_con a { display:block; color:#fff; font-weight:bold; font-size:13px; line-height:34px; }
#asideMenu .con_box li.menu_con .col1 { color:#fef224 }
#asideMenu .con_box li.menu_con a.col1 img { height:14px; vertical-align:middle; margin:-2px 0 0 4px }
#asideMenu .con_box li.menu_con .col2 { color:#fbbd50 }

#asideMenu .side_line { background:#9e9e9e; opacity:0.3; width:100%; height:1px; margin:10px 0 20px }

#asideMenu .con_bn { overflow:hidden; width:100%; height:100px; margin-top:10px }
#asideMenu .con_bn li.fir { float:left; width:42%; height:100px; margin-left:9%; text-align:left; background:url(/design/custommood/deetong/m/side_001.png) no-repeat; background-size:35px 35px; }
#asideMenu .con_bn li.last { float:left; width:49%; height:100px; text-align:left; background:url(/design/custommood/deetong/m/side_002.png) no-repeat; background-size:35px 35px; }
#asideMenu .con_bn li a { color:#fff; font-size:11px; letter-spacing:-1px }
#asideMenu .con_bn li a span { display:block; margin-left:43px }


.mask {	display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50); z-index:990 }
   

/* 상단 */

#header { position:fixed; width:100%; z-index:100; background:#fff; height:124px; }

#header .headerLnb { position:relative; width:100%; overflow:hidden; }

#header .headerLnb .sideMenuOpen { position:absolute; margin-top:33px; margin-left:4.3%; }
#header .headerLnb .sideMenuOpen img { height:20px }

#header .headerLnb .searchToggle { position:absolute; margin-top:33px; margin-left:12.6%; }
#header .headerLnb .searchToggle img { height:20px }

#header .headerLnb .tlogo { width:100%; margin:0 auto; text-align:center; padding:20px 0 25px; }
#header .headerLnb .tlogo img { height:37px  }

#header .headerLnb .tmember { position:absolute; right:0; margin-right:12.3%; margin-top:33px; }
#header .headerLnb .tmember img { height:20px }

#icon_moving { position:absolute; margin:21px 0 0 -18px; z-index:21 }
#icon_moving img { height:22px }

@media screen and (max-width:360px) {
   #icon_moving { position:absolute; margin:21px 0 0 -18px; z-index:21 }
   #icon_moving img { height:20px }
}

#header .headerLnb .tcart { position:absolute; right:4.3%; margin-top:30px  }
#header .headerLnb .tcart img { height:24px; }
#header .headerLnb .tcart span { position:absolute; z-index:21; margin-top:13px; margin-left:13px; display:block; background:#555; color:#fff; text-align:center; font-size:11px; width:16px; height:16px; line-height:16px; border-radius:3px; }


#header .searchLy { display:none; position:absolute; top:84px; left:0; width:100%; z-index:100; background:#fff }
#header .searchLy .search { padding:11px 5% 12px; position:relative; }
#header .searchLy .search_x { width:100%; }
#header .searchLy .search_x img { position:absolute; height:22px; margin-left:12.7%; top:-52px }
#header .searchLy .search .delete_btn { display:none; position:absolute; top:0px; right:40px; width:40px; height:35px; font-size:18px; color:#adadad; line-height:24px; z-index:9999 }
#header .searchLy .search fieldset { padding:0 1%; position:relative; margin-top:0px; background:#fff; border:1px solid #c9c9c9; border-radius:5px; }
#header .searchLy .search input { width:100%; height:40px; line-height:40px; color:#555; border:0px; background:#fff; font-size:12px;}
#header .searchLy .search .btn_search { position:absolute; top:0; right:2px; } 
#header .searchLy .search .btn_search img { height:40px }
#header .searchLy .clearTag { height:200px }

#header .searchLy .viewbox { border-bottom:1px solid #dfdfdf }
#header .searchLy .viewbox section { padding:10px }
#header .searchLy .viewtit { border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; color:#1f1f1f; height:40px; line-height:40px; font-weight:bold; font-size:14px; padding:0 3% }
#header .searchLy .viewtit span img { position:absolute; right:0; height:30px; margin:5px }



#tm { width:100%; height:40px; line-height:40px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
#tm .tmbox { width:100%; height:40px; border:0px; /*아이프레임*/}

.tm_xx { width:100%; height:40px; overflow:scroll; }
.tm_line { width:1050px; height:40px;  }
.tm_line span { padding-left:20px }
.tm_line a { color:#202020; font-size:12px; height:40px; line-height:40px; }
.tm_line a.col { color:#bd9644 }


.all_categories {position:absolute; right:0; z-index:9; }
.all_categories img { width:40px; height:40px; border-left:1px solid #ddd; box-sizing:border-box; }


/* 전체카테고리-드롭다운 */
.open_cate { position:absolute; left:0; padding-bottom:10px;margin-top:1px; width:100%; border-bottom:1px #ddd solid; background-color:#fff; display:none; z-index:10;}
.openSection { position:relative; width:100%; margin:0 auto;}

.openSection h3 { color:#2b2b2b; font-size:13px; margin:20px 0 3px 3.5%; }
.cateSection { width:100%; padding:0 3%; box-sizing:border-box; overflow:hidden;    }
.cateSection>div { width:24%; height:36px; margin:0.5%; text-align:center; float:left; display:inline-block; border:1px solid #ddd; box-sizing:border-box; padding:0 0 0 0; }
.cateSection>div>a { width:100%; height:36px; line-height:38px; color:#202020; font-size:10px; display:block }
.cateSection>div>a.spa { letter-spacing:-0.5px;  }

.open_cate_close { position:absolute; right:0; top:0; cursor:pointer;  z-index:99999; margin-top:-61px; }
.open_cate_close img { width:40px; height:41px; border-left:1px #ddd solid; box-sizing:border-box}
.open_cate_close p { border-bottom:3px #fff solid }

.open_cate_tit { position:absolute; cursor:pointer; margin-top:-61px; background:#fff; color:#202020; font-size:12px; height:40px; line-height:40px; width:100%; }
.open_cate_tit p { padding-left:4.5%; font-weight:bold; }

@media screen and (max-width:360px) {
#tm li a { color:#202020; font-size:11px }
.openSection h3 { color:#2b2b2b; font-size:12px; margin:20px 0 3px 3.5%; }
.cateSection>div>a { width:100%; height:36px; line-height:36px; color:#202020; font-size:9px }
}


/* BASIC css end */