@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

:root {
    --color-white : #fff;
    --color-whitegrey : #f9f9f9;
    --color-middlegrey : #efefef;
    --color-lightgrey : #dedede;
    --color-grey : #cfcfcf;
    --color-darkgrey : #919191;
    --color-lightblack : #333;
    --color-black : #000;
    --color-main : #e17121;
    --color-maindark : #ac4800;
    --color-pink : #ff6767;
    --color-yellow : #ffd842;
    --color-sub : #fc1516;
    --inner_width : 1570px;
    --inner : 1400px;
}

* {margin:0; padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html{width:100%; height:100%}
body{position:relative; font-family: 'Noto Sans KR', 'Verdana', sans-serif; font-size:14px; color:var(--color-black); letter-spacing:-0.03em; height:100%; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; line-height:1;}
body * {font-family: inherit;font-size: inherit;font-weight: inherit;color: inherit;}
ul,ol,li{list-style:none}
input, select, option, textarea, button {padding:0 10px; height:32px; background:var(--color-white); border:1px solid var(--color-lightgrey); font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', sans-serif; letter-spacing:-0.6px; outline: none; border-radius:0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;vertical-align:middle;color: var(--color-black);}
input[type="radio"],input[type="checkbox"] {appearance: none;-webkit-appearance: none;-moz-appearance: none;width: 20px;height: 20px;background-size: contain;border:0; padding:0; height:auto;cursor: pointer;}
input[type="checkbox"] {background: url('/pub/img/common/check_basic.png') no-repeat center center;width: 20px;height: 20px;background-size: 20px;}
input[type="checkbox"]:checked {background-image: url('/pub/img/common/check_active.png');}
input[type="radio"] {background: url('/pub/img/common/radio_basic.png') no-repeat center center;width: 20px;height: 20px;background-size: 20px;}
input[type="radio"]:checked {background-image: url('/pub/img/common/radio_active.png');}
.input_form {height: 50px;border-radius: 5px;}
textarea{padding:10px;}
a, u {text-decoration:none;}
a:hover, a:focus, a:active{text-decoration:none;}
button {border: 0; cursor: pointer;}
button:hover, button:focus, button:active {outline: none;}
::-webkit-input-placeholder {color: var(--color-grey);}
:-moz-placeholder {color: var(--color-grey); opacity:1;}
::-moz-placeholder {color: var(--color-grey); opacity:1;}
:-ms-input-placeholder {color: var(--color-grey);}
:placeholder-shown {color: var(--color-grey);}
select {padding: 0 40px 0 10px;position: relative;cursor: pointer;appearance: none;-webkit-appearance: none;-moz-appearance: none;background: var(--color-white) url('/pub/img/common/select_arrow_down.png') no-repeat right 12px center;background-size: 16px;}
select.open {background-image: url('/pub/img/common/select_arrow_up.png');}
select option {cursor: pointer;}

table{border-collapse:collapse; width:100%;table-layout: fixed;}

.inner_wrap {margin: 0 auto;width: var(--inner_width);}
.inner {margin: 0 auto;width: var(--inner);}
.wrapper {padding-top: 100px;}
header {position: fixed;top: 0;left: 0;width: 100%;z-index: 4;background: var(--color-white);}
header .inner_wrap, footer .inner_wrap {height: 100px;display: flex;justify-content: space-between;align-items: center;}
header .m_cate_nav {padding: 0 5px;width: 40px;height: 40px;display: none;}
header .m_cate_nav img {width: 100%;height: 100%;}
header .m_cate_nav img:nth-of-type(2) {display: none;}
header .m_cate_nav.open img:nth-of-type(1) {display: none;}
header .m_cate_nav.open img:nth-of-type(2) {display: block;height: 20px;width: 20px;}
header .logo img:nth-of-type(2) {display: none;width: 28px;height: 28px;}
.category {display: flex;justify-content: center;align-items: center;gap: 50px;}
.category li {position: relative;font-size: 1.2rem;font-weight: 600;border-bottom: 2px solid var(--color-white);}
.category li > a {padding-bottom: 2px;}
.category > li.active > a, .category > li:hover > a {color: var(--color-main);border-bottom: 2px solid var(--color-main);}
.category li > .sub_category > li:hover > a {color: var(--color-main);}
.category li > .sub_category {padding: 20px;position: absolute;top: 60px;left: 50%;transform: translateX(-50%);z-index: 3;width: calc(100% + 40px);min-width: max-content;display: none;background: var(--color-white);flex-direction: column;justify-content: flex-start;align-items: center;gap: 20px;border-radius: 0 0 20px 20px;}
.category li > .sub_category.on {display: flex;}
header .sns_list {display: flex;justify-content: center;align-items: center;gap: 20px;}
/* a타입 헤더 + c타입 메인쪽 */
.sns_list a {border: 2px solid var(--color-darkgrey);border-radius: 100%;width: 42px;height: 42px;}
.sns_list a img {border-radius: 100%;width: 100%;height: 100%;object-fit: cover;}
.sns_list.nb a {border: 0;}
.category.mobile {overflow: auto;display: none;padding: 80px 24px 80px 16px;position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;z-index: 3;background: var(--color-white);}
.category.mobile.open {display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;gap: 30px;}
.category.mobile li {width: 100%;font-size: 1.1rem;}
.category.mobile li .sub_category {margin-top: 10px;position: static;transform: none;width: 100%;display: none;background: var(--color-whitegrey);border-radius: 0;}
.category.mobile li .sub_category li {margin-bottom: 20px;border-bottom: 0;font-weight: 400;}
.category.mobile li .sub_category li:last-child {margin-bottom: 0;}
.category.mobile li .sub_category li a {padding-bottom: 0;display: block;}
.category.mobile li.active .sub_category {display: block;}

footer {background: var(--color-black);}
footer .inner_wrap {color: var(--color-white);}
footer .inner_wrap > div {display: flex;align-items: center;gap: 15px;}
footer .footer_info {justify-content: left;}
footer .footer_info h3 {font-size: 1.2rem;}
footer .footer_link {justify-content: right;}
footer .footer_link .logo.footer {margin-right: 5px;}
footer .link_area {display: flex;justify-content: right;align-items: baseline;gap: 15px;}

/* 공용디자인 */
.fc_main {color: var(--color-main);}

.width_sml {margin: 0 auto 50px;width: 620px;}
.width_mid {margin: 0 auto 50px;width: 820px;}

.pc {display: block;}
.mo {display: none;}

input.basic_txt {padding: 0;height: inherit;border: 0;color: var(--color-black);background: transparent;}
.standalone_form {width: 100%;height: 50px;border-radius: 5px;}

.form_table {border-top: 1px solid var(--color-darkgrey);}
.form_table th {background: var(--color-whitegrey);font-weight: 600;word-break: keep-all;}
.form_table th > span {margin-left: 4px;color: var(--color-darkgrey);}
.form_table th, .form_table td {padding: 16px 20px;border-bottom: 1px solid var(--color-grey);}
.form_table .form_element label {display: inline-flex;align-items: center;gap: 8px;}
.form_table .form_element input:not([type="checkbox"]):not([type="radio"]), .form_table .form_element select {width: 100%;height: 50px;border-radius: 5px;}
.form_table .form_element input[type="checkbox"], .form_table .form_element input[type="radio"] {width: 18px;height: 18px;background-size: 18px;}
.form_table .form_element.attach label {display: flex;justify-content: space-between;gap: 20px;}
.form_table .form_element.attach label .rectangle_btn {height: 50px;line-height: 48px;min-width: 200px;font-size: 1.15rem;cursor: pointer;}
.form_table .form_element.attach input[type="file"] {display: none;}
.form_table .form_element.column {display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 24px;}
.form_table .form_element.editor_wrap {padding: 16px 0;}
.form_table .form_element.editor_wrap .editor {width: 100%;min-height: 500px;border: 1px solid var(--color-whitegrey);}
.form_table .form_element .check_select {display: flex;justify-content: center;align-items: center;gap: 24px;}
.form_table .form_element .check_select .check_area {min-width: 80px;}
.form_table.left th, .form_table.left td {text-align: left;}
.form_table.left .form_element.column {align-items: flex-start;}

.form_table .table_tr {display: flex;justify-content: left;align-items: stretch;}
.form_table .table_th, .form_table .table_td {padding: 16px 20px;border-bottom: 1px solid var(--color-grey);}
.form_table .table_th {width: 15%;display: flex;justify-content: center;align-items: center;background: var(--color-whitegrey);font-weight: 600;word-break: keep-all;}
.form_table .table_th > span {margin-left: 4px;color: var(--color-darkgrey);}
.form_table .table_td {width: 85%;}
/* .form_table > div:last-of-type {border-bottom: 1px solid var(--color-grey);} */
/* .form_table > div:last-of-type > .table_tr:nth-of-type(n+1) > * {border-bottom: 0;} */
/* .form_table > div:last-of-type > .table_tr:nth-of-type(n+3) > * {border-bottom: 0;} */

.form_table .tr_half {display: flex;justify-content: left;align-items: flex-start;}
.form_table .tr_half > .table_tr {width: 50%;}
.form_table .tr_half .table_th {width: 30%;text-align: center;}
.form_table .tr_half .table_td {width: 70%;}
.form_table .tr_half.dynamic {display: grid;grid-template-columns: repeat(2, 1fr);border-bottom: 1px solid var(--color-grey);}
/* .form_table .tr_half.dynamic > div {border-bottom: 1px solid var(--color-grey);} */
/* .form_table .tr_half.dynamic .table_th, .form_table .tr_half.dynamic .tabe_td {border: 0;} */
.form_table .tr_half.dynamic.two-or-less .table_tr > * {border-bottom: 0;}
.tr_half.dynamic.three-or-more .table_tr:nth-of-type(n+3) > * {border-bottom: 0;}
.form_table .tr_half.dynamic .table_tr {width: 100%;}
.form_table .tr_half.dynamic .table_tr.empty {border-top: 1px solid var(--color-grey);visibility: hidden;}
.form_table.left .table_th, .form_table.left .table_td {text-align: left;}

.btn_area {display: flex;justify-content: center;align-items: center;gap: 20px;}
/* .btn_area.btm {text-align: center;} */
.btn_area.right {margin-top: 30px;justify-content: right;}
.btn_area.between {justify-content: space-between;}
.btn_area.between .space {display: flex;justify-content: left;align-items: center;gap: 20px;}
.btn_area a {display: inline-block;}
.btn_area a > img {margin-right: 10px;vertical-align: middle;}
/* .btn_area.multi {display: flex;justify-content: center;align-items: center;gap: 20px;} */
.rectangle_btn {padding: 0 36px;height: 50px;line-height: 48px;border-radius: 10px;font-size: 1.4rem;font-weight: 600;text-align: center;}
.rectangle_btn.grey {background: var(--color-darkgrey);color: var(--color-white);}
.rectangle_btn.main {background: var(--color-main);color: var(--color-white);}
.rectangle_btn.sub {background: var(--color-sub);color: var(--color-white);}
.page_btn {min-width: 200px;height: 60px;line-height: 58px;}

/* 팝업 */
.popup_wrap {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);}
.popup_wrap .popup_box {padding: 20px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);min-width: 360px;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 15px;background: var(--color-white);}
.popup_wrap .popup_box > * {width: 100%;}
.popup_wrap .popup_box .popup_title {position: relative;font-size: 1.15rem;text-align: center;font-weight: 600;}
.popup_wrap .popup_box .popup_title .close_btn {position: absolute;right: -10px;top: 50%;transform: translateY(-50%);}
.popup_wrap .popup_box .popup_content {font-size: 15px;}
.popup_wrap .popup_box .standalone_form {height: 40px;}
.popup_wrap .btn_area .rectangle_btn {height: 30px;line-height: 28px;font-size: 15px;}

