@charset "utf-8";

/* 내용관리 */
#ctt {margin: 0;padding:0px;background:#fff;}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:0px; position: relative; display: block; width: 100%;}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}




/* 2025-09-09 ejh */


:root {
  --main :#D5B076;
  --black:#000000;  --white:#ffffff;
}


/* 공동 */

/* 제목 */
.page_title {text-align:center;margin-bottom:60px}
.title_text {margin:0 auto;font-size:40px;font-weight:bold; color: #cfae7a; padding: 0 24px 18px; border-bottom: 2px solid var(--main);max-width: 230px;}







/* 막스포 라인 ******************************************* */

/* 막스포 시즌5 시작 ********************************* */
.var_main {color: var(--main);}
.wrap{}
.maxpo_bg {background-color: #EAEAEA; margin: 50px 0; padding: 30px 0;}
.maxpo_bg div {}
.maxpo_top {display: flex;justify-content: space-between;width: 100%;align-items: center;gap: 30px;}

.intro_head {display: flex;flex-direction: column;gap: 20px; width: 100%;}
.intro_head p {font-size: 20px; word-break: keep-all; line-height: 1.6; font-weight: 500;color: #333;}
.intro_kor { margin:0; font:bold 32px/1.25 "Noto Serif KR",serif; color:#4D4D4D; letter-spacing:-.02em; word-break: keep-all; line-height: 1.45;}
.intro_body {display:grid; gap:25px;}
.intro_body p {margin:0; color:#666; font-size: 18px; line-height: 27px; word-break: keep-all;letter-spacing: -0.036em;}
.intro_body p strong {color:#D77F93}
/* .mob_bbr {display: none;} */
/* 막스포 시즌5 끝 ********************************* */



/* 전시개요 시작 ********************************* */
.fw600 {font-weight: 600 !important;}

.spec_table { width:100%; border-top: 1px solid #B2B0B0; overflow:hidden; }
.spec_row { display:grid; grid-template-columns:180px 1fr; gap:0; border-top:1px solid #dcdcdc;}
.spec_row:first-child {border-top:none}
.spec_head { display:flex; align-items:center; gap:12px; padding:42px 20px; font-weight:bold; position:relative; font-size: 30px;white-space: nowrap;}
/* .spec_head::before { content:""; width:5px; height:22px; background:#cfae7a; border-radius:3px; display:inline-block;} */
.spec_body { padding:20px 20px 20px 80px; color:#333; background:#fff; display: flex; justify-content: center;flex-direction: column; gap: 15px;}
.spec_body2 { padding:27px 20px 27px 80px; color:#333; background:#fff; display: flex; justify-content: center;flex-direction: column; gap: 15px;}
/* 행 교차 배경으로 살짝 리듬 주기 */
/* .spec_row:nth-child(even) .spec_body { background:#fffbf5 } */
/* 일반 텍스트 */
.text_line {margin:0; line-height:1.6;font-size: 18px;font-weight: 400; word-break: keep-all; }
.muted {color:#bdb6ac}
/* 로고 그리드 */
.logo_grid { display:grid; grid-template-columns:repeat(3, minmax(90px,1fr)); gap:18px; align-items:center;max-width: 730px;}
.logo_item { background:#fff; border:1px solid #e8e8e8; border-radius:8px;overflow: hidden; box-shadow:0 4px 14px rgba(0,0,0,.05); transition:transform .12s ease, box-shadow .12s ease; display: flex; justify-content: center;}
.logo_item:hover { transform:translateY(-2px); box-shadow:0 4px 14px rgba(0,0,0,.08) }
.logo_item img {width:100%;max-width: 226px !important; object-fit:contain; display:block}
/* 프로그램 카드 */
.program_card { border:1px solid #ddd; background:#fff; display: flex;  padding: 20px 18px;}
.program_card:first-child { margin-top:0px; }
.program_head { display:flex; align-items:center; justify-content:center; font-weight:bold; font-size:16px; color:#333; height: 24px;  width: 56px;  text-align: left;  margin-right: 90px;}
/* .program_cols {display:flex;flex-direction: column; gap:16px; padding:14px 18px} */
.program_list {margin:0;display: flex; flex-direction: column; gap: 14px;}
.program_list li {margin:0;display: flex; align-items: baseline; gap: 25px;line-height: 1.45;}
.program_list li div {display: flex;align-items: center;min-width: 180px;}
.program_list2 li div {display: flex;align-items: center;}
.program_list li span {color: var(--main);font-size: 30px;line-height: 0; height: 10px;}
.program_list li b {white-space: nowrap; line-height: 23.2px;}
.program_list li p {word-break: keep-all;font-size: 16px;color: #333;}
/* 전시품목 라벨 리스트 */
.items_list {display:grid; grid-template-columns:1fr; gap:0px;border: 1px solid #ddd;}
/* 막걸리엑스포 스타일 */
.list_p { font-weight: 600;  color: #000;  font-size: 20px;  padding: 17.5px 20px;  background: #FBE9CC;  border-top: 1px solid #000;}
.list_p2 {  background: #D5B076; margin-bottom: -20px;}

.item_row { display:grid; grid-template-columns: 180px 1fr;  gap: 14px 15px;  align-items: center;  padding: 20px 18px; }
.item_desc {font-size: 16px; line-height: 23.2px; word-break: keep-all;  letter-spacing: -0.032em;}
.item_badge { display:inline-flex; align-items:center; justify-content:left; font-weight:bold; color:#333; white-space:nowrap; font-size:16px; text-align: left;  gap: 6px;}
.item_badge::before { content:""; width: 6px;  height: 6px;  background: #D5B076;  border-radius: 5px;  display: inline-block;}
/* 전시개요 끝 ********************************* */





/* 참가안내 */
/* 위에 노랑 아이콘들 */
.apply_step_wrap {  width: 100%;  padding: 25px 0;background: #EDEDED;margin-bottom: 30px;    position: relative;  z-index: 0;}
.apply_step_wrap::before { content: ""; position: absolute; top: 0; left: 50%;  width: 100vw; height: 100%; background: #EDEDED; transform: translateX(-50%);  z-index: -1;}
.apply_step {  display: flex;  justify-content: space-between;  align-items: flex-start;  width: 100%;}
/* 순서 */
.step_item {  flex: 1;  min-width: 0;  text-align: center;}
/* 노랑 동그라미 */
.step_icon {  display: flex;  justify-content: center;  align-items: center;  width: 126px;  height: 126px;  margin: 0 auto 20px;  border-radius: 50%;  background: #FFC115;}
.step_icon img {  display: block; width: 100%;  max-width:70px !important;  object-fit: contain;
  /* 이미지 진회색 */
  filter: brightness(0) saturate(100%)
          invert(18%) sepia(4%)
          saturate(8%) hue-rotate(314deg)
          brightness(94%) contrast(90%);
}
/* 텍스트 */
.step_txt h3 {  margin: 0 0 12px;  color: #333;  font-size: 21px;  font-weight: 600;  line-height: 29.4px;word-break: keep-all;}
.step_txt p {  color: #333;  font-size: 15px; font-weight: 400;  line-height: 21px; max-width: 190px; margin: 0 auto; word-break: keep-all;}
/* 화살표 */
.step_arrow {  position: relative;  flex: 0 0 55px;  height: 126px;}
.step_arrow::after {  content: "";  position: absolute;  top: 50%;  left: 50%;  width: 0;  height: 0;  border-top: 10px solid transparent;  border-bottom: 10px solid transparent;  border-left: 17px solid #BFC1CA;  transform: translate(-50%, -50%);}



@media (max-width: 1200px) {
  /* 노랑 동그라미 */
  .step_icon { width: 90px;  height: 90px;  margin: 0 auto 15px; }
  .step_icon img {  max-width: 48px !important;}
  /* 화살표 */
  .step_arrow { flex-basis: 35px; height: 90px;  }
  .step_txt h3 { margin: 0 0 10px; font-size: 20px;}
}

@media (max-width: 1024px) {
  .apply_step { flex-wrap: wrap; justify-content: center; gap: 30px 0;  }
  .step_item { flex: 0 0 30%;  }
  .step_arrow { flex: 0 0 5%;  }
  /* 화살표 숨김 */
  .step_arrow:nth-of-type(3) { display: none;  }

}

@media (max-width: 767px) {
  .apply_step {display: block;  }
  .step_item {display: flex; align-items: center; gap: 20px; width: 100%; text-align: left; }
  /* 노랑 동그라미 */
  .step_icon {  flex: 0 0 75px;  width: 75px; height: 75px; margin: 0;}
  .step_icon img {  width: 40px;   }
  /* 텍스트 */
  .step_txt {  flex: 1;  }
  .step_txt p {  max-width: unset;  margin: unset;word-break: keep-all;}
  .step_txt p br {   display: none;  }
  .step_txt h3 { margin: 0 0 10px; font-size: 18px; line-height: 1.4;}
  /* 화살표 */
  .step_arrow {  display: block !important;  width: 75px;  height: 40px;  margin: 0;  }
  .step_arrow::after { top: 50%;  left: 50%; border-top: 12px solid #bbbfc7;   border-right: 9px solid transparent;  border-left: 9px solid transparent;  border-bottom: 0; transform: translate(-50%, -50%); }

}

@media (max-width: 480px) {
  .step_item { gap: 12px;  }
  /* 노랑 동그라미 */
  .step_icon { flex-basis: 70px; width: 70px; height: 70px;  }
  .step_icon img { width: 36px;  }
  /* 텍스트 */
  .step_txt h3 { margin: 0 0 7px; font-size: 16px;}
  .step_txt p { font-size: 14px; line-height: 1.4;}
  /* 화살표 */
  .step_arrow { width: 70px; height: 34px;  }


}






/* .spec_card{background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 6px 16px rgba(0,0,0,.05);;overflow:hidden} */
.spec_body .text_line{margin:0;line-height:28.8px;color:#333}
.spec_row{display:grid;grid-template-columns:185px 1fr;gap:0;border-top:1px solid #dcdcdc}
.spec_row:first-child{border-top:none}
/* .spec_row:nth-child(even) .spec_body{background:#fffbf5} */

.exhibit_info .table td { min-width: 227px;}
.exhibit_info .table .price {min-width: 168px;}
.exhibit_info .left span {display: inline-block;font-size: 13px;color: #585858;letter-spacing: -0.026em; line-height: 18px;margin-top: 10px;}

.exhibit_info .left .note{color:#666;font-size:14px;letter-spacing: unset; line-height: 20.3px;margin-top: 0;}



/* 버튼 */
.exhibit_info_btn{all:unset;display:inline-flex;align-items:center;justify-content:center;gap:8px;  height:38px;padding:0 14px;border-radius:8px;font-weight:600;cursor:pointer;transition:.2s}
.btn_solid{background:#4755E8;color:#fff;}
.btn_solid:hover{background:#2a37c5;}
.btn_row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}

/* 표 공통 */
.table_wrap {border:1px solid #E7C6A6;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 6px 16px rgba(0,0,0,.05); }
.table_wrap .table{width:100%;border-collapse:separate;border-spacing:0}
.table_wrap .table thead th{ background: #FFFAF4; color: #000;height: 40px; font-weight: 600; font-size: 16px;text-align:center;}
.table_wrap .table th,.table td{border-bottom:1px solid #ddd;padding:14px 12px;text-align:center;vertical-align:middle;    word-break: keep-all; line-height: 1.45;}
.table_wrap .table td {border-right: 1px solid #ddd;}
.table_wrap .table td:last-child {border-right: 0;}
.table_wrap .table td img {width: 100%;max-width: 140px !important;}
.table_wrap .table tr:last-child th,.table tr:last-child td{border-bottom:none}
.table_wrap .table .left{text-align:left}
.table_wrap .table .price{font-weight:800;font-size: 16px;line-height: 23.2px;}
.spec_body .table_small_note{color:#E62929;font-size:13px;letter-spacing: -0.026em; }


.booth_thumb{width:120px;height:90px;object-fit:contain;display:block;margin:0 auto 8px;border-radius:8px;background:#fff;border:1px dashed #eee}



/* 참고자료 시작 */
.doc_grid{ display:grid; grid-template-columns:repeat(3,minmax(220px,1fr));  gap:20px;}
.doc_item { background: #fafafa; height: 150px; display: flex; align-items: center; justify-content: center; border: 1px solid #e0e0e0; border-radius: 8px; padding: 20px 30px; text-align: center; font-weight: 500; font-size: 16px; line-height: 1.5; word-break: keep-all; cursor: pointer; transition: all .2s ease; box-shadow: 0 4px 14px rgba(0,0,0,.05);}
.doc_item:hover{ background:#d3b48b;border-color:#d3b48b; color:#fff;transform:translateY(-2px); box-shadow:0 4px 14px rgba(0,0,0,.1);}
/* 참고자료 끝 */




/* 전시개요 ~ 참가업체 */
@media (max-width:1024px){
  .title_text{font-size:28px}
  
  /* 막스포 시즌5 */
  .maxpo_bg div img { height: 230px !important;}
  .intro_kor {font-size: 30px;}
  
  /* 전시개요 ~ */
  .spec_head { padding: 28px 20px;  font-size: 22px;}
  .spec_body { padding: 20px 0 ;}
  /* 후원~ */
  .logo_grid{grid-template-columns:repeat(3, minmax(90px,1fr));    gap: 14px;}
  .spec_row {  grid-template-columns: 145px 1fr;}
  /* 막걸리엑스포~ */
  .list_p {  font-size: 18px;  padding: 17px 20px;}
  .item_row { grid-template-columns: 130px 1fr; gap: 10px 15px;}
  /* 부대행사 ~*/
  .program_head { margin-right: 25px;  font-size: 15px;  }
  .program_list { gap: 10px;}
  .program_list li { gap: 15px;}
  .program_list li div {  min-width: 165px;}
  .program_list li b { font-size: 15px;}
  .program_list li p { font-size: 15px;}


  /* 참가업체 조절 */
  .exhibit_info .table td {  min-width: unset;}
  .exhibit_info .table .price { min-width: unset;}

}

@media (max-width:767px){
  .title_text{font-size:26px}
  .exhibit_info .table th,.table td{padding:12px 7px;font-size: 14px;}
  
  /* 막스포 시즌5 */
  .maxpo_bg {margin: 35px 0;}
  .maxpo_bg div img { height: 270px !important;}
  .maxpo_top { flex-direction: column-reverse;gap: 20px;}
  .intro_head { gap: 10px;  max-width: 100%;}
  .intro_kor { font-size:22px}
  .intro_head p {font-size: 18px; }
  .intro_body { gap: 18px;padding-bottom: 10px;}
  
  /* 전시개요 */
  .title_text { font-size: 32px; max-width: 200px;padding: 0 24px 10px;}
  
  .spec_head { padding: 20px 0px;  font-size: 20px;}
  .spec_body{border-left:none;border-top:1px dashed #ddd; padding: 18px 0px;}
  .spec_row{grid-template-columns:1fr}
  .logo_grid{grid-template-columns:repeat(2, minmax(80px,1fr)); gap:14px}
  .program_cols{grid-template-columns:1fr; gap: 0; text-align: center;}
  /* 막걸리 엑스포 ~ */
  .list_p { font-size: 17px; padding: 15px 20px;}
  .item_row{grid-template-columns:1fr; gap: 15px 15px;}
  .item_desc { margin-top: -8px;}
  /* 부대행사 ~ */
  .program_card { flex-direction: column;  gap: 18px;}
  .program_head {  margin-right: unset;  justify-content: left; font-size: 17px;}
  .program_list { gap: 17px;}
  .program_list li {flex-direction: column;text-align: left; gap: 7px;}
  /* .program_list li p {padding-left: 15px;text-align: center;} */


  /* 참가업체 조절 */
  .table_wrap .table td img { max-width: 65px !important;}
  .note { font-size: 12px;}
  .table_wrap .table .price {  font-size: 14px;}


}

@media (max-width:480px){
  .btn{height:34px;padding:0 12px}
  .booth_thumb{width:100px;height:80px}

  /* 막스포 시즌5 */
  .maxpo_bg div img { height: 220px !important;border: 4px dotted #bd9960; padding: 5px;}
  .intro_kor { font-size:15.5px}
  /* .intro_kor .mob_bbr {display: block;} */
  .intro_head p {font-size: 16px; }
  .intro_body p { font-size: 15px;}   
  
  /* 전시개요 */
  .title_text{font-size:24px}
  /* 텍스트 */
  .spec_head {  padding: 18px 0px;  font-size: 18px;}
  .text_line { font-size: 16px;}
  /* 주최~ */
  .logo_grid{grid-template-columns:1fr}
  /* 막걸리엑스포~ */
  .item_badge {  font-size: 15px;}
  .item_desc {  font-size: 15px;}


  /* 참고자료 ***/
  .doc_grid{ display:grid; grid-template-columns:repeat(1,minmax(220px,1fr));  gap:20px;}


  /* 참가업체 참가신청서 버튼 *******/
  .exhibit_info_btn { height: 36px; padding: 0 10px; font-size: 14px;}

}

@media (max-width:375px){
  .booth_thumb{width:92px;height:72px}

}
/* 전시개요 ~ 참가업체 라인 끝 ******************************************* */











/* 관람객 라인 시작 ******************************************* */

/* 관람안내 시작 */


.sr_only{position:absolute !important; clip:rect(1px,1px,1px,1px); clip-path:inset(50%); width:1px; height:1px; overflow:hidden; white-space:nowrap;}



/* 상단 안내 카드 */
.top_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0 16px}
.top_item{position:relative;padding:18px;border:1px solid #ddd;border-radius:10px;background:#fff;  box-shadow:0 4px 18px rgba(0,0,0,.04);transition:transform .2s, box-shadow .2s}
/* .top_item:hover{transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,.06)} */
.top_head{display:flex;align-items:center;gap:15px;margin-bottom:8px}
.top_ico{flex:0 0 60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#f7efe3;border:1px solid #ddd}
.top_item h3{margin:0;font-size:18px;font-weight:600;color:#8a6b3d}
.top_item p{margin:4px 0 0;font-size:16px;line-height:1.6;color:#666}

/* 사전등록 알림 + 버튼 */
.notice_bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;margin:12px 0 26px; border:1px dashed var(--main);border-radius:10px;background:linear-gradient(180deg,#fff, #fff8ee)}
.notice_bar .msg{margin:0;font-size:16px;color:#7a643f;line-height: 1.45;word-break: keep-all;}
.reg_btn{all:unset;display:inline-flex;align-items:center;gap:8px;padding:5px 18px;border-radius:10px;background:var(--main);color:#fff;font-weight:600;cursor:pointer;transition:background .2s, transform .15s}
.reg_btn:hover{background:#c7995b}
.reg_btn:active{transform:translateY(1px)}
.reg_btn::after{content:"›";font-size:22px;line-height:1.45}

/* 안내 카드 리스트 */
.info_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0 44px;list-style:none;padding:0}
.info_item{padding:18px;border:1px solid #ddd;border-radius:10px;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.04)}
.info_head{display:flex;align-items:start;gap:15px;margin-bottom:8px}
.info_icon{flex:0 0 60px;height:60px;border-radius:50%;border:1px solid #ddd;display:grid;place-items:center;background:#fafafa}
.info_text h4{margin:0;font-size:18px;font-weight:600;color:#333}
.info_text p{margin:6px 0 0;font-size:16px;color:#666;line-height:1.6;word-break: keep-all;}
.info_text p:last-child{margin:0;}

/* 유의사항 */
.warn_title{text-align:center;font-weight:600;font-size:24px;margin:10px 0 8px;color:var(--main)}
.warn_line{width:150px;height:2px;background:var(--main);margin:0 auto 20px;border-radius:2px}
.warn_list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;list-style:none;padding:0}
.warn_item{display:flex;gap:15px;align-items: center; padding:18px;border:1px solid #ddd;border-radius:10px;background:#fff}
.warn_icon{flex:0 0 65px;height:65px;/*border:2px solid #e36a6a;*/border-radius:50%;display:grid;place-items:center;position:relative}
.warn_text h5{margin:0 0 4px;font-size:18px;font-weight:600}
.warn_text p{margin:0;font-size:16px;color:#666;line-height:1.6}

/* 반응형 */
@media (max-width:1440px){
  .top_grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:1024px){
  .top_grid{grid-template-columns:repeat(2,1fr)}
  .info_grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:767px){
  .page_title h1{font-size:26px}
  .top_grid, .info_grid{grid-template-columns:1fr}
  .warn_list{grid-template-columns:1fr}
  .notice_bar{flex-direction:column;align-items:flex-start}
  /* .reg_btn{width:100%;justify-content:center} */
}



/* 2026-02-06 ejh */
/* 입장절차 안내 추가 */
.entry_guide {padding: 40px 0 90px 0;}
.entry_guide_inner { }
.entry_table_wrap {padding-top: 7px;}

/* 테아블 */
.entry_table {  width: 100%;  border-collapse: collapse;  table-layout: fixed;  background: #fff;}
.entry_table th, .entry_table td {  border: 1px solid #e7c6a6; padding: 27px 20px; font-size: 14px; letter-spacing: -0.64px;    border-top: none;}
.entry_table thead th { padding: 18px 20px; background: #FFFAF4; font-weight: 500; text-align: center;  font-size: 18px;  border: 1px #e7c6a6 dashed;border-left: none;border-right: none;}
.entry_table td {text-align: left;padding-left: 47px;}

.entry_stage, .entry_type { text-align: center; font-weight: 400; background: #fff;  white-space: nowrap;}
.entry_stage {border-left: none !important;}
.entry_step {border-right: none !important;}
.entry_step { text-align: center; word-break: keep-all;}

/* col */
.col_stage { width: 70px; }
.col_type  { width: 150px; }
.col_step  { width: auto; }


/* 반응형 */
@media (max-width: 1024px) {
  .entry_table th,  .entry_table td { padding: 18px 14px; }
}

@media (max-width: 767px) {
  /* 블럭으로 */
  .entry_table,
  .entry_table thead,
  .entry_table tbody,
  .entry_table tr,
  .entry_table th,
  .entry_table td {
    display: block;
  }

  .entry_table thead { display: none;  }
  .entry_table tr { border: 1px solid #e7c6a6; overflow: hidden;    margin-bottom: 20px; background: #ffffff;  }
  .entry_table tbody th,  .entry_table tbody td { border: 0; padding: 14px 20px; text-align: left; line-height: 1.4; }

  /* tr 디자인 */
  .entry_table tbody tr:nth-child(1) , .entry_table tbody tr:nth-child(3) { border-radius: 15px 15px 0 0;  border-bottom: none;  margin-bottom: 0;}
  .entry_table tbody tr:nth-child(2) , .entry_table tbody tr:nth-child(4) { border-radius: 0 0 15px 15px;  border-top: none;  }
  /* 텍스트 */
  .entry_stage { border-bottom: 1px #e7c6a6 dashed !important; background: #FFFAF4; font-size: 18px !important;font-weight: 600;color: #333;}
  .entry_table th, .entry_table td { font-size: 15px; color: #333; }
  .entry_type {font-size: 16px !important;font-weight: 600; padding-bottom: 0 !important;}

}

@media (max-width: 480px) {  
  .entry_table tbody th,  .entry_table tbody td { padding: 14px 16px; }
}

/* 관람안내 끝 */







/* 온라인 사전등록 시작 */
.notice_box{ border:1px solid #ddd;border-radius:4px; display:flex;flex-direction:column;align-items:center;justify-content:center; padding:80px 20px; text-align:center; min-height:300px;  }
.notice_icon{ width:72px;height:72px;border-radius:50%;border:3px solid #c7995b; display:flex;align-items:center;justify-content:center; font-size:38px;color:#c7995b;margin-bottom:24px;}

/* 온라인 수정 */
.pre_register_wrap { display: flex; gap: 32px; max-width: 1200px; margin: 0 auto;}
.pre_register_box { flex: 1;}
.pre_register_head { background: #D5B076; color: #fff; text-align: center; font-weight: bold;font-size: 25px; padding: 15px 10px;margin-bottom: 20px;}

.pre_register_body {border: 1px solid #E8E8E8; padding: 40px 20px; height: 340px; display: flex; align-items: center; justify-content: center;text-align: center;}
.pre_register_body_ct p {word-break: keep-all;color: #333; font-size: 18px; line-height: 30px; }
.pre_register_body strong {color: #C9995B; font-weight: 800;}
/* 링크 */
.link_text {  display: flex;flex-direction: column;gap: 20px;align-items: center;margin-top: 17px;}
.link_text a { background-color: #D5B076; color: #fff;font-weight: 800;display: block;padding: 7px 10px;border-radius: 4px;line-height: 1.1; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);text-align: center;}
.link_text a:first-child {width: 194px;}
.link_text a:last-child {width: 310px;}



/* 오른쪽 박스 */
.notice_icon { width: 48px; height: 48px; margin: 0 auto 16px; border-radius: 50%; border: 2px solid #C9995B; color: #C9995B; font-weight: 700; font-size: 22px; display: flex; align-items: center; justify-content: center;}
.notice_text{  font-size:30px !important;font-weight:bold;color:#C9995B !important;margin-bottom: 25px;}
.notice_text_fttt {border-top: 0.5px solid #e7e7e7;padding-top: 10px;font-size: 16px !important;line-height: 1.4 !important;}
/* 사전예매 */
.link_text2 {  margin-bottom: 35px;}
.link_text2 a {padding: 13px 10px;}
.link_text2 a:last-child { width: 280px;}



@media (max-width: 1200px) {
  .pre_register_body {  padding: 30px 20px; height: 420px;}
  
}
@media (max-width: 1024px) {
  .pre_register_body {  padding: 25px 20px; height: 440px;}
  /* 오른쪽 박스 */
  .notice_text {  font-size: 25px !important;}
  .pre_register_body_ct .notice_text_fttt br { display: block;}
}
@media (max-width: 767px) {
  .pre_register_wrap { flex-direction: column; gap: 24px;  }
  .pre_register_head {  font-size: 20px;padding: 13px 10px;  margin-bottom: 15px;}
  .pre_register_body { padding: 30px 20px;height: unset;  }
  .pre_register_body_ct p { font-size: 16px; }
  .pre_register_body_ct p br {display: none;}
  .notice_text { margin-bottom: 20px;}
  .link_text2 {  margin-bottom: 25px;}
  
}

@media (max-width: 480px) {
/* 온라인 사전등록 */
.page_title_text{font-size:28px}
.notice_icon{width:45px;height:45px;font-size:20px;}
.notice_text{font-size:21px !important;}
.notice_text_fttt { font-size: 14px !important;}

/*  */
.link_text { gap: 15px;}
.link_text a:first-child {width: 180px;}
.link_text a:last-child {width: 290px;}
/* 온라인 사전등록 */
}


/* 온라인 사전등록 끝 */




/* 교통/주차 안내 시작 */

/* 주소 라인 */
.addr_row{display:flex;gap:65px;align-items:center;font-size: 18px;font-weight: 400;}
.hard_line{height:2px;background:#000;margin:15px 0 50px}

/* 상단 탭형 링크 */
.tab_links{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;margin:0px 0 20px;position:relative}
.tab_btn{ display:flex;align-items:center;justify-content:center; height:60px;background:var(--main); color:#fff;font-weight:bold;font-size: 25px;  box-shadow:0 10px 18px rgba(0,0,0,.08); border:1px solid #c7995b;  transition:background-color .2s, border-color .2s, transform .06s;}
.tab_btn:hover{background:#c7995b;border-color:#c7995b}
/* 지도 */
.map_wrap{ position: relative; width: 100%; max-height: 460px; aspect-ratio: 16 / 9;  overflow: hidden;}
.map_frame{ position: absolute; inset: 0; width: 100%; height: 100%; border: 0;}


/* 상단 탭형 링크 */


/* 반응형 */
@media(max-width:767px){

  .hard_line { margin: 10px 0 25px;}
  .tab_links{grid-template-columns:1fr;gap:12px}
  .tab_btn { height: 46px; font-size: 20px;}
  .map_wrap{ aspect-ratio: 4/3; }


}


/* 교통/주차 안내 끝 */








/* 관람객 라인 끝 ******************************************* */








/* 부스배치도 + 부대행사 시작 ******************************************* */
.events {display: flex;flex-direction: column;gap: 100px;align-items: center;
  max-width: 850px;
  margin: 0 auto;
}
.events2 {display: flex;flex-direction: row !important;gap: 20px;}
.events a:first-child {margin-bottom: 0px; display: block;}
.events a:last-child {margin-top: 0px;display: block;}
.events2 a:last-child {margin-top: 20px;display: block;}

@media (max-width:767px){
  .events2 {flex-direction: column !important; gap: 60px;}
}
/* 부스배치도 + 부대행사 끝 ******************************************* */