@charset "UTF-8";

@font-face {
  font-family: 'Paperozi';
  src: url('../font/Paperlogy-4Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Paperozi';
  src: url('../font/Paperlogy-5Medium.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'Paperozi';
  src: url('../font/Paperlogy-7Bold.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'Paperozi';
  src: url('../font/Paperlogy-8ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: 'Paperozi';
  src: url('../font/Paperlogy-9Black.woff2') format('woff2');
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: 'OneStoreMobilePop';
  src: url('../font/ONE-Mobile-POP.woff') format('woff');
  font-weight: normal;
  font-display: swap;
}

/* reset
--------------------------*/
html,
body {
  margin: 0;
  padding: 0;
  font-family: "Paperozi", "OneStoreMobilePop", "Roboto", "Malgun Gothic", "Segoe UI", AppleSDGothicNeo, "Apple SD Gothic Neo", "Apple SD ?�돌고딕 Neo", "Microsoft NeoGothic", "Droid sans", Verdana, arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.43;
  color: #1d1d1d;
  -webkit-text-size-adjust: none;
}

dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
}

th,
td,
input,
textarea,
select,
button {
  font-size: inherit;
  color: inherit;
  font-family: inherit;
  -webkit-text-size-adjust: none;
  padding: 0;
}

th,
td {
  word-break: break-all;
  word-wrap: break-word;
  -webkit-text-size-adjust: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
  -webkit-text-size-adjust: none;
  border: 0;
  table-layout: fixed;
}

address,
caption,
cite,
code,
dfn,
em,
var {
  font-style: normal;
  font-weight: normal;
  -webkit-text-size-adjust: none;
}

em {
  font-weight: inherit;
}

ol,
ul,
li {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

abbr,
acronym {
  border: 0;
}

hr {
  clear: both;
  display: none;
}

legend {
  visibility: hidden;
  overflow: hidden;
  line-height: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  text-indent: -99999px;
  font-size: 0;
}

img,
fieldset {
  border: 0 none;
}

label {
  cursor: pointer;
}

a {
  text-decoration: none;
  color: #1d1d1d;
}

a:active {
  text-decoration: none;
}

input,
img {
  vertical-align: middle;
}

input,
button {
  border: 1px solid #151515;
  border-radius: 0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  outline: 0;
  color: #1d1d1d;
}

input:disabled {
  color: #9b9b9b;
  background-color: #f4f4f4;
}

button {
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  outline: 0;
}

textarea {
  resize: none;
  border: 0;
  -webkit-appearance: none;
}

td {
  font-weight: 400;
}

::-moz-placeholder {
  color: #c5c5c5;
  font-weight: 400;
}

::placeholder {
  color: #c5c5c5;
  font-weight: 400;
}

.hide {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(1px 1px 1px 1px);
  clip-path: inset(50%);
}

* {
  box-sizing: border-box;
}

.none_scroll {
  position: fixed;
  overflow: hidden;
}

.dialog {
  background-color: #fff;
  position: relative;
  border: 0;
  padding: 0;
}

dialog::backdrop {
  animation: fadein-backdrop 0.3s forwards;
  background-color: rgba(0, 0, 0, 0.6);
}

/* ========================================
   공통 폼 스타일 (select, input, textarea)
   ======================================== */
.select {
  padding: 0 52px 0 15px;
  box-sizing: border-box;
  width: 100%;
  color: #1d1d1d;
  height: 49px;
  border: 1px solid #E8E8E8;
  font-family: inherit;
  background: #F6F6F6 url("../img/bul_arrow_06.png") right 15px top 14px / 20px no-repeat;
  font-size: 14px;
  border-radius: 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.ipt01 {background: #F6F6F6;border: 1px solid #E8E8E8;border-radius: 12px;height: 49px;box-sizing: border-box;width: 100%;padding: 0 16px;}
.ipt01:read-only {background-color: #E8E8E8;}
.textarea01 {background: #F6F6F6;border: 1px solid #E8E8E8;border-radius: 12px;height: 120px;box-sizing: border-box;width: 100%;padding: 16px;font-size: 14px;font-weight: 500;}
.ipt_search01 {background: #F6F6F6 url('../img/ico_search_01.png') right 14px top 14px / 20px no-repeat;border: 1px solid #E8E8E8;border-radius: 12px;height: 49px;box-sizing: border-box;width: 100%;padding: 0 16px;}
.ipt_search01:read-only {background-color: #E8E8E8;}

/* ========================================
   공통 헤더 스타일 (body_hd)
   ======================================== */
.body_hd {border-bottom: 1px solid #BAA283;padding-bottom: 60px;}
:root body:has(.list_head) .body_hd {border-bottom: 0;}
.body_hd h2 {font-size: 40px;line-height: 60px;color: #2A2723;font-weight: 700;}
.body_hd p {font-size: 14px;font-weight: 500;color: #524535;margin-top: 16px;}
.body_hd .imp {color: #FF3D3D;}
@media (max-width: 768px) {
  .body_hd {padding-bottom: 40px;}
  .body_hd h2 {font-size: 20px;line-height: 30px;margin-bottom: 4px;}
  .body_hd p {font-size: 12px;}
}

/* ========================================
   공통 페이지네이션 스타일 (page)
   ======================================== */
.page {margin-top: 30px;display: flex;gap: 6px;justify-content: center;align-items: center;}
.page a:not(.next, .prev) {
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  color: #524535;
  font-size: 16px;
  font-weight: 400;
}
.page strong {
  width: 36px;
  height: 36px;
  background: #F8981C;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 36px;
  text-align: center;
  border-radius: 4px;
}
.page .prev {
  width: 36px;
  height: 36px;
  background: url('../img/bul_front_01_off.png') center / 24px no-repeat;
}
.page .prev.active {
  width: 36px;
  height: 36px;
  background: url('../img/bul_front_01_on.png') center / 24px no-repeat;
}
.page .next {
  width: 36px;
  height: 36px;
  background: url('../img/bul_next_01_off.png') center / 24px no-repeat;
}
.page .next.active {
  width: 36px;
  height: 36px;
  background: url('../img/bul_next_01_on.png') center / 24px no-repeat;
}
.page .dot {
  width: 36px;
  height: 36px;
  background: url('../img/bul_dot_01.png') center / 36px no-repeat;
}
@media (max-width: 768px) {
  .page {margin-top: 20px;}
  .page a:not(.next, .prev) {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
  }
  .page strong {
    width: 30px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
  }
  .page .prev {
    width: 30px;
    height: 30px;
    background: url('../img/bul_front_01_off.png') center / 24px no-repeat;
  }
  .page .prev.active {
    width: 30px;
    height: 30px;
    background: url('../img/bul_front_01_on.png') center / 24px no-repeat;
  }
  .page .next {
    width: 30px;
    height: 30px;
    background: url('../img/bul_next_01_off.png') center / 24px no-repeat;
  }
  .page .next.active {
    width: 30px;
    height: 30px;
    background: url('../img/bul_next_01_on.png') center / 24px no-repeat;
  }
  .page .dot {
    width: 30px;
    height: 30px;
    background: url('../img/bul_dot_01.png') center / 30px no-repeat;
  }
}

/* ========================================
   서브 컨텐츠 영역 (sub_contents)
   ======================================== */
.sub_contents {background: url('../img/bg_01.png') 0 0 / 1920px auto repeat-x;padding-top: 60px;}
.sub_contents .inner {max-width: 1200px;margin: 0 auto;position: relative;}
@media (max-width: 768px) {
  .sub_contents {padding-top: 40px;}
}

/* ========================================
   브레드크럼 (breadcrumb)
   ======================================== */
.breadcrumb {display: flex;gap: 28px;height: 24px;align-items: center;margin-bottom: 16px;}
.breadcrumb .link {position: relative;font-size: 16px;color: #7C7C7C;text-decoration: none;}
.breadcrumb strong {position: relative;font-weight: 700;font-size: 16px;color: #2A2723;}
.breadcrumb * + *::after {position: absolute;left: -20px;top: 6px;content: "";width: 12px;height: 12px;background: url('../img/bul_arrow_04.png') 0 0 / 12px no-repeat;}
@media (max-width: 768px) {
  .breadcrumb {padding: 0 16px;margin-bottom: 4px;gap: 16px;}
  .breadcrumb * + *::after {left: -12px;top: 6px;content: "";width: 8px;height: 8px;background: url('../img/bul_arrow_04.png') 0 0 / 8px no-repeat;}
  .breadcrumb .link,
  .breadcrumb strong {font-size: 14px;}
}

.m {
  display: none;
}

.pc {
  display: block;
}

@media (max-width: 768px) {
  .m {
    display: block;
  }

  .pc {
    display: none;
  }
}

/* layout
--------------------------*/
.header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 96px;
  background-color: #fff;
  z-index: 10;
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.1);

}

.header .inner {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 96px;
}

.header .logo {
  display: block;
  width: 270px;
  height: 50px;
  background: url('../img/img_logo_01.png') 0 0 / auto 50px no-repeat;
}

.header .gnb {
  display: flex;
}

.header .gnb .dep_01 {
  position: relative;
}

.header .gnb .dep_01>a {
  display: block;
  padding: 0 30px;
  line-height: 56px;
  font-family: "Paperlogy";
  font-weight: 700;
  font-size: 20px;
  color: #524535;
}

.header .gnb .dep_01>a:hover {
  color: #F8981C;
}

.header .gnb .sub {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2);
  border: 1px solid #ECDDB9;
  border-radius: 20px;
  width: 187px;
  padding: 30px;
  box-sizing: border-box;
}

.header .gnb .dep_01.active>a {
  color: #F8981C;
}

.header .gnb .dep_01.active .sub {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: #fff;
}

.header .gnb .dep_01.active .sub a {
  color: #524535;
}

.header .gnb .dep_01.active .sub a:hover {
  color: #F8981C;
}

.body {
  padding-top: 96px;
}

.btn_hamburger {
  display: none;
}

.footer {
  background-color: #FFF5E8;
  position: relative;
}

.footer .inner {
  max-width: 1200px;
  margin: 0 auto;
  height: 294px;
  box-sizing: border-box;
  padding: 60px 0 0;
}

.footer .f_logo {
  display: block;
  width: 264px;
  height: 48px;
  background: url('../img/img_logo_02.png') 0 0 / 264px 48px no-repeat;
  margin-bottom: 30px;
}

.footer .contact {
  display: flex;
  gap: 30px;
  margin-bottom: 12px;
}

.footer .contact p {
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  color: #BAA283;
}

.footer .address {
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  color: #BAA283;
  margin-bottom: 24px;
}

.footer .cp {
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  color: #BAA283;
}

@media (max-width: 1080px) {
  .header .gnb .dep_01>a {
    padding: 0 20px;
  }
}

@media (max-width: 980px) {
  .header .gnb .dep_01>a {
    padding: 0 10px;
  }
}

@media (max-width: 880px) {
  .header .gnb .dep_01>a {
    padding: 0 10px;
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .header {
    height: 54px;
  }

  .header .inner {
    height: 54px;
  }

  .header .gnb {
    display: none;
  }

  .header .logo {
    display: block;
    margin-left: 16px;
    width: 160px;
    height: 30px;
    background: url('../img/img_logo_01_m.png') 0 0 / auto 30px no-repeat;
  }

  .btn_hamburger {
    position: absolute;
    display: block;
    right: 16px;
    top: 12px;
    width: 30px;
    height: 30px;
    border: 0;
    background: url('../img/btn_ham_01_m.png') 0 0 / 30px no-repeat;
  }

  .body {
    padding-top: 54px;
  }

  .footer .inner {
    height: auto;
    padding: 30px 16px;
  }

  .footer .f_logo {
    width: 132px;
    height: 24px;
    background: url('../img/img_logo_02.png') 0 0 / 132px 24px no-repeat;
    margin-bottom: 20px;
  }

  .footer .contact {
    flex-direction: column;
    gap: 8px;
    margin-bottom: 8px;
  }

  .footer .contact p {
    font-size: 12px;
  }

  .footer .address {
    font-size: 12px;
    margin-bottom: 24px;
  }

  .footer .cp {
    font-size: 12px;
  }
}

.hamburger_wrap {
  display: none;
}

@media (max-width: 768px) {
  .hamburger_wrap {
    z-index: 999999;
    background-color: #fff;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: auto;
  }

  .hamburger_wrap.active {
    display: block;
  }

  .hamburger_wrap .hd {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 54px;
    background-color: #fff;
    padding: 12px 16px;
    box-sizing: border-box;
  }

  .hamburger_wrap .inner {
    padding-top: 54px;
  }

  .hamburger_wrap .ham_logo {
    display: block;
    width: 160px;
    height: 30px;
    background: url('../img/img_logo_01_m.png') 0 0 / auto 30px no-repeat;
  }

  .hamburger_wrap .btn_close {
    position: absolute;
    right: 16px;
    top: 12px;
    width: 30px;
    height: 30px;
    background: url('../img/btn_close_02.png') 0 0 / 30px no-repeat;
    border: 0;
  }

  .hamburger_wrap .menu {
    padding: 4px 24px 20px;
  }

  .hamburger_wrap .menu>ul>li:not(:first-child) {
    border-top: 1px solid #ECDDB9;
  }

  .hamburger_wrap .menu>ul>li>a {
    display: block;
    padding: 16px 0;
    color: #524535;
    font-size: 16px;
    font-weight: 700;
  }

  .hamburger_wrap .menu .extend {
    background: url('../img/bul_down_02.png') right 0 top 18px / 20px no-repeat;
  }

  .hamburger_wrap .menu .active .extend {
    background: url('../img/bul_up_02.png') right 0 top 18px / 20px no-repeat;
    color: #F8981C;
  }

  .hamburger_wrap .menu .sub {
    margin-top: -2px;
  }

  .hamburger_wrap .menu .sub a {
    display: block;
    padding: 0 0 12px 12px;
    font-size: 16px;
    line-height: 24px;
    color: #524535;
    font-weight: 500;
  }
}

html:has(.hamburger_wrap.active),
body:has(.hamburger_wrap.active) {
  overflow: hidden;
}

.main_banner {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
}

.main_section_01 {
  margin: 60px 0;
}

.main_section_01 .inner {
  max-width: 1200px;
  margin: 0 auto;
}

.main_section_01 .schedule {}

.main_section_01 .schedule h2 {
  width: 340px;
  height: 85px;
  box-sizing: border-box;
  text-align: center;
  line-height: 85px;
  font-family: "Paperlogy";
  font-weight: 400;
  font-size: 30px;
  background-color: #FFF5E8;
  border-top-left-radius: 48px;
  border-top-right-radius: 48px;
}

.main_section_01 .schedule .cont {
  max-width: 1200px;
  height: 245px;
  border-top-right-radius: 48px;
  border-bottom-right-radius: 48px;
  border-bottom-left-radius: 48px;
  background-color: #FFF5E8;
  overflow: visible;
}

.main_section_01 .schedule .cont ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  justify-content: center;
  gap: 27px;
  overflow: visible;
}

.main_section_01 .schedule .cont ul li {
  max-width: 260px;
  height: 245px;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding-top: 108px;
  text-align: center;
}

.main_section_01 .schedule .cont ul li:not(:first-child)::after {
  content: '';
  width: 30px;
  height: 30px;
  position: absolute;
  left: -28px;
  top: 108px;
  background: url('../img/bul_arrow_05.svg') 0 0 / 30px no-repeat;
  z-index: 1;
}

.main_section_01 .schedule .cont ul li strong {
  display: block;
  margin-bottom: 2px;
  font-family: "Paperlogy";
  font-weight: 400;
  font-size: 22px !important;
  line-height: 150%;
  color: #2A2723;
}

.main_section_01 .schedule .cont ul li span {
  font-family: "Paperlogy";
  font-weight: 400;
  font-size: 18px !important;
  line-height: 150%;
  color: #9C7849;
}

.main_section_01 .schedule .cont ul li.step01 {
  background: url('../img/ico_main_01.png') center 36px / 60px no-repeat;
}

.main_section_01 .schedule .cont ul li.step02 {
  background: url('../img/ico_main_02.png') center 36px / 60px no-repeat;
}

.main_section_01 .schedule .cont ul li.step03 {
  background: url('../img/ico_main_03.png') center 36px / 60px no-repeat;
}

.main_section_01 .schedule .cont ul li.step04 {
  background: url('../img/ico_main_04.png') center 36px / 60px no-repeat;
}

@media (max-width: 768px) {
  .main_section_01 .schedule {
    padding: 0 16px 48px;
  }

  .main_section_01 .schedule h2 {
    width: 203px;
    height: 54px;
    line-height: 54px;
    font-size: 20px;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
  }

  .main_section_01 .schedule .cont {
    width: auto;
    height: 316px;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    border-bottom-left-radius: 24px;
  }

  .main_section_01 .schedule .cont ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
  }

  .main_section_01 .schedule .cont ul li {
    max-width: 100%;
    height: 158px;
    width: 100%;
    padding-top: 58px;
  }

  .main_section_01 .schedule .cont ul li:not(:first-child)::after {
    display: none;
  }

  .main_section_01 .schedule .cont ul li strong {
    margin-bottom: 2px;
    font-size: 20px;
  }

  .main_section_01 .schedule .cont ul li span {
    font-size: 16px;
  }

  .main_section_01 .schedule .cont ul li.step01 {
    background: url('../img/ico_main_01.png') center 20px / 30px no-repeat;
  }

  .main_section_01 .schedule .cont ul li.step02 {
    background: url('../img/ico_main_02.png') center 20px / 30px no-repeat;
  }

  .main_section_01 .schedule .cont ul li.step03 {
    background: url('../img/ico_main_03.png') center 20px / 30px no-repeat;
  }

  .main_section_01 .schedule .cont ul li.step04 {
    background: url('../img/ico_main_04.png') center 20px / 30px no-repeat;
  }

}

.main_section_01 .link {
  margin-top: 80px;
}

.main_section_01 .link ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.main_section_01 .link ul li {
  flex: 1
}

.main_section_01 .link ul a {
  display: block;
  font-family: "Paperlogy";
  font-weight: 400;
  font-size: 24px;
  line-height: 150%;
  color: #4E400D;
  border-radius: 30px;
  height: 108px;
  position: relative;
  text-align: center;
  padding-top: 60px;
  box-sizing: border-box;
}

.main_section_01 .link ul .link_01 {
  background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, #FFE28C 100%);
}

.main_section_01 .link ul .link_01::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  width: 68px;
  height: 68px;
  background: url('../img/ico_link_01.png') 0 0 / 68px no-repeat;
}

.main_section_01 .link ul .link_02 {
  background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, #81CFFF 100%);
}

.main_section_01 .link ul .link_02::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  width: 68px;
  height: 68px;
  background: url('../img/ico_link_02.png') 0 0 / 68px no-repeat;
}

.main_section_01 .link ul .link_03 {
  background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, #FFBD7F 100%);
}

.main_section_01 .link ul .link_03::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  width: 68px;
  height: 68px;
  background: url('../img/ico_link_03.png') 0 0 / 68px no-repeat;
}

.main_section_01 .link ul .link_04 {
  background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, #FFEF81 100%);
}

.main_section_01 .link ul .link_04::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  width: 68px;
  height: 68px;
  background: url('../img/ico_link_04.png') 0 0 / 68px no-repeat;
}

@media (max-width: 768px) {
  .main_section_01 {
    margin-top: 38px;
  }

  .main_section_01 .link {
    padding: 0 16px;
    margin-top: 0;
  }

  .main_section_01 .link ul {
    gap: 30px 8px;
    grid-template-columns: repeat(2, 1fr);
  }

  .main_section_01 .link ul a {
    font-size: 20px;
    border-radius: 30px;
    height: 74px;
    padding-top: 36px;
  }

  .main_section_01 .link ul .link_01::after {
    top: -18px;
    width: 48px;
    height: 48px;
    background: url('../img/ico_link_01.png') 0 0 / 48px no-repeat;
  }

  .main_section_01 .link ul .link_02::after {
    top: -18px;
    width: 48px;
    height: 48px;
    background: url('../img/ico_link_02.png') 0 0 / 48px no-repeat;
  }

  .main_section_01 .link ul .link_03::after {
    top: -18px;
    width: 48px;
    height: 48px;
    background: url('../img/ico_link_03.png') 0 0 / 48px no-repeat;
  }

  .main_section_01 .link ul .link_04::after {
    top: -18px;
    width: 48px;
    height: 48px;
    background: url('../img/ico_link_04.png') 0 0 / 48px no-repeat;
  }

}


.main_section_02 {
  background: linear-gradient(180deg, #FFE9CD 0%, #FFC278 100%);
  overflow: hidden;
}

.main_section_02 .inner {
  max-width: 1200px;
  margin: 0 auto;
  height: 607px;
  padding: 80px 0;
  box-sizing: border-box;
  position: relative;
}

.main_section_02 h2 {
  height: 60px;
  line-height: 60px;
  font-size: 40px;
  font-family: "Paperozi";
  font-weight: 800;
  margin-bottom: 20px;
  color: #2A2723;
}

.main_section_02 h2 span {
  color: #D47801;
}

.main_section_02 .exhibition {}

.main_section_02 .exhibition li {
  width: 288px;
  height: 367px;
  background: linear-gradient(180deg, #FFFFFF 0%, #FFF5E9 100%);
  border-radius: 20px;
  padding: 20px;
  text-align: center;
}

.main_section_02 .exhibition li .title {
  font-weight: 800;
  font-size: 20px;
  color: #524535;
  line-height: 30px;
  margin: 0 auto 2px;
  display: block;
  text-align: center;
  max-width: 80%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.main_section_02 .exhibition li .text {
  font-size: 14px;
  font-weight: 500;
  color: #9C7849;
  line-height: 21px;
  margin: 0 auto;
  display: block;
  text-align: center;
  text-overflow: ellipsis;
  max-width: 80%;
  white-space: nowrap;
  overflow: hidden;
}

.main_section_02 .exhibition li .medal {
  display: inline-block;
  margin: 16px auto 8px;
  padding-top: 46px;
}

.main_section_02 .exhibition li .medal span {
  display: block;
  padding: 0 12px;
  line-height: 28px;
  height: 28px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  border-radius: 30px;
}

.main_section_02 .exhibition li .medal.gold {
  background: url('../img/ico_gold_01.png') center -4px / 56px no-repeat;
}

.main_section_02 .exhibition li .medal.gold span {
  background-color: #F8981C;
}

.main_section_02 .exhibition li .medal.silver {
  background: url('../img/ico_silver_01.png') center -4px / 56px no-repeat;
}

.main_section_02 .exhibition li .medal.silver span {
  background-color: #8D929B;
}

.main_section_02 .btn_more {
  position: absolute;
  top: 95px;
  right: 0;
  line-height: 30px;
  font-size: 20px;
  font-weight: 500;
  color: #9C7849;
}

.main_section_02 .btn_prev {
  position: absolute;
  top: 303px;
  left: -90px;
  width: 80px;
  height: 80px;
  background: url('../img/bul_left_01.png') 0 0 / 80px no-repeat;
  border: 0;
  z-index: 30;
}

.main_section_02 .btn_next {
  position: absolute;
  top: 303px;
  right: -90px;
  width: 80px;
  height: 80px;
  background: url('../img/bul_right_01.png') 0 0 / 80px no-repeat;
  border: 0;
  z-index: 30;
}

.main_section_02 .exhibition li .medal.gold {}

@media (max-width: 1200px) {
  .main_section_02 .exhibition li {
    text-align: center;
  }

  .main_section_02 .exhibition li img {
    max-width: 288px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .main_section_02 .inner {
    padding: 30px 0;
    height: 431px;
  }

  .main_section_02 h2 {
    height: 30px;
    margin: 0 16px 12px;
    font-size: 20px;
    line-height: 30px;
  }

  .main_section_02 .exhibition li {
    text-align: center;
    width: 220px;
    height: 281px;
    padding: 12px;
  }

  .main_section_02 .exhibition li img {
    max-width: 196px;
    width: 100%;
    height: auto;
  }

  .main_section_02 .exhibition li .medal span {
    line-height: 25px;
    height: 25px;
    font-size: 14px;
  }

  .main_section_02 .exhibition li .medal {
    margin: 8px auto;
    padding-top: 40px;
  }

  .main_section_02 .exhibition li .medal.gold {
    background: url('../img/ico_gold_01.png') center 0 / auto 40px no-repeat;
  }

  .main_section_02 .exhibition li .medal.silver {
    background: url('../img/ico_silver_01.png') center 0 / auto 40px no-repeat;
  }

  .main_section_02 .exhibition li .title {
    font-size: 16px;
    line-height: 24px;
  }

  .main_section_02 .exhibition li .text {
    font-size: 12px;
    line-height: 18px;
  }

  .main_section_02 .page {
    text-align: center;
    padding-top: 12px;
  }

  .main_section_02 .btn_prev {
    position: static;
    width: 34px;
    height: 34px;
    background: url('../img/bul_left_01_m.png') 0 0 / 34px no-repeat;
    border: 0;
    z-index: 30;
    display: inline-block;
  }

  .main_section_02 .btn_next {
    position: static;
    width: 34px;
    height: 34px;
    background: url('../img/bul_right_01_m.png') 0 0 / 34px no-repeat;
    border: 0;
    z-index: 30;
    display: inline-block;
  }

  .main_section_02 .btn_more {
    position: absolute;
    top: 30px;
    right: 16px;
    line-height: 24px;
    font-size: 16px;
  }
}

.main_section_03 {
  padding: 60px 0;
}

.main_section_03 .inner {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

.main_section_03 h2 {
  height: 60px;
  margin-bottom: 24px;
  line-height: 60px;
  font-size: 40px;
  color: #524535;
}

.main_section_03 ul {
  border-radius: 30px;
  padding: 3px 29px;
  border: 1px solid #ECDDB9;
  background-color: #FFF5E8;
}

.main_section_03 ul li:not(:first-child) {
  border-top: 1px solid #ECDDB9;
}

.main_section_03 ul a {
  display: flex;
  padding: 24px 0;
  font-size: 20px;
  font-weight: 500;
  justify-content: space-between;
  align-items: center;
}

.main_section_03 ul a .text {
  flex: 1;
  min-width: 1px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #524535;
}

.main_section_03 ul a .date {
  color: #9C7849;
  font-size: 14px;
  font-weight: 500;
}

.main_section_03 .btn_more {
  position: absolute;
  top: 15px;
  right: 0;
  line-height: 30px;
  font-size: 20px;
  font-weight: 500;
  color: #9C7849;
}

@media (max-width: 768px) {
  .main_section_03 {
    padding: 40px 16px;
  }

  .main_section_03 h2 {
    height: 30px;
    margin-bottom: 12px;
    line-height: 30px;
    font-size: 20px;
  }

  .main_section_03 ul {
    border-radius: 16px;
    padding: 12px 11px;
    border: 1px solid #ECDDB9;
    background-color: #FFF5E8;
  }

  .main_section_03 ul a {
    padding: 14px 0;
    gap: 4px;
    align-items: flex-start;
    flex-direction: column;
  }

  .main_section_03 ul a .text {
    text-overflow: unset;
    overflow: visible;
    font-size: 16px;
    white-space: unset;
  }

  .main_section_03 ul a .date {
    font-size: 12px;
  }

  .main_section_03 .btn_more {
    top: 3px;
    right: 0;
    font-size: 16px;
  }
}

.main_section_04 {
  padding: 0 0 60px;
}

.main_section_04 .inner {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

.main_section_04 h2 {
  height: 60px;
  margin-bottom: 24px;
  line-height: 60px;
  font-size: 40px;
  color: #524535;
}

.main_section_04 dl {
  border-radius: 30px;
  padding: 3px 29px;
  border: 1px solid #ECDDB9;
  background-color: #FFF5E8;
}

.main_section_04 dl dt {
  display: flex;
  padding: 24px 0;
  font-size: 20px;
  font-weight: 500;
  justify-content: space-between;
  align-items: center;
  background-color: transparent;
  border: 0;
}

.main_section_04 dl dt .text {
  flex: 1;
  min-width: 1px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #524535;
  cursor: pointer;
}

.main_section_04 dl dt .arrow {
  min-width: 24px;
  height: 24px;
  background: url('../img/bul_down_01.png') 0 0 / 24px no-repeat;
  display: block;
}

.main_section_04 dl dd {
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  color: #7C7C7C;
  padding-bottom: 24px;
  display: none;
}

.main_section_04 dl .active dt .arrow {
  background: url('../img/bul_up_01.png') 0 0 / 24px no-repeat;
}

.main_section_04 dl .active dd {
  display: block;
}

.main_section_04 dl>div:not(:first-child) dt {
  border-top: 1px solid #ECDDB9;
}

.main_section_04 .btn_more {
  position: absolute;
  top: 15px;
  right: 0;
  line-height: 30px;
  font-size: 20px;
  font-weight: 500;
  color: #9C7849;
}

@media (max-width: 768px) {
  .main_section_04 {
    padding: 0 16px 24px;
  }

  .main_section_04 h2 {
    height: 30px;
    margin-bottom: 12px;
    line-height: 30px;
    font-size: 20px;
  }

  .main_section_04 dl {
    border-radius: 16px;
    padding: 12px 11px;
    border: 1px solid #ECDDB9;
    background-color: #FFF5E8;
  }

  .main_section_04 dl dt {
    padding: 14px 0;
  }

  .main_section_04 dl dt .text {
    font-size: 16px;
  }

  .main_section_04 .btn_more {
    top: 3px;
    right: 0;
    font-size: 16px;
  }
}

.main_section_05 {
  padding-bottom: 60px;
}

.main_section_05 a {
  display: block;
  padding: 40px 60px;
  border: 1px solid rgba(248, 152, 28, 0.3);
  background: linear-gradient(180deg, #FFFFFF 0%, #FFF5E8 100%);
  max-width: 1200px;
  margin: 0 auto;
  border-radius: 30px;
  position: relative;
}

.main_section_05 .text {
  height: 60px;
  line-height: 60px;
  font-weight: 800;
  font-size: 40px;
  color: #524535;
}

.main_section_05 a::after {
  content: "";
  width: 80px;
  height: 80px;
  background: url('../img/ico_request_01.png') 0 0 / 80px no-repeat;
  position: absolute;
  right: 60px;
  top: 30px;
}

@media (max-width: 768px) {
  .main_section_05 {
    padding: 0 16px 40px;
  }

  .main_section_05 a {
    padding: 24px;
    border-radius: 16px;
  }

  .main_section_05 .text {
    font-size: 20px;
    line-height: 30px;
    height: 30px;
  }

  .main_section_05 a::after {
    content: "";
    width: 40px;
    height: 40px;
    background: url('../img/ico_request_01_m.png') 0 0 / 40px no-repeat;
    position: absolute;
    right: 24px;
    top: 19px;
  }

}


/* Floating Action Button (FAB) */
.fab {
  position: fixed;
  right: 80px;
  bottom: 30px;
  width: 120px;
  z-index: 999;
}
.fab .fab_btn { width: 120px;height: 120px;background: url('../img/btn_plus_01.png') 0 0 / 120px no-repeat;border: 0;border-radius: 100%; z-index: 10;display: block;}
.fab.active .fab_btn {background: url('../img/btn_close_03.png') 0 0 / 120px no-repeat;}
.fab .fab_menu {position: absolute;bottom: 140px;left: -10px;width: 148px;z-index: 9; }
.fab .fab_menu li {text-align: center;}
       
.fab .fab_item {
  position: absolute;
  left: 20px;
  bottom: 0; 
  opacity: 0;
  transform: translateY(0); 
  transition:
    transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.25s ease;
}
.fab .fab_item a {display: block;}
.fab .fab_item.i4 {
  transform: translateY(0); 
  margin-left: -24px;
}
.fab .fab_item.i4::after { content: ""; position: absolute;left:-20px;top:-50px; width: 188px;height: 81px;background: url('../img/text_event_01.png') 0 0 / 188px 81px no-repeat;}

.fab.active .fab_item {
  opacity: 1;
  transform: translateY(var(--offset));
  z-index: 3;
}
.fab_item.i1 a {
  display: block;
  width: 100px;
  height: 100px;
  background: url('../img/btn_link_01.png') 0 0 / 100px no-repeat;
}
.fab_item.i1 {
  --offset: 0;
  transition-delay: 0.05s;
}

.fab_item.i2 a {
  display: block;
  width: 100px;
  height: 100px;
  background: url('../img/btn_band_01.png') 0 0 / 100px no-repeat;
}
.fab_item.i2 {
  --offset: -120px;
  transition-delay: 0.1s;
}

.fab_item.i3 a {
  display: block;
  width: 100px;
  height: 100px;
  background: url('../img/btn_youtube_01.png') 0 0 / 100px no-repeat;
}
.fab_item.i3 {
  --offset: -240px;
  transition-delay: 0.15s;
}

.fab_item.i4 a {
  display: block;
  width: 148px;
  height: 148px; 
  background: url('../img/btn_instagram_01.png') 0 0 / 148px no-repeat;
}
.fab_item.i4 {
  --offset: -360px;
  transition-delay: 0.2s;
  opacity: 1;
}

@media (max-width: 768px) {
  .fab {
    right: 12px;
    bottom: 20px;
    width: 48px;
  }
  .fab .fab_btn { width: 36px;height: 36px;background: url('../img/btn_plus_01_m.png') 0 0 / 36px no-repeat;}
  .fab.active .fab_btn {background: url('../img/btn_close_03_m.png') 0 0 / 36px no-repeat;}
  .fab .fab_menu {bottom: 46px;left: -8px;width: 48px;}
  .fab .fab_item {
    left: 13px;
    bottom: 0; 
  }
  .fab .fab_item.i4 {
    margin-left: -11px;
  }
  .fab .fab_item.i4::after { content: ""; position: absolute;left:-66px;top:-43px; width: 126px;height: 60px;background: url('../img/text_event_01_m.png') 0 0 / 126px auto no-repeat;}
  .fab.active .fab_item {
    transform: translateY(var(--offset));
  }
  .fab_item.i1 a {
    width: 30px;
    height: 30px;
    background: url('../img/btn_link_01_m.png') 0 0 / 30px no-repeat;
  } 
  .fab_item.i2 a {
    width: 30px;
    height: 30px;
    background: url('../img/btn_band_01_m.png') 0 0 / 30px no-repeat;
  }
  .fab_item.i2 {
    --offset: -38px;
  }
  .fab_item.i3 a {
    width: 30px;
    height: 30px;
    background: url('../img/btn_youtube_01_m.png') 0 0 / 30px no-repeat;
  }
  .fab_item.i3 {
    --offset: -76px;
  }

  .fab_item.i4 a {
    width: 48px;
    height: 48px; 
    background: url('../img/btn_instagram_01_m.png') 0 0 / 48px no-repeat;
  }
  .fab_item.i4 {
    --offset: -112px;
  }
}

/* Bronze medal for exhibition */
.main_section_02 .exhibition li .medal.bronze {background: url('../img/ico_bronze_01.png') center -4px / 56px no-repeat;}
.main_section_02 .exhibition li .medal.bronze span {background-color: #A27052;}
@media (max-width: 768px) {
  .main_section_02 .exhibition li .medal.bronze { background: url('../img/ico_bronze_01.png') center 0 / auto 40px no-repeat;}
}

/* Bronze medal styles */
.main_section_02 .exhibition li .medal.bronze {background: url('../img/ico_bronze_01.png') center -4px / 56px no-repeat;}
.main_section_02 .exhibition li .medal.bronze span {background-color: #A27052;}

@media (max-width: 768px) {
  .main_section_02 .exhibition li .medal.bronze {background: url('../img/ico_bronze_01.png') center 0 / auto 40px no-repeat;}
}

/* Main promo section styles */
.main_section_01 .main_promo {margin-top: 60px;height: 300px;display: flex;align-items: center;justify-content: center;background: url('../img/bg_main_02.png') center 0 / auto 100% no-repeat;border-radius: 30px;}
.main_section_01 .main_promo dl {max-width: 100%;box-sizing: border-box;padding: 0 7px;}
.main_section_01 .main_promo dt {text-align: center; font-family: "Paperlogy"; color: #C26F2C; font-size: 30px; font-weight: 400; margin-bottom: 10px;}
.main_section_01 .main_promo dd { display: flex; flex-direction: column;gap: 10px; justify-items: center;align-items: center; }
.main_section_01 .main_promo dd > span {height: 60px;border: 4px solid #FFFFFF;border-radius: 16px;display: inline-flex;background: linear-gradient(180deg, #FFF7E9 0%, #FFB145 100%);}
.main_section_01 .main_promo dd > span span {background: linear-gradient(180deg, #FFF7E9 0%, #FFB145 100%);box-sizing: border-box;  background: linear-gradient(180deg, #FFAC5A 0%, #9F4000 100%);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent; font-size: 24px;font-weight: 700; font-family: "Paperlogy";padding: 0 24px;display: inline-flex;justify-content: center;align-items: center;}
.main_section_01 .main_promo .btn_down {background: #F8981C url('../img/bul_down_03.png') 16px 12px / 24px no-repeat;border-radius: 16px;line-height: 48px;padding: 0 16px 0 48px;color: #fff;font-size: 16px;font-weight: 700;white-space: nowrap;border: 0;}

@media (max-width: 768px) {
  .main_section_01 .main_promo {margin: 0 16px 22px;background: url('../img/bg_main_02_m.png') center 0 / 100% auto  no-repeat;}
  .main_section_01 .btn_down {background: #F8981C url('../img/bul_down_03.png') 12px 7px / 20px no-repeat;border-radius: 8px;line-height: 37px;padding: 0 12px 0 36px;font-size: 14px;}
  .main_section_01 .main_promo dt {font-size: 20px;margin-bottom: 11px;}
  .main_section_01 .main_promo dd > span {height: auto;}
  .main_section_01 .main_promo dd > span span {font-size: 16px;padding: 12px 18px;text-align: center;}
}
/* Exhibition List & Detail Styles */
.exhibition_wrap {max-width: 1200px;margin: 0 auto;padding: 60px 0;}
.page_title {font-size: 40px;font-weight: 800;color: #524535;margin-bottom: 40px;}
.exhibition_filter {background: #FFF5E8;border-radius: 20px;padding: 30px;margin-bottom: 40px;}
.filter_row {display: flex;gap: 16px;align-items: center;}
.filter_select {padding: 12px 20px;border: 1px solid #ECDDB9;border-radius: 10px;font-size: 16px;background: #fff;}
.search_box {display: flex;gap: 8px;flex: 1;}
.search_input {flex: 1;padding: 12px 20px;border: 1px solid #ECDDB9;border-radius: 10px;font-size: 16px;}
.btn_search {padding: 12px 30px;background: #F8981C;color: #fff;border: 0;border-radius: 10px;font-size: 16px;font-weight: 700;cursor: pointer;}
.exhibition_list {display: grid;grid-template-columns: repeat(4, 1fr);gap: 24px;margin-bottom: 40px;}
.exhibition_item {background: #fff;border-radius: 20px;overflow: hidden;box-shadow: 0 4px 12px rgba(0,0,0,0.1);transition: transform 0.2s;}
.exhibition_item:hover {transform: translateY(-4px);}
.item_image {position: relative;width: 100%;padding-top: 100%;overflow: hidden;}
.item_image img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.award_badge {position: absolute;top: 12px;right: 12px;padding: 6px 16px;border-radius: 20px;color: #fff;font-size: 14px;font-weight: 700;}
.award_badge.gold {background: #F8981C;}
.award_badge.silver {background: #8D929B;}
.award_badge.bronze {background: #A27052;}
.item_info {padding: 20px;}
.item_title {font-size: 18px;font-weight: 700;color: #524535;margin-bottom: 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.item_author {font-size: 14px;color: #9C7849;margin-bottom: 4px;}
.item_school {font-size: 14px;color: #9C7849;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.empty_list {text-align: center;padding: 80px 0;font-size: 18px;color: #9C7849;}
.pagination {display: flex;justify-content: center;align-items: center;gap: 20px;margin-top: 40px;}
.page_btn {padding: 10px 24px;background: #F8981C;color: #fff;border-radius: 10px;font-size: 16px;font-weight: 500;}
.page_info {font-size: 18px;color: #524535;}
.exhibition_detail_wrap {max-width: 1000px;margin: 0 auto;padding: 60px 0;}
.detail_header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;}
.detail_title {font-size: 32px;font-weight: 800;color: #524535;}
.detail_badge {padding: 8px 20px;border-radius: 24px;color: #fff;font-size: 16px;font-weight: 700;}
.detail_badge.gold {background: #F8981C;}
.detail_badge.silver {background: #8D929B;}
.detail_badge.bronze {background: #A27052;}
.detail_image {margin-bottom: 40px;border-radius: 20px;overflow: hidden;}
.detail_image img {width: 100%;height: auto;display: block;}
.info_table {width: 100%;border-collapse: collapse;margin-bottom: 40px;}
.info_table th {text-align: left;padding: 16px 20px;background: #FFF5E8;font-weight: 700;color: #524535;width: 150px;}
.info_table td {padding: 16px 20px;border-bottom: 1px solid #ECDDB9;color: #524535;}
.detail_actions {text-align: center;}
.btn_back {display: inline-block;padding: 14px 40px;background: #F8981C;color: #fff;border-radius: 10px;font-size: 18px;font-weight: 700;}

@media (max-width: 1024px) {
  .exhibition_list {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 768px) {
  .exhibition_wrap {padding: 30px 16px;}
  .page_title {font-size: 24px;margin-bottom: 20px;}
  .exhibition_filter {padding: 20px;margin-bottom: 20px;}
  .filter_row {flex-direction: column;gap: 12px;}
  .filter_select {width: 100%;}
  .search_box {width: 100%;}
  .exhibition_list {grid-template-columns: repeat(2, 1fr);gap: 16px;}
  .item_info {padding: 12px;}
  .item_title {font-size: 16px;}
  .item_author, .item_school {font-size: 12px;}
  .exhibition_detail_wrap {padding: 30px 16px;}
  .detail_header {flex-direction: column;align-items: flex-start;gap: 12px;}
  .detail_title {font-size: 24px;}
  .info_table th {width: 100px;padding: 12px;font-size: 14px;}
  .info_table td {padding: 12px;font-size: 14px;}
}

/* ========================================
   수상작 전시 페이지 스타일 (exhibit_wrap)
   ======================================== */
.exhibit_wrap {padding-bottom: 60px;min-height: calc(100vh - 400px);}
.exhibit_wrap .search {padding-bottom: 30px;display: flex;align-items: center;gap: 12px;}
.exhibit_wrap .search form {display: flex;align-items: center;gap: 12px;width: 100%;}
.exhibit_wrap .search .select {width: 200px;}
.exhibit_wrap .search .box {display: flex;gap: 12px;}
.exhibit_wrap .search input {width: 340px;}
.exhibit_wrap .search button {background-color: #F8981C;min-width: 73px;height: 49px;color: #fff;font-size: 14px;border: 0;border-radius: 12px;font-weight: 700;cursor: pointer;}
.exhibit_wrap .cate {position: relative;padding: 40px 0 30px;border-bottom: 1px solid #ECDDB9;margin-bottom: 30px;}
.exhibit_wrap .cate .select {position: absolute;right: 0px;top: 47px;width: 261px;}
.exhibit_wrap .cate h3 {font-size: 24px;font-weight: 700;color: #2A2723;margin-bottom: 4px;}
.exhibit_wrap .cate p {color: #7C7C7C;font-size: 16px;font-weight: 500;}

.exhibit_wrap .exhibit_list {display: grid;grid-template-columns: repeat(4, 1fr);align-items: stretch;gap: 30px 16px;list-style: none;padding: 0;margin: 0;min-height: 400px;}
.exhibit_wrap .empty_result {min-height: 400px;display: flex;align-items: center;justify-content: center;}
.exhibit_wrap .empty_result p {color: #A3A3A3;font-size: 18px;font-weight: 500;}
.exhibit_wrap .exhibit_list li {height: 313px;background: #F6F6F6;border-radius: 20px;padding: 20px 24px;text-align: center;position: relative;box-sizing: border-box;display: flex;flex-direction: column;width: 100%;min-width: 0;}
.exhibit_wrap .exhibit_list li a {display: flex;flex-direction: column;text-decoration: none;height: 100%;}
.exhibit_wrap .exhibit_list li img {width: 100%;height: 168px;object-fit: cover;border-radius: 8px;flex-shrink: 0;}
.exhibit_wrap .exhibit_list li .title {font-weight: 800;font-size: 20px;color: #524535;line-height: 30px;margin: 0 auto 2px;display: block;text-align: center;max-width: 80%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;flex-shrink: 0;}
.exhibit_wrap .exhibit_list li .text {font-size: 14px;font-weight: 500;color: #9C7849;line-height: 21px;margin: 0 auto;display: block;text-align: center;text-overflow: ellipsis;max-width: 80%;white-space: nowrap;overflow: hidden;flex-shrink: 0;}
.exhibit_wrap .exhibit_list li .text span + span {padding-left: 20px;position: relative;}
.exhibit_wrap .exhibit_list li .text span + span::after {position: absolute;content: "";left: 8px;top: 6px;border-radius: 100%;width: 4px;height: 4px;font-size: 0;line-height: 0;background-color: #ECDDB9;}
.exhibit_wrap .exhibit_list li .medal {display: inline-block;margin: 16px auto 8px;flex-shrink: 0;}
.exhibit_wrap .exhibit_list li .medal span {display: block;padding: 0 12px;line-height: 28px;height: 28px;font-size: 16px;font-weight: 500;color: #fff;border-radius: 30px;}
.exhibit_wrap .exhibit_list li .medal.gold::after {content: '';position: absolute;right: 8px;top: 8px;background: url('../img/ico_gold_02.png') 0 0 / 56px no-repeat;width: 56px;height: 56px;z-index: 10;}
.exhibit_wrap .exhibit_list li .medal.gold span {background-color: #F8981C;}
.exhibit_wrap .exhibit_list li .medal.silver::after {content: '';position: absolute;right: 8px;top: 8px;background: url('../img/ico_silver_02.png') 0 0 / 56px no-repeat;width: 56px;height: 56px;z-index: 10;}
.exhibit_wrap .exhibit_list li .medal.silver span {background-color: #8D929B;}
.exhibit_wrap .exhibit_list li .medal.bronze::after {content: '';position: absolute;right: 8px;top: 8px;background: url('../img/ico_bronze_02.png') 0 0 / 56px no-repeat;width: 56px;height: 56px;z-index: 10;}
.exhibit_wrap .exhibit_list li .medal.bronze span {background-color: #A27052;}

@media (max-width: 768px) {
  .exhibit_wrap {padding: 0 16px 30px;min-height: calc(100vh - 300px);}
  .exhibit_wrap .cate {padding: 20px 0;margin-bottom: 20px;}
  .exhibit_wrap .cate .select {position: static;width: 100%;}
  .exhibit_wrap .cate h3 {font-size: 18px;margin-bottom: 2px;}
  .exhibit_wrap .cate p {font-size: 14px;margin-bottom: 20px;}
  .exhibit_wrap .search {align-items: flex-start;flex-direction: column;gap: 8px;width: 100%;padding-bottom: 20px;}
  .exhibit_wrap .search form {flex-direction: column;align-items: flex-start;gap: 8px;}
  .exhibit_wrap .search .select {width: 100%;}
  .exhibit_wrap .search .box {width: 100%;gap: 8px;}
  .exhibit_wrap .search input {flex: 1;width: 100%;font-size: 14px;}
  .exhibit_wrap .exhibit_list {grid-template-columns: repeat(2, 1fr);gap: 20px 12px;min-height: 300px;}
  .exhibit_wrap .exhibit_list li {text-align: center;padding: 12px;height: 240px;display: flex;flex-direction: column;width: 100%;min-width: 0;box-sizing: border-box;}
  .exhibit_wrap .exhibit_list li a {display: flex;flex-direction: column;height: 100%;}
  .exhibit_wrap .exhibit_list li img {width: 100%;height: 120px;object-fit: cover;flex-shrink: 0;}
  .exhibit_wrap .exhibit_list li .medal span {line-height: 25px;height: 25px;font-size: 14px;}
  .exhibit_wrap .exhibit_list li .medal.gold::after {content: '';right: 4px;top: 4px;background: url('../img/ico_gold_02_m.png') 0 0 / 42px 46px no-repeat;width: 42px;height: 46px;}
  .exhibit_wrap .exhibit_list li .medal.silver::after {content: '';right: 4px;top: 4px;background: url('../img/ico_silver_02_m.png') 0 0 / 42px 46px no-repeat;width: 42px;height: 46px;}
  .exhibit_wrap .exhibit_list li .medal.bronze::after {content: '';right: 4px;top: 4px;background: url('../img/ico_bronze_02_m.png') 0 0 / 42px 46px no-repeat;width: 42px;height: 46px;}
  .exhibit_wrap .exhibit_list li .medal {margin: 8px auto 4px;flex-shrink: 0;}
  .exhibit_wrap .exhibit_list li .title {font-size: 14px;line-height: 20px;max-width: 100%;flex-shrink: 0;}
  .exhibit_wrap .exhibit_list li .text {font-size: 12px;line-height: 18px;max-width: 100%;flex-shrink: 0;}
  .exhibit_wrap .empty_result {min-height: 300px;}
  .exhibit_wrap .empty_result p {font-size: 16px;}
}

/* 수상작 전시 상세 모달 (dialog_exhibit) */
.dialog_exhibit {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 68px 90px 20px;
  width: 1124px;
  max-width: 95vw;
  max-height: 90vh;
  box-sizing: border-box;
  border: 0;
  background-color: transparent;
  overflow: visible;
  margin: 0;
}
.dialog_exhibit::backdrop {
  background-color: rgba(0, 0, 0, 0.7);
}
.dialog_exhibit::-webkit-scrollbar {
  display: none;
}
.dialog_exhibit {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
body.none_scroll {
  overflow: hidden !important;
  position: static !important;
}
.dialog_exhibit .cont {position: relative;}
.dialog_exhibit .cont img {border-radius: 8px;max-width: 944px;width: 100%;max-height: calc(90vh - 240px);object-fit: contain;aspect-ratio: 16 / 10;}
.dialog_exhibit .cont .sw-exhibit {max-width: 944px;}
.dialog_exhibit .cont .desc {background-color: #fff;margin-top: 16px;border-radius: 8px;border: 0;text-align: center;height: 129px;}
.dialog_exhibit .cont li .title {font-weight: 800;font-size: 20px;color: #524535;line-height: 30px;margin: 0 auto 2px;display: block;text-align: center;max-width: 80%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.dialog_exhibit .cont li .text {font-size: 14px;font-weight: 500;color: #7C7C7C;line-height: 21px;margin: 0 auto;display: block;text-align: center;text-overflow: ellipsis;max-width: 80%;white-space: nowrap;overflow: hidden;}
.dialog_exhibit .cont li .text span + span {padding-left: 20px;position: relative;}
.dialog_exhibit .cont li .text span + span::after {position: absolute;content: "";left: 8px;top: 6px;border-radius: 100%;width: 4px;height: 4px;font-size: 0;line-height: 0;background-color: #ECDDB9;}
.dialog_exhibit .cont li .medal {display: inline-block;margin: 16px auto 8px;}
.dialog_exhibit .cont li .medal span {display: block;padding: 0 12px;line-height: 28px;height: 28px;font-size: 16px;font-weight: 500;color: #fff;border-radius: 30px;}
.dialog_exhibit .cont li .medal.gold span {background-color: #F8981C;}
.dialog_exhibit .cont li .medal.silver span {background-color: #8D929B;}
.dialog_exhibit .cont li .medal.bronze span {background-color: #A27052;}
.dialog_exhibit .page .btn_prev {position: absolute;left: -90px;top: 358px;min-width: 80px;height: 80px;background: transparent url('../img/bul_left_02.png') 0 0 / 80px no-repeat;border: 0;}
.dialog_exhibit .page .btn_next {position: absolute;right: -90px;top: 358px;min-width: 80px;height: 80px;background: transparent url('../img/bul_right_02.png') 0 0 / 80px no-repeat;border: 0;}
.dialog_exhibit .close {
  position: absolute;
  right: 90px;
  top: 0;
  width: 77px;
  height: 52px;
  background-color: #F8981C;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  border: 0;
  border-radius: 12px;
  cursor: pointer;
}

@media (max-width: 1200px) {
  .dialog_exhibit .page .btn_prev {position: static;}
  .dialog_exhibit .page .btn_next {position: static;}
  .dialog_exhibit {padding: 68px 16px 20px;}
  .dialog_exhibit .close {right: 16px;}
}

@media (max-width: 768px) {
  .dialog_exhibit {padding: 50px 16px 16px; max-height: 95vh;}
  .dialog_exhibit .close {right: 16px;height: 37px;line-height: 37px;font-size: 14px;}
  .dialog_exhibit .cont img {max-height: calc(95vh - 250px);}
  .dialog_exhibit .cont li .medal {margin-top: 12px;}
  .dialog_exhibit .cont .desc {margin-top: 10px;height: 113px;}
  .dialog_exhibit .page {margin-top: 10px;}
  .dialog_exhibit .page .btn_prev {min-width: 40px;height: 40px;background: transparent url('../img/bul_left_02_m.png') 0 0 / 40px no-repeat;}
  .dialog_exhibit .page .btn_next {min-width: 40px;height: 40px;background: transparent url('../img/bul_right_02_m.png') 0 0 / 40px no-repeat;}
}

/* ========================================
   수상작 전시 상세페이지 스타일 (exhibit_detail)
   ======================================== */
.exhibit_detail {display: flex;gap: 40px;padding: 30px 0;border-top: 2px solid #333;border-bottom: 1px solid #ddd;}
.exhibit_detail .image {flex: 0 0 auto;max-width: 480px;}
.exhibit_detail .image img {width: 100%;height: auto;border-radius: 8px;box-shadow: 0 4px 12px rgba(0,0,0,0.1);}
.exhibit_detail .info {flex: 1;padding-top: 10px;}
.exhibit_detail .info .medal {display: inline-block;padding: 6px 16px;border-radius: 20px;font-size: 14px;font-weight: 600;color: #fff;margin-bottom: 15px;}
.exhibit_detail .info .medal.gold {background: linear-gradient(135deg, #FFD700, #FFA500);}
.exhibit_detail .info .medal.silver {background: linear-gradient(135deg, #C0C0C0, #A8A8A8);}
.exhibit_detail .info .medal.bronze {background: linear-gradient(135deg, #CD7F32, #B8860B);}
.exhibit_detail .info h3 {font-size: 24px;font-weight: 700;color: #333;margin-bottom: 20px;line-height: 1.4;}
.exhibit_detail .info dl {display: grid;grid-template-columns: 80px 1fr;gap: 12px 20px;padding: 20px;background: #f8f9fa;border-radius: 8px;}
.exhibit_detail .info dt {font-size: 14px;color: #666;font-weight: 500;}
.exhibit_detail .info dd {font-size: 14px;color: #333;}
.exhibit_detail .info .content {margin-top: 25px;padding-top: 25px;border-top: 1px solid #eee;}
.exhibit_detail .info .content h4 {font-size: 16px;font-weight: 600;color: #333;margin-bottom: 12px;}
.exhibit_detail .info .content p {font-size: 14px;color: #555;line-height: 1.8;}

.exhibit_wrap .btn_area {padding: 40px 0;text-align: center;}
.exhibit_wrap .btn_area .btn {display: inline-block;padding: 14px 50px;background: #333;color: #fff;font-size: 15px;font-weight: 500;border-radius: 4px;text-decoration: none;transition: background 0.2s;}
.exhibit_wrap .btn_area .btn:hover {background: #555;}

@media (max-width: 1200px) {
  .exhibit_detail {gap: 30px;}
  .exhibit_detail .image {max-width: 400px;}
  .exhibit_detail .info h3 {font-size: 22px;}
}

@media (max-width: 768px) {
  .exhibit_detail {flex-direction: column;gap: 25px;padding: 25px 0;}
  .exhibit_detail .image {max-width: 100%;}
  .exhibit_detail .info {padding-top: 0;}
  .exhibit_detail .info .medal {padding: 5px 14px;font-size: 13px;}
  .exhibit_detail .info h3 {font-size: 20px;margin-bottom: 15px;}
  .exhibit_detail .info dl {padding: 15px;gap: 10px 15px;}
  .exhibit_detail .info dl dt,
  .exhibit_detail .info dl dd {font-size: 13px;}
  .exhibit_detail .info .content {margin-top: 20px;padding-top: 20px;}
  .exhibit_detail .info .content h4 {font-size: 15px;}
  .exhibit_detail .info .content p {font-size: 13px;}
  .exhibit_wrap .btn_area {padding: 30px 0;}
  .exhibit_wrap .btn_area .btn {padding: 12px 40px;font-size: 14px;}
}