#POP.popup_wrap {z-index: 5;}
.popup_wrap .popup_box {max-width: 360px;}
#POP.popup_wrap .swiper-container.img_wrap {overflow: hidden;}
#POP.popup_wrap .swiper-slide {width: 100% !important;aspect-ratio: 1 / 1.2;}
#POP.popup_wrap .swiper-slide a {display: flex;justify-content: center;align-items: center;}
#POP.popup_wrap .swiper-slide img {width: 100%;height: 100%;object-fit: contain;}
#POP.popup_wrap .bottom_wrap {margin-top: 20px;display: flex;justify-content: space-between;align-items: center;}
#POP.popup_wrap .bottom_wrap > * {width: 50%;}
#POP.popup_wrap .bottom_wrap .form_element {display: flex;justify-content: left;align-items: center;gap: 10px;}
#POP.popup_wrap .bottom_wrap .controls {position: relative;display: flex;justify-content: flex-end;gap: 15px;height: 30px;align-items: center;}
#POP.popup_wrap .bottom_wrap .controls .swiper-pagination {width: auto;min-width: 50px;position: static;color: var(--color-darkgrey);}
#POP.popup_wrap .bottom_wrap .controls .swiper-pagination-current {color: var(--color-black);}
#POP.popup_wrap .bottom_wrap .swiper-pagination-lock, #POP.popup_wrap .bottom_wrap .swiper-button-lock {display: block;}
#POP.popup_wrap .bottom_wrap .swiper-button-prev, #POP.popup_wrap .bottom_wrap .swiper-button-next {margin: 0;position: static;width: auto;height: auto;}
#POP.popup_wrap .bottom_wrap .swiper-button-prev:after, #POP.popup_wrap .bottom_wrap .swiper-button-next:after {display: block;font-size: 16px;color: var(--color-darkgrey);}
#POP.popup_wrap .btn_close {width: 70px;height: 30px;position: absolute;top: 10px;right: 10px;background: var(--color-white);border-radius: 15px;text-align: left;padding: 0 10px;line-height: 28px;z-index: 6;}
#POP.popup_wrap .btn_close::before {content: "";width: 2px;height: 14px;background-color: var(--color-black);position: absolute;top: 10px;right: 14px;border-radius: 2px;transform: rotate(45deg);
}
#POP.popup_wrap .btn_close::after {content: "";width: 14px;height: 2px;background-color: var(--color-black);position: absolute;top: 16px;right: 8px;border-radius: 2px;transform: rotate(45deg);
}

/* 알림창 */
.dialog_wrap {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);}
.dialog_wrap .dialog_box {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);min-width: 360px;display: flex;flex-direction: column;justify-content: center;align-items: center;background: var(--color-white);}
.dialog_wrap .dialog_box > * {width: 100%;}
.dialog_wrap .dialog_box .dialog_title {padding: 0 12px;position: relative;height: 30px;line-height: 30px;background: var(--color-darkgrey);color: var(--color-white);font-size: 1.15rem;font-weight: 600;}
.dialog_wrap .dialog_box .dialog_content {padding: 12px;display: flex;justify-content: left;align-items: center;gap: 24px;font-size: 15px;}
.dialog_wrap .btn_area {margin-top: 0;padding: 12px;}
.dialog_wrap .btn_area .rectangle_btn {height: 30px;line-height: 28px;font-size: 15px;}

/* 레이어 */
.layer_wrap {position: fixed;top: 0;left: 0;z-index: 4;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);}
.layer_wrap .layer_box {padding: 20px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 40%;height: 95%;display: flex;flex-direction: column;justify-content: space-between;align-items: center;gap: 15px;background: var(--color-white);}
.layer_wrap .layer_box > * {width: 100%;}
.layer_wrap .layer_box .layer_title {position: relative;font-size: 1.15rem;text-align: center;font-weight: 600;}
.layer_wrap .layer_box .layer_title .close_btn {position: absolute;right: -10px;top: 50%;transform: translateY(-50%);}
.layer_wrap .layer_box .layer_content {height: calc(100% - 30px);font-size: 15px;}
.layer_wrap .btn_area .rectangle_btn {height: 30px;line-height: 28px;font-size: 15px;}

.award_wrap .layer_box {width: 585px;gap: 0;}
.award_wrap .award {margin: 0 auto;position: relative;width: 100%;height: 100%;}
.award_wrap .award .award_bg_img {width: 100%;height: 100%;object-fit: contain;}
.award_wrap .award .award_seal_img {width: 50px;height: 50px;object-fit: contain;}
.award_wrap .award b {font-weight: 600;}
.award_wrap .award .award_infos {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 90%;height: 77%;max-width: 390px;display: flex;flex-direction: column;justify-content: space-between;align-items: center;text-align: center;}
.award_wrap .award .top {display: flex;flex-direction: column;justify-content: left;align-items: flex-start;gap: 30px;width: 100%;font-size: 1.1rem;font-weight: 600;}
.award_wrap .award .top .award_title {font-size: 2.5rem;}
.award_wrap .award .info_name {font-size: 1.4rem;}
.award_wrap .award .info_name span {margin-left: 1.2rem;}
.award_wrap .award .info_awardbox {text-align: left;font-size: 1rem;letter-spacing: -1.5px;}
.award_wrap .award .info_awardbox li {margin-top: 1.2rem;display: flex;justify-content: left;align-items: flex-start;gap: 20px;}
.award_wrap .award .info_awardbox li:first-child {margin-top: 0;}
.award_wrap .award .info_awardbox li b {min-width: 60px;}
.award_wrap .award .btm {font-size: 1.2rem;}
.award_wrap .award .btm .info_date {margin-bottom: 10px;}
.award_wrap .award .btm .award_host {display: flex;justify-content: center;align-items: center;font-size: 1.5rem;}
.award_wrap .award .btm .award_host img {width: 50px;height: auto;}
/* 참가확인증 */
.award.entry .info_awardbox {width: 100%;}
.award.entry .mid {display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;gap: 20px;text-align: left;font-size: 0.8rem;line-height: 1.3rem;word-break: keep-all;}
/* 수상확인증 */
.award.certificate .top {gap: 0;}
.award.certificate .top img {height: 30px;width: auto;}
.award.certificate .top div {width: 100%;text-align: center;}
.award.certificate .top .award_title {margin: 20px 0 40px;}
.award.certificate .mid {padding-bottom: 2.5rem;width: 90%;font-size: 1.2rem;line-height: 2rem;border-bottom: 1px solid var(--color-black);}

