/* BASIC css start */
#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 }

/* header */
#header { position:relative; width:100%; background:#fff; z-index:1001; border-bottom: 1px solid #ededed; }
#header .headerTnb { margin:0 auto 75px; position:relative; width:1100px; height:45px; *zoom:1 }
#header .headerTnb:after { display:block; clear:both; content:'' }
#header .headerTnb .tnbLeft { float:left }
#header .headerTnb .tnbLeft li { padding-right:18px; float:left }
#header .headerTnb .tnbLeft li a { display:block; color:#6d6d6d; line-height:50px }
#header .headerTnb .tnbLeft li a img{ vertical-align: text-top;}
#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 { float:right }
#header .headerTnb .tnbRight li { padding-left:14px; float:left }
#header .headerTnb .tnbRight li a { display:block; color: #b0b0b0; font-size: 11px; line-height:50px; font-family: 'Noto Sans KR', sans-serif; font-weight: 200; letter-spacing: 0.3px;}
#header .headerTnb .tnbRight li a img{padding-top: 2px; vertical-align: text-top;}

#header .headerTop { width:100%; *zoom:1 }
#header .headerTop.header-scroll{position: fixed; top:0; padding: 12px 0 0; background: #ffffff; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; opacity: 0.9;}
#header .headerTop .headerTopinner{width:1100px; margin:0 auto}
#header .headerTop:after { display:block; clear:both; content:''; }
#header .headerTop .tlogo {float: left; width: 240px; text-align:center; }
#header .headerTop .tlogo a img{width: 100%;}

#header .headerGnb {    float: right; }
#header .headerGnb ul { *zoom:1 }
#header .headerGnb ul:after { display:block; clear:both; content:'' }
#header .headerGnb ul li { position:relative; float:left }
#header .headerGnb ul.depth1 > li:last-of-type > a{padding-right:0}
#header .headerGnb ul.depth1 > li > a { display:block; padding: 17px 15px 0px; font-size:16px; color:#323332; white-space:nowrap; font-family: 'Noto Sans KR', sans-serif; }

#header .headerGnb ul li.first { padding-left:0 }
#header .headerGnb ul li.last { padding:0 0 0 30px }

/* 중분류 */
#header .headerGnb ul.depth1 > li {
  position: relative;
}

#header .headerGnb ul.depth1 > li > a {
  display: inline-block;
  padding-bottom: 12px; /* 시각적 간격 */
}

#header .headerGnb ul.depth2 {
  display: none;
  position: absolute;
  top: 100%; /* 딱 붙임 */
  left: 50%;
  transform: translateX(-50%);
  min-width: 100%;
  background: rgba(52, 79, 56, 0.75);
  text-align: center;
  padding: 14px 0;
  z-index: 1000;
}

#header .headerGnb ul.depth1 > li:hover > ul.depth2 {
  display: block !important;
}

#header .headerGnb ul.depth2 > li a {
  font-size: 14px;
  padding: 10px 32px;
  color: #fff;
  display: block;
  white-space: nowrap;
  font-family: 'Noto Sans KR', sans-serif;
}

#header .headerGnb ul.depth2 > li {
  display: inline-block;
  float: none;
  margin: 0 10px;


/**

/* BASIC css end */