@charset "UTF-8";


/*********************************************************************************************************/
/************************************************* common ************************************************/
/*********************************************************************************************************/
img {max-width:100%;}
a { outline: none; border: none; }
button { outline: none; border: none; }
button:focus,
button:active { outline: none; box-shadow: none; }

.content.event { padding:0; }
header ~ .content.event { padding: 90px 0 0; }
.evt_wrap * {font-family : 'Noto Sans KR';}
.inner {margin:0 auto; padding:0 15px; max-width:1230px; position: relative; }


/*********************************************************************************************************/
/************************************************* 프로모션 *************************************************/
/*********************************************************************************************************/
.top_btn {position: fixed;left: 50%;transform: translate(665px, 0);bottom: 30px;width: 120px;display: block;aspect-ratio: 1 / 1;background: url('../../image/event/gongbti/top_btn.png') no-repeat 0 0 / contain;z-index: 13;font-size: 0;}
.get_pop {position: fixed;left: 50%;transform: translate(533px, 0); top: 219px;width: 262px;display: block;aspect-ratio: 262 / 137;background: url('../../image/event/gongbti/visual_badge.png') no-repeat 0 0 / contain;z-index: 13; }
.get_pop a { font-size: 0; display: block; height: 100%; }
.get_pop button {font-size: 0; position: absolute;top: 0;right: 0;width: 16%;aspect-ratio: 1 / 1;z-index: 1;}
.dl_box { display: inline-flex; flex-direction: column; gap: 10px; }
.dl_box dl { display: flex; margin: 0; }
.dl_box dl dt { flex-shrink: 0; margin-right: 23px; }
.dl_box dl dt img {  }
.dl_box dl dd {font-size: 48px;font-weight: 500;margin: 0;padding-top: 11px;}