/* 스크롤바 커스텀 */
.scrol_cus {overflow: auto;scrollbar-width: thin;}
.scrol_cus::-webkit-scrollbar {width: 5px; /* 세로 스크롤 */height: 5px; /* 가로 스크롤 */}
.scrol_cus::-webkit-scrollbar-track {background: var(--color-lightgrey); /* 스크롤 트랙 (배경) */margin: 0; /* 위/아래 여백 제거 */}
.scrol_cus::-webkit-scrollbar-thumb {background: var(--color-main); /* 스크롤 손잡이 */border-radius: 2.5px;}
.scrol_cus::-webkit-scrollbar-button:single-button {display: none;width: 0;height: 0;}
/* Firefox */
.scrol_cus {scrollbar-width: thin; /* auto, thin, none */scrollbar-color: var(--color-main) var(--color-lightgrey); /* thumb, track */}

.dn {display: none !important;}
.mb0 {margin-bottom: 0 !important;}
.pt0 {padding-top: 0 !important;}

/* 메인 */
main .visualSwiper {margin: 0;padding: 0;font-size: 0;border: 0;}
main .visualSwiper .swiper-wrapper {margin: 0;padding: 0;font-size: 0;border: 0;box-sizing: border-box;gap: 0;}
main .visualSwiper .swiper-slide {margin: 0;padding: 0;font-size: 0;border: 0;}
main .visualSwiper .swiper-slide a {width: 100%;height: 100%;}
main .visualSwiper .swiper-slide img {width: 100%;height: 100%;object-fit: fill;display: block;}
main .visualSwiper .swiper-pagination {width: 82%;left: 9%;bottom: 20%;max-width: var(--inner_width);display: flex;justify-content: left;align-items: center;gap: 20px;text-align: left;}
main .visualSwiper .swiper-pagination .swiper-pagination-bullet {margin: 0;width: 10px;height: 10px;background: var(--color-white);opacity: 1;}
main .visualSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {position: relative;width: 20px;height: 20px;background: transparent;border: 2px solid var(--color-main);}
main .visualSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 10px;height: 10px;border-radius: 100%;background: var(--color-main);}
main .info_wrap {margin: 50px 0;}
main .info_wrap .inner_wrap {display: flex;justify-content: space-between;align-items: center;gap: 120px;}
main .info_wrap .info_list_wrap {width: 40%;display: flex;justify-content: left;align-items: center;gap: 50px;}
main .info_wrap .info_list {width: 50%;}
main .info_wrap .info_list li {padding: 20px 0;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid var(--color-lightgrey);}
main .info_wrap .info_list li.list_title {padding-bottom: 20px;border-bottom: 2px solid var(--color-main);font-size: 1.9rem;font-weight: 600;}
main .info_wrap .info_list li .list_sub_title {width: 90px;font-size: 16px;font-weight: 600;}
main .info_wrap .info_list li .list_substance {height: 18px;}
main .info_wrap .info_list li .list_substance .basic_txt {max-width: 170px;text-align: right;}
main .info_wrap .info_list li .list_substance.btn {padding: 2px 10px;background: var(--color-main);color: var(--color-white);}
main .info_wrap .info_banner_wrap {width: 60%;display: flex;justify-content: center;align-items: center;gap: 30px;}
main .info_wrap .info_banner {width: calc(100% / 3);}
main .info_wrap .info_banner img {width: 100%;height: 100%;object-fit: cover;}

/* 두번째 메인+헤더/풋터 */
header.ver2 {box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 8px;}
header.ver2 .category {height: 100%;gap: 0;}
header.ver2 .category > li {padding: 0 30px;height: 100%;display: flex;justify-content: center;align-items: center;}
header.ver2 .category > li > a {border-bottom: 0px;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 8px;}
header.ver2 .category > li.active {background: var(--color-middlegrey);}
header.ver2 .category > li.active > a, header.ver2 .category > li:hover > a {border-bottom: 0 !important;}
header.ver2 .category li > .sub_category {padding: 0 20px;height: 60px;line-height: 60px;flex-direction: row;justify-content: left;align-items: center;border-radius: 0;background: var(--color-middlegrey);top: auto;bottom: -62px;width: auto;gap: 40px;z-index: 4;}
header.ver2 .category li > .sub_category li {border-bottom: 0;}
header.ver2 .header_bg {position: absolute;left: 0;bottom: -60px;width: 100vw;height: 60px;background: var(--color-middlegrey);display: none;z-index: 3;box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;}
.category.mobile.ver2 {background: var(--color-middlegrey);}
.category.mobile.ver2 li {border-bottom: 0;}
.category.mobile.ver2 li .sub_category {display: none;}
.category.mobile.ver2 li.active .sub_category {display: block;}
.category.mobile.ver2 li .sub_category li {font-weight: 400;font-size: 1.1rem;}
footer.ver2 .inner_wrap > div {gap: 80px;font-weight: 300;}
footer.ver2 .footer_infotit {margin-bottom: 12px;display: flex;justify-content: left;align-items: center;gap: 12px;font-weight: 500;}
footer.ver2 .footer_infotit p {font-weight: 300;}
footer.ver2 .contact_info {display: flex;justify-content: left;align-items: center;gap: 16px;}
footer.ver2 input.basic_txt {color: var(--color-white);}
footer.ver2 input:not([type="email"]).basic_txt {width: 80px;}
footer.ver2 .footer_link {flex-direction: column;gap: 15px !important;}
/* footer.ver2 .link_area {display: none;} */
main.ver2 .visualSwiper {height: calc(100vh - 260px);}
main.ver2 .visualSwiper .swiper-slide {background: var(--color-grey);}
/* main.ver2 .visualSwiper .swiper-slide {aspect-ratio: 3 / 1;} */
/* main.ver2 .visualSwiper .swiper-slide img {object-fit: cover;} */
main.ver2 .visualSwiper .swiper-pagination {max-width: none;width: auto;left: auto;right: 31%;}
main.ver2 .visualSwiper .swiper-pagination .swiper-pagination-bullet {background: var(--color-main);border-radius: 0;}
/* main.ver2 .visualSwiper .swiper-pagination .swiper-pagination-bullet:first-child {margin-left: 32vw;} */
main.ver2 .visualSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {border-radius: 0;border: 2px solid var(--color-white);background: transparent;}
main.ver2 .visualSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {border-radius: 0;background: var(--color-white);}
main.ver2 .info_wrap {margin: 0;background: var(--color-main);color: var(--color-white);}
main.ver2 .info_wrap .inner_wrap {height: 60px;gap: 0;}
main.ver2 .info_wrap .info_list_wrap {width: 60%;height: 100%;}
main.ver2 .info_wrap .info_list {width: 100%;height: 100%;display: flex;justify-content: left;align-items: center;gap: 40px;}
main.ver2 .info_wrap .info_list li {padding: 0;border-bottom: 0;}
main.ver2 .info_wrap .info_list li .list_sub_title {width: 60px;}
main.ver2 .info_wrap .info_list li .list_substance {height: auto;}
main.ver2 .info_wrap .info_banner_wrap {width: 40%;height: 100%;gap: 0;justify-content: right;}
main.ver2 .info_wrap .info_banner {width: auto;height: 100%;display: flex;justify-content: center;align-items: center;gap: 10px;}
main.ver2 .info_wrap .info_banner:hover {background: var(--color-maindark);}
/* main.ver2 .info_wrap .info_banner img {width: 28px;height: 28px;} */

