@charset "utf-8";

/* challenge */

.wrap.challenge{
    font-family: "nskr" ,"Nanum Gothic";
    font-size:30px
}

.challenge .page1{
    padding:40px 30px;
    background-image: none;
    background-color: #fff;
}

.challenge .small-txt{
    font-size: 30px;
    line-height: 1.2em;
    font-family: nskr;
}






.challenge .recipe-box{
    border-top: 7px solid #ACC8F4;
    
}
.challenge .recipe-box-01{
    border-top-color: #ACC8F4;
    background-color: #E3F1FF;
}
.challenge .recipe-box-02{
    border-top-color: #EAADAD;
    background-color: #FFE3E3;
}
.challenge .recipe-box-03{
    border-top-color: #E8DA57;
    background-color: #FFF9C2;
}
.challenge .recipe-box-tit{
    font-size: 50px;
    line-height: 1.5em;
    font-family: nskb;
    font-weight: normal;
    margin-bottom: 20px;;
}
.challenge .recipe-box-subtit{
    display: inline-block;
    font-size: 40px;
    line-height: 1.5em;
    font-family: nskl;
    font-weight: normal;
    /* margin-bottom: 20px;; */
    background: linear-gradient(to bottom, transparent 0%,transparent 60%,#fffc 61%,#fffc 100%);
}
.recipe-box-header{
    padding:40px 20px;
    height:320px;
}
.recipe-box-footer{
    padding:40px 20px 120px 20px;
}
.recipe-box-img{
    position: relative;
    padding-bottom: 60px
}
.recipe-box-img img{
    max-width:100%;
    display: block;
}
.recipe-box-img-subimg-box{
    position: absolute;
    left:0;right:0;
    bottom:0;
    
}
.btn-show-recipe{
    font-size: 30px;
    width:300px;
    background-color: #1e4787;
    border-width: 0;
    line-height: 3em;
    color:#fff;
}
.challenge .recipe-box-01 .btn-show-recipe{
    background-color: #1E4787;
}
.challenge .recipe-box-02 .btn-show-recipe{
    background-color: #5A231A;
}
.challenge .recipe-box-03 .btn-show-recipe{
    background-color: #ED4F46;
}
.btn-challenge{
    font-size: 30px;
    width:75%;
    border:2px solid #000;
    line-height: 3em;
    background-color: transparent;
}



.challenge .hash-tag-box{
    margin:40px auto;
    width:500px;
    border: 4px solid #1e4787;
    font-size:30px;
    line-height: 1.5em;
}
.challenge .hash-tag-box-hash-tag{
    color: #1e4787;
    padding:1em 0.5em;
    line-height: 1em;
    text-align: center;
    /* height: 3em; */
}
.challenge .hash-tag-box-hash-tag > span{
    display: inline-block;
}
.challenge .hash-tag-box > .inus-btn{
    border-width: 0;
    background-color: #1e4787;
    color: #fff;
    padding:0;
    height: 3em;
    line-height: 3em;

}

.page3{
    padding: 75px 30px 110px;
}
.page3 .tit{
    font: 42px "nskl";
    text-align: center;
    line-height: 60px;
}
.page3 .btn-shop-link{
    display: block;
    margin:20px auto;
    text-align: center;
}
.page3 hr.hr-w100{
    margin:0 -30px;
    color: #E8E8E8;
    background-color: #E8E8E8;
    border-color: #E8E8E8;
    border-width: 0;
    height:1px;
}


.page4{
    padding: 75px 30px 110px;
    background-color: #F5F5F5;
}
.page4 .tit{
    font: 42px "nskl";
    text-align: center;
    line-height: 60px;
}

.page4 .blue-t{
    color:#1e4787;
    font-family: "nskm";
}
.page4 .gift-wrap .gift-box{
    width: 100%;
    padding: 42px 40px;
    /* background: #f2f2f2; */
    border-radius: 10px;
    margin-top: 40px;
}
.page4 .gift-wrap .gift-box li{
    font: 28px "nskr";
    letter-spacing: -1.5px;
    line-height: 42px;
}

.page5{
    padding: 75px 30px 80px;
}
.page5 .tit{
    font: 42px "nskl";
    text-align: center;
    line-height: 60px;
}


.recipe-imodal .imodal-body{
    text-align: center;
}



.challenge .page .slide-wrap{
    width:690px;
    height:auto;
    margin-top: 0;
    overflow: hidden;
    position: relative;
}

.challenge .page .slide-wrap .slide-box .slide{
    width:690px;
    display: block;
    float: none;
}
.challenge .page .slide-wrap .slide-btn{
    text-align: center;
    bottom: 47px;;
}


.ig-wrap{
    height:auto;background-color:#fff;
    padding:20px 0;
}
.ig-iframe-wraper{
    width:620px;
    margin:0 auto;
}
.ig-iframe-wraper > *{
    margin:0 auto !important;
    display: block;
}
.slide-wrap-ig .swiper-wrapper{
    margin-top:20px !important
}

.bg-half-sky{
    background: linear-gradient(to bottom, transparent 0%,transparent 50%,#fff100 50%,#fff100 100%);

}

.hr-div{
    height:5px;
    background-color: #dedede;
}

.layer.btn-recipe-download-box{
    position: sticky;
    bottom:0;
    left:0;right:0;

}
.btn-recipe-download{
    width: 100%;
    margin:0;
}