/* 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%; background:#fff; z-index:100 }
#header .longbanner{position:relative;}
#header .longbanner a{display:block; height:54px; background:url(//skin.makeshop.co.kr/skin/lilac/pc/banner/longbanner.jpg) no-repeat}
#header .longbanner i{   
    position: absolute;   
        top: 50%;
    right: 296px;
    transform: translateY(-50%);}
#header .longbanner i img{cursor: pointer;}
#header .headerTnb { margin:0 auto; position:relative; width:1320px; padding: 68px 0; *zoom:1; text-align: center; }
#header .headerTnb:after { display:block; clear:both; content:'' }
#header .headerTnb .tnbLeft {     position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); }
#header .headerTnb .tnbLeft li { padding-right:22px; float:left }
#header .headerTnb .tnbLeft li a { display:block; color:#6d6d6d; }
#header .headerTnb .tnbRight { position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%); }
#header .headerTnb .tnbRight ul{ float: left; padding-top: 1px;}
#header .headerTnb .tnbRight li { padding-left:25px; float:left }
#header .headerTnb .tnbRight li a { display:block; color:#444; font-family: 'Oswald', '나눔고딕','NanumGothic',sans-serif;font-size: 14px;
    letter-spacing: 1px; }
#header .headerTnb .tnbRight .topArea{float: left; margin-left: 40px;}
#header .headerTnb .tnbRight .topArea .bask{float: left;}
#header .headerTnb .tnbRight .topArea .bask a{    color: #bdafba;
    font-family: 'Oswald',sans-serif;font-weight: bold;
    letter-spacing: 1px;}
#header .headerTnb .tnbRight .topArea .bask a img{    margin-right: 5px;}
#header .headerTnb .tnbRight .topArea .search{float: left; margin-left: 18px;}



#header .headerGnb { min-width:1300px; border-top: 1px solid #b5b5b5;
    border-bottom: 1px solid #f4f4f4; }
#header .headerGnb .gnbInner { margin:0 auto; position:relative; width:1300px }
#header .headerGnb .gnbInner ul { *zoom:1; padding: 24px 0;width: 1000px;
    margin: 0 auto; }
#header .headerGnb .gnbInner ul:after { display:block; clear:both; content:'' }
#header .headerGnb .gnbInner ul li { float:left; padding: 0 30px; line-height: 10px;
    height: 10px;}
#header .headerGnb .gnbInner ul li:first-child{padding-left: 0;}
#header .headerGnb .gnbInner ul li:nth-child(10){    padding: 0px 0 0 39px;}
#header .headerGnb .gnbInner ul li.addgnd{
    border-left: 1px solid #d9d9d9;}
#header .headerGnb .gnbInner ul li a { display:block; font-size:13px; color:#999999; white-space:nowrap; font-family: 'Oswald', '나눔고딕','NanumGothic',sans-serif;letter-spacing: 1px; line-height: 10px;
    height: 10px; }
#header .headerGnb .gnbInner ul li.addgnd a{color:#a47d9c; font-weight:700}
#header .headerGnb .gnbInner ul li a:hover{color:#000}
#header .headerGnb .gnbInner ul li.addgnd a:hover{color:#a47d9c}
#header .headerGnb .gnbInner ul li.first { padding-left:0 }
#header .headerGnb .gnbInner ul li.last { padding:0 0 0 40px }

/* 사이드 메뉴 */
.scroll-right {position: fixed; z-index: 99999;  top: 0; right:-789px; height: 100%;}
.scroll-right .side-menu-wrap{
    width: 789px;
    height: 100%;
    background: #fff;}
.scroll-right .side-menu-wrap i{text-align: right;
    display: block;
    padding: 60px 60px 0; }
.scroll-right .side-menu-wrap i img{cursor:pointer}
.right-btn{ position: absolute; top: 340px; left: -80px; cursor: pointer; text-align: center;}
.bottom-btn p, .right-btn p{color: #fff;
    font-size: 19px;
    font-family: 'Oswald', '나눔고딕','NanumGothic',sans-serif;
    font-weight: 500;
    padding-left: 3px;
    background: url(//skin.makeshop.co.kr/skin/lilac/pc/icon/Rounded.png)no-repeat;width: 80px; height:50px; line-height: 45px;text-align: center;}
.bottom-btn{    position: fixed;
    top: 399px;
    right: -3px;
    z-index: 10;
    }
.bottom-btn p a{ font-size: 20px;
    font-family: 'Oswald', '나눔고딕','NanumGothic',sans-serif;
    font-weight: 500; color: #fff;    display: block;
    line-height: 45px;}
.right-btn p:hover{color: #997a92;}
.bottom-btn p:hover a{color: #997a92;}

#quick_ico.active {color:#000 !important; background: url(//skin.makeshop.co.kr/skin/lilac/pc/icon/Rounded_ac.png)no-repeat !important; }

.mask{    position: fixed; top:0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display:none; z-index:100}
    
.scroll-right .side-menu-wrap .side-menu{    
    width: 589px;
    margin: 78px auto;}
.scroll-right .side-menu-wrap .side-menu .gnb_menu{
    width: 25%;
    height: 300px;
    float: left;}
.scroll-right .side-menu-wrap .side-menu .gnb_menu li a .name{
    font-family: '나눔고딕','Oswald', 'NanumGothic',sans-serif;
    font-size: 12px; 
    color: #b2b2b2;
    margin-bottom: 13px;
    display: block;}
.scroll-right .side-menu-wrap .side-menu .gnb_menu li a .tit .txt{font-size: 16px;
    color: #997a92;
    padding-bottom: 40px;
    display: block; font-family: '나눔고딕','NanumGothic','Oswald', sans-serif;    font-weight: bold;}
/* BASIC css end */