/* 세번째 메인+헤더/풋터 */
.wrapper.ver3 {padding-top: 0;}
header.ver3 {width: 200px;height: 100vh;}
header.ver3 .inner_wrap {padding: 50px 20px;width: auto;flex-direction: column;height: 100%;justify-content: flex-start;}
header.ver3 .inner_wrap .logo, header.ver3 .inner_wrap .logo img {width: 100%;}
header.ver3 .inner_wrap .category {margin: 80px 0 0 40px;width: 100%;flex-direction: column;gap: 30px;align-items: flex-start;}
header.ver3 .inner_wrap .category li > .sub_category {padding: 20px 0 0 0;position: static;transform: none;width: 100%;gap: 10px;}
header.ver3 .inner_wrap .category li > .sub_category li {width: 100%;font-size: 1.1rem;font-weight: 400;color: var(--color-darkgrey);}
.category.mobile.ver3 li > .sub_category {padding: 10px 0 0 0;background: transparent;display: block;}
.category.mobile.ver3 li > .sub_category li {width: 100%;font-size: 1.1rem;font-weight: 400;color: var(--color-darkgrey);}
footer.ver3 {padding: 0 40px;background: var(--color-lightblack);}
footer.ver3 .inner_wrap {width: auto;gap: 0;}
footer.ver3 .inner_wrap > div {font-weight: 300;}
footer.ver3 .info_wrap {margin: 0;}
footer.ver3 .footer_infotit {margin-bottom: 12px;display: flex;justify-content: left;align-items: center;gap: 12px;font-weight: 500;}
footer.ver3 .footer_infotit p {font-weight: 300;}
footer.ver3 .footer_link {flex-direction: column;}
/* footer.ver3 .link_area {display: none;} */
main.ver3 {margin-left: 200px;width: calc(100vw - 200px);height: 100vh;display: flex;justify-content: left;align-items: stretch;}
main.ver3 .visualSwiper {width: 40%;}
main.ver3 .visualSwiper .swiper-slide {aspect-ratio: auto;background: var(--color-grey);}
main.ver3 .visualSwiper .swiper-pagination {justify-content: right;bottom: 40px;}
main.ver3 .visualSwiper .swiper-pagination .swiper-pagination-bullet {background: var(--color-darkgrey);border-radius: 0;}
main.ver3 .visualSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {border-radius: 0;border: 2px solid var(--color-white);background: transparent;}
main.ver3 .visualSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {border-radius: 0;background: var(--color-white);}
main.ver3 > .info_wrap {margin: 0;width: 60%;}
main.ver3 > .info_wrap > .inner_wrap {width: auto;height: calc(100% - 100px);flex-direction: column;justify-content: flex-start;justify-content: center;gap: 0;}
main.ver3 > .info_wrap > .inner_wrap > div {padding: 45px;width: 100%;height: 50%;gap: 40px;}
main.ver3 .info_wrap .info_banner_wrap {background: var(--color-middlegrey);}
main.ver3 .info_wrap .info_list_sns_wrap {display: flex;justify-content: space-between;align-items: center;gap: 40px;}
main.ver3 .info_wrap .info_list_wrap {width: 100%;gap: 40px;}
main.ver3 .info_wrap .info_list {width: 45%;background: var(--color-middlegrey);border-radius: 10px}
main.ver3 .info_wrap .info_list li.list_title {margin: 40px 0 40px;padding: 4px 4px 4px 40px;border-bottom: 0;background: var(--color-main);border-radius: 0 20px 20px 0;width: 60%;color: var(--color-white);font-size: 1.5rem;font-weight: 500;}
main.ver3 .info_wrap .info_list li {margin: 0 40px 20px 40px;padding: 0;justify-content: left;gap: 20px;border-bottom: 0;}
main.ver3 .info_wrap .info_list li:last-child {margin-bottom: 40px;}
main.ver3 .info_wrap .info_list li .list_sub_title {width: auto;min-width: 60px;}
main.ver3 .info_wrap .info_list li .list_substance .basic_txt {text-align: left;}
main.ver3 .info_wrap .sns_list {display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 20px;}

/* 서브페이지 */
.sub_header {}
/* .sub_header .sub_visual {width: 100%;height: 300px;display: block;background: var(--color-whitegrey);} */
.sub_header .sub_visual {width: 100%;max-height: 300px;height: auto;display: block;background: var(--color-whitegrey);}
.sub_header .sub_visual img {width: 100%;height: 100%;object-fit: fill;}
.sub_header .inner_wrap .deps {margin: 30px 0;font-size: 1.2rem;font-weight: 600;color: var(--color-darkgrey);}
.sub_header .inner_wrap .deps .home {margin-right: 10px;color: var(--color-black);}

.container {margin: 50px 0;}
.container .page_title {margin: 50px 0;text-align: center;font-size: 4rem;color: var(--color-darkgrey);font-weight: 600;}
.container .page_sub_title {text-align: center;font-size: 1.9rem;color: var(--color-black);}
.container .page_sub_title b {margin-bottom: 20px;display: block;font-size: 2.8rem;font-weight: 600;}
.container .page_sub_title.step_wrap {margin: 0 auto;width: 1000px;display: flex;justify-content: center;align-items: center;}
.container .page_sub_title.step_wrap .step_area {width: calc(100% / 3); display: flex;flex-direction: column;justify-content: flex-start;align-items: center;gap: 20px;}
.container .page_sub_title.step_wrap .step_area .step {position: relative;width: 100%;height: 55px;}
.container .page_sub_title.step_wrap .step_area .step::before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;height: 4px;background: var(--color-grey);border-radius: 2.5px;}
.container .page_sub_title.step_wrap .step_area .step .circle {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 55px;height: 55px;border: 4px solid var(--color-grey);border-radius: 100%;background: var(--color-white);}
.container .page_sub_title.step_wrap .step_area .step_txt {font-size: 1.4rem;color: var(--color-grey);}
.container .page_sub_title.step_wrap .step_area.active .step .circle::after {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 25px;height: 25px;border-radius: 100%;background: var(--color-darkgrey);}
.container .page_sub_title.step_wrap .step_area.active .step_txt {color: var(--color-black);font-weight: 600;}
.container .page_sub_title.tab_title {display: flex;justify-content: center;align-items: center;}
.container .page_sub_title.tab_title button {font-size: 1.4rem;color: var(--color-darkgrey);}
.container .page_sub_title.tab_title button.active {color: var(--color-black);}
.container .page_sub_title.tab_title .bar {padding: 0 10px;font-size: 16px;color: var(--color-grey);}
.container .page_content_wrap {margin: 80px 0 100px;}
.container .page_content_wrap .content_title {font-size: 1.4rem;font-weight: 600;}

.area_wrap {margin-top: 16px;font-size: 1.15rem;}
.area_wrap .all_check {margin-bottom: 20px;display: block;text-align: right;}
.area_wrap .area {margin-bottom: 50px;}
.area_wrap .area_title {margin-bottom: 20px;display: flex;justify-content: space-between;align-items: center;}
.area_wrap .content_sub_title {font-weight: 600;}
.area_wrap .content_sub_title > span {color: var(--color-grey);}
.area_wrap .area_substance {padding: 12px;border: 1px solid var(--color-grey);border-radius: 2.5px;color: var(--color-darkgrey);}
.area_wrap .area_substance.agree {height: 150px;overflow-y: auto;}
.area_wrap.table {margin-bottom: 50px;}
.area_wrap.table:last-child {margin-bottom: 0;}
.area_wrap.table .content_title {margin-bottom: 20px;}
.area_wrap.final {margin-bottom: 50px;padding: 70px 160px;background: var(--color-whitegrey);}
.area_wrap.final .final_txt {font-size: 2.8rem;position: relative;text-align: center;font-weight: 600;line-height: 1.2;}
.area_wrap.final .final_txt::before, .area_wrap.final .final_txt::after {content: '"';position: absolute;transform: rotate(12deg);height: 50px;font-size: 100px;color: var(--color-grey);}
.area_wrap.final .final_txt::before {left: -8px;top: -8px;}
.area_wrap.final .final_txt::after {right: -8px;bottom: -8px;}
.area_wrap.final .final_txt > span {color: var(--color-darkgrey);}
.area_wrap.final.width_mid {padding: 70px 150px;}
.area_wrap.final.width_mid .final_txt::before {left: -70px;top: -35px;}
.area_wrap.final.width_mid .final_txt::after {right: -70px;bottom: -35px;}
.area_wrap.table.width_sml .content_sub_title {margin-bottom: 30px;font-size: 1.4rem;}

.pagenation {display: flex;justify-content: center;align-items: center;}
.pagenation > * {padding: 0 10px;border: 0;font-size: 1.4rem;color: var(--color-black);position: relative;}
.pagenation .num.active {position: relative;color: var(--color-darkgrey);font-weight: 600;}
.pagenation .num.active::after {content: '';position: absolute;bottom: -4px;left: 50%;transform: translateX(-50%);width: calc(100% - 18px);height: 1px;background: var(--color-darkgrey);}
.pagenation .arrow {color: var(--color-black);}
.pagenation .arrow.deactive {color: var(--color-grey);}

/* 공모요강 */
.guideline_table {border-top: 1px solid var(--color-darkgrey);font-size: 1.15rem;}
.guideline_table .table_tr {padding: 30px 0;display: flex;justify-content: left;align-items: flex-start;gap: 100px;border-bottom: 1px solid var(--color-lightgrey);}
.guideline_table .table_tr .table_th {width: 180px;height: 50px;background: var(--color-main);border-radius: 25px;color: var(--color-white);font-size: 1.4rem;text-align: center;line-height: 50px;}
.guideline_table .table_tr .table_td {margin-top: 18px;width: calc(100% - 180px);display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;gap: 20px;}
.guideline_table .table_tr .table_td > * {display: block;}
.guideline_table .table_tr .table_td b {font-weight: 600;}
.guideline_table .table_tr .table_td p > b {margin-right: 64px;min-width: 50px;display: inline-block;}
.guideline_table .table_tr .table_td.img_area {flex-direction: row;gap: 40px;}
.guideline_table .table_tr .table_td.img_area figure {width: calc(100% / 4);aspect-ratio: 1 / 1.34;}
.guideline_table .table_tr .table_td.img_area img {width: 100%;height: 100%;object-fit: contain;}
.guideline_table .table_tr .table_td input {padding: 0;height: auto;border: 0;}

