.main-banner .swiper-pagination-bullet{
    opacity : 1;
    background-color : #fff;
    width : 1.95vw;
    height : 1.95vw;
}

.main-banner .swiper-pagination-bullet-active{
    background-color : #ff7383;
    width : 6.25vw;
    border-radius : 1.95vw;
}
.main-event .title, .main-contact .title, .main-selfie .title{
    margin : 5.20vw auto;
    display: flex;
    justify-content: center;
}

.main-event h1, .main-contact h1, .main-selfie h1{ 
    text-align : center;
    letter-spacing: 5px;
    padding: 10px 2.60vw 10px 0;
    background-image : url('/images/index/event-pointer.png');
    background-repeat : no-repeat;
    background-position : center right;
    background-size : 2.39vw;
    display: inline-block;
}

.main-event-list{
    padding : 0 2.34vw;
}

.main-event-list .swiper-slide{
    width : 22.29vw; 
    height : 27vw;
    background-repeat: no-repeat;
    background-position : center bottom;
    background-size : 100%;
    margin-right : 3.12vw;
    border-radius: 2.86vw 2.86vw 0 0;
}

.main-event-list .swiper-slide > a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding-bottom : 1.97vw;
    position : relative;
    border-radius: 2.86vw 2.86vw 0 0;
}

.main-event-list .swiper-slide > a:hover{
    background-color : rgba(0,0,0,0.6);
}

.main-event-list .swiper-slide > a:hover:after{
    content : '';
    display : block;
    background-image : url('/images/index/event/event-hover.png');
    background-position : center;
    background-repeat: no-repeat;
    background-size : 15.3vw 4.2vw;
    width : 100%;
    height :100%;
    position: absolute;
    top : 0;
    left : 0;
}

.main-event-list .swiper-wrapper{
    padding-bottom : 5.20vw;

}

.main-event-list .swiper-container>.swiper-scrollbar{
    background-color : #eaecf2;
    height : 0.31vw;
    left : 0;
    bottom : 1.04vw;
    width : 100%;
}

.main-event-list .swiper-scrollbar-drag{
    background-color : #adadad;
}

