@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 :#D4B483;
  --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: #f7f2e5; margin: 50px 0; padding: 30px 0;}
.maxpo_bg div {}
/* .maxpo_bg div img {width: auto;height: 300px !important; border-radius: 25px; border: 5px dotted #bd9960; padding: 7px;} */
.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:#bd9960; letter-spacing:-.02em; word-break: keep-all; line-height: 1.45;}
.intro_body {display:grid; gap:14px;padding-bottom: 30px;}
.intro_body p {margin:0; color:#666; font-size: 18px; line-height: 1.5; word-break: keep-all;}
.foot_bar strong {color:#bd9960}
/* 막스포 시즌5 끝 ********************************* */


/* 전시개요 시작 ********************************* */
.spec_table { width:100%; border:1px solid #e8e8e8; border-radius:10px; overflow:hidden; box-shadow:0 4px 14px rgba(0,0,0,.05); background:#fff;}
.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:18px 18px; font-weight:bold; position:relative; font-size: 18px;}
.spec_head::before { content:""; width:5px; height:22px; background:#cfae7a; border-radius:3px; display:inline-block;}
.spec_body { padding:20px 20px; color:#333; border-left:1px solid #e8e8e8; background:#fff; display: flex; flex-direction: column; gap: 15px;}
/* 행 교차 배경으로 살짝 리듬 주기 */
.spec_row:nth-child(even) .spec_body { background:#fffbf5 }
/* 일반 텍스트 */
.text_line {margin:0; line-height:1.6;font-size: 16px;word-break: keep-all; }
.muted {color:#bdb6ac}
/* 로고 그리드 */
.logo_grid { display:grid; grid-template-columns:repeat(4, minmax(90px,1fr)); gap:18px; align-items:center;}
.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 #cfae7a; background:#fff; border-radius:8px;  padding:0; margin-top:14px; box-shadow:0 4px 14px rgba(0,0,0,.05); overflow:hidden;}
.program_card:first-child { margin-top:0px; }
.program_head { display:flex; align-items:center; justify-content:center; font-weight:600; font-size:16px; color:#fff; background:linear-gradient(180deg,#cfae7a,#c7995b); height:40px;}
.program_cols {display:flex;flex-direction: column; gap:16px; padding:14px 18px}
.program_list {margin:0;display: flex; flex-direction: column; gap: 10px;}
.program_list li {margin:0;display: flex; align-items: baseline; gap: 5px;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;min-width: 210px;}
.program_list li span {color: var(--main);font-size: 30px;line-height: 0; height: 10px;}
.program_list li b {/*white-space: nowrap; */margin-right: 10px;}
/* 전시품목 라벨 리스트 */
.items_list {display:grid; grid-template-columns:1fr; gap:5px}
.items_list >p {font-weight: 500; color: #c7995b; font-size: 18px; padding-left: 5px;}
.item_row { display:grid; grid-template-columns:150px 1fr; gap:8px 17px; align-items:center; padding:12px 14px; border:1px solid #e8e8e8; border-radius:8px; background:#fff; box-shadow:0 4px 14px rgba(0,0,0,.05);}
.item_desc {font-size: 16px; line-height: 1.45; word-break: keep-all;}
.item_badge { display:inline-flex; align-items:center; justify-content:center; font-weight:500; color:#c7995b; background:#f8f1e6; border:1px solid rgba(207,174,122,.35); border-radius:100px; padding:6px 14px; /*white-space:nowrap;*/ font-size:13px;}
/* 전시개요 끝 ********************************* */



/* 반응형 */

@media (max-width:1024px){
  /* 막스포 시즌5 */
  .maxpo_bg div img { height: 230px !important;}
  .intro_kor {font-size: 30px;}
  
  /* 전시개요 */
  .logo_grid{grid-template-columns:repeat(3, minmax(90px,1fr))}
  .spec_row { grid-template-columns: 165px 1fr;}
  /* 전시개요 */
}

@media (max-width:767px){
  /* 막스포 시즌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:28px}
  .intro_head p {font-size: 18px; }
  .intro_body { gap: 10px;padding-bottom: 10px;}
  
  /* 전시개요 */
  .title_text { font-size: 32px; max-width: 200px;padding: 0 24px 10px;}
  .spec_row{grid-template-columns:1fr}
  .spec_body{border-left:none; border-top:1px dashed #e8e8e8}
  .logo_grid{grid-template-columns:repeat(2, minmax(80px,1fr)); gap:14px}
  .program_cols{grid-template-columns:1fr; gap: 0; text-align: center;}
  .item_row{grid-template-columns:1fr}
  .program_list li {flex-direction: column;text-align: left;}
  .program_list li p {padding-left: 15px;text-align: center;}
  .item_desc {text-align: center;}
  /* 전시개요 */

}

@media (max-width:480px){
  /* 막스포 시즌5 */
  .maxpo_bg div img { height: 220px !important;border: 4px dotted #bd9960; padding: 5px;}
  .intro_kor { font-size:24px}
  .intro_head p {font-size: 16px; }
  .intro_body p { font-size: 16px;}   
  
  /* 전시개요 */
  .title_text{font-size:24px}
  .logo_grid{grid-template-columns:1fr}
  .program_cols { padding: 14px 18px 14px 10px;}

  /* 전시개요 */
}






/* 참가업체 라인 시작 ******************************************* */

/* 참가안내 */
.spec_card{background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 6px 16px rgba(0,0,0,.05);;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_row:nth-child(even) .spec_body{background:#fffbf5}
.text_line{margin:0;line-height:1.8;color:#333}
.note{color:#666;font-size:14px}

/* 버튼 */
.exhibit_info_btn{all:unset;display:inline-flex;align-items:center;justify-content:center;gap:8px;  height:36px;padding:0 14px;border-radius:8px;font-weight:600;cursor:pointer;transition:.2s}
.btn_solid{background:var(--main);color:#fff;border:1px solid var(--main)}
.btn_solid:hover{background:#c7995b;border-color:#c7995b}
.btn_row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}

/* 표 공통 */
.table_wrap {border:1px solid var(--main);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: linear-gradient(180deg, #cfae7a, #c7995b); color:#fff; 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 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}
.spec_body .table_small_note{color:#b55;font-size:13px}


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

/* @media (max-width:1440px){.page_wrap{padding-left:28px;padding-right:28px}} */
@media (max-width:1024px){.title_text{font-size:28px}}
@media (max-width:767px){
  .spec_row{grid-template-columns:1fr}
  .spec_body{border-left:none;border-top:1px dashed #ddd}
  .title_text{font-size:26px}
  .exhibit_info .table th,.table td{padding:12px 7px;font-size: 14px;}
}
@media (max-width:480px){
  .btn{height:34px;padding:0 12px}
  .booth_thumb{width:100px;height:80px}
}
@media (max-width:375px){.booth_thumb{width:92px;height:72px}}

/* 참가안내 */


/* 참고자료 시작 */
.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:767px){
  /* 참고자료 */
  .doc_grid{ display:grid; grid-template-columns:repeat(2,minmax(214px,1fr));  gap:20px;}

}

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

}



/* 참가업체 라인 끝 ******************************************* */











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

/* 관람안내 시작 */


.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:250px;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;word-break: keep-all;}

/* 반응형 */
@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){
  .warn_line { width: 230px;}
  .warn_title { font-size: 21px; }

  .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 13px; 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: 90px; }
.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: #D4B483; 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: 14px; 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: #D4B483; 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:22px !important;font-weight:700;color:#C9995B !important;}


@media (max-width: 1200px) {
  .pre_register_body {  padding: 30px 20px; height: 420px;}
  
}
@media (max-width: 1024px) {
  .pre_register_body {  padding: 25px 20px; height: 440px;}
  .pre_register_head {  font-size: 22px;}
  
}
@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;}
  
}

@media (max-width: 480px) {
  /* 온라인 사전등록 */
  .page_title_text{font-size:28px}
  .notice_icon{width:45px;height:45px;font-size:20px;}
  .notice_text{font-size:18px !important;}
  
  /*  */
  .link_text { gap: 15px;}
  .link_text a {font-weight: 600;}
  .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;}
.addr_row span {display: none;}
.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; gap: 5px; 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:1024px){
  .tab_links { gap: 27px;}
  .tab_btn { font-size: 21px;  padding: 5px 10px;}

}
@media(max-width:767px){
  .addr_row { gap: 6px; align-items: flex-start; flex-direction: column;font-size: 16px;font-weight: 600;}
  .addr_row span { display: inline-block;}
  .addr_row div:nth-child(2) { font-size: 14px;  border: 1px solid #a9a9a9;  padding: 10px 2px;  width: 100%;font-weight: 400;}
  
  .hard_line { margin: 10px 0 25px; height: 0;}
  .tab_links{/*grid-template-columns:1fr;*/ gap:12px}
  .tab_btn { height: 46px; font-size: 18px;}
  .map_wrap{ aspect-ratio: 4/3; }
  
  /* 모바일 텍스트 가리기 */
  .tab_btn span {display: none;}
  
  
}
@media(max-width:480px){

  .tab_btn { height: 45px; font-size: 14px;}

}


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








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








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

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