/* BASIC css start */
@import url("//fonts.googleapis.com/css?family=Roboto:400,300,100,500,700");
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css); 
@import url('//fonts.googleapis.com/css2?family=Alata&display=swap');
@import url('//fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap');
@import url('//fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');

body{
    max-width: 1903px;
    margin: 0 auto;
}


.hh{height:8px; padding-right: 5px; }
.prd-class-hd{display:none}
#loginWrap{
    padding-top: 15px !important;
    width: 1100px;
    margin: 0 auto;}

.alata{font-family: 'Alata', sans-serif;}
.lato,.spoqa{font-family: 'Spoqa Han Sans' !important}
.josefin{font-family: 'Josefin Sans';}
.mj{font-family: 'Nanum Myeongjo';}
.roboto{font-family: 'Roboto', sans-serif !important}
.dn{display:none !important}


#mask { display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:200 }
.item-wrap .nodata{text-align:center; padding:30px}
/*header*/

#header{width: auto; height: 90px; padding-left: 210px;}
#header .header{
    margin-top: 30px;
    z-index: 99;
    height: 55px;
    background: rgba(255,255,255,0.98);
    _min-width: 1550px;
    padding: 23px 20px;}
#header .headerTnb {
    position: absolute;
    right: 20px;
    display: inline-block;
    vertical-align: top;}
#header .headerTnb:after { display:block; clear:both; content:'' }
#header .headerTnb .tnbLeft { float:left }
#header .headerTnb .tnbLeft li { padding-right:9px; float:left }
#header .headerTnb .tnbLeft li a { display:block; height:45px; color:#6d6d6d; line-height:45px }
#header .headerTnb .tnbLeft li.noticeLine { padding-left:23px }
#header .headerTnb .tnbLeft li.noticeLine p { padding-left:21px; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/ico_volume.gif) 0 17px no-repeat }
#header .headerTnb .tnbLeft li.noticeLine p a { font-size:11px; color:#7a7a7a; line-height:49px; line-height:53px \0/IE8+9 }
#header .headerTnb .tnbRight {}
#header .headerTnb .tnbRight li { padding: 8px 0 0 10px; float: left; }
#header .headerTnb .tnbRight li a {
    display: block;
    color: #808080;
    font-family: 'Lato', sans-serif;
    padding-left: 25px; }
#header .headerTnb .tnbRight li .cart{position:relative;}
#header .headerTnb .tnbRight li .cart span.josefin{position: absolute;
    bottom: 10px;
    right: -10px    ;
    background: #000;
    color: #fff;
    height: 18px;
    width: 18px;
    line-height: 20px;
    border-radius: 100%;
    text-align: center;
    font-size: 10px;}

#Gnb .searchArea {
width: 120px;
height: 20px;
border-bottom: 1px solid #000;
margin-left: 30px; 
}
#Gnb .searchArea .search { position:relative;}
#Gnb .searchArea .search input {
width: 120px;
height: 20px;
line-height: 20px;
border: none;
text-indent: 10px;
background: #fff;}
#Gnb .searchArea .search a {
display: block;
position: absolute;
top: 5px;
right: 3px;
width: 11px;
height: 11px;
text-indent: -9999em;
background: url(/design/sibuya/handel/img/btn_search.png) 0 0 no-repeat;}




#contentWrap{margin-top: 75px;}

/* GnB */
#Gnb {
    width: 160px;
    padding: 0 30px;
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    background: #fff;}
#Gnb .gnbTop {margin-bottom: 70px;}
#Gnb .gnbTop:after { display:block; clear:both; content:'' }
#Gnb .gnbTop .tlogo {padding-top:52px; text-align:right }
#Gnb .gnbBottom {
    margin-right: -50px;}
#Gnb .gnbBottom .gnbInner {}

#Gnb .gnbBottom .gnbInner ul.bbs{margin:40px 0}
#Gnb .gnbBottom .gnbInner ul.cs li{margin-right:55px !important}

#Gnb .gnbBottom .gnbInner ul { *zoom:1 }
#Gnb .gnbBottom .gnbInner ul.sub_menu{
    display:none;
    position: absolute;
    left: 165px;
    border: 1px solid #ddd;
    background: #fff;
    top: -10px;
    text-align: left;}
 
#Gnb .gnbBottom .gnbInner ul.sub_menu a{text-align:left;
    font-size: 12px;
    font-family: 'Lato', sans-serif;
    color: #666666;}
#Gnb .gnbBottom .gnbInner ul:after { display:block; clear:both; content:'' }
#Gnb .gnbBottom .gnbInner ul li { margin: 12px 15px 13px 15px; position:relative; }
#Gnb .gnbBottom .gnbInner ul li span{
    display: block;
    font-size: 12px;
    color: #202020;
    white-space: nowrap;   
    box-shadow: 0 0 1px transparent;
    text-align: right; 
    _padding-right: 30px;}

#Gnb .gnbBottom .gnbInner ul.depth1 > li {margin: 10px 30px 0 10px; }
#Gnb .gnbBottom .gnbInner ul.depth1 > li > a{
    padding-right: 30px;}
#Gnb .gnbBottom .gnbInner ul li a { 
    display: block;
    font-size: 12px;
    color: #202020;
    white-space: nowrap;   
    box-shadow: 0 0 1px transparent;
    text-align: right; }

#Gnb .gnbBottom .gnbInner ul li a.on{color:#cccccc}

#Gnb .gnbBottom .gnbInner ul li.first { padding-left:0 }
#Gnb .gnbBottom .gnbInner ul li.last { padding:0 0 0 40px }



#Gnb .gnbBottom .gnbInner ul.sns{
    margin-top: 20px;
    text-align: right;
    padding-right: 50px;
}

#Gnb .gnbBottom .gnbInner ul.sns li{
    margin-left: 0;
    margin-right: 0;
    display: inline-block;}

#Gnb .gnbBottom .gnbInner ul.sns li a{margin-right:12px; padding: 0;}

#Gnb .gnbBottom .gnbInner ul.sns a img{
    height: 11px;}
   

/* -------------------------*/
/*  2. »ó´ÜÀ¸·Î À̵¿ */
/*--------------------------*/
#scroll-to-top {
    z-index:999;
    position: fixed;
    bottom: 0;
    right: 0;
  
    text-align: left;
}
#scroll-to-top a {
    overflow:hidden;
    display: block;
    width: 72px;
    height:72px;
    background:url(/design/sibuya/2015/images/common/back_to_top.png) 0 0 no-repeat;
    text-indent:-9999px;
    -webkit-transition: opacity ease-out 0.3s;
    -moz-transition: opacity ease-out 0.3s;
    -ms-transition: opacity ease-out 0.3s;
    -o-transition: opacity ease-out 0.3s;
    transition: opacity ease-out 0.3s;
    -webkit-transform: translateZ(0);
}

#scroll-to-top a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
    -moz-opacity: 0.65;
    -khtml-opacity: 0.65;
    opacity: 0.65;
}


/* BASIC css end */