/* BASIC css start */
.navCategory li:nth-child(n+25) {display:none;}


#upmenu {margin:0px 0 0 0;  width:100%; background:#FFF;  border-bottom:1px solid #e5e5e5; height:32px;}
#upmenu ul { width:100%; float:left; }
#upmenu li { line-height:12px; float: left; height:32px; width:25%; text-align:center; 
    margin:0 0 0 -1px;
    font-size:11px; font-family:'Arimo', sans-serif; font-weight:400; text-decoration:none;  letter-spacing:0px;
display: -webkit-box;
-webkit-box-pack: center;
-webkit-box-align: center;
vertical-align: middle;
}

#upmenu li a { color:#525252; }


#bottomMenu { 
    width:100%;
    padding:0px 0;     
    height:40px; position: fixed;
    top:0px; 
    z-index:500;    
    display:none; 
    background-color: rgba(255,255,255,0.8); 
}

#header #bottomMenu #logo { padding:0px 0 0; margin:0px auto 0; float:left; text-align:center; width:100%; }
#header #bottomMenu #logo a { font-family:'Poppins',Malgun Gothic,"µ¸¿ò",Dotum; font-size:15px; line-height:40px;   font-weight: bold; text-transform: uppercase;}

#bottomMenu .right1 {  z-index:10; position:absolute; font-size:9px; width:50px; right:10px; top:10px; padding:0px 0px; text-align:center; }
#bottomMenu .right1 img { width:20px; }
#bottomMenu .leftm {  z-index:200; position:absolute; font-size:9px; width:60px; left:10px; top:0px; padding:0px 0px; text-align:center; }
#bottomMenu .leftm .fold {  z-index:200; position:absolute; font-size:9px; width:27px; left:10px; top:-17px; padding:0px 0px; text-align:center; }
#bottomMenu .leftm .fold img { width:20px;}


#header #upmu #logo { padding:0px 0 0;  text-align:center; width:100%;  }
#header #upmu #logo a {   font-family:'Poppins',Malgun Gothic,"µ¸¿ò",Dotum; line-height:75px;    font-size: 2em;     font-weight: bold; text-transform: uppercase;}


#header #bookmark {  z-index:200; position:absolute; font-size:9px; width:30px; left:12px; top:5px; padding:0px 0px; text-align:center; }
#header #bookmark img { width:30px;}
#header .right {  z-index:10; position:absolute; font-size:9px; width:70px; right:10px; top:25px; padding:0px 0px; text-align:center; }
#header .right img { width:28px; }
#header .fold {  z-index:200; position:absolute; font-size:9px; width:27px; left:10px; top:30px; padding:0px 0px; text-align:center; }
#header .fold img { width:23px;}
#header .leftm {  z-index:200; position:absolute; font-size:9px; width:60px; left:10px; top:27px; padding:0px 0px; text-align:center; }

#header { position:relative; margin:0px 0 0px;  padding:5px 0 0px; height:85px; }
#header .header { position:relative;  text-align:center; padding:0px 0 10px 0;  }


#header .search {  float:right; text-align:right; margin:3px 0px 0 0px; width:25px; height:25px; }
#header .search button { display:block; overflow:hidden; width:25px; height:25px; text-indent:100%; 
    text-align:left; white-space:nowrap; cursor:pointer; border:0; background:url("/something/mypicon2.png") no-repeat 0 0; background-size:100% 100%; }




#layout #header .header { text-align:left; }
#layout #header h1 { height:38px; line-height:38px; padding:0 0 0 41px; }
#layout #header h1 img { max-height:23px; vertical-align:middle; }
#layout #topArea .searchWrap { padding:5px 82px 0 47px; }
#layout #header .search { top:0; }






.orderbasketcount {   position:relative;  }


