@charset "utf-8";

/* 공통요소 */
.tour_storytWrap{position:relative;}
.tour_storytWrap .layout{margin:0 auto;padding:0;max-width:1700px;}

@media(max-width:1779px){
    .tour_storytWrap .layout{padding:0 50px;max-width:100%;}
}
@media(max-width:1024px){
    .tour_storytWrap .layout{padding:0 30px;}
}
@media(max-width:767px){
    .tour_storytWrap .layout{padding:0 15px;}
}

.tour_storytWrap .tour_contents{overflow:hidden;}
.tour_storytWrap .tour_contents .con_type{}
.tour_storytWrap .tour_contents .con_type .tag_tit{display:inline-block;padding:10px 27px;border-radius:100px;background:#000;transition:0.3s;text-align:center;}
.tour_storytWrap .tour_contents .con_type .tag_tit > strong{color:#fff;font-size:20px;line-height:1.2;letter-spacing:-0.02em;font-weight:bold;font-family:"BSD";}
.tour_storytWrap .tour_contents .con_type .spot_tag{color:rgba(0,0,0,0.5) !important;font-size:20px !important;line-height:1.2 !important;letter-spacing:-0.02em !important;}
.tour_storytWrap .tour_contents .con_type .spot_tag i{font-weight:bold !important;}

.tour_storytWrap .function_box{position:fixed;right:40px;bottom:40px;z-index:10;display:flex;flex-direction:column;gap:10px;}
.tour_storytWrap .function_box button{display:inline-block;width:40px;height:40px;border-radius:100%;background-color:#fff;background-position:center;background-repeat:no-repeat;font-size:0;}
.tour_storytWrap .function_box .function_music{position:relative;}
.tour_storytWrap .function_box .function_music .info{position:absolute;left:-350px;top:-40px;padding:5px 20px;border-radius:50px;background:#fff;animation:music_info 3s both infinite 0.5s;text-align:center;}
.tour_storytWrap .function_box .function_music .info::before{content:"";position:absolute;right:0;bottom:0;width:10px;height:11px;background-image:url("data:image/svg+xml,%3Csvg width='10' height='11' viewBox='0 0 10 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5.65733C4.08567 7.49588 10 10.7051 10 10.7051C10 10.7051 5.88138 4.59967 4.41186 0L0 5.65733Z' fill='white'/%3E%3C/svg%3E%0A");}
.tour_storytWrap .function_box .function_music .info strong{color:#222;font-size:15px;line-height:1.2;letter-spacing:0;}
.tour_storytWrap .function_box .function_music .play{display: none;background-image:url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.668 15.7236C14.6071 14.4345 16.6671 11.6328 16.6671 8.22363C16.6671 4.81447 14.6071 2.0128 11.668 0.723633V2.3903C13.6571 3.5453 15.0005 5.7628 15.0005 8.22363C15.0005 10.6845 13.6571 12.902 11.668 14.057V15.7236Z' fill='black'/%3E%3Cpath d='M11.6667 4.05667V12.39C12.6875 11.4733 13.3333 9.69917 13.3333 8.22333C13.3333 6.7475 12.6875 4.97333 11.6667 4.05667ZM1.66667 12.39H3.91417L10 16.4467V0L3.91417 4.05667H1.66667C0.7475 4.05667 0 4.80417 0 5.72333V10.7233C0 11.6425 0.7475 12.39 1.66667 12.39Z' fill='black'/%3E%3C/svg%3E%0A");}
.tour_storytWrap .function_box .function_music .stop{background-image:url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.77368 3.48503L1.42285 0.1342L0.244227 1.31282L15.2479 16.3165L16.4266 15.1379L14.7428 13.4542C15.9924 11.9993 16.6765 10.1432 16.67 8.22537C16.67 4.81536 14.6094 2.013 11.6696 0.723512V2.39059C13.6592 3.54588 15.0029 5.76392 15.0029 8.22537C14.9986 9.70621 14.5094 11.1449 13.61 12.3214L12.5381 11.2494C13.0399 10.3392 13.3366 9.21728 13.3366 8.22537C13.3366 6.74917 12.6906 4.97456 11.6696 4.05767V10.3809L10.0025 8.71382V0L4.77368 3.48503ZM1.66708 12.3931H3.91513L10.0025 16.4507V13.3275L0.91856 4.24355C0.6434 4.38128 0.411852 4.59266 0.249681 4.85417C0.08751 5.11567 0.00107716 5.41704 0 5.72475V10.726C0 11.6454 0.747685 12.3931 1.66708 12.3931Z' fill='black'/%3E%3C/svg%3E%0A");}
.tour_storytWrap .function_box .function_arrow .arrow{background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.00415 1L7.00415 13' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 7L7 1L13 7' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}

@media(max-width:767px) {
    .tour_storytWrap .function_box{right:15px;}
}
@media(max-width:450px) {
    .tour_storytWrap .function_box .function_music .info{max-width:250px;left:-250px;top:-60px;}
    .tour_storytWrap .function_box .function_music .info::before{right:5px;}
}
/* 공통요소 End*/

/* 메인 비주얼 */
.tour_storytWrap .tour_mVisual{position:relative;z-index:-1;width:100%;height:100vh;}
.tour_storytWrap .tour_mVisual .Visual_video{position:relative;width:100%;height:100%;line-height:0;}
.tour_storytWrap .tour_mVisual .Visual_video::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.tour_storytWrap .tour_mVisual .Visual_video video{width:100%;height:100%;object-fit:cover;}
.tour_storytWrap .tour_mVisual .Visual_text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;text-align:center;}
.tour_storytWrap .tour_mVisual .Visual_text strong{overflow:hidden;position:relative;display:inline-block;margin-bottom:35px;color:#fff;font-size:80px;line-height:1.2;letter-spacing:0.07em;font-weight:500;font-family:'BSD';animation:typing 5s 0.3s steps(50) both;white-space:nowrap;}
.tour_storytWrap .tour_mVisual .Visual_text p{color:#fff;font-size:16px;line-height:1.5;letter-spacing:-0.01em;font-weight:400;font-family:'Inter';}

@media(max-width:767px){
    .tour_storytWrap .tour_mVisual .Visual_text strong{font-size:50px;}
}
@media(max-width:550px){
    .tour_storytWrap .tour_mVisual .Visual_text strong{font-size:35px;}
    .tour_storytWrap .tour_mVisual .Visual_text p{font-size:14px;}
}
/* 메인 비주얼 End */

/* 서브 비주얼*/
.tour_storytWrap .tour_sVisual{overflow:hidden;position:relative;padding-top:110px;height:100vh;}
.tour_storytWrap .tour_sVisual::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;}

.tour_storytWrap#tour01 .tour_sVisual::before{background-image:url(/html/tour_story/img/sub_Visual01.png);}
.tour_storytWrap#tour02 .tour_sVisual::before{background-image:url(/html/tour_story/img/sub_Visual02.png);}
.tour_storytWrap#tour03 .tour_sVisual::before{background-image:url(/html/tour_story/img/sub_Visual03.png);}
.tour_storytWrap#tour04 .tour_sVisual::before{background-image:url(/html/tour_story/img/sub_Visual04.png);}

.tour_storytWrap .tour_sVisual .sVisual_text{display:flex;justify-content:space-between;gap:0 50px;}
.tour_storytWrap .tour_sVisual .sVisual_text .left_text{max-width:660px;flex:0 0 auto;}
.tour_storytWrap .tour_sVisual .sVisual_text .left_text em{opacity:0;display:inline-block;color:#080808;font-size:18px;line-height:1.2;letter-spacing:0.3em;font-weight:300;}
.tour_storytWrap .tour_sVisual .sVisual_text .left_text strong{opacity:0;display:block;margin-top:-5px;color:#000;font-size:120px;line-height:1.2;letter-spacing:-0.02em;font-weight:bold;font-family:"BSD";}
.tour_storytWrap .tour_sVisual .sVisual_text .left_text .tag_box{display:flex;flex-wrap:wrap;gap:10px;}
.tour_storytWrap .tour_sVisual .sVisual_text .left_text .tag_box li{opacity:0;padding:9px 23px;border-radius:100px;background:#000;}
.tour_storytWrap .tour_sVisual .sVisual_text .left_text .tag_box li span{color:#fff;font-size:16px;line-height:1.2;letter-spacing:-0.02em;font-weight:bold;}
.tour_storytWrap .tour_sVisual .sVisual_text .right_text{text-align:right;}
.tour_storytWrap .tour_sVisual .sVisual_text .right_text p{opacity:0;color:#000;font-size:16px;line-height:1.2;letter-spacing:-0.02em;}
.tour_storytWrap .tour_sVisual .sVisual_text .right_text p+p{margin-top:10px;}   

.tour_storytWrap .tour_sVisual.active::before{animation:bgscale 3s ease-in-out both;}
.tour_storytWrap .tour_sVisual.active .sVisual_text .left_text em{opacity:1;animation:cliptext 1s ease-in-out both;}
.tour_storytWrap .tour_sVisual.active .sVisual_text .left_text strong{opacity:1;animation:cliptext 1s 0.2s ease-in-out both;}
.tour_storytWrap .tour_sVisual.active .sVisual_text .left_text .tag_box li{animation:cliptext 1s ease-in-out both;}
.tour_storytWrap .tour_sVisual.active .sVisual_text .left_text .tag_box li{opacity:1;animation-duration:0.5s;}
.tour_storytWrap .tour_sVisual.active .sVisual_text .left_text .tag_box li:nth-child(2){animation-delay:0.5s;}
.tour_storytWrap .tour_sVisual.active .sVisual_text .left_text .tag_box li:nth-child(3){animation-delay:0.7s;}
.tour_storytWrap .tour_sVisual.active .sVisual_text .left_text .tag_box li:nth-child(4){animation-delay:0.9s;}
.tour_storytWrap .tour_sVisual.active .sVisual_text .right_text p{opacity:1;animation:cliptext 0.5s ease-in-out both;}    
.tour_storytWrap .tour_sVisual.active .sVisual_text .right_text p:nth-child(2){animation-delay:0.2s;}
.tour_storytWrap .tour_sVisual.active .sVisual_text .right_text p:nth-child(3){animation-delay:0.3s;}
.tour_storytWrap .tour_sVisual.active .sVisual_text .right_text p:nth-child(4){animation-delay:0.4s;}
.tour_storytWrap .tour_sVisual.active .sVisual_text .right_text p:nth-child(5){animation-delay:0.5s;}
.tour_storytWrap .tour_sVisual.active .sVisual_text .right_text p:nth-child(6){animation-delay:0.6s;}
.tour_storytWrap .tour_sVisual.active .sVisual_text .right_text p:nth-child(7){animation-delay:0.7s;}

@media(max-width:1399px){
    .tour_storytWrap .tour_sVisual .sVisual_text{display:block;}
    .tour_storytWrap .tour_sVisual .sVisual_text .left_text{margin-bottom:50px;max-width:100%;}
    .tour_storytWrap .tour_sVisual .sVisual_text .right_text{text-align:left;}
}
@media(max-width:767px){
    .tour_storytWrap .tour_sVisual .sVisual_text .left_text strong{font-size:70px;}
    .tour_storytWrap .tour_sVisual .sVisual_text .left_text em{font-size:16px;}
}
@media(max-width:550px){
    .tour_storytWrap .tour_sVisual .sVisual_text .left_text strong{font-size:55px;}
}
/* 서브 비주얼 End*/

/* 답사기 설명 영역 */
.tour_storytWrap .tour_contents{padding-top:170px;background:#fff;}
.tour_storytWrap .tour_contents .content_box{}
.tour_storytWrap .tour_contents .content_box .line{position:relative;margin-bottom:70px;}
.tour_storytWrap .tour_contents .content_box .line::before{content:"";position:absolute;left:0;top:calc(50% - 1px);width:100%;height:1px;background:#000;}
.tour_storytWrap .tour_contents .content_box .line strong{position:relative;display:inline-block;padding-right:25px;background:#fff;color:#080808;font-size:18px;line-height:1.2;letter-spacing:0.03em;font-weight:300;}
/* 답사기 설명 영역 End */

/* 타입A형 */
.tour_storytWrap .tour_contents .content_typeA{}
.tour_storytWrap .tour_contents .content_typeA .layout{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 100px;}
.tour_storytWrap .tour_contents .content_typeA .pic_box{position:relative;width:47.353%;height:100%;line-height:0;}
.tour_storytWrap .tour_contents .content_typeA .pic_box ul{width:100%;height:100%;}
.tour_storytWrap .tour_contents .content_typeA .pic_box .pic_dot{position:absolute;left:0;bottom:30px;width:100%;}
.tour_storytWrap .tour_contents .content_typeA .pic_box .pic_dot ul{display:flex;justify-content:center;gap:0 8px;}
.tour_storytWrap .tour_contents .content_typeA .pic_box .pic_dot ul li{line-height:0;}
.tour_storytWrap .tour_contents .content_typeA .pic_box .pic_dot ul li button{display:inline-block;width:8px;height:8px;border-radius:100%;background:rgba(255,255,255,0.3);font-size:0;transition:0.3s;}
.tour_storytWrap .tour_contents .content_typeA .pic_box .pic_dot ul li.slick-active button{background:#fff;}
.tour_storytWrap .tour_contents .content_typeA .pic_box .slick-arrow{position:absolute;top:50%;z-index:10;transform:translateY(-50%);width:12px;height:22px;font-size:0;line-height:0;}
.tour_storytWrap .tour_contents .content_typeA .pic_box .slick-prev{left:20px;background-image:url("data:image/svg+xml,%3Csvg width='12' height='22' viewBox='0 0 12 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 21L1 11L11 1' stroke='white' stroke-opacity='0.5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
.tour_storytWrap .tour_contents .content_typeA .pic_box .slick-next{right:20px;background-image:url("data:image/svg+xml,%3Csvg width='12' height='22' viewBox='0 0 12 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L11 11L1 21' stroke='white' stroke-opacity='0.5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
.tour_storytWrap .tour_contents .content_typeA .pic_box .slick-prev:hover,
.tour_storytWrap .tour_contents .content_typeA .pic_box .slick-prev:focus{background-image:url("data:image/svg+xml,%3Csvg width='12' height='22' viewBox='0 0 12 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L1 11L11 21' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
.tour_storytWrap .tour_contents .content_typeA .pic_box .slick-next:hover,
.tour_storytWrap .tour_contents .content_typeA .pic_box .slick-next:focus{background-image:url("data:image/svg+xml,%3Csvg width='12' height='22' viewBox='0 0 12 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 21L11 11L1 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
.tour_storytWrap .tour_contents .content_typeA .con_box{display:flex;flex-direction:column;justify-content:space-between;width:calc(100%  - 47.353% - 102px);text-align:right;}
.tour_storytWrap .tour_contents .content_typeA .con_box .tit{text-align:right;}
.tour_storytWrap .tour_contents .content_typeA .con_box .tit p{opacity:0;margin-top:10px;color:#000;font-size:60px;line-height:1.2;letter-spacing:-0.01em;font-weight:bold;}
.tour_storytWrap .tour_contents .content_typeA .con_box .contxt{margin:30px 0;}
.tour_storytWrap .tour_contents .content_typeA .con_box .contxt p{opacity:0;color:#000;font-size:20px;line-height:1.6;letter-spacing:-0.02em;}
.tour_storytWrap .tour_contents .content_typeA .con_box .contxt p.accent{margin-bottom:150px;font-size:22px;font-weight:bold;text-align:left;}
.tour_storytWrap .tour_contents .content_typeA .con_box .tag_tit{opacity:0;transition:0.7s;}

.tour_storytWrap .tour_contents .content_typeA .con_box.active .tag_tit{opacity:1;}
.tour_storytWrap .tour_contents .content_typeA .con_box.active .tit p{opacity:1;animation:cliptext 1s ease-in-out both;}
.tour_storytWrap .tour_contents .content_typeA .con_box.active .contxt p{opacity:1;animation:cliptext 1s 0.3s ease-in-out both;}
.tour_storytWrap .tour_contents .content_typeA .con_box.active .contxt p.accent{animation-delay:0s;}

@media(max-width:1299px){
    .tour_storytWrap .tour_contents .content_typeA .con_box .tit p{font-size:40px;}
    .tour_storytWrap .tour_contents .content_typeA .con_box .contxt p{font-size:18px;}
}
@media(max-width:1024px){
    .tour_storytWrap .tour_contents .content_typeA{display:block;}
    .tour_storytWrap .tour_contents .content_typeA .pic_box{margin:0 auto 50px;width:803px;}
    .tour_storytWrap .tour_contents .content_typeA .con_box{display:block;width:100%;text-align:left;}
    .tour_storytWrap .tour_contents .content_typeA .con_box .tit{text-align:left;}
    .tour_storytWrap .tour_contents .content_typeA .con_box .contxt p.accent{margin-bottom:30px;}
}
@media(max-width:870px){
    .tour_storytWrap .tour_contents .content_typeA .pic_box{width:100%;}
}
/* 타입A형 End*/


/* 타입B형 */
.tour_storytWrap .tour_contents .content_typeB{margin-top:280px;}
.tour_storytWrap .tour_contents .content_typeB .layout{display:flex;flex-wrap:wrap;flex-direction:row-reverse;justify-content:space-between;gap:0 120px;}
.tour_storytWrap .tour_contents .content_typeB.reverse .layout{flex-direction:row;}
.tour_storytWrap .tour_contents .content_typeB .pic_box{position:relative;width:50%;height:1145px;}
.tour_storytWrap .tour_contents .content_typeB .pic_box .inner{overflow:hidden;position:absolute;right:0;top:0;width:200%;height:100%;}
.tour_storytWrap .tour_contents .content_typeB.reverse .pic_box .inner{left:0;right:auto;}
.tour_storytWrap .tour_contents .content_typeB .pic_box .inner img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:1000%;height:100%;}
.tour_storytWrap .tour_contents .content_typeB .con_box{display:flex;flex-direction:column;justify-content:space-between;width:calc(100% - 50% - 14%);}
.tour_storytWrap .tour_contents .content_typeB .con_box .contxt .tit{margin-top:120px;}
.tour_storytWrap .tour_contents .content_typeB .con_box .contxt .tit strong{display:block;color:#000;font-size:40px;line-height:1.2;letter-spacing:-0.01em;font-weight:bold;}
.tour_storytWrap .tour_contents .content_typeB .con_box .contxt .tit em{display:block;margin-top:10px;color:#000;font-size:22px;line-height:1.2;letter-spacing:-0.02em;font-weight:bold;}
.tour_storytWrap .tour_contents .content_typeB .con_box .contxt p{margin-top:40px;color:#000;font-size:20px;line-height:1.6;letter-spacing:-0.02em;}
.tour_storytWrap .tour_contents .content_typeB .con_box .contxt .contxt_img{margin-top:80px;}
.tour_storytWrap .tour_contents .content_typeB .con_box .spot_tag{margin-top:20px;}

@media(max-width:1199px){
    .tour_storytWrap .tour_contents .content_typeB .layout{display:block;}
    .tour_storytWrap .tour_contents .content_typeB .pic_box{margin-bottom:50px;padding-top:65%;width:100%;height:auto;}
    .tour_storytWrap .tour_contents .content_typeB .con_box{display:block;width:100%;}
    .tour_storytWrap .tour_contents .content_typeB .con_box .contxt .tit{margin-top:30px;}
    .tour_storytWrap .tour_contents .content_typeB .con_box .contxt .contxt_img{margin-top:40px;text-align:center;}
    .tour_storytWrap .tour_contents .content_typeB .con_box .spot_tag{text-align:center;}
}
/* 타입B형 End */


/* 타입C형 */
.tour_storytWrap .tour_contents .content_typeC{margin-top:310px;}
.tour_storytWrap#tour04 .tour_contents .content_typeC+.content_typeC{margin-top:150px;}
.tour_storytWrap .tour_contents .content_typeC .big_pic{overflow:hidden;margin-bottom:80px;}
.tour_storytWrap .tour_contents .content_typeC .big_pic img{transform:scale(1.7);}
.tour_storytWrap .tour_contents .content_typeC .item{display:flex;flex-wrap:wrap;justify-content:space-between;}
.tour_storytWrap .tour_contents .content_typeC.reverse .item{flex-direction:row-reverse;}

.tour_storytWrap .tour_contents .content_typeC .item .pic_box{overflow:hidden;position:relative;width:47.059%;}
.tour_storytWrap .tour_contents .content_typeC .item .pic_box::before{content:"";position:absolute;left:0;top:0;z-index:1;opacity:1;width:100%;height:100%;background:#fff;}
.tour_storytWrap .tour_contents .content_typeC .item .pic_box .inner img{width:100%;}
.tour_storytWrap .tour_contents .content_typeC .item .con_box{display:flex;flex-direction:column;justify-content:space-between;width:calc(100% - 47.059% - 90px);}
.tour_storytWrap .tour_contents .content_typeC .item .con_box .contxt .tag_tit{opacity:0;margin-bottom:90px;transition:0.7s;}
.tour_storytWrap .tour_contents .content_typeC .item .con_box .contxt .tit{margin-bottom:40px;}
.tour_storytWrap .tour_contents .content_typeC .item .con_box .contxt .tit strong{opacity:0;display:block;color:#000;font-size:40px;line-height:1.2;letter-spacing:-0.01em;font-weight:bold;}
.tour_storytWrap .tour_contents .content_typeC .item .con_box .contxt .tit em{opacity:0;display:block;margin-top:10px;color:#000;font-size:22px;line-height:1.2;letter-spacing:-0.02em;font-weight:bold;}
.tour_storytWrap .tour_contents .content_typeC .item .con_box .contxt p{opacity:0;color:#000;font-size:20px;line-height:1.6;letter-spacing:-0.02em;}
.tour_storytWrap .tour_contents .content_typeC .item .con_box .spot_tag{margin-top:20px;}
.tour_storytWrap .tour_contents .content_typeC .big_pic.active img{animation:bgscale 3s ease-in-out both;}
.tour_storytWrap .tour_contents .content_typeC .item .pic_box.active::before{animation:decobg 0.8s cubic-bezier(.68, .44, .85, .36) both;}
.tour_storytWrap .tour_contents .content_typeC .item .con_box.active .contxt .tag_tit{opacity:1;}
.tour_storytWrap .tour_contents .content_typeC .item .con_box.active .contxt .tit strong{opacity:1;animation:cliptext 1s ease-in-out both;}
.tour_storytWrap .tour_contents .content_typeC .item .con_box.active .contxt .tit em{opacity:1;animation:cliptext 1s 0.2s ease-in-out both;}
.tour_storytWrap .tour_contents .content_typeC .item .con_box.active .contxt p{opacity:1;animation:cliptext 1s 0.5s ease-in-out both;}

.tour_storytWrap .tour_contents .content_typeC .simple_box{}
.tour_storytWrap .tour_contents .content_typeC .simple_box .simple_item{display:flex;flex-wrap:wrap;justify-content:space-between;}
.tour_storytWrap .tour_contents .content_typeC .simple_box .simple_item+.simple_item{margin-top:100px;}
.tour_storytWrap .tour_contents .content_typeC .simple_box .simple_item .pic_box{width:54.412%;text-align:center;}
.tour_storytWrap .tour_contents .content_typeC .simple_box .simple_item .con_box{padding-top:80px;width:calc(100% - 54.412% - 190px);}
.tour_storytWrap .tour_contents .content_typeC .simple_box .simple_item .con_box .tit{display:block;margin-bottom:40px;color:#000;font-size:22px;line-height:1.2;letter-spacing:-0.02em;font-weight:bold;}
.tour_storytWrap .tour_contents .content_typeC .simple_box .simple_item .con_box .paragraph{}
.tour_storytWrap#tour04 .tour_contents .content_typeC .simple_box .simple_item .con_box .paragraph{text-align:right;}
.tour_storytWrap .tour_contents .content_typeC .simple_box .simple_item .con_box .paragraph p{color:#000;font-size:20px;line-height:1.6;letter-spacing:-0.02em;}
.tour_storytWrap .tour_contents .content_typeC .simple_box .simple_item .con_box .paragraph p+p{margin-top:40px;}


.tour_storytWrap#tour03 .tour_contents .content_typeC .simple_box .simple_item:nth-child(1){flex-direction:row-reverse;}
.tour_storytWrap#tour03 .tour_contents .content_typeC .simple_box .simple_item:nth-child(2) .pic_box{width:69%;}
.tour_storytWrap#tour03 .tour_contents .content_typeC .simple_box .simple_item:nth-child(2) .con_box{align-self:flex-end;padding:0;width:calc(100% - 69% - 130px);text-align:right;}

@media(max-width:1399px){
    .tour_storytWrap#tour03 .tour_contents .content_typeC .simple_box .simple_item:nth-child(2) .pic_box{width:100%;}
    .tour_storytWrap#tour03 .tour_contents .content_typeC .simple_box .simple_item:nth-child(2) .con_box{margin-top:30px;width:100%;}
}

@media(max-width:1199px){
    .tour_storytWrap .tour_contents .content_typeC{margin-top:150px;}
    .tour_storytWrap .tour_contents .content_typeC .big_pic{margin-bottom:30px;}
    .tour_storytWrap .tour_contents .content_typeC .item{display:block;}
    .tour_storytWrap .tour_contents .content_typeC .item .pic_box{margin-bottom:50px;width:100%;}
    .tour_storytWrap .tour_contents .content_typeC .item .con_box{display:block;width:100%;}
    .tour_storytWrap .tour_contents .content_typeC .item .con_box .contxt .tag_tit{margin-bottom:30px;}
    
    .tour_storytWrap .tour_contents .content_typeC .simple_box .simple_item{display:block;}
    .tour_storytWrap .tour_contents .content_typeC .simple_box .simple_item .pic_box{width:100%;}
    .tour_storytWrap .tour_contents .content_typeC .simple_box .simple_item .con_box{margin-top:30px;padding-top:0;width:100%;}
    .tour_storytWrap#tour04 .tour_contents .content_typeC .simple_box .simple_item .con_box .paragraph{text-align:left;}
}
/* 타입C형 End */

/* 타입D형 */
.tour_storytWrap .tour_contents .content_typeD{margin-top:160px;}
.tour_storytWrap .tour_contents .content_typeD .layout{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 75px;}
.tour_storytWrap .tour_contents .content_typeD .pic_box{overflow:hidden;position:relative;width:47%;min-height:650px;}
.tour_storytWrap .tour_contents .content_typeD .pic_box img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:1000%;}
.tour_storytWrap .tour_contents .content_typeD .con_box{display:flex;flex-direction:column;justify-content:space-between;width:calc(100% - 47% - 75px);}
.tour_storytWrap .tour_contents .content_typeD .con_box .paragraph{text-align:right;}
.tour_storytWrap#tour03 .tour_contents .content_typeD .con_box .paragraph{text-align:left;}
.tour_storytWrap .tour_contents .content_typeD .con_box .paragraph strong{display:block;margin-bottom:40px;color:#000;font-size:22px;line-height:1.2;letter-spacing:-0.02em;}
.tour_storytWrap .tour_contents .content_typeD .con_box .paragraph p{color:#000;font-size:20px;line-height:1.6;letter-spacing:-0.02em;}
.tour_storytWrap .tour_contents .content_typeD .con_box .paragraph p+p{margin-top:40px;}
.tour_storytWrap .tour_contents .content_typeD .con_box .thum_pic{margin-top:30px;}
.tour_storytWrap .tour_contents .content_typeD .con_box .thum_pic ul{display:flex;gap:20px;}
.tour_storytWrap .tour_contents .content_typeD .con_box .thum_pic ul li{height:285px;}
.tour_storytWrap .tour_contents .content_typeD .con_box .thum_pic ul li img{width:100%;height:100%;}

@media(max-width:1099px){
    .tour_storytWrap .tour_contents .content_typeD{margin-top:80px;}
    .tour_storytWrap .tour_contents .content_typeD .layout{display:block;}
    .tour_storytWrap .tour_contents .content_typeD .pic_box{width:100%;min-height:100%;}
    .tour_storytWrap .tour_contents .content_typeD .pic_box img{position:relative;left:auto;top:auto;transform:none;max-width:100%;}
    .tour_storytWrap .tour_contents .content_typeD .con_box{display:block;margin-top:40px;width:100%;}
    .tour_storytWrap .tour_contents .content_typeD .con_box .paragraph{text-align:left;}
    
    .tour_storytWrap .tour_contents .content_typeD .con_box .thum_pic ul li{height:100%;}
}
@media(max-width:550px){
    .tour_storytWrap .tour_contents .content_typeD .con_box .thum_pic ul{flex-wrap:wrap;}
}
/* 타입D형 End*/

/* 타입E형 */
.tour_storytWrap .tour_contents .content_typeE{margin-top:280px;}

.tour_storytWrap .tour_contents .content_typeE .big_pic{overflow:hidden;margin-bottom:70px;}
.tour_storytWrap .tour_contents .content_typeE .big_pic img{transform:scale(1.7);}
.tour_storytWrap .tour_contents .content_typeE .con_box{margin-bottom:80px;text-align:center;}
.tour_storytWrap .tour_contents .content_typeE .con_box .contxt .tag_tit{opacity:0;margin-bottom:110px;}
.tour_storytWrap .tour_contents .content_typeE .con_box .contxt .tit{margin-bottom:30px;}
.tour_storytWrap .tour_contents .content_typeE .con_box .contxt .tit strong{opacity:0;display:block;color:#000;font-size:40px;line-height:1.2;letter-spacing:-0.01em;font-weight:bold;}
.tour_storytWrap .tour_contents .content_typeE .con_box .contxt .tit em{opacity:0;display:block;margin-top:10px;color:#000;font-size:22px;line-height:1.2;letter-spacing:-0.02em;font-weight:bold;}
.tour_storytWrap .tour_contents .content_typeE .con_box .contxt p{opacity:0;color:#000;font-size:20px;line-height:1.6;letter-spacing:-0.02em;}

.tour_storytWrap .tour_contents .content_typeE .pic_box .contxt{position:relative;display:flex;justify-content:space-between;margin-top:70px;}
.tour_storytWrap#tour01 .tour_contents .content_typeE .pic_box .contxt{justify-content:flex-end;margin-top:0;}
.tour_storytWrap#tour04 .tour_contents .content_typeE .pic_box .contxt{justify-content:flex-end;margin-top:0;}
.tour_storytWrap#tour02 .tour_contents .content_typeE .pic_box .contxt{flex-direction:row-reverse;gap:0 50px;}
.tour_storytWrap#tour01 .tour_contents .content_typeE .pic_box .contxt .thum{margin-top:-355px;width:525px;flex:0 0 auto;}
.tour_storytWrap#tour02 .tour_contents .content_typeE .pic_box .contxt .thum{margin-top:-210px;width:1100px;flex:0 0 auto;}
.tour_storytWrap#tour03 .tour_contents .content_typeE .pic_box .contxt .thum{margin-top:-230px;width:600px;flex:0 0 auto;}
.tour_storytWrap#tour04 .tour_contents .content_typeE .pic_box .contxt .thum{margin-top:-385px;width:600px;flex:0 0 auto;}

.tour_storytWrap .tour_contents .content_typeE .pic_box .contxt .thum ul{display:flex;gap:20px;padding:20px 0 0 20px;background:#fff;}
.tour_storytWrap#tour03 .tour_contents .content_typeE .pic_box .contxt .thum ul{padding:20px 20px 0 0 ;}
.tour_storytWrap .tour_contents .content_typeE .pic_box .contxt .thum .spot_tag{margin-top:15px;text-align:right;}
.tour_storytWrap#tour03 .tour_contents .content_typeE .pic_box .contxt .explain{width:calc(100% - 630px);}
.tour_storytWrap .tour_contents .content_typeE .pic_box .contxt .explain strong{display:block;margin-bottom:10px;color:#000;font-size:22px;line-height:1.2;letter-spacing:0;font-weight:bold;}
.tour_storytWrap .tour_contents .content_typeE .pic_box .contxt .explain p{margin-top:10px;color:#000;font-size:20px;line-height:1.6;letter-spacing:-0.02em;}

.tour_storytWrap#tour01 .tour_contents .content_typeE .pic_box .spot_tag{margin-top:15px;text-align:right;}
.tour_storytWrap#tour04 .tour_contents .content_typeE .pic_box .spot_tag{margin-top:15px;}

.tour_storytWrap .tour_contents .content_typeE .info{margin-top:80px;}
.tour_storytWrap .tour_contents .content_typeE .info strong{display:block;margin-bottom:5px;color:rgba(0,0,0,0.5);font-size:20px;line-height:1.2;letter-spacing:-0.02em;font-weight:bold;}
.tour_storytWrap .tour_contents .content_typeE .info ul li{color:rgba(0,0,0,0.5);font-size:20px;line-height:1.6;letter-spacing:-0.02em;}

.tour_storytWrap .tour_contents .content_typeE .big_pic.active img{animation:bgscale 3s ease-in-out both;}
.tour_storytWrap .tour_contents .content_typeE .con_box.active .contxt .tag_tit{opacity:1;}
.tour_storytWrap .tour_contents .content_typeE .con_box.active .contxt .tit strong{opacity:1;animation:cliptext 1s ease-in-out both;}
.tour_storytWrap .tour_contents .content_typeE .con_box.active .contxt .tit em{opacity:1;animation:cliptext 1s ease-in-out both;}
.tour_storytWrap .tour_contents .content_typeE .con_box.active .contxt p{opacity:1;animation:cliptext 1s ease-in-out both;}

@media(max-width:1699px){
    .tour_storytWrap#tour02 .tour_contents .content_typeE .pic_box .contxt .thum{width:800px;}
}
@media(max-width:1399px){
    .tour_storytWrap#tour04 .tour_contents .content_typeE .pic_box .contxt .thum{margin-top:-212px;width:325px;}
}
@media(max-width:1299px){
    .tour_storytWrap#tour01 .tour_contents .content_typeE .pic_box .contxt .thum{margin-top:-263px;width:385px;}

    .tour_storytWrap#tour02 .tour_contents .content_typeE .pic_box .contxt{display:block;}
    .tour_storytWrap#tour02 .tour_contents .content_typeE .pic_box .contxt .thum{margin-top:0;margin-bottom:30px;width:100%;}
    .tour_storytWrap#tour03 .tour_contents .content_typeE .pic_box .contxt .thum{margin-top:-150px;width:400px;}
    .tour_storytWrap#tour02 .tour_contents .content_typeE .pic_box .contxt .thum ul{padding:0;}
    .tour_storytWrap#tour03 .tour_contents .content_typeE .pic_box .contxt .explain{width:calc(100% - 430px);}
}
@media(max-width:1199px){
    .tour_storytWrap .tour_contents .content_typeE{margin-top:110px;}
}
@media(max-width:999px){
    .tour_storytWrap .tour_contents .content_typeE .pic_box .inner .thum{position:relative;right:auto;bottom:auto;margin-top:20px;text-align:center;}
    .tour_storytWrap .tour_contents .content_typeE .pic_box .inner .thum ul{justify-content:center;padding:0;width:100%;background:none;}
    .tour_storytWrap .tour_contents .content_typeE .pic_box .inner .thum .spot_tag{text-align:center;}

    .tour_storytWrap#tour01 .tour_contents .content_typeE .pic_box .contxt{display:block;margin-top:20px;}
    .tour_storytWrap#tour01 .tour_contents .content_typeE .pic_box .contxt .thum ul{padding:0;}
    .tour_storytWrap#tour01 .tour_contents .content_typeE .pic_box .contxt .thum{margin-top:0px;margin-bottom:30px;width:100%;}

    .tour_storytWrap#tour03 .tour_contents .content_typeE .pic_box .contxt{display:block;}
    .tour_storytWrap#tour03 .tour_contents .content_typeE .pic_box .contxt .thum ul{padding:0;}
    .tour_storytWrap#tour03 .tour_contents .content_typeE .pic_box .contxt .thum{margin-top:0px;margin-bottom:30px;width:100%;}
    .tour_storytWrap#tour03 .tour_contents .content_typeE .pic_box .contxt .explain{width:100%;}

    .tour_storytWrap#tour04 .tour_contents .content_typeE .pic_box .contxt{display:block;margin-top:20px;}
    .tour_storytWrap#tour04 .tour_contents .content_typeE .pic_box .contxt .thum{margin-top:0;width:100%;}
    .tour_storytWrap#tour04 .tour_contents .content_typeE .pic_box .contxt .thum ul{display:block;padding:0;}
    .tour_storytWrap#tour04 .tour_contents .content_typeE .pic_box .contxt .thum ul li img{width:100%;}
}
/* 타입E형 End */

/* 마무리박스 */
.tour_finish{position:relative;margin-top:150px;background-position:center;background-repeat:no-repeat;background-size:cover;min-height:600px;}

.tour_finish.bg01{background-image:url(/html/tour_story/img/finish_img01.png);}
.tour_finish.bg02{background-image:url(/html/tour_story/img/finish_img02.png);}
.tour_finish.bg03{background-image:url(/html/tour_story/img/finish_img03.png);}
.tour_finish.bg04{background-image:url(/html/tour_story/img/finish_img04.png);}

.tour_storytWrap#tour02 .tour_contents .content_typeE{}
.tour_finish .inner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90%;text-align:center;}
.tour_finish .inner strong{overflow:hidden;position:relative;display:inline-block;margin-bottom:35px;width:100%;color:#fff;font-size:80px;line-height:1.2;letter-spacing:0.07em;font-weight:500;font-family:'BSD';text-shadow:0px 10px 20px rgba(0, 0, 0, 0.50);white-space:nowrap;}
.tour_finish .inner p{color:#fff;font-size:16px;line-height:1.5;letter-spacing:-0.01em;font-weight:400;font-family:'Inter';}

.tour_finish.active .inner strong{animation:typing 5s steps(50);}

@media(max-width:550px){
    .tour_finish .inner strong{font-size:40px;}
}
/* 마무리박스 End */

/* 다른답사기 보기 */
.tour_other{display:flex;flex-wrap:wrap;}
.tour_other .item{width:25%;border-bottom:1px solid #E0E0E0;border-right:1px solid #E0E0E0;}
.tour_other .item:not(:last-child){border-left:none;}
.tour_other .item a{display:block;padding:112px 18.913% 80px;width:100%;height:100%;background:#fff;}
.tour_other .item a .thum{position:relative;}
.tour_other .item a .thum .tag{position:absolute;left:50%;top:25px;transform:translateX(-50%);opacity:0;padding:10px 20px;border-radius:100px;background:#000;transition:0.3s;text-align:center;min-width:130px;}
.tour_other .item a .thum .tag strong{color:#fff;font-size:18px;line-height:1.2;letter-spacing:-0.02em;font-weight:bold;font-family:"BSD";}
.tour_other .item a .thum img{width:100%;}
.tour_other .item a .contxt{margin-top:15px;}
.tour_other .item a .contxt strong{display:block;color:#000;font-size:30px;line-height:1.2;letter-spacing:-0.01em;font-weight:bold;}
.tour_other .item a .contxt p{margin-top:10px;color:#000;font-size:20px;line-height:1.2;letter-spacing:-0.01em;}
.tour_other .item a .contxt .more{position:relative;margin-top:70px;padding-right:40px;}
.tour_other .item a .contxt .more::before{content:"";position:absolute;right:0;top:0;width:28px;height:20px;background-image:url("data:image/svg+xml,%3Csvg width='28' height='20' viewBox='0 0 28 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27 10H0' stroke='%23444444' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M18 1L27 10L18 19' stroke='%23444444' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
.tour_other .item a .contxt .more span{color:#000;font-size:20px;line-height:1.2;letter-spacing:-0.01em;}

.tour_other .item.off a{background:#fff !important;}
.tour_other .item.off a .thum .tag{opacity:0 !important;}

.tour_other .item.on a,
.tour_other .item a:hover,
.tour_other .item a:focus{background:#F9F9F9;}

.tour_other .item.on a .thum .tag,
.tour_other .item a:hover .thum .tag,
.tour_other .item a:focus .thum .tag{opacity:1;}

@media(max-width:1224px){
    .tour_other .item a .contxt strong{font-size:24px;}
    .tour_other .item a .contxt p{font-size:16px;}
    .tour_other .item a .contxt .more span{font-size:16px;}
}
@media(max-width:1024px){
    .tour_other .item{width:50%;}
    .tour_other .item a{padding:50px 18.913%;}
}
@media(max-width:550px){
    .tour_other .item{width:100%;}
    .tour_other .item a .contxt .more{margin-top:20px;}
}

/* 다른답사기 보기 End */
@keyframes music_info{
    0%, 50%, 100%{transform:translateY(0);}
    25%{transform:translateY(5px);}
    75%{transform:translateY(8px);}
}
@keyframes typing{
    0%{max-width:0;}
    100%{max-width:100%;}
}
@keyframes bgscale{
    0%{transform:scale(1.7);}
    100%{transform:scale(1);}
}
@keyframes decobg{
    0%{opacity:1;}
    100%{opacity:0;}
}
@keyframes cliptext{
    0%{transform:translateY(100%);clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);}
    95%{transform:translateY(0%);}
    100%{clip-path:polygon(0% 00%, 100% 0%, 100% 100%, 0% 100%);}
}