/* visual */
.visual_wrap {position: relative; background: #2d2bf0; padding: 138px 0 110px; }
.visual_wrap .inner { position: relative; text-align: center;}
.visual_wrap .inner .logo_visang {position: absolute;top: -86px;left: 50%;transform: translate(426px, 0);width: 180px;display: block;aspect-ratio: 180 / 73;background: url('../../image/event/gongbti/visual_logo.png') no-repeat 0 0 / contain;}
.visual_wrap .inner .tit { width: 82.5%; }
.visual_wrap .inner .img { margin: 110px 0 0 0; max-width: none; transform: translate(-8%, 0); }
.visual_wrap .inner .txt { margin-top: 70px; width: 75.5%; }
.visual_wrap .inner .visual_btn { width: 800px; display: block; aspect-ratio: 800/120; font-size: 0; background: url('../../image/event/gongbti/visual_btn.png') no-repeat 0 0/contain; margin: 60px auto 0; }


/* tab */
.tab_wrap {height: 135px;margin-top: -18px;z-index: 12;position: relative; }
.tab_wrap.menu1 .tab_box { background: url('../../image/event/gongbti/tab_1.png') no-repeat center 0 / auto 100%; }
.tab_wrap.menu1 .tab_box::before { content: ''; display: block; height: 100%; position: absolute; bottom: 0; left: 0; right: calc(50% + 700px); background: #49eb71; }
.tab_wrap.menu1 .tab_box::after { content: ''; display: block; height: 100%; position: absolute; bottom: 0; right: 0; left: calc(50% + 700px); background: url('../../image/event/gongbti/tab_bg.png') repeat-x 0 0 /auto 100%; }

.tab_wrap.menu2 .tab_box { background: url('../../image/event/gongbti/tab_2.png') no-repeat center 0 / auto 100%; }
.tab_wrap.menu2 .tab_box::before { content: ''; display: block; height: 100%; position: absolute; bottom: 0; right: 0; left: calc(50% + 700px); background: #49eb71; }
.tab_wrap.menu2 .tab_box::after { content: ''; display: block; height: 100%; position: absolute; bottom: 0; left: 0; right: calc(50% + 700px); background: url('../../image/event/gongbti/tab_bg.png') repeat-x 0 0 /auto 100%; }

.tab_wrap .tab_box {height: 150px;display: flex;justify-content: center;position: absolute;top: 0;left: 0;right: 0; }
.tab_wrap .tab_box.fix { position: fixed; }
.tab_wrap .tab_box a { width: 100%; font-size: 0; }


/* period */
.period_wrap { position: relative; background: #dedeeb; padding: 103px 0 77px; }
.period_wrap .inner { position: relative; text-align: center; }
.period_wrap .inner .tit { display: block; margin: 0 auto 64px; width: 60%; }

.period_wrap .inner .txt_box {margin: 67px auto 0;background: #fff;border-radius: 30px;padding: 63px 9px 55px;width: 1060px;}
.period_wrap .inner .txt_box ul {margin: 0;display: flex;flex-direction: column;gap: 11px;}
.period_wrap .inner .txt_box ul li { display: flex; justify-content: center; align-items: flex-start; }
.period_wrap .inner .txt_box ul li img { flex-shrink: 0; margin-right: 6px; }
.period_wrap .inner .txt_box ul li p {font-size: 48px;font-weight: 600;margin: 0;padding-top: 2px;}
.period_wrap .inner .desc { color: #EF4547; font-size: 36px; margin-top: 15px; letter-spacing: -1px; }


/* test */
.test_wrap { position: relative; padding: 107px 0 100px; }
.test_wrap .inner { position: relative; text-align: center; }
.test_wrap .inner .tit {width: 64.8%;}
.test_wrap .inner .img {margin-top: 48px;}
.test_wrap .inner .test_btn {width: 800px;display: block;aspect-ratio: 800 / 120; font-size: 0; background: url('../../image/event/gongbti/test_btn.png') no-repeat 0 0 / contain;margin: 6px auto 0;}


/* share */
.share_wrap { position: relative; background: #2d2bf0; padding: 105px 0 100px; }
.share_wrap .inner { position: relative; text-align: center;}
.share_wrap .inner .tit {width: 80%;}
.share_wrap .inner .img { margin-top: 100px;}
.share_wrap .inner .dl_box { margin-top: 63px;}
.share_wrap .inner .dl_box dl dd { color: #fff;}


/* event */
.event_wrap { position: relative; background: #e2e2ef; padding: 105px 0; }
.event_wrap .inner { position: relative; text-align: center; }
.event_wrap .tit { width: 39.9%; }
.event_wrap .txt { margin-top: 67px; }
.event_wrap .event_btn1 { width: 800px; display: block; aspect-ratio: 800 / 120; font-size: 0; background: url('../../image/event/gongbti/event_btn1.png') no-repeat 0 0 / contain; margin: 58px auto 0; }
.event_wrap .event_btn2 { width: 800px; display: block; aspect-ratio: 800 / 120; font-size: 0; background: url('../../image/event/gongbti/event_btn2.png') no-repeat 0 0 / contain; margin: 16px auto 0; }


/* app */
.app_wrap { position: relative; background: #2d2bf0; padding: 110px 0 100px; }
.app_wrap .inner { position: relative; text-align: center; }
.app_wrap .tit { width: 90%; }
.app_wrap .app_slide { margin-top: 66px; position: relative; }
.app_wrap .app_slide .swiper-wrapper {  }
.app_wrap .app_slide .swiper-wrapper .swiper-slide {  }
.app_wrap .app_slide .swiper-wrapper .swiper-slide img {  }
.app_wrap .app_slide .swiper-pagination { top: 0; bottom: auto; height: 32%; padding: 0 6%; display: flex; gap: 2%; z-index: 1; }
.app_wrap .app_slide .swiper-pagination-bullet { width: 100%; height: 100%; border-radius: 0; opacity: 0; }
.app_wrap .app_slide .swiper-button-prev { width: 48px; aspect-ratio: 48 / 83; background: url('../../image/event/gongbti/app_arrow.png') no-repeat 0 0 / contain; position: absolute; left: 0; top: 63%; right: auto; height: auto; margin: 0; }
.app_wrap .app_slide .swiper-button-next { width: 48px; aspect-ratio: 48 / 83; background: url('../../image/event/gongbti/app_arrow.png') no-repeat 0 0 / contain; position: absolute; right: 0; top: 63%; left: auto; height: auto; margin: 0; transform: scaleX(-1); }
.app_wrap .app_slide .swiper-button-prev::after { display: none; }
.app_wrap .app_slide .swiper-button-next::after { display: none; }


/* down */
.down_wrap {position: relative; background: #dfe0f3; padding: 100px 0 70px;}
.down_wrap .inner {position: relative; text-align: center;}
.down_wrap .txt { width: 70%; }
.down_wrap .btns { display: flex; justify-content: center; margin-top: 9px; }
.down_wrap .btns button { width: 570px; font-size:0; display: block; aspect-ratio: 570 / 220; margin: 0 -1%; }
.down_wrap .btns .down_btn1 { background: url('../../image/event/gongbti/down_btn1.png') no-repeat 0 0 / contain; }
.down_wrap .btns .down_btn2 { background: url('../../image/event/gongbti/down_btn2.png') no-repeat 0 0 / contain; }


/* caution */
.caution_wrap { position: relative; background: #33333f; padding: 90px 0; }
.caution_wrap .inner { position: relative; }
.caution_wrap .tit { width: 28.6%; }
.caution_wrap ul { margin: 24px 0 0 61px; display: flex; flex-direction: column; gap: 8px; }
.caution_wrap ul li { color: #fff; display: flex; }
.caution_wrap ul li .bullet { flex-shrink: 0; font-size: 30px; margin-right: 10px; }
.caution_wrap ul li p { font-size: 30px; line-height: 1.3; }

@media screen and (max-width:1600px){
	.get_pop { left: auto; transform: none; right: 5px;  width: calc(100px + 10vw); top:calc(150px + 6vw));} 
	.top_btn { left: auto; transform: none; right: 15px; width: 75px; }
	.visual_wrap .inner .img { max-width: 100%; transform:none; }
	.visual_wrap .inner .logo_visang { left: auto; right: 14px; transform: none; }
}
@media screen and (max-width:1200px){
	.inner { padding:0 2.5vw; }
	.dl_box { gap:1vw; }
	.dl_box dl dd {	font-size: 4vw; padding-top: 0.7vw; }
	.dl_box dl dt {  margin-right: 2.5vw; }
	.dl_box dl dt img { width: 33.3vw; }

    /* visual */
    .visual_wrap { padding: 13vw 0; }
    .visual_wrap .inner .logo_visang { top: -7vw; width: 15%; right: 1%; }
    .visual_wrap .inner .img { margin: calc(100vw * 110 / 1230) 0 0 0; } 
    .visual_wrap .inner .txt { margin-top: calc(100vw * 70 / 1230); }
    .visual_wrap .inner .visual_btn { width: calc(100vw * 800 / 1230); margin: calc(100vw * 60 / 1230) auto 0; }


    /* tab  */
    .tab_wrap { height: calc(100vw * 135 / 1230); margin-top: calc(100vw * -18 / 1230); }
    .tab_wrap .tab_box { height: calc(100vw * 150 / 1230); }
    .tab_wrap.menu1 .tab_box::before { right: calc(50% + calc(100vw * 700 / 1230)); }
    .tab_wrap.menu1 .tab_box::after { left: calc(50% + calc(100vw * 700 / 1230)); }
    .tab_wrap.menu2 .tab_box::before { left: calc(50% + calc(100vw * 700 / 1230)); }
    .tab_wrap.menu2 .tab_box::after { right: calc(50% + calc(100vw * 700 / 1230)); }

    /* period */
    .period_wrap { padding: calc(100vw * 103 / 1230) 0 calc(100vw * 77 / 1230); }
    .period_wrap .inner .tit { margin: 0 auto calc(100vw * 64 / 1230); }
    .period_wrap .inner .txt_box { margin: calc(100vw * 67 / 1230) auto 0; width: calc(100vw * 1060 / 1230); border-radius: calc(100vw * 30 / 1230); padding: calc(100vw * 63 / 1230) calc(100vw * 9 / 1230) calc(100vw * 55 / 1230); }
	.period_wrap .inner .txt_box ul { gap:1vw; }
	.period_wrap .inner .txt_box ul li img { width: 5vw; }
	.period_wrap .inner .txt_box ul li p { font-size: 4vw; }
    .period_wrap .inner .desc { margin-top: calc(100vw * 15 / 1230); font-size: 3vw; }

    /* test */
    .test_wrap { padding: calc(100vw * 107 / 1230) 0 calc(100vw * 100 / 1230); }
    .test_wrap .inner .img { margin-top: calc(100vw * 48 / 1230); }
    .test_wrap .inner .test_btn { width: calc(100vw * 800 / 1230); }

    /* event */
    .event_wrap { padding: calc(100vw * 105 / 1230) 0; }
    .event_wrap .txt { margin-top: calc(100vw * 67 / 1230); }
    .event_wrap .event_btn1 { width: calc(100vw * 800 / 1230); margin: calc(100vw * 58 / 1230) auto 0; }
    .event_wrap .event_btn2 { width: calc(100vw * 800 / 1230); margin: calc(100vw * 16 / 1230) auto 0; }

    /* share */
    .share_wrap { padding: calc(100vw * 105 / 1230) 0 calc(100vw * 100 / 1230); }
    .share_wrap .inner .img { margin-top: calc(100vw * 100 / 1230); }
    .share_wrap .inner .dl_box { margin-top: calc(100vw * 63 / 1230); }

    /* app */
    .app_wrap { padding: calc(100vw * 110 / 1230) 0 calc(100vw * 100 / 1230); }
    .app_wrap .app_slide { margin-top: calc(100vw * 66 / 1230); padding: 0 5vw; }
    .app_wrap .app_slide .swiper-button-prev { width: 4vw; top: 63%; left: -2%; }
    .app_wrap .app_slide .swiper-button-next { width: 4vw; top: 63%; right: -2%; }

    /* down */
    .down_wrap { padding: calc(100vw * 100 / 1230) 0 calc(100vw * 70 / 1230); }
    .down_wrap .btns { margin-top: calc(100vw * 9 / 1230); }
    .down_wrap .btns button { width: calc(100vw * 570 / 1230); }

    /* caution */
    .caution_wrap { padding: calc(100vw * 90 / 1230) 0; }
    .caution_wrap ul { margin: 1vw 0 0 5vw; gap: calc(100vw * 8 / 1230); }
	.caution_wrap ul li .bullet {font-size: 3vw;margin-right: 1vw;}
	.caution_wrap ul li p {font-size: 3vw;margin-bottom: 0.8vw;}
}

@media screen and (max-width:800px){
	.get_pop { width: calc(100px + 10vw); top: calc(152px + 6vw);} 
}

@media screen and (max-width:480px){
    .top_btn { right: 15px; width: 50px; bottom: 20px; }
}

@media screen and (max-width:360px){
	.get_pop { right: 5px; width: 116px; bottom: 59px; }
	.top_btn { right: 10px; width: 40px; bottom: 15px; }
}



/*********************************************************************************************************/
/************************************************* 테스트 **************************************************/
/*********************************************************************************************************/
header ~ .content.event .kbti_wrap { border-bottom: 1px solid #eee; }
.kbti_main_wrap {padding-bottom: 130px; }
.kbti_main_wrap .bg {background: #2d2bf0 url('../../image/event/gongbti/kbti_main_bg.png') no-repeat center top / auto 100%;height: 674px;}
.kbti_main_wrap .inner {text-align:center;}
.kbti_main_wrap .kbti_main_btn {width: 505px;display: block;aspect-ratio: 546 / 86;font-size: 0;background: url('../../image/event/gongbti/kbti_main_btn.png') no-repeat 0 0 / contain;margin: 15px auto 0;}
.kbti_main_wrap .kbti_main_btn2 {font-size: 28px;color:#888;font-weight: 700;margin-top: 16px;display: inline-block;position: relative;}
.kbti_main_wrap .kbti_main_btn2::after {content:'';position: absolute;bottom: 1px;left: 0;right: 0;height: 1.5px;background: #888;}

.kbti_test_wrap {  }
.kbti_test_wrap .inner {max-width: 640px;padding: 0;}
.kbti_test_wrap .kbti_test_top { padding: 0 20px; min-height: 47px; display: flex; flex-direction: column; justify-content: flex-end;}
.kbti_tit_box { display: flex; align-items: center; padding: 18px 15px; position: relative; }
.kbti_tit_box .prev { width: 30px; display: block; height: 30px; font-size: 0; background: url('../../image/event/gongbti/test_arrow.png') no-repeat left center / 18px auto; }
.kbti_tit_box .tit {margin: 0 auto;font-size: 24px;font-weight: 700;color: #222;position: absolute;top: 50%;left: 0;right: 0;width: fit-content;transform: translate(0, -50%);}
.kbti_test_wrap .kbti_test_top .progress_box { display: flex; align-items: center; }
.kbti_test_wrap .kbti_test_top .progress_box .bar { height: 4px; flex-grow: 1; background: #ccc; border-radius: 2px; overflow: hidden; }
.kbti_test_wrap .kbti_test_top .progress_box .bar span { background: #2D2BF0; height: 100%; display: block; }
.kbti_test_wrap .kbti_test_top .progress_box .num { flex-shrink: 0; font-size: 18px; color: #666; font-weight: 500; margin-left: 33px; line-height: 1; letter-spacing: 1px; }
.kbti_test_wrap .kbti_test_top .progress_box .num b { font-size: 22px; color: #222; }
.kbti_test_btm { padding: 33px 0 188px; }
.kbti_test_btm .img { }
.kbti_test_btm .img .tit {  }
.kbti_test_btm .desc {text-align: center;color: #222;font-size: 20px;font-weight: 500;margin: 46px 0 0;padding: 0 20px;}
.kbti_test_btm .question {text-align: center;color: #222;font-size: 28px;font-weight: 700;margin: 45px 0 0;word-break: keep-all;padding: 0 20px;}
.kbti_test_btm .answer {display: flex;flex-direction: column;gap: 10px;margin-top: 30px;padding: 0 20px;}
.kbti_test_btm .answer a { font-size: 20px; font-weight: 600; height: 70px; text-align: center; border-radius: 35px; display: flex; align-items: center; justify-content: center; word-break: keep-all; padding: 0 30px;}
.kbti_test_btm .answer a:hover { color:inherit; }
.kbti_test_btm .answer a:nth-of-type(1) { background: #2d2bf0; color: #fff; }
.kbti_test_btm .answer a:nth-of-type(2) { background: #ececec; }

.kbti_test_btm .result_box { margin-top: -29px;padding: 40px 20px 52px;}
.kbti_test_btm .result_box .result_tit { text-align: center; }
.kbti_test_btm .result_box .result_tit p { text-align: center; font-size: 24px; font-weight: 500; color: #222; margin: 0 0 2px; }
.kbti_test_btm .result_box .result_tit strong { text-align: center; font-size: 36px; color: #222; font-weight: 700; display: inline-block; position: relative; }
.kbti_test_btm .result_box .result_tit strong::before { content: ''; height: 59%; background: #f6ff00; display: block; left: -4%; right: -4%; bottom: 6%; position: absolute; z-index: -1; }
.kbti_test_btm .result_box .result_img { margin-top: 28px; text-align: center; }
.kbti_test_btm .result_box .result_img img {  }
.kbti_test_btm .result_box .result_txt { margin-top: 36px; text-align: center; font-size: 27px; }
.kbti_test_btm .result_box .result_txt br {  }
.kbti_test_btm .result_box .result_txt b { font-size: inherit; font-weight: 700; }
.kbti_test_btm .result_box .result_desc {margin: 11px 0 0;text-align: center;font-size: 20px;line-height: 1.5;font-weight: 500;}
.kbti_test_btm .result_box .result_desc br {  }
.kbti_test_btm .info_box { background: #e2e2ef; padding: 54px 40px 58px; }
.kbti_test_btm .info_box .top { text-align: center; font-size: 24px; line-height: 1.4; font-weight: 500; margin: 0; }
.kbti_test_btm .info_box .top b {font-size: inherit;}
.kbti_test_btm .info_box .tit {margin: 34px auto 0;display: block;}
.kbti_test_btm .info_box .reccom {margin: 25px 0 0;display: flex;flex-direction: column;gap: 13px;}
.kbti_test_btm .info_box .reccom li {  }
.kbti_test_btm .info_box .reccom li a {background: #fff url('../../image/event/gongbti/test_arrow2.png') no-repeat calc(100% - 30px) center / 16px auto; border-radius: 77px;min-height: 113px;display: flex;align-items: center;padding: 10px 50px 10px 30px;position: relative;}
.kbti_test_btm .info_box .reccom li a.disabled { background: #fff; pointer-events: none; }
.kbti_test_btm .info_box .reccom li a:hover { color: inherit; }
.kbti_test_btm .info_box .reccom li a .num { width: 30px; flex-shrink: 0; }
.kbti_test_btm .info_box .reccom li a strong {font-size: 28px;font-weight: 700;flex-shrink: 0;margin-left: 8px;min-width: 151px;}
.kbti_test_btm .info_box .reccom li a p {font-size: 18px;font-weight: 500; color: #666;margin: 0;word-break: keep-all; line-height: 1.3;}
.kbti_test_btm .btns {gap: 10px;display: flex;justify-content: center;margin-top: 30px;padding: 0 20px; }
.kbti_test_btm .btns a {font-size: 0;width: 260px;aspect-ratio: 260 / 60;}
.kbti_test_btm .btns .btn1 {background: url('../../image/event/gongbti/test_result_btn1.png') no-repeat 0 0 / contain;}
.kbti_test_btm .btns .btn2 {background: url('../../image/event/gongbti/test_result_btn2.png') no-repeat 0 0 / contain;}
.kbti_test_btm .btns .btn3 {background: url('../../image/event/gongbti/test_result_btn3.png') no-repeat 0 0 / contain;}
.kbti_test_btm .btns .btn4 {background: url('../../image/event/gongbti/test_result_btn4.png') no-repeat 0 0 / contain;}

.loading_box { padding: 70px 20px 0;}
.loading_box .vdo { width: 344px; max-width: 100%; margin: 0 auto; border-radius: 30px; overflow: hidden;}
.loading_box .vdo video { width: 100%;}
.loading_box .txt { text-align: center; font-size: 28px; font-weight: 600; margin: 84px 0 0; word-break: keep-all; }
.loading_box .txt br { display: none; }


@media screen and (max-width:844px){
	header ~ .content.event { padding: 127px 0 0; }
}

@media screen and (max-width:650px){
	.kbti_main_wrap {padding-bottom: 12vw;}
	.kbti_main_wrap .bg {height: 103vw;background-size: 295% auto;}
	.kbti_main_wrap .kbti_main_btn {width: 75vw;margin: 3vw auto 0;}
    .kbti_main_wrap .kbti_main_btn2 { font-size: 4.5vw; margin-top: 2vw; }
	.kbti_test_btm .info_box .reccom li a p br { display:none; }
}

@media screen and (max-width:500px){
	.kbti_test_wrap .inner { }
	.kbti_test_wrap .kbti_test_top {padding: 0 10px;}
	.kbti_tit_box .prev {width: 20px;height: 20px;}
	.kbti_tit_box .tit {font-size: 20px;}
	.kbti_test_wrap .kbti_test_top .progress_box .num {font-size: 15px;margin-left: 13px;}
	.kbti_test_wrap .kbti_test_top .progress_box .num b {font-size: 20px;}
	.kbti_test_wrap .kbti_test_btm {padding: 12px 0 63px;}
	.kbti_test_wrap .kbti_test_btm .desc {font-size: 15px;margin: 21px 0 0;}
	.kbti_test_wrap .kbti_test_btm .question {font-size: 20px;margin: 22px 0 0;}
	.kbti_test_wrap .kbti_test_btm .answer {gap: 7px;margin-top: 15px;}
	.kbti_test_wrap .kbti_test_btm .answer a {font-size: 15px;height: 52px; padding: 0 20px;}
	.kbti_test_btm .result_box { margin-top: -13px;	padding: 30px 10px 38px; }
	.kbti_test_btm .result_box .result_tit p { font-size: 20px;	margin: 0 0 -1px; }
	.kbti_test_btm .result_box .result_tit strong { font-size: 28px; color: #222;	}
	.kbti_test_btm .result_box .result_img { margin-top: 20px; }
	.kbti_test_btm .result_box .result_txt { margin-top: 20px; font-size: 21px;	}
	.kbti_test_btm .result_box .result_desc { margin: 11px 0 0;	font-size: 16px; line-height: 1.5; font-weight: 500; padding: 0 36px; }
	.kbti_test_btm .result_box .result_desc br {display: none;}
	.kbti_test_btm .info_box { padding: 40px 20px 35px;	}
	.kbti_test_btm .info_box .top {	font-size: 20px; line-height: 1.4; }
	.kbti_test_btm .info_box .tit {	margin: 20px auto 0; width: 84vw; }
	.kbti_test_btm .info_box .reccom { margin: 25px 0 0; gap: 13px;	}
	.kbti_test_btm .info_box .reccom li a {	background: #fff url('../../image/event/gongbti/test_arrow2.png') no-repeat calc(100% - 23px) center / 12px auto; min-height: 100px; padding: 10px 48px 10px 25px;}
	.kbti_test_btm .info_box .reccom li a .num { width: 25px; }
	.kbti_test_btm .info_box .reccom li a strong { font-size: 22px;	margin-left: 3px; min-width: 116px;	}
	.kbti_test_btm .info_box .reccom li a p { font-size: 15px; line-height: 1.3; }
	.kbti_test_btm .btns { gap: 7px; margin-top: 27px; padding: 0 20px; }
	.kbti_test_btm .btns a { width: 260px; }
}

@media screen and (max-width:480px){
	header ~ .content.event { padding: 103px 0 0; }
}
@media screen and (max-width:360px){
    .kbti_test_btm .info_box .reccom li a {flex-wrap: wrap;padding: 10px 38px 10px 25px;}
	.kbti_test_btm .info_box .reccom li a p {font-size: 14px;margin-top: 5px;line-height: 1.2;}
	.kbti_test_btm .info_box .top br { display:none; }
}

@media screen and (max-width:320px){
	header ~ .content.event { padding: 136px 0 0; }
}