.guideline_table_wrap {margin: 80px 0 100px;}
.guideline_table_wrap .page_sub_title {margin-top: 50px;}
.guideline_table_wrap img {margin: 10px 0;max-width: 100%;}

/* 게시판 */
.board_wrap {}
.board_wrap .board_search_wrap {display: flex;justify-content: right;align-items: center;gap: 20px;font-size: 1.15rem;}
.board_wrap .board_search_wrap select, .board_wrap .board_search_wrap .search_input {height: 50px;border-radius: 5px;}
.board_wrap .board_search_wrap select {min-width: 200px;}
.board_wrap .board_search_wrap .search_area {position: relative;min-width: 452px;}
.board_wrap .board_search_wrap .search_area .search_input {padding: 0 60px 0 10px;width: 100%;}
.board_wrap .board_search_wrap .search_area .search_img {padding: 0;position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 50px;height: 100%;border: 0;}
.board_wrap .board_list_wrap {margin: 30px auto 50px;}
.board_wrap .board_list th, .board_wrap .board_list td {padding: 20px;}
.board_wrap .board_list th {background: var(--color-darkgrey);color: var(--color-white);font-size: 1.4rem;font-weight: 600;}
.board_wrap .board_list td {font-size: 1.15rem;border-bottom: 1px solid var(--color-lightgrey);text-align: center;}
.board_wrap .board_list td.left {display: flex;justify-content: left;align-items: center;gap: 10px;}
.board_wrap .board_list tr th:first-child {border-radius: 5px 0 0 5px;}
.board_wrap .board_list tr th:last-child {border-radius: 0 5px 5px 0;}
.board_wrap .board_list tr.list_notice td, .board_wrap .board_list tr:hover td {background: var(--color-whitegrey);}
.board_wrap .board_list tr:hover td > a {color: var(--color-darkgrey);}
.board_wrap .board_list tr.answer td {background: var(--color-whitegrey);}
.board_wrap .view_title_area {padding-bottom: 20px;display: flex;justify-content: space-between;align-items: flex-end;font-size: 1.4rem;}
.board_wrap .view_title_area .view_title {font-size: 1.9rem;font-weight: 600;}
.board_wrap .view_title_area .view_info {display: flex;justify-content: left;align-items: center;gap: 30px;color: var(--color-darkgrey);}
.board_wrap .view_title_area .view_info li {display: flex;justify-content: left;align-items: center;gap: 10px;}
.board_wrap .view_title_area .view_info li b {font-weight: 600;}
.board_wrap .view_title_area .view_info li.writer {color: var(--color-black);}
.board_wrap .view_content_area {margin-bottom: 20px;padding: 50px 0;font-size: 1.15rem;border-top: 1px solid var(--color-darkgrey);border-bottom: 1px solid var(--color-lightgrey);}
.board_wrap .view_content_area .view_area {line-height: 1.4;}
.board_wrap .view_content_area .view_area img {max-width: 100%;}
.board_wrap .view_content_area .view_area.attach {margin-top: 50px;padding: 16px;display: inline-flex;justify-content: space-between;align-items: center;gap: 80px;/*border: 1px solid var(--color-grey);*/border-radius: 5px;font-size: 15px;}
.board_wrap .view_content_area .view_area.attach .attach_file {display: flex;justify-content: left;align-items: center;gap: 5px;}
.board_wrap .view_content_area .view_area.attach .attach_file.more {flex-direction: column;align-items: flex-start;gap: 10px;}
.board_wrap .view_content_area .view_area.attach .attach_file li {display: flex;justify-content: left;align-items: center;gap: 10px;}
.board_wrap .view_content_area .view_area.attach .attach_file li b {font-weight: 600;}
.board_wrap .view_content_area .view_area.attach .attach_file li .attach_download {height: 20px;}
.board_wrap .view_content_area .view_area.attach .attach_file li .attach_download img {height: 100%;}
.board_wrap .view_content_area.answer_wrap {padding: 30px 30px 30px 50px;position: relative;border-top: 0;background: var(--color-whitegrey);}
.board_wrap .view_content_area.answer_wrap .view_area.answer img {position: absolute;left: 20px;top: calc(50% - 8px);}

.board_wrap .input_form {width: 100px;}
.board_wrap .state_btn_area {display: flex;justify-content: left;align-items: center;gap: 20px;}

/* 이벤트 */
.board_wrap .event_list {display: grid;grid-template-columns: repeat(3, 1fr);justify-content: left;align-items: stretch;gap: 72px 36px;}
.board_wrap .event_list .event_img {position: relative;width: 100%;aspect-ratio: 1 / 0.72;}
.board_wrap .event_list .event_img img {width: 100%;height: 100%;object-fit: cover;}
.board_wrap .event_list .event_txt {margin-top: 20px;display: flex;justify-content: space-between;align-items: center;gap: 36px;}
.board_wrap .event_list .event_info {font-size: 1.15rem;}
.board_wrap .event_list .event_title {margin-bottom: 20px;font-size: 1.4rem;font-weight: 600;}
.board_wrap .event_tag {padding: 0 20px;min-width: 100px;height: 60px;line-height: 3.5rem;display: block;border-radius: 5px;background: var(--color-main);color: var(--color-white);font-size: 1.4rem;text-align: center;}
.board_wrap .end .event_img::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.board_wrap .end .event_tag {background: var(--color-darkgrey);}
.board_wrap .interview .event_person, .board_wrap .interview .event_tag {display: none;}
.board_wrap .vote .event_tag {display: flex;justify-content: center;align-items: center;gap: 10px;background: var(--color-darkgrey);}
.board_wrap .vote .active .event_tag, .board_wrap .vote.active .event_tag {background: var(--color-main);}
.board_wrap .winning .event_txt {flex-direction: row-reverse;justify-content: left;gap: 20px;}
.board_wrap .winning .event_tag {padding: 0;display: flex;justify-content: center;align-items: center;gap: 10px;color: var(--color-black);font-weight: 600;}
.board_wrap .grand .event_tag {background: var(--color-pink);}
.board_wrap .excellence .event_tag {background: var(--color-yellow);}
.board_wrap .outstanding .event_tag {background: var(--color-lightgrey);}
.board_wrap .encouragement .event_tag {background: var(--color-black);color: var(--color-white);}
.board_wrap .view_content_area .view_area.event_subtitle {margin-bottom: 50px;padding: 20px;display: flex;justify-content: left;align-items: center;gap: 30px;background: var(--color-whitegrey);}
.board_wrap .view_content_area .view_area.event_subtitle .event_period {display: flex;justify-content: left;align-items: center;gap: 10px;font-size: 1.4rem;color: var(--color-darkgrey);}
.board_wrap .view_content_area .view_area.event_subtitle .period_title {color: var(--color-black);font-weight: 600;}
.board_wrap .view_content_area .view_area.event_subtitle.vote {justify-content: space-between;}
.board_wrap .view_content_area .view_area.event_subtitle.vote .event_tag u {margin-right: 16px;}
.board_wrap .view_content_area .view_area.event_subtitle .event_person {color: var(--color-darkgrey);}
.board_wrap .view_content_area .view_area.event_subtitle .event_person b {margin-right: 4px;color: var(--color-black);font-weight: 600;}
.board_wrap .view_content_area .view_area.img {margin-bottom: 50px;}
.board_wrap .view_content_area .view_area.img img {max-width: 100%;object-fit: contain;}
.board_wrap .view_content_area .view_area.txt b {font-weight: 600;}
.board_wrap .board_write.form_table .form_element .attach_wrap {margin-bottom: 8px;display: flex;justify-content: left;align-items: center;gap: 8px;}
.board_wrap .board_write.form_table .form_element .attach_wrap input[type="file"] {line-height: 48px;}
.board_wrap .board_write.form_table .form_element .attach_wrap .attach_btn_area {display: flex;justify-content: left;align-items: center;gap: 8px;}
.board_wrap .board_write.form_table .form_element .attach_wrap .rectangle_btn.grey {padding: 0 20px;min-width: 100px;font-size: 1rem;}
.board_wrap .board_write.form_table .form_element select {height: auto;overflow: auto;font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', sans-serif;font-size: 14px;}
.board_wrap .board_write.form_table .form_element select option {font-family: inherit;font-size: inherit;border: 0;}

/* 공모홈빌더 */
.container .page_content_wrap.build .content_title.logo {margin-bottom: 16px;padding-left: 32px;position: relative;}
.container .page_content_wrap.build .content_title.logo::before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%); background: url('/pub/img/common/logo_sml.png') no-repeat center center;width: 24px;height: 24px;background-size: 24px;}
.container .page_content_wrap.build .content_sub_title {margin-bottom: 32px;font-weight: 400;}
.container .page_content_wrap.build .type_item_wrap {margin-bottom: 32px;display: flex;justify-content: center;align-items: center;gap: 40px;}
.container .page_content_wrap.build .type_item_wrap .type_item {width: calc(100% / 3);text-align: center;}
.container .page_content_wrap.build .type_item_wrap .type_item img {margin-bottom: 16px;aspect-ratio: 1 / 0.5;}
.area_table_wrap > .content_title {margin-bottom: 32px !important;}
.area_table_wrap .area_wrap > .content_title {margin-bottom: 8px;font-size: 1.2rem;font-weight: 400;}
.area_wrap.img {margin-bottom: 50px;width: 100%;}
.area_wrap.img img {width: 100%;max-width: 100%;height: auto;}
.page_content_wrap.build .form_table .table_th {text-align: center;}
.form_table .table_td.form_element:not(.row) {padding: 10px 20px;}
.form_table .table_td.form_element:not(.row) input:not([type="checkbox"]):not([type="radio"]) {height: 100%;}
.form_table .form_element.row {display: flex;justify-content: left;align-items: center;gap: 24px;}
.form_table .form_element.period {display: flex;justify-content: left;align-items: center;gap: 16px;}
.form_table .form_element.period .period_date {width: 12% !important;min-width: 120px;pointer-events: auto;text-align: center;}
.form_table .form_element.use_sub_row {}
.form_table .form_element.use_sub_row > label:first-child {margin-right: 24px;}
.form_table .form_element.use_sub_row .sub_row {display: none;}
.form_table .form_element.use_sub_row .sub_row label:not(:last-child) {margin-right: 16px;}
/* .form_table .form_element.use_sub_row .sub_row.on {margin-top: 8px;padding: 8px;display: flex;justify-content: left;align-items: center;gap: 24px;background: var(--color-whitegrey);} */
.form_table .form_element.use_sub_row .sub_row.on {margin-left: 8px;display: inline-flex;justify-content: left;align-items: center;}
.form_table .table_tr.full_textarea .table_th {display: none;}
.form_table .table_tr.full_textarea .table_td {width: 100%;}
.form_table .table_tr.full_textarea textarea {width: 100%;height: auto;resize: none;}

