#about .sec01 {position:relative; width:100%; height:100%; font-size:0;}
#about .sec01 .txtBox {display:inline-block; vertical-align:middle; width:50%; margin-right:7%; text-align:left;}
#about .sec01 .txtBox h2 {max-width:700px;} 
#about .sec01 .txtBox h2 img {width:100%;} 
#about .sec01 .txtBox .bTxt {font-weight:500; margin:30px 0;}
#about .sec01 .txtBox .sTxt {line-height:1.5;}
#about .sec01 .imgBox {display:inline-block; vertical-align:middle; width:43%; height:600px; background:url('./image/sub/255/about_sec01_img.jpg') no-repeat center / cover; border-radius:40px; overflow:hidden;}

#about .sec02 {position:relative; width:100%; height:100%; z-index:1; margin:150px 0 350px;}
#about .sec02:before {position:absolute; content:''; top:-120px; left:60px; width:330px; height:200px; background:url('./image/main/flower04.png') no-repeat center / cover;}
#about .sec02 .scrollBox {position:relative; z-index:2; float:left; width:50%; margin-top:150px; transition:all 0.3s ease;}
#about .sec02 .scrollBox:before {position:absolute; content:''; z-index:3; top:45%; right:-75px; transform:translate(0,-50%); width:350px; height:320px; background:url('./image/main/flower02.png') no-repeat center / cover;}
#about .sec02 .scrollBox > div {margin-top:150px; float:right; text-align:left;}
#about .sec02 .scrollBox > div:nth-of-type(1) {margin-top:0px; margin-right:150px; transition:.5s .5s;}
#about .sec02 .scrollBox > div:nth-of-type(2) {margin-right:420px; transition:.5s .5s;}
#about .sec02 .scrollBox > div:nth-of-type(3) {margin-right:-100px; margin-bottom:-100px; transition:.5s .5s;}
#about .sec02 .scrollBox > div .imgBox {overflow:hidden;}
#about .sec02 .scrollBox > div .imgBox img {width:100%; border-radius:20px;}
#about .sec02 .scrollBox .bTit {text-transform:uppercase; font-weight:600; margin-top:20px; display:block; padding-left:20px;}
#about .sec02 .scrollBox .sTxt {color:#888; margin-top:5px; font-weight:400; padding-left:20px;}
#about .sec02 .fixedBox {position:absolute; top:0; left:50%; width:49.5vw; height:95vh; z-index:1; background:url('./image/sub/255/about_sec02_bg.jpg') no-repeat center / cover;}
.clearfix::after {content:''; clear:both; display:block;}

#about .sec03 {position:relative; padding:100px 0; background:#f4f4f4;}
#about .sec03:before {position:absolute; content:''; top:0; left:0; width:50%; height:100%; background:#333;}
#about .sec03 ul {width:100%; height:100%; font-size:0;}
#about .sec03 li {position:relative; display:inline-block; vertical-align:middle;}
#about .sec03 li:nth-child(1) {width:50%; padding-right:4%; text-align:center; box-sizing:border-box;}
#about .sec03 li:nth-child(1) img {max-width:480px; width:100%;}
#about .sec03 li:nth-child(2) {width:50%; height:100%;}
#about .sec03 li .cont {position:absolute; top:50%; left:100px; transform:translate(0,-45%); width:calc(100% - 100px); font-size:20px;}
#about .sec03 .tit {position:relative; text-align:left; width:100%; margin-bottom:40px; font-weight:500; border-bottom:1px #aaa solid; padding-bottom:30px;}
#about .sec03 .tit:after {position:absolute; content:''; top:-140px; right:-70px; width:220px; height:210px; background:url('./image/main/flower03.png') no-repeat center / cover;}
#about .sec03 .tit img {max-width:550px; width:90%;}
#about .sec03 dl {position:relative; margin-bottom:25px;}
#about .sec03 dl dt {position:absolute; top:0; left:0; background:#ffa000; color:#fff; padding:5px 0; width:90px; font-size:0.8em; text-align:center; border-radius:16px;}
#about .sec03 dl dd {margin-left:110px; line-height:28px; text-align:left; font-weight:400;}
#about .sec03 dl dd span {color:#e60644; font-size:1.4em; font-weight:500;}
#about .sec03 dl:last-child dd img {height:32px; margin:0 20px 10px 0;}

@media screen and (max-width:1920px) {
	#about .sec02 .scrollBox > div:nth-of-type(1) {margin-right:120px;}
	#about .sec02 .scrollBox > div:nth-of-type(2) {margin-right:360px;}
}

@media screen and (max-width:1600px) {
	#about .sec02 {margin:120px 0 350px;}
	#about .sec02 .scrollBox,
	#about .sec02 .scrollBox > div {margin-top:120px;}
	#about .sec02 .scrollBox > div:nth-of-type(3) {margin-bottom:-100px;}
	#about .sec02 .scrollBox > div:nth-of-type(1) .imgBox {width:520px;}
	#about .sec02 .scrollBox > div:nth-of-type(2) .imgBox {width:380px;}
	#about .sec02 .scrollBox > div:nth-of-type(3) .imgBox {width:600px;}
}

@media screen and (max-width:1400px) {
	#about .sec02 {margin:100px 0 350px;}
	#about .sec02:before {left:40px; width:280px; height:170px;}
	#about .sec02 .scrollBox {margin-top:100px; width:56%;}
	#about .sec02 .scrollBox:before {right:-60px; width:300px; height:274px;}
	#about .sec02 .scrollBox > div {margin-top:100px; float:left;}
	#about .sec02 .scrollBox > div:nth-of-type(1) {margin-right:auto; margin-left:15%;}
	#about .sec02 .scrollBox > div:nth-of-type(2) {margin-right:auto; margin-left:5%;}
	#about .sec02 .scrollBox > div:nth-of-type(3) {float:right; margin-right:-70px;}
	#about .sec02 .scrollBox > div:nth-of-type(1) .imgBox {width:480px;}
	#about .sec02 .scrollBox > div:nth-of-type(2) .imgBox {width:350px;}
	#about .sec02 .scrollBox > div:nth-of-type(3) .imgBox {width:520px;}
	#about .sec02 .fixedBox {left:56%; width:43.5vw;}

	#about .sec03 {padding:50px 0;}
	#about .sec03:before {position:absolute; content:''; top:0; left:0; width:40%; height:100%; background:#333;}
	#about .sec03 li:nth-child(1) {width:40%; text-align:center;}
	#about .sec03 li:nth-child(2) {width:60%; height:100%;}
	#about .sec03 li .cont {left:50px; width:calc(100% - 50px);}
}

@media screen and (max-width:1200px) {
	#about .sec01 .txtBox .bTxt br {display:none;}
	
	#about .sec02 {margin:100px 0 150px;}
	#about .sec02 .scrollBox > div:nth-of-type(3) {margin-bottom:50px;}
	#about .sec02 .scrollBox > div:nth-of-type(1) .imgBox {width:440px;}
	#about .sec02 .scrollBox > div:nth-of-type(2) .imgBox {width:340px;}
	#about .sec02 .scrollBox > div:nth-of-type(3) .imgBox {width:480px;}

	#about .sec03 li .cont {left:30px; width:calc(100% - 30px); font-size:18px;}
	#about .sec03 .tit {margin-bottom:20px; padding-bottom:20px;}
	#about .sec03 .tit:after {top:-120px; right:-30px; width:180px; height:172px;}
	#about .sec03 dl {margin-bottom:10px;}
	#about .sec03 dl:last-child dd img {height:28px;}
}

