@charset "UTF-8";




/*유튜브영상*/
/* div.yjcf_movie { */
/*   max-width: 1090px; */
/*   width: 95%; */
/*   text-align: center; */
/*   margin: 0 auto; */
/*   padding-top: 50px; */
/* } */

/* div.yjcf_movie iframe { */
/*   width: 100%; */
/*   min-height: 450px; */
/*   max-height: 560px; */
/* } */

div.yjcf_movie {
  width: 95%;
  margin: 0 auto;
  padding-top: 50px;

  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1%; /* 요소 간 간격 조절 */
}

div.yjcf_movie iframe,
div.yjcf_movie video {
  width: 30%;
  min-width: 280px; /* 너무 작아지는 것을 방지 */
  margin-bottom: 20px; /* 줄바꿈 시 간격 확보 */
}

@media (max-width: 860px) {
  div.yjcf_movie iframe,
  div.yjcf_movie video {
    width: 100%;
  }
}

.content_wrap{/*padding-top: 158px;*/ position: relative;}
.main_wrap{overflow: hidden;}


.not_area{text-align: center; padding: 4% 0;}
.not_area img{}

/* visual */
.visual{line-height: 0; position: relative;}
.visual_slide.slick-dotted.slick-slider{margin-bottom: 28px !important; line-height: 0;}
.visual_slide a{display: block;}
.visual_slide a img{margin: 0 auto;}

