@charset "UTF-8";


/*소장품*/
.layout_bk > div{text-align: center; margin-top: 30px;}
.layout_bk > div:first-child{margin-top: 0;}

/*툴팁*/
.view_tip{display: none; position: absolute; background: #fff; width: 165px;}
.view_tip .tip_cont{border: 2px solid #dedede; padding: 5px;}
.view_tip .tip_cont .tit > a{font-weight: 500; font-size: 0.938em;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 word-break: keep-all;
 display: block;
 color: #58595b;
}

/*지나온 이야기*/
.year_wrap{padding-top: 47px; margin-top: 47px; border-top: 1px dotted #b8b8b8; overflow: hidden;}
.year_area{float: left; width: 61.3%; padding-right: 30px;}
.year_area_scroll{float: left; width: 38.6%; overflow-y: scroll;}
.year_area_picture{max-height: 1030px;}
.year_area_picture > div{margin-top: 30px;}
.year_area_picture > div:first-child{margin-top: 0;}

.img_wrap{
 margin-top: 30px;
 overflow: hidden;
}
.img_wrap .img_area{
 float: left;
 width: 48%;
 margin-left: 4%;
}
.img_wrap .img_area:first-child{margin-left: 0;}

/*공간투어*/
.img_area a{display: block;}

/*미션비전*/
.mission_area{}
.mission_area .cont_top{margin-top: 90px;}
.mission_area .cont_top .tit{
  color: #000000;
  font-weight: 600;
  font-size: 2em;
  line-height: 1;
  letter-spacing: -0.040em;
  margin-bottom: 20px;
}
.mission_area .cont_top .box{
  background: #e1ebf2;
  max-width: 723px;
  margin: 0 auto;
  border-radius: 50px;
  padding: 20px 10px;
  border: 1px solid #d0dee8;
}
.mission_area .cont_top .box span{
  display: block;
  color: #141414;
  font-weight: 500;
  font-size: 1.5em;
}

.mission_area .cont_mid{margin-top: 0px;}
.mission_area .cont_mid > .tit{
  color: #000000;
  font-weight: 600;
  font-size: 2em;
  line-height: 1;
  letter-spacing: -0.040em;
  margin-bottom: 20px;
}
.mission_area .cont_mid .mission_cont{overflow: hidden;}
.mission_area .cont_mid .mission_cont > div{
  float: left;
  width: 32%;
  margin-right: 2%;
}
.mission_area .cont_mid .mission_cont > div:nth-child(3n){margin-right: 0;}
.mission_area .cont_mid .mission_cont > div .tit{
color: #212121;
font-size: 1.5em;
font-weight: 500;
background: #e7eff5;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
border: 1px solid #d9e5ed;
height: 60px;
line-height: 60px;
}
.mission_area .cont_mid .mission_cont > div p{
  border: 1px solid #e1e1e1;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  border-top: 0;
  height: 98px;
  line-height: 98px;
  padding: 0 10px;
}
.mission_area .cont_mid .mission_cont > div p span{
  color: #191919;
  font-size: 1.063em;
  font-weight: 300;
  display: inline-block; vertical-align: middle; line-height: 1.5;
}
.mission_area .cont_btm{margin-top: 90px;}
.mission_area .cont_btm .tit{
  color: #000000;
  line-height: 1;
  font-size: 2em;
  font-weight: 600; margin-bottom: 37px;
}
.mission_area .cont_btm .tit_name{
  position: relative;
  color: #212121;
  font-weight: 600;
  font-size: 2.675em;
  line-height: 1;
  display: inline-block;
}
.mission_area .cont_btm .tit_name:before{content:'';display: block;position: absolute;left: -50px;top: 0;background: url(/_static/seoul284/img/sub/tit_bb.png);width: 28px;height: 22px;}
.mission_area .cont_btm .tit_name:after{
  content:'';
  display: block;
  position: absolute;
  right: -50px;
  top: 0;
  background: url(/_static/seoul284/img/sub/tit_qq.png);
  width: 28px;
  height: 22px;
}

.mission_area .cont_btm .mission_list{
  display: table;
  table-layout: fixed;
  width: 100%;
  max-width: 542px;
  margin: 23px auto 0;
}
.mission_area .cont_btm .mission_list > div{
  border: 1px solid #d0dee8;
  border-radius: 50%;
  display: table-cell;
  vertical-align: middle;
  width: 142px;
  height: 142px;
  background: #e1ebf2;
}
.mission_area .cont_btm .mission_list > div:nth-child(even){border: 0; width: 58px; background: none;}
.mission_area .cont_btm .mission_list > div span{
  color: #191919;
  font-size: 1.5em;
  line-height: 1;
  font-weight: 500;
  display: block;
}


/*아코디언*/
.qna_wrap{}
.qna_wrap > li{
 position: relative;
 margin-top: 22px;
}
.qna_wrap > li:first-child{margin-top: 0;}
.qna_wrap > li .qna_q{
 color: #58595b;
 font-weight: 300;
 font-size: 1.125em;
 padding-left: 106px;
 line-height: 1.66em;
}
.qna_wrap > li .qna_q.impact .front_q{color: #f06400;}
.qna_wrap > li .qna_q.impact a{color: #f06400;}
.qna_wrap > li .qna_q .front_q{
 color: #000000;
 font-weight: 600;
 font-size: 1.375rem;
 position: absolute;
 left: 0;
 top: 3px;
 line-height: 1;
}
.qna_wrap > li .qna_q .front_q{}
.qna_wrap > li .qna_q a{}
.qna_a_area{padding-top: 34px;}

.tmo_cont{
 border: 1px solid #b8b8b8;
 padding: 10px;
 margin-top: 17px;
}
.tmo_cont dl{
 margin-top: 12px;
 overflow: hidden;
}
.tmo_cont dl:first-child{margin-top: 0;}
.tmo_cont dl dt{
 float: left;
 width: 100px;
}
.tmo_cont dl dd{float: left;}



.qna_wrap > li .qna_a{display: none;}


/*path*/
.text_wrap{
 background: url(/_static/seoul284/img/sub/rent_veiw_1f_edit.png) no-repeat;
 background-size: 100%;
 max-width: 962px;
 margin: auto;
}
.text_wrap .svg_1{
 position: relative;
 max-height: 250px;
 height: 100%;
 width: 100%;
 height: 100%;
 margin: auto;
 display: block;
}
/*2_2_1*/
.text_wrap2{
 background: url(/_static/seoul284/img/sub/rent.jpg) no-repeat;
 background-size: 100%;
 max-width: 1296px;
 margin: auto;
 position: relative;
 padding-top: 35%;
 }
 .text_wrap3{
 background: url(/_static/seoul284/img/sub/rent2.png) no-repeat;
 background-size: 100%;
 max-width: 1296px;
 margin: auto;
 position: relative;
 padding-top: 35%;
 }
 .text_wrap2 .svg_1{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 }
 .text_wrap3 .svg_1{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 }
 .svg_1 a:hover, .svg_1 a:focus{text-decoration: none;}

 /*4_3_1*/
#text_wrap206{
  background: url(/_static/seoul284/img/sub/rent1.jpg) no-repeat;
  background-size: 100%; 
}
#text_wrap207{
  background: url(/_static/seoul284/img/sub/rent2.jpg) no-repeat;
  background-size: 100%; 
}
#text_wrap208{
  background: url(/_static/seoul284/img/sub/rent3.jpg) no-repeat;
  background-size: 100%; 
}
#text_wrap403{
  background: url(/_static/seoul284/img/sub/rent4.jpg) no-repeat;
  background-size: 100%; 
}
 .text_wrap11{  
  max-width: 1296px;
  margin: auto;
  position: relative;
  padding-top: 45.4%;
  }
#text_wrap12_206{
  background: url(/_static/seoul284/img/sub/rent3_1.png) no-repeat;
  background-size: 100%; 
}
#text_wrap12_207{
  background: url(/_static/seoul284/img/sub/rent3_2.png) no-repeat;
  background-size: 100%; 
}
#text_wrap12_208{
  background: url(/_static/seoul284/img/sub/rent3_3.png) no-repeat;
  background-size: 100%; 
}  
#text_wrap12_403{
  background: url(/_static/seoul284/img/sub/rent3_4.png) no-repeat;
  background-size: 100%; 
}  
  .text_wrap12{
  /*background: url(/_static/seoul284/img/sub/rent3.png) no-repeat;*/  
  max-width: 1296px;
  margin: auto;
  position: relative;
  padding-top: 35%;
  }
  .text_wrap11 .svg_1{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  }
  .text_wrap12 .svg_1{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  }

 .text_wrap4{
 background: url(/_static/seoul284/img/sub/rent.jpg) no-repeat;
 background-size: 100%;
 max-width: 1296px;
 margin: auto;
 position: relative;
 padding-top: 35%;
 }
 .text_wrap5{
 background: url(/_static/seoul284/img/sub/rent2.png) no-repeat;
 background-size: 100%;
 max-width: 1296px;
 margin: auto;
 position: relative;
 padding-top: 35%;
 }
 .text_wrap4 .svg_1{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 }
 .text_wrap5 .svg_1{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 }
 .text_wrap14{
  background: url(/_static/seoul284/img/sub/rent2.jpg) no-repeat;
  background-size: 100%;
  max-width: 1296px;
  margin: auto;
  position: relative;
  padding-top: 45.4%;
  }
  .text_wrap15{
  background: url(/_static/seoul284/img/sub/rent3.png) no-repeat;
  background-size: 100%;
  max-width: 1296px;
  margin: auto;
  position: relative;
  padding-top: 35%;
  }
  .text_wrap14 .svg_1{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  }
  .text_wrap15 .svg_1{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  }
 /* .floor_cont a.off{cursor: default;} */
 .floor_cont a.off path{fill:#e4e4e4 !important; opacity: 0.8;}
 .floor_cont a.off text{display: none;}

 .floor_cont a.on path{fill: #c4d7e6 !important;}
 /* .floor_cont a.on path[data-path-fix]{fill: #d0e5e0 !important;} */
 .floor_cont a.on text{fill: #313131 !important;}

 .floor_cont > .img_area{text-align: center;}
 .floor_cont svg path{display: none;}
 .floor_cont.on svg path{display: block;}

/*year_event_wrap */
.year_event_wrap{
  padding-top: 45px;
  border-top: 1px dotted #bcbcbc;
  margin-top: 50px;
}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           
.year_event_wrap .year_event_top{}
.year_event_wrap .year_event_top ul{
  overflow: hidden;
  padding: 0 30px;
}
.year_event_wrap .year_event_top ul li{
  font-weight: 600;
  font-size: 3.125em;
  line-height: 1;
  float: left;
  width: 25%;
  text-align: left;
}
.year_event_cont{
  margin-top: 50px;
}
.year_event_cont .event_left{
  position: relative;
  overflow: hidden;
}
.year_event_cont .event_right{
  position: relative;
  overflow: hidden;
}
.year_event_cont .event_info{
  background: #c3d7e6;
  width: 40.7%;
  padding: 40px 3.5%;
  position: absolute;
  bottom: 0;
  min-height: 327px;
  z-index: 1;
}
.year_event_cont .event_left .event_info{
  left: 0px;
}
.year_event_cont .event_right .event_info{
  right: 0px;
}


.year_event_cont .event_info .year{
  color: #000000;
  font-size: 1.625em;
  font-weight: 600;
  line-height: 1;
}
.year_event_cont .event_info .tit{
  font-size: 2.000em;
  font-weight: 600;
  line-height: 1.25;
  margin-top: 12px;
  color: #000000;
}
.year_event_cont .event_info p{
  color: #212121;
  font-size: 1.125em;
  font-weight: 300;
  margin-top: 9px;
}

.year_cont .clr_li{
  color: #f06400;
}
.year_cont .clr_li .year_ul li{color: #f06400;}

.year_event_cont .year_slide{position: relative; max-height: 430px;}

.year_event_cont .event_right .year_img{
  width: 67.7%;
  float: left;
}

.year_event_cont .event_left .year_img{
  width: 67.7%;
  float: right;
}
.year_event_cont .year_slide .slick-arrow{width: 85px; height: 85px; transform: none; top: auto; bottom: 0; left: inherit; z-index: 1;}
.year_event_cont .year_slide .slick-prev.slick-arrow{ background: url(/_static/seoul284/img/sub/year_left.png) no-repeat center; background-size:100% ;}
.year_event_cont .year_slide .slick-next.slick-arrow{ background: url(/_static/seoul284/img/sub/year_right.png) no-repeat center; background-size:100% ;}
.year_event_cont .event_left .year_slide .slick-prev.slick-arrow{right: 88px;}
.year_event_cont .event_left .year_slide .slick-next.slick-arrow{right: 0;}

.year_event_cont .event_right .year_slide .slick-prev.slick-arrow{left: 0;}
.year_event_cont .event_right .year_slide .slick-next.slick-arrow{left: 88px;}

.year_event_cont .year_img .img_area{}
.year_event_cont .year_img .img_area img{}


.year_cont{
  padding: 37px 3.5%;
}
.year_cont .year_ul{
  padding-left: 104px;
}
.year_cont > li{
  position: relative;
  margin-top: 21px;
}
.year_cont > li:first-child{
  margin-top: 0;
}
.year_cont > li strong{
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 0;
}
.year_cont .year_ul{}
.year_cont .year_ul li{
color: #58595b;
font-size: 1.125em;
font-weight: 300;
margin-top: 9px;
}
.year_cont .year_ul li:first-child{margin-top: 0;}

/* .text_wrap .svg_1 path{position: relative;} */
/* .text_wrap .svg_1 text{color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} */
.text_wrap .svg_1 text{fill: #fff;}
.text_wrap2 .svg_1 text{ font-weight: 600; font-size: 1.125em;}
.text_wrap3 .svg_1 text{ font-weight: 600; font-size: 1.125em;}

.text_wrap2 .svg_1 a tspan{display: none;}
.text_wrap2 .svg_1 a text tspan{display: block;}
.text_wrap2 .svg_1 a image{display: none;}
.text_wrap3 .svg_1 a tspan{display: none;}
.text_wrap3 .svg_1 a text tspan{display: block;}
.text_wrap3 .svg_1 a image{display: none;}

.text_wrap4 .svg_1 text{fill: transparent; font-weight: 600; font-size: 1.125em;}
.text_wrap5 .svg_1 text{fill: transparent; font-weight: 600; font-size: 1.125em;}

.text_wrap4 .svg_1 a tspan{display: none;}
.text_wrap4 .svg_1 a image{display: none;}
.text_wrap5 .svg_1 a tspan{display: none;}
.text_wrap5 .svg_1 a image{display: none;}

.text_wrap14 .svg_1 text{fill: transparent; font-weight: 600; font-size: 1.125em;}
.text_wrap15 .svg_1 text{fill: transparent; font-weight: 600; font-size: 1.125em;}

/* .text_wrap14 .svg_1 a tspan{display: none;} */
.text_wrap14 .svg_1 a image{display: none;}
/* .text_wrap15 .svg_1 a tspan{display: none;} */
.text_wrap15 .svg_1 a image{display: none;}

/*4_3_1*/
.text_wrap11 .svg_1 text{fill: transparent; font-weight: 600; font-size: 1.125em;}
.text_wrap12 .svg_1 text{fill: transparent; font-weight: 600; font-size: 1.125em;}

/* .text_wrap11 .svg_1 a tspan{display: none;} */
.text_wrap11 .svg_1 a image{display: none;}
/* .text_wrap12 .svg_1 a tspan{display: none;} */
.text_wrap12 .svg_1 a image{display: none;}


/*button*/
.btn_area {text-align:right; margin-top: 10px;}
.btn_area > a {display: inline-block; vertical-align: middle; 
 min-width: 120px; height: 50px; padding: 0 10px; line-height: 48px; 
 margin-right:6px; text-align: center; font-size: 0.938em; color: #fff; background: #000; font-weight: 300;}
.btn_area > a:last-child {margin-right:0;}
.btn_area > a:hover, .btn_area a:focus{text-decoration: underline;}
.btn_area > a span{}


.w270{min-width: 270px !important;}

/*삭제*/
.btn_del{}
.btn_del > span{
 display: inline-block;
 border: 1px solid #4d4d4d;
 height: 32px;
 padding: 0 8px;
 line-height: 32px;
}

/* 페이지이동 버튼 */
.btn_area > .btn_move {min-width: 227px; height: 63px; line-height: 61px; font-size: 1.125em; background: #58595b;}

/*목록 버튼*/
.btn_area > a.btn_list{
 background: #fff;
 color: #58595b;
 border: 1px solid #58595b;
}

.btn_area > a.btn_list.on{
 background: #f06400;
 color: #fff;
 border: 1px solid #f06400;
}

/*신청*/
.btn_area > a.btn_agree{
 background: #58595b;
 color: #fff;
 border: 1px solid #fff;
}

.btn_area > a.btn_show{
 background: #f06400;
 color: #fff;
 border: 1px solid #fff;
}

/*예약*/
.btn_area > a.btn_reserve{
 background: #c3d7e6;
 color: #58595b;
 border: 1px solid #58595b;
}

.btn_area > a.btn_list.state{background: #f06400; color: #fff; border: 1px solid #f06400; font-weight: 500;}
.btn_area > a.btn_list.info{background: #58595b; color: #fff; font-weight: 500;}

.h32{
 height: 32px !important; line-height: 30px !important;
}
.p_a{position: absolute; right: 0; top: 0;}
.pd0{padding: 0 !important;}
.p_a_btm{position: absolute; right: 0; bottom: 0;}

/*F1,F2*/
.floor_top{text-align: center;}
.floor_top > div{display: inline-block; margin-left: 27px; text-align: center;}
.floor_top > div:first-child{margin-left: 0;}
.floor_top > div.on > a{
 color: #000000;
 border-color: #f06400;
}
.floor_top > div > a{
 font-weight: 600;
 color: #e4e4e4;
 font-size: 2.255em;
 line-height: 1;
 border-bottom: 3px solid #e4e4e4;
 text-decoration: none;
 min-width: 108px;
 display: block;
 padding-bottom: 15px;
} 
.contents_wrap .floor_top{text-align: center;}


.floor_container{overflow: hidden; margin-top: 35px;}
.floor_cont{display: none; /*margin-top: 15px;*/}

.floor_cont.on{display: block;}


.list_area_wrap{margin-top: 43px;}
.list_area_wrap .list_area{display: none; position: relative;}
.list_area_wrap .list_area.on{display: block;}
.list_area_wrap .btn_area{position: absolute; top: 0; right: 0;}

/*관람코스*/
.sum_wrap .floor_cont{margin-top:15px;}
.sum_wrap .floor_top{text-align: left;}
.sum_wrap .floor_top > div{margin-left: 17px;}
.sum_wrap .floor_top > div:first-child{margin-left: 0;}
.sum_wrap .floor_top > div > a{font-size: 1.375em; min-width: 70px; padding-bottom: 10px; cursor: default;}
.sum_wrap .btn_area > a.btn_list{height: 35px; line-height: 33px; cursor: default; 

}
.sum_wrap .btn_area > a.btn_list:hover, .sum_wrap .btn_area > a.btn_list:focus{text-decoration: none;}
.sum_wrap .text_wrap2 a{cursor: default;}
.sum_wrap .text_wrap2 a:hover, .sum_wrap .text_wrap2 a:focus{text-decoration: none;}
.sum_wrap .text_wrap3 a{cursor: default;}
.sum_wrap .text_wrap3 a:hover, .sum_wrap .text_wrap3 a:focus{text-decoration: none;}

.sum_wrap .text_wrap4 a{cursor: default;}
.sum_wrap .text_wrap4 a:hover, .sum_wrap .text_wrap4 a:focus{text-decoration: none;}
.sum_wrap .text_wrap5 a{cursor: default;}
.sum_wrap .text_wrap5 a:hover, .sum_wrap .text_wrap5 a:focus{text-decoration: none;}
.sum_wrap .btn_area{position: absolute; top: 0; right: 0;}
/*4_3_1*/
.sum_wrap .text_wrap11 a{cursor: default;}
.sum_wrap .text_wrap11 a:hover, .sum_wrap .text_wrap11 a:focus{text-decoration: none;}
.sum_wrap .text_wrap12 a{cursor: default;}
.sum_wrap .text_wrap12 a:hover, .sum_wrap .text_wrap12 a:focus{text-decoration: none;}
.sum_wrap .text_wrap14 a{cursor: default;}
.sum_wrap .text_wrap14 a:hover, .sum_wrap .text_wrap4 a:focus{text-decoration: none;}
.sum_wrap .text_wrap15 a{cursor: default;}
.sum_wrap .text_wrap15 a:hover, .sum_wrap .text_wrap5 a:focus{text-decoration: none;}

/*공간투어*/
/* .sum_wrap{
 overflow: hidden;
} */
.sum_wrap .course_wrap{
 float: left;
 width: 54.16%;
}
.sum_wrap .floor_wrap{
 float: left;
 width: 41.8%;
 position: relative;
 margin-left: 4%;
 margin-top: -50px;
 
}
.sum_wrap .floor_container{margin-top: 15px;}
.sum_wrap .floor_wrap .list_area{display: none;}
.sum_wrap .floor_wrap .list_area.on{display: block; margin-top: 0;}


.year_nav{}
.year_nav:after{
 content: '';
 display: block;
 background: #000;
 height: 4px;
 width: 100%;
 position: absolute;
 z-index: -1;
 bottom: 10px;
 left: 0;
}
.year_nav a{display: block; text-align: center; position: relative; padding-bottom: 40px;}
.year_nav a:before{
 content: '';
 display: block;
 border: 2px solid #a9a9a9;
 border-radius: 50%;
 width: 19px;
 height: 19px;
 position: absolute;
 bottom: 0;
 left: 50%;
 transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0);
 z-index: 1;
 background: #fff;
}
.year_nav .slick-current a:after{
 content: '';
 display: block;
 border-radius: 50%;
 width: 9px;
 height: 9px;
 position: absolute;
 bottom: 7px;
 left: 50%;
 transform: translate(-50%, 0);
 -ms-transform: translate(-50%, 0);
 -webkit-transform: translate(-50%, 0);
 z-index: 1;
 background: #f06400;
}
.year_for .slick-arrow { width: 66px; height: 66px; transform: none; top: auto; bottom: 166px; left: inherit; z-index: 1; /* animation: fade-in 1s; */}
.year_for .slick-prev.slick-arrow { left: auto; right: 332px; background: url(/_static/seoul284/img/main/gallery_left.png) no-repeat center;}
.year_for .slick-next.slick-arrow { left: auto; right: 256px; background: url(/_static/seoul284/img/main/gallery_right.png) no-repeat center;}
@keyframes fade-in {
 from {
 opacity: 0;
 }
 to {
 opacity: 1;
 }
}

.research_nav{background: #c3d7e6; padding:0 50px 60px; position: relative; z-index: 0; display: block;}
.research_nav.bg_not{padding: 0 75px;}
.research_nav .research_list{text-align: center; position: relative; font-size: 1.125em; font-weight: 500; color: #232323;}

.research_nav a:before{
  content: '';
    display: block;
    border: 2px solid #a9a9a9;
    border-radius: 50%;
    width: 19px;
    height: 19px;
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    z-index: 1;
    background: #fff;
}
.research_nav a.on:after{ content: ''; display: block; border-radius: 50%; width: 9px; height: 9px; position: absolute; top: -53px; left: 50%; transform: translate(-50%, 0);
 -ms-transform: translate(-50%, 0);
 -webkit-transform: translate(-50%, 0); z-index: 1; background: #f06400;}

 .research_nav .add_img{position: relative; }
 .research_nav .slick-active.slick-current:before{
  content:''; display: block;
  width: 53px;
  height: 49px;
  background: url(/_static/seoul284/img/sub/subway.png) no-repeat center;
  position: absolute; top: 30px; left: 0%;
  opacity: 1;
  z-index: 2;
  -webkit-animation-name:example;
   animation-name:example;
  -webkit-animation-duration: 2s;
   animation-duration: 2s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   transform: translate(-60px, 0); -ms-transform: translate(-60px, 0); -webkit-transform: translate(-60px, 0);
}
.research_nav.st0 .slick-active.slick-current:before{
  -webkit-animation-name: example;
   animation-name: example;
   -webkit-animation-duration: 2.4s;
   animation-duration: 2.4s;
   left: 16.6%;
   
}
 .research_nav.st1 .slick-active.slick-current:before{
   -webkit-animation-name: example1;
   animation-name: example1;
   -webkit-animation-duration: 2.8s;
   animation-duration: 2.8s;
   left: 33.2%;
 }
 .research_nav.st2 .slick-active.slick-current:before{
   -webkit-animation-name: example2;
   animation-name: example2;
   -webkit-animation-duration: 3s;
   animation-duration: 3s;
   left: 49.8%;
 }
 .research_nav.st3 .slick-active.slick-current:before{
   -webkit-animation-name: example3;
   animation-name: example3;
   -webkit-animation-duration: 3.4s;
   animation-duration: 3.4s;
   left: 66.4%;
 }
 .research_nav.st4 .slick-active.slick-current:before{
   -webkit-animation-name: example4;
   animation-name: example4;
   -webkit-animation-duration: 3.8s;
   animation-duration: 3.8s;
   left: 83%;
 }
 .research_nav.st5 .slick-active.slick-current:before{
   -webkit-animation-name: example5;
   animation-name: example5;
   -webkit-animation-duration: 4s;
   animation-duration: 4s;
   left: 100%;
 }
 @keyframes example {
  0%{left: 0px; }
  100%{left: 16.6%; }
 }
 @keyframes example1 {
  /* 0%{left: 16.6%;} */
  0%{left: 0%;}
  100%{left: 33.2%; }
 }
 @keyframes example2 {
  /* 0%{left: 33.2%;} */
  0%{left: 0%;}
  100%{left: 49.8%; }
 }
 @keyframes example3 {
  /* 0%{left: 49.8%;} */
  0%{left: 0%;}
  100%{left: 66.4%; }
 }
 @keyframes example4 {
  /* 0%{left: 66.4%;} */
  0%{left: 0%;}
  100%{left: 83%; }
 }
 @keyframes example5 {
  /* 0%{left: 83%;} */
  0%{left: 0;}
  100%{left: 100%; }
 } 

/*문화역 탐구생활*/
.bg_not{background: none !important;}
.research_nav a{ display: block; text-align: center; background: #fff; border: 1px solid #ccc; margin: 70px 4px 0; padding: 0 20px; position: relative; font-size: 1.125em; font-weight: 500; height: 82px; line-height: 73px;}
.research_nav:after{ content: ''; display: block; background: #000; height: 4px; width: 100%; position: absolute; z-index: -1; top: 45px; left: 0;}
.research_nav a.on span:after{ content: ''; display: block; width: calc(100% - 2px); border: 2px solid #f06400; height: calc(100% - 2px); position: absolute; top: -1px; left: -1px;}
.research_nav a span{
  display: inline-block;
  line-height: 1.3;
  vertical-align: middle; word-break: keep-all;
}
.research_nav .way_area img{width: auto;}


/*상세*/
.research_view .research_list{text-align: center; position: relative;}
.research_view .research_list:before{ content: ''; display: block; border: 2px solid #a9a9a9; border-radius: 50%; width: 19px; height: 19px; position: absolute; top: 26px; left: 50%; transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); z-index: 1; background: #fff;}
.research_view a{ display: block; text-align: center; background: #fff; border: 1px solid #ccc; margin: 40px 20px 0; padding: 17px 20px; position: relative; font-size: 1.125em; font-weight: 500; cursor: default;}
.research_view a:hover, .research_view a:focus{text-decoration: none;}
.research_view:after{ content: ''; display: block; background: #000; height: 4px; width: 100%; position: absolute; z-index: -1; top: 35px; left: 0;}
.research_view a.on:after{ content: ''; display: block; width: calc(100% - 1px); border: 2px solid #f06400; height: calc(100% - 1px); position: absolute; top: -2px; left: -2px;}
.research_view a.on:before{ content: ''; display: block; border-radius: 50%; width: 9px; height: 9px; position: absolute; top: -28px; left: 50%; transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); z-index: 1; background: #f06400;}
 
/*소주제*/
.sec_title{margin-top: 30px;}
.sec_title .sec_top{}
.sec_title a{
  display: block;
  height: 54px;
  text-align: center;
  line-height: 54px;
  font-size: 1.125em;
  border: 1px solid #ccc;
}
.sec_title a.on{
  color: #fff;
  background: #f06400;
  border: 1px solid #f06400;
  font-weight: 500;
  border-width: 1px 0;
}
/*소주제 상세*/
.sec_cont_wrap{background: #e9f0f6; 
  position: relative;
  padding: 25px 0 25px;
  margin-top: 50px;
  z-index: 0;
}
.sec_cont:before{
  content: '';
  display: block;
  background: url(/_static/seoul284/img/sub/sec_wrap_left.png) no-repeat left top;
  position: absolute;
  top: 43px;
  left: 20px;
  z-index: -1;
  width: 335px;
  height: 100%;
  background-size: 100%;
}
.sec_cont:after{
  content: '';
  display: block;
  background: url(/_static/seoul284/img/sub/sec_wrap_right.png) no-repeat right top;
  position: absolute;
  top: 43px;
  right: 0;
  z-index: -1;
  width: 370px;
  height: 100%; background-size: 100%;
}

/* .sec_cont{margin-top: 30px;} */
.sec_cont > div{display: none;}
.sec_cont > div.on{display: block;}
.sec_cont .tit{font-weight: 500; font-size: 1.250em;}
.research_area{position: relative; padding: 0 75px; overflow: hidden;} 
.research_slide{z-index: 1;}
.research_slide .research_top{}
.research_slide .research_top a{display: block; border:1px solid #ddd;}
.research_slide .research_top a .img_area{position: relative; width: 100%; padding-top: 80%; background: #fff;}
.research_slide .research_top a .img_area img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.research_slide .research_top a .img_cont{display: none;}
.research_slide .owl-nav{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: -1;
}
.research_slide .owl-nav .owl-prev{
  float: left;
  width: 40px;
  height: 74px;
  margin-left: -54px;
  background: url(/_static/seoul284/img/sub/place_left_b.png) no-repeat center center !important;
  background-size: 100% !important;
}
.research_slide .owl-nav .owl-next{
  float: right;
  width: 40px;
  height: 74px;
  margin-right: -54px;
  background: url(/_static/seoul284/img/sub/place_right_b.png) no-repeat center center !important;
  background-size: 100% !important;
}
.owl-nav span{
  display: block;
  position: absolute;
  left: -9999px;
  text-indent: 9999px;
  width: 0;
  height: 0;
  border: 0;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  white-space: nowrap;
}

.research_arrow{
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 35px;
  margin-top: 0;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  z-index: 0;
}
.research_arrow .ts-prev{
  display: inline-block;
  width: 20px;
  height: 35px;
  position: absolute;
  top: 0;
  left: -20px;
  cursor: pointer;
}
.research_arrow .ts-next{
  display: inline-block;
  width: 20px;
  height: 35px;
  position: absolute;
  top: 0;
  right: -20px;
  cursor: pointer;
}

/*태그*/
.list_tag{overflow: hidden; margin: 34px 0 0; padding:0 75px;}
.list_tag > li:last-child{margin-right: 0;}
.list_tag > li{float: left; margin-right: 1%; margin-bottom: 10px;}
.list_tag > li a{
  color: #6e7070;
  font-weight: 300;
  display: block;
  border: 1px solid #c3d7e6;
  border-radius: 30px;
  height: 38px;
  padding: 0 18px;
  line-height: 36px;
  background: #fff;
}
.list_tag > li a:hover, .list_tag > li a:focus{cursor: default; text-decoration: none;}

/*소주제 내용*/
.research_title{
  position: relative;
  display: block;
  max-width: 385px;
  height: 106px;
  line-height: 106px;
  color: #000000;
  text-align: center;
  font-weight: 600;
  font-size: 1.5em;
  padding: 10px 0;
  width: 100%;
  margin: 0 auto 27px;
}
.research_title:before{
  background: url(/_static/seoul284/img/sub/rh_tit_bg.png) no-repeat center;
  background-size: 100%;
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
}

.research_info{
  margin: 15px 110px 35px;
  color: #000000;
  line-height: 1.45;
  /* overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4; 
  -webkit-box-orient: vertical;
  height: 5.8em; */
}
.research_info p{
  line-height: 1.4em;
  color: #5d5c5c;
  font-size: 1.063em;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  height: 5.6em;
}


.detail_top{ overflow: hidden; position: relative;}
.detail_top .detail_cont{ position: absolute; margin: -324px auto 0; height: 324px; display: inline-block; width: 450px; right: 0; padding: 47px 50px; background: #fff;}
.detail_top .detail_cont .year{ color: #f06400; margin-bottom: 13px; font-size: 1.875em; font-weight: 600; line-height: 1; letter-spacing: -0.050em;}
.detail_top .detail_cont .tit{ font-size: 2.500em; font-weight: 600; line-height: 1; letter-spacing: -0.050em; position: absolute; bottom: 240px;}
.detail_top .detail_cont p{ margin-top: 23px; line-height: 1.4em; color: #5d5c5c; font-size: 1.063em; font-weight: 300; overflow: hidden; /*text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; height: 8.4em;*/ overflow-y: scroll; height: 160px; max-height: 164px; /*height: 320px;*/
  position: absolute; bottom: 52px;
}
/* .detail_top .detail_cont .source{font-size: 0.938em; color: #5d5c5c;
  position: absolute;
  bottom: 80px; left: 50px;
} */

.detail_top .detail_cont .slide_button{position: absolute; bottom: 0; left: 50px; overflow: hidden;}
/*관람코스 화살표*/
/* .detail_top .detail_cont .slide_button a{width: 66px; height: 66px; z-index: 1; display: block; float: left; background-size: 100%;}
.detail_top .detail_cont .slide_button a.prev{background: url(/_static/seoul284/img/main/gallery_left.png) no-repeat center;}
.detail_top .detail_cont .slide_button a.next{margin-left: 10px; background: url(/_static/seoul284/img/main/gallery_right.png) no-repeat center;} */
.detail_top .img_area{position: relative; width: 100%; padding-top: 52.16%; }
.detail_top .img_area img{position: absolute; top: 0; left: 50%; height: 100%; transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0);}


.detail_area{padding: 0 40px;}
.detail_slide{margin: 20px 0 0;}
/* .detail_slide .img_cont{display: none;} */

.list_slide_container{position: relative;}
.list_slide .owl_list_top a{}
.list_slide .owl_list_top a.on{color: #f06400;}
.customNavigation{ position: absolute; top: 50%; left: 0; width: 100%; height: 35px; margin-top: 0; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); z-index: 0;}
.carousel-container .ts-prev{ display: inline-block; width: 66px; height: 66px; position: absolute; top: 0; left: 20px; cursor: pointer; background: url(/_static/seoul284/img/main/gallery_left.png) 0 0 no-repeat;}
.carousel-container .ts-next{ display: inline-block; width: 66px; height: 66px; position: absolute; top: 0; right: 20px; cursor: pointer; background: url(/_static/seoul284/img/main/gallery_right.png) 0 0 no-repeat;}

.detail_slide a{display: block; border: 1px solid #ddd;}
.detail_slide a .img_area{ position: relative; width: 100%; padding-top: 65.12%;}
.detail_slide.owl-carousel .owl-item a img{ position: absolute; top: 50%; left: 50%;
 transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 width: auto;
 }
 .detail_slide.owl-carousel .owl-item a .img_area.videoIcon:before{
  content: '';
  display: block;
  background: url(/_static/seoul284/img/sub/video_icon.png) no-repeat center;
  width: 30px;
  height: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
  z-index: 1;
  background-size: 100%;
 }
 .detail_slide a .img_cont{display: none;}
.detail_slide .owl-nav{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: -1;
}
.detail_slide .owl-nav .owl-prev{
  float: left;
  width: 30px;
  height: 30px;
  margin-left: -30px;
  background: url(/_static/seoul284/img/sub/place_left_b.png) no-repeat center center !important;
  background-size:100% !important;
}
.detail_slide .owl-nav .owl-next{
  float: right;
  width: 30px;
  height: 30px;
  margin-right: -30px;
  background: url(/_static/seoul284/img/sub/place_right_b.png) no-repeat center center !important;
  background-size:100% !important;
}
/* .detail_slide_top .slick-track{width: 100% !important;} */
.detail_slide_top .img_cont{margin-top: 30px;}
.detail_slide_top a{display: block; margin: 0 30px; /*width: 1024px !important;*/}
.detail_slide_top .img_area{display: block; width: 100%; /*height: 500px;*/ position: relative; top: 0; left: 0; padding-top: 52.09%;}
.detail_slide_top .img_area img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.detail_slide_top .img_area video{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

.detail_slide_top .img_cont .tit{font-size: 1.250em; font-weight: 500; 
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  word-break:keep-all;
}
.detail_slide_top .img_cont p{ margin-top: 6px;
  overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 4; 
 -webkit-box-orient: vertical;
 height: 5.2em;
}
.detail_slide_top .img_cont > span{
  display: block;
  margin-top: 12px;
  font-size: 0.938em;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  word-break:keep-all;
}
.detail_slide_top .slick-arrow{
  width: 24px;
  height: 50px; margin-top: -100px; z-index: 1;
}
.detail_slide_top .slick-arrow.slick-prev{
  background: url(/_static/seoul284/img/sub/place_left_b.png) no-repeat center center;
  background-size: 100%;
  left: 40px;
}
.detail_slide_top .slick-arrow.slick-next{
  background: url(/_static/seoul284/img/sub/place_right_b.png) no-repeat center center;
  background-size: 100%;
  right: 40px;

}
.detail_slide_top .owl_list_top{display: block !important;}

/*달력*/
.cal_cont{text-align: center; margin-bottom: 30px;}
.cal_cont .cal_top > span {display: inline-block;vertical-align: middle;font-size: 1.5em;font-weight: 500;}
.cal_cont .cal_top .prev {display: inline-block;width: 43px;height: 43px;margin-right: 30px;background: url('/_static/seoul284/img/sub/cale_arrow_prev.png') no-repeat center;vertical-align: middle;}
.cal_cont .cal_top .next {display: inline-block;width: 43px;height: 43px;margin-left: 30px;background: url('/_static/seoul284/img/sub/cale_arrow_next.png') no-repeat center;vertical-align: middle;}
.apply_calendar_mo{display: none;}
.apply_calendar_pc{position: relative;}
.apply_calendar_pc .apply_cal_table {width: 100%; border-collapse: collapse; }
.apply_calendar_pc .apply_cal_table th { height: 37px; font-size: 1.125em; font-weight: 500; color: #2b2b2b; border:1px solid #dedede; border-width: 1px 1px 0px 1px; }
.apply_calendar_pc .apply_cal_table th:first-child {color: #de2c2c;}
.apply_calendar_pc .apply_cal_table th:last-child {color: #0077b4;}
.apply_calendar_pc .apply_cal_table td {border: 1px solid #dedede; vertical-align: top;}
.apply_calendar_pc .apply_cal_table td > div{ text-align: center; min-height: 130px; padding: 10px; position: relative; }
.apply_calendar_pc .apply_cal_table td.today > div > span{width: 30px; height: 30px; background: #f06400; border-radius: 50%; line-height: 28px; border: 1px solid #f06400; color: #fff !important;}
.apply_calendar_pc .apply_cal_table td > div > div{height: 91px;}
.apply_calendar_pc .apply_cal_table td > div .cal_cover{ margin-top: 65px; text-align: left; position: absolute; top: 0; left: 0; width: 100%;}
.apply_calendar_pc .apply_cal_table td > div .cal_cover:first-child{margin-top: 34px;}
/* .apply_calendar_pc .apply_cal_table td > div .cal_cover a{display: inline-block; vertical-align: top; margin-top: 5px; font-size: 0.875em; font-weight: 300;} */

.apply_calendar_pc .apply_cal_table td > div .cal_cover a{display: block; margin-top: 5px; background: #0077b4; color: #fff; padding: 3px 5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:keep-all;}
.apply_calendar_pc .apply_cal_table td > div .cal_cover a.sec{background: #f06400;}
.apply_calendar_pc .apply_cal_table td > div .cal_cover a:first-child{margin-top: 0;}
.apply_calendar_pc .apply_cal_table td > div .cal_cover p{display: inline-block; vertical-align: middle; font-size: 0.875em; font-weight: 300;}
.apply_calendar_pc .apply_cal_table td .more{text-align: left; margin-top: 91px;}
.apply_calendar_pc .apply_cal_table td .more a{}
/*종류*/
/* .apply_calendar_pc .apply_cal_table td > div .cal_cover a > span{display: inline-block; vertical-align: top; width: 45px; height: 20px; color: #fff; text-align: center; margin-right: 5px;}
.apply_calendar_pc .apply_cal_table td > div .cal_cover a.on > span{background-color: #0054a6;}
.apply_calendar_pc .apply_cal_table td > div .cal_cover a.off > span{background-color: #a7a9ac;}
.apply_calendar_pc .apply_cal_table td > div .cal_cover p > span{display: inline-block; vertical-align: middle; width: 45px; height: 20px; color: #fff; text-align: center; margin-right: 5px;}
.apply_calendar_pc .apply_cal_table td > div .cal_cover p.dis > span{background-color: #ed1c24;}
.apply_calendar_pc .apply_cal_table td > div .cal_cover p.close > span{background-color: #231f20;} */
.apply_calendar_pc .apply_cal_table td > div > span { display: inline-block; position: absolute; color: #000000; font-weight: 300; top: 10px; left: 10px; }

/*대관현황*/
.apply_calendar_pc .apply_cal_table td.off{background: #eeeeee url(/_static/seoul284/img/sub/new_cal_bg.png);}
.apply_calendar_pc .apply_cal_table td > div .state_txt{display: block; text-align: center; position: absolute; top: 0; margin-top: 60px; left: 0; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all; padding: 0 3px; height: 25px; line-height: 23px; font-size: 0.875em; }
.apply_calendar_pc .apply_cal_table td > div .state_txt.off{background: #58595b; color: #fff;}
.apply_calendar_pc .apply_cal_table td > div .state_txt.on{background: #f06400; color: #fff;}
.apply_calendar_pc .apply_cal_table td > div > div{height: auto; display: block; margin-top: 40px; text-align: left;}
.apply_calendar_pc .apply_cal_table td > div > div.state{position: absolute; top: 10px; right: 10px; margin-top: 0;}
.apply_calendar_pc .apply_cal_table td > div > div.state a{display: inline-block; vertical-align: middle; height: 24px; line-height: 24px; color: #f06400; font-weight: 500; font-size: 0.938em;}

.apply_calendar_pc .apply_cal_table td > div .state_txt.holi{background:#eeeeee url(/_static/seoul284/img/sub/new_cal_bg.png);}
.apply_calendar_pc .apply_cal_table td > div .state_txt.self_off{background:#cdcdcd;}
.apply_calendar_pc .apply_cal_table td > div .state_txt.part_off{background:#fad0b2;}
.apply_calendar_pc .apply_cal_table td > div .state_txt.all_off{background:#dbe7f0;}



.apply_calendar_mo .apply_cal_table tbody tr td > div .state_txt{}
.apply_calendar_mo .apply_cal_table tbody tr td > div .state_txt.off{color: #58595b;}
.apply_calendar_mo .apply_cal_table tbody tr td > div .state_txt.on{color: #f06400;}
.apply_calendar_mo .apply_cal_table tbody tr td > div .state{margin-top: 5px;}
.apply_calendar_mo .apply_cal_table tbody tr td > div .state a{color: #f06400;}

.apply_calendar_mo .apply_cal_table tbody tr td > div .state_txt.holi{background:#eeeeee url(/_static/seoul284/img/sub/new_cal_bg.png);}
.apply_calendar_mo .apply_cal_table tbody tr td > div .state_txt.self_off{background:#cdcdcd;}
.apply_calendar_mo .apply_cal_table tbody tr td > div .state_txt.part_off{background:#fad0b2;}
.apply_calendar_mo .apply_cal_table tbody tr td > div .state_txt.all_off{background:#dbe7f0;}

 /* 달력 휴일 색상 */
.apply_cal_sun{color: #de2c2c !important; }
.apply_cal_sat{color: #0077b4 !important; }

/*Mo달력*/
.apply_calendar_mo { border-top: 2px solid #254e97; border-bottom: 1px solid #dedede; table-layout: fixed; border-collapse: collapse; width: 100%; /*font-size: initial;*/}
.apply_calendar_mo .apply_cal_table thead tr th { background: #f7f7f7; color: #000000; padding: 12px 10px; border: 1px solid #dedede; border-width: 0 1px 1px 0; text-align: center; font-size: 0.875em; font-weight:600; letter-spacing: -0.05em;}
.apply_calendar_mo .apply_cal_table thead tr:last-child th{border-right:1px solid #dedede;}
.apply_calendar_mo .apply_cal_table thead tr th:last-child{border-right: 0;}
.apply_calendar_mo .apply_cal_table tbody tr th{ background:#f7f7f7; border:1px solid #dedede; padding:18px 10px; border-width: 1px 1px 0 0; font-size: 0.875em; color:#000000; font-weight: 600;}
.apply_calendar_mo .apply_cal_table tbody tr:first-child th{ border-top:0;}
.apply_calendar_mo .apply_cal_table tbody tr td { border: 1px solid #dedede; border-width: 0px 0 1px 0px;}
.apply_calendar_mo .apply_cal_table tbody tr:last-child td{border-bottom: 0;}
.apply_calendar_mo .apply_cal_table tbody tr td > div{padding: 13px 10px;}
.apply_calendar_mo .apply_cal_table tbody tr td .cal_cover{display: block; margin-top: 5px;}
.apply_calendar_mo .apply_cal_table tbody tr td .cal_cover:first-child{margin-top: 0;}
.apply_calendar_mo .apply_cal_table tbody tr td .cal_cover a{display: block; font-size: 0.875em; font-weight: 300;
 background: #0077b4;
 color: #fff;
 padding: 3px 5px;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
 word-break:keep-all;
}
.apply_calendar_mo .apply_cal_table tbody tr td .cal_cover a.sec{background: #f06400;}
.apply_calendar_mo .apply_cal_table tbody tr td .cal_cover a.third{background: #58595b;}
/*종류*/
/* .apply_calendar_mo .apply_cal_table tbody tr td .cal_cover a > span{display: inline-block; vertical-align: middle; width: 45px; height: 20px; color: #fff; text-align: center; margin-right: 5px;}
.apply_calendar_mo .apply_cal_table tbody tr td .cal_cover a.on > span{background-color: #0054a6;}
.apply_calendar_mo .apply_cal_table tbody tr td .cal_cover a.off > span{background-color: #a7a9ac;}
.apply_calendar_mo .apply_cal_table tbody tr td .cal_cover p{display: block;}
.apply_calendar_mo .apply_cal_table tbody tr td .cal_cover p > span{display: inline-block; vertical-align: middle; width: 45px; height: 20px; color: #fff; text-align: center; margin-right: 5px; font-size: 0.875em;}
.apply_calendar_mo .apply_cal_table tbody tr td .cal_cover p.dis > span{background-color: #ed1c24;}
.apply_calendar_mo .apply_cal_table tbody tr td .cal_cover p.close > span{background-color: #231f20;} */

.apply_calendar_mo .apply_cal_table tbody tr.today th{background:#f06400; color: #fff !important;}
/* .apply_calendar_mo .apply_cal_table tbody tr td.today{background:#ffffd9;} */

/*팝업*/
.dim_layer {display: none;position: fixed; top: 0;left: 0;width: 100%;height: 100%; z-index:20001; }
.dim_layer .dimBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .8;filter: alpha(opacity=50); }
.pop_layer {display: none;position: absolute;top: 50%;left: 50%;max-width: 500px; width: 100%; height: auto;background-color: #fff;z-index:20002; }
.pop_layer.type02{max-width: 1024px;}
.pop_layer.type03{max-width: 860px;}
.dim_layer .pop_layer {display: block; }

.popup .pop_header{padding: 20px 30px;background: #f06400; height: 70px;}
.popup .pop_header > h3 span{display: block; color: #fff; font-weight: 500; text-align: left; font-size: 1.875em;}
.popup .pop_container{padding:30px;background:#fff; overflow-y: auto; max-height: 800px;}
.popup .pop_container.pd30{padding:30px 0;}
.popup .pop_container.pd30 .detail_slide_top{padding: 0 32px;}
.popup .pop_container.pd30 a{margin: 0;}
.popup .pop_cont{}
/* .popup .pop_cont dl{margin-top: 17px; overflow: hidden;}
.popup .pop_cont dl dt{float: left; min-width: 100px; border-right: 1px solid #ddd; margin-right: 20px; font-weight: 500;}
.popup .pop_cont dl dd{float: left;}
.popup .pop_cont dl:first-child{margin-top: 0;} */
.popup .pop_cont > p.em{font-weight: 500; color: #de2c2c;}
.popup .pop_cont ul{overflow: hidden; margin-top: 20px;}
.popup .pop_cont ul li{position: relative; margin-top: 20px; height: 23px;}
.popup .pop_cont ul li .place{border-right: 1px solid #ddd; position: absolute; left: 0; top: 0px; width: 120px;}
.popup .pop_cont ul li .place span{font-weight: 500; color: #000; font-size: 1.125em;}
.popup .pop_cont ul li .tit{padding-left: 140px;}
.popup .pop_cont ul li:first-child{margin-top: 0;}
.popup .pop_cont ul li.off span{position: relative; color: #ccc;}
.popup .pop_cont ul li.off span:before{content: ''; display: block; position: absolute; bottom: 1px; left: 0; border-bottom: 1px solid #ddd; width: 100%;}
/*10.05*/
.popup .pop_cont .open{margin-top: 30px;}
.popup .pop_cont .open li{float:left; width: 22.3%; border-right: 1px solid #ddd; font-weight: 500; margin-top: 15px; margin-right: 3.5%; color: #000; font-size: 1.125em;}
.popup .pop_cont .open li:first-child{margin-left: 0;}
.popup .pop_cont .open li:nth-child(4n){margin-right:0; border-right: 0;}
.popup .pop_cont .open li:last-child{border-right: 0 !important;}
.popup .pop_cont .open li:nth-child(-n+4){margin-top: 0;}

/*대관안내 설명 글*/
.popup .pop_cont{}
.popup .pop_cont .img_area{}
.popup .pop_cont .img_area img{}
.popup .pop_cont .info{margin-top: 22px;}
.popup .pop_cont .info > p{line-height: 1.5;}

.popup .pop_exit{position: absolute; right: 30px; top: 22px; }
.popup .pop_exit a{display: block; width: 25px; height: 25px; background: url(/_static/seoul284/img/sub/pop_close.png) no-repeat center;}

/*뉴달력*/
.calendar_row{position: relative;}
.date_week{
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 display: table;
 table-layout: fixed;
 width: 100%;
 border: 1px solid #ddd;
 border-collapse: collapse;
}
.date_week .date_day{
 border: 1px solid #ddd;
 border-width: 0 1px 1px 0;
 display: table-cell;
 height: 120px;
 vertical-align: top;
 color: #000000;
 font-weight: 300;
 padding: 10px;
}
.date_week .date_day:last-child{border-right: 0;}

.cal_data{
 height: 120px;
 display: table;
 table-layout: fixed;
 width: 100%;
 padding-top: 40px;
 position: relative;
}
.cal_data .date_day{display: table-cell; vertical-align: top;}
.cal_data .date_day > div{background: #0077b4; height:26px; position: absolute; top: 40px; left: 0; }
.cal_data .date_day a{display: block; padding: 3px 5px; color: #fff;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 word-break: keep-all;
}
.cal_data .date_day .day_1{width: calc(100% / (7/1));}
.cal_data .date_day .day_2{width: calc(100% / (7/2));}
.cal_data .date_day .day_3{width: calc(100% / (7/3));}
.cal_data .date_day .day_4{width: calc(100% / (7/4));}
.cal_data .date_day .day_5{width: calc(100% / (7/5));}
.cal_data .date_day .day_6{width: calc(100% / (7/6));}
.cal_data .date_day .day_7{width: calc(100% / (7/7));}

/*문화역 소장품*/
.collection_slide{margin: 0 -25px;}
.collection_slide a{display: block; position: relative; margin: 0 25px;}
.collection_slide a > div{
 position: absolute;
 right: 35px;
 bottom: 35px;
 text-align: right;
 position: absolute;
  right: 0;
  bottom: 0;
  text-align: right;
  width: 100%;
  height: 100px;
  background: rgba(0,0,0,0.5);
  -ms-background: rgba(0,0,0,0.5);
  -webkit-background: rgba(0,0,0,0.5);
  padding: 20px 35px;
}
.collection_slide a > div .tit{
 font-size: 1.125em;
 font-weight: 500;
 color: #fff;
}
.collection_slide a > div p{
 margin-top: 12px; color: #fff;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
 word-break:keep-all;

}
.collection_slide a img{margin: 0 auto;}
.collection_slide .slick-arrow{position: absolute; top: 50%; width: 66px; height: 66px; overflow: hidden; text-indent: -99999px; border: 0; cursor: pointer; border: 0; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); z-index: 1;}
.collection_slide .slick-arrow.slick-prev{left: 0; background: url(/_static/seoul284/img/main/gallery_left.png) 0 0 no-repeat; background-size:100%;}
.collection_slide .slick-arrow.slick-next {right: 0; background: url(/_static/seoul284/img/main/gallery_right.png) 0 0 no-repeat; background-size:100%;}

/*반려사유*/
.cause_return{
 border: 1px solid #dadce0;
 min-height: 254px;
 width: 100%;
 line-height: 1.5;
 background: #fff;
}

.setup_date{
 position: absolute; right: 10px; top: 13px; font-size: 0.875rem; color: #f06400;
}

/* 퀴즈버튼 */
.sec_cont_wrap .btn_area_wrap{padding: 50px 36px;}
.btn_area_wrap{
  padding: 50px 0;
  display: table;
  table-layout: fixed;
  width: 100%;
  border-spacing: 14px 0;
}
.btn_area_wrap > .btn_area{
 display: table-cell; vertical-align: middle;
}
.btn_area_wrap > .btn_area a{
  position: relative;
  width: 100%;
  height: auto;
  padding: 62px 10px 62px 198px;
  font-size: 1.375em;
  border: 1px solid #dedede;
  text-align: left;
  background: #fff;
  color: #000;
line-height: inherit;
}
.btn_area > .btn_quiz:before {
  content: '';
  display: block;
  background: url(/_static/seoul284/img/sub/btn_quiz_bg.png) no-repeat left center;
  position: absolute;
  left: 50px;
  top: 50%;
  background-size: 100%;
  height: 110px;
  width: 110px;
  transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%);
}
/* 후기버튼 */
.btn_area > .btn_epilogue:before {
  content:''; display: block;
  background: url(/_static/seoul284/img/sub/btn_epilogue_bg.png) no-repeat left center;
  position: absolute;
  left: 50px;
  top: 50%;
  background-size: 100%;
  height: 110px;
  width: 110px;
  transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%);
}

/*공간투어*/
.tour_cont{padding: 50px; background: #c3d7e6 url(/_static/seoul284/img/sub/tour_img.png) no-repeat center right 50px;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.tour_cont > div{
  vertical-align: top;
  padding-bottom: 30px;
}

.tour_cont .tour_top .img_area{
  display: inline-block;
  vertical-align: middle;
}
.tour_cont .tour_top .tit{
  color: #000000;
  font-size: 2.255em;
  vertical-align: middle;
  display: inline-block;
  font-weight: 600;
  margin-left: 25px;
  margin-top: 12px;
  width: 33%;
}

.tour_cont .tour_top img {width: 300px;}

.tour_cont .tour_mid {line-height: 1.8;}
.tour_cont .tour_mid p{ font-size: 1.250em;  color: #000000; }
.tour_cont .tour_mid p strong{font-weight: 600;}

/*탐구생활*/
.tour_cont.research{min-height: 557px;display: flex;align-items: flex-end;}
.tour_cont.research .tour_top .tit{word-break: keep-all;margin: 0;width: auto;}
.tour_cont.research .tour_top .tit .sml_tit{font-size: 2.2rem;padding-bottom: 10px;}




@media all and (max-width:1380px){
 .collection_slide{margin: 0;}
}
@media all and (max-width:1200px){

 /*관람코스*/
 .detail_top .detail_cont{margin: -320px auto 0; height: 320px;}
 .detail_top .detail_cont .tit{font-size: 2.000em;}
 .detail_top .detail_cont .year{font-size: 1.375em;}
 .detail_top .detail_cont p{font-size: 1em; max-height: 155px;
 /* -webkit-line-clamp: 6;
 height: 7em; */
 }


/*공간투어*/
.tour_cont{background-size: 440px;}
/* .tour_cont > div{padding: 40px 0 70px;} */
/* .tour_cont .tour_top{margin-bottom: 30px;} */
.tour_cont .tour_top .tit{font-size: 2em;}
.tour_cont .tour_mid p{font-size: 1.275em;}

/*지나온 이야기*/
.year_event_wrap .year_event_top ul li{font-size: 2.500em;}
.year_event_cont .event_info .year{font-size: 1.375em;}
.year_event_cont .event_info .tit{font-size: 1.5em;}
.year_event_cont .event_info p{font-size: 1.063em;}
.year_event_cont .year_slide .slick-arrow{width: 65px; height: 65px;}
.year_event_cont .event_left .year_slide .slick-prev.slick-arrow{right: 68px;}
.year_event_cont .event_right .year_slide .slick-next.slick-arrow{left: 68px;}

.year_cont > li strong{font-size: 1.375em;}
.year_cont .year_ul li{font-size: 1.063em;}

/*탐구생활*/
.btn_area_wrap > .btn_area a{padding: 62px 10px 62px 188px;}
.btn_area > .btn_quiz:before{left: 40px;}
.btn_area > .btn_epilogue:before{left: 40px;}

}




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

 /*설치기간*/
 .setup_date{position: static; text-align: right;}

/*문화역 소장품*/
.collection_slide a{margin: 0 20px;}
.collection_slide .slick-arrow{width: 40px; height: 40px;}

/*지나온 이야기*/

.year_area_picture{max-height: 800px;}

.year_event_wrap .year_event_top ul li{font-size: 2em;}
.year_event_cont .year_slide .slick-arrow{width: 45px; height: 45px; bottom: 3px;}
.year_event_cont .event_left .year_slide .slick-prev.slick-arrow{right: 48px;}
.year_event_cont .event_right .year_slide .slick-next.slick-arrow{left: 48px;}
.year_cont{padding: 27px 3.5%;}
.year_event_cont .year_slide{margin-bottom: 50px;}
.year_event_cont .event_info{padding: 30px 3.5%; min-height: 227px;}
.year_event_cont .event_info{width: 50%;} 
.year_event_cont .event_left .year_img{width: 70%; margin-bottom: 110px;}
.year_event_cont .event_right .year_img{margin-bottom: 110px;}

.year_cont .year_ul{padding-left: 74px;}

/*미션비전*/
.mission_area .cont_top .tit{font-size: 1.5em;}
.mission_area .cont_top .box{padding: 10px;}
.mission_area .cont_top .box span{font-size: 1.125em;}
.mission_area .cont_mid{margin-top: 50px;}
.mission_area .cont_mid > .tit{font-size: 1.5em;}
.mission_area .cont_mid .mission_cont > div .tit{font-size: 1.125em; height: 40px; line-height: 40px;}
.mission_area .cont_mid .mission_cont > div p{height: 88px; line-height: 88px;}
.mission_area .cont_btm{margin-top: 50px;}
.mission_area .cont_btm .tit{font-size: 1.5em;}
.mission_area .cont_btm .tit_name{font-size: 2em;}
.mission_area .cont_btm .mission_list{max-width: 476px;}
.mission_area .cont_btm .mission_list > div{width: 120px; height: 120px;}
.mission_area .cont_btm .mission_list > div span{font-size: 1.125em;}


/*관람코스*/
.detail_top .detail_cont{padding: 27px 30px; width: 350px; 
  margin: -280px auto 0;
  height: 280px;
}
.detail_top .detail_cont .year{font-size: 1.250em;}
.detail_top .detail_cont .tit{font-size: 1.875em; bottom: 220px;}
.year_for .slick-arrow{height: 40px; width: 40px;}
.year_for .slick-prev.slick-arrow{right: 280px;}
.year_for .slick-next.slick-arrow{right: 230px;}
.detail_top .detail_cont p{margin-top: 17px; bottom: 26px;}
/* .detail_top .detail_cont .source{left: 30px; bottom: 50px;} */

.detail_top .detail_cont .slide_button{left: 30px;}
/* .detail_top .detail_cont .slide_button a{height: 40px; width: 40px;}
.detail_top .detail_cont .slide_button a.prev{background-size: 100%;}
.detail_top .detail_cont .slide_button a.next{background-size: 100%;} */

/*공간투어*/
.tour_cont{padding: 30px; background-size:370px; background-position: center right 30px;}
/* .tour_cont > div{padding: 30px 0;} */
.tour_cont .tour_top .tit{font-size: 1.875em;}
.tour_cont .tour_mid p{font-size: 1.125em;}

.tour_cont.research{min-height: 425px;}

/* .pop_layer.type02{max-width: 960px;}
.detail_slide_top a{width: 960px !important;} */

/*탐구생활*/
.sec_cont_wrap .btn_area_wrap{padding: 30px 26px 50px;}
.btn_area_wrap{padding: 30px 0 50px;}
.research_title{max-width: 274px; margin: 0 auto 17px; font-size: 1.375em;}
.research_info{margin: 15px 105px 25px;}
.list_tag{margin: 24px 0 0;}
.research_slide .owl-nav .owl-next{
  width: 30px;
  height: 64px;
}
.research_slide .owl-nav .owl-prev{
  width: 30px;
  height: 64px;
}
.btn_area_wrap > .btn_area a{padding: 52px 10px 52px 155px; font-size: 1.250em;}
.btn_area > .btn_epilogue:before{left: 25px;}
.btn_area > .btn_quiz:before{left: 25px;}
}

@media all and (max-width:860px){
  /*대관 마감*/
  .popup .pop_header{padding: 22px 30px;}
  .popup .pop_cont .open li{width: 31%;}
  .popup .pop_cont .open li:nth-child(4n){margin-right:3.5%; border-right: 1px solid #ddd;}
  .popup .pop_cont .open li:nth-child(3n){margin-right:0; border-right: 0;}
  .popup .pop_cont .open li:nth-child(-n+4){margin-top: 15px;}
  .popup .pop_cont .open li:nth-child(-n+3){margin-top: 0;}
  .popup .pop_header > h3 span{font-size: 1.5em;}

  .research_nav.st3 .slick-active.slick-current:before{
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
  }
  .research_nav.st4 .slick-active.slick-current:before{
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
  }
  .research_nav.st5 .slick-active.slick-current:before{
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
  } 



 /*지나온 이야기*/
 .year_wrap{padding-top: 27px; margin-top: 27px;}
 .qna_wrap > li{margin-top: 12px;}
 .qna_a_area{padding-top: 24px;}

 /* mo 달력 */
 .apply_calendar_pc{display: none;}
 .apply_calendar_mo{display: block;}
 .apply_calendar_mo .apply_cal_table tbody tr th{font-size: 0.875em;}
 .apply_calendar_mo .apply_cal_table tbody tr td{font-size: 0.875em;}

 /*공간안내 층 탭*/
 .floor_top > div{margin-left: 17px;}
 .floor_top > div > a{font-size: 1.5em; min-width: 90px; padding-bottom: 10px;}
 .floor_container{margin-top: 20px;}
 .list_area_wrap .floor_top{text-align: left;}

 /*공간안내 슬라이드*/
 .collection_slide{margin:0 -15px;}
 .collection_slide .slick-arrow.slick-prev{left: 0;}
 .collection_slide .slick-arrow.slick-next{right: 0;}
 .collection_slide a{margin: 0 15px;}
 .collection_slide a > div{height: 72px; padding: 10px 15px;}
 .collection_slide a > div .tit{font-size: 1.063em;}
 .collection_slide a > div p{margin-top: 9px;}

 /*아코디언*/
 .qna_wrap > li .qna_q{font-size: 1em; padding-left: 60px;}
 .qna_wrap > li .qna_q .front_q{font-size: 1.125rem;}

 /*관람코스*/
 /* .sum_wrap .course_wrap{float: none; width: 100%;}
 .sum_wrap .floor_wrap{float: none; width: 100%; margin-left: 0; margin-top: 10px;} */
 .sum_wrap .course_wrap{float: none; width: 100%;}
 .sum_wrap .floor_wrap{float: none; width: 100%; margin-left: 0; margin-top: 30px;}

 .detail_top .detail_cont{width: 100%; position: static; margin: 30px 0 0; height: 100%; border: 1px solid #ccc; padding: 27px 30px;}
 /*출처 태그*/
 /* .detail_top .detail_cont .source{
  position: static;
  margin-top: 12px;
  display: block;
 } */

 .year_for .slick-arrow{bottom: 180px;}
 .year_for .slick-next.slick-arrow{right: 30px;}
 .year_for .slick-prev.slick-arrow{right: 80px;}

 .detail_top .detail_cont .year{font-size: 1.125em;}
 .detail_top .detail_cont .tit{font-size: 1.5em; position: static;}
 .detail_top .detail_cont p{position: static;}

 .detail_top .detail_cont .slide_button{left: auto; bottom: 15px; right: 30px;}

 
 .btn_area > .btn_quiz{font-size: 1.125em; line-height: 35px;}
 .btn_area > .btn_epilogue{font-size: 1.125em; line-height: 35px;}
 .btn_area > .btn_move{height: 55px; line-height: 53px;}
 .btn_area > a.btn_list{height: 33px; line-height: 31px; }
 .btn_area > a.btn_agree{height: 33px;line-height: 31px; }




 .research_slide .owl-nav .owl-prev{width: 30px; height: 64px;}
 .research_slide .owl-nav .owl-next{width: 30px; height: 64px;}

 /*공간투어*/
 .w270{min-width: 227px !important;}
 .tour_cont{
  background-position: center top 30px;
  padding: 270px 30px 30px 30px;
  background-size: 270px;
  }
 .tour_cont > div{padding-bottom: 20px;text-align: center;}
 .tour_cont .tour_top img{width: 200px;}
 .tour_cont .tour_top .tit{font-size: 1.375em; 
  width: 50%;
  text-align: left;
  margin-left: 15px;
  margin-top: 4px;
}
 .tour_cont .btn_area.tL{text-align: center !important;}

  /*탐구생활*/
  .research_nav{padding: 0 30px 30px;}
  .tour_cont.research{min-height: 100%;}
  .tour_cont.research .tour_top{margin: 0 auto; max-width: 340px;}
  /* .tour_cont.research .tour_top .tit{width: calc(100% - 80px);} */
  .tour_cont.research .tour_top .tit .sml_tit{font-size: 1.5rem;}

  .sec_cont_wrap{margin-top: 30px;}
  .sec_cont:before{width: 250px;}
  .sec_cont:after{width: 270px;}
  .research_title{height: 90px; line-height: 90px; font-size: 1.25em;}
  .sec_cont_wrap .btn_area_wrap{padding: 30px 26px;}
  .btn_area_wrap{display: block; padding: 30px 0;}
  .btn_area_wrap > .btn_area{display: block;}
  .btn_area > .btn_quiz:before{left: 50px; width: 90px;}
  .btn_area > .btn_epilogue:before{left: 50px; width: 90px;}
  .btn_area_wrap > .btn_area a{padding: 42px 10px 42px 188px;}


 /*지나온 이야기*/
 .year_cont > li strong{font-size: 1.250em;}
 .year_cont .year_ul li{font-size: 0.938em;}
 .year_event_wrap{padding-top: 35px; margin-top: 40px;}
 .year_event_wrap .year_event_top ul{padding: 0 15px;}
 .year_event_wrap .year_event_top ul li{font-size: 1.5em;}
 .year_event_cont{margin-top: 30px;}
 .year_event_cont .event_info .year{font-size: 1.125em;}
 .year_event_cont .event_info .tit{font-size: 1.250em;}

 
 .year_event_cont .event_left .year_img{width: 60%;}

}

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

  /*지나온이야기*/
  .year_event_cont .event_left .year_img{width: 87%; margin-bottom: 177px;}
.year_event_cont .event_right .year_img{width: 87%; margin-bottom: 177px;}
.year_event_cont .event_info{width: 87%;}




}

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



}

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

  /*대관 마감*/
  .popup .pop_cont ul li{height: 21px;}
  .popup .pop_cont ul li .place{width: 100px;}
  .popup .pop_cont ul li .place span{font-size: 0.938em;}
  .popup .pop_cont ul li .tit{font-size: 0.875em; padding-left: 120px;}
  .popup .pop_cont .open li{width: 48.2%; font-size: 1em;}
  .popup .pop_cont .open li:nth-child(3n){margin-right:3.5%; border-right: 1px solid #ddd;}
  .popup .pop_cont .open li:nth-child(2n){margin-right:0; border-right: 0;}
  .popup .pop_cont .open li:nth-child(-n+3){margin-top: 15px;}
  .popup .pop_cont .open li:nth-child(-n+2){margin-top: 0;}

 /*지나온 이야기*/
 .img_wrap{margin-top: 12px;}
 .qna_a_area{padding-top: 14px;}

 .year_event_wrap{padding-top: 25px; margin-top: 30px;}
 .year_event_wrap .year_event_top ul li{font-size: 1.250em;}
 .year_cont{padding: 17px 3.5%;}
 .year_cont > li{margin-top: 12px;}
 .year_cont > li strong{font-size: 1em;}
 .year_cont .year_ul{padding-left: 54px;}
 .year_cont .year_ul li{font-size: 0.875em;}
 .year_event_cont{margin-top: 20px;}
 .year_event_cont .event_info{width: 90%;}
 .year_event_cont .event_left .year_img{width: 90%;}
 .year_event_cont .year_slide .slick-arrow{width: 30px; height: 30px;}
 .year_event_cont .event_left .year_slide .slick-prev.slick-arrow{right: 33px;}
 .year_event_cont .event_right .year_slide .slick-next.slick-arrow{left: 33px;}


 /*아코디언*/
 .year_area{float: none; width: 100%; padding-right: 0;}
 .year_area_scroll{float: none; width: 100%; overflow: visible; margin-top: 30px;}
 .year_area_picture{max-height: 100%;}
 .year_area_picture{}


 /*미션비전*/
 .mission_area .cont_top .tit{font-size: 1.250em; margin-bottom: 10px;}
 .mission_area .cont_top .box span{font-size: 1em;}
 .mission_area .cont_mid{margin-top: 30px;}
 .mission_area .cont_mid > .tit{font-size: 1.250em; margin-bottom: 10px;} 
 .mission_area .cont_mid .mission_cont > div .tit{font-size: 1em;}
 .mission_area .cont_mid .mission_cont > div p span{font-size: 0.875em;}

 .mission_area .cont_btm{margin-top: 30px;}
 .mission_area .cont_btm .tit{font-size: 1.250em; margin-bottom: 17px;}
 .mission_area .cont_btm .tit_name{font-size: 1.5em;}
 .mission_area .cont_btm .tit_name:before{background-size:100%; width: 14px; height: 11px; left:-20px;}
 .mission_area .cont_btm .tit_name:after{background-size:100%; width: 14px; height: 11px; right:-20px;}
 
 .mission_area .cont_btm .mission_list{max-width: 358px;}
 .mission_area .cont_btm .mission_list > div{width: 40px; height: 80px;}
 .mission_area .cont_btm .mission_list > div:nth-child(even){width: 29px;}
 .mission_area .cont_btm .mission_list > div:nth-child(even) img{width: 14px;}
 .mission_area .cont_btm .mission_list > div span{font-size: 1em;}

 /*대관안내 탭 층*/
 .floor_top > div{margin-left: 6px;}
 .floor_top > div > a{font-size: 1.250em; 
  min-width: 50px;
  padding-bottom: 10px;
}
 

 /*관람코스*/
 .detail_top .detail_cont{padding: 17px 20px;}
 .detail_top .detail_cont .year{font-size: 1.063em;}
 .detail_top .detail_cont .tit{font-size: 1.250em;}
 .detail_top .detail_cont p{font-size: 0.938em; margin-top: 7px;} 
 
 .detail_slide{margin: 10px 0 0;}
 .detail_slide a{/*height: 100px; */ /*margin: 0 7px*/}
 /* .detail_slide_top .img_area{height: 275px;} */
 .detail_slide_top .img_cont{margin-top: 20px;}
 .detail_slide_top .img_cont .tit{font-size: 1.063em;}
 .detail_slide_top .img_cont p{font-size: 0.875em;
  overflow: hidden;
  text-overflow: ellipsis;
  display:block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 3.9em;
}
.detail_slide_top .img_cont > span{font-size: 0.875em;}

 .year_for .slick-arrow{bottom: 130px;}
 .year_for .slick-next.slick-arrow{right: 20px;}
 .year_for .slick-prev.slick-arrow{right: 70px;}

 .year_nav a{padding-bottom: 25px; font-size: 0.938em;}
 .year_nav a:before{height: 15px; width: 15px; }
 .year_nav .slick-current a:after{width: 7px; height: 7px; bottom: 6px;}
 .year_nav:after{bottom: 9px; height: 2px;}


 /*팝업*/
 .pop_layer{max-width: 350px; }
 .popup .pop_header{padding: 15px 10px; height: 50px;}
 .popup .pop_header > h3 span{font-size: 1.125em;}
 .popup .pop_cont .info{margin-top: 12px;}
 .popup .pop_cont .info > p{font-size: 0.875em;}
 .popup .pop_container{padding: 20px; height: 450px; overflow-y: auto;}
 .popup .pop_exit{right: 10px; top: 13px;}
 .detail_slide_top .slick-arrow{margin-top: -55px; right: -20px; width: 14px; height: 40px;}
 .detail_slide_top .slick-arrow.slick-prev{left: 10px;}
 .detail_slide_top .slick-arrow.slick-next{right: 10px;}


.popup .pop_container.pd30{padding: 20px 0;}

 .pop_layer{top: 60px;
 left: 50%;
 height: 480px;
 transform: translate(-50%, 0) !important;
 -ms-transform: translate(-50%, 0) !important;
 -webkit-transform: translate(-50%, 0) !important;
}




 /*기본 버튼*/
 .btn_area > a{
 width: 100%;
 height: 35px;
 line-height: 33px;
 font-size: 0.875em;
 margin: 0px;
 margin-top: 5px;
 }
 .btn_area a:first-child{margin-top: 0;}



 /*가운데 버튼*/
 .btn_area > .btn_move{
 width: 100%;
 height: 40px;
 line-height: 38px;
 font-size: 0.875em;
 }

 /*달력*/
 .cal_cont{margin-bottom: 15px;}
 .cal_cont .cal_top .prev{background-size: 33px; width: 33px; height: 33px;}
 .cal_cont .cal_top .next{background-size: 33px; width: 33px; height: 33px;}


 /**/
 .detail_top .detail_cont .slide_button{right: 20px;}

.floor_top{margin-bottom: 20px; text-align: left;}
/* .btn_area > a.btn_list{height: 33px; line-height: 31px; width: auto; min-width: 80px; margin: 0;} */

/*탐구생활*/
.research_nav .research_list{font-size: 0.938em;}
.research_nav a{font-size: 0.875em; padding: 7px 10px; margin: 30px 4px 0; 
  height: 52px;
  line-height: 32px;
}
.research_nav a:before{top: -28px; width: 14px; height: 14px;}
.research_nav a.on:after{width: 8px; height: 8px; top: -23px;}

.research_nav:after{height: 2px; top: 30px;}
.research_nav .slick-active.slick-current:before{width: 33px; height: 29px; background-size:100%; top: 17px; transform: translate(-36px, 0); -ms-transform: translate(-36px, 0); -webkit-transform: translate(-36px, 0);}

.research_view .research_list{font-size: 0.938em;}
.research_view a{font-size: 0.875em; padding: 7px 10px; margin: 30px 0 0;}
.research_view a.on:before{width: 5px; height: 5px; top: -18px;}
.research_view .research_list:before{width: 14px; height: 14px;}
.research_view:after{height: 2px;}

.sec_title a{height: 40px; line-height: 40px; font-size: 0.938em;}

.research_info{margin: 15px 45px; font-size: 0.938em;}
.research_area{padding: 0 45px;}
.research_title{font-size: 1.125em; 
  /* max-width: 220px; height: 65px; line-height: 65px;  */
}
.research_slide .owl-nav .owl-next{width: 20px;
  height: 54px; margin-right: -35px;}
.research_slide .owl-nav .owl-prev{width: 20px;
  height: 54px; margin-left: -35px;}
.list_tag{padding: 0 45px; margin: 14px 0 0;}
.list_tag > li a{font-size: 0.875em; padding: 0 9px; height: 28px; line-height: 26px;}
.research_nav.bg_not{padding:  0 12px;}

.btn_area_wrap > .btn_area a{font-size: 1.125em; padding: 32px 10px 32px 124px;}
.btn_area > .btn_quiz:before{width: 70px; left: 30px; height: 100%;}
.btn_area > .btn_epilogue:before{width: 70px; left: 30px; height: 100%;}
.sec_cont_wrap{padding: 15px 0 0;}
.sec_cont_wrap .btn_area_wrap{padding: 30px 15px 15px;}
.btn_area_wrap{padding: 30px 0 15px;}
.sec_cont:before{width: 150px;}
.sec_cont:after{width: 170px;}

/*공간투어*/
.tour_cont{background-position: center top 15px;padding: 170px 15px 15px 15px;background-size: 170px;}
  .tour_cont .tour_top .tit{font-size: 1.125em; width: 60%; margin-left: 10px;}
  /* .tour_cont .tour_top{margin-bottom: 20px;} */
  .tour_cont .tour_mid{padding: 0 30px;}
  .tour_cont .tour_mid p{font-size: 0.938em;}
  .tour_cont .btn_area .w270 {width: 100%;}
  .tour_cont .btn_area .w270:last-child {margin-top: 20px;}
  
  .research_nav{padding: 0 15px 15px;}

  .sum_wrap .btn_area > a.btn_list{min-width: 80px; width: auto; margin: 0;}
  .sum_wrap .floor_top > div{margin-left: 6px;}
  .sum_wrap .floor_top > div > a{font-size: 1.250em; min-width: 50px;}

  .list_area_wrap .btn_area > a.btn_list{width: auto; margin-top: 0; min-width: 80px;}


  .year_event_cont .event_info .tit{margin-top: 7px; font-size: 1.125em;}
  .year_event_cont .event_info p{font-size: 0.938em;}

  .year_event_cont .event_right .year_slide .slick-next.slick-arrow{left: auto; right: 0;}
  .year_event_cont .event_right .year_slide .slick-prev.slick-arrow{left: auto; right: 35px;}
}


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

  .year_event_cont .event_info{float: right; width: 100%; position: static; min-height: auto; padding: 15px 3.5%;}
  .year_event_cont .event_left .year_img{width: 100%;}
  .year_event_cont .event_right .year_img{width: 100%;}
  .year_event_cont .event_right .year_img{margin-bottom: 0;}
  .year_event_cont .event_left .year_img{margin-bottom: 0;}
  
  
  /*탐구생활*/
  .research_info{margin: 15px;}
  .research_title{font-size: 1em; 
    /* max-width: 162px; height: 48px; line-height: 48px; */
    max-width: 220px; height: 65px; line-height: 65px;
    padding: 5px 0;}
  .sec_title{margin-top: 12px;}
  .sec_cont:before{width: 100px; top: 13px;}
  .sec_cont:after{width: 120px; top: 13px;}
  .sec_cont_wrap .btn_area_wrap{padding: 15px;}
  .btn_area_wrap{padding: 15px 0;}
  .btn_area > .btn_quiz:before{width: 55px; left: 15px; }
  .btn_area > .btn_epilogue:before{width: 55px; left: 15px}
  .btn_area_wrap > .btn_area a{padding: 16px 10px 16px 82px; font-size: 1em;}
  .list_tag{padding: 0 15px;}
}

@media all and (min-width: 320px) and (max-width: 339px){
  /*미션비전*/
  .mission_area .cont_btm .mission_list > div{height: 64px;}
}