#about .sec01 {position:relative; width:100%; height:100%; font-size:0;}
#about .sec01 .txtBox {display:inline-block; vertical-align:middle; width:100%; text-align:center; font-family: 'TheJamsil'; padding-bottom: 115px;}
#about .sec01 .txtBox h2 {max-width:700px; margin: 0 auto; margin-bottom: 127px;} 
#about .sec01 .txtBox h2 img {width:100%;} 
#about .sec01 .txtBox .bTxt {font-weight:300; margin:30px 0; font-size:30px;}
#about .sec01 .txtBox .sTxt {line-height:1.5; font-family: 'Pretendard';}
#about .sec01 .txtBox .pointTxt {color: #ffbc00; position: relative; font-weight:500;}
#about .sec01 .txtBox .pointTxt::after {display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 10px; background:rgba(255,242,189,0.79); z-index: -1;}

#about .sec01 .imgBox {display:flex; border-radius:40px; overflow:hidden; justify-content: center;}
#about .sec01 .imgBox .img_01 {width:800px; height:600px; background:url('./image/sub/400/about_sec01_1.jpg') no-repeat center / cover; overflow:hidden;}
#about .sec01 .imgBox .img_02 {width: 800px; height:600px; background:url('./image/sub/400/about_sec01_2.jpg') no-repeat center / cover; overflow:hidden;}


#about .sec_02 {width: 100%; padding: 170px 0;}
#about .sec_02 .sec02_box {display: flex; justify-content: space-between;}
#about .sec_02 .sec02_box .sec02_title h1 {font-size: 40px; font-family: 'TheJamsil'; position: relative;}
#about .sec_02 .sec02_box .sec02_title h1 span {color: #ffbc00;}
#about .sec_02 .sec02_box .sec02_title h1::after {display: block; content: ''; position: absolute; width: 305px; height: 152px; background: url('./image/sub/400/about_sec02_ch.jpg') no-repeat center / cover; margin-top: 115px; top: 50%; left: 0;}
/*#about .sec_02 .sec02_box .sec02_title .cheese_Img {width: 400px; height: 300px; background: url('./image/sub/400/about_sec02_ch.jpg') no-repeat center / cover; margin-top: 115px;}*/
#about .sec_02 .sec02_box .sec02_info ul {display: flex; justify-content: space-between;}
#about .sec_02 .sec02_box .sec02_info ul li {width: 350px; height: 100%; padding: 40px 30px; text-align: center; margin: 0 15px; box-shadow: 5px 5px 5px #eee;}
#about .sec_02 .sec02_box .sec02_info ul li h3 {font-size: 25px; font-weight: bold;}
#about .sec_02 .sec02_box .sec02_info ul li p {font-size: 18px; margin-top: 15px;}

#about .sec_02 .sec02_box .sec02_info ul li > span {margin-bottom: 30px;}
#about .sec_02 .sec02_box .sec02_info .sec02Img_1 {display: block; width: 100%; height: 300px; background: url('./image/sub/400/about_sec02_1.jpg') no-repeat center / cover; }
#about .sec_02 .sec02_box .sec02_info .sec02Img_2 {display: block; width: 300px; height: 300px; background: url('./image/sub/400/about_sec02_2.jpg') no-repeat center / cover; }
#about .sec_02 .sec02_box .sec02_info .sec02Img_3 {display: block; width: 300px; height: 300px; background: url('./image/sub/400/about_sec02_3.jpg') no-repeat center / cover; }



