/* BASIC css start */
/* 상단 배너 */
#topBanner { position:relative; overflow:hidden }
#topBanner .thmb { width:100%;  }
#topBanner .thmb img { width:100% }
#btBnnrClose { margin-top:-9px; position:absolute; top:50%; right:7px; width:17px; height:17px; text-indent:-9999em; background:url(/design/monodee/10276/m/common/btn_bnnr_close.png) 0 0 no-repeat; background-size:17px auto; cursor:pointer; z-index:10 }

/* 상단 */
#header { position:relative; width:100%; z-index:3 }

#header .headerTop {min-width:275px; text-align:center; overflow:hidden;}
#header .headerTop li {width:20%; background-color:#fff; color:#1b1b1d; height:28px; float:left; text-align:center; background:url('/design/skacjswod9/uju/img/m_topbg01.jpg') left top no-repeat;}
#header .headerTop li a {line-height:28px;}
#header .headerTop li:first-child {background:none;}




#header .headerNav { padding-left:50px; position:relative; height:25px; background:#c3d3cc; z-index:10 }
#header .headerNav .book_mark { position:absolute; top:0; left:17px; width:31px; height:31px; text-indent:-9999em; background:url(/design/monodee/10276/m/common/book_mark.png) 0 0 no-repeat; background-size:31px auto }
#header .headerNav ul li { margin-left:-1px; position:relative; float:left; width:25%; height:25px }
#header .headerNav ul li a { display:block; color:#fff; text-align:center; line-height:25px }
#header .headerNav ul li .sp_bubble { margin-left:-20px; position:absolute; top:20px; left:50%; font-size:0; text-align:center }
#header .headerNav ul li .sp_bubble .arr { display:block; margin-left:-2px; position:absolute; top:-3px; left:50%; width:6px; height:3px; background:url(/design/monodee/10276/m/common/arr_bubble.png) 0 0 no-repeat; background-size:6px auto; vertical-align:top }
#header .headerNav ul li .sp_bubble p { padding:0 3px; font-size:11px; color:#d72a2a; font-weight:bold; border-radius:15px; background:#fff }
#header .headerLnb { position:relative; height:70px;}
#header .headerLnb .sideMenuOpen { position:absolute; top:25px; left:15px; font-size:28px; color:#1b1b1d; cursor:pointer }
#header .headerLnb .tlogo { margin:0 auto; padding-top:10px; width:160px; margin-top:-5px;}
#header .headerLnb .tlogo img { width:100%; height:auto; }
#header .headerLnb .searchToggle { position:absolute; top:27px; right:15px; font-size:25px; color:#1b1b1d; cursor:pointer }
#header .searchLy { display:none; position:absolute; top:85px; left:0; width:100%; height:35px;  z-index:100; padding-bottom:6px; }
#header .searchLy .search {padding:8px 10px; position:relative; text-align:center; }
#header .searchLy .search .delete_btn { display:none; position:absolute; top:10px; right:40px; width:30px; height:24px; font-size:18px; color:#adadad; line-height:24px; z-index:10 }
#header .searchLy .search input { width:100%; height:29px; border:none; border-bottom:solid 2px #000;  outline:none }
#header .searchLy .search .btn_search { position:absolute; top:8px; right:20px; font-size:22px; color:#ccc; }
#header .searchLy .clearTag { height:200px }
#header .topfixcart { display:block; position:absolute; top:25px; right:50px; font-size:28px; color:#1b1b1d;}

.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 }