@media screen and (max-width:940px) {
	#about .sec01 .txtBox {width:94%; margin-right:0; margin-left:3%; text-align:center;}
	#about .sec01 .txtBox h2 {max-width:580px; margin:0 auto;}
	#about .sec01 .txtBox .bTxt {margin:20px 0;}
	#about .sec01 .imgBox {width:100%; height:340px; border-radius:30px;}

	#about .sec02 {margin:100px 0 0;}
	#about .sec02 .scrollBox {width:75%; margin-left:10%; margin-top:60px;}
	#about .sec02 .scrollBox:before {right:auto; left:350px; width:300px; height:274px;}
	#about .sec02 .scrollBox > div {margin-top:60px;}
	#about .sec02 .scrollBox > div:nth-of-type(1) .imgBox {width:480px;}
	#about .sec02 .scrollBox > div:nth-of-type(2) .imgBox {width:350px;}
	#about .sec02 .scrollBox > div:nth-of-type(3) .imgBox {width:520px;}
	#about .sec02 .fixedBox {display:none;}
	
	#about .sec03 li .cont {left:20px; width:calc(100% - 20px); font-size:16px;}
	#about .sec03 dl:last-child dd img {height:25px; margin:2px 10px 5px 0;}
}

@media screen and (max-width:700px) {
	#about .sec02 .scrollBox {margin-left:5%;}
	#about .sec02 .scrollBox:before {left:340px; width:240px; height:219px;}
	#about .sec02 .scrollBox > div:nth-of-type(1) .imgBox {width:440px;}
	#about .sec02 .scrollBox > div:nth-of-type(2) .imgBox {width:340px;}
	#about .sec02 .scrollBox > div:nth-of-type(3) .imgBox {width:480px;}

	#about .sec03 {padding:0;}
	#about .sec03:before {display:none;}
	#about .sec03 li:nth-child(1) {z-index:1; width:100%; padding:50px 10px;}
	#about .sec03 li:nth-child(1):before {position:absolute; content:''; z-index:1; top:0; left:-10%; width:120%; height:100%; background:#333;}
	#about .sec03 li:nth-child(1) img {position:relative; z-index:2;}
	#about .sec03 li:nth-child(2) {z-index:2; width:100%; height:auto; padding:0;}
	#about .sec03 li .cont {position:relative; top:auto; left:auto; transform:translate(0,0); width:100%; padding:50px 3% 30px; box-sizing:border-box; font-size:18px;}
	#about .sec03 .tit:after {top:-95px; width:160px; height:153px;}
}

@media screen and (max-width:480px) {
	#about .sec01 .imgBox {height:260px; border-radius:20px;}

	#about .sec02 {margin:50px 0 0;}
	#about .sec02:before {top:-70px; left:20px; width:200px; height:121px;}
	#about .sec02 .scrollBox {margin-left:3%; width:94%;}
	#about .sec02 .scrollBox > div {margin-left:0; margin-right:0; width:100%;}
	#about .sec02 .scrollBox > div .imgBox {margin:0 auto;}
	#about .sec02 .scrollBox > div .imgBox img {border-radius:10px;}
	#about .sec02 .scrollBox > div:nth-of-type(1),
	#about .sec02 .scrollBox > div:nth-of-type(2) {margin-left:0;}
	#about .sec02 .scrollBox > div:nth-of-type(3) {float:left; margin-right:0;}
	#about .sec02 .scrollBox > div:nth-of-type(1) .imgBox,
	#about .sec02 .scrollBox > div:nth-of-type(2) .imgBox,
	#about .sec02 .scrollBox > div:nth-of-type(3) .imgBox {width:330px;}
	
	#about .sec03 .tit:after {top:-75px; width:120px; height:115px;}
	#about .sec03 dl dt {width:70px;}
	#about .sec03 dl dd {margin-left:85px;}
	#about .sec03 dl dd span {font-size:1.1em;}
}


.ready_img {margin: 0 auto; text-align: center; padding: 0 5%}
.ready_img img {width: 100%;}
@media screen and (max-width:1920px) {
    #ab.ready_img img {width: 100%;}out .sec02 .scrollBox > div:nth-of-type(1) {margin-right:120px;}
	#about .sec02 .scrollBox > div:nth-of-type(2) {margin-right:360px;}
}

