.main{
    background-color: #45BF2E;
}
/* 응모하기버튼 */
.fiexd_box{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    max-width: 450px;
    margin: 0 auto;
}
.fiexd_box .apply_btn_box{
    background: linear-gradient(0deg, #FF8029 0%, #FFC322 100%);
    height: 72px;
}
.fiexd_box .apply_btn_box .apply_btn{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    height: 100%;
}
.fiexd_box .apply_btn_box .apply_btn .btn{
    font-size: 30.103px;
    color: #fff;
}
.fiexd_box .apply_btn_box .apply_btn .icon{
    width: 26px;
    display: flex;
}
.fiexd_box .apply_btn_box .apply_btn .icon img{
    width: 100%;
}


/* section1 */
.top_bg{
    position: relative;
    background-image: url('/static/pringles_worldcup_web/img/index/bg1.webp');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top: 195.9722%;
}
.top_bg .top_banner_area{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 96px 0px 0 0px;
}
.top_bg .top_title_box{
    margin: 0 auto;
    text-align: center;
    width: calc(303.33 / 360 * 100%)
}
.top_bg .top_title_box .sub_title{
    color: #fff;
    font-weight: 400;
    text-align: center;
    margin-bottom: 21px;
    background-color: #45BF2E;
    display: inline-block;
    padding:7px 24px;
    font-size: 22.58px;
    border-radius: 91px;
}
.top_bg .top_title_box .title{
    background-image: url('/static/pringles_worldcup_web/img/index/main_title.webp');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top: 24.172185%;
}

.event_date_box{
    margin-top: 10.33px;
}
.event_date_box .date_box{
    display: flex; 
    gap: 7px; 
    justify-content: center;
    align-items: center;
    
}
.event_date_box .date_box .period{
    display: inline-block;
    height: 21px; 
    background-color: #45BF2E;
    border-radius: 7.64px; 
    font-size: clamp(13.066px, calc(14.7 / 360 * 100vw), 16px);
    line-height: 21px; 
    text-align: center;
    color: #fff;
    padding: 0 6px;
    letter-spacing: -0.3675px;

}
.event_date_box .date_box .date{
    color: #fff; 
    font-size: clamp(13.066px, calc(14.7 / 360 * 100vw), 16px);
    letter-spacing: -0.3675px;
}
.top_event_img_area{
    width: calc(303.33 / 360 * 100%)
}
.top_event_img_area .top_img{
    background-image: url('/static/pringles_worldcup_web/img/index/main_pringles.webp');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top: 125.082508%;
}


/* section2 */
.section2{
    position: relative;
    background-color: #1E99DF;
}
.sec2_top_img_box{}
.sec2_top_img_box .sec2_top_img{
    background-image: url("/static/pringles_worldcup_web/img/index/flag.webp");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top:26.9444%
}
.sec2_title_area{
    margin-bottom: 31px;
    padding: 0 7.77%;
}
.sec2_title_area .title_box{
    text-align: center; 
    margin-bottom: 10px;
    position: relative;
}


.sec2_title_area .title_box .title{
    color: #FFE292; 
    line-height: 32px; 
    letter-spacing: -.2px; 
    font-size: clamp(24px, calc(28.43 / 360 * 100vw), 30px);
    letter-spacing: -0.71075px;
}
.sec2_title_area .title_box .title.white{
    color: #fff;
    text-shadow:
        2px 1px 0 #1f6ea5,
        2px 3px 0 #1f6ea5,
        2px 5px 8px rgba(0,0,0,0.2);
}
.sec2_title_area .title_box .title span{
    color: #FCF156;
}
.sec2_title_area .sub_title_box{
    text-align: center;
}
.sec2_title_area .sub_title_box .title{
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: clamp(10px, calc(13.33/360 * 100vw), 14px);
    color: #fff;
    letter-spacing: -0.1333px;
}
.sec2_title_area .sub_title_box .title span{
    color: #FCF156;
}

.sec2_prize_img_box{
    padding: 0 7.77%;
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 31px;
}
.sec2_img_box{
    background-color: #fff;
    border-radius: 16.67px;
    padding: 2px;
    position: relative;
}
.sec2_img_box .box_title_box{
    background-color: #E40426;
    border-top-right-radius: 16.67px;
    border-top-left-radius: 16.67px;
    text-align: center;
    color: #fff;
    padding: 14px 0;
}
.sec2_img_box .box_title_box .box_title{
    font-size: clamp(18px, calc(21.67 / 360 * 100vw), 24px);
    letter-spacing: -0.54175px;
    padding-bottom: 6px;
}
.sec2_img_box .box_title_box .sub_title{
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: clamp(10px, calc(13.33/360 * 100vw), 14px);
    letter-spacing: -0.1333px;
}
.prize_img_box{}
.prize_img_box .prize_img{
    background-image: url("/static/pringles_worldcup_web/img/index/hotel.webp");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top:56.25%
}
.sec2_img_box .icon_box{
    width: calc( 83.67 /360 *100%);
    position: absolute;
    top: -17.277%;
    right: -6.66%;
}
.sec2_img_box .icon_box .icon_ball{
    background-image: url("/static/pringles_worldcup_web/img/index/ball.webp");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top:89.2857%
}
.prize_count_box{
    position: absolute;
    right: 8px;
    top: 70%;
    width: calc( 67 /360 *100%);
}
.prize_count_box .count_bg{
    background-image: url("/static/pringles_worldcup_web/img/index/hotel_sub.webp");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top:100%;
    position: relative;
    
}
.prize_count_box .winner_box{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
    justify-content: center;
    align-items: center;
}
.prize_count_box .winner_box .week_text{
    font-size: 10px;
    letter-spacing: -0.2px;
    color: #fff;
}
.prize_count_box .winner_box .winner{
    font-size: clamp(10px, calc(14 / 360 * 100vw), 15px);
    letter-spacing: -0.28px;
    color: #fff;
    color: #FFF256;
}
.prize_count_box .winner_box .week_total{
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 10px;
    letter-spacing: -0.2px;
    color: #fff;
}

.schedule_notice{
    padding: 21px 6.38%;
}
.schedule_notice table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    background: #E8F5FD;
    font-size: 14px;
    color: #111;
    text-align: center;
    font-family: 'Pretendard';
    margin-bottom: 10px;
}