/*
#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:#e5e7ed; border-radius: 0 100px 0 0;}
#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:#007eff; 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:#ff8100; 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;}
    #about .sec_02 .sec02_box .sec02_title h1 {font-size: 40px;}
}

@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;}
    #about .sec_02 .sec02_box .sec02_title h1 {font-size: 40px;}
    #about .sec_02 .sec02_box .sec02_info ul li {width: 317px; height: 450px;}
    #about .sec_02 .sec02_box .sec02_info .sec02Img_1,
    #about .sec_02 .sec02_box .sec02_info .sec02Img_2,
    #about .sec_02 .sec02_box .sec02_info .sec02Img_3 {width: 100%; height: 248px;}
}
@media screen and (max-width:1500px) {
    #about .sec_02 .sec02_box .sec02_title h1::after {width: 310px; height: 225px;}
}

@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:#e5e7ed;}
	#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:1300px) {
    #about .sec_02 .sec02_box .sec02_title h1 {text-align: center;}
    #about .sec_02 .sec02_box .sec02_title h1::after {margin-top: 0; top: 0; left: 65vw;}
    #about .sec_02 .sec02_box {display: block;}
    #about .sec_02 .sec02_info {margin-top: 100px;}

}
@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:50px 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:940px) {
    
}
@media screen and (max-width:700px) {
    #about .sec01 .txtBox .bTxt {font-size: 24px;}
	#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 .sec_02 .sec02_box .sec02_title h1 {font-size: 30px;}
    #about .sec_02 .sec02_info {margin-top: 115px;}
    #about .sec_02 .sec02_box .sec02_title h1::after {top: -70px; left: 346px; z-index: -1; height: 200px; width: 260px;}
    #about .sec_02 .sec02_box .sec02_info ul {display: block;}
    #about .sec_02 .sec02_box .sec02_info ul li {width: 100%; box-shadow: 0 5px 10px #aaa; margin: 0 0 20px 0; height: 397px;}
    #about .sec_02 .sec02_box .sec02_info .sec02Img_1, #about .sec_02 .sec02_box .sec02_info .sec02Img_2, #about .sec_02 .sec02_box .sec02_info .sec02Img_3 {height: 210px;}
	#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:#e5e7ed;}
	#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;}
    #about .sec01 .imgBox .img_01, #about .sec01 .imgBox .img_02 {height: 100%;}
    #about .sec_02 .sec02_box .sec02_info ul li h3 {font-size: 20px;}
    #about .sec_02 .sec02_box .sec02_info ul li p {font-size: 17px; margin-top: 12px;}
}

@media screen and (max-width:500px) {
    #about .sec_02 {padding: 140px 0;}
    #about .sec_02 .sec02_box .sec02_title h1::after {top: 80%; left: 193px; z-index: -1; height: 200px; width: 260px; top: 100%; transform: translateX(-40%);}
    #about .sec_02 .sec02_info {margin-top: 215px;} 
    #about .sec_02 .sec02_box .sec02_info ul li {width: 90%; margin: 20px auto; padding: 25px; height: 295px;}
    #about .sec_02 .sec02_box .sec02_info .sec02Img_1, #about .sec_02 .sec02_box .sec02_info .sec02Img_2, #about .sec_02 .sec02_box .sec02_info .sec02Img_3 {height: 165px; margin-bottom: 20px;}

}


@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;}
}

/*발자취 역사*/

.born .inner .born-tit {font-family: 'TheJamsil' !important; text-align: center; font-size: 45px;  margin:20px 0 60px; line-height:1.2; font-weight:500;}

/* 인사말 */
.greeting .slogan {padding:150px 0 520px; 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:#3976e7; font-family:'TheJamsil';}
.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:500px; background:#ddd url('./image/sub/400/greeting_fix.jpg') no-repeat center center / cover; background-attachment:fixed;}
.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:10px;}
 
@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;}
    .greeting .contBox .visual_bg {background-attachment: inherit;}
}

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

@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:67.2%; top:52%;}  /*01키즈광장*/
.guide_map .area_tab_main button:nth-of-type(2) {left:66%; top:74%;}  /*02분수광장*/
.guide_map .area_tab_main button:nth-of-type(3) {left:46%; top:75%;}  /*03체험광장*/
.guide_map .area_tab_main button:nth-of-type(4) {left:51%; top:50%;}  /*04캐슬광장*/
.guide_map .area_tab_main button:nth-of-type(5) {left:31%; top:58%;}  /*05치즈광장*/
.guide_map .area_tab_main button:nth-of-type(6) {left:44%; top:25%;}  /*06공연광장*/
.guide_map .area_tab_main button:nth-of-type(7) {left:59%; top:39%;}  /*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:28%;}  /*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:"TheJamsil"; 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:#c10000;}
#map2 .tit:before {content:'2'; background:#02b0ed;}
#map3 .tit:before {content:'3'; background:#8456a7;}
#map4 .tit:before {content:'4'; background:#06db8d;}
#map5 .tit:before {content:'5'; background:#f82477;}
#map6 .tit:before {content:'6'; background:#00245f;}
#map7 .tit:before {content:'7'; background:#f6c200;}
#map8 .tit:before {content:'8'; background:#fa7103;}
#map9 .tit:before {content:'9'; background:#046561;}
.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:75.2%; top:40.1%;}  /*01키즈광장*/
#map2 {left:72%; top:70%;}  /*02분수광장*/
#map3 {left:51%; top:75%;}  /*03체험광장*/
#map4 {left:54.4%; top:53%;}  /*04캐슬광장*/
#map5 {left:36%; top:55%;}  /*05치즈광장*/
#map6 {left:27%; top:12%;}  /*06공연광장*/
#map7 {left:70%; top:33%;}  /*07치즈광장*/
#map8 {left:80.9%; top:82%;}  /*08먹거리광장*/
#map9{left:8%; top:26%;}  /*09치즈마을*/


