@charset "utf-8";

:root{
    --sprites : url('/design/tour/img/main/sprites.png') no-repeat
  }

.cont1 { position:relative; background:#000; }

.visual_slide { height:100vh; min-height:600rem; }
.visual_slide .swiper-slide { display:flex; align-items:center; justify-content:center; text-align:center; }
.visual dl { font-family:var(--gmar); color:#fff; opacity:0; transition:all 0.5s; transition-delay:0.3s; text-shadow:2rem 2rem 7rem rgba(0,0,0,0.3); }
.visual dl dt div { display:inline-block; font-size:19rem; background:rgba(0,0,0,0.6); border-radius:30rem; padding:7rem 20rem 4rem; font-weight:300; }
.visual dl dt div strong { display:inline-block; position:relative; padding-left:40rem; }
.visual dl dt div strong::before { content:''; position:absolute; left:10rem; top:50%; width:19rem; height:1px; background:#fff; }
.visual dl dd.small { font-size:35rem; margin-top:20rem; }
.visual dl dd.big { font-size:70rem; font-weight:600; }
.visual .swiper-slide-active dl { opacity:1; }
.visual .bg_img { position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1; opacity:0.6; }
.visual .bg_img img { width:100%; height:100%; object-fit:cover; }
.visual .slide_paging { display:flex; align-items:center; justify-content:center; position:absolute; left:0; bottom:calc(50vh - 170rem); text-align:center; z-index:1;  }
.visual .slide_paging span { display:flex; align-items:center; justify-content:center; width:20rem; height:30rem; background:none; opacity:1; }
.visual .slide_paging span::before {content:''; width:3px; height:20rem; background:#fff; }
.visual .slide_paging span.swiper-pagination-bullet-active::before { height:100%; background:var(--b_green); }
@media all and (max-width:768px){
  .visual_slide { height:500rem; min-height:auto; }
  .visual .slide_paging { bottom:100rem; }
  .visual dl dd.small {font-size:20rem;}
  .visual dl dd.big {font-size:50rem; line-height:1.2; margin-top:10rem; }
}
@media all and (max-width:480px){
  .visual dl dt div {display:none; }
}

.notice { position:absolute; left:0; bottom:0; width:100%; color:#fff; background:rgba(12,138,68,0.8); z-index:1; }
.notice .wrap { display:flex; align-items:center; justify-content:space-between; height:70rem; }
.notice h2 { width:120rem; position:relative; text-transform:uppercase; color:var(--b_yellow); font-weight:700; font-size:19rem;}
.notice h2::before {content:''; position:absolute; top:50%; right:0; width:1rem; height:20rem; background:var(--b_yellow); transform:var(--hcenter); }
.notice ul { width:calc(100% - 190rem); }
.notice li { float:left; width:50%; padding:0 50rem; }
.notice li a { position:relative; position:relative; display:block; color:#fff; overflow:hidden; padding-left:18rem; }
.notice li a::before {content:''; position:absolute; left:0; top:50%; width:4rem; height:4rem; background:#fff; border-radius:50%; transform:var(--hcenter); }
.notice li a span { display:block; float:left; line-height:30rem; }
.notice li a span.subject { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:500; width:calc(100% - 130rem); }
.notice li a span.date { width:130rem; text-align:right; font-size:16rem; }
.notice .more { background:var(--b_yellow); display:flex; align-items:center; justify-content:center; width:70rem; height:70rem; }
.notice .more::before { content:''; width:16px; height:16px; background:var(--sprites) -180px -29px; }
.notice .more span {text-indent:-999999px; }
@media all and (max-width:1023px){
  .notice li {width:100%;}
  .notice li:last-of-type {display:none; }
}
@media all and (max-width:768px){
  .notice h2 {width:auto;}
  .notice h2::before {display:none;}
  .notice li {width:100%; padding:0;}
  .notice li:last-of-type {display:none; }
  .notice li a span.subject { width:100%; }
  .notice li a span.date {display:none;}
}

.cont2 .wrap {display:flex; justify-content: space-between; margin:80rem auto; }
.cont2 .list { position:relative; width:430rem; }
.cont2 .list p { font-size:40rem; line-height:1.3; margin-bottom:30rem; white-space:nowrap; }
.cont2 .list p strong {display:block; }
.cont2 .list a { position:relative; display:block; margin-left:80rem; padding:25rem 0; border-bottom:1px dashed #bababa; }
.cont2 .list a::before { content:''; position:absolute; left:-80rem; top:50%; width:60px; height:60px; background:#f6f6f6 var(--sprites) 0 0; border:1px solid #e9e9e9; transform:var(--hcenter); border-radius:50%; }
.cont2 .list #cont1_list2::before { background-position:-60px 0;}
.cont2 .list #cont1_list3::before { background-position:-120px 0;}
.cont2 .list a::after {content:''; position:absolute; right:20rem; top:50%; width:24px; height:14px; background:var(--sprites) -180px 0; transform:var(--hcenter); opacity:0; transition:all 0.3s; }
/*마우스오버*/
.cont2 .list a:hover,
.cont2 .list a.on { border-bottom:1px dashed var(--green); }
.cont2 .list a:hover::before,
.cont2 .list a.on::before { background-color:var(--green);}
.cont2 .list #cont1_list1:hover::before,
.cont2 .list #cont1_list1.on::before { background-position:0 -60px;}
.cont2 .list #cont1_list2:hover::before,
.cont2 .list #cont1_list2.on::before { background-position:-60px -60px;}
.cont2 .list #cont1_list3:hover::before,
.cont2 .list #cont1_list3.on::before { background-position:-120px -60px;}
.cont2 .list a.on::after,
.cont2 .list a:hover::after {right:0; opacity:1;}
.cont2 .list a strong {font-size:21rem;}
.cont2 .list a.on strong,
.cont2 .list a:hover strong {color:var(--green);}

.cont2 .view { position:relative; width:calc(100% - 510rem); height:550rem; }
.cont2 .view .controls a {display:block; position:absolute; left:-20rem; top:200rem; width:60rem; height:60rem; border-radius:50%; border:1px solid #d2d2d2; text-indent:-99999px; background:#fff; z-index:10; }
.cont2 .view .controls a.next {left:auto; right:-20rem; transform:rotate(180deg);}
.cont2 .view .controls a::before {content:''; position:absolute; left:calc(50% + 5rem); top:calc(50% - 5rem); width:10rem; height:10rem; border-top:2px solid #d2d2d2; border-left:2px solid #d2d2d2; transform:rotate(-45deg) var(--center); }

.view_slide { position:absolute; width:100%; height:0; overflow:hidden; z-index:-1; }
.view_slide.on { height:auto; z-index:0; }
.view_slide .img { height:500rem; margin:0 60rem 50rem; border-radius:40rem 0 40rem 0; overflow:hidden; }
.view_slide .img img { width:100%; height:100%; object-fit:cover; }
.view_slide .txt_box { display:flex; flex-direction: column; justify-content: space-between; position:absolute; left:0; bottom:0; background:var(--b_green); color:#fff;  min-height:250rem; width:400rem; border-radius:0 20rem 0 20rem; font-family:var(--mice); padding:40rem 35rem; }
.view_slide .txt_box dd { font-size:30rem; font-weight:600; line-height:1.3; margin-top:5rem; }
.view_slide .txt_box a { position:relative; display:block; background:var(--green); color:#fff; padding:10rem; width:150rem; padding:10rem 20rem; margin:20rem auto 0; font-size:16rem; }
.view_slide .txt_box a::before {content:''; position:absolute; right:20rem; top:47%; width:9rem; height:9rem; background:var(--arrowW); transform:rotate(45deg) var(--hcenter); }
.view_slide .swiper-cube-shadow:before { opacity:0.3; }

/*일러배경*/
.cont2 .list::before {content:''; position:absolute; left:0; bottom:-80rem; width:477px; height:192px; background:var(--sprites) 0 -132px; }
.cont2 .list::after { content:'Uiseong'; position:absolute; left:-170rem; bottom:0;  font-family:serif; font-size:170rem; opacity:0.05; z-index:-1; font-weight:900; }
.cont2 .view::after {content:''; position:absolute; right:0; bottom:-80rem; width:183px; height:202px; background:var(--sprites) -16px -345px; }
@media all and (max-width:1200px){
  .cont2 .list {width:250rem;}
  .cont2 .list a span { display:none; }
  .cont2 .view {width:calc(100% - 300rem); }
  .cont2 .list::before {left:-100rem; }
}
@media all and (max-width:1023px){
  .cont2 .wrap {display:block;}
  .cont2 .list { width:100%; margin-bottom:40rem;  overflow:hidden; }
  .cont2 .list::before,
  .cont2 .list::after { display:none; }
  .cont2 .list p { text-align:center; }
  .cont2 .list p strong {display:inline-block;}
  .cont2 .list a {float:left; width:calc(33.33% - 120rem); margin:0 20rem 0 100rem; }
  .cont2 .view {width:100%; }
}
@media all and (max-width:768px){
  .cont2 .list p { font-size:30rem; }
  .cont2 .list a {margin:0 10rem; width:calc(33.33% - 20rem); padding:20rem 10rem;}
  .cont2 .list a::before {display:none;}
  .cont2 .view { height:450rem; }
  .cont2 .view .controls a {left:-10rem; top:170rem; }
  .cont2 .view .controls a.next {right:-10rem;}
  .view_slide .img { height:400rem; }
}
@media all and (max-width:480px){
  .cont2 .list p strong { display:block; }
  .cont2 .list a { display:flex; align-items:center; justify-content:center; padding:10rem 0;  }
  .cont2 .list a strong {font-size:18rem;}
  .cont2 .list a::after {display:none;}
  .cont2 .view { height:550rem; }
  .cont2 .view .controls a { top:260rem; }
  .view_slide .swiper-slide { padding-bottom:250rem; }
  .view_slide .img { height:300rem; margin:0; border-radius:40rem 0 0 0; }
  .view_slide .txt_box { width:100%; border-radius:0 0 20rem 0; }
  .cont2 .view::after {display:none;}

}


.cont3 { position:relative; padding:60px 0;}
.cont3::before { content:''; position:absolute; left:0; top:0; width:100%; height:calc(100% - 300rem); background:#f3f9f5; z-index:-1; }
.cont3 .wrap:first-of-type { display:flex; justify-content:space-between; }
.cont3 h2 { font-size:25rem; margin-bottom:25rem; }
@media all and (max-width:1300px){
  .cont3 .wrap:first-of-type {display:block;}
}
@media all and (max-width:768px){
  .cont3 {background:#f3f9f5;}
  .cont3::before {display:none;}
}


.popup { position:relative; width:580rem; overflow:hidden; }
.popup .controls { position:absolute; right:0; top:0; }
.popup .controls > * { display:block; float:left; }
.popup .controls a { display:block; width:30px; height:30px; background:var(--sprites) -204px 0; text-indent:-99999px; }
.popup .controls a.stop { background-position:-234px 0;}
.popup .controls a.play { display:none; background-position:-264px 0;}
.popup .controls a.next { transform:rotate(180deg); }
.popup .controls a.swiper-button-disabled {opacity:0.3;}
.popup .slide_paging { width:auto; font-size:17rem; }
.popup .slide_paging span { position:relative; padding:0 10rem; }
.popup .slide_paging .swiper-pagination-current {font-weight:800; }
.popup .slide_paging .swiper-pagination-current::before { content:''; position:absolute; right:-10rem; top:0; width:20rem; height:100%; background:#f3f9f5; }
.popup .slide_paging .swiper-pagination-current::after {content:''; position:absolute; right:-10rem; top:calc(50% - 2rem); width:5rem; height:5rem; border-radius:50%; background:#333; }
@media all and (max-width:1300px){
  .popup { width:100%; }
}

.guide_btn { display:flex; flex-direction:column; justify-content:center; width:calc(100% - 650rem); padding-top:65rem; }
.guide_btn a { position:relative; display:flex; flex-direction:column; justify-content:center; float:left; width:50%; height:135rem; padding-left:120rem; border-top:1px solid #e2e7e4; border-left:1px solid #e2e7e4; }
.guide_btn a:nth-of-type(2n-1) { border-left:0; }
.guide_btn a::before {content:''; position:absolute; left:30rem; top:50%; width:70px; height:70px; background:var(--sprites) -215px -330px; transform:var(--hcenter); }
.guide_btn a.icon2::before {background-position:-285px -330px;}
.guide_btn a.icon3::before {background-position:-215px -400px;}
.guide_btn a.icon4::before {background-position:-285px -400px;}
.guide_btn dt { font-size:23rem; font-weight:600; }
.guide_btn dd { font-size:17rem; color:#666; margin-top:10rem; }
@media all and (min-width:481px){
  .guide_btn a:nth-of-type(1),
  .guide_btn a:nth-of-type(2) { border-top:0; }
}
@media all and (max-width:1300px){
  .guide_btn { width:100%; }
}
@media all and (max-width:768px){
  .guide_btn dt {line-height:1.4; font-size:20rem; }
  .guide_btn dd { display:none; }
}
@media all and (max-width:480px){
  .guide_btn a {width:100%; height:100rem; }
  .guide_btn a:nth-of-type(1) { border-top:0; }
}

.festival { position:relative; margin-top:50rem;}
.festival ul {display:flex; justify-content:space-between; gap:40rem;}
.festival a {display:block; }
.festival img { width:100%; transition:all 0.5s; }
.festival a:hover img  { border-radius:0 40rem 0 40rem; }
.festival dl {padding:20rem 0 0 10rem; }
.festival dt { font-size:20rem; font-weight:600; }
.festival dd { position:relative; font-size:16rem; }
.festival dd::before {content:''; display:block; float:left; width:11px; height:14px; background:var(--sprites) -180px -15px; margin:5rem 10rem 0 0;  }
.festival .more { position:absolute; right:8rem; top:0; font-size:15rem; padding:8rem 8rem 8rem 0;  }
.festival .more::before { content:''; position:absolute; right:0; top:47%; width:7rem; height:7rem; background:var(--arrowB); transform:rotate(45deg) var(--hcenter); }
@media all and (max-width:768px){
  .festival ul {display:block; }
  .festival li {margin:30rem 0;}
  .festival img {width:45%; }
  .festival dl {float:right; width:50%; }
}