@charset "utf-8";

/* 스타일 가이드 S */

:root {
  /* color */
  --color-Black:#000000;
  --color-Gray-900:#1B1D1F;
  --color-Gray-800:#26282B;
  --color-Gray-600:#454C53;
  --color-Gray-500:#72787F;
  --color-Gray-400:#9EA4AA;
  --color-Gray-200:#C9CDD2;
  --color-Gray-100:#E8EBED;
  --color-Gray-50:#F7F8F9;
  --color-white:#ffffff;

  /* font-size */
  --fontSize-title:36px;
  --fontSize-subtitle-1:24px;
  --fontSize-subtitle-2:20px;
  --fontSize-Body-1:16px;
  --fontSize-Caption:14px;

  /* font family */
  --font-jalnan:'JalnanGothic';

  /* line-height */
  --line-height12:1.2em;
  --line-height15:1.5em;

  /* header */
  --hd-height-main:80px;
  --hd-height-sub:64px;
  --hd-height-mo:80px;

  /* layout */
  --wrap-padding:20px;
  --wrap-margin:64px;

  /* ease */
  --ease1:cubic-bezier(0, 0.88, 0.45, 0.99);
  --ease2:cubic-bezier(0.69, 0.03, 0.19, 0.91);

  /* form */
  --input-height1:64px;

  /* loading */
  --loading-box:104px;
}
@media (max-width:1240px) {
  :root {
    --hd-height-mo:80px;
    --wrap-padding:40px;
    --wrap-margin:64px;
  }
}
@media (max-width:1024px) {
  :root {
    --hd-height-mo:80px;
    --wrap-padding:20px;
  }
}
@media (max-width:767px) {
  :root {
    --hd-height-mo:60px;
    --wrap-padding:16px;
    --input-height1:56px;
  }
}


/* reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,body {
  font-family: 'Pretendard';
  color: var(--color-Gray-900);
  width: 100%;
  height: 100%;
  letter-spacing: -0.3px;
  overflow-x: hidden;
}

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

a {
  text-decoration: none;
  color: var(--color-Gray-900);
}

body::-webkit-scrollbar {
  width: 0px;
  /* 스크롤바의 너비 */
}

#wrap{
  width: 100%;
  position: relative;
}

.inner {
  position: relative;
  width: 100%;
  max-width: 1480px;
  padding: 0 20px;
  margin: 0 auto;
}

.black_dim {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.192);
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  z-index: 100;
  backdrop-filter: blur(5px);
}

.black_dim.on{
  top: 0;
  visibility: visible;
  opacity: 1;
  transition: 0.8s cubic-bezier(0.52, 0.15, 0.45, 0.78);
}

.middle_title{
  color: var(--color-Gray-900);
  font-size: 36px;
  font-weight: 700;
}

.middle_small_title{
  color: var(--color-Gray-900);
  font-size: 32px;
  font-weight: 700;
}



/* 셀렉트 박스 CSS */
.select_up_box {
  position: relative;
}

.select_up_btn {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.select_up_btn:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  width: 8px;
  height: 8px;
  border-top: 2px solid var(--color-Gray-50);
  border-right: 2px solid var(--color-Gray-50);
  transform: translateY(-25%) rotate(-45deg);
  transform-origin: center;
  transition: 0.6s var(--ease1);
}

.select_up_btn.on:after {
  transform: translateY(-70%) rotate(135deg);
  transform-origin: center;
}

.select_up_list_box{
  position: absolute;
  right: 0;
  width: 100%;
  overflow-y: scroll;
  transition: 0.6s var(--ease1);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  z-index: 10;
}

.select_up_list_box::-webkit-scrollbar {
  width: 0px;
  /* 스크롤바의 너비 */
}

.select_up_list_box.on {
  visibility: visible;
  opacity: 1;
  pointer-events: unset;
}

.select_up_ul {
  padding: 0 20px;
}

.select_up_list{

}

.select_up_list a {
  display: block;
  transition: 0.3s var(--ease2);
}

.select_up_list a span {

}


/* 헤더 시작*/
header{
  width: 100%;
  display: flex;
}

.header_wrap{
  width: 100%;
  position: fixed;
  z-index: 105;
}

.header_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  transition: 0.3s var(--ease2);
  background: #fff;
}

.header_box {
  margin-top: -50px;
  box-shadow: 10px 0px 30px #00000017;
}

.header_box.show {
  margin-top: 0px;
  box-shadow: 0px 0px 0px #00000017;
}

.header_family_wrap{
  background: var(--color-Gray-100);
  width: 100%;
  max-height: 35px;
  border-radius: 8px;
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header_family_ul{
  width: 100%;
  display: flex;
  align-items: center;
}

.header_family_list{
  display: flex;
  align-items: center;
  justify-content: center;
}

.header_family_link{
  color: var(--color-Gray-600);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
  font-size: 14px;
}

.header_family_ul .header_family_list:first-child .header_family_link{
  padding-left: 20px;
}

.language_btn {
  min-width: 100px;
  padding: 5px 20px;
}

.language_btn:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  width: 6px;
  height: 6px;
  border-top: 2px solid var(--color-Gray-900);
  border-right: 2px solid var(--color-Gray-900);
  transform: translateY(-25%) rotate(-45deg);
  transform-origin: center;
  transition: 0.6s var(--ease1);
}

.hd_language_icon_img{
  margin-right: 7px;
  width: 22px;
}

.language_btn_txt {
  color: var(--color-Gray-900);
  letter-spacing: 0px;
  font-size: 14px;
  font-weight: 700;
  padding-right: 25px;
}

.language_list_box {
  top:20px;
  background: var(--color-Gray-900);
}

.language_list_box.on {
  top: 40px;
}

.language_list {
  border-bottom: 1px solid #646d79;
  display: flex;
  justify-content: center;
}

.language_list:last-child {
  border-bottom: 0px solid #646d79;
}

.language_list a {
  padding: 15px 0;
  font-size: 14px;
}

.language_list a span {
  color: var(--color-Gray-50);
}


.header_menu_wrap{
  width: 100%;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
}

.header_logo_box{
  display: flex;
  align-items: center;
}