/* 반응형 */
@media screen and (max-width:1800px){
    main.ver2 .visualSwiper .swiper-pagination {right: 30%;}
}
@media screen and (max-width:1700px){
    main.ver2 .visualSwiper .swiper-pagination {right: 29%;}
}
@media screen and (max-width:1600px){
    main.ver2 .visualSwiper .swiper-pagination {right: 28%;}
}
@media screen and (max-width:1570px){
	.inner_wrap {width: calc(100% - 20px);}
	.inner {width: auto;}
    header .category {gap: 20px;}
    main .info_wrap .inner_wrap {gap: 60px;}
    main .info_wrap .info_list_wrap, main .info_wrap .info_banner_wrap {gap: 24px;}
    .area_wrap.final {padding: 50px 120px;}

    /* main.ver2 .visualSwiper .swiper-pagination .swiper-pagination-bullet:first-child {margin-left: 35vw;} */
    main.ver3 > .info_wrap > .inner_wrap {height: calc(100% - 140px);}
    main.ver3 > .info_wrap > .inner_wrap > div {gap: 20px;}
    main.ver3 > .info_wrap > .inner_wrap .info_banner_wrap {height: 40%;}
    main.ver3 > .info_wrap > .inner_wrap .info_list_sns_wrap {height: 60%;flex-direction: column;}
    main.ver3 .info_wrap .info_list_wrap {gap: 20px;justify-content: space-between;}
    main.ver3 .info_wrap .info_list {width: 50%;}
    main.ver3 .info_wrap .info_list li.list_title {padding: 4px 4px 4px 20px;}
    main.ver3 .info_wrap .info_list li {margin: 0 20px 20px 20px;gap: 10px;}
    main.ver3 .info_wrap .sns_list {flex-direction: row;}
    footer.ver3 {padding: 20px 40px;}
    footer.ver3 .inner_wrap {gap: 0;flex-direction: row;}
    footer.ver3 .footer_infotit {flex-direction: column;align-items: flex-start;margin-bottom: 20px;}
    footer.ver3 .logo.footer img {width: 150px;}
}
@media screen and (max-width:1400px){
	footer .inner_wrap {flex-direction: column;justify-content: center;gap: 12px;}
    footer.ver2 .inner_wrap {flex-direction: row;justify-content: space-between;gap: 0;}
}
@media screen and (max-width:1270px){
    main.ver3 > .info_wrap > .inner_wrap {height: calc(100% - 180px);}
    main.ver3 .info_wrap .info_list li {margin: 0 20px 10px 20px;flex-direction: column;align-items: flex-start;gap: 4px;}
    main.ver3 .info_wrap .info_list li.list_title {margin: 30px 0 20px;}
    main.ver3 .info_wrap .info_list li:last-child {margin-bottom: 20px;}
	footer.ver3 .inner_wrap {height: auto;flex-direction: column;gap: 30px;}
    footer.ver3 .footer_infotit {align-items: center;}
}
@media screen and (max-width:1200px){
	main .info_wrap .inner_wrap {gap: 30px;}
	main .info_wrap .inner_wrap > * {width: 50%;}
    main .info_wrap .info_list_wrap, main .info_wrap .info_banner_wrap {gap: 12px;}
    /* .board_wrap .board_list tr.answer td.left {align-items: flex-start;} */
    .board_wrap .board_search_wrap select, .board_wrap .board_search_wrap .search_input {height: 40px;}
    .board_wrap .board_search_wrap .search_area .search_img {width: 40px;}
    .board_wrap .board_search_wrap .search_area .search_img img {width: 100%;height: 100%;}
    .board_wrap .board_list tr td.left a {text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 95%;}
    .board_wrap .view_title_area {flex-direction: column;align-items: flex-start;gap: 20px;}
    .board_wrap .event_list .event_txt {gap: 24px;}
    .board_wrap .event_tag {padding: 0 10px;min-width: 80px;height: 50px;line-height: 2.8rem;}

    header.ver2 .category > li {padding: 0 20px;}
    main.ver2 .visualSwiper {height: calc(100vh - 384px);}
    main.ver2 .visualSwiper .swiper-pagination {bottom: 5%;right: auto;width: 100%;justify-content: center;text-align: center;}
    main.ver2 .info_wrap .inner_wrap {flex-direction: column;height: auto;}
    main.ver2 .info_wrap .inner_wrap > * {width: 100%;justify-content: center;}
    main.ver2 .info_wrap .info_list li {padding: 20px 0;}
    main.ver2 .info_wrap .info_banner_wrap {margin-bottom: 10px;height: 60px;}
    /* main.ver2 .info_wrap .info_banner {padding: 10px 20px;} */
    main.ver2 .info_wrap .info_banner img {object-fit: none;}
    footer.ver2 .inner_wrap {flex-direction: column;justify-content: center;padding: 20px 0;height: auto;gap: 40px;}
    main.ver2 .info_wrap .info_list {justify-content: center;}
    footer.ver2 .inner_wrap .footer_info {width: 100%;justify-content: center;gap: 40px;}

    footer.ver3 .inner_wrap > * {width: 100%;justify-content: center;}
}
@media screen and (max-width:1000px){
    .wrapper {padding-top: 60px;}
    header .inner_wrap {height: 60px;}
	header .m_cate_nav {display: block;}
	header .category {display: none;}
	header .logo img {height: 30px;}
    header .sns_list {gap: 10px;}
    header .sns_list a {width: 34px;height: 34px;}
    header .sns_list img {width: 30px;height: 30px;}
    footer .inner_wrap {height: 150px;gap: 20px;}
    footer .footer_info {flex-direction: column;gap: 5px !important;}

    .container .page_title {font-size: 3rem;}
    .container .page_sub_title {font-size: 1.4rem;}
    .container .page_sub_title b {font-size: 1.9rem;}
    .container .page_sub_title.step_wrap {width: auto;}
    .container .page_sub_title.step_wrap .step_area .step_txt {font-size: 1.2rem;}
    .container .page_sub_title.tab_title button {font-size: 1.2rem;}

    .rectangle_btn {font-size: 1.2rem;}

    main .visualSwiper .swiper-pagination {bottom: 16%;gap: 10px;}
    main .info_wrap .inner_wrap {flex-direction: column;}
    main .info_wrap .inner_wrap > * {width: 100%;}
    main .info_wrap .info_list_wrap, main .info_wrap .info_banner_wrap {gap: 24px;}

    .guideline_table .table_tr {gap: 40px;}
    .guideline_table .table_tr .table_td.img_area {gap: 20px;}

    .area_wrap {font-size: 1rem;}
    .area_wrap .all_check {margin-bottom: 10px;}
    .width_sml, .width_mid {width: auto;}
    .area_wrap.final .final_txt {font-size: 2rem;}
    .area_wrap.final .final_txt::before, .area_wrap.final .final_txt::after {font-size: 50px;}
    .area_wrap.final .final_txt::after {bottom: -24px;}
    .form_table th, .form_table td {padding: 16px 8px;}
    .form_table .rectangle_btn {font-size: 1rem !important;}
    .form_table .form_element.attach label .rectangle_btn {padding: 0 20px;min-width: 100px;}

    .form_table .table_th {width: 30%;}
    .form_table .table_td {width: 70%;}
    .form_table .tr_half {flex-direction: column;}
    .form_table .tr_half > .table_tr {width: 100%;}
    .form_table .tr_half.dynamic {grid-template-columns: repeat(1, 1fr);border-bottom: 0;}
    .form_table .tr_half.dynamic .table_tr > * {border-bottom: 1px solid var(--color-grey) !important;}

    .board_wrap .board_search_wrap {font-size: 1rem;}
    .board_wrap .board_search_wrap .search_area {min-width: auto;width: 50%;}
    .board_wrap .board_list th {padding: 20px 10px;font-size: 1rem;}
    .board_wrap .board_list td {font-size: 1rem;}
    .board_wrap .view_title_area {font-size: 1.2rem;}
    .board_wrap .view_title_area .view_title {font-size: 1.4rem;}
    .board_wrap .event_list {gap: 36px 16px;}
    .board_wrap .event_list .event_txt {flex-direction: column-reverse;align-items: flex-start;gap: 16px;}
    .board_wrap .event_tag {min-width: 50px;height: 30px;line-height: 1.8rem;font-size: 1.2rem;}
    .board_wrap .winning .event_tag {padding: 0 10px;}
    .board_wrap .event_tag > img {width: 20px;}
    .board_wrap .event_list .event_info {font-size: 1rem;}
    .board_wrap .event_list .event_title {margin-bottom: 10px;font-size: 1.2rem;}
    .board_wrap .view_content_area .view_area.event_subtitle.vote .event_tag u {margin-right: 4px;}
    .pagenation > * {font-size: 1.2rem;}
    .pagenation button {font-size: 1.2rem;}

    .layer_wrap .layer_box {width: 80%;}
    .layer_wrap .layer_box .layer_content {height: calc(100% - 30px);}

    main.ver2 .visualSwiper {height: calc(100vh - 409px);}
    footer.ver2 .inner_wrap .footer_info {gap: 20px !important;text-align: center;}
    footer.ver2 .footer_infotit {justify-content: center;}

    header.ver3_mo .inner_wrap {justify-content: left;}
    header.ver3_mo .inner_wrap .logo {margin: 0 auto;text-align: center;}
    main.ver3 {margin-left: 0;padding-top: 60px;width: 100%;}
    main.ver3 > .info_wrap > .inner_wrap .info_banner_wrap, main.ver3 > .info_wrap > .inner_wrap .info_list_sns_wrap {padding: 30px;}
    main.ver3 .info_wrap .info_list li.list_title {margin: 20px 0 20px;width: 70%;}

    .page_content_wrap.build .form_table .table_th {width: 20%;text-align: center;}
    .page_content_wrap.build .form_table .table_td {width: 80%;}
    .page_content_wrap.build .form_table .table_tr.full_textarea .table_td {width: 100%;}
    .form_table .form_element.use_sub_row > label:first-child {margin-right: 12px;}
    .form_table .form_element.use_sub_row .sub_row.on {margin-left: 4px;}
    .form_table .form_element.use_sub_row .sub_row label {gap: 4px;}
    .form_table .form_element.use_sub_row .sub_row label:not(:last-child) {margin-right: 8px;}
}
@media screen and (max-width:768px){
    .pc {display: none;}
    .mo {display: block;}

    #POP.popup_wrap .popup_box {min-width: 80%;}

	main .visualSwiper .swiper-pagination {bottom: 12%;}

    .guideline_table .table_tr {flex-direction: column;gap: 20px;}
    .guideline_table .table_tr .table_td {margin-top: 0;padding: 0 20px;width: 100%;}
    .guideline_table .table_tr .table_td p > b {display: block;margin: 0 0 5px 0;}

    .container .page_sub_title.step_wrap .step_area .step .circle {width: 30px;height: 30px;}
    .container .page_sub_title.step_wrap .step_area.active .step .circle::after {width: 15px;height: 15px;}
    .container .page_sub_title.step_wrap .step_area .step_txt span {display: block;}
    /* .container .page_sub_title.step_wrap .step_area .step_txt {width: 80%;word-break: keep-all;} */

    .form_table.mo {display: table;}
    .form_table th > span {margin: 5px 0 0 0;display: block;}

    .area_wrap.final {padding: 30px !important;}
    .area_wrap.final .final_txt {font-size: 1.5rem;}
    .area_wrap.final.width_mid .final_txt::before {left: -8px;top: -8px;}
    .area_wrap.final.width_mid .final_txt::after {right: -8px;bottom: -24px;}

    .board_wrap .board_search_wrap select {min-width: 100px;}
    .board_wrap .board_search_wrap .search_area {width: 60%;}
    .board_wrap .board_list th, .board_wrap .board_list td {padding: 10px;}
    .board_wrap .board_list th:not(:first-child) {min-width: 80px;}
    .board_wrap .event_list {grid-template-columns: repeat(2, 1fr);}

    .board_view_wrap + .btn_area.between {flex-direction: column;}
    .board_view_wrap + form .btn_area.between {flex-direction: column;}
    .board_view_wrap + .btn_area.between .rectangle_btn.grey {padding: 0 28px;}

    .board_wrap .board_write.form_table .form_element .attach_wrap {flex-direction: column;align-items: center;gap: 16px;}
    .board_wrap .board_write.form_table .form_element p.txt {text-align: center;}

    /* main.ver2 .visualSwiper {height: auto;aspect-ratio: 1 / 1.2;} */
    main.ver2 .visualSwiper {height: auto;aspect-ratio: auto;}

    main.ver3 {height: 100%;flex-direction: column;}
    main.ver3 > * {width: 100% !important;}
    main.ver3 .visualSwiper .swiper-slide {aspect-ratio: 1 / 1.5;}

    .page_content_wrap.build .area_wrap .content_sub_title > span {margin-top: 8px;display: block;}
    .page_content_wrap.build .type_item_wrap {gap: 16px;}
    .form_table .form_element.row {flex-direction: column;justify-content: flex-start;align-items: flex-start;gap: 8px;}
    .form_table .form_element.period {gap: 4px;}
    .form_table .form_element.period .period_date {width: calc((100% - 16px) / 2) !important;}
    .form_table .form_element.use_sub_row .sub_row.on {margin: 8px 0 0 0;}

}
@media screen and (max-width:700px) {
    .layer_wrap .layer_box {height: auto;}
    .award_wrap .award .info_awardbox li {margin-top: 0.8rem;}

    .award.certificate .top .award_title {margin: 15px 0 30px;}
}
@media screen and (max-width:650px) {
    .award_wrap .award .award_infos {width: 80%;}
    .award_wrap .award .top {gap: 20px;}
    .award_wrap .award .top .award_title {font-size: 2.2rem;}
    .award_wrap .award .info_awardbox {font-size: 0.9rem;}
    .award_wrap .award .btm {font-size: 1.1rem;}
    .award_wrap .award .btm .info_date {margin-bottom: 0;}
    .award_wrap .award .btm .award_host {font-size: 1.4rem;}

    .award.entry .mid {gap: 16px;}
    .award.certificate .top {gap: 0 !important;}
    .award.certificate .top .award_title {margin: 10px 0 20px;}
    .award.certificate .mid {font-size: 1.1rem;line-height: 1.5rem;}
    .award.certificate .info_awardbox {font-size: 1rem;}
}
@media screen and (max-width:600px) {
    .award_wrap .award .top, .award_wrap .award .btm {font-size: 1rem;}
    .award_wrap .award .top .award_title {font-size: 1.8rem;}
    .award_wrap .award .info_awardbox {font-size: 0.8rem;}
    .award_wrap .award .btm .award_host {font-size: 1.2rem;}

    .award.entry .mid {gap: 10px;font-size: 0.6rem;line-height: 1rem;}
    .award_wrap .award .info_name {font-size: 1.2rem;}
    .award.certificate .mid {padding-bottom: 2rem;font-size: 1rem;}
    .award.certificate .info_awardbox {font-size: 0.9rem;}

    main.ver2 .info_wrap .info_list {gap: 20px;}
    main.ver2 .info_wrap .info_list li .list_sub_title {width: 40px;}

    .page_content_wrap.build .rectangle_btn.page_btn {padding: 0 12px;font-size: 1rem;}
}
@media screen and (max-width:560px) {
    .area_wrap:not(.agree) .content_sub_title > span {margin-top: 4px;display: block;}

    .award_wrap .award .top {gap: 10px;}
}
@media screen and (max-width:500px) {
    /* .award_wrap .award .info_name {margin-top: 2.5rem;} */
    .award_wrap .award .top, .award_wrap .award .btm {font-size: 0.9rem;}
    .award_wrap .award .top .award_title {font-size: 1.5rem;}
    .award_wrap .award .info_awardbox li {margin-top: 0.5rem;gap: 0;}
    .award_wrap .award .btm .award_host {font-size: 1rem;}

    .award_wrap .award .info_name {font-size: 1rem;}
    .award_wrap .award .info_name span {margin-left: 0.8rem;}
    .award.certificate .top .award_title {margin: 10px 0 15px;}
    .award.certificate .mid {font-size: 0.9rem;}
    .award.certificate .info_awardbox {font-size: 0.8rem;}

    .board_wrap .input_form {height: 40px;}
    .board_wrap .state_btn_area {gap: 10px;}
    .board_view_wrap + .btn_area.between {gap: 10px;}
    .board_view_wrap + .btn_area.between .space {gap: 10px;}
    .board_view_wrap + .btn_area.between .space:nth-of-type(2) {gap: 20px;}
    .board_view_wrap + .btn_area.between .rectangle_btn.grey {padding: 0;height: 40px;line-height: 38px;min-width: 60px;font-size: 1rem;}
    .board_wrap .btn_area .rectangle_btn.grey {height: 40px;line-height: 38px;font-size: 1rem;}

    .form_table .form_element.use_sub_row > label {margin-right: 0;display: block;}
    .form_table .form_element.use_sub_row > label:first-child {margin-bottom: 8px;}
    /* .form_table .form_element.use_sub_row .sub_row.on {flex-direction: column;justify-content: flex-start;align-items: flex-start;gap: 8px;} */
}
@media screen and (max-width:450px) {
    .container .page_title {font-size: 2.5rem;}
    .container .page_content_wrap {margin: 40px 0 80px;}

    .award_wrap .award .top, .award_wrap .award .btm {font-size: 0.8rem;}
    .award_wrap .award .top .award_title {font-size: 1.2rem;}
    .award_wrap .award .info_awardbox {font-size: 0.7rem;}
    .award_wrap .award .info_awardbox li b {min-width: 50px;}
    .award_wrap .award .btm .award_host {font-size: 0.9rem;}
    .award_wrap .award .btm .award_host img {width: 30px;}

    .award.entry .mid {font-size: 0.5rem;}
    .award_wrap .award .info_name {font-size: 0.9rem;}
    .award_wrap .award .info_name span {margin-left: 0.5rem;}
    .award.certificate .top img {height: 25px;}
    .award.certificate .mid {padding-bottom: 1.5rem;font-size: 0.8rem;}

    .board_wrap .board_list th, .board_wrap .board_list td {font-size: 0.8rem;}
    .board_wrap .view_content_area .view_area.event_subtitle {gap: 20px;}
    .board_wrap .view_content_area .view_area.event_subtitle .event_period {font-size: 1.2rem;}
    .board_wrap .view_title_area {font-size: 1rem;}
    .board_wrap .view_title_area .view_title {font-size: 1.2rem;}
    .pagenation > * {font-size: 1rem;}

    main .info_wrap .info_list_wrap {flex-direction: column;}
    main .info_wrap .info_list {width: 100%;}
    main .info_wrap .info_banner_wrap {gap: 8px;}

    main.ver2 .info_wrap .inner_wrap {margin: 0 20px;width: calc(100% - 40px);flex-direction: row;}
    main.ver2 .info_wrap .inner_wrap .info_list, main.ver2 .info_wrap .inner_wrap .info_banner_wrap {flex-direction: column;align-items: flex-start;gap: 0;}
    main.ver2 .info_wrap .inner_wrap .info_list li, main.ver2 .info_wrap .inner_wrap .info_banner_wrap a {padding: 10px 0;}
    main.ver2 .info_wrap .inner_wrap .info_list_wrap {width: 60%;}
    main.ver2 .info_wrap .inner_wrap .info_banner_wrap {margin-bottom: 0;width: 40%;height: auto;gap: 10px;}
    main.ver2 .info_wrap .inner_wrap .info_banner_wrap a {padding: 0;height: 28px;width: 100%;}
    /* main.ver2 .info_wrap .info_banner img {width: 20px;height: 20px;} */
    footer.ver2 .footer_infotit {margin-bottom: 20px;flex-direction: column;}
    footer.ver2 .footer_contact .footer_infotit {margin-bottom: 12px;flex-direction: row;}
    footer.ver2 .footer_info p:nth-of-type(1) {width: 100%;}
    footer.ver2 .contact_info {flex-direction: column;gap: 4px;}

    main.ver3 .info_wrap .info_list {width: 100%;}
    main.ver3 .info_wrap .info_list li {flex-direction: row;gap: 10px;}

    .form_table .form_element.period {flex-direction: column;}
    .form_table .form_element.period .period_date {width: 100% !important;}
    .form_table .form_element.use_sub_row .sub_row.on {font-size: 0.8rem;}
    .form_table .form_element.use_sub_row .sub_row input[type="checkbox"], .form_table .form_element.use_sub_row .sub_row input[type="radio"] {width: 15px;height: 15px;background-size: 15px;}
    .page_content_wrap.build .btn_area {flex-direction: column;}
    .page_content_wrap.build .rectangle_btn.page_btn {width: 100%;}
}
@media screen and (max-width:400px) {
    header .logo img {display: none;}
    /* header .logo img:last-child {display: block;} */
    footer .inner_wrap {height: 200px;}
    footer .footer_info p:nth-of-type(1) {width: 80%;text-align: center;}
    footer .footer_link {flex-direction: column-reverse;}

    .page_btn {min-width: auto;padding: 0 20px;}
    .rectangle_btn {padding: 0 20px;}
    .container .page_content_wrap {margin: 40px 0 100px;}
    .container .page_sub_title.tab_title > * {padding: 0 5px;}

    main .visualSwiper .swiper-pagination {bottom: 8%;gap: 5px;}

    .guideline_table .table_tr .table_td.img_area {display: grid;grid-template-columns: repeat(2, 1fr);}
    .guideline_table .table_tr .table_td.img_area figure {width: 100%;}

    .area_wrap .area_title {flex-direction: column;align-items: flex-start;gap: 5px;}
    .area_wrap.final .final_txt {font-size: 1.4rem;}
    .area_wrap.final .final_txt::before, .area_wrap.final .final_txt::after {font-size: 30px;}

    .board_wrap .board_search_wrap select, .board_wrap .board_search_wrap .search_input {height: 40px;}
    .board_wrap .board_search_wrap .search_area .search_input {padding: 0 50px 0 10px;}
    .board_wrap .board_search_wrap .search_area .search_img {width: 40px;}
    .board_wrap .board_search_wrap .search_area .search_img img {width: 100%;}
    .board_wrap .board_list th {padding: 10px 0;}
    .board_wrap .board_list th:not(:first-child) {min-width: 50px;}
    .board_wrap .board_list td:not(.left) {padding: 10px 5px;}
    .board_wrap .view_title_area .view_info {gap: 16px;}
    .board_wrap .view_title_area .view_info li {gap: 5px;}
    .board_wrap .event_list {grid-template-columns: repeat(1, 1fr);}
    .board_wrap .view_content_area .view_area.event_subtitle {padding: 20px 10px;gap: 10px;}
    .board_wrap .event_tag {padding: 0 5px;}

    .layer_wrap .layer_box {min-width: 310px;}
    /* .award.entry .award_infos {gap: 6rem;} */
    /* .award.entry .info_awardbox {margin-top: 2rem;} */

    .popup_wrap .popup_box {min-width: 320px;}

    #POP.popup_wrap .bottom_wrap .form_element {width: 60%;}
    #POP.popup_wrap .bottom_wrap .controls {width: 40%;}
    #POP.popup_wrap .bottom_wrap .controls .swiper-pagination {min-width: auto;}

    .award_wrap .award .top, .award_wrap .award .btm {font-size: 0.7rem;}
    .award_wrap .award .top .award_title {font-size: 1.1rem;}
    .award_wrap .award .info_awardbox {font-size: 0.6rem;}
    .award_wrap .award .btm .award_host {font-size: 0.8rem;}

    .award.entry .mid {gap: 4px;font-size: 0.5rem;line-height: normal;}
    .award_wrap .award .info_name {font-size: 0.8rem;}
    .award_wrap .award.certificate .top .award_title {font-size: 1,2rem;}
    .award.certificate .mid {font-size: 0.7rem;}

    header.ver3_mo .logo img {display: inline-block;}

    .page_content_wrap.build .form_table .table_td, .page_content_wrap.build .form_table .table_td.form_element:not(.row) {padding: 10px;}
}