@font-face {
    font-family: 'GothicA1-Light';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2205@1.0/GothicA1-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}


@font-face {
    font-family: 'SB 어그로 M';
    src: url('/font/SB_Aggro_M.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SB 어그로 B';
    src: url('/font/SB_Aggro_B.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: '지마켓 M';
    src: url('/font/GmarketSansTTFMedium.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: '지마켓 B';
    src: url('/font/GmarketSansTTFBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}



.bg{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


.section01{
    width: 100%;
    position: relative;
    text-align: center;
}

.section01-left{
    position: absolute;
    display: flex;
    align-items: center;
    left: 17%;
    bottom: 43%;
}

.section01-left p{
    font-family: '지마켓 M';
    font-size: 42px;
    color: #000 !important;
}

.section01-right{
    position: absolute;
    right: 13%;
    bottom: 41%;
    text-align: left;
}
    
.section01-right > p:nth-child(1){
    font-size: 42px;
    font-weight: 500;
    color: #000 !important;
}

.section01-right > p:nth-child(2){
    font-family: '지마켓 M';
    font-size: 63px;
    color: #000 !important;
    margin-left: 30px;
    margin-top: 18px;
}

.section01-model{
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}



/* 3 */
.section03{
    background-image: url("/img/sub/skin_12/section03bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 274px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 84px 0;
}

.section03 > div:nth-child(1){
    margin-right: 70px;
}

.section03 ul{
    display: flex;
}

.section03 ul li{
    display: flex;
    align-items: center;
    margin-right: 50px;
}

.section03 ul li:last-child{
    margin-right: 0;
}

.section03 ul li p{
    color: #fff;
    font-family: '지마켓 M';
    font-size: 30px;
    line-height: 35px;
    margin-left: 14px;
}

.section03 ul li p span{
    color: #fff;
    font-size: 30px;
    line-height: 35px;
}


/* 4 */
.section04{
    position: relative;
    padding: 70px 0;
    text-align: center;
    width: 1920px;
    height: 1740px;
    background-image: url("/img/sub/skin_12/section04-bg.jpg");
}

.section04-bottom{
    position: absolute;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
}

.section04-bottom p{
    font-size: 35px;
    color: #ffffff !important;
    font-family: '지마켓 M';
    margin-top: 20px;
    margin-bottom: 20px;
}

.section04-bar{
    width: 643px;
    height: 2px;
    background-color: #ffffff;
}



/* 5 */

.section05{
    position: relative;
    width: 100%;
    height: 1405px;
    background-image: url("/img/sub/skin_12/section05-bg.jpg");
}

.packagediv{
    position: absolute;
    left: 50%;
    top: 320px;
    transform: translateX(-50%);
}

.packagediv02{
    position: absolute;
    left: 50%;
    top: 780px;
    transform: translateX(-50%);
}

.price-li{
    padding: 28px 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #6f624d;
}

.price-li:last-child{
    border-bottom: none;
}

.price-li > div{
    display: flex;
    align-items: center;
}

.section05 .white-pri{
    display: inline-block;
    width: 54px;
    height: 26px;
    background-color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 25px;
    font-weight: 500;
    border-radius: 50px;
    margin-right: 10px;
    margin-bottom: -4px;
}

.yellow-pri{
    display: inline-block;
    width: 97px;
    height: 26px;
    background-color: #ffe1ae;
    font-size: 17px;
    text-align: center;
    line-height: 25px;
    font-weight: 500;
    border-radius: 50px;
    margin-right: 10px !important;
    margin-bottom: -4px !important;
    color: #0a0a0a;
    letter-spacing: -0.8px !important;
}


.big-pri{
    font-size: 36px;
    line-height: 38px;
    font-weight: 500;
    color: #fff;
}

.hotsale{
    position: relative;
}

.hotsale:after{
    content: "";
    display: block;
    position: absolute;
    right: -80px;
    bottom: -17px;
    width: 66px;
    height: 65px;
    background-image: url("/img/sub/skin_11/hotsale.png");
}
.hotsale02{
    position: relative;
}
.hotsale02:after{
    content: "";
    display: block;
    position: absolute;
    right: -68px;
    bottom: -28px;
    width: 51px;
    height: 77px;
    background-image: url("/img/sub/skin_12/stamp.png");
}

.big-pri span{
    font-size: 29px;
}

.flexprice{
    display: flex;
    align-items: center;
}

.slash{
    font-size: 25px;
    margin: 0 8px !important;
}

.cancel-pri{
    position: relative;
    font-size: 24px;
    color: #9b9b9b;
    margin-right: 14px !important;
}

.cancel-pri:after{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 9px;
    background-color: #9b9b9b;
}

.price-imgbox{
    text-align: right;
}

.price-imgbox p span{
    display: inline-block;
    margin-left: 4px;
}

.cancel-pri span{
    font-size: 20px;
}

.section05 .vat{
    position: absolute;
    right: 25%;
    bottom: 16%;
}


/* 6 */
.section06{
    width: 100%;
    padding: 60px 0;
    background-color: #273b0a;
    text-align: center;
}

.section06 p{
    font-size: 26px;
    color: #ffffff;
    font-family: '지마켓 M';
}

.section06 h2{
    font-size: 52px;
    color: #fff;
    font-weight: 500;
    margin-top: 8px;
}


/* 7 */
.section07Content{
    width: 1061px;
    margin: 0 auto;
}

.section07 ul li p{
    color: #010101;
}

.section07  .price-imgbox p{
    font-size: 47px;
    color: #72993a;
    font-family: '지마켓 B';
}

.section07  .price-imgbox p span{
    font-size: 20px;
    color: #010101 !important;
}

.section07 li{
    border-color: #b5b5b5 !important;
}

.section07 h3{
    font-family: '지마켓 B';
    display: inline-block;
    font-size: 36px;
    background-color: #273b0a;
    color: #ffffff !important;
    padding: 14px 50px 6px;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
}


.section07 .cancel-pri:after{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 9px;
    background-color: #5a5a5a;
}

.section07 li{
    align-items: baseline !important;
}

.stamp{
    position: relative;
}

.stamp:after{
    content: "";
    display: block;
    position: absolute;
    right: -68px;
    bottom: -28px;
    width: 51px;
    height: 77px;
    background-image: url("/img/sub/skin_12/stamp.png");
}


.hang-pri{
    display: inline-block;
    width: 97px;
    height: 26px;
    background-color: #8bb44f;
    font-size: 17px;
    text-align: center;
    line-height: 25px;
    font-weight: 500;
    border-radius: 50px;
    margin-right: 10px !important;
    margin-bottom: -4px !important;
    color: #fff !important;
    letter-spacing: -0.8px !important;
}

.section07-vat{
    padding-right: 22px;
    text-align: right;
    margin-top: 10px;
}


/* 8 */
/* 6 */
.section08{
    width: 100%;
    padding: 60px 0;
    background-color: #970416;
    text-align: center;
    margin-top: 60px;
}

.section08 p{
    font-size: 26px;
    color: #ffffff;
    font-family: '지마켓 M';
}

.section08 h2{
    font-size: 52px;
    color: #ffffff;
    font-weight: 500;
    margin-top: 8px;
}



/* 9 */
.section09 ul li p{
    color: #010101;
}

.section09  .price-imgbox p{
    font-size: 47px;
    color: #dd5465;
    font-family: '지마켓 B';
}

.section09  .price-imgbox p span{
    display: inline-block;
    margin-left: 4px;
    font-size: 20px;
    color: #010101 !important;
}

.section09 li{
    border-color: #b5b5b5 !important;
}



/* 10 */
.section10{
    width: 100%;
    padding: 60px 0;
    background-color: #d1ac8f;
    text-align: center;
    margin-top: 60px !important;
}

.section10 p{
    font-size: 26px;
    color: #ffffff;
    font-family: '지마켓 M';
}

.section10 h2{
    font-size: 52px;
    color: #ffffff;
    font-weight: 500;
    margin-top: 8px;
}



/* 11 */
.section11 ul li p{
    color: #010101;
}

.section11  .price-imgbox p{
    font-size: 47px;
    color: #f1aa72;
    font-family: '지마켓 B';
}

.section11  .price-imgbox p span{
    font-size: 20px;
    color: #010101 !important;
}

.section11 li{
    border-color: #b5b5b5 !important;
}


/* 12 */
.section12{
    width: 100%;
    padding: 60px 0;
    background-color: #e3bec5;
    text-align: center;
    margin-top: 60px !important;
}

.section12 p{
    font-size: 26px;
    color: #ffffff;
    font-family: '지마켓 M';
}

.section12 h2{
    font-size: 52px;
    color: #ffffff;
    font-weight: 500;
    margin-top: 8px;
}



/* 13 */
.section13 ul li p{
    color: #010101;
}

.section13  .price-imgbox p{
    font-size: 47px;
    color: #d48897;
    font-family: '지마켓 B';
}

.section13  .price-imgbox p span{
    font-size: 20px;
    color: #010101 !important;
}

.section13 li{
    border-color: #b5b5b5 !important;
}


.skinul{
    margin-top: 30px;
}

.skinul li{
    color: #010101;
    margin-top: 15px;
    font-size: 32px;
    font-weight: 400;
}
.skinul li:nth-child(1){
    margin-top: 0;
}


/* 14 */
.section14{
    width: 100%;
    padding: 60px 0;
    background-color: #ead8c6;
    text-align: center;
    margin-top: 60px !important;
}

.section14 p{
    font-size: 26px;
    color: #1e1e1e;
    font-family: '지마켓 M';
}

.section14 h2{
    font-size: 52px;
    color: #1e1e1e;
    font-weight: 500;
    margin-top: 8px;
}


/* 15 */
.section15 ul li p{
    color: #010101;
}

.section13  .price-imgbox p{
    font-size: 47px;
    color: #d48897;
    font-family: '지마켓 B';
}

.section13  .price-imgbox p span{
    font-size: 20px;
    color: #010101 !important;
}

.week-pri{
    display: inline-block;
    width: 54px;
    height: 25px;
    background-color: #f6ddbc;
    font-size: 17px;
    text-align: center;
    line-height: 25px;
    font-weight: 500;
    border-radius: 50px;
    margin-right: 10px !important;
    margin-bottom: -4px !important;
    color: #1b1b1b !important;
    letter-spacing: -0.8px !important;
}

.section15Content{
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.section15Content > ul{
    margin-right: 60px;
}






/* 모바일 */
/* --------------------------------------------------- */
@media (max-width:990px){
    .price-imgbox p span{
        margin-left: 2px !important;
    }
    .cancel-pri:after{
        bottom: 4px;
    }

    .m-section01{
        position: relative;
        width: 100%;
    }

    .m-section01 img{
        width: 100%;
    }

    .m-section01-top{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 40px;
    }

    .m-section01-top p{
        font-size: 26px;
        margin-right: 15px;
        font-family: '지마켓 M';
        color: #000;
    }

    .m-section01-model{
        position: absolute;
        bottom: 0;
        /* left: 40px; */
        width: 100%;
        text-align: center;
    }

    .m-section01-model img{
        width: 285px;
    }

    .m-section01-botom{
        display: flex;
        justify-content: center;
        width: 100%;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 40px;
        width: 100%;
    }


    .m-section01-botom > div > p:nth-child(1){
        font-size: 23px;
        font-weight: 500;
        color: #000;
    }

    .m-section01-botom > div > p:nth-child(2){
        font-size: 36px;
        font-family: '지마켓 M';
        font-weight: 500;
        color: #000;
        margin-left: 15px;
        margin-top: 10px;
    }

    /* 3 */
    .m-section03{
        width: 100%;
        height: 140px;
        background-image: url("/img/sub/skin_12/mobile/m-section03-bg.jpg");
        position: relative;
        padding: 20px 0;
    }

    .section03-title{
        width: 170px;
        margin: 0 auto;
    }

    .m-section03 ul{
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }

    .m-section03 ul li img{
        width: 35px;
    }
    

    .m-section03 ul li{
        display: flex;
        align-items: center;
        margin-right: 20px;
    }
    
    .m-section03 ul li:last-child{
        margin-right: 0;
    }

    .m-section03 ul li p{
        color: #ffffff;
        font-family: '지마켓 M';
        font-size: 12px;
        line-height: 14px;
        margin-left: 6px;
    }
    
    .m-section03 ul li p span{
        color: #fff;
        font-size: 12px;
    }

    
    /* 4 */
    .m-section04 img{
        width: 100%;
    }
    
    /* 5 */
    .m-section05{
        width: 100%;
        height: auto !important;
        position: relative;
        padding-top: 138%;
        margin-top: -2px;
        background-image: url("/img/sub/skin_12/mobile/m-section05.jpg");
        background-size: contain !important;
        background-repeat:  no-repeat;
    }
    
    .packagediv{
        padding: 0 20px;
        position: absolute;
        top: 22%;
        width: 100%;
    }

    .section05-title01{
        width: 100% !important;
        margin: 0 auto;
    }

    .price-li{
        padding: 10px 5px;
    }

    .big-pri{
        font-size: 12px;
        line-height: 15px;
    }

    .cancel-pri{
        font-size: 12px;
    }

    .cancel-pri span{
        font-size: 8px;
    }

    .m-section05 .price-imgbox{
        width: 40px;
    }

    .big-pri span{
        font-size: 10px;
    }


    .m-section05 .white-pri{
        display: inline-block;
        width: 21px;
        height: 11px;
        background-color: #fff;
        font-size: 9px;
        text-align: center;
        line-height: 12px;
        font-weight: 500;
        border-radius: 50px;
        margin-right: 10px;
        /* margin-bottom: -4px; */
        font-weight: 600;
    }

    .hotsale:after{
        content: "";
        display: block;
        position: absolute;
        right: -31px;
        bottom: -4px;
        width: 26px;
        height: 25px;
        background-image: url("/img/sub/event1002/hotsale.png");
        background-size: cover;
        background-repeat: no-repeat;
    }

    .hotsale02:after{
        content: "";
        display: block;
        position: absolute;
        right: -31px;
        bottom: -4px;
        width: 25px;
        height: 26px;
        background-image: url("/img/sub/skin_11/hotsale.png");
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .packagediv02{
        padding: 0 20px;
        position: absolute;
        width: 100%;
        top: 52%;
    }


    .yellow-pri{
        display: inline-block;
        width: 49px;
        height: 11px;
        background-color: #ffe1ae;
        font-size: 9px;
        text-align: center;
        line-height: 11px;
        font-weight: 600;
        border-radius: 50px;
        margin-right: 10px !important;
        margin-bottom: 0px !important;
        color: #0a0a0a;
        letter-spacing: -0.8px !important;
    }

    .m-section05 .vat{
        position: absolute;
        right: 26px;
        bottom: 17.5%;
    }

    .m-section05 .vat img{
        width: 35px;
    }


    /* 6 */
    .m-section06{
        width: 100%;
        padding: 20px 0;
        background-color: #273b0a;
        text-align: center;
    }

    .m-section06 p{
        font-size: 12px;
        color: #ffffff;
        font-family: '지마켓 M';
    }
    
    .m-section06 h2{
        font-size: 24px;
        color: #ffffff;
        font-weight: 500;
        margin-top: 5px;
    }

    /* 7 */
    .m-section07{
        position: relative;
        padding: 0 20px;
    }

    
    .section07Content{
        width: 100%;
    }

    .m-section07 ul li p{
        color: #010101;
        font-size: 12px;
        font-weight: 600;
    }
    
    .m-section07  .price-imgbox p{
        font-size: 17px;
        color: #72993a;
        font-family: '지마켓 B';
    }

    .m-section07  .price-imgbox p span{
        font-size: 10px;
        font-weight: 500;
        color: #010101 !important;
    }
    
    .cancel-pri{
        margin-right: 6px !important;
    }

    .m-section07 h3{
        font-family: '지마켓 B';
        display: inline-block;
        font-size: 13px;
        background-color: #273b0a;
        color: #ffffff !important;
        padding: 8px 17px 3px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
    }

    .m-section07 li{
        border-color: #b5b5b5 !important;
    }

    .m-section07 .cancel-pri{
        color: #5a5a5a !important;
        font-weight: 500 !important;
    }

    .stamp:after{
        content: "";
        display: block;
        position: absolute;
        right: -19px;
        bottom: -6px;
        width: 16px;
        height: 24px;
        background-image: url("/img/sub/skin_12/stamp.png");
        background-size: cover;
        background-repeat: no-repeat;
    }

    .hang-pri{
        display: inline-block;
        width: 52px;
        height: 11px;
        background-color: #8bb44f;
        font-size: 17px;
        text-align: center;
        line-height: 11px;
        font-weight: 500;
        border-radius: 50px;
        margin-right: 10px !important;
        margin-bottom: 0px !important;
        color: #fff !important;
        letter-spacing: -0.8px !important;
        font-size: 9px !important;
    }

    .section07-vat{
        padding-right: 7px !important;
        text-align: right;
        margin-top: 10px;
        display: flex;
        justify-content: end;
    }

    .section07-vat img{
        width: 35px;
    }


    /* 8 */
    .m-section08{
        width: 100%;
        padding: 20px 0;
        background-color: #970416;
        text-align: center;
        margin-top: 20px;
    }

    .m-section08 p{
        font-size: 12px;
        color: #ffffff;
        font-family: '지마켓 M';
    }
    
    .m-section08 h2{
        font-size: 24px;
        color: #ffffff;
        font-weight: 500;
        margin-top: 5px;
    }


    /* 9 */
    .m-section09{
        padding: 0 20px;
    }
    .m-section09 ul li p{
        color: #010101;
    }
    
    .m-section09  .price-imgbox p{
        font-size: 17px;
        color: #dd5465;
        font-family: '지마켓 B';
    }
    
    .m-section09  .price-imgbox p span{
        font-size: 10px;
        color: #010101 !important;
    }
    
    .m-section09 li{
        border-color: #b5b5b5 !important;
    }

    .m-section09 .big-pri span{
        font-size: 9px !important;
    }


    /* 10 */
    .m-section10{
        width: 100%;
        padding: 20px 0;
        background-color: #d1ac8f;
        text-align: center;
        margin-top: 20px;
    }

    .m-section10 p{
        font-size: 12px;
        color: #ffffff;
        font-family: '지마켓 M';
    }
    
    .m-section10 h2{
        font-size: 24px;
        color: #ffffff;
        font-weight: 500;
        margin-top: 5px;
    }

    /* 11 */
    .m-section11{
        padding: 0 20px;
    }
    .m-section11 ul li p{
        color: #010101;
    }
    
    .m-section11  .price-imgbox p{
        font-size: 17px;
        color: #f1aa72;
        font-family: '지마켓 B';
    }
    
    .m-section11  .price-imgbox p span{
        font-size: 10px;
        color: #010101 !important;
    }
    
    .m-section11 li{
        border-color: #b5b5b5 !important;
    }

    .m-section11 .big-pri span{
        font-size: 9px !important;
    }


    /* 12 */
    .m-section12{
        width: 100%;
        padding: 20px 0;
        background-color: #d5b6b7;
        text-align: center;
        margin-top: 20px;
    }

    .m-section12 p{
        font-size: 12px;
        color: #ffffff;
        font-family: '지마켓 M';
    }
    
    .m-section12 h2{
        font-size: 24px;
        color: #ffffff;
        font-weight: 500;
        margin-top: 5px;
    }


    /* 13 */
    .m-section13{
        padding: 0 20px;
    }
    .m-section13 ul li p{
        color: #010101;
    }
    
    .m-section13  .price-imgbox p{
        font-size: 17px;
        color: #d48897;
        font-family: '지마켓 B';
    }
    
    .m-section13  .price-imgbox p span{
        font-size: 10px;
        color: #010101 !important;
    }
    
    .m-section13 li{
        border-color: #b5b5b5 !important;
    }

    .m-section13 .big-pri span{
        font-size: 9px !important;
    }


     /* 14 */
    .m-section14{
        width: 100%;
        padding: 20px 0;
        background-color: #ead8c6;
        text-align: center;
        margin-top: 20px;
    }

    .m-section14 p{
        font-size: 12px;
        color: #1e1e1e;
        font-family: '지마켓 M';
    }
    
    .m-section14 h2{
        font-size: 24px;
        color: #1e1e1e;
        font-weight: 500;
        margin-top: 5px;
    }

    /* 15 */
    .m-section15{
        padding: 0 20px;
    }
    .m-section15 ul li p{
        color: #010101;
    }
    
    .m-section15  .price-imgbox p{
        font-size: 16px;
        color: #d48897;
        font-family: '지마켓 B';
    }
    
    .m-section15  .price-imgbox p span{
        font-size: 10px;
        color: #010101 !important;
    }
    
    .m-section15 li{
        border-color: #b5b5b5 !important;
    }

    .m-section15 .big-pri span{
        font-size: 9px !important;
    }

    .section15Content > ul{
        width: 80%;
        margin-right: 10px;
    }

    .section15Content > div{
        width: calc(100% - 80%);
    }

    .section15Content li{
        padding-right: 0 !important;
    }

    .week-pri{
        display: inline-block;
        width: 28px;
        height: 13px;
        background-color: #f6ddbc;
        font-size: 9px;
        text-align: center;
        line-height: 14px;
        font-weight: 500;
        border-radius: 50px;
        margin-right: 5px !important;
        margin-bottom: -4px !important;
        color: #1b1b1b !important;
        letter-spacing: -0.8px !important;
        font-weight: 500;
    }



    .slash{
        font-size: 12px;
        margin: 0 3px !important;
    }
    .skinul{
        margin-top: 10px;
    }
    .skinul li{
        font-weight: 500;
        margin-top: 7px;
        font-size: 11px;
    }
}