/* 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 }
.MS_search_word{display:none;}

/* header */
#header { position:fixed; width:100%; z-index:100; background: transparent; }
#header .headerTnb { margin:0 auto; position:relative; width:1260px; *zoom:1; padding: 26px 0 5px;}
#header .headerTnb:after { display:block; clear:both; content:'' }
#header .headerTnb .tnbLeft { float:left }
#header .headerTnb .tnbLeft .joinus{position:relative;}
#header .headerTnb .tnbLeft li { padding-right:20px; float:left }
#header .headerTnb .tnbLeft li a { display:block; color:#000; font-size: 10px; letter-spacing: 2px;
    font-weight: 400;  font-family: 'Heebo','Noto Sans KR', sans-serif;}
#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 { padding-left:27px; float:left }
#header .headerTnb .tnbRight li a { display:block; color:#6d6d6d; position: relative; }
#header .headerTnb .tnbRight li a .user_basket_quantity{    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #000;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: -7px;
    left: 13px;
    color: #fff; font-size: 9px;  font-family: 'Heebo','Noto Sans KR', sans-serif;}
#header .headerTop { margin:0 auto; position:relative; width:1260px; *zoom:1; margin-bottom: 36px; }
#header .headerTop:after { display:block; clear:both; content:'' }
#header .headerTop .tlogo { 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 }

#header .headerGnb { min-width:1260px; border-bottom:1px solid #ccc }
#header .headerGnb .gnbInner { margin:0 auto; position:relative; width:1260px; text-align: center; }
#header .headerGnb .gnbInner ul { *zoom:1 }
#header .headerGnb .gnbInner ul:after { display:block; clear:both; content:'' }
#header .headerGnb .gnbInner ul li {
    text-align: center; position:relative; display: inline-block; margin-left: 71px;}
#header .headerGnb .gnbInner ul li:first-child{margin-left:0;}
#header .headerGnb .gnbInner ul li a { display:block; height:64px; font-size:16px; color:#333; line-height:64px; white-space:nowrap; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); font-family:"맑은 고딕",'Malgun Gothic','Noto Sans KR', sans-serif}
#header .headerGnb .gnbInner ul li a:before { content:""; position:absolute; left:50%; right:50%; bottom:0; height:2px; z-index:-1; background:#231f20; -webkit-transition-property:left, right; transition-property:left, right; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out }
#header .headerGnb .gnbInner ul li a:active:before,
#header .headerGnb .gnbInner ul li a:focus:before,
#header .headerGnb .gnbInner ul li a:hover:before { left:0; right:0 }

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

#header .point{left: -13px;  border-radius: 5px; position: absolute; top: 25px;  width: 54px; height: 20px; line-height: 20px; background: #242424; color: #fff; text-align: center; }
#header .point span{position: absolute; top: -12px; left: 50%; margin-left: -4px; width: 8px; height: 4px; color: #424242; }
#header .point em{font-size: 9px; letter-spacing: 2px; font-family: 'Heebo','Noto Sans KR', sans-serif;}

.trans2{
    -webkit-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#header.-fix {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    background: #fff;
}

/* 고정메뉴 */

ul.quick_m{position: fixed; right: 30px; top: 50%; transform: translateY(-50%); opacity: 0; right: -30px; transition: opacity .5s, right .5s; z-index:90}
ul.quick_m.show{opacity: 1; right: 30px;}
ul.quick_m li{margin: 25px 0;}
ul.quick_m li a{display: block;}
ul.quick_m li a img{}
.gotoTop{position: fixed; right: 30px; bottom: 40px; opacity: 0; right: -30px; transition: right .5s, opacity .5s; z-index:90}
.gotoTop.show{opacity: 1; right: 30px;}
.gotoTop a{display:block}
.gotoTop a img{}
/* BASIC css end */