.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; border: 3px solid #e7e7e7; background:#fff; z-index:11; 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:"TheJamsil" !important;}
.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:#c10000;}
.map_info .c_box:nth-child(2) h4:before {background:#02b0ed;}
.map_info .c_box:nth-child(3) h4:before {background:#8456a7;}
.map_info .c_box:nth-child(4) h4:before {background:#06db8d;}
.map_info .c_box:nth-child(5) h4:before {background:#f82477;}
.map_info .c_box:nth-child(6) h4:before {background:#00245f;}
.map_info .c_box:nth-child(7) h4:before {background:#f6c200;}
.map_info .c_box:nth-child(8) h4:before {background:#fa7103;}
.map_info .c_box:nth-child(9) h4:before {background:#046561;}
.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 {}
.history .history_l .history_tit {font-family: 'TheJamsil'; text-align: center; font-size: 45px;  margin:20px 0 60px; line-height:1.2; font-weight:500;}
.history .history_l .history_hoImg {width:100%; height:330px; border-radius:30px; margin-bottom:50px; background:url('./image/sub/400/history_img_2.jpg') no-repeat right center / cover;}
.history .history_r {width:100%;}
.history .history_r .history_year {font-size:33px; color:#221e1f; font-weight:bold; border-bottom:1px solid #372a29; padding-bottom:20px; margin:100px 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_l .history_tit .pointTxt {color: #0e82c7; position: relative;}
.history .history_l .history_tit .pointTxt::after {display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 10px; background:rgb(202 233 255 / 79%); z-index: -1;}


.swiper-wrapper {margin-bottom: 60px;}
.swiper-pagination-bullet-active {background: #ffa400!important;}

.history .history_r .swiper .year_wrap .year_num {font-weight:500; color:#221e1f; line-height:1; font-size: 20px; font-weight: bold; width: 100%; padding: 8px; text-align: center; background: #e5f0ff; margin-bottom: 20px; border-radius: 10px;}
/*.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 .swiper .year_wrap .year_img {border-radius: 10px;}
.history .history_r .swiper .year_wrap .year_img img {width: 100%; border-radius: 10px; overflow: hidden; position: relative;}
/*.history .history_r .year_box .year_wrap .year_img {position:relative;width:320px;background:#fff;border:7px #fff solid; transition:all ease .3s; width: 400px; height: 100%;}*/
.history .history_r .swiper .year_wrap .year_img .siteGo {display:none; position:absolute; left:50%;bottom:50px; transform:translate(-50%,0); width:100px; height:100px;background:#fffffff0; text-align:center; border-radius:10px;box-shadow:0 10px 20px rgba(0, 0, 0, 0.4);}
.history .history_r .swiper .year_wrap .year_img:hover {box-shadow:0 10px 20px rgba(0, 0, 0, 0.2);}
.history .history_r .swiper .year_wrap .year_img:hover .siteGo {display:block;}
.history .history_r .swiper .year_wrap .year_img:hover .siteGo span {display:block; position:relative; left:50%; top:50%; transform:translate(-50%,-50%); color:#1d1d1d; font-weight:400; font-size:15px; line-height:1.4; font-weight: 500;}

@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;}
    .history .history_r .swiper .year_wrap .year_num {font-size: 20px;}
}

@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;}
    
    .history .history_l .history_tit {font-size: 30px;}
}

@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:280px; border-radius:20px;}
	.history .history_r {width:100%;}
	.history .history_r .year_box {margin-left:7%;}
    
    .history .history_l .history_hoImg {height: 180px;}
    .history .history_r .history_year {margin: 80px 0 40px;}
	.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;}
    .history .history_r .swiper .year_wrap .year_num {width: 120%; font-size: 17px;}
    .history .history_r .swiper .year_wrap .year_img img {width: 120%;}
}

@media screen and (max-width:500px) {
    .history .history_r .swiper .year_wrap .year_img .siteGo {display:block; position:absolute; left:50px;bottom:30px; transform:translate(-50%,0); width:70px; height:70px;background:#fffffff0; text-align:center; border-radius:10px;box-shadow:0 10px 20px rgba(0, 0, 0, 0.4); transition: none;}
    .history .history_r .swiper .year_wrap .year_img:hover .sitego{transition: none;}
.history .history_r .swiper .year_wrap .year_img .siteGo span {display:block; position:relative; left:50%; top:50%; transform:translate(-50%,-50%); color:#1d1d1d; font-weight:400; font-size:15px; line-height:1.4;}
}

@media screen and (max-width:480px ) {
    .history .history_r .swiper .year_wrap .year_img .siteGo {display: block; width: 60px; height: 60px; left: 50%; transform: translateX(-40%);}
	.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 30px;}
	.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; font-weight: 400;}
.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: "TheJamsil"; font-size:30px; font-weight:300; color:#bbb; 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: "TheJamsil"; font-size:24px; font-weight:300; 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:100%;}
.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:500; 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; font-family: 'TheJamsil';}
.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: #53a773; 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; font-family: 'TheJamsil';}
.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:#9d8b71; 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:30px 10px; font-weight:700;}
.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:#5b8bbd; 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;}
.pro_table  .bgBox1{color:#0066cc; font-weight:500; }




.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;}
.bus .imsil_txt  {width:100%;height:650px;border-radius:30px;margin-bottom:50px;background:url(./image/sub/347/345.jpg) no-repeat right center / cover;}

#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:45px; line-height:45px; font-size:17px; color:#777; margin:0 3px; background:#ddd; font-weight:400; border-radius:10px;}
#submenu_tab a.on{color:#fff; background:#67c398;}
#submenu_tab a:first-child:hover {background: #41ad7b; color: #fff;}
#submenu_tab a:nth-child(2):hover {background: #7e7e7e; color: #fff;}


.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;}
	.bus .imsil_txt  {height:530px;}
	.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;}
	.bus .imsil_txt  {height:410px;}
}

@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;}
	.bus .imsil_txt  {height:330px;}
}

@media screen and (max-width:600px) {
     	.bus .imsil_txt  {height:250px;}
}

@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; }
	.bus .imsil_txt  {height:180px;}

}




