/* BASIC css start */
#header{position: fixed !important}
/* ·Ñ¸µ¹è³Ê */
#mainSpot .slideWrap .active_slider li{ position: relative;}
#mainSpot .slideWrap .active_slider li .slide_content{ position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); opacity:0; text-align: center;}
#mainSpot .slideWrap .active_slider li.active .slide_content{opacity:1; margin-bottom:30px; animation:moveUp 2.0s forwards;}
@keyframes moveUp{
    from {
        opacity:0; margin-top:30px
    }
    to{
        opacity:1; margin-top:0
    }
}
#mainSpot .slideWrap .active_slider li img{width:100%}
#mainSpot .slideWrap .active_slider li .slide_content p{ margin: 0 0 24px;  color: #fff;font-size: .8rem; font-family: 'Montserrat', 'NanumBarunGothic', sans-serif; letter-spacing: 3px;}
#mainSpot .slideWrap .active_slider li .slide_content h1{margin: 0 0 35px; color: #fff; font-size: 1.7rem; font-family: 'Merriweather', 'NanumBarunGothic', sans-serif; letter-spacing: 3px; line-height: 38px;}
#mainSpot .slideWrap .active_slider li .slide_content span a{ display: inline-block; width: 150px; height: 50px; line-height: 50px; color: #494949; font-size: .8rem; font-family: 'Montserrat', 'NanumBarunGothic', sans-serif;  background: #fff; letter-spacing: 2px; text-align: center;}
#mainSpot .slideWrap .bx-wrapper{position: relative;}
#mainSpot .slideWrap .bx-wrapper .bx-controls{position: absolute; bottom: 20px; left: 20px}
#mainSpot .slideWrap .bx-wrapper .bx-controls .bx-pager-item{ float: left;}
#mainSpot .slideWrap .bx-wrapper .bx-controls .bx-pager-item a{  display: block;  width: 8px; height: 8px;    margin: 0 5px; border: 2px solid #fff; border-radius: 50%; font-size: 0;}
#mainSpot .slideWrap .bx-wrapper .bx-controls .bx-pager-item a.active{background: #fff;}
/* //·Ñ¸µ¹è³Ê */

/* Å¸ÀÌÆ² */
.cateTit{ padding: 50px 0; text-align: center;}
.cateTit h3{ font-size: 1.2rem; color: #000; font-family: 'EB Garamond', serif; line-height: 20px; letter-spacing: 3px;}

/* »óÇ°¿µ¿ª */
.list_shopping2x{margin: 0 13px;}
.list_shopping2x ul{padding: 0;}
.list_shopping2x li{ width : 48.6%; /* Áö¿øÇÏÁö ¾Ê´Â ºê¶ó¿ìÀú*/ width : -webkit-calc(100%/2 - 4px); /* WebKit */ width : -moz-calc(100%/2 - 4px); /* Firefox */ width : -ms-calc(100%/2 - 4px); /* MS Explorer */ width : -o-calc(100%/2 - 4px); /* Opera */ width : calc(100%/2 - 4px); /* Standard */ padding-right: 8px;}
.list_shopping2x li:nth-of-type(2n){padding-right:0}
.list_shopping2x li a{ padding: 0 0 30px;}
.list_shopping2x .list_shoppingInfo{margin-top: 15px; text-align: left;}
.listName{ margin: 0 0 13px; color: #444444; font-size: .85rem; font-family: 'Noto Sans', 'NanumBarunGothic', sans-serif; line-height: 16px; text-overflow: ellipsis; word-wrap: normal;}
.prd-shop{ display: inline-block; border-bottom: 1px solid #444; color: #444444; font-size: .76rem; font-family: 'NanumBarunGothic', sans-serif; line-height: 16px; text-overflow: ellipsis; word-wrap: normal;}

/* ºê·£µå ½ºÅä¸® */
.brandArea{ padding: 50px 0; }
.brandArea .brandBox a img{width: 100%;}
.brandArea .brandBox figcaption{padding: 25px;}
.brandArea .brandBox figcaption h3 { margin: 0 0 28px; font-size: 1.6rem; color: #000; font-family: 'EB Garamond', serif; line-height: 36px; letter-spacing: 1px;}
.brandArea .brandBox figcaption p { color: #000; font-size: .925rem; font-family: 'NanumBarunGothic', sans-serif; font-weight: 300; line-height: 28px;}

/* ½Å»óÇ°¿µ¿ª */
.newArea{border-top: 1px solid #c8c8c8;}
.newArea li{ width: 100%;}

/* ºê·£µå ½ºÅä¸® */
.banneArea{ margin: 30px 13px 0; border-top: 1px solid #c8c8c8;}

/* ¹è³Ê»óÇ°¿µ¿ª */
.banneArea .slick-slide, .banneArea .ban_cont .ban_thumb a, .banneArea .ban_cont .ban_list .prd-info ul a{ outline: 0; border: 0;}
.banneArea .ban_cont .ban_thumb a img{ width: 100%;}
.banneArea .ban_cont .slick-list{ padding-left: 70px;}
.banneArea .ban_cont .slick-slide{padding-right: 8px;}
.banneArea .ban_cont .slick-slide:nth-of-type(1){ margin-left: -69px;}
.banneArea .ban_cont .ban_list .prd-info{ padding: 15px 0 30px;}

/*ÄíÆù ÇýÅÃ ¹öÆ°*/
.main .coupon-benefit {position:relative; margin:-25px 0 10px 0} 
.main .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;}
.main .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.main .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }
/* BASIC css end */