.orderbasketcount  a .count { position:absolute;  left:27px; top:0px; margin:0 0px 0 0px; padding:0 0 0 0px; vertical-align:middle;  }
.orderbasketcount  a .count { padding:0px 0px;}
.orderbasketcount  a .count span {   font-weight:normal;  text-align:center; color:#525252; padding:0px 4px; line-height:15px; font-size:10px; 
                                             background-color:#e6dadb; border:0px solid #cdcdcd; border-radius:15px;}




.navCate {margin:0 auto 10px; text-align:center;  width:100%; background:#FFF; overflow:hidden;
}

.navCate ul { width:100%; margin:auto; text-align:center;  }

.navCate li { border-right:0px solid #dddddd; border-bottom:0px solid #dddddd; line-height:25px; height:33px;  text-align:center; 
font-family:'Lato',Malgun Gothic,"µ¸¿ò",Dotum; font-weight:400; display:inline; padding:0 9px;

}


.navCate li a { color:#000; letter-spacing:0.5px; font-size:10px; display:inline; }




.menu_on {height:100%; overflow:hidden;}
.menu_off {height:auto; overflow:initial;}
#header {width:100%;}
#header .top-pt-01 {position:fixed; top:0; left:0; right:0; z-index:100;}
#header .top-pt-02 {position:fixed; top:0; left:0; right:0; z-index:100;}
#header .headerTop {min-width:275px; height: 36px; text-align:center; background-color:#333;}
#header .headerTop a {height: 36px; line-height: 36px; background-color:#333; color:#fff; display:inline-block; padding: 0 8px;}
#header .headerTop a .fa {vertical-align:top; position: relative; top:12px;}
.topNavLeft {float:left;}
.topNavRight {float:right;}
#header #menu {}
#header #menu .fa {}
#header .headerBottom {padding:0 10px; margin-bottom:20px;}
#header .headerBottom h1 {font-size:30px; font-family: 'Open Sans', sans-serif; font-weight: bold;}
#header .headerBottom .headerBottomLeft {float:left; margin-top: 22px;}
#header .headerBottom .headerBottomRight {float:right; margin-top: 20px;}
#header .headerBottom .headerBottomRight a {margin-left:17px; color:#222; font-size:20px;}
#header .headerBottom .headerBottomRight a .fa-bookmark-o {color:#f1494d;}
#header .headerBottom .headerBottomRight .cart {position:relative;}
#header .headerBottom .headerBottomRight .cart sup {width:12px; height:12px; background-color:#f1191f; color:#fff; border-radius:6px; position:absolute; top:-12px; right:-5px; text-align: center; line-height: 12px;}
/*
#header .search {height:42px; position:relative; left:0; right:0; background-color:#ab3e41; padding-right:45px; text-align:center; display:none; z-index:10;}
#header .search .searchBox {width:100%;}
#header .search .searchBox input {width:90%; height:30px; border:0px none; margin-top: 6px; padding: 0 5px;}
#header .search .btn_search {width:45px; height:42px; line-height:50px; background-color:#822023; position:absolute; top:0; right:0; color:#fff; text-align:center;}
*/

/* Ä«Å×°í¸® */

/* //Ä«Å×°í¸® */

@media screen and (min-width:768px) {
    #header #menu {width:85px;}
    #header .headerTop {}
    #header .search {padding-right:85px;}
    #header .search .searchBox input {width:95%;}
    #header .search .btn_search {width:85px;}
}
#wrapper.move {width:100%; left: 250px; top: 0; overflow: hidden; position: fixed;}






/* 2015-12-15 */
#wrapper {padding-top:0px;}
#upup {
  background: #fff none repeat scroll 0 0;
  border-bottom: 1px solid #6b6c70;
  height: 25px;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 101;
}
.upmu {
  float: right;
  left: -50%;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
.upmu ul {
  margin: 0 auto;
}
.upmu li {
  float: left;
  left: 50%;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
.upmu li a {
  color: #565656;
  display:block;
  font-size: 12px;
  font-weight: bold;
  padding: 0 4px;
  height: 25px;
  line-height: 25px;
  -letter-spacing:-1px;
}


.logo {text-align:center; position:relative; margin:30px 0; z-index:1;}
.logo .sidemenu {position:absolute; left:20px; top:50%; margin-top:-14px}
.logo .sidemenu a {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  font-size:20px;

}
.logo .search {position:absolute; right:20px; top:50%; margin-top:-14px;}
.logo .search a {
  height: 28px;
  line-height: 28px;
  color: #222;
  font-size: 20px;
}
/*
#header .search {height:42px; position:relative; left:0; right:0; background-color:#ab3e41; padding-right:45px; text-align:center; display:none; z-index:10;}
#header .search .searchBox {width:100%;}
#header .search .searchBox input {width:90%; height:30px; border:0px none; margin-top: 6px; padding: 0 5px;}
#header .search .btn_search {width:45px; height:42px; line-height:50px; background-color:#822023; position:absolute; top:0; right:0; color:#fff; text-align:center;}
*/



#aside .member { padding:0 0 0 0px; margin:10px 0 0px; text-align:center; font-size:13px; line-height:41px; font-weight:normal;}


#aside .xans-layout-statelogoff a { display:inline-block; width:auto; line-height:35px; width:120px; padding:0 0px; margin:0 1px; border:1px solid #4a5164; color:#FFF; background-color:#4b4b4b; }
#aside .xans-layout-statelogon a { display:inline-block; width:auto; line-height:35px; width:120px; padding:0 0px; margin:0 1px; border:1px solid #4a5164; color:#FFF; background-color:#4b4b4b; }
#aside a.btnLogin { border:1px solid #4a5164;  color:#4b4b4b; background-color:#FFF; }


#aside .xans-myshop-main { width:250px; margin:10px auto 0; background:#fff;  }
#aside .xans-myshop-main a {
    float:left; width:33.3%; padding:47px 0 8px; color:#1b1b1b; text-align:center; border:1px solid #dcdcdc; border-right:0; 
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-sizing:border-box;
    -o-sizing:border-box;
    box-sizing:border-box;
}


#aside .xans-myshop-main a:last-child { border-right:1px solid #dcdcdc; }
#aside .xans-myshop-main:after { content:""; display:block; clear:both; }
#aside .xans-myshop-main a.wishList { background:url("/design/dnddl214/mobile/something/bg_wish_list.png") no-repeat 50% 10px; background-size:31px 31px; }
#aside .xans-myshop-main a.recentList { background:url("/design/dnddl214/mobile/something/bg_recent_list.png") no-repeat 50% 10px; background-size:31px 31px; }
#aside .xans-myshop-main a.orderList { background:url("/design/dnddl214/mobile/something/bg_order_list.png") no-repeat 50% 10px;background-size:31px 31px; }



/* Äݼ¾ÅÍ */
#aside .leftcall {  margin:10px auto 20px; width:250px; }
#aside .leftcall ul  {  border-bottom:1px solid #d5d5d5; width:100%; margin:10px auto 10px; padding:0 0 10px; }
#aside .leftcall ul li { display:block; padding:0 0 0 15px; color:#6d6d6d; line-height:18px;}
#aside .leftcall ul:last-child  {  border-bottom:0px solid #d5d5d5; width:100%; margin:10px auto 10px; padding:0 0 10px; }
#aside .leftcall .leftbt1 { width:100%; margin:0px auto 3px; border:1px solid #d5d5d5; background:#fff;text-align:center; display:block;}
#aside .leftcall .leftbt1 a {width:100%;  line-height:35px; font-size:12px; display:block; }




#aside {
    bottom: 0;
    position: fixed; /*absolute;*/
    left:-100%;
    top: 0;
    z-index: 1000;
    -display:none;
    width:85%; 

}


#aside2 {display:none; background-color: rgba(0, 0, 0, 0.5); 
    width:100%; height:100%;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 999;
    right:0;
}

