@charset "UTF-8";
/* 카카오친구 랜딩페이지 */
/* pc */
.pc_sct{display: block;}
.mo_sct{display: none;}
#kakao_landing_wrap{width: 100%;}
#kakao_landing_wrap .event_inner{max-width: 1200px;margin: 0 auto;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
#kakao_landing_wrap .section_top{width: 100%;max-height: 560px;background:linear-gradient(270deg, #f7f7f7, #ffffff);position: relative;}
#kakao_landing_wrap .section_top .event_inner{position: relative;z-index: 1;align-items: center;    padding: 0 4vw;box-sizing: border-box;}
#kakao_landing_wrap .section_top .event_inner .sct_visual{margin-top: -11.5vw;}
#kakao_landing_wrap .section_top .event_inner .sct_visual figure{position: relative;}
#kakao_landing_wrap .section_top .mainVisual_bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;overflow: hidden;}
#kakao_landing_wrap .section_top .mainVisual_bg picture{width: max-content;display:block;position: absolute;}
#kakao_landing_wrap .section_top .mainVisual_bg picture:nth-child(1){bottom: 0;left: 0;}
#kakao_landing_wrap .section_top .mainVisual_bg picture:nth-child(2){right: 17vw;}
#kakao_landing_wrap .section_top .mainVisual_bg picture:nth-child(3){right: 0;top: 0;}

#kakao_landing_wrap .section_middle{background:linear-gradient(45deg,#521313 0%,#A71018 54%,#DAA66B 100%);height: 100%;padding: 130px 0;}
#kakao_landing_wrap .section_middle .event_inner{max-width: 1090px;row-gap: 82px;}
#kakao_landing_wrap .section_middle .event_inner .sct2{display: flex;flex-wrap: wrap;justify-content: space-between;width: inherit;}
#kakao_landing_wrap .section_middle .event_inner .sct2 .sct_visual{display:flex; flex-wrap: wrap;width: 100%;max-width: 620px;}
#kakao_landing_wrap .section_middle .event_inner .sct2 .sct_visual > img{width: calc(100% / 2);}
#kakao_landing_wrap .section_middle .event_inner .sct2 .sct_visual > button{width: 100%;max-width: 327px;height: 70px;line-height: 70px;background: #000;color: #fff;border: 0px;text-align: center;margin: 10px auto 0;font-size: 25px;}
#kakao_landing_wrap .section_middle .event_inner .sct2 .sct_visual > button > span{color: #F5F551;}
#kakao_landing_wrap .section_middle .event_inner .sct2.event2 .sct_visual > img, #kakao_landing_wrap .section_middle .event_inner .sct2.event3 .sct_visual > img{width: unset;margin: auto;}

#kakao_landing_wrap .section_bottom{background: #F8F8F8;padding-top: 68px;padding-bottom: 140px;}
#kakao_landing_wrap .section_bottom .event_info{width: max-content;}
#kakao_landing_wrap .section_bottom .event_info figure{display: grid;grid-template-columns: auto 1fr;width: 100%;gap: 39px;}
/* pc */

/* 반응형 */
 @media (max-width: 1200px) {
    #kakao_landing_wrap .event_inner{max-width: unset;padding: 0 4vw;}
    #kakao_landing_wrap .section_top .event_inner{max-width: unset;}
    #kakao_landing_wrap .section_middle .event_inner{max-width: unset;padding: 0 4vw}
    #kakao_landing_wrap .section_top .event_inner .sct_visual figure{scale: 0.8;}
}
@media (max-width: 1100px) {
    .pc_sct{display: none;}
    .mo_sct{display: block;}
    #kakao_landing_wrap .section_top{max-height: unset;padding: 0;height: 100%;width: auto;}
    #kakao_landing_wrap .section_top .event_inner{max-width: unset;width: 100%;padding: 0;}
    #kakao_landing_wrap .section_top .sct1 {width: 100%;}
    #kakao_landing_wrap .section_top img{width: 100%;}
    #kakao_landing_wrap .section_middle .event_inner .sct2{flex-direction: column;align-items: center;width: 100%;row-gap: 10vw;}
    #kakao_landing_wrap .section_bottom .event_inner{flex-direction: column;row-gap: 4vw;}
    #kakao_landing_wrap .section_middle{padding: 40vw 0 20vw;}
    #kakao_landing_wrap .section_middle .event_inner .sct2 .sct_visual{max-width: unset;}
    #kakao_landing_wrap .section_middle .event_inner .sct2 .sct_visual > img{width: 100%;}
    #kakao_landing_wrap .section_middle .event_inner .sct2 .sct_visual > button{max-width: unset;box-sizing: border-box;width: 94%;;}
    #kakao_landing_wrap .section_middle .event_inner .sct2.event2 .sct_visual > img, #kakao_landing_wrap .section_middle .event_inner .sct2.event3 .sct_visual > img{width: 100%;}
    #kakao_landing_wrap .section_bottom .event_info figure{display: flex;flex-wrap: wrap;}
    /* #kakao_landing_wrap .section_bottom .event_info figure img:nth-child(2){width: 120%;} */
}
@media (max-width: 650px) {
    #kakao_landing_wrap .section_bottom .event_info{width: 100%;}
    #kakao_landing_wrap .section_bottom .event_info figure{display: grid;}
    #kakao_landing_wrap .section_middle img, #kakao_landing_wrap .section_bottom img{width: auto;max-width: 100%;margin: auto;display: block;}
    #kakao_landing_wrap .section_middle .event_inner .sct2 .sct_visual > button{font-size: 1.23em;line-height: normal;height: 3em;}
}
@media (max-width: 550px){
    #kakao_landing_wrap .section_middle img, #kakao_landing_wrap .section_bottom img{width: 80%;}
}
/* 반응형 */