@charset "UTF-8";

* {box-sizing: border-box;}
a:focus-visible, button:focus-visible {outline-offset: 2px;}
.container {max-width: 1400px; width: 100%; margin: 0 auto;}
.pc {display: block;}
.mo {display: none;}
.dimmed {display: none;}

/* header */
#header {height: 90px; display: flex; align-items: center;}
#header .container {display: flex; align-items: center; justify-content: space-between; height: 100%;}
#header .logo_area {display: flex; align-items: center;}
#header .logo_area .logo a {display: block; width: 142px; height: 34px; background: url(../img/common/city_county_logo.png) 50% 50% no-repeat;}
#header .logo_area h2 {font-weight: 400; font-size: 16px; line-height: 19px; padding: 8px; color: #29292C;}
#header .gnb {display: flex; gap: 19px;}
#header .gnb a {font-weight: 500; font-size: 16px; line-height: 23px; letter-spacing: -0.7px; color: #333;}
#header a {background: none;}
#header .mobile_open, 
#header .mobile_menu {display: none;}


/**  문화력 test **/

/* 공통 */  
.hidden { display: none !important; }
main{letter-spacing: 0;}
.screen{padding: 125px 0; background: #FFEDCE url(../img/quiz/bg_quiz.png) center 0 / cover no-repeat; color: #29292C; word-break: keep-all;}
/* .flex{display: flex; align-items: center;} */
.test-inr{background: #fff; border: 1px solid #29292C; max-width: 700px; min-height: 880px; height: auto; padding: 36px 50px 43px;}
.test-box{position: relative; max-width: 740px; margin: 0 auto; text-align: center; background: #DDBD85; border: 1px solid #29292C; padding: 35px 20px;}
.test-box::before, .test-box::after{content: ''; position: absolute; top: -44px; left: 50%; transform: translateX(-50%); display: block; width: 831px; height: 63px; background: url(../img/quiz/img_bar.png) 0 0 / 100% 100% no-repeat;}
.test-box::after{bottom: -44px; top: auto;}

/* 시작화면 */
#screen-start{background: #FFEDCE url(../img/quiz/bg_start.png) center 0 / cover no-repeat; position: relative;}
#screen-start .banner{text-align: center; padding-bottom: 85px; margin: -50px auto 0; max-width: 740px;}
#screen-start .banner strong{font-family: 'tvN Enjoystories', 'Noto Sans KR'; color: #AA3A2D; font-size: 49px;}
#screen-start .banner p{font-size: 18px; line-height: 1.4; color: #3D2D12; position: relative;}
#screen-start .banner p::before, #screen-start .banner p::after{content: ''; display: block; position: absolute; top: 16px; left: 14%; transform: translateX(-50%); tr background-position: 0 0 ; background-size: 100% 100%; background-repeat: no-repeat;}
#screen-start .banner p::before{width: 39px; height: 40px; background-image: url(../img/quiz/banner_giftbox_l.png);}
#screen-start .banner p::after{width: 45px; height: 46px; background-image: url(../img/quiz/banner_giftbox_r.png); top: 10px; left: 87%;}
#screen-start .test-inr{display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0;}
#screen-start .title-img{width: 62.2%; padding-top: 72px;}
#screen-start .title-img + p{font-size: 24px; line-height: 1.5; color: #252525; margin-top: 24px;}
#screen-start .btn-start{display: flex; align-items: center; gap: 12px; justify-content: center; width: 66.2%; margin: 45px auto 0; padding: 23px 0; background: #AA3A2D; box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.2); border-radius: 999px; color: #fff; font-family: 'ChungjuKimSaeng', 'Noto Sans KR'; font-size: 30px;}
#screen-start .btn-start::after{content:''; display: inline-block; width: 14px; height: 22px; background: url(../img/quiz/start_arrow.png) 0 0 / 100% 100% no-repeat; }
#screen-start .tip{display: flex; align-items: center; justify-content: center; width: 100%; height: 90px; margin-top: auto; background: #F3F3F3; color: #6B6B6B; font-size: 17px;}
#screen-start .tip strong{font-family: 'tvN Enjoystories', 'Noto Sans KR'; font-size: 46px; font-weight: 500; color: #AA3A2D; display: inline-block; padding-right: 18px;}
#screen-start .tip em{display: inline-block; font-weight: 700; padding-left: 5px;}

/* 퀴즈 */
.progress-wrap{display: flex; align-items: center; gap: 10px; margin-bottom: 20px;}
.progress-bar { width: 100%; height: 7px; background: #FFEDCE; border-radius: 99px; }
.progress-fill { height: 100%; background: #573828; width: 0%; transition: width 0.3s; border-radius: 99px; }
.step-quiz {color: #4A2706; font-size: 17px;}
.step-quiz .num{font-weight: 700;}

#screen-quiz{}
#screen-quiz h2{font-size: 30px; font-weight: 700; line-height: 1.5;}
#screen-quiz .img-box { width: 100%; height: 338px; margin: 40px 0 32px; position: relative;}
#screen-quiz .img-box img { width: 100%; height: 100%; object-fit: cover; object-position: center;}
#screen-quiz .bogi-area{display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px 24px;}
#screen-quiz .bogi-btn {position: relative; display: block; width: 100%; padding: 15px; cursor: pointer; background: #FFEDCE; color: #4A2706; font-size: 20px; font-weight: 700;}
#screen-quiz .bogi-btn.selected::after {content:''; position: absolute; left: 50%; transform: translateX(-50%); z-index: 10; top: -12px; display: block; width: 177px; height: 80px; background: url(../img/quiz/btn_selected.png) 0 0 / 100% 100% no-repeat;}
#screen-quiz .ref-text { position: absolute; bottom: 0; right: 0; font-size: 13px; background: rgba(74,39,6,0.8); padding: 4px 8px; color: #fff;}
#screen-quiz .next-btn { width: 100%; padding: 26px 0; margin-top: 40px; background: #4A2706; color: white; border-radius: 999px; cursor: pointer; font-size: 24px; line-height: 1.2; font-family: 'ChungjuKimSaeng', 'Noto Sans KR';}
#screen-quiz .next-btn:disabled { background: #4A2706; cursor: not-allowed; }
#screen-quiz .hint-btn { position: absolute; z-index: 20; top:-24px; left: -40px; display: block; align-content: center; padding-bottom: 5px; background: url(../img/quiz/bg_hint.png) 0 0 / 100% 100% no-repeat; width: 110px; height: 108px; font-size: 22px; font-weight: 700; color: #fff; text-decoration: none; }

#screen-balance .top{border-bottom: 1px solid #BEBEBE; padding-bottom: 33px;}
#screen-balance .top strong{font-family: 'tvN Enjoystories', 'Noto Sans KR'; font-size: 50px; color: #AA3A2D; line-height: 1;}
#screen-balance .top h2{font-family: 'ChungjuKimSaeng', 'Noto Sans KR'; font-size: 42px; font-weight: 700; line-height: 1.6; }
#screen-balance .top p{font-size: 18px; line-height: 1.3;}
#screen-balance .bogi-area{display: flex; align-items: center;}
#screen-balance h3{color: #4A2706; font-size: 30px; font-weight: 700; padding: 26px 0 24px; line-height: 1.3;}
#screen-balance .bogi-area {position: relative; gap: 23px; justify-content: center; }
#screen-balance .bogi-area > div{flex: 1;}
#screen-balance .bogi-area p{font-size: 20px; line-height: 1.4; padding: 14px 0;}
#screen-balance .bogi-area span{position: absolute; left: 50%; transform: translateX(-50%); top: 66px; width: 68px; height: 68px; font-family: 'tvN Enjoystories', 'Noto Sans KR'; font-size: 55px; border-radius: 100%; background: #AA3A2D; color: #fff;}
#screen-balance .img-box{height: 200px;}
#screen-balance .img-box img{width: 100%; height: 100%; object-fit: cover; object-position: center;}
#screen-balance .balance-btn {position: relative; display: block; width: 100%; padding: 15px; cursor: pointer; background: #FFEDCE; color: #4A2706; font-size: 20px; font-weight: 700;}
#screen-balance .balance-btn.selected::after {content:''; position: absolute; left: 50%; transform: translateX(-50%); z-index: 10; top: -12px; display: block; width: 177px; height: 80px; background: url(../img/quiz/btn_selected.png) 0 0 / 100% 100% no-repeat;}
#screen-balance .result-btn { width: 100%; padding: 26px 0; margin-top: 40px; background: #4A2706; color: white; border-radius: 999px; cursor: pointer; font-size: 24px; line-height: 1.2; font-family: 'ChungjuKimSaeng', 'Noto Sans KR';}
#screen-balance .result-btn:disabled { background: #4A2706; cursor: not-allowed; }

/* 채점중 */
#screen-loading .test-box{width: 100%;}
#screen-loading .test-inr{background: none; border: none; gap: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
#screen-loading h2{font-family: 'ChungjuKimSaeng', 'Noto Sans KR'; font-size: 48px; color: #4A2706;}
#screen-loading img{width: 136px;}

/* 결과 */
#screen-result{padding-bottom: 201px;}
#screen-result .test-inr{height: auto; padding: 48px 50px 50px;}
#screen-result h2{color: #4A2706; font-family: 'tvN Enjoystories', 'Noto Sans KR'; font-size: 68px; letter-spacing: -0.02em; line-height: 1.4;}
#screen-result .result-area {padding-bottom: 24px;}
#screen-result .result-area h3{display: flex; align-items: center; width: fit-content; margin: 24px auto 0; font-size: 32px; font-weight: 700; line-height: 1.1; box-shadow: inset 0 -8px 0 0 #FFEDCE;}
#screen-result .result-area h3 span{color: #AA3A2D; font-weight: 700; font-size: 32px; padding: 0;}
#screen-result .result-area span{display: block; padding-top: 8px; color: #828282; font-size: 18px; line-height: 1.3;}
#screen-result .result-area p{padding-top: 16px; font-size: 22px; line-height: 1.5;}
#screen-result .result-area p + p{padding-top: 0;}
#screen-result .img-box img{width: 100%;}
#screen-result h4{color: #4A2706; font-size: 20px; font-weight: 700;}
#screen-result .share-area{display: flex; align-items: center; margin-top: 20px; padding-top: 50px; justify-content: center; gap: 40px; border-top: 1px solid #BEBEBE;}
#screen-result .share-area div{display: flex; gap: 24px;}
#screen-result .share-area button{width: 50px; height: 50px; background: none;}
#screen-result .share-area button img{width: 100%; height: 100%;}
#screen-result .btn-area{display: flex; align-items: center; margin-top: 32px; gap: 16px;}
#screen-result .btn-area button{flex: 1; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 25px 0; line-height: 1; color: #FFEDCE; font-weight: 700; font-size: 20px; background: #4A2706; border-radius: 99px;}
#screen-result .btn-area button::before{content: ''; display: block; width: 26px; height: 26px; background: url(../img/result/btn_save.png) 0 0 / 100% 100% no-repeat;}
#screen-result .btn-area .retest-btn::before{background-image: url(../img/result/btn_retest.png);}
#screen-result .more-area{margin-top: 32px;}
#screen-result .more-area p{margin-bottom: 16px; color: #4A2706; font-size: 26px; font-weight: 700;}
#screen-result .more-area a{display: flex; align-items: center; justify-content: center; padding: 20px 0; font-size: 24px; font-weight: 700; color: #fff; gap: 12px; width: 100%; background: #4A2706; border-radius: 99px; line-height: 1;}
#screen-result .more-area a img{width: 120px;}

/* 결과 페이지 이벤트 배너 */
.event-btn {position: absolute; left: 50%; transform: translateX(-50%); bottom: -95px; z-index: 50; width: 164px; height: 158px; color: #fff; background: url(../img/result/bg_ev.png) 0 0 / 100% 100% no-repeat; text-align: center; font-size: 22px; font-weight: 700; line-height: 1.3;}
.event-btn img{margin: 6px auto 0; }


/* 모달(팝업) 스타일 */
.modal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); display: flex; align-items: center; justify-content: center; z-index: 1000; }
.modal-content { background: #fff; width: 95%; max-width: 500px; max-height: 90vh; overflow-y: auto; padding: 20px; border-radius: 8px; position: relative; }
.modal-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #333; padding-bottom: 10px; margin-bottom: 20px; }
.modal-header h2 { margin: 0; font-size: 18px; }
.btn-close { background: none; border: none; font-size: 20px; font-weight: bold; cursor: pointer; }

.form-group { display: flex; align-items: center; margin-bottom: 15px; }
.form-group label { width: 80px; font-weight: bold; font-size: 14px; }
.form-group .input-box { flex: 1; display: flex; align-items: center; gap: 5px; }
.form-control { width: 100%; padding: 8px; border: 1px solid #ccc; box-sizing: border-box; }
.form-control-phone { width: 30%; padding: 8px; border: 1px solid #ccc; text-align: center; }
.static-text { font-weight: bold; color: #6a5acd; }

.terms-box { border: 1px solid #ccc; padding: 10px; height: 100px; overflow-y: scroll; font-size: 12px; margin-bottom: 10px; background: #f9f9f9; }
.radio-group { text-align: right; margin-bottom: 20px; font-size: 14px; }
.radio-group label { margin-left: 15px; cursor: pointer; }
.btn-primary{width: 100%; padding: 15px; background: #6a5acd; color: white; border: none; cursor: pointer; font-size: 16px; margin-top: 20px;}

/* footer */
#footer {background: #333;}
#footer .row_top {padding: 60px 0 25px 0; border-bottom: 1px solid #666; display: flex; justify-content: space-between;}
#footer .row_top .footer_logo {display: flex; gap: 20px; text-indent: -9999px;}
#footer .row_top .footer_logo a:first-child {width: 121px; height: 36px; background: url(../img/common/footer_logo.png) 50% 50% / contain no-repeat;}
#footer .row_top .footer_logo a:last-child {width: 170px; height: 36px; background: url(../img/common/footer_logo_2.png) 50% 50% / contain no-repeat;}
#footer .row_top .sns {display: flex; align-items: center; gap: 8px;}
#footer .row_top .sns a {text-indent: -9999px; width: 40px; height: 40px;}
#footer .row_top .sns a:first-child { background: url(../img/common/icon-footer-instagram.png) 50% 50% / contain no-repeat;} 
#footer .row_top .sns a:nth-child(2) { background: url(../img/common/icon-footer-facebook.png) 50% 50% / contain no-repeat;} 
#footer .row_top .sns a:nth-child(3) { background: url(../img/common/icon-footer-blog.png) 50% 50% / contain no-repeat;} 
#footer .row_top .sns a:nth-child(4) { background: url(../img/common/icon-footer-youtube.png) 50% 50% / contain no-repeat;} 

#footer .row_bottom {padding: 15px 0 76px 0;}
#footer .row_bottom .fnb {font-weight: 400; font-size: 15px; line-height: 18px; letter-spacing: -0.7px; color: #999; margin: 0 0 10px 0;}
#footer .row_bottom .fnb a + a {margin: 0 0 0 30px;}
#footer .row_bottom .copy {font-weight: 400; font-size: 14px; line-height: 17px; letter-spacing: -0.7px; color: #666;}


@media (max-width: 1399px) {
    /* base */
    .container {max-width: none; padding: 0 16px;}
    .pc {display: none;}
    .mo {display: block;}
    .dimmed {background: rgba(0, 0, 0, 0.5); position: fixed; left: 0; top: 0; z-index: 19; width: 100%; height: 100%;}
    
    /* header */
    #header {height: 60px;}
    #header .logo_area .logo a {display: block; width: 136px; height: 32px; background: url(../img/common/city_county_logo_m.png) 50% 50% / contain no-repeat;}
    #header .logo_area .logo a img {width: 100%; object-fit: cover;}
    #header .logo_area h2 {font-size: 14px; line-height: 17px; padding: 7.5px 6px;}
    #header .gnb {display: none;}

    #header .mobile_open {display: block; background: url(../img/common/menu_open.png) 50% 50% / contain no-repeat; width: 25px; height: 19px; text-indent: -9999px;}
    #header .mobile_close {background: url(../img/common/menu_close.png) 50% 50% / contain no-repeat; width: 19px; height: 19px; text-indent: -9999px;}
    #header .mobile_menu {position: fixed; right: 0; top: 0; background: #fff; width: 86%; padding: 24px 24px 32px 24px; z-index: 20; overflow: auto; height: calc(100% - 91px); max-height: 468px;}
    #header .mobile_menu .mobile_header {display: flex; align-items: center; justify-content: space-between; padding: 0 0 30px 0;}
    #header .mobile_menu .mobile_header strong {font-size: 24px; line-height: 35px; color: #000;}
    #header .mobile_menu .mobile_body {padding: 32px 0 0 0; border-top: 2px solid #ddd;}
    #header .mobile_menu .mobile_body a {display: block; font-weight: 700; font-size: 18px; line-height: 18px; letter-spacing: -0.7px; color: #000;}
    #header .mobile_menu .mobile_body a + a {margin: 24px 0 0 0;}

    /* test */
    .mo{display: block;}
    .screen{padding: 29.44vw 0; background: url(../img/quiz/bg_quiz_mo_top.png) 0 0 / 100% 19.44vw no-repeat, url(../img/quiz/bg_quiz_mo_btm.png) 0 bottom / 100% 47.22vw no-repeat, #FFEDCE;}
    .test-box{max-width: 100%; margin: 0 5.56vw; padding: 4.72vw 2.78vw;}
    .test-box::before, .test-box::after{content: ''; position: absolute; top: -5vw; left: 50%; transform: translateX(-50%); display: block; width: calc(100% + 8.89vw); height: 7.22vw; background: url(../img/quiz/img_bar_m.png) 0 0 / 100% 100% no-repeat;}
    .test-box::after{bottom: -5vw; top: auto;}
    .test-inr{height: auto; max-width: 100%; padding: 4.44vw 5.56vw 6.67vw; min-height: auto;}
    .progress-wrap{margin-bottom: 2.22vw;}
    .progress-bar{height: 1.39vw;}
    .step-quiz{font-size: 3.33vw;}

    #screen-start{background: #FFEDCE url(../img/quiz/bg_start_mo_top.png) 0 0 / 100% auto no-repeat;}
    #screen-start .banner{max-width: 100%; margin-top: -8.33vw; padding-bottom: 10.28vw;}
    #screen-start .banner strong{font-size: 7.78vw;}
    #screen-start .banner p{font-size: 3.61vw;}
    #screen-start .banner p::before, #screen-start .banner p::after{top: -8.33vw;}
    #screen-start .banner p::after{top: -9.72vw;}
    #screen-start .title-img{padding-top: 9.17vw; width: 64.2%;}
    #screen-start .title-img + p{font-size: 3.33vw;}
    #screen-start .btn-start{font-size: 3.89vw; padding: 3.33vw 0; gap: 1.94vw; margin-top: 4.44vw; box-shadow: 0 0.56vw 0 rgba(0, 0, 0, 0.2);}
    #screen-start .btn-start::after{width: 2.22vw; height: 3.33vw; }
    #screen-start .tip{font-size: 2.78vw; height: 13.89vw; margin-top: 8.33vw;}
    #screen-start .tip strong{font-size: 6.11vw; padding-right: 0.83vw;}
    #screen-start .bg-btm{position: absolute; bottom: 0; left: 0; width: 100%; height: 47.22vw; background: url(../img/quiz/bg_start_mo_btm.png) 0 bottom / 100% 47.22vw no-repeat;}


    #screen-quiz h2{font-size: 4.44vw;}
    #screen-quiz .img-box{margin: 4.44vw 0; height: 41.67vw;}
    #screen-quiz .hint-btn{width: 16.67vw; height: 16.39vw; padding-bottom: 0.56vw; font-size: 3.61vw; line-height: 1.2; top: -1.94vw; left: -4.17vw;}
    #screen-quiz .ref-text{font-size: 2.78vw; padding: 0.56vw 1.11vw;}
    #screen-quiz .bogi-area{gap: 2.22vw;}
    #screen-quiz .bogi-btn{font-size: 3.33vw; padding: 3.06vw;}
    #screen-quiz .next-btn{font-size: 3.89vw; padding: 3.33vw 0; margin-top: 4.44vw;}
    #screen-quiz .bogi-btn.selected::after{width: 30.83vw; height: 13.89vw; top: -1.39vw;}

    #screen-balance .top{padding-bottom: 4.44vw;}
    #screen-balance .top strong{font-size: 8.33vw;}
    #screen-balance .top h2{font-size: 6.67vw;}
    #screen-balance .top p{font-size: 3.33vw; line-height: 1.5;}
    #screen-balance h3{padding: 4.44vw 0; font-size: 3.89vw;}
    #screen-balance .img-box{height: 24.44vw;}
    #screen-balance .bogi-area{gap: 2.22vw;}
    #screen-balance .bogi-area p{font-size: 3.33vw; padding: 2.22vw;}
    #screen-balance .bogi-area span{width: 10.56vw; height: 10.56vw; font-size: 8.33vw; top: 6.67vw;}
    #screen-balance .balance-btn{font-size: 3.33vw; padding: 3.06vw;}
    #screen-balance .balance-btn.selected::after{width: 30.83vw; height: 13.89vw; top: -1.39vw;}
    #screen-balance .result-btn{padding: 3.33vw 0; margin-top: 4.44vw; font-size: 3.89vw;}

    /* 채점중 */
    #screen-loading .test-box{width: auto; padding: 33.33vw 2.78vw}
    #screen-loading .test-inr{gap: 20vw;}
    #screen-loading h2{font-size: 6.67vw;}
    #screen-loading img{width: 23.89vw;}


    #screen-result h2{font-size: 8.33vw;}
    #screen-result .test-inr{padding: 3.89vw 2.78vw 6.67vw;}
    #screen-result .result-area{padding: 2.78vw 0;}
    #screen-result .result-area h3{font-size: 5vw; margin-top: 4.44vw; box-shadow: inset 0 -1.67vw 0 0 #FFEDCE; letter-spacing: -0.02em;}
    #screen-result .result-area h3 span{font-size: 5vw;}
    #screen-result .result-area span{font-size: 3.89vw; padding-top: 1.67vw;}
    #screen-result .result-area p{line-height: 1.6; font-size: 3.89vw; padding-top: 2.22vw;}
    #screen-result .img-box{height: 36.11vw; margin: 0 2.78vw;}
    #screen-result .img-box img{width: 100%; height: 100%;}
    #screen-result h4{font-size: 3.89vw;}
    #screen-result .share-area{flex-direction: column; margin-top: 1.67vw; padding-top: 4.44vw; gap: 4.44vw;}
    #screen-result .share-area div{gap: 4.44vw;}
    #screen-result .share-area button{width: 11.11vw; height: 11.11vw;}
    #screen-result .btn-area{flex-direction: column; gap: 2.22vw; margin-top: 4.44vw; padding: 0 2.78vw;}
    #screen-result .btn-area button{width: 100%; font-size: 3.89vw; padding: 3.06vw 0; gap: 2.22vw;}
    #screen-result .btn-area button::before{width: 3.89vw; height: 3.89vw;}
    #screen-result .more-area{margin-top: 4.44vw; padding: 0 2.78vw;}
    #screen-result .more-area p{font-size: 3.89vw;}
    #screen-result .more-area a{padding: 2.78vw 0; font-size: 3.89vw;}
    #screen-result{padding-bottom: 29.44vw;}

    .event-btn{position: fixed; bottom: 0; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 18px 0; font-size: 16px; background: #AA3A2D; padding: 19px 0; width: 100%; height: auto;} 
    .event-btn img{margin: 0; width: 22px;}


    /* footer */
    #footer .container {position: relative;}
    #footer .row_top .footer_logo {justify-content: center; gap: 14px;}
    #footer .row_top .footer_logo a:first-child {width: 88px; height: 34px; background: url(../img/common/footer_logo_m.png) 50% 50% / contain no-repeat;}
    #footer .row_top .footer_logo a:last-child {width: 157px; height: 34px; background: url(../img/common/footer_logo_2_m.png) 50% 50% / contain no-repeat;}
    #footer .row_top {flex-direction: column; border-bottom: none; padding: 28px 0 19px 0;}
    #footer .row_top .sns {position: absolute; bottom: 100px; left: 50%; transform: translateX(-50%); justify-content: center; width: 100%;}
    #footer .row_top .sns a {width: 30px; height: 30px;}

    #footer .row_bottom {padding: 0 0 27px 0;}
    #footer .row_bottom .fnb {font-size: 11px; line-height: 13px; letter-spacing: -0.64px; text-align: center; padding: 0 0 80px 0; border-bottom: 1px solid #999; word-break: keep-all;} 
    #footer .row_bottom .fnb a + a {margin: 0 0 0 10px;}
    #footer .row_bottom .copy {font-size: 11px; line-height: 13px; letter-spacing: -0.64px; text-align: center;}


	/* 이벤트 응모 */
	.radio-group {			text-align: left;			margin-bottom: 20px;			font-size: 14px;			display: inline-block;			width: 100%;		}
	.radio-group label {    margin-left: unset;    cursor: pointer;    display: inline-flex;    width: 49%;    height: 13vw;    justify-content: center;    align-items: center;    gap: 10px; }

}

@media (max-width:416px) {
  #footer .row_top .sns {bottom: 110px;}
}