.schedule_notice th,
.schedule_notice td {
    padding: 5px 8px;
    border-bottom: 1px solid #D5DADE;
    word-break: keep-all;
    font-size: clamp(10px, calc(11.67/360 *100vw), 12px);
}

.schedule_notice th {
    position: relative;
    background: #1E99DF;
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
}

.schedule_notice th:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 70%;
    background: #fff;
}

.schedule_notice td {
    background: #E8F5FD;
    font-weight: 500;
}

.schedule_notice tr:last-child td {
    border-bottom: 2px solid #D5DADE;
}

.sub_notice{
    display: flex;
    gap: 4.5px;
    align-items: center;
    justify-content: center;
}
.sub_notice .icon_tip{
    width: calc(24.33 / 360 * 100%);
}
.sub_notice .icon_tip .tip{
    background-image: url("/static/pringles_worldcup_web/img/index/tip.webp");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top:110.97410%;
}
.sub_notice .notice_text{
    font-family: 'Pretendard';
    font-size: clamp(10px, calc(11.67 / 360 * 100vw), 13px);
}
.apply_btn_box{
    text-align: center;
    display: flex;
    flex-direction: column;
    gap:14px;
    align-items: center;
}
.apply_btn_box a{
    display: inline-block;
    width: calc(218 / 360 * 100%);
}
.apply_btn_box button{
    font-family: "TTTogether";
    background-color: #E30426;
    width: 100%;
    border: 0;
    border-radius: 56px;
    height: 49px;
    font-size: clamp(20px, calc(26.67 / 360 * 100vw), 28px);
    letter-spacing: -0.66675px;
    color: #fff;
}

