@charset "utf-8";

/* 서브페이지 콘텐츠 */

#wrapper {
  position:relative;

  display:flex;
  flex-direction:column;
  height:100%;
}

.mobile {display:none;}
.m445 {display:none;}
.m445-re {display:block;}

.img_mobile_wrap {display:none;}

.sub_cont {position:relative; padding-top:93px; display:flex; align-items:center;}
.sub_data {position:relative; height:100%; padding-left:330px; z-index:99;}

.privacy textarea {margin:0;padding:0;font-family:'돋움', dotum, applegothic, sans-serif;font-size:12px;}



/* event page 사전신청 */
#event a img {
  display:block;
  margin:0 auto;
  max-width:100%;
}

.join_wrap {
  position:relative;
  display:block;
  width:100%;
  height:1080px;
  padding:115px 0;
  background:url("../images/ev45/join_bg.png") no-repeat center center / cover;
}

.join_box {
  position:relative;
  display:block;
  max-width:680px;
  width:90%;
  height:auto;
  margin:0 auto;
  padding:60px 80px;
  background:rgba(255,255,255,0.9);
  border-radius:10px;
  text-align:center;
  box-shadow:5px 5px 10px #666;
}

.join_box h2 {
  text-align:center;
  font-size:40px;
  font-weight: 700;
  margin-bottom:50px;
  padding-top:30px;
  color:#1d3f73;
  border-top:2px solid #1d3f73;
}

/* Forminator 박람회신청 */
.forminator-ui.forminator-custom-form[data-grid=open] .forminator-col:not(:last-child) {
  margin-bottom: 0 !important;
}

.forminator-ui.forminator-custom-form[data-design=default] {
    width: 90% !important; }

.join_box .forminator-ui {
  max-width: 520px;
  margin: 0 auto !important;
  padding: 0 !important;
}

.join_box .forminator-row,
.sub_join_box .forminator-row {
  margin-bottom: 18px !important;
}

.join_box .forminator-row {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
}


/* 연락처 줄 */
.join_box .forminator-row:has(.contact-row) {
  width: 420px !important;
  margin: 0 auto 24px !important;
  display: grid !important;
  grid-template-columns: 120px 260px !important;
  column-gap: 40px !important;
  align-items: center !important;
}

/* 방문예정일 줄 */
.join_box .forminator-row:has(.visit-row) {
  width: 420px !important;
  margin: 0 auto 24px !important;
  display: grid !important;
  grid-template-columns: 120px 260px !important;
  column-gap: 40px !important;
  align-items: center !important;
}

.sub_join_box .forminator-row:has(.contact-row),
.sub_join_box .forminator-row:has(.visit-row) {
  width: 100%;
  /* max-width: 450px; */
  display: grid !important;
  grid-template-columns: 140px 1fr;
  text-align: right;
  column-gap: 24px;

  align-items: center !important;
}

/* 내부 col 초기화 */
.join_box .forminator-row:has(.contact-row) .forminator-col,
.join_box .forminator-row:has(.visit-row) .forminator-col {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  padding: 0 !important;
}


.join_box .forminator-col,
.sub_join_box .forminator-col {
  position: relative !important;
}

.join_box .forminator-col {
  flex: 1 1 0 ;
}

.sub_join_box .forminator-col {
  padding-bottom: 36px !important;
}

.join_box .forminator-label,
.sub_join_box .forminator-label {
  display: none !important;
}

/* input / select */
.join_box .forminator-input,
.join_box .forminator-select2 + .select2-container .select2-selection {
  height: 40px !important;
  border: 0 !important;
  border-bottom: 1px solid #c8c8c8 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #111 !important;
}

.sub_join_box .forminator-input,
.sub_join_box .forminator-select2 + .select2-container .select2-selection {
  height: 34px;
  border: 1px solid #000;
  font-size: 14px;
}

/* select */
.join_box .select2-selection__rendered {
  line-height: 40px !important;
  text-align: center !important;
  font-weight: 700 !important;
  padding-left: 0 !important;
  padding-right: 25px !important;
}