#aside #submu {
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    left: 0px;
    top: 0;
    -z-index: 10000;
    margin: auto;

font-family: 'Roboto',"¸¼Àº °íµñ", sans-serif;
min-width:250px; width:100%; padding:0 0 30px; font-size:11px; background-color:#f8f8f8;
}




.btnClose {     position: fixed;
display:none;
    left: 85%;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    height: 100%;
    -webkit-tap-highlight-color: rgba(255,255,255,0.8);
}

.closeimg {
    background: #fff;
    padding: 10px;
    width: 30px;
}


.smsm {
    color: #b3b3b3;
    float: left;
    font-family: "Ubuntu";
    font-size: 11px;
    font-weight: 300;
    margin: 10px 0;
    text-align: center;
    width: 100%;
}





#aside .tab {width:250px; margin:12px auto 0;  font-family:'Montserrat', "¸¼Àº °íµñ",Nanum Gothic,µ¸¿ò, sans-serif;}
#aside .tab a {
   letter-spacing:0.5px;
        float:left; width:33.333%; border:1px solid #dcdcdc; border-right:0; padding:10px 0; font-size:10px; color:#909296; text-align:center;  background-color:#fff; 
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        -ms-sizing:border-box;
        -o-sizing:border-box;
        box-sizing:border-box;
    }