/* 주요프로그램 */
.program_wrap .pTxt{text-align:center; margin-bottom:70px; font-family: 'TheJamsil';}
.program_wrap .pTxt .pr_title {position: relative; font-weight: 600;}
.program_wrap .pTxt .pr_title::before {display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 15px; background: rgb(255 243 103 / 69%); z-index: -1;}
.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; background: #fbfbfb;}
.program_wrap .program_themaBox .cont .tit {position:relative; line-height:54px; color:#fff; font-size:22px; font-weight:300; letter-spacing:-1px; border-radius:8px; margin-bottom:10px; font-family: 'TheJamsil';}
.program_wrap .program_themaBox .cont ul {text-align:left;}
.program_wrap .program_themaBox .cont ul li {width:100%; position:relative; font-size:16px; color:#686868; 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:#dfdfdf; 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;}



.program_wrap .main-program {margin-bottom: 150px;}
.program_wrap .main-program ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.program_wrap .main-program li {width:49%; text-align: center; background:#f7c000; margin-bottom: 30px; padding: 1%; border-radius: 20px;}
.program_wrap .main-program li:before {display: none;}

.program_wrap .main-program .txt-red {color: red;}

.program_wrap .main-program .Tit {font-size: 25px; font-weight: 700; margin-bottom: 15px;}
.program_wrap .main-program .sub-wrap {background: #fff; padding: 5% 2%; height: 310px;}
.program_wrap .main-program .sub-wrap .txt-wrap {margin-bottom: 30px; font-size: 17px; height: 90px;}
.program_wrap .main-program .sub-wrap .img-wrap img {width: 30%;}

@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 {display:inline-block; vertical-align:top; width:calc((100% - 60px) / 3); padding:15px 25px; box-sizing:border-box; margin-right:15px; background:#fff;  margin-bottom:30px; font-size:17px; box-shadow: 0 0 10px #ddd; border-radius: 20px;}
/*.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 {position:relative; border-radius:15px 15px 0 0; padding:17px 0; text-align:center; color:#1d1d1d; line-height:1.6; font-size:17px;}
.programInfo .sTit span {font-size:25px;letter-spacing:-1px; font-weight:bold;}
.programInfo .sTit2 {position:relative; border-radius:15px 15px 15px 15px; padding:15px 0; text-align:center; color:#fff; line-height:1.6; font-size:20px; margin:0 0 30px 0 ;  }
.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:#68c6f3;}
.programInfo .cont .color4 {color:#d77816;}
.programInfo .cont .color5 {color:#6c68a9;}
.programInfo .cont .color6 {color:#39a760;}
.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 {border-bottom: 5px solid #fdd63a;}
.programInfo .bg2 {border-bottom: 5px solid #68c6f3;}
.programInfo .bg3 {border-bottom: 5px solid #3e4576;}
.programInfo .bg4 {border-bottom: 5px solid #6c68a9;}
.programInfo .bg5 {border-bottom: 5px solid #3965a7;}
.programInfo .bg6 {border-bottom: 5px solid #ff9930}
.programInfo .bg7 {border-bottom: 5px solid #39a760;}
.programInfo .bg8 {background:#4b8b6b;}
.programInfo .bg9 {background:#cf6c9e;}
.programInfo .bg10 {background:#7a69af;}
.programInfo .bg11 {background: #3965a7;}

.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 {display: flex; overflow:hidden;}
.programInfo .contTbl dl dt {color:#fff; width:400px; padding:18px 0; text-align:center; border-bottom:1px #fff solid; font-size:1.1em; font-weight: 500; border-radius: 7px;}
.programInfo .contTbl dl dd {width: 100%; padding-left:30px; line-height:59px; border:1px #ddd solid; background:#f5f5f5; border-radius: 7px;}
.programInfo .contTbl dl:first-child dd {border-top:1px #ddd solid;}
.programInfo .contTbl dl .bg6 {background: #9d714b;}
.programInfo .contTbl dl .bg7 {background: #ffa659;}


@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:800px) {
    .programInfo .contTbl dl {display: block;}
    .programInfo .contTbl dl dt {width: 100%;}
    .programInfo .contTbl dl dd {padding: 30px; line-height: 25px;}
    
}

@media screen and (max-width:500px) {
    .programInfo .contTbl {padding: 20px;}
    .programInfo .contBox {padding: 15px 10px;}
    .programInfo .cont {padding: 15px;}
    .programInfo .sTit span {font-size: 22px;}
    .programInfo .cont .bTxt {font-size: 17px;}
}

@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:100%;}
.imsil_story .sTit {font-size:50px; color:#555; font-weight:bold; letter-spacing:-3px; line-height:1.2; color:#ff7600; margin-bottom:50px;}
.imsil_story .sTit span{font-size:18px; display:block; width:186px;  text-align:center; background:#ffe8b5; font-weight:500; color:#1d1d1d; letter-spacing:-0.5px; border-radius:20px; height:35px; line-height:35px; margin-bottom:20px;}
.imsil_story p {font-size:20px; line-height:1.4;}
.imsil_story .cheese_03 p {font-size:18px; line-height:1.4; margin-bottom:15px;}

.imsil_story .s01 {position:relative; padding:150px 80px 100px; text-align: center;}
.imsil_story .s01:before {position:absolute; z-index:1; content:''; width:290px; height:255px; top:50%; right:7%; 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:100%;}
.imsil_story .s01 .cont p {margin-bottom: 20px; font-weight: 400;}
.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/338/cheese_02.jpg') no-repeat center /cover; padding:225px 0; line-height:1.4; color:#fff; height: 880px;}
.imsil_story .s03 .cont {width:100%; border: 1px solid #fff; padding: 50px 40px; margin: 0 20px;}
.imsil_story .s03 .sTit {color:#fff; font-weight: bold;}
.imsil_story .s03 .cheese_03 {display: flex; height: 100%; justify-content: center;}


.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:1920px) {
    .imsil_story .sTit {font-size: 40px;}
    

}


@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%; top: 85%; width: 235px; height: 214px;}

	.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%; height: 100%;}
	.imsil_story .s03 .cont {width:90%; margin: 0 auto;}
	
	.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:110px 2% 180px;}

	.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:180px 2%;}
    .imsil_story .s03 .cheese_03 {display: block; }
    .imsil_story .s03 .cont {margin-bottom: 30px;}
    .imsil_story .sTit span {padding: 0; height: 30px; line-height: 30px; margin-bottom: 25px;}
	.imsil_story .s04:before {width:260px; height:132px;}
}

@media screen and (max-width:500px) {
    .imsil_story .s01:before {right: 25%; top: 90%;}
    .imsil_story .sTit {font-size: 30px;}
    .imsil_story p {font-size: 17px;}
}

@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%;}
	.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%;}
}