/* BASIC css start */
/* 이미지맵 */
img[usemap] { border: none; height: auto; max-width: 100%; width: auto;}
img{ border: none; height: auto; max-width: 100%; width: auto;}
.evt_img { width: 100%;  max-width: 750px;  margin: 0 auto; position: relative;text-align: center; }


/*공통*/
.listName {-webkit-line-clamp: 1;}
.dc {color: #8d54df;}
.prd-review .review_btn:before {display:none;}
#list ul.items li:nth-child(1), #list ul li:nth-child(2){margin-top: 15px; }
.list_shopping2x ul{padding: 0 2.26vw;}
.list_shopping2x li {padding: 5px;box-sizing: border-box; margin-top: 20px;}
.list_shopping2x a {position: relative;}
.list_shoppingInfo .listName { -webkit-line-clamp: 1; font-size:13px;}
.listPic {border-radius: 4px;}

/* .ev_cate_header */
.ev_cate_header {background-color:#fff; position: sticky; top: 46px; z-index: 11;}
.ev_cate_header .ev_gnb {height:48px; line-height: 48px; max-width: 800px; margin: 0 auto; overflow-x: auto; overflow-y: hidden; white-space: nowrap; box-shadow: 3px 2px 14px 0px rgb(100 0 112 / 23%);}
.ev_cate_header .ev_gnb li {display:inline-block;width:auto;margin: 0vw 3.33333vw;}
.ev_cate_header .ev_gnb li a {display: block; color: #949494;font-size: 14px;letter-spacing: -0.05em;}
.ev_cate_header .ev_gnb li.on a {color: #000; font-weight: 700;}   

/* .section_01 */
.ev_gnb::-webkit-scrollbar { display: none;}
.section_01 {background: url(http://dailylike.jpg3.kr/hgodo/05_Evt/2410/14th_Anniversary_EV_03.jpg); position: relative; overflow: hidden; }
.section_01 .tit_image_container {position: relative;}
.section_01 .rotating-image {position: absolute;top: 48%;right: 14px;width: 32%;animation: spin 4s linear infinite;}

/* 회전 애니메이션 */
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
/* 캔페티 */
.pyro > .before { position: absolute; top:25%; left:10%;}
.pyro > .after {position: absolute; top:25%; right:10%;}
.pyro > .before, .pyro > .after { position: absolute; width: 4px; height: 4px; border-radius: 50%; box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff; animation: bang 1s ease-out infinite forwards, gravity 1s ease-in infinite forwards, position 5s linear infinite forwards;}
.pyro > .after { animation-delay: 1.25s, 1.25s, 1.25s; animation-duration: 1.25s, 1.25s, 6.25s;}

@keyframes bang {
    to {
        box-shadow: 85px -351.6666666667px #00ff73, 
                    -3px 56.3333333333px #2bff00, 
                    -23px -131.6666666667px #b3ff00, 
                    -175px -403.6666666667px #77ff00, 
                    153px 51.3333333333px #ff008c, 
                    -136px -101.6666666667px #0066ff, 
                    -23px 69.3333333333px #00ff33, 
                    -93px -378.6666666667px #b700ff, 
                    27px -55.6666666667px #007bff, 
                    -157px -13.6666666667px #d900ff, 
                    192px -155.6666666667px aqua, 
                    247px -88.6666666667px #1a00ff, 
                    -73px -63.6666666667px red, 
                    222px -84.6666666667px #ff3700, 
                    186px -282.6666666667px #ea00ff, 
                    -8px -185.6666666667px #55ff00, 
                    220px -199.6666666667px #37ff00, 
                    -47px -298.6666666667px #ff0026, 
                    -18px -109.6666666667px #9900ff, 
                    60px -278.6666666667px #ff0088, 
                    111px -224.6666666667px #8800ff, 
                    217px -91.6666666667px #ff3c00,
                    -150px -300px #ff0000, 
                    150px -300px #0000ff; 
    }
}

@keyframes gravity {
    to {
        transform: translateY(50vh);
    }
}

@keyframes position {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(50vh);
    }
}


/* .section_03 */
.section_03 .gift-container {position: relative;}
.section_03 .limited-icon {position: absolute;right: 41px;width: 90px;height: 30px;text-align: center;border-radius: 100px;background:#00ff36;background-size: cover;animation: float 3s ease-in-out infinite;}
.section_03 .limited-icon_1 {bottom: 125px;}
.section_03 .limited-icon_2 {bottom: 136px;}
.section_03 .limited-icon span {line-height: 30px;font-size: 12px;font-weight: 700;}
/* 한정수량 */
@keyframes float {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-8px); 
    }
    100% {
        transform: translateY(0); 
    }
}


/* .section_06 */
.section_06 .four_day_sale {margin: 0 auto; padding-top: 14px; padding-bottom: 80px; background: url(http://dailylike.jpg3.kr/hgodo/05_Evt/2410/14th_Anniversary_EV_14.jpg);}
.section_06 .four_day_sale .m_tab01 {display: -ms-flexbox;display: flex;max-width: 800px;margin: 0 15px;padding: 35px 20px 20px;overflow: auto;white-space: nowrap;justify-content: space-evenly;background: #fff;border-radius: 20px 20px 0px 0px;}
.section_06 .four_day_sale .m_tab01::-webkit-scrollbar{ display: none; }
.section_06 .four_day_sale .m_tab01 li {width: 50%;line-height: 2.4vh;font-size: 1.25em;font-weight: 500;text-align: center;color: #dfdfdf;cursor: pointer;box-sizing: border-box;padding: 10px;border-bottom: 4px solid #dfdfdf;overflow-x: scroll;}
.section_06 .four_day_sale .m_tab01 li.on {font-weight: 700;color: #8d54df;border-bottom: 4px solid #8d54df;}
.section_06 .four_day_sale .tab_content {display:none;padding:20px 0;background: #fff;border-radius: 0 0 20px 20px;margin: 0 15px;}
.section_06 .four_day_sale .tab_content.on {display:block;}
.section_06 .four_day_sale .tab_content .sale_period {margin: 0 20px;padding: 15px 0 10px;}
.section_06 .four_day_sale .tab_content .sale_period p:nth-child(1) {font-size: 14px;font-weight: 800;padding-bottom: 4px;}
.section_06 .four_day_sale .tab_content .sale_period p:nth-child(2) {font-size: 14px;font-weight: 500; color: #838383; padding-bottom: 3px;}
.section_06 .four_day_sale .item_cont {margin: 0 20px;}
.section_06 .four_day_sale .item_cont .item-list {width: 100%; display: flex; justify-content: space-around; align-items: center; border-bottom: 1px solid #e8e8e8; padding: 8px 0;}
.section_06 .four_day_sale .item_cont .item-list .thumb {width: 45%;}
.section_06 .four_day_sale .item_cont .item-list .thumb .listPic {width:100%; border-radius: 10px;}
.section_06 .four_day_sale .item_cont .item-list .info {width: 60%;padding-left: 10px;padding-top: 0;}
.section_06 .four_day_sale .item_cont .item-list .info a {display:block;}
/* .section_06  담기 팝업 */
.prd-preview.btn-ani02 {text-align: center!important; color: #fff; margin-top: 5px; padding: 10px; background: #000; border: 1px solid #ededed; border-radius: 8px;}
#detailpage .cnt {padding: 20px!important;}
#detailpage .cnt .prev-sns img {display:none!important;}
#detailpage .f-btns ul li.p_buy a {background-color: #161616!important;}
#detailpage .f-btns ul li.p_cart a {background-color: #fff!important;}
#detailpage .f-btns ul li.p_wish a {background-color: #fff!important;}
#detailpage .detail .txt-wrap .ptit {font-size: 16px; margin: 14px 0!important;; padding-bottom: 19px!important;;}
#detailpage .detail .txt-wrap .ptit span {display:block; padding-bottom: 20px; }
#detailpage .detail .txt-wrap .table-opt .opt .p-total .total-price {color:#ff2800!important;}


/* section_07 */
.sale_cate_btn {padding-top: 50px;}


/* BASIC css end */