#aside .tab a.act { color:#fff; font-weight:NORMAL;  background-color:#4b4b4b; }
#aside .tab:after { content:"";  display:block; clear:both; }
#aside .tab a:nth-child(1).selected {  }
#aside .tab a:nth-child(2).selected { }
#aside .tab a:last-child { border-right:1px solid #dcdcdc; }






/* Ä«Å×°í¸® */
#aside nav { background:#fff; border:1px solid #cecece;   width:248px;  margin:-1px auto 0px;}
#aside nav li {border-bottom:1px solid #cecece; position:relative;}
#aside nav li:last-child  {border-bottom:0px solid #cecece; position:relative;}

#aside nav li a {display: block; height: 35px; line-height:35px; padding:0 0 0 20px; margin-right: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400;
    font-size: 12px;
    font-family: 'Roboto',"¸¼Àº °íµñ",sans-serif;}
#aside nav li .fa {position: absolute; top:0; right: 0; width: 40px; text-align: center; height: 35px; line-height:35px; font-size:18px; color:#666;}
#aside nav li > ul {background-color:#fff; display:none; border-top:1px solid #ebebeb;}
#aside nav li > ul > li {border-bottom:0px none; border-top:1px solid #ebebeb;}
#aside nav li > ul > li:first-child {border-top:0px none;}
#aside nav li > ul > li a {padding:0 40px 0 30px; margin: 0; color:#6f6f6f;}
#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 nav li > ul > li > ul > li a {padding:0 0 0 40px; margin: 0; background-color: #DDDDDD;}

aside .navCommunity {display:none;}
aside .navMypage {display:none;}
/* //Ä«Å×°í¸® */



#aside .navCommunity { background:#fff; border:1px solid #cecece;    width:248px;  margin:-1px auto 0;}

/* º¸µå ¸®½ºÆ® */
#aside .categoryList2 { font-family: 'Lato','¸¼Àº °íµñ', sans-serif; width;100%; font-weight:400; font-size:11px; }
#aside .categoryList2 ul { display:none; }
#aside .categoryList2 li {  width:32%; display:inline-block;margin:auto; text-align:center; background-color:#FFF;padding:10px 0; }
#aside .categoryList2 li img  { width:87%; text-align:center;  }
#aside .categoryList2 li span  { display:block; color:#555555; line-height:20px; letter-spacing:-1px; }





#aside .navMypage { background:#fff; border:1px solid #cecece;    width:248px;  margin:-1px auto 0;}

/* ÃÖ±Ù º» »óÇ° */
#ly_lastView {width:100%;}
#ly_lastView h2  {position: relative;
    padding: 5px 34px 5px 14px;
    border-bottom: 1px solid #cecece;
    line-height: 28px;
    color: #000;
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 11px;
    cursor: pointer;
    background: #fff;}





/* ·Ñ¸µ °øÁö */
#boardVerticalSlide_1 {  margin:10px auto 20px; width:250px; }
#boardVerticalSlide_1 p {
  color: #000;
  -font-family: "PT Sans",sans-serif;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 0 0 0 10px;
}
.notice_wrap {margin:15px 15px;
}

.notice_wrap .notice li {font-size:11px; line-height:19px;}

/* Uneedcomms Keepgrow Ãß°¡ ½ÃÀÛ */
#detailBooster .btnClose, #floatKakaoBooster .btnClose {display: unset;}
/* //Uneedcomms Keepgrow Ãß°¡ ³¡ */




/* BASIC css end */