/* 사이드 메뉴 */
#asideMenu { position:fixed; top:0; left:-82%; width:80%; height:100%; box-shadow:-5px 5px 5px 5px #000; background:#fff; z-index:9999; overflow-y:auto; overflow-x:hidden }
#asideMenu .quick_menu { height:85px; background:#c9a794;}
#asideMenu .quick_menu ul li { margin-left:-1px; float:left; width:33.33%; height:85px; text-align:center; border-left:1px solid #fff; }
#asideMenu .quick_menu ul li a { display:block; padding-top:21px; font-size:11px; color:#fff }
#asideMenu .quick_menu ul li a .ico { display:inline-block; width:19px; height:21px; background:url() 0 0 no-repeat; background-size:19px auto }
#asideMenu .quick_menu ul li a .ico1 { background-position:0 0 }
#asideMenu .quick_menu ul li a .ico2 { background-position:0 -21px }
#asideMenu .quick_menu ul li a .ico3 { background-position:0 -42px }
#asideMenu .quick_menu ul li a .ico4 { background-position:0 -64px }
#asideMenu .quick_menu ul li a .tx { display:block }

#asideMenu .asideNav { position:relative; overflow:hidden }
#asideMenu .asideNav ul { *zoom:1 }
#asideMenu .asideNav ul:after { display:block; clear:both; content:'' }
#asideMenu .asideNav ul li { margin-left:-1px; width:100%; border-bottom:1px solid #cdcdcd; border-left:1px solid #cdcdcd }
#asideMenu .asideNav ul li ul li {display:block; padding:0px 10px; background:#f5f5f5;}
#asideMenu .asideNav ul li a { display:block; padding:10px 20px }
#asideMenu .asideNav ul li.n1 a,
#asideMenu .asideNav ul li.n2 a,
#asideMenu .asideNav ul li.n3 a { color:#aa3838 }
#asideMenu .asideNav ul li.n24 a { color:#29b69d }
#asideMenu .asideNav ul li.qNav a { color:#e15454; background:#ffeaea }

#asideClose { position:absolute; top:20px; right:10px; width:38px; height:38px; text-indent:-9999em; background:url('/design/skacjswod9/uju/img/all_close.png') 0 0 no-repeat; background-size:38px auto;  cursor:pointer; z-index:9999 }
#top_navlist {width:100%; overflow:hidden; transition:0.5s; border-top:1px solid #ccc;}
.re_fix {position:fixed; top:0; left:0; background:rgba(255,255,255,0.4);}
.re_rel {position:relative; background:rgba(255,255,255,0.6);}
#top_navlist li a {line-height:34px; height:34px; display:block;  font-size:1.15em; color:#000; }
#top_navlist li {text-align:center; float:left; box-sizing:border-box; border-left:1px solid #ccc; border-bottom:1px solid #ccc;} 

.kakao_btn {position:fixed; bottom:5px; left:5px; z-index:5001;}
.join_bn {position:relative;}
.join_rs {position:absolute; top:20px; left:25%; z-index:9997}
/* 최근 본 상품 */
#ly_lastView {width:100%; position:absolute; top:36px; left:0; background-color:#fff; z-index:101; padding-bottom:20px; box-shadow: 0 1px 10px #717171; display:none;}
/* //최근 본 상품 */

.hd_show {position:fixed; z-index:20; width:100%;  top:0; left:0;}
.hd_hide {position:fixed; z-index:20; width:100%;  top:-40px; left:0;}
.hd_fixmenulist {width:100%; overflow:hidden;}

.hd_fixmenulist li {float:left; width:26%;  height:38px; background:#c9a794; text-align:center; transition:0.3s; box-sizing:border-box; border-left:solid 1px #fff;}
.hd_fixmenulist li:first-child {width:22%; border-left:none;}
.hd_fixmenulist li a {color:#fff; line-height:38px; font-size:1.2em;}
.hd_fixmenulist li p {color:#fff; line-height:38px; font-size:1.2em;}
.inall_btn {font-size:1em; line-height:38px;}
.inall_meun01 {font-size:1em; line-height:38px;}
@media screen and (min-width:768px) {
    #header #menu {width:85px;}
    #header .headerTop {padding-right:85px;}
    #header .search {padding-right:85px;}
    #header .search .searchBox input {width:95%;}
    #header .search .btn_search {width:85px;}
}

/* BASIC css end */