/* BASIC css start */
@font-face {
    font-family: 'GmarketSansTTFLight';
    src: url('//cdn.jsdelivr.net/gh/wizfile/font/GmarketSansTTFLight.eot');
    src:url('//cdn.jsdelivr.net/gh/wizfile/font/GmarketSansTTFLight.woff') format('woff');
    font-style: normal;
}
@font-face {
    font-family: 'Campton-Bold-DEMO';
    src:url('//skin.makeshop.co.kr/skin/brunch/webfont/Campton-Bold-DEMO.ttf.woff') format('woff'),
        url('//skin.makeshop.co.kr/skin/brunch/webfont/Campton-Bold-DEMO.ttf.svg') format('svg'),
        url('//skin.makeshop.co.kr/skin/brunch/webfont/Campton-Bold-DEMO.ttf.eot'),
        url('//skin.makeshop.co.kr/skin/brunch/webfont/Campton-Bold-DEMO.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}


@font-face {
	font-family: "Campton Light DEMO";
	src: url("//skin.makeshop.co.kr/skin/brunch/webfont/campton-light-demo.eot"); /* IE9 Compat Modes */
	src: url("//skin.makeshop.co.kr/skin/brunch/webfont/campton-light-demo.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("//skin.makeshop.co.kr/skin/brunch/webfont/campton-light-demo.otf") format("opentype"), /* Open Type Font */
		url("//skin.makeshop.co.kr/skin/brunch/webfont/campton-light-demo.svg") format("svg"), /* Legacy iOS */
		url("//skin.makeshop.co.kr/skin/brunch/webfont/campton-light-demo.ttf") format("truetype"), /* Safari, Android, iOS */
		url("//skin.makeshop.co.kr/skin/brunch/webfont/campton-light-demo.woff") format("woff"), /* Modern Browsers */
		url("//skin.makeshop.co.kr/skin/brunch/webfont/campton-light-demo.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}



body{min-width:1260px}


#hdWrap {position: sticky; top:0;left:0;right:0;z-index:100;}
#hdWrap .hdArea {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 105;
    font-size: 11px;
    border-bottom: 1px solid #e0e0e0;
    background: #fff;}
    
#hdWrap.fix .hdArea {_border:none; background: #fff;opacity: 0.98;}

#hdWrap.fix .hdCate{
    height: 0;
    opacity: 0;}
    
#hdWrap.fix .hdCateBottom{border-top:0}
    
.minSizeWrap {position: relative}

/* 로고 영역  */
#hdWrap .hdLeft {position: absolute;left: 0;_top: 21px;}
#hdWrap .hdLeft .hd_logo {font-size: 32px;font-weight:800;}

/* 카테고리 */
#hdWrap .hdCate {
    position: relative;
    text-align: center;
    height: 60px;
    width: 1260px;
    margin: 0 auto;
    line-height: 60px;
    transition: 0.3s ease;}

.hdCateBottom{border-top: 1px solid #e0e0e0;}

.menuAllBtn{margin-left: 13px;cursor: pointer;}

.cateWrap {position: relative; height: 70px; text-align: center; line-height: 70px;}
.cateWrap a:hover { color:#9c9c9c; }
.cateWrap .tmenu {position: relative;display: inline-block; padding: 0 30px;}
.cateWrap .tmenu a {
    font-size: 16px;
    color: #333333;
    font-weight: 400;
    font-family: 'Noto Sans KR';}
.cateWrap .tmenu .depth2 {display:none;position: absolute;background: #fff;top: 70px;width: 118px;padding: 10px 30px;z-index: 97;text-align: center;left:0}
.cateWrap .tmenu .depth2 li a {text-align: left;display: block;line-height: 24px;font-size:14px; padding-bottom: 17px;}
.cateWrap .tmenu .depth2 li a:hover {color:#000000; font-weight:bold}


.topCenter{}

.topCenter a{
    font-size: 16px;
    color: #000000;
    font-weight: 500;
    padding: 0 22px;}


#hdWrap .topRight {position: absolute;right: 0;top: 0;}
#hdWrap .topRight li {position: relative;padding: 0 8px;display: inline-block;}
#hdWrap .topRight li.cartArea{margin-right: 20px;}
    
    
#hdWrap .topRight li a {font-size: 13px;color:#666;}
#hdWrap .topRight li a:hover { color:#9c9c9c; }
#hdWrap .topRight li a.searchBtn {font-size: 26px; color: #2e2e2e;line-height: 20px;}
#hdWrap .topRight li.cartArea a { }
#hdWrap .topRight li.cartArea .bsCount {
    position: absolute;
    font-family: 'Josefin Sans';
    top: 16px;
    right: -3px;
    width: 18px;
    height: 18px;
    line-height: 21px;
    border-radius: 50%;
    background-color: #004a26;
    text-align: center;
    font-size: 11px;
    color: #fff;}

/* 검색창 */
#hdWrap .searchArea {
    background: #fff;
    display: none;
    width: 290px;
    position: absolute;
    top: -4px;
    right: 0;
    z-index: 10;}
#hdWrap .searchArea .search { position: relative; }
#hdWrap .searchArea .search fieldset { position:relative;float:left; margin: 0 auto; }
#hdWrap .searchArea .search input{border:0;width: 198px;height:36px;font-size:13px;margin-top: 5px;font-weight: 300;background:#f0f0f0;color:#000;border-radius:6px;padding:0 34px 0 12px;}
#hdWrap .searchArea .search .searhBtn{
    font-size: 22px;
    position: absolute;
    top: 22px;
    right: 14px;}
    
#hdWrap .searchArea .search .searchClose {
    width: 35px;
    font-size: 26px;
    float: left;
    text-align: center;
    margin-left: 5px;
    background: none;
    padding-top: 20px;}


/* 전체메뉴 레이어 */
.allMenu {display:none;background:#fff;position: fixed;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;z-index: 201;}
.allMenu .allMenuWrap {width: 84%;margin: 0 auto;}
.allMenu .allMenuWrap a:hover { color:#9c9c9c; }
.allMenu .allMenuWrap h3 {font-size: 16px;font-weight: bold;padding: 1% 0 0.5% 1%;}
.allMenu .allMenuWrap .closeBtn {display: block;margin: 4% 0;font-size: 40px; text-align:center }
.allMenu .allMenuWrap .allMenuList { *zoom:1;}
.allMenu .allMenuWrap .allMenuList:after { display:block; clear:both; content:'' }
.allMenu .allMenuWrap .allMenuList dl {padding: 0 1% 3%;float:left;width: 14.6%;}
.allMenu .allMenuWrap .allMenuList dl dt {border-bottom: 1px solid #ddd;margin-bottom: 4px;}
.allMenu .allMenuWrap .allMenuList dl dt a {padding-left:7px;font-size:14px;height:30px;line-height:30px;}
.allMenu .allMenuWrap .allMenuList dl dd a {display: block;padding: 6px 0 3px 7px;color: #888; font-size:13px;}
.allMenu .allMenuWrap .allMenuList dl dd a:hover {color:#2e2e2e;}
.allMenu .allMenuWrap .boardList:after { display:block; clear:both; content:''}
.allMenu .allMenuWrap .boardList li { float: left; padding: 0 1%; }
.allMenu .allMenuWrap .csInfo {padding: 4% 0 0; text-align:center; font-size:13px;} 
.allMenu .allMenuWrap .csInfo span { padding: 0 1%; opacity:0.4; } 
/* BASIC css end */