@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
*{font-family: 'Spoqa Han Sans Neo', sans-serif;color: #392c28;box-sizing: border-box;}

html, body{min-width: 0;width: 100%;}
#main{}
#main .for_pc{display: block !important;}
#main .for_mobile{display: none !important;}
#main .text-center{text-align: center;}
#main .inner_area{height: 100%;max-width: 1270px;margin: 0 auto;}
#main img{max-width: 100%;}
#main .title{word-break: keep-all}

#main .event_main{padding-bottom: 0;background: url("../img/tg_bg.png") no-repeat top center; background-size: cover;font-family: "Noto Sans KR", sans-serif}

#main .top .top_logo{padding: 55px 0 60px 0;}
#main .top .intro{font-size: 36px; color: #36184b; font-weight: 600;letter-spacing: -1px;}
#main .top .intro p span{color: #7828c9;}
#main .top .intro p:first-child{line-height: 50px;}
#main .top .intro:not(.intro2) p:last-child{font-size: 24px; font-weight: 400;padding: 10px 0 50px 0;}
#main .top .intro2{padding-bottom: 45px;}

#main .top .bottom_intro{font-size: 38px;letter-spacing: -4px;}
#main .top .bottom_intro p:first-child{padding: 40px 0 10px;}
#main .top .bottom_intro p:last-child{font-size: 20px;font-family: "Noto Sans KR", sans-serif; color: #5d5c5c;letter-spacing: -0.5px;max-width: 810px;margin: 0 auto;word-break: keep-all;padding-bottom: 45px;}

.event_sec2{background-color: #875746}
.event_sec2 .inner_area{padding: 75px 20px 100px;}
.event_sec2 .title{font-size: 45px;letter-spacing: -1.5px;text-align: center;color: #ffe59b;padding-bottom: 60px;}
.event_sec2 .items{display: flex;justify-content: space-between;align-items: center;}
.event_sec2 .items .item{padding-right: 15px;}
.event_sec2 .items .item:last-child{padding-right: 0;}

.event_sec3{padding: 50px 0;background-color: rgba(255,255,255,0.5);margin-top: 60px;}
.event_sec3 .title{font-size: 43px;letter-spacing: -1.5px;text-align: center;color: #875746;padding-bottom: 25px;font-weight: bold;}
.event_sec3 .items{max-width: 1270px; margin: 0 auto;position: relative;z-index: 10;display: flex;justify-content: space-between}
.event_sec3 .items .item{margin-right: 10px;}
.event_sec3 .items .item:last-child{margin-right: 0;}
.event_sec3 .icon_bg{text-align: center;}
.event_sec3 .icon_bg img{max-width: 1270px !important;margin-top: -19px;width: 100%;}

#main .kakao_btn{width: 100%;position: fixed;bottom: 0;z-index: 9999;text-align: center;background-color: #353039}
#main .kakao_btn img{width: 100%;max-width: 50%;}

@media only screen and (max-width: 995px){
    .inner_area{padding: 0 5%;}
    #main .for_pc{display: none !important;}
    #main .for_mobile{display: block !important;}
    #main .top .top_logo{padding-top: 80px;}
    #main .top .top_intro{font-size: 20px;}
    #main .top .top_intro p{word-break: keep-all;line-height: 35px !important;}
    #main .top .top_intro:not(.intro2) p:last-child{font-size: 17px;}
    #main .top .bottom_intro{font-size: 30px;letter-spacing: -2px;font-weight: bold;}
    #main .top .bottom_intro p:first-child{line-height: 40px;word-break: keep-all}
    #main .top .bottom_intro p:last-child{font-size: 18px !important;font-weight: 400 !important;}

    .event_sec3{padding: 50px 5%;margin-top: 60px;}
    .event_sec3 .title{font-size: 30px;}
    .event_sec3 .items{display: block;padding-bottom: 0;}
    .event_sec3 .items::after{display: block;clear: both;content: '';}
    .event_sec3 .items .item{float: left; width: 30%;margin-right: 5%;margin-bottom: 20px;}
    .event_sec3 .items .item:nth-of-type(3){margin-right: 0;}
    .event_sec3 .items .item:nth-of-type(4){margin-left: 17.5%;}
    .event_sec3 .items .item:nth-of-type(n+4){margin-bottom: 0;}

    .event_sec2 .inner_area{padding: 50px 5%;}
    .event_sec2 .title{font-size: 30px;padding-bottom: 45px;}
    .event_sec2 .items{display: block;}
    .event_sec2 .items .item{width: 47%;float: left;padding-bottom: 35px;padding-left: 0;padding-right: 0;}
    .event_sec2 .items .item img{width: 100%;}
    .event_sec2 .items .item:nth-of-type(even){float: right;}

    .iframe_wrap{width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden;position: relative}
    .iframe_wrap iframe{width: 100%; height: 100%;position:absolute;top: 0; left: 0;}
}

@media only screen and  (max-width: 500px) {
    #main .top .bottom_intro{font-size: 22px;letter-spacing: 0;}
    #main .top .bottom_intro p:first-child{line-height: 29px;}
    #main .top .bottom_intro p:last-child{font-size: 15px !important;font-weight: 400 !important;}

    .event_sec3{margin-top: 55px;}
    .event_sec2 .title, .event_sec3 .title{font-size: 22px;letter-spacing: -0.5px;padding-bottom: 35px;}

    #main .top .top_logo{padding-top: 50px;}
    #main .top .top_intro p{word-break: keep-all;line-height: 32px !important;font-size: 20px;}
    #main .top .top_intro:not(.intro2) p:last-child{font-size: 15px;line-height: 22px !important;}

    #main .kakao_btn img{max-width: 100%;}
}