/* 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; font-family: 'Lato','Noto Sans KR', sans-serif;}
#header .headerTnb .tnbLeft .tlogo { margin: 0 0 45px;}
#header .headerTnb .tnbLeft .tlogo a{ display: block; width: 165px; height: 17px; background: url(//design/gridcom/postcard/PC_img/logo4.png) no-repeat; background-size: contain; text-indent: -9999px;}
#header .headerTnb .tnbLeft ul li a{ display: inline-block; margin: 0 0 10px; color: #000; font-size: 12px; font-family: 'Lato','Noto Sans KR', sans-serif;}
#header .headerTnb .tnbLeft .headerGnb ul li a{ font-size: 14px; }

#header .tnbRight { position: absolute; top: 55px; right: 30px; z-index: 100;}
#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; margin: 0 0 0 25px; 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: 12px; font-family: 'Lato','Noto Sans KR', sans-serif; background:none}
#header .tnbRight .searchArea .search fieldset input::placeholder { color: #a1a1a1; font-size: 12px; font-family: 'Lato','Noto Sans KR', sans-serif;}
#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 }



/* BASIC css end */