@charset "utf-8";

  @font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

  @font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

  @font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}



	html, body{font-size:16px; color:#101010; line-height:1.8em; box-sizing: border-box; margin: 0px;  width:100%; height:100%; font-family: 'GmarketSans', sans-serif; margin:0; padding:0; font-weight:500}
	body, html, h1, h2, h3, h4, h5, div, ul, li, p, span, br, strong, b, dl, dt, dd, blockquote, td, tr, th, table, thead{font-family: 'GmarketSans', sans-serif;; font-weight:500} /*	transition:all .7s*/
	ul, li{list-style-type:none; font-weight:500}
* { padding:0; margin:0; }
* { -webkit-text-size-adjust:none; }
	a{text-decoration:none; font-weight:500}
	div{box-sizing: border-box; letter-spacing:-0.04em; letter-spacing:-0.04em; font-weight:500}
body{background: #151c44  url(/6m/main_bg.jpg) no-repeat bottom !important;background-attachment:fixed !important; padding:2em}
body:after{content:''; clear:both}
	h1, h2, h3{margin:0; padding:20px 0;}


table {
	border-spacing:0;
	border:0;
	border-collapse:collapse;
	/* table-layout:fixed; */
}
table tr, table td {
	border-bottom:1px solid #dbdbdb;
}
table th{border-right:0}
table tr a, table td a{}
a{
	text-decoration: none;
    font-family: 'GmarketSans', sans-serif; 
}
a:link {
	color:#393939;
}
a:hover {
	color:#dbdbdb !important;
}
a:visited {
	color:#393939;
}

#accessibility {
	text-align:center
}
#accessibility a {
	position:absolute;
	display:block;
	width:1px;
	height:1px;
	left:-100%;
	overflow:hidden;
}
#accessibility a:focus, #accessibility a:active {
	position:relative;
	left:0;
	width:100%;
	height:auto;
	padding:5px 0;
}
#accessibility p {
	margin:0; padding:0;
}
#wrapper {
	width:100%;
	margin:0px;
	padding:0px;
	position: relative;
}


  header{clear:both; width:100%}

    .header{width:100%; max-width:1500px; margin:auto; padding:0}
	.header h1{margin:0; padding:5px 0 10px 0; display:inline-block; vertical-align:top; width:30%;}
	.header h1 a{float:left}

	.header .header-right{display:inline-block; vertical-align:top; width:68%; }
	.header .header-right .header-util{clear:both; position:relative; float:right; padding-bottom:15px; padding-top:20px;}
	.header .header-right .header-util ul{}
	.header .header-right .header-util>ul>li{background:url(/images/newmain/topmenu-bt-line.gif) no-repeat left center #fff ; padding-left:20px; display:inline-block; margin-left:7px;}
	.header .header-right .header-util>ul>li>a{font-weight:400; font-size:1.3em}
	.header .d-day{float:left; font-size:2em; font-weight:500; padding:40px 0 0 10px; font-family:'Cafe24Ssurround'}

		#lang_list{position:absolute; right:0; z-index:99}
		#lang_list ul{ }
		#lang_list li{border-top:1px solid #e3e3e3; background:#333; text-align:center;width:65px; }
		#lang_list li a{display:block; padding:5px 0; color:#fff; font-size:1.2em}
		#lang_list li:last-child{background:none; border:1px solid #e3e3e3;}
		#lang_list li:last-child a{color:#000; font-size:1.2em; padding:3px 0; background:#fff;}
		#lang_list a{display:block}

	/* 헤더 메뉴 */
	nav {clear:both; padding-top:10px;}

	#common_menu {
		position:relative;
		font-size:1.5em;
		margin:0 auto;
		text-align:center;
		z-index:12;
	}
	#common_menu ul{margin:0 auto; padding:0; width:100%}
	#common_menu li {line-height:1.5em; display:inline-block; text-align:center;}
	
	/* 1차메뉴 링크 부분 */
	#common_menu > ul > li > a {
		font-size:1.3em;
		font-weight:500;
		position:relative;
		display:inline-block;
		height:100%;
		text-align:center;
		letter-spacing:-0.1em;
		padding:0 0 0 2em;
		display:block;
	}
	#common_menu > ul > li:hover > a{color:#6258c2 !important}

	/* 2차메뉴 */
	#common_menu .m1 ul, #common_menu .m2 ul, #common_menu .m3 ul, #common_menu .m4 ul, #common_menu .m5 ul, #common_menu .m6 ul, #common_menu .m7 ul {
		position:absolute;
		z-index:2;
		background:#6258c2;
		margin-top:-15px;
		transition: all ease 0.3s 0s;
	}

	#common_menu ul li ul li a {display:block;	}
	#common_menu ul li ul li a:hover, #common_menu ul li ul li a:focus {display:block;	}
	#common_menu ul li ul {
		height:auto;
		width:130px;
		margin-left:40px; 
		float:right;
	}
	#common_menu ul li ul li {
		height:auto;
		vertical-align:top;
		background:none;
		white-space:nowrap;
		display:block;
		padding:7px 0
	}
	#common_menu ul li ul li:first-child{padding-top:10px}
	#common_menu ul li ul li:last-child{padding-bottom:10px}
	#common_menu li.m1 ul, #common_menu li.m2 ul, #common_menu li.m3 ul, #common_menu li.m4 ul, #common_menu li.m5 ul, #common_menu li.m6 ul, #common_menu li.m7 ul {
		top:50px; display:none; opacity:0.97
	}
	#common_menu li.m1, #common_menu li.m2, #common_menu li.m3, #common_menu li.m4 {
	}
	#common_menu li ul li a{font-size:.9em; letter-spacing:0; color:#fff;}
	#common_menu li ul li:hover{background:#1b8f4d; transition: all ease 0.5s 0s;}

	#smenu_1 li, #smenu_2 li, #smenu_3 li, #smenu_4 li, #smenu_5 li{} 
	#smenu_1{padding:0 1%;margin-left:20px !important;}
	#smenu_2{padding:0 1%; margin-left:20px !important;}
	#smenu_3{padding:0 1%;margin-left:20px !important;}
	#smenu_5{padding:0 1%;margin-left:20px !important;}
    /* end */



