@charset "utf-8";
/* s: 테마여행 */

/* 장수읍역사문화탐방로 상단 */
.tourCourseWrap {position: relative; width: 100%; height: 373px; border-radius: 15px; background: url('/images/Culture/images/01/tourCourseBg.jpg') center no-repeat; margin-bottom: 100px;}
.tourCourseWrap .txtBox {width: 700px; background-color: #fff; position: absolute; bottom: 0; left: 50%; transform: translateX(-350px); border-top-left-radius: 15px; border-top-right-radius: 15px; padding-top: 40px; text-align: center; word-break: keep-all;}
.tourCourseWrap .txtBox .tit {font-family: 'jalnan'; font-size: 24px; color: #5289c1; margin-bottom: 25px;}
.tourCourseWrap .txtBox .txt {font-family: 'GmarketSans'; font-size: 16px; color: #222; word-break: keep-all;}

/* 장수천리길상단(type02), 꽃길여행상단(type03) */
.tourCourseWrap.type03 {height: 480px; background: url('/images/Culture/images/01/flowerRoadBg1.jpg') center no-repeat; margin-bottom: 50px;}
.tourCourseWrap.type03.ex {margin-bottom: 115px;}
.tourCourseWrap.type03.ex.nth3 {margin-bottom: 300px;}
.tourCourseWrap.type03.ex.horse  {margin-bottom: 80px;}

.tourCourseWrap.type03.bg2 {background: url('/images/Culture/images/01/flowerRoadBg2.jpg') center no-repeat;}
.tourCourseWrap.type03.bg3 {background: url('/images/Culture/images/01/flowerRoadBg3.jpg') center no-repeat;}
.tourCourseWrap.type03.bg4 {background: url('/images/Culture/images/01/flowerRoadBg4.jpg') center no-repeat;}
.tourCourseWrap.type03.bg5{background: url('/images/Culture/images/01/flowerRoadBg5.jpg') center no-repeat;}
.tourCourseWrap.type03.bg6{background: url('/images/Culture/images/02/ex_appleBg.jpg') center no-repeat;}
.tourCourseWrap.type03.bg7{background: url('/images/Culture/images/02/ex_yuksipBg.jpg') center no-repeat;}
.tourCourseWrap.type03.bg8{background: url('/images/Culture/images/02/ex_seopbatBg.jpg') center no-repeat;}
.tourCourseWrap.type03.bg9{background: url('/images/Culture/images/02/ex_gwangsanBg.jpg') center no-repeat;}
.tourCourseWrap.type03.bg10{background: url('/images/Culture/images/02/ex_healthyBg.jpg') center no-repeat;}
.tourCourseWrap.type03.bg11{background: url('/images/Culture/images/02/ex_cultureBg.jpg') center no-repeat;}
.tourCourseWrap.type03.bg12{background: url('/images/Culture/images/02/ex_wolhyeonBg.jpg') center no-repeat;}
.tourCourseWrap.type03.bg13{background: url('/images/Culture/images/02/ex_dokkaebiBg.jpg') center no-repeat;}
.tourCourseWrap.type03.bg14{background: url('/images/Culture/images/02/ex_juchonBg.jpg') center no-repeat;}
.tourCourseWrap.type03.bg15{background: url('/images/Culture/images/02/ex_munseongBg.jpg') center no-repeat;}
.tourCourseWrap.type03.bg16{background: url('/images/Culture/images/02/horseBg1.jpg') no-repeat; background-size: cover;}
.tourCourseWrap.type03.bg17{background: url('/images/Culture/images/02/horseBg2.jpg') center no-repeat;}
.tourCourseWrap.type03.bg18{background: url('/images/Culture/images/02/horseBg3.jpg') center no-repeat;}
.tourCourseWrap.type03.bg19{background: url('/images/Culture/images/02/horseBg4.jpg') center no-repeat;}
.tourCourseWrap.type03.bg20{background: url('/images/Culture/images/02/horseBg5.jpg') center no-repeat;}
.tourCourseWrap.type03.bg21{background: url('/images/Culture/images/02/makeBg1.jpg') center no-repeat;}
.tourCourseWrap.type03.bg22{background: url('/images/Culture/images/02/makeBg2.jpg') center no-repeat;}
.tourCourseWrap.type03.bg23{background: url('/images/Culture/images/04/gayaBg1.jpg') center no-repeat;}
.tourCourseWrap.type03.bg24{background: url('/images/Culture/images/04/gayaBg2.jpg') center no-repeat;}
.tourCourseWrap.type03.bg25{background: url('/images/Culture/images/04/gayaBg3.jpg') center no-repeat;}
.tourCourseWrap.type03.bg26{background: url('/images/Culture/images/04/gayaBg4.jpg') center no-repeat;}
.tourCourseWrap.type03.bg27{background: url('/images/Culture/images/04/gayaBg5.jpg') center no-repeat;}


.tourCourseWrap.type02.bg2 {background: url('/images/Culture/images/01/jangsuRoad2Bg.jpg') center no-repeat;}
.tourCourseWrap.type02.bg3 {background: url('/images/Culture/images/01/jangsuRoad3Bg.jpg') center no-repeat;}
.tourCourseWrap.type02 {background: url('/images/Culture/images/01/jangsuRoad1Bg.jpg') center no-repeat;}


.tourCourseWrap.type02 .txtBox {bottom: -25%; padding: 40px 80px 0 80px; box-sizing: border-box;}
.tourCourseWrap.type03 .txtBox {width: 880px; transform: translateX(-440px); padding: 40px 15px 0 15px; box-sizing: border-box;}
.tourCourseWrap.type03.ex .txtBox {width: 80%; transform: translateX(-50%); padding: 40px 25px 0 40px;}
.tourCourseWrap.type03.ex .txtBox.horse {padding: 45px 75px 25px 50px;}
.tourCourseWrap.type03.ex .txtBox.horse>div {display: flex; justify-content: center; align-items: center;}
.tourCourseWrap.type03.ex .txtBox.horse>div .tit {margin-right: 10px;}
.tourCourseWrap.type03.ex .txtBox>div {position: relative;}
.tourCourseWrap.type03.ex.make .txtBox>div::before {display: none;}
.tourCourseWrap.type03.ex.make .txtBox>div::after {display: none;}
.tourCourseWrap.type03.ex .txtBox>div::before {content: ''; position: absolute; bottom: 0; left: -100px; width: 140px; height: 218px; background: url('/images/Culture/images/02/experience_icon1.png') no-repeat;}
.tourCourseWrap.type03.ex .txtBox>div::after {content: ''; position: absolute; bottom: 0; right: -80px; width: 106px; height: 161px; background: url('/images/Culture/images/02/experience_icon2.png') no-repeat;}

.tourCourseWrap.type03.gaya .txtBox>div::before {content: ''; position: absolute; top: -154px; left: -65px; width: 264px; height: 140px; background: url('/images/Culture/images/04/gaya_left.png') no-repeat;}
.tourCourseWrap.type03.gaya .txtBox>div::after {content: ''; position: absolute; top: -153px; right: -100px; width: 235px; height: 153px; background: url('/images/Culture/images/04/gaya_right.png') no-repeat;}

.tourCourseWrap.type03 .txtBox .btn-wrap {display: flex; align-items: center; justify-content: center; margin-bottom: 25px;}
.tourCourseWrap.type03.ex .txtBox.horse>div::before {left: -90px; bottom: -50px; width: 141px; height: 191px; background: url('/images/Culture/images/02/horse-icon1.png') no-repeat;}
.tourCourseWrap.type03.ex .txtBox.horse>div::after { bottom: -51px; right: -125px; width: 206px; height: 186px; background: url('/images/Culture/images/02/horse-icon2.png') no-repeat;}
.tourCourseWrap.type03 .txtBox .btn-wrap {display: flex;}
.tourCourseWrap.type03 .txtBox .btn-wrap .tit {margin-bottom: 0; margin-right: 15px;}
.tourCourseWrap.type03 .txtBox .btn-wrap.type01 a {margin-bottom: 0;}
.tourCourseWrap.type03 .txtBox .iconBox {display: flex; text-align: left; justify-content: center;}
.tourCourseWrap.type03 .txtBox .iconBox li {padding-left: 80px; margin-right: 60px; box-sizing: border-box; font-size: 16px; color: #222; font-family: 'GmarketSans'; font-weight:600;}
.tourCourseWrap.type03 .txtBox .iconBox li:last-child {margin-right: 0;}
.tourCourseWrap.type03 .txtBox .iconBox.nth3 li {width: 30%;}
.tourCourseWrap.type03 .txtBox.type02 .iconBox li {width: max-content;}
.tourCourseWrap.type03 .txtBox.type02 .iconBox li.distance::after {display: none;}
.tourCourseWrap.type03 .txtBox .iconBox li span {font-family: 'GmarketSans'; font-weight:normal;}
.tourCourseWrap.type03 .txtBox .iconBox li.distance {min-height: 60px; background: url('/images/Culture/images/01/distance-icon2.png') no-repeat; position: relative;}
.tourCourseWrap.type03 .txtBox .iconBox li.distance::after {content: ''; position: absolute; top: 0; right: -30px; background-color: #e6e6e6; width: 1px; height: 50px;}
.tourCourseWrap.type03 .txtBox .iconBox li.time {background: url('/images/Culture/images/01/time-icon2.png') no-repeat;}
.tourCourseWrap.type03 .txtBox .iconBox li.date {min-height: 60px; background: url('/images/Culture/images/02/date-icon.png') no-repeat; position: relative;}
.tourCourseWrap.type03 .txtBox .iconBox li.date::before {content: ''; position: absolute; top: 0; left: -28px; background-color: #e6e6e6; width: 1px; height: 50px;}

.tourCourseWrap.type02 .txtBox .txt {margin-bottom: 30px;}
.tourCourseWrap.type02 .txtBox .iconBox {padding: 0 60px; box-sizing: border-box; display: flex; justify-content: center; flex-wrap: wrap; background-color: #f5f5f5; margin: 0 auto; border-radius: 20px; line-height: 45px; text-align: left;}
.tourCourseWrap.type02 .txtBox .iconBox li {padding-left: 40px; padding-top: 2px; box-sizing: border-box; background-position: left; background-repeat: no-repeat; font-family: 'GmarketSans'; font-size: 16px; color: #222;}
.tourCourseWrap.type02 .txtBox .iconBox li span {display: inline-block; position: relative; font-family: 'GmarketSans'; padding-left: 40px; box-sizing: border-box;}
.tourCourseWrap.type02 .txtBox .iconBox li span::before {content: ''; position: absolute; top: 14px; left: 20px; width: 1px; height: 14px; background-color: #bcbcbc;}
.tourCourseWrap.type02 .txtBox .iconBox li.distance {background-image: url('/images/Culture/images/01/distance-icon.png'); margin-right: 20px;}
.tourCourseWrap.type02 .txtBox .iconBox li.time {background-image: url('/images/Culture/images/01/time-icon.png');}

@media screen and (max-width: 1600px) {
    .tourCourseWrap.type03.ex .txtBox {padding: 40px 50px 0 50px;}
    .tourCourseWrap.type03.ex .txtBox.nth3 {width: 90%;}
    .tourCourseWrap.type03.ex .txtBox>div::before {left: -100px;}
    .tourCourseWrap.type03.gaya .txtBox>div::before {left: -40px;}
    .tourCourseWrap.type03.ex .txtBox>div::after {right: -85px;}
    .tourCourseWrap.type03 .txtBox .iconBox.nth3 {flex-wrap: wrap;}
    .tourCourseWrap.type03 .txtBox .iconBox.nth3 li.distance {padding-right: 10px;}
}

@media screen and (max-width: 1400px) {
    .tourCourseWrap.type03 .txtBox {width: 90%; transform: translateX(-50%);}
    .tourCourseWrap.type03.ex .txtBox>div::before,
    .tourCourseWrap.type03.ex .txtBox>div::after {display: none;}
}

@media screen and (max-width: 1280px) {
    .tourCourseWrap.type03.ex .txtBox.nth3 {bottom: -55%;}
    .tourCourseWrap.type03.ex.nth3 {margin-bottom: 450px;}
    .tourCourseWrap.type03 .txtBox .iconBox.nth3 li {width: 100%; margin: 10px 0;}
    .tourCourseWrap.type03 .txtBox .iconBox.nth3 li.time,
    .tourCourseWrap.type03 .txtBox .iconBox li.date {margin-left: 0;}
    .tourCourseWrap.type03 .txtBox .iconBox li.date::before,
    .tourCourseWrap.type03 .txtBox .iconBox.nth3 li.distance::after {display: none;}
}

@media screen and (max-width:1025px) {
    .tourCourseWrap {height: 270px; margin-bottom: 60px;}
    .tourCourseWrap.type03.ex.gaya {margin-bottom: 160px;}
    .tourCourseWrap.type03.ex.nth1 {margin-bottom: 215px;}
    .tourCourseWrap.type03.ex.nth3 {margin-bottom: 400px;}
    .tourCourseWrap.type03.ex.horse {margin-bottom: 40px;}
    .tourCourseWrap .txtBox {width: 80%; transform: translateX(-50%); padding-top: 30px;}
    .tourCourseWrap.type03 {height: 350px;}
    .tourCourseWrap.type03 .txtBox {padding-top: 30px; bottom: -100px;}
    .tourCourseWrap.type03.ex .txtBox.horse {bottom: 0; padding: 30px 50px 10px 50px;}
    
    .tourCourseWrap .txtBox .tit {font-size: 20px;}
    .tourCourseWrap .txtBox .txt {font-size: 15px;}

    .tourCourseWrap.type02 .txtBox {padding: 40px 60px 0 60px;}
    .tourCourseWrap.type02 .txtBox .iconBox li {font-size: 15px;}
    .tourCourseWrap.type02 .txtBox .iconBox li span {font-size: 14px;}
}

@media screen and (max-width: 780px) {
    .tourCourseWrap.type02 .txtBox {bottom: -70%; width: 90%; padding: 30px 20px;}
    .tourCourseWrap.type02 .txtBox .iconBox {padding: 0 15px;}

    .tourCourseWrap.type03 .txtBox {padding: 30px 0 0 0;}
    .tourCourseWrap.type03 .txtBox .iconBox {flex-wrap: wrap;}
    .tourCourseWrap.type03 .txtBox .iconBox li {width: 100%; min-height: 60px;  margin-right:0; display: flex; flex-direction: column; justify-content: center; font-size: 15px;}
    .tourCourseWrap.type03 .txtBox .iconBox li span {font-size: 14px;}
    .tourCourseWrap.type03 .txtBox .iconBox li:first-child {margin-bottom: 20px;}
    .tourCourseWrap.type03 .txtBox .iconBox li.distance::after {display: none;}
    .tourCourseWrap.type03 .txtBox .iconBox li.time {margin-left: 0;}

    .tourCourseWrap.type03.ex {margin-bottom: 130px;}
    .tourCourseWrap.type03.ex .txtBox.horse {padding-top: 15px;}
    .tourCourseWrap.type03.ex .txtBox {padding: 30px 35px 0 35px;}
    .tourCourseWrap.type03 .txtBox .btn-wrap {flex-wrap: wrap; justify-content: flex-start; margin-bottom: 10px;}
    .tourCourseWrap.type03.ex .txtBox .tit {margin-bottom: 5px; text-align: left;}
    .tourCourseWrap.type03.ex.horse .txtBox .tit {text-align: center;}
    .tourCourseWrap.type03.ex .txtBox .iconBox li {padding-left: 0; background: none;}

    .tourCourseWrap.type03.gaya .txtBox .tit {text-align: center;}
}

@media screen and (max-width: 480px) {
    .tourCourseWrap, .tourCourseWrap.type03 {height: 240px;}
    .tourCourseWrap .txtBox {width: 90%; padding: 25px 5px 0 5px;}
    .tourCourseWrap .txtBox .tit {font-size: 17px; margin-bottom: 15px;}
    .tourCourseWrap .txtBox .txt {font-size: 14px;}
    .tourCourseWrap.type02 .txtBox, .tourCourseWrap.type03 .txtBox  {bottom: -80%;}
    .tourCourseWrap.type03 {margin-bottom: 140px;}
    .tourCourseWrap.type03.nth1 .txtBox {bottom: -60%;}
    .tourCourseWrap.type03.ex {margin-bottom: 230px;}
    .tourCourseWrap.type03.ex.horse {margin-bottom: 35px;}
    .tourCourseWrap.type02 .txtBox .iconBox li span {padding-left: 15px;}
    .tourCourseWrap.type02 .txtBox .iconBox li span::before {left: 8px;}
    .tourCourseWrap.type03.ex .txtBox {padding: 30px 20px 0 20px;}

    .tourCourseWrap.type03.ex .txtBox.nth3 {bottom: -120%;}
    .tourCourseWrap.type03.ex.gaya {margin-bottom: 250px;}
    .tourCourseWrap.type03.ex.gaya .txtBox {width: 95%; bottom: -80%;}
}

/* 테마 코스 부분 */
.courseListWrap {width: 100%; margin-bottom: 100px;}

.courseListBox {width: 100%; padding-right: 50px; box-sizing: border-box; display: flex; flex-wrap: wrap; position: relative;}
.courseListWrap.type02 .courseListBox {padding-right: 0;}
.courseListWrap.type02 .courseListBox::after {display: none;}
.courseListWrap.type02 .courseListBox li {width: 16.666%; box-sizing: border-box; align-items: center;}


.courseListWrap.type02.nth3 .courseListBox li {width: 33.333%;}
.courseListWrap.type02.nth4 .courseListBox li {width: 25%;}
.courseListWrap.type02.nth3 .courseListBox li::before, .courseListWrap.type02.nth4 .courseListBox li::before {bottom: 48px;}

.courseListWrap.type02 .courseListBox li:last-child::after {display: none;}
.courseListWrap.type02 .courseListBox li:last-child::before {border-top-right-radius: 15px; border-bottom-right-radius: 15px;}
.courseListWrap.type02 .courseListBox li.first img, .courseListWrap.type02 .courseListBox li.last img {margin-bottom: 15px; transform: translateY(-13px);}

.courseListBox::after {content: ''; position: absolute; top: -20px; right: 0; background: url('/images/Culture/images/01/tourCourseIcon.png') no-repeat; width: 83px; height: 125px;}
.courseListBox li {width: 115px; position: relative; display: flex; flex-direction: column;cursor: pointer;}
.courseListBox li a {display: flex; flex-direction: column;}
.courseListBox li:first-child:before {border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.courseListBox li:last-child::after {content: ''; width: 100%; height: 10px; background-color: #f5f5f5; position: absolute; bottom: 70px; right: -55px; z-index: -1; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.courseListBox li::before {content: ''; width: 100%; height: 10px; position: absolute; bottom: 70px; left: -7px; z-index: -1; background-color: #f5f5f5;}
.courseListBox li img {width: max-content; margin-bottom: 15px;}
.courseListBox li span {font-family: 'GmarketSans'; font-size: 16px; color: #222;}

@media screen and (max-width: 1600px) {
    .courseListBox {padding-right: 0;}
    .courseListBox::after {display: none;}
    .courseListBox li:last-child::after {display: none;}
    .courseListBox li:last-child::before {border-top-right-radius: 10px; border-bottom-right-radius: 10px;}

    .courseListWrap.type02 .courseListBox li {width: 33.333%;}
}

@media screen and (max-width: 1000px) {
    courseListWrap {margin-bottom: 60px;}
    .courseListBox li span {font-size: 15px;}
    .courseListWrap.type02 {margin-top: 80px;}
}

@media screen and (max-width: 680px) {
    .courseListWrap {overflow-x: scroll; border: 1px solid #f5f5f5; padding: 20px 20px 0 20px; box-sizing: border-box;}
    .courseListBox li:last-child::after {display: none;}
    .courseListBox {width: 580px;}
    .courseListBox li span {font-size: 14px;}
    .courseListBox li::before {bottom: 55px;}
    .courseListBox li img {margin-bottom: 15px;}
    .courseListWrap.type02 .courseListBox.nth6 li img {transform: translateY(10px);}
}

/* 테마 코스 이미지 */
.couseImgWrap {width: 100%; display: flex; flex-wrap: wrap; gap: 2%;}
.couseImgWrap li {width: 48%; border-radius: 10px; overflow: hidden; margin-bottom: 25px;}
.couseImgWrap li img {width: 100%;}
.couseImgWrap.nth3 li {width: 32%;}

@media screen and (max-width: 780px) {
    .couseImgWrap {flex-wrap: wrap;}
    .couseImgWrap li, .couseImgWrap.nth3 li {width: 100%; margin-bottom: 15px;}
    .couseImgWrap li:last-child, .couseImgWrap.nth3 li:last-child {margin-bottom: 0;}
}

/* 테마 설명 슬라이드 */
.themaList {display: none;}
.themaList.active {display: block;}

.themaWrap .titleBox {width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}
.themaWrap .titleBox.type02 {margin-bottom: 10px;}
.themaWrap .titleBox .tit {font-family: 'GmarketSans'; font-size: 22px; color: #000000; word-break: keep-all;}
.themaWrap .titleBox .location {font-family: 'NotoKrR'; font-size: 15px; color: #333;
padding-left: 25px; background: url('/images/Culture/images/01/locationBg.png') center left no-repeat; display: flex; align-items: center;}
.themaWrap .titleBox .btnBox {display: flex; flex-wrap: wrap; align-items: center;}

.slideWrap {background-color: #f5f5f5; border-radius: 15px;}
.show9slideBox {width: 100%; border-radius: 15px; overflow: hidden; position: relative;}

.show9slideBox .show9slide .show9slideCnt {/*max-height: 515px;*/}
.show9slideBox .show9slide .show9slideCnt.tour_vw{/*max-height: 650px;*/}
.show9slideBox.type02 .show9slide .show9slideCnt {max-height: 740px;}
.show9slideBox .show9slide .show9slideCnt img {width: 100%;height: 800px;}
.show9slideBox .show9slide .show9slideCnt.tour_vw img{max-height: 590px;width:auto;margin:0 auto;max-width: 100%;}

.show9slideBox .slideInfo {position: absolute; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); padding: 15px 25px; border-top-left-radius: 10px; box-sizing: border-box;}
.show9slideBox .slideInfo .slideBtns a {font-size: 0; display: inline-block; width: 13px; height: 22px;}
.show9slideBox .slideInfo .slideBtns .slidePrev {background: url('/images/Culture/images/01/themaSlidePrev.png') no-repeat;}
.show9slideBox .slideInfo .slideBtns .slideStop {background: url('/images/Culture/images/01/themaSlideStop.png') top 2px center no-repeat; margin: 0 15px;}
.show9slideBox .slideInfo .slideBtns .slidePlay {background: url('/images/Culture/images/01/themaSlidePlay.png') top 2px center no-repeat; margin: 0 15px;}
.show9slideBox .slideInfo .slideBtns .slideNext {background: url('/images/Culture/images/01/themaSlideNext.png') no-repeat;}

.themaInfoBox {padding: 35px 45px; box-sizing: border-box;}
.themaInfoBox p {font-family: 'NotoKrR'; color: #333; line-height: 180%; word-break: keep-all;}

.themaWrap .themaInfoBox .contactBox {width: 100%; display: flex; justify-content: space-between; margin-bottom: 25px;}
.themaWrap .themaInfoBox .contactBox li {width: 48%; background-color: #fff; padding: 20px 30px; box-sizing: border-box; border-radius: 15px;}

.themaWrap .themaInfoBox .contactBox li>div {width: 100%; padding-left: 60px; box-sizing: border-box; }
.themaWrap .themaInfoBox .contactBox li .location {background: url('/images/eng/images/content/04/info_location.png') left center no-repeat;}
.themaWrap .themaInfoBox .contactBox li .call {background: url('/images/Culture/images/04/call_icon.png') left center no-repeat;}

.themaWrap .themaInfoBox .contactBox.nth3 li {width: 31%;}
.themaWrap .themaInfoBox .contactBox li .tit {font-size: 18px; color: #5289c1; font-family: 'GmarketSans'; font-weight:600;}
.themaWrap .themaInfoBox .contactBox li .txt {font-size: 15px; color: #666666; font-family: 'NotoKrM';}


@media screen and (max-width:1000px) {
    .titleBox .tit, .themaWrap .titleBox .tit {font-size: 20px;}
    .titleBox .location {font-size: 14px;}
    .show9slideBox .show9slide .show9slideCnt img {width: 100%;height: 400px;}
    .themaInfoBox {padding: 25px;}
}

@media screen and (max-width: 680px) {
    .titleBox {flex-wrap: wrap; margin-bottom: 10px;}
    .titleBox .tit {font-size: 18px;}
    .themaInfoBox {padding: 15px;}
    .themaInfoBox p {font-size: 14px;}
    .show9slideBox .slideInfo {padding: 5px 15px;}

    .themaWrap .themaInfoBox .contactBox {flex-wrap: wrap; margin-bottom: 5px;}
    .themaWrap .themaInfoBox .contactBox li {padding: 20px;}
    .themaWrap .themaInfoBox .contactBox li .txt {font-size: 14px;}
    .themaWrap .themaInfoBox .contactBox li, .themaWrap .themaInfoBox .contactBox.nth3 li {width: 100%; margin-bottom: 10px;}
    .themaWrap .titleBox .btnBox .logcation, .themaWrap .titleBox .btnBox .btn-wrap {margin-right: 0;}
}

@media screen and (max-width: 480px) {
    .themaWrap .titleBox.type02 .location {margin: 8px 0;}
}

/* 테마 추천한마디 */
.recommendWrap {width: 100%; display: flex;}
.recommendWrap>li {width: 33.333%; margin-right: 2%; border-radius: 15px; border: 1px solid #e1e1e1; padding: 30px 25px; box-sizing: border-box; display: flex; align-items: center;}
.recommendWrap.type02.icon {margin-bottom: 200px;}
.recommendWrap.nth2 {flex-wrap: wrap; margin-bottom: 30px !important;}
.recommendWrap.nth2>li {width: 48%; margin-bottom: 15px;}
.recommendWrap.type02.icon.horse {margin-bottom: 80px;}
.recommendWrap.type02.icon li{padding: 30px 20px; word-break: keep-all;}
.recommendWrap.type02 li {display: block;}
.recommendWrap.type02.icon .icon {padding-left: 55px; box-sizing: border-box;}
.recommendWrap.type02.icon .icon.pack {background: url('/images/Culture/images/02/experience_pack.png') no-repeat;}
.recommendWrap.type02.icon .icon.period {background: url('/images/Culture/images/02/experience_period.png') no-repeat;}
.recommendWrap.type02.icon .icon.period2 {background: url('/images/Culture/images/02/experience_period2.png') no-repeat;}
.recommendWrap.type02.icon .icon.purpose {background: url('/images/Culture/images/02/experience_purpose.png') no-repeat;}
.recommendWrap.type02.icon .icon.apple {background: url('/images/Culture/images/02/experience_apple.png') no-repeat;}
.recommendWrap.type02.icon .icon.address {background: url('/images/Culture/images/02/experience_address.png') no-repeat;}
.recommendWrap.type02.icon .icon.call {background: url('/images/Culture/images/02/experience_call.png') no-repeat;}
.recommendWrap.type02.icon .icon.term {background: url('/images/Culture/images/02/experience_term.png') no-repeat;}
.recommendWrap.type02.icon .icon.target {background: url('/images/Culture/images/02/experience_target.png') no-repeat;}
.recommendWrap.type02.icon .icon.close {background: url('/images/Culture/images/02/experience_close.png') no-repeat;}
.recommendWrap.type02 li .tit {color: #5289c1; font-family: 'GmarketSans'; margin-bottom: 5px; font-size:18px;}
.recommendWrap.type02 li .basicText {letter-spacing: -0.05em; line-height: 120%;}
.recommendWrap li:last-child {margin-right: 0;}
.recommendWrap li img {margin-right: 15px; flex-shrink: 0;}

@media screen and (max-width: 1000px) {
    .recommendWrap.type02.icon {flex-wrap: wrap;}
    .recommendWrap.type02.icon.horse {margin-bottom: 60px;}
    .recommendWrap.type02.icon li {width: 100%; margin-bottom: 10px;}
}

@media screen and (max-width: 780px) {
    .recommendWrap {flex-wrap: wrap;}
    .recommendWrap li, .recommendWrap.nth2 li {width: 100%; margin-bottom: 15px; margin-right: 0;}
    .recommendWrap li:last-child {margin-bottom: 0;}
}

@media screen and (max-width: 480px) {
    .recommendWrap {font-size: 14px;}
    .recommendWrap.type02.icon {margin-bottom: 140px;}
    .recommendWrap.type02.icon.horse {margin-bottom: 40px;}
    .recommendWrap li, .recommendWrap.type02.icon li {padding: 20px 15px;}
    .recommendWrap.type02 li .tit {margin-bottom: 0;}
}
/* e: 테마여행 */

/* s: 영화,드라마 촬영지 */
.movieInfoWrap {position: relative; width: 100%; border: 1px solid #e1e1e1; border-radius: 15px; background: url('/images/Culture/images/01/movieBg.png') right bottom no-repeat; margin-bottom: 100px;}
.movieInfoWrap::before {content: ''; position: absolute; right: 75px; top: 30px; background: url('/images/Culture/images/01/movieIcon.png') no-repeat; width: 310px; height: 186px;}
.movieInfoWrap .movieBox {padding: 40px 50px; box-sizing: border-box;}
.movieInfoWrap .movieBox>.tit {font-size: 24px; font-family: 'jalnan'; color: #5289c1; margin-bottom: 25px;}
.movieInfoWrap .movieBox ul {display: flex;}
.movieInfoWrap .movieBox ul li {padding: 0 30px; box-sizing: border-box; position: relative;}
.movieInfoWrap .movieBox ul li:first-child {padding-left: 0;}
.movieInfoWrap .movieBox ul li:first-child::before {display: none;}
.movieInfoWrap .movieBox ul li::before {content: ''; position: absolute; top: 5px; left: 0; width: 1px; height: 32px; background-color: #e1e1e1;}
.movieInfoWrap .movieBox ul .tit {font-family: 'GmarketSans'; font-size: 18px; color: #000000;}
.movieInfoWrap .movieBox ul .txt {font-family: 'GmarketSansTTFMedium'; font-size: 15px; color: #000000;}

@media screen and (max-width: 1400px) {
    .movieInfoWrap::before {width: 270px; background-size: 100%; right: 40px;}
}

@media screen and (max-width: 1200px) {
    .movieInfoWrap::before {display: none;}
}

@media screen and (max-width: 780px) {
    .movieInfoWrap .movieBox {padding: 25px 35px;}
    .movieInfoWrap .movieBox ul li {padding: 0 20px;}
    .movieInfoWrap .movieBox>.tit {font-size: 20px;}
}

@media screen and (max-width: 480px) {
    .movieInfoWrap {background: none; margin-bottom: 50px;}
    .movieInfoWrap .movieBox {padding: 25px 20px;}
    .movieInfoWrap .movieBox>.tit {margin-bottom: 15px;}
    .movieInfoWrap .movieBox ul {flex-wrap: wrap;}
    .movieInfoWrap .movieBox ul li {width: 100%; padding: 0;}
    .movieInfoWrap .movieBox ul li::before {display: none;}
    .movieInfoWrap .movieBox ul .tit {font-size: 15px;}
    .movieInfoWrap .movieBox ul .txt {font-size: 14px;}
}

/* s: 테마>등산코스 */
.hikingListWrap {width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 100px;}
.hikingListWrap>li {width: 31%; margin-right: 3.5%; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #e1e1e1; border-radius: 15px; box-sizing: border-box; overflow: hidden; margin-bottom: 30px;}
.hikingListWrap.nth8>li {width: 23%; margin-right: 2.5%;}
.hikingListWrap li .top {padding: 15px 0 15px 25px; box-sizing: border-box; }
.hikingListWrap li .top .tit {font-family: 'GmarketSans'; color: #5289c1; font-size: 18px; margin-bottom: 8px; font-weight:600;}
.hikingListWrap li .top .txt {font-family: 'NotoKrL'; font-size: 15px; color: #666666;}

.hikingListWrap li .bottom {display: flex; flex-wrap: wrap; padding: 10px 10px 10px 25px; box-sizing: border-box; background-color: #f5f5f5;}
.hikingListWrap li .bottom li {margin-right: 50px; padding-left: 25px; box-sizing: border-box; font-size: 15px; color: #666666; font-family: 'NotoKrL';}
.hikingListWrap li .bottom li.distance {background: url('/images/Culture/images/01/hiking_distance.png') left center no-repeat;}
.hikingListWrap li .bottom li.time {background: url('/images/Culture/images/01/hiking_time.png') left center no-repeat; margin-right: 0;}

@media screen and (max-width: 1000px) {
    .hikingListWrap {margin-bottom: 40px;}
    .hikingListWrap>li, .hikingListWrap.nth8>li {width: 100%; margin-bottom: 15px; margin-right: 0;}
}

@media screen and (max-width: 480px) {
     .hikingListWrap {margin-bottom: 25px;}
     .hikingListWrap li .top {padding: 10px 0 5px 15px;}
     .hikingListWrap li .top .tit {font-size: 14px; margin-bottom: 0;}
     .hikingListWrap li .top .txt, .hikingListWrap li .bottom li {font-size: 14px;}
     .hikingListWrap li .bottom {padding: 5px 10px 5px 15px;}
}
/* e: 테마>등산코스 */

/* s: 체험여행 */
.experienceWrap {position: relative;}
.experienceWrap::before {content: ''; background: url('/images/Culture/images/02/experience_see.png') no-repeat; background-size: 100%; width: 258px; height: 190px; position: absolute; top: -150px; left: 50%; transform: translateX(-50%);}
.experienceWrap .experienceBox {width: 100%; background-color: #f5f5f5; padding: 50px 40px; box-sizing: border-box; border-radius: 15px;}

.experienceWrap .experienceBox .titBox {display: flex; justify-content: center; margin-bottom: 35px;}
.experienceWrap .experienceBox .titBox.nth2 {justify-content: space-between; flex-wrap: wrap;}
.experienceWrap .experienceBox .titBox li {display: flex; gap: 10px; align-items: center; justify-content: center; width: 65%; background-color: #fff; border-radius: 25px; padding: 15px 10px 10px 10px;}
.experienceWrap .experienceBox .titBox.nth2 li {width: 46%;}
.experienceWrap .experienceBox .titBox li .tit {font-size: 18px; font-family: 'GmarketSans'; color: #5289c1; flex-shrink: 0;}
.experienceWrap .experienceBox .titBox li .txt {font-family:'GmarketSans'; font-size: 16px; color: #000000;}

.experienceWrap .experienceBox .imgBox {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 50px; row-gap: 20px;}
.experienceWrap .experienceBox .imgBox li {width: 32%; border-radius: 15px; overflow: hidden;}
.experienceWrap .experienceBox .imgBox.nth4 li {width: 49%;}
.experienceWrap .experienceBox .imgBox li img {width: 100%;}

.experienceWrap .experienceBox>.txt {font-family: 'NotoKrR'; color: #555555; font-size: 15px;}

@media screen and (max-width: 1000px) {
    .experienceWrap .experienceBox .titBox li {width: 70%; flex-wrap: wrap;}
    .experienceWrap .experienceBox .titBox li .tit {font-size: 16px;}
    .experienceWrap .experienceBox .titBox li .txt {font-size: 14px;}
    .experienceWrap .experienceBox .imgBox {row-gap: 10px;}
}

@media screen and (max-width: 780px) {
    .experienceWrap .experienceBox {padding: 50px 20px;}
    .experienceWrap .experienceBox .titBox li, .experienceWrap .experienceBox .titBox.nth2 li{width: 100%;}
    .experienceWrap .experienceBox .titBox.nth2 li, .experienceWrap .experienceBox .titBox.nth2 {margin-bottom: 15px;}
}

@media screen and (max-width: 480px) {
    .experienceWrap::before {width: 180px; top: -105px;}
    .experienceWrap .experienceBox {padding: 35px 15px 15px;}
    .experienceWrap .experienceBox .imgBox {flex-wrap: wrap; margin-bottom: 15px;}
    .experienceWrap .experienceBox .imgBox.nth4 li {width: 100%;}
    .experienceWrap .experienceBox .imgBox li {width: 100%; margin-bottom: 15px;}
    .experienceWrap .experienceBox>.txt {font-size: 14px;}
}
/* e: 체험여행 */                             

.woodWrap {width: 100%; display: flex; flex-wrap: wrap; padding: 35px 30px; box-sizing: border-box; background-color: #f5f5f5; border-radius: 15px; gap: 20px;}
.woodWrap .woodBox {width: calc(25% - 15px); background-color: #fff; padding: 20px 30px; box-sizing: border-box; border-radius: 10px;}
.woodWrap .woodBox .tit {font-size: 15px; color: #5289c1; font-family: 'GmarketSansTTFMedium'; margin-bottom: 15px;}
.woodWrap .woodBox .infoBox>li span {padding-left: 30px; box-sizing: border-box; color: #666666; font-size: 15px;}
.woodWrap .woodBox .infoBox>li.target span {background: url('/images/Culture/images/02/target.png') left center no-repeat;}
.woodWrap .woodBox .infoBox>li.time span {background: url('/images/Culture/images/01/hiking_time.png') left center no-repeat;}
.woodWrap .woodBox .infoBox>li.price span {background: url('/images/Culture/images/02/price.png') left center no-repeat;}    

@media screen and (max-width:1400px) {
    .woodWrap .woodBox {width: calc(33% - 11px);}
}                                                     

@media screen and (max-width:1200px) {
     .woodWrap .woodBox {width: calc(50% - 10px);}
}

@media screen and (max-widtH: 680px) {
     .woodWrap {padding: 20px;}
     .woodWrap .woodBox {width: 100%; padding: 20px;}
     .woodWrap .woodBox .infoBox>li span {font-size:14px;}
}    

@media screen and (max-width: 480px) {
     .woodWrap .woodBox {width: 100%;}    
}           

/* 코스여행 */
.couseTripWrap {width: 100%; display: flex; margin-bottom: 85px;}
.couseTripWrap:last-child {margin-bottom: 0;}
.couseTripWrap .img {max-height: 235px; margin-right: 35px; flex-shrink: 0;}
.couseTripWrap .img img {width: 100%; border-radius: 10px;}
.couseTripWrap .infoBox {padding-top: 10px; box-sizing: border-box;}
.couseTripWrap .infoBox .tit {font-family: 'GmarketSans'; font-size: 20px; color: #222; margin-bottom: 20px;}
.couseTripWrap .infoBox .location {border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; padding: 5px 0; box-sizing: border-box; margin-bottom: 35px;}
.couseTripWrap .infoBox .location span {display: block; line-height: 30px; padding-left: 40px; background: url('/images/Culture/images/02/natural_icon.png') left center no-repeat;}
.couseTripWrap .infoBox .txt {font-family: 'NotoKrR'; font-size: 15px; color: #555555;}

@media screen and (max-width: 1000px) {
    .couseTripWrap .img {width: 45%;}
    .couseTripWrap .infoBox .tit {font-size: 18px; margin-bottom: 10px;}
    .couseTripWrap .infoBox .location {margin-bottom: 10px;}
    .couseTripWrap .infoBox .location span {font-size: 14px;}
    .couseTripWrap .infoBox .txt {font-size: 14px;}
}

@media screen and (max-width: 680px) {
    .couseTripWrap {flex-wrap: wrap; margin-bottom: 45px;}
    .couseTripWrap .img {width: 100%; max-height: 100%;}
}

/* 장수몰 */
.mallWrap {width: 100%; border-radius: 15px; background-color: #f9f9f9; padding: 45px 45px 45px 60px; box-sizing: border-box; position: relative; margin-bottom: 100px;}
.mallWrap::before {content: ''; position: absolute; bottom: 0; right: 80px; width: 288px; height: 189px; background: url('/images/Culture/images/02/mallBg.png') no-repeat;}

.mallWrap .mallBox .titBox {width: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px;}
.mallWrap .mallBox .titBox .leftTit p {margin-bottom: 20px; font-family: 'jalnan'; font-size: 18px; color: #5289c1;}
.mallWrap .mallBox .titBox .btn a {padding: 0 20px 0 30px; box-sizing: border-box; border-radius: 5px; background-color: #0eada8; display: inline-block; height: 50px; line-height: 50px; color: #fff; font-size: 15px; font-family: 'NotoKrM'; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);}
.mallWrap .mallBox .titBox .btn a span {display: inline-block; padding-right: 30px; background: url('/images/Culture/images/02/mallBtn.png') center right no-repeat;}
.mallWrap .mallBox .mallPromise {width: 100%;}
.mallWrap .mallBox .mallPromise li {width: 100%; display: flex; align-items: center; padding: 20px 50px; box-sizing: border-box; background-color: #fff; border-radius: 35px; margin-bottom: 15px;}
.mallWrap .mallBox .mallPromise li:last-child {margin-bottom: 0;}
.mallWrap .mallBox .mallPromise li span {font-family: 'GmarketSans'; font-size: 18px; color: #6e9ac9; display: inline-block; margin-right: 40px; flex-shrink: 0; font-weight:600;}
.mallWrap .mallBox .mallPromise li p {font-family: 'GmarketSans'; font-size: 16px; color: #555555;}

.mall_productWrap {width: 100%;}
.mall_productWrap>.title {margin-bottom: 35px; font-size: 22px; font-family: 'GmarketSans'; color: #000000;}
.mall_productWrap>.txt {margin-bottom: 65px; font-size: 15px; font-family: 'NotoKrR'; color: #555555;}
.mall_productWrap .productList {width: 100%; display: flex; flex-wrap: wrap; gap: 2%;}
.mall_productWrap .productList li {width: 18%; border: 1px solid #e8e8e8; border-radius: 5px; box-sizing: border-box; margin-bottom: 30px; overflow: hidden;}
.mall_productWrap .productList li img {width: 100%;}
.mall_productWrap .productList li .txtBox {padding: 20px 15px 10px 15px; box-sizing: border-box;}
.mall_productWrap .productList li .txtBox .tit {font-family: 'GmarketSans'; font-size: 18px; color: #5289c1; margin-bottom: 5px; font-weight:600;}
.mall_productWrap .productList li .txtBox .txt {font-family: 'NotoKrL'; font-size: 15px; color: #666666; letter-spacing: -0.05em;}

@media screen and (max-width: 1600px) {
    .mallWrap::before {display: none;}
}

@media screen and (max-width: 1025px) {
    .mallWrap {margin-bottom: 50px;}

    .mall_productWrap>.title {margin-bottom: 20px;}
    .mall_productWrap>.txt {margin-bottom: 40px;}
    .mall_productWrap .productList li {width: 32%; margin-bottom: 20px;}
}

@media screen and (max-width: 780px) {
    .mallWrap {padding: 35px 25px;}
    .mallWrap .mallBox .titBox {flex-wrap: wrap; justify-content: center;}
    .mallWrap .mallBox .titBox .leftTit {width: 100%; text-align: center;}
    .mallWrap .mallBox .titBox .leftTit p {font-size: 16px; margin-bottom: 10px;}
    .mallWrap .mallBox .titBox .leftTit img {width: 150px; margin-bottom: 10px;}
    .mallWrap .mallBox .titBox .btn a {height: 40px; line-height: 40px; font-size: 14px; padding: 0 15px 0 18px;}
    .mallWrap .mallBox .mallPromise li {padding: 15px 30px;}
    .mallWrap .mallBox .mallPromise li span {font-size: 16px;}
    .mallWrap .mallBox .mallPromise li p {font-size: 15px;}
}

@media screen and (max-width: 480px) {
    .mallWrap {padding: 20px;}
    .mall_productWrap>.title {font-size: 20px; margin-bottom: 15px;}
    .mallWrap .mallBox .mallPromise li {text-align: center; padding: 10px 15px; justify-content: center; flex-wrap: wrap; border-radius: 15px; margin-bottom: 10px;}
    .mallWrap .mallBox .mallPromise li span {width: 100%; font-size: 15px; margin-right: 0;}
    .mallWrap .mallBox .mallPromise li p {font-size: 14px;}

    .mall_productWrap .productList li {width: 49%; margin-bottom: 10px;}
    .mall_productWrap .productList li .txtBox {padding: 10px;}
}

/* 가야이야기 */
.gayaList {width: 100%; display: flex; flex-wrap: wrap; gap: 2%;}
.gayaList li {width: 32%; margin-bottom: 25px; border-radius: 15px; min-height: 292px; position: relative;}
.gayaList li:hover {border: 5px solid #5289c1; box-sizing: border-box;}
.gayaList li.type01 {background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('/images/Culture/images/04/gaya1.jpg'); background-position: center; background-repeat: no-repeat;}
.gayaList li.type02 {background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('/images/Culture/images/04/gaya2.jpg'); background-position: center; background-repeat: no-repeat;}
.gayaList li.type03 {background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('/images/Culture/images/04/gaya3.jpg'); background-position: center; background-repeat: no-repeat;}
.gayaList li.type04 {background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('/images/Culture/images/04/gaya4.jpg'); background-position: center; background-repeat: no-repeat;}
.gayaList li.type05 {background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('/images/Culture/images/04/gaya5.jpg'); background-position: center; background-repeat: no-repeat;}

.gayaList li .txtBox {display: flex; flex-direction: column; padding: 45px; box-sizing: border-box; color: #fff; transition-duration: 0.2s; width: 100%; height: 100%; position: relative;}
.gayaList li .txtBox::before {content: ''; position: absolute; bottom: 30px; right: 30px; width: 25px; height: 20px; background: url('/images/Culture/images/04/gaya_arrow.png') no-repeat; opacity: 0.7;}
.gayaList li .txtBox .tit {font-family: 'jalnan'; font-size: 24px; margin-bottom: 15px;}
.gayaList li .txtBox .txt {font-family: 'NotoKrL'; font-size: 15px; line-height: 30px; margin-bottom: 20px;}
.gayaList li .txtBox .more {opacity: 0; width: 125px; height: 30px; background: url('/images/Culture/images/04/gayabtn.png') no-repeat; margin: 0 auto;}
.gayaList li:hover .txtBox {align-items: center; justify-content: center;}
.gayaList li:hover .txtBox::before {display: none;}
.gayaList li:hover .txtBox .more {opacity: 1;}

@media screen and (max-width: 1400px) {
    .gayaList li .txtBox {padding: 30px;}
}

@media screen and (max-width: 1025px) {
    .gayaList li {width: 49%; margin-bottom: 15px; min-height: 250px;}
    .gayaList li .txtBox .tit {font-size: 20px; margin-bottom: 10px;}
    .gayaList li .txtBox .txt {line-height: 25px;}
}

@media screen and (max-width: 480px) {
    .gayaList li {width: 100%; margin-bottom: 10px;}
    .gayaList li .txtBox .tit {font-size: 18px; margin-bottom: 5px;}
}                         

/* 관광안내도 */
.guideWrap {width: 100%; background: url('/images/Culture/images/04/guideBg.png') center bottom no-repeat; background-size: 100%;}
.guideWrap .guideBox {padding: 0 80px 120px 80px; box-sizing: border-box; }

.guideWrap .guideBox .guideImg {margin-bottom: 60px; box-shadow: 5px 5px 10px rgba(0,0,0,0.2); position: relative;}
.guideWrap .guideBox .guideImg::before {content: ''; width: 156px; height: 116px; background: url('/images/Culture/images/04/guideBg_icon2.png') no-repeat; background-size: 100%; position: absolute; bottom: -40px; left: -20px; z-index: 1;}
.guideWrap .guideBox .guideImg .img-preview {border-radius: 10px; overflow: hidden;}

.guideWrap .guideBox .guideList {width: 100%; display: flex; position: relative;}
.guideWrap .guideBox .guideList::before {content: ''; width: 407px; height: 221px; background: url('/images/Culture/images/04/guideBg_icon1.png') no-repeat; background-size: 100%; position: absolute; bottom: -20px; right: -40px;}
.guideWrap .guideBox .guideList li {margin-right: 15px; min-width: 150px;}
.guideWrap .guideBox .guideList li:last-child {margin-right: 0;}
.guideWrap .guideBox .guideList li a {display: block; padding: 20px; box-sizing: border-box;color: #fff; border-radius: 5px; font-family: 'NotoKrB'; font-size: 15px;  background: url('/images/Culture/images/04/guideArrow.png') right 20px center no-repeat #313e2c;}
.guideWrap .guideBox .guideList li a:hover {opacity: 0.95;}

@media screen and (max-width: 1600px) {
    .guideWrap .guideBox .guideList::before {width: 315px; bottom: 40px;}
}

@media screen and (max-width: 1200px) {
    .guideWrap .guideBox {padding: 0 50px 60px 50px;}
    .guideWrap .guideBox .guideList li {width: 25%; min-width: auto;}
    .guideWrap .guideBox .guideList li a {padding: 15px;}
}

@media screen and (max-width: 680px) {
    .guideWrap .guideBox .guideImg::before, .guideWrap .guideBox .guideList::before {display: none;}

    .guideWrap .guideBox {padding: 20px;}
    .guideWrap .guideBox .guideImg {margin-bottom: 20px;}
    .guideWrap .guideBox .guideList {flex-wrap: wrap;}
    .guideWrap .guideBox .guideList li {width: 48%; margin-bottom: 10px;}
    .guideWrap .guideBox .guideList li:nth-child(2) {margin-right: 0;}
}

@media screen and (max-width: 480px) {
    .guideWrap .guideBox {padding: 20px 10px;}
    .guideWrap .guideBox .guideList li {width: 100%; margin-right: 0;}
    .guideWrap .guideBox .guideList li a {font-size: 14px;}
    .guideWrap .guideBox .guideList li a span>br {display: none;}
}                        

/* 교통정보 */
.trafficWrap {width: 100%; border-radius: 10px; overflow: hidden;}

.trafficWrap .trafficList {width: 100%; background-color: #f9f9f9; padding: 0 85px; box-sizing: border-box;}

.trafficWrap .trafficList .trafficCon {display: flex; flex-wrap: wrap; align-items: center; min-height: 95px; padding-left: 175px; box-sizing: border-box; position: relative;}
.trafficWrap .trafficList .trafficCon>ul {width: 50%; padding: 45px 0; box-sizing: border-box;}
.trafficWrap .trafficList .trafficCon>ul:first-child {border-bottom: 1px solid #f2f2f2;}
.trafficWrap .trafficList .trafficCon.bus {background: url('/images/Culture/images/04/bus.png') left center no-repeat;}
.trafficWrap .trafficList .trafficCon.train {background: url('/images/Culture/images/04/train.png') left center no-repeat;}

.traffic_tit {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 20px;}

.trafficInfoWrap {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 45px 60px; box-sizing: border-box; background-color: #f9f9f9; border-radius: 10px; margin-bottom: 50px;}
.trafficInfoWrap .trafficCon {width: 46%;}
.trafficInfoWrap.type02 .trafficCon {width: 100%;}
.trafficInfoWrap .trafficCon .titBox {width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom: 35px;}
.trafficInfoWrap .trafficCon .titBox .tit {font-family: 'jalnan'; font-size: 18px; color: #5289c1;}

.trafficInfoWrap.type02 .listBox {width: 100%; display: flex; flex-wrap: wrap;}
.trafficInfoWrap.type02 .listBox>ul {width: 48%;}

.trafficInfoWrap .trafficCon ul li {display: flex;}
.trafficInfoWrap .trafficCon ul>li>span {display: block; width: 15%; flex-shrink: 0; margin-right: 20px; position: relative; letter-spacing: -0.03em;}
.trafficInfoWrap.type02 .trafficCon ul>li>span {width: 120px;}
.trafficInfoWrap .trafficCon ul>li>span::before {content: ''; position: absolute; top: 4px; right: 0; background-color: #bcbcbc; width: 1px; height: 11px;}

.timeTable {display: none;}
.timeTable.active {display: block;}

@media screen and (max-width: 1400px) {
    .trafficInfoWrap {padding: 30px 35px;}
    .trafficInfoWrap .trafficCon .titBox {margin-bottom: 20px;}
    .trafficInfoWrap .trafficCon ul>li>span {width: 25%;}
}

@media screen and (max-width: 1200px) {
    .trafficWrap .trafficList {padding: 0 20px;}
    .trafficWrap .trafficList .trafficCon {padding-left: 125px;}

    .trafficInfoWrap .trafficCon .titBox .tit {width: 100%; margin-bottom: 15px;}
}

@media screen and (max-width: 780px) {
    .trafficWrap .trafficList .trafficCon.bus, .trafficWrap .trafficList .trafficCon.train {background-size: 60px;}

    .trafficWrap .trafficList .trafficCon {padding-left: 70px;}
    .trafficWrap .trafficList .trafficCon>ul {padding: 30px 0;}
}

@media screen and (max-width: 680px) {
    .trafficInfoWrap .trafficCon, .trafficInfoWrap.type02 .listBox>ul {width: 100%;}
    .trafficInfoWrap .trafficCon:first-child {margin-bottom: 40px;}
    .trafficInfoWrap .trafficCon ul>li>span {top: 0;}
}

@media screen and (max-width: 480px) {
    .trafficWrap .trafficList {padding: 20px 10px;}
    .trafficWrap .trafficList .trafficCon.bus, .trafficWrap .trafficList .trafficCon.train {background-position: top left;}
    .trafficWrap .trafficList .trafficCon.bus {padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #f2f2f2;;}

    .trafficWrap .trafficList .trafficCon>ul {padding: 0; width: 100%;}
    .trafficWrap .trafficList .trafficCon>ul:first-child {border-bottom: none;}

    .trafficInfoWrap {padding: 30px 20px;}
    .trafficInfoWrap .trafficCon .titBox {margin-bottom: 10px;}
    .trafficInfoWrap .trafficCon ul>li>span {width: 30%;}
    .trafficInfoWrap.type02 .trafficCon ul>li>span {width: 110px;}
} 

/* 관광안내도 */
.guide_infoWrap {width: 100%; border-radius: 10px; background-color: #f9f9f9; position: relative; margin-top: 150px;}
.guide_infoWrap .guide_infoBox {display: flex; justify-content: flex-end; padding: 35px; box-sizing: border-box;}

.guide_infoWrap .tit {position: absolute; top: -55px; left: 50%; font-family: 'GmarketSans'; font-size: 25px; color: #000000;}

.guide_infoWrap .imgBox {width: 50%; position: absolute; bottom: 40px; left: -25px;}
.guide_infoWrap .imgBox img {width: 100%;border-radius: 10px;  box-shadow: 9px 9px 9px rgba(0,0,0,0.2);}

.guide_infoWrap .textBox {width: 50%;}
.guide_infoWrap .textBox li {display: flex; font-family: 'NotoKrM'; font-size: 15px; color: #555555; margin-bottom: 20px;}
.guide_infoWrap .textBox li:last-child {margin-bottom: 0;}
.guide_infoWrap .textBox li span {display: inline-block; flex-shrink: 0; padding-left: 30px; width: 115px; margin-right: 20px; font-family: 'NotoKrB'; color: #333333; position: relative;}

.guide_infoWrap .textBox li span.location {background: url('/images/Culture/images/04/location_icon.png') left top no-repeat;}
.guide_infoWrap .textBox li span.info {background: url('/images/Culture/images/04/info_icon.png') left top no-repeat;}
.guide_infoWrap .textBox li span.time {background: url('/images/Culture/images/04/time_icon.png') left top no-repeat;}
.guide_infoWrap .textBox li span.use {background: url('/images/Culture/images/04/use_icon.png') left top no-repeat;}

.guide_infoWrap .textBox li span::before {content: ''; position: absolute; top: 7px; right: 0; width: 1px; height: 11px; background-color: #c8c8c8;}

@media screen and (max-width: 1400px) {
    .guide_infoWrap {margin-top: 100px;}
    .guide_infoWrap .tit {left: 0; top: -35px;}
    
    .guide_infoWrap .guide_infoBox {padding: 0;}
    .guide_infoWrap .textBox {padding: 30px 30px 30px 0; box-sizing: border-box;}
    .guide_infoWrap .imgBox {position: static; margin-right: 20px;}
}

@media screen and (max-width: 780px) {
    .guide_infoWrap .guide_infoBox {flex-wrap: wrap; justify-content: center;}
    .guide_infoWrap .imgBox {margin-right: 0; width: 100%; flex-shrink: 1;}
    .guide_infoWrap .textBox {width: 100%;}
}

@media screen and (max-width: 480px) {
    .guide_infoWrap .tit {font-size: 20px;}
    .guide_infoWrap .textBox li {flex-wrap: wrap;}
    .guide_infoWrap .textBox li span {width: 100%; margin-right: 0; margin-bottom: 15px;}
    .guide_infoWrap .textBox li span::before {display: none;}
}

/* 문화관광해설사 */
.tourismWrap {width: 100%; border-radius: 5px; background-color: #f9f9f9; padding: 65px 50px; box-sizing: border-box; position: relative;}
.tourismWrap::before {content: ''; width: 302px; height: 264px; background: url('/images/Culture/images/04/tourismBg.png') no-repeat; background-size: 100%; position: absolute; top: 40px; right: 130px;}

.tourismWrap .textBox {width: 100%; margin-bottom: 65px;}
.tourismWrap .textBox .tit {font-family: 'jalnan'; font-size: 24px; color: #5289c1; margin-bottom: 30px;}
.tourismWrap .textBox .txt {font-family: 'NotoKrR'; font-size: 15px; color: #555555;}

.tourismWrap .list {width: 100%; display: flex; position: relative; z-index: 1;}
.tourismWrap .list li {width: 18%; background-color: #fff; border-radius: 10px; padding: 30px 30px 15px 30px; box-sizing: border-box; margin-right: 2%; font-size: 15px;}
.tourismWrap .list li .tit {font-family: 'GmarketSans'; color: #5289c1; margin-bottom: 10px; font-size:18px; font-weight:600;}
.tourismWrap .list li .txt {font-family: 'NotoKrM'; color: #555555;}

.tourismList {width: 100%; display: flex;}
.tourismList li {width: 24%; margin-right: 2%; border: 1px solid #e1e1e1; box-sizing: border-box; border-radius: 10px; overflow: hidden;}
.tourismList li:last-child {margin-right: 0;}
.tourismList li .imgBox {width: 100%;}
.tourismList li .imgBox img {width: 100%;}

.tourismList li .txtBox {padding: 20px 25px; box-sizing: border-box;}
.tourismList li .txtBox .tit {font-family: 'GmarketSans'; font-size: 18px; color: #5289c1; margin-bottom: 10px; font-weight:600;}
.tourismList li .txtBox .location {font-family: 'NotoKrL'; font-size: 15px; color: #666666;}
.tourismList li .txtBox .location span {display: inline-block; padding-left: 30px; box-sizing: border-box; background: url('/images/Culture/images/04/location_icon.png') left center no-repeat;}

@media screen and (max-width: 1600px) {
    .tourismWrap::before {width: 225px; top: 110px; right: 40px;}
}

@media screen and (max-width: 1400px) {
    .tourismWrap {padding: 50px;}
    .tourismWrap .textBox {margin-bottom: 40px;}
    .tourismWrap::before {display: none;}
    .tourismWrap .list {flex-wrap: wrap;}
    .tourismWrap .list li {width: 31%; margin-bottom: 20px;}
}

@media screen and (max-width: 780px) {
    .tourismWrap {padding: 30px;}
    .tourismWrap .textBox  {margin-bottom: 30px;}
    .tourismWrap .list, .tourismList {justify-content: space-between;}
    .tourismWrap .list li {width: 48%; margin-right: 0;}

    .tourismList {flex-wrap: wrap; justify-content: space-between;}
    .tourismList li {width: 48%; margin-right: 0; margin-bottom: 20px;}
}

@media screen and (max-width: 480px) {
    .tourismWrap {padding: 30px 20px;}
    .tourismWrap .textBox, .tourismWrap .textBox .tit {margin-bottom: 20px;}
    .tourismWrap .list li {width: 100%; margin-bottom: 10px; padding: 20px 20px 15px 20px;}
    .tourismList li {width: 100%;}
}       

/* 전북투어패스 */
.tourPassWrap {width: 100%; background-color: #f9f9f9; border-radius: 10px; padding: 50px 70px 50px 50px; box-sizing: border-box;}
.tourPassWrap .tourinfoBox {display: flex; justify-content: space-between;}
.tourPassWrap .tourinfoBox .textCon {margin-right: 50px;}
.tourPassWrap .tourinfoBox .textCon .tit {font-family: 'jalnan'; font-size: 24px; color: #5289c1; margin-bottom: 25px;}
.tourPassWrap .tourinfoBox .textCon .txt {font-family: 'NotoKrR'; font-size: 15px; color: #555555; margin-bottom: 38px; word-break: keep-all;}
.tourPassWrap .tourinfoBox .imgCon {position: relative; flex-shrink: 0;}
.tourPassWrap .tourinfoBox .imgCon::before {content: ''; position: absolute; bottom: -10px; left: -40px; background: url('/images/Culture/images/04/pass_icon.png') no-repeat; background-size: 100%; width: 424px; height: 130px;}
.tourPassWrap .tourinfoBox .imgCon img {width: 100%;}

.tourPlusWrap {width: 100%; display: flex;}
.tourPlusWrap li {width: 47%; margin-right: 3%; padding: 35px; border: 1px solid #e1e1e1; box-sizing: border-box; border-radius: 15px;}
.tourPlusWrap li:last-child {margin-right: 0;}
.tourPlusWrap li .tit {font-family: 'jalnan'; font-size: 18px; color: #5289c1; margin-bottom: 30px;}
.tourPlusWrap li .txt {font-family: 'NotoKrR'; font-size: 15px; color: #555555; word-break: keep-all; line-height: 180%;}


@media screen and (max-width: 1200px) {
    .tourPassWrap .tourinfoBox {flex-wrap: wrap;}
    .tourPassWrap .tourinfoBox .textCon{width: 100%; margin-right: 0; margin-bottom: 30px;}
    .tourPassWrap .tourinfoBox .imgCon {margin: 0 auto;}
}

@media screen and (max-width: 1025px) {
    .tourPassWrap {padding: 35px;}

    .tourPlusWrap li {width: 48%; margin-right: 2%; padding: 25px;}
    .tourPlusWrap li .tit {margin-bottom: 15px; font-size: 17px;}
    .tourPlusWrap li .txt {font-size: 14px;}
}

@media screen and (max-width: 680px) {
    .tourPassWrap .tourinfoBox .imgCon::before {width: 380px; bottom: -30px; left: -15px;}

    .tourPlusWrap {flex-wrap: wrap;}
    .tourPlusWrap li {width: 100%; margin-right: 0; margin-bottom: 20px;}
}

@media screen and (max-width: 480px) {
    .tourPassWrap {padding: 25px;}
    .tourPassWrap .tourinfoBox .textCon .tit {margin-bottom: 20px;}
    .tourPassWrap .tourinfoBox .textCon .txt {margin-bottom: 20px;}
    .tourPassWrap .tourinfoBox .imgCon {width: 100%;}
    .tourPassWrap .tourinfoBox .imgCon::before {display: none;}

    .tourPlusWrap li {padding: 20px;}
}