   .page_nodata{clear:both; background:#f9f9f9; padding:2em; display:none}


   .page_nodata div{padding:4em; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#000}
   .page_nodata img{max-width:300px}

.cnt-h2{font-weight:800; text-align:center; padding:0 0 .5em 0; font-size:120%; border-bottom:3px solid #1a975f; display:table; margin:auto auto 1em auto}

  .ready{background:#f9f9f9 url(/images/firefly-new/character-ddoriaro.png) no-repeat top 20% center; background-size:30%; border-radius:30px; padding:2em; text-align:center; max-width:1000px; margin:auto; min-height:350px; position:relative}
  .ready:after{content:'자료를 준비중입니다.';  position:absolute; top:12em; width:100%; text-align:center; left:0; font-weight:800; opacity:.6; color:#000}

  .greeting-box{width:100%;  position:relative; margin:auto; }
  .greeting-header{text-align:center; letter-spacing:-0.03em; padding:0 0 1em 0}
  .greeting-header p{font-size:1.2em; padding:.5em 0; font-weight:600}
  .greeting-header b{display:block; font-size:2em; line-height:1em; font-weight:700; color:#20a067}

  .greeting-dream{padding-top:30px;  font-family: 'Shilla_CultureB-Bold'; font-size:2.5em; text-align:center}
  .greeting-dream span{}

  .greeting-t{padding-top:2em; width:95%; max-width:800px; margin:auto;  position:relative; line-height:1.6em; word-break:keep-all;}
  .greeting-t p{padding:0 0 20px 0; word-break:keep-all;}
  .greeting-t p b{display:block}

  .greeting-s{padding-top:2em; width:98%; max-width:800px; margin:auto;  text-align:right}
  .greeting-s span{font-size:3em; font-weight:700; letter-spacing:0.5em; line-height:1.2em; font-family: 'Shilla_CultureB-Bold'; padding:0 0 0 30px}
  .greeting-s p{margin:0; padding:0 1em 0 0}

  .greeting-img{}
  .greeting-img img{width:100%}

  .greeting-img .greet-m{display:none}

@media (max-width:768px){
  .greeting-img .greet-p{display:none}
  .greeting-img .greet-m{display:block}
  .greeting-dream{width:95%; margin:auto; font-size:2.5em}
  .greeting-t{width:70%}
}

/* 개요 */
.outline_div{background:#f7f7f7; padding:2em; display:table; width:100%; border-radius:30px;}

		.outline_header_div{position:relative; width:100%; text-align:center; padding:0 0 2em 0}
		.outline_header_div .left_icon{position:absolute; left:0; bottom:0;}
		.outline_header_div .left_icon img{width:100%; max-width:270px}
		.outline_header_div .right_icon{position:absolute; right:0; top:0; }
		.outline_header_div .right_icon img{width:100%; max-width:270px}

		.outline_header{position:relative; width:100%; text-align:center;     font-weight:900; font-size:1.8em;    background: linear-gradient(to top, #0092d2, #57b88e);    color: transparent;    -webkit-background-clip: text;}
		.outline_header span{display:block; font-size:.7em}


.outline_div .outline_div_in{background:#fff; border-radius:30px; padding:2em; box-shadow:3px 3px 3px #dbdbdb; }

.outline_div .outline_poster{display:inline-block;  width:40%; vertical-align:middle; text-align:center; padding-right:3em}
.outline_div .outline_poster img{width:100%; max-width:400px}

.outline_div .outline_info{display:inline-block; vertical-align:middle; width:50%; }
.outline_div .outline_info ul{display:table; width:100%; border-top:2px solid #e3e3e3;}
.outline_div .outline_info ul li{padding:1.3em 0; border-bottom:1px solid #e3e3e3;  }
.outline_div .outline_info ul li b{}
.outline_div .outline_info ul li div{display:inline-block; vertical-align:top; font-weight:600; color:#575757}
.outline_div .outline_info ul li div:first-child{width:120px; font-weight:700; position:relative; color:#000; padding-left:.5em}
.outline_div .outline_info .outline_title{ font-size:1.8em; font-weight:700 }

.outline_div .outline_info .outline_info_top{font-size:1.6em; padding-bottom:2em;; font-weight:700}
.outline_div .outline_info .outline_info_top span{display:block; font-size:0.6em; font-weight:inherit}
.outline_div .outline_info .outline_info_top strong{ font-size:1em; font-size:0.9em}

.outline-info{background:#1d2a6e; border-radius:15px 15px 0 0; padding:2em; width:80%; margin:auto; opacity:.9}
.outline-info .info-div{display:table; margin:auto; width:50%}
.outline-info .info-div img{margin:auto}
.outline-info .info-div ul{text-align:center}
.outline-info .info-div ul li{vertical-align:middle; text-align:left; color:#fff; font-weight:800}
.outline-info .info-div ul li div{display:inline-block; vertical-align:middle;}
.outline-info .info-div ul li div:first-child{padding-left:10px}
.outline-info .info-div ul li div:first-child:before{content:''; position:absolute; width:5px; height:5px; background:#fff444; border-radius:50%; margin:10px 0 0 -10px;}
.outline-info .info-div ul li div:first-child{font-weight:500; min-width:70px;}



.foutline{width:100%; margin:auto}
.foutline .htop{font-size:1.1em; line-height:1.4em; text-align:center; font-weight:500}
.foutline .htop strong{font-size:1.2em}
.foutline .htop span{display:block}
.foutline .header{padding-top:5%; font-size:1.7em; line-height:1.5em; color:#ffdf41; background:#000 url(/images/newcon/outline-bg.jpg) no-repeat bottom center; text-align:center; height:630px}
.foutline .header strong{font-size:1.3em; line-height:1.4em}

.fsummary{clear:both; width:95%; margin:auto; padding-top:40px; }
.fsummary ul{display:inline-block; vertical-align:top; width:49%; margin:5px 0}
.fsummary ul li{display:inline-block; font-size:115%; }
.fsummary ul li:first-child{width:60px; font-weight:500; background:url(/images/newcon/v-dot.gif) no-repeat 0 12px; padding-left:10px;}
.fsummary ul li:last-child{font-weight:400; background:url(/images/newcon/gline.gif) repeat-x; padding-left:30px; margin-left:10px;}
.fsummary ul li:last-child span{background:#fff; padding-left:10px;}
.fsummary ul:last-child{width:100%;}

.outline_history{padding:3em 0 2em 0}
.outline_history:after{content:''; clear:both; display:block}

.history_tit{display:inline-block; vertical-align:top; width:35%; font-weight:900; font-size:1.8em; color:#525252; margin-left:2em}
.history_tit span{color:#777777; font-size:.7em; display:block; margin-top:.7em}


.outline_history ul{width:100%; border-left:1px solid #dbdbdb; padding:0 0 2em 0}
.outline_history li{position:relative; display:inline-block; vertical-align:top}
.outline_history li:first-child{margin-left:-3.3em}
.outline_history li:last-child{width:72%}
.outline_history .hs_year{background:#9f9f9f; color:#fff; width:130px; height:130px; border-radius:50%; display:table; margin:auto auto 1em auto; font-weight:900}
.outline_history .hs_year p{margin:0; padding:0; display:table-cell; text-align:center; vertical-align:middle; position:relative}

.outline_history .hs_text{padding-top:1.7em; padding-left:2em} 
.outline_history .hs_text b{display:block; line-height:2em}
.outline_history .hs_text p{display:block; color:#575757;  line-height:1.3em; font-weight:700;}
.outline_history .hs_text span{display:block;}

.outline_history .fyr{background:#17a772}
.outline_history .fth{color:#17a772}

.history_list_cnt{display:inline-block; vertical-align:top; width:50%;}




/* 축제 위상 */
  .fposition{clear:both; }
  .fposition .fcnt{}
  .fposition .fcnt .fposition-st{display:inline-block; vertical-align:top; color:#; font-weight:500; font-size:1.5em; color:#c5c5c5; width:20%; min-width:100px; }
  .fposition .fcnt .fposition-st img{margin:2em 1em}
  .fposition .fcnt .fposition-txt{width:100%}
  .fposition .fcnt .fposition-txt span{display:block}
  .fposition .fcnt .fposition-txt ul{width:30%; display:inline-block; vertical-align:top;  min-height:100px; padding:2em; margin-right:3em; border-radius:10px; border:1px solid #e3e3e3; background:#fff ; box-shadow:3px 3px 3px #e3e3e3;}
  .fposition .fcnt .fposition-txt ul li{vertical-align:top; padding:5px 0; margin:10px 0; text-align:center; font-weight:500;}
  .fposition .fcnt .fposition-txt ul:last-child{margin-right:0; }
  .fposition .fcnt .fposition-txt b{}



/* 목적과 배경 */
.outline_purpose{}
.outline_purpose .purpose_top{font-size:1.3em; text-align:center; font-weight:800; }
.outline_purpose .purpose_top:after{content:''; clear:both; display:block}
.outline_purpose .purpose_top span{text-align:center}
				.purpose_prize{text-align:center; display:block; clear:both; font-size:110%; font-weight:800; padding-bottom:2em}
				.purpose_prize span{display:inline-block ; vertical-align:top; color:#20a067}

.outline_purpose div{display:inline-block; vertical-align:top; width:24%;}
.outline_purpose ul{width:90%; margin:auto auto 2em auto}
.outline_purpose ul li img{margin-bottom:1em; width:100%; max-width:314px;}
.outline_purpose ul li{text-align:center; letter-spacing:-0.06em; font-size:.94em; line-height:1.5em; word-break:keep-all}
.outline_purpose ul li:nth-child(2){color:#5a5a5a; }
.outline_purpose ul li span{display:block}
.outline_purpose ul li b{font-size:1.1em; color:#000; line-height:2.5em}
.outline_purpose ul li p{width:90%; margin:auto; word-break:keep-all;}
.outline_purpose ul li p span{margin-top:.5em}
.outline_purpose ul li p span b{line-height:1.3em; font-size:.9em; color:#1a975f}


/*  차별화 전략 */
.outline_plan{}
.outline_plan .plan_top{font-size:1.8em; text-align:center; font-weight:800; color:#20a067; padding-bottom:1em}
.outline_plan .plan_top:after{content:''; clear:both; display:block}
.outline_plan .plan_top span{text-align:center; color:#333; font-size:70%}
.outline_plan div{display:inline-block; vertical-align:top; width:24%;}
.outline_plan ul{width:90%; margin:auto auto 2em auto}
.outline_plan ul li img{margin-bottom:1em; width:100%; max-width:314px;}
.outline_plan ul li{text-align:center; letter-spacing:-0.06em; font-size:.94em; line-height:1.5em; word-break:keep-all}
.outline_plan ul li:nth-child(2){color:#5a5a5a; }
.outline_plan ul li span{display:block}
.outline_plan ul li b{font-size:1.1em; color:#000; line-height:2.5em}
.outline_plan ul li p{width:90%; margin:auto; word-break:keep-all; font-weight:700}
.outline_plan ul li p span{margin-top:.5em}
.outline_plan ul li p span b{line-height:1.3em; font-size:.9em; color:#1a975f}


.fstimg{border-radius:60px 0 0 0}
.lstimg{border-radius:0 60px 0 0}

.outline_subject{border-top:1px solid #e3e3e3; padding:0 0 3em 0}
.subject_top{position:relative; text-align:center; font-size:1.25em; font-weight:800; padding:2em 0; color:#17a772; word-break:keep-all}

.outline_subject ul{margin:auto; width:100%; max-width:1000px;  padding:2em 0 2em 0; }
.outline_subject ul li{padding:0.5em 0; text-align:center; line-height:1.8em; font-size:1em; word-break:keep-all}
.outline_subject ul li span{display:block}

.outline_back{}
.outline_back .subject_top{padding-top:0}
.outline_back .subject_top p{padding:1em 0 0 0; text-align:center; color:normal; font-size:80%; color:#333; line-height:160%; font-weight:600}
.outline_back b{color:#17a772; font-size:120%}

.background_header{text-align:center; }
.background_header img{width:100%; border-radius:60px 0 0 0}


/* 기본방향과 지향점 */

.direc_banner ul{}
.direc_banner ul li{}
.direc_banner strong{font-weight:700; font-size:1.6em}
.direc_banner p{margin:0; padding:0}
.direc_banner p span{display:block}
.direc_banner .d_line{margin:0.5em auto 0.5em auto; height:40px; width:1px; background:#fff;}
.direc_banner .direc_btm{width:250px; margin:auto; border-top:1px solid #687380; border-bottom:1px solid #687380; padding:0.5em 0 }
.direc_banner .direc_btm b{display:block; font-weight:700}


.direc_info{padding:2em 0; margin:auto}
.direc_info .direc_div{text-align:center; margin:1em 0}
.direc_info div ul{margin:0 auto; padding:0 0 2em 0; width:40%}
.direc_info div ul li{font-size:0.95em; color:#686868}
.direc_info div b{font-size:1.1em}
.direc_info div p{text-align:center; margin:auto auto 0.5em auto; width:15px; height:15px;border-radius:50%; }
		.c_grn{background:#0d7448}
		.c_lgrn{background:#95b936}
		.c_brn{background:#bc9066}
		.g_line{width:1px; background:#dbdbdb; margin:auto auto 0.5em auto; height:30px}


		  .strategy_top{text-align:center; font-size:1.3em; margin:auto; font-weight:700; padding:0 0 1em 0; }
  .outline_strategy{background:#333 url(/images/firefly-new/outline_strategy_bg.jpg) no-repeat top center; background-size:cover;  width:100%; height:680px; padding:3em; border-radius:0 80px 0 0}
  .outline_strategy .strategy_div{padding-top:1em; text-align:center}
  .outline_strategy .strategy_div div{display:inline-block; vertical-align:top; width:33%; margin:0 1em; padding:1em;}
  .outline_strategy .strategy_div p span{font-size:2em; display:block}
  .outline_strategy .strategy_div p{height:130px; margin:0; padding:0; font-weight:700; text-align:center; color:#fed66b; font-size:1.2em; word-break:keep-all}
  .outline_strategy .strategy_div ul{ padding-top:1em}
  .outline_strategy .strategy_div ul li{font-size:0.9em; position:relative; padding-left:0.6em; color:#fff; text-align:left; word-break:keep-all; line-height:1.6em}
  .outline_strategy .strategy_div ul li:before{content:''; width:5px; height:5px; background:#fff; border-radius:50%; position:absolute; left:0; top:10px;}


/* 추진방향 */
.outline_direction_div{background:#0f0709 url(/images/firefly-new/outline_direction_bg.jpg) no-repeat top center; height:469px}
	.direc_banner {position: relative; width: 340px; height: 270px; top: 80px;  margin:0 auto; padding:0; overflow: hidden;}
	.direc_banner ul {position: absolute; margin: 0px; padding:0; list-style: none; }
	.direc_banner ul li {float: left; width: 340px; height: 270px; color:#fff; text-align:center}


.back_p{}
.back_m{display:none}


/* 축제의 특징 */
.f-feature{width:100%; max-width:1370px; margin:auto; }
	.f-choice{padding-bottom:4em; }
	.f-choice ul{width:65%; margin:auto}
	.f-choice ul li{text-align:center;  word-break:keep-all; word-wrap:keep-all; font-weight:700; line-height:2em}
	.f-choice ul li:first-child{font-size:2em; padding-bottom:40px;}
	.f-choice ul li:first-child img{}
	.f-choice .f-choice-img{margin:35px 0; }
	.f-choice .f-choice-img img{width:100%; animation: fadeout 3s;  -moz-animation: fadeout 3s; /* Firefox */
  -webkit-animation: fadeout 3s; /* Safari and Chrome */
  -o-animation: fadeout 3s; /* Opera */
  animation-fill-mode: forwards; border-radius:15px}


@keyframes fadeout {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


.f-effect{}
.f-effect ul{margin:10px 0 0 0; padding:1em 1em 1em 48px; background:#f9f9f9; border-radius:15px 15px 0 0}
.f-effect ul li{background:url(/images/newcon/g-dot.gif) no-repeat 0 10px; padding:0 0 10px 10px;}

.f-effect .effect-div{padding:2em;  width:30%; display:inline-block; vertical-align:top; background:#f6f8ed; color:#83663b; border-radius:20px; text-align:center; font-weight:700; margin:.5em}


  .ci_cha{padding-bottom:2.5em}
  	.logo_intro{vertical-align:top;background:url(/images/newcon/logo-bg.gif); padding:90px 0; width:100%; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3}
	.logo_intro p{width:80%; margin:auto; text-align:center}
	.logo_intro p img{width:100%; max-width:400px; }
	.logo_txt{ width:100%; max-width:1000px; padding-top:2em; margin:auto}

.f-logo-character{width:100%; max-width:1350px;  margin:auto}
  .f-logo{}
  .f-logo .logo-intro{display:block; margin:30px auto auto auto; text-align:center; background:url(/images/newcon/logo-bg.gif); padding:60px 0}
  .f-logo .logo-intro p img{width:90%; max-width:505px}
  .f-logo .dbtn{background:#333;  display:table; text-align:center; margin-top:30px; border-radius:3px; margin:auto}
  .f-logo .dbtn a{display:block; padding:10px 50px; color:#fff; font-size:0.9em}
  .f-logo .dbtn a:after{content:'▶'; padding-left:10px; font-size:8px;}
  .f-logo .dbtn a:hover{background:#17a772; border-radius:3px;}
              .f-txt{padding-left:1.8em}

.f-logo-character{width:100%; max-width:1350px;  margin:auto}
  .f-character{}

  .f-character .dbtn{background:#333; display:table; text-align:center; margin-top:30px; border-radius:3px;}
  .f-character .dbtn a{display:block; padding:10px 50px; color:#fff}
  .f-character .dbtn a:after{content:'▶'; padding-left:10px; font-size:8px;}
  .f-character .dbtn a:hover{background:#17a772; border-radius:3px;}

.cha_info{padding:2em; border:1px solid #e3e3e3; border-radius:20px; margin-top:3em}
.cha_info ul{border-bottom:1px solid #e3e3e3; padding:1em 0}
.cha_info ul li{display:inline-block; vertical-align:middle}
.cha_info ul li img{vertical-align:middle}
.cha_info ul li ol{padding:1em 0 0 0; margin:0;}
.cha_info ul li ol li{position:relative; font-size:0.9em; display:block; color:#777; padding-left:0.5em}
.cha_info ul li ol li:before{content:''; position:absolute; top:16px; left:0px; width:5px; height:5px; background:#6d6d6d; border-radius:50%;}
.cha_info>ul>li:first-child{width:20%}
.cha_info>ul>li:last-child{width:77%;  font-size:0.95em}
.cha_info ul:last-child{border-bottom:0px}

.dotline{border-bottom:1px dashed #e3e3e3; height:1px; margin:2em 0}

/* 오시는 길 */
  .talk_service{background:url(/images/firefly-new/location_talk_banner.gif) no-repeat top center; padding:2em 0; text-align:center}
  .talk_service .talk_inner{text-align:center; font-size:1.6em;}
  .talk_service .talk_inner b{display:block; color:#20a067; line-height:1em}
  .talk_service .link_btn{display:block; margin:.3em auto auto auto; background:#ed5a5a; color:#fff; width:80px; text-align:center; border-radius:10px;}
  .talk_service .link_btn a{font-size:0.6em; color:#fff; padding:0; font-weight:600}


.firefly_map {}
.firefly_map .cnt-h2{text-align:left } 
.firefly_map .h-title{font-weight:700}
.firefly_map .h-title p{margin:0; padding:0; font-weight:600 !important}
  .f-location{display:inline-block; vertical-align:top; width:100%;}
  .f-location .cnt-hd{font-size:1em; padding:0 0 30px 0}
  .f-location .cnt-hd b{font-size:1.2em; font-weight:500; display:block}
  .f-location-map{vertical-align:top; width:100%; padding-top:2.5em}
  .f-location-map b{font-weight:500}
  .f-location-map strong{font-weight:500; font-size:1.1em; color:#188d49}
  .f-location-map ul{margin:10px 0 20px 0; background:#f9f9f9; padding:1em; border-radius:15px 15px 0 0}
  .f-location-map ul li{background:url(/images/newcon/bullet-cir-g.png) no-repeat 0 15px; padding-left:10px; font-size:0.9em}
  .f-location-map ul li b{font-weight:500}
   .f-location-map .cnt-h2{text-align:left !important}
  .f-location-map:after{content:'';clear:right; display:block; }

  .location-add{font-size:.95em; border-radius:15px 15px 0 0; background:#20a067; padding:1em; color:#fff;}

   .map_out{background:#f9f9f9; padding:3em; text-align:center;}
   .map_out img{width:100%; max-width:1200px}

/*.map_div{display:inline-block; width:48%; vertical-align:top}*/


/* 행사장 안내도 */
#festival-map{float:left; margin:0 auto;width:100%;}
#festival-map ul.map_tin{height:130px;width:85%;margin:0 auto; padding:0}
#festival-map li{float:left; font-size:15px; line-height:22px;}
#festival-map strong{font-size:16px;}
#festival-map .map-title{width:20%;height:100%;position:relative;margin-bottom:2%;}
#festival-map .map-title img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
#festival-map .map-txt{padding-top:5%; width:80%;padding-left:3%;box-sizing:border-box;}
#festival-map .img{
                                    clear:left;  
									border-top:1px solid #ebebeb; 
									border-left:1px solid #dbdbdb; 
									border-right:1px solid #dbdbdb; 
									border-bottom:1px solid #dbdbdb; 
									text-align:center; 
									padding:3%;
									}
#festival-map .btn{clear:left; text-align:center; padding-top:10px}

#festival_tab li{
							  float:left; 
							  line-height:40px;
							  color:#999999; 
							  width:16.1%;
							  height:40px;
							  box-sizing:border-box;
							  margin-left:0.5%;
							  border-top:#dbdbdb 1px solid; 							  
							 border-left:#dbdbdb 1px solid; 							  
							 border-right:#dbdbdb 1px solid;
							 background:none;
							 padding:0;
							 border-bottom:0;
							  }

#festival_tab .over { border:none; 
							background-color:#8a3498; 	
							color:#FFFFFF;
							box-sizing:border-box;}


#festival_tab ul,
#location #tab ul,
#fireflystory #tab ul, 
#firefly-life #tab ul,
#firefly-legend #tab ul,
#growth #tab ul,
#division #tab ul,
#push #tab ul,
#back #tab ul,
#outline #tab ul,
#effect #tab ul,
#only #tab ul{width:100%;margin:0; padding:0; border-bottom:1px solid #dbdbdb; height:40px;overflow:hidden;}


#location #tab li,
#fireflystory #tab li, 
#firefly-life #tab ul li,
#firefly-legend #tab ul li,
#growth #tab ul li,
#division #tab ul li,
#push #tab ul li,
#back #tab ul li,
#outline #tab ul li,
#effect #tab ul li,
#only #tab ul li{
							  float:left; 
							  line-height:40px;
							  color:#999999; 
							  width:19%;
							  height:40px;
							  box-sizing:border-box;
							  margin-left:0.5%;
							  border-top:#dbdbdb 1px solid; 							  
									border-left:#dbdbdb 1px solid; 							  
									border-right:#dbdbdb 1px solid;
							background:none;
							padding:0;
							border-bottom:0;
							  }
							  
		  
#festival_tab li a,							  
#location #tab li a,
#fireflystory #tab li a, 
#firefly-life #tab li a,
#firefly-legend #tab li a,
#growth #tab li a,
#division #tab li a,
#push #tab li a,
#back #tab li a,
#outline #tab li a,
#effect #tab li a,
#only #tab li a{color:#666666;font-weight:bold;font-size:80%;text-align:center;display:block;width:100%;	list-style:none;}

#festival_tab .over ,
#location #tab .over,
#fireflystory #tab .over, 
#firefly-life #tab .over,
#firefly-legend #tab .over,
#growth #tab .over,
#division #tab .over,
#push #tab .over,
#back #tab .over,
#outline #tab .over,
#effect #tab .over,
#only #tab .over{
                            border:none; 
							background-color:#ff251c; 	
							color:#FFFFFF;
							box-sizing:border-box;
							}
							
#festival_tab .over a,							
#location #tab .over a,
#fireflystory #tab .over a,
#firefly-life #tab .over a,
#firefly-legend #tab .over a,
#growth #tab .over a,
#division #tab .over a,
#push #tab .over a,
#back #tab .over a,
#outline #tab .over a,
#effect #tab .over a,
#only #tab .over a{color:#FFFFFF;}

.fmap-img-zone{background:#f9f9f9; width:100%; padding:2em; text-align:center}
.fmap-img-zone .zone-div{background:#fff; border-radius:15px; padding:2em}

.exmap_img{width:100%;height:100%;text-align:center;}
.exmap_img a{display:block;width:75%;margin:0 auto;}
.exmap_img a img{width:100%;}

/*  */
.h-title{font-size:1.4em;   line-height:1.5em; font-weight:400; text-align:center; padding-bottom:20px; transform: skew(-0.1deg);}
.h-title p{font-size:.7em;  color:#727272;transform: skew(-0.1deg);}
.h-title p span, .h-title span{font-family:inherit; }
.st-icon{color:#6258c2; padding-bottom:.5em}
.st-icon:after{content:''; position:absolute; width:100%; left:0; top:20px;  border-bottom:1px solid #e3e3e3; height:1px; z-index:-1}
.vlet-t{color:#6258c2}


/* 관광안내도 */
.tourmap{background:url(/images/firefly-new/tourmap_bg.jpg) no-repeat top center; text-align:center; height:697px;}
.tourmap p{color:#fff;font-size:1.3em; line-height:1.5em; font-weight:400; text-align:center; padding:3em 0 0 0}
.tourmap .tourmap-txt{text-align:center}
.tourmap .tourmap-link{position:relative; text-align:center; padding-top:1.5em;position:absolute; bottom:-12px; left:50%; transform:translateX(-50%); width:100%}
.tourmap .tourmap-link img{width:100%; max-width:977px;}


/* 반딧불축제 역사 */

.firefly-history{display:block; border-top:1px solid #dbdbdb; border-radius:60px; border:1px solid #e3e3e3; padding:2em; margin-bottom:2em; box-shadow:3px 3px 3px #e3e3e3;}
.firefly-history:after{content:''; clear:both}

		.firefly-history-header{text-align:center; font-size:1.2em; font-weight:800; padding-bottom:1.5em; background: linear-gradient(to top, #0092d2, #57b88e);    color: transparent;    -webkit-background-clip: text;}
		.firefly-history-header b{display:block; line-height:1.1em; font-size:1.6em;  color:#188d49; font-weight:800;background: linear-gradient(to top, #0092d2, #57b88e);    color: transparent;    -webkit-background-clip: text;}


.firefly-history:first-child{margin-top:0; border-top:0}
.firefly-history .left-img{display:inline-block; width:30%; vertical-align:top; }
.firefly-history .left-img .ps_img{clear:both;  display:block; margin:0.5em auto auto auto; text-align:center}
.firefly-history .left-img .ps_img img{border-radius:15px 0; box-shadow:3px 3px 3px #e3e3e3; -webkit-transition: .5s ease-in-out;	transition: .3s ease-in-out; width:100%; max-width:218px;}
.firefly-history .left-img .ps_img img:hover {margin:auto -20px auto auto;	-webkit-transition: .5s ease-in-out;	transition: .3s ease-in-out;}


.firefly-history .right-txt{display:inline-block; width:57%; vertical-align:top; border-top:1px solid #0d7448; margin-top:1em; }
.firefly-history .right-txt div{display:inline-block; vertical-align:top}

.firefly-history .f-year{display:inline-block; vertical-align:middle;/*background:url(/images/newcon/firefly-history-circle.png) no-repeat top left*/ width:120px; height:120px; border-radius:50%; background:#0d7448; text-align:center; color:#fff;  width:85px; height:85px; font-size:1.2em; font-weight:800;padding-top:20px;margin-right:20px;}

.firefly-history .f-name{width:60%; line-height:1.5em; padding-top:.8em; display:inline-block; vertical-align:middle; word-break:keep-all; word-wrap:break-word}
.firefly-history .f-name b{font-size:1.4em; line-height:1.2em; display:block;  }

.firefly-history ul{margin:0; padding:1.5em 0 0 0; clear:both; width:100%;}
.firefly-history ul li{clear:both; padding:10px 0}
.firefly-history ul li:after{content:''; clear:both; display:block}
.firefly-history .f-sb{width:10%; min-width:90px; padding-right:20px; float:left; vertical-align:top; }
.firefly-history .f-sb b{color:#0d7448; display:table; position:relative}
.firefly-history .f-sb b:after{content:''; width:30px; height:1px; background:#dbdbdb; position:absolute; top:14px; margin-left:10px;}
.firefly-history .f-sb-txt{width:80%; float:left; vertical-align:top; }

.f-gallery{clear:both; display:block; padding-top:20px}
.f-gallery a{color:#fff; background:#333; padding:10px 15px; font-weight:400; font-size:.9em; border-radius:3px;}
.f-gallery a:after{content:'▶'; font-size:.6em; padding-left:5px; }
.f-gallery a:hover{background:#0d7448}


    .firefly_etymology{}
    .firefly_etymology img{margin:auto; display:block; margin-bottom:2em}
    .firefly_etymology ul{margin:auto; width:80%;}

/* 관광객 인센티브 */

.firefly_incentive{padding-bottom:3em; }
.firefly_incentive .incentive_header{font-size:1.3em; padding-bottom:1em}
.firefly_incentive .incentive_header b{display:block; font-weight:700; font-size:1.4em}
.firefly_incentive ul{margin:0; }
.firefly_incentive ul li{display:inline-block; vertical-align:middle; padding:0.5em 0}
.firefly_incentive ul li:last-child{padding-left:0.5em}
.firefly_incentive ul li p{margin:0; padding:0.2em 0; width:120px; border-radius:10px; color:#fff; background:#0d7448; text-align:center}
/*.firefly_incentive ul li p{margin:0; padding:0.2em 0; width:120px; color:#0d7448; background:#; border-top:1px solid #0d7448; border-bottom:1px solid #0d7448; text-align:center}*/
.firefly_incentive ul li strong{font-size:1.4em}

.incentive_left{display:inline-block; vertical-align:top; width:50%;}
.incentive_right{display:inline-block; vertical-align:top; width:48%; position:relative}
.incentive_right div{position:absolute; bottom:0.5em; z-index:1; left:50%; transform:translateX(-50%); background:#db578b;border-radius:10px;}
.incentive_right div a{ color:#fff; padding:0 1em;  line-height:3em;}
.incentive_right div:hover{background:#333;}

.incentive_tab{}
.incentive_tab ul{background:#fff; display:table; width:100%;}
.incentive_tab ul li{display:table-cell;border:1px solid #0d7448; text-align:center; border-radius:10px 10px 0 0; padding:0.5em 0}
.incentive_tab a{color:#0d7448; display:block}
.incentive_tab .over{background:#0d7448}
.incentive_tab .over a{color:#fff}

#incentive_Wrap{}

  .f-incen{}
  .f-incen .h-title{font-size:1.8em; line-height:1.5em; font-weight:400; text-align:center; padding-bottom:30px;}
  .f-incen .head{background:url(/images/newcon/incentive-img.jpg) no-repeat top center; width:100%; height:450px; padding:50px 0 30px 0;}
  .f-incen .head ul{margin:0 auto; width:50%; }
  .f-incen .head ul li{display:inline-table; border-radius:20px; margin:7px 0; padding:7px 5px }
  .f-incen .head ul li:first-child{background:#fff; width:100px; ;text-align:center;  }
  .f-incen .head ul li:last-child{padding-left:10px}
  .f-incen .head p{margin:0 auto; width:50%; padding-left:20%}

  .f-incen .v-bg{background:#1a975f !important; color:#fff; }
  .f-incen .d-txt{font-size:1.7em; ;}

  .f-incen .inc-btn{display:inline-block; padding-left:10px;}
  .f-incen .inc-btn a{border-radius:20px; background:#333; color:#fff; text-align:center; font-size:0.6em; padding:4px 10px;}

  .inc-table table{border:0px !important}
  .inc-table td, .inc-table tr, .inc-table th{border:1px solid #e3e3e3; text-align:center; padding:15px}
  .inc-table th{background:#f9f9f9}
  .inc-cnt{background:#fff; padding:2em; border-radius:5px; position:relative}
  .inc-cnt  p{background:url(/images/2024/bullet-cir-v.png) no-repeat 0 14px; padding:0 0 0 10px; margin:0 0 20px 0;}

  .inc-ticket{display:block; background:#201f4e; color:#fff !important; text-align:center; font-size:1em; padding:1em 2em; margin-top:1em; border-radius:.5em; width:30%}
  .inc-ticket:hover{background:#6158c1}

/* 바로가기 버튼 */
.homelink-btn{position:absolute; right:1em; top:30px; border-radius:5px; padding:0 1em; background:#333; color:#fff; text-align:center;}
.homelink-btn a{color:#fff; font-size:.8em; }


				.shoptitle:first-child{	border-top: 1px solid black;	}
					
				.shoptitle{
					font-size:1em;
					position: relative;
					padding: 17px 0 17px 1em;
					cursor: pointer;
					border-bottom: 1px solid #dddddd;	
				}

				.shoptitle:after{   
					content: '';
					width: 10px; /* 사이즈 */
					height: 10px; /* 사이즈 */
					border-top: 2px solid #121212; /* 선 두께 */
					border-right: 2px solid #121212; /* 선 두께 */
					display: inline-block;
					transform: rotate(135deg); /* 각도 */
					position: absolute;
					top: 20px; /* 기본 0px 값으로 해주세요 */
					right: 20px; /* 기본 0px 값으로 해주세요 */
				}
					
				.shoptitle::before{
					display: inline-block;
					margin-right: 5px;
				}

				.shoptitle>span{}
				.shoptitle.on>span{
					font-weight: bold;
					color: #0d7448;	
				}
					
				.shopinfo {
					position:relative;
					display: none;
					overflow: hidden;
					background-color: #f4f4f2;
					padding: 27px;
				}
					
				.shopinfo::before {
					display: inline-block;
					font-weight: bold;
					margin-right: 5px;
				}

/* 반딧불 이야기 */
.story_about{}
.story_about .about_header{position:relative; background:url(/images/2024/story_top_bg.png) no-repeat top center;  height:320px; border-radius:50px 50px 0 0}
.story_about .about_header p{padding-top:1em; font-family: 'Shilla_CultureB-Bold';color:#fff; font-size:2em; text-align:center; line-height:1.5em}
.story_about .about_header p b{display:block; font-size:1.8em; font-weight:700; font-family: 'Shilla_CultureB-Bold';color:#fcfe95}
.story_about .about_header div{position:absolute; bottom:-2.3em; left:50%; transform:translateX(-50%)}

.story_about ul{margin:auto; width:70%;  padding:5em 0 0 0}
.story_about ul li{}



.firefly_program_etc{}
.firefly_program_etc .etc_header{background:url(/images/firefly-new/program_top_bg.jpg) no-repeat top center; text-align:center; font-family:'PyeongChangPeace-Light'; font-size:2.3em; color:#239340; padding:0.3em 0 1.5em 0; line-height:1.3em}
.firefly_program_etc .etc_header b{font-family:'PyeongChangPeace-Bold'}
.firefly_program_etc .etc_header small{font-size:0.7em; display:block}



.firefly_program_etc .cnts_div:nth-child(even) {background:#fff; margin-top:1em} /* 짝수차 */
.firefly_program_etc .cnts_div:nth-child(even) li{color:#000}
.firefly_program_etc .cnts_div:nth-child(even)>ul>li>ol>li{font-weight:500; color:#5e5e5e}
.firefly_program_etc .cnts_div:nth-child(even)>ul>li>ol>li:before{background:#929292}
.firefly_program_etc .cnts_div:nth-child(even) .f_period .date_title{color:#239340; border-top:1px solid #239340; border-bottom:1px solid #239340; float:left; vertical-align:top}  
.firefly_program_etc .cnts_div:nth-child(even) .f_title{color:#239340}

.cnts_div{background:#239340; padding:2em}
.cnts_div>ul{clear:both}
.cnts_div>ul>li:first-child{width:40%}
.cnts_div>ul>li:last-child{width:57%; padding-left:2em}
.cnts_div>ul>li{display:inline-block; vertical-align:top; color:#fff; font-size:1em}
.cnts_div>ul>li img{}
.cnts_div strong{display:block;font-size:1.7em; line-height:1.2em}
.cnts_div p{margin:0; padding:1.2em 0 1em 0; font-size:1.1em; clear:both}
.cnts_div>ul>li>ol{margin:0; padding:0}
.cnts_div>ul>li>ol>li{font-weight:300; font-size:0.95em; padding-left:10px; position:relative}
.cnts_div>ul>li>ol>li:before{content:''; width:4px; height:4px; border-radius:50%; background:#fff; position:absolute; left:0; top:9px;}

.f_title{}

.f_period{padding:1em 0 0em 0}
.f_period:after{content:''; clear:both; display:block}
.f_period .date_title{color:#fff; border-top:1px solid #fff; border-bottom:1px solid #fff; float:left; vertical-align:top; font-size:0.85em; margin-right:1.5em; width:50px; text-align:center}  
.f_period .date_date{float:left; vertical-align:top; width:90%}

.f_area{padding:1em 0 2em 0}
.f_area:after{content:''; clear:both; display:block}
.f_area .area_title{color:#fff; border-top:1px solid #fff; border-bottom:1px solid #fff; float:left; vertical-align:top; font-size:0.85em; margin-right:1.5em; width:50px; text-align:center}  
.f_area .area_list{float:left; vertical-align:top; font-weight:300; width:90%; font-size:0.95em}


.firefly-about{clear:both}
 .firefly-header{margin:auto; text-align:center; padding:0 0 2.5em 0}
 .firefly-header strong{display:block; font-weight:500; font-size:1.8em; line-height:1.6em;  }
 .firefly-header strong b{color:#6258c2; font-weight:500;}
 .firefly-header span{font-weight:500; font-size:1.1em; color:#626262;transform: skew(-0.1deg);}
 .firefly-header p{margin:0; padding:30px 0; width:75%; margin:auto; font-weight:500; text-align:left}
.firefly-about .firefly-about-img{position:relative; width:100%; max-width:1278px; background:url(/images/contents/fstory-firefly-bg.jpg) no-repeat top center; height:350px; border-radius:15px}
.firefly-about .firefly-about-img .firefly-circle{position:absolute; left:40%; top:15%; width:263px; height:263px;  border-radius:50%; 
       -webkit-box-shadow: 0 0 30px #fce342;
       -moz-box-shadow: 0 0 30px #fce342;
            box-shadow: 0 0 30px #fce342;}
.firefly-about-txt{width:80%; margin:auto; max-width:1000px; margin:50px auto}


/* 반딧불이의 분류와 구조 */
.firefly-div{}
.firefly-div .firefly-div-list{background:url(/images/contents/fstory-firefly-div-bg.jpg) no-repeat top center; background-size:cover;  height:350px; border-radius:15px;}
.firefly-div .firefly-div-list ul{margin:auto; padding-top:5%}
.firefly-div .firefly-div-list ul li{display:block; text-align:center}
.firefly-div .firefly-div-list ul li strong{transform: skew(-0.1deg); font-size:1.2em}

.firefly_divion{}
.firefly_divion .div_img{display:inline-block; vertical-align:middle; width:40%;}
.firefly_divion .div_txt{display:inline-block; vertical-align:middle; width:57%; }
.firefly_divion .div_txt ul{}
.firefly_divion .div_txt ul li{position:relative; padding-left:10px}
.firefly_divion .div_txt ul li:before{content:''; width:5px; height:5px; border-radius:50%; background:#0d7448; position:absolute; left:0; top:15px;}


.firefly-div-div{margin:auto; margin:2em 0}
.firefly-div-div table{width:100%;}
.firefly-div-div table th{background:#0d7448; color:#fff; text-align:center; font-weight:normal; border-top:0px !important}
.firefly-div-div table th:first-child{border-radius:15px 0 0 0; width:50%;}
.firefly-div-div table th:last-child{width:50%;border-radius:0 15px 0 0; background:#34584C}
.firefly-div-div table tr td{padding:1em; text-align:center}
.firefly-div-div table tr td span{display:block; color:#777}

.firefly-div-txt{/*padding-left:2em; text-indent:-2em*/ padding-left:1.8em}
.firefly-div-txt .f-div-img{text-align:center}
.firefly-div-txt .f-div-img img:first-child{width:100%; max-width:304px;}
.firefly-div-txt .f-div-img img:nth-child(2){width:100%; max-width:493px;}
.firefly-div-txt .div-img{text-align:center}
.firefly-div-txt .f-div-way-img{text-align:center; background:#f9f9f9; padding:2em 0; margin:1.5em 0; border-radius:15px;}
.firefly-div-txt .f-div-way-img img{width:100%; max-width:586px;}
.firefly-div-txt .firefly-light-img{text-align:center; background:#f9f9f9; border-radius:15px; margin:1.5em 0; padding:2em}
.firefly-div-txt .firefly-light-img ul{}
.firefly-div-txt .firefly-light-img ul li{display:inline-block; text-align:center}
.firefly-div-txt .firefly-light-img ul li img{border-radius:50%; max-width:200px; margin:0 1em}

.firefly-div-txt .feature-img{display:table-cell; vertical-align:top; min-width:250px;}
.firefly-div-txt .feature-img img{border-radius:50%;  max-width:200px}
.firefly-div-txt .feature-img p{margin:0; padding:1em 0}
.firefly-div-txt .feature-txt{display:table-cell; vertical-align:top;  }
.firefly-div-txt .feature-txt p{margin:0; padding:3em 0 0 0}



/* 반딧불 한살이 */
  .firefly-life{padding-bottom:3em}
  .firefly-life:last-child{padding-bottom:0}
  .firefly-life ul{position:relative; display:inline-block; vertical-align:top; margin:10px 15px; width:22%} 
  .firefly-life ul:after{content:' >'; position:absolute; font-size:1.8em;  top:25%; right:-33px; color:#b8b8b8;width:30px; height:30px; border-radius:50%; /*background:url(/images/contents/bullet-next.png) no-repeat 50% 50% #777*/; text-align:center;}
  .firefly-life ul:last-child:after{content:''; display:none}
  .firefly-life ul li{word-break:keep-all;}
  .firefly-life .life-img{border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding:15px 0; margin-bottom:20px; background:#f9f9f9 !important; text-align:center}
  .firefly-life ul li img{width:100%;  max-width:187px; border-radius:15px;}
  .firefly-life ul li ol{margin:0; padding:0}
  .firefly-life ul li ol li{position:relative; padding-left:10px; list-style-type:none}
  .firefly-life ul li ol li:before{content:''; width:5px; height:5px; border-radius:50%; background:#c2c2c2; position:absolute; left:0; top:15px;}



/* 애반딧불이의 일생도 */
  .firefly-lifetime-txt{padding-left:1.9em}
  .firefly-lifetime-txt ul{}
  .firefly-lifetime-txt ul li{padding-left:10px; position:relative}
  .firefly-lifetime-txt ul li:before{content:''; position:absolute; margin-top:16px;  left:0; width:5px; height:5px; background:#777; border-radius:50%;}
  .firefly-lifetime-txt .lifetime-img{width:100%; max-width:100%; margin:40px 0 20px 0}
  .firefly-lifetime-txt .lifetime-img img{width:100%; }

  .firefly-lifetime-txt-info{clear:both; margin:auto}
  .firefly-lifetime-txt-info ul{display:inline-block; vertical-align:top;width:23%; margin:0 10px}
  .firefly-lifetime-txt-info ul li{background:url(/images/newcon/bullet-cir-g.png) no-repeat 0 10px; padding-left:10px;}
  .firefly-lifetime-txt-info ul li:first-child{background:none; padding-left:0; font-weight:700;  padding:15px 0; margin-bottom:10px; font-siez:2em; border-top:2px solid #188d49; border-bottom:1px solid #e3e3e3; text-align:center; color:#188d49}

  .firefly-lifetime-place{}
  .firefly-lifetime-place ul{display:inline-block; vertical-align:top;width:30%; margin:0 1.2%}
  .firefly-lifetime-place ul li{}
  .firefly-lifetime-place ul li:first-child{background:none; padding-left:0; font-weight:700;  padding:15px 0; font-siez:2em;text-align:center; color:#188d49}
  .firefly-lifetime-place-div{background:#fff; padding:20px; font-size:1em; border-radius:10px; border:1px solid #e3e3e3}
  .firefly-place-img{width:100%; text-align:center; }
  .firefly-place-img img{width:100%; max-width:759px; text-align:center; margin:40px auto;}

  .firefly-place-vill{}
  .firefly-place-vill ul{width:30%; display:inline-block; vertical-align:top; text-align:center}
  .firefly-place-vill ul li img{margin-right:10px}
  .firefly-place-vill ul li:nth-child(2){text-align:left; letter-spacing:-1px; font-size:.9em; padding:5px}

  .firefly-place-vill .muju{background:#73839F; /*border-radius:50%; width:100px; height:100px;*/ color:#fff; text-align:center; margin:auto; border-radius:15px 15px 0 0 ; padding:.5em 0; font-weight:500}
    .firefly-place-vill .anseong{background:#FCE844; /*border-radius:50%; width:100px; height:100px; */color:#333; text-align:center; margin:auto; border-radius:15px 15px 0 0; padding:.5em 0; font-weight:500}
      .firefly-place-vill .bunam{background:#A1B47C; /*border-radius:50%; width:100px; height:100px;*/ color:#fff; text-align:center; margin:auto; border-radius:15px 15px 0 0; padding:.5em 0; font-weight:500}
        .firefly-place-vill .seolcheon{background:#F6E7E0; /*border-radius:50%; width:100px; height:100px; */color:#333; text-align:center;margin:auto; border-radius:15px 15px 0 0 ; padding:.5em 0; font-weight:500}
	  .firefly-place-vill .jeoksang{background:#AC728B; /*border-radius:50%; width:100px; height:100px; */color:#fff; text-align:center; margin:auto; border-radius:15px 15px 0 0; padding:.5em 0; font-weight:500}
	    .firefly-place-vill .mupung{background:#878A54; /*border-radius:50%; width:100px; height:100px; */color:#fff; text-align:center; margin:auto; border-radius:15px 15px 0 0 ; padding:.5em 0; font-weight:500}

/* table */
.f-life-tble{}
.f-life-tble table{width:100%}
.f-life-tble thead{border-radius:15px 15px 0 0; background:#204B4B; color:#fff;}
.f-life-tble thead th{font-weight:normal}
.f-life-tble thead th{border-top:0px; width:25%}
.f-life-tble thead th:first-child{border-radius:15px 0 0 0}
.f-life-tble thead th:last-child{border-radius:0 15px 0 0}
.f-life-tble tbody td{padding:.6em .6em .6em 3em; text-indent:-2.4em}
.f-life-tble thead th:nth-child(1){width:32%; background:#b68e6f}
.f-life-tble thead th:nth-child(2){width:28%; background:#858873}
.f-life-tble thead th:nth-child(3){width:17%}
.f-life-tble thead th:nth-child(4){width:17%; background:#7a2c28}


.f-life-tble-m{display:none}

/* 반딧불이에 얽힌 이야기 */
.firefly-about-story-txt{padding-left:1.9em}
	.firefly-word{padding-top:1.2em}
	.firefly-word .firefly-word-img{display:table-cell; vertical-align:top; text-align:left}
	.firefly-word .firefly-word-img img{margin-right:1.5em; }
	.firefly-word ul{display:table-cell; vertical-align:top}

.firefly-about-story-proverb{padding-left:1.9em; padding-top:1.5em}
.firefly-about-story-proverb ul{}
.firefly-about-story-proverb ul li:nth-child(odd){font-size:1.2em; font-weight:700}
.firefly-about-story-proverb ul li:nth-child(even){padding:20px 20px 20px 40px; margin:15px 0 30px 0; background:#f9f9f9; border-top:1px dashed #e3e3e3;}
.firefly-about-story-proverb ul li{text-align:}
.firefly-about-story-proverb .num-txt{float:left; color:#fff; margin-right:10px; width:30px; height:30px; border-radius:50%; background:#1a975f; text-align:center; font-size:.8em; padding-top:0px; margin-top:3px; line-height:1.7em}

.vpnt{color:#1a975f}

  .firefly-naming{}
  .firefly-naming ul{}
  .firefly-naming ul li{display:inline-block; width:14%; text-align:center; border:1px solid #e3e3e3; border-radius:10px; ;margin:.5% 1%; padding:10px 0}
  .firefly-naming ul li:hover{background:#1a975f; color:#fff; transition: all ease 0.5s 0s;}
  .firefly-naming ul li:nth-child(even){background:}


/* 주제가 */
.fmap-guide{padding-bottom:3em}
.fmap-guide .map-img{margin-bottom:20px; width:100%}
.fmap-guide .map-img img{width:100%; border-radius:20px; border:1px solid #e3e3e3;}
.fmap-guide small{font-size:.9em; text-align:right;}

  .firefly-song{color:#fff; text-align:center; background:url(/images/firefly-new/firefly_song_bg.jpg) no-repeat top center; border-radius:50px 50px 0 0; margin-top:2em; }
  .firefly-song p{margin:0; padding:2em 0 0 0; font-size:1.4em}
  .firefly-song:after{content:''; display:block; clear:both}
  .firefly-song .song-header{text-align:center; }
  .firefly-song .song-header b{font-size:2em; line-height:1.4em; font-weight:500; display:block; }

  .firefly-movie{width:100%; text-align:center}
  .firefly-movie iframe{margin:auto; width:60%; height:auto; height:500px; border:6px solid #000; margin:1.5em 0; background:#000; padding:1em}

  .song-lyrics{width:100%; margin:auto;  padding:4em 0 2em 0}
  .song-lyrics::before{content:''; position:absolute; background:url(/images/newcon/song-icon1.png) no-repeat top center; padding:30px;}
  .song-lyrics blockquote{width:auto; font-size:1em; color:#000}



/* 행사장 안내도 */
.fmap-guide{padding-bottom:3em}
.fmap-guide .map-img{margin-bottom:20px; width:100%}
.fmap-guide .map-img img{width:100%; border-radius:20px; border:1px solid #e3e3e3;}
.fmap-guide small{font-size:.9em; text-align:right;}
.fmap-guide .tel{background:#f9f9f9; padding:1em 0; text-align:center; margin-top:2em; border-top:1px dashed #e3e3e3;}
.fmap-guide .tel b{color:#218d4c}


/* 리플렛 */
.prdata{}
.prdata div{border-radius:15px; border:1px solid #dbdbdb; padding:1em; margin:1em 0}
.prdata img{width:100%; }
.prdata p{font-size:90%; text-align:right}
.leaflet-down{display:table; text-align:center; padding:.5em 1em; margin:1em auto; background:#333; color:#fff; border-radius:5px;}
.leaflet-down a{color:inherit; margin:auto}



/* 프로그램 */
.program {float:left;width:100%;}


/* 프로그램 상단이미지 */
.sub_mainimg{margin:1em; }
.sub_mainimg img{border-radius:40px 40px 0 0}
.sub_program2{height:615px}
.sub_program{background:#000; padding:3em 0 3em 0}
.sub_program img{width:100%; margin:0 .5em; }
.sub_program .sub_roll{width:100%; max-width:1100px;margin:16em auto auto auto;}
.sub_program .slick-initialized .slick-slide{margin:0 1em}
.sub_program .slick-next:before, .sub_program  .slick-prev:before{color:#fff; font-size:35px}
		.bg_firefly{background:#000 url(/images/2024/pgm/firefly_mainimg.jpg) no-repeat top center; border-radius:50px 0 50px 0}
		.bg_family{background:#3b446d url(/images/2024/pgm/family_mainimg2.jpg) no-repeat top center; border-radius:50px 0 50px 0}
		.bg_star{background:#020015 url(/images/2024/pgm/star_mainimg.jpg) no-repeat top center; border-radius:50px 0 50px 0}
		.bg_fish{background:#03385d url(/images/2024/pgm/fish_mainimg.jpg) no-repeat top center; border-radius:50px 0 50px 0}
		.bg_water{background:#0055a1 url(/images/2024/pgm/water_mainimg2.jpg) no-repeat top center; border-radius:50px 0 50px 0}
		.bg_musical{background:#1d130a url(/images/2024/pgm/musical_mainimg.jpg) no-repeat top center; border-radius:50px 0 50px 0}
		.bg_balloon{background:#1d130a url(/images/2024/pgm/balloon_mainimg.jpg) no-repeat top center; border-radius:50px 0 50px 0}
		.bg_bubble{background:#e4b898 url(/images/2024/pgm/bubble_mainimg.jpg) no-repeat top center; border-radius:50px 0 50px 0}
		.bg_show{background:#3b1213 url(/images/2024/pgm/show_mainimg.jpg) no-repeat top center; border-radius:50px 0 50px 0}
		.bg_youth{background:#06070b url(/images/2024/pgm/youth_mainimg.jpg) no-repeat top center; border-radius:50px 0 50px 0}
		.bg_cheer{background:#06070b url(/images/2024/pgm/cheer_mainimg.jpg) no-repeat top center; border-radius:50px 0 50px 0}
		.bg_live{background:#003263 url(/images/2024/pgm/live_mainimg4.jpg) no-repeat top center; border-radius:50px 0 50px 0; height:520px;}
		.bg_busking{background:#4b282e url(/images/2024/pgm/busking_mainimg.jpg) no-repeat top center; border-radius:50px 0 50px 0}
		.bg_buskingn{background:#0e5340 url(/images/2024/pgm/buskingn_mainimg2.jpg) no-repeat top center; border-radius:50px 0 50px 0}
		.bg_nuri{background:#040506 url(/images/2024/pgm/nuri_mainimg.jpg) no-repeat top center; border-radius:50px 0 50px 0}
		.bg_parade{background:#0d1324 url(/images/2024/pgm/parade_mainimg.jpg) no-repeat top center; border-radius:50px 0 50px 0}
		.bg_light{background:#000 url(/images/2024/pgm/light_mainimg.jpg) no-repeat top center; border-radius:50px 0 50px 0}
		.bg_flag{background:#2e221b url(/images/2024/pgm/flag_mainimg.jpg) no-repeat top center; border-radius:50px 0 50px 0}
		.bg_nong{background:#3d5a2e url(/images/2024/pgm/nong_mainimg.jpg) no-repeat top center; border-radius:50px 0 50px 0}
		.bg_ship{background:#251d0d url(/images/2024/pgm/ship_mainimg.jpg) no-repeat top center; border-radius:50px 0 50px 0}
		.bg_didil{background:#2e221b url(/images/2024/pgm/didil_mainimg.jpg) no-repeat top center; border-radius:50px 0 50px 0}
		.bg_mt{background:#171b33 url(/images/2024/pgm/mt_mainimg.jpg) no-repeat top center; border-radius:50px 0 50px 0}
		.bg_fireflower{background:#000 url(/images/2024/pgm/fireflower_mainimg.jpg) no-repeat top center; border-radius:50px 0 50px 0}


		.bg_onddayeco{background:#1e140a url(/images/2024/pgm/onedayeco_mainimg.jpg) no-repeat top center; border-radius:50px 0 50px 0}
		.bg_bandieco{background:#e8e0cf url(/images/2024/pgm/bandieco_mainimg.jpg) no-repeat top center; border-radius:50px 0 50px 0}
		.bg_natureconcert{background:#323e26 url(/images/2024/pgm/natureconcert_mainimg.jpg) no-repeat top center; border-radius:50px 0 50px 0}
		.bg_recycling{background:#f6f7fb url(/images/2024/pgm/recycling_mainimg2.jpg) no-repeat top center; border-radius:50px 0 50px 0}
		.bg_kbs{background:#101631 url(/images/2024/pgm/kbs_mainimg2.jpg) no-repeat top center; border-radius:50px 0 50px 0; height:450px;}
		.bg_globalday{background:#f6f7fb url(/images/2024/pgm/globalday_mainimg2.jpg) no-repeat top center; border-radius:50px 0 50px 0; height:520px;}
		.bg_bandistar{background:#f6f7fb url(/images/2024/pgm/bandistar_mainimg.jpg) no-repeat top center; border-radius:50px 0 50px 0; height:520px;}
		.bg_kids{background:#a2c4e9 url(/images/2024/pgm/kids_mainimg3.jpg) no-repeat top center; border-radius:50px 0 50px 0; height:600px;}
		.bg_edmparty{background:#4f40ad url(/images/2024/pgm/edmparty_mainimg3.jpg) no-repeat top center; border-radius:50px 0 50px 0; height:520px;}
		.bg_taekwondo{background:#000 url(/images/2024/pgm/taekwondo_mainimg.jpg) no-repeat top center; border-radius:50px 0 50px 0; height:520px; background-size:100%}
		.bg_trot{background:#210d82 url(/images/2024/pgm/trot_mainimg.jpg) no-repeat top center; border-radius:50px 0 50px 0; background-size:cover}

@media (max-width:1024px){
.bg_kids{background-size:150%}
.bg_live{background-size:120%}
.bg_kbs{background-size:155%}
}

@media (max-width:768px){
		.bg_globalday{background:#f6f7fb url(/images/2024/pgm/globalday_mainimg2_m.jpg) no-repeat top center; }
		.bg_edmparty{background:#f6f7fb url(/images/2024/pgm/edmparty_mainimg3_m.jpg) no-repeat top center;}
		.bg_live{background:#538ac0 url(/images/2024/pgm/live_mainimg4_m.jpg) no-repeat top center;background-size:contain; }
		.bg_kids{background:#003263 url(/images/2024/pgm/kids_mainimg3_m.jpg) no-repeat top center;background-size:contain; }
		.bg_taekwondo{background:#000 url(/images/2024/pgm/taekwondo_mainimg_m.jpg) no-repeat top center;background-size:contain}
		.bg_trot{background:#210d82 url(/images/2024/pgm/trot_mainimg_m.jpg) no-repeat top center; background-size:contain}
}
@media (max-width:450px){
		.bg_globalday{background:#f6f7fb url(/images/2024/pgm/globalday_mainimg2_m.jpg) no-repeat top center; height:380px;}
		.bg_edmparty{background:#f6f7fb url(/images/2024/pgm/edmparty_mainimg3_m.jpg) no-repeat top center; height:380px;}
		.bg_live{background:#538ac0 url(/images/2024/pgm/live_mainimg4_m.jpg) no-repeat top center;background-size:contain; height:380px;}
		.bg_kids{background:#003263 url(/images/2024/pgm/kids_mainimg3_m.jpg) no-repeat top center;background-size:contain;  height:380px;}
		.bg_taekwondo{background:#000 url(/images/2024/pgm/taekwondo_mainimg_m.jpg) no-repeat top center;background-size:cover;  height:380px;}
		.bg_trot{background:#210d82 url(/images/2024/pgm/trot_mainimg_m.jpg) no-repeat top center; background-size:contain;  height:380px;}
}

.fpg-div{margin:auto}
  .fpg-top{margin:auto; text-align:center; font-size:1.5em; line-height:1.6em}
  .fpg-top strong{display:block; margin:0; padding:0 0 30px 0; font-size:1.7em; font-weight:700; color:#6258c2}

  .fpg-img{background:url(/images/newcon/program-firefly-img.jpg) no-repeat top center; height:400px; width:100%; margin-bottom:20px;}
  .fpg-img-p{background:url(/images/contents/program-parent-img.jpg) no-repeat top center; height:400px; width:100%; margin-bottom:20px;}
  .fpg-img-f{background:url(/images/newcon/program-flower-img.jpg) no-repeat top center; height:400px; width:100%; margin-bottom:20px;}
  .fpg-img-i{background:url(/images/newcon/program-life-img.jpg) no-repeat top center; height:400px; width:100%; margin-bottom:20px;}
  .fpg-img-sp{background:url(/images/contents/program-special-img.jpg) no-repeat top center; height:400px; width:100%; margin-bottom:20px;}
  .fpg-img-c{background:url(/images/contents/program-picnic-img.jpg) no-repeat top center; height:400px; width:100%; margin-bottom:20px;}
  .fpg-img-b{background:url(/images/contents/program-bongan-img.jpg) no-repeat top center; height:400px; width:100%; margin-bottom:20px;}
  .fpg-img-n{background:url(/images/contents/program-bandinuri-img.jpg) no-repeat top center; height:400px; width:100%; margin-bottom:20px;}
  .fpg-img-k{background:url(/images/contents/program-busking-img.jpg) no-repeat top center; height:400px; width:100%; margin-bottom:20px;}
  .fpg-img-m{background:url(/images/contents/program-music-img.jpg) no-repeat top center; height:400px; width:100%; margin-bottom:20px;}

  .fpg-st{font-weight:500; width:100%; margin:auto; text-align:center}
  .fpg-st span{display:block}

  .fpg-date{clear:both; padding:40px 0;}
  .fpg-date .cir-title{background:#188d49; color:#fff; text-align:center; width:100px; height:100px;font-size:1.5em; line-height:1.3em; border-radius:50%; padding-top:20px;}
  .fpg-date ul{display:table; margin:auto}
  .fpg-date ul li{display:inline-block; text-align:center; vertical-align:top}
  .fpg-date ul li span{display:block}
  .fpg-date ul li:last-child{padding-top:10px; padding-left:20px; font-size:2.2em; line-height:1.2em}
  .fpg-date ul li:last-child b{color:#188d49; font-weight:500;}
  .fpg-date .busking{text-align:left; font-size:1.7em !important}

  .fpg-cnt{clear:both; border-top:2px solid #188d49}
  .fpg-cnt>ul{border-top:1px solid #dbdbdb; display:table; width:100%}
  .fpg-cnt>ul:last-child{border-bottom:1px solid #e3e3e3}
  .fpg-cnt>ul>li{display:inline-block; vertical-align:top; margin:15px 0; padding-left:5px}
  .fpg-cnt>ul>li:first-child{width:20%; color:#188d49; font-weight:700; border-right:1px solid #e3e3e3;  min-width:80px; text-align:center; font-size:1em}
  .fpg-cnt>ul>li:last-child{width:80%; padding-left:3%; text-align:left}
  .fpg-cnt>ul>li>ol{margin:0; padding:0 0 0 1em}
  .fpg-cnt>ul>li>ol>li{text-align:left}
  .fpg-cnt>ul>li>ol>li{list-style-type:decimal}
  .fpg-cnt table{width:100%}
  .fpg-cnt th{background:#f9f9f9;}
  .fpg-cnt th,  .fpg-cnt td{font-size:0.95em}


  .rpnt{color:#ff5a44}

  .gr-bg{margin:auto; text-align:center; width:100%; margin-top:30px; border-top:1px solid #e3e3e3; padding-top:30px; background:#f9f9f9}

  .fpg-st .fpg-tt{font-size:1.5em}
  .fpg-st ul{padding-top:30px}
  .fpg-st ul li{border-top:1px solid #e3e3e3; padding:30px 0}

  .fpg-fw-img{clear:both; }
  .fpg-fw-img ul{display:table; margin:auto}
  .fpg-fw-img ul li{display:inline-block; vertical-align:top; width:33.3%}
  .fpg-fw-img ul li img{margin:5px; width:100%; max-width:374px; border:3px solid #fff}



.pgm_layout{clear:both; /*background: url(/images/firefly-new/program_top_bg.jpg) no-repeat top center*/;
    text-align: center;
    width: 100%;
    padding-bottom: 0.5em;}

.pgm_header{text-align:center; font-size:1.2em; padding-bottom:1em }
.pgm_header strong{display:block; font-size:2em; line-height:1.2em; font-weight:800;font-family: 'EF_Firenze';color:#188d49;}
.pgm_header b{color:#188d49; font-size:1.5em; line-height:1.2em; display:block; margin-top:0.5em}
.pgm_header .event_date{background:#188d49; display:table; color:#fff; font-weight:800; border-radius:10px; margin:auto; font-size:.8em; padding:0 1em; display:none}
 .pgm_header p{font-family: 'NexonBazzi'; font-size:130%; padding:1em 0 0.5em 0;}
.pgm_header span{font-size:120%; font-weight:700; position:relative;color:#188d49; }
/*.pgm_header span:after{content:''; width:100%; background:yellow; height:8px; width:100%; position:absolute; left:0; bottom:0; z-index:-1}*/

.pgm_mainimg {
    width:37%;
    display:inline-block;
    vertical-align:top;
    position: ; overflow:hidden; 
    top:0em
}

.pgm_mainimg2 {
    width:37%;
    display:inline-block;
    vertical-align:top;
    position: relative; overflow:hidden; 
    top:0em
}

#f-slide {
    position:relative;
    width:100%;
    height:450px;
    overflow:hidden;
}
#f-slide > div {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

#f-slide2 {
    position:relative;
    width:100%;
    height:450px;
    overflow:hidden;
}
#f-slide2 > div {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

#f-slide3 {
    position:relative;
    width:100%;
    height:450px;
    overflow:hidden;
}
#f-slide3 > div {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

#f-slide4 {
    position:relative;
    width:100%;
    height:450px;
    overflow:hidden;
}
#f-slide4 > div {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

#f-slide5 {
    position:relative;
    width:100%;
    height:450px;
    overflow:hidden;
}
#f-slide5 > div {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.pgm_cnts{width:100%; max-width:1300px; margin:2em auto auto auto}
.pgm_cnts .cnt-h2{border-bottom:0}
.apply_btn{  }
.apply_btn a{background:#188d49; color:#fff; font-size:1em; text-align:center; display:block; max-width:200px; line-height:3em; width:50%; margin:auto; box-shadow:5px 5px 5px #dbdbdb; border-radius:10px; display:inline-block; margin:.5em}
.apply_btn a:hover{background:#333}
.apply_btn .kakao{background:#fee500; position:relative; color:#524217}
.apply_btn .kakao:hover{background:#fee500; position:relative; color:#524217}

/* 축제일정표 */
#sub_schedule .day_li {
	width:50%;
	float:left;
}

@media (max-width: 480px) {
sub_schedule .day_li {
		width:100%;
	}
}

.schedule_top{background:url(/images/firefly-new/schedule_top_bg.png) no-repeat top center; text-align:center; width:100%; padding-bottom:0.5em;}
.schedule_top strong{font-weight:700; color:#4b4b4b; font-size:1.2em}
.schedule_top b{font-weight:700; color:#218d4c; font-size:1.9em; letter-spacing:-0.02em;}
.schedule_top div{width:100%; text-align:right; color:#333; font-size:0.9em; font-weight:100; padding-top:1.5em}

#sub_schedule {
							}
#sub_schedule table {
                                      padding:0; 
									  margin-left:1px; 
									  width:100%; 
									  border-left:1px solid #ebebeb; 
									  border-radius:15px 15px 0 0;
									  /*margin-bottom:20px;*/
									  border-top:0px;
									  }
#sub_schedule table th {
                                          background:#218d4c; 
										  padding:.5%; 
										  text-align:center; 
										  color:#FFFFFF; 
										  margin:0;
										  }
#sub_schedule table th:first-child{border-radius:15px 0 0 0;}
#sub_schedule table th:last-child{border-radius:0 15px 0 0;}

#sub_schedule table td {
                                         padding:1.5% 1%; 
										 vertical-align:top; 
										 border-bottom:1px solid #ebebeb; 
										 border-right:1px solid #ebebeb; 
										 color:#333333;
										 }
#sub_schedule table .td1 {padding-top:50px; width:100%; text-align:center; background:#f7f7f7; font-size:15px; font-weight:bold;}

#sub_schedule table .dotline{margin-top:6px;}
#sub_schedule table .trmg{font-weight:600;}
#sub_schedule table .trmg strong{background:#e7f1f5;}

/*모바일화면시 나오는 일정*/
#sub_schedule .sub_schedule_on{display:none;}
#sub_schedule .sub_schedule_on2{display:none;}
#sub_schedule .sub_schedule_on table th,
#sub_schedule .sub_schedule_on2 table th {
                                          background:url(/images/content/program/program-schedule-bg.gif); 
										  padding: 2% 1%; 
										  height:70px;
										  background-size:100% 100%;
										  text-align:center; 
										  color:#FFFFFF; 
										  margin:0;
										  font-size:20px;
										  }
										  
#sub_schedule .sub_schedule_on2 table th {
                                          height:40px;
										  }										  
										  

#sub_schedule .sub_schedule_on table td.th ,
#sub_schedule .sub_schedule_on2 table td.th{
                                        font-weight:bold;
										text-align:center;
										font-size:18px;
										background:#f2f3f3;
										padding:2% 1%;
										 }
										 
#sub_schedule .sub_schedule_on table td.trmg{
                                                                                   height:35px;
																				   padding:6% 1%;
																				   font-size:16px;
																				   }
																				   
#sub_schedule .sub_schedule_on2 table td.trmg{
                                                                                   height:35px;
																				   padding:3% 1%;
																				   font-size:16px;
																				   }		
																				   




/* 다양한 프로그램 */

.firefly_program_etc .cnts_div:nth-child(even) {background:#fff; margin-top:1em} /* 짝수차 */
.firefly_program_etc .cnts_div:nth-child(even) li{color:#000}
.firefly_program_etc .cnts_div:nth-child(even)>ul>li>ol>li{font-weight:500; color:#5e5e5e}
.firefly_program_etc .cnts_div:nth-child(even)>ul>li>ol>li:before{background:#929292}
.firefly_program_etc .cnts_div:nth-child(even) .f_period .date_title{color:#239340; border-top:1px solid #239340; border-bottom:1px solid #239340; float:left; vertical-align:top}  
.firefly_program_etc .cnts_div:nth-child(even) .f_title{color:#239340}

.cnts_div{background:#239340; padding:2em}
.cnts_div>ul{clear:both}
.cnts_div>ul>li:first-child{width:40%}
.cnts_div>ul>li:last-child{width:57%; padding-left:2em}
.cnts_div>ul>li{display:inline-block; vertical-align:top; color:#fff; font-size:1em}
.cnts_div>ul>li img{}
.cnts_div strong{display:block;font-size:1.7em; line-height:1.2em}
.cnts_div p{margin:0; padding:1.2em 0 1em 0; font-size:1.1em; clear:both}
.cnts_div>ul>li>ol{margin:0; padding:0}
.cnts_div>ul>li>ol>li{font-weight:300; font-size:0.95em; padding-left:10px; position:relative}
.cnts_div>ul>li>ol>li:before{content:''; width:4px; height:4px; border-radius:50%; background:#fff; position:absolute; left:0; top:9px;}

.f_title{}

.f_period{padding:1em 0 0em 0}
.f_period:after{content:''; clear:both; display:block}
.f_period .date_title{color:#fff; border-top:1px solid #fff; border-bottom:1px solid #fff; float:left; vertical-align:top; font-size:0.85em; margin-right:1.5em; width:50px; text-align:center}  
.f_period .date_date{float:left; vertical-align:top; width:90%}

.f_area{padding:1em 0 2em 0}
.f_area:after{content:''; clear:both; display:block}
.f_area .area_title{color:#fff; border-top:1px solid #fff; border-bottom:1px solid #fff; float:left; vertical-align:top; font-size:0.85em; margin-right:1.5em; width:50px; text-align:center}  
.f_area .area_list{float:left; vertical-align:top; font-weight:300; width:90%; font-size:0.95em}



.sns-page{height:500px; position:relative}
.sns-page .sns-img{position:relative; text-align:center; padding-bottom:90px;}
.sns-page .sns-img img{width:100%; max-width:615px}
.sns-page .grbg{position:absolute; bottom:0; background:url(/images/firefly-new/sns-bg.jpg) no-repeat bottom center; height:400px; width:100%; z-index:-1 }


/* 상품접수 */
.mfarm{}
.mfarm{background:#eee9e3; border-radius:20px; padding:3em}
.mfarm .fheader{font-size:1.3em; line-height:1.5em; text-align:center; margin:auto auto 1em auto; color:#3f3f3f}
.mfarm .fheader strong{color:#b6433d; font-family:inherit; font-size:1.5em}
.mfarm .fheader p{padding-top:1em; font-size:.8em;display:block; font-weight:500}

.product-list{}
.product-list ul{display:table; width:100%}
.product-list ul li{display:table-cell; text-align:center}
.product-list ul li .list-div{max-width:270px;background:#454454;border-radius:15px; }
.product-list ul li .list-div .farm-img{padding-bottom:.3em}
.product-list ul li .list-div .farm-img img{width:100%; border-radius:15px 15px 0 0; }
.product-list ul li .list-div .farm-info{width:90%; margin:auto; color:#fff;}
.product-list ul li .list-div .farm-info .pdt-title{height:90px; text-align:center; line-height:30px; font-weight:500; color:#ffe400;}
.product-list ul li .list-div .farm-info .pdt-title span{font-size:.9em; color:#fff;}
.product-list ul li .list-div .farm-info .pdt-txt{width:90%; margin:1em auto; font-size:.85em; line-height:20px; padding:1em 0; word-break:keep-all; height:110px; border-top:1px solid #6a6976; border-bottom:1px solid #6a6976}
.product-list ul li .list-div .farm-info .pdt-price{padding-bottom:1em;}
.product-list ul li .list-div .farm-info .pdt-price span{text-decoration:line-through;}
.product-list ul li .list-div .farm-info .pdt-price b{display:block; color:#ffe400;}




/* 신청서 작성하기 */
.farm-order{clear:both; margin:auto}
.farm-order h3{margin:auto; padding:2em 0 1em 0; text-align:center; font-size:1.4em; }
.farm-order .farm-div{background:#f9f9f9; padding:3em}
.farm-order .farm-div .div-inner{background:#fff; border:1px solid #e3e3e3; padding:2em; border-radius:15px;}
.farm-order .farm-div .div-inner label{display:none}
.farm-order .farm-div .div-inner ul{display:table; width:100%; border-bottom:1px solid #e3e3e3; padding:.5em 0}
.farm-order .farm-div .div-inner ul:last-child{border-bottom:0}
.farm-order .farm-div .div-inner ul li{display:table-cell; padding:.5em}
.farm-order .farm-div .div-inner ul li:first-child{width:30%; font-weight:500; padding-left:1em}
.farm-order .farm-div .div-inner ul li:first-child:before{content:'ㆍ';}
.farm-order .farm-div .div-inner .radio-chk input{}
.pdct-chk{font-size:0.9em}

		.div-inner-left{display:inline-block; width:60%; vertical-align:top}
		.div-inner-left input{width:auto; padding:5px; border:1px solid #e3e3e3; border-radius:5px; font-size:.9em}
		.div-inner-left select{padding:.3em 1em; font-size:.8em}
		.div-inner-left small{color:#b6433d; font-weight:500; margin-left:.5em}
		.div-inner-left #total-p{border:none; color:#b6433d; font-weight:bold; font-size:1.5em}

		.div-inner-right{display:inline-block; width:38%; vertical-align:top; padding-left:2em}
		.div-inner-right h4{font-size:.9em; font-weight:400; padding:.5em 0}
		.div-inner-right .agree-info{border:1px solid #e3e3e3; padding:.5em; background:#f9f9f9; border-radius:10px; height:150px; font-size:.8em; overflow-y:auto}
		.div-inner-right .chk-div{font-size:.8em; text-align:center; padding-top:.5em}
		.div-inner-right .chk-div-all{font-size:.8em; text-align:center; padding-top:1em; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; text-align:center; font-size:1em}


/* 버튼 */
.forder-btn{display:block; clear:both; padding-top:2em; text-align:center; margin:auto}
.forder-btn .obtn{background:#333; text-align:center; color:#fff; display:inline-block; border-radius:10px; margin:0 .2em}
.forder-btn .red{background:#b6433d;}
.forder-btn .obtn a{display:block; color:#fff;font-size:1em; padding:.7em 1.5em;}
.forder-btn input{background: #b6433d;display:block; color:#fff;font-size:1em; padding:.7em 1.5em;border: 3px solid #b6433d;border-radius: 10px;cursor: pointer;}



/* 접수 완료 */
.mfarm-end{background:#eee9e3; border-radius:20px; padding:3em}
.mfarm-end .end-div{background:#fff; border-radius:10px; border:1px solid #e3e3e3; padding:2em; text-align:center; display:table-cell; vertical-align:top; width:65%;}
.mfarm-end .end-div p{font-size:1.6em; padding-bottom:1em; margin-bottom:0em}
.mfarm-end .end-div p span{display:block; font-size:.8em; font-family:inherit}
.mfarm-end .end-div p b{display:block; color:#6258c2; font-family:inherit; }
.mfarm-end .end-div ul{padding:0 0 1em 0; background:#fff; width:100%; margin:auto; border-top:2px solid #333;}
.mfarm-end .end-div ul li{padding:.7em; text-align:left; border-bottom:1px solid #e3e3e3; }
.bank-txt{padding:1em 0; font-size:1.2em}
.bank-txt b b{color:red}
.c-txt{color:#ff5400; font-weight:500}
.mfarm-end .end-txt{display:table-cell; vertical-align:top; width:35%; background:#fff; border-radius:10px; border:1px solid #e3e3e3; padding:3em 2em 2em 2em;}
.end-txt strong{font-size:1.6em; padding-bottom:1em; font-size:1.2em}
.end-txt ol{padding-top:1em}
.end-txt ol li{font-size:.9em}

.zipfind{background:#333; color:#fff; border-radius:3px; display:inline-block; font-size:.8em; cursor:pointer}
.zipfind a{color:#fff; display:block; padding:.2em 1.5em}


/* 홍보자료 */
.prdata{}
.prdata div{border-radius:15px; border:1px solid #dbdbdb; padding:1em; margin:1em 0}
.prdata img{width:100%; }
.prdata p{font-size:90%; text-align:right}
.leaflet-down{display:table; text-align:center; padding:.5em 1em; margin:1em auto; background:#333; color:#fff; border-radius:5px;}
.leaflet-down a{color:inherit; margin:auto}





	/* slick slide */
    .main_program .slider { width: 92%;	margin:auto;	position:relative;    }
    .main_program .slick-slide {margin: 0px 35px;     }
    .main_program .slick-slide img {      width: 100%;    }
    .main_program .slick-slide img:hover{margin-top:-10px}
    .main_program .slick-prev:before,    .slick-next:before {      color: black;    }
    .main_program .slick-slide {      transition: all ease-in-out .3s;      opacity: .2;    }
    .main_program .slick-active {      opacity: 1;    }
    .main_program .slick-current {      opacity: 1;    }

    .slide-btn-wrap {    position: absolute;    bottom: 30px;    left: 50%;    transform: translateX(60px);}
	/*.slick-prev, .slick-next{display:none !important} /* 안보이게 */

	/* 직접 생성된 버튼 */
    .exp_program .btn_prev{background:url(/images/firefly-new/yl_btn_left.gif) no-repeat; width:30px; height:30px; border:0; font-size:0; cursor:pointer}
	.exp_program .btn_next{background:url(/images/firefly-new/yl_btn_right.gif) no-repeat; width:30px; height:30px; border:0; font-size:0; cursor:pointer}

     .exp_program .control_btn{position:absolute; left:50%; transform:translateX(-50%)}
     .exp_program .btn_pause.on{background:url('/images/firefly-new/yl_btn_stop.gif')no-repeat !important;  width: 30px; height: 30px;	 text-indent: -9999px;    border:none;cursor: pointer;outline: none;}
     .exp_program .btn_pause{background:url('/images/firefly-new/yl_btn_play.gif')no-repeat;	 width: 30px; height: 30px; text-indent: -9999px; border:none;	   cursor: pointer; outline: none;	}
     .exp_program .control_btn button{display:inline-block; vertical-align:middle}


/* 축제예약페이지의 버튼 */
.pgm_mainimg .apply_btn{  }
.pgm_mainimg .apply_btn a{background:#188d49; color:#fff; font-size:1.1em; text-align:center; display:block; max-width:475px; line-height:3em; width:70%; margin:auto; box-shadow:5px 5px 5px #dbdbdb; border-radius:5px 0; margin:0.3em auto}
.pgm_mainimg .apply_btn a:hover{background:#333}
.pgm_mainimg .apply_btn a.grbtn{background:#fee500; position:relative; color:#524217}
.pgm_mainimg .apply_btn a img{vertical-align:middle}



/* 개인정보처리방침 */
.privacy{background:#f9f9f9; padding:2em; border-radius:10px;}
	.privacy_wrap{background:#fff; padding:2em; border-radius:10px; box-shadow:2px 2px 2px #e3e3e3;}
		.privacy_div{}
		.privacy_title{color:#753195;font-size:1.3em;text-align:center}
		.privacy_sstitle{color:#272727;font-family:GmarketSans;font-size:16px;background-color:#ffffff}

/* 농특산물 판매 준비중 */
   .firefly_shopping{padding-top:1em}
   .firefly_shopping{background:url(/images/firefly-new/shopping_bg.jpg) no-repeat bottom center; text-align:center; height:400px; border-radius:20px; max-width:863px; margin:auto}
   .firefly_shopping .header_txt{width:50%; margin:auto; font-size:1.2em; line-height:1.6em}
   .firefly_shopping .header_txt span{display:block}
   .firefly_shopping p{width:70%; margin:auto; font-size:2.3em; color:#ff6919; }
   .firefly_shopping p span{font-size:0.8em; font-family:inherit}
   .firefly_shopping .ready_btn{background:#ff6919; text-align:center; padding:0.8em 3em; font-size:1.3em; color:#fff; border-radius:10px; display:table; margin:1em auto auto auto}


.privacy-div-wrap{background:#f9f9f9; padding:2em; border-radius:10px}
.privacy-div{background:#fff; border:1px solid #e3e3e3; padding:2em; border-radius:10px}


.etc_prg{}
.etc_prg li{padding-left:10px;}
.etc_prg li:before{content:'ㆍ'; position:absolute; left:10px; }


.pc_zoom{padding-bottom:10px;}
.pc_zoom:after{content:'* 지도에 마우스를 올리면 확대보기가 가능합니다.'}

@media all and (min-width: 0px) and (max-width: 768px) {
.pc_zoom:after{content:'* 손으로 지도를 확대해서 보시거나 다운받아서 확인하여 주세요.'}
}


.family_img img{margin:0.2em 0; vertical-align:top}


/* 간식부스 */
.shop_title{color:#; font-weight:600; font-size:1.1em; padding-bottom:0.8em; padding-left:0.2em; padding-left:15px;}
.shop_title:before{content:''; width:10px; height:10px; background:#218d4c; border-radius:50%; position:absolute; left:0; top:7px;}



#shop_table table {
                                      padding:0; 
									  margin-left:1px; 
									  width:100%; 
									  border-left:1px solid #ebebeb; 
									  border-radius:15px 15px 0 0;
									  /*margin-bottom:20px;*/
									  border-top:0px;
									  }
#shop_table table th {
                                          background:#218d4c; 
										  padding:.5%; 
										  text-align:center; 
										  color:#FFFFFF; 
										  margin:0;
										  }
#shop_table table th:first-child{border-radius:15px 0 0 0; width:40px}
#shop_table table th:last-child{border-radius:0 15px 0 0;}
#shop_table table td, #shop_table table th{font-size:0.95em}
#shop_table table td {
                                         padding:0.3em; 
										 border-bottom:1px solid #ebebeb; 
										 border-right:1px solid #ebebeb; 
										 color:#333333;
										 }
#shop_table table .td1 {padding-top:50px; width:100%; text-align:center; background:#f7f7f7; font-size:15px; font-weight:bold;}

#shop_table table .dotline{margin-top:6px;}
#shop_table table .trmg{font-weight:600;}
#shop_table table .trmg strong{background:#e7f1f5;}
#shop_table table td p{padding:0 0 0 20px}

@media all and (min-width: 0px) and (max-width: 768px) {
.shop_title:after{content:'※ 손가락으로 테이블을 움직여서 보실 수 있습니다.';font-size:0.8em; font-weight:normal; display:block}
#shop_table{width:100%; overflow-y:auto; position:relative}
#shop_table table{width:780px; }
#shop_table table td{word-break:keep-all}
}


@media (max-width:1024px){
.firefly-history .left-img{padding-right:20px}
.firefly-history ul{padding-top:0}
.firefly-history .f-sb-txt{width:77%}
}


@media (max-width:768px){
.outline_div{padding:1em}
.outline_header{font-size:1.3em }
.outline_header_div{padding-bottom:3em}
.outline_header_div .left_icon img{width:105px}
.outline_header_div .right_icon{z-index:-1; bottom:0}
.outline_header_div .right_icon img{width:180px}

.outline_div .outline_poster{width:100%; text-align:center; padding-right:0;}
.outline_div .outline_poster img{margin:auto 0 1em auto; width:70%;}

.outline_div .outline_div_in{padding:1em}

.outline_div .outline_info{width:100%}
.outline_div .outline_info ul li{padding:.7em 0}
.outline_div .outline_info ul li:last-child{border-bottom:0px}
.outline_div .outline_info ul li div:last-child{width:67%}
.outline_div .outline_info ul li div:first-child{width:68px}

.outline_history{padding-top:0}
.history_tit{margin-left:1em}
.history_list_cnt{padding-top:4em}
.outline_history li:first-child{margin-left:-4em}
.outline_history li:last-child{width:100%}

.subject_top{width:100%; margin:auto; padding:1em 0}
.outline_purpose div{width:49%}
.outline_purpose ul li span{display:inline}
.lstimg{border-radius:0 0 60px 0}
.outline_purpose{width:95%; margin:auto}
.outline_back{width:95%; margin:auto}
.outline_subject{padding-bottom:0}
.outline_subject ul{width:80%; word-break:keep-all; padding-bottom:0}
.outline_subject ul li{word-break:keep-all; }

.back_p{display:none}
.back_m{display:block}


.cha_info>ul>li:first-child{width:100%; text-align:center; text-align:center}
.cha_info>ul>li:first-child img{display:block; margin:auto}
.cha_info>ul>li:last-child{width:100%}
.cha_info ul li ol li:before{top:11px}

.f-life-tble{display:none}
.f-life-tble-m{display:block}
.f-life-tble-m th{color:#fff}
.firefly-lifetime-place ul{width:100%}
.firefly-place-vill ul{width:100%}


.firefly-history .left-img{width:100%}
.firefly-history .right-txt{width:100%}
.firefly-history ul{padding:0}
}



.outline_pataya{border-top:1px solid #e3e3e3; padding-top:2em}
.outline_pataya .pataya_header{text-align:center; background:url(/images/2024/gray_fire.gif) no-repeat top center; font-weight:700; font-size:120%; padding:2em 0 2em 0}
.outline_pataya .pataya_header b{font-size:140%; font-weight:900}
.outline_pataya .pataya_back{background:url(/images/2024/pataya_bg.jpg) top center; background-size:cover;  text-align:center; padding:2em; color:#fff; border-radius:50px 50px 0 0}
.outline_pataya .pataya_back span{display:block}
.outline_pataya .pataya_back b{display:block; font-size:160%; font-weight:800}
.outline_pataya .pataya_back p{margin:0; padding:1em 0; line-height:1.5em; font-size:90%;}
.outline_pataya .pataya_back .pataye_txt{font-size:120%; font-weight:700; padding-top:1em}

@media (max-width:1280px){
.outline_pataya{width:97%; margin:auto}
}


.direction_cnts{background:#f9f9f6; padding:2em; border-radius:0 80px 80px 0; margin-bottom:3em}
.direction_cnts ul{border-bottom:1px solid #e3e3e3; padding:1.5em 0;  margin:auto}
.direction_cnts ul:last-child{border-bottom:0}
.direction_cnts ul li{display:inline-block; vertical-align:top; line-height:1.6em}
.direction_cnts ul li b{font-weight:800; color:#1a975f;}
.direction_cnts ul li span{}
.direction_cnts ul li:first-child{padding:0 1em}
.direction_cnts ul li:last-child{padding-top:.5em; width:85%}




.outline_nature{text-align:center; padding-top:4em; }
.outline_nature .nature_header{font-weight:700; font-size:110%}
.outline_nature .nature_header b{display:block; color:#20a067; font-size:150%; font-weight:800}
.outline_nature .nature_header span{display:block; font-size:85%; font-weight:600}
.outline_nature .nature_back{background:url(/images/2024/nature_back.jpg) bottom center; padding:3em 0 0 0; height:700px; margin-top:2em; border-radius:50px 50px 0 0; word-break:keep-all}
.outline_nature .nature_back .back_in{width:80%; max-width:800px; margin:auto; color:#462c1d; font-size:95%}


@media (max-width:768px){
.outline_plan div{width:48%}
.direction_cnts ul li{display:block; width:100%; }
.direction_cnts ul li:first-child{text-align:center}

.firefly_divion .div_img {display:block; width:100%}
.firefly_divion .div_img img{width:100%; max-width:400px;}

.firefly_divion .div_txt{display:block; width:90%; margin:auto}
.firefly-div-txt .firefly-light-img{padding:1em}
.firefly-div-txt .firefly-light-img ul li{display:inline-block;}
.firefly-div-txt .firefly-light-img ul li img{ max-width:95px;}

.firefly-life ul{width:87%;}

.sub_program{background-size:cover}
.sub_program .sub_roll{width:70%}
.sub_program{width:90%; margin:auto}

.sub_container_p{padding:1em 0}

.firefly_incentive .incentive_header{font-size:1em}
.firefly_incentive .incentive_header b{}
.firefly_incentive ul li p{width:90px}
.firefly_incentive ul li:last-child{width:70%}
.homelink-btn{top:0; position:relative; right:0}
.incentive_left{width:90%; display:block; margin:auto}
.incentive_right{text-align:center; width:100%; display:block }
.incentive_right img{width:100%; max-width:300px}

.pgm_header{font-size:1em}
.pgm_header strong{font-size:1.2em}


.fpg-cnt>ul>li:last-child{width:77%}
}



.map_out{text-align:left; margin-bottom:1em; border-radius:40px;}
.map_out>b{background:#20a067; color:#fff; border-radius:10px; text-align:center; padding:.5em 1em; }
.map_out ul{padding-top:1em}
.map_out ul li{text-align:left; padding:0 0 1em 0}
.map_out strong{color:red; font-weight:800}
.map_out ul li blockquote{padding:0; margin:0 0 0 25px}
.map_out ul li blockquote b{font-weight:800}



.idea_div{background:#fff; border-radius:30px; padding:3em}
.idea_head{background:#f4f9fb; border-radius:30px; padding:2em; text-align:center}
.idea_head ul{}
.idea_head ul li{display:inline-block; vertical-align:middle; color:#00b076; font-weight:bold; font-size:1.8em}
.idea_head ul li img{margin-right:1em}
.idea_head ul li span{display:block; color:#215f93; font-size:.7em}

.idea_txt{width:90%; max-width:1000px; margin:2em auto 1em auto; text-align:center}
.idea_txt span{color:red}
.care_txt{width:100%;  margin:auto auto 2em auto; background:#fff; padding:1.5em; border-bottom:2px solid #333;}
.care_txt ul{}
.care_txt ul li{font-size:100%; position:relative; padding-left:10px;}
.care_txt ul li:before{content:''; position:absolute; width:5px; height:5px; background:#777; border-radius:50%; left:0; top:15px;}
.care_txt ul li blockquote {padding:0; margin:0}
.care_txt ul li blockquote span{padding-left:8px;}

