@charset "UTF-8";

/* base */
body.dimmed {position: fixed; inset: 0; overflow-y: hidden;}
body.dimmed::after { content: ""; position: fixed; inset: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); z-index: 50;}
body::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;

    background-image:
      url("https://svn.uniess.co.kr/static/etc/nculture/2026/event/city_and_county_test/images/btn01.png"),
      url("https://svn.uniess.co.kr/static/etc/nculture/2026/event/city_and_county_test/images/btn01_on.png"),
      url("https://svn.uniess.co.kr/static/etc/nculture/2026/event/city_and_county_test/images/btn02.png"),
      url("https://svn.uniess.co.kr/static/etc/nculture/2026/event/city_and_county_test/images/btn02_on.png");
}
* {box-sizing: border-box;}
a:focus-visible,
input:focus,
select:focus,
button:focus {outline: 0;}
button {background: none;}
.container {max-width: 1400px; width: 100%; margin: 0 auto;}
.pc {display: block;}
.mo {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(https://svn.uniess.co.kr/static/etc/nculture/2025/city_and_county/images/city_county_logo.png) 50% 50% no-repeat;}
#header .logo_area h2 {font-weight: 400; font-size: 16px; line-height: 19px; color: #29292C; padding: 8px;}
#header .icon_share {width: 30px; height: 30px; display: flex; justify-content: center; align-items: center;}
#header .icon_share button {background: url(https://svn.uniess.co.kr/static/etc/nculture/2026/event/city_and_county_test/images/icon_share.png) 50% 50% / cover no-repeat; width: 24px; height: 24px;}

/* popup_share */
.popup_share {display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 290px; width: 100%; z-index: 100; border-radius: 8px; overflow: hidden;}
.popup_share.active {display: block;}
.popup_share .popup_title {background: #4A2706; padding: 17px; color: #fff; font-weight: 500; font-size: 16px; line-height: 14px; letter-spacing: -0.025em; display: flex; align-items: center; justify-content: space-between;}
.popup_share .popup_title button {background: url(https://svn.uniess.co.kr/static/etc/nculture/2026/event/city_and_county_test/images/icon_close.png) 50% 50% / cover no-repeat; width: 16px; height: 16px;}
.popup_share .popup_body {background: #fff; padding: 24px 16px;}
.popup_share .popup_body .link_wrap {display: flex; margin: 0 0 24px 0;}
.popup_share .popup_body .link_wrap li {flex: 1; display: flex; justify-content: center;}
.popup_share .popup_body .link_wrap button {font-weight: 400; font-size: 14px; line-height: 140%; letter-spacing: -0.05em; color: #29292C; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;}
.popup_share .popup_body .link_wrap button::before {content: ""; width: 40px; height: 40px;}
.popup_share .popup_body .link_wrap .btn_kakao::before {background: url(https://svn.uniess.co.kr/static/etc/nculture/2026/event/city_and_county_test/images/icon_kakao.png) 50% 50% / cover no-repeat;}
.popup_share .popup_body .link_wrap .btn_twitter::before {background: url(https://svn.uniess.co.kr/static/etc/nculture/2026/event/city_and_county_test/images/icon_x.png) 50% 50% / cover no-repeat;}
.popup_share .popup_body .link_wrap .btn_facebook::before {background: url(https://svn.uniess.co.kr/static/etc/nculture/2026/event/city_and_county_test/images/icon_facebook.png) 50% 50% / cover no-repeat;}
.popup_share .popup_body .url_copy {display: flex;}
.popup_share .popup_body .url_copy input {width: calc(100% - 72px); border: 1px solid #ccc; padding: 9px 15px; max-height: 40px; font-weight: 400; font-size: 14px; line-height: 12px; color: #29292C; letter-spacing: -0.05em;}
.popup_share .popup_body .url_copy button {width: 72px; height: 40px; background: #4A2706; font-size: 14px; line-height: 14px; letter-spacing: -0.05em; color: #FFF}

/* city_and_county_test */
.city_and_county_test {max-width: 1920px; margin: 0 auto; text-align: center;}
.city_and_county_test .main_visual {background: url(https://svn.uniess.co.kr/static/etc/nculture/2026/event/city_and_county_test/images/visual.png) 50% 50% / cover no-repeat; width: 100%; height: 614px;}

/* tab */
.city_and_county_test .tab_list {display: flex; justify-content: center; margin: -80px 0 0 0;}
.city_and_county_test .tab_list button {width: 300px; height: 80px; z-index: 1;}
.city_and_county_test .tab_list button.on {display: block; width: 340px; z-index: 5;}
#tab-1 {background: url(https://svn.uniess.co.kr/static/etc/nculture/2026/event/city_and_county_test/images/btn01.png) 50% 50% / cover no-repeat;}
#tab-1.on {background: url(https://svn.uniess.co.kr/static/etc/nculture/2026/event/city_and_county_test/images/btn01_on.png) 50% 50% / cover no-repeat;}
#tab-2 {background: url(https://svn.uniess.co.kr/static/etc/nculture/2026/event/city_and_county_test/images/btn02.png) 50% 50% / cover no-repeat; margin: 0 0 0 -40px; position: relative; /*pointer-events: none;*/}
#tab-2.on {background: url(https://svn.uniess.co.kr/static/etc/nculture/2026/event/city_and_county_test/images/btn02_on.png) 50% 50% / cover no-repeat;}
#tab-2 span {position: absolute; top: -55px; right: -27px;}

.city_and_county_test .tab_panel {display: none; background: #DDBD85 url(https://svn.uniess.co.kr/static/etc/nculture/2026/event/city_and_county_test/images/bg.png) top center / 100% auto no-repeat;}
.city_and_county_test .tab_panel.on {display: block;}
#tab_panel-2 {padding: 134px 0 100px;}

/* event_box */
.city_and_county_test .event_box .img_bx {position: relative; max-width: 1400px; margin: 0 auto;}
.city_and_county_test .event_box .date p {font-weight: 400; font-size: 18px; line-height: 22px; color: #29292C; letter-spacing: 0.001em;}
.city_and_county_test .event_box .date p:first-child,
.city_and_county_test .event_box .date p:last-child {position: absolute; bottom: 21.58%;}
.city_and_county_test .event_box .date p:first-child {left: 38.6%;}
.city_and_county_test .event_box .date p:last-child {right: 30.3%;}
.city_and_county_test .event_box a {position: absolute; left: 50%; transform: translateX(-50%); bottom: 6.8%; width: 520px; height: 90px;}

/* prize_contents */
.city_and_county_test .prize_contents {max-width: 1000px; margin: 0 auto; background: #FFF; border-radius: 16px; padding: 60px 50px; position: relative;}
.city_and_county_test .prize_contents p {font-weight: 400; font-size: 18px; line-height: 160%; letter-spacing: -0.03em; color: #525252; padding: 0 0 50px 0;}
.city_and_county_test .event_message {position: absolute; top: -34px; left: 50%; transform: translateX(-50%);}
.city_and_county_test .prize_title {font-weight: 700; font-size: 20px; line-height: 29px; letter-spacing: -0.03em; color: #29292C; display: flex; gap: 16px; align-items: center; padding: 0 0 48px 0;}
.city_and_county_test .prize_list:first-of-type {padding: 56px 65px; border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA;}
.city_and_county_test .prize_list:last-of-type {padding: 56px 65px 0;}
.city_and_county_test .prize_list ul {display: grid; grid-template-columns: repeat(6, 1fr); gap: 32px 40px;}
.city_and_county_test .prize_list ul li {font-weight: 400; font-size: 20px; line-height: 150%; color: #29292C;}
.city_and_county_test .prize_list:first-of-type strong::before {content: ""; background: url(https://svn.uniess.co.kr/static/etc/nculture/2026/event/city_and_county_test/images/prize01.png) 50% 50% / cover no-repeat; width: 106px; height: 67px;}
.city_and_county_test .prize_list:last-of-type strong::before {content: ""; background: url(https://svn.uniess.co.kr/static/etc/nculture/2026/event/city_and_county_test/images/prize02.png) 50% 50% / cover no-repeat; width: 106px; height: 87px;}

/* notice */
.city_and_county_test .notice {background: #DDBD85; padding: 60px 0; text-align: left;}
.city_and_county_test .notice strong {font-weight: 700; font-size: 20px; line-height: 130%; letter-spacing: -0.05em; color: #333; display: block; margin: 0 0 16px 0;}
.city_and_county_test .notice ul {font-weight: 300; font-size: 18px; line-height: 120%; letter-spacing: -0.05em; color: #333;}
.city_and_county_test .notice ul li {display: flex; gap: 8px;}
.city_and_county_test .notice ul li + li {margin: 10px 0 0 0;}
.city_and_county_test .notice ul li::before {content: ""; background: #333; width: 3px; height: 3px; margin: 9.5px 0 0 0;}

/* 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(https://svn.uniess.co.kr/static/etc/nculture/2025/city_and_county/images/footer_logo.png) 50% 50% / contain no-repeat;}
#footer .row_top .footer_logo a:last-child {width: 170px; height: 36px; background: url(https://svn.uniess.co.kr/static/etc/nculture/2025/city_and_county/images/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(https://svn.uniess.co.kr/static/etc/nculture/2025/city_and_county/images/icon-footer-instagram.png) 50% 50% / contain no-repeat;} 
#footer .row_top .sns a:nth-child(2) { background: url(https://svn.uniess.co.kr/static/etc/nculture/2025/city_and_county/images/icon-footer-facebook.png) 50% 50% / contain no-repeat;} 
#footer .row_top .sns a:nth-child(3) { background: url(https://svn.uniess.co.kr/static/etc/nculture/2025/city_and_county/images/icon-footer-blog.png) 50% 50% / contain no-repeat;} 
#footer .row_top .sns a:nth-child(4) { background: url(https://svn.uniess.co.kr/static/etc/nculture/2025/city_and_county/images/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 */
    body::before {
    background-image:
      url("https://svn.uniess.co.kr/static/etc/nculture/2026/event/city_and_county_test/images/btn01_m.png"),
      url("https://svn.uniess.co.kr/static/etc/nculture/2026/event/city_and_county_test/images/btn01_on_m.png"),
      url("https://svn.uniess.co.kr/static/etc/nculture/2026/event/city_and_county_test/images/btn02_m.png"),
      url("https://svn.uniess.co.kr/static/etc/nculture/2026/event/city_and_county_test/images/btn02_on_m.png");
    }
    .container {max-width: none; padding: 0 16px;}
    .pc {display: none;}
    .mo {display: block;}
    
    /* header */
    #header {height: 60px;}
    #header .logo_area .logo a {display: block; width: 136px; height: 32px; background: url(https://svn.uniess.co.kr/static/etc/nculture/2025/city_and_county/images/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: 16px; line-height: 19px; padding: 6.5px 0 6.5px 6px;}

    /* city_and_county_test */
    .city_and_county_test .main_visual {background: none; height: auto;}
    .city_and_county_test img {width: 100%;}

    /* tab */
    .city_and_county_test .tab_list {margin: -13.89vw 0 0 0;}
    .city_and_county_test .tab_list button {width: auto; flex: 1 0 47%; height: 13.89vw;}
    .city_and_county_test .tab_list button.on {width: auto; flex: 1 0 53%;}
    #tab-1 {background: url(https://svn.uniess.co.kr/static/etc/nculture/2026/event/city_and_county_test/images/btn01_m.png) 50% 50% / cover no-repeat;}
    #tab-1.on {background: url(https://svn.uniess.co.kr/static/etc/nculture/2026/event/city_and_county_test/images/btn01_on_m.png) 50% 50% / cover no-repeat;}
    #tab-2 {background: url(https://svn.uniess.co.kr/static/etc/nculture/2026/event/city_and_county_test/images/btn02_m.png) 50% 50% / cover no-repeat; margin: 0 0 0 -5.56vw;}
    #tab-2.on {background: url(https://svn.uniess.co.kr/static/etc/nculture/2026/event/city_and_county_test/images/btn02_on_m.png) 50% 50% / cover no-repeat;}
    #tab-2 span {width: 26.94vw; height: 21.67vw; top: -15.28vw; right: 0;}

    .city_and_county_test .tab_panel {background: #DDBD85; padding: 0 5.56vw;}
    #tab_panel-2 {padding: 15.56vw 5.56vw 8.89vw;}

    /* event_box */
    .city_and_county_test .event_box .date {position: absolute; bottom: 17.2%; transform: translateX(-50%); right: 4%; display: flex; flex-direction: column; gap: 2.1vw;}
    .city_and_county_test .event_box .date p {font-size: 3.33vw; line-height: 3.89vw;}
    .city_and_county_test .event_box .date p:first-child,
    .city_and_county_test .event_box .date p:last-child {position: initial;}
    .city_and_county_test .event_box a {width: 77.78vw; height: 16.67vw; bottom: 3.7%;}

    /* prize_contents */
    .city_and_county_test .event_message {top: -5vw;}
    .city_and_county_test .prize_contents {max-width: 100%; padding: 18.33vw 0 11.67vw; border-radius: 2.22vw;}
    .city_and_county_test .prize_contents p {font-size: 3.33vw; padding: 0 2.78vw 6.11vw;}
    .city_and_county_test .prize_title {flex-direction: column; font-size: 3.89vw; line-height: 5.56vw; padding: 0 0 8.89vw 0; gap: 4.44vw;}
    .city_and_county_test .prize_list:first-of-type strong::before {width: 29.44vw; height: 18.61vw;}
    .city_and_county_test .prize_list:last-of-type strong::before {width: 29.44vw; height: 24.17vw;}
    .city_and_county_test .prize_list ul {grid-template-columns: repeat(3, 1fr); gap: 4.44vw 6.67vw;}
    .city_and_county_test .prize_list ul li {font-size: 3.89vw;}
    .city_and_county_test .prize_list:first-of-type {padding: 8.89vw 9.86vw 11.11vw; border: 0; position: relative;}
    .city_and_county_test .prize_list:first-of-type::before {border-top: 0.28vw solid #EAEAEA; top: 0;}
    .city_and_county_test .prize_list:first-of-type::after {border-bottom: 0.28vw solid #EAEAEA; bottom: 0;}
    .city_and_county_test .prize_list:first-of-type::before,
    .city_and_county_test .prize_list:first-of-type::after {content: ""; width: calc(100% - 11.11vw); position: absolute; left: 50%; transform: translateX(-50%);}
    .city_and_county_test .prize_list:last-of-type {padding: 11.11vw 9.86vw 0;}

    /* notice */
    .city_and_county_test .notice {padding: 5.56vw 0;}
    .city_and_county_test .notice .container {padding: 0 1.11vw;}
    .city_and_county_test .notice strong {font-size: 4.44vw; margin: 0 0 2.22vw 0;}
    .city_and_county_test .notice ul {font-size: 3.89vw;}
    .city_and_county_test .notice ul li {gap: 2.22vw;}
    .city_and_county_test .notice ul li::before {width: 0.83vw; min-width: 0.83vw; height: 0.83vw; margin: 1.9vw 0 0 0;}
    .city_and_county_test .notice ul li + li {margin: 2.22vw 0 0 0;}

    /* 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(https://svn.uniess.co.kr/static/etc/nculture/2025/city_and_county/images/footer_logo_m.png) 50% 50% / contain no-repeat;}
    #footer .row_top .footer_logo a:last-child {width: 157px; height: 34px; background: url(https://svn.uniess.co.kr/static/etc/nculture/2025/city_and_county/images/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;}
}