.join_box .select2-selection__arrow {
  height: 40px !important;
}

.select2-container--open .select2-dropdown {
  z-index: 999999 !important;
}

.select2-dropdown {
  border: 1px solid #d8d8d8 !important;
  border-radius: 0 !important;
  background: rgba(255,255,255,0.98) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08) !important;
  overflow: hidden !important;
}

.select2-results__options {
  background: #fff !important;
  padding: 0 !important;
}

.select2-results__option {
  height: 52px !important;
  line-height: 52px !important;
  padding: 0 12px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #222 !important;
  text-align: center !important;
  transition: all 0.2s ease;
}

.select2-results__option--highlighted {
  background: #5975AE !important;
  color: #fff !important;
}

.select2-results__option[aria-selected="true"] {
  background: #eef3ff !important;
  color: #1d3f73 !important;
  font-weight: 700 !important;
}

/* 안내문구 */
.join_box .forminator-description {
  font-size: 13px !important;
  color: #333 !important;
  text-align: center !important;
  margin-top: 5px !important;
}

/* 방문예정일 */
.join_box .visit_row_title {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 70px !important;
  text-align: right;
  margin-bottom: -20px;
}

/* 방문예정일 */
.sub_join_box .visit_row_title {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align:right;
  margin-bottom: -10px;
}

.sub_join_box .contact_input,
.sub_join_box .visit_input {
  width: 280px !important;
}

/* 개인정보 */
.join_box .privacy_box {
  width: 100%;
  margin: 15px auto 10px;
  text-align: center;
}

.sub_join_box .privacy_box {
  width: 100%;
  text-align: center;
}

.join_box .privacy_box h3 {
  padding-top: 2px !important;
  font-size: 14px;
  font-weight: 600;
  color: #111;
}

.join_box .privacy_scroll,
.sub_join_box .privacy_scroll {
  width: 90%;
  height: 60px;
  margin: 0 auto;
  padding: 10px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #c8c8c8;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1.55;
  color: #555;
  text-align: left;
}

.sub_join_box .privacy_scroll {
  width: 100%;
  height: 160px;
}

/* 개인정보 동의 */
.join_box .forminator-checkbox__wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.join_box .forminator-checkbox-box {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  margin: 0 !important;
  margin-top: -6px !important;
  position: relative !important;
  top: -1px !important;
}

.join_box .forminator-field-consent-description p {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  color: #333 !important;
}

.join_box .forminator-ui.forminator-custom-form[data-design=default] .forminator-checkbox__label p, 
.sub_join_box .forminator-ui.forminator-custom-form[data-design=default] .forminator-checkbox__label p
{ 
 font-size: 15px;
}

.join_box .forminator-consent {
  margin-top: 10px !important;
  text-align: center !important;
}

.join_box .forminator-consent p,
.join_box .forminator-consent .forminator-description {
  display: none !important;
}

/* 개인정보/버튼 영역은 세로 유지 */
.join_box .forminator-row:has(.privacy_box),
.join_box .forminator-row:has(.forminator-consent),
.join_box .forminator-row:has(.forminator-button-submit) {
  display: block !important;
}

/* 신청 버튼 */
.join_box .forminator-button-submit {
  width: 100% !important;
  height: 52px !important;
  margin-top: 20px !important;
  background: #5975AE !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 6px !important;
  font-size: 25px !important;
  font-weight: 700 !important;
  cursor: pointer;
}

.join_box .forminator-button-submit:hover {
  background: #294273 !important;
}

.sub_join_box .forminator-row-last {
  text-align: center !important;
  width: 100% !important;
}


.sub_join_box .forminator-row-last .forminator-button-submit {
  width: 70% !important;
  height: 60px !important;
  margin: 20px auto 0 !important;
  background: #1d1d1d !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 6px !important;
  font-size: 20px !important;
  font-weight: 500 !important;
}