/* 인사말 */
.greeting .slogan {padding:150px 0 520px; background:#f4f4f4; text-align:center; margin-top:-120px; letter-spacing:-1px;}
.greeting .slogan .sTxt {line-height:1.4; font-weight:400; color:#000;}
.greeting .slogan .bTxt {line-height:1.2; font-weight:300; color:#f8702b; font-family:'Gmarket Sans';}
.greeting .slogan .bTxt span {font-weight:700;}
.greeting .slogan .stxt {line-height:1.4; font-weight:400;}
.greeting .contArea {margin-top:-440px;}
.greeting .contBox {position:relative; text-align:center;}
.greeting .contBox .visual_bg {position:relative; width:100%; height:540px; background:#ddd url('./image/sub/255/greeting_img.jpg') no-repeat center center / cover; border-radius:50px;}
.greeting .contBox .visual_txt {position:absolute; bottom:-6.7vw; right:5px; width:92.341%; height:100%; background:url(https://www.ahn-gook.com/_new/img/about/mission-visual-txt.png) no-repeat right bottom 0 / 100% auto;}
.greeting .contBox .bTxt {font-weight:700; letter-spacing:-1.5px; line-height:1.3;}
.greeting .contBox .sTxt {line-height:1.5;}
.greeting .cont_txt > p {width:100%; padding:10px;}
.greeting .cont_img {max-width:1500px; width:94%; margin:30px auto; font-size:0;}
.greeting .cont_img li {width:33.3%; display:inline-block; padding:7px; box-sizing:border-box;}
.greeting .cont_img img {width:100%; border-radius:20px;}
 
@media screen and (max-width:1200px) {
	.greeting .slogan {padding:130px 0 500px;}
	.greeting .contBox .visual_bg {border-radius:30px;}
}

@media screen and (max-width:940px) {
	.greeting .slogan {padding:120px 0 420px;}
	.greeting .contArea {margin-top:-360px;}
	.greeting .contBox .visual_bg {height:440px;}
}

@media screen and (max-width:700px) {
	.greeting .slogan {padding:80px 0 300px; margin-top:-50px;}
	.greeting .slogan .sTxt {font-size:23px;}
	.greeting .contArea {margin-top:-260px;}
	.greeting .contBox .visual_bg {height:340px;}
	.greeting .contBox .visual_bg {border-radius:20px;}
	.greeting .cont_img {max-width:520px; width:90%;}
	.greeting .cont_img li {width:100%;}
	.greeting .cont_img img {border-radius:15px;}
}

@media screen and (max-width:480px) {
}



/* 행사장안내 */
.m_guide {display:none;}
.guide_map {position:relative; z-index:1; max-width:1600px; width:96%; margin:0 auto;}
.guide_map .map_img img {width:100%; border-radius:50px;}

.guide_map .map_pin {}
.guide_map .area_tab_main {position:absolute; top:0; left:0; width:100%; height:100%;}
.guide_map .area_tab_main button {position:absolute; background:none; cursor:pointer;}
.guide_map .area_tab_main button span {position:relative; display:block; text-align:center; z-index:1; width:60px; height:60px; font-size:0;}
.guide_map .area_tab_main button:nth-of-type(1) {left:10.2%; top:20.1%;}  /*01키즈광장*/
.guide_map .area_tab_main button:nth-of-type(2) {left:24.5%; top:30%;}  /*02분수광장*/
.guide_map .area_tab_main button:nth-of-type(3) {left:52.7%; top:73.3%;}  /*03체험광장*/
.guide_map .area_tab_main button:nth-of-type(4) {left:54.4%; top:36%;}  /*04캐슬광장*/
.guide_map .area_tab_main button:nth-of-type(5) {left:66.1%; top:27.4%;}  /*05시계탑광장*/
.guide_map .area_tab_main button:nth-of-type(6) {left:83.85%; top:48.1%;}  /*06공연광장*/
.guide_map .area_tab_main button:nth-of-type(7) {left:77.3%; top:64.5%;}  /*07치즈광장*/
.guide_map .area_tab_main button:nth-of-type(8) {left:87.9%; top:77.6%;}  /*08먹거리광장*/
.guide_map .area_tab_main button:nth-of-type(9) {left:4.2%; top:11.5%;}  /*09치즈마을*/
.guide_map .area_tab_main button:focus {outline:none;}

.guide_map .area_tab_main .panel {position:absolute; padding:25px; width:260px; background:#fff; border-radius:12px; z-index:11; box-shadow:0 0 30px rgba(0,0,0,.6);text-align:left;}
.guide_map .area_tab_main .panel .tit {position:relative; font-weight:500; margin-bottom:10px; padding:6px; padding-left:43px; font-family:"scdream"; counter-increment:number;}
.guide_map .area_tab_main .panel .tit:before {position:absolute; top:2px; left:0; width:36px; height:36px; line-height:36px; text-align:center; border-radius:50%; color:#fff; font-size:20px; letter-spacing:0;}
#map1 .tit:before {content:'1'; background:#567232;}
#map2 .tit:before {content:'2'; background:#db4f5c;}
#map3 .tit:before {content:'3'; background:#1e80be;}
#map4 .tit:before {content:'4'; background:#e8ba67;}
#map5 .tit:before {content:'5'; background:#595757;}
#map6 .tit:before {content:'6'; background:#50bdb7;}
#map7 .tit:before {content:'7'; background:#145689;}
#map8 .tit:before {content:'8'; background:#69bbc2;}
#map9 .tit:before {content:'9'; background:#db4f5c;}
.guide_map .area_tab_main .panel .cont li {position:relative; padding:3px 0; padding-left:12px;}
.guide_map .area_tab_main .panel .cont li:before {position:absolute; content:''; top:12px; left:0; width:3px; height:3px; border-radius:50%; background:#999;}
.guide_map .area_tab_main .panel .more {float:right; font-size:14px; padding:2px 15px; background:#ccc; border-radius:12px; color:#777;}
.guide_map .area_tab_main .panel .more:hover {background:#ffb400; color:#fff;}
.guide_map .area_tab_main .panel .hashClose {position:absolute; right:20px; top:30px; width:32px; height:32px; background-color:transparent; border:0; font-size:0;}
.guide_map .area_tab_main .panel .hashClose:before,
.guide_map .area_tab_main .panel .hashClose:after {content:""; display:block; width:2px; height:30px; position:absolute; top:50%; left:50%; margin-top:-17px; background:#222; transition:all .3s ease}
.guide_map .area_tab_main .panel .hashClose:before {transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
.guide_map .area_tab_main .panel .hashClose:after {transform:rotate(-135deg);-ms-transform:rotate(-135deg)}

#map1 {left:16%; top:18%;}  /*01키즈광장*/
#map2 {left:30%; top:28%;}  /*02분수광장*/
#map3 {left:58%;bottom:5%;}  /*03체험광장*/
#map4 {left:59.5%; top:34%;}  /*04캐슬광장*/
#map5 {right:36%; top:25%;}  /*05시계탑광장*/
#map6 {right:18%; top:46%;}  /*06공연광장*/
#map7 {right:24.5%; bottom:12%;}  /*07치즈광장*/
#map8 {right:14.5%; bottom:5%;}  /*08먹거리광장*/
#map9 {left:10%; top:8%;}  /*08먹거리광장*/


.map_info {margin:50px auto 0; max-width:1400px; width:96%;}
.map_info .c_box {display:inline-block; vertical-align:top; width:31%; min-height:310px; margin:20px 1%; padding:30px; border-radius:12px; background:#fff; z-index:11; box-shadow:0 0 20px rgba(0,0,0,.1); box-sizing:border-box; counter-increment:number;} 
.map_info .c_box h4 {position:relative; padding:5px; padding-left:48px; margin-bottom:20px; font-weight:500; font-family:"scdream"}
.map_info .c_box h4:before {position:absolute; content:counter(number, decimal); top:0; left:0; width:40px; height:40px; line-height:40px; text-align:center; border-radius:50%; color:#fff; font-size:22px; letter-spacing:0;}
.map_info .c_box:nth-child(1) h4:before {background:#567232;}
.map_info .c_box:nth-child(2) h4:before {background:#db4f5c;}
.map_info .c_box:nth-child(3) h4:before {background:#1e80be;}
.map_info .c_box:nth-child(4) h4:before {background:#e8ba67;}
.map_info .c_box:nth-child(5) h4:before {background:#595757;}
.map_info .c_box:nth-child(6) h4:before {background:#50bdb7;}
.map_info .c_box:nth-child(7) h4:before {background:#145689;}
.map_info .c_box:nth-child(8) h4:before {background:#69bbc2;}
.map_info .c_box:nth-child(9) h4:before {background:#db4f5c;}
.map_info .c_box .cont {display:block;}
.map_info .c_box .cont li {position:relative; padding:3px 0; padding-left:17px; font-size:17px;}
.map_info .c_box .cont li:before {position:absolute; content:''; top:13px; left:5px; width:3px; height:3px; border-radius:50%; background:#aaa;}

@media all and (max-width:940px){	
	.guide_map .map_img img {border-radius:30px;}
	.map_info {margin:30px auto 0;}
	.map_info .c_box {width:47.5%;}
}

@media all and (max-width:700px){
	.m_guide {display:block; position:relative; z-index:2;}
	.m_guide .txt {position:absolute; top:15px; left:50%; transform:translate(-50%,0); width:200px; color:#fff; text-align:center; padding:7px 0; border-radius:7px; background:red; opacity:0.7;}
	.guide_map {-webkit-overflow-scrolling:touch; overflow-x: scroll; overflow-y: auto; width:96%;}
	.guide_map .map_img img {width:700px; transition:all 200ms ease; border-radius:20px;}
	.guide_map .area_tab_main {width:700px; transition:all 200ms ease;}
	.guide_map .area_tab_main .panel {padding:20px; width:220px; border-radius:10px;}
	.guide_map .area_tab_main .panel .tit {margin-bottom:10px; padding:5px; padding-left:38px;}
	.guide_map .area_tab_main .panel .tit:before {top:2px; width:30px; height:30px; line-height:30px; font-size:15px;}
	.guide_map .area_tab_main .panel .hashClose {right:15px; top:20px; width:26px; height:26px;}
	.guide_map .area_tab_main .panel .hashClose:before,
	.guide_map .area_tab_main .panel .hashClose:after {height:24px; margin-top:-12px;}
	#map4 {left:59.5%; top:24%;}  /*04캐슬광장*/
	.map_info .c_box {min-height:280px; margin:10px 1%;}
	.map_info .c_box h4 {padding:3px; padding-left:38px; margin-bottom:15px;}
	.map_info .c_box h4:before {width:30px; height:30px; line-height:30px; font-size:15px;}
	.map_info .c_box .cont li {font-size:16px;}
	.map_info .c_box .cont li:before {top:11px;}
}

@media all and (max-width:480px){
	.guide_map .map_img img {border-radius:15px;}
	.map_info {margin:20px auto 0;}
	.map_info .c_box {width:96%; min-height:auto; margin:7px 2%; padding:22px 20px; border-radius:10px;}
	.map_info .c_box .cont li {font-size:15px;}
}



/* 지난축제 발자취 */
.pagew {position:relative; max-width:1480px; width:100%; margin:0 auto; padding:0;}
.history .history_box {display:flex; justify-content:space-between;}
.history .history_l {width:700px; margin-right:40px;}
.history .history_l .history_tit {margin:20px 0 30px 25px; line-height:1.2; font-weight:500;}
.history .history_l .history_hoImg {width:100%; height:500px; border-radius:30px; margin-bottom:50px; background:url('./image/sub/255/history_img.jpg') no-repeat right center / cover;}
.history .history_r {width:40%;}
.history .history_r .history_year {font-size:33px; color:#221e1f; font-weight:bold; border-bottom:1px solid #372a29; padding-bottom:20px; margin:60px 0 40px;}
.history .history_r .year_box {position:relative; margin-top:60px;}
.history .history_r .year_box .year_wrap::after {position:absolute; left:6px; top:13px; height:100%; content:''; display:block; clear:both; background:#ddd; width:1px; z-index:-1;}
.history .history_r .year_box ul li:last-child .year_wrap::after {display:none;}
.history .history_r .year_box .year_wrap {display:flex; position:relative; padding-bottom:60px; word-break:keep-all;}
.history .history_r .year_box .year_wrap .year_num {margin-left:28px; margin-right:60px; font-size:22px; font-weight:500; color:#221e1f; line-height:1;}
.history .history_r .year_box .year_wrap .year_num::before {content:''; clear:both; display:block; position:absolute; left:0; top:4px; width:9px; height:9px; border-radius:50%; border:2px solid #ffa000; background-color:#fff;}
.history .history_r .year_box .year_wrap .year_img {position:relative;width:320px;background:#fff;border:7px #fff solid; transition:all ease .3s;}
.history .history_r .year_box .year_wrap .year_img .siteGo {display:none; transition:all ease .5s;}
.history .history_r .year_box .year_wrap .year_img:hover {transform:scale(1.05); box-shadow:0 10px 20px rgba(0, 0, 0, 0.2); transition:box-shadow .4s; border:7px #ffa000 solid;}
.history .history_r .year_box .year_wrap .year_img:hover .siteGo {display:block; position:absolute; left:50%;bottom:30px; transform:translate(-50%,0); width:100px; height:100px;background:#222; text-align:center; border-radius:50%;box-shadow:0 10px 20px rgba(0, 0, 0, 0.4);transition:box-shadow .4s;}
.history .history_r .year_box .year_wrap .year_img:hover .siteGo span {display:block; position:relative; left:50%; top:50%; transform:translate(-50%,-50%); color:#fff; font-weight:400; font-size:15px; line-height:1.4;}
.history .history_r .year_box .year_wrap .year_img img {width:100%;}

@media screen and (max-width:1200px) {
	.history .history_r .year_box .year_wrap .year_num {margin-left:25px; margin-right:20px;}
	.history .history_r .year_box .year_wrap .year_img {width:240px;}
}

@media screen and (max-width:940px) {
	.history .history_r .year_box .year_wrap .year_num {margin-left:25px; margin-right:20px; font-size:18px;}
	.history .history_r .year_box .year_wrap .year_img {width:160px;}
}

@media screen and (max-width:700px) {
	.history .history_box {display:block;}
	.history .history_l {width:100%; margin-right:0;}
	.history .history_l .history_hoImg {height:360px; border-radius:20px;}
	.history .history_r {width:100%;}
	.history .history_r .year_box {margin-left:7%;}
	.history .history_r .year_box .year_wrap .year_num {margin-left:25px; margin-right:7%;}
	.history .history_r .year_box .year_wrap .year_img {width:240px;}
}

@media screen and (max-width:480px) {
	.history .history_l .history_tit {margin:10px 0 20px 10px;}
	.history .history_l .history_hoImg {height:250px; border-radius:15px;}
	.history .history_r .history_year {padding-bottom:10px; margin:40px 0 0;}
	.history .history_r .year_box {margin-top:40px; margin-left:2%;}
	.history .history_r .year_box .year_wrap .year_img {width:200px;}
}



/* 찾아오시는길 */
.Location .addressBox {position:relative; max-width:1400px; width:96%; font-size:22px; margin:0 auto 40px; text-align:center;}
.Location .addressBox .tit {position:relative; display:inline-block; vertical-align:middle; width:590px; font-weight:400; text-align:center}
.Location .addressBox .tit img {max-width:480px; width:90%;}
.Location .addressBox .info {position:relative; display:inline-block; vertical-align:middle; width:calc(100% - 600px); text-align:left;}
.Location .addressBox .info li {position:relative; display:inline-block; vertical-align:middle; padding:20px 40px 10px;}
.Location .addressBox .info li:last-child {border-left:1px solid #ddd;}
.Location .addressBox .info li span {position:absolute; top:-7px; left:42px; font-size:18px; font-weight:400; opacity:0.5;}

.Location .mapBox {width:94%; height:550px; margin:0 auto;}

.Location .contBox {width:94%; padding-top:80px; margin:0 auto;}
.Location .contBox .txt-inner {max-width:1300px; margin:0 auto;}
.Location .contBox .txt-inner .con_tit {font-family: "SCDream"; font-size:27px; font-weight:300; color:#bbb; background:#000; text-align:left; padding:20px 0; padding-left:70px;}
.Location .contBox .txt-inner .con_tit span {color:#ffa000; font-weight:500;}
.Location .contBox .txt-inner .wrap {position:relative; width:100%; padding:30px 0; transition:all 0.2s; text-align:left; display:block;}
.Location .contBox .txt-inner .wrap:before {content:""; position:absolute; top:0; width:100%; height:1px; background:#e7e7e7;}
.Location .contBox .txt-inner .wrap .btn-tit {position:relative; width:100%;font-family: "SCDream"; font-size:24px; font-weight:400; color:#000; transition:all 0.2s; background:none; padding-left:70px; letter-spacing:-1px; text-align:left; cursor:pointer;}
.Location .contBox .txt-inner .wrap .btn-tit:before {position:absolute; content:''; right:40px; top:50%; width:8px; height:8px; margin-top:-8px; border:2px solid #222; opacity:0.3; border-width:0 2px 2px 0; transform:rotate(45deg); transition:all 0.4s;}
.Location .contBox .txt-inner .wrap .info-list {display:none; height:70px;}
.Location .contBox .txt-inner .wrap .info-list li {padding-left:70px; position:relative; font-size:18px; line-height:1.4;}
.Location .contBox .txt-inner .wrap .info-list li dl {position:relative; width:calc(100% - 120px); padding:5px 0; padding-left:80px;}
.Location .contBox .txt-inner .wrap .info-list li dl dt {position:absolute; top:3px; left:0; font-weight:300; width:70px; text-align:center; color:#fff; background:#ffa000; border-radius:14px; padding:4px 0; font-size:0.8em;}
.Location .contBox .txt-inner .wrap .info-list li dl:nth-child(1) dt {background:#4cc8d3;}
.Location .contBox .txt-inner .wrap .info-list li dl dd span {font-weight:400; color:#ffa000;}
.Location .contBox .txt-inner .wrap .info-list li dl:nth-child(1) dd span {color:#28b4c0;}
.Location .contBox .txt-inner .wrap.active {padding-bottom:30px;}
.Location .contBox .txt-inner .wrap.active .btn-tit {padding-bottom:20px;font-weight:700; font-size:1.5em;}
.Location .contBox .txt-inner .wrap.active .btn-tit:before {margin-top:-10px; transform:rotate(225deg); opacity:1;}
.Location .contBox .txt-inner .wrap.active:before {width:100%; height:2px; background:#000;}

@media screen and (max-width:1400px) {
	.Location .addressBox .tit {width:100%;}
	.Location .addressBox .info {width:100%; text-align:center; margin-top:30px;}
	.Location .addressBox .info li:first-child {padding-left:0;}
	.Location .addressBox .info li:first-child span {left:2px;}
	.Location .addressBox .info li:last-child {padding-right:0;}
}

@media screen and (max-width:1200px) {
	.Location .contBox {padding-top:40px;}
	.Location .contBox .txt-inner .con_tit {font-size:24px; padding:20px 0; padding-left:40px;}
	.Location .contBox .txt-inner .wrap .btn-tit {padding-left:40px;}
	.Location .contBox .txt-inner .wrap .info-list li {padding-left:40px;}
}

@media screen and (max-width:940px) {
	.Location .contBox {padding-top:30px;}
	.Location .contBox .txt-inner .con_tit {font-size:22px; padding:15px 0; padding-left:30px;}
	.Location .contBox .txt-inner .wrap {padding:20px 0;}
	.Location .contBox .txt-inner .wrap .btn-tit {font-size:22px; padding-left:30px;}
	.Location .contBox .txt-inner .wrap .btn-tit:before {right:30px;}
	.Location .contBox .txt-inner .wrap .info-list li {font-size:16px; padding-left:30px;}
	.Location .contBox .txt-inner .wrap.active {padding-bottom:15px;}
	.Location .contBox .txt-inner .wrap.active .btn-tit {padding-bottom:15px;}
}

@media screen and (max-width:700px) {
	.Location .addressBox .info li {padding:20px 30px 10px;}
	.Location .addressBox .info li:last-child span {left:32px;}
}

@media screen and (max-width:480px) {
	.Location .addressBox {margin:0 auto 20px;}
	.Location .addressBox .info {text-align:left; margin-top:10px; margin-left:2%;}
	.Location .addressBox .info li {position:relative; display:inline-block; vertical-align:middle;}
	.Location .addressBox .info li:first-child {width:100%; border-left:1px solid #ddd; padding:28px 10px 10px;}
	.Location .addressBox .info li:last-child {width:100%; padding:30px 10px 10px;}
	.Location .addressBox .info li:first-child span,
	.Location .addressBox .info li:last-child span {font-size:15px; top:8px; left:12px;}

	.Location .mapBox {width:94%; height:350px;}
	
	.Location .contBox {padding-top:20px;}
	.Location .contBox .txt-inner .con_tit {font-size:20px; padding-left:15px;}
	.Location .contBox .txt-inner .wrap {padding:15px 0;}
	.Location .contBox .txt-inner .wrap .btn-tit {font-size:20px; padding-left:15px;}
	.Location .contBox .txt-inner .wrap .btn-tit:before {right:20px;}
	.Location .contBox .txt-inner .wrap .info-list li {font-size:16px; padding-left:15px;}
	.Location .contBox .txt-inner .wrap.active .btn-tit span {font-size:1.1em;}
	.Location .contBox .txt-inner .wrap.active {padding-bottom:10px;}
	.Location .contBox .txt-inner .wrap.active .btn-tit {padding-bottom:10px;}
}




/* 행사일정 */
.schedule_wrap .tab_menu{text-align:center;}
.schedule_wrap .tab_menu ul {max-width:1100px; width:94%; margin:0 auto; font-size:0;}
.schedule_wrap .tab_menu ul li{display:inline-block; width:25%;}
.schedule_wrap .tab_menu ul li a{display:inline-block; width:100%; padding:15px 10px; box-sizing:border-box; border:1px #ddd solid; border-bottom:0; border-radius:20px 20px 0 0;text-align:center; vertical-align:middle; color:#20273a; font-size:20px;}
.schedule_wrap .tab_menu ul li.on a, .tab_menu ul li.active a, .tab_menu ul li a:hover{border-color:transparent; background-color:#8dc325; color:#fff;}

.schedule_wrap .tabcontent{width:100%; border:10px solid #ddd; box-sizing:border-box;}
.schedule_wrap .tabcontent .tabbox{display:none;}
.schedule_wrap .tabcontent .tabbox.tabbox_0{display:block;} 
.schedule_wrap .tabcontent .tabbox .day {text-align:center; margin-top:50px; letter-spacing:-1px; color:#555;}
.schedule_wrap .tabcontent .tabbox .day span {color:#ffa000;}
.schedule_wrap .tabcontent .tble_wrap {padding:80px; padding-top:30px; font-size:0;}
.schedule_wrap .tabcontent .tabbox .time_table {position:relative; width:100%; letter-spacing:0px; line-height:1.2; text-align:center;background:#fff; font-size:16px;}
.schedule_wrap .tabcontent .tabbox .time_table caption	{display:none;}
.schedule_wrap .tabcontent .tabbox .time_table thead th {font-weight: normal; padding:15px 0; border-bottom: #fff solid 1px; background:#8dc325; color:#fff;}
.schedule_wrap .tabcontent .tabbox .time_table tbody th {font-weight: 300; border-bottom:1px solid #ddd; padding:4px 0; color:#888; height:42px;}
.schedule_wrap .tabcontent .tabbox .time_table tbody td {border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:4px 0; color:#333; font-weight:300;}
.schedule_wrap .tabcontent .tabbox .time_table .bg1{background:#bdf2ff;}
.schedule_wrap .tabcontent .tabbox .time_table .bg2{background:#ecebeb;}
.schedule_wrap .tabcontent .tabbox .time_table .bg3{background:#ffebd6;}
.schedule_wrap .tabcontent .tabbox .time_table .bg4{background:#f5e8f5;}
.schedule_wrap .tabcontent .tabbox .time_table .bg5{background:#ffffd6;}
.schedule_wrap .tabcontent .tabbox .time_table .bg6{background:#ffd6eb;}
.schedule_wrap .tabcontent .tabbox .time_table .bg7{background:#ffd6eb;}
.schedule_wrap .tabcontent .tabbox .time_table .bg8{background:#fffaeb;}
.schedule_wrap .tabcontent .tabbox .time_table .bg9{background:#ffebeb;}
.schedule_wrap .tabcontent .tabbox .time_table .bg10{background:#e1e8f5;}
.schedule_wrap .tabcontent .tabbox .time_table .bg11{background:#ffd6d6;}
.schedule_wrap .tabcontent .tabbox .time_table .bg12{background:#99ebc2;}
.schedule_wrap .tabcontent .tabbox .time_table .bg13{background:#ffff99;}
.schedule_wrap .tabcontent .tabbox .time_table .bg14{background:#ebd699;}
.schedule_wrap .tabcontent .tabbox .time_table .bg15{background:#d6ebff;}
.schedule_wrap .tabcontent .tabbox .time_table .bg16{background:#c2c2ff;}
.schedule_wrap .tabcontent .tabbox .time_table .bg17{background:#c6f9fb;}
.schedule_wrap .tabcontent .tabbox .time_table .bg18{background:#c2ffd6;}
.schedule_wrap .tabcontent .tabbox .time_table .bg19{background:#ffd699;}
.schedule_wrap .tabcontent .tabbox .time_table .bg20{background:#d6ffd6;}
.schedule_wrap .tabcontent .tabbox .time_table .bg21{background:#d6d6ff;}
.schedule_wrap .tabcontent .tabbox .time_table .bg22{background:#ebffeb;}
.schedule_wrap .tabcontent .tabbox .time_table .bg23{background:#ebf7ff;}
.schedule_wrap .tabcontent .tabbox .time_table .bg24{background:#ebffad;}
.schedule_wrap .tabcontent .tabbox .time_table .bg25{background:#ffc2f7;}
.schedule_wrap .tabcontent .tabbox .time_table .bg26{background:#99ffff;}
.schedule_wrap .tabcontent .tabbox .time_table .bg27{background:#ffeb99;}
.schedule_wrap .tabcontent .tabbox .time_table .bg28{background:#ebebff;}
.schedule_wrap .tabcontent .tabbox .time_table .bg29{background:#ebffeb;}
.schedule_wrap .tabcontent .tabbox .time_table .bg30{background:#adebff;}
.schedule_wrap .tabcontent .tabbox .time_table .bg31{background:#d6ebff;}
.schedule_wrap .tabcontent .tabbox .time_table .bg32{background:#c2ffad;}
.schedule_wrap .tabcontent .tabbox .time_table .bg33{background:#99ffeb;}
.schedule_wrap .tabcontent .tabbox .time_table .bg34{background:#d6dce4;}
.schedule_wrap .tabcontent .tabbox .time_table .bg35{background:#e5e57f;}
.schedule_wrap .tabcontent .tabbox .time_table .bg36{background:#ffccb2;}
.schedule_wrap .tabcontent .tabbox .time_table .bg37{background:#b2b2ff;}

.scheduleBox {margin-top:40px;}
.scheduleBox .titBox {background:#f4f4f4; text-align:center; padding:40px 30px 10px; font-weight:500;}
.scheduleBox .titBox span {display:block; font-weight:400; font-size:0.9em; color:#777; margin-top:5px;}
.scheduleBox .cont {border:10px solid #f4f4f4; font-size:0; padding:10px 10px 0;}
.scheduleBox dl {display:inline-block; vertical-align:top; margin-right:10px; margin-bottom:10px; text-align:center; width:calc((100% - 10px) / 2); overflow-x:auto;}
.scheduleBox dl:last-child {margin-right:0;}
.scheduleBox dl dt {background:#f8b72b; color:#fff; font-weight:500; padding:15px 0;}
.scheduleBox dl dd {padding:0; border:1px solid #ddd; color:#888; border-bottom:0;}
.scheduleBox dl dd li {position:relative; font-weight:400; padding:10px 0; line-height:1.4; border-bottom:1px solid #ddd;}
.scheduleBox dl dd li span {color:#222;}
.pro_table {position:relative; width:100%; letter-spacing:0px; line-height:1.4; text-align:center; background:#fff; }
.pro_table caption	{display:none;}
.pro_table tbody th {font-weight: 400; border-bottom:1px solid #ddd; padding:10px 5px; color:#444; height:50px;}
.pro_table tbody td {border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:10px 5px; color:#888; font-weight:400;}




.bus {margin-top:0px;}
.bus .titBox {background:#f4f4f4; text-align:center; padding:40px 30px 30px; font-weight:500;}
.bus .titBox span {display:block; font-weight:400; font-size:0.9em; color:#777; margin-top:5px;}
.bus .cont {border:10px solid #f4f4f4; font-size:0; padding:10px 10px 0;}
.bus dl {display:inline-block; vertical-align:top; margin-right:10px; margin-bottom:70px; text-align:center; width: 100%;}
.bus dl:last-child {margin-right:0;}
.bus dl dt {background:#f8b72b; color:#fff; font-weight:500; padding:15px 0;}
.bus dl p { color:red; font-weight:400; font-size:0.9em;}
.bus dl dd {padding:0; border:1px solid #ddd; color:#888; border-bottom:0;}
.bus dl dd li {position:relative; font-weight:400; padding:10px 0; line-height:1.4; border-bottom:1px solid #ddd;}
.bus dl dd li span {color:#222;}

#submenu_tab {width:330px; margin:10px auto 50px; color:#999;padding:0;text-align:center; vertical-align:middle;}
#submenu_tab a {display:inline-block; width:150px; height:25px; line-height:25px; font-size:15px; color:#777; margin:0 3px; background:#ddd; padding:7px 0; font-weight:400; border-radius:10px;}
#submenu_tab a.on{color:#fff; background:#5baf00}


.stamp_tour dl {width:calc((100% - 20px) / 3);}

@media screen and (max-width:1200px) {
	.schedule_wrap .tabcontent{}
	.schedule_wrap .tabcontent .tble_wrap {padding:50px; padding-top:20px;}
	
	.scheduleBox {margin-top:30px;}
	.imsil {margin-top:60px;}
	.stamp_tour dl {width:calc((100% - 10px) / 2);}
	.stamp_tour dl:nth-child(2n+2) {margin-right:0;}
}

@media screen and (max-width:940px) {
	.schedule_wrap .tab_menu ul li a{font-size:16px;}
	.schedule_wrap .tabcontent .tabbox .day {margin-top:30px;}
	.schedule_wrap .tabcontent .tble_wrap {padding:30px; padding-top:20px; overflow-x:scroll;}
	.schedule_wrap .tabcontent .tabbox .time_table {font-size:15px;}
	.schedule_wrap .tabcontent .tabbox .time_table tbody th {padding:3px 5px; height:36px;}
	.schedule_wrap .tabcontent .tabbox .time_table tbody td {padding:3px 5px;}

	.scheduleBox .titBox {padding:30px 20px 10px;}
	.scheduleBox dl,
	.stamp_tour dl {width:100%;}
	.scheduleBox dl dt {padding:12px 0;}
	.scheduleBox dl dd li {padding:7px 0;}
	.pro_table tbody th {padding:7px 5px; height:auto;}
	.pro_table tbody td {padding:7px 5px;}

   .bus .titBox {padding:30px 20px 20px;}
	.bus dl,
	.bus dl {width:100%;}
	.bus dl dt {padding:12px 0;}
	.bus dl dd li {padding:7px 0;}
}

@media screen and (max-width:700px) {
	.schedule_wrap .tabcontent{border:7px solid #ddd;}
	.schedule_wrap .tab_menu ul li a{font-size:15px; padding:10px 10px; border-radius:10px 10px 0 0;}
	.schedule_wrap .tabcontent{}
	.schedule_wrap .tabcontent .tble_wrap {padding:20px;}

	.scheduleBox .cont {border:7px solid #f4f4f4;}
	.scheduleBox dl dt {padding:10px 0;}

	.bus  { overflow-x:auto;-ms-overflow-style:0;}
}

@media screen and (max-width:480px) {
	.schedule_wrap .tabcontent .tabbox .day {margin-top:20px;}
	.schedule_wrap .tabcontent .tble_wrap {padding-top:10px;}
	.scheduleBox .titBox {padding:25px 10px 10px;}
	.scheduleBox dl dt {padding:8px 0;}
	.scheduleBox dl dd li {padding:6px 0;}
     
 	.bus  { overflow-x:auto;-ms-overflow-style:0;}
	.bus .titBox {padding:25px 10px 20px;}
	.bus dl { overflow-x:auto;-ms-overflow-style:0;}
	.bus dl dt {padding:8px 0;  overflow-x:auto;-ms-overflow-style:0;}
	.bus dl dd li {padding:6px 0; }

}




/* 주요프로그램 */
.program_wrap .pTxt{font-weight:500; text-align:center; color:#f25500; margin-bottom:30px;}
.program_wrap .program_themaBox {font-size:0;}
.program_wrap .program_themaBox li {display:inline-block; vertical-align:top; width:calc((100% - 45px) / 4); margin-right:15px; padding:0;}
.program_wrap .program_themaBox li:nth-child(4n+4){margin-right:0;}
.program_wrap .program_themaBox .cont {position:relative; width:100%; padding:15px; border:1px solid #e7e7e7; border-radius:20px; box-sizing:border-box; margin-bottom:15px; text-align:center;}
.program_wrap .program_themaBox .cont .tit {position:relative; line-height:54px; color:#fff; font-size:22px; font-weight:400; letter-spacing:-1px; border-radius:8px; margin-bottom:10px;}
.program_wrap .program_themaBox .cont ul {text-align:left;}
.program_wrap .program_themaBox .cont ul li {width:100%; position:relative; font-size:16px; color:#888; padding:4px 0; padding-left:14px; font-weight:400;}
.program_wrap .program_themaBox .cont ul li:before {position:absolute; content:''; width:4px; height:4px; background:#999; border-radius:50%; top:12px; left:4px;}
.program_wrap .program_themaBox .cont ul li .orT {font-size:17px; color:#f96e12; font-weight:500;}
.program_wrap .program_themaBox .cont ul li p {font-size:15px; margin-top:3px;}
.program_wrap .program_themaBox .cont .total {width:100%; margin-top:15px; background:#eee; border-radius:8px; line-height:40px; font-size:17px; color:#555; letter-spacing:-0.5px; font-weight:400;}
.program_wrap .bgBox1{background:#ffcc00;}
.program_wrap .bgBox2{background:#339ee8;}
.program_wrap .bgBox3{background:#404040;}
.program_wrap .bgBox4{background:#ffa000;}
.program_wrap .bgBox5{background:#465a78;}
.program_wrap .bgBox6{background:#28c9a2;}
.program_wrap .bgBox7{background:#39b572;}
.program_wrap .bgBox8{background:#20b6d4;}
.program_wrap .bgBox9{background:#ec6987;}
.program_wrap .bgBox10{background:#9477ee;}

@media screen and (max-width:1200px) {
	.program_wrap .program_themaBox .cont .tit {line-height:50px; font-size:20px;}
}
@media screen and (max-width:940px) {
	.program_wrap .program_themaBox li {width:calc((100% - 15px) / 2);}
	.program_wrap .program_themaBox li:nth-child(2n+2){margin-right:0;}
	.program_wrap .program_themaBox .cont {padding:10px; margin-bottom:10px; border-radius:15px;}
}

@media screen and (max-width:480px) {
	.program_wrap .program_themaBox li {width:100%; margin-right:0;}
	.program_wrap .program_themaBox .cont .tit {line-height:46px; font-size:18px;}
	.program_wrap .program_themaBox .cont .total {margin-top:10px; border-radius:5px; line-height:36px; font-size:16px;}
}


/* 프로그램 안내 */
.programInfo {}
.programInfo li {display:inline-block; vertical-align:top;  border-radius:15px;}
.programInfo .contWrap {font-size:0;}
.programInfo .contBox {display:inline-block; vertical-align:top; width:calc((100% - 60px) / 3); padding:7px; border:1px solid #e7e7e7; border-radius:20px; box-sizing:border-box; margin-right:30px; background:#fff;  margin-bottom:30px;box-shadow:0 5px 15px rgba(0, 0, 0, 0.1); font-size:17px;}
.programInfo .contBox:nth-child(3n+3) {margin-right:0;}

.programInfo .contBox .btn {position:relative; top:-80px; right:-30px;}
.programInfo.contBox .btn{ top:10px;}


.programInfo .sTit {position:relative; border-radius:15px 15px 0 0; padding:17px 0; text-align:center; color:#fff; line-height:1.6; font-size:17px;}
.programInfo .sTit span {font-size:23px;letter-spacing:-1px; font-weight:500;}
.programInfo .cont {padding:20px;}
.programInfo .cont .bTxt {font-weight:500; margin:10px 0; font-size:20px; line-height:1.2;}
.programInfo .cont .color1 {color:#ff8a00;}
.programInfo .cont .color2 {color:#3074b7;}
.programInfo .cont .color3 {color:#099;}
.programInfo .cont .color4 {color:#159c7b;}
.programInfo .cont p {margin-bottom:5px; color:#777; line-height:1.5; font-weight:400;}
.programInfo .cont span {text-decoration:underline; font-weight:500; color:#222;}



.programInfo .Img {padding:15px; padding-top:0;}
.programInfo .Img img {width:100%;border-radius:10px;}

.programInfo .bg1 {background:#ffcc00;}
.programInfo .bg2 {background:#339ee8;}
.programInfo .bg3 {background:#404040;}
.programInfo .bg4 {background:#ffa000;}
.programInfo .bg5 {background:#465a78;}
.programInfo .bg6 {background:#28c9a2;}
.programInfo .bg7 {background:#39b572;}
.programInfo .bg8 {background:#20b6d4;}
.programInfo .bg9 {background:#ec6987;}
.programInfo .bg10 {background:#9477ee;}

.programInfo .contTbl {position:relative; padding:50px; border:1px solid #e7e7e7; border-radius:20px; box-sizing:border-box; box-shadow:0 5px 15px rgba(0, 0, 0, 0.1);}
.programInfo .contTbl dl {position:relative; overflow:hidden;}
.programInfo .contTbl dl dt {position:absolute; top:1px; left:0; color:#fff; width:400px; padding:18px 0; text-align:center; border-bottom:1px #fff solid; font-size:1.1em;}
.programInfo .contTbl dl dd {margin-left:400px; padding-left:50px; line-height:59px; border-bottom:1px #ddd solid; background:#fff;}
.programInfo .contTbl dl:first-child dd {border-top:1px #ddd solid;}

@media screen and (max-width:1200px) {
	.programInfo .contBox {width:calc((100% - 40px) / 3); margin-right:20px; margin-bottom:20px;}
}
@media screen and (max-width:940px) {
	.programInfo .contBox {width:calc((100% - 20px) / 2);}
	.programInfo .contBox:nth-child(3n+3) {margin-right:20px;}
	.programInfo .contBox:nth-child(2n+2) {margin-right:0;}
}

@media screen and (max-width:480px) {
	.programInfo .contBox {width:100%; margin-right:0; margin-bottom:10px;}
}





/* 임실N치즈 이야기 */
.imsil_story {}
.imsil_story .Img {text-align:center;}
.imsil_story .Img img {max-width:1600px; width:94%;}
.imsil_story .sTit {font-size:40px; color:#555; font-weight:500; letter-spacing:-3px; line-height:1.2; color:#3c9222; margin-bottom:15px;}
.imsil_story .sTit span{font-size:17px; display:block; width:130px;  text-align:center; background:#3c9222; font-weight:300; color:#fff; letter-spacing:-0.5px; border-radius:20px; padding:5px 20px; height:25px; line-height:25px; margin-bottom:10px;}
.imsil_story p {font-size:18px; line-height:1.4; margin:10px 0;}

.imsil_story .s01 {position:relative; padding:150px 80px 150px;}
.imsil_story .s01:before {position:absolute; z-index:1; content:''; width:290px; height:255px; top:50%; right:10%; transform:translate(0,-50%); background:url('./image/sub/259/cheese_1.jpg') no-repeat center / cover;}
.imsil_story .s01 .cont {position:relative; z-index:2; width:60%;}

.imsil_story .s02 {background:#f4f8f9; padding:120px 0; text-align:right;}
.imsil_story .s02 .inner:before {position:absolute; content:''; top:-250px; left:-60px; width:550px; height:650px; background:url('./image/sub/259/cheese_2.png') no-repeat center / cover;}
.imsil_story .s02 .cont {width:720px; border:5px #fff solid; display:inline-block; padding:50px; text-align:left; line-height:1.4;box-sizing:border-box;}

.imsil_story .s03 {background:#f4f8f9 url('./image/sub/259/cheese_3.jpg') no-repeat center bottom; padding:150px 0; line-height:1.4; color:#fff;}
.imsil_story .s03 .cont {width:70%;}
.imsil_story .s03 .sTit {color:#fff;}

.imsil_story .s04 {position:relative; padding:100px 2%;}
.imsil_story .s04:before {position:absolute; content:''; z-index:1; width:580px; height:310px; top:50%; left:24%; transform:translate(-50%,-50%); background:url('./image/sub/259/cheese_4.jpg') no-repeat center / cover;}
.imsil_story .s04 .cont {position:relative; z-index:2; display:inline-block; width:47%; padding:50px; margin-left:50%; text-align:left;}

@media screen and (max-width:1400px) {
}

@media screen and (max-width:1200px) {
	.imsil_story p br {display:none;}

	.imsil_story .s01 {padding:120px 5% 120px;}
	.imsil_story .s01:before {right:7%;}

	.imsil_story .s02 {padding:120px 0 100px;}
	.imsil_story .s02 .inner:before {top:-170px; width:480px; height:567px;}
	.imsil_story .s02 .cont {width:60%; padding:40px 40px 30px;}

	.imsil_story .s04 {padding:70px 2%;}
	.imsil_story .s04:before {width:470px; height:250px;}
	.imsil_story .s04 .cont {padding:40px 40px 30px;}
}

@media screen and (max-width:940px) {
	.imsil_story .s01 {padding:100px 2%;}
	.imsil_story .s01:before {right:2%;}

	.imsil_story .s02 {padding:100px 0 80px;}
	.imsil_story .s02 .inner:before {top:-150px; left:-120px; width:480px; height:567px;}
	
	.imsil_story .s03 {padding:120px 2%; background-size:auto 450px;}
	.imsil_story .s03 .cont {width:90%;}
	
	.imsil_story .s04 {padding:50px 2%;}
	.imsil_story .s04:before {width:400px; height:212px;}
	.imsil_story .s04 .cont {padding:30px 30px 20px;}
}

@media screen and (max-width:700px) {
	.imsil_story .sTit {font-size:32px;}
	.imsil_story .sTit span{font-size:15px; width:120px; padding:3px 15px; height:23px; line-height:23px; margin-bottom:5px;}
	.imsil_story p {font-size:16px; margin:5px 0;}
	
	.imsil_story .s01 {padding:80px 2%;}
	.imsil_story .s01 .cont {width:55%;}

	.imsil_story .s02 {padding:80px 0 60px;}
	.imsil_story .s02 .inner:before {top:-120px; left:-120px; width:420px; height:496px;}
	.imsil_story .s02 .cont {width:58%; padding:30px 30px 20px;}

	.imsil_story .s03 {padding:100px 2%; background-size:auto 380px;}
	
	.imsil_story .s04:before {width:350px; height:186px;}
}

@media screen and (max-width:480px) {
	.imsil_story .sTit {font-size:27px;}

	.imsil_story .s01 {padding:50px 2% 280px;}
	.imsil_story .s01:before {top:auto; bottom:30px; left:50%; right:auto; transform:translate(-50%,0);}
	.imsil_story .s01 .cont {width:100%;}

	.imsil_story .s02 {padding:40px 2% 300px;}
	.imsil_story .s02 .inner:before {top:auto; bottom:-380px; left:0px; width:340px; height:400px;}
	.imsil_story .s02 .cont {width:100%; padding:20px 20px 15px;}

	.imsil_story .s03 {padding:100px 2%; background-size:auto 400px;}
	.imsil_story .s03 .cont {width:100%;}

	.imsil_story .s04 {padding:50px 2% 180px;}
	.imsil_story .s04:before {top:auto; bottom:0; left:50%; transform:translate(-50%,0); width:320px; height:170px;}
	.imsil_story .s04 .cont {margin-left:0; width:96%; padding:0 2%;}
}