#mvisual{position:relative; width:100%; height:550px; overflow:hidden;}

/* 축제안내 비주얼내 미니 팝업*/
.fest_info_pop{position:absolute;width: 180px;top:100px;left:60%;z-index: 999;}
.fest_info_pop .fest_info_tit{position:absolute;top:0;left:50%;margin: 0 0 0 -4px;width: 180px;border-radius: 30px;padding: 10px 0 4px 0;background:#5463a8;color:#fff;font-size: 20px;text-align:center;/* font-weight: 400; */}
.fest_info_pop .fest_info_con{width: 340px;height: 105px;padding: 19px 23px 0px 25px;background:#f2f6ff;margin-top: 20px;border:2px solid #5463a8;}
.fest_info_pop .fest_info_con .fest_name{color:#5463a8;text-align: center;font-size: 24px;display:block;margin: 10px 0 0 0;letter-spacing: -1px;}
.fest_info_pop .fest_info_con time{color:#e14b59;font-size: 23px;display:block;margin-top: 10px;letter-spacing: -1px;text-align: center;font-weight:600;}


#mcontainer{position:relative; width:100%; height:auto; overflow:hidden;}
#mcontents{position:relative; width:1200px; margin:50px auto; overflow:hidden;}
#mcontents .festiMovie{position:relative;float:left;width: 38%;height:286px;background:#5462a7;}
#mcontents .festiMovie .movieBox{margin:30px 0 0 40px;height: 165px;overflow: hidden;}
#mcontents .festiMovie .movieBox img{width: 380px;/* margin-left: -20px; */}
#mcontents h2.titW{font-size:25px; color:#fff; padding:40px 0 0 40px;}
#mcontents h2.titB{font-size:25px; color:#333; padding:40px 0 0 40px;}
#mcontents h2.titB_m{font-size:18px; color:#333; padding:20px 0 0 36px;}

#mcontents .festInfo{position:relative; float:left; width:738px; height:286px; border:1px solid #e9e9e9; border-width:1px 1px 0 0;}
#mcontents .festInfo p.text{display:inline-block; float:left;width:404px; margin:20px 0 0 50px; font-size:14px; line-height:26px; letter-spacing:-0.5px;}
#mcontents .festInfo p.text::before{display:block; float:left; content:''; width:5px; height:5px; background:#ca3e4e; margin:12px 5px 180px 0;}
#mcontents .festInfo p.img{position:absolute; top:30px; display:inline-block; margin-left:20px;}
#mcontents .festInfo p.img img{width:90%}
.textRed{color:#c4293b}

#mcontents .festBoard{position:relative;  float:left; width:461px; height:286px; background:#fff; border:1px solid #e9e9e9; border-width:0px 1px 1px 1px;}
#mcontents .festBoard .boardList{margin:20px 0 0 40px;}
#mcontents .festBoard .boardList li > a{position:relative; width:100%; font-size:14px; display:inline-block; padding:6px 0;}
#mcontents .festBoard .boardList li > a .date{position:absolute; right:40px;}

#mcontents .festEvent{position:relative; float:left; width:460px; height:286px; background:#daa3b6; border-bottom:1px solid #e9e9e9; border-left:1px solid #e9e9e9l} 
#mcontents .festEvent >  p.text{display:inline-block; float:left; width:180px; margin:20px 0 0 50px; color:#fff; font-size:14px; line-height:26px;}
#mcontents .festEvent >  p.text > strong{display:block; font-size:17px; color:#95a8ed;}
#mcontents .festEvent .flexslider >  p.text{display:inline-block; float:left; width:180px; margin:20px 0 0 50px; color:#fff; font-size:14px; line-height:26px;}
#mcontents .festEvent .more{position:absolute; display:block; top:130px; margin-left:140px;}

#mcontents .moreBtn{position:absolute; right:40px; top:40px;}


.festQuickMenu{width:100%; background:#e3e6f2; margin:20px 0 5px 0;}
.quickM{width:1200px; margin:0px auto; min-height:158px;}
.quickM  li{width:25%; float:left;}
.quickM  li a{display:block; margin-top:30px; padding-left:110px;}
.quickM  li a.ic01{min-height:95px;background:url('/images/festival/quick_ic01.png') no-repeat; }
.quickM  li a.ic02{min-height:95px;background:url('/images/festival/quick_ic02.png') no-repeat; }
.quickM  li a.ic03{min-height:95px;background:url('/images/festival/quick_ic03.png') no-repeat; }
.quickM  li a.ic04{min-height:95px;background:url('/images/festival/quick_ic04.png') no-repeat; }
.quickM  li a > p{color:#333; padding-top:20px; font-size:20px;}
.quickM  li a > span{display:inline-block; font-size:13px;line-height:18px; margin-top:10px;}



.flexslider{width:420px; margin:20px 0 0 20px;}
.flexslider a{display:block; width:100%;}
.flexslider a p.text{display:inline-block; float:left; width:180px; margin:20px 0 0 30px; color:#fff; font-size:14px; line-height:26px;}
.flexslider a div.img{float:left; width:180px; margin-left:25px; }

.flex-control-paging li a {
  width: 15px;
  height: 15px;
  display: block;
  background: #666;
  background: rgba(255, 255, 255, 1);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.custom-controls-container{position:absolute; top:40px; right:20px;}
.flex-control-paging li a.flex-active {
  background: #eab13c;
  cursor: default;
  width:50px;
  height:15px;
}

.flex-control-nav li {
  margin: 0 2px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-direction-nav{display:none;}

.festMenu{float:left; width:278px; height:286px; background:#eaf0f6;}
.festMenu .festSchedule{height:33%; border-bottom:1px solid #e2e2e2; background:url('/images/festival/fest_ic01.png') 190px 27px no-repeat;}
.festMenu .festSchedule .text{display:block; color:#909090; font-size:13px; line-height:16px; margin:10px 0 0 36px;}
.festMenu .festSchedule2{height:33%; border-bottom:1px solid #e2e2e2; background:url('/images/festival/fest_ic03.png') 190px 27px no-repeat;}
.festMenu .festSchedule2 .text{display:block; color:#909090; font-size:13px; line-height:16px; margin:10px 0 0 36px;}
.festMenu .festProgram{height:33%; background:url('/images/festival/fest_ic02.png') 190px 27px no-repeat;}
.festMenu .festProgram .text{display:block; color:#909090; font-size:13px; line-height:16px; margin:10px 0 0 36px;}

.festGalWrap{position:relative; width:100%; clear:both; height:212px;}
.festGal{position:relative; width:1200px;margin:0px auto;}
.bx-wrapper{}
.bx-controls-direction{}
.bx-controls-direction > a{display:block;width:77px; height:42px; }
.bx-controls-direction .bx-prev{position:absolute; top:80px; left:-40px; background:url('/images/festival/prev_btn.png') no-repeat;}
.bx-controls-direction .bx-next{position:absolute; top:80px; right:-40px; background:url('/images/festival/next_btn.png') no-repeat;}
.gal_tit{position:absolute; top:0; left:0;}
.bx-pager{display:none;}


#mc_visual { float:left; position:relative; width:460px; height:285px;  }
#mc_visual .control {display: block;position:absolute;  right:0; top:0; height:40px; text-align:left;  z-index:2; background:#fff;}
#mc_visual .conhead{position:absolute; top:0px; left:0px; width:100%; height:41px;background:#fff; border-top:1px solid #eae8eb;}
#mc_visual .conhead .h3{position:absolute; top:10px; left:20px; z-index:9999; font-size:18px; color:#000}
#mc_visual .control button {display:block; float:left; width:46px; height:40px; font-size:0; line-height:0;}
#mc_visual .control button.btn_prev { background:url(/images/portal/main/news_prev.gif) no-repeat center center;}
#mc_visual .control button.btn_stop { background:url(/images/portal/main/news_stop.gif) no-repeat center center;}
#mc_visual .control button.btn_play { display:none;background:url(/images/portal/main/news_play.gif) no-repeat center center;}
#mc_visual .control button.btn_next { background:url(/images/portal/main/news_next.gif) no-repeat center center;}
#mc_visual .control .bx-controls {  float:left; width:60px; height:40px; color:#000; font-family:NanumS; font-size:17px; line-height:40px; text-align:center;}
#mc_visual .control .cont-bt{float:right; width:138px;}
#mc_visual .control .bx-controls_n span { margin:0 3px;}
#mc_visual .bx-wrapper{margin-top:41px;}
#mc_visual #slider_visual {overflow: hidden;position: relative;z-index:1; width: 100%; }
#mc_visual .img_area { width:100%; height:520px;}
#mc_visual .img_area a { display:block; font-size:22px; font-weight:600; color:#ffffff; text-align:center;}  
#mc_visual .img_area a:focus { border:1px dotted #ddd;}
#mc_visual .control .bx-pager{display:block;}
#mc_visual .bx-pager-item{display:none;}


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

  #featured-content{width:100%;max-width:1250px}
  #mcontents{max-width:1250px;width:100%}
  #foot_banner{display:none}
  .quickM{max-width:1250px;width:100%;overflow: hidden;padding: 10px;}
  .allSearch{}
  .bx-controls-direction .bx-prev{left:0;font-size:0}
  .bx-controls-direction .bx-next{right: 0;font-size:0;/* z-index: 10000000000000000; */}

/*   #mcontents .festiMovie{float:none;margin:0 auto}
  #mcontents .festInfo{float:none;margin:0 auto} */

  #mcontents .festiMovie{width:50%}
  #mcontents .festInfo{width: 50%;/* height:286px */border-width: 1px;}
  #mcontents .festInfo img{display:none}
  #mcontents .festInfo p.text{width: calc(100% - 40px);margin-left: 20px;margin-right: 20px;}
  #mcontents h2.titB{padding-left:20px;}
  #mcontents .festBoard{width:50%}
  #mcontents .festEvent{width:50%}
  #mc_visual{width:100%}
  #mc_visual #slider_visual li img{display:block;margin:0 auto}
  #mc_visual #slider_visual li span.tit{display:none}
  .festMenu{width:100%;height: 94px;}
  .festMenu .festSchedule, .festMenu .festSchedule2, .festMenu .festProgram{float:left;height: 100%;width: 33.33%;}
}

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

  .quickM li{width:50%;padding:20px 10px}
  .quickM li a.ic01{margin-top:0}
  .quickM li a.ic02{margin-top:0}
  #featured-content .slidesjs-container{height:500px}
}

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

  #mcontents .festiMovie{float:none;margin:0 auto;max-width:450px;width:100%}
  #mcontents .festInfo{float:none;margin:0 auto;max-width:450px;width:100%}
  #mcontents .festBoard{float:none;margin:0 auto;max-width:450px;width:100%}
  #mcontents .festBoard .boardList li > a .date{display:none}
  #mcontents .festEvent{float:none;margin:0 auto;height: 240px;border: 1px solid #e1e1e1;/* display: none; */width: 450px;}
  .festMenu{max-width:450px;width:100%;margin:0 auto;float: none;height: auto;}
  .festMenu .festSchedule, .festMenu .festSchedule2, .festMenu .festProgram{float: none;width:100%;background-position-x: 90%;background-position-y: 20px;padding-bottom:10px}
  .festMenu  .text br{display:none}
  .festGalWrap{/* display:none */}
  .festGal{max-width:1200px;width:100% !important
  }
  .quickM{width:450px;margin:0 auto;padding: 0;}
  .quickM li{width:100%;float:none;border:1px solid #e1e1e1;border-bottom:0;background-color:#e3e6f2}
  .quickM li:last-child{border-bottom:1px solid #e1e1e1}
  .festQuickMenu{padding:0;}


}

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

  #mvisual{height:400px}
  #featured-content .area-sliders-tit{top: 10% !important;}
  ul.slidesjs-pagination{top:45% !important}

}

@media only screen and (max-width:450px){
  #mc_visual .bx-wrapper{max-width: 450px !important;width:100%;}
  #mc_visual .bx-wrapper .bx-viewport{max-width:450px !important;width:100% !important}
  #mcontents .festEvent{max-width:450px !important;width:100% !important}
}