/* 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%; } 
#header .headerTnb { position:fixed; width:100%; z-index:100; *zoom:1 } 
#header .headerTnb .tnbTop { padding: 0 30px; } 
#header .headerTnb .tnbTop:after { display:block; clear:both; content:''; } 

#header .headerTnb .tnbLeft { position: fixed; width: 180px; height: 100%; padding:55px 0 0 30px; background: #fff; } 
#header .headerTnb .tnbLeft .line { padding: 15px 0 24px; color: #000; font-size: 12px; } 
#header .headerTnb .tnbLeft .tlogo {margin: 40px 0 45px;} 
#header .headerTnb .tnbLeft .tlogo a {position: relative;display: block;width: 130px;height: 30px;background: url(/design/sbdknit/img/pc_logo.png) no-repeat;background-size: 100% auto;text-indent: -9999px;z-index: 999999;} 
#header .headerTnb .tnbLeft ul li a { display: inline-block; margin: 0 0 10px; color: #000; font-size: 12px; } 
#header .headerTnb .tnbLeft .headerGnb ul li a { font-size: 14px; } 
#header .headerTnb .tnbLeft .headerGnb ul li dl{display:none; margin-left:10px;}
#header .headerTnb .tnbLeft .headerGnb ul li:hover dl{display:block;}

#header .tnbRight { position: absolute; top: 55px; right: 30px; z-index: 100; display: flex; align-items: center; gap: 0 25px; } 
#header .tnbRight ul { display: flex; justify-content: space-between; align-items: center; gap: 0 25px; } 
#header .tnbRight ul li { } 
#header .tnbRight ul li a { font-size: 15px; color: #000; } 
#header .tnbRight .basket { float: left; } 
#header .tnbRight .basket a { position: relative; display: block; width: 24px; height: 30px; background: url(//skin.makeshop.co.kr/skin/laromanee/pc/icon/basketicon_black.png) no-repeat; background-size: contain; } 
#header .tnbRight .basket a span { position: absolute; bottom: 0; right: -8px; display: block; width: 19px; height: 13px; line-height: 12px; color: #fff; font-size: 10px; background: #222; border-radius: 20px; text-align: center; } 

#header .tnbRight .searchIcon { width: 27px; height: 27px; background: url(//skin.makeshop.co.kr/skin/laromanee/pc/icon/searchicon_black.png); float: left; cursor: pointer; } 
#header .tnbRight .searchArea { display: none; float: left; width: 200px; margin: 0 0 0 25px; border-bottom: 1px solid #454545; } 
#header .tnbRight .searchArea .search fieldset input { float: left; width: 80%; margin: 10px 0 0; border: 0; color: #000; font-size: 14px; background:none } 
#header .tnbRight .searchArea .search fieldset input::placeholder { color: #a1a1a1; font-size: 14px; } 
#header .tnbRight .searchArea .search fieldset a { display: block; width: 27px; height: 27px; float: left; padding: 0 0 5px; margin: 0 0 0 11px; background: url(//skin.makeshop.co.kr/skin/laromanee/pc/icon/searchicon_black.png) no-repeat; background-size: contain; text-indent: -9999px; } 

#header .headerTop { margin:0 auto; position:relative; width:1100px; height:77px; *zoom:1 } 
#header .headerTop:after { display:block; clear:both; content:'' } 
#header .headerTop .tlogo { margin:0 210px; padding-top:12px; text-align:center } 
#header .headerTop .searchArea { position:absolute; top:12px; right:0; width:204px; height:40px; border-bottom:1px solid #000 } 
#header .headerTop .searchArea .search { position:relative; width:204px; height:40px } 
#header .headerTop .searchArea .search input { padding-left:10px; width:164px; 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 } 


.swiper_roll  .swiper-pagination-bullet-active { background: #000 !important;}


/* BASIC css end */