/* 에러메세지 */
.join_box .forminator-error-message {
  bottom: 2px !important;
  left: 0 !important;
  width: 100% !important;
  margin-top: 0 !important;
  font-size: 12px !important;
  color: #d33 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.sub_join_box .forminator-error-message {
  position: absolute !important;
  margin-top: 0 !important;
  font-size: 14px !important;
  color: #d33 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.join_box .forminator-col:focus-within {
  z-index: 10 !important;
}

@media screen and (max-width: 768px) {
  .join_box {
    width: 90%;
    padding: 45px 10px;
  }

  .join_box .forminator-ui {
    width: 100% !important;
    max-width: 100% !important;
  }

  .join_box .forminator-row {
    width: 100% !important;
    gap: 14px !important;
  }

  .join_box .forminator-row:has(.contact-row),
  .join_box .forminator-row:has(.visit-row) {
    width: 100% !important;
    grid-template-columns: 100px 1fr !important;
    column-gap: 14px !important;
  }

  .join_box .privacy_scroll {
    width: 100% !important;
  }

  .join_box .forminator-button-submit {
    width: 100% !important;
  }
}

/* exhibitioninfo3 신청폼 모바일 보정 */
@media screen and (max-width: 768px) {
  .sub_join_box {
    width: 92% !important;
    margin: 0 auto !important;
  }

  .sub_join_box .forminator-ui {
    width: 100% !important;
  }

  .sub_join_box .forminator-row {
    width: 100% !important;
    display: block !important;
    margin-bottom: 22px !important;
  }

  .sub_join_box .forminator-col {
    width: 100% !important;
    padding-bottom: 18px !important;
  }

  .sub_join_box .contact_input,
  .sub_join_box .visit_input {
    width: 100% !important;
  }

  .sub_join_box .forminator-input,
  .sub_join_box .forminator-select2 + .select2-container .select2-selection {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .sub_join_box .privacy_scroll {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .sub_join_box .forminator-row-last,
  .sub_join_box .forminator-row-last .forminator-col {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
  }

  .sub_join_box .forminator-row-last .forminator-button-submit {
    width: 80% !important;
    max-width: 420px !important;
    height: 56px !important;
    display: block !important;
    margin: 24px auto 0 !important;
  }
}


/*  */


/* 서브페이지 사이드메뉴 */
.top_map{font-size:12px; padding:80px 0 15px 0; color: #999; font-weight:400; letter-spacing:0;}

.menu_title{font-size:30px; font-weight:700; letter-spacing: -.1em; padding:0 0 50px 0; color:#333;}

.left_box{position:fixed; left:0; top:70px; width:280px; background-color: #EBEBEB; height:100%; padding-left:50px; z-index:999;}

.menu_left {position:relative; z-index:9;}
.menu_left li {position:relative;}
.menu_left a {font-size:15px; line-height:35px; color:#666;  font-weight:600; letter-spacing: -.025em;}

.menu_on{font-weight:700; color:#a48451; font-size:18px;}


/* 서브페이지 공통 */
.title_center{ font-size:28px; padding:50px 0 30px 0; font-weight:700; letter-spacing: -.1em; font-family: 'Nanum Gothic', sans-serif;}

.info{font-size:16px; color:#666; line-height:35px;  letter-spacing:0; }

.sub_info{font-size:16px; color:#666; line-height:35px;  letter-spacing:0; }



/* about1 공통 */
.sub_about1 { padding-bottom:50px;}
.sub_about1>.aboutall {position:relative; display:block;}
.sub_about1>.aboutall>ul {position:relative;}
.sub_about1>.aboutall>ul>li {position:relative; float:left; width:50%;}

/* 1_1 */
.sub_about1>.sub_about1_1>ul.about1_box>li.sub_info {padding:30px 0 40px;}
.sub_about1>.sub_about1_1>ul.about1_box>li.sub_info::before {content:''; position:absolute; top:0; left:0; width:80%; height:10px; display:block; background:#a48450;}
.sub_about1>.sub_about1_1>ul.about1_box>li.sub_info::after {content:''; position:absolute; bottom:0; left:0; width:80%; height:1px; display:block; background:#e5e5e5;}

/* 1_2 */
.sub_about1>.sub_about1_2>ul.about1_box {position:relative;}
.sub_about1>.sub_about1_2>ul.about1_box>* {position:relative; display:block;}
.sub_about1>.sub_about1_2>ul.about1_box>h4.title_center {float:left; width:50%;}
.sub_about1>.sub_about1_2>ul.about1_box>li.sub_info {float:left; width:45%;}
.sub_about1>.sub_about1_2>ul.about1_box>li.main_img2 {padding-left:150px;}

/* 1_3 */
.sub_about1>.sub_about1_3 {position:relative;}
.sub_about1>.sub_about1_3>ul.about1_box {position:relative; width:50%; }
.sub_about1>.sub_about1_3>ul.about1_box>li {position:relative; width:30%; display:block; line-height:2;}

/* 2 */
.sub_about2>.sub_about2_1 {position:relative;}
.sub_about2>.sub_about2_1>ul {position:relative;}
.sub_about2>.sub_about2_1>ul>li {position:relative; width:100%; display:block; padding:30px 0; padding-top:50px; }
.sub_about2>.sub_about2_1>ul>li>span {position:absolute; left:0; top:-0px; border-top:1px solid #a48450; border-bottom:1px solid #a48450;}
.sub_about2>.sub_about2_1>ul>li>img {position:relative;}
.sub_about2>.sub_about2_1>ul>li>iframe {position:relative; display:block; width:980px; height:530px;}

/* 3 */
.coming { height:800px;}

/* 4 */
.sub_about4_1 {position:relative;}
.sub_about4_1>img {width:80%;}

/* 5 */
.sub_about5 {position:relative;}
.sub_about5>div {position:relative;}
.sub_about5>div>p {display:block; width:100%;}
.sub_about5>div>ul {position:relative; width:90%; display:block; padding-bottom:50px; overflow:hidden;}
.sub_about5>div>ul>li {
  position: relative;
  width: calc(100% / 5);
  float: left;
  text-align: center;
  border: 1px solid #ccc;
  border-right: none; /* 오른쪽 경계선 제거 */
  border-bottom: none; /* 아래 경계선 제거 */
  height: 100px;
  overflow: hidden;
}

@media screen and (min-width:446px) {
  
  /* 마지막 열은 오른쪽 경계선 필요 */
  .sub_about5>div>ul>li:nth-child(5n) {
    border-right: 1px solid #ccc;
  }

  /* 마지막 행은 아래 경계선 필요 (예: 총 항목 수가 15개일 경우 마지막 5개) */
  .sub_about5>div>ul>li:nth-last-child(-n+5) {
    border-bottom: 1px solid #ccc;
  }
  .sub_about5>div>ul>li:last-child{
    border-right:1px solid #ccc;
  }
}
.sub_about5>div>ul>li>.t_box {position:relative; left:50%; top:50%; transform:translate(-50%, -50%);}
.sub_about5>div>ul>li>.t_box>img {display:block; margin:0 auto; max-height:30px; width:auto; padding-bottom:5px;}
.sub_about5>div>ul>li>.t_box>span {color:#666; font-weight:600;}

/* booth1 */

.booth1_1_box {float:left;}
.booth1_2_box {float:left;}
.booth1_3_box {float:left;}
.booth1_1_box img {max-height:340px;margin-right:10px;}

.booth1_2_box img {max-height:480px;}

.booth1_3_box img {width:95%;}

.sub_booth1_3 img {width:60%;}

.boothinfo {line-height:1.8; margin-bottom:50px;}


/* booth2 */
.sub_booth2 {position:relative; width:90%;}
.sub_booth2_1 {position:relative;}
.booth2_1_box {position:relative;}
.booth2_1_box img {display:block; width:50%; float:left;}
.booth2_1_box .booth2_1_txt {position:relative; width:50%; float:left; padding:0 20px 0 50px; line-height:2.2;}

.sub_booth2_2 {position:relative; width:100%; display:block; padding:130px 0 100px;}
.sub_booth2_2 ul {position:relative;}
.sub_booth2_2 ul li { display:flex; justify-content: center; align-items: center; float:left; margin-bottom:10px;}
.sub_booth2_2 ul li.txt_box {width:220px; height:80px; background:#cc9933; color:#fff; font-weight:600;}
.sub_booth2_2 ul li.arrow_box {position:relative; height:80px; padding:0 20px;}
.sub_booth2_2 ul li.arrow_box img {justify-content: center;}


/* exhibitioninfo1 */
.sub_ex1>div {margin-bottom:50px;}
.sub_ex1_1 {position:relative;}
.sub_ex1_1 table {position:relative; width:100%; display:block; border-collapse: collapse;}
.sub_ex1_1 table tr {position:relative; width:40%;}
.sub_ex1_1 table tr td {width:300px; height:55px; border:1px solid #ccc; text-align:center;}
.sub_ex1_1 table tr:first-child td {border-top:1px solid #000; color:#666;}
.sub_ex1_1 table tr td:first-child {background:#ebebeb; color:#000;}

.sub_ex1>div>span {display:block; line-height:2.2;}


/* exhibitioninfo2 */
.sub_ex2>div {position:relative; padding:60px 0;}
.sub_ex2_1 {padding:0 0 50px !important;}
.sub_ex2 .title_small {position:absolute; left:0; top:-0px; border-top:1px solid #a48450; border-bottom:1px solid #a48450;}
.sub_ex2 img {width:100%;}
.sub_ex2 img {width:100%;}
.sub_ex2_2 table {position:relative;}

/* table */
.sub_ex2_2 table {width:100%; border-collapse: collapse;}
.sub_ex2_2 table tr th, .sub_ex2_2 table tr td {padding:17px 20px;}
.sub_ex2_2 table tr th {border-top:1px solid #000; border-bottom:1px solid #000; border-right:1px solid #cfcfcf;}
.sub_ex2_2 table tr th:first-child {background:#ebebeb;}
.sub_ex2_2 table tr th:last-child {border-right:none;}
.sub_ex2_2 table tr td {width:100px; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; text-align:center;}
.sub_ex2_2 table tr td:first-child {background:#ebebeb;}
.sub_ex2_2 table tr td:last-child { border-right:none;}

/* table ex7 */
.sub_ex7 .title_small {border-top:1px solid #a48450; border-bottom:1px solid #a48450; text-align: center;
margin-top: 30px;
}
.sub_ex7 table {width:100%; border-collapse: collapse;
}
.sub_ex7 table tr th, .sub_ex7 table tr td {padding:5px 10px;}
.sub_ex7 table tr th {border-top:1px solid #000; border-bottom:1px solid #000; border-right:1px solid #cfcfcf;}
.sub_ex7 table tr td { border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; text-align:center;}
.sub_ex7 table tr:first-child {background:#ebebeb;}
.sub_ex7 table tr td:last-child { border-right:none;}
.td_e { border-right: 1px solid #cfcfcf;}



/* exhibitioninfo3 */
.sub_join_box {position:relative; width:70%;}
.sub_join_box>form>div {position:relative; margin-bottom:15px; overflow:hidden; border-top:1px solid #ccc; padding-top:15px;}
.sub_join_box>form>div:last-child {border:0;}
.sub_join_box>form>div>* {float:left;}
.sub_join_box>form>div>label {width:160px; padding:10px 5px;}
.sub_join_box>form>div>select {width:135px; padding:10px 5px; color:#666; font-weight:600;}
.sub_join_box>form>.sub_number>select {width:110px;}
.sub_join_box>form>div>input {width:110px; padding:10px 5px; border:1px solid #ccc; font-size:16px;}
.sub_join_box>form>div>input>p {display:block; float:left;}
.sub_join_box>form>div>input::placeholder {color:#ccc;}

.sub_join_box>form>div.sub_name>input {margin-left:10px;}
.sub_join_box>form>div.sub_name>p {margin-left:10px; padding:8px 5px;}

.sub_join_box>form>div.sub_number>span {font-weight:600; line-height:2.2; padding:0 10px;}
.sub_join_box>form>div>.check_box {position:relative; display:block; width:100%;}
.sub_join_box>form>div.sub_terms>p>textarea {width:550px; height:200px; margin-top:10px;}
.sub_join_box>form>div.submit_btn {position:relative; padding:10px 0 100px 180px;}
.sub_join_box>form>div.submit_btn>p {cursor:pointer; padding:27px 40px; display:block; background:#000; color:#fff; font-size:20px; line-height:1;}

/* 결혼예정일 */
/* .sub_join_box>form>.sub_plan {position:relative; display:flex;}
.sub_join_box>form>.sub_plan>.plan_checkbox {padding-left:5px; position:relative;}
.sub_join_box>form>.sub_plan>.plan_checkbox>* {position:absolute; top:50%; transform:translateY(-50%);}
.sub_join_box>form>.sub_plan>.plan_checkbox>.plan_check {width:20px; height:20px; left:10px;}
.sub_join_box>form>.sub_plan>.plan_checkbox>span {left:33px; display:block; width:50px;} */



/* exhibitioninfo4 */
.sub_ex4 {padding-bottom:200px; width:100%;}
.sub_search {position:relative;}

.sub_search>form>div {position:relative; margin-bottom:15px; overflow:hidden; border-top:1px solid #ccc; padding-top:15px;}
.sub_search>form>div:last-child {border:0;}

.sub_search>form>div {position:relative; overflow:hidden;}
.sub_search>form>div>* {float:left;}
.sub_search>form>div>label {width:180px; padding:10px 5px;}
.sub_search>form>div>input {width:135px; padding:10px 5px; border:1px solid #ccc; font-size:16px;}
.sub_search>form>div>input>p {display:block; float:left;}
.sub_search>form>div>input::placeholder {color:#ccc;}

.sub_search>form>div.search_name>input {margin-left:10px;}
.sub_search>form>div.search_name>p {margin-left:10px; padding:8px 5px;}
.sub_search>form>div.search_number>span {font-weight:600; line-height:2.2; padding:0 10px;}

.sub_search>form>.search_btn {padding:10px 0 200px 180px;}


/* exhibitioninfo5 */
.sub_map {padding-top:50px; padding-bottom:320px;}
.sub_map1 {position:relative; float:left;}
.sub_map1>iframe {width:600px; height:450px;}
.sub_map2 {position:relative; float:left; padding-left:50px;}
.sub_map2>.sub_map2_txt>span {display:block; margin-bottom:10px;}

/* about 이미지 크기 페이지맞춤 */
  @media screen and (max-width:1350px){
    .title_center {font-size:24px; padding:30px 0 10px;}
    /* about1 */
    .main_img {width:300px !important; display:block;}
    .sub_about1_1 .about1_box img {width:95%; display:block;}
    .sub_about1_1 .about1_box .sub_info {font-size:14px; padding:10px 0 20px !important;}

    .sub_about1>.sub_about1_1>ul.about1_box>li.sub_info::before {width:100%;}
    .sub_about1>.sub_about1_1>ul.about1_box>li.sub_info::after {width:100%;}

    
    .main_img2 {width:400px !important; display:block; margin-top:20px;}
    .sub_about1_2 .about1_box img {width:300px; display:block;}
    .sub_about1_2 .about1_box .sub_info {padding-right:0; font-size:14px; line-height:1.8;}
    .sub_about1>.sub_about1_2>ul.about1_box>li.main_img2 { padding-left:30px;}

    .sub_about1_3 ul li {font-size:14px;line-height:1.7;}

    /* about2 */
    .about2_box li:first-child img {width:700px;}
    .about2_box li:nth-child(2) img {width:700px;}
    .about2_box li:last-child iframe {width:700px !important;}

    /* booth1 */
    .booth1_1_box img, .booth1_2_box img {width:90%;}
    .sub_booth1_3 img {width:95%;}
  }

  @media screen and (max-width:1065px){

    /* about1 */
    .main_img2 {width:300px !important; display:block; margin-top:70px;}
    .sub_about1_2 .about1_box img {width:280px; display:block;}
  }

  
  @media screen and (max-width:1024px){
    /* 피씨 모바일 */
    .pc {display:none;}
    .mobile {display:block;}
    .img_wrap {display:none;}
    .img_mobile_wrap {display:block;}

    .title_center, .title_small_02 {padding-left:5px;}
    .sub_data {padding-left:5px; margin:0 auto;}
    .left_box {display:none;}

    /* about3 */
    .coming { height:700px; margin:0 auto; width:100%;}
    .coming img {width:350px;}

    /* about4 */
    .sub_about4_1>img {width:99%;}

    /* about5 */
    .sub_about5>div>ul {width:99%;}

    /* booth2 */
    .booth2_1_box img {display:none;}
    .booth2_1_txt {width:100% !important; padding:0 !important;}

    .sub_booth2_2 {padding:70px 0 170px;}

    /* ex3 */
    .sub_join_box {width:99%;}
    .sub_join_box textarea {width:500px !important;}
    .sub_join_box>form>div.submit_btn {padding:0 0 100px 0;}
    .sub_join_box>form>div.submit_btn p {text-align:center; width:100%; background:#000;}

    /* ex5 */
    .sub_map {display:flex; flex-direction: column-reverse; padding-top:0;}
    .sub_map2 {padding:0 5px 10px 0;}
    .sub_map2 .sub_map2_txt {padding-left:5px;}

    .terms_popup {
      padding:10px 10px;
    }
  }

  @media screen and (max-width:988px){

    /* about1 */
    .sub_about1 .sub_info {letter-spacing: -0.02rem;}

    .event2 {padding:50px 0 !important;}
    .event2 .title {padding-bottom:20px !important;}
    .event2 img {width:60%;}
    .event2 iframe {width:80%; height:350px !important;}

    .join_tit {
        padding-bottom:1rem;
    }
  
    .join>form>div>label {
        width:8rem;
    }
  
    .box_name,
    .box_number,
    .box_date,
    .box_terms {
        padding-left:7rem;
    }
  
    .box_terms>p>textarea {
        width:50%;
    }
  }
  
  @media screen and (max-width:768px){

    .sub_about1 .sub_info {width:90% !important;}
    .main_img, .main_img2 {display:none !important;}
    .sub_about1>.sub_about1_3>ul.about1_box {width:90%;}

    /* about2 */
    .about2_box li:first-child img {width:400px;}
    .about2_box li:nth-child(2) img {width:400px;}
    .about2_box li:last-child iframe {width:400px !important; height:300px !important;}

    /* about5 */
    .sub_about5>div>ul>li {width:calc(100% / 3);height:100px;}

    /* booth1 */
    .sub_booth1>div {margin:0 auto;}
    .sub_booth1 img {margin-bottom:10px;}

    /* ex2 */
    /* table */
    .sub_ex2_2 table {font-size:14px; width:99%;}

    /* ex3 */
    .sub_join_box textarea {width:300px !important;}
    .sub_join_box label {width:110px !important;}
    .sub_join_box>form>.sub_name>select {width:100px;}
    .sub_join_box>form>.sub_number>select {width:70px;}
    .sub_join_box>form>.sub_number>input {width:70px;}
    .sub_join_box>form>.sub_number>span {padding:0 5px !important;}
    
    /* ex4 */
    .sub_search {width:99%;}
    .sub_search label {width:100px !important;}
    .sub_search input {width:100px !important;}
    .sub_search .search_btn {width:100%; display:block; padding: 0 !important;}
    .sub_search .search_btn a {position:relative; width:100%; display:block; background:#000;}
    .sub_search .search_btn img {text-align:center; display:block; margin:0 auto;}

    /* ex5 */
    .sub_map1 iframe {width:450px; height:400px;}

    /* ex7 */
    /* table */
    .sub_ex7 table {font-size:14px; width:99%;}

    /* join */
    .join_wrap {
      height:auto;
      padding:115px 0;
    }
    .box_name,
    .box_number,
    .box_date,
    .box_terms {
        padding-left:2rem;
    }
  
    .join_box {padding:50px 20px; height:auto;}
    .join_box h2 {font-size:30px;}

    .box_name select {width:70px;}
    .box_name input {width:110px;}

    .box_number select {width:50px;}
    .box_number input {width:60px;}
    .box_number span {padding:0 3px;}
    
    .box_date label {font-size:15px; width:100%}
    .box_date select {max-width:220px;}
    .box_terms p {font-size:15px; display:block; padding-right:5px; margin-bottom:10px;}

  }
  
  @media screen and (max-width:445px){
    .m445 {display:block;}
    .m445-re {display:none;}

    .title_center {font-size:20px;}
    .sub_about1 .sub_info {letter-spacing: -0.08rem;}

    /* event */
    .event2 img {width:80%;}

    /* about2 */
    .about2_box li:first-child img {width:350px;}
    .about2_box li:nth-child(2) img {width:350px;}
    .about2_box li:last-child iframe {width:350px !important; height:250px !important;}

    /* about5 */
    .sub_about5>div>ul>li {width:calc(100% / 2);height:100px;}
    .sub_about5>div>ul>li:nth-child(2n) {border-right: 1px solid #ccc;}
    .sub_about5>div>ul>li:nth-last-child(-n+5) {border-bottom: none;}
    .sub_about5>div>ul>li:nth-last-child(-n+2) {border-bottom: 1px solid #ccc;}
    .sub_about5>div>ul>li:last-child {border-right: 1px solid #ccc;}

    /* booth1 */
    .booth1_1_box img {max-height:250px;}
    .booth1_2_box img {max-height:350px;}
    .sub_booth1_4 .boothinfo {font-size:14px; padding-left:5px;}

    .event2 iframe {height:250px !important;}

    /* booth2 */
    .sub_booth2_2 ul {display:flex; flex-direction:column;}
    .sub_booth2_2 ul li {align-content:space-between; margin:0 auto; justify-content: center;}
    .sub_booth2_2 ul li.txt_box {font-size:18px; width:250px;}
    .sub_booth2_2 ul li.arrow_box {width:220px; height:40px;}
    .sub_booth2_2 ul li.arrow_box img {transform:rotate(90deg);}
    
    /* ex2 */
    /* table */
    .sub_ex2_2 table {font-size:13px; width:99%;}
    .sub_ex2_2 table th, .sub_ex2_2 table td {padding:10px !important;}

     /* ex7 */
     /* table */
    .sub_ex7 table {font-size:13px; width:99%;}
    .sub_ex7 table th, .sub_ex7 table td {padding:10px !important; text-align: center;}

    /* ex3 */
    .sub_join_box textarea {width:220px !important; height:180px !important; }
    .sub_join_box .sub_terms .check_box {padding-left:100px;}
    .sub_join_box label {width:90px !important;}
    .sub_join_box>form>.sub_name>p {font-size:14px;}
    .sub_join_box>form>.sub_number>input {width:60px;}
    .sub_join_box>form>.sub_number>span {padding:0 3px !important;}

    /* ex4 */
    .sub_search label {width:70px !important;}
    .sub_search select {width:80px;}
    .sub_search input {width:80px !important;}
    .sub_search .search_number span {padding:0 5px !important;}

    /* ex5 */
    .sub_map1 iframe {width:320px; height:280px;}

    .join {
        padding-top:5rem;
    }
  
    .box_name,
    .box_number,
    .box_date,
    .box_terms {
        padding-left:5px;
    }
  
    .join>form>div>label {
        width:5rem;
        font-size:15px;
        line-height:1.7;
    }
  
    .join>form>div.box_name>p {
        font-size:15px;
    }
  
    .join>form>div.box_terms>label{
        display:block;
        width:100%;
    }
  
    .join>form>div.box_terms>label>.mobile {
        display:none;
    }
  
    .box_terms>p>textarea {
        width:80%;
        display:block;
        margin:0 auto;
    }
  
    .box_terms>.check_box {
        padding-left:0;
        text-align:center;
    }
  }