@media all and (min-width:0px) and (max-width:825px) {
  nav{display:none}
  .header .header-right .header-util{display:none}
  .header h1{width:100%; height:70px; text-align:center}
  .header h1 img{width:190px; margin:0 auto auto 0px}
  .header .d-day{padding-left:0}

  .trigger{position:absolute; right:30px; top:40px;}
  .trigger span{position:absolute; height:3px; background:#000;width:18px;}
  .trigger span:first-child{position:absolute; top:0 }
  .trigger span:nth-child(2){position:absolute; top:7px;}
  .trigger span:nth-child(3){position:absolute; top:14px}

  #festival-book #calendar_ym_str{width:80%}
  }



@media all and (min-width:826px) and (max-width:1000px) {
.header h1 img{margin-left:3%}
.header .header-right{display:block; width:100%; margin-top:-6%; padding-right:0}
.header .header-right .header-util{margin-top:-5%; margin-bottom:5%; margin-right:5%}
  #common_menu{margin:0 auto 0 auto; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding:20px 0}
  #common_menu > ul > li > a{padding:0 .4em}
}

@media all and (min-width:1001px) and (max-width:1200px) {
.header h1 img{margin-left:3%}
.header .header-right{display:block; width:100%; margin-top:-6%; padding-right:0}
.header .header-right .header-util{margin-top:-5%; margin-bottom:5%; margin-right:5%}
  #common_menu{margin:0 auto 0 auto; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding:20px 0}
  #common_menu > ul > li > a{padding:0 .8em}
}



@media all and (min-width:1201px) and (max-width:1224px) {
.header .d-day{position:absolute; left:270px;;}
  #common_menu{}
  #common_menu > ul{margin:0; padding:0}
  #common_menu > ul > li > a{padding:0 0 0 .5em;}
}

@media all and (min-width:1225px) and (max-width:1440px) {
  #common_menu{}
  #common_menu > ul{margin:0; padding:0}
  #common_menu > ul > li > a{padding:0 0 0 .7em;}
}

 



	.h2-title{font-family:'Cafe24Ssurround', cursive;  font-size:3.5em; font-weight:normal}

       .intro-wrap{width:100%; max-width:1500px; height:100%; margin:auto; display:table}

      .introbx {width:33.3%; height:100%; opacity: 0;display:table-cell; opacity:0.2; text-align:center; border:10px solid #fff}
      .intro-1 {background:url(/images/intro/intro-img1.jpg) no-repeat center center; vertical-align:middle}
      .intro-2 {background:url(/images/intro/intro-img2.jpg) no-repeat center center; vertical-align:middle}
      .intro-3 {background:url(/images/intro/intro-img3.jpg) no-repeat center center; vertical-align:middle}

	.bx-title{font-size:2.2em; color:#f6e613; margin-top:-52%; cursor:pointer}
	.bx-title b{font-size:1.5em; display:block}
	.bx-title b span{}

	.intro-1{background:url(/images/intro/intro-img1.jpg) no-repeat center center; }
	.intro-2{background:url(/images/intro/intro-img2.jpg) no-repeat center center;}
	.intro-2 .bx-title{color:#bf3322}
	.intro-3{background:url(/images/intro/intro-img3.jpg) no-repeat center center;}
	.intro-3 .bx-title{color:#1e3070}


	/* 바로가기 버튼 */
	.link-btn{position:relative; display:block; margin:20px auto auto auto; color:#000; background:yellow; width:80px; height:80px; border-radius:50%; font-size:13px; padding-top:20px;transition:   transform:scale(1.0); transition: transform .2s;  }
	.link-btn-arrow:after, .link-btn-arrow:before {display:block;content:"";position:absolute;width:1px;height:1px;background:#000; right:0;}
	/* 화살표 버튼*/
	.link-btn-arrow:after {top:50px; -webkit-transform: rotate(45deg);transform: rotate(180deg); width:50px; margin-right:15px;}
	.link-btn-arrow:before {top:46px;-webkit-transform: rotate(-45deg);transform: rotate(45deg);width:10px; margin-right:15px;}

	.introbx:nth-child(2) .link-btn{background:#bf3322; color:#fff}
	.introbx:nth-child(3) .link-btn{background:#1e3070; color:#fff}

	.introbx:nth-child(2) .link-btn-arrow:after, .introbx:nth-child(2) .link-btn-arrow:before{background:#fff;}
	.introbx:nth-child(3) .link-btn-arrow:after, .introbx:nth-child(3) .link-btn-arrow:before{background:#fff;}

	.link-btn:hover{
	 transform:scale(1.2);             /*  default */
         -webkit-transform:scale(1.2);     /*  크롬 */
         -moz-transform:scale(1.2);       /* FireFox */
         -o-transform:scale(1.2);           /* Opera */
         transition: transform .5s; }


	@media all and (min-width:0px) and (max-width:525px) {
	 .intro-wrap{overflow:auto; width:100%;} 
	 .introbx{display:table; width:100%; height:33%; margin:0; border-bottom:0px;} 
	 .bx-title{margin-top:5%}
	 .bx-title b{font-size:1em}
	 .intro-1, .intro-2, .intro-3{background-size:100%}
	}

	@media all and (min-width:526px) and (max-width:825px) {
	 .intro-wrap{overflow:auto; width:100%;} 
	 .introbx{display:table; width:100%; height:33%; margin:0; border-bottom:0px;} 
	 .bx-title{margin-top:5%}
	 .intro-1, .intro-2, .intro-3{background-size:100%}
	}

	@media all and (min-width:826px) and (max-width:1120px) {
	 .intro-wrap{overflow:auto; width:100%;} 
	 .bx-title{margin-top:-70%}
	 .bx-title b span{display:block; line-height:1em}
	}

	@media all and (min-width:1121px) and (max-width:1240px) {
	 .intro-wrap{overflow:auto; width:100%;} 
	 .bx-title{margin-top:-60%}
	}

	@media all and (min-width:1241px) and (max-width:1400px) {
	 .intro-wrap{overflow:auto; width:100%;} 
	 .bx-title{margin-top:-57%}
	}

	@media all and (orientation:portrait){
	.intro-wrap{overflow:auto; width:100%; max-height:840px;} 
	}



/* 메인 */
.main-contents{clear:both; width:100%; margin:auto; overflow:hidden}
	.main-prgm{position:relative; margin:auto; width:100%; max-width:;}
	.main-prgm h2{margin:0 auto; padding:40px 0; text-align:center}
	.main-prgm .prgm-box{background:#efe7e5; padding:30px; width:100%; max-width:1760px; margin:auto}

	.main-prgm .bg-crc{width:220px; height:220px; border-radius:50%; background:#753195; position:absolute; right:0; top:20px; z-index:-1}
	.main-prgm .bg-tri{position:absolute; left:-150px; margin-top:-50px; width: 0px;height: 0px;  border-top:250px solid none;  border-bottom:250px solid #ffdc00;  border-right: 250px solid transparent;  border-left: 250px solid  transparent;  transform: rotate( -10deg ); background:#; z-index:-1}

	.prgb-box-up{width:100%; max-width:1630px; margin:auto;}
	.prgb-box-up ul{padding-top:20px;}
	.prgb-box-up ul li{display:inline-block; vertical-align:top; width:33%; cursor:pointer; padding-top:30px}
	.prgb-box-up ul li p{margin:0; padding:0; letter-spacing:-1px; }

	.pg-img{display:inline-block; width:100%; vertical-align:middle;vertical-align:top; text-align:center;}
	.pg-img .pimg{width:395px; height:300px; margin:0 auto; overflow:hidden}
	.pg-img .pimg .in-img{
	transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.3s ease-in-out;}

   .pg-img .pimg .in-img:hover{  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);}

	.pg-img .pimg .in-img img{width:100%;}

	.pg-txt{display:inline-block; vertical-align:middle; width:100%;color:#8d8d8d;vertical-align:top; text-align:center; padding-top:10px;}
	.pg-txt .pg-txt-div{font-size:1.5em; line-height:1.5em; font-weight:300; color:#333; width:90%; max-width:350px; margin:auto}
	.pg-txt .pg-txt-div b{font-size:1.8em; font-weight:500; color:#000; display:block; line-height:1.6em; padding-bottom:10px;}
	.pg-btn{background:url(/images/newmain/btn-bg.png) no-repeat; color:#fff; text-align:center; width:110px; height:61px; padding-top:20px; margin:10px auto auto auto}

	.prgb-box-down{clear:both; background:#fff; width:96%; margin:auto; margin-top:20px;}
	.prgb-box-down ul{margin:auto; text-align:center}
	.prgb-box-down ul li{display:inline-block; font-size:1.5em; vertical-align:top; text-align:center; width:33%}
	.prgb-box-down img{display:inline-block; vertical-align:top; width:100%; max-width:270px; margin:20px auto 10px auto; border:1px solid #f0f0f0;}
	.prgb-box-down li p{display:inline-block; vertical-align:top; max-width:200px; color:#333; word-break:keep-all; text-align:left; padding:10px 0 0 20px; line-height:1.6em}
	.prgb-box-down li p b{font-size:1.3em; font-weight:500; line-height:2em; letter-spacing:-0.06em}

@media all and (min-width:0px) and (max-width:625px) {
.main-contents{overflow:hidden}
   .main-prgm{}
   .main-prgm h2{padding:30px 0}
   .main-prgm .prgm-box{padding:0;}
   .prgb-box-up ul {margin:0; padding:20px}
   .prgb-box-up ul li{text-align:center; width:100%; }
   .pg-img{width:100%; text-align:center; padding-right:0}
   .pg-txt{width:90%; text-align:center}
   .pg-txt b{line-height:1.3em}
   .pg-txt .pg-txt-div{}
   .pg-txt .pg-txt-div b{font-size:1.2em; padding-bottom:10px;}
   .pg-txt .pg-txt-div p{margin:0; padding:0; font-size:0.95em; overflow:hidden }
   .pg-btn{margin:10px auto 15px auto}

   .prgb-box-down{padding:0 0 20px 0; background:none; margin-top:0}
   .prgb-box-down ul{margin:0 auto; padding:20px 0 0 0px; width:90%;}
   .prgb-box-down ul li{width:100%; padding-bottom:10px; ; background:#fff; margin-bottom:10px; padding-top:20px;}
   .prgb-box-down ul li:nth-child(5){display:none}
   .prgb-box-down img{margin:0 0 10px 0}
   .prgb-box-down li p{padding:0 0 20px ; max-width:80% }

   .main-prgm .bg-crc{right:-60px;}
   .main-prgm .bg-tri{left:0; }

}

@media all and (min-width:626px) and (max-width:925px) {
   .main-prgm{}
   .main-prgm h2{padding:30px 0}
   .prgb-box-up ul li{text-align:left; width:100%}
   .prgb-box-down{padding:0 0 20px 0}
   .prgb-box-down ul{margin:auto; padding:0px; width:90%;}
   .prgb-box-down ul li{width:33%; padding-bottom:10px; text-align:center}
   .prgb-box-down ul li:nth-child(4),
   .prgb-box-down ul li:nth-child(5){display:none}
   .prgb-box-down img{margin:0 0 10px auto}

   .main-prgm .bg-crc{right:-60px;}
   .main-prgm .bg-tri{left:0; }
}

@media all and (min-width:926px) and (max-width:1225px) {
  .main-prgm{padding-top:20px}
  .main-prgm h2{padding:50px 0 30px 0}
  .prgb-box-up ul li{width:48%; display:inline-block; text-align:center}
  .pg-img, .pg-txt{width:90%; margin:auto}
  .pg-txt .pg-txt-div b{padding-bottom:0}

  .pg-btn{margin:auto}
   .prgb-box-down{padding:0 0 20px 0}
   .prgb-box-down ul{margin:auto; padding:0px; width:90%;}
   .prgb-box-down ul li{width:30%; padding-bottom:10px; padding-right:20px; text-align:center}
   .prgb-box-down ul li:nth-child(4),
   .prgb-box-down ul li:nth-child(5){display:none}
   .prgb-box-down img{margin:0 0 10px auto}

   .main-prgm .bg-crc{right:-60px;}
}

	/* 뉴스 */
  .main-news{clear:both;padding:40px 0 30px 0; width:100%; max-width:1460px; margin:auto}
  .main-news h2{margin:auto; text-align:center; padding:40px 0 50px 0}
  .main-news ul{}
  .main-news ul li{border-right:1px solid #d8d8d8; display:inline-block; vertical-align:top; padding:0 20px 20px; width:45%; font-weight:100; }
  .main-news .list-box b{font-size:1.2em; display:block; font-weight:400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
  .main-news .list-box span{display:block}
  .main-news ul li:last-child{border-right:0px}
  .main-news .list-box{width:75%; margin:auto; color:#101010; font-size:1.5em; line-height:2em;}

@media all and (min-width:0px) and (max-width:825px) {
 .main-news h2{padding:20px 0}
 .main-news ul{margin:0; padding:0}
 .main-news ul li{display:block; width:90%; margin:0 auto; padding:0 0 10px 0; border-right:0px; border-bottom:1px solid #d8d8d8; margin:15px;}
 .main-news .list-box{width:100%; margin:0; font-size:1.4em; line-height:1.6em}
 .main-news .list-box b{font-size:120%}
}


@media all and (min-width:826px) and (max-width:1325px) {
.main-news{}
.main-news ul{margin:0; padding:0 20px}
.main-news ul li{width:28%}
.main-news .list-box{width:90%}
}


	/* 동영상 */
  .main-movie{clear:both;padding:0px 0 40px 0; width:100%; max-width:1750px; margin:auto; background:#318e46 url(/images/newmain/movie-bgimg.jpg) no-repeat bottom center; }
  .main-movie h2{color:#fff; text-align:center; padding:60px 0 40px 0}
  .main-movie .movie-box{position:relative; padding:0 0 40px 0; text-align:center; margin:auto; }
  .main-movie .movie-box .movie-play{position:relative; text-align:center}
  .main-movie .movie-box .play-btn{position:absolute; top:50%; width:100%; text-align:center}

  .main-movie .movie-box .movie-area{ display:inline-block; vertical-align:top}
  .main-movie .movie-box .movie-area img{width:100%; max-width:1124px}
  .main-movie .movie-box .movie-area #vid{width:100%}
  .movie-list{display:inline-block; vertical-align:top; width:20%;}
  .movie-list ul li {margin:0 2px 0 0}
  .movie-list ul li img{width:100%; max-width:180px; margin-bottom:10px;}
  .movie-list ul li img:hover{opacity:0.5; transition: all ease 0.3s 0s;}

@media all and (min-width:0px) and (max-width:825px) {
  .main-movie{background-size:100%; padding:0 0 0 0}
  .main-movie h2{padding:30px 0}
  .main-movie .movie-box .play-btn{top:35%}
  .main-movie .movie-box .play-btn img{width:70px}
  .main-movie .movie-box .movie-area img{width:90%;}
   .main-movie .movie-box .movie-area #vid{width:90%}
   .movie-list {width:90%}
   .movie-list ul li{display:inline-table; width:23.5%;}
}

@media all and (min-width:826px) and (max-width:864px) {
  .main-movie{background-size:100%; padding:0 0 0 0}
  .main-movie h2{padding:30px 0}
  .main-movie .movie-box .play-btn{top:35%}
  .main-movie .movie-box .play-btn img{width:70px}
  .main-movie .movie-box .movie-area img{width:90%;}
  .main-movie .movie-box .movie-area #vid{width:87%; margin:auto}
   .movie-list {width:90%}
   .movie-list ul li{display:inline-table; width:24%;}
}

@media all and (min-width:865px) and (max-width:1000px) {
.main-movie .movie-box .movie-area{width:70%}
.movie-list ul li img{max-width:118px}
   }

@media all and (min-width:1001px) and (max-width:1225px) {
.main-movie .movie-box .movie-area{width:70%}
.movie-list ul li img{max-width:130px}
   }

  /* SNS */
  .main-sns{clear:both; padding-top:60px; width:100%; max-width:1750px; margin:auto;}
  .main-sns h2{padding:0 0 50px 0; margin:0 auto; text-align:center}
  .main-sns ul{margin:0; padding:0;}
  .main-sns ul li{display:inline-block; vertical-align:top; width:33%;}
  .main-sns .sns-box{width:90%; margin:auto; border:15px solid #eeebe6; text-align:center; font-size:1.8em; padding:20px; font-weight:400}
  .main-sns .sns-box b{font-weight:500}
  .main-sns .sns-box img{display:block; margin:10px auto auto auto; width:100%; max-width:85px;}


@media all and (min-width:0px) and (max-width:625px) {
   .main-sns{padding-top:30px}
   .main-sns h2{padding:0 0 30px 0}
   .main-sns ul li{width:48%; margin-bottom:2px; font-size:0.8em}
   .main-sns .sns-box img{width:65px}
   .main-sns .sns-box b{display:block}
}

@media all and (min-width:626px) and (max-width:1325px) {
  .main-sns h2{padding:0 0 30px 0}
  .main-sns .sns-box{padding:10px; font-size:1.7em;}
  .main-sns .sns-box img{width:70%}
  .main-sns .sns-box b{display:block}
}


/* 메인배너 */
  .main-banner{clear:both; position:relative; width:100%; max-width:1800px; margin:auto; z-index:2}
  .main-banner .main-img{position:relative; width:100%; max-width:1568px; margin:auto;     animation: fadein 3s;    -moz-animation: fadein 3s; /* Firefox */    -webkit-animation: fadein 3s; /* Safari and Chrome */    -o-animation: fadein 3s; /* Opera */}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

  .main-banner .m-txt{display:none; position:absolute; width:100%; text-align:center; font-family:'Cafe24Ssurround', cursive; font-size:4.5em; text-align:center; padding-top:5%; color:#fff; z-index:3}
  .main-banner .m-txt span{display:block; line-height:2.2em}
  .main-banner .m-firefly{position:absolute; left:0; top:0}
  .main-banner .left-cloud{position:absolute; left:5%; top:20px; display:none}
  .main-banner .right-cloud{position:absolute; right:5%; top:50px; display:none}
  .main-banner .left-mt{position:absolute; bottom:-30px; left:-130px; z-index:3}
  .main-banner .left-bri{position:absolute; bottom:-30px; left:200px; z-index:3}
  .main-banner .right-mt{position:absolute; right:-160px; bottom:-30px;; z-index:3}
  .main-banner .right-leaf{position:absolute; right:150px; bottom:0px; z-index:3}
  .main-banner .roll-img{width:100%; max-width:1568px; height:618px;/*background:url(/images/newmain/main-banner-img.jpg) no-repeat top center*/}
  .main-banner .roll-img img{width:100%; max-width:1568px; height:100%; max-height:618px; }
  .main-banner .roll-img div{z-index:0}
  .img-div{width:100%; position:absolute}
  .img-h{height:610px; background-size:cover}

@media all and (min-width:0px) and (max-width:455px) {
  .main-banner {width:100%; max-width:455px;}
  .main-banner .roll-img{margin-left:0; height:250px;}
   .img-div{width:100%; max-width:625px; position:absolute}
  .img-h{height:250px; background-size:150%; background-repeat:no-repeat; margin-left:-30%}

  .main-banner .m-firefly{display:none}
  .main-banner .left-cloud{position:absolute; left:2%; top:10px; display:}
  .main-banner .right-cloud{position:absolute; right:-5%; top:40px; text-align:right; display:}
  .main-banner .left-mt{position:absolute; bottom:-5%; left:-10%; z-index:3; display:}
  .main-banner .left-bri{position:absolute; bottom:-5%; left:5%}; display:noe
  .main-prgm .bg-crc{width:150px; top:0px; display:}

  .main-banner .right-mt{position:absolute; right:-15%; bottom:-3%; text-align:right; display:}
  .main-banner .right-leaf{position:absolute; right:-20%; bottom:-0%; text-align:right; display:}
  .left-cloud img, .right-cloud img, .left-mt img, .left-bri img, .right-mt img{width:40%; display:}
  .left-bri img{width:50%; display:}
  .right-leaf img{width:65%; display:}

  .main-banner .m-txt{font-size:3em; padding-top:2em}
  .h2-title{font-size:2.3em;}
  }

  @media all and (min-width:456px) and (max-width:625px) {
  .main-banner {width:100%; max-width:625px;}
  .main-banner .roll-img{margin-left:0; height:350px;}
   .img-div{width:100%; max-width:625px; position:absolute}
  .img-h{height:350px; background-size:cover; background-repeat:no-repeat; margin-left:-20%}

  .main-banner .m-firefly{display:none}
  .main-banner .left-cloud{position:absolute; left:2%; top:10px; display:}
  .main-banner .right-cloud{position:absolute; right:-5%; top:40px; text-align:right; display:}
  .main-banner .left-mt{position:absolute; bottom:-5%; left:-10%; z-index:3; display:}
  .main-banner .left-bri{position:absolute; bottom:-5%; left:5%}; display:
  .main-prgm .bg-crc{width:150px; top:0px; display:none}

  .main-banner .right-mt{position:absolute; right:-15%; bottom:-3%; text-align:right; display:}
  .main-banner .right-leaf{position:absolute; right:-20%; bottom:-0%; text-align:right; display:}
  .left-cloud img, .right-cloud img, .left-mt img, .left-bri img, .right-mt img{width:40%; display:}
  .left-bri img{width:50%; display:none}
  .right-leaf img{width:65%; display:none}

  .main-banner .m-txt{font-size:3em; padding-top:2em}
  .h2-title{font-size:2.3em;}
  }

  @media all and (min-width:626px) and (max-width:825px) {
  .main-banner {}
  .main-banner .roll-img{margin-left:0; height:400px;}
  .img-div{width:100%; max-width:825px; position:absolute}
  .img-h{height:400px; background-size:cover; background-repeat:no-repeat; margin-left:-20%}

  .main-banner .m-firefly{display:none}
  .main-banner .left-cloud{position:absolute; left:2%; top:10px}
  .main-banner .right-cloud{position:absolute; right:-5%; top:40px; text-align:right}
  .main-banner .left-mt{position:absolute; bottom:-5%; left:-5%; z-index:3}
  .main-banner .left-bri{position:absolute; bottom:-13px; left:5%}
  .main-prgm .bg-crc{width:150px; top:0px}

  .main-banner .right-mt{position:absolute; right:-10%; bottom:-3%; text-align:right}
  .main-banner .right-leaf{position:absolute; right:0%; bottom:-0; text-align:right}
  .left-cloud img, .right-cloud img, .left-mt img, .left-bri img, .right-mt img{width:40%}
  .left-bri img{width:50%}
  .right-leaf img{width:65%}

   .main-banner .m-txt{font-size:3.5em; padding-top:2em}

  }

  @media all and (min-width:826px) and (max-width:1000px) {
  .main-banner {}
  .main-banner .roll-img{margin-left:0; height:400px;}
  .img-div{width:100%; max-width:1000px; position:absolute}
  .img-h{height:400px; background-size:cover; background-repeat:no-repeat; margin-left:}

  .main-banner .right-cloud{position:absolute; right:5%; top:40px; text-align:right}
  .main-banner .left-mt{position:absolute; bottom:-10%; left:-10%; z-index:3}  
  .main-banner .left-bri{position:absolute; bottom:-5%; left:4%}
  .main-banner .right-mt{position:absolute; right:-10%; bottom:-3%; text-align:right}
  .main-banner .right-leaf{position:absolute; right:13%; bottom:-0px; text-align:right}
  .left-bri img{width:50%}
  .left-cloud img, .right-cloud img, .left-mt img, .left-bri img, .right-mt img{width:70%}
  .right-leaf img{width:65%},  .right-leaf img{width:65%}

  .main-banner .m-txt{font-size:4em; padding-top:1.5em}

  }

  @media all and (min-width:1005px) and (max-width:1425px) {

  .main-banner .roll-img{margin-left:0; height:500px;}
  .img-div{width:100%; max-width:1425px; position:absolute}
  .img-h{height:500px; background-size:cover; background-repeat:no-repeat; margin-left:0%}

  .main-banner .left-mt{position:absolute; bottom:-10%; left:-10%; z-index:3}  
  .main-banner .left-bri{position:absolute; bottom:-5%; left:0%}
  .main-banner .right-mt{position:absolute; right:-20%; bottom:-3%; text-align:right}
  .main-banner .right-leaf{position:absolute; right:8%; bottom:-0px; text-align:right}

	}

@media all and (min-width:626px) and (max-width:825px) {
  .h2-title{font-size:2.8em;}
  }



  footer{clear:both; background:#6a6a6a; margin-top:40px; }
  .footer-box{clear:both; width:100%; max-width:1550px; margin:auto;padding:20px; color:#fff; }
  .footer-box address{width:50%; display:inline-block; vertical-align:middle; color:#fff; line-height:1.5em; font-style:normal; font-weight:100; font-size:1.5em}
  .footer-box .footer-btn{width:47%; display:inline-block; vertical-align:middle; text-align:right}
  .footer-box .footer-btn a{color:#fff; font-size:1.3em; font-weight:100; padding:5px 10px; margin:3px; display:inline-block; vertical-align:top; background:#3b3b3b}

@media all and (min-width:0px) and (max-width:825px) {
  .footer-box address{display:block; width:100%; }
  .footer-box address p{font-size:0.9em; line-height:1.5em; padding:0; margin:0}
  .footer-box address p span{display:block}
  .footer-box .footer-btn{display:block; width:100%; text-align:center}
  .footer-box .footer-btn a{font-size:1.1em}
}


/* 서브페이지 */

  .sub-container{clear:both; position:relative; width:100%; max-width:; margin:auto; padding:30px 0; overflow:hidden}
  .sub-container .circle{position:absolute; right:5%; width:180px; height:180px; border-radius:50%; background:#753195; z-index:-1}
  .sub-container .triangle{position:absolute; left:-3%; top:0% }
  .sub-container .sub-title{font-size:4em; font-family:'Cafe24Ssurround'; text-align:center}

  .sub-container .sub-leftmenu{position:relative; background:#318e46; padding:50px 0 30px 0; margin:30px auto auto auto; width:100%; max-width:1750px;height:190px}
  .sub-container .sub-leftmenu a{color:#fff !important; font-size:1.7em; font-weight:400}
  .sub-container .sub-leftmenu>ul{width:90%; max-width:1200px; margin:0 auto; padding-left:0;z-index:10; text-align:center;}
  .sub-container .sub-leftmenu>ul>li {display:inline-block;	vertical-align:top; padding:0 1.5%; text-align:center}
/* 2차 메뉴 오버 */
  .sub-leftmenu .sub_over { height:auto;  }
  .sub-leftmenu .sub_over a{color:yellow !important}
/* 3차 메뉴 */
  .sub-leftmenu>ul>li>div{position:absolute;  display:none}
  .sub-leftmenu>ul>li>div>ul{margin:0; padding:0}

.left-firefly{position:absolute; left:5%; top:3px; z-index:-1}
.right-firefly{position:absolute; right:-5%; top:3px; z-index:-1}

.sub-leftmenu .sub_out {}
.sub-leftmenu .sub_over a { color: #3a8c03;}
.sub-leftmenu .sub_out {}
.sub-leftmenu .new_sub_out{display:none}
.sub-leftmenu .new_sub_out, #leftmenu .new_sub_over {	border:0px;}
.sub-leftmenu .new_sub_out li {	padding:0;	height:0px;	border:0;}
.sub-leftmenu .new_sub_over li {	margin-left:0px; height:px;  line-height:18px;	background:url(/images/common/leftmenu-list-dot.gif) no-repeat 0 16px;}
.sub-leftmenu .new_sub_over li a {	font-size:0.9em;}
#smenu {float:left; width:100%; background:url(../../images/common/smenu_bg.gif) repeat-x; height:30px; padding-top:4px;}
#smenu ul {width:1200px; margin:0 auto;}
#smenu ul li {float:left; padding-right:13px;}
#smenu ul li a { color:#FFFFFF; font-size:14px;}
#smenu ul li a:hover{}
#smenu #m1 {padding-left:50px; width:950px;}
#smenu #m2 {padding-left:100px; width:1100px;}
#smenu #m3 {padding-left:50px; width:950px;}
#smenu #m4 {padding-left:410px; /* width:390px; */width:149px;}
#smenu #m5 {display:none;}


#ssmenu_1 a {color:#333; text-decoration:none;}
#ssmenu_2 a {color:#333; text-decoration:none;}
#ssmenu_3 a {color:#333; text-decoration:none;}
#ssmenu_4 a {color:#333; text-decoration:none;}
#ssmenu_5 a {color:#333; text-decoration:none;}
#ssmenu_6 a {color:#333; text-decoration:none;}
#ssmenu_7 a {color:#333; text-decoration:none;}
#ssmenu_8 a {color:#333; text-decoration:none;}
#ssmenu_9 a {color:#333; text-decoration:none;}
#ssmenu_10 a {color:#333; text-decoration:none;}

.sub-leftmenu #ssmenu_1 ul li a {color:#888; font-size:14px;}
.sub-leftmenu #ssmenu_2 ul li a {color:#888; font-size:14px;}
.sub-leftmenu #ssmenu_3 ul li a {color:#888; font-size:14px;}
.sub-leftmenu #ssmenu_4 ul li a {color:#888; font-size:14px;}
.sub-leftmenu #ssmenu_5 ul li a {color:#888; font-size:14px;}
.sub-leftmenu #ssmenu_6 ul li a {color:#888; font-size:14px;}
.sub-leftmenu #ssmenu_7 ul li a {color:#888; font-size:14px;}
.sub-leftmenu #ssmenu_8 ul li a {color:#888; font-size:14px;}
.sub-leftmenu #ssmenu_9 ul li a {color:#888; font-size:14px;}
.sub-leftmenu #ssmenu_10 ul li a {color:#888; font-size:14px;}
.sub-leftmenu  ul li a:hover {text-decoration:underline;}


.sub-leftmenu .s_p_over {
}
.sub-leftmenu .sub_out a {
}

/* 테이블 */
td, tr, th{padding:7px 0}

/* 서브컨텐츠 시작 */
.sub-cnts{clear:both; margin:-170px auto auto auto; background:#fff; width:100%; padding:30px; min-height:400px; font-size:1.5em; z-index:99}

.sub-cnts-div{clear:both; width:100%; max-width:1375px; margin:0 auto; padding:30px 40px; font-size:1.1em; line-height:1.8em;}
.sub-cnts-div-w{clear:both; width:100%; margin:0 auto; padding:30px 40px; font-size:1.1em; line-height:1.8em; }


.cnt-wrap{width:100%; max-width:1370px; margin:auto}
.h2{display:table; margin:0 0 20px 0; padding:20px 0; font-size:1.3em; border-bottom:3px solid #6258c2}
.dot-line{clear:both; width:100%; border-bottom:2px dashed #e3e3e3; margin-bottom:60px; height:3px;}
.blank{clear:both; height:40px}
.v-txt{color:#6258c2 !important}
.o-txt{color:#ff2b29 !important}
.g-txt{color:#1b8f4d !important}
/*프로그램 선택*/
  .program .program_select{
    width: 100%;
    height: 42px;
    margin-bottom: 30px;
	display:none;
	}	
	.program .program_select option{height:42px;}		

.program_tab{width:100%;height:50px;margin-bottom:3%;display:block;}
.program_tab li{float:left;width:50%;height:100%;border:1px solid #ddd;box-sizing:border-box;height:50px;}
.program_tab li a{width:100%;display:block;line-height:50px;text-align:center;height:100%;}
.program_tab li a:hover{background:#6d6d6d;color:#fff;}

#title h4{
 width:45%;
  float:left;
  font-size:25px;
  text-align:left;
  padding:30px 0 0 40px;
  font-weight:bold;
  color:#414141;
  font-family:NanumEB;
}
#title .navigator {
	float:right;
	text-align:right;
	font-size:14px;
	padding-top:30px;
	color:#767676;
	margin-right:3%;
}

#title .navigator .nav1 a {color:#000000;}
#title .navigator .nav2 {}
#title .navigator .nav3 {color:#018b55; font-weight:bold;}

#contents {
	float:right;
	line-height:20px;
	min-height:250px;
	text-align:left;
	width:80.5%;
	  padding:5% 3%;
	border-left:1px solid #ebebeb;
	box-sizing:border-box;
}

#contents div, tr, td, ul, li, dl, dd, dt, p{letter-spacing:-0.04em}
#ajaxLoadingLayer {
	position:fixed;
	left:0px;
	top:0px;
	z-index:5;
	width:100%;
	height:100%;
	background-color:#333;
	display:none
}

.sub-leftmenu-mobile{display:none}


@media all and (min-width:0px) and (max-width:825px) {
.sub-container{width:100%}
.sub-container .sub-leftmenu{width:100%}
.sub-container .sub-title{font-size:3em}
.sub-container .sub-leftmenu>ul{display:none;}
.sub-cnts{width:100%; margin-top:-150px; padding:10px;}
.sub-cnts-div{padding:0;}
.sub-leftmenu-mobile{display:block}
}

@media all and (min-width:826px) and (max-width:1225px) {
.sub-container{width:100%}
.sub-container .sub-leftmenu>ul{width:90%; padding-left:0}
.sub-container .sub-leftmenu>ul>li{padding:0 1%}
}

@media all and (min-width:0px) and (max-width:414px) {
.left-firefly{left:-20%}
.left-firefly img{width:80%}
.right-firefly{right:-60%}
.right-firefly img{width:80%}
}

@media all and (min-width:415px) and (max-width:614px) {
.left-firefly{left:-20%}
.right-firefly{right:-20%}
}


/* 서브페이지 컨텐츠 */


/* 프로그램 페이지 */
.fpg-div{margin:auto}
  .fpg-top{margin:auto; text-align:center; font-family:'Cafe24Ssurround'; font-size:1.5em; line-height:1.6em}
  .fpg-top strong{display:block; margin:0; padding:0 0 30px 0; font-family:'Cafe24Ssurround'; font-size:1.7em; font-weight:500; 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/newcon/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-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:#1b8f4d; color:#fff; text-align:center; font-family:'Cafe24Ssurround'; 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{font-family:'Cafe24Ssurround'; display:block}
  .fpg-date ul li:last-child{padding-top:10px; padding-left:20px; font-family:'Cafe24Ssurround'; font-size:2.2em; line-height:1.2em}
  .fpg-date ul li:last-child b{color:#1b8f4d; font-weight:500;font-family:'Cafe24Ssurround'; }

  .fpg-cnt{clear:both; border-top:1px solid #1b8f4d}
  .fpg-cnt>ul{border-top:1px solid #dbdbdb; display:table; width:100%}
  .fpg-cnt>ul>li{display:inline-block; vertical-align:top; margin:15px 0; padding-left:10px}
  .fpg-cnt>ul>li:first-child{width:20%; color:#1b8f4d; font-weight:400; border-right:1px solid #e3e3e3; padding-right:20px; min-width:100px; text-align:center}
  .fpg-cnt>ul>li:last-child{width:70%; padding-left:3%}
  .fpg-cnt>ul>li td, .pg-cnt ul li tr{font-size:1em}
  .fpg-cnt>ul>li>ol>li{font-size:0.9em}
  .fpg-cnt td:last-child{}
  .rpnt{color:#ff5a44}
  .fpg-cnt table{border-top:2px solid #333}
  .fpg-cnt table td, table tr{border:1px solid #e3e3e3; font-size:0.9em}
  .fpg-cnt table th{background:#f9f9f9;}
  .fpg-cnt table .lbd{border-left:1px solid #e3e3e3 !important}
  .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-family:'Cafe24Ssurround'; 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}

   @media all and (min-width:0px) and (max-width:844px) {
   .fpg-top strong{font-size:1.3em}
   .fpg-cnt>ul>li{word-break:keep-all}
  .fpg-cnt>ul>li:first-child{width:10%; min-width:60px;}
  .fpg-cnt>ul>li:last-child{width:70%}
  .fpg-fw-img ul li{width:100%; text-align:center}
   }




   #top_btn {
    position: fixed;
    bottom: 2%;
    right: 10px;
    display: none;
    width: 50px;
    height: 30px;
    border-radius: 5px;
    background: #333;
    overflow: hidden;
    opacity: 0.8;
    z-index: 999;
    color: #fff !important;
    font-size: 12px;
    padding-top: 10px;
    text-align: center;}


	/* 체험관련 */

#f_book {padding:0; margin:0;}
.f_select {padding:23px 0 20px 12px;}
.f_title {width:97%; margin:0 auto; background:url(images/common/title_bg.gif); padding:15px 0; text-align:center; font-family:NanumR; font-weight:bold; font-size:18px}
.f_title .title {color:#ffffff;}
.address input {margin-top:2px;}
.f_btn img {border:none;}
.f_btn {margin-top:3px;}
#pr {width:100%; margin:0 auto;}
.tprivacy td{font-size:18ptr;}


.f-book-title{font-size:2.5em; font-weight:500; text-align:center; background:#6258c2; color:#fff; padding:5px 0}
a.book-btn{color:#fff; display:table; width:95%; margin:0; text-align:right; border-bottom:0px solid #fff; padding:5px 10px; border-radius:4px;}
.book-btn input, .book-btn img{border-radius:4px}

#festival-book{font-weight:300; width:100%; max-width:100%; margin:auto;}
#festival-book .festival-title{clear:left; padding:15px; border-bottom:0px solid #dbdbdb; background:#1b8f4d; line-height:35px; color:#fff; text-align:center;font-weight:500; font-size:2em; }
#festival-book .festival-title p{display:table; text-align:center; background:#fff; font-size:.5em; line-height:1em; color:#1b8f4d; padding:5px 10px; margin:0 auto; border-radius:4px}
#festival-book .festival-title img{vertical-align:middle}
#festival-book #date-select{width:100%; padding:20px 0; height:45px; text-align:center; margin-bottom:20px;}
#festival-book #date-select span{display:inline-block; vertical-align:top; cursor:pointer;}
.m-btn{ background:#333; color:#fff; padding:3px 5px; border-radius:3px; font-size:.9em}
#festival-book #calendar_ym_str{display:inline-block; vertical-align:top; text-align:center; width:80%; max-width:700px; }
#festival-book #calendar_ym_str b{font-size:1.8em}
#festival-book #calendar_ym_str a{}
#festival-book .select-txt{clear:left; padding-top:10px; padding-bottom:20px; text-align:center}
#festival-book #step {border-top:2px dashed #ebebeb; padding-top:10px}
#festival-book #step .step-title{background:url(/images/content/about/outline-stitle-bg.gif) no-repeat; padding-top:8px; height:45px}
#festival-book #step .step-title span{padding-left:15px; padding-right:20px; padding-top:10px; text-align:center; color:#FFFFFF; }
#festival-book #step .step-bg{background-color:#f9f9f9; padding:10px 0 10px 20px; text-align:center; border-top:2px dashed #ebebeb; margin-bottom:20px; width:100%;}
#festival-book #step .step-bg>table{width:100%}
#festival-book #step .step-bg td{line-height:30px}
#festival-book #step .step-bg>input{width:auto; padding:.5em; font-size:1.2em; border-radius:10px;}
#festival-book #step #out_div{}

#festival-book .total-price{text-align:center; color:#FF3300;}
#festival-book .total-price strong{ color:#000000;font-size:1.2em; font-weight:400; display:block}
#festival-book .total-price img{vertical-align:middle; display:none}
#festival-book .careful{text-align:center; padding-top:20px; font-size:1em; border-bottom:2px dashed #dbdbdb; padding-bottom:25px;}
#festival-book .important{clear:left;}
#festival-book .important .stitle{margin:0; padding:0; text-align:center; text-align:center; border-bottom:1px solid #fff; height:35px; background:url(/images/content/program/careful-title-bg.gif) repeat-x; border-bottom:1px solid #dbdbdb; font-weight:400; padding-top:3px;}
#festival-book .book-btn{clear:left; text-align:center; padding-top:20px; border-top:1px solid #dbdbdb; padding-bottom:25px; } 
#festival-book p img{width:100%}

.book_over{cursor:pointer; color:#ffffff; font-weight:bold; background:#2ea1c2 url(/iimages/content/program/calendar-bg4.gif) no-repeat center center; width:95px; height:45px;background-size:100%;border-radius:5px; border:1px solid #fff; padding:5px}
.book_over:after{content:'예약가능'; padding-top:10px; display:block; font-weight:300;}
.book_over2{cursor:pointer; color:#ffffff; font-weight:bold; background:#fba54b url(/iimages/content/program/calendar-bg5-s.gif) no-repeat; width:95px; height:45px; border-radius:8px; border:1px solid #fff;}
.book_over2:after{content:'예약마감'; padding-top:10px; display:block; font-weight:300;}

.cal-sun{background:#F53F39; width:95px; height:24px; color:#fff; font-size:1em; margin-bottom:10px; border-right:1px solid #fff;}
.cal-sun td{border:0px}
.cal-day{background:#777; width:95px; height:24px; color:#fff; font-size:1em; margin-bottom:10px; border-right:1px solid #fff;}
.cal-sat{background:#6258c2 ; width:95px; height:24px; color:#fff; font-size:1em; margin-bottom:10px}

#program-schedule{clear:left; width:100%}
#program-top-img{background:url(/images/content/program/program-title-bg-s.jpg) no-repeat; width:100%; height:130px; text-align:center}
#program-top-img h3{margin:0px; padding:1.5% 0 0 0; text-align:center; font-size:22px; line-height:35px;}
#program-top-img h3 span{color:#ff4e00;}
#program-table{background:url(/images/content/program/program-table-bg-s.gif) no-repeat; width:100%;}


#board-top{clear:left;}
#board-top-notice{background:url(/images/content/community/notice-icon.gif) top right no-repeat; height:120px; width:95%}
#board-top-gallery{background:url(/images/content/community/gallery-icon.gif) top right no-repeat; height:120px; width:95%}
#board-top-qna{background:url(/images/content/community/qna-icon.gif) top right no-repeat; height:120px; width:95%}
#board-top-video{background:url(/images/content/community/video-icon.gif) top right no-repeat; height:120px; width:95%}


/*체험신청시 회원관련*/
#program-login-wrap{margin:0 auto; width:700px; background:url(/images/content/program/program-login-bg-s.gif) no-repeat; height:351px;}
#program-login-wrap h3{margin:0; padding:10px 0 0 0; width:100%; text-align:center; font-size:16px; line-height:22px;}
#program-login-wrap h3 span{color:#f53f39; font-size:18px;}
#program-login-wrap #program-login-form{clear:left; width:650px; margin:0 auto; padding-top:20px; border-top:2px dashed #ebebeb;}
#program-login-wrap #program-login-form #login-idpw {float:left; margin:0; padding:0;width:350px;}
#program-login-wrap #program-login-form #login-idpw input{background:url(/images/content/program/program-login-input-bg.gif) no-repeat; width:255px; height:36px; background-color:transparent; border:0; padding-left:5px;}
#program-login-wrap #program-login-form .login-btn{float:left}
#program-login-wrap #program-login-form .login-btn input{border:0px; background-color:#FFFFFF}
#program-login-wrap #program-login-form #login_sbtn{clear:left; text-align:center}
#program-login-wrap #program-login-form .id-input{margin-left:10px;}
#program-login-wrap #program-login-form .login-button{width:139px; height:86px;}
#program-login-wrap #program-login-form .btn input{border:0px; background-image:none}
#program-login-wrap #login-sbtn{clear:left; text-align:center}
#program-login-wrap #login-sbtn a{font-size:12px;}

/*체험신청 조회시 로그인창*/
#program-check{clear:left; background:url(/images/content/program/program-login-bg2-s.gif) no-repeat; background-position:center 20px; padding-top:20px; height:610px; width:98%; margin:0 auto;}
#program-check h3{margin:0; padding:10px 0 0 0; width:100%; text-align:center; font-size:16px; line-height:22px;}
#program-check h3 span{color:#f53f39; font-size:18px;}
#program-check h4{clear:left; margin:0 auto; padding-top:20px; text-align:center; font-size:15px; background-color:#f9f9f9; padding-bottom:15px; width:650px; margin-top:20px;}
#program-check form{margin:0}
#program-check input{}

#program-check #program-check-form{clear:left; width:600px; margin:0 auto; padding-top:20px; padding-left:50px; border-top:2px dashed #ebebeb;}
#program-check #program-check-form #login-idpw {float:left; margin:0; padding:0;width:350px;}
#program-check #program-check-form #login-idpw input{background:url(/images/content/program/program-login-input-bg.gif) no-repeat; width:255px; height:36px; background-color:transparent; border:0; padding-left:5px;}
#program-check #program-check-form .login-btn{float:left}
#program-check #program-check-form .login-btn input{border:0px; background-color:#FFFFFF}
#program-check #program-check-form #login_sbtn{clear:left; text-align:center}
#program-check #program-check-form .id-input{margin-left:10px;}
#program-check #program-check-form .login-button{width:139px; height:86px;}
#program-check #program-check-form .btn input{border:0px; background-image:none}

/*예약정보*/
#program-book-check{clear:left; width:98%; margin-left:1%;}
#program-book-check h3{margin:0; padding:10px 0 0 0; width:100%; text-align:center; font-size:16px; line-height:22px; font-weight:500}
#program-book-check h3 span{color:#6258c2; font-size:18px;}

#program-book-check .total-price{font-size:20px; text-align:center; color:#; padding-top:30px; padding-bottom:30px}
#program-book-check .total-price strong{ color:#000000; font-size:20px;}
#tot_id{font-size:2em; font-weight:500; padding-top:10px;}
#program-book-check .program-name{color:#F53F39; font-size:18px; line-height:22px; font-weight:500}
#program-book-check .program-cancel{clear:left; text-align:center; padding-top:20px; padding-bottom:20px; border-top:2px dashed #dbdbdb; width:100%; font-size:20px; line-height:25px;}
#program-book-check .program-cancel-btn{clear:left; text-align:center}
#program-book-check .program-cancel ul{margin:0; padding:0}
#program-book-check .program-cancel li{background:url(/images/content/about/gray-icon.png) 0px 13px no-repeat; padding-top:5px; padding-bottom:5px; font-size:14px; text-align:left; padding-left:10px; border-bottom:1px dashed #ebebeb;}

#program-book-check h4{margin:0; padding:10px 0 0 0; width:100%; text-align:center; font-size:16px; line-height:22px;}
#program-book-check h4 span{color:#333333;  font-weight:normal}
#program-book-check .pay-btn{clear:left; text-align:center}
#program-book-check .pay-btn img, #program-book-check .pay-btn input{border-radius:4px}
#program-book-check #pay-tab{clear:left}
#program-book-check #pay-tab ul{margin:0; padding:0; width:100%;}
#program-book-check #pay-tab li{float:left; padding-right:1px; height:47px;}
#program-book-check .pay-info{clear:left; background-color:#f9f9f9; padding:10px 0;  text-align:center; font-size:14px}
#program-book-check .pay-info ul{margin:0; padding:0; clear:left}
#program-book-check .pay-info li{float:left; border-bottom:1px solid #ebebeb; padding-top:5px; padding-bottom:5px;}
#program-book-check .pay-info .gubun{width:100px; background:url(/images/content/about/gray-icon.png) no-repeat 0 10px; padding-left:10px;}
#program-book-check p{clear:left}
#program-book-check h5{margin:0px; padding:10px 0 10px 0; font-size:18px; line-height:20px;}
.pay-error{font-size:14px; width:80%; margin:auto; text-align:center; padding:20px 0; border-top:1px solid #333; margin-top:20px;}


/*취소 및 예약현황*/
#program-book-checking{clear:left; width:95%; margin:0 auto;}
#program-book-checking h3{margin:0; padding:10px 0 0 0; width:100%; text-align:; font-size:16px; line-height:22px;}
#program-book-checking h3 span{color:#f53f39; font-size:18px;}
#program-book-checking .program-cancel{clear:left; text-align:left; padding-top:0px; padding-bottom:20px; width:100%; line-height:25px;}
#program-book-checking .program-cancel-btn{clear:left; text-align:center}
#program-book-checking .program-cancel ul{margin:0; padding:0; border-top:2px solid #333333}
#program-book-checking .program-cancel li{background:url(/images/content/about/gray-icon.png) 0px 13px no-repeat; padding-top:5px; padding-bottom:10px; font-size:14px; text-align:left; padding-left:10px; border-bottom:1px dashed #ebebeb;}
#program-book-checking .program-cancel h4{padding-left:10px;}
#program-book-checking .program-cancel h4 img{vertical-align:middle}

.rtable_p b, .rtable_m b{font-weight:500}
.p_table img{width:100%}

#ticket-top {clear:left; width:100%; margin:0 auto}
#ticket-top h3{margin:0; padding:10px 0 0 0; width:100%; text-align:center; font-size:16px; line-height:22px;}
#ticket-top h3 span{color:#f53f39; font-size:18px;}

/* 예약하기 팝업 페이지 - 배경사이즈 */
#book-pop{}
#book-pop-div{background:#fff; padding:15px; width:100%; max-width:800px; margin:auto}


#f_book{width:100%; max-width:800px; margin:auto; background:#fff; }
#f_book table {width:100%; margin:0 auto}

#ticket-table{clear:left;width:425px; height:395px; z-index:0; background-image:url('/sgkmaster/productinfo/images/2015_ticket.jpg'); margin:0 auto}
#ticket-table #left{width:400px; padding-right:10px; float:left; padding-top:20px;}
#ticket-table #right{float:left; width:120px;  padding-top:20px;}
#ticket-table #right strong{; letterpacing:-0.05em}
#ticket-table .subject{padding-left:15px; font-size:20px; line-height:20px; height:22px;}
#ticket-table .number{font-size:15px;padding-left:15px; padding-top:14px;}
#ticket-table ul{padding-top:0px; margin:0;padding-left:15px; }
#ticket-table li{line-height:18px;}
#ticket-table strong{}
.ticket-careful{font-size:11px; letterpacing:-1px; font-family:돋움; color:#FFFFFF; line-height:14px; width:97%; padding-top:20px; padding-left:18px; margin-top:15px;}
.ticket-careful span{color:#fff601}

.movie-bgcolor{background-color:#000000}
.movie{}
.movie-txt{color:#FFFFFF;  width:70%; margin:0 auto; padding-top:20px; line-height:20px;}
.movie embed{min-height:500px; height:100%; width:100%}



/* 기본사항 */
caption{display:none}


.sns-page{}
.sns-page .sns-img{position:relative; text-align:center; padding-bottom:100px;}
.sns-page .sns-img img{width:100%; max-width:575px}
.sns-page .grbg{position:relative; margin-top:-300px; background:#f1f1f1; height:300px; width:100%; z-index:-1}



/* mobile */
		.mobile_nav{
			position:fixed;
			right:-300px;
			top:0;
			width:250px;
			height:100%;
			-webkit-box-sizing:border-box;
			box-sizing:border-box;
			-webkit-transition:right 0.4s ease-out;
			transition:right 0.4s ease-out;
			z-index:999;
			box-shadow: 1px 1px 6px #757575;
			background:#753195;
			padding:20px;
		}
		.mobile_nav.active {
			right: 0;
		}
		.mobile_nav div.m_top{
												display:
												}
		.mobile_nav div.m_top a{display:block; width:100%;height:55px;}										
		.mobile_nav div.m_top .menu_logo{
																	  width:100%;
																	  height:100%;
																	  margin:0;
																	  }										
												
											


.mobile_nav > ul.m_nav{
                                     width:300px;
									 height:100%;
									 float:left;
									 background:#318e46;
									 padding:0;
									 margin-top:15px;
									 box-sizing:border-box;
									 }
									 
									 

.mobile_nav .m_bye{
    width: 45px;
    height: 45px;
    float: none;
    position: absolute;
    right: 0;;
	top:20px
 }	
.mobile_nav .m_bye a{text-align:center;width:45px;opacity:1 !important; color:inherit; font-size:30px; font-weight:300; color:#fff;}					   

.mobile_nav ul.m_nav .menu_tit	{
                                                         width:100%;
														 height:100px;
														 line-height:30px;
														 text-align:center;
														 display:table;
														 vertical-align:middle;
														 background:#333;
														 box-shadow: 1px 1px 6px #757575;
														 }								  
														  
.mobile_nav ul.m_nav .menu_tit li{
                                                       width:100%;
													   height:100%;
													   }
													   
.mobile_nav ul.m_nav .menu_tit li a{
                                                       text-align:left;
													   color:#e62365;
													   font-size:23px;
													   line-height:50px;
													   }	
													   
													   
													   
.mobile_nav ul.m_nav .menu_tit2	{
                                                         width:100%;
														 height:50px;
														 background:#ffffff;
														 margin-top:20px;
														 }		
														 
														 
.mobile_nav ul.m_nav .menu_tit2 li a{
                                                       text-align:left;
													   color:#e62365;
													   font-size:23px;
													   line-height:50px;
													   }															 													   												   
													   						   						   
.mobile_nav ul.m_nav .menu_tit span{display:block; font-size:13px; text-align:center; color:#e62365; margin:0}
.mobile_nav > ul.m_nav > li > a{
	display:block;
	width:100%;
	height:52px;
	line-height:52px;
	text-decoration:none;
	font-size:15px;
	text-indent: 3%;
	font-weight:500;
	color:#fff;
	border-bottom:1px  solid #5aad6c;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}


.mobile_nav > ul.m_nav > li.me > a{background:url(/assets/images/common/right-arrow.png) 94% center no-repeat;}


.mobile_nav > ul.m_nav > li.m_first > a{border-top:}


.mobile_nav > ul.m_nav  > li:hover > a{
	color:#3498db;
}
.mobile_nav ul.m_nav li ul.sub{
	display:none;
	width:100%;
	height:100%;
	padding:0
}
ul.m_nav li ul.sub  li{
	height:32px;
	width:100%;
	display:block;
	}
ul.m_nav li ul.sub li.m1{
	border-top:0;
}
ul.m_nav li ul.sub li a{
	display:block;
	padding:0 10px;
	width:100%;
	line-height:32px;
	text-decoration:none;
	font-size:14px;
	letter-spacing:-1px;
	color:#fff;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:background 0.3s;
	transition:background 0.3s;
}


ul.m_nav li ul.sub li:hover a {
	cursor:pointer;
	color:#ffffff;
	background:#ffdc00;
}

.transparency{
                         display:none;
						 position:fixed;
						 left:0;top:0;
						 z-index:991;
						 width:100%;
						 height:100%;
						 background:rgba(0,0,0,0.4);
						 }
						 									   
.transparency.active{display:block;}

.m_nav-tit{}
.m_nav-tit a{color:#fff; font-size:1.3em; display:inline-block;}

@media all and (min-width:0px) and (max-width:844px) {
	#_lguplus_popup__div > div{border:0px solid red !important}
	#_lguplus_popup__div > div:nth-child(2){position: absolute !important;max-width:100% !important; margin-left:-50% !important; margin-top:0% !important; height:100% !important;top:0 !important;}
	.tosspayments_payments-window__pay .pay-target-wrapper{padding:10px 24px }
	.tosspayments_payments-window__pay .cta--wrapper{padding:0px 24px 20px}
	}
	
@media all and (min-width:0px) and (max-width:844px) {
	#_lguplus_popup__div{position:absolute !important;height:170% !important;}
	
}


/* 예약페이지 관련 */
.book-memo-info{padding:1em 0}
.book-memo-info ul{background:#6258c2; color:#fff; border-radius:10px; padding:1em; margin-bottom:1em}
.book-memo-info ul li{padding:0 0 0 1em; position:relative; word-break:keep-all}
.book-memo-info ul li:before{content:'-'; position:absolute; left:5px; font-weight:500;  color:#fcff27}
.book-memo-info ul li u{color:#fcff27; font-weight:400}
.book-memo-info b{color:#ff5400; font-weight:500}



/* 예약하기 팝업 페이지 - 배경사이즈 */

@media all and (min-width:1024px) {
   #book-pop-div{min-height:940px;}
   #festival-book .festival-title{font-size:1.5em}

}

@media all and (max-width:1024px) {
#festival-book .festival-title{font-size:1.3em}
#festival-book #calendar_ym_str b{font-size:1.4em}
.m-btn{padding:1px 4px}
#festival-book #inquiry_date{width:95%}
.book_over{line-height:1em; height:auto}
}




@media all and (min-width:0px) and (max-width:844px) {
#f_book{padding:0}
#pr{width:100%}
#program-book-checking{width:100%}
.rtable_m{}
.rtable_m th{width:30%}

}
.careful_info{background:#1b8f4d; color:#fff; border-radius:10px; padding:1em}
.careful_info ol{padding:1em}
.careful_info ol li{list-style-type:disc}


/* 버튼 */
.bs_btn{text-align:center}
.bs_btn a{display:inline-block; vertical-align:top; background:#333; color:#fff; padding:0 2em; border-radius:3px; line-height:3em}
.bs_btn a:hover{background:#0d7448}


.bandi_song_div{}

#select-info{word-break:keep-all}
.careful{word-break:keep-all}
input[type="radio"] {
  display: inline-block;	
  transform: scale(1.5); /* 원하는 배율로 조정 */
  margin-right: 5px;
  padding: 5px 10px;
  vertical-align: middle;  
}

/* 선택된 라디오 버튼의 라벨만 빨간색으로 표시 */
input[type="radio"]:checked {
  color: red;
  font-weight: bold;
}

.step-bg{text-align:center}
.step_in_div{display:inline-block; vertical-align:top}
.f-book-res{display:flex; gap:10px; justify-content:flex-end; padding-right:10px;}
.imp_cnt{text-align:center}

@media (max-width:768px){
#calendar tbody td{font-size:85%; }
#festival-book #calendar_ym_str{font-size:90% !important}
#festival-book .select-txt{font-size:80%}
#select-info{font-size:85%}
.step_point p{font-size:80%; line-height:18px;}
.border_input{width:71% !important; margin:3px}
.border_input:after{content:''; display:block}
#festival-book .careful{line-height:18px; font-size:80%}
#festival-book .important .stitle{font-size:80%}
.imp_cnt{font-size:13px; text-align:left; line-height:20px;}
#festival-book .important{border-bottom:1px solid #e3e3e3;}
#time_select li{font-size:13px;}
}


div#time_select li {
	letter-spacing:-1px;
}

/* booking6.php 예약통계  스타일*/
.booking-status-bar {
	background: #f8f8f8;
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	padding: 14px 18px 10px;
	margin: 10px 0 14px;
	text-align: center;
}
.bs-row {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
.bs-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
}
.bs-label {
	font-size: 11px;
	color: #999;
}
.bs-val {
	font-size: 18px;
	font-weight: bold;
	color: #333;
}
.bs-booked { color: #5b7aba; }
.bs-remain { color: #2a9a5b; }
.bs-warn   { color: #e07b00; }
.bs-sold   { color: #d9534f; }
.bs-divider {
	font-size: 20px;
	color: #ccc;
	padding-bottom: 4px;
}
.bs-progress-wrap {
	background: #e0e0e0;
	border-radius: 99px;
	height: 8px;
	overflow: hidden;
	margin-bottom: 5px;
}
.bs-progress-bar {
	height: 100%;
	border-radius: 99px;
	background: linear-gradient(90deg, #5b7aba, #d9534f);
	transition: width 0.6s ease;
	min-width: <?php echo $stat_percent > 0 ? '4px' : '0'; ?>;
}
.bs-percent {
	font-size: 11px;
	color: #aaa;
}