.apply_count_box{
    display: flex;
    gap:20px;
    background-color: #fff;
    border-radius: 5.33px;
    padding: 5px 3.6%;
    justify-content: center;
    align-items: center;
}
.apply_count_box .text{
    font-size: clamp(10px, calc(13.33 /360 * 100vw), 15px);
    letter-spacing: -0.33325px;
    position: relative;
}
.apply_count_box .text::after{
    content: "";
    position: absolute;
    top: 50%;
    right: -10px;
    width: 1px;
    transform: translateY(-50%);
    height: 80%;
    background-color: #000;
}
.apply_count_box .count{
    font-size: clamp(13px, calc(18.1 /360 * 100vw), 20px);
    letter-spacing: -0.4525px;
}
.sec2_sub_bg{}
.sec2_sub_bg .sub_bg{
    background-image: url("/static/pringles_worldcup_web/img/index/bg2_sub.webp");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top:66.8055%;
    margin-top: -50px;
}

.section3{}
.section3 .sec3_bg{
    background-image: url("/static/pringles_worldcup_web/img/index/bg2.webp");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    /* height: 0; */
    /* padding-top:250.8333%; */
    margin-top: -30%;
    position: relative;
}

.section3 .sec3_bg .icon_gift_box.type1{
    position: absolute;
    top: 18px;
    left: 40px;
    width: calc(91 / 360 * 100%);
}
.section3 .sec3_bg .icon_gift_box.type1 .icon_gift{
    background-image: url("/static/pringles_worldcup_web/img/index/gift1.webp");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top:69.2307%;
}
.section3 .sec3_bg .icon_gift_box.type2{
    position: absolute;
    top: 107px;
    right: 0;
    width: calc(59.67 / 360 * 100%);
}
.section3 .sec3_bg .icon_gift_box.type2 .icon_gift{
    background-image: url("/static/pringles_worldcup_web/img/index/gift2.webp");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top:159.762%;
}
/* .section3 .sec3_bg .sec3_content{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
} */
.sec3_title_box{
    padding-top: 93px;
    display: flex;
    flex-direction: column;
    gap: 11px;
    align-items: center;
}
.sec3_title_box .title{
    text-align: center;
    font-size: clamp(28px, calc(32.65 / 360 * 100vw), 35px);
    color: #fff;
    text-shadow:
        2px 2px 0 #2e8f1f,
        2px 4px 0 #2e8f1f,
        2px 6px 8px rgba(0,0,0,0.15);
    letter-spacing: -0.81625px;
    line-height: clamp(32px, calc(36.37 / 360 * 100vw), 37px);
}
.sec3_title_box .title span{
    color: #FBF155;
}
.sec3_title_box .sub_text_box{
}
.sec3_title_box .sub_text_box .sub_text{
    display: flex;
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: clamp(10px, calc(13.33/360 * 100vw), 14px);
    letter-spacing: -0.1333px;
    color: #fff;
}
.sec3_title_box .sub_text_box .icon_box{
    /* width: calc(18.67 / 360 * 100%); */
    margin-left: 5px;
    width: 18.67px;
}
.sec3_title_box .sub_text_box .icon_box .icon_fire{
    background-image: url("/static/pringles_worldcup_web/img/index/icon_fire.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top:94.7368%;
}
.sec3_prize_list{
    padding: 29px 7.22%;
}

.section3 .sec3_bg .icon_gift_box.type3{
    position: absolute;
    top: -76px;
    left: -32px;
    width: calc(88.33 / 360 * 100%);
}
.section3 .sec3_bg .icon_gift_box.type3 .icon_gift{
    background-image: url("/static/pringles_worldcup_web/img/index/gift3.webp");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top:132.7683%;
}
.sec3_prize_list .prize_list{
    padding: 16px 5.22%;
}
.sec3_prize_list .prize_list .line{
    width: 100%;
    height: 1px;
    background-color: #b1b1b1;
    margin: 20px 0;
}
.sec3_prize_list .prize_list .prize_item{
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}
.sec3_prize_list .prize_list .prize_item.playstation5 .item_img_box{
    /* width: calc(120.33 / 360 * 100%); */
    flex-basis: 120.33px;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 auto;
}
.sec3_prize_list .prize_list .prize_item.playstation5 .item_img_box .img{
    background-image: url("/static/pringles_worldcup_web/img/index/ps5.webp");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top:102.9045%;
}
.sec3_prize_list .prize_list .prize_item.sneakers .item_img_box{
    flex-basis: 162px;
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: auto;
}
.sec3_prize_list .prize_list .prize_item.sneakers{
    justify-content: flex-end;
    gap: 0;
}
.sec3_prize_list .prize_list .prize_item.sneakers .item_img_box .img{
    background-image: url("/static/pringles_worldcup_web/img/index/shoe.webp");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top:86.41975%;
}
.sec3_prize_list .prize_list .prize_item.snack .item_img_box{
    /* width: calc(128.67 / 360 * 100%); */
    flex-basis: 128.67px;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 auto;
}
.sec3_prize_list .prize_list .prize_item.snack .item_img_box .img{
    background-image: url("/static/pringles_worldcup_web/img/index/cokepringles.webp");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top:106.97674%;
}
.sec3_prize_list .prize_list .prize_item .item_apply_box{
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex-basis: clamp(114px, calc(130/360*100vw), 130px);
    flex-grow: 0;
    flex-shrink: 0;
}
.sec3_prize_list .prize_list .prize_item .item_apply_box .item_name{
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: clamp(10px, calc(11.67 / 360 * 100vw), 12px);
    letter-spacing: -0.5835px;
    text-align: center;
}
.sec3_prize_list .prize_list .prize_item .item_apply_box .item_name .sub{
    font-weight: 500;
    font-size: 10px;
    letter-spacing: -0.5px;
}
.sec3_prize_list .prize_list .prize_item .item_apply_box .apply_btn{}
.sec3_prize_list .prize_list .prize_item .item_apply_box .apply_btn a{}
.sec3_prize_list .prize_list .prize_item .item_apply_box .apply_btn button{
    font-family: "TTTogether";
    background-color: #E30426;
    width: 100%;
    border: 0;
    border-radius: 56px;
    height: 34px;
    font-size: clamp(16px, calc(20 / 360 * 100vw), 22px);
    letter-spacing: -0.5px;
    color: #fff;
}
.sec3_prize_list .prize_list .prize_item .item_apply_box .item_count{
    border: 1px solid #000;
    border-radius: 5.33px;
    padding: 6px;
    display: flex;
    gap: 14.055%;
    justify-content: center;
}
.sec3_prize_list .prize_list .prize_item .item_apply_box .item_count .quantity{
    position: relative;
    font-size: 10px;
    letter-spacing: -0.25px;
}
.sec3_prize_list .prize_list .prize_item .item_apply_box .item_count .quantity::after{
    content: "";
    position: absolute;
    top: 50%;
    right: -22%;
    transform: translateY(-50%);
    width: 1px;
    height: 80%;
    background: #000;
}
.sec3_prize_list .prize_list .prize_item .item_apply_box .item_count .count{
    font-size: 10px;
}

.section4{}
.section4 .sec4_bg{
    background-image: url("/static/pringles_worldcup_web/img/index/sec4_bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    /* margin-top: -30%; */
    position: relative;
}
.section4 .sec4_bg .sec4_contents_box{
    /* position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; */
    padding: 76px 7.22% 60px 7.22%;
}
.sec4_title_box{
    width: calc(157.67 / 360 * 100%);
    margin: 0 auto;
    margin-bottom: 10px;
}
.sec4_title_box .title_ribbon_bg{
    background-image: url("/static/pringles_worldcup_web/img/index/subtitle_back.webp");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top:40.189873%;
    position: relative;
}

.sec4_title_box .title_ribbon_bg .title{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: clamp(18px, calc(21.67 / 360 * 100vw), 23px);
    letter-spacing: -0.54175px;
    color: #fff;
    width: 100%;
    text-align: center;
}
.sec4_bg .ex_code_img_box{
    width: calc(229 / 360 * 100%);
    margin: 0 auto;
    margin-bottom: 32px;
}
.sec4_bg .ex_code_img_box .ex_bg{
    background-image: url("/static/pringles_worldcup_web/img/index/stamp.webp");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top:100%;
    position: relative;
}
.sec4_bg .ex_code_img_box .ex_bg .ex_code_text_box{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}
.sec4_bg .ex_code_img_box .ex_bg .ex_code_text_box .text{
    font-size: clamp(18px, calc(21.67 / 360 * 100vw), 24px);
}
.sec4_bg .ex_code_img_box .ex_bg .ex_code_text_box .text span{
    color: #E40428;
}

.sec4_bg .ex_code_img_box .ex_bg .icon_img{
    position: absolute;
    top: 55%;
    right: -42%;
    width: clamp(118px, calc(119.67 / 360 * 100vw), 135px);
}
.sec4_bg .ex_code_img_box .ex_bg .icon_img .icon{
    background-image: url("/static/pringles_worldcup_web/img/index/icon_reading_glass.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top:105.833%;
}


.event_step_box{
    margin-bottom: 32px;
}
.event_step_list{
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.event_step_list .step_item{
    display: flex;
    border: 2px solid #fff;
    border-radius: 10px;
    gap: 10px;
    background-color: #fff;
}
.event_step_list .step_item .step{
    font-family: 'Pretendard';
    background-color: #46BF2E;
    font-weight: 500;
    color: #fff;
    text-align: center;
    padding: 4px;
    flex-basis: 60px;
    flex-shrink: 0;
    font-size: clamp(10px, calc(13.33 / 360 * 100vw), 14px);
    line-height: 20px;
    border-bottom-left-radius: 9px;
    border-top-left-radius: 9px;
}
.event_step_list .step_item .step span{
    font-size: clamp(20px, calc(29.27 / 360 * 100vw), 30px);
    font-weight: 400;
    font-family: "TTTogether";
}
.event_step_list .step_item .step_contents{
    display: flex;
    align-items: center;
    width: 100%;
}
.event_step_list .step_item .step_contents .step_img_area{
   
}
.event_step_list .step_item .step_contents.pt{
    padding: 9px 0 3px 0;
}
.event_step_list .step_item .step_contents.pa{
    
}
.event_step_list .step_item .step_contents .step_img_box{
    width: clamp(80px, calc(88 / 360 * 100vw),90px);
    margin: 0 auto;
}
.event_step_list .step_item .step_contents.pa .step_img_box{
    width: clamp(80px,calc(88 / 360 * 100vw), 90px);
}
.event_step_list .step_item .step_contents .step_img_box.type2{
    width: clamp(80px,calc(88 / 360 * 100vw), 90px);
}
.event_step_list .step_item .step_contents .step_img_box .step_img{
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top:72.72727%
}
.event_step_list .step_item .step_contents .step_img_box.type2 .step_img{
    padding-top:72.72727%
}
.event_step_list .step_item .step_contents .step_img_box.type3 .step_img{
    padding-top:72.72727%
}
.event_step_list .step_item .step_contents .step_explan{
    flex: 1;
    text-align: center;
}
.event_step_list .step_item .step_contents .step_explan .text{
    font-size: clamp(10px, calc(13.33/360 * 100vw), 14px);
    letter-spacing: -0.2666px;
    margin-bottom: 4px;
}
.event_step_list .step_item .step_contents .step_explan .text span{
    color: #E50C2C;
}
.event_step_list .step_item .step_contents .step_explan a{display: inline-block;}
.event_step_list .step_item .step_contents .step_explan .sub_text{
    font-family: 'Pretendard';
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #E50C2C;
    letter-spacing: -0.7px;
    background-color: #FCF157;
    padding: 2px 3px;
    display: flex;
    align-items: center;
    gap: 3px;
}
.event_step_list .step_item .step_contents .step_explan .sub_text .circle_arrow{
    display: inline-block;
    width: 8px;
    aspect-ratio: 1 / 1;
    border: 0;
    border-radius: 50%;
    background: #f5112f;
    position: relative;
    padding: 0;
    cursor: pointer;
}
.event_step_list .step_item .step_contents .step_explan .sub_text .circle_arrow .arrow_icon{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3px;
    height: 3px;
    border-top: 1px solid #ffe94a;
    border-right: 1px solid #ffe94a;
    transform: translate(-60%, -50%) rotate(45deg);
    box-sizing: border-box;
}
.event_step_list .step_item .step_contents .step_explan .sub_text.black{
    color: #000;
    text-decoration: none;
}


.section4 .event_noti_box ul{
    font-family: 'Pretendard';
    font-weight: 500;
}
.section4 .event_noti_box ul li{
    font-size: 10px; 
    line-height: 14px;
    letter-spacing: -0.8px;
    color: #fff;
}


.bottom_item_box{
    border-radius: 19.33px;
    overflow: hidden;
    background-color: #fff;
    border: 2px solid #fff;
    margin-top: 21px;
}
.bottom_item_box.mar-44{
    margin-bottom: 44px;
}
.bottom_item_box .item_text_box{
    background-color: #45BF2E;
    padding: 20px 5.55%;
    text-align: center;
}
.bottom_item_box .item_text_box .text{
    color: #fff;
    font-size: clamp(18px, calc(21.67 / 360 * 100vw), 24px);
    line-height: 26px;
}

.bottom_item_box .item_text_box .text span{
    color: #FCF157;
}
.bottom_item_box .item_text_box .sub_text{
    font-family: 'Pretendard';
    font-size: clamp(10px,calc(13.33 / 360 * 100vw), 14px);
    color: #fff;
    letter-spacing: -1.33px;
    margin-bottom: 3px;
}

.buy_box{
    background-color: #fff;
    padding: 18px 0 0 0 ;
}
.buy_btn_box{
    padding-top: 18px;
    text-align: center;
}
.buy_btn_box a{
    color: #fff;
    display: inline-block;
    
}
.buy_btn_box button{
    background-color: #E40426;
    border: 0;
    outline: none;
    font-family: 'TTTogether';
    font-size: clamp(16px, 5.283vw, 20px);
    color: #fff;
    border-radius: 100px;
    padding: 9px 22px;
    cursor: pointer;

}
.buy_box .pringles_img{}
.buy_box .pringles_img .img{
    background-image: url("/static/pringles_worldcup_web/img/index/pringles_group.webp");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top: 39.93506%;
}


/* footer */
footer{
    font-family: 'Pretendard';
    background-color: #282828;
    color: #fff;
    padding: 55px 7.22% 96px 7.22%;
}
.footer_area{
    background-color: #fff;
    color: #000;
    padding: 10px 6.944%;
}
.footer_area .footer_title_box{text-align: center; margin-bottom: 12px;}
.footer_area .footer_title_box .text{
    font-size: clamp(10px, calc(11.32 / 360 * 100vw), 12px);
    line-height: 14.77px;
    letter-spacing: -0.2264px;
    font-family: "TTTogether";
}

.kakao_box{margin-bottom: 10px;}
.kakao_box .kakao_box_bg{
    background-color: #FAE301;
    border-radius: 13px;
    padding: 11px 29px;
}
.kakao_box .kakao_box_bg .channel_box{
    display: flex; 
    gap: 11px;
    justify-content: center;
    align-items: center;
    margin-bottom: 6px;
}
.kakao_box .kakao_box_bg .channel_box .icon_box{max-width: 32px;}
.kakao_box .kakao_box_bg .channel_box .qr_box{max-width: 26px;}
.kakao_box .kakao_box_bg .channel_box img{width: 100%;}
.kakao_box .kakao_box_bg .channel_box .channel_text_box{
    
}
.kakao_box .kakao_box_bg .channel_box .channel_text_box .text_bg{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 36px;
    background-color: #fff;
    border-radius: 100px;
    padding: 2px 3px 2px 14px;

}
.kakao_box .kakao_box_bg .channel_box .channel_text_box .text_bg .text{
    font-family: "Pretendard";
    font-weight: 700;
    color: #000;
    font-size: clamp(10px, calc(11.49 / 360 * 100vw), 12px);
    letter-spacing: -0.5745px;
}
.kakao_box .kakao_box_bg .channel_box .channel_text_box .text_bg .plus_icon_box{
    width: 20px;
    height: 20px;
    background-color: #282828;
    border-radius: 100px;
    position: relative;
}
.kakao_box .kakao_box_bg .channel_box .channel_text_box .text_bg .plus_icon_box span{
    width: 2px;
    height: 10px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.kakao_box .kakao_box_bg .channel_box .channel_text_box .text_bg .plus_icon_box span:last-child{
    width: 10px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.kakao_box .kakao_box_bg .channel_order{text-align: center;}
.kakao_box .kakao_box_bg .channel_order .order{
    color: #000;
    font-size: 10px;
    line-height: 14px;
    font-weight: 500;
    letter-spacing: -0.5px;
}
.footer_area .operating_hours{text-align: center;}
.footer_area .operating_hours .text{
    font-family: 'Pretendard';
    font-size: 10px;
    line-height: 14px;
    letter-spacing: -0.8px;
    font-weight: 500;
}
.note_box{border-bottom: 1px solid #383838;}
.note_box .note_list{}
.note_box .note_list .note_item{ margin-bottom: 24px;}
.note_box .note_list .note_item .note_title{
    font-family: "TTTogether";
    font-size: 12px;
    line-height: 12px;
    letter-spacing: -0.4px;
    margin-bottom: 11px;
}
.note_box .note_list .note_item .note{
    font-family: 'Pretendard';
    font-size: 10px;
    line-height: 14px;
    letter-spacing: -0.8px;
}
.note_box .note_list .note_item .note ul li span{
    color: #F7E948;
    text-decoration: underline;
}
.company_info_box{
    font-family: 'Pretendard';
    font-weight: 500;
}
.company_info_box a{color: #fff;}
.company_info_box .info_list{
    font-size: 10px;
    line-height: 14px;
    letter-spacing: -0.8px;
}
.company_info_box .info_list .info_box{
    display: flex;
    gap: 3px;
    align-items: flex-end;
    
}
.company_info_box .info_list .info_item{}
.company_info_box .info_list .info_item.under{ text-decoration: underline;}
.company_info_box .info_list .info_item .info{color: #fff;}
.company_info_box .info_list .info_item button{
    border: 0; 
    background-color: transparent; 
    font-size: 10px; 
    font-family: 'Pretendard'; 
    padding: 0; cursor: pointer;
    text-decoration: underline;
}
.company_info_box .adress{}

footer hr{
    margin: 16px 0;
}


.sub_notice_box{
    background-color: #FCF156;
    padding: 2px;
}
.sub_notice_box .text{
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: clamp(10px, calc(12 / 360 * 100vw) 12px);
    letter-spacing: -0.3px;
}