@charset "UTF-8";

.map_wrap{margin-bottom: 40px;}
.map_box{
 /* background: url(/_static/Royal/img/sub/map.jpg) no-repeat center; */
 display: inline-block;
 position: relative;
 /* width: 1400px; */
 /* height: 872px; */
 overflow: hidden;
}
.palace_1{position: absolute;left: 38.2%;top: 74.5%;}
.palace_2{position: absolute;left: 38.2%;top: 65%;}
.palace_3{position: absolute;left: 40.2%;top: 48.5%;}
.palace_4{position: absolute;left: 29.5%;top: 42%;}
.palace_5{position: absolute;left: 19%;top: 42%;}
.palace_6{position: absolute;left: 66%;top: 39.5%;}
.palace_7{position: absolute;left: 73.6%;top: 44%;}
.palace_8{position: absolute;left: 80%;top: 40%;}
.palace_9{position: absolute;left: 76.4%;top: 52.5%;}
.palace_10{position: absolute;left: 51.8%;top: 51.5%;}
.palace_11{position: absolute;left: 36%;top: 52%;}
.palace_12{position: absolute;left: 43.5%;top: 43.5%;}
.palace_13{position: absolute;left: 35.5%;top: 35.7%;}
.palace_14{position: absolute;left: 46.2%;top: 34%;}
.palace_15{position: absolute;left: 82.3%;top: 50%;}
.palace_16{position: absolute;left: 42.4%;top: 28.5%;}
.palace_17{position: absolute;left: 45.5%;top: 47.5%;}
.palace_18{position: absolute;left: 66%;top: 51.5%;}