.visual_slide .slick-arrow{z-index: 2;background-size: 100%;bottom: 0;top: auto;left: 50%;width: 17px;height: 18px;bottom: -18px;transform: translate(-50%, -50%); -webkit-transform: translate(calc(-50% + -0.5px), -50%);}
.visual_slide .slick-prev.slick-arrow{background: #fff url(/_static/yjsjtour/img/main/visual_left.png) no-repeat center; margin-left: 9px;}
.visual_slide .slick-next.slick-arrow{background: #fff url(/_static/yjsjtour/img/main/visual_right.png) no-repeat center; margin-left: 64px;}

/*
.visual_pc .slider-nav .slick-arrow{z-index: 2;background-size: 100%;bottom: 0;top: auto;left: 50%;width: 17px;height: 18px;bottom: -18px;transform: translate(-50%, -50%); -webkit-transform: translate(calc(-50% + -0.5px), -50%);}
.visual_pc .slider-nav .slick-prev.slick-arrow{background: #fff url(/_static/yjsjtour/img/main/visual_left.png) no-repeat center; margin-left: 9px;}
.visual_pc .slider-nav .slick-next.slick-arrow{background: #fff url(/_static/yjsjtour/img/main/visual_right.png) no-repeat center; margin-left: 64px;}
*/

.visual .slider-nav{
  max-width: 300px;
  background: #fff;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  line-height: 60px;
  height: 80px;
  opacity: 0.8;
}
.visual .slider-nav .tit{color: #191919; font-size: 1.125em; display: block;}

.visual_pc{display: block;}
.visual_mo{display: none;}
/* .visual_mo .slider-nav{display: none;} */
.m_visual_slide .slick-arrow{z-index: 2;background-size: 100%;bottom: 0;top: auto;left: 50%;width: 17px;height: 18px;bottom: -18px;transform: translate(-50%, -50%); -webkit-transform: translate(calc(-50% + -0.5px), -50%);}
.m_visual_slide .slick-prev.slick-arrow{background: #fff url(/_static/yjsjtour/img/main/visual_left.png) no-repeat center; margin-left: 9px;}
.m_visual_slide .slick-next.slick-arrow{background: #fff url(/_static/yjsjtour/img/main/visual_right.png) no-repeat center; margin-left: 64px;}

.m_visual_slide{ margin-bottom: 0 !important;}


.slide_bar{
  position: absolute;
  bottom: -23px;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 215px;
  height: 46px;
  background: #fff;
  border-radius: 46px;
  box-shadow: 3px 3px 3px rgb(0 0 0 / 20%);
  -webkit-box-shadow: 3px 3px 3px rgb(0 0 0 / 20%);

}
.slide_bar > button{
  width: 17px;
  height: 18px;
  margin-left: 5px;
  display: inline-block;
  text-indent: -9999px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-left: 38px;
}
.slide_bar .btn_play{
  background: url(/_static/yjsjtour/img/main/visual_stop.png) center no-repeat;
}

.custom_paging{
  position: absolute;
  bottom: -23px;
  text-align: center;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  margin-left: -44px;
}
.custom_paging > li{display: none;line-height: 46px;letter-spacing: 0;}
.custom_paging > li.slick-active{display: block;}



/*달력*/
.section.cal{background: #fdf1f1; padding-top: 40px; margin-top: 65px;} 
.cal_box {overflow: hidden;position: relative;padding: 27px 27px;background: #fff;
  font-family: 'Gmarket Sans';
  max-width: 1086px;
  margin: 0 auto;
}
.cal_box .cal_top{float: left;width: 166px;}
.cal_box .cal_middle{float: left;width: calc(100% - 166px);/* width: 100%; */}

.cal_box .cal_date > span{vertical-align: middle;color: #222222;line-height: 1;letter-spacing: -1px;}
.cal_box .cal_date > span strong{
  font-weight: 600;
  font-size: 1.75em;
  color: #222222;
}
.cal_box .cal_date .prev {display: inline-block;width: 11px;height: 20px;margin-right: 22px;background: url('/_static/yjsjtour/img/main/cal_left.png') no-repeat;vertical-align: middle;}
.cal_box .cal_date .next {display: inline-block;width: 11px;height: 20px;margin-left: 22px;background: url('/_static/yjsjtour/img/main/cal_right.png') no-repeat;vertical-align: middle;}

.cal_box .cal_day{display:block;/* float: right; *//* overflow: hidden; *//* overflow-x: auto; */width: 100%;/* max-width: 100%; *//* height: 28px; */white-space: nowrap;}

/* cal_day */
.cal_day{overflow: hidden;}
.cal_day li{display: inline-block;
  vertical-align: middle; float: left;
  margin-bottom: 2px; margin-left: 3px;
} 
.cal_day li:first-child{margin-left: 0;}
.cal_day li a{display: inline-block;height: 28px;width: 28px;vertical-align: middle;line-height: 30px;text-align: center;color: #222222;font-size: 0.875em;/* font-weight:300; */ font-family: 'Gmarket Sans';}
.cal_day li.on a{color: #d70000;}
.cal_day li a:hover, .cal_day li a:active, .cal_day li a.on{
  background: #117ed0;
  color:#fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 50%;
}


/* 주요공연 */
.section.news{padding: 27px 0 0px; position: relative;}
.section.news .tbox{text-align: center;}
.section .tbox .tit{
  color: #333333;
  font-weight: 600;
  font-size: 1.875em;
  line-height: 1;
  margin-bottom: 18px;
  position: relative;
  padding-bottom: 15px;
}
.section .tbox .tit:before{
  content: '';
  display: block;
  background: #117ed0;
  width: 40px;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.section .tbox .doc{
  color: #707070;
  letter-spacing: 0;
  font-weight: 300;
  font-size: 1.063em;
}

.new_tab_top{overflow: hidden;
  max-width: 820px;
  margin: 23px auto 0;
}
.new_tab_top > li{
  float: left;
  margin-left: 5px;
}
.new_tab_top > li:first-child{margin-left: 0;}
.new_tab_top > li a{
  color: #1d1d1d;
  font-size: 0.938em;
  border: 1px solid #adadad;
  border-radius: 30px;
  width: 160px;
  height: 40px;
  line-height: 38px;
  display: inline-block;
  text-align: center;
}

.new_tab_top > li.on a{
  color: #fff;
  background: #1d1d1d;
}

.new_tab_btm{margin-top: 28px;}
.new_tab_btm > div{display: none;}
.new_tab_btm > div.on{display: block;}
.news_wrap{ padding-bottom: 58px;}

/* .news_area:last-child{margin-left: 0;} */
.news_area{border: 1px solid #dedede;/* width: 21%; */overflow: hidden;position: relative;margin: 0 9px;}

.news_area .type{position: absolute; top: 15px; right: 15px; width: 56px; height: 56px; border-radius: 50%; line-height: 56px; color: #fff;
  z-index: 2; text-align: center; 
}
.news_area .type.performance{background: #e38510;}
.news_area .type.event{background: #0071b5;}
.news_area .type.exhibit{background: #1f534f;}
.news_area .type.festival{background: #ab34c2;}
.news_area .type.edu{background: #22b6bf;}

.nw_top > a{width: 100%;position: relative;padding-top: 131.2%;display: block;min-height: 230px;}
.nw_top > a img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}  


.nw_btm{position: absolute;top: 50%;left: 50%;width: 100%;height: 100%; transform: translate(-50%, -50%);padding: 25% 9% 12%; opacity: 0;
  color: #fff; z-index: 2; transition: all 0.35s ease-in-out;
 
  /* transition: all 0.35s ease-in-out; */
}
.nw_top > a:hover:before{content:'';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000000;opacity: 0.8; z-index: 1;}  
.nw_top > a:hover .nw_btm{opacity: 1;}
/* .nw_btm > a{display: block;height: 100%;color: #fff;position: relative;padding: 19% 9% 32%;} */

.nw_btm .division{
  font-size: 0.875em;
  font-weight: 500;
  min-width: 100px;
  height: 34px;
  line-height: 32px;
  border-radius: 34px;
  text-align: center;
  display: block;
  margin: 0 auto 14px;
  max-width: 100px;
  border: 1px solid #fff;
}
.nw_btm strong{display: block;font-size: 1.375em;letter-spacing: -0.04em;font-weight: 500;line-height: 1.2;
  text-align: center;
  border-bottom: 1px solid #999999;
  padding: 0 10px 30px;
  margin-bottom: 30px;
  word-break: keep-all;
}
.nw_btm .position{
    position: relative;
    display: block;
    padding-left: 25px; line-height: 1; margin-left: 4px;
}
.nw_btm .position:before{
  content: '';
  display: inline-block;
  background: url(/_static/yjsjtour/img/main/tema_map.png) no-repeat center;
  width: 11px;
  height: 16px;
  background-size: 100%;
  position: absolute;
  left: 3px;
  top: 1px;
}
.nw_btm .cal{
  position: relative;
  display: block;
  padding-left: 25px; line-height: 1; margin-top: 16px; margin-left: 4px;
}
.nw_btm .cal:before{
  content: '';
  display: block;
  background: url(/_static/yjsjtour/img/main/tema_cal.png) no-repeat center;
  width: 15px;
  height: 14px;
  background-size: 100%;
  position: absolute;
  left: 0;
  top: 2px;
} 

/* .news_slide{
  margin: 0 auto !important;
} */

.news_slide{line-height: 0; max-width: 1828px; margin: 0 auto;}
.news_slide.on .slick-slide:first-child:before{ content:''; display: block; background: linear-gradient( to left, transparent, rgba(255, 255, 255, 1) 90%); position: absolute; left: 0; top: 0; z-index: 1; width: 15%; height: 100%;}
.news_slide.on .slick-slide:last-child:after{ content:''; display: block; background: linear-gradient( to right, transparent, rgba(255, 255, 255, 1) 90%); position: absolute; right: 0; top: 0; z-index: 0; width: 15%; height: 100%;}
.news_slide .slick-arrow{
  top: auto;
  bottom: -58px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 38px;
  height: 38px;
}
.news_slide .slick-arrow.slick-prev {
  background: url(/_static/yjsjtour/img/main/event_left.png) no-repeat center;
  background-size: 100%;
  /* margin-right: 3px; */
  /* left: auto; */
  /* right: 50%; */
  left: 50%;
  margin-left: -23px;
}
.news_slide .slick-arrow.slick-next {background: url(/_static/yjsjtour/img/main/event_right.png) no-repeat center;background-size: 100%;/* margin-left: 3px; */
  left: 50%;
  right: auto;
  margin-left: 23px
}

/* .multiple-items .slick-slide{ line-height:200px; height: 200px; text-align:center; background:yellowgreen; font-size:20px;}   */
/* .slick-slide:not(.slick-current) { opacity: 0.3;
} */
/* .news_slide .news_area{opacity: 0.3; max-width: 1300px;} */
/* .news_slide .slick-current .news_area{opacity: 1;} */
/* .news_slide .slick-current + .slick-slide .news_area{opacity: 1;} */
/* .news_slide .slick-active .news_area{opacity: 1;} */
/* .news_slide .slick-slide{padding: 0px 25px 0;} */

/* .news_slide .news */


/*테마*/
.section.tema{padding-top: 47px;}
.section.tema .tbox{text-align: center;}

.tema_area{
  overflow: hidden; margin-top: 30px;
}
.tema_area > div{
  position: relative;
  float: left;
  width: 23.5%;
  margin-left: 2%;
}
.tema_area > div:first-child{margin-left: 0;}
.tema_area > div a{display: block;}
.tema_area > div .tema_txt{
  position: absolute;
  top: 37px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  text-align: center;
  color: #fff;
  font-weight: 500;
  width: 100%;
}
.tema_area > div .tema_txt > span{display: block;}
.tema_area > div .tema_txt .top{font-weight: 500;}
.tema_area > div .tema_txt .tit{font-size: 1.313em; font-weight: 600;}




/* 재단주요공연 */
.section_wrap{margin:47px 0 50px; position: relative;}

.section.alarm{float: left; width: 66%; position: relative;}
.section_wrap:before{
  content: ''; display: block; position: absolute; width: 50%; height: 265px;
  background: #eef6fc; bottom: 0; left: 0;
}
.section.alarm .tbox .tit{padding-bottom: 0;}
.section.alarm .tbox .tit:before{display: none;}
.division_area{margin-top: 37px;
  background: #eef6fc;
  padding: 42px 0;
  min-height: 265px;
}
.division_area .division_list{
    overflow: hidden;
}
.division_area .division_list > li{
    float: left;
    width: 30%;
    margin-left: 3%; position: relative;
}
.division_area .division_list > li:first-child{margin-left: 0;}
.division_area .division_list > li .division{display: inline-block; color: #117ed0; font-size: 0.875em; border: 1px solid #117ed0; width: 68px; height: 26px; line-height: 24px; text-align: center;}

.division_area .division_list > li .info{color: #070707;font-size: 1.125em;font-weight: 500;margin-top: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  display:block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 2.6em;
}
.division_area .division_list > li a{display: block;}
.division_area .division_list > li a.btn_more{
  position: absolute;
  top: 5px;
  right: 0;
  width: 15px;
}
.division_area .division_list > li .date{color: #898989;font-weight: 300;display: inline-block;margin-top: 50px;}

.section.popup{float: left;
  width: 400px; width: calc(100% - 68%);
  margin-left: 2%;
}
.section.popup .tbox .tit{padding-bottom: 0;}
.section.popup .tbox .tit:before{display: none;}

/*팝업존*/
.popup_slide{}
.popup_slide .img_area{}
.popup_slide .img_area a{
  border: 1px solid #ddd;
  display: block;
  width: 100%;
  position: relative;
  padding-top: 64.82%;
}
.popup_slide .img_area a img{margin: 0 auto;
  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
    
}

.popup_slide .slick-arrow{width: 32px; height: 32px;}
.popup_slide .slick-arrow.slick-prev{background: url(/_static/yjsjtour/img/main/popup_left.png) no-repeat center; background-size: 100%;
  right: 74px;
  top: -32px;
  left: auto;
}
.popup_slide .slick-arrow.slick-next{background: url(/_static/yjsjtour/img/main/popup_right.png) no-repeat center; background-size: 100%;
  right: 0;
  top: -32px;
}
.popup_area{position: relative;}
.popup_area .btn_play{
  position: absolute;
  right: 37px;
  top: -48px;
  width: 32px;
  height: 32px;
  background: #fff url(/_static/yjsjtour/img/main/popup_stop.png) no-repeat center;
  text-indent: -9999px;
  z-index: 10;
}


/*콘텐츠*/
.section.cont{}
.content_area{
    display:flex; flex-wrap: wrap; gap:10px;
}
.content_area > div{
    width:calc(20% - 8px);
}
.content_area > div > a     {
    display: block; aspect-ratio: 600/343;
    position: relative;
}
.content_area > div > a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* .content_area > div:nth-child(1){background: url(/_static/yjsjtour/img/main/cont_img1.jpg) no-repeat center;}
.content_area
 > div:nth-child(2){background: url(/_static/yjsjtour/img/main/cont_img2.jpg) no-repeat center;}
.content_area > div:nth-child(3){background: url(/_static/yjsjtour/img/main/cont_img3.jpg) no-repeat center;} */
.content_area > div a:before{
  content:'';
  display: block;
  border: 1px solid #b3b3b3;
  opacity: 0.6;
  position: absolute;
  top: 20px;
  left: 20px;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  z-index: 2;
}
.content_area > div a:after{
  content:'';
  display: block;
  background: #000;
  opacity: 0.4;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.content_area > div a .tit{
    color: #ffffff;
    font-size: 1.4em;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 2;
} 
.content_area > div a > img{} 




/*예술인*/
.section.art{margin-top: 50px;}
.art_area{
  background: #7a7468 url(/_static/yjsjtour/img/main/art_bg.png) no-repeat left 100px center;
  height: 199px;
  width: 100%;
  padding-left: 50%;
  position: relative;
  background-size: contain;
}
.art_area .top{
  display: block;
  position: absolute;
  background: #d0976a;
  /* height: 53px; */
  width: 60px;
  color: #fff;
  text-align: center;
  font-size: 0.938em;
  padding: 10px 10px;
  left: 25px;
  top: 0;
}
.art_area .top:before{
  content: "";
  height: 0;
  width: 0;
  display: block;
  position: absolute;
  bottom: -18px;
  left: 0;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-right: 30px solid #d0976a;
  border-left: 30px solid #d0976a;
  /* box-shadow: 3px 3px 3px rgb(0 0 0 / 20%);
  -webkit-box-shadow: 3px 3px 3px rgb(0 0 0 / 20%); */
}
.art_area .info{
  padding: 42px 18px 0;
}
.art_area .tit{color: #ffffff;font-size: 1.625em;font-weight: 500;line-height: 1;}
.art_area p{color: #c1bfba; font-weight: 300; font-size: 1.063em; margin-top: 12px;}
.art_area .btm{
  margin-top: 15px;
  color: #ffffff;
  font-weight: 300;
  font-size: 0.875em;
  display: inline-block;
  border: 1px solid #cac7c3;
  width: 154px;
  height: 32px;
  line-height: 30px;
  text-align: center;
}

.art_slide.slick-dotted.slick-slider{margin-bottom: 0 !important; padding-bottom: 34px;}
.art_slide .slick-dots{position: absolute;bottom: 0;left: 50%;display: inline-block !important;width: auto;transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);}
.art_slide .slick-dots li{width: 16px;height: 16px;margin: 0 4px;}
.art_slide .slick-dots li button{width: 16px;height: 16px;border-radius: 16px;border: 1px solid #b6b6b6;background: transparent;padding: 0;}
.art_slide .slick-dots li button:before{ display:none;}
.art_slide .slick-dots li.slick-active button{background: #272727;border: 1px solid #272727;}




/* banner */
.section.banner{overflow: hidden;/* background: #F6F6F6; */border-top: 1px solid #e3e3e3; margin-top: 50px;}
.banner_zone{padding: 12px 32px 12px 0;}
.banner_zone .banner_slide{position: relative;/* margin: 0 -20px; */line-height: 0;} 
.banner_zone .banner_slide .slick-arrow{width: 32px;height: 26px;z-index: 1;top: 0;right: -32px;left: auto;background-size: 100%;border: 1px solid #dcdcdc;} 
.banner_zone .banner_slide .slick-slide a{display: block;  margin: 0 7px;}
.banner_zone .banner_slide .slick-slide a img{margin: 0 auto;/* height: 36px; */}
.banner_zone .banner_slide .slick-prev.slick-arrow {background:url(/_static/yjsjtour/img/main/banner_up.png) no-repeat center;/* background-size: 100%; */}
.banner_zone .banner_slide .slick-next.slick-arrow {background:url(/_static/yjsjtour/img/main/banner_down.png) no-repeat center;/* background-size: 100%; */bottom: -26px;top: auto;}
.banner_zone .btn_play{position: absolute;right: 0;top: 24px;width: 32px;height: 26px;background: #fff url(/_static/yjsjtour/img/main/banner_stop.png) no-repeat center;text-indent: -9999px;z-index: 10;border: 1px solid #dcdcdc;}
/* .banner_zone .btn_play.on{ background:url(/_static/yjsjtour/img/main/banner_play.png) no-repeat center;} */

/* .slick-slide > div > div{display: block !important;} */






@media all and (max-width:1600px){ 

  .nw_btm strong{font-size: 1.250em;}
}

@media all and (max-width:1400px){ 
  .visual_slide a img{
    width: 100%;
  }
}

@media all and (max-width:1200px){ 


  /*달력*/
  .cal_box{margin: 0 30px; padding-bottom: 0;}
  .cal_day_list{overflow-x: scroll;}
  .cal_box .cal_top{float: none; margin: 0 auto 15px;}
  .cal_box .cal_middle{float: none; width: 100%;}

  .cal_day_list::-webkit-scrollbar {width: 12px; height: 12px;border: 3px solid #fff;}
  .cal_day_list::-webkit-scrollbar-track {background: #f9f9f9; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(64, 64, 64, 0.3)}
  .cal_day_list::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(134, 134, 134, 0.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}

  .cal_box .cal_day{
    max-width: 870px;
    margin: 0 auto 10px;
  }
  .cal_day{overflow: visible;}
  .cal_day li{margin-left: 0; float: none;}



  

  /*주요공연*/  
  .section .tbox .tit{font-size: 1.5em;}

}

@media all and (max-width:1024px){ 
  .visual .pc{display: none;} 
  .content_wrap{/*padding-top: 99px;*/ background-position:center top ;}

  /*주요공연*/  
  .zone_area .popup_area{padding: 25px 20px 22px;}
  .zone_area .popup_area .popup_main{padding-top: 24px;}
  .activity_slide{padding: 25px 20px 45px; min-height: 312px;}
  .greeting_area > div .slick-dots{bottom: 15px;}    

  
}

@media all and (max-width:860px){ 

  .visual_pc{display: none;}
  .visual_mo{display: block;}
  .m_visual_slide .visual_box a{position: relative; width: 100%; padding-top: 55.81%; display: block;}
  .m_visual_slide .visual_box a img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

  .section.news{padding: 27px 15px 0;}
  .news_slide:before{display: none;}
  .news_slide:after{display: none;}
  .news_slide.on:before{display: none;}
  .news_slide.on:after{display: none;}
  .new_tab_top{max-width: 520px;}
  .new_tab_top > li a{width: 100px;
    height: 30px; line-height: 28px;
  }
  .new_tab_top > li a span{display: none;}

  .section .tbox .tit{font-size: 1.375em;}
  .nw_btm{padding:60px 19px 18px;}
  .nw_btm strong{font-size: 1.125em;}
  .news_area .type{width: 46px; height: 46px; line-height: 46px;}

  .news_slide{margin: 0 -9px;}

  /*테마*/
  .tema_area{margin: 27px auto 0; max-width: 582px;}
  .tema_area > div{width: 48.5%; margin-left: 3%; margin-top: 15px;}
  .tema_area > div:nth-child(3n){margin-left: 0;}
  .tema_area > div:nth-child(-n+2){margin-top: 0;}
  .tema_area > div .tema_txt .top{font-size: 0.938em;}
  .tema_area > div .tema_txt .tit{font-size: 1em;}


   /*재단소식*/
   .section.alarm{float: none; width: 100%; padding: 0 15px;}
   .division_area{margin-top: 27px; padding: 32px 15px;}

   /*팝업존*/
   .popup_area{}
   .section.popup{float: none; width: 100%; margin-left: 0; margin-top: 40px; padding: 0 15px;}
   .section_wrap:before{display: none;}
   .popup_slide .img_area a img{margin: 0 auto;}


  /*콘텐츠*/
  .section.cont{padding: 0 15px;}
   
  /*예술인*/
  .section.art{padding: 0 15px;}
  .art_area .tit{font-size: 1.5em;}



}

@media all and (max-width:767px){ 

}

@media all and (max-width:640px){ 

  /* .content_wrap{padding-top: 60px;} */

  
  .visual_box > div{padding: 0 46px; position: relative;}
  .visual_box > div em{font-size: 1.5rem; padding-right: 9px;}
  .visual_box > div span{font-size: 1em; padding: 0 15px;}
  .visual_box > div:before{position: absolute;
    content: "";
    display: block;
    background-color: #d4d4d4;
    width: 1px;
    height: 15px;
    left: 46px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
  .visual_box > div:after{
    position: absolute;
    content: "";
    display: block;
    background-color: #d4d4d4;
    width: 1px;
    height: 15px;
    right: 46px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
  

}

@media all and (max-width:860px){ 
    /*콘텐츠*/
    .content_area > div{width:calc(50% - 5px); }
}

@media all and (max-width:580px){ /* .visual{height: 275px;} */ 

  .not_area img{width: 75px;}
  /* .content_wrap{padding-top: 60px;}  */

  .visual .slider-nav{max-width: 230px; line-height: 40px; height: 60px;}
  .visual .slider-nav .tit{font-size: 1em;}
  

  .slide_bar{
    width: 185px;
    height: 36px;
    border-radius: 36px;
    bottom: -18px;
  }
  .m_visual_slide .slick-arrow{bottom: -18px;}
 
  /*달력*/
  .section.cal{margin-top: 40px; padding-top: 30px;}
  .cal_box{padding: 15px 15px 0; margin: 0 10px;}

  /*주요공연*/  
  .news_area{margin: 0 4px;}
  .section.news{padding: 37px 10px 0;}
  .section .tbox .tit{font-size: 1.250em; margin-bottom: 7px;}
  .section .tbox .doc{font-size: 0.938em;}
  .new_tab_top{margin-top: 13px;}
  .new_tab_btm{margin-top: 20px;}
  .news_wrap{padding-bottom: 48px;}
  .new_tab_top{display: table; table-layout: fixed; width: 100%; max-width: 320px;}
  .new_tab_top > li{float: none; display: table-cell; text-align: center;}
  .new_tab_top > li a{width: 90%; padding: 0 15%; font-size: 0.875em;}
  
  
  .news_area .type{width: 28px;height: 28px;line-height: 28px;font-size: 0.750em;top: 10px;right: 10px;}
  
  .nw_btm{padding: 38px 5px 10px;}
  .nw_btm strong{font-size: 0.938em;padding: 0 0px 10px;margin-bottom: 10px;}
  .nw_btm .division{height: 24px;line-height: 22px;margin: 0 auto 7px;min-width: 80px;max-width: 80px;}
  .nw_btm span{font-size: 0.875em;margin-top: 8px;}
  .nw_btm .cal{margin-top: 8px; word-break: break-all; line-height: 1.3;}

  .news_slide .slick-arrow{bottom: -48px;}
  .news_slide .slick-dots{bottom: 0;}
  .news_slide .slick-dots li{
    width: 10px;
    height: 10px;
    margin: 0 12px;
  }
  .news_slide .slick-dots li button{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #ccc;
    background: #ccc;
    padding: 0;
  }
  .news_slide .slick-dots li button:before{display: none;}
  .news_slide .slick-dots li.slick-active button{
    background: #191a1c;
    border-color: #191a1c;
    width: 10px;
    height: 10px;
  }

  /*테마*/
  .section_wrap{margin: 37px 0 40px; }
  .section.tema{padding: 37px 10px 0;}
  .section.alarm{padding: 0 10px;}
  .section.popup{padding: 0 10px;}
  .tema_area{margin-top: 17px;}
  /* .tema_area > div{width: 48.5%; margin-left: 3%; margin-top: 15px;}
  .tema_area > div:nth-child(3n){margin-left: 0;}
  .tema_area > div:nth-child(-n+2){margin-top: 0;}
  .tema_area > div .tema_txt .top{font-size: 0.938em;}
  .tema_area > div .tema_txt .tit{font-size: 1em;} */

  /*콘텐츠*/
  .content_area > div{width:calc(50% - 5px); }
  
  /*재단소식*/
  .division_area{padding: 15px; margin-top: 17px;}
  .division_area .division_list > li{float: none; width: 100%; margin-top: 15px; padding-top: 15px; border-top: 1px solid #ddd; margin-left: 0;}
  .division_area .division_list > li:first-child{border-top: 0; margin-top: 0; padding-top: 0;}
  .division_area .division_list > li .info{margin-top: 16px; font-size: 1.063em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    line-height: 1.3em;
    height: 2.6em;
  }
  .division_area .division_list > li .date{margin-top: 15px; display: block;}
  .division_area .division_list > li a.btn_more{top: 15px;}
  .division_area .division_list > li:first-child a.btn_more{top: 0;}

  /*팝업존*/
  .section.popup .tbox .tit{margin-bottom: 14px;}
  .popup_slide .slick-arrow.slick-prev{top: -25px;}
  .popup_slide .slick-arrow.slick-next{top: -25px;}
  .popup_area .btn_play{top: -41px;}

  /*예술인*/
  .section.art{margin-top: 40px; padding: 0 10px;}
  .art_area{
    background: #7a7468 url(/_static/yjsjtour/img/main/art_bg2.png) no-repeat;
    background-position: left -91px center;
    padding: 40px 15px 30px 15px;
    height: 220px;
  }
  .art_area .info{padding-left: 50%; padding-top: 15px; padding-right: 0;}
  .content_area > div a .tit{font-size: 1.125em;}


  /*배너*/
  .section.banner{margin-top: 40px;}
}

@media all and (max-width:479px){
 /*place*/ 
 .section.place .tit{font-size: 0.938em; word-break: keep-all; line-height: 1.3; }
 .place_slide .slick-slide > div .name{font-size: 0.813em;}

}

@media all and (min-width: 320px) and (max-width: 339px){

}