/* BASIC css start */
html{width: 100%;}
body{min-width: 1280px;}
#wrap{max-width: 1920px; min-width: 1280px; width: 100%; margin: 0 auto;}
.dn {display: block !important}

/* header 상단 메뉴 */
#header { position:relative; width:100%; min-width: 1302px; max-width: 1920px; z-index:100 }
#header.backon{background: #0000;}
#header.act { position:fixed; top:-144px; left:0; right:0 }

#header .headerBottom_wrap{ width: 100%;}
#header .headerBottom_wrap.fix{position: fixed; top:0; left:0; opacity: 0.9; background: #0000;}
#header .headerBottom { border-bottom: 1px solid #01fd1f; padding: 36px 0; text-align: center; }
#header .headerBottom .headerBottom_in{position: relative; width: 96%; max-width: 1700px; margin: 0 auto;}

#header .headerBottom .navWrap {}
#header .headerBottom .navWrap:after { display:block; clear:both; content:'' }
#header .headerBottom .navWrap > ul.menulist{width: 966px;}
#header .headerBottom .navWrap ul li { position:relative; display: inline-block; padding: 0 38px; }
#header .headerBottom .navWrap ul li > a { font-size: 18px; color:  #01fd1f; font-family: 'Noto Sans KR', sans-serif;}
#header .headerBottom .navWrap ul li:last-of-type {padding-right: 0}

#header .headerBottom .tnbRight{position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
#header .headerBottom .tnbRight .logBox, #header .headerBottom .tnbRight .menuArea{ float: left;}
#header .headerBottom .tnbRight .logBox li{ position: relative; float: left; margin-right: 14px;}
#header .headerBottom .tnbRight .logBox li a{color:  #01fd1f; font-size: 14px; font-family: 'Noto Sans KR', sans-serif;}
#header .headerBottom .tnbRight .menuArea li{float: left; margin-left: 22px;}
#header .headerBottom .tnbRight .menuArea li.search{ margin-top: -3px;}
#header .headerBottom .tnbRight .menuArea .search a{display: block; width: 20px; height: 20px; background: url(//skin.makeshop.co.kr/skin/newpage/pc/icon/searchicon_black.png) no-repeat; text-indent: -9999px;}
#header .headerBottom .tnbRight .menuArea .menuBox{display: block; width: 22px; height: 14px; background: url(//skin.makeshop.co.kr/skin/newpage/pc/icon/menuicon_black.png) no-repeat; text-indent: -9999px; cursor: pointer;}

/* join */
#header .point{left: 2px;  border-radius: 10px; position: absolute; top: 32px;  width: 42px; height: 17px; line-height: 10px; background: #a5bea4; color: #01fd1f; text-align: center; }
#header .point span{position: absolute; top: -7px; left: 50%; margin-left: -6px; width: 8px; height: 4px; color: #a5bea4 !important; }
#header .point em{font-size: 10px; font-family: 'Jost', sans-serif;}

/* 로고 (검정로고)*/
#header .headerBottom_wrap .headerBottom .tlogo { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 130px; }
#header .headerBottom_wrap .headerBottom .tlogo a{ display: block; width: 160px; height: 18px; background: url(/design/artcollect/logo2.png) no-repeat; background-size: contain; text-indent: -9999px;}

/* 슬라이드 메뉴 */
#header .headerGnb.fix .slideMenu{background: rgba(255,255,255,0.9);}
.slideMenu.sosion{display:block;}
.slideMenu{ display:none;  position: absolute; left: 50%; transform: translateX(-50%); background-color:#01fd1f; width:100%; max-height: 360px; overflow: hidden; z-index: 13; border-bottom: 1px solid #eee; border-top: 0;}
.slideMenu .menuclose{ position: absolute; top: 0; right: -66px; cursor: pointer;}
.slideMenu .slideIn{ position: relative; width: 1204px; margin: 60px auto 0;}
.slideIn > ul{font-size: 0;}
.slideIn > ul >li{ display: inline-block; width: 200px; margin-right: 50px; padding: 0 0 60px; vertical-align: top;}
.slideIn > ul li:last-of-type{margin-right: 0;}
.slideIn > ul > li > a { display: block; padding: 0 0 10px; font-size:14px; color: #222; font-family: Lato, 'Noto Sans KR', sans-serif;}
.slideIn > ul >li.manubnr{ width: 204px;}
.slideIn > ul >li.manubnr a{border-bottom:0}
.slideIn > ul >li.manubnr a img{width: 100%;}
.slideIn .slide_list2{height: 214px; overflow-y: auto; border-top: 1px solid #ddd;}
.slideIn .slide_list2 li{margin: 20px 0 0;}
.slideIn .slide_list2 li a{color: #444444; font-size: 13px; font-family: Lato, 'Noto Sans KR', sans-serif;}

::-moz-selection {
   background: none;
}
::selection {
   background: none;
}
/* BASIC css end */