.map_box a{ width: 26px; height: 26px; display: inline-block; z-index: 1; border-radius: 50%; opacity: 0.9; position: relative;}
.map_box .palace_cont{display: none;}
.map_box .palace_cont .tit{color: #f6ff42; font-size: 0.875em; font-weight: 500; margin-top: 3px; padding-top: 10px;}
.map_box .palace_cont > .top_p{color: #fff; font-size: 0.813em; line-height: 1.3; font-weight: 500; margin-bottom: 6px; margin-top: 6px;}
.map_box .palace_cont > p{color: #fff; font-size: 0.75em; line-height: 1.3; padding-top: 7px; border-top: 1px solid #fff; margin-top: 5px;}

.map_box .palace_cont.clk{ background: #8523db; opacity: 0.9; width: 260px; padding: 23px 15px; border-radius: 10px; position: absolute; top: 15px; left: 15px; z-index: 2;}
.map_box .palace_cont.clk.left{
  left: auto;
    right: 20px; top: auto; bottom: 20px;
}
.map_box .palace_cont.clk.left2{
  left: auto;
    right: 20px; top: 20px; bottom: auto;
}
.map_box .palace_cont.hvr{ background: #0098cf; opacity: 0.9; width: 240px; padding: 23px 15px; border-radius: 10px; position: absolute; top: 15px; left: 15px; z-index: 2;}
.map_box .palace_cont.hvr.left{
    left: auto;
    right: 20px; top: auto; bottom: 20px;
}
.map_box .palace_cont > a{ display: inline-block; color: #8523db; background: #fff; width: 85px; height: 15px; line-height: 13px;
 font-size: 0.750em; border-radius: 15px; position: absolute; top: 10px; right: 35px; text-align: center;}
.map_box a.click_a{
 
 background: #8523db url(/_static/Royal/img/sub/palace_icon.png) no-repeat center;
 background-size: 19px;
}
.map_box a.click_a.on{
 z-index: 3; width: 36px; height: 36px; padding:0px; top: -5px; left: -5px;
 background: #8523db url(/_static/Royal/img/sub/palace_icon_on.png) no-repeat center;
 background-size: 22px;
}
.map_box a.click_a.on:before{
 content: ''; display: block;
 height: 30px; width: 30px; border-radius: 50%; border:dashed 3px #f3e646; -webkit-animation-name: spin;
 -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
}
.map_box .palace_cont .btn_close{
  position: absolute;
  top: 10px;
  right: 10px;
  width: 15px;
  height: 15px;
}

@keyframes spin {
 from { transform: rotate(0deg); }
 to { transform: rotate(360deg); }
}
@-webkit-keyframes spin {
 from { -webkit-transform: rotate(0deg);}
 to { -webkit-transform: rotate(360deg);}
}

.map_box .palace.hvr{ background: #0098cf; opacity: 0.9; width: 240px; padding: 15px; border-radius: 10px; position: absolute; top: 35px; left: 35px;}
.map_box a.hover_a{background: #0098cf url(/_static/Royal/img/sub/palace_icon.png) no-repeat center; background-size: 19px;}
.map_box a.hover_a.on{ z-index: 3; width: 36px; height: 36px; padding:0px; top: -5px; left: -5px; 
  background: #0098cf url(/_static/Royal/img/sub/palace_icon_on.png) no-repeat center; 
  background-size: 22px;
}
.map_box a.hover_a.on:before{ content: ''; display: block; 
  height: 30px; width: 30px; border-radius: 50%; border:dashed 3px #f3e646; -webkit-animation-name: spin; 
  -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
}

/* .map_box a.hover_a.on{ width: 55px; height: 55px; padding:0px; background: #0098cf url(/_static/Royal/img/sub/palace_icon_on.png) no-repeat center;}
.map_box a.hover_a.on:before{ content: ''; display: block; height: 47px; width: 47px;
 border-radius: 50%; border:dashed 4px #f3e646; -webkit-animation-name: spin; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
} */

.cloud_area{ position: absolute; top: 95px; right: 0; animation: cloud 1s linear 0s infinite alternate; }

.bird_area{
 position: absolute; top: 140px; right: 366px;
 animation-name: bird;
 animation-duration: 3s;
 animation-iteration-count: infinite;
 animation-timing-function: linear;
 animation-fill-mode: none;
 animation-delay: 0s;
 animation-fill-mode:forwards;
}

.tree_area{
 position: absolute; bottom: 52.8%; left: 10.7%;
 transform-origin: bottom center;
 animation: swing ease-in-out 1s infinite alternate;
}

@keyframes swing {
 0% { transform: rotate(-5deg); transform: skew(0);}
 100% { transform: rotate(0); transform: skew(10deg);}
}
@-webkit-keyframes swing {
 0% { -webkit-transform: rotate(-5deg); -webkit-transform: skew(0);}
 100% { -webkit-transform: rotate(0); -webkit-transform: skew(10deg);}
}
@keyframes cloud {
 0%{top: 95px;}
 50%{top: 100px;}
 100%{top: 105px;}
} 
@-webkit-keyframes cloud {
 0%{top: 95px;}
 50%{top: 100px;}
 100%{top: 105px;}
   }
@keyframes bird {
 0%{right: 366px; top: 140px; }
 25%{right: 466px; top: 100px; }
 50%{right: 566px; top: 140px; }
 75%{right: 666px; top: 100px; }
 100%{right: 966px; top: 140px; opacity: 0;}
}
@-webkit-keyframes bird {
 0%{right: 366px; top: 140px; }
 25%{right: 466px; top: 100px; }
 50%{right: 566px; top: 140px; }
 75%{right: 666px; top: 100px; }
 100%{right: 966px; top: 140px; opacity: 0;}
}

.palace_area{}
.palace_area .palace_cont{position: relative;}
.palace_area .palace_cont .tit{color: #f6ff42; font-size: 0.875em; font-weight: 500;}
.palace_area .palace_cont > .top_p{color: #fff; font-size: 0.875em; line-height: 1.3; font-weight: 500; margin-bottom: 6px;}
.palace_area .palace_cont > p{color: #fff; font-size: 0.813em; line-height: 1.3; padding-top: 7px; border-top: 1px solid #fff; margin-top: 5px;}

.palace_area .palace_cont.clk{ background: #8523db; width: 100%; padding: 23px 15px; border-radius: 10px;}
.palace_area .palace_cont.hvr{ background: #0098cf; width: 100%; padding: 23px 15px; border-radius: 10px;}
.palace_area .palace_cont > a{
    display: inline-block;
    color: #8523db;
    background: #fff;
    width: 85px;
    height: 15px;
    line-height: 13px;
    font-size: 0.750em;
    border-radius: 15px;
    position: absolute;
    top: 10px;
    right: 35px;
    text-align: center;
}
.m_palace_area{display: none;}
.btn_zoom{position: absolute; right: 5px; bottom: 5px; z-index: 1; display: none;}
.btn_zoom > button{margin-left: 2px; background: #fff; height: 22px; width: 22px;}
.btn_zoom > button img{
  width: 11px;
  line-height: 22px;
  display: block;
  margin: 0 auto;
}

/*영역*/
.list_area{
  position: relative;
  margin-top: 51px;
}
.list_area:first-child{margin-top: 0;}

/*버튼*/
.btn_area{
    margin-top: 30px; text-align: center;
}
.btn_area > a{
  min-width: 167px;
  height: 41px;
  display: inline-block;
  line-height: 41px;
  font-weight: 500;
  margin-right: 6px;
  text-align: center;
}
.btn_area > a:first-child{
  background-color: #b7b6ae;
  color: #fff;
}

.btn_area > a:first-child:before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    background-image: url(/_static/Royal/img/sub/arrow_before.png);
    background-repeat: no-repeat;
    background-position: center left;
    width: 8px;
    height: 8px;
    margin: 0 8px 3px 0;
}
.btn_area > a.btn_next{
  background-color: #b7b6ae;
  color: #fff;
}
.btn_area > a.btn_next:after{
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-image: url(/_static/Royal/img/sub/arrow_after.png);
  background-repeat: no-repeat;
  background-position: center right;
  width: 8px;
  height: 8px;
  margin: 0 0 3px 8px;
}

.btn_area > a:last-child{margin-right: 0;}
.btn_area > a.btn_list{
    color: #fff;
    background: #000;
}
.btn_area > a.btn_list:before{
  display: none;
}
.btn_area > a.btn_btm{
  
}
.btn_area > a.btn_del{
  color: #fff;
  background: #b7b6ae;
}
.btn_area > a.btn_del:before{
  display: none;
}
.btn_area > a.btn_edit{
  background: #fcaf17;
  color: #fff;
}
.btn_area > a.btn_edit:before{
  display: none;
}

.btn_area > a.btn_arrow{
  background-color: #b7b6ae;
  color: #fff;
}
.btn_area > a.btn_arrow > span{}
.btn_area > a.btn_arrow.left:before{
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-image: url(/_static/Royal/img/sub/arrow_before.png);
  background-repeat: no-repeat;
  background-position: center left;
  width: 8px;
  height: 8px;
  margin: 0 8px 3px 0;
}
.btn_area > a.btn_arrow.right:after{
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-image: url(/_static/Royal/img/sub/arrow_after.png);
  background-repeat: no-repeat;
  background-position: center right;
  width: 8px;
  height: 8px;
  margin: 0 0 3px 8px;
}


/* 일반문단 */
.cont_p > p{ color: #393939; line-height: 1.5;}
.cont_p > p + p{margin-top: 5px;}
.cont_p + .cont_p{margin: 20px 0 25px; }

/* ★★공통 블릿★★ */
.cont_list{padding-left: 7px;}
.cont_list > li{
  position: relative;
  padding-left: 9px;
  margin-top: 8px;
  line-height: 1.5;
  text-align: left;
  /* color: #484848; */
}
.cont_list > li:first-child{margin-top: 0;}
.cont_list > li:before{content:'';display: block;position: absolute;left: 0;top: 11px;background: #333333;width: 2px;height: 2px;/* border-radius: 4px; */}
.cont_list > li > strong{}
.cont_list.only{margin-top: 0px; padding-left: 8px;}


/* 1.동그라미 숫자 */
.round_blt{margin-top: 10px;}
.round_blt > li{padding-left: 21px;text-indent: -21px;margin-top: 10px;}
.round_blt > li:first-child{margin-top: 0;}

/* 2.숫자 */
.num_blt{margin-top: 10px;}
.num_blt > li{padding-left: 17px;text-indent: -17px;margin-top: 6px;}
.num_blt > li:first-child{margin-top: 0;}

/*축전소개*/
.info_area{margin-top: 184px;overflow: hidden;}
.info_area:first-child{margin-top: 0;}


.tab_info{
    /* display: table; */
    /* table-layout: fixed; */
    /* width: 100%; */
    /* max-width: 544px; */
    margin: 65px auto 193px;
    display: flex;
    justify-content: space-around;
}
.tab_info > div{
    /* display: table-cell; */
    /* vertical-align: middle; */
    flex: 1 1 auto;
    position: relative;
}
.tab_info > div:before{
  content: '';
  display: block;
  background: #c5c4c4;
  position: absolute;
  right: 0;
  top: 50%;
  height: 17px;
  width: 1px;
  transform: translateY(-50%); -webkit-transform: translateY(-50%);
  margin-top: 1px;
}
.tab_info > div:first-child{}
.tab_info > div:last-child:before{
  display: none;
}
.tab_info > div{
    display: block;
    font-size: 1.063em;
    text-align: center;
    line-height: 1;
    color: #888;
}
.info_area_top{margin-top: 97px;}
.info_area_top .img_area{
    text-align: center;
}
.info_area_top .img_area img{}

.info_top{
    display: table;
    table-layout: fixed;
    width: 100%;
}
.info_top > div{
    display: table-cell;
    vertical-align: middle;
}
.info_top > div:first-child{
    width: 50%;
}
.info_top > div.info_cont{
    padding-left: 10.5%;
}
.info_top > div.info_cont .tit{
    color: #000;
    font-size: 1.563em;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 30px;
}
.info_top > div.info_cont p{
    line-height: 1.8;
    font-size: 1.25em;
    font-weight: 300;
}

.info_mid{
    float: right;
    width: calc(100% - 16.07%);
}
.info_mid .info_slide{
    /* width: calc(100% - 16.07%); */
    /* text-align: right; */ line-height: 0;

}
.info_mid .info_slide img{margin: 0 auto;}
.info_mid .info_slide .slick-arrow{
  z-index: 1;
  background-size: 100% !important;
}
.info_mid .info_slide .slick-arrow.slick-prev{
  width: 50px;
  height: 50px;
  background: url(/_static/Royal/img/sub/program_left.png) no-repeat center;
  left: 15px;
}
.info_mid .info_slide .slick-arrow.slick-next{
  width: 50px;
  height: 50px;
  background: url(/_static/Royal/img/sub/program_right.png) no-repeat center;
  left: auto;
  right: 15px;
}
.info_mid .info_slide .slick-arrow.slick-prev.slick-disabled{opacity: 0.5;}
.info_mid .info_slide .slick-arrow.slick-next.slick-disabled{opacity: 0.5;}

.info_mid .cont_p{
    margin-top: 45px;
}
.info_mid .cont_p > p{
    line-height: 1.8;
    font-size: 1.25em;
    font-weight: 300;
}

.info_btm{
    max-width: 954px;
    margin: 0 auto;
}
.info_btm .info_cont{
    margin-top: 45px;
}
.info_btm .info_cont .tit{
    color: #000;
    font-size: 1.563em;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 30px;
}
.info_btm .info_cont .cont_p{}
.info_btm .info_cont .cont_p > p{
    line-height: 1.8;
    font-size: 1.25em;
    font-weight: 300;
}
/*연혁*/

.year_tab{margin-bottom: 84px;position: relative;/* padding-bottom: 26px; */}
.yearslide:before{
  content:'';
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background: #dbdbdb;
  bottom: 7px;
  left: 0;
}
.year_tab .yearslide{
    margin: 0 60px;
}
.year_tab .yearslide .tabcont{
    vertical-align: bottom;
}
.year_tab .yearslide .tabcont a{
    display: block;
    position: relative;
    padding-bottom: 35px;
}
.year_tab .yearslide .tabcont a:before{
  content:'';
  display: block;
  background: #cccccc;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 1;
}
.year_tab .yearslide .tabcont a > span{
    color: #cccccc;
    font-size: 2.188em;
    letter-spacing: -0.030em;
    display: inline-block;
    line-height: 1;
    vertical-align: bottom;
    /* height: 48px; */
    /* line-height: 44px; */
    font-weight: 500;
    padding-top: 13px;
}
.year_tab .yearslide .tabcont a.on{
   
}
.year_tab .yearslide .tabcont a.on > span{
  color: #fdaf17;
  font-weight: 500;
  font-size: 3em;
  padding-top: 0;
}
.year_tab .yearslide .tabcont a.on:before{
  content:'';
  display: block; background: #fdaf17;
}

.year_wrap > .year_mini{
  width: 100%;
  display: none;
}
.year_wrap{margin-left: 5%;}
.year_wrap > .year_mini.current{display: block;}

.year_tbl{
    display: table;
    table-layout: fixed;
    width: 100%;
}
.year_tbl > div{
    display: table-cell;
    vertical-align: top;
    padding-left: 6%;
}
.year_tbl > div:first-child{}
.year_tbl .img_area{
    width: 47.37%;
    padding-right: 6.2%;
    border-right: 1px solid #dbdbdb;
    padding-left: 0;
    
}
.yearslide .slick-arrow{background-size: 100% !important;z-index: 1;transform: none;}
.yearslide .slick-arrow.slick-prev{
  width: 50px;
  height: 50px;
  background: url(/_static/Royal/img/sub/year_left.png) no-repeat center;
  left: -60px;
  top: auto;
  /* transform: translateY(-50%); */
  bottom: 0;
}
.yearslide .slick-arrow.slick-prev.slick-disabled{opacity: 0.5; }
.yearslide .slick-arrow.slick-next{
  width: 50px;
  height: 50px;
  background: url(/_static/Royal/img/sub/year_right.png) no-repeat center;
  left: auto;
  right: -60px;
  top: auto;
  /* transform: translateY(-50%); */
  bottom: 0;
}
.yearslide .slick-arrow.slick-next.slick-disabled{opacity: 0.5; }


.year_tbl .img_area img{
  -webkit-box-shadow: 2px 2px 14px rgba(208,208,208,0.75); 
    box-shadow: 2px 2px 14px rgba(208,208,208,0.75);
}
.year_tbl .year_cont{}
.year_tbl .year_cont .tit{
    color: #000000;
    font-weight: 600;
    font-size: 2.188em;
    line-height: 1;
}
.year_tbl .year_cont dl{
    margin-top: 43px;
}
.year_tbl .year_cont dl dt{
    color: #222222;
    font-weight: 500;
    font-size: 1.125em;
    line-height: 1;
}
.year_tbl .year_cont dl dd{
    margin-top: 20px;
}
.year_tbl .year_cont dl dd .part{
    padding-left: 82px;
    position: relative;
    margin-top: 19px;
}
.year_tbl .year_cont dl dd .part:first-child{margin-top: 0;}

.year_tbl .year_cont dl dd div strong{
    color: #888888;
    font-weight: 500;
    position: absolute;
    left: 0;
    top: 0;
}
.year_tbl .year_cont dl dd div p{
    color: #888888;
    font-weight: 300; margin-top: 9px;
}
.year_tbl .year_cont dl dd div p:first-child{margin-top: 0;}

/*f1소개*/
.f1_area_top{
    text-align: center;
    /* border-bottom: 1px solid #b7b6ae; */
    /* padding-bottom: 71px; */
    margin-top: 75px;
}
.f1_area_top .f1_cont_top{
    max-width: 780px;
    margin: 61px auto 0;
}
.f1_area_top .f1_cont_top .tit{font-size: 1.563em;font-weight: 600;line-height: 1;margin-bottom: 33px;}
.f1_area_top .f1_cont_top p{
  line-height: 1.818em;
  font-weight: 300; font-size: 1.375em;
}

.f1_cont{
    margin-top: 75px;
}
.f1_cont .f1_left{}
.f1_cont > div{display: table; table-layout: fixed; width: 100%; padding: 80px 0; border-top: 1px solid #b7b6ae;}
.f1_cont > div > div{display: table-cell; vertical-align: middle;}
.f1_cont > div > div:first-child{}
.f1_cont > div > div .tit{
    font-weight: 600;
    font-size: 1.563em;
    line-height: 1;
    margin-bottom: 31px;
}
.f1_cont > div > div > div{}
.f1_cont > div > div > div.img_area{text-align: center; margin: 0 auto;}
.f1_cont > div > div > div > p{font-size: 1.375em;line-height: 1.818em;font-weight: 300; word-break: keep-all;}
.f1_cont > div > div > div > p:first-child{}

.f1_cont > .f1_left > div:first-child{ width: 43%; padding-right: 40px;}
.f1_cont > .f1_left > div:last-child{}
.f1_cont > .f1_right > div:first-child{}
.f1_cont > .f1_right > div:last-child{width: 44%; padding-left: 40px;}


/*축전 장소*/
.place_tab{padding-bottom: 110px;}
.place_tab .tabcont{}
.place_tab .slick-slide a:before{
  content:''; display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  height: 99px;
  margin: 0 auto;
}
.place_tab .slick-slide:nth-child(1) a:before{
  width: 167px; 
  background-image: url(/_static/Royal/img/sub/palace_ico_01.png);
}
.place_tab .slick-slide:nth-child(2) a:before{
  width: 132px;
  background-image: url(/_static/Royal/img/sub/palace_ico_02.png);
}
.place_tab .slick-slide:nth-child(3) a:before{
  width: 155px; 
  background-image: url(/_static/Royal/img/sub/palace_ico_03.png);
}
.place_tab .slick-slide:nth-child(4) a:before{
  width: 139px;
  background-image: url(/_static/Royal/img/sub/palace_ico_04.png);
}
.place_tab .slick-slide:nth-child(5) a:before{
  width: 150px; 
  background-image: url(/_static/Royal/img/sub/palace_ico_05.png);
}
.place_tab .slick-slide:nth-child(6) a:before{
  width: 173px;
  background-image: url(/_static/Royal/img/sub/palace_ico_06.png);
}
.place_tab .slick-slide:nth-child(7) a:before{
  width: 88px;
  background-image: url(/_static/Royal/img/sub/palace_ico_07.png);
}
.place_tab .tabcont a{display: block;
  position: relative;

}
.place_tab .tabcont a span{
  display: block;
  background: #000000;
  color: #fff;
  font-weight: 500;
  width: auto; 
  text-align: center;
  border-radius: 3px;
  margin: 0 4px;
  padding: 4px 0;
  font-size: 0.938em;
}

.place_tab .slick-slide:nth-child(1) a.on:before{background-image: url(/_static/Royal/img/sub/palace_ico_01_on.png);}
.place_tab .slick-slide:nth-child(2) a.on:before{background-image: url(/_static/Royal/img/sub/palace_ico_02_on.png);}
.place_tab .slick-slide:nth-child(3) a.on:before{background-image: url(/_static/Royal/img/sub/palace_ico_03_on.png);}
.place_tab .slick-slide:nth-child(4) a.on:before{background-image: url(/_static/Royal/img/sub/palace_ico_04_on.png);}
.place_tab .slick-slide:nth-child(5) a.on:before{background-image: url(/_static/Royal/img/sub/palace_ico_05_on.png);}
.place_tab .slick-slide:nth-child(6) a.on:before{background-image: url(/_static/Royal/img/sub/palace_ico_06_on.png);}
.place_tab .slick-slide:nth-child(7) a.on:before{background-image: url(/_static/Royal/img/sub/palace_ico_07_on.png);}
  
.sub_tit{
  font-weight: 500;
  font-size: 1.75em;
  line-height: 1;
  margin-bottom: 24px;
}

/*찾아오시는길*/
.directions_area{}
.directions_area > div{
  border: 1px solid #888888;
  border-radius: 17px;
  padding: 20px;
}
.directions_area > div:first-child{margin-top: 0;}
.directions_area > div:before{
  content:'';
  display: inline-block;
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.directions_area > div:nth-child(1):before{
  background-image: url(/_static/Royal/img/sub/place_ad.png);
  background-position: center;
  width: 83px;
  height: 60px;
  left: 43px;
}
.directions_area > div:nth-child(2):before{
  background-image: url(/_static/Royal/img/sub/place_me.png);
  background-position: center;
  width: 47px;
  height: 71px;
  left: 38px;
}
.directions_area > div:nth-child(3):before{
  background-image: url(/_static/Royal/img/sub/place_bus.png);
  background-position: center;
  width: 54px;
  height: 60px;
  left: 61px;
}

.directions_cont{
  padding-left: 144px;
}
.directions_cont .tit{
    font-size: 1.375em;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 14px;
}
.directions_cont p{
    line-height: 1.5; font-weight: 300;
}
.directions_cont p strong{}
.directions_cont p:last-child{margin-bottom: 0;}

/*질문과 답변*/
.qna_area{}
.qna_area > .tit{
    font-weight: 500;
    font-size: 1.250em;
    text-align: center;
    line-height: 1;
    padding-bottom: 13px;
    border-bottom: 1px solid #b6b6ae;
}
.qna_area .qna_cont{}
.qna_area .qna_cont .edit_area{
    overflow: hidden;
    padding: 40px 0 20px;
    border-bottom: 2px solid #000000;
}
.qna_area .qna_cont .edit_area + .q_area{border-top: 0;}
.qna_area .qna_cont .edit_area > span{}
.qna_area .qna_cont .edit_area > span:first-child{}
.qna_area .qna_cont .edit_area .edit_left{
    float: left;
}
.qna_area .qna_cont .edit_area .edit_left > span{
    font-size: 0.875em;
    display: inline-block;
    margin-right: 15px;
}
.qna_area .qna_cont .edit_area .edit_left > span:first-child{}
.qna_area .qna_cont .edit_area .edit_right{
    float: right;
}
.qna_area .qna_cont .edit_area .edit_right > span{
    font-size: 0.875em;
}

.qna_area .qna_cont .q_area{
    border-top: 2px solid #000000;
    border-bottom: 1px solid #b6b6ae;
    background: #efefef;
    padding: 16px 0 16px 43px;
}
.qna_area .qna_cont .q_area > span{
  display: inline-block; vertical-align: middle;
}
.qna_area .qna_cont .q_view{
    padding: 20px 43px;
    min-height: 228px;
}

.qna_area .qna_cont .a_area{
    border-top: 2px solid #000000;
    border-bottom: 1px solid #b6b6ae;
    background: #efefef;
    padding: 16px 0 16px 43px;
    position: relative;
}
.qna_area .qna_cont .a_area > span{
  display: inline-block; vertical-align: middle;
}
.qna_area .qna_cont .a_area .manager{
    position: absolute;
    right: 52px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 500;
}
.qna_area .qna_cont .a_view{
    padding: 20px 43px;
    min-height: 228px;
    border-bottom: 1px solid #000;
}



/*상세 첨부파일*/
.file_cont{
    border-bottom: 1px solid #000;
    /* height: 63px; */
    padding: 19px 0px 19px 27px;
    /* line-height: 63px; */
}
.file_cont .fileBr {
  display: block;
  /* padding-right: 210px; */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
  position: relative;
}
.file_cont .fileBr + .fileBr{margin-top: 5px;}
.file_cont .fileBr img {
  position: absolute;
  top: 0;
  left: 0;
}
.file_cont .fileBr > span{
  /* color: #333333; */
  /* font-weight: 300; */
  /* font-size: 0.938em; */
  padding-left: 30px;
  display: block;
  /* height: 24px; */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}

/*프로그램*/
.program_view{}
.program_view .program_tit{
    text-align: center;
    padding: 24px 0;
    position: relative;
    border: 1px solid #000000;
    border-width: 1px 0;
}
.program_view .program_tit .top{
  background: #55be8c;
  color: #fff;
  width: auto;
  padding: 0 5px;
  display: inline-block;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border-radius: 3px;
}
.program_view .program_tit .tit{
  font-size: 1.75em;
  line-height: 1;
  font-weight: 500;
  margin-top: 15px;
}
.program_view .program_tit .bookmark{
  position: absolute;
  right: 7px;  bottom: 11px;
  display: inline-block;
    vertical-align: middle;
    width: 99px;
    height: 22px;
}
.program_view .program_tit .bookmark:before{
    content:''; display: inline-block;
    background: url(/_static/Royal/img/sub/bookmark.png) no-repeat center;
    width: 23px; height: 22px;
    vertical-align: middle;
    margin-bottom: 2px;
    margin-right: 5px;
}
.program_view .program_tit .bookmark.on:before{
  background: url(/_static/Royal/img/sub/bookmark_on.png) no-repeat center;
}
.program_view .program_area{
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 45px 0;
}
.program_view .program_area > div{
    display: table-cell;
    vertical-align: top;
    width: auto;
}
.program_view .program_area > div:first-child{width: 40.29%;}
.program_view .program_area > div:last-child{/*padding-left: 76px;*/ padding-left: 5.4%;}
.program_view .program_area > div .img_area{
  text-align: center;
    position: relative;
    width: 100%;
    padding-top: 65.78%;
}
.program_view .program_area > div .img_area img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
}
.program_view .program_area .program_cont{
    padding: 15px 40px;
    border: 1px solid #b7b6ae;
    border-width: 1px 0;
}
.program_view .program_area .program_cont > li{
    margin-top: 20px;
}
.program_view .program_area .program_cont > li:first-child{margin-top: 0;}
.program_view .program_area .program_cont > li span{
    font-weight: 500;
    width: 123px;
    display: inline-block; vertical-align: middle;
}
.program_view .program_area .program_cont > li em{display: inline-block; vertical-align: middle; width: 92px; height: 28px; line-height: 28px; text-align: center; background: #000; border-radius: 3px; color: #fff; 
  /* 230525 궁중문화 영문 스타일추가 */
  width: auto;
  padding: 0 5px;
}
.program_view .program_area .program_cont > li em.rite{background: #00b2ac;}
.program_view .program_area .program_cont > li em.event{background: #3069a5;}
.program_view .program_area .program_cont > li em.exhibit{background: #372971;}
.program_view .program_area .program_cont > li em.exper{background: #b4182a;}
.program_view .program_area .program_cont > li em.perfor{background: #ef4d69;}
.program_view .program_area .program_cont > li em.picture{background: #f89b1c;}
.program_view .program_area .program_cont > li .cont.ing{background: #fcaf17;}
.program_view .program_area .program_cont > li .cont.expect{background: #55be8c;}
.program_view .program_area .program_cont > li .cont.end{background: #b7b6ae;}

.program_view .btn_area{}
.program_view .btn_area > a{padding: 0 8px;}

.detail_view{}
.detail_view .tit{
    font-weight: 600;
    font-size: 1.5em;
    line-height: 1;
    background: #ebebeb;
    border: 1px solid #b7b6ae;
    border-width: 1px 0;
    text-align: center;
    padding: 13px 0;
}


.sub_cont{margin-top: 34px;}
.sub_cont strong{font-size: 1.125em; font-weight: 500; display: block;}
.sub_cont p{font-size: 1.125em; font-weight: 300; margin-top: 10px;}


/*만드는 사람들*/
.make_area_top{
    margin-top: 38px;
    margin-bottom: 100px;
}
.make_area_top .img_area{
    text-align: center;
}
.make_area_top .img_area img{}

.make_area{
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: 115px;
}
.make_area:first-child{margin-top: 0;}
.make_area > div{
    display: table-cell;
    vertical-align: top;
}
.make_area > div:first-child{
    width: 34.36%;
    padding-right: 38px;
    padding-top: 44px;
}
.make_area > div .logo_left{
    border-top: 1px solid #888888;
    padding: 18px 0 0 25px;
}
.make_area > div .logo_left img{}
.make_area > div .logo_area{
}
.make_area > div .logo_area .only{
  /* padding-left: 214px; */
}
.make_area > div .logo_area .only div{
  margin-top: 11px;
}
.make_area > div .logo_area .only div:first-child{margin-top: 0;}
.make_area > div .logo_area .only div > p{
  color: #888888;
  
  display: inline-block;
  margin-left: 16px;
}
.make_area > div .logo_area .only div > p:first-child{}
.make_area > div .logo_area .only div > p strong{
  font-size: 1.250rem;
  color: #000;
  line-height: 1;
  display: inline-block;
  font-weight: 500;
}
.make_area > div .logo_area .tit{
    border-bottom: 1px solid #888;
    padding-bottom: 16px;
    color: #222222;
    font-size: 1.75em;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 30px;
}
.make_area > div .logo_area .tit + div{

}
.make_area > div .logo_area dl{
    position: relative;
    margin-top: 35px;
}
.make_area > div .logo_area dl:first-child{margin-top: 0;}
.make_area > div .logo_area dl dt{
    color: #56be8d;
    font-weight: 500;
    font-size: 1.375em;
    line-height: 1;
    /* position: absolute; */
    left: 0;
    top: 0;
    margin-bottom: 5px;
}
.make_area > div .logo_area dl dd{
    /* padding-left: 214px; */
    /* padding-top: 3px; */
}
.make_area > div .logo_area dl dd div{
    margin-top: 3px;
}
.make_area > div .logo_area dl dd div:first-child{margin-top: 0;}
.make_area > div .logo_area dl dd div > p{
    color: #888888;
    display: inline-block;
    margin-left: 10px;
    margin-top: 10px;
}
.make_area > div .logo_area dl dd div > p:first-child{}
.make_area > div .logo_area dl dd div > p strong{
    font-size: 1.188rem;
    color: #000;
    line-height: 1;
    display: inline-block;
    font-weight: 500;
}


/*궁이둥이*/
.king_area{
    display: table;
    table-layout: fixed;
    width: 100%;
}
.king_area > div{
    display: table-cell;
    vertical-align: top;
    padding-left: 40px;
    /* min-height: 640px; */
}
.king_area > div:first-child{padding-left: 0;width: 65.72%;}
.king_area > div .king_cont{
    padding: 33px 0;
    border: 1px solid #222222;
    border-width: 1px 0;
    min-height: 640px;
}
.king_area > div .king_cont .tit{
  color: #000;
  font-weight: 600;
  font-size: 1.563em;
  line-height: 1;
  margin-bottom: 27px;
}
.king_area > div .king_cont > div > div{
    margin-top: 53px;
}
.king_area > div .king_cont > div > div:first-child{margin-top: 0;}
.king_area > div .king_cont > div p{
    font-size: 1.375em;
    line-height: 1.7; font-weight: 300;
}
.king_btm_area{margin-top: 80px;/* display: table; *//* table-layout: fixed; *//* width: 100%; *//* display: flex; */justify-content: space-between;overflow: hidden;}
.king_btm_area > div{
    /* display: table-cell; */
    width: auto;
    /* flex: 0 1 auto; */
    float: left;
    margin-left: 38px;
    margin-left: 2.75%;
}
.king_btm_area > div:nth-child(1){
    margin-left: 0;
    width: 48.64%;
}
.king_btm_area > div:nth-child(2){
    width: 22.93%;
}
.king_btm_area > div:nth-child(3){
    width: 22.93%;
}


/*프로그램 안내*/
.place_area{
    /* display: table; */
    /* table-layout: fixed; */
    width: 100%;
    overflow: hidden;
}
.place_area > div{
    /* display: table-cell; */
    /* vertical-align: top; */
    float: left;
}
.place_area > div:first-child{width: 65.8%;/* padding-right: 40px; */}
.place_area > div .img_area{}
.place_area > div .img_area img{}
.place_area > div:last-child{
    padding: 30px 0;
    border: 1px solid #000;
    border-width: 1px 0;
    /* width: auto; */
    width: calc(100% - 68.71%);
    float: right;
    min-height: auto;
    min-height: 810px;
}
.place_area > div.typeLong:last-child{
  min-height: 990px;
}
.place_area > div .place_area_p{
    margin-top: 25px;
}
.place_area > div .place_area_p:first-child{
    margin-top: 0;
}
.place_area > div .place_area_p > p{
    line-height: 1.5;
    font-weight: 300;
    font-size: 15px;
}

.place_area .directions_area{overflow: hidden; margin-top: 52px;}
.place_area .directions_area > div{
  float: left;
  width: 48.3%;
  margin-bottom: 30px;
  position: relative;
}
.place_area .directions_area > div:last-child{margin-bottom: 0;}
.place_area .directions_area > div:nth-child(1){
  min-height: 150px;
}
.place_area .directions_area > div:nth-child(2){
  margin-left: 3.4%;
  margin-top: 0;
  min-height: 150px;
}
.place_area .directions_area > div:nth-child(2) .directions_cont{
  padding-left: 105px;
}
.place_area .directions_area > div:nth-child(3){
  float: none;
  width: 100%;
  overflow: hidden;
  min-height: 150px;
}

/* 2025 일정표 추가 250424 */
.schedule-25-spring .text-guide {text-align:right;color:#767676;margin-bottom:8px;font-size:13px;}

@media all and (max-width:1400px){
  .place_slide .slick-dots{bottom: -30px;}
  .place_slide .slick-dots li button:before{
    display: none;
  }
  .place_slide .slick-dots li{
    width: 9px;
    height: 9px;
    margin: 0 8px;
  }
  .place_slide .slick-dots li.slick-active:after{
    content: '';
    display: block;
    position: absolute;
    top: -5px;
    left: -5px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
  }
  .place_slide .slick-dots li button{
    background: #888;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    padding: 0;
  }
  .place_slide .slick-dots li.slick-active button{
    background: #000;
  }
  .place_slide .slick-dots li.slick-active:after {
    content: '';
    display: block;
    position: absolute;
    top: -5px;
    left: -5px;
    border: 1px solid #000;
    width: 16px;
    height: 16px;
    border-radius: 50%;
  }

}
@media all and (max-width:1200px){
 
  /*축전소개*/
  .info_area_top{}
 
  /*축전장소*/
  .place_tab{padding-bottom: 90px;}
  .place_area > div .place_area_p{margin-top: 30px;}
  .place_area > div:last-child{min-height: 100%;}
  .place_area > div.typeLong:last-child{min-height: 100%;}
  .sub_tit{font-size: 1.5em; margin-bottom: 18px;}  

  .tree_area{width: 81px;}

  /*축전연혁*/
  .year_tbl .year_cont .tit{font-size: 1.875em;}
  .year_tbl .year_cont dl{margin-top: 33px;}

  /*궁이둥이*/
  .king_area > div .king_cont{min-height: 100%; padding: 23px 0;}
  .king_area > div .king_cont .tit{font-size: 1.375em;}
  .king_area > div .king_cont > div p{font-size: 1.188em;}
  .king_area > div .king_cont > div > div{margin-top: 43px;}
  .king_btm_area{margin-top: 60px;}

  /*FL 소개*/
  .f1_area_top{margin-top: 55px;}
  .f1_area_top .img_area img{width: 602px;}
  .f1_area_top .f1_cont_top{margin: 41px auto 0;}
  .f1_area_top .f1_cont_top .tit{font-size: 1.375em; margin-bottom: 22px;}
  .f1_cont{margin-top: 55px;}
  .f1_cont > div{padding: 50px 0;}
  .f1_cont > div > div .tit{font-size: 1.375em; margin-bottom: 22px;}
  .f1_cont > div > div > div > p{font-size: 1.188em;}
  .f1_area_top .f1_cont_top p{font-size: 1.188em;}

  .f1_cont > div > div > div.img_area img{}
  .f1_cont .f1_left:nth-child(1) .img_area{width: 459px;}
  .f1_cont .f1_right .img_area{width: 285px;}
  .f1_cont .f1_left:nth-child(3) .img_area{width: 456px;}
}

@media screen and (min-width:1025px){
    /* 2025 일정표 추가 250424 */
    .mo-only {display:none;}
}

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


  /*축전소개*/
  .info_area_top{margin-top: 67px;}
  .tab_info{margin: 45px auto 103px;}
  .tab_info > div{font-size: 1.125em;}
  .info_mid{width: 100%;}
  .info_top > div.info_cont .tit{font-size: 1.313em; margin-bottom: 20px;}
  .info_top > div.info_cont p{font-size: 1.125em;}
  .info_area{margin-top: 104px;}
  .info_mid .cont_p > p{font-size: 1.125em;}
  .info_btm{max-width: 100%;}
  .info_btm .info_cont .tit{font-size: 1.313em; margin-bottom: 20px;}
  .info_mid .cont_p{margin-top: 35px;}
  .info_btm .info_cont{margin-top: 35px;}
  .info_btm .info_cont .cont_p > p{font-size: 1.125em;}


 /*축전장소*/
 .place_tab{padding-bottom: 70px;}
 /* .place_area{margin-top: 40px;} */
 .place_area .directions_area{margin-top: 32px;}
 .place_area .directions_area > div{float: none; width: 100%; margin-bottom: 0; padding: 30px 20px;}
 
 .directions_cont{padding-left: 105px;}
 .directions_area > div:nth-child(1):before{left: 20px;}
 .directions_area > div:nth-child(2):before{left: 40px;}
 .directions_area > div:nth-child(3):before{left: 38px;}
 .place_area .directions_area > div{margin-top: 20px;}
 .place_area .directions_area > div:first-child{margin-top: 0;}

 .place_area .directions_area > div:nth-child(2){margin-left: 0; margin-top: 20px;}
 .directions_cont .tit{font-size: 1.250em;}


 /*프로그램 상세*/
 .program_view .program_area{padding: 35px 0;}
 .program_view .program_tit .tit{font-size: 1.5em;}
 .program_view .program_area .program_cont{padding: 15px 30px;}
 .program_view .program_area .program_cont > li span{width: 100px;}


 /*축전연혁*/ 
 .year_tbl .year_cont .tit{font-size: 1.5em;}
 .year_tbl .year_cont dl{margin-top: 22px;}
 .year_tbl .year_cont dl dd{margin-top: 10px;}
 .year_tbl .year_cont dl dd .part{margin-top: 9px;}
 
 .year_tab{margin-bottom: 64px;}
 .year_tab .yearslide .tabcont a > span{font-size: 1.875em;}
 .year_tab .yearslide .tabcont a.on > span{font-size: 2.5em;}

 /*만드는사람들*/
 .make_area_top{margin-top: 28px; margin-bottom: 90px;}
 .make_area{margin-top: 105px;}
 .make_area > div .logo_area .tit{font-size: 1.5em;}
 .make_area > div .logo_area dl dt{font-size: 1.375em;}
 .make_area > div .logo_left{padding: 10px 0 0 15px;}
 .make_area > div:first-child{padding-top: 41px;}
 .make_area_top .img_area img{width: 195px;}

 /*궁이둥이*/
 .king_area{display: block;}
 .king_area > div:first-child{width: 100%; text-align: center; margin-bottom: 20px;}
 .king_area > div{display: block; padding-left: 0;}

 /*Fl 소개*/
 .f1_area_top{margin-top: 35px;}

/* .map_wrap{display: none;} */
.btn_zoom{display:block;}
.map_wrap{overflow: hidden; position: relative; margin-bottom: 0;}
.map_wrap .map_top{display: block; position: relative; overflow: scroll; height: 500px;}
.map_box{
    display: block;
    width: 1400px;
    /* transform: scale(1); */
    /* zoom: 60%; */

}
.map_box > img{
  width: 1400px;
}

.m_palace_area{display: block; margin: 30px 0 40px;}

.m_palace_area .palace_cont{position: relative;}
.m_palace_area .palace_cont .tit{color: #f6ff42; font-size: 1.125em; font-weight: 500; margin-top: 8px;}
.m_palace_area .palace_cont > .top_p{color: #fff; font-size: 1em; line-height: 1.3; font-weight: 500; margin-bottom: 7px;}
.m_palace_area .palace_cont > p{color: #fff; font-size: 0.875em; line-height: 1.3; padding-top: 7px; border-top: 1px solid #fff; margin-top: 7px;}

.m_palace_area .palace_cont.clk{ background: #8523db; width: 100%; padding: 23px 15px; border-radius: 10px;}
.m_palace_area .palace_cont.hvr{ background: #0098cf; width: 100%; padding: 23px 15px; border-radius: 10px;}
.m_palace_area .palace_cont > a{
    display: inline-block;
    color: #8523db;
    background: #fff;
    width: 85px;
    height: 15px;
    line-height: 13px;
    font-size: 0.750em;
    border-radius: 15px;
    position: absolute;
    top: 10px;
    right: 15px;
    text-align: center;
}
.palace_area{display: none;}

/* 2025 일정표 추가 250424 */
.pc-only {display:none;}
.schedule-25-spring {max-width:860px;margin:0 auto;}
.schedule-25-spring .img-wrap {position:relative;}
.schedule-25-spring .img-wrap .img {overflow:hidden;width:60%;}
.schedule-25-spring .img-wrap .img-scroll {position:absolute;top:0;right:0;bottom:0;left:60%;overflow-x:auto;}
.schedule-25-spring .img-wrap .img-scroll .img-inner {width:155%;height:100%;}

}

@media all and (max-width:860px){
  .program_view .program_tit .bookmark{position: static; text-align: right; width: 100%; display: block; margin-top: 5px;}

  .list_area{margin-top: 40px;}
  .sub_tit{font-size: 1.375em; margin-bottom: 14px;}

  /*축전소개*/
  .info_area_top{margin-top: 37px;}
  .info_area_top .img_area img{width: 496px;}
  .tab_info{margin: 25px auto 50px;/* max-width: 480px; */flex-wrap: wrap; }
  .tab_info > div{font-size: 1em; width: 33.33%; margin-top: 20px;}
  .tab_info > div:nth-child(-n+3){margin-top: 0px;}
  .tab_info > div:nth-child(3n):before {display: none;} 
  .info_top > div.info_cont .tit{font-size: 1.250em; margin-bottom: 12px;}
  .info_top > div.info_cont p{font-size: 1.063em;}
  .info_area{margin-top: 80px;}
  .info_mid .cont_p{margin-top: 25px;}
  .info_mid .cont_p > p{font-size: 1.063em;}
  .info_btm .info_cont{margin-top: 25px;}
  .info_btm .info_cont .tit{font-size: 1.250em; margin-bottom: 12px;}
  .info_btm .info_cont .cont_p > p{font-size: 1.063em;}
  


   /*축전장소*/
   .place_tab{padding-bottom: 50px;}
  .place_area > div .img_area{text-align: center;}
  .place_area > div:first-child{width: 100%; float: none;}
  .place_area > div:last-child{width: 100%; float: none; margin-top: 30px;}
  .place_area .directions_area{margin-top: 20px;}
  .place_area .directions_area > div{margin-bottom: 20px; padding: 20px;}
  .directions_cont .tit{font-size: 1.125em;}
  .directions_area > div:nth-child(1):before{width: 41.5px; left: 40px;}
  .directions_area > div:nth-child(2):before{width: 23.5px; left: 50px;}
  .directions_area > div:nth-child(3):before{width: 27px; left: 50px;}
  .place_area .directions_area > div:nth-child(1){min-height: 100%;}
  .place_area .directions_area > div:nth-child(2){min-height: 100%;}
  .place_area > div:last-child{padding: 20px 0;}
  .place_area > div .place_area_p{margin-top: 20px;}

  /*프로그램*/
  .program_view .program_area > div:first-child{display: block; width: 100%; text-align: center;}
  .program_view .program_area > div:last-child{display: block; padding-left: 0; margin-top: 20px;}
  .detail_view .tit{font-size: 1.250em; padding: 10px 0;}

  /*게시판*/
  .qna_area .qna_cont .edit_area{padding: 20px 0 10px;}
  .qna_area .qna_cont .q_area{padding: 16px 0 16px 20px;}
  .qna_area .qna_cont .q_view{padding: 16px 0 16px 20px;}
  .qna_area .qna_cont .a_area .manager{right: 20px;}
  .qna_area .qna_cont .a_area{padding: 16px 0 16px 20px;}
  .qna_area .qna_cont .a_view{padding: 16px 0 16px 20px;}

   /*축전연혁*/
   .year_wrap{margin-left: 0;}
   .year_tbl .year_cont .tit{font-size: 1.250em;}
   .year_tbl .year_cont dl dt{font-size: 1.063em;}
   .year_tbl .year_cont dl dd{font-size: 0.938em;}
   .year_tbl .year_cont dl dd .part{padding-left: 72px;}
   .year_tbl .year_cont dl dd div p{margin-top: 4px;}
   
   .year_tab .yearslide{margin: 0 40px;}
   .yearslide .slick-arrow.slick-prev{width: 30px; height: 30px; left: -40px;}
   .yearslide .slick-arrow.slick-next{width: 30px; height: 30px; right: -40px;}
   
   .year_tab{margin-bottom: 44px;}
   .year_tab .yearslide .tabcont a > span{font-size: 1.438em;}
   .year_tab .yearslide .tabcont a.on > span{font-size: 2.255em;}

  /*만드는 사람들*/
  .make_area{margin-top: 50px;}
  .make_area > div .logo_left{padding-left: 0; text-align: center;}
  .make_area > div .logo_left img{/*width: 80%;*/ margin: 0 auto;}
  .make_area > div .logo_area .tit{font-size: 1.375em;}
  .make_area > div .logo_area dl dt{font-size: 1.250em;}
  .make_area > div .logo_area dl dd div > p strong{font-size: 1.125rem;}
  .make_area > div .logo_area .only div > p strong{font-size: 1.125rem;}
  /* .make_area > div .logo_area dl dd{padding-left: 154px;} */
  /* .make_area > div .logo_area .only{padding-left: 154px;} */

  .make_area_top{margin-top: 0; margin-bottom: 60px;}
  .make_area{display: block;}
  .make_area > div{display: block;}
  .make_area > div:first-child{width: 100%; padding-top: 0; padding-right: 0; display: none;}
  /* .make_area > div:last-child{margin-top: 20px;} */
  .make_area > div .logo_left{border-top: 0; padding: 0;}


   /*궁이둥이*/
   .king_area > div .king_cont .tit{font-size: 1.250em; margin-bottom: 17px;}
   .king_area > div .king_cont > div p{font-size: 1.125em;}
   .king_area > div .king_cont > div > div{margin-top: 33px;}
   .king_btm_area{margin-top: 40px;}

   /*Fl 소개*/
   .f1_cont{margin-top: 40px;}
   .f1_cont > div{padding: 40px 0;}
   .f1_cont > div > div{display: block;}
   .f1_cont > .f1_left > div:first-child{width: 100%; padding-right: 0;}
   .f1_cont > .f1_right > div:last-child{width: 100%; padding-left: 0;}
   .f1_cont > .f1_left > div:last-child{margin-top: 25px;}
   .f1_cont > .f1_right > div:first-child{margin-bottom: 25px;}
   .f1_cont > div > div .tit{font-size: 1.250em; margin-bottom: 17px;}
   .f1_area_top .f1_cont_top .tit{font-size: 1.250em; margin-bottom: 17px;}
   .f1_cont > div > div > div > p{font-size: 1.125em;}
   .f1_area_top .f1_cont_top p{font-size: 1.125em;}
   

}

@media all and (max-width:767px){
  /* 2025 일정표 추가 250424 */
.schedule-25-spring .img-wrap .img {overflow:hidden;width:76%;}
.schedule-25-spring .img-wrap .img img {width:100%;}
.schedule-25-spring .img-wrap .img-scroll {position:absolute;top:0;right:0;bottom:0;left:76%;overflow-x:auto;}
.schedule-25-spring .img-wrap .img-scroll .img-inner {width:320%;height:100%;}
.schedule-25-spring .img-wrap .img-scroll .img-inner img {width:100%;}
}

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

@media all and (max-width:580px){
  
  .sub_tit{font-size: 1.250em; margin-bottom: 9px;}
  .cont_p > p{font-size: 0.938em;}

  /* .cont_list > li:before{top: 9px;} */
  .list_area{margin-top: 30px;}
  .cont_list > li{font-size: 0.938rem; margin-top: 4px;}
  .cont_list > li:before{top: 10px;}

  /*축전소개*/
  .info_area_top{margin-top: 0;}
  .info_area_top .img_area img{width: 372px;}
  .tab_info{margin: 15px auto 40px;}
  .tab_info > div{width: 100%; margin-top: 12px;}
  .tab_info > div:before{display: none;}
  .tab_info > div:nth-child(-n+3){margin-top: 12px;}
  .tab_info > div:nth-child(1){margin-top: 0;}

  .info_top{display: block;}
  .info_top > div{display: block;}
  .info_top > div:first-child{width: 100%;}
  .info_top > div.info_cont{margin-top: 15px;}
  .info_top > div.info_cont{padding-left: 0;}
  .info_top > div.info_cont .tit{font-size: 1.125em;}
  .info_top > div.info_cont p{font-size: 1em;}
  .info_area{margin-top: 40px;}
  
  .info_mid .info_slide .slick-arrow.slick-prev{width: 25px; height: 25px; background-size: 100%; left: 10px;}
  .info_mid .info_slide .slick-arrow.slick-next{width: 25px; height: 25px; background-size: 100%; right: 10px;}

  .info_mid .cont_p > p{font-size: 1em;}
  .info_btm .info_cont{margin-top: 15px;}
  .info_btm .info_cont .tit{font-size: 1.125em;}
  .info_btm .info_cont .cont_p > p{font-size: 1em;}


  /*축전장소*/
  .place_area .directions_area > div{padding: 10px;}
  .directions_cont .tit{font-size: 1em; margin-bottom: 7px;}
  .directions_cont p{font-size: 0.938em;}
  .place_area .directions_area > div:nth-child(3){min-height: 100%;}
  .directions_cont{padding-left: 87px;}
  .place_area .directions_area > div:nth-child(2) .directions_cont{padding-left: 87px;}

  .directions_area > div:nth-child(1):before{left: 30px;}
  .directions_area > div:nth-child(2):before{left: 40px;}
  .directions_area > div:nth-child(3):before{left: 40px;}

  .place_area > div .place_area_p > p{font-size: 0.938em;}

  .place_tab{padding-bottom: 30px;}
  .place_tab .slick-slide a:before{height: 60px;}
  .place_tab .slick-slide:nth-child(1) a:before{width: 83.5px;}
  .place_tab .slick-slide:nth-child(2) a:before{width: 66px;}
  .place_tab .slick-slide:nth-child(3) a:before{width: 77.5px;}
  .place_tab .slick-slide:nth-child(4) a:before{width: 69.5px;}
  .place_tab .slick-slide:nth-child(5) a:before{width: 75px;}
  .place_tab .slick-slide:nth-child(6) a:before{width: 86.5px;}
  .place_tab .slick-slide:nth-child(7) a:before{width: 44px;}
  .place_tab .tabcont a span{
    /* width: 62px; 
    height: 25px;
    line-height: 25px; */
    font-size: 0.875em;
    margin: 0 2px;
  } 


  /*프로그램*/
  .program_view .program_tit{padding: 14px 0;}
  .program_view .program_tit .top{width: 72px;}
  .program_view .program_tit .tit{font-size: 1.250em; margin-top: 10px;}
  .program_view .program_area{padding: 25px 0;}
  .program_view .program_area .program_cont{padding: 10px 20px;}
  .program_view .program_area .program_cont > li{margin-top: 12px; font-size: 0.938em;}
  .detail_view .tit{font-size: 1.125em; font-weight: 500;}

  .program_view .btn_area{margin-top: 20px;}

  .view_con{padding: 15px 20px;}

  /*게시판*/
  .qna_area > .tit{font-size: 1.125em;}
  .qna_area .qna_cont .edit_area{padding: 20px 0 10px;}
  .qna_area .qna_cont .edit_area .edit_left > span{margin-right: 10px;}
  .file_cont{padding: 10px 0 10px 20px;}
  .file_cont .fileBr{font-size: 0.938em;}
  .file_cont .fileBr > span{font-size: 0.875em; padding-left: 24px;}
  .btn_area > a{min-width: 93px; font-size: 0.938em;}
  .qna_area .qna_cont .q_area{padding: 8px 0 8px 10px;}
  .qna_area .qna_cont .q_area > span{font-size: 0.938em;}
  .qna_area .qna_cont .q_view{padding: 8px 0 8px 10px;
    min-height: 100%;
    max-height: 200px;
    overflow-y: scroll; font-size: 0.938em;
  }
  .qna_area .qna_cont .a_area{padding: 8px 0 8px 10px;}
  .qna_area .qna_cont .a_view{padding: 8px 0 8px 10px;
    min-height: 100%;
    max-height: 200px;
    overflow-y: scroll; font-size: 0.938em;
  }
  .qna_area .qna_cont .a_area > span{font-size: 0.938em;}
  .qna_area .qna_cont .a_area .manager{font-size: 0.875em; right: 10px;}

  /*축전연혁*/
  .year_tbl{display: block;}
  .year_tbl .img_area{
    width: 100%;
    padding-right: 0;
    border-right: 0;
    width: 273px;
    margin: 0 auto;
    display: block;
  }
  .year_tbl .year_cont .tit{font-size: 1.375em;}

  .year_tbl > div:last-child{display: block; padding-left: 0; margin-top: 20px; border-top: 1px solid #dbdbdb; padding-top: 20px;}

  .year_tab{margin-bottom: 33px;}
  .year_tab .yearslide .tabcont a > span{
    font-size: 1.125em;
    padding-top: 6px;
  }
  
  .year_tab .yearslide .tabcont a{padding-bottom: 20px;}
  .year_tab .yearslide .tabcont a.on > span{font-size: 1.5em;}
  .year_tab .yearslide .tabcont a:before{width: 8px; height: 8px; bottom: 4px;}

  /*만드는사람들*/
  .make_area_top{margin-bottom: 30px;}
  .make_area_top .img_area img{width: 146px;}
  .make_area:nth-child(1) > div .logo_left img{width: 112.5px;}
  .make_area:nth-child(2) > div .logo_left img{width: 152.5px;}
  .make_area:nth-child(3) > div .logo_left img{width: 116px;}
  .make_area > div .logo_area .tit{font-size: 1.250em; margin-bottom: 20px; padding-bottom: 20px;}
  .make_area > div .logo_area dl dt{font-size: 1.125em; position: static;}
  .make_area > div .logo_area dl dd{padding-left: 0; margin-top: 12px;}

  .make_area > div .logo_area dl{margin-top: 25px;}
  .make_area > div .logo_area dl dd div > p strong{font-size: 1rem;}
  .make_area > div .logo_area dl dd div > p{font-size: 0.875em;margin-left: 3px;}
  .make_area > div .logo_area dl dd div > p:first-child{margin-left: 0;}
  .make_area > div .logo_area .only{padding-left: 0;}
  .make_area > div .logo_area .only div > p strong{font-size: 1.063rem;}
  .make_area > div .logo_area .only div > p:first-child{margin-left: 0;}



  /*궁이둥이*/
  .king_area > div .king_cont{padding: 20px 0;}
  .king_area > div .king_cont .tit{font-size: 1.125em; margin-bottom: 12px;} 
  .king_area > div .king_cont > div p{font-size: 1rem;}
  .king_area > div .king_cont > div > div{margin-top: 22px;}
  .king_btm_area{margin-top: 30px;}
  .king_btm_area > div:nth-child(1){width: 100%;margin-bottom: 20px;}
  .king_btm_area > div:nth-child(2){width: 48%;margin-left: 0;}
  .king_btm_area > div:nth-child(3){width: 48%;margin-left: 4%;}


  /*Fl 소개*/
  .f1_area_top{margin-top: 0;}
  .f1_area_top .img_area img{width: 401px;}
  .f1_area_top .f1_cont_top{margin: 31px auto 0;}
  .f1_area_top .f1_cont_top .tit{margin-bottom: 12px;}
  .f1_area_top .f1_cont_top p{font-size: 0.938em;}
  .f1_cont{margin-top: 35px;}
  .f1_cont > div{padding: 30px 0;}
  .f1_cont > div > div .tit{margin-bottom: 12px;}
  .f1_cont > div > div > div > p{font-size: 1em;}
  .f1_cont .f1_left:nth-child(1) .img_area{width: 305.5px;}
  .f1_cont .f1_right .img_area{width: 189.5px;}
  .f1_cont .f1_left:nth-child(3) .img_area{width: 304px;}

  .map_box a{width: 22px; height: 22px;}
    .map_box a.click_a{background-size: 14px auto;}
    .map_box a.hover_a{background-size: 14px auto;}
    .map_box a.click_a.on{width: 25px; height: 25px; background-size: 17px auto; top: -2px; left: -2px;}
    .map_box a.hover_a.on{width: 25px; height: 25px; background-size: 17px auto; top: -2px; left: -2px;}
    .map_box a.click_a.on:before{width: 21px; height: 21px; border-width: 2px;}
    .map_box a.hover_a.on:before{width: 21px; height: 21px; border-width: 2px;}

    .map_wrap .map_top{height: 450px;}
    .m_palace_area .palace_cont.clk{  padding: 23px 15px; border-radius: 10px;}
    .map_box .palace_cont.clk.left{
      left: auto;
        right: 20px; top: auto; bottom: 20px;
    }
    .map_box .palace_cont.clk.left2{
      left: auto;
        right: 20px; top: 20px; bottom: auto;
    }
    .m_palace_area .palace_cont.hvr{   padding: 23px 15px; border-radius: 10px;}
    .map_box .palace_cont.hvr.left{
      left: auto;
      right: 20px; top: auto; bottom: 20px;
  }
    .m_palace_area .palace_cont > a{
        width: 85px;
        height: 15px;
        line-height: 15px;
        font-size: 0.750em;
        top: 10px;
        right: 15px;
    }
    .m_palace_area{margin-top: 20px;}
}

@media all and (max-width:479px){
 
  .sub_tit{font-size: 1.125em;}
  .btn_area > a{
    min-width: 93px;
    font-size: 0.938em;
    height: 30px;
    line-height: 30px;
  }
}

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