.header_logo_box a{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.header_logo_img{

}

.menu_box{
  max-width: 1000px;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: 50px;
}

.menu_ul{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.menu_list{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.menu_list:hover .deep1_link span::after{
  position: absolute;
  top: 50%;
  left: -20px;
  width: 9px;
  height: 30px;
  transform: translateY(-50%);
  content: url(../img/txt_point_left.svg);
}

.menu_list:hover .deep1_link span::before{
  position: absolute;
  top: 50%;
  right: -20px;
  width: 9px;
  height: 30px;
  transform: translateY(-50%);
  content: url(../img/txt_point_right.svg);
}

.deep1_link{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.deep1_link span{
  color: var(--color-Black);
  font-size: 20px;
  font-weight: 700;
  position: relative;
}

.deep_menu {
  position: absolute;
  top:60px;
  left: 0;
  width: 100%;
  padding: 30px 0 15px 0;
  border: 1px solid var(--color-Black);
  visibility: hidden;
  opacity: 0;
  box-shadow: 7px -4px 15px #0000002a;
  background: #fff;
}

.deep_menu.on {
  visibility: visible;
  transition: 0.6s var(--ease1);
  opacity: 1;
  top: 90px;
}

.black_line{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 5px;
  background: #000;
}

.deep_menu_ul{
  width: 100%;
}

.deep_menu_list{
  display: flex;
  width: 100%;
}

.deep2_link{
  display: flex;
  width: 100%;
  height: 100%;
  padding: 10px 20px;
}

.deep2_link span{
  color: var(--color-Black);
  font-weight: 500;
  font-size: 20px;
}

.hd_bg_img{
  padding: 10px 20px 0 20px;
  width: 100%;
  height: 66px !important;
  object-fit: cover;
}


/* 헤더 햄버거 버튼 */
.m_menu_btn {
  position: relative;
  width: 24px;
  height: 16px;
  cursor: pointer;
  display: flex;
}

.m_menu_btn span {
  display: block;
  width: 100%;
  height: 2px;
  background: #333;
  position: absolute;
  top: 0;
  transition: 0.5s;
}

.m_menu_btn .bar1 {
  top: 0;
  transform-origin: top right;
}

.m_menu_btn.on .bar1 {
  top: -0px;
  transform: rotate(-45deg);
}

.m_menu_btn span {
  display: block;
  width: 100%;
  height: 2px;
  background: #333;
  position: absolute;
  top: 0;
  transition: 0.5s;
}

.m_menu_btn .bar2 {
  top: 50%;
}

.m_menu_btn.on .bar2 {
  width: 0;
  opacity: 0;
}

.m_menu_btn span {
  display: block;
  width: 100%;
  height: 2px;
  background: #333;
  position: absolute;
  top: 0;
  transition: 0.5s;
}

.m_menu_btn .bar3 {
  top: 100%;
  transform-origin: bottom right;
}

.m_menu_btn.on .bar3 {
  top: 100%;
  transform: rotate(45deg);
}


/* 헤더 전체메뉴 */
.all_menu_box{
  position: absolute;
  left: 0;
  top: calc(100% - 20px);
  width: 100%;
  padding: 50px 0;
  border-top: 1px solid var(--color-Black);
  box-shadow: 0 10px 20px #0000000a;
  background: #fff;
  pointer-events: none;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s var(--ease1);
}

.all_menu_box.on{
  pointer-events: inherit;
  top: 100%;
  visibility: visible;
  opacity: 1;
  overflow-y: auto;
}

.all_menu_box::-webkit-scrollbar {
  width: 0px;
  /* 스크롤바의 너비 */
}

.all_menu_ul{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.all_menu_list{
  max-width: 17%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.all_deep1_link{
  display: flex;
  width: 100%;
  height: 100%;
}

.all_deep1_link span{
  font-weight: 700;
  color: var(--color-Black);
  font-size: 24px;
}

.hd_all_bg_img{
  margin-top: 15px;
  width: 100%;
  max-height: 70px;
  object-fit: cover;
}

.all_deep_menu {
  width: 100%;
  padding: 25px 0 0 0;
}

.all_deep_menu_ul{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.all_deep_menu_list{
  display: flex;
  width: 100%;
}

.all_deep2_link{
  display: flex;
  width: 100%;
  height: 100%;
  padding: 10px 0;
}

.all_deep2_link span{
  color: var(--color-Black);
  font-weight: 500;
  font-size: 20px;
}


/* 헤더 반응형 */
@media(max-width : 1400px){
  .header_box {margin-top: -45px;}
  .menu_box {max-width: 850px;}
  .deep2_link {padding: 10px 15px;}
  .deep1_link span, .deep2_link span, .all_deep2_link span {font-size: 18px;}
  .hd_bg_img{padding: 10px 15px 0 15px;}
  .deep_menu {padding: 25px 0 15px 0;}
  .deep_menu.on {top: 80px;}
  .header_family_wrap {margin-top: 10px;}
  .header_menu_wrap {height: 80px;}
  .header_logo_img {width: 220px;}
  .all_deep1_link span {font-size: 22px;}
  .hd_all_bg_img {max-height: 60px;}
  .all_deep_menu {padding: 20px 0 0 0;}
  .all_menu_list {max-width: 18%;}
}

@media(max-width : 1200px){
  .menu_ul{display: none;}
  .header_menu_wrap {height: 70px;}
  .header_logo_img {width: 200px;}
  .menu_box {margin-left: 20px;}
  .all_menu_ul {justify-content: flex-start; flex-wrap: wrap;}
  .all_menu_list {max-width: 31%; margin-right: 3.5%;}
  .all_menu_list:nth-child(3) {margin-right: 0%;}
  .all_menu_list:nth-child(n+4) {margin-top: 50px; padding-top: 50px; border-top: 1px dashed #c1c1c1;}
}

@media(max-width : 1000px){
  .header_box {margin-top: -0px;}
  .header_family_wrap{display: none;}
  .all_deep1_link span {font-size: 20px;}
  .hd_all_bg_img {max-height: 50px; margin-top: 10px;}
  .all_deep_menu {padding: 10px 0 0 0;}
  .all_deep2_link {padding: 8px 0;}
  .all_deep2_link span {font-size: 16px;}
  .all_menu_box {padding: 40px 0;}
  .all_menu_list:nth-child(n+4) {margin-top: 40px; padding-top: 40px;}
}

@media(max-width : 800px){
  .header_menu_wrap {height: 60px;}
  .header_logo_img {width: 180px;}
  .all_menu_box {padding: 0; }
  .all_deep1_link span {font-size: 18px;}
  .hd_all_bg_img{display: none;}
  .all_menu_list {max-width: 100%; margin-right: 0%;}
  .all_deep1_link {padding: 15px 0;}
  .all_deep_menu {padding: 0 0 15px 0;}
  .all_menu_list:nth-child(n+4) {margin-top: 0px; padding-top: 0px; border-top: 0px;}
  .all_menu_list:nth-child(n+1) {border-top: 1px dashed #c1c1c1;}
  .all_menu_list:nth-child(1) {border-top: 0px;}
  .all_deep2_link span {color: var(--color-Gray-600);}
  .all_deep2_link {padding: 8px 0 8px 15px; position: relative;}
  .all_deep2_link::after{display: block; content: ""; position: absolute; top:50%; left: 2px; transform: translateY(-65%);
    width: 4px; height: 4px; border-radius: 100px; background: var(--color-Gray-600);}
}
@media(max-width : 600px){}
@media(max-width : 400px){}

/* 헤더 끝*/


/* 콘텐츠 시작 */
section{
  width: 100%;
  display: flex;
}

.contents_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 140px;
}

.bn_top_wrap{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 35px;
}

.bn_top_txt_box{
  display: flex;
  flex-direction: column;
}

.bn_top_stxt{
  color: var(--color-Gray-600);
  font-size: 16px;
  font-weight: 400;
}

.title_txt{
  color: var(--color-Black);
  font-size: 64px;
  font-weight: 700;
}

.bn_top_gallry_box{
  display: flex;
}

.bn_top_gallry_box a{
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
}

.bn_top_gallry_arrow{
  width: 65px;
  margin-right: 35px;
}

.bn_top_gallry_img_box{
  width: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.bn_top_gallry_img_box::after{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  content: "";
  display: block;
  border: 2px solid #FF2F44;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s var(--ease2);

}

.bn_top_gallry_box:hover .bn_top_gallry_img_box::after{
  left: 5px;
  top: 5px;
  opacity: 1;
  visibility: visible;
}

.bn_top_banner_img{
  width: 100%;
  height: 100%;
}

.main_bn_slide_wrap{
  width: 100%;
  display: flex;
  margin-top: 30px;
}

.mbs_slide_box{
  width: 100%;
  height: 680px;
  display: flex;
  position: relative;
}

.mbs_slide_dim{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background: linear-gradient(#ffffff00 70%, #fff);
  pointer-events: none;
  z-index: 3;
}

.mbs_slide{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.mbs_bg_img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
figure.image {
  width: auto !important;  
  display: flex;
  justify-content: center;
}
.image img{
  max-width: 720px;
  width: 100%;
  object-fit: contain;
  height: auto;
}

.pagin_box{
  width: auto;
  height: 50px;
  background: var(--color-Black);
  position: absolute;
  bottom: 60px;
  left: 0;
  margin-left: 20px;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.pagin_box .swiper-pagination{
  min-width: 100px;
  width: auto !important;
  position: unset;
  display: flex;
  height: 100%;
  align-items: center;
  padding: 0 20px;
  color: #fff;
}

.mar_top20{
  margin-top: 20px;
}

.bar_wrap {
  display: flex;
  align-items: center;
}

.bar {
  width:120px;
  height:3px;
  background:var(--color-Gray-600);
  position:relative;
}

.back {
  display:inline-block;
  width:0%;
  height:100%;
  background:#fff;
  position:absolute;
  top:0;
  left:0;
}

.bar_animation {
  animation:5s bar_start linear;
}

@keyframes bar_start {
  0% {
    width:0%
  }
  100% {
    width:100%
  }
}

.swiper-button-next, .swiper-button-prev {
  position: unset !important;
  margin-top: 0 !important;
  width: 30px !important;
  height: 100% !important;
}
.swiper-button-next:after, .swiper-button-prev:after {
  display: none;
}

.pagin_arrow_box{
  display: flex;
  height: 100%;
  align-items: center;
  margin: 0 10px 0 40px;
}

.main_notice_wrap{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 70px;
}

.main_notice_title_box{
  display: flex;
  flex-direction: column;
}

.more_link_box{
  display: inline-flex;
}

.more_link{
  display: flex;
  position: relative;
  padding: 5px 20px;
}

.more_link::after{
  position: absolute;
  top: 50%;
  left: 0px;
  width: 15px;
  height: 30px;
  transform: translateY(-50%);
  content: url(../img/txt_point_left.svg);
}

.more_link::before{
  position: absolute;
  top: 50%;
  right: -5px;
  width: 15px;
  height: 30px;
  transform: translateY(-50%);
  content: url(../img/txt_point_right.svg);

}

.more_img{
  width: 20px;
  transition: 0.6s var(--ease1);
}

.more_link:hover .more_img{
  display: flex;
  position: relative;
  transform: rotate(360deg);
  transform-origin: center;
}

.main_notice_ul{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-left: 100px;
  width: 100%;
}

.main_notice_list{
  display: flex;
  width: 48%;
  border-top: 2px solid #000;
  position: relative;
}

.main_notice_list:hover::after{
  top: 5px;
  opacity: 1;
  visibility: visible;
}

.main_notice_list::after {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  content: "";
  display: block;
  border-top: 2px solid #000000;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s var(--ease2);
}

.main_notice_list a{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 30px 0px;
}

.main_notice_stxt{
  color: var(--color-Gray-900);
  font-weight: 700;
  font-size: 16px;
}

.main_notice_txt_box{
  margin-left: 30px;
  display: flex;
  flex-direction: column;
}

.main_notice_mtxt{
  color: var(--color-Gray-900);
  font-weight: 700;
  font-size: 24px;
  /*min-height: 60px;*/
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.main_notice_dtxt{
  color: var(--color-Gray-400);
  font-weight: 600;
  font-size: 16px;
  margin-top: 15px;
}

.exhibition_title_wrap{
  margin : 120px 0 20px 0;
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.exhibition_title_box{
  display: flex;
  align-items: flex-end;
}

.exhibition_sub_title{
  color: var(--color-Gray-500);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 5px;
  margin-left: 15px;
  padding-bottom: 5px;
}

.exhibition_list_wrap{
  width: 100%;
  min-height: 750px;
  display: flex;
  background: url(../img/contents_bg01.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0 60px 20px;
  position: relative;
}

.exhibition_list_wrap::after{
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  height: 100%;
  display: block;
  content: "";
  background: linear-gradient(to right, #00000000, #000);
  z-index: 10;
}

.ex_list_box{
  padding-left: calc((100vw - 1480px) / 2);
  width: 100%;
  display: flex;
  align-items: center;
}

.ex_txt_content{
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 500px;
  width: 100%;
}

.ex_info_area{
  min-height: 400px;
  display: flex;
  transform: translateY(25px);
  opacity: 0;
  visibility: hidden;
}

.ex_info_area.on{
  min-height: 400px;
  display: flex;
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
  transition: 0.6s var(--ease2);
}

.ex_info_area{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.kate_box{
  border: 1px solid #fff;
  margin-bottom: 20px;
}

.kate_txt{
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 5px 15px;
}

.ex_slide_title{
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 15px;
}

.ex_slide_date{
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 30px;
}

.ex_slide_description{
  color: var(--color-Gray-400);
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  min-height: 185px;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}

.ex_pagin_box{
  width: auto;
  height: 50px;
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.ex_pagin_box .swiper-pagination{
  min-width: 60px;
  width: auto !important;
  position: unset;
  display: flex;
  height: 100%;
  align-items: center;
  color: #fff;
}

.ex_pagin_arrow_box{
  display: flex;
  height: 100%;
  align-items: center;
  margin: 0 10px;
}

.ex_container{
  width: 100%;
  display: flex !important;
  justify-content: space-between !important;
}

.ex_swiper{
  display: flex !important;
  height: 600px;
  width: 100%;
  margin-left: 100px !important;
}

.ex_wrapper{
  align-items: flex-end !important;
}

.ex_swiper .swiper-slide{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 350px;
  transition: 0.3s var(--ease2);
  filter: brightness(0.5);
  position: relative !important;
}

.ex_swiper .swiper-slide a{
  display: flex;
  width: 100%;
  height: 100%;
}

.ex_swiper .swiper-slide-active{
  width: 400px !important;
  height: 600px !important;
  filter: brightness(1);
}

.ex_slide_img{
  width: 100%;
  height: 100%;
  object-fit: inherit;
}

.ex_swiper .swiper-slide-active::after{
  position: fixed;
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  left: -8px;
  top: -8px;
  z-index: 10;
}

.ex_info_box{
  display: none;
}

.collection_wrap{
  width: 100%;
  display: flex;
  margin-top: 150px;
}

.collection_box{
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.collection_left_box{
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.collection_title_top_box{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.collection_title_box{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.collection_sub_title{
  color: var(--color-Gray-500);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 5px;
}

.collection_martop_30{
  margin-top: 30px;
}

.collection_fiexd_box{
  width: 100%;
  height: 650px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: 50px;
}

.collection_fiexd_box::after {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  display: block;
  content: "";
  background: linear-gradient(to right, #00000000, #fff);
  z-index: 10;
}

.col_bg_img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.collection_fiexd_txt{
  position: absolute;
  left: 30px;
  bottom: 30px;
  font-size: 32px;
  line-height: 40px;
  color: #fff;
  font-weight: 500;
  z-index: 10;
}

.collection_right_box{
  width: 50%;
  display: flex;
}

.collection_ul{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.collection_list{
  width: 48%;
  display: flex;
  margin-bottom: 40px;
}


.collection_list:nth-child(n+3){
  margin-bottom: 0px;
}

.collection_list a{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.collection_img_box{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.collection_list_img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s ease;
}

.collection_img_box:hover .collection_list_img{
  transform: scale(1.1);
}

.collection_list_stxt{
  color: var(--color-Black);
  font-size: 16px;
  font-weight: 700;
  margin-top: 15px;
}

.collection_list_mtxt{
  color: var(--color-Black);
  font-size: 20px;
  font-weight: 500;
  margin-top: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.collection_kate_ul{
  width: 100%;
  display: flex;
  align-items: center;
}

.collection_kate_list{
  display: flex;
  align-items: center;
  margin-right: 25px;
}

.collection_kate_list:last-child{
  margin-right: 0px;
}

.collection_kate_txt{
  color: var(--color-Gray-600);
  font-size: 14px;
  font-weight: 400;
  margin-top: 10px;
  position: relative;
}

.collection_kate_txt::after{
  position: absolute;
  right: -14px;
  top: 50%;
  transform: translateY(-50%);
  background: var(--color-Gray-200);
  width: 1px;
  height: 12px;
  display: block;
  content: "";
}

.collection_kate_list:last-child .collection_kate_txt:after{
  display: none;
}

.main_direct_wrap{
  width: 100%;
  display: flex;
  margin-top: 150px;
}

.main_direct_box{
  width: 100%;
  display: flex;
}

.main_direct_ul{
  width: 100%;
  display: flex;
}

.direct_martop_50{
  margin-top: 50px;
}

.main_direct_list{
  width: 33.33%;
  border-right: 2px solid #000;
  padding: 0px 20px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.main_direct_list:first-child{
  border-left: 2px solid #000;
}

.main_direct_link_box{
  padding: 20px 0;
  display: flex;
  flex-direction: column;
}

.main_direct_link_txt{
  color: var(--color-Black);
  font-size: 24px;
  font-weight: 700;
}

.direct_icon_img{
  width: 70px;
}


/* 콘텐츠 반응형 */
@media(max-width : 1400px){
  .contents_wrap{margin-top: 125px;}
  .bn_top_wrap,.main_bn_slide_wrap  {margin-top: 20px;}
  .bn_top_gallry_img_box {width: 360px;}
  .bn_top_gallry_arrow {width: 55px;}
  .title_txt {font-size: 58px;}
  .mbs_slide_box {height: 500px;}
  .main_notice_ul {margin-left: 80px;}
  .main_notice_list {width: 47%;}
  .exhibition_title_wrap {margin: 100px 0 20px 0;}
  .ex_slide_title {font-size: 34px;}
  .ex_txt_content {max-width: 470px;}
  .exhibition_list_wrap {min-height: 670px; padding: 50px 0 50px 20px;}
  .ex_swiper .swiper-slide-active {width: 350px !important; height: 550px !important;}
  .ex_swiper .swiper-slide {height: 300px;}
  .ex_swiper {height: 550px; margin-left: 70px !important;}
  .collection_wrap,.main_direct_wrap {margin-top: 120px;}
  .collection_fiexd_box {height: 570px;}
  .middle_title {font-size: 32px;}
}

@media(max-width : 1200px){
  .contents_wrap{margin-top: 115px;}
  .bn_top_gallry_img_box {width: 300px;}
  .bn_top_gallry_arrow {width: 45px;}
  .title_txt {font-size: 50px;}
  .mbs_slide_box {height: 470px;}
  .pagin_box {height: 45px; bottom: 55px;}
  .main_notice_wrap {flex-direction: column;}
  .main_notice_title_box {flex-direction: row; width: 100%; justify-content: space-between;}
  .main_notice_title_box .mar_top20{margin-top: 0;}
  .main_notice_ul {margin-left: 0px; margin-top: 20px;}
  .main_notice_list {width: 48%;}
  .more_link::after,.more_link::before {height: 28px;}
  .main_notice_mtxt {font-size: 22px; min-height: 50px;}
  .main_notice_list a {padding: 25px 0px;}
  .main_notice_wrap {margin-top: 60px;}
  .exhibition_sub_title,.collection_sub_title {font-size: 18px;}
  .ex_slide_title {font-size: 30px;}
  .ex_txt_content {max-width: 370px;}
  .exhibition_list_wrap {min-height: 600px; padding: 50px 0 50px 20px;}
  .ex_swiper .swiper-slide-active {width: 300px !important; height: 500px !important;}
  .ex_swiper .swiper-slide {height: 250px;}
  .ex_swiper {height: 500px; margin-left: 50px !important;}
  .collection_wrap,.main_direct_wrap {margin-top: 110px;}
  .collection_fiexd_box {height: 470px;}
  .collection_list_mtxt {font-size: 18px; font-weight: 700;}
  .direct_martop_50 {margin-top: 40px;}
  .main_direct_link_box {padding: 15px 0;}
  .direct_icon_img {width: 65px;}
  .middle_title {font-size: 30px;}
}

@media(max-width : 1000px){
  .contents_wrap{margin-top: 70px;}
  .title_txt {font-size: 46px;}
  .mbs_slide_box {height: 430px;}
  .bar {width: 100px;}
  .pagin_arrow_box {margin: 0 10px 0 25px;}
  .main_notice_ul {flex-direction: column; margin-top: 15px;}
  .main_notice_list {width: 100%;}
  .main_notice_list:last-child {border-bottom: 2px solid #000;}
  .main_notice_mtxt {min-height: auto; -webkit-line-clamp: 1;}
  .main_notice_mtxt {font-size: 20px;}
  .main_notice_list a {width: 100%; justify-content: flex-start; padding: 20px 0;}
  .main_notice_list:hover::after {top: 0px;}
  .exhibition_sub_title,.collection_sub_title {font-size: 16px;}
  .ex_txt_content {max-width: 100%; flex-direction: row; justify-content: space-between; align-items: center;}
  .ex_slide_title {font-size: 28px;}
  .ex_slide_date {font-size: 18px;}
  .ex_container {flex-direction: column;}
  .ex_info_area.on {min-height: auto;}
  .ex_info_area {min-height: auto; width: 100%; margin-right: 100px;}
  .ex_slide_description{min-height: auto; margin-bottom: 30px; -webkit-line-clamp: 3;}
  .ex_swiper {margin-left: 0px !important; height: 420px; margin-top: 30px;}
  .ex_swiper .swiper-slide-active {width: 280px !important; height: 420px !important;}
  .ex_swiper .swiper-slide {height: 300px;}
  .exhibition_list_wrap::after {display: none;}
  .collection_wrap,.main_direct_wrap {margin-top: 100px;}
  .collection_fiexd_box {height: 420px;}
  .main_direct_link_box {padding: 0;}
  .main_direct_link_txt {font-size: 20px;}
  .direct_icon_img {width: 55px;}
  .middle_title {font-size: 28px;}
}

@media(max-width : 800px){
  .contents_wrap{margin-top: 60px;}
  .bn_top{display: none;}
  .main_bn_slide_wrap {margin-top: 0px;}
  .mbs_slide_box {height: 350px;}
  .pagin_box {height: 40px; bottom: 50px;}
  .bar {width: 80px;}
  .title_txt {font-size: 42px;}
  .main_notice_mtxt {min-height: auto; -webkit-line-clamp: 2; font-size: 18px;}
  .main_notice_list a {flex-direction: column; padding: 25px 0;}
  .main_notice_txt_box {margin-left: 0px; margin-top: 10px;}
  .main_notice_dtxt {font-weight: 400; font-size: 14px; margin-top: 20px;}
  .main_notice_wrap {margin-top: 50px;}
  .ex_pagin_box{display: none;}
  .ex_info_area {margin-right: 0px; padding-right: 20px;}
  .ex_swiper .swiper-slide-active {width: 230px !important; height: 340px !important;}
  .ex_swiper {height: 340px;}
  .ex_swiper .swiper-slide {height: 250px;}
  .ex_slide_description {margin-bottom: 20px;}
  .collection_fiexd_box {display: none;}
  .collection_box {flex-direction: column;}
  .collection_left_box {width: 100%;}
  .collection_title_box {flex-direction: row; align-items: flex-end;}
  .collection_sub_title{margin-left: 15px; padding-bottom: 5px;}
  .collection_title_top_box {flex-direction: row; margin-bottom: 20px;}
  .collection_martop_30 {margin-top: 0px;}
  .collection_right_box {width: 100%;}
  .main_direct_ul {flex-direction: column;}
  .main_direct_list {width: 100%; border-right: 0px solid #000; border-bottom: 2px solid #000; padding: 20px 0px;}
  .main_direct_list:first-child {border-left: 0px solid #000; border-top: 2px solid #000;}
  .main_direct_link_box {flex-direction: row; justify-content: space-between; width: 100%; align-items: center;}
  .direct_martop_50 {margin-top: 0px;}
  .direct_icon_img {width: 55px; display: none;}
  .main_direct_link_txt {font-size: 16px;}
  .middle_title {font-size: 26px;}
}

@media(max-width : 600px){
  .mbs_slide_box {height: 280px;}
  .pagin_box {display: none;}
  .title_txt {font-size: 36px;}
  .middle_title {font-size: 24px;}
  .exhibition_title_wrap {margin: 80px 0 10px 0;}
  .exhibition_sub_title {font-size: 14px;}
  .ex_slide_title {font-size: 26px;}
  .ex_slide_date {margin-bottom: 20px;}
  .collection_wrap,.main_direct_wrap {margin-top: 90px;}
}

@media(max-width : 500px){
  .collection_sub_title{display: none;}
  .collection_list_stxt {margin-top: 10px; font-size: 14px;}

}

@media(max-width : 400px){
  .middle_title {font-size: 22px;}
  .mbs_slide_box {height: 240px;}
  .title_txt {font-size: 28px;}
  .exhibition_sub_title{display: none;}
  .collection_wrap,.main_direct_wrap {margin-top: 80px;}
}


@media(max-width : 300px){
  .title_txt {font-size: 26px;}
}
/* 콘텐츠 끝 */

























/* 서브페이지 시작 */

.intro_bg{background:url(../img/intro_bg.jpg);}
.display_bg{background:url(../img/display_bg.jpg);}
.collection_bg{background:url(../img/collection_bg.jpg);}
.notice_bg{background:url(../img/notice_bg.jpg);}
.town_bg{background:url(../img/town_bg.jpg);}

.sub_top_banner_wrap{
  width: 100%;
  display: flex;
}

.sub_top_banner_box{
  position: relative;
  width: 100%;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.sub_top_banner_box::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background: linear-gradient(#00000000 30%, #000 150%);
  z-index: 10;
}

.sub_top_banner_title{
  position: relative;
  color: #fff;
  font-size: 32px;
  font-weight: 500;
  z-index: 11;
  text-align: center;
  padding: 0 20px;
  word-break: keep-all;
}

.course_view_wrap{
  width: 100%;
  display: flex;
}

.course_view_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
}

.course_ul {
  display: flex;
  align-items: center;
}

.course_list {
  display: flex;
  align-items: center;
  margin-right: 30px;
  position: relative;
}

.course_list:last-child {
  margin-right: 0px;
}

.course_txt {
  font-weight: 700;
  color: #1e1e1e;
  font-size: 16px;
}

.course_list::after {
  display: block;
  content: "";
  width: 5px;
  height: 1px;
  position: absolute;
  top: 50%;
  right: -17px;
  transform: translateY(-50%);
  background: #717171;
}

.course_list:last-child:after {
  display: none;
}

.page_save_ul {
  display: flex;
  align-items: center;
}

.page_save_list {
  display: flex;
  align-items: center;
  justify-content: center;
}

.page_save_list button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background: none;
  border: none;
  cursor: pointer;
}

.sub_banner_nav {
  width: 100%;
  display: flex;
  margin-top: 60px;
}

.sub_banner_ul {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.sub_banner_list {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-right: 30px;
}

.sub_banner_list:last-child {
  margin-right: 0px;
}

.sub_banner_list a {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px;
  position: relative;
  z-index: 2;
  text-align: center;
}

.sub_banner_list a:hover {
  text-decoration: underline;
}

.sub_banner_list.on {
  background: #000;
}

.sub_banner_list.on a{
  color: #fff;
  text-decoration:none;
}


.sub_contents_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 80px;
}

.introduce_top_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.introduce_top_img_box{
  margin-top: 40px;
  width: 100%;
  height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 10;
}

.introduce_top_img_box::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background: linear-gradient(#00000000 30%, #000 150%);
  z-index: 11;
}

.introduce_top_img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.introduce_top_txt_box{
  position: absolute;
  left: 30px;
  bottom: -50px;
  background: #000;
  padding: 70px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 13;
}

.introduce_top_txt{
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  line-height: 30px;
  margin-right: 60px;
}

.introduce_top_w_logo{
  width: 300px;
}

.introduce_mid_wrap{
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 200px;
}

.intro_mid_logo_box{
  display: flex;
  flex-direction: column;
  margin-right: 150px;
}

.intro_mid_stxt{
  color: var(--color-Gray-900);
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 15px;
}

.mid_logo_img{
  width: 530px;
  margin-top: 50px;
}

.intro_mid_txt_box{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.basic_mar60{
  margin-top: 60px;
}

.basic_txt{
  font-size: 20px;
  font-weight: 300;
  color: var(--color-Gray-600);
  line-height: 1.8rem;
}

.intro_mid_name{
  font-size: 20px;
  font-weight: 700;
  color: var(--color-Gray-900);
}

.title_txt_marbt{
  margin-bottom: 80px
}

.view_guide_box{
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.view_guide_left_box{
  display: flex;
  margin-right: 100px;
}

.view_guide_left_ul{
  display: flex;
  flex-direction: column;
}

.view_guide_left_list{
  margin-bottom: 80px;
  display: flex;
  flex-direction: column;
}

.view_guide_left_list:last-child{
  margin-bottom: 0px;
}

.vg_mb30{
  margin-bottom: 30px;
}

.vg_mb5{
  margin-bottom: 5px;
}

.small_title{
  position: relative;
  font-size: 24px;
  font-weight: 700;
  color: #000;
}

.st_af::after{
  position: absolute;
  left: 0;
  bottom: -18px;
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  background: #000;
}

.small_basic_txt{
  font-size: 16px;
  font-weight: 500;
  color: var(--color-Gray-600);
}
.ssmall_basic_txt{
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--color-Gray-600);
}

.view_guide_right_box{
  width: 50%;
  display: flex;
  flex-direction: column;
}

.ticker_mar{
  margin-bottom: 30px;
}

.view_guide_right_ul{
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}

.view_guide_right_list{
  margin-bottom: 20px;
  display: flex;
  width: 100%;
  height: 100%;
  max-height: 180px;
  align-items: center;
}

.view_guide_right_list:last-child{
  margin-bottom: 0px;
}

.vgr_human_box{
  max-width: 130px;
  width: 100%;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  background: var(--color-Black);
}

.human_icon_img{
  width: 42px;
}

.vgr_ticket_box{
  background: var(--color-Gray-50);
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  justify-content: space-between;
}

.vgr_ticket_info_box{
  display: flex;
  flex-direction: column;
}

.vgr_ticket_info_ul{
  display: flex;
}

.vgr_ticket_info_list{
  display: flex;
  flex-direction: column;
  margin-right: 30px;
}

.vgr_ticket_mtxt{
  color: #000;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}

.vgr_ticket_stxt_box{
  display: flex;
  align-items: center;
}

.won_icon_img{
  margin-right: 5px;
}

.vgr_ticket_stxt{
  color: #000;
  font-size: 16px;
  font-weight: 500;
}

.come_top_wrap{
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.come_top_left_box{
  display: flex;
  flex-direction: column;
  max-width: 480px;
  width: 100%;
  margin-right: 100px;
}

.border_box_ul{
  width: 100%;
  display: flex;
  padding: 20px 0;
  margin: 35px 0;
  flex-direction: column;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}

.border_box_list{
  width: 100%;
  display: flex;
  align-items: center;
  padding: 10px 0;
}

.ssmall_basic_txt span{
  font-weight: 600;
  font-size: 20px;
  color: #000;
  display: inline-flex;
  min-width: 100px;
}

.icon_info_ul{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.icon_info_list{
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.icon_info_list:last-child{
  margin-bottom: 0px;
}

.icon_info_box{
  display: flex;
  align-items: center;
  margin-right: 20px;
}

.icon_info_img{
  width: 32px;
  margin-right: 10px;
}

.icon_info_mtxt{
  font-weight: 700;
  font-size: 20px;
  color: #000;
}

.icon_info_stxt{
  font-weight: 400;
  font-size: 20px;
  color: #000;
}

.come_map_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.come_map_box{
  width: 100%;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.map_sns_ul{
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.map_sns_list{
  margin-right: 10px;
  min-width: 240px;
  width: 100%;
  border-radius: 8px;
  display: flex;
  align-items: center;
}

.naver_list{
  background: #00C300;
}
.kakao_list{
  background: #FAE100;
}

.map_sns_list:last-child{
  margin-right: 0px
}

.map_sns_list a{
  padding: 20px 15px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
}

.naver_list a{
  color: #fff;
}

.kakao_list a{
  color: #371C1D;
}

.map_sns_img{
  margin-right: 20px;
}

.root_daum_roughmap {
  height: 100%;
}

.root_daum_roughmap .border3,.root_daum_roughmap .border4 {
  width: 0px !important;
}
.root_daum_roughmap .border1 {
  height: 0px !important;
  border: none !important;
}

.come_try_wrap{
  margin-top: 140px;
  display: flex;
  flex-direction: column;
}

.come_try_map_wrap{
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.come_trt_map_wd{
  max-width: 480px;
  width: 100%;
  margin-right: 100px;
  display: flex;
}

.come_try_map_box{
  display: flex;
  position: relative;
  width: 370px;
  height: 560px;
}

.come_try_map_img{
  width: 100%;
  height: 100%;
}

.come_try_map_place{
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
}

.ctmp_pink{
  top: 91px;
  left: 59px;
}
.ctmp_orange{
  top: 277px;
  left: 96px;
}
.ctmp_puple{
  bottom: 126px;
  left: 50px;
}
.ctmp_blue{
  bottom: 133px;
  right: 84px;
}
.ctmp_green{
  top: 73px;
  right: 88px;
}

.ctmp_pink.on{
  background: #FF00B8;
}
.ctmp_orange.on{
  background: #FF3700;
}
.ctmp_puple.on{
  background: #4402FF;
}
.ctmp_blue.on{
  background: #02A4FF;
}
.ctmp_green.on{
  background: #00C12B;
}

.ctmp_txt{
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  padding: 5px 15px;
}

.come_try_txt_wrap{
  width: 100%;
  display: flex;
}

.come_try_txt_ul{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.come_try_txt_list{
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
}

.come_try_kate_box{
  margin-top: 15px;
  width: 100%;
  display: flex;
  align-items: center;
}

.come_try_kate_img{
  width: 12px;
  margin-left: 10px;
}

.come_try_kate_ul{
  width: 100%;
  display: inline;
  margin-left: 20px;
}

.come_try_kate_list{
  margin-bottom: 5px;
  background: var(--color-Gray-100);
  display: inline-flex;
  align-items: center;
}

.come_try_kate_txt{
  color: #000;
  font-weight: 600;
  font-size: 18px;
  padding: 10px;
}

.come_try_kate_list:last-child{
  margin-bottom: 0px;
}

.facility_top_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.facility_info_wrap{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.facility_img_box{
  max-width: 640px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  margin-right: 150px;
}

.facility_img{
  width: 100%;
}

.facility_info_ul{
  min-width: 630px;
  width: 100%;
  display: flex;
  flex-direction: column;
}


.facility_middle_wrap{
  margin-top: 140px;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.facility_info_list{
  width: 100%;
  display: flex;
  margin-bottom: 50px;
}

.facility_info_list:last-child{
  margin-bottom: 0px;
}

.facility_info_num_ul{
  display: flex;
  flex-direction: column;
  margin-right: 10px;
}

.facility_info_num_list{
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  border-radius: 100px;
  margin-bottom: 5px;
}

.facility_info_num_list:last-child{
  margin-bottom: 0px;
}

.facility_info_num_txt{
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}

.facility_info_txt_ul{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.facility_info_txt_list{
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 25px;
}

.facility_info_txt_list:last-child{
  margin-bottom: 0px;
}

.facility_info_mtxt{
  font-size: 24px;
  font-weight: 600;
  color: #000;
  padding: 3px 0;
}

.facility_car_wrap{
  width: 100%;
  display: flex;
  align-items: flex-start;
}

.facility_car_img_box{
  max-width: 640px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 150px;
}

.facility_car_info_ul{
  min-width: 630px;
  width: 100%;
  display: flex;
  align-items: center;
  margin: 30px 0;
}

.facility_car_info_list{
  margin-right: 40px;
  display: flex;
  align-items: center;
}

.facility_car_info_list:last-child{
  margin-right: 0px;
}

.facility_car_img{
  margin-right: 10px;
}

.board_search_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.board_count_txt{
  font-weight: 500;
  color: var(--color-Black);
}

.board_count_txt span{
  font-weight: 700;
  color: var(--color-Black);
}

.board_search_box{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: url(../img/contents_bg01.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 25px;
  padding: 50px 40px;
}

.board_search_title{
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

.sch_ip_box {
  width: 100%;
  height: 52px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.sch_ip_box select, .sch_ip_box input, .sch_ip_box button {
  border: none;
  font-size: 16px;
  outline: 0;
  height: 100%;
  font-family: 'Pretendard';
}

.sch_ip{
  padding: 0 10px;
}

.sch_ip::placeholder {
  color: #AFAFAF;
  font-size: 14px;
}

.board_search_box .sch_ip_box{
  max-width: 550px;
}

.board_search_box .sch_ip_box select {
  width: 120px;
  font-weight: 600;
  color: var(--color-Gray-900);
  cursor: pointer;
  padding-left: 15px
}

.board_search_box .sch_ip_box input {
  width: calc(100% - 170px);
}

.board_search_box .sch_ip_box button {
  width: 52px;
  height: 100%;
  background: #fff;
  cursor: pointer;
}

.exhibit_view_wrap{
  margin-top: 70px;
  display: flex;
}

.exhibit_view_ul{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.exhibit_view_list{
  display: flex;
  width: 48%;
  margin-right: 4%;
}

.exhibit_view_list:nth-child(2n){
  margin-right: 0%;
}

.exhibit_view_list:nth-child(n+3){
  margin-top: 80px;
}

.exhibit_view_list a{
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}

.exhibit_view_img_box{
  width: 50%;
  height: 410px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 50px;
  background: var(--color-Gray-100);
  overflow: hidden;
}

.exhibit_view_img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.exhibit_view_txt_box{
  width: 50%;
  padding: 20px 0 20px 20px;
  display: flex;
  flex-direction: column;
}

.bd_list_kate_ul{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.bd_list_kate_list{
  background:#fff;
  border: 1px solid #000;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}

.bd_list_kate_list:last-child{
  margin-right: 0px;
}

.bd_list_kate_list.on{
  background:#000;
}

.bd_list_kate_list .bd_list_kate_txt{
  color: #000;
  font-size: 16px;
  font-weight: 700;
  padding: 5px 10px;
}

.bd_list_kate_list.on .bd_list_kate_txt{
  color: #fff;
}

.mar_t5{
  margin-top: 5px;
}
.mar_t10{
  margin-top: 10px;
}
.mar_t20{
  margin-top: 20px;
}
.mar_t30{
  margin-top: 30px;
}
.mar_t40{
  margin-top: 40px;
}
.mar_t50{
  margin-top: 50px;
}

.bd_list_title{
  color: var(--color-Black);
  font-weight: 700;
  font-size: 24px;
  word-break: keep-all;
}

.bd_list_day_txt{
  color: var(--color-Gray-600);
  font-weight: 700;
  font-size: 20px;
}

.paging_box{
  width: 100%;
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}

.paging_ul{
  display: flex;
  align-items: center;
}

.paging_list{
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  min-height: 36px;
  margin-right: 5px;
}

.paging_list:hover{
  border: 1px solid #000;
}

.paging_list:last-child{
  margin-right: 0px;
}

.paging_list.on{
  border: 1px solid #000;
}

.paging_list_num{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #000;
  font-size: 20px;
  font-weight: 600;
}

.paging_list.on .paging_list_num{
  font-weight: 700;
}

.paging_btn_box{
  display: flex;
  align-items: center;
}

/*.paging_btn_box .paging_btn:nth-child(-n+3){*/
/*  border-right: none;*/
/*}*/

.paging_btn{
  max-height: 36px;
  outline: 1px solid #000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}

.paging_btn:hover{
  background: #000;
}

.paging_btn:hover .paging_btn_txt{
  color: #fff;
}

.paging_btn_txt{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 8px 15px;
  color: #000;
  font-size: 16px;
  font-weight: 700;
}

.board_btn_box{
  margin-top: 50px;
  display: flex;
  width: 100%;
}

.board_btn_ul{
  width: 100%;
  display: flex;
  align-items: center;
}

.board_btn_list{
  max-width: 150px;
  width: 100%;
  height: 55px;
  border: 1px solid #000;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

.board_btn_list:last-child{
  margin-right: 0px;
}

.board_btn_list.on{
  border: 1px solid #000;
  background: #000;
}

.board_btn_list a{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-size: 20px;
  font-weight: 700;
}

.board_btn_list.on a{
  color: #fff;
}

.board_none_wrap{
  padding: 40px;
  height: 260px;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  background: linear-gradient(to right, #E9E9E9 10%, #fcfcfc00);
}

.board_none_logo_box{
  width: 100%;
  height: 50%;
  display: flex;
  align-items: flex-start;
}

.none_logo_img{
  width: 250px;
}

.board_none_txt_box{
  width: 100%;
  height: 50%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.board_none_txt{
  color: var(--color-Gray-600);
  font-size: 20px;
  font-weight: 600;
}

.mar_b50{
  margin-bottom: 50px;
}

.exhibit_info_wrap{
  margin-top: 20px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: 50px;
  border-bottom: 2px solid #000;
}

.exhibit_info_img_box{
  width: 50%;
  max-width: 610px;
  max-height: 700px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-Gray-100);
  padding: 70px 120px;
  margin-right: 50px;
  overflow: hidden;
}

.exhibit_info_img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.bd_list_title40{
  color: var(--color-Black);
  font-weight: 700;
  font-size: 40px;
}

.bd_info_ul{
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.bd_info_list{
  display: flex;
  width: 100%;
  align-items: center;
  margin-bottom: 15px;
}

.bd_info_list:last-child{
  margin-bottom: 0px;
}

.bd_info_list_point{
  width: 2px;
  height: 18px;
  background: #000;
  margin-right: 7px;
}

.bd_info_list_txt{
  font-size: 20px;
  color: var(--color-Gray-600);
  font-weight: 600;
}

.bd_info_list_txt span{
  font-size: 20px;
  color: var(--color-Black);
  font-weight: 700;
  min-width: 70px;
  display: inline-block;
}

.bd_pay_info_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.bd_step{
  margin-top: 80px;
}

.bd_pay_info_ul{
  width: 100%;
  display: flex;
  flex-direction: column;
  border-bottom: 2px solid #000;
  margin-top: 15px;
}

.bd_pay_info_list{
  width: 100%;
  display: flex;
  align-items: center;
}

.header_bd_list{
  background: #000;
}

.header_bd_list .bd_pay_shell_txt{
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

.bd_pay_shell_txt{
  color: #000;
  font-size: 16px;
  font-weight: 600;
  padding: 18px 15px;
  display: flex;
  align-items: center;
}

.bd_pay_kate_box{
  width: 27%;
  display: flex;
  align-items: center;
}

.bd_pay_solo_box{
  width: 40%;
  display: flex;
  align-items: center;
}

.bd_pay_with_box{
  width: 40%;
  display: flex;
  align-items: center;
}

.bd_pay_infotxt_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.bd_pay_infotxt{
  font-size: 16px;
  font-weight: 400;
  color: var(--color-Gray-600);
  line-height: 22px;
  margin-top: 15px;
}

.in_paging_box{
  margin-top: 20px;
  display: flex;
  width: 100%;
}

.in_paging_btn_box{
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.in_paging_btn{
  display: flex;
  align-items: center;
}

.in_paging_btn_txt{
  border: 1px solid #000;
  padding: 7px 12px;
  color: #000;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.in_paging_btn_txt:hover{
  color: #fff;
  background: #000;
}

.ipb_left{
  margin-right: 15px;
}

.ipb_right{
  margin-left: 15px;
}

.in_paging_btn_info_txt{
  color: #000;
  font-size: 16px;
  font-weight: 600;
  max-width: 30vw;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.exhibit_write_wrap{
  margin-top: 20px;
  width: 100%;
  display: flex;
  padding-bottom: 50px;
  border-bottom: 2px solid #000;
}

.exhibit_write_wrap form{
  width: 100%;
  display: flex;
}

.exhibit_write_box{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.title_input_box{
  width: 100%;
  display: flex;
}

.title_input_box input{
  width: 100%;
  height: 60px;
  outline: 0;
  border: none;
  border-bottom: 3px solid #000;
  display: flex;
  align-items: center;
  font-size: 20px;
  color: #000;
  font-weight: 600;
}

.title_input_box input::placeholder{
  display: flex;
  align-items: center;
  font-size: 30px;
  color: var(--color-Gray-400);
  font-weight: 500;
  transform: translateY(7px);
}

.ex_photo_wrap{
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}

.ex_photo_img_wrap{
  width: 48%;
  margin-right: 2%;
  display: flex;
  flex-direction: column;
}

.ex_pgo_iw_100{
  width: 100% !important;
  margin-right: 0;
}

.ex_photo_img_box{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--color-Gray-100);
  cursor: pointer;
}

.ex_p_ib_small{
  width: 200px;
  height: 200px;
}

.ex_p_ib_small .show_none_img{
  width: 60px;
}

.ex_p_ib_small .custom_upload_button{
  margin-top: 15px;
}

.ex_photo_img_box .rote_show_img {
  max-width: 80%;
  max-height: 80%;
  display: none;
  /* object-fit: cover; */
}


.show_img{
  display: block !important;
}

.ex_img_add {
  display: none;
}

.custom_upload_button {
  font-size: 16px;
  color: var(--color-Gray-400);
  font-weight: 500;
  margin-top: 30px;
}

.ex_photo_img_write_wrap{
  width: 48%;
  display: flex;
  flex-direction: column;
}

.bder_ip_wrap{
  width: 100%;
  display: flex;
  align-items: center;
}

.bder_ip_title_box{
  width: 100%;
  max-width: 220px;
  height: 60px;
  display: flex;
  align-items: center;
  background: #000;
}

.bder_ip_title{
  font-weight: 700;
  font-size: 20px;
  color: #fff;
  padding: 0 20px;
}

.bder_ip_box{
  width: 100%;
  border: 1px solid #000;
  height: 60px;
  display: flex;
  align-items: center;
  position: relative;
}

.bder_ip_icon_box{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

.af_border::before{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 20px;
  width: 1px;
  background: var(--color-Gray-200);
  content: "";
  display: block;
}

.bder_ip_box input{
  border: none;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 20px;
  font-size: 16px;
  color: #000;
  font-weight: 500;
  font-family: 'Pretendard';
  outline: none;
}

.bder_ip_left{
  padding-left: 55px !important;
}

.bder_ip_icon_box::after{
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-40%);
  content: url(../img/cld_icon.svg);
  display: block;
}

.bder_ip_box input::placeholder{
  font-size: 16px;
  color: #72787F;
  font-weight: 500;
}

.bder_ip_box .bder_ip_sel_box{
  border: none;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 20px;
  font-size: 16px;
  color: #000;
  font-weight: 500;
  font-family: 'Pretendard';
  outline: none;
  cursor: pointer;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 40px;
  background: url("../img/b_arrow.svg") no-repeat right center;
  background-position: calc(100% - 20px) center;
  background-size: 14px;
}

.bd_pay_solo_box input,.bd_pay_with_box input{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 15px;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  border: none;
  outline: none;
}

.bd_pay_solo_box input::placeholder,.bd_pay_with_box input::placeholder{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  color: #000;
  font-size: 16px;
  font-weight: 500;
}

.me_hight{
  height: 100%;
}

.bd_textarea_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.bd_textarea_wrap textarea{
  width: 100%;
  height: 470px;
  outline: none;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  font-family: 'Pretendard';
  padding: 20px;
}

.bder_ip_file_box{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.file_name_txt{
  padding: 0 15px;
  font-family: 'Pretendard';
  color: #72787F;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.file_name_txt_up{
  padding: 0 15px;
  font-family: 'Pretendard';
  color: #72787F;
}

.bder_ip_file_box input{
  display: none;
}

.collection_view_wrap{
  margin-top: 70px;
  display: flex;
}

.collection_view_ul{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.collection_view_list{
  display: flex;
  width: 32%;
  margin-right: 2%;
}

.collection_view_list:nth-child(3n){
  margin-right: 0%;
}

.collection_view_list:nth-child(n+4){
  margin-top: 80px;
}

.collection_view_list a{
  width: 100%;
  height: 100%;
  display: flex;
}

.collection_view_list a:hover .collection_view_img{
  transform: scale(1.1);
}

.collection_view_in_wrap{
  width: 100%;
  /* min-height: 570px; */
  padding: 60px 50px 40px 50px;
  background: var(--color-Gray-100);
  display: flex;
  flex-direction: column;
}

.collection_view_img_box{
  width: 100%;
  height: 270px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.collection_view_img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
}

.collection_view_txt_box{
  margin-top: 50px;
}

.collection_view_txt_box .bd_list_title{
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.add_wd span{
  min-width: 85px !important;
}

.collection_info_img_box{
  width: 50%;
  margin-right: 50px;
  display: flex;
}

.collection_info_img_ul{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  margin-bottom: 50px;
}

.collection_info_img_list{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ciil_active{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0px;
  margin-bottom: 20px;
  background: var(--color-Gray-100);
}

.ciil_active .collection_info_img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: scale(0.8);
}

.ciil_small{
  width: calc(20% - 10px);
  cursor: pointer;
  margin-right: 12.5px;
}

.ciil_small:last-child{
  margin-right: 0px;
}

.ciil_small .collection_info_img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ex_photo_plus_img_box{
  width: 100%;
  height: 190px;
  display: flex;
  align-items: center;
  background: var(--color-Gray-100);
  position: relative;
  padding: 20px;
  overflow: hidden;
  overflow-x: scroll;
}

.ex_photo_plus_img_box::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  border-radius: 100px;
  cursor: pointer;
}
.ex_photo_plus_img_box::-webkit-scrollbar-thumb {
  background-color: #000;
}
.ex_photo_plus_img_box::-webkit-scrollbar-track {
  background-color: var(--color-Gray-200);
}

.write_plus_file_box{
  /* width: 23.5%; */
  width: 140px;
  min-width: 140px;
  height: 100%;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.write_plus_file_box:last-child{
  margin-right: 0%;
}

.write_plus_file_box label{
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}


.img-container{
  width: 100%;
  height: 100%;
}

.uploaded-img{
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}

.x_img{
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  display: none;
}

.file_name_txt_up::after{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  content: "";
  display: block;
  background: var(--color-Gray-400);
  width: 50px;
  height: 3px;
}

.file_name_txt_up::before{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  content: "";
  display: block;
  background: var(--color-Gray-400);
  width: 3px;
  height: 50px;
}


.radio_wrap {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}

.radio_box {
  display: flex;
}

.radio_half {
  width: 50%;
}

.radio_box input[type="radio"] {
  display: none;
}

.radio_box .radio_label {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  background: #fff;
  cursor: pointer;
  padding: 0px 20px;
  color: #000;
  font-size: 16px;
  word-break: keep-all;
  flex-direction: row-reverse;
}

.radio_box input:checked+.radio_label {
  background: #000;
  color: #fff;
  font-weight: 700;
}

.radio_img{
  display: flex;
  align-items: center;
  margin-right: 5px;
}

.radio_img svg{
  background: #fff;
  border-radius: 100px;
  padding: 2px;
  border: 1px solid #C9CDD2;
}

.radio_box .radio_label .radio_img path {
  fill: none;
  stroke: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 71px;
  stroke-dashoffset: 71px;
  transition: all 0.6s ease;
}

.radio_box input:checked+.radio_label path {
  fill: transparent;
}

.radio_box .radio_label .radio_img polyline {
  fill: none;
  stroke: #000;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 18px;
  stroke-dashoffset: 18px;
  transition: all 0.3s ease;
}

.radio_box input:checked+.radio_label polyline {
  stroke-dashoffset: 0;
}

.notice_list_wrap{
  margin-top: 70px;
  display: flex;
}

.notice_list_ul{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.notice_list_list{
  display: flex;
  width: 100%;
  align-items: center;
  border-bottom: 2px solid #ebebeb;
}

.notice_list_list:last-child{
  border-bottom: 2px solid #000;
}

.notice_list_list.on{
  background: #F7F8F9;
}

.notice_list_list.on a{
  padding: 40px 0;
}

.notice_list_list a{
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  padding: 30px 0;
}

.notice_num_box{
  width: 100%;
  max-width: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
}

.notice_fix_box{
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.notice_fix_txt{
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 8px 13px;
}

.notice_num_txt{
  color: #9EA4AA;
  font-size: 20px;
  font-weight: 700;
}

.notice_list_info_box{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.notice_list_mtxt{
  color: var(--color-Black);
  font-size: 20px;
  font-weight: 700;
}




.notice_kate_ul{
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.notice_kate_list{
  display: flex;
  align-items: center;
  margin-right: 25px;
}

.notice_kate_list:last-child{
  margin-right: 0px;
}

.notice_kate_list_txt{
  color: var(--color-Gray-500);
  font-size: 16px;
  font-weight: 400;
  position: relative;
}

.up_down_info_wrap{
  margin-top: 20px;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.sub_board_title_box {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 35px;
}

.sub_board_title {
  color: #23262A;
  font-size: 32px;
  font-weight: 700;
}

.board_icon_ul {
  width: 100%;
  display: flex;
  align-items: center;
}

.board_icon_list {
  margin-right: 25px;
  display: flex;
  align-items: center;
}

.board_icon_list:last-child {
  margin-right: 0px;
}

.board_icon_img {
  margin-right: 5px;
}

.board_icon_txt {
  color: #72787F;
  font-weight: 700;
}

.up_down_info_txt_box{
  width: 100%;
  padding: 50px 20px;
}

.up_down_info_txt_img{
  width: 100%;
  max-height: 450px;
  margin-bottom: 50px;
  object-fit: contain;
  object-position: left;
}

.up_down_info_photo_img{
  width: 100%;
  margin-bottom: 50px;
  object-fit: contain;
}

.view_file_wrap{
  width: 100%;
  display: flex;
}

.view_file_box{
  display: flex;
  align-items: flex-start;
  padding: 20px;
  width: 100%;
  background: var(--color-Gray-50);
}

.file_box {
  display: flex;
  align-items: flex-start;
  border-top: 1px solid #E4E4E4;
  padding: 50px 0;
}

.file_name_box {
  display: flex;
  align-items: center;
}

.file_name {
  font-weight: 700;
  margin-right: 40px;
  color: #191919;
  word-break: keep-all;
}

.view_file_box .file_box_ul .file_box_list:first-child{
  margin-top: 0;
}

.file_box_list {
  margin-top: 12px;
  display: flex;
}

.file_box_list:first-child {
  margin-top: 9px;
}

.file_box_list a {
  font-weight: 400;
  color: #333333;
}

.up_down_info_box{
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}

.fix_wd{
  max-width: 220px;
}

.bder_ip_box .check_box {
  width: 100%;
  height: 100%;
}

.bder_ip_box .check_box input{
  display: none;
}

.bder_ip_box .check_box .check_ck {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: #fff;
  padding: 0px 15px;
  cursor: pointer;
}

.bder_ip_box .check_box input:checked + .check_ck {
  color: #000;
  background: #000;
  border: 1px solid transparent;
}

.bder_ip_box .check_box .check_ck .ch_img {
  display: flex;
  align-items: center;
  margin-right: 5px;
}

.ch_img svg{
  background: #fff;
  border-radius: 100px;
  padding: 2px;
  border: 1px solid #C9CDD2;
}

.bder_ip_box .check_box .check_ck span {
  color: #000;
  font-size: 16px;
  word-break: keep-all;
}

.bder_ip_box .check_box input:checked + .check_ck span {
  color: #fff;
  font-weight: 700;
}

.bder_ip_box .check_box .check_ck .ch_img path {
  fill: none;
  stroke: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 71px;
  stroke-dashoffset: 71px;
  transition: all 0.6s ease;
}

.bder_ip_box .check_box input:checked + .check_ck path {
  fill: transparent;
}

.bder_ip_box .check_box .check_ck .ch_img polyline {
  fill: none;
  stroke: #000;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 18px;
  stroke-dashoffset: 18px;
  transition: all 0.3s ease;
}

.bder_ip_box .check_box input:checked + .check_ck polyline {
  stroke-dashoffset: 0;
}

.bder_none{
  border: none;
  height: auto;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}

.file_del_box {
  width: 100%;
  display: flex;
  align-items: center;
}

.file_del_box input{
  display: none;
}

.file_del_box a {
  padding: 12px 0;
}

.file_del_box a span {
  font-weight: 500;
  color: #72787F;
}

.file_del_chk {
  background: #1B1D1F;
  padding: 8px 15px 8px 12px;
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  cursor: pointer;
  word-break: keep-all;
  margin-right: 15px;
}

input[type="checkbox"]:checked + .file_del_chk {
  background: #ff5050;
}

.news_list_ul{
  width: 100%;
  display: flex;
  flex-direction: column;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}

.news_list_list{
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #EBEBEB;
}

.news_list_list:last-child{
  border-bottom: 0px solid #EBEBEB;
}

.news_list_list a{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 0;
}

.news_list_title_box{
  display: flex;
  flex-direction: column;
  margin-right: 100px;
  min-width: 400px;
  width: 100%;
}

.news_list_title_box .small_title{
  word-break: keep-all;
}

.news_list_info_box{
  display: flex;
  align-items: center;
}

.news_list_info_box .small_basic_txt{
  line-height: 26px;
  color: var(--color-Gray-500);
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}


.photo_list_ul{
  width: 100%;
  display: flex;
  border-top: 2px solid #000;
  padding-top: 70px;
  flex-wrap: wrap;
}

.photo_list_list{
  display: flex;
  width: 32%;
  margin-right: 2%;
}

.photo_list_list:nth-child(3n){
  margin-right: 0%;
}

.photo_list_list:nth-child(n+4){
  margin-top: 80px;
}

.photo_list_list a{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.photo_img_box{
  width: 100%;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.photog_img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
}

.photo_list_list a:hover .photog_img{
  transform: scale(1.06);
}

.inter_town_wrap{
  margin-top: 70px;
  border-radius: 240px 240px 0 0;
  overflow: hidden;
  background: url(../img/inter_bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 150px 100px;
}

.inter_town_title_box{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 100px;
}

.inter_town_mtxt{
  font-size: 46px;
  font-weight: 700;
  color: #fff;
  writing-mode: vertical-lr;
  margin-bottom: 100px;
}

.inter_town_dtxt{
  font-size: 22px;
  font-weight: 100;
  color: #fff;
  line-height: 30px;
  letter-spacing: 1px;
}

.inter_town_dtxt span{
  font-weight: 700;
}

.inter_town_info_box{
  padding: 80px 60px;
  background: url(../img/hangi_bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  max-width: 610px;
}

.basic_txt span{
  font-weight: 700;
}

.inter_photo_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 120px;
}

.inter_photo_start_txt_box{
  width: 100%;
  display: flex;
}

.inter_info_list_point{
  width: 2px;
  min-height: 100%;
  display: block;
  background: #000;
  margin-right: 7px;
}

.inter_photo_start_txt{
  font-size: 20px;
  font-weight: 700;
  color: #000;
  line-height: 30px;
}

.interpho_one_box{
  margin-top: 50px;
  display: flex;
  width: 100%;
  flex-direction: column;
}

.interpho_one_ul{
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.interpho_one_list{
  width: 15.7%;
  height: 340px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.one_img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.one_txt_box{
  margin-top: 50px;
  display: flex;
  justify-content: flex-end;
}

.one_txt_box .basic_txt{
  text-align: right;
}

.interpho_two_box{
  margin-top: 200px;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.interpho_two_img_box{
  width: 100%;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.interpho_two_img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.two_txt_box{
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}

.two_txt_box .small_title{
  line-height: 35px;
  max-width: calc(50% - 100px);
  width: 100%;
  margin-right: 100px;
}

.two_txt_box .basic_txt{
  width: 50%;
}

.interpho_scroll_wrap{
  width: 100%;
  display: flex;
  margin-top: 200px;
  align-items: flex-start;
}

.interpho_scroll_title{
  max-width: calc(50% - 100px);
  width: 100%;
  margin-right: 100px;
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 180px;
}

.photo_title_img{
  max-width: 460px;
  width: 100%;
}

.interpho_scroll_home{
  width: 100%;
  max-width: 460px;
  background: #000;
  margin-top: 30px;
  display: flex;
  align-items: center;
}

.interpho_scroll_home a{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  color: #fff;
  font-size: 24px;
  font-weight: 100;
}

.word_arrow_img{
  transform: translateY(-7px);
}

.interpho_scroll_box{
  width: 50%;
  display: flex;
  flex-direction: column;
}

.interpho_scroll_stxt{
  font-size: 16px;
  font-weight: 700;
  color: var(--color-Gray-400);
  margin-top: 5px;
}

.interpho_scroll_ul{
  width: 100%;
  margin-top: 50px;
  display: flex;
  flex-direction: column;
}

.interpho_scroll_list{
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 25px 0;
  border-top: 1px solid #000;
}

.interpho_scroll_list:last-child{
  border-bottom: 1px solid #000;
}

.inscro_stxt{
  font-size: 20px;
  font-weight: 300;
  color: var(--color-Gray-600);
}

.inscro_mtxt{
  font-size: 20px;
  font-weight: 700;
  color: var(--color-Black);
  margin-top: 10px;
}

.inscro_itxt{
  font-size: 16px;
  font-weight: 300;
  color: var(--color-Gray-400);
  margin-top: 15px;
}





/* 서브페이지 반응형 */
@media(max-width : 1400px){
  .sub_top_banner_box {height: 270px;}
  .course_view_box {margin-top: 20px;}
  .sub_banner_nav {margin-top: 30px;}
  .sub_banner_list a {font-size: 18px; padding: 17px 20px;}
  .introduce_top_img_box {margin-top: 20px; height: 500px;}
  .introduce_top_txt_box {padding: 60px 40px;}
  .introduce_mid_wrap {margin-top: 170px;}
  .intro_mid_logo_box {margin-right: 120px;}
  .intro_mid_txt_box .basic_mar60{margin-top: 40px;}
  .title_txt_marbt {margin-bottom: 60px;}
  .view_guide_right_box {width: 55%;}
  .come_top_left_box,.come_trt_map_wd  {max-width: 440px;}
  .inter_town_wrap {margin-top: 50px; border-radius: 200px 200px 0 0; padding: 130px 100px;}
  .inter_photo_wrap {margin-top: 80px;}
  .interpho_one_box {margin-top: 30px;}
  .one_txt_box,.two_txt_box  {margin-top: 40px;}
  .interpho_two_box,.interpho_scroll_wrap {margin-top: 150px;}
  .interpho_two_img_box {height: 350px;}
  .board_search_box {margin-top: 15px; padding: 40px 30px;}
  .board_search_title {font-size: 22px; line-height: 28px;}
  .board_none_wrap {padding: 30px; height: 230px;}
  .board_none_txt {font-size: 18px;}
  .exhibit_info_img_box {padding: 60px 90px;}
  .bd_list_title40 {font-size: 36px;}
  .bd_info_ul {margin-top: 25px;}
  .bd_info_list {margin-bottom: 10px;}
  .bd_info_list_txt {font-size: 18px;}
  .bd_info_list_txt span{font-size: 18px; min-width: 60px;}
  .bd_step {margin-top: 70px;}
  .exhibit_write_wrap {margin-top: 0px;}
  .title_input_box input::placeholder{font-size: 24px; transform: translateY(5px);}
  .bder_ip_title_box {max-width: 170px;}
  .bder_ip_title {font-size: 16px;}
  .collection_view_in_wrap {padding: 50px 30px 40px 30px;}
  .collection_view_img_box {height: 240px;}
  .collection_view_txt_box {margin-top: 40px;}
  .collection_view_list:nth-child(n+4) {margin-top: 60px;}
}

@media(max-width : 1300px){
  .facility_info_wrap {flex-direction: column; align-items: flex-start;}
  .facility_img_box {width: 100%; max-width: 500px; margin-top: 30px; margin-right: 0px; margin-bottom: 50px;}
  .facility_top_wrap .st_af::after, .facility_middle_wrap .st_af::after{display: none;}
  .facility_info_ul,.facility_car_info_ul {min-width: inherit;}
  .facility_car_wrap {flex-direction: column;}
  .facility_car_img_box {width: 100%; max-width: 500px; margin-top: 10px; margin-right: 0px; margin-bottom: 50px;}
  .facility_car_info_box{width: 100%;}
  .facility_car_info_ul {margin: 20px 0;}
  .facility_middle_wrap {margin-top: 120px;}
}

@media(max-width : 1200px){
  /* 디스플레이 논 */ .intro_mid_stxt{display: none;}
  .sub_top_banner_box {height: 240px;}
  .sub_top_banner_title {font-size: 28px;}
  .sub_contents_wrap {margin-top: 70px;}
  .introduce_top_img_box {margin-top: 15px; height: 440px;}
  .introduce_top_txt_box {padding: 50px 40px;}
  .introduce_top_txt {font-size: 18px; line-height: 28px;}
  .introduce_top_w_logo {width: 280px;}
  .introduce_mid_wrap {margin-top: 140px; flex-direction: column;}
  .intro_mid_logo_box {margin-right: 0px; width: 100%; flex-direction: row; align-items: flex-end; justify-content: space-between; margin-bottom: 40px;}
  .mid_logo_img {width: 200px; margin-top: 0px;}
  .basic_txt {font-size: 18px; line-height: 1.6rem;}
  .intro_mid_txt_box .basic_mar60{margin-top: 20px;}
  .title_txt_marbt {margin-bottom: 40px;}
  .come_top_left_box,.come_trt_map_wd {max-width: 400px; margin-right: 60px;}
  .come_try_kate_txt {font-size: 16px; word-break: keep-all;}
  .come_try_wrap {margin-top: 110px;}
  .inter_town_wrap {margin-top: 30px; border-radius: 150px 150px 0 0; padding: 100px 80px;}
  .inter_town_info_box {padding: 60px 40px; max-width: 520px;}
  .inter_town_mtxt {font-size: 42px;}
  .inter_town_dtxt {font-size: 20px; line-height: 26px;}
  .inter_photo_wrap {margin-top: 60px;}
  .one_txt_box {margin-top: 30px;}
  .interpho_two_box,.interpho_scroll_wrap {margin-top: 130px;}
  .interpho_two_img_box {height: 300px;}
  .two_txt_box {flex-direction: column;}
  .two_txt_box .small_title {max-width: 100%; margin-right: 0px; margin-bottom: 20px;}
  .two_txt_box .basic_txt {width: 100%;}
  .interpho_scroll_home a {padding: 10px 20px;}
  .sub_contents_wrap .title_txt.mar_b50{margin-bottom: 40px;}
  .board_none_wrap {height: 200px;}
  .exhibit_view_img_box {height: 350px; padding: 30px 40px;}
  .bd_list_day_txt {font-size: 18px;}
  /* .exhibit_view_txt_box .bd_list_day_txt.mar_t20{margin-top: 10px;} */
  .exhibit_info_img_box {padding: 40px 60px;}
  .title_input_box input,.bder_ip_box,.bder_ip_title_box {height: 55px;}
  .title_input_box input::placeholder{font-size: 22px; transform: translateY(3px);}
  .bder_ip_title_box {max-width: 150px;}
  .ex_photo_img_wrap {width: 46%;}
  .ex_photo_img_write_wrap {width: 50%;}
  .bder_ip_icon_box::after  {display: none;}
  .bder_ip_left {padding-left: 20px !important;}
  .ex_photo_wrap {margin-top: 40px;}
  .bd_textarea_wrap textarea {height: 420px;}
  .collection_view_in_wrap {padding: 40px 20px 30px 20px;}
  .collection_view_img_box {height: 200px;}
  .collection_view_txt_box {margin-top: 30px;}
  .collection_view_txt_box .bd_list_title.mar_t20{margin-top: 10px; font-size: 22px;}
  .collection_view_list:nth-child(n+4) {margin-top: 50px;}
}

@media(max-width : 1000px){
  /* 디스플레이 논 */ .mid_logo_img{display: none;}
  .sub_top_banner_box {height: 200px;}
  .sub_top_banner_title {font-size: 24px;}
  .course_view_box {margin-top: 10px;}
  .sub_contents_wrap {margin-top: 60px;}
  .introduce_top_img_box {margin-top: 10px; height: 380px;}
  .introduce_top_txt_box {padding: 40px 30px; left: 20px; bottom: -30px;}
  .introduce_top_txt {font-size: 16px; line-height: 26px; }
  .introduce_top_w_logo {width: 220px;}
  .introduce_mid_wrap {margin-top: 100px;}
  .intro_mid_logo_box {margin-bottom: 30px;}
  .facility_info_num_list {width: 28px; height: 28px; margin-top: 2px;}
  .facility_info_num_txt {font-size: 18px;}
  .facility_info_mtxt {font-size: 22px;}
  .facility_info_txt_list {margin-bottom: 15px;}
  .facility_info_list {margin-bottom: 40px;}
  .view_guide_box {flex-direction: column;}
  .view_guide_left_box {margin-right: 0px;}
  .view_guide_left_ul {flex-direction: row; width: 100%; margin-bottom: 70px;}
  .view_guide_left_list {margin-bottom: 0px; width: 50%;}
  .view_guide_left_list:last-child {margin-right: 0px;}
  .view_guide_right_box {width: 100%;}
  .vgr_human_box {max-width: 160px; min-height: 100%; height: auto;}
  .view_guide_right_list {align-items: inherit; max-height: inherit;}
  .come_top_wrap,.come_try_map_wrap {flex-direction: column;}
  .come_top_left_box {max-width: 100%; margin-right: 0px; margin-bottom: 40px;}
  .border_box_ul {padding: 15px 0; margin: 25px 0;}
  .border_box_list {padding: 5px 0;}
  .icon_info_img {width: 28px; margin-right: 7px;}
  .icon_info_box {margin-right: 15px;}
  .icon_info_mtxt,.icon_info_stxt {font-size: 18px;}
  .come_map_box {height: 350px;}
  .map_sns_list a {padding: 15px;}
  .ssmall_basic_txt span {font-size: 18px; min-width: 90px;}
  .come_try_wrap {margin-top: 80px;}
  .come_trt_map_wd {max-width: 100%; margin-right: 0px; width: 100%; justify-content: center;}
  .come_try_map_box {width: 330px; height: 520px;}
  .ctmp_txt {font-size: 18px; padding: 5px 13px;}
  .ctmp_green {top: 75px; right: 78px;}
  .ctmp_blue {bottom: 131px; right: 76px;}
  .ctmp_puple {bottom: 124px; left: 46px;}
  .ctmp_orange {top: 256px; left: 86px;}
  .ctmp_pink {top: 90px; left: 55px;}
  .inter_town_wrap {border-radius: 100px 100px 0 0; padding: 70px 50px;}
  .inter_town_mtxt {font-size: 38px;}
  .inter_town_info_box {padding: 40px 30px; max-width: 460px;}
  .inter_town_info_box .basic_txt {font-size: 16px; line-height: 1.5rem;}
  .inter_town_dtxt {font-size: 18px; line-height: 24px; word-break: keep-all;}
  .interpho_one_ul {flex-wrap: wrap;}
  .interpho_one_list {width: 32%; height: 250px; margin-top: 10px;}
  .interpho_one_list:nth-child(-n+3) {margin-top: 0;}
  .inter_photo_start_txt {font-size: 18px; line-height: 28px;}
  .inter_photo_wrap {margin-top: 50px;}
  .interpho_two_box,.interpho_scroll_wrap {margin-top: 110px;}
  .interpho_two_img_box {height: 250px;}
  .one_txt_box, .two_txt_box {margin-top: 30px;}
  .interpho_scroll_wrap {flex-direction: column;}
  .photo_title_img,.interpho_scroll_home {max-width: 400px;}
  .interpho_scroll_home a {padding: 5px 20px; font-size: 20px;}
  .word_arrow_img {transform: translateY(-7px) scale(0.8); transform-origin: right;}
  .interpho_scroll_title {position: relative; top: 0; margin-bottom: 60px; margin-right: 0; max-width: 100%;}
  .interpho_scroll_box {width: 100%;}
  .interpho_scroll_ul {margin-top: 30px;}
  .board_search_box {align-items: flex-start; padding: 30px 20px; flex-direction: column;}
  .board_search_title {font-size: 20px; line-height: 26px; margin-bottom: 15px;}
  .board_search_title br{display: none;}
  .board_none_wrap {height: 170px; margin-top: 20px; padding: 20px;}
  .none_logo_img {width: 200px;}
  .exhibit_view_wrap, .collection_view_wrap, .notice_list_wrap {margin-top: 60px;}
  .exhibit_view_list a {flex-direction: column;}
  .exhibit_view_img_box {width: 100%; min-height: inherit; height: 350px; padding: 40px 50px;}
  .exhibit_view_img {width: auto; height: 100%;}
  .exhibit_view_txt_box {width: 100%; padding: 20px 0;}
  .collection_kate_ul.mar_t20{margin-top: 0;}
  .exhibit_view_list:nth-child(n+3) {margin-top: 60px;}
  .bd_list_title {font-size: 20px;}
  .exhibit_info_wrap {margin-top: 0px; flex-direction: column;}
  .bd_step {margin-top: 60px;}
  .exhibit_info_img_box {width: 100%; height: 500px; max-width: inherit; max-height: inherit; margin-right: 0;}
  .title_input_box input::placeholder{font-size: 20px; transform: translateY(2px);}
  .ex_photo_wrap {flex-direction: column;}
  .ex_photo_img_wrap {width: 100%; margin-right: 0%; margin-bottom: 30px;}
  .ex_photo_img_box{padding: 40px 60px; width: 100%; height: 500px !important; max-width: inherit; max-height: inherit;
    margin-right: 0;}
  .ex_photo_img_box .rote_show_img {width: 100%; height: 100%; object-fit: contain;}
  .ex_photo_img_write_wrap {width: 100%;}
  .bd_textarea_wrap textarea {height: 380px;}
  .collection_view_list {width: 49%;}
  .collection_view_list:nth-child(3n) {margin-right: 2%;}
  .collection_view_list:nth-child(2n) {margin-right: 0%;}
  .collection_view_list:nth-child(n+3) {margin-top: 50px;}
  .collection_view_img_box {height: 240px;}
  .collection_info_img_box {width: 100%; margin-right: 0px;}
  .ciil_active {width: 100%; height: 500px !important; max-width: inherit; max-height: inherit; margin-right: 0; padding: 40px 60px;}
  .ciil_small {max-width: 150px;}
  .ciil_active .collection_info_img {width: 100%; height: 100%; object-fit: contain; transform: scale(1); box-shadow: none;}
  .collection_info_img_ul {margin-bottom: 40px;}
  .ex_photo_img_box .rote_show_img{max-width: inherit; max-height: inherit;}
  .ex_photo_img_wrap .bd_list_title.mar_t50{margin-top: 30px;}
  .ex_photo_img_write_wrap .bd_list_title.mar_t50{margin-top: 30px;}
  .exhibit_write_box .bd_textarea_wrap.mar_t50{margin-top: 30px;}
  .add_tt.mar_t20{margin-top: 10px;}
}

@media(max-width : 800px){
  /* 폰트 14px */ .course_txt,.facility_info_num_txt {font-size: 14px;}
  /* 폰트 20px */ .facility_info_mtxt {font-size: 20px;}
  /* 디스플레이 논 */ .sub_banner_nav,.introduce_top_txt br{display: none;}
  .sub_top_banner_box {height: 180px;}
  .course_view_box {margin-top: 5px;}
  .course_list {margin-right: 25px;}
  .course_list::after {right: -16px;}
  .sub_contents_wrap {margin-top: 40px;}
  .introduce_top_img_box {height: 320px;}
  .introduce_top_txt_box {padding: 30px; left: 0px; bottom: -90px; width: 100%; height: 90px;}
  .introduce_top_w_logo {width: 200px;}
  .introduce_mid_wrap {margin-top: 135px;}
  .facility_info_num_list {width: 20px; height: 20px; margin-top: 4px; margin-bottom: 0px;}
  .facility_info_num_ul {margin-right: 5px;}
  .facility_info_txt_list {margin-bottom: 10px;}
  .facility_info_list {margin-bottom: 30px;}
  .small_basic_txt {font-weight: 400;}
  .facility_middle_wrap {margin-top: 100px;}
  .facility_car_img_box {margin-top: 0px;}
  .view_guide_left_list {margin-bottom: 50px; width: 100%;}
  .view_guide_left_ul {flex-direction: column;}
  .vg_mb30 {margin-bottom: 20px;}
  .st_af::after {bottom: -12px;}
  .view_guide_left_ul {margin-bottom: 50px;}
  .small_title {font-size: 22px;}
  .come_top_left_box {margin-bottom: 30px;}
  .come_map_box {height: 300px;}
  .come_try_wrap {margin-top: 70px;}
  .come_try_map_box {width: 290px; height: 480px;}
  .ctmp_txt {font-size: 16px; padding: 5px 13px;}
  .ctmp_green {top: 75px; right: 67px;}
  .ctmp_blue {bottom: 124px; right: 65px;}
  .ctmp_puple {bottom: 118px; left: 39px;}
  .ctmp_orange {top: 237px; left: 74px;}
  .ctmp_pink {top: 89px; left: 46px;}
  .inter_town_wrap {border-radius: 50px 50px 0 0; padding: 50px 20px; flex-direction: column;}
  .inter_town_title_box {margin-right: 0px;}
  .inter_town_mtxt {writing-mode: inherit; margin-bottom: 20px; font-size: 36px}
  .inter_town_dtxt {font-size: 16px; line-height: 22px; margin-bottom: 20px;}
  .inter_town_info_box {padding: 30px 20px; max-width: inherit; border-radius: 10px;}
  .inter_photo_start_txt {font-size: 16px; line-height: 26px;}
  .one_txt_box .basic_txt {text-align: left;}
  .interpho_two_box,.interpho_scroll_wrap {margin-top: 90px;}
  .interpho_two_img_box {height: 200px;}
  .one_txt_box, .two_txt_box {margin-top: 20px;}
  .two_txt_box .small_title {line-height: 32px;}
  .interpho_scroll_ul {margin-top: 20px;}
  .interpho_scroll_home a {padding: 0px 15px; font-size: 18px;}
  .inscro_stxt {font-size: 18px;}
  .interpho_scroll_title {margin-bottom: 50px;}
  .board_search_box {padding: 25px 20px;}
  .board_search_title {font-size: 18px; margin-bottom: 10px;}
  .board_search_box .sch_ip_box {max-width: 100%;}
  .board_none_wrap {height: 140px;}
  .board_none_txt {font-size: 16px;}
  .exhibit_view_wrap,.collection_view_wrap, .notice_list_wrap {margin-top: 50px;}
  .exhibit_view_list {width: 100%; margin-right: 0;}
  .exhibit_view_list:nth-child(n+2) {margin-top: 35px;}
  .exhibit_view_img_box {height: 310px; padding: 35px 50px;}
  .collection_kate_txt {margin-top: 7px;}
  .paging_box {flex-direction: column; align-items: center; margin-top: 70px;}
  .paging_ul {flex-wrap: wrap; justify-content: center;}
  .paging_btn_box {margin-top: 20px;}
  .board_btn_ul {justify-content: center;}
  .board_btn_list {max-width: 130px; height: 50px;}
  .board_btn_list a,.paging_list_num {font-size: 18px;}
  .paging_list {min-width: 34px; min-height: 34px; margin-right: 7px;}
  .paging_btn_txt {padding: 10px 15px; font-size: 14px;}
  .bd_list_title40 {font-size: 32px;}
  .in_paging_box{display: none;}
  .exhibit_info_img_box {height: 450px;}
  .exhibit_view_txt_box .bd_list_day_txt.mar_t20{margin-top: 10px;}
  .ex_photo_img_box{height: 450px !important;}
  .bd_textarea_wrap textarea {height: 330px; padding: 15px;}
  .collection_view_img_box {height: 200px;}
  .collection_view_txt_box {margin-top: 20px;}
  .collection_view_txt_box .bd_list_title.mar_t20{font-size: 20px;}
  .bd_list_kate_list .bd_list_kate_txt {font-size: 14px;}
  .collection_view_in_wrap {padding: 30px 20px;}
  .ciil_active  {height: 450px !important;}
  .collection_info_img_ul {margin-bottom: 30px;}
  .ex_photo_img_wrap .bd_list_title.mar_t50{margin-top: 20px;}
}

@media(max-width : 600px){
  /* 디스플레이 논 */ .introduce_top_txt{display: none;}
  .sub_top_banner_box {height: 150px;}
  .sub_top_banner_title {font-size: 22px;}
  .sub_contents_wrap {margin-top: 30px;}
  .introduce_top_img_box {height: 260px;}
  .introduce_top_txt_box {padding: 20px; height: 60px; bottom: -60px;}
  .introduce_top_w_logo {width: 150px;}
  .introduce_mid_wrap {margin-top: 95px;}
  .intro_mid_logo_box {margin-bottom: 20px;}
  .intro_mid_txt_box .basic_mar60 {margin-top: 15px;}
  .basic_txt {font-size: 16px; line-height: 1.4rem; font-weight: 400;}
  .intro_mid_name {font-size: 18px;}
  .vgr_human_box {max-width: 120px;}
  .human_icon_img {width: 34px;}
  .small_title {font-size: 20px;}
  .come_map_box {height: 250px;}
  .map_sns_ul {width: 100%;}
  .map_sns_list {min-width: inherit; border-radius: 4px;}
  .map_sns_img {margin-right: 10px; width: 15px;}
  .map_sns_list a {font-size: 14px; padding: 12px 15px;}
  .come_try_wrap {margin-top: 60px;}
  .come_try_kate_txt {color: #000000e6; line-height: 22px;}
  .come_try_map_wrap {margin-top: 20px;}
  .come_try_kate_box {align-items: flex-start; flex-direction: column; margin-top: 5px;}
  .come_try_kate_ul {margin-left: 0px;}
  .come_try_kate_img {margin-left: 12px; transform: rotate(90deg);}
  .inter_town_wrap {border-radius: 20px 20px 0 0; padding: 30px 15px;}
  .inter_town_mtxt {font-size: 30px; margin-bottom: 10px;}
  .interpho_one_list {width: 49%; height: 200px;}
  .interpho_one_list:nth-child(-n+3) {margin-top: 10px;}
  .interpho_one_list:nth-child(-n+2) {margin-top: 0px;}
  .interpho_one_ul {margin-top: 10px;}
  .one_txt_box {margin-top: 20px;}
  .interpho_two_box,.interpho_scroll_wrap {margin-top: 70px;}
  .exhibit_view_wrap,.collection_view_wrap,.notice_list_wrap {margin-top: 40px;}
  .exhibit_view_img_box {height: 290px;}
  .bd_list_title40 {font-size: 28px;}
  .bd_step {margin-top: 55px;}
  .header_bd_list .bd_pay_shell_txt {font-size: 14px;}
  .exhibit_info_img_box {padding: 25px 35px; height: 400px;}
  .ex_photo_img_box {padding: 25px 35px; height: 400px !important;}
  .bder_ip_title_box {max-width: 120px;}
  .bder_ip_title {padding: 0px 15px;}
  .bder_ip_box input {padding: 0px 15px;}
  .bder_ip_left {padding-left: 15px !important;}
  .bder_ip_box .bder_ip_sel_box {padding: 0px 15px;}
  .mo_110 .bder_ip_title_box{height: 110px;}
  .mo_110 .bder_ip_box{flex-direction: column; height: 110px;}
  .mo_110 .af_border::before {right: auto; top: auto; left: 50%; bottom: 0; transform: translateY(0%) translateX(-50%);
    height: 1px; width: calc(100% - 30px);}
  .bd_textarea_wrap textarea {height: 300px;}
  .collection_view_list {width: 100%; margin-right: 0;}
  .collection_view_list:nth-child(n+3) {margin-top: 0px;}
  .collection_view_list:nth-child(n+2) {margin-top: 30px;}
  .collection_view_list:nth-child(3n) {margin-right: 0%;}
  .collection_view_img_box {height: 240px;}
  .ciil_active {padding: 25px 35px !important; height: 400px !important;}
}

@media(max-width : 500px){
  .vgr_human_box {max-width: 100px;}
  .human_icon_img {width: 30px;}
  .ticker_mar {margin-bottom: 20px;}
  .vgr_ticket_info_ul {flex-direction: column; width: 100%;}
  .vgr_ticket_info_box {width: 100%;}
  .vgr_ticket_info_list {margin-right: 0px; margin-bottom: 25px;}
  .vgr_ticket_info_list:last-child {margin-bottom: 0px;}
  .vgr_ticket_mtxt {margin-bottom: 7px;}
}

@media(max-width : 400px){
  /* 디스플레이 논 */ .page_save_ul ,.barcode_img{display: none;}
  .course_view_box {margin-top: 15px;}
  .introduce_top_img_box {height: 200px;}
  .facility_car_info_ul {align-items: flex-start; flex-direction: column;}
  .facility_car_info_list {margin-right: 0px; width: 100%; margin-bottom: 20px;}
  .facility_car_info_list:last-child {margin-bottom: 0px;}
  .facility_middle_wrap {margin-top: 80px;}
  .come_try_map_wrap {margin-top: 0px;}
  .board_search_box .sch_ip_box select {width: 90px;}
  .board_search_box .sch_ip_box input {width: calc(100% - 140px);}
  .exhibit_view_wrap,.collection_view_wrap,.notice_list_wrap {margin-top: 30px;}
  .exhibit_view_img_box {height: 270px;}
  .exhibit_info_img_box {height: 370px;}
  .ex_photo_img_box{height: 370px !important;}
  .collection_view_img_box {height: 200px;}
  .ciil_active {height: 370px !important;}
}








@media(max-width : 1400px){
  .up_down_info_wrap{margin-top: 0;}
  .board_icon_ul.mar_t20{margin-top: 10px;}
  .up_down_info_txt_box {padding: 40px 20px;}
  .news_list_title_box {margin-right: 70px;}
  .photo_list_ul {padding-top: 50px;}
  .photo_img_box {height: 270px;}
  .photo_list_list:nth-child(n+4) {margin-top: 70px;}
}

@media(max-width : 1200px){
  .notice_num_box {max-width: 110px;}
  .sub_board_title {font-size: 30px;}
  .sub_board_title_box {margin-bottom: 25px;}
  .up_down_info_txt_box {padding: 30px 0;}
  .up_down_info_txt_img {max-height: 400px; margin-bottom: 30px;}
  .file_box {padding: 35px 0;}
  .exhibit_write_box .bd_list_title.mar_t50{margin-top: 40px;}
  .news_list_list a {align-items: flex-start; flex-direction: column;}
  .news_list_title_box {margin-right: 0; max-width: 100%; min-width:100%;}
  .news_list_title_box .small_basic_txt.mar_t20{margin-top: 10px;}
  .news_list_info_box {margin-top: 20px;}
  .mo_t .bder_ip_wrap.mo_tt.mar_t50{margin-top: 40px;}
  .photo_img_box {height: 240px;}
  .photo_list_list .small_title.mar_t20{margin-top: 15px;}
  .photo_list_ul {padding-top: 40px;}
  .up_down_info_photo_img {margin-bottom: 30px;}
}

@media(max-width : 1000px){
  .notice_list_list a {align-items: flex-start; flex-direction: column; padding: 25px 0}
  .notice_list_list.on a {padding: 30px 0;}
  .notice_num_box {width: auto; max-width: inherit; padding: 0; margin-bottom: 10px;}
  .notice_list_mtxt {font-size: 18px;}
  .notice_num_txt {font-size: 18px; font-weight: 500;}
  .sub_board_title {font-size: 28px;}
  .up_down_info_txt_img {max-height: 370px; margin-bottom: 20px;}
  .file_box {padding: 30px 0;}
  .exhibit_write_box .bd_list_title.mar_t50{margin-top: 30px;}
  .mo_t .bder_ip_wrap.mo_tt.mar_t50{margin-top: 30px;}
  .photo_list_list {width: 49%;}
  .photo_list_list:nth-child(3n) {margin-right: 2%;}
  .photo_list_list:nth-child(2n) {margin-right: 0%;}
  .photo_list_list:nth-child(n+4) {margin-top: 0px;}
  .photo_list_list:nth-child(n+3) {margin-top: 60px;}
  .photo_img_box {height: 270px;}
  .photo_list_ul {padding-top: 30px;}
  .up_down_info_photo_img {margin-bottom: 20px;}
}

@media(max-width : 800px){
  .notice_list_list a {padding: 20px 0;}
  .notice_list_list.on a {padding: 25px 0;}
  .sub_board_title {font-size: 26px;}
  .board_icon_ul.mar_t20 {margin-top: 7px;}
  .sub_board_title_box {margin-bottom: 20px;}
  .file_box {padding: 20px 0; flex-direction: column;}
  .file_name {margin-right: 0;}
  .file_box_ul{width: 100%;}
  .file_box_list a {padding-left: 10px;}
  .up_down_info_txt_img {max-height: 330px;}
  .news_list_info_box .small_basic_txt{text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box;
    -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
  .photo_img_box {height: 220px;}
  .photo_list_list:nth-child(n+3) {margin-top: 50px;}
  .view_file_box {flex-direction: column;}
  .view_file_wrap .file_box_list a {padding-left: 0px;}
  .view_file_wrap .file_box_ul{margin-top: 15px;}
}



@media(max-width : 600px){
  .sub_board_title {font-size: 24px;}
  .board_icon_txt {font-size: 14px;}
  .board_icon_list {margin-right: 17px;}
  .board_icon_ul {flex-wrap: wrap;}
  .photo_list_list {width: 100%; margin-right: 0;}
  .photo_list_list:nth-child(3n) {margin-right: 0%;}
  .photo_list_list:nth-child(n+3) {margin-top: 0px;}
  .photo_list_list:nth-child(n+2) {margin-top: 40px;}
  .photo_img_box {height: 200px;}
}

@media(max-width : 400px){
}






/* 서브페이지 끝 */


















/* 푸터 시작 */
footer{
  width: 100%;
  display: flex;
}

.footer_wrap{
  width: 100%;
  display: flex;
  background: #000;
  padding: 70px 0;
  margin-top: 120px;
}

.footer_box{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer_info_box{
  display: flex;
  flex-direction: column;
}

.footer_logo_img{
  width: 100px;
}

.contact_txt{
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  margin: 60px 0 40px 0;
}

.footer_contact_ul{
  display: flex;
  flex-direction: column;
}

.footer_contact_list{
  margin-bottom: 7px;
  display: flex;
  align-items: center;
}

.footer_contact_txt{
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
}

.footer_contact_txt span{
  color: var(--color-Gray-400);
  font-size: 14px;
  font-weight: 700;
  min-width: 50px;
  display: inline-block;
}

.footer_contact_list:last-child{
  margin-bottom: 0px;
}

.footer_out_info_box{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}

.footer_out_info_ul{
  display: flex;
  align-items: center;
}

.footer_out_info_list{
  margin-right: 30px;
  display: flex;
  align-items: center;
}

.footer_out_info_list:last-child{
  margin-right: 0px;
}

.footer_out_info_list a{
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
}
.footer_out_info_list a.fip {
  color: #fbce77;
}

.Family_box{
  margin-top: 100px;
}

.Family_btn {
  border: 2px solid #fff;
  min-width: 240px;
  min-height: 60px;
  padding: 5px 20px;
}

.Family_btn_txt {
  color: #fff;
  letter-spacing: 0px;
  font-size: 14px;
  font-weight: 500;
  /* padding-right: 25px; */
}

.Family_list_box {
  bottom:40px;
  background: #000;
  border: 2px solid #fff;
  max-height: 165px;
  overflow-y: auto;
}

.Family_list_box.on {
  bottom: 65px;
}

.Family_list {
  border-bottom: 1px solid #ffffff3b;
  display: flex;
}

.Family_list:last-child {
  border-bottom: 0px solid #ffffff3b;
}

.Family_list a {
  padding: 15px 0;
  font-size: 14px;
}

.Family_list a span {
  color: var(--color-Gray-50);
}

.copyright{
  margin-top: 30px;
  color: var(--color-Gray-400);
  font-weight: 500;
  font-size: 14px;
}



/* 푸터 반응형 */
@media(max-width : 1400px){
  .footer_wrap {margin-top: 110px;}
}

@media(max-width : 1200px){
  .footer_wrap {margin-top: 100px;}
}

@media(max-width : 1000px){
  .footer_logo_img {width: 80px;}
  .contact_txt {font-size: 26px; margin: 50px 0 30px 0;}
  .footer_out_info_list a {font-size: 14px; font-weight: 600;}
  .Family_box {margin-top: 80px;}
  .Family_btn {min-width: 200px; min-height: 50px;}
  .Family_list_box {bottom: 30px; max-height: 120px;}
  .Family_list_box.on {bottom: 55px;}
  .footer_wrap {margin-top: 80px;}
}

@media(max-width : 800px){
  .footer_box {flex-direction: column;}
  .footer_info_box {align-items: center; margin-bottom: 40px;}
  .contact_txt {margin: 30px 0 20px 0;}
  .footer_contact_ul {align-items: center;}
  .footer_out_info_box {align-items: center;}
  .footer_contact_txt {text-align: center;}
  .footer_wrap {margin-top: 60px;}
}

@media(max-width : 600px){
  .footer_wrap {margin-top: 40px;}
}

@media(max-width : 400px){
  .footer_out_info_ul {flex-direction: column;}
  .footer_out_info_list {margin-right: 0px; margin-bottom: 10px;}
  .footer_out_info_list:last-child {margin-bottom: 0px;}
  .Family_box {margin-top: 60px;}
  .copyright {text-align: center;}
  .footer_wrap {margin-top: 30px;}
}

/* ck 에디터 */

.ck.ck-editor {
  width:100% !important;
  padding: 8px !important;
  border-radius: 8px !important;
  border: 2px solid var(--color-Gray-100) !important;
}
.ck-editor__editable {
  min-height: 400px !important;
}

.ck.ck-toolbar, .ck.ck-editor__main>.ck-editor__editable:not(.ck-focused) {
  border:none !important;
}
.ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable, .ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners {
  box-shadow: none !important;
}
.ck.ck-toolbar {
  padding-bottom: 8px !important;
  border-bottom: 2px solid var(--color-Gray-100) !important;
}


/* 푸터 끝 */



/* CK 에디터 테이블 S */
figure.table {
    width: 100%;
    overflow-x: auto;
}
figure.table table {
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 2px dashed var(--color-Gray-600);
    border-bottom: 2px dashed var(--color-Gray-600);
    background: var(--color-Gray-100);
}
figure.table td {
    padding: 8px 16px;
    border: 1px solid #b4b4b4;
    text-align: center;
}

figure.table td:nth-child(1) {
    border-left: none;
}

figure.table :nth-last-child(1) {
    border-right: none;
}

/* CK 에디터 테이블 E */