@charset "utf-8";
/* Mobile */
.main_container{position:relative;box-sizing:border-box;/*background:url('/images/02_tour/main/s_b1_1.jpg')no-repeat top center;*/}

/*공통_전체*/  
.section{min-height:400px;position:relative;text-align:center;height:75vh;}
.section>div{overflow:hidden;background-size:cover;width:100%;height:100%;background-repeat:no-repeat;background-position:top center;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.section>div>div{padding-top:40px;}
.section h3{opacity:0;transition:all .4s ease;transform:translateY(-20%);color:#fff;line-height:1.5;font-size:1.8rem;z-index:1;}
.section h3 strong{color:#fff568;}
.section h4{font-family:'GmarketSans';background:none;font-size:20px;margin:0;padding:0;display:inline-block;}
.section .st{opacity:0;transition:all .4s ease;transform:translateY(20%);color:#fff;font-size:.8rem;z-index:1;}
.section .btn button {width:52px;height:52px;overflow:hidden;background:url("/images/02_tour/main/m_icon.png") no-repeat;font-size:0;position:absolute;top:50%;transform:translate(0, -50%);left:auto;}
.section .btn button.prev {background-position:0 0;left: calc(32% - 52px);}
.section .btn button.next {background-position:0 -67px;right:calc(32% - 52px);}
.section.on h3{opacity:1;transform:translateY(0);}
.section.on .st{opacity:1;transform:translateY(0);transition-delay:.5s}

.section .f_wrap{position:relative;}

/*메인비주얼*/
.section .m_visual{position:relative;text-align:center;display:block;}
.img_area > p{position:absolute;font-weight:300;color:#eeeded;top:calc(50% - 60px );font-size:.7rem;width:100%;}
.m_visual .img_area{width:100%;height:100%;padding:0;position:relative;}
.m_visual .img_area:before{display:block;content:'';width:100%;height:100%;background:rgba(0,0,0,.6);position:absolute;left:0;top:0;right:0;}
.m_visual .img_area .img{overflow:hidden;background-size:cover;display:block;height:100%;background-repeat:no-repeat;background-position:top center;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.m_visual .img a{display:block;width:100%;height:100%;color:#fff;text-shadow:3px 3px 3px rgba(0, 0, 11, .8);font-size:2rem;}
.m_visual .v_tit span{display:block;font-weight:100;}
.m_visual .v_tit strong{display:block;}

.on .m_visual .v_tit{position:relative;}
.on .m_visual .v_tit span{animation:tracking-in-contract 1.5s cubic-bezier(.215,.61,.355,1.000) both;}
.on .m_visual .v_tit strong{animation:tracking-in-contract 1s cubic-bezier(.215,.61,.355,1.000) both;}

.m_visual .control{position:absolute;bottom:5%;left:3%;padding:0;}
.m_visual .control p{display:flex;align-items:center;gap:5px;}
.m_visual .control p a{color:#fff;display:block;padding:5px 8px;font-size:1rem;text-align:center;}
.m_visual .control p a.on,
.m_visual .control p a:hover,
.m_visual .control p a:focus,
.m_visual .control p a:active{background:#fff;border-radius:5px;color:rgba(0,0,0,.8);font-weight:bold;}
@keyframes kenburns-top{0%{transform:scale(1.25) translateY(-15px);transform-origin:top}100%{transform:scale(1) translateY(0);transform-origin:50% 16%}}
@keyframes fadeindown{0%{opacity:0;transform:translate3d(0,-100%,0)} 100%{opacity:1;transform:none;}}
@keyframes fadeinup{0%{opacity:0;transform:translate3d(0,100%,0)} 100%{opacity:1;transform:none}}
@keyframes tracking-in-contract {0% {letter-spacing:.8em;opacity:0}40% {opacity:.6}100% {letter-spacing:normal;opacity:1}}

.m_visual .ico_link{position:absolute;bottom: 20px;right: 20px;}
.m_visual .ico_link li{margin-bottom:10px;}
.m_visual .ico_link li a{display:block;width:100px;height:100px;padding-top:30px;color:#fff;border-radius:50%;font-weight:600;transition: 0.3s;}
.m_visual .ico_link li a span{display:block; font-weight:100;}
.m_visual .ico_link li.ico1 a{background:rgba(241,90,64,0.8);}
.m_visual .ico_link li.ico2 a{background:rgba(0,172,157,0.8);}
.m_visual .ico_link li.ico1 a:hover{background:rgba(241,90,64,1);}
.m_visual .ico_link li.ico2 a:hover{background:rgba(0,172,157,1);}


/*section3,4 백그라운드 이미지 영역*/
.section .f_img:before{display:block;content:'';width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;left:0;top:0;right:0;}
.section .f_img{position:absolute;overflow:hidden;background-size:cover;width:100%;height:100%; padding-top:0; background-repeat:no-repeat;background-position:top center;display:none;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.f_img.on{display:flex;}
.f_img>div{overflow:hidden;background-size:cover;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:top center;}
.f_img .txt_box{background:url('/images/02_tour/main/box_bk.png');width:85%;padding:5% 10%;height:auto;max-width:900px;}
.f_img .txt_box h4{color:#fff;margin:0 0 10px 0;background:#fff;color:rgba(0,0,0,.9);padding: 10px 2rem 6px;line-height: 24px;}
.f_img .txt_box p{color:#fff;font-size:.8rem;}
.f_img .txt_box ul{display:flex;justify-content:center;gap:10px;}
.f_img .txt_box li{position:relative;}
.f_img .txt_box li:before{display:block;content:'';background:rgba(255,255,255,.25);width:1px;height: 90%;position:absolute;left:-26px;top: 5%;}
.f_img .txt_box li:first-child:before{display:none;}
.f_img .txt_box li a{color:#fff;position:relative;font-size:.8rem;word-break:keep-all;text-align:center;line-height:1;}
.f_img .txt_box li a:before{display:block;content:'';background:url("/images/02_tour/main/m_icon.png") no-repeat;background-size:300px;width:32px;height:32px;margin:0 auto 10px auto;}
.f_img .txt_box .l1 a:before{background-position:-7px -105px;}
.f_img .txt_box .l2 a:before{background-position:-49px -104px;}
.f_img .txt_box .l3 a:before{background-position:-88px -104px;}
.f_img .txt_box .l4 a:before{background-position:-134px -104px;}
.f_img .txt_box .l5 a:before{background-position:-177px -104px;}
.section.con3 .btn button.prev,
.section.con4 .btn button.prev{left:2%;}
.section.con3 .btn button.next,
.section.con4 .btn button.next{right:2%;}

.section .link{position:absolute;bottom: 19%;}
.section .link a{color:#fff;font-size: 1rem;}
.section .link a:before{display:block;content:'';background:url("/images/02_tour/main/m_icon.png") no-repeat;background-size:300px;width:32px;height:32px;margin: 0 auto 2px;background-position: -7px -104px;}
.vt_gj .link a:before{background-position: -49px -104px;}

/*축제소식*/
.now_gj .f_list{display:flex;justify-content:center;align-items:center;}
.now_gj .f_list div{transition:all 0.3s;transform:scale(0.8);}
.now_gj .f_list div:hover img{transform:scale(1.05);transition:.8s;}
.now_gj .f_list div a{display:block;}
.now_gj .f_list div img{width:100%;max-width: 335px;}
.now_gj .f_list div.on{filter:drop-shadow(0px 3px 25px rgba(0, 0, 0, 0.15));transform:scale(1);border-radius:0 20px 0 20px;box-shadow:10px 10px 0 #df601a;overflow:hidden;margin: -10px 0 0 -10px;}

.now_gj .f_list_none{margin: 0 20px;padding: 60px 30px;border:1px #fff solid;color:#fff;word-break: keep-all;font-size: 18px;}

/*음식*/
.section .fd_gj, 
.section .vt_gj{justify-content:flex-start;}
.section .fd_gj h3, 
.section .vt_gj h3{padding-top:9%;}

/*관광*/
.ey_gj h3{ color:#2a2a2a;}
.ey_gj h3 strong{color:#f7941d;}
.section .ey_gj  .st{color:#5b5b5b;}
.tag_box{display:flex;justify-content:space-around;flex-wrap:wrap;width:85%;}
.tag_box div{background:#fff;width:48%;padding:5%;border-radius:10px;box-shadow:3px 3px 5px  rgba(0,0,0,.1);}
.tag_box h4{position:relative;display:block;}
.tag_box h4 span{display:none;}
.tag_box h4:before{display:block;content:'';background:url("/images/02_tour/main/m_icon.png") no-repeat -323px -148px;width:45px;height:45px;margin:0 auto 15px auto;}
.tag_box .t2 h4:before{background-position:-385px -148px;}
.tag_box div ul{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;}
.tag_box div li a{display:inline-block;background:#f1f1f1;font-size:.8rem;padding:7px 14px;border-radius:30px;}
.tag_box div li:hover a,
.tag_box div li:focus a,
.tag_box div li:active a{background:#2a2a2a; color:#efefef}

/* Tablet */
@media all and (min-width:768px) {
/*공통_전체*/   
.section{ height:100vh;}
.section h3{font-size:3rem;}
.section .st{font-size:1.25rem;}

/*비주얼*/
.m_visual .img_area a{font-size:3.5rem;}
.img_area > p{letter-spacing:.5em;top:calc(50% - 90px );}
.m_visual .ico_link{bottom:8%; right:5%;}
.m_visual .ico_link li a{width:140px; height:140px; padding-top:45px; font-size:20px;}

/*section3,4 백그라운드 이미지 영역*/
.f_img>div{overflow:hidden;background-size:cover;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:top center;}
.f_img .txt_box{display:flex;flex-direction:column;align-items:center;/* justify-content:center; */gap: 10px;padding: 8% 10%;height: 440px;overflow:hidden;}
.f_img .txt_box h4{font-size:2.5rem;line-height: 3rem;}
.f_img .txt_box p{font-size:1.125rem;}
.f_img .txt_box ul{gap:50px;}
.f_img .txt_box li{opacity:0;transform:scale(.95);transition:all .5s ease;}
.f_img .txt_box li a{font-size:1.125rem;}
.f_img .txt_box li a:before{background-size:auto;width:55px;height:60px;}
.f_img .txt_box .l1 a:before{background-position:-5px -137px;}
.f_img .txt_box .l2 a:before{background-position:-65px -137px;}
.f_img .txt_box .l3 a:before{background-position:-119px -137px;}
.f_img .txt_box .l4 a:before{background-position:-184px -139px;}
.f_img .txt_box .l5 a:before{background-position:-246px -139px;}

.on.f_img .txt_box li{opacity:1;}
.on.f_img .txt_box .l1,.on .f_img .txt_box .l4{transition-delay:1.0s;}
.on.f_img .txt_box .l2,.on .f_img .txt_box .l5{transition-delay:1.2s}
.on.f_img .txt_box .l3{transition-delay:1.4s}

.section .link{bottom: 35%;}
.section .link a{font-size: 1.25rem;}
.section .link a:before{width: 55px;height: 45px;margin: 0 auto 10px;background-position: -4px -145px; background-size: auto;}
.vt_gj .link a:before{background-position: -65px -145px;}
    
/*축제소식*/
.now_gj .f_list div{max-width:335px;}
.now_gj .f_list_none{width: 600px;margin: 120px auto 0;padding: 80px 0;font-size: 20px;}
.section .now_gj .btn button.prev{left:calc(32% - 37px);}
.section .now_gj .btn button.next{right:calc(32% - 37px);}


/*관광*/
.tag_box div{padding:50px;}
.tag_box h4{font-size:30px;border-bottom:solid 1px #e1e1e1;}
.tag_box h4 span{ display:block;font-size:1rem;color:#c2c2c2;letter-spacing:-.5px; font-weight:300;font-size:20px;}
.tag_box h4:before{}
.tag_box .t2 h4:before{}
.tag_box div ul{padding: 30px 0;}
.tag_box div li a{font-size: 1.1rem;}
}

/* Desktop */
@media all and (min-width:1023px) {
/*비주얼*/
.img_area > p{top:calc(50% - 160px );font-size:1.125rem;}
.m_visual .v_tit span{font-size:5rem;}
.m_visual .v_tit strong{font-size:8rem;}
.m_visual .control{width:1400px;left:50%;transform:translate(-50%, 0);bottom:30px;}

/*section3,4 백그라운드 이미지 영역*/
.section .f_img{padding-top:8%;}
.section.con3 .btn button.prev,
.section.con4 .btn button.prev{top:58%;}
.section.con3 .btn button.next,
.section.con4 .btn button.next{top:58%;}


.section .link{bottom: 30%;}
    
/*축제소식*/
.now_gj .f_list{max-width:1400px;gap:100px;}
.now_gj .f_list_none{width:900px; font-size:24px;}

/*관광*/
.tag_box{width:1400px;}
.tag_box h4{text-align:left;}
.tag_box h4 span{display:inline-block;padding-top:16px;}
.tag_box h4:before{ display:inline-block;vertical-align:middle;margin-right:10px;}
.tag_box div ul{justify-content:flex-start;}
}
/* Desktop */
@media all and (min-width:1400px) {
.section.con3 .btn button.prev,
.section.con4 .btn button.prev{left: 22%;}
.section.con3 .btn button.next,
.section.con4 .btn button.next{right:22%;}
    
.f_img .txt_box{padding: 5% 10%;}
.section .link{bottom: 25%;}    
    
}
@media all and (min-width:1620px) {
.m_visual .control{width:1620px;}
}