@charset "utf-8";

/* content 페이지 공통 컬러 */
.cont_red {color: #A45B3C;}

/* icon_listA안에 txt-check쓸 경우 */
.bodo_icon_list > ul > li p.txt-check {color: #dc132c;}

/* sub01_01_01 백제역사유적지구 */
.s010101 .imgbox2 {padding: 0;}
.s010101 .txt-box{background-color: #313131;border:none;padding: 90px;border-top: 1px dashed rgba(255,255,255,0.3);}
.s010101 .txt-box p{color: #e2dfd6;}
.s010101 .txt-box p:first-child{text-align:center;font-size:22px;margin-bottom:30px}
@media(max-width:640px){
    .s010101 .txt-box {padding:80px 10%;}
}

/* sub01_01_01 백제역사유적지구 End */

/* sub01_01_02 ~ 공주의 세계유산 */
.s0101 {border: 1px solid #ddd; width: 100%;}
.s0101 .tour_title_box {width: 100%; padding: 50px 70px; overflow: hidden; position: relative; box-sizing: border-box; color: #fff;}
.s0101 .tour_title_box.color_01 {background-color: #14364a;}
.s0101 .tour_title_box.color_02 {background-color: #639527;}
.s0101 .tour_title_box.color_03 {background-color: #725c44;}
.s0101 .tour_title_box h2 {width:calc(100% - 120px);font-size: 35px;}
.s0101 .tour_title_box h2 small {font-size: 15px; color: #fff;}
.s0101 .tour_title_box::after {position: absolute; top: 50%; right: 50px; margin-top: -34px; width: 120px; height: 70px; content: ""; background-image: url(/images/tour/sub01/unesco_mark.png);}
.s0101 .main_img {width: 100%;}
.s0101 .main_img img {width: 100%; display: block;}
.s0101 .tour_con_box {width: 80%; margin: 50px auto 30px;}
.s0101 .tour_con_box .con {margin-bottom: 50px;}
.s0101 .tour_con_box .con.con01 .riegis_con_box {width: 100%; margin: 30px auto; position: relative; padding: 40px; background-color: #f5f5f5;}
.s0101 .tour_con_box .con.con01 .riegis_con_box::after {content: ""; display: block; clear: both;}
.s0101 .tour_con_box .con.con01 .riegis_con_box .ri_txt_box {width: 80%; float: left; padding: 0 30px 20px 0;}
.s0101 .tour_con_box .con.con01 .riegis_con_box .ri_img_box {width: 20%; float: right; margin-top: -85px;}
.s0101 .tour_con_box .con.con01 .riegis_con_box .ri_img_box img {-webkit-box-shadow: 15px 15px 20px rgba(0,0,0,0.1); max-width: 100%; vertical-align: top;}

.s0101 .tour_con_box .con.con02 {width: 100%; border: 1px solid #ddd;}
.s0101 .tour_con_box .con.con02 video {display: block;}
.s0101 .tour_con_box .con.con02 .vod_subscript {width: 100%; padding: 35px; background-color: #f5f5f5;}
.s0101 .tour_con_box .con.con02 .vod_subscript::after {content: ""; display: block; clear: both;}
.s0101 .tour_con_box .con.con02 .vod_subscript strong {float: left; margin-top: 10px; padding-bottom: 34px; width: 15%; background: url(/images/tour/sub01/veo_arrow.png)no-repeat left bottom; font-size: 16px; font-weight: 700; color: #a45b3c;}
.s0101 .tour_con_box .con.con02 .vod_subscript .vod_subtit_txt {float: left; width: 85%;}
.s0101 .tour_con_box .con.con02 .vod_subscript .vod_subtit_txt .txtwrap {width: 100%; height: 150px; overflow-y: scroll;}
.s0101 .tour_con_box .con.con02 .vod_subscript .vod_subtit_txt .txtwrap pre {width: 100%; padding: 10px; white-space: pre-line; word-wrap: break-word; word-break: keep-all; font-family: 'nsk', 'sans-serif';}
.s0101 .tour_con_box .con.con03 .photo_wrap.typeC {margin-top: 20px;}
.s0101 .tour_con_box .con.con03 .photo_wrap.typeC .thumb2 ul li {border: none;}
.s0101 .tour_con_box .con.con03 .photo_wrap.typeC .thumb2 img {width: 100%; display: block;}
.s0101 .tour_con_box .con.con03 .photo_wrap.typeC.col3 .thumb2 ul li {width: calc(33.333% - 20px);}

.s0101 video {width:100%; height:100%;}
@media(max-width:1200px) {
    .s0101 .tour_con_box {width: 85%;}
    .s0101 .tour_con_box .con.con01 .riegis_con_box .ri_txt_box {width: 70%;}
    .s0101 .tour_con_box .con.con01 .riegis_con_box .ri_img_box {width: 30%;}
}
@media(max-width:980px){
    .s0101 .tour_con_box {width: 90%;}
    .s0101 .tour_con_box .con.con01 .riegis_con_box {margin-top: 60px;}
}
@media(max-width:850px) {
    .s0101 .tour_con_box .con.con01 .riegis_con_box {padding-bottom: 140px; padding-right: 10px;}
    .s0101 .tour_con_box .con.con01 .riegis_con_box .ri_txt_box {width: 60%;}
    .s0101 .tour_con_box .con.con01 .riegis_con_box .ri_img_box {width: 40%; margin-top: -90px;}
    .s0101 .tour_con_box .con.con01 .riegis_con_box .ri_txt_box p:last-child {position: absolute; padding-right: 60px;}
    .s0101 .tour_con_box .con.con03 .photo_wrap.typeC.col3 .thumb2 ul li {width: calc(50% - 20px);}
}
@media(max-width:767px) {
    .s0101 .tour_title_box {padding: 50px 50px;}
    .s0101 .tour_con_box .con.con01 .riegis_con_box {padding: 30px; margin-top: 70px;}
    .s0101 .tour_con_box .con.con01 .riegis_con_box .ri_txt_box {float: none; width: 100%; padding: 30px 0;}
    .s0101 .tour_con_box .con.con01 .riegis_con_box .ri_img_box {float: none; width: 100%; text-align: center; margin-top: 0;}
    .s0101 .tour_con_box .con.con01 .riegis_con_box .ri_img_box img {margin-top: -65px;}
    .s0101 .tour_con_box .con.con01 .riegis_con_box .ri_txt_box p:last-child {position: relative; padding-right: 0;}
    .s0101 .tour_con_box .con.con02 .vod_subscript strong {float: none; background: none; width: 100%;}
    .s0101 .tour_con_box .con.con02 .vod_subscript .vod_subtit_txt {float: none; width: 100%;}
}
@media(max-width:640px) {
    .s0101 .tour_con_box .con.con03 .photo_wrap.typeC.col3 .thumb2 ul li {width: 100%;}
}
@media(max-width:550px) {
    .s0101 .tour_title_box {padding: 50px 30px;}
    .s0101 .tour_title_box::after {right: 30px;}
    .s0101 .tour_title_box h2 small {display: block; padding-top: 5px;}
}
@media(max-width:420px) {
    .s0101 .tour_title_box h2 {width:100%; font-size: 24px;} 
    .s0101 .tour_title_box h2 small {font-size: 14px;}
    .s0101 .tour_title_box::after {width: 70px; height: 42px; background-size: 100%; top: 38%;}
}
/* sub01_01_02 ~ 공주의 세계유산 End */

/* sub01_02 공주의 세계기록유산 */
.s0102 .photo_wrap2.typeD .thumb2 ul li {border: 1px solid #ddd; min-height: 830px;}
.s0102 .photo_wrap2.typeD .thumb2 ul li span {background: none; border: none;}
.s0102 .photo_wrap2.typeD .thumb2 ul li span img {padding: 30px 85px; width: 100%;}
.s0102 .photo_wrap2.typeD .thumb2 ul li strong {font-size: 18px; text-align: center; font-weight: bold;}
.s0102 .photo_wrap2.typeD .thumb2 ul li p {border: none; padding: 20px 20px 30px 20px; text-align: left;}
@media(max-width:1150px) {
    .s0102 .photo_wrap2.typeD .thumb2 ul li {min-height: 810px;}
}
@media(max-width:1100px) {
    .s0102 .photo_wrap2.typeD .thumb2 ul li span img {padding: 30px 65px; width: 100%;}
}
@media(max-width:1024px) {
    .s0102 .photo_wrap2.typeD .thumb2 ul li {min-height: 795px;}
}
@media(max-width:950px) {
    .s0102 .photo_wrap2.typeD .thumb2 ul li {min-height: 810px;}
    .s0102 .photo_wrap2.typeD .thumb2 ul li span img {padding: 30px;}
}
@media(max-width:890px) {
    .s0102 .photo_wrap2.typeD .thumb2 ul li {min-height: 830px;}
}
@media(max-width:850px) {
    .s0102 .photo_wrap2.typeD .thumb2 ul li {min-height: 803px;}
}
@media(max-width:780px) {
    .s0102 .photo_wrap2.typeD .thumb2 ul li {min-height: 782px;}
}
@media(max-width:767px) {
    .s0102 .photo_wrap2.typeD .thumb2 ul li {margin-bottom: 30px; min-height: auto;}
}
@media(max-width:450px) {
    
    .s0102 .photo_wrap2.typeD .thumb2 ul li span img {padding: 20px;}
}

.s0102 .box.tbl_frame {width: 100%; height: 290px; border: 1px solid #d0d0d0; margin-bottom: 60px;}
.s0102 .box.tbl_frame ul {padding: 26px 28px 15px 28px;}
.s0102 .box.tbl_frame img {width: 100%;}
.s0102 .box.tbl_frame ul li {display: inline-block; width: 11%; height: 200px; margin-left: 29px;}
.s0102 .box.tbl_frame ul li:first-child {width: 18%; height: 200px; margin-left: 5px;}
.s0102 .box.tbl_frame ul li:nth-child(2n) {width: 10.3%; height: 200px; margin-left: 30px;}
.s0102 .box.tbl_frame .text_3 {text-align: center; padding-bottom: 30px;}

@media(max-width:1250px) {
    .s0102 .box.tbl_frame {height: auto; margin: 0 0 30px; overflow-x:scroll;}
    .s0102 .box.tbl_frame ul {padding: 32px 30px 15px 30px; width: 1200px;}
    .s0102 .box.tbl_frame ul li {height: auto;}
    .s0102 .box.tbl_frame ul li:first-child {height: auto;}
    .s0102 .box.tbl_frame ul li:nth-child(2n) {height: auto;}
}
@media(max-width: 1023px){
    .s0102 .box.tbl_frame ul {width: 1200px;}
}

/* sub01_02 공주의 세계기록유산 End */

/* sub01_01_04 산사, 한국의 산지 승원 */
.s010104 .sansa_box {position: relative; width: 100%; min-height: 690px; background-image: url(/images/tour/sub01/sub010104_bg01.jpg); background-size: cover; overflow: hidden;}
.s010104 .sansa_box .sansa_title {display: block; margin: 90px 0 50px 0; text-align: center;}
.s010104 .sansa_box .sansa_txt_box{position: absolute; bottom: 0; padding: 50px;}
.s010104 .sansa_box .sansa_txt_box strong {color: #fff; font-size: 18px;}
.s010104 .sansa_box .sansa_txt_box p {color: #fff; margin: 13px 0 0;}
.s010104 .sansa_map {width: 100%;}
.s010104 .sansa_map img {width: 100%; display: block;}
@media(max-width:767px) {
    .s010104 .sansa_box .sansa_title img {width: 80%;}
}
/* sub01_01_04 산사, 한국의 산지 승원 End */

/* sub03_03_01 공주시문화재현황 */
.s030301 .table_mt_0 {margin: -35px 0 10px;}
@media(max-width: 767px) {
    .s030301 .table_mt_0 {margin: 0;}
}
/* sub03_03_01 공주시문화재현황 End */

/* sub04_01_01 개요 */
.s040101 .tour_photo1 .info_box ul li ul li {padding-left: 0;}
/* sub04_01_01 개요 End */

/* sub04_01 개요 */
.s0401 .tour_photo1 .info_box ul li ul li {padding-left: 0;}
/* sub04_01 개요 End */

/* sub04_04 개요 */
.s0404 .tour_photo1 .info_box ul li ul li {padding-left: 0;}
/* sub04_04개요 End */

/* sub04_05 개요 */
.s0405 .tour_photo1 .info_box ul li ul li {padding-left: 0;}
/* sub04_05개요 End */




/* sub0101 공주의 세계유산 시작 */
/* 레이아웃 */
.sub01_01 #svisual_layout,
.sub01_01 #svisual_layout:before,
.sub01_01 .tour_location,
.sub01_01 #location {display:none;}
.sub01_01 #body_layout .body_wrap {max-width:100%;}
.sub01_01 .content-info {max-width:1240px; margin:0 auto;}

@-webkit-keyframes images_fade {0% {-webkit-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);}60% {-webkit-transform: scale(1.03) rotate(0.01deg);transform: scale(1.03) rotate(0.01deg);}100% {-webkit-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);}}
@keyframes images_fade {0% {-webkit-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);}60% {-webkit-transform: scale(1.03) rotate(0.01deg);transform: scale(1.03) rotate(0.01deg);}100% {-webkit-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);}}
@-webkit-keyframes c_eye {0%,80%,90%,100%{opacity:1;} 85%,95%{opacity:0;} }
@keyframes c_eye {0%,80%,90%,100%{opacity:1;} 85%,95%{opacity:0;}  } 
@-webkit-keyframes hand3{0% {transform:rotate(10deg);-webkit-transform:rotate(10deg);}50% {transform:rotate(0deg);-webkit-transform:rotate(0deg);}100% {transform:rotate(10deg);-webkit-transform:rotate(10deg);}}
@keyframes hand3{0% {transform:rotate(10deg);-webkit-transform:rotate(10deg);}50% {transform:rotate(0deg);-webkit-transform:rotate(0deg);}100% {transform:rotate(10deg);-webkit-transform:rotate(10deg);}}
@-webkit-keyframes vibes2{0%,40%,100% {-webkit-transform:translateY(0)}20%,60% {-webkit-transform:translateY(3px)}}
@keyframes vibes2{0%,40%,100% {transform:translateY(0)}20%,60% {transform:translateY(3px)}}


#main_slide {position:relative;top:-100px}
#main_slide:before{display:block;position:absolute;top:0;left: 50%;z-index: 1;content:'';width:1px;height:100%;background: rgba(255,255,255,.2);}
#main_slide .line {display: block;position:absolute;left: 50%;z-index: 1;width:100%;max-width: 1240px;height:100%;margin-left: -620px;border-left: 1px solid rgba(255,255,255,.2);border-right: 1px solid rgba(255,255,255,.2);}
#main_slide .line:before,
#main_slide .line:after {display:block; position:absolute; top:0; content:''; width:1px; height:100%; background:rgba(255,255,255,.2);}
#main_slide .line:before {top: 100px;left:25%;}
#main_slide .line:after {right:25%; }
#main_slide .sliderBox {display:block; overflow:hidden; width:100%;height:740px; padding:0; margin:0;}
#main_slide .sliderBox > ul {position:relative;z-index: 0;width:100%;height:100%;}
#main_slide .sliderBox > ul > li {overflow:hidden; position:absolute; top:0; left:0;width:100%; height:100%;}
#main_slide .sliderBox > ul > li span {display:block; width:100%; height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;}
#main_slide .sliderBox > ul > li.active span {-webkit-animation: images_fade 9s linear;animation: images_fade 9s linear;}
#main_slide .sliderBox > ul > li.slide1 span {background-image:url(/images/tour/sub01/sub0101_img01.jpg)}
#main_slide .sliderBox > ul > li.slide2 span {background-image:url(/images/tour/sub01/sub0101_img02.jpg)}
#main_slide .sliderBox > ul > li.slide3 span {background-image:url(/images/tour/sub01/sub0101_img03.jpg)}
#main_slide .sliderBox > ul > li.slide4 span {background-image:url(/images/tour/sub01/sub0101_img04.jpg)}
#main_slide .sliderBox > ul > li.slide5 span {background-image:url(/images/tour/sub01/sub0101_img05.jpg)}
#main_slide .title {position:absolute;top:250px;z-index: 2;width:100%;}
#main_slide .title span {display:block; opacity: 0;margin:0 0 20px;text-align:center;font-size:27px;font-weight:500;color:#fff;-webkit-animation: showup 2s ease-in forwards 0.3s;animation: showup 2s ease-in forwards 0.3s;}
#main_slide .title strong {display:block; opacity: 0;text-align:center;-webkit-animation: showup 4s ease-in forwards 0.8s;animation: showup 4s ease-in forwards 0.8s;}
#main_slide .controlBox {}
#main_slide .controlBox .paging {position:absolute;z-index: 2;bottom:-63px;right:0;}
#main_slide .controlBox .paging:after {display:block; clear:both; visibility:hidden; content:'';}
#main_slide .controlBox .paging button {float:left;position:relative;width:192px;height:126px;padding: 25px;color: #fff;-webkit-transition: all 0.3s;transition: all 0.3s;text-align:left;}
#main_slide .controlBox .paging button:before {display:block;position:absolute;left:0;top:0;z-index: 1;content:'';width:100%;height:100%;background: rgba(0,0,0,.4);}
#main_slide .controlBox .paging button.on:after{display:block;position:absolute;left:0;top:0;z-index: 2;content:'';width:calc(100% - 16px);height:calc(100% - 16px);border: 8px solid #fd8800;}
#main_slide .controlBox .paging button.on{box-shadow: 5px 8px 10px rgba(0,0,0,.2);}
#main_slide .controlBox .paging button.btn_page1 {background:url(/images/tour/sub01/sub0101_img01.jpg)no-repeat center; background-size:cover;}
#main_slide .controlBox .paging button.btn_page2 {background:url(/images/tour/sub01/sub0101_img02.jpg)no-repeat center; background-size:cover;}
#main_slide .controlBox .paging button.btn_page3 {background:url(/images/tour/sub01/sub0101_img03.jpg)no-repeat center; background-size:cover;}
#main_slide .controlBox .paging button.btn_page4 {background:url(/images/tour/sub01/sub0101_img04.jpg)no-repeat center; background-size:cover;}
#main_slide .controlBox .paging button.btn_page5 {background:url(/images/tour/sub01/sub0101_img05.jpg)no-repeat center; background-size:cover;}
#main_slide .controlBox .paging button span {display:block;position:relative;z-index:2;margin: 0 0 10px;color:#fff;line-height:1;font-size:16px;}
#main_slide .controlBox .paging button em {display:block;position:relative;z-index:2;min-height: 42px;color:#fff;font-size:18px;font-weight:700;line-height:1.2;}
#main_slide .controlBox .cotrol2 {position:absolute;bottom: 265px;z-index: 2;width: 100%;text-align: center;}
#main_slide .controlBox .cotrol2 button {display:inline-block;position: relative;width:34px;height:34px;margin: 0 1px;border: 1px solid rgba(255,255,255,.5);border-radius: 50%;font-size:0;}
#main_slide .controlBox .cotrol2 button:before,
#main_slide .controlBox .cotrol2 button:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#main_slide .controlBox .cotrol2 button.btn_prev:before,
#main_slide .controlBox .cotrol2 button.btn_next:before{width:7px;height:7px;border-width:2px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
#main_slide .controlBox .cotrol2 button.btn_prev:before{right: -5px;border-width: 0 0 2px 2px;}
#main_slide .controlBox .cotrol2 button.btn_next:before{left: -5px;border-width: 2px 2px 0 0;}
#main_slide .controlBox .cotrol2 button.btn_stop:before{width: 2px;height:11px;box-shadow: -3px 0 #fff, 3px 0 #fff;}
#main_slide .controlBox .cotrol2 button.btn_play:before{right: -1px;width: 0;height: 0;border-width:6px 0 6px 9px;border-style: solid;border-color: transparent transparent transparent #fff;}

.sub0101 {}
.sub0101 .title {position: relative;margin:50px 0 0;}
.sub0101 .title:after {display:block; clear:both; visibility:hidden; content:'';}
.sub0101 .title .t_left {float:left; width:50%; }
.sub0101 .title .t_left span {display:block; position:relative; line-height:1.4; color:#000; font-size:30px; font-weight:500; }
.sub0101 .title .t_left span.sp1 {display:inline-block;}
.sub0101 .title .t_left span.sp1:after {display:block;position:absolute;left:-7px;right:-7px;bottom: 5px;z-index:1;content:'';height:13px;background:#fde9b2;}
.sub0101 .title .t_left span.sp1 em {position:relative; z-index:2;color:#000; font-size:30px; font-weight:500; }
.sub0101 .title .t_left span.sp2 {}
.sub0101 .title .t_left span.sp2 em {display:block;position:absolute;left:260px;bottom: 6px;content:'';width:7px;height:7px;border-radius:50%;background:#fd8800;}
.sub0101 .title .t_right {float:left; width:50%;}
.sub0101 .title .t_right span {display:block; font-size:16px; color:#494949; line-height:1.9;}
.sub0101 .group {position:relative;width:100%;height: 919px;margin: 90px auto;background:#6594d0;}
.sub0101 .group:before {display:block; position:absolute; content:''; right:0; top:0;width:100%; height:100%; background:url(/images/tour/sub01/sub0101_bg.png)no-repeat top right; background-size:auto 100%;}
.sub0101 .group:after{display:block; clear:both; visibility:hidden; content:'';}
.sub0101 .group .group_inner{position: relative; width: 100%;max-width: 1668px;height: 100%;margin: 0 auto;}
.sub0101 .group .box1 {float:left;position:relative;width:50%;height: 100%;}
.sub0101 .group .box1 .tit {padding:120px 0 0 210px;}
.sub0101 .group .box1 .tit .t1 {display:inline-block;}
.sub0101 .group .box1 .tit .t2 {display:inline-block; position:relative; margin-left:75px;}
.sub0101 .group .box1 .tit .t2 img {position:relative; z-index:2;}
.sub0101 .group .box1 .tit .t2 .c-obj {position:absolute;left: -75px;top: -28px;z-index: 1;width:92px;height:120px;}
.sub0101 .group .box1 .tit .t2 .c-obj .inner {position:relative; width:100%; height:100%;}
.sub0101 .group .box1 .tit .t2 .c-obj .obj {position:absolute;}
.sub0101 .group .box1 .tit .t2 .c-obj .obj1 {left:0; top:0;z-index:2;width:100%;height:100%;background:url(/images/tour/main/c1.png)no-repeat;}
.sub0101 .group .box1 .tit .t2 .c-obj .obj2 {left:0; top:0;z-index:4;width:9px;height:9px; background:url(/images/tour/main/c3.png)no-repeat; -webkit-animation: c_eye 3s ease-in-out infinite both;animation: c_eye 3s ease-in-out infinite both;}
.sub0101 .group .box1 .tit .t2 .c-obj .obj2.obj2-1 {top: 54px;left: 27px;}
.sub0101 .group .box1 .tit .t2 .c-obj .obj2.obj2-2 {top: 56px;left: 54px;}
.sub0101 .group .box1 .tit .t2 .c-obj .obj3 {left:0; top:0;z-index:4;width:100%;height:100%; background:url(/images/tour/main/c2.png)no-repeat;}
.sub0101 .group .box1 .tit .t2 .c-obj .obj4 {left: 10px;top: 60px;z-index:3;width:24px;height:25px;background:url(/images/tour/main/c4.png)no-repeat;-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-animation: hand3 2s ease infinite;animation: hand3 2s ease infinite;}

.sub0101 .group .box1 .tit p {max-width: 250px;color:#fff;}
.sub0101 .group .box1 .map {position:absolute;left: 60px;right: -70px;bottom:-55px;}
.sub0101 .group .box1 .map .inner {position:relative;max-width: 859px;margin: 0 auto;}
.sub0101 .group .box1 .map .marker {}
.sub0101 .group .box1 .map .marker .markerbtn {position:absolute;}
.sub0101 .group .box1 .map .marker .markerbtn.n1 {left: 58%;top: 46%;}
.sub0101 .group .box1 .map .marker .markerbtn.n2 {left: 62%;top: 44%;}
.sub0101 .group .box1 .map .marker .markerbtn.n3 {left: 53.4%;top: 47%;}
.sub0101 .group .box1 .map .marker .markerbtn.n4 {left: 30.8%;top: 23%;}
.sub0101 .group .box1 .map .marker .markerbtn.n5 {left: 33.7%;top: 24%;}
.sub0101 .group .box1 .map .marker .markerbtn a {display:block; position: relative;width:100%; height:100%;}
.sub0101 .group .box1 .map .marker .markerbtn a:after {display:block;position:absolute;z-index:1;left:5px;right:5px;bottom: -6px;content:'';width:auto;height:8px;border-radius:50%;background:rgba(0,0,0,.3);}
.sub0101 .group .box1 .map .marker .markerbtn a span {display:block;position: relative;z-index:2;width:34px;height:42px;padding: 7px 0 0;background:url(/images/tour/sub01/sub0101_marker.png)no-repeat;text-align:center;color:#3751a0;font-size:13px;font-weight:500;}
.sub0101 .group .box1 .map .marker .markerbtn.on a span,
.sub0101 .group .box1 .map .marker .markerbtn a:hover span,
.sub0101 .group .box1 .map .marker .markerbtn a:focus span {background:url(/images/tour/sub01/sub0101_marker_ov.png)no-repeat;color:#e86315;    -webkit-animation: vibes2 1.5s ease infinite;animation: vibes2 1.5s ease infinite;}
.sub0101 .group .box2 {float:right;position:relative;  width:50%;}
.sub0101 .group .box2 ul {width:614px; margin:0 auto; padding:25px 0 0;}
.sub0101 .group .box2 ul:after {display:block; clear:both; visibility:hidden; content:'';}
.sub0101 .group .box2 ul li {width:262px;height: 268px;margin: 0 30px 30px;}
.sub0101 .group .box2 ul li:nth-child(even) {float:right;margin: -149px 30px 0;}
.sub0101 .group .box2 ul li a {display:block; width:100%; height:100%; padding:10px;background:#fff;text-align:center; -webkit-transition:all 0.5s; transition:all 0.5s;}
.sub0101 .group .box2 ul li .thumb {display:block;overflow:hidden;position: relative;width:100%;height:135px;}
.sub0101 .group .box2 ul li .thumb img {}
.sub0101 .group .box2 ul li .thumb span {display:block;opacity:0;position:absolute;left:0;top:0;width: 100%;height: 100%;background:url(/images/tour/sub01/sub0101ov_img.jpg)no-repeat center;-webkit-transition:all 0.5s;transition:all 0.5s;}
.sub0101 .group .box2 ul li .num {position:relative; width:36px; height:36px; line-height:36px; margin:-18px auto 20px; border-radius:50%; background:#3751a0; color:#fff; font-size:17px; font-weight:500;-webkit-transition:all 0.5s; transition:all 0.5s;}
.sub0101 .group .box2 ul li strong {display:block;line-height:1;font-size: 19px;color:#000;font-weight:500;-webkit-transition:all 0.5s;transition:all 0.5s;}
.sub0101 .group .box2 ul li p {line-height:1.3;font-size: 15px;color:#333;-webkit-transition:all 0.5s;transition:all 0.5s;}
.sub0101 .group .box2 ul li a.on,
.sub0101 .group .box2 ul li a:hover,
.sub0101 .group .box2 ul li a:focus {background:#19223e;}
.sub0101 .group .box2 ul li a.on .thumb span,
.sub0101 .group .box2 ul li a:hover .thumb span,
.sub0101 .group .box2 ul li a:focus .thumb span {opacity:1;}
.sub0101 .group .box2 ul li a.on strong,
.sub0101 .group .box2 ul li a:hover strong,
.sub0101 .group .box2 ul li a:focus strong,
.sub0101 .group .box2 ul li a.on p,
.sub0101 .group .box2 ul li a:hover p,
.sub0101 .group .box2 ul li a:focus p {color:#fff;}
.sub0101 .group .box2 ul li a.on .num,
.sub0101 .group .box2 ul li a:hover .num,
.sub0101 .group .box2 ul li a:focus .num {background:#e86315;}


@media(max-width:1748px){   
    .sub0101 .group {max-width:100%;padding:0 40px;}
    .sub0101 .group .box1 .tit {padding: 120px 0 0;text-align: center;}
    .sub0101 .group .box1 .tit p {margin:20px auto 0;}
    .sub0101 .group .box1 .map {position:absolute;left:0;right: 0;bottom: 2%;}

    .sub0101 .group .box1 {width:calc(100% - 614px);}
    .sub0101 .group .box1 .map .inner {max-width:800px;}
    .sub0101 .group .box2 {width: 614px;}
}

@media(max-width:1670px){
    #main_slide:before {top:100px;}
}

@media(max-width:1500px){
    .sub0101 .group .box1 {width:calc(100% - 584px);}
    .sub0101 .group .box1 .map {right:30px;bottom:10%;}
    .sub0101 .group .box1 .map .inner {max-width:630px;} 
    .sub0101 .group .box1 .map .marker .markerbtn.n1 {left: 58%;top: 44%;}
    .sub0101 .group .box1 .map .marker .markerbtn.n2 {left: 62%;top: 42%;}
    .sub0101 .group .box1 .map .marker .markerbtn.n3 {left: 53.4%;top: 46%;}
    .sub0101 .group .box1 .map .marker .markerbtn.n4 {left: 29.8%;top: 19%;}
    .sub0101 .group .box1 .map .marker .markerbtn.n5 {left: 33.7%;top: 21%;}
    .sub0101 .group .box2 {width: 584px;}
    .sub0101 .group .box2 ul {width: 584px;}
    .sub0101 .group .box2 ul li {margin: 0 15px 30px;}
    .sub0101 .group .box2 ul li:nth-child(even) {margin: -149px 15px 0;}

    .sub0101 .title .t_left {width: 350px;}
    .sub0101 .title .t_right {width: calc(100% - 350px);}
    .sub0101 .title .t_right span {display:inline}
}

@media(max-width:1319px){
    .sub01_01 #body_layout .body_wrap {padding:0}
    .sub01_01 .content-info {max-width:100%; padding:0 40px;}

    #main_slide .line {left: 0;max-width:100%;margin: 0;}
    
    .sub0101 .group {/* margin: 55px 0; */}
}

@media(max-width:1279px){
    .sub01_01 .content-info { padding:0 20px;}
    .sub0101 .group {overflow: hidden;height: 800px;padding: 0 20px;}
    .sub0101 .group:before {right: 250px;top:0;width:100%;height:100%;background-size:auto 500px;}

    .sub0101 .group .box1 {width:calc(100% - 508px);}
    .sub0101 .group .box1 .tit .t2 {display:none;}
    .sub0101 .group .box1 .map {left: -20px;right:0;bottom: 2%;}
    .sub0101 .group .box2 {width: 508px;margin-right: -10px;}
    .sub0101 .group .box2 ul {width: 508px;}
    .sub0101 .group .box2 ul li {width: 230px;height: 240px;margin: 0 16px 16px;}
    .sub0101 .group .box2 ul li:nth-child(even) {margin: -149px 16px 16px;}
    .sub0101 .group .box2 ul li .thumb {height:117px;}
    .sub0101 .group .box2 ul li strong {font-size:17px;}
    .sub0101 .group .box2 ul li .num {width: 32px;height: 32px;line-height: 32px;margin: -16px auto 15px;font-size: 15px;}
}

@media(max-width: 1023px){
    #main_slide {top: -65px;}
    #main_slide:before {top:0;}
    #main_slide .line:before {top:0;}
    #main_slide .sliderBox {height: 500px;}

    #main_slide .title {top: 180px;}
    #main_slide .title span {font-size:18px;}
    #main_slide .title strong img {height:60px}
    #main_slide .controlBox .cotrol2 {bottom: 135px;}
    #main_slide .controlBox .cotrol2 button {width:30px; height:30px;}
    #main_slide .controlBox .paging {bottom: -40px;}
    #main_slide .controlBox .paging button {width: 120px;height: 80px;padding: 15px 15px;}
    #main_slide .controlBox .paging button span {font-size:14px;}
    #main_slide .controlBox .paging button em {min-height: 32px;font-size: 13px;font-weight: 500;}
    #main_slide .controlBox .paging button.on:after{width: calc(100% - 8px);height: calc(100% - 8px);border: 4px solid #fd8800;}
    
    .sub0101 .title {margin:30px 0 0;}
    .sub0101 .title .t_left {float:none;width:100%;margin: 0 0 10px;}
    .sub0101 .title .t_right {float:none; width:100%;}
    .sub0101 .title .t_left span.sp1 {display:inline-block;margin-right:10px;}
    .sub0101 .title .t_left span.sp1:after {height: 8px;}
    .sub0101 .title .t_left span.sp1 em {font-size:20px;}
    .sub0101 .title .t_left span.sp2 {display:inline-block;font-size: 20px;}
    .sub0101 .title .t_left span.sp2 em {left:auto;bottom: 5px;right: -8px;width: 5px;height: 5px;}

    .sub0101 .group {height:auto;margin: 55px 0;}
    .sub0101 .group:before {right:-100px;}
    .sub0101 .group .box1 {float:none; width:100%;}
    .sub0101 .group .box1 .tit {margin: 0 0 30px;padding: 70px 0 0;}
    .sub0101 .group .box1 .tit .t1 img {height:55px;}
    .sub0101 .group .box1 .tit .t2 {display:none;}
    .sub0101 .group .box1 .tit p {font-size:15px;}
    .sub0101 .group .box1 .tit {padding:55px 0 0; }
    .sub0101 .group .box1 .map {position:static;margin: 10px 0 0;}

    .sub0101 .group .box2 {float:none;width:100%;padding: 10px 0 30px;}
    .sub0101 .group .box2 ul {width:100%;}
    .sub0101 .group .box2 ul li {float: left;width: 31.3%;margin: 0 1% 15px;}
    .sub0101 .group .box2 ul li:nth-child(even) {float: left;margin: 0 1% 15px;}   
    .sub0101 .group .box2 ul li .thumb {}    
    .sub0101 .group .box2 ul li .thumb em{display:block; position:relative; width:100%; height:100%; }
    .sub0101 .group .box2 ul li .thumb em img {position:absolute;left:50%;top:50%;width: 100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
}

@media(max-width: 767px){
    #main_slide:before,
    #main_slide .line {display:none;}
    #main_slide .title span {font-size:16px;}
    #main_slide .title strong img {height:55px;}
    .sub0101 .title {margin:0}
    .sub0101 .title .t_left span.sp1 em {font-size:16px;}
    .sub0101 .title .t_left span.sp2 {display:inline-block;font-size: 16px;}
    .sub0101 .title .t_left span.sp2 em {bottom: 2px;}
    .sub0101 .title .t_right span {font-size:15px;}
    
    .sub0101 .group {margin: 35px 0 35px;}
    .sub0101 .group .box1 .tit {padding: 35px 0 0;}
    .sub0101 .group .box1 .map {display:none;}
    .sub0101 .group .box2 {padding:0 0 25px;}
    .sub0101 .group .box2 ul {padding: 0;}
    .sub0101 .group .box2 ul li {width:48%; }

}
@media(max-width: 640px){
    #main_slide .sliderBox {height: 450px;}
    #main_slide .title {top: 160px;padding:0 20px;}
    #main_slide .title span {max-width: 250px;margin: 0 auto 10px;}
    #main_slide .title strong img {width:auto; height:auto;max-height:50px;}
    #main_slide .controlBox .cotrol2 {bottom:100px;}
    #main_slide .controlBox .paging {width: 100%;}
    #main_slide .controlBox .paging button {width:20%;}

    .sub0101 .group .box1 .tit .t1 img {height:50px;}
}
@media(max-width: 480px){
    #main_slide .controlBox .paging button {padding:10px; }
    #main_slide .controlBox .paging button span {font-size:10px;}
    #main_slide .controlBox .paging button em {min-height: 42px;font-size: 12px;}
    .sub0101 .group .box2 ul li,
    .sub0101 .group .box2 ul li:nth-child(even) {float:none; width:100%;margin:0 0 10px }
}
/* sub0101 공주의 세계유산 End */

/* sub04_02_01 ~ sub04_02_04 공주대표여행상품 */
.s040201 .trip_box {position:relative;padding: 40px 50px 0;margin: 0 0 80px;background: url(/images/tour/sub04/sub04_02_01_img1.png)no-repeat left top;}
.s040201 .trip_box .inner {position:relative;padding:195px 80px 0; }
.s040201 .trip_box .inner:before {display:block; position:absolute; content:''; right:-50px; top:130px;width:300px;height:260px;background:#f2f2f2;  }
.s040201 .trip_box .inner:after {display:block;position:absolute;content:'';left:0;top:0;width:100%;height:340px;background: url(/images/tour/sub04/sub04_02_01_img01.jpg)no-repeat center 87%;}
.s040201 .trip_box .inner2 {position:relative;z-index:1;min-height: 300px;padding: 0 20px;background:#fff;text-align: center;}
.s040201 .trip_box .trip_title {display:block;margin:0 0 25px;padding: 60px 0 0;font-size:37px;color:#292929;line-height:1;}
.s040201 .trip_box .trip_title span {display:inline-block;font-weight:700;}
.s040201 .trip_box .trip_txt_box {}
.s040201 .trip_box .trip_txt_box p {color:#404142; font-size:16px; }
.s040201 .trip_box .trip_txt_box p span {display:inline-block;position:relative;font-weight: 700;}
.s040201 .trip_box .trip_txt_box p span:before{display:block;opacity: 0.8;position:absolute;z-index:-1;content:'';left: -2px;right: -2px;bottom: -1px;height:11px;background:#d6e0f1;}
.s040201 .trip_box .trip_btn_box {margin: 35px 0 0;}
.s040201 .trip_box .trip_btn_box a {width: 241px;margin:3px 1px;}


.s040201 .crse_banner {overflow: hidden;position: relative;width: 100%;padding: 0 60px 40px 60px;margin: 0 0 50px;border: 1px solid #ddd;border-top: 3px solid #3464b8;}
.s040201 .crse_banner .crse_title{position: relative;padding:44px 50px 46px 152px;background: url(/images/prog/coursDetail/title_bg.png) no-repeat right 50px;}
.s040201 .crse_banner .crse_num{position: absolute;top: 0;left: 0;width: 126px;height: 132px;padding: 5px 16px 0;color: #fff;background: #3464b8 url(/images/prog/coursDetail/tit_bg2.png) no-repeat right top;}
.s040201 .crse_banner .crse_num:before{content: "";position: absolute;top: 130px;left: 0;width: 100%;height: 11px;background: url(/images/prog/coursDetail/tit_bg.png) no-repeat;}
.s040201 .crse_banner .crse_num em{display: block;text-align: center;font-style: italic;}
.s040201 .crse_banner .crse_num .num{display:block;position:relative;margin-top:42px;font-size: 44px;font-style:italic;font-weight:bold;text-align:center;line-height:1;}
.s040201 .crse_banner .crse_num .num:before{content: "";position: absolute;top: -20px;left: 50px;width: 2px;height: 13px;background-color: #fff;-moz-transform: rotate(20deg);-ms-transform: rotate(20deg);-o-transfrom: rotate(20deg);-webkit-transform: rotate(20deg);transform: rotate(20deg);}
.s040201 .crse_banner .crse_title .gubun{color: #3464b8;font-size: 16px;font-weight: 500;}
.s040201 .crse_banner .crse_title h2 {margin: 5px 0 0;padding-right: 200px;font-size:30px;color:#fff;line-height: 1.3;color: #000;font-weight:bold;}
.s040201 .crse_banner .crse_title h2:before { background:none; }
.s040201 .crse_banner .crse_title h2 span { display:block; font-size:28px; color:#ffea00; }
.s040201 .crse_banner .crse_grap{position:relative;padding: 20px 100px 30px;background-color: #f9f9f9;margin: 40px 0;}
.s040201 .crse_banner .grap {  position: relative;  width: 100%;  overflow: hidden; }
.s040201 .crse_banner .grap .obj {overflow:hidden;position:relative; width:100%; height: 100%;  margin-top:20px;}
.s040201 .crse_banner .grap .obj .item { position:relative; float:left; width:180px; text-align:center;  }
.s040201 .crse_banner .grap.grap3 .obj .item {width: 33.33% !important;}
.s040201 .crse_banner .grap.grap4 .obj .item {width:25%;}
.s040201 .crse_banner .grap.grap5 .obj .item {width:20%}
.s040201 .crse_banner .grap .obj .item a{display:inline-block}
.s040201 .crse_banner .control {}
.s040201 .crse_banner .control button {position:absolute;bottom:55px;z-index: 999;display:inline-block;top: 88px;width:60px;height:60px;border:1px solid #ddd;border-radius:50%;background-color:#fff;font-size:0;}
.s040201 .crse_banner .control button.pre {left: 50px;}
.s040201 .crse_banner .control button.ne {right:50px;}
.s040201 .crse_banner button[data-control="prev"]:before,
.s040201 .crse_banner button[data-control="next"]:before{width:13px;height:13px;border-color: #333;} 
.s040201 .crse_banner .grap .obj .item  .img { display: block; position:relative;padding-right: 4px; margin: 5px auto 50px; width: 42px; height: 54px; background: url(/images/prog/coursDetail/mark.png) no-repeat; line-height: 39px;color:#252525;font-weight:bold}
.s040201 .crse_banner .grap .obj .item  .img:before{ content: ""; position: absolute; top: 72px; left: 50%; margin-left: -6px; width: 8px; height: 8px; background-color: #373737; border-radius: 10px;z-index: 100;}
.s040201 .crse_banner .grap .obj .item  span.info { display:block;  }
.s040201 .crse_banner .grap .obj .item  span.info em { display:block; }
.s040201 .crse_banner .grap .obj:after { content: ""; position: absolute; display: block; left: 0; right: -1px; top: 80px; border: 1px dashed #797979;}
.s040201 .crse_banner .grap .obj .item  span.km { position: absolute; top: 64px; right: 0; padding: 4px 15px; font-size: 14px; border: 1px solid #b9b9b9; border-radius: 20px; background-color: #fff; z-index: 100;}
.s040201 .crse_banner .grap .obj .item:last-child span.km: { width:36px; height:25px; }
.s040201 .crse_banner .grap .obj.four_step .item { width:25%; }
.s040201 .crse_banner .grap .obj.five_step .item { width:20%; }

@media (max-width: 1484px){
    .s040201 .crse_banner .grap {margin:0 auto;}
}
@media (max-width: 1200px){
    .s040201 .crse_banner .grap .obj .item a{margin-left:0}
}

@media(max-width:1023px) {
    .s040201 .trip_box {padding:0; background:none;}
    .s040201 .trip_box .inner {position:relative;padding:135px 5% 0; }
    .s040201 .trip_box .inner:before {display:none;}

    .s040201 .crse_banner .crse_title{padding: 160px 0 20px;}
    .s040201 .crse_banner .crse_title h2 {padding:0;}
    .s040201 .crse_banner .grap.grap3 .obj .item {width: 180px !important;}
    .s040201 .crse_banner .grap.grap4 .obj .item {width:180px;}
    .s040201 .crse_banner .grap.grap5 .obj .item {width:180px}
}
@media(max-width:767px) {
    .s040201 .trip_box .inner {position:relative;padding:55px 5% 0; }
    .s040201 .trip_box .trip_title {font-size:30px;}

    .s040201 .crse_banner{padding:0 20px 20px 20px}
   
    .s040201 .crse_banner .crse_title h2{font-size: 25px;}
    .s040201 .crse_banner .crse_grap{padding: 20px 30px;margin: 20px 0;}
    .s040201 .crse_banner .grap {width: 100%;height:100%;}
    .s040201 .crse_banner .grap .obj .item {height:100%; }
    .s040201 .crse_banner .grap .obj .item a span.km { top:21%; }
    .s040201 .crse_banner .control button{height:40px;width:40px;}
    .s040201 .crse_banner .control button.pre {left: 20px;}
    .s040201 .crse_banner .control button.ne {right:20px;}
    .s040201 .crse_banner  button[data-control="prev"]:before,
    .s040201 .crse_banner  button[data-control="next"]:before{width:10px;height:10px;} 
}

@media (max-width: 445px) {
    .s040201 .crse_banner .crse_title {background:none;}
    .s040201 .crse_banner .grap .obj { margin-left:0; }
    .s040201 .crse_banner h2, 
    .s040201 .crse_banner  h2 span { font-size:24px; }
    .s040201 .crse_banner h2 span { display:inline; }
    .s040201 .crse_banner h2 span.no_in { display:block; }
}





/* sub04_02_01 ~ sub04_02_04 공주대표여행상품 End */

/* sub04_03~전체 이미지 슬라이더 박스 공통 */
.s0403 .tour_photo1 .info_box ul li ul.list-1st li {padding-left: 10px; margin: 0;}
.s0403 .tour_photo1 .info_box .btn_box {text-align: center;}
.s0403 .tour_photo1 .info_box .btn_box a {padding: 0 50px 0 20px;}
.s0403 .tour_photo1 .info_box .btn_box a:hover, .s0403 .tour_photo1 .info_box .btn_box a:focus, .s0403 .tour_photo1 .info_box .btn_box a.focus {background-color: #fff; border-color: #48546d; color: #48546d;}
.s0403 .tour_photo1 .info_box ul li.pl_0 {padding-left: 0;}
.s0403 .tour_photo1 .info_box ul li {margin: 0 0 7px;}
@media(max-width:1023px) {
    .s0403 .tour_photo1 .info_box ul li {margin: 0 0 15px;}
}
/* sub04_03~전체 이미지 슬라이더 박스 공통  End */

/* sub04_05 이미지 슬라이더 박스 공통 */
.s0405 .tour_photo1 .info_box .btn_box {text-align: center;}
.s0405 .tour_photo1 .info_box .btn_box a {padding: 0 50px 0 20px;}
.s0405 .tour_photo1 .info_box .btn_box a:hover, .s0405 .tour_photo1 .info_box .btn_box a:focus, .s0405 .tour_photo1 .info_box .btn_box a.focus {background-color: #fff; border-color: #48546d; color: #48546d;}
/* sub04_05 이미지 슬라이더 박스 공통  End */


/* sub04_07 이미지 슬라이더 박스 공통 */
.s0407 .tour_photo1 .info_box .btn_box {text-align: center;}
.s0407 .tour_photo1 .info_box .btn_box a {padding: 0 50px 0 20px;}
.s0407 .tour_photo1 .info_box .btn_box a:hover, .s0407 .tour_photo1 .info_box .btn_box a:focus, .s0407 .tour_photo1 .info_box .btn_box a.focus {background-color: #fff; border-color: #48546d; color: #48546d;}
/* sub04_07 이미지 슬라이더 박스 공통  End */






/* sub04_03_02 백제미마지탈이온다 */
.thema_tour_box {width: 100%; box-sizing: border-box;}
.thema_tour_box .img_topbox {height: 536px; background: url(/images/tour/sub04/sub04_03_02_bg01.jpg)no-repeat; background-size: cover; margin-bottom: 50px; padding: 75px 15px 35px; text-align: center;}
.thema_tour_box .img_topbox * {box-sizing: border-box;}
.thema_tour_box .img_topbox strong {display: inline-block; position: relative; margin-bottom: 25px; padding: 20px 55px 0; font-size: 39px; font-weight: 600; color: #fff;}
.thema_tour_box .img_topbox strong::before {content: ''; position: absolute; top: 13px; left: 0; width: 45px; height: 31px; background: url(/images/tour/sub04/sub04_03_02_ldquo.png); opacity: 0.4;}
.thema_tour_box .img_topbox strong::after {content: ''; position: absolute; top: 13px; right: 0; width: 45px; height: 31px; background: url(/images/tour/sub04/sub04_03_02_rdquo.png); opacity: 0.4;}
.thema_tour_box .img_topbox p {font-size: 16px; color: rgba(255,255,255,0.8); line-height: 23px;}
.thema_tour_box .img_topbox p em {display: block;}
.thema_tour_box .img_topbox .txt_wrap {width: 50%; margin: 60px auto; border: 2px solid rgba(255,255,255,0.6);}
.thema_tour_box .img_topbox .txt_wrap b {display: block; position: relative; top: -30px; width: 216px; height: 45px; margin: 0 auto; padding-top: 10px; background: url(/images/tour/sub04/sub04_03_02_deco01.png) no-repeat; font-size: 16px; font-weight: bold; color: #000; text-align: center; line-height: 18px;}
.thema_tour_box .img_topbox .txt_wrap ul {padding: 0 0 25px;}
.thema_tour_box .img_topbox .txt_wrap ul::after {content:""; display: block; clear: both;}
.thema_tour_box .img_topbox .txt_wrap ul li {float: left; width: 50%; margin-bottom: 5px; padding-left: 8%; font-size: 15px; color: #fff; text-align: left;}
.thema_tour_box .img_topbox .txt_wrap ul li span {display: inline-block; width: 34px; height: 34px; margin-right: 8px; background: #A45B3C; border-radius: 50%; line-height: 34px; text-align: center; font-weight: bold;}
@media(max-width:1200px){
    .thema_tour_box .img_topbox .txt_wrap {width: 80%;}
}
@media(max-width:800px) {
    .thema_tour_box .img_topbox {height: auto; background-size: cover; padding: 60px 15px 40px;}
    .thema_tour_box .img_topbox strong {padding: 20px 45px 0; font-size: 30px; word-break: keep-all;}
    .thema_tour_box .img_topbox p em {display: inline;}
    .thema_tour_box .img_topbox .txt_wrap {width: 100%;}
}
@media(max-width:600px) {
    .thema_tour_box .img_topbox .txt_wrap ul li {float: none; width: 100%; padding-bottom: 10px;}
}
@media(max-width: 330px) {
    .thema_tour_box .img_topbox {background-position: -70px;}
}

/* 공연안내 박스 */
.s040302 .bodo_icon_list.typeB > ul.col4 > li {min-height: 340px;}
.s040302 .bodo_icon_list > ul > li p.txt-check {margin-top: 10px; color: #da4453;}
.s040302 .bodo_icon_list.typeB > ul.col4 > li .txt-check {display: inline-block;}

@media(max-width: 1279px){
    .s040302 .bodo_icon_list.typeB > ul.col4 > li {width: calc(50% - 20px);}
}
@media(max-width: 767px) {
    .s040302 .bodo_icon_list.typeB > ul.col4 > li {min-height: auto; width: calc(100% - 20px);}

}
@media(max-width: 640px) {
    .bodo_icon_list.typeB > ul.col4 > li {width: calc(100% - 20px);}
}

/* 공연기획 인트로박스 */
.s040302 .intro_box.intro_box_bg {background: #fff url(/images/tour/sub04/sub04_03_02_bg02.jpg)no-repeat right bottom;}
.s040302 .intro_box::after {content: ""; display: block; clear: both;}
.s040302 .intro_box .inner {float: left; width: 31.8%; margin: 0 0 1.5% 1.5%; border: 1px solid #d0d0d0; box-sizing: border-box;}
.s040302 .intro_box .inner .txt {padding: 0 20px 20px; min-height: 400px; box-sizing: border-box;}
.s040302 .intro_box .inner .txt strong {display: block; padding: 20px 0 15px 15px; margin-bottom: 30px; border-bottom: 1px solid #d0d0d0; font-size: 18px; font-weight: bold; color: #000; line-height: 1.2; letter-spacing: -2px;}
@media(max-width:1000px){
    .s040302 .intro_box .inner .txt {min-height: 420px;}
}
@media(max-width:900px){
    .s040302 .intro_box .inner {width: 48.5%;}
}
@media(max-width:650px){
    .s040302 .intro_box .inner {width: 100%; float: none; margin: 5px 0;}
    .s040302 .intro_box .inner .txt {min-height: auto;}
    .s040302 .intro_box.intro_box_bg {background: #fff;}
}
/* sub04_03_02 백제미마지탈이온다 End */

/* sub04_03_03 백제어울마당 페이지의 달력 table */
.s0403 .calendar_box {padding: 10px 10px 30px 10px; border: 1px solid #ddd; margin-bottom: 50px;}

.calendar-area .calendar-header{margin:12px 0;text-align:center;background:none;}
.calendar-header__inner{display:inline-block;position:relative}
.calendar__month{padding:0 130px;font-size:32px;line-height:32px;color:#000;vertical-align:middle}
.calendar-area .calendar__month:after{display:none;}
.calendar__next-month,.calendar__prev-month{display:inline-block;position:absolute;height:37px;border:1px solid #b0b0b0;line-height:1;vertical-align:middle}

.calendar__prev-month{top:0;left:0;padding-left:13px;padding-right:23px}
.calendar__next-month{top:0;right:0;padding-left:13px;padding-right:23px}
.calendar__next-text,.calendar__prev-text{font-size:15px;color:#000;vertical-align:middle;line-height:1}
.calendar__prev-text{margin-left:12px}
.calendar__next-text{margin-right:12px}
@media only screen and (max-width:450px){
    .calendar-header__inner{display:block}
    .calendar__month{display:block;padding:0;font-size:28.8px}
    .calendar__next-text,.calendar__prev-text{display:none}
}
.calendar .regend{margin-top:10px}
.calendar-list{width:100%;border-collapse:collapse;margin:4px 0;table-layout:fixed}
.calendar-list thead tr:first-child th{border-top:2px solid #000;border-bottom:1px solid #666}
.calendar-list tr:last-child td{border-bottom:1px solid gray}
.calendar-list tbody tr:first-child td.today{border:3px solid #535353}
.calendar-list tbody tr:last-child td.today{border:3px solid #535353}
.calendar-list td,.calendar-list th{border:1px solid #d1d1d1;box-sizing:border-box}
.calendar-list th{padding:8px;background:#fafafa;color:#666;text-align:center;font-weight:400;vertical-align:middle}
.calendar-list td{position:relative;width:14.25%;vertical-align:top}
.calendar-list td img{margin:0 2px;vertical-align:middle}
.calendar-list button{height:auto}
.calendar-list__inner{padding:8px}
.calendar-list__day{text-align:left}
.calendar-list__day>a,.calendar-list__day>span{display:inline-block;margin-top:-6px;margin-right:2px;vertical-align:middle}
.calendar-list__day>a.calendar-list__day-week,.calendar-list__day>span.calendar-list__day-week{display:none}
.calendar-list__day-week{display:none}
.calendar-list__content{min-height:80px;font-size:15px}
.calendar-list__link{display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.calendar-list__label{display:inline-block;height:23px;margin-top:3px;margin-right:5px;line-height:22px;padding:0 5px;background-color:#323232;color:#fff;font-size:15px;vertical-align:middle}
.calendar-list__label--am,.calendar-list__label--pm{margin-top:1px;margin-bottom:1px}
.calendar-list__label--am+.calendar-list__subject,.calendar-list__label--pm+.calendar-list__subject{width:calc(100% - 44px)}
.calendar-list__label--am{background-color:#4469a6;color:#fff;border-radius:10px}
.calendar-list__label--pm{background-color:#bf6300;color:#fff;border-radius:10px}
.calendar-list__item{padding:1px;display:block}
.calendar-list__item:after{display:block;visibility:hidden;clear:both;content:".";overflow:hidden;width:0;height:0;font-size:0;line-height:0}
.calendar-list__item--line{margin-top:8px;padding-top:5px;margin-left:-8px;margin-right:-8px;padding-left:8px}
.calendar-list__item--line:not(:first-child){border-top:1px dotted #bababa}
.calendar-list__subject{display:inline-block;width:calc(100% - 22px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;line-height:24px;text-align:left}
.calendar-list .today{border:3px solid #535353}
.calendar-list .saturday .calendar-list__day{color:#ed1c24}
.calendar-list .sunday .calendar-list__day{color:#ed1c24}
.calendar-list .closeday{color:#eb5352}
.calendar-list .closeday>span{display:inline-block;width:20px;height:20px;margin-top:-3px;line-height:18px;background:#eb5352;color:#fff;border-radius:50%;font-size:14px;text-align:center;letter-spacing:-1px}
.calendar .holiday{color:#eb5352}
.calendar__modal-list li{margin:10px 0}
.calendar-modal__list .regend__term{float:none}
.calendar-modal__item{margin:12px 0}
.calendar-modal__item:not(:first-child){padding-top:6px;border-top:1px dashed #cfcfcf}
.calendar-modal__item .regend__term-item{margin-top:-4px;margin-right:0}
.calendar-modal__item>span{display:inline-block;vertical-align:top}
.calendar-modal__item .badge{margin-top:2px}
.calendar-modal__subject{width:calc(100% - 110px)}
.calendar-modal__button-view{float:right}
.calendar__day{margin:30px 0 10px;text-align:center}
.calendar__day .saturday{color:#0d71d5}
.calendar__day .sunday{color:#ed1c24}
.calendar__day .today{background:#f7941d;color:#fff}
.calendar__day a{display:inline-block}
.calendar__day a>span{display:inline-block;width:25px;height:25px;border-radius:50%;line-height:24px}
@media only screen and (max-width:640px){
    .calendar-header__inner{display:block}
    .calendar__month{font-size:24px}
    .calendar__next-month,.calendar__prev-month{height:32px;padding:0 8px}
    .calendar__next-month svg,.calendar__prev-month svg{margin-top:0}
    .calendar tr:last-child td{border-bottom-color:#d1d1d1}
    .calendar-list{border-top:2px solid #000;display:table;table-layout:fixed;padding-top:6px}
    .calendar-list colgroup,.calendar-list thead,.calendar-list thead th{display:none}
    .calendar-list tbody{display:table-row-group}
    .calendar-list tbody tr{width:100%;border-bottom:none}
    .calendar-list tbody td{display:block;width:100%;padding:0;border-top:none;text-align:left;box-sizing:border-box;overflow:hidden}
    .calendar-list tbody td:first-child:not(.table__hidden--mobile){padding-top:5.5px}
    .calendar-list tbody td.empty{display:none}
    .calendar-list__inner{position:relative;min-height:25px}
    .calendar-list__inner.empty{display:none}
    .calendar-list__day{position:absolute;left:10px;top:10px}
    .calendar-list__day-week{display:inline-block!important}
    .calendar-list__content{min-height:inherit;padding-left:60px}
    .calendar-list__label+br{display:none}
    .calendar-list__label+br+.calendar-list__subject{display:inline-block;margin-left:10px}
    .calendar-list__subject{width:calc(100% - 36px)}
}
.regend__list:after{display:block;clear:both;content:""}
.regend__list>div{display:inline-block}
.regend__list>div:not(:last-child) .regend__item{margin-right:14px}
.regend__item,.regend__term{display:inline-block;vertical-align:middle}
.regend__item{margin-left:-3px}
.calendar-list__item .badge{float:left;margin-top:4px}
.program__subject .regend__term{margin-top:-1px}
.category{padding:15px;border:3px solid #ccc}
.category__button{display:none}
.category__list:after{content:"";display:table;clear:both}
.category__list li{float:left;display:inline-block}
.category__link{position:relative;display:block;padding:3px 12px 3px 23px}
.category__link:before{position:absolute;content:"";left:12px;top:13px;width:3px;height:3px;background:#aaa}
.category__link.active{background:#000;color:#fff}
.category__link.active:before{left:6px;top:50%;transform:translateY(-50%)}
@media only screen and (max-width:640px){
    .category{padding:0;border:none}
    .category__button{display:block;width:100%;padding:10px 12px 11px;border:2px solid #202d71;color:#202d71;text-align:left;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAANElEQVQYV2Ncvnz5fwYiACPRCkGGEVIcGRnJyAizFZdikCKQGrhCbCbDFGEoRFaMrAgkDgB1ORXvQyzzggAAAABJRU5ErkJggg==) no-repeat right 10px center}
    .category__button:active,.category__button:hover{background-color:#fafafa;border-color:#202d71;color:#202d71}
    .category__body{display:none}
    .category.open{position:relative}
    .category.open .category__body{display:block;position:absolute;top:100%;left:0;width:100%;background:#fff;z-index:1000;border:1px solid #cdcdcd;box-sizing:border-box;box-shadow:0 0 6px rgba(0,0,0,.2)}
    .category.open .category__list li{float:none;display:block}
    .category.open .category__link{padding-top:5px;padding-bottom:5px}
    .category.arrow .category__body{margin-top:7px}
    .category.arrow .category__body:after,.category.arrow .category__body:before{content:"";display:block;position:absolute;width:0;height:0;left:50%;top:0;transform:translateX(-50%);border-left:10px solid transparent;border-right:10px solid transparent}
    .category.arrow .category__body:before{border-bottom:10px solid #b3b3b3;margin-top:-10px}
    .category.arrow .category__body:after{border-bottom:10px solid #fff;margin-top:-9px}
}
/* sub04_03_03 백제어울마당 페이지의 달력 table End */

/* sub04_03_04 제민천 아티스트 */
.s040304 .jmc_art_box {width: 100%; box-sizing: border-box;}
.s040304 .jmc_art_box .img_topbox {height: 366px; background: url(/images/tour/sub04/sub04_03_04_bg01.jpg)no-repeat; text-align: center; padding: 75px 15px 35px; margin-bottom: 50px; background-size: cover;}
.s040304 .jmc_art_box .img_topbox strong {display: inline-block; position: relative; margin-bottom: 25px; padding: 20px 55px 0; font-size: 39px; font-weight: 600; color: #fff; box-sizing: border-box;}
.s040304 .jmc_art_box .img_topbox strong::before {content: ''; position: absolute; top: 13px; left: 0; width: 45px; height: 31px; background: url(/images/tour/sub04/sub04_03_02_ldquo.png); opacity: 0.4;}
.s040304 .jmc_art_box .img_topbox strong::after {content: ''; position: absolute; top: 13px; right: 0; width: 45px; height: 31px; background: url(/images/tour/sub04/sub04_03_02_rdquo.png);opacity: 0.4;}
.s040304 .jmc_art_box .img_topbox .txt {position: relative; padding-top: 70px; box-sizing: border-box;}
.s040304 .jmc_art_box .img_topbox p {font-size: 16px; color: rgba(255,255,255,0.8); line-height: 23px;}
.s040304 .jmc_art_box .img_topbox .txt:before {content: ''; position: absolute; top: 0; left: 50%; width: 1px; height: 52px; background: rgba(255,255,255,0.4);}
.s040304 .bodo_icon_list.typeB > ul > li {min-height:175px;}
@media(max-width:800px) {
    .s040304 .jmc_art_box .img_topbox strong {padding: 20px 45px 0; font-size: 30px; word-break: keep-all;}
    .s040304 .jmc_art_box .img_topbox {height: auto; background-size: cover; padding: 60px 15px 40px;}
    .s040304 .bodo_icon_list.typeB > ul > li {min-height:175px;}
}
@media(max-width:767px) {
    .s040304 .bodo_icon_list.typeB > ul > li {min-height:260px;}
}
@media (max-width: 640px) {
    .s040304 .bodo_icon_list.typeB > ul > li {min-height:auto;}
    .s040304 .bodo_icon_list.typeB > ul.col2 > li {width: calc(100% - 20px);}
}

/* sub04_03_04 제민천 아티스트 End */

/* sub06_02_02 자전거 여행 */
/* 상단 자전거 여행 탑박스 */
.s060202 .check-box .txt-check a {color: #da4453;}
.s060202 .greeting-a .inner .ui-greeting__box strong {position: absolute; z-index: 1; left: 100px; top: 50%; transform: translateY(-50%); font-size: 30px; color: #fff; font-weight: 500; text-shadow: 0 0 3px #000;}
@media (max-width: 1023px){
    .s060202 .greeting-a .inner .ui-greeting__box .ui-greeting__img {height:200px;}
}
@media (max-width: 767px){
    .s060202 .greeting-a .inner .ui-greeting__box strong {position: static; color:#494949; text-shadow: none; font-size:26px;}
}
@media(max-width:500px){
    .s060202 .obj-txt {display:block;}
}
/* 이미지 박스 */
.s060202 .photo_wrap.typeC .thumb2 ul li img {margin-top: 10px;}
.s060202 .photo_wrap.typeC .thumb2 ul li p {margin: 30px 0 10px; padding: 0 10px;}
@media (max-width: 720px) {
    .s060202 .photo_wrap.typeC .thumb2 ul li {min-height: 300px;}
}
@media(max-width: 640px) {
    .s060202 .photo_wrap.typeC .thumb2 ul li {min-height: auto;}
}
/* 자전거관련 교통안전표지 */
.s060202 .sign_box {width: 100%; border: 1px solid #ddd; padding: 15px 30px; box-sizing: border-box;}
.s060202 .sign_box .inner {margin: 0; padding: 10px; border-bottom: 1px dashed #d0d0d0;}
.s060202 .sign_box .inner:last-child {border-bottom: none;}
.s060202 .sign_box .inner::after {content:""; display: block; clear: both;}
.s060202 .sign_box .inner .sign {float: left; width: 90px; height: 90px; margin: 20px 40px 20px 20px;}
.s060202 .sign_box .inner .sign.sign01 {background: url(/images/tour/sub06/sub06_02_02_sign.png) 0 0 no-repeat;}
.s060202 .sign_box .inner .sign.sign02 {background: url(/images/tour/sub06/sub06_02_02_sign.png) -90px 0 no-repeat;}
.s060202 .sign_box .inner .sign.sign03 {background: url(/images/tour/sub06/sub06_02_02_sign.png) -180px 0 no-repeat;}
.s060202 .sign_box .inner .sign.sign04 {background: url(/images/tour/sub06/sub06_02_02_sign.png) -270px 0 no-repeat;}
.s060202 .sign_box .inner .sign.sign05 {background: url(/images/tour/sub06/sub06_02_02_sign.png) -360px 0 no-repeat;}
.s060202 .sign_box .inner .sign.sign06 {background: url(/images/tour/sub06/sub06_02_02_sign.png) -450px 0 no-repeat;}
.s060202 .sign_box .inner .sign.sign07 {background: url(/images/tour/sub06/sub06_02_02_sign.png) -540px 0 no-repeat;}
.s060202 .sign_box .inner .sign.sign08 {background: url(/images/tour/sub06/sub06_02_02_sign.png) -630px 0 no-repeat;}
.s060202 .sign_box .inner .sign.sign09 {background: url(/images/tour/sub06/sub06_02_02_sign.png) -720px 0 no-repeat;}
.s060202 .sign_box .inner .sign.sign10 {background: url(/images/tour/sub06/sub06_02_02_sign.png) -810px 0 no-repeat;}
.s060202 .sign_box .inner .sign_txt {float: left; padding: 20px 10px 15px; width: 75%;}
.s060202 .sign_box .inner .sign_txt strong {font-size: 17px; font-weight: bold; color:#89350d; line-height: 1.2;}
@media(max-width: 767px) {
    .s060202 .sign_box .inner .sign_txt {width: 70%;}
}
@media(max-width: 650px){
    .s060202 .sign_box {padding: 15px 15px;}
    .s060202 .sign_box .inner .sign {float: none; margin: 20px auto;}
    .s060202 .sign_box .inner .sign_txt {float: none; width: 100%;}
}
/* 자전거코스 안내 */
.s060202 .course_box {width: 100%; box-sizing: border-box;}
.s060202 .course_box .course {width: 100%;}
.s060202 .course_box .course dt {padding: 3px 0 1px 25px; font-size: 17px; font-weight: bold; background: url(/images/tour/sub06/course_bg.png) no-repeat left center; margin-bottom: 10px;}
.s060202 .course_box .course dd {margin: 0 0 25px; padding: 0 0 25px; border-bottom: 1px dashed #d0d0d0; line-height: 23px;}
.s060202 .course_box .course dd:last-child {border-bottom: none;}
.s060202 .course_box .course dd strong {display: block; color: #89350d;}
/* sub06_02_02 자전거 여행 End */

/* sub07_02_04 고마열차 */
.s070204 .table_mt_0 {margin: -35px 0 10px;}
.s070204 .goma_top_box {width: 100%; position: relative; box-sizing: border-box; padding: 40px; border-bottom: 1px solid #ececec; background: #fff url(/images/skin/topbox_bg.png)no-repeat 95% 80%;}
.s070204 .goma_top_box::before {display: block; visibility: visible; position: absolute; left: 0; top: 0; z-index: 5; content: ''; width: 183px; height: 51px; background: url(/images/skin/topbox_img1.png)no-repeat;}
.s070204 .goma_top_box::after {display: block; position: absolute; left: 200px; right: 0; top: 0; z-index: 5; content: ''; width: auto; height: 2px; background: #3a67b9;}
.s070204 .goma_top_box img {display: block; margin: 0 auto; width: 90%;}
.s070204 .goma_top_box .goma_txt {margin-top: 15px;}
.s070204 .goma_top_box .goma_txt strong {position: relative; margin: 0 0 15px; font-size: 20px; font-weight: 500; color: #121212;}
.s070204 .goma_top_box .goma_txt strong::after {display: block; position: absolute; left: 0; bottom: -21px; content: ''; width: 36px; height: 3px; background: #fff url(/images/skin/topbox_img2.png)no-repeat;}
.s070204 .goma_top_box .goma_txt .mt_45 {margin-top: 45px;}
.s070204 .goma_top_box .goma_txt .border {width: 100%; height: 1px; margin: 15px 0; border-top: 1px dashed #e5e5e5;}
.s070204 .goma_top_box .goma_txt .txt-tip {color: #545454; margin: 10px 0 0; font-size: 16px; line-height: 1.5; position: relative;}
.s070204 .goma_top_box .goma_txt .txt-tip::before {line-height: 16px; border-radius: 50%; background: #393847; color: #fff; font-size: 13px; font-weight: 700; text-align: center; content: "!";}
@media(max-width:1023px){
    .s070204 .goma_top_box img {width: 100%;}
}
@media(max-width:767px){
    .s070204 .goma_top_box {padding: 30px;}
    .s070204 .table_mt_0 {margin: 0;}
}
/* sub07_02_04 고마열차 End */

/* sub07_03_02 주요관광지입장료 */
.s070302 .table_mt_0 {margin: -35px 0 10px;}
.s070302 table .list-1st li > span.color-orange {vertical-align: baseline;}
@media(max-width:767px){
    .s070302 .table_mt_0 {margin: 0;}
}
/* sub07_03_02 주요관광지입장료 End */

/* sub07_03_04 관광책자 다운로드 */
.s070304 .photo_wrap2.typeD .thumb2 ul li {width: calc(33.3333% - 20px); border: 1px solid #ddd; padding: 10px;}
.s070304 .photo_wrap2.typeD .thumb2 ul li.l-size {min-height: 430px;}
.s070304 .photo_wrap2.typeD .thumb2 ul li span {border: none;}
.s070304 .photo_wrap2.typeD .thumb2 ul li span img {display: block; width: 100%; height:200px}
.s070304 .photo_wrap2.typeD .thumb2 ul li p {border: none; min-height: auto; font-size: 18px; font-weight: bold;}
.s070304 .photo_wrap2.typeD .thumb2 ul li .btn_box {padding: 0 20px;}
.s070304 .photo_wrap2.typeD .thumb2 ul li .btn_box a {margin-bottom: 4px; font-size: 15px; width: 49%;}
.s070304 .photo_wrap2.typeD .thumb2 ul li .btn_box.col2 a {width: 49%;}
.s070304 .photo_wrap2.typeD .thumb2 ul li .btn_box.col1 a {width: 100%;}
@media(max-width:1200px){
    .s070304 .photo_wrap2.typeD .thumb2 ul li.l-size {min-height: 415px;}
}
@media(max-width:1100px){
    .s070304 .photo_wrap2.typeD .thumb2 ul li.l-size {min-height: 395px;}
}
@media(max-width:1050px){
    .s070304 .photo_wrap2.typeD .thumb2 ul li.l-size {min-height: 395px;}
}
@media(max-width:1023px) {
    .s070304 .photo_wrap2.typeD .thumb2 ul li {width: calc(50% - 20px);}
    .s070304 .photo_wrap2.typeD .thumb2 ul li.l-size {min-height: auto;}
    .s070304 .photo_wrap2.typeD .thumb2 ul li.m-size {min-height: auto;}
	.s070304 .photo_wrap2.typeD .thumb2 ul li span img {height:auto;}

}
/* @media(max-width:950px){
    .s070304 .photo_wrap2.typeD .thumb2 ul li.m-size {min-height: 455px;}
}
@media(max-width:870px){
    .s070304 .photo_wrap2.typeD .thumb2 ul li.m-size {min-height: 435px;}
}
@media(max-width:800px){
    .s070304 .photo_wrap2.typeD .thumb2 ul li.m-size {min-height: 415px;}
}
@media(max-width:780px){
    .s070304 .photo_wrap2.typeD .thumb2 ul li.m-size {min-height: 405px;}
} */
@media(max-width:767px) {
    .s070304 .photo_wrap2.typeD .thumb2 ul li {width: 100%; margin-bottom: 20px;}
    .s070304 .photo_wrap2.typeD .thumb2 ul li.m-size {min-height: auto;}
    .s070304 .photo_wrap2.typeD .thumb2 ul li .btn_box a {width: 49%;}
    .s070304 .photo_wrap2.typeD .thumb2 ul li .btn_box.col1 a {width: 49%;}
}
@media(max-width: 600px){
    .s070304 .photo_wrap2.typeD .thumb2 ul li .btn_box.col1 a {width: 100%;}
}
@media(max-width:450px) {
    .s070304 .photo_wrap2.typeD .thumb2 ul li .btn_box a {width: 100%;}
    .s070304 .photo_wrap2.typeD .thumb2 ul li .btn_box.col2 a {width: 100%;}
}
/* sub07_03_04 관광책자 다운로드 End */

/* sub07_06_01_01 운영안내 */
.s07060101 {position: relative;}
.s07060101 .s07060101_popup {position: absolute; z-index:10000; top:0px; left:50%; display: block; border:3px solid #3a67b9;}
.s07060101 .s07060101_popup .popup_bottom {background: #3a67b9; width: 100%; padding: 10px 20px;}
.s07060101 .s07060101_popup .popup_bottom a {color:#fff; }
.s07060101 .s07060101_popup .popup_bottom a:hover,
.s07060101 .s07060101_popup .popup_bottom a:focus {font-weight: bold;}
.s07060101 .s07060101_popup .popup_bottom .pop_close {position: absolute; right:20px; width: 25px; height: 25px; opacity:1;} 
.s07060101 .s07060101_popup .popup_bottom .pop_close:before, .pop_close:after {position: absolute; top: 1px; left: 13px; content: ' '; height: 100%; width: 2px; background-color: #fff;}
.s07060101 .s07060101_popup .popup_bottom .pop_close:before {transform: rotate(45deg);}
.s07060101 .s07060101_popup .popup_bottom .pop_close:after {transform: rotate(-45deg);} 
@media (max-width: 1023px){
    .s07060101 .s07060101_popup {left:3%;}
}
@media (max-width: 767px){
    .s07060101 .s07060101_popup {width:70%;}
    .s07060101 .s07060102_wrap {display:block;}
}
@media (max-width: 460px){
    .s07060101 .s07060101_popup {width:90%;}
}
/* sub07_06_01_01 운영안내 End */

/* sub07_06_01_02 코스 및 요금 */
.s07060102 .s07060102_left,
.s07060102 .s07060102_right {width:calc(50% - 10px); float:left;}
.s07060102 .s07060102_left table,
.s07060102 .s07060102_right table {min-height:480px;}
.s07060102 .s07060102_left {margin-right:10px;}
.s07060102 .s07060102_right {margin-left:10px;}
.s07060102 .s07060102_wrap {display:inline-block; margin-bottom:20px;}
.s07060102 .s07060102_wrap .popup_botton {background:#000;}
.s07060102 .bg_blue {background:#e4eaf0;}
.s07060102 .bt {border: 2px solid #000; border-bottom: 0;}
.s07060102 .bb {border: 2px solid #000; border-top: 0;}
@media (max-width: 1023px){
    .s07060102 .s07060102_left,
    .s07060102 .s07060102_right {width:100%; float:none; margin:20px 0;}
    .s07060102 .s07060102_right table {min-height:auto;}
    .s07060102 .s07060102_popup {left:3%;}
}
@media (max-width: 767px){
    .s07060102 .s07060102_popup {width:70%;}
    .s07060102 .s07060102_wrap {display:block;}
}
@media (max-width: 460px){
    .s07060102 .s07060102_popup {width:90%;}
}
/* sub07_06_01_02 코스 및 요금 End */

/* sub07_06_01_01 운영안내 */
.s07060101 .color-RED {color:#A45B3C;}
.s07060101 .cito_visual{position:relative;width:100%;height:639px;overflow:hidden;}
.s07060101 .cito_visual .visu_img{width:100%; height:100%;background: url(/images/tour/sub07/sub07_06_01_01_img01.jpg)no-repeat center; background-size:100%; z-index:10;}
.s07060101 .cito_visual .visu_img img{height:100%;width:100%; max-width:none;}
.s07060101 .cito_visual .visu_txt{position: absolute;top:50%; width:100%;padding:0 19%;text-align:center;transform: translateY(-50%);z-index:20;}
.s07060101 .cito_visual .visu_txt .visu_tico{display:block;margin:0 auto;width:109px;height:109px;background:url(/images/tour/sub07/sub07_06_01_01_img03.png) no-repeat;background-position:0 0;}
.s07060101 .cito_visual .visu_txt .visu_tit{font-size:0;display:block;width:100%;height:86px;background:url(/images/tour/sub07/sub07_06_01_01_img02.png) no-repeat center;margin:0 auto 20px;margin-top:20px; background-size: contain;}
.s07060101 .cito_visual .visu_txt p{color:#fff;line-height:25px;font-size:16px}
@media (max-width: 767px){
    .s07060101 .cito_visual .visu_img {background-size:auto;}
    .s07060101 .cito_visual {height:400px;}
    .s07060101 .cito_visual .visu_txt{padding:0 5%;}
    .s07060101 .cito_visual .visu_txt .visu_tico {display:none;}
    .s07060101 .cito_visual .visu_txt .visu_tit {margin:0 auto;}
}
/* sub07_06_01_01 운영안내 End */

/* sub07_03_06 공주랑 어플리케이션 */
.s070306 .gongjulang {width: 1200px; margin: 0 auto;}
.s070306 .gongjulang_top {position: relative; box-sizing: border-box; width: 100%; height: 318px; padding: 58px; background: url(/images/tour/sub07/sub07_03_06_img_06.png) no-repeat center; background-size:100%;}
.s070306 .gongjulang_top h3 {font-size: 48px; font-weight: bold; margin-top: 20px; color: #fff; }
.s070306 .gongjulang_top p {font-size: 22px; margin-top: 18px; color: #fff; }
.s070306 .gongjulang_crt {position: absolute; top: 24px; right: 50px; display: block; }
.s070306 .gongjulang_cards {overflow: hidden; margin-top: 92px; margin-right: -15px; margin-left: -15px; }
.s070306 .gongjulang_card {line-height: 1.4; float: left; box-sizing: border-box; width: 33.3%; height: 625px; padding: 15px; text-align: center; }
.s070306 .gongjulang_card .card_in {box-sizing: border-box; width: 100%; height: 100%; padding-top: 380px; padding-bottom: 30px; border: 1px solid #c8c8c8; }
.s070306 .gongjulang_card1 .card_in {background: url(/images/tour/sub07/sub07_03_06_img_07.png) no-repeat center 20%;}
.s070306 .gongjulang_card2 .card_in {background: url(/images/tour/sub07/sub07_03_06_img_08.png) no-repeat center 20%;}
.s070306 .gongjulang_card3 .card_in {background: url(/images/tour/sub07/sub07_03_06_img_09.png) no-repeat center 27%;}
.s070306 .gongjulang_card_tit {font-size: 21px; font-weight: bold; line-height: 1.5; }
.s070306 .gongjulang_card_txt {font-size: 17px; line-height: 1.5; margin-top: 15px; }
.s070306 .gongjulang_card_txt a {color:#fff;}
.s070306 .gongjulang_card_link {font-size: 15px; font-weight: bold; line-height: 34px; display: inline-block; height: 34px; margin-top: 10px; padding: 0 24px; color: #fff; border-radius: 34px; background: #757575; }
.s070306 .gongjulang_card_notice {font-size: 15px; line-height: 1.5; font-size:14px; color:#f20c0c; margin-top:10px;}
.s070306 .txt-box {margin-top:30px; }
.s070306 .gongjulang_info { margin-top: 35px; padding: 50px; background: #ececec; }
.s070306 .gongjulang_info li { font-size: 17px; line-height: 1.8; padding-left: 10px; background: url(/images/kr/sub7/gongjulang_v_line.png) no-repeat left 9px; }
.s070306 .gongjulang_info li span { font-weight: bold; color: #5e9e87; }
.s070306 .gongjulang_gallery { overflow: hidden; margin-top: 40px; }
.s070306 .gongjulang_gallery li {float: left; margin-right: 15px; width: calc(33.33% - 15px); text-align: center;}
.s070306 .gongjulang_gallery .gal2 img {width:100%; min-height:512px;}
.s070306 .gongjulang_gallery .last { margin-right: 0; }
.s070306 .gongjulang_links { margin-top: 80px; text-align: center; }
.s070306 .gongjulang_link { font-size: 24px; font-weight: bold; line-height: 60px; display: inline-block; width: 276px; height: 60px; margin: 0 2px; color: #fff; background: #6196db; }
@media screen and (max-width:1240px) {
    .s070306 .gongjulang_top {height: auto; padding: 5%;}
    .s070306 .gongjulang_top h3 {font-size: 25px; line-height: 1.3; margin-top: 10px; }
    .s070306 .gongjulang_top p {font-size: 16px; line-height: 1.5; margin-top: 10px;}    
    .s070306 .gongjulang_logo {display: none;}
    .s070306 .gongjulang_crt {display: none;}
    .s070306 .gongjulang_cards { margin-top: 3%; margin-right: 0; margin-left: 0; }
    .s070306 .gongjulang_card { width: 100%; height: auto; padding-top: 3%; padding-right: 3%; padding-bottom: 0; padding-left: 3%;}
    .s070306 .gongjulang_card .card_in { padding-top: 350px; padding-bottom: 10%; padding-left:10px; padding-right:10px;}
    .s070306 .gongjulang { width: 100%; }
    .s070306 .gongjulang_gallery { position: relative; box-sizing: border-box; margin-top: 3%; margin-left: 0; padding-right: 1.5%; padding-bottom: 85%; padding-left: 1.5%;}
    .s070306 .gongjulang_gallery li { box-sizing: border-box; margin-right: 0; padding-right: 1.5%; padding-left: 1.5%;}
    .s070306 .gongjulang_gallery .gal1 { width: 50%; }
    .s070306 .gongjulang_gallery .gal2 { position: absolute; top: 50%; left: 0; width: 100%; padding-right: 3%; padding-left: 3%; min-height:auto;}
    .s070306 .gongjulang_gallery .gal3 { width: 50%; }
    .s070306 .gongjulang_gallery li img { width: 100%; }
    .s070306 .gongjulang_links { margin-top: 3%; }
    .s070306 .gongjulang_link { font-size: 16px; line-height: 40px; width: 150px; height: 40px; margin-top: 5px; }
}
@media screen and (max-width:767px) {
    .s070306 .gongjulang_top {background-size:auto;}
    .s070306 .gongjulang_gallery {padding-bottom:0;}
    .s070306 .gongjulang_gallery .gal1 {width:100%; margin:10px 0;}
    .s070306 .gongjulang_gallery .gal3 {width: 100%; margin:10px 0;}
    .s070306 .gongjulang_gallery .gal2 {position:static; width:100%; margin:10px 0; padding-right: 1.5%; padding-left: 1.5%;}
    .s070306 .gongjulang_gallery .gal2 img {min-height: auto;}
    .s070306 .gongjulang_links a {width:100%; margin-bottom:5px;} 
}
@media screen and (max-width:460px) {
    .s070306 .gongjulang_links a {width:100%; margin-bottom:5px;} 
    .s070306 .gongjulang_card1 .card_in,
    .s070306 .gongjulang_card2 .card_in,
    .s070306 .gongjulang_card3 .card_in {background-size:80%;}
}
/* sub07_03_06 공주랑 어플리케이션 End */

/* sitemap_04 */   
.s_sitemap_04 strong {position: absolute; z-index: 1; left: 100px; top: 50%; transform: translateY(-50%); font-size: 30px; color: #fff; font-weight: 500; text-shadow: 0 0 3px #000;}
@media (max-width: 1023px){
    .s_sitemap_04 .greeting-a .inner .ui-greeting__box .ui-greeting__img {height:200px;}
}
@media (max-width: 767px){
    .s_sitemap_04 strong {position: static; color:#494949; text-shadow: none; font-size:26px;}
}
@media(max-width:500px){
    .ui-greeting .obj-txt {display:block;}
}
/* sitemap_04 End */ 

/* sub07_08_01 공산성 해설활동 */
.potal-box{position: relative; width:100%;height:570px;background:url(/images/kr/sub02/potal_bg.jpg)center no-repeat;background-size:cover;text-align: center;}
.potal-box:before{display: inline-block;position: absolute;left:calc(50% - 360px);bottom:-60px;width:272px;height:235px;content: '';background: url(/images/kr/sub02/potalbox_gongju.png)center no-repeat;background-size:100%; z-index: 10;}
.potal-box:after{display: inline-block;position: absolute;right:calc(50% - 360px);bottom:-60px;width:272px;height:235px;content: '';background: url(/images/kr/sub02/potalbox_goma.png)center no-repeat;background-size:100%;z-index: 10;}
.potal-box .icon-box span{z-index: 10;position: absolute;animation: icon_ani 5s linear infinite;transform-origin:center;}
.potal-box .icon-box span.icon1{left: calc(50% - 330px);top: 20%;width:93px;height:74px;background: url(/images/kr/sub02/potalicon01.png)center no-repeat;animation:none}
.potal-box .icon-box span.icon2{left: calc(50% - 340px);bottom: 30%;width:109px;height:111px;background: url(/images/kr/sub02/potalicon02.png)center no-repeat;}
.potal-box .icon-box span.icon3{right:calc(50% - 360px);top: 30%;width:128px;height:78px;background: url(/images/kr/sub02/potalicon03.png)center no-repeat;animation-delay:4s}
.potal-box .icon-box span.icon4{right:calc(40% - 300px);bottom: 32%;width:158px;height:151px;background: url(/images/kr/sub02/potalicon04.png)center no-repeat;animation:none}
.potal-box .potal-img{position: relative;top:50px; width:581px;height:390px;margin:0 auto;background: url(/images/kr/sub02/potalbox_bg.png)center no-repeat;background-size:100%;}
.potal-box .potal-img span{overflow: hidden;position: absolute;left: 8px;top: 35px;width: 530px;height: 307px;border-bottom-right-radius: 30px;border-bottom-left-radius: 30px;}
.potal-box a{position: relative; display:inline-block;margin:50px;padding:10px 50px 10px 15px; text-align: center;color:#fff;background:#48546d;border-radius: 5px;}

@keyframes icon_ani {0% , 40%,100%{transform: translateY(0px);} 20%, 60%{transform: translateY(10px);}}
@media(max-width:767px){
    .potal-box{height:480px;}
    .potal-box:before{left:calc(50% - 250px);width:200px;}
    .potal-box:after{right:calc(50% - 250px);width:200px;}
    .potal-box .icon-box span{transform: scale(0.7);-webkit-transform: scale(0.7);}
    .potal-box .icon-box span.icon1{left:calc(50% - 260px);}
    .potal-box .icon-box span.icon2{left:calc(50% - 280px);bottom:40%;}
    .potal-box .icon-box span.icon3{right:calc(50% - 300px);top:20%;}
    .potal-box .icon-box span.icon4{right:calc(50% - 320px);bottom:42%;} 
    .potal-box .potal-img{width:450px;height:290px;}
    .potal-box .potal-img span{top:20px;width:408px;height:240px;}
    .potal-box a{font-size:13px;}
}
@media(max-width:600px){
    .potal-box{height:320px;}
    .potal-box:before{left:10px;width:110px;}
    .potal-box:after{right:10px;width:110px;}
    .potal-box .icon-box{display: none;}
    .potal-box .potal-img{width:280px;height:200px;top:30px;}
    .potal-box .potal-img span{left:4px;top:25px;width:255px;height:145px;}
    .potal-box a{margin:30px;}
}
@media(max-width:440px){
    .potal-box:before, .potal-box:after{display: none;}
}
/* sub07_08_01 End 공산성 해설활동 */

/*축제/체험/역사 - 역사 : 청동기 및 초기 철기시대의 공주*/
.s03040103 .ui-topbox.type2 .inner .txtwrap{padding-right: 0;}
.s03040103 .ui-topbox.type2 .inner {background: #fff;}
/*축제/체험/역사 - 역사 : 청동기 및 초기 철기시대의 공주 End*/

/*축제/체험/역사 - 역사 : 웅진시대의 공주*/
.s03040106 .ui-topbox.type2 .inner .txtwrap{padding-right: 0;}
.s03040106 .ui-topbox.type2 .inner {background: #fff;}
/*축제/체험/역사 - 역사 : 웅진시대의 공주 End*/

/*축제/체험/역사 - 역사 : 사비 천도 이후의 공주*/
.s03040108 .ui-topbox.type2 .inner .txtwrap{padding-right: 0;}
.s03040108 .ui-topbox.type2 .inner {background: #fff;}
/*축제/체험/역사 - 역사 :사비 천도 이후의 공주 End*/


/*축제/체험/역사 : 역사(웅진연표) 문주왕~성왕*/
.s03040301 .timeline-f .timeline__body{background: none;}
.s03040302 .timeline-f .timeline__body{background: none;}
.s03040303 .timeline-f .timeline__body{background: none;}
.s03040304 .timeline-f .timeline__body{background: none;}
.s03040305 .timeline-f .timeline__body{background: none;}
/*축제/체험/역사 : 역사(웅진연표) 문주왕~성왕 End*/

/* sub0401 문화재 야행 */
.s0401 .tab-ul.type1 li.active a {border: 2px solid #3a67b9; background: none; color: #3a67b9; z-index: 1; font-weight: bold;}

/* sub0608 비대면여행 */
.s0608 .box:first-child {margin: 0;}
.s0608 .box {margin:15% 0;}
.s0608 .top_title {margin:0 0 50px 0; text-align: center;}
.s0608 .top_title p {margin:0;}
.s0608 .board--card--list .obj .card--body {min-height:110px; padding:10px;}
.s0608 .board--card--list.type2 .obj .card--body .tit {font-size:16px; text-overflow: unset; white-space: normal; word-break: normal;}
.s0608 .board--card--list .obj .thm--box .inner img {width: 100%; height: auto; min-height: 100%; max-height: 1000%;}
.s0608 .top_title .tit1_1{font-size:21px;}
.s0608 .top_title .tit2 {position: relative; padding: 27px 0; margin: 30px 0 40px;}
.s0608 .top_title .tit2 p {font-size:28px; line-height:1.2; font-family: 'Nanum Pen Script', cursive;}
.s0608 .top_title .tit2:before {content:""; position: absolute; top:0; left:50%; margin-left:-100px; width:200px; border-top:1px solid #b3b3b3;}
.s0608 .top_title .tit2:after {content:""; position: absolute; bottom:0; left:50%; margin-left:-100px; width:200px; border-top:1px solid #b3b3b3;}
.s0608 .top_title h2 {font-size:37px;padding-left:100px;}
.s0608 .top_title h2:after{content:"";display:inline-block;margin-left: 15px;width:80px;height:113px;background:url(/images/tour/sub06/h2_tit_img.png)no-repeat;/* line-height: 83px; */vertical-align: middle;}
.s0608 .top_title .tag {margin:15px 0; font-size:17px;}
.s0608 .top_title .tag span {display:inline-block;position: relative; z-index: 1; margin:0 10px;}
.s0608 .top_title .tag span::before {display: block; position: absolute; left: -7px; right: -7px; bottom: 5px; z-index: -1; content: ''; height: 13px; background: #fde9b2;}
.s0608 .board--card--list.type2 .obj .item {min-height:auto;}
@media(max-width:767px){
    .s0608 .board--card--list .obj .card--body {min-height:auto;}
    .s0608 .top_title .tit1_1{font-size:16px;}
    .s0608 .top_title .tit2 p {font-size:22px;}
    .s0608 .top_title h2 {font-size:28px;}
}
/* sub0608 비대면여행 End */


@media(max-width:440px){
.s0608 .top_title h2{padding-left:0;}
.s0608 .top_title h2:after{background-size:100%;width:50px;height:70px;margin-left:10px;}
}



/* 시티투어 예약등록 */
.sub04_02_05_03 .form-inline .form-control {max-width:150px;}
@media (max-width:767px){
 .sub04_02_05_03 .form-inline .form-control {max-width:none;}   
}

/* 문화재야행 */
.s0401 .photo_wrap .info_box {float: left;}

/* 한눈에 보는 공주10경 */

.gongjuTen_list .obj {display: flex; flex-wrap: wrap; gap: 30px; margin-right: -30px;}
.gongjuTen_list .obj .col {width: calc(33.33% - 30px);}
.gongjuTen_list .obj .col .item {position: relative; width: 100%; height: 100%;} 
.gongjuTen_list .obj .col .item .thum {position: relative; width: 100%; height: 100%;}
.gongjuTen_list .obj .col .item .thum img {width: 100%; height: 100%;}
.gongjuTen_list .obj .col .item .card-body {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.gongjuTen_list .obj .col .item .card-body .title {position: absolute; right: 20px; top: 20px; padding:10px 18px; border-radius: 900px; background: #f58130; text-align: center; color: #fff; font-weight: bold; font-size: 20px; }
.gongjuTen_list .obj .col .item .card-body .link {position:absolute; bottom:20px; left: 50%; transform: translateX(-50%);width:80%; padding: 12px 10px; border: 1px solid #fff; text-align: center; transition: all 0.5s;}
.gongjuTen_list .obj .col .item .card-body .link:hover {background: #f58130;}
.gongjuTen_list .obj .col .item .card-body .link span {position:relative; color:#fff; font-size: 18px;}
.gongjuTen_list .obj .col .item .card-body .link span:after {content:""; position:absolute; top:8px; right:-20px; width: 8px; height: 14px; transition:all 0.5s; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14' fill='none'%3E%3Cpath d='M1.14062 1.28027L6.86071 7.00036L1.14062 12.7204' stroke='white' stroke-width='2.145' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.gongjuTen_list .obj .col .item .card-body .link:hover span:after {transform: translateX(4px);}

@media screen and (max-width: 1023px) {
    .gongjuTen_list .obj {
        margin-right: 0;
    }
    .gongjuTen_list .obj .col {
    width: calc(50% - 20px);
}
@media screen and (max-width: 767px) {
    .gongjuTen_list .obj {
        gap: 10px;
    }
}
@media screen and (max-width: 639px) {
    .gongjuTen_list .obj .col { 
    width: 100%;
    }
}
@media screen and (max-width: 360px) {
    .gongjuTen_list .obj .col .item .card-body .title {
        padding: 8px 15px; font-size: 18px;
    }
    .gongjuTen_list .obj .col .item .card-body .link {
        padding: 10px;
    }
    .gongjuTen_list .obj .col .item .card-body .link span {
        font-size: 16px;
    }
}
}
/* 한눈에 보는 공주10경 end */