/* 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%; padding: 20px 0; background:#fff; z-index:100 }
#header .headerTnb { width: 1500px; margin:15px auto 10px; position:relative; *zoom:1 }
#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 { float:right }
#header .headerTnb .tnbRight li { position: relative; padding-left:24px; float:left }
#header .headerTnb .tnbRight li a { display:block; color:#6d6d6d; font-family:Verdana }
#header .headerTnb .tnbRight li a .user_basket_quantity{ position: absolute; top: -4px; right: -8px; display: block; width: 15px; height: 15px; line-height: 15px; border-radius: 50%; background: #000; color: #fff; font-size: 10px; text-align: center;}

#header .headerTop { margin:0 auto; padding-bottom: 20px; position:relative; border-bottom: 1px solid #e6e6e6; }
#header .headerTop.header-scroll{ position: fixed; top: 0; width: 100%; padding: 15px 0; background: #fff; border-bottom: 1px solid #e6e6e6 !important;}
#header .headerTop:after { display:block; clear:both; content:'' }
#header .headerTop .headerIn{width:1500px; margin: 0 auto;}
#header .headerGnb {float: left; width: 1220px; line-height: 40px;}
#header .headerGnb .gnbInner { }
#header .headerGnb .gnbInner ul { *zoom:1 }
#header .headerGnb .gnbInner ul:after { display:block; clear:both; content:'' }
#header .headerGnb .gnbInner ul.depth1 > li { margin:0 32px 0 0; position:relative; float:left }
#header .headerGnb .gnbInner ul li a { color: #272727; font-size: 16px; font-family: 'InfinitySans-RegularA1', sans-serif; font-weight: 700; }

/* 1차 메뉴 : 마우스 오버 시 밑줄이 왼쪽에서 오른쪽으로 그어짐 */
#header .headerGnb .gnbInner ul.depth1 > li > a { display:inline-block; position:relative; padding-bottom:4px; }
#header .headerGnb .gnbInner ul.depth1 > li > a:after { content:''; display:block; position:absolute; left:0; bottom:0; width:0; height:2px; background:#272727; transition:width .35s cubic-bezier(.22,.61,.36,1); }
#header .headerGnb .gnbInner ul.depth1 > li > a:hover:after { width:100%; }

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

/* 중분류 */
.dn {display: none !important}
#header .headerGnb .gnbInner ul li .submenu{ position: absolute; left: 50%; transform: translateX(-50%); z-index: 10; width: auto; min-width: 100%; padding: 15px 20px; background: #fff; border: 1px solid #e6e6e6; border-top: 2px solid #000;}
#header .headerGnb .gnbInner ul li .submenu li{ margin: 0 0 14px; line-height: 16px;}
#header .headerGnb .gnbInner ul li .submenu li:last-of-type{margin: 0;}
#header .headerGnb .gnbInner ul li .submenu li:hover a{color:#000}
#header .headerGnb .gnbInner ul li .submenu li a{color: #a6a6a6; font-size: 12px; font-weight: 400; padding-bottom: 0; white-space: nowrap;}

/* 카테고리에 등록된 이미지가 같이 출력되므로 숨기고 텍스트만 노출 */
#header .headerGnb .gnbInner ul li .submenu li a img{ display: none; }
#header .headerGnb .gnbInner ul li .submenu li a:after{ display: none; }

/* 검색창 */
#header .headerTop .searchArea { border-bottom: 1px solid #000; float: right; }
#header .headerTop .searchArea .search { position:relative; width:250px; height:40px }
#header .headerTop .searchArea .search input { padding-left:10px; width:204px; height:39px; line-height:40px; border:none; background:#fff }
#header .headerTop .searchArea .search a { display:block; position:absolute; top:0; right:0; width:30px; height:40px; text-indent:-9999em; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/btn_search.gif) 0 0 no-repeat }
/* BASIC css end */