@charset "utf-8";

body{
    background: #ffffe7;
    font-family: nskr, "Nanum Gothic";
}
.v2_gnb .v2_wrap{
    background: #fff;
    border-bottom: 1px solid #000;
}

.wrap{
    width: 750px;
    margin: 0 auto;
    background: #fff;

    -webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */
    -ms-text-size-adjust : none;  /* IE */
    -moz-text-size-adjust : none;  /* 파이어폭스 */
    -o-text-size-adjust : none;  /* 오페라 구버전 */
}
.wrap *{
    /* margin: 0;
    padding: 0; */
    box-sizing: border-box;
   
}
.table-logo{
    display: inline-block;
    font-family: 'Gmarket Sans';
    font-size: inherit;
    padding: 0 0 0 0;
    font-weight: 700;
    letter-spacing: -1px;
}
/* 섹션, 페이지 */
/* intro */

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

.wrap.intro .page1{
    padding: 80px 50px 85px;
    background-color: #FFFCD5;
    background-image: url('intro-bg.png');
    
}
.wrap.intro .page1 .btn-wrap .start-btn{
    background-color: #1e4787 ;
    background-image:url("icon-fork.png"), url("/_asset/brunch/intro/arrow.png");
    background-position: top 45px left 30px , center right 35px;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    font-size: 35px;
}
.wrap.intro .page1 .btn-wrap .group-btn{
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    font-size: 35px;
}


.gift-bg{
    background-color: #EBEBEB;
    position: relative;
    z-index: 0;
    height: 150px;
    margin: -80px -50px 0 -50px; 
}

.intro .page2{
    padding: 75px 50px 0px;
}
.intro .page3{
    padding: 40px 50px 40px;
}
.intro .page4{
    padding: 40px 50px 40px;
    background-color: #fff3d5;
}
.intro .page5{
    padding: 40px 50px 40px;
}




.page .tit{
    font: 43px "nskl";
    letter-spacing: -1.5px;
    text-align: center;
}
.page .blue-t{
    color:#1e4787;
    font-family: "nskm";
}
.page .gift-wrap .txt{
    font:24px "nskl";
    letter-spacing: -1.5px;
    text-align: center;
    margin-bottom: 48px;
}
.page .gift-wrap .gift-box{
    width: 100%;
    padding: 42px 40px;
    background: #f2f2f2;
    border-radius: 10px;
    margin-top: 40px;
}
.page .gift-wrap .gift-box li{
    font: 28px "nskr";
    letter-spacing: -1.5px;
    line-height: 42px;
}
.page .step-wrap{
    margin-top: 0px;
}
.page .step-wrap .step-box{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    margin-top: 40px;
}
.page .step-wrap .step-box li{
    display: flex;
    align-items: center;
    flex-direction: column;
}
.page .step-wrap .step-box .arrow{
    display: block;
    width: 18px;
    height: 149px;
    background: url("/_asset/brunch/intro/step-arrow.png") no-repeat center center;
}
.page .step-wrap .step-box .txt{
    font: 28px "nskr";
    letter-spacing: -1.5px;
    line-height: 35px;
    text-align: center;
    margin-top: 20px;
}
.page .step-wrap .info-box{
    width: 600px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px auto;
    /* margin-top: 55px; */
}
.page .step-wrap .info-box-2{
    justify-content: center;
}
.page .step-wrap .info-box p{
    font : 30px "nskr";
    letter-spacing: -1px;
    
}
.page .step-wrap .info-box p .blue-box{
    font-size: 28px;
    color: #fff;
    letter-spacing: normal;
    padding: 5px 15px;
    background: #1e4787;
    border-radius: 10em;
    margin-right: 20px;
}

.slide-wrap{
margin:0 auto;
}
.slide-deco-parent{
    width:750px;
    overflow: hidden;
    margin:0 -50px;
}
.slide-deco{
    z-index: 10;
    top:0px;
    left:0px;
}
.slide-deco img{
    filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.4));
}
.slide-deco-01{
    top: 8px;
    right: 34px;
    left:auto;
}
.slide-deco-02{
    top:auto;
    bottom: 108px;
    left: -35px;
}
.slide-deco-03{
    top:auto;
    bottom:10px;
    right: -15px;
    left:auto;
}





.bg-gray{
    
}



/* challenge */

.wrap.challenge{
    font-size:30px
}





/* etc */
.imodal .imodal-close{
    width:60px;
    height:60px;
    margin: 10px;
}



/* footer */
.ft{
    width: 100%;
    padding: 50px;
    background: #000;
}
.ft ul{
    display: flex;
    align-items: center;
    justify-content: center;
}
.ft ul li:not(:last-child){
    border-right: 1px solid rgba(255,255,255,0.2);
}
.ft ul li a{
    padding: 0 50px;
    font: 30px "nskr";
    letter-spacing: -1px;
    color: #fff;    
}
.ft ul li:first-child a{
    color: #e32626;    
}