@charset "utf-8";
/*
	Contents CSS _ 15.05.27
*/


/*공통*/
.bgbox{background:#fafafa; padding:20px 3%;}
.pdbox{padding:30px 20px;}
.mEnter{display:block;}
.tEnter{display:inline;}
.vab{vertical-align:bottom;}

.col-02{width:100%;}
.col-03{width:100%;}
.col-04{width:100%;}

.imgbox img{width:100%; max-width:530px;}
.w1400{max-width:1400px; margin: 0 auto;}
.w1000{max-width:1000px; margin: 0 auto;}
.w800{max-width:800px; margin: 0 auto;}

.perimg{text-align:center;}
.cb{clear:both;}

.blackTxt{color:#000000}
.blTxt{color:#1c3f95}
.blgrTxt{color:#345468}
.jjTxt{color:#e50049}
.point_txt{position:relative; font-family:'Montserrat', 'ns'; text-transform:uppercase; color:#323232; font-weight:bold;}
.pDot{padding-left:15px; position:relative}
.pDot:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; top:3px; background:#928c74}
.fsb{font-size:1.2em}
.bgGray{background:rgba(230,230,230,0.3);}
.bgbox{padding:20px 3%; background:rgba(230,230,230,0.3);}
.pdbox{padding:20px 3%}

.pointTxt{background:#ffef67;}
.redTxt{color:#d10000}
.blueTxt{color:#2159c0}
.bdLine{border-bottom:1px solid #e6e6e6; padding-bottom:20px; margin-bottom:20px;}

.dot_li{overflow:hidden; }
.dot_li li{background:url("../img/dot_li.gif") no-repeat 0px 10px; padding-left:7px; margin-bottom:3px;}
.dot_li li:last-child{margin-bottom:0px;}

.tit_nm{font-size:1.3em; font-weight:700; letter-spacing:-0.06em; color:#000000}
.tit_sm{font-size:1.1em; font-weight:500; letter-spacing:-0.06em; color:#000000}
.tit_dot{color:#000000; font-size:1.3em; font-weight:700; letter-spacing:-0.065em; padding-left:30px; background:url(../img/tit_cir.png) no-repeat left center; background-size:22px !important; position:relative}
.mob{color:#666; margin-bottom:10px;}

@media all and (min-width:768px) {
.bgbox{padding:30px 3%;}
.col-02{width:47%; margin:0 1.5%; float:left;}
.col-03{width:30.33%; margin:0 1.5%; float:left;}
.pdbox{padding:30px 3%;}
.mEnter{display:inline;}
.tEnter{display:block;}

.tit_nm{font-size:1.4em; }
.tit_dot{ font-size:1.4em; padding-left:30px;}

}

@media all and (min-width:1200px) {
.mob{display:none;}

.bgbox{padding:40px 25px;}
.pdbox{padding:40px 25px;}
/*.tEnter{display:inline;}*/
.pEnter{display:block;}
.bdLine{padding-bottom:60px; margin-bottom:60px;}
.tit_nm{font-size:1.6em; }
.tit_sm{font-size:1.2em; }
.tit_dot{ font-size:1.6em; padding-left:35px}
}


/*탭리스트*/
.tablist {overflow:hidden; text-align:center; position:relative;}
.tablist:before{position:absolute; content:''; width:100%; height:2px; left:0; bottom:0; background:#334061}
.tablist li{display:inline-block;  line-height:40px; text-align:center; background:#ffffff; position:relative;}
.tablist li:last-child{border-right:0}
.tablist.list02 li{width:45%}
.tablist.list03 li{width:30%}
.tablist.list04 li{width:45%}
.tablist li a{ display:block; text-align:center; border:2px solid #e6e6e6;  background:#f5f5f5; color:#808080; border-bottom:0px;}
.tablist li.active a{color:#334061; background:#ffffff; font-weight:500; border:2px solid #334061; border-bottom:3px solid #ffffff}


@media all and (min-width:768px) {
.tablist {text-align:left}
.tablist.list04 li{width:25%}
.tablist li{line-height:50px;}
}

@media all and (min-width:768px) {
.comm_table{font-size:1em;}
.comm_table th, .comm_table td{padding:20px 10px}
}




/*서브공통*/
h3.sub_tit{font-size: 1.2em;font-weight: 700;margin-bottom: 10px;color: #2F2F2F;position: relative; padding-left:25px;text-align: left;}
h3.sub_tit:before{display:block; content:''; background:url(../img/tit_ic.png)no-repeat; width:20px; height:20px;left:0; top:3px; background-size:100%; position:absolute;}
.mbn{margin-bottom:0px !important}
.bg_box{background: var(--bg_color); padding: 40px 0px;}
.flex_img{display:flex; flex-wrap:wrap; gap:2%}
.prepare{background: #f8f8f8;padding: 30px;text-align: center;border-radius: 20px;}
.prepare h2{background: #ddd;width: 50px;height: 50px;border-radius: 50%;color: #fff;font-size: 30px;font-weight: 800;line-height: 50px;margin: 0 auto 20px;}
.prepare h3{font-size: 1.2em;font-weight: 700;color: #575757;margin-bottom: 5px;}
.prepare p{color: #666; font-weight:400}



@media all and (min-width:500px) {
}

@media all and (min-width:768px) {
.flex_box{display:flex; flex-wrap:wrap;}
.flex_box .left{position: relative; width:25%}
	.flex_box .right{width:75%}
.flex_box .left .sticky_box{position: sticky; top: 120px;}
.bg_box{padding: 60px 0px;}
h3.sub_tit{font-size: 1.4em;}
.flex_img img{width:49%}
	
	.prepare{padding: 40px;}
.prepare h2{width: 80px;height: 80px;font-size: 50px;line-height: 80px;margin: 0 auto 30px;}
.prepare h3{font-size: 1.5em;margin-bottom: 10px;}
}

@media all and (min-width:980px) {
h3.sub_tit{font-size: 1.6em;}
h3.sub_tit:before{top:5px}
.bg_box{padding: 80px 0px;}
}

@media all and (min-width:1200px) {
.bg_box{padding: 100px 0px;}
h3.sub_tit{padding-left:35px}
h3.sub_tit:before{width:28px; height:28px;}
.prepare{margin-bottom:150px;}
}

/*서브메뉴  탭*/
.tap ul{position: relative;display: flex;flex-wrap: wrap;margin-bottom: 50px;gap: 2%;}
.tap li{text-align: center;/*! border-bottom: 2px solid #ececec; */border: 1px solid #eaeaea;border-radius: 500px;}
.tap.tap_de2 li{width: 49%;}
.tap.tap_de3 li{width: 32%;}
.tap li.on{background: var(--main_color);border: 0px;}
.tap li.on a{color: #fff;font-weight: 800;}
.tap a{display: block;color: #8d8d8d;padding: 10px 3px;}

@media all and (min-width:768px) {
.tap a{padding: 15px 3px; font-size:1.1em}
.tap ul{margin-bottom: 80px;}
.tap{display: block; margin:0 auto; padding: 0 50px;}
}

@media all and (min-width:980px) {
.tap ul{margin-bottom: 100px;}
.tap a{ font-size:1.15em}
.tap{padding: 0 200px;}
}

@media all and (min-width:1400px) {
.tap{padding: 0 400px;}
}



/*축제개요*/
.overview .left img{border-radius:20px;}
.overview .right{margin-top: 20px;}
.overview .right img{margin-bottom: 20px;max-width: 400px;}
.overview .right h3{font-size:1.25em;font-weight: 800;margin-bottom: 15px;}
.overview .right h3 b{color:var(--main_color); font-weight: 800;}
.overview .right p{color:#404040;font-weight: 400;}
.overview .right p span{display:block; margin-bottom:15px;}

.overview .bg_box li{background: #fff;padding: 20px;border-radius: 10px;margin-bottom: 15px;}
.overview .bg_box li h6{color: var(--main_color);font-weight: 700;margin-bottom: 5px;}
.overview .bg_box li h6 span{color:#333; font-weight:400; font-size:0.89em; display:block;}
.overview .bg_box li p{font-size: 1.2em;font-weight: 700; color:#404040}
.overview .bg_box li.b06 .list{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.overview .bg_box li.b06 .list img{width: 50%;margin-bottom: 10px;}
.overview .bg_box li.b06 .list img:nth-child(3), .overview .bg_box li.b06 .list img:last-child{margin:0;}

@media all and (min-width:768px) {
  .overview .flex_box .left{width:300px; margin-right:30px;margin-top: 20px;}
  .overview .flex_box .right{width:calc(100% - 330px);margin-top: 0px;}
  .overview .bg_box ul{display:flex; flex-wrap:wrap; gap:2%}
	.overview .bg_box li{width:32%;}
	.overview .bg_box li.b04,
  .overview .bg_box li.b05{width:49%}
	.overview .bg_box li.b06{width:100%;display: flex;flex-wrap: wrap; margin:0px;}
	.overview .bg_box li.b06 h6{width:8em;}
	.overview .bg_box li.b06 .list{width: calc(100% - 8em);}
	.overview .bg_box li.b06 .list img{width: 25%; margin-bottom: 0px;}
	.overview .bg_box li h6 span{display:inline-block; margin-left:10px;}
}

@media all and (min-width:980px) {
	.overview .bg_box li{position:relative;margin-bottom: 25px;padding: 30px;}
.overview .bg_box li.b04:before{display: block; content:''; background: url(../img/sub/overview_img02.png)no-repeat; width:100px; height:100px; z-index:99; background-size:100%; position:absolute; right:20px;top: 10px;}
.overview .bg_box li.b05:before{display: block; content:''; background: url(../img/sub/overview_img01.png)no-repeat; width:130px; height:100px; z-index:99; background-size:100%; position:absolute; right:0px;top: 10px;}
.overview .flex_box .left{width:400px; margin-right:30px}
  .overview .flex_box .right{width:calc(100% - 430px);margin-top: 0px;}
.overview .right h3{font-size:1.5em; margin-bottom: 20px}
	.overview .right p{line-height:1.6; font-size:1.1em}
}

@media all and (min-width:1200px) {
.overview .flex_box .left{width:500px; margin-right:50px}
  .overview .flex_box .right{width:calc(100% - 550px);margin-top: 0px;}
	.overview .bg_box li.b06 .list img{width: 20%;}
	.overview .bg_box li.b05:before{right:20px;}
}

@media all and (min-width:1400px) {
.overview .flex_box .left{width:600px; margin-right:50px}
  .overview .flex_box .right{width:calc(100% - 650px);margin-top: 0px;padding-right: 100px;}
.overview .right img{margin-bottom: 40px;max-width: 600px;}
	.overview .right h3{font-size:1.7em; margin-bottom: 20px}
	.overview .right p{line-height:1.6; font-size:1.2em}
	.overview .bg_box li h6{font-size:1.1em}
	.overview .bg_box li p{font-size: 1.5em;}
	.overview .bg_box li.b04:before{width:120px; height:120px; top:20px; right:30px;}
	.overview .bg_box li.b05:before{width:160px; height:120px; top:30px; right:30px;}
	.overview .bg_box li.b06 h6{width:10%;}
	.overview .bg_box li.b06 .list{width:90%;padding: 0 20px;}
	.overview .bg_box li.b06 .list img{width: 200px;}
}


/*symbol*/
.symbol{padding-bottom:40px;}
.sub_bg{border: 3px solid #efefef; border-radius: 15px; padding: 20px; margin-bottom: 40px; background: url(../img/sub/ci_bg.png) no-repeat;background-size: cover;display: block;}
.symbol .right img{width:100%; margin:0 auto; display: block;}
.poster .right img{border-radius: 20px}
.symbol .right img.ver2{width:60%;}
.symbol .right img.ver3{width:40%;}
.symbol .down_box{display: flex; flex-wrap:wrap; gap:2%;margin: 10px 0px 20px;}
.symbol .down_box a{width:49%; border: 1px solid #e1e1e1; color:#9d9d9d;border-radius: 7px;padding: 5px;text-align: center;}
.symbol .down_box a:hover{background: var(--main_color); color:#fff;}

@media all and (min-width:768px) {
	.symbol{padding-bottom:60px;}
  .symbol .left{width:25%}
	.symbol .right{width:75%;}
	.symbol .right img{width:80%; margin:0 auto; display: block;}
	.symbol .right img.ver2{width:40%;}
	.symbol .right img.ver3{width:20%;}
	.symbol .down_box a{padding:10px 0px; width:80%; margin-bottom:10px;}
}

@media all and (min-width:980px) {
	.symbol{padding-bottom:80px;}
}

@media all and (min-width:1200px) {
	.symbol{padding-bottom:100px;}
	.sub_bg{padding:50px}
	.symbol .down_box a{padding:12px; width:180px; margin-bottom:5px;margin-top: 10px;}
	.symbol .down_box{display: inline-flex;margin: 0px 0px 20px;}
   .symbol .left{width:30%}
	.symbol .right{width:70%;}
}

/*mascot*/
.mascot .two_box{margin-top: 20px;}
.mascot .two_box li{background: #f8f8f8; padding: 20px;border-radius: 20px;margin-bottom: 20px; text-align:center}
.mascot .two_box li img{width: 50%; display: block;margin: 0 auto;}
.mascot .two_box li h4{margin: 15px 0px 5px;text-align: center;font-size: 1.3em;font-weight: 700;}

@media all and (min-width:768px) {
.mascot .two_box{display:flex; gap:2%; flex-wrap:wrap;margin-top: 0px;}
	.mascot .two_box li{width:49%;padding: 30px;}
	.mascot .left{width:25%}
	.mascot .right{width:75%}
  .mascot .two_box li h4{margin: 20px 0px 10px;font-size: 1.5em;}
}

@media all and (min-width:1200px) {
	.mascot .two_box li{width:49%;padding: 40px;}
	.mascot .two_box li p{font-size:1.1em}
}

/*map*/
.map{padding-bottom:40px}
.add_list{position:relative; background: var(--bg_color);padding: 20px;border-radius: 20px;}
.add_list li b{display:block; font-weight:700; margin-bottom:5px; /*! color:var(--main_color); */}
.add_list li{margin-bottom:20px; padding-left: 55px; position: relative;}
.add_list li:before{content: '\e0c8'; position: absolute; font-family: var(--icon); font-size: 2em; width: 45px; height: 45px; left: 0; top: 0px; line-height: 45px; color: var(--main_color); text-align: center; border-radius: 500px; background-color: #fff; font-weight: normal;}
.add_list li:last-child{margin-bottom:0px; padding-left:0px; }
.add_list li:last-child:before{display:none;}
.add_list li:last-child a{display: block; text-align:center; background: var(--main_color); color:#fff; padding:10px 5px; border-radius: 10px;}
.add_list li:last-child a:hover{background:var(--hover_color);}
.add_list li.ic_call:before{content:'\e61d'}
.add_list li.ic_fax:before{content:'\e8ad'}
.add_list li.ic_mail:before{content:'\e158'}
.map .root_daum_roughmap_landing {width: 100% !important;}
.root_daum_roughmap .wrap_controllers {display: none !important;}
.root_daum_roughmap .cont .section.lst {display: none !important;}

@media all and (min-width:768px) {
.map{padding-bottom:60px}
.add_list{ display: flex; flex-wrap: wrap; gap: 4%;align-items: center;}
.add_list li{width:48%; padding-left:65px}
.add_list li.ic_fax{margin-bottom:0px;}
}

@media all and (min-width:980px) {
.map{padding-bottom:80px}
.add_list li{width:16%;margin-bottom: 0px;}
.add_list li:first-child{width:40%;}
}

@media all and (min-width:1200px) {
.map{padding-bottom:120px}
	.add_list{padding:30px;}
	.add_list li{width:18%;margin-bottom: 0px;}
.add_list li:last-child{width:12%;}
.add_list li b{font-size:1.25em}
}

@media all and (min-width:1400px) {
.map{padding-bottom:120px}
.add_list{padding:50px 35px;}
.add_list li{width:16%;}
.add_list li:last-child{width:12%;}
.add_list li:first-child{width:44%;}
}


/* 아카이브 > 축제소개 > 노래 */
.song_bg {background-color: #fffdf6; position:relative;padding: 40px 0px;}
.song_bg:before {background: url('../img/sub/song_bg.jpg') no-repeat center bottom;content:''; display: block; width:100%; height:100%; position:absolute; bottom:0;}
.song .audio-wr{margin-bottom: 40px;}
.song .audio-wr audio{margin:0 auto; display:block;}
.song .song_content .content_in{}
.song .content_in .tit{display:block; margin:0 auto; width:150px;}
.song .content_in .tit p{color: #7d6b53;border: 2px solid #7d6b53; background: #fff; text-align:center; border-radius: 30px; padding:5px; font-size:1.2em; font-weight:700;margin-bottom: 15px;}
.song .content_in .txt{color: #7d6b53;margin-bottom: 40px;text-align: center;font-weight: 600;}


@media all and (min-width:768px) {
.song_bg {position:relative;padding: 60px 0px;}
.song_content{display: flex; flex-wrap:wrap; gap:6%;}
.song_content .content_in{width:47%;}
.song .audio-wr{margin-bottom: 60px;}
	.song .content_in .txt{font-size:1.15em; line-height:1.7;}
}

@media all and (min-width:980px) {
.song_bg {position:relative;padding: 80px 0px 200px;}
.song .content_in .tit p{font-size:1.5em; margin-bottom: 20px;}
	.song .content_in .txt{font-size:1.3em; line-height:2;}
}

@media all and (min-width:1200px) {
.song_bg {position:relative;padding: 100px 0px 300px;}
.song .audio-wr{margin-bottom: 80px;}
.song_content{padding:0 10%;}
}


/*his*/
.his .right li{border-bottom: 1px solid #eee; margin-bottom:40px;}
.his .right li .txt h4{font-size: 1.3em; font-weight: 800;}
.his .right li .txt span{color: #999; display: block; margin: 5px 0px 15px; font-weight: 400;}
.his .right li .txt dl{display: flex; flex-wrap: wrap;  margin-bottom: 20px;  color: #3e3e3e;}
.his .right li .txt dt{width: 4em; font-weight: 800;}
.his .right li .txt dd{width: calc(100% - 4em);}
.his .right li .img img{display: block; border-radius: 10px; width: 250px; margin: 0 auto 40px;}

@media all and (min-width:768px) {
.his .right li{display: flex;flex-wrap: wrap;background: #f8f8f8;border-bottom: 0px solid #eee;border-radius: 20px;padding: 40px 30px 20px;align-items: center;}
.his .right li .txt{width:calc(100% - 180px)}
.his .right li .img{width:150px; margin-left:30px}
.his .right li .txt h4{font-size: 1.7em}
.his .right li .txt span{margin: 5px 0px 20px; font-size:1.1em}
.his .right li .txt dl{font-size:1.1em; line-height:1.8}
.his .right li .img img{margin: 0;}
}

@media all and (min-width:1200px) {
.his .right li .txt{width:calc(100% - 210px)}
.his .right li .img{width:180px; margin-left:30px}
	.his .right li{padding:50px}
}


/*동선안내*/
.movement .txt{position: relative; margin-bottom: 30px;}
.movement .txt a{width: 120px; border: 1px solid #e1e1e1; color: #9d9d9d; border-radius: 7px; padding: 5px; text-align: center; display: block; position: absolute; right: 0; top: -5px;}
.movement .txt a:hover{background: var(--main_color); color:#fff; border:0px;}
.movement .img img{border-radius: 20px;}

@media all and (min-width:768px) {
	.movement .txt a{width: 150px; padding:10px;}
}

@media all and (min-width:1200px) {
	.movement .txt{margin-bottom: 60px;}
	.movement .txt a{width: 200px; padding:10px;}
}


/*프로그램>개막식*/
.program{}
.program .top_content .img img{border-radius: 20px; margin-bottom: 20px;}
.program .top_content .txt{}
.program .top_content .txt h3{margin-bottom: 10px;}
.program dl.info_box{display: flex;flex-wrap: wrap;line-height: 1.5;border-top: 2px solid var(--main_color);}
.program .info_box dt{width: 5em;font-weight: 700;background: var(--bg_color); text-align: center}
.program .info_box dd{width: calc(100% - 5em);}
.program .info_box dt,
.program .info_box dd{padding: 10px; border-bottom:1px solid #ddd;}

.program .top_content .detail_box{}
.program .top_content .detail_box ul{}
.program .top_content .detail_box li{margin-bottom: 10px;}
.program .top_content .detail_box li:last-child{margin-bottom:0px;}
.program .top_content .detail_box h6{background: var(--main_color);border-radius: 10px 10px 0px 0px;text-align: center;color: #fff;padding: 3px;}
.program .top_content .detail_box p{padding: 10px 15px;font-size: 0.9em;}
.program .top_content .detail_box p span{background: #a8a8a8; color:#fff; width:20px; display: inline-block; text-align:center; height:20px; line-height:20px;border-radius:50%;font-size: 0.8em;margin-right: 10px;}
.program .in_content .popera img{border-radius:20px; margin-bottom:20px}
.program .in_content .popera h4{font-size:1.2em; font-weight:800;margin-bottom: 20px;}
.program .in_content .list{margin-top: 20px}
.program .in_content .list li{margin-bottom: 15px;}
.program .in_content .list li img{border-radius: 20px 20px 0px 0px;}
.program .in_content .list li p{display: block;background: #f2f2f2;color: #555;padding: 10px;text-align: center;border-radius: 0px 0px 20px 20px;}
.program .top_content .detail_box li{background: #f8f8f8;border-radius: 10px;}

@media all and (min-width:650px) {
.program .in_content .list{display: flex; flex-wrap: wrap; gap:2%}
.program .in_content .list li{width:49%}
}

@media all and (min-width:768px) {
.program .top_content .img img{margin-bottom: 40px;}
.program .in_content .list{margin-top:0px;}
	.program .top_content .txt{font-size:1.1em}
.program .info_box dt{width: 10em;}
.program .info_box dd{width: calc(100% - 10em);}
.program .info_box dt,
.program .info_box dd{padding: 15px 20px; }
.program .top_content .detail_box ul{display: flex; flex-wrap:wrap; gap:2%;align-items: stretch;}
	.program .top_content .detail_box li{width:30.5%;margin-bottom: 0px;}
	.program .top_content .detail_box li:nth-child(2){width:35%;}
}

@media all and (min-width:980px) {
.program .top_content{display: flex; flex-wrap: wrap;}
.program .top_content .img{width:300px; margin-right:30px}
.program .top_content .txt{width:calc(100% - 330px)}
.program .in_content .list li{width:23.5%}
.program .flex_box .left{width:20%; margin-right:5%}
.program .info_box dt,
.program .info_box dd{padding: 10px 20px;}
.program .top_content .img img{margin-bottom: 0px;}
}

@media all and (min-width:1200px) {
.program .top_content .img{width:400px; margin-right:30px;margin-top: 40px;}
.program .top_content .txt{width:calc(100% - 430px)}
.program .info_box dt{width: 6em;}
.program .info_box dd{width: calc(100% - 6em);}
.program .in_content .popera img{margin-bottom:50px}
.program .in_content .popera h4{font-size:1.4em; margin-bottom: 20px;}

}

@media all and (min-width:1500px) {
	.program .top_content{margin-bottom:120px !important;}
.program .top_content .img{width:580px; margin-right:30px;margin-top: 40px;}
.program .top_content .txt{width:calc(100% - 610px)}
.program .info_box dt,
.program .info_box dd{padding: 15px 20px;}
.program .top_content .txt h3{margin-bottom: 20px;}
}


/*주제행사*/
.program .event img{border-radius:20px;margin-bottom: 20px;}
.program .event .txt_box h4{font-size: 1.1em;font-weight: 700;margin-bottom: 10px;}
.col{color:var(--main_color) !important}

@media all and (min-width:768px) {
.program .event{display: flex; flex-wrap:wrap;align-items: flex-start;}
.program .event .txt_box h4{font-size: 1.25em;margin-bottom: 20px;}
}

@media all and (min-width:980px) {
.program .event img{width:280px; margin-right:20px; margin-top:50px;}
.program .event .txt_box{width:calc(100% - 300px)}
}

@media all and (min-width:1200px) {
.program .event img{width:370px; margin-right:30px;}
.program .event .txt_box{width:calc(100% - 400px)}
}

@media all and (min-width:1500px) {
.program .event img{width:500px; margin-right:30px; margin-top:10px;}
.program .event .txt_box{width:calc(100% - 530px)}
.program .event .txt_box h4{font-size: 1.4em;margin-bottom: 20px;}
}


/*전시행사*/
.program .left p{font-size:1.1em}
.program.pro01 .left p{font-size:1em !important}
.program .special .inbox{margin-bottom: 40px;}
.program .special .inbox img{border-radius: 20px; width:100%;}
.program .special .inbox.w100 img{margin-bottom:15px}
.program .special .inbox .txt_box h4{ margin: 10px 0px; font-size: 1.1em; font-weight: 700;}
.pro03 .slide_box .in .img_list{position: relative;}
.pro03 .slide_box .in .img_list li img{border-radius: 20px;margin: 20px 0px;}

.pro03 .slide_box .in .txt h5{font-size: 1.2em;font-weight: 700;background: var(--bg_color);padding: 10px;border-top: 2px solid var(--main_color);}
.pro03 .slide_box .in .txt p{padding: 10px;border-bottom: 1px solid #ddd;}
.pro03 .slide_box .slick-arrow{background: none;border: 0px;position: absolute;color: #fff0;background: #ffffff59;width: 30px;height: 30px;border-radius: 50px;line-height: 30px;text-align: center;z-index: 10;top: 45%;}
.pro03 .slide_box .slick-list{position: relative;}
.pro03 .slide_box .slick-arrow.slick-prev:before{display: block; font-family: var(--icon); content:'\e5e0' ;font-weight:700; font-size:15px; color:#fff; position: absolute; left:5px; top:0;z-index: 99;margin-left: 5px;}
.pro03 .slide_box .slick-arrow.slick-next:before{display: block; font-family: var(--icon); content:'\e5e1' ;font-weight:700; font-size:15px; color:#fff; position: absolute; right:5px; top:0;z-index: 99;margin-left: 5px;}
.pro03 .slide_box .slick-arrow.slick-next{bottom: 0;right: 0;}

@media all and (min-width:768px) {
	.program .left p{font-size:1.2em}
	.program .special .inbox .txt_box h4{margin: 20px 0px; font-size: 1.25em;}
	.program .special .inbox{margin-bottom: 60px;}
	.program .special .inbox.w100 span.two{display:flex; flex-wrap:wrap; gap:2%;}
	.program .special .inbox.w100 span.two img{width:49%}
	.program .special .inbox.w100 img{margin-bottom:0px}
}

@media all and (min-width:980px) {
.pro03 .slide_box .in{display:flex; flex-wrap: wrap;margin-bottom: 40px;align-items: center;}
	.pro03 .slide_box .in .img_list{width:250px; margin-right:30px;}
	.pro03 .slide_box .in .txt{width:calc(100% - 280px)}
	.pro03 .slide_box .in .img_list li img{margin:0;}
	.pro03 .slide_box .in .txt h5{font-size: 1.3em; padding:10px 20px;}
	.pro03 .slide_box .in .txt p{padding:20px; font-size:1.1em; line-height:1.5}
}

@media all and (min-width:1200px) {
.program .special{display: flex; flex-wrap: wrap; gap:2%;}
	.program .special .inbox{width:49%;}
	.program .special .inbox .txt_box h4{margin: 20px 0px; font-size: 1.4em;}
	.program .special .inbox{margin-bottom: 100px;}
	.program .special .inbox.w100{width:100%}
	.program .left p{font-size:1.3em}
	.pro03 .slide_box .in .img_list{width:350px; margin-right:50px;}
	.pro03 .slide_box .in .txt{width:calc(100% - 400px)}
	.pro03 .slide_box .in{margin-bottom: 80px;}
}

@media all and (min-width:1500px) {
	.pro03 .slide_box .in .img_list{width:550px; margin-right:50px;}
	.pro03 .slide_box .in .txt{width:calc(100% - 600px)}
	.pro03 .slide_box .in{margin-bottom: 100px;}
	.pro03 .slide_box .in .txt h5{font-size: 1.4em; padding:20px 30px;}
	.pro03 .slide_box .in .txt p{padding:30px;line-height:1.8}
}


/*행사장배치도*/
.dots li{position:relative; padding-left:10px;}
.dots li:before{display: block; left:0; content:''; background:#bdbdbd; width:3px; height:3px; border-radius:50%; top: 10px;position: absolute;}
.dots li.no:before{display:none;}
.layoutmap{}
.layoutmap .info{margin-top: 20px;}
.layoutmap .info .box{margin-bottom:20px;}
.layoutmap .info .box h4{text-align: center;padding: 5px; background: #1f98a5; color:#fff; border-radius: 15px 15px 0px 0px;font-weight: 700;}
.layoutmap .info .box ul{padding:15px; background:#f8f8f8; border-radius:0px 0px 15px 15px; line-height:1.7}
.layoutmap .info .box li b{font-weight:700; color:#ea4775; font-size:1.1em}

.layoutmap .info .box.b02 h4{background: #0096ff;}
.layoutmap .info .box.b03 h4{background: #983ca5}
.layoutmap .info .box.b04 h4{background: #ea4775}
.layoutmap .info .box.b05 h4{background: #e56d00}
.layoutmap .info .box.b06 h4{background: #7aa513}

@media all and (min-width:500px) {
.layoutmap .info{display:flex; flex-wrap:wrap; gap:2%;}
	.layoutmap .info .box{width:49%;}
}

@media all and (min-width:980px) {
	.layoutmap .info .box{width:23.5%;}
	.layoutmap .info .box.b03{width:48.5%}
	.layoutmap .info .box.b04{width:48.5%}
	.layoutmap .info .box .two{display:flex; flex-wrap:wrap;}
.layoutmap .info .box .two .tb{width:50%;letter-spacing: -0.077em;}
	.layoutmap .info .box h4{padding:8px; font-size:1.1em}
	.layoutmap .info .box ul{padding:20px 25px; }
}

@media all and (min-width:1500px) {
	.layoutmap .info{gap:1%;}
	.layoutmap .info .box ul{padding:20px 18px;}
	.layoutmap .info .box{width:11%;}
	.layoutmap .info .box.b01{width:7.5%}
	.layoutmap .info .box.b02{width:10%}
	.layoutmap .info .box.b03{width:28.5%}
	.layoutmap .info .box.b04{width:28.5%}
	.layoutmap .info .box.b05{width:12.5%}
	.layoutmap .info .box.b06{width:8%}
	.layoutmap .info .box.b04 .two .tb:first-child{width:45%;}
	.layoutmap .info .box.b04 .two .tb:last-child{width:55%;}
}


/*체험행사*/
.program .table {overflow-x: auto;width: 100%;}
.program .table table{width:700px;text-align: center;}
.program .table th{background: var(--main_color);color: #fff;padding: 5px;}
.program .table td.bg{background:#f5fae9a1;border-right: 1px solid #ebf0de;border-bottom: 1px solid #ebf0de;}
.program .table td.bg:first-child{background:var(--bg_color);}
.program .table td{vertical-align: middle; padding:5px;border-bottom: 1px solid #f0f0f0;border-right: 1px solid #f0f0f0;}

.program .menubox{margin-top: 40px;}
.program .menubox ul{display: flex;flex-wrap: wrap;gap: 2%;}
.program .menubox li{width: 49%;margin-bottom: 10px;}
.program .menubox li:nth-child(5),
.program .menubox li:nth-child(8),
.program .menubox li:nth-child(9){width:100%}
.program .menubox li a{display: flex;flex-wrap: wrap;padding: 10px;background: #f1b205;color: #fff;border-radius: 10px;line-height: 25px;padding-right: 0px;}
.program .menubox li:nth-child(2) a{background:#fb4979}
.program .menubox li:nth-child(3) a{background:#ea57c4;}
.program .menubox li:nth-child(4) a{background:#7a42d9}
.program .menubox li:nth-child(5) a{background:#0079ff}
.program .menubox li:nth-child(6) a{background:#0fa8a6}
.program .menubox li:nth-child(7) a{background:#e97307}
.program .menubox li:nth-child(8) a{background:#c13d89}
.program .menubox li:nth-child(9) a{background:#373299}
.program .menubox li:nth-child(10) a{background:#0da6ec}
.program .menubox li:nth-child(11) a{background:#1da500}
.program .menubox li:nth-child(12) a{background:#96ba00}

.program .menubox li a span{margin-right: 10px;width: 25px;height: 25px;background: #fff;border-radius: 50%;color:#f1b205; text-align:center;font-weight: 800;}
.program .menubox li:nth-child(2) a span{color:#fb4979}
.program .menubox li:nth-child(3) a span{color:#ea57c4;}
.program .menubox li:nth-child(4) a span{color:#7a42d9}
.program .menubox li:nth-child(5) a span{color:#0079ff}
.program .menubox li:nth-child(6) a span{color:#0fa8a6}
.program .menubox li:nth-child(7) a span{color:#e97307}
.program .menubox li:nth-child(8) a span{color:#c13d89}
.program .menubox li:nth-child(9) a span{color:#373299}
.program .menubox li:nth-child(10) a span{color:#0da6ec}
.program .menubox li:nth-child(11) a span{color:#1da500}
.program .menubox li:nth-child(12) a span{color:#96ba00}

.menuin{background:#fff;border-radius: 20px; padding:30px 10px}
.litebox-content{margin-top: 0px!important; top: 0%!important;}
.menuin h3{margin-bottom:30px;}
.menuin .img{margin-bottom:20px;}
.menuin .img img{border-radius: 15px; margin-bottom:15px;}

.menuin .txt_box h4{font-size:1.3em; font-weight:700; text-align:left;margin-bottom:15px;}
.menuin dl.info_box{display: flex;flex-wrap: wrap;line-height: 1.5;border-top: 2px solid var(--main_color);}
.menuin .info_box dt{width: 5em;font-weight: 700;background: var(--bg_color); text-align: center;align-content: center;}
.menuin .info_box dd{width: calc(100% - 5em);}
.menuin .info_box dt,
.menuin .info_box dd{padding: 10px; border-bottom:1px solid #ddd;}
.menuin .txt_box .info_table{overflow-x: auto;width: 100%;}
.menuin .txt_box .info_table table{width: 700px;}
.menuin .txt_box .info_table tr{border-bottom: 1px solid #eee;border-left: 1px solid #eee;}
.menuin .txt_box .info_table td{border-right: 1px solid #eee;padding: 5px;vertical-align: middle;text-align: left;font-weight: 400;}
.menuin .txt_box .info_table th{background: var(--main_color);color: #fff;padding: 5px;border-right: 1px solid #ffffff7d;}
.menuin .txt_box .info_table td.bg{background:var(--bg_color); font-weight:600;}
.gray_font{display: block;}

@media all and (min-width:768px) {
.program .table table,
.menuin .txt_box .info_table table{width:100%;}
.menuin{padding:40px}
.menuin .img{margin-bottom:0px; display:flex; flex-wrap:wrap; gap:2%;margin-bottom: 30px;}
	.menuin .img.w100 img{width:75%}
	.menuin .img img{width:49%;}
	.menuin .txt_box .info_table td{padding:10px;}
	.program .menubox li{width: 23.5% !important;}
	.program .menubox{position:absolute; bottom:0px;padding: 30px;margin-top: 0px; font-size:0.9em}
	.program.pro05 .img{position:relative}
	.program .menubox li:nth-child(5){width: 34% !important;}
	.program .menubox li:nth-child(6){width: 20% !important;}
	.program .menubox li:nth-child(7){width: 20% !important;}
	.program .menubox li:nth-child(8){width: 20% !important;}
	.program .menubox li:nth-child(9){width: 34% !important;}
	.program .menubox li:nth-child(10){width: 20% !important;}
	.program .menubox li:nth-child(11){width: 20% !important;}
	.program .menubox li:nth-child(12){width: 20% !important;}
	.program .menubox li a span{margin-right: 5px;}
}

@media all and (min-width:980px) {
.program .menubox{padding: 40px; padding-bottom:20px; font-size:0.9em}
	.program .menubox li a{font-size:1.1em}
}

@media all and (min-width:1200px) {
.menuin{padding:60px 80px;}
.menuin .info_box dt{width: 10em;}
.menuin .info_box dd{width: calc(100% - 10em);}
	.program .table table{font-size:1.05em;}
	.program .table th{padding: 10px; font-size:1.1em}
	.program .table td{padding: 10px 5px;}
  .program .menubox{padding: 100px; padding-bottom:30px; font-size:1em}
	.program .menubox li a{padding:10px 5px 10px 13px}
	.program .menubox li a span{margin-right:10px;}
}

@media all and (min-width:1500px) {
.menuin{padding:60px 100px;}
.program .menubox li{width: 13.5% !important;margin-bottom: 20px;}
.program .menubox li:nth-child(5){width: 24% !important;}
	.program .menubox li:nth-child(6){width: 12% !important;}
	.program .menubox li:nth-child(7){width: 13.5% !important;}
	.program .menubox li:nth-child(8){width: 15% !important;}
	.program .menubox li:nth-child(9){width: 19% !important;}
	.program .menubox li:nth-child(10){width: 14% !important;}
	.program .menubox li:nth-child(11){width: 15% !important;}
	.program .menubox li:nth-child(12){width: 13.5% !important;}
	 .program .menubox{padding-bottom:40px;}
}