.main-event-list .swiper-scrollbar-drag:after {
    content: '';
    display: block;
    position: absolute;
    width: 8.17vw;
    height: 2.03vw;
    background: url('/images/index/event/event-scrollbar.png');
    background-position : center;
    background-size : 100%;
    background-repeat : no-repeat;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.main-event-list .hashtag {
	color: #fff;
	font-size: 1.5vw;
	margin-bottom: 1.04vw;
	letter-spacing: -1px;
}

.main-event-list .event-title{
    font-size : 1.56vw;
    background-image : url('/images/index/event/event-title.png');
    background-size: 100%;
    width : 15.625vw;
    height : 3.02vw;
    padding-left : 1.5625vw;
    display : flex;
    align-items : center;
}

@media screen and (max-width : 768px){
    .main-event{
        margin-bottom : 9.765625vw;
    }

    .main-event .title{
        margin: 11.06vw auto 7.03vw;
    }

    .main-event h1, .main-contact h1, .main-selfie h1{
        font-size: 4.16vw;
        letter-spacing : 2px;
        background-size: 5.20vw;
        padding : 10px 6.51vw 10px 0;
    }

    .main-event-list .swiper-slide{
        margin-right : 7.8125vw;
        height : 56vw;
    }

    .main-event-list .hashtag{
        font-size : 3.2vw;
    }

    .main-event-list .event-title{
        font-size : 3.90625vw;
        width : 34.89vw;
        height : 6.77vw;
    }

    .main-event-list .swiper-wrapper{
        padding-bottom : 10vw;
        /* padding-right : 200px; */
    }

    .main-event-list .swiper-scrollbar-drag:after{
        width : 17.96875vw;
        height : 4.296875vw;
    }

    .main-event-list .swiper-container-horizontal>.swiper-scrollbar{
        bottom : 2.04vw;
    }
}

@media screen and (min-width : 1921px){
    .main-event .title, .main-contact .title{
        margin : 100px auto;
    }

    .main-event h1, .main-contact h1{
        padding-right : 50px;
        background-size : 46px;
    }

    .main-event-list{
        padding : 0 45px;
    }

    .main-event-list .swiper-slide{
        width : 428px;
        height : 538px;
        margin-right : 60px;
    }

    .main-event-list .swiper-slide > a{
        padding-bottom: 38px;
        border-radius: 55px 55px 0 0;
    }

    .main-event-list .swiper-slide > a:hover:after{
        background-size : 153px 42px;
    }

    .main-event-list .swiper-wrapper{
        padding-bottom : 100px;
    }

    .main-event-list .swiper-container>.swiper-scrollbar{
        height : 6px;
        bottom : 20px;
    }    

    .main-event-list .swiper-scrollbar-drag:after {
        width: 157px;
        height: 39px;
    }

    .main-event-list .hashtag{
        font-size : 32px;
        margin-bottom : 20px;
    }

    .main-event-list .event-title{
        font-size : 30px;
        width : 300px;
        height : 58px;
        padding-left : 30px;
    }
}
.contact-form-wrap{
    width : 65.7vw;
    height : 32.9vw;
    margin : 0 auto 4.16vw;
    background-image : url("/images/index/contact/contact-bg.png");
    background-size : 100%;
    background-position : center;
    background-repeat : no-repeat;
    position : relative;
}

.contact-form-wrap .phone-image{
    width : 23.125vw;
    height : 21.8vw;
    position : absolute;
    bottom : 0;
    left : -6.25vw;
}  

.contact-form-wrap .contact{
    padding-top: 4.42vw;
    padding-left: 18.75vw;
}

.contact-form-wrap .contact h2{
    font-size : 2.03vw;   
    margin-bottom : 2.60vw;
}

.contact-form-wrap .contact .input-form{
    width : 15.625vw;
    height : 3.28125vw;
    padding-left : 1.04vw;
    margin-bottom : 1.04vw;
    background-color : #fff;
}

.contact-form-wrap .contact select.input-form{
    margin-bottom : 0;
}

.contact-form-wrap .contact textarea{
    width : 20.83vw;
    height : 100%;
    padding-left : 1.04vw;
    padding-top : 1.04vw;
}

.contact-form-wrap .input-form-wrap{
    display: flex;
}

.contact-form-wrap .textarea-wrap{
    height : 100%;
    margin-left : 1.25vw;
}

.contact-form-wrap input, .contact-form-wrap textarea, .contact-form-wrap option, .contact-form-wrap select{
    font-size : 1.04vw;
    font-family : 'ScoreEL';
    color : #888;
}

.contact-form-wrap option, .contact-form-wrap select, .contact-form-wrap option, .contact-form-wrap textarea{
    border : 0;
    outline: none;
}

.checkbox-form-wrap .input-wrap:first-child{
    width : 15.625vw;
    margin-right : 1.25vw;
    margin-top : 1.25vw;
    margin-bottom : 2.08vw;
}

.checkbox-form-wrap .input-wrap:nth-child(2){
    width: 20.83vw;
    margin-top : 1.25vw;
    margin-bottom : 2.08vw;
}

.checkbox-form-wrap .input-wrap input{
    width : 0;
    height : 0;
    border : 0;
}

.checkbox-form-wrap .input-wrap label:before{
    content: '';
    display : block;
    width : 1.04vw;
    height: 1.04vw;
    background-color : #fff;
    border : 1px solid #695c5c;
    margin-right : 0.41vw;
}

.checkbox-form-wrap .input-wrap label{
    display : flex;
    align-items : center;
    font-family : 'ScoreM';
    font-size : 0.72vw;
}

.checkbox-form-wrap .input-wrap label .more-detail{
    color : #989898;
    text-decoration: underline;
    width: auto;
    height : auto;
    margin-left : 0.41vw;
}

.checkbox-form-wrap .input-wrap label .more-detail:hover{
    text-decoration : underline !important;
}

.submit-wrap button{
    color : #fff;
    display : flex;
    justify-content: space-between;
    align-items: center;
    padding : 0 1.19vw 0 1.35vw;
    font-family : "ScoreB";
    font-size : 1.09375vw;
}

.submit-wrap .call-submit{
    background-color : #ff4669;
    width : 15.625vw;
    height : 3.43vw;
    margin-right : 1.25vw;
}

.submit-wrap .kakao-submit{
    background-color : #ffba00;
    width: 20.83vw;
    height : 3.43vw;
}

@media screen and (max-width : 768px){
    .contact-form-wrap{
        background-image : url('/images/index/contact/contact-bg_mobile.jpg');
        width : 100%;
        height : 155.98vw;
        display : flex;
        justify-content: center;
        align-items: center;
    }
    .main-contact .title.mo_none{
        display : none;
    }
    .contact-form-wrap .contact{
        padding : 0;
    }

    .contact-form-wrap .contact h2{
        font-size : 4.94vw;
        margin-bottom : 8.33vw;
    }

    .contact-form-wrap .input-form-wrap{
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .contact-form-wrap .contact .input-form{
        width : 58.98vw;
        height : 12.36vw;
        padding-left : 3.9vw;
        font-size : 3.64vw;
        border : 1px solid #000;
        margin-bottom : 3.90vw;
    }
    
    .contact-form-wrap .contact select.input-form{
        margin-bottom : 3.90vw;
    }

    .contact-form-wrap .textarea-wrap{
        margin-left : 0;
        height : auto;
    }

    .contact-form-wrap .contact textarea{
        width : 58.98vw;
        height : 33.33vw;
        padding-left : 3.9vw;
        font-size : 3.64vw;
        border : 1px solid #000;
        padding-top : 2.99vw;
    }

    .checkbox-form-wrap .input-wrap:first-child{
        width : 58.98vw;
        margin-top : 5.20vw;
        margin-bottom : 6.51vw;
    }

    .checkbox-form-wrap .input-wrap label:before{
        width : 3.90vw;
        height : 3.90vw;
        margin-right : 1.95vw;
    }

    .checkbox-form-wrap .input-wrap label{
        font-size : 2.60vw;
    }

    .checkbox-form-wrap .input-wrap label .more-detail{
        margin-left : 1.30vw;
    }

    .contact-form-wrap .input-form-wrap.submit-wrap{
        flex-direction: row;
    }

    .submit-wrap .call-submit{
        width : 28.64vw;
        height : 8.46vw;
    }

    .submit-wrap button{
        justify-content: center;
        font-size : 3.51vw;
    }

    .submit-wrap .kakao-submit{
        width : 29.94vw;
        height : 8.46vw;
    }
    
    .contact-form-wrap .input-form-wrap.submit-wrap i{
        display : none;
    }

}

@media screen and (min-width:1921px){
    .contact-form-wrap{
        width : 1263px;
        height : 633px;
        margin-bottom : 80px;
    }

    .contact-form-wrap .phone-image{
        width : 444px;
        height : 419px;
        left : -120px;
    }

    .contact-form-wrap .contact{
        padding-top: 85px;
        padding-left: 360px;
    }

    .contact-form-wrap .contact h2{
        font-size : 39px;   
        margin-bottom : 50px;
    }

    .contact-form-wrap .contact .input-form{
        width : 300px;
        height : 60px;
        padding-left : 20px;
        margin-bottom : 20px;
    }

    .contact-form-wrap .contact textarea{
        width : 400px;
        padding-left : 20px;
        padding-top : 20px;
    }

    .contact-form-wrap .textarea-wrap{
        margin-left : 24px;
    }

    .contact-form-wrap input, .contact-form-wrap textarea, .contact-form-wrap option, .contact-form-wrap select{
        font-size : 20px;
    }

    .checkbox-form-wrap .input-wrap:first-child{
        width : 300px;
        margin-right : 24px;
        margin-top : 24px;
        margin-bottom : 40px;
    }

    .checkbox-form-wrap .input-wrap:nth-child(2){
        width : 400px;
        margin-top : 24px;
        margin-bottom : 40px;
    }

    .checkbox-form-wrap .input-wrap label:before{
        width : 20px;
        height: 20px;
        margin-right : 8px;
        font-size : 14px;
    }

    .checkbox-form-wrap .input-wrap label .more-detail{
        margin-left : 8px;
    }

    .submit-wrap button{
        padding : 0 23px 0 26px;
        font-size : 21px;
    }

    .submit-wrap .call-submit{
        width : 300px;
        height : 66px;
        margin-right : 24px;
    }

    .submit-wrap .kakao-submit{
        width : 400px;
        height : 66px;
    }

}
.selfie-list-wrap {
    width : 66.04vw;
    margin : 0 auto 4.16vw;
}

.selfie-list-wrap > ul{
    display : flex;
    flex-wrap : wrap;
}

.selfie-list-wrap > ul > li{
    width : calc(100% / 3);
    overflow: hidden;
    display : flex;
}

.selfie-list-wrap > ul > li > a:hover{
    transform : scale(1.1);
    transition-duration:.4s;
}

@media screen and (max-width : 768px){
    .main-selfie{
        height : 110vw;
        background-image : url('/images/index/selfie/selfie-bg_mobile.jpg');
        background-size : cover;
        margin-top : 8.07vw;
    }

    .main-selfie .title{
        margin : 0;
        padding-top : 14.32vw;
        padding-bottom : 8.59vw;
    }

    .selfie-list-wrap{
        width : 100%;
        padding : 2.60vw 0;
        background-color : #fff;
        margin : 0;
    }

    .selfie-instagram{
        width : 31.51vw;
        display: flex;
        margin-left: auto;
        padding-top: 2.60vw;
        padding-right: 2.60vw;
    }

    .selfie-list-wrap .swiper-wrapper{
        /* transition: transform 6000ms linear 0s !important;
        animation-iteration-count : infinite; */
    }
}

@media screen and (min-width : 1921px){
    .selfie-list-wrap {
        width : 1268px;
        margin-bottom : 80px;
    }
}