::-moz-selection {
  background: var(--mc2);
  color: #fff;
}
::selection {
  background: var(--mc2);
  color: #fff;
}
body {}

.pop-win h2, .ifram-win h2 {font-size:2rem !important;}


.f-15 {font-size:1.5rem;}
.f-16 {font-size:1.6rem;}
.f-18 {font-size:1.8rem;}
.f-20 {font-size:2.0rem;}
.f-24 {font-size:2.4rem;}
.f-30 {font-size:3.0rem;}
.f-40 {font-size:4.0rem;}
.f-45 {font-size:4.5rem;}
.f-60 {font-size:6.0rem;}
.f-80 {font-size:8.0rem;}


.mainLayout {margin:0 auto;width:68%;}
.contLayout {margin:0 auto;width:68%;max-width:1300px;}
.subLayout {width:68%;margin:0 auto !important;max-width:1300px;}
.dePadding {padding:10rem 0;}
.fullLayout {width:94%;margin:0 auto;}

.sub-img-wrap {width:100%;}
.sub-img-wrap img {width:100%;height:auto;}


/*헤드메뉴*/


.header-all-cont {width:100%;height:auto;position:absolute;top:0;z-index: 8000}

#header {width:100%;position:fixed;top:1.5rem;left: 50%; transform:translateX(-50%) ;z-index:6;-webkit-transition:all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
#header .header-inner {width:100%;display:flex;padding:0 5rem;align-items: center;justify-content: space-between;}
#header .gnb {display:flex;list-style:none;height:100%;padding-right:8rem;}
#header .gnb > li {height:8rem;position:relative; display:block;width:14rem;vertical-align:middle; text-align:center;}

#header .gnb > li > a {display:block; width:100%;
  font-weight: bold;
  font-size: 1.6rem;
  text-align: center;
  letter-spacing: -0.025em;
  color: #fff;}
#header .gnb > li > a:hover {color: var(--mc1);}
#header .gnb > li.active {background-color: var(--mc2)}
#header .gnb > li.active > a {color: #fff}

#header .header-inner .menu {cursor:pointer;text-indent:-9999px; position:absolute;top:29px; left:50%;width:25px;height:2rem; background-image:url(../img/cate_more.gif); margin-left:200px; border:0; display:none}
#header .header-inner .menu.on {background-image: url(../img/cate_close.gif)}
#header .gnb > li, #header #right-side-open {height:8rem;line-height:8rem; -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
#header #right-side-open { position:absolute; right:0; width:100%; cursor:pointer; border-left:1px solid rgba(255,255,255,0.3); text-align:center; display: inline-block; }
#header #right-side-open span{display:inline-block;width:2rem; height:2rem;font-size:2rem;line-height:1em;margin-top:-1rem; margin-left:-1rem; position:absolute; top:50%;left:50%; color:#fff;}
#header .gnb .snb {list-style:none; display:none;}
#header #logo {}
#header #logo a { display:inline-block;}
#header #logo img{width:12%;position:absolute;left:3%;top:10%}
#header .gnb .snb,.device-md #header .gnb .snb{border-radius:1rem;padding:1rem 0;display: none;position: absolute;left:0;width: 100%; top:7rem; border-top: 0;background-color:var(--mc1); z-index:2}
#header .gnb .snb li { font-size:1.4rem; line-height:2.6; text-align:left;}
#header .gnb .snb li a { color:#eee;font-weight:400; display:block; padding:0 1.5rem;letter-spacing: -0.025em;}
#header .gnb .snb li a:hover {color:#fff;font-weight:500;  display:block; text-decoration:none; line-height:2.6}
#header .gnb .snb li:first-child { border-top:0}

.header-all-cont.subHeader {width:100%;height:auto;z-index: 100;background:#fff;}
.header-all-cont.subHeader #header {width:100%;position:relative;top:0;border-bottom:1px solid #ddd}
.header-all-cont.subHeader #header .gnb > li > a {color:#555;transition:all 0.4s;}
.header-all-cont.subHeader #header .gnb > li:hover >a {font-weight:800;}

.scrolled .header-all-cont.subHeader #header {position:fixed;}

.side_hd_icon {width:20rem;display:flex;justify-content:space-between;position:absolute;left:5%;top:5rem;}
.side_hd_icon li {width:calc(100% / 3);transition:all 0.4s;}
.side_hd_icon li:hover {transform:translateY(-0.5rem);}
.side_hd_icon li a {position:relative;display:block;text-align:center;}
.side_hd_icon li a img {height:3rem;margin:0 0 0.5rem;}
.side_hd_icon li a span {font-size:0;}
.side_hd_icon li a span:first-of-type {display:block;font-size:0;}
.side_hd_icon li a span.total_cnt {position:absolute;background:#000;color:#fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;width:2rem;height:2rem;line-height:2rem;top:0;font-size:1.4rem;}

#header #logo-sub img {height:4.1rem;}

.scrolled #header {top:0;height:6rem;    backdrop-filter: blur(14px);
  background-color: rgba(255,255,255,.6);}
.scrolled #header #logo {}
.scrolled #header #logo img{width:25rem;position:absolute;top:12%}
.scrolled  #header .gnb > li {height:6rem;line-height:6rem;}
.scrolled #header .gnb > li > a {color:#555;}
.scrolled #header .gnb .snb, .scrolled .device-md #header .gnb .snb {top:6rem;}
/* .scrolled .side_hd_icon {top:1.8rem;}
.scrolled .side_hd_icon li a img {height:2.5rem;}
.scrolled .side_hd_icon li a span.total_cnt {width:1.5rem;height:1.5rem;line-height:1.5rem;font-size:1rem;} */
/*전체메뉴 버튼*/
#open-button{position:fixed;z-index:33000;right:5rem;top:3.1rem;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;cursor:pointer;}
#open-button.sub {top:1.6rem;}
#open-button .menu {
  display:block;
  --front: var(--mc1);
  --back: #D93757;
  --icon: #fff;
  perspective: 600px;
  width: 4.8rem;
  height: 4.8rem;
  position: relative;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
#open-button .menu input {
  display: none;
}
#open-button .menu input + div span {
  --rotateY: 0deg;
  --background: var(--front);
  transform: rotateY(var(--rotateY));
  transform-style: preserve-3d;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: var(--front);
  backface-visibility: hidden;
  transition: transform 0.6s cubic-bezier(0.2, 0.64, 0.48, 1.24);
}
#open-button .menu input + div span:before, #open-button .menu input + div span:after {
  --rotate: 0deg;
  content: "";
  position: absolute;
  width: 16px;
  height: 2px;
  border-radius: 1px;
  top: 50%;
  left: 50%;
  background: var(--icon);
  backface-visibility: hidden;
  transform: translate(-50%, -50%) rotate(var(--rotate)) translateZ(6px);
}
#open-button .menu input + div span:first-child {
  --background: var(--back);
  background:var(--back);

}

#open-button .menu input + div span:first-child:before {
  --rotate: -45deg;
}
#open-button .menu input + div span:first-child:after {
  --rotate: 45deg;
}
#open-button .menu input + div span:last-child {
  --rotateY: 180deg;
}
#open-button .menu input + div span:last-child:before {
  box-shadow: 0 -5px 0 var(--icon), 0 5px 0 var(--icon);
}
#open-button .menu input + div span:last-child:after {
  display: none;
}
#open-button .menu input:checked + div span:first-child {
  --rotateY: -180deg;
}
#open-button .menu input:checked + div span:last-child {
  --rotateY: 0deg;
}



/*전체메뉴 버튼*/

.scrolled #open-button {top:0.6rem;transform:scale(0.8)}
.scrolled #open-button .nl1 { background-color:#000}
.scrolled #open-button .nl2 { background-color:#000}
.scrolled #open-button .nl3 { background-color:#000}
.scrolled #open-button .navicon-line  { background-color:#333}
.scrolled #open-button.on .navicon-line { background-color:#fff}

.open #open-button {top:4rem !important;transform:scale(0.8);}




@media screen and (max-width: 960px) {
	#header {display:block; background-color:transparent;}
	#header #logo { display:block}

}

/*헤드메뉴*/


/*우측 전체 메뉴*/
#right-side {z-index: 10000;background-color:rgba(255,255,255,0.96);position:fixed; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;top:0;right:-45rem;max-width:45rem; width:100%; height:100%; color:#202020; padding:3rem 5rem 3rem 3rem;-webkit-transition: right .3s ease;-moz-transition: right .3s ease;-ms-transition: right .3s ease;-o-transition: right .3s ease;transition: right .3s ease; box-sizing:border-box; overflow:auto;}
#right-side .side_gnb .call a {text-align:center; display:block;position:relative;background:#6cc043; color:#fff; font-weight:bold; height:5.0em; line-height:5em; border-radius:3px; margin-top:1rem; padding:2px 0 4px 0;}
#right-side #btn-close-right-side {position:absolute;top:2rem;right:0;color:#202020;width:6rem;text-align:center;line-height:4rem; font-size:16px; cursor:pointer}
#right-side #btn-close-right-side .fa.fa-times { font-size:18px; padding-top:2rem}
.right-side-on #right-side {right:0;}
.right-side-on #rs-overlay {display:block;}

.quick_menu {width:100%; margin:auto; padding-top:2rem}
.quick_menu ul { text-align:center}
.quick_menu li{display:inline-block; margin-left:-3px; width:8rem; border-right:1px solid #555;}
.quick_menu li:last-child { border:0} 
.quick_menu li a{display:block; box-sizing:border-box; color:#202020; letter-spacing:-0.8px; text-align:center; position:relative;  font-size:12px}
.quick_menu li a:hover{color:#fff;backface-visibility:hidden}
.quick_menu li a.on{color:var(--mc1);border-bottom-color:#FF3300;border-bottom-width:2px;border-bottom-style:solid}
.quick_kakao{text-align:center; height:35px; background-color:#ffd800; display:inline-block; clear:both}
.quick_kakao a{display:block;position:relative;background:#ffd800}
.quick_kakao a img{display:block;margin:0 auto}

.side_gnb{position:relative;width:100%;float:left;padding-top:2rem;}
.side_gnb p{color:#fff; text-align:center; padding:2rem }
.side_gnb .menu-list{display:block;position:relative;border-bottom:1px solid #ddd; margin-top:4rem}
.side_gnb .menu-list>li.on> a {font-weight:700;}
.side_gnb .menu-list>li>a{display:block;position:relative;color:#202020;font-size:1.5rem;line-height:3.8em;padding:0 1.0em;border-top:1px solid #ddd; text-decoration:none}
.side_gnb .menu-list>li>a i{display:block;position:absolute;top:50%;transform:translateY(-75%) rotate(135deg);-webkit-transform:translateY(-75%) rotate(135deg);right:1.5em;width:5.31%;max-width:32px;border:1px solid #ddd;border-left-width:0;border-bottom-width:0;transition:transform .3s ease;-webkit-transition:-webkit-transform .3s ease;-ms-transition:transform .3s ease}
.side_gnb .menu-list>li.on>a i{-webkit-transform:translateY(-25%) rotate(315deg);transform:translateY(-25%) rotate(315deg)}
.side_gnb .menu-list>li>a i:before{content:"";display:block;position:relative;padding-top:100%}
.side_gnb .depth-2{display:none;}
.side_gnb .depth-2>li { background-color:#f5f5f6}
.side_gnb .depth-2>li>a{display:block;font-size:1.4rem;line-height:3.0em;padding:0 1.5em 0 2.2em;border-bottom:1px solid #eee; color:#555}

.side_gnb .menu-list>li:nth-of-type(2)>a i, .side_gnb .menu-list>li:nth-of-type(5)>a i {display:none;}

/*우측 전체 메뉴*/



/* 메인페이지 */

.titleText {
  font-style: normal;
  font-weight: 800;
  font-size: 4.5rem;
  letter-spacing: -0.025em;
  color: #202020;
  }
  .titleText img {margin-left:1rem;height:5rem;}
.subText {
  font-weight: 500;
  font-size: 1.7rem;
  line-height: 180%;
  letter-spacing: -0.025em;
  color: #999999;
  margin-bottom:1rem;
  }
.subText span {font-weight:700;}
.btn_wrap {
  font-weight: 400;
font-size: 1.6rem;
line-height: 160%;
letter-spacing: -0.05em;
color: #000000;
cursor:pointer;
}

.index-top-contents {width:100%;position:relative;}
.index-top-contents .contents-wrap {width:100%;height:100%;}
.index-top-contents .contents-wrap .img-wrap {width:100%;height:100%;position:relative;}
.index-top-contents .contents-wrap .img-wrap img {width:100%;height:100%;object-fit: cover;}
.index-top-contents .contents-wrap .text-wrap {position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;letter-spacing:-0.025em;z-index:100;cursor:pointer;user-select:none;pointer-events:none;}
.index-top-contents .contents-wrap .text-wrap .vr_icon_wrap{pointer-events:auto;}
.index-top-contents .contents-wrap .text-wrap h2 {font-size:3rem;font-weight:500;margin-bottom:1.5rem;}
.index-top-contents .contents-wrap .text-wrap h3 {font-size:6rem;font-weight:800;}

.index-top-contents .contents-wrap .text-wrap .info-wrap {display:flex;font-size:2rem;letter-spacing: -0.025em;align-items: center;margin-top:15rem;}
.index-top-contents .contents-wrap .text-wrap .info-wrap #top_weather {display:flex;align-items: center;}
.index-top-contents .contents-wrap .text-wrap .info-wrap #top_weather .weather_img img {height:2.4rem;margin-left:1rem;}
.index-top-contents .contents-wrap .text-wrap .info-wrap .date:after {content:'|';margin:0 1.5rem;color:#eee;display:inline-block;}

section.bg1 {position:relative;}
section.bg1:after {content:'';display:block;width:100%;aspect-ratio:1903/115;background:url(../img/background1.png) no-repeat center/cover;position:absolute;left:0;top:53%;transform:translateY(-50%);z-index: -1;}

.content1-wrap {padding:14rem 0 6rem 0;}
.content1-wrap .title-wrap {width:100%;display:flex;justify-content: space-between;align-items: end;}

.btn-wrap {font-size:1.5rem;color:#777777;padding:0.7rem 2.5rem;border-radius:5rem;border:1px solid #ddd;cursor:pointer;display:inline-block;transition: all 0.4s;}
.btn-wrap:hover {background:var(--mc1);color:#fff;border:1px solid var(--mc1)}
.content2-wrap {width:100%;aspect-ratio: 1903/671;background:url(../img/background2.png)no-repeat center/cover;padding-top:2.5%}
.content2-wrap .mainLayout {display:flex;justify-content: space-between;height:100%;align-items: center;}
.content2-wrap .titleText:after {content:'';display:inline-block;width:11.6rem;height:5.6rem;background:url(../img/seagull.png) no-repeat center/contain;position:absolute;margin-top:-4rem;margin-left:3rem;}
.content2-wrap .mainLayout .title-wrap .characters {cursor:pointer;transition:all .4s;}
.content2-wrap .mainLayout .title-wrap .characters:hover {transform:scale(1.05) translateY(-1rem);}
.content2-wrap .mainLayout .title-wrap .characters img {height:28.5rem;margin-top:2rem;}
.content2-wrap .mainLayout .slide-wrap {display:flex;width:61.54%;}
.content2-wrap .mainLayout .slide-wrap .left-wrap {width:50%;display:flex;flex-direction: column;justify-content: space-between;padding:3.5% 0 2% 0;position:relative;left:3rem;}
.content2-wrap .mainLayout .slide-wrap .left-wrap .cont {transition:all 0.3s ease-in-out;
  cursor:pointer;background:rgba(255,255,255,0.35);height:31%;z-index: 9;border-radius:1.5rem;padding:2rem 7.5rem 2rem 3rem;position:relative;left:3rem;display:flex;justify-content: space-between;align-items: center;}
.content2-wrap .mainLayout .slide-wrap .right-wrap {width:50%;aspect-ratio: 1/1;position:relative;z-index: 10;}
.content2-wrap .mainLayout .slide-wrap .right-wrap .img-box {width:100%;height:100%;border-radius:1.5rem;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;overflow: hidden;background:#fff;
                                                                background:url(../img/box1.jpg) no-repeat center/cover;transition:all 0.4s;}
.content2-wrap .mainLayout .slide-wrap .right-wrap .img-box.img1 {background:url(../img/box1.jpg) no-repeat center/cover}
.content2-wrap .mainLayout .slide-wrap .right-wrap .img-box.img2 {background:url(../img/box2.jpg) no-repeat center/cover}
.content2-wrap .mainLayout .slide-wrap .right-wrap .img-box.img3 {background:url(../img/box3.jpg) no-repeat center/cover}
.content2-wrap .mainLayout .slide-wrap .left-wrap .cont h4 {font-size:2rem;font-weight:700;color:var(--mc1);letter-spacing: -0.025em;}
.content2-wrap .mainLayout .slide-wrap .left-wrap .cont h5 {font-size:1.4rem;font-weight:400;color:#999;letter-spacing: -0.025em;margin-top:1.5rem}
.content2-wrap .mainLayout .slide-wrap .left-wrap .cont a {display:block;text-align:center;width:2.8rem;height:2.8rem;color:var(--mc1);background:#fff;border-radius:50%;font-size:1.5rem;position:relative;}
.content2-wrap .mainLayout .slide-wrap .left-wrap .cont a i {position:absolute;left:54%;top:46%;transform:translate(-50%,-50%)}

.content2-wrap .mainLayout .slide-wrap .left-wrap .cont.active {position:relative;z-index: 11;left:0;background:#fff;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;padding:2rem 3rem 2rem 3rem;}
.content2-wrap .mainLayout .slide-wrap .left-wrap .cont.active h4 {font-size:2.2rem;color:#202020}
.content2-wrap .mainLayout .slide-wrap .left-wrap .cont.active a {color:#fff;background:var(--mc1);}
.about_wrap {text-align:center;margin:13rem auto 0;}
.about_wrap h2 {
  font-style: normal;
  font-weight: 400;
  font-size: 3.6rem;
  text-align: center;
  letter-spacing: -0.05em;
  
  color: #000000;}

.about_wrap h3 {
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 200%;
  text-align: center;
  letter-spacing: -0.048em;
  color: #777777;
  margin:2rem auto 5rem;
}
.about_wrap ul {display:flex;justify-content: center;}
.about_wrap ul li {margin:0 3.5rem;cursor:pointer;transition:all 0.4s;}
.about_wrap ul li .img-wrap {width:10rem;height:10rem;position:Relative;}
.about_wrap ul li .img-wrap img, .about_wrap ul li .img-wrap svg {width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.about_wrap ul.showing li .img-wrap svg {opacity:0; animation: icons 2.6s linear ;  animation-delay: 0.5s; stroke-dasharray: 150; animation-fill-mode: forwards;
  stroke-dashoffset: 150;}

section.bg2 .content4-wrap {width:100%;aspect-ratio: 1903/614;background:url(../img/background3.png)no-repeat center/cover;}

.content6-wrap {width:100%;position:relative;margin-top:-20rem;}
.sea-bg {width:100%}
.sea-bg img {width:100%;}
.main-information-wrap {display:flex;justify-content: space-between;position:absolute;bottom:6rem;left:50%;transform:translateX(-50%)}
.main-information-wrap .main-info-left {width:calc(50% - 5rem)}
.main-information-wrap .main-info-right {width:calc(50% - 5rem)}
.info-title-wrap {display:flex;justify-content: space-between;align-items: center;margin-bottom:2rem;}
.info-title-wrap .titleText2 {font-size:3rem;font-weight:700;letter-spacing: -0.025em;color:#fff;}
.content6-wrap .btn-wrap {color:#fff;border:1px solid rgba(255,255,255,0.25)}
.content6-wrap .btn-wrap:hover {background:#eee;border:1px solid #eee;color:#1777c0}

.main-map-wrap {display:flex;padding-top:2rem;position:relative;width:100%;}
.main-map-wrap .pin-icon {height:2.6rem;margin-right:2rem;}
.main-map-wrap .pin-icon img {height:100%;}
.main-map-info {width:100%;}
.main-map-wrap .main-map-text {color:#eee;letter-spacing: -0.025em;}
.main-map-wrap .main-map-text h4 {font-size:2.2rem;margin-bottom:0.8rem;}
.main-map-wrap .main-map-text h5 {font-size:1.6rem;font-weight:400;}
.main-map-wrap .map-button-wrap {margin-top:4rem;width:100%;display:flex;justify-content: space-between;align-items: baseline;}
.main-map-wrap .map-button-wrap .map a {transition:all 0.3s;display:inline-block;color:#fff;border:1px solid rgba(255,255,255,0.25);width:9.8rem;padding:0.8rem 0;font-size:1.3rem;margin-right:0.7rem;text-align: center;letter-spacing: -0.025em;}
.main-map-wrap .map-button-wrap .map a:hover  {background:#fff;color:#1777c0;}
a.ship-info {color:#1777c0;display:inline-block;font-size:1.7rem;background:var(--mc3);padding:0.7rem 2rem;border-radius:1.5rem;letter-spacing: -0.025em;font-weight:700;transition:all 0.4s;}
a.ship-info:hover {background:#fff;transform:scale(1.05)}

@keyframes icons {
  0% {
    opacity:0;
    stroke-dashoffset: 150;
  }
  30% {
    opacity:1;
  }
  100% {
    opacity:1;
    stroke-dashoffset: 0;
  }
}

.about_wrap ul li h4 {
  font-weight: 400;
  font-size: 2rem;
  letter-spacing: -0.048em;
  color: #000000;
  margin:2rem 0 0 0;
  transition:all .4s;
  }
  .about_wrap ul li:hover {transform:scale(1.1)}
  .about_wrap ul li:hover h4 {font-weight:700;}
  
.mainContent2 {display:flex;margin:17rem auto 13rem;}
.mainContent2 .cont2-text-wrap {width:45%;padding-right:5%;background:#f5f5f5;position:relative;z-index: 2;}
.mainContent2 .cont2-text-wrap .titleText {margin-top:20%;}
.mainContent2 .cont2-text-wrap .subText {margin:3rem 0 5rem 0;}


.mainContent2 .cont2-slide-wrap {width:55%;height:100%;position:relative;}
.cont2Swiper { overflow: visible !important;}
.cont2Swiper .swiper-slide { visibility: hidden;width: 100%;aspect-ratio: 66/45;filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.1)); }
.cont2Swiper .swiper-slide.swiper-slide-active {visibility: visible;border: 2px solid #000000;  }
.cont2Swiper .swiper-slide.swiper-slide-next {visibility: visible;opacity:0.5;}
.cont2Swiper .swiper-slide.slide01 { background:url(../img/maincenter1.jpg) no-repeat center /cover; }
.cont2Swiper .swiper-slide.slide02 { background:url(../img/maincenter2.jpg) no-repeat center /cover; }

.cont2_pager {
  width:12rem;position:Relative;margin-top:5rem;float:right;
}
.cont2_pager:after {
  content:'';
  display:block;
  clear:both;
}


.subHeader #header .gnb .snb, .device-md  .subHeader #header .gnb .snb {top:8rem;}
.scrolled .subHeader #header .gnb .snb, .scrolled .device-md  .subHeader #header .gnb .snb {top:6rem;}


/* svg 애니메이션 */

.showing .water-fill {
  -webkit-animation: wave 0.7s linear, fill-up 4s ease-out alternate;
          animation: wave 0.7s linear, fill-up 4s ease-out alternate;
}
@-webkit-keyframes wave {
  0% {
    x: -700px;
  }
  100% {
    x: 0;
  }
}
@keyframes wave {
  0% {
    x: -700px;
  }
  100% {
    x: 0;
  }
}
@-webkit-keyframes fill-up {
  0% {
    height: 0;
    y: 130px;
  }
  100% {
    height: 160px;
    y: -30px;
  }
}
@keyframes fill-up {
  0% {
    height: 0;
    y: 130px;
  }
  100% {
    height: 160px;
    y: -30px;
  }
}

.showing.vs_main_text h2 {
  animation: fadeUpEffect ease-in-out forwards 1.5s;
}
@keyframes fadeUpEffect {
  from {
    opacity: 0;
    transform:translateY(4rem);
  }
  to {
    opacity: 1;
    transform:translateY(0);
  }
}


.btn_wrap {position:relative;width:17.2rem;height:5.5rem;transition:all 0.4s;}
.btn_wrap #btn {width:100%;height:100%;}

.btn_wrap:hover {transform:translateY(-1rem);}
.btn_wrap:hover #btn {
  animation: fill-out ease-out forwards 0.5s;
  stroke-dasharray: 344;
  stroke-dashoffset: 172;
}
.btn_wrap:hover #btn path {
  stroke:var(--mc2);
}
@keyframes fill-out {
  from {
    fill: transparent;
    stroke-dashoffset: 344;
    transform:scale(1);
  }
  to {
    fill: var(--mc2);
    stroke-dashoffset: 172;
    transform: scale(1.05);
  }
}
.btn_wrap span {
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events: none;word-break: keep-all;white-space: nowrap;}
.btn_wrap:hover span { color:#fff;font-weight:400;font-size:1.25em;}

.svg-bg {text-align:center;margin:4rem auto 6rem;width:100%;}
.svg-bg svg{max-width:94%;}
.svg-bg .showing {margin:0 auto;}
.showing#svg-bg #bg-svg {
  stroke-dasharray: 1332;
  stroke-dashoffset: 1332;
  animation: ani 3s ease-in-out ;
  animation-fill-mode: forwards; /* 애니메이션 종료 후 마지막 상태 유지 */
}


@keyframes ani {
  0% {
    stroke-dashoffset: 1332;  
  }
  100% {
    stroke-dashoffset: 0;
  }
}


.fishing-rod svg {
  animation: fishing 3s ease-in-out infinite ;
}

@keyframes fishing {
  0% {
    transform:rotate(0deg) translateY(0)
  }
  50% {
    transform:rotate(5deg) translateY(-5rem)
  }
  100% {
    transform:rotate(0deg) translateY(0)
  }
}

.showing #Vector44 {
  stroke-dasharray: 1040;
  stroke-dashoffset: 1020;
  animation: ani2 2.5s ease-in-out ;
  animation-fill-mode: forwards; /* 애니메이션 종료 후 마지막 상태 유지 */
}

@keyframes ani2 {
  0% {
    stroke-dashoffset: 1020;  
  }
  100% {
    stroke-dashoffset: 0;
  }
}

.showing #Union {
  opacity:0;
  animation: ani3 1s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 2.3s;
  transform:translateY(2rem);
}


@keyframes ani3 {
  0% {
    opacity:0;
    transform:translateY(2rem);
  }
  100% {
    opacity: 1;
    transform:translateY(0);
  }
}

.scrollEvents {visibility: hidden;}
.showing {visibility: visible;}

/* svg 애니메이션 */





.index_shop_list {text-align:center;}
.index_shop_list .titleText {margin-bottom:2rem;}
.index_shop_list .subText {margin-bottom:4rem;}
.index_shop_list .btn_wrap {margin:4rem auto 0;}

.reservation-main-wrap {text-align: center;margin-bottom:13rem;}
.reservation-main-wrap  .titleText {margin-bottom:2rem;}

.res-main-slide {width:100%;}
.res-main-slide .cont4Swiper {width:100%;margin:4rem auto;}
.res-main-slide .cont4Swiper .swiper-slide {width:100%;display:flex;align-items: center;}
.res-main-slide .cont4Swiper .slide01 {width:55%;aspect-ratio:65/49;z-index: 2;border: 2px solid #000000;position:Relative;}
.res-main-slide .cont4Swiper .slide02 {width:50%;aspect-ratio:612/356;margin-left:-5%;z-index: 1;border: 2px solid #000000;position:Relative;}

.cont4Swiper .pic1 { background:url(../img/res1.jpg) no-repeat center /cover; }
.cont4Swiper .pic2 { background:url(../img/res2.jpg) no-repeat center /cover; }
.reservation-main-wrap .btn_wrap {margin:4rem auto 0;}
.cont4Swiper  .slide-text {width:100%;color:#fff;background: rgba(0, 0, 0, 0.5);padding:2rem;text-align:left;position:absolute;bottom:0;left:0;}
.cont4Swiper  .slide-text h4 {
  margin-bottom:1rem;
  font-weight: 500;
  font-size: 2.4rem;
  letter-spacing: -0.06em;}
  .cont4Swiper  .slide-text p {font-weight: 400;
    font-size: 1.6rem;
    line-height: 170%; 
    letter-spacing: -0.02em;
    color: #FFFFFF;}

.four-cont-wrap {width:100%;aspect-ratio: 192/50;position:relative;display:flex;}
.four-cont-wrap .one-content {width:25%;position:relative;transition:all 0.4s;cursor:pointer;}
.four-cont-wrap .one-content.act {width:28%;}
.four-cont-wrap .one-content.disabled {width:24%;}
.four-cont-wrap .one-content:after {
  content:'';display:block;
  width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0, 0, 0, 0.5);transition:all 0.4s;
  z-index: 1;
}
.four-cont-wrap .one-content:hover:after {
  background:rgba(0, 0, 0, 0.1)
}

.four-cont-wrap .one-content.con1 {background:url(../img/ff1.jpg) no-repeat center/cover}
.four-cont-wrap .one-content.con2 {background:url(../img/ff2.jpg) no-repeat center/cover}
.four-cont-wrap .one-content.con3 {background:url(../img/ff3.jpg) no-repeat center/cover}
.four-cont-wrap .one-content.con4 {background:url(../img/ff4.jpg) no-repeat center/cover}
.four-cont-wrap .one-content h2 {
  font-weight: 400;
  font-size: 2.8rem;
  letter-spacing: -0.048em;
  color: #FFFFFF;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index: 2;
  }

  .video-wrap {margin:16rem auto 20rem;}


  .gallery-wrap {margin:15rem auto 0;}
  .gallery-wrap .titleText {margin-bottom:4rem;}


  .gallery-wrap  .titleText .viewMore {
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 180%;
    letter-spacing: -0.05em;
    color: #000000;position:absolute;right:0;bottom:0;}
    .gallery-wrap  .titleText .viewMore i {transition:all 0.6s;margin-left:0.5rem;position:relative;top:0.1rem}
    .gallery-wrap  .titleText .viewMore:hover i {transform:rotate(360deg)}

    .slide_wrap {width:100%;margin-top:3rem;}
    .slide_head {width:100%;display:flex;justify-content: space-between;
      border-bottom:2px solid #333;line-height:3rem;padding:2rem 0;cursor:pointer;}
    .slide_head.open {border-bottom:0;}
    .slide_head span {
      font-weight: 700;font-size: 2.4rem;
      letter-spacing: -0.025em;color: #000;}
    .slide_head i {font-size:2rem;color:#000;position:relative;line-height:3rem;}
    .slide_body {display:none;width:100%;border-bottom:1px solid #ccc;}

    .root_daum_roughmap .wrap_controllers {display:none !important;}

    .main-loca-wrap table {width:100%;text-align: center;}
    .main-loca-wrap table thead {background: #F8F8F8;}
    .main-loca-wrap table thead th {font-weight: 500;
      font-size: 1.6rem;letter-spacing: -0.048em;color: #222222;padding:1.5rem 0;}

    .main-loca-wrap table tbody td {font-weight: 400;padding:1.5rem 0;
      font-size: 1.6rem;letter-spacing: -0.048em;color: #222222;line-height: 160%;}
      
    .main-loca-wrap .table1  th,     .main-loca-wrap .table2  td{width:50%;}
    .main-loca-wrap .table1  th:first-of-type, .main-loca-wrap .table1  td:first-of-type{border-right:1px solid #e9e9e9;}
    .main-loca-wrap .table2  th,     .main-loca-wrap .table2  td{width:25%;position:relative;}
    .main-loca-wrap .table2  th:nth-of-type(2), .main-loca-wrap .table2  td:nth-of-type(2) {border-right:1px solid #e9e9e9;}
    .main-loca-wrap .table2 td {border-bottom:1px solid #e9e9e9;padding:1rem 0;}
    .main-loca-wrap .table2  td:nth-of-type(1), .main-loca-wrap .table2  td:nth-of-type(3) {font-weight: 600;font-size: 1.8rem;color: #000000;}
    .main-loca-wrap .table2  td:nth-of-type(2), .main-loca-wrap .table2  td:nth-of-type(4) {color: #909090;}
   
    .main-loca-wrap .table2  th:nth-of-type(1):after,     .main-loca-wrap .table2  th:nth-of-type(3):after {
      content:'';
      width:1.6rem;height:1rem;
      background:url(../img/b-right.png)no-repeat center/contain;
      display:block;
      position:absolute;
      z-index: 100;
      right:-0.8rem;top:50%;transform:translateY(-50%);}
    
    .main-loca-wrap .plus-text {margin-top:1.5rem;width:100%;justify-content: space-between;display:flex;}
    .main-loca-wrap .plus-text p {
      font-weight: 400;font-size: 1.5rem;letter-spacing: -0.048em;color: #777777;
    }
    .main-loca-wrap .plus-text span {font-weight: 600;
    font-size: 1.6rem;
    text-align: right;
    letter-spacing: -0.048em;
    
    color: #5D8AFF;}
    #camera-svg {width:105%;max-width:94vw;}

    /* 메인페이지 */






/*서브상단*/
.sub_visual{position:relative;max-width:256rem;margin:0 auto;aspect-ratio: 3.8/1;min-height:30rem;overflow:hidden;background-repeat:no-repeat;background-position:center;}
.sub_visual.visual01 .bg{background-image:url(../img/sub_visual01.jpg)}
.sub_visual.visual02 .bg{background-image:url(../img/sub_visual02.jpg)}
.sub_visual.visual03 .bg{background-image:url(../img/sub_visual03.jpg)}
.sub_visual.visual04 .bg{background-image:url(../img/sub_visual04.jpg)}
.sub_visual.visual05 .bg{background-image:url(../img/sub_visual05.jpg)}
/* .sub_visual:hover .bg{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)} */
.sub_visual .title_warp {margin:0 auto; z-index:5;}
.sub_visual .title_warp .table-cell {}
.sub_visual h3{z-index:5;font-size:6rem;font-weight:500;letter-spacing:-0.02em; color:#fff;position:absolute;bottom:5rem;}
.sub_visual .sub_title{padding-bottom:1rem; font-size:2rem; font-weight:300; color:#fff;opacity:.8; z-index:5;position:absolute;bottom:calc(5rem + 8rem);}

.sub_visual .cover{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/sub_visual_cover.png) center bottom no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:1200px;opacity:.5;z-index:1}
.sub_visual .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-attachment: fixed;z-index:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}

@media screen and (max-width: 640px) {
    .sub_visual .title_warp { max-width:100%;}
}
/*서브상단*/



.content_wrap { width:100%;}
.sub-wrap {margin:1.5rem auto 0;}
.sub-wrap .sub_title {text-align:center;position:relative;max-width:100%;margin-bottom:6rem;margin-top:2rem;}
.sub-wrap .sub_title h1 {font-weight: 800;font-size: 5rem;text-align: center;letter-spacing: -0.025em;color: #202020;white-space: nowrap;}

.service-guide-title h2 {font-size:2.4rem;color:#ddd;font-family:'lemon milk';font-weight:400;position:relative;top:1.5rem;}

.content_wrap .txtboard { max-width:1200px;  font-size:12px;}





/*서브 하단 네비*/
.category-wrap {width:100%; height:70px;clear:both; background-attachment:scroll; position:relative; z-index:3;margin-top:8.5rem;}
.sub_navI_warp {width:100%;padding:0 5rem;z-index:3; position:relative; margin:0 auto;}
.all-wrap{height:69px; margin:0 auto;   transition:all .3s ease;}
.all-wrap .loca-wrap{width:100%;margin:1rem auto 0;height:69px;position:relative;display:flex;justify-content: right;}
.all-wrap .loca-wrap .loca-area{height:69px;}
.all-wrap .loca-wrap .loca-area:after{content:'';display:inline-block;width:4px;height:4px;background: #C0C0C0;border-radius:50%;margin:0 0.3rem;}
.all-wrap .loca-wrap .loca-area i{display:inline-block;width:30px;height:71px; line-height:69px;  color:#555; padding:0; margin-top:0; text-align:center}
.all-wrap .loca-wrap .loca-area > a {display:inline-block;width:54px;height:100%;line-height:100%; text-align:center;}
.all-wrap .loca-wrap .loca-area > a img {margin-top:17px;}
.all-wrap .loca-wrap .loca-area>ul {margin:0; padding:0;}
.all-wrap .loca-wrap .loca_li{padding:0 9px;height:70px;position:relative; margin-left:-1px}
.all-wrap .loca-wrap .loca_li span{background-color: transparent;font-weight: 400;line-height:69px;font-size: 1.6rem;letter-spacing: -0.048em;color: #555555;}
.all-wrap .loca-wrap .loca_1 {text-align: center;width:auto;}
.all-wrap .loca-wrap .loca_2 {text-align:left;}
.loca_middle_dot {display:inline-block;width:4px;height:4px;background: #C0C0C0;border-radius:50%;margin:33px 0.3rem;}
.all-wrap .loca-wrap .loca_li button{height:69px;width:180px;position:relative;text-align:left; background-image:url(../img/loca_arrow_off.png);background-position-y:50%;background-position-x:100%;background-repeat:no-repeat;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease;  border:0;  background-color: inherit; box-sizing: border-box;}
.all-wrap .loca-wrap .loca_li button.active{background-image:url(../img/loca_arrow_on.png);background-position-y:50%;background-position-x:100%;background-repeat:no-repeat;}
.all-wrap .loca-wrap .loca_li a  {background-color: transparent;font-weight: 700;font-size: 1.6rem;letter-spacing: -0.025em;color: #555555;line-height:69px;}
.all-wrap .loca-wrap .loca_li a:hover {color:#000;}
.all-wrap .loca-wrap .loca_2 button span {color:#555}
.all-wrap .loca-wrap .loca_li div{overflow:hidden;height:0;position:relative;z-index: 1000;}
.all-wrap .loca-wrap .loca_li div ul{border-radius:1rem;overflow:hidden;display:block;position:absolute;width:100%;left:0; background-color:#fff; padding:0}
.all-wrap .loca-wrap .loca_li div ul li a{background:#000;font-size:1.4rem;color:#fff;font-weight:400;display:block;padding:1rem 0;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease;padding-left:1.5rem;box-sizing:border-box}
.all-wrap .loca-wrap .loca_li div ul li a:hover { color:#fff; font-weight:700}



/*서브 하단 네비*/





/*푸터*/
#footer {width:100%;background:#f2f2f2;position:relative;z-index: 101;}
.sub-footer {margin-top:10rem;}
.footer_contents_wrap {width:100%;position:Relative;padding:4vh 5rem;}

.footer-title h2 {font-size:2rem;color:#555;letter-spacing: -0.025em;font-weight:700}
.footer_contents_wrap .footer-logo {}
.footer_contents_wrap .footer-logo img {height:8rem;}
.footer_contents_wrap .information {display:flex;
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: -0.03em;
  color: #999;
  line-height:180%;
  margin-top:0.7rem;
  }
  .footer_contents_wrap .information a {
    font-weight: 700;
    font-size: 1.5rem;
    letter-spacing: -0.03em;
    color: #999;
  }
  .footer_contents_wrap .information li:after {
    content:'';
    width:1px;
    height:1.2rem;
    background:#ddd;
    display:inline-block;
    margin:0 1rem;

  }
  .footer_contents_wrap .information li:last-of-type:after {
    display:none;
  }

  .footer_contents_wrap .copyright {font-weight: 700;
    font-size: 1.5rem;
    line-height: 160%;
    letter-spacing: -0.03em;
    margin-top:3.5rem;
    color: #999999;
    }

    .footer_contents_wrap .footer-aside {
      position:absolute;right:0;top:50%;transform:translateY(-50%);
      text-align:right;
    }
    .footer_contents_wrap .footer-aside li {
      display:block;
      margin:1.5rem 0;
    }
    .footer_contents_wrap .footer-aside a {
      font-weight: 500;
      font-size: 1.9rem;
      display:block;
      letter-spacing: -0.03em;
      word-break: keep-all;
      color: #222222;
      
    }
    .footer_contents_wrap .footer-aside a:hover {
      font-weight:700;
    }

    .footer_contents_wrap .bottom-wrap {width:100%;display:flex;justify-content: space-between;align-items: flex-end;}
/*푸터*/
 


/* 푸터팝업*/
.tl_pop_con{background:#fff;} 
.tl_pop_con h2.f_pop_tit{width:100%;height:8rem;line-height:8rem;font-size:2rem;color:#fff;}
.tl_pop_con h2.f_pop_tit img {display:inline-block;margin-left:5rem;margin-right:5px;margin-top:-1rem;width:12rem;}
.tl_pop_con h2.f_pop_tit span {display:inline-block; padding-left:5rem;}
.f_pop_wrap {line-height:23px;text-align:justify;word-break:break-all;font-size:15px;overflow-y:auto;}
.f_pop_wrap strong {color:#00a19a;font-weight:normal;}
.f_pop_wrap p { color:#333; padding:4rem 5rem; line-height:1.6;}
.mfp-close:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("../img/btn_close.png") no-repeat center center; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; border-radius: 50%; }
.mfp-close { width: 4rem; height: 4rem; text-indent: -999px;opacity: 1; overflow: hidden; background-color:transparent; border:0; }
button.mfp-close:hover:after { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
/* 푸터팝업*/



/* 이미지 효과 */

.reveal-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  position: relative;
}

.reveal-container:nth-child(1) {
  background: #fff
}

.reveal-container img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transform-origin: left;
}

.reveal {
  visibility: hidden;
  position: relative;
  width: 100%;
  height:100%;
  overflow: hidden;
}



/* 찾아오시는길 */
.location-wrap {margin-bottom:5rem;}
.location-wrap .map {border-radius:2rem;overflow: hidden;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;margin-bottom:5rem;}
.map-info-wrap {display:flex;justify-content: space-between;flex-wrap:wrap;}
.map-info-wrap .content {display:flex;margin-bottom:4rem;border-bottom:1px solid #ddd;padding-bottom:4rem;width:100%;}
.map-info-wrap .content .icon-wrap {width:8rem;}
.map-info-wrap .content1, .map-info-wrap .content2 {width:47.5%;}
.map-info-wrap .content1 .icon-wrap img {height:5.9rem;}
.map-info-wrap .content2 .icon-wrap img {height:4.8rem;}
.map-info-wrap .content3 .icon-wrap img {height:5rem;}
.map-info-wrap .info-wrap .title h2 {color:#333;font-size:2.6rem;letter-spacing: -0.025em;}
.map-info-wrap .info-wrap .title h3 {color:#777;font-size:1.7rem;letter-spacing: -0.025em;font-weight:500;margin-top:1rem;}
.map-info-wrap .map-button {margin-top:6rem;}
.map-info-wrap .map-button a {color:#555;font-size:1.4rem;letter-spacing: -0.025em;font-weight:500;padding:0.8rem 2rem;border:1px solid #ddd;margin-right:1rem;display:inline-block;}
.map-info-wrap .map-button a:hover {background:#000;color:#fff;}
.map-info-wrap .call-button {margin-top:3rem;}
.map-info-wrap .call-button a {color:#555;font-size:1.4rem;letter-spacing: -0.025em;font-weight:500;padding:0.8rem 2rem;border:1px solid #ddd;margin-right:1rem;display:block;width:50%;text-align: center;}
.map-info-wrap .call-button a:hover {background:var(--mc1);color:#fff;}
.map-info-wrap .ship-wrap {width:100%;display:flex;margin-top:2rem;align-items: center;}
.map-info-wrap .ship-wrap-bottom {width:100%;display:flex; justify-content: space-between; margin-top:1rem;align-items: center;}
.map-info-wrap .info-wrap {width:100%;}
.map-info-wrap .img-wrap {width:48.5%;overflow: hidden;border-radius: 2rem;}
.map-info-wrap .img-wrap img {width:100%;}
.map-info-wrap .ship-wrap .text-wrap {width:50%;}
.map-info-wrap .ship-wrap .text-wrap h4 {font-size:2.8rem;font-weight:500;color:#555;letter-spacing: -0.025em;margin-bottom:3.5rem;}
.map-info-wrap .ship-wrap .ship-cont {display:flex;margin-bottom:2rem;padding-bottom:2rem;}
.map-info-wrap .ship-wrap .ship-cont:last-of-type {border-bottom:0;padding-bottom:0;margin-bottom:0}
.map-info-wrap .ship-wrap .ship-cont h5 {color:#555;font-weight:500;letter-spacing: -0.025em;font-size:2rem;margin-bottom:1rem;}
.map-info-wrap .ship-wrap .ship-cont h5:last-of-type {margin-bottom:2rem;}
.map-info-wrap .ship-wrap .ship-cont h5 span {color:#ddd;margin:0 1.5rem;}
.map-info-wrap .ship-wrap .ship-cont p{color:#999;font-weight:500;letter-spacing:-.025em;font-size:1.4rem;margin:.5rem 0;line-height:1.5}
p.ship-caution {width:100%;color:var(--mc1);font-weight:600;margin-top:1rem;line-height:1.6;font-size:1.3rem;text-align: right;}
.map-info-wrap .ship-wrap .ship-cont p span {width:8rem;display:inline-block;}
.map-info-wrap .ship-cont .icon {width:4rem;display:inline-block}
.map-info-wrap .ship-cont:nth-of-type(1) .text-wrap .icon img {height:2.2rem;}
.map-info-wrap .ship-cont:nth-of-type(2) .text-wrap .icon img {height:2.5rem;}
.map-info-wrap .content3 {border-bottom:0;margin-bottom:0;padding-bottom:2rem}


/* 마을현황 */
.village-info-wrap {margin-bottom:10rem;}
.village-info-wrap .slide_body .body-contents {background:rgba(238,238,238,0.5);padding:2rem;}
.village-info-wrap .slide_body .body-contents ul {margin:0 0 0 2rem;}
.village-info-wrap .slide_body .body-contents ul li {font-size: 1.6rem;letter-spacing: -0.048em;color: #222222;margin:1rem 0;list-style: disc;line-height:1.6;}
.village-info-wrap .slide_body .body-contents h2 {font-weight: 600;font-size: 1.9rem;letter-spacing: -0.048em;color: #222222;margin:4rem 0 2rem 0;}
.village-info-wrap .slide_body .body-contents h2:first-of-type {margin:1rem 0 2rem 0;}
.village-info-wrap .slide_body .body-contents  table {width:100%;max-width:100%;table-layout : fixed;text-align: center;border-bottom:1px solid rgba(79, 111, 128, 0.2);margin:1.5rem 0;}
.village-info-wrap .slide_body .body-contents  table thead th {background:var(--mc1);color:#fff;}
.village-info-wrap .slide_body .body-contents  table th, .village-info-wrap .slide_body .body-contents  table td {padding:0.8rem 1rem;}
.village-info-wrap .slide_body .body-contents  table td {border-right:1px solid rgba(79, 111, 128, 0.2);}
.village-info-wrap .slide_body .body-contents  table tbody td:first-of-type {background:rgba(79, 111, 128, 0.2)}
.village-info-wrap .slide_body .body-contents table.population {max-width:50rem;margin-bottom:3rem;}
.village-info-wrap .slide_body .body-contents table.population .br {border-right:1px solid rgba(255,255,255,0.5);}
.village-info-wrap .slide_body .body-contents table.population .bl {border-left:1px solid rgba(255,255,255,0.5);}
.village-info-wrap .slide_body .body-contents table.population tr:nth-of-type(2) th {border-top:1px solid rgba(255,255,255,0.5);border-right:1px solid rgba(255,255,255,0.5);}
.village-info-wrap .slide_body .body-contents table.population2 {max-width:40rem;}

.village-bg {position:absolute;right:-33%;top:6rem;z-index: -1;}
.village-image {width:100%;}
.village-image svg {width:100%;height:auto;}


/* 인사말 */
.greetings-wrap {width:100%;margin-bottom:10rem;}
.greetings-wrap .img-wrap {width:100%;border-radius:2rem;overflow: hidden;}
.greetings-wrap .img-wrap img {width:100%;}
.greetings-wrap h2 {font-size:4rem;letter-spacing: -0.025em;color:#202020;padding:5rem 0;position:relative;}
.greetings-wrap p {font-size:1.7rem;letter-spacing: -0.025em;color:#888;line-height:1.6;font-weight:700;margin-bottom:2rem;}
.greetings-wrap .flex-wrap {display:flex;width:100%;justify-content: space-between;}
.greetings-wrap .flex-wrap>div {width:calc(50% - 2.5rem)}
.greetings-wrap h3 {font-size:2.2rem;letter-spacing: -0.025em;color:#202020;padding:2rem 0 0 0;text-align: right;}
.greetings-wrap h2:after {  content: '';
  display: inline-block;
  width: 14.8rem;
  height: 8.2rem;
  background: url(../img/seagull2.png) no-repeat center/contain;
  position: absolute;
  right:0;top:50%;transform:translateY(-50%)}
/* 탄도소개 */

.about-us-wrap {position:relative;}
.about-us-wrap .contents1 {width:100%;display:flex;justify-content: space-between;align-items: center;}
.about-us-wrap .contents1 .img-wrap {width:50%;aspect-ratio: 658/592;overflow: hidden;border-radius:2rem;}
.about-us-wrap .contents1 .text-wrap {width:45%;}
.subTitleText {font-size:4rem;color:#333;letter-spacing: -0.025em;line-height:1.3;font-weight:700}
.subTitleText span {color:var(--mc1)}
.about-us-wrap .contents1 .text-wrap .subTitleText {margin-bottom:3.5rem;margin-top:2.5rem;}
.about-us-wrap .contents1 .text-wrap p {color:#888;font-size:1.7rem;letter-spacing: -0.025em;font-weight:700;line-height:1.8;}
.about-us-wrap .contents1 .text-wrap p {margin-bottom:2.5rem;}
.about-us-wrap .contents1 .img-wrap img {width:100%;height:100%;object-fit: cover;}

.about-us-wrap .contents2 {width:100%;margin-top:10rem;}
.about-us-wrap .contents2 .subTitleText {margin-bottom:4rem;text-align: center;}
.about-us-wrap .contents2 .flex-wrap {width:100%;display:flex;justify-content: space-between;flex-wrap:wrap;}
.about-us-wrap .contents2 .flex-wrap .img-wrap {overflow: hidden;border-radius:2rem;}
.about-us-wrap .contents2 .flex-wrap .img-wrap img {width:100%;}
.about-us-wrap .contents2 .flex-wrap .top-content {width:100%;margin-bottom:3rem;position:relative;}
.about-us-wrap .contents2 .flex-wrap .top-content .text-wrap {color:#fff;position:absolute;z-index: 10;bottom:3rem;left:5rem;width:calc(100% - 10rem);letter-spacing: -0.025em;line-height:1.4;}
.about-us-wrap .contents2 .flex-wrap .top-content .text-wrap h3 {font-size:3rem;margin-bottom:6rem;}
.about-us-wrap .contents2 .flex-wrap .top-content .text-wrap p {font-size:1.7rem;margin-bottom:2rem;}
.about-us-wrap .contents2 .flex-wrap .top-content .text-wrap p.bold {font-size:1.9rem;font-weight:700;}
.about-us-wrap .contents2 .flex-wrap .bottom-content {width:calc(50% - 1.5rem);position:relative;color:#fff;}
.about-us-wrap .contents2 .flex-wrap .bottom-content h4 {font-size:8rem;position:absolute;top:5rem;opacity:0.5;left:5rem;font-weight:300}
.about-us-wrap .contents2 .flex-wrap .bottom-content h5 {font-size:8rem;position:absolute;bottom:5rem;opacity:0.9;left:5rem;}
.about-us-wrap .contents2 .flex-wrap .bottom-content:last-of-type h4, .about-us-wrap .contents2 .flex-wrap .bottom-content:last-of-type h5 {right:5rem;left:unset;}

.about-us-wrap .contents1 .text-wrap .subTitleText:after{content:'';display:inline-block;width:19.3rem;height:10.7rem;background:url(../img/seagull2.png) no-repeat center/contain;position:absolute;right:-7rem;top:-2rem}

.pension-wrap .swiper-slide .img-wrap {width:100%;aspect-ratio:1300/592;overflow: hidden;}
.pension-wrap .swiper-slide .img-wrap img {width: 100%; transform: translate(0, -30%);}
.pension-wrap .slide02 .img-wrap img {transform: translate(0, -5%);}
.cont3-slide-wrap {position:relative;}
.cont3-slide-wrap .swiper-container {overflow: hidden;border-radius: 2rem;}
.cont3_pager>div{width:4.7rem;height:4.7rem;border-radius:50%;background:#fff;box-shadow:rgba(100,100,111,0.2) 0 7px 29px 0;position:relative;cursor:pointer; display: flex; align-items: center;}
.cont3_pager>div>p{margin: 0 auto; font-size: 3rem; color: #333;}
.cont3_pager{width:calc(100% + 18rem);display:flex;justify-content:space-between;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1000}

.pension-text-wrap h3{font-size:4rem;letter-spacing:-.025em;color:#202020;padding:5rem 0;position:relative}
.pension-text-wrap h3:after{content:'';display:inline-block;width:14.8rem;height:8.2rem;background:url(../img/seagull2.png) no-repeat center/contain;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.pension-text-wrap p{font-size:1.7rem;letter-spacing:-.025em;color:#888;line-height:1.6;font-weight:700}
/* 서브페이지 */


/* 반응형 */

.wrap-site-map-image::-webkit-scrollbar {
  display: none;
}



@media screen and (min-width:2200px){
  html {font-size:67% !important;}
  .photo_all_wrap .gall_text_href {padding:2rem 2rem 3.5rem !important}
  .photo_all_wrap .gall_text_href .bo_tit {margin:1rem 0 3rem}
  .content2-wrap .mainLayout .title-wrap .characters {margin-top:10rem;}
  .video-wr .youtube {margin-bottom:2rem !important;height:17rem !important;}
  .content6-wrap {margin-top:-26rem !important}
  .review_list_all_wrap>ul li a {padding:3rem 0 !important}
  .main-map-wrap .main-map-text h4 {font-size:2.6rem;margin-bottom:1.5rem;}
  .main-map-wrap .main-map-text h5 {font-size:2rem;}
  .main-map-wrap .map-button-wrap {margin-top:11rem;}
  .main-information-wrap {bottom:7rem;}
    .about-us-wrap .contents1 .text-wrap .subTitleText:after {right:-10rem;}
    .map-info-wrap .ship-wrap .img-wrap {width:50%;}
    .map-info-wrap .ship-wrap .text-wrap {width:45%;}

}


@media screen and (max-width:1700px){
  html {font-size:60% !important;}
  #header .header-inner {padding:0;width:92%;margin:0 auto;}
  .mainLayout {width:92%;}
  .subLayout {width:92%;}
  .footer_contents_wrap {padding:4vh 0;width:92%;margin:0 auto;}
  .footer-btn-wrap {right:2% !important;bottom:10rem !important;}
  .sub_navI_warp {padding:0; width:92%;}
  .content6-wrap:after {content:'';display:block;width:100%;height:5rem;background:#076fbd;}
  .main-information-wrap {bottom:8rem;}
  .photo_swiper .ph_pager {width:calc(100% + 7rem) !important}
  .prod-wrap {margin-left:4% !important}

  .index-top-contents {height:80vh;}

  section.bg2 .content4-wrap:after {content:'';display:block;width:100%;height:10rem;background:#ecf7fd;}
  .prod-wrap {padding-top:11% !important;}
  #open-button {right:4%;}
  #right-side {padding:3rem 4% 3rem 3rem}

  .about-us-wrap .contents1 .text-wrap .subTitleText:after {right:0;z-index: -1;}

  .cont3_pager {width:calc(100% - 6rem)}


}
@media screen and (max-width:1441px){
  html {font-size:57% !important;}
  #header .gnb {display:none}
  #header .header-inner {height:8rem;}
  .scrolled #header .header-inner {height:6rem;}
  .prod-wrap {width:90% !important}
  .prod-wrap .title-wrap {width:45rem !important}
  .program_all_wrap {width:calc(100% - 45rem) !important}
  .content6-wrap:after {height:9rem;}
  .content2-wrap:after {content:'';display:block;width:100%;height:6rem;background:#d3edff}
  .content2-wrap .mainLayout {padding-top:6rem;}
  .content6-wrap:after {height:10rem;}
  .about-us-wrap .contents1 .text-wrap {width:47%;}
  .about-us-wrap .contents2 {margin-top:6rem;}
  .about-us-wrap .contents2 .flex-wrap .top-content {margin-bottom:2rem;}
  .about-us-wrap .contents2 .flex-wrap .bottom-content {width:calc(50% - 1rem)}

  
  #open-button.on .menu div span:last-child {opacity:0}
#open-button.off .menu div span:first-child {opacity:0}

#find_info, .register, #smb_my {width:92% !important}
.register_form_inner ul {padding:1rem 0 !important}
#register_form h2 {padding:2rem 0 1rem !important}

}

@media screen and (max-width:1281px){
  html {font-size:55% !important;}

  .about-us-wrap .contents1 .text-wrap .subTitleText:after {top:-8rem;width:15rem}
  .about-us-wrap .contents1 .text-wrap p, .about-us-wrap .contents2 .flex-wrap .top-content .text-wrap p {margin-bottom:1rem;font-size:1.6rem;}
  .about-us-wrap .contents2 .flex-wrap .bottom-content h5, .about-us-wrap .contents2 .flex-wrap .bottom-content h4 {font-size:6rem;bottom:3rem;left:3rem;}
  .about-us-wrap .contents2 .flex-wrap .bottom-content:last-of-type h4, .about-us-wrap .contents2 .flex-wrap .bottom-content:last-of-type h5 {right:3rem;}
  .about-us-wrap .contents2 .flex-wrap .top-content .text-wrap {left:3rem;bottom:3rem;}
  .about-us-wrap .contents2 .flex-wrap .bottom-content h4 {top:3rem;}

}

@media screen and (max-width:1025px){
  .about-us-wrap .contents1 {flex-wrap:wrap;}
  .about-us-wrap .contents1 .img-wrap, .about-us-wrap .contents1 .text-wrap {width:100%;}
  .about-us-wrap .contents1 .img-wrap {width:100%;aspect-ratio: 1/0.6;}
  .about-us-wrap .contents1 .img-wrap img {width:100%;height:100%;object-fit: cover;}
  .about-us-wrap .contents1 .text-wrap .subTitleText:after {top:-14rem}
  .about-us-wrap .contents2 .flex-wrap .top-content .text-wrap h3 {margin-bottom:6rem;}
  .about-us-wrap .contents2 .flex-wrap .top-content .text-wrap p br {display:none;}
  .about-us-wrap .contents1 .text-wrap .subTitleText br {display:none}
  .about-us-wrap .contents2 .flex-wrap .top-content .text-wrap p {width:80%;}
  .about-us-wrap .contents2 .flex-wrap .top-content .img-wrap {width:100%;height:100%;position:absolute;left:0;top:0;z-index: -1;}
  .about-us-wrap .contents2 .flex-wrap .top-content .img-wrap img {width:100%;height:100%;object-fit: cover;}
  .about-us-wrap .contents2 .flex-wrap .top-content .text-wrap {position:static;padding:16rem 3rem 3rem;}
  .about-us-wrap .contents2 .subTitleText {text-align: left;margin-bottom:3rem;}
  .about-us-wrap .contents1 .text-wrap .subTitleText {margin-top:2rem;margin-bottom:2rem;}
  .pension-text-wrap h3:after {display:none;}
  .pension-text-wrap h3 {padding:3rem 0;line-height:1.5;}
}
@media screen and (max-width:1181px){
  .content1-wrap {padding:8rem 0 0 0}
  .content2-wrap .mainLayout .slide-wrap {width:calc(100% - 35rem)}
  .content2-wrap .mainLayout .title-wrap .characters img {height:22rem;}
  .content2-wrap:after  {height:14rem;}
  .content2-wrap .mainLayout {padding-top:14rem;}
  .video-wrap {margin:10rem auto 11rem;}
  .video-wrap .main-video {width:calc(50% - 1.5rem)}
  .video-wrap .video-wr {width:50%;}
  .video-wr .youtube {height:14rem !important;}
  .video-wr .plus-btn {width:5rem !important;height:5rem !important;line-height:5rem !important;font-size:4rem !important}
  .photo-wr li {width:calc(50% - 5rem) !important;margin-left:5rem !important}
  a.ship-info {font-size:1.4rem !important;}
  .photo_swiper .swiper-wrapper {padding:3rem 0 10rem 0 !important}
}
@media screen and (max-width:1081px){
  .main-map-wrap .map-button-wrap {flex-wrap:wrap;}
  .main-map-wrap .map-button-wrap .map {width:100%;margin-bottom:1rem;}
  .content6-wrap:after {height:16rem;}
  .main-information-wrap {bottom:7rem;}
  .review_list_all_wrap {margin-top:6rem;}
  .main-map-wrap .map-button-wrap .map a {width:calc(33.333% - 1rem)}
}
@media screen and (max-width:961px){
  html {font-size:53% !important;}
  .movie-latest-wrap .main-tag {overflow-x: scroll;}
  .content2-wrap .mainLayout {flex-wrap:wrap;padding-top:3rem;}
  .content2-wrap  .title-wrap {width:100%;display:flex;justify-content:space-between;align-items: center;}
  .content2-wrap .mainLayout .title-wrap .characters img {height:25rem;margin-top:-5rem;margin-right:-4rem}
  .content2-wrap .mainLayout .slide-wrap {width:100%;margin-top:-0.5rem}
  .content2-wrap:after {height:42rem;}
  .content2-wrap .mainLayout .slide-wrap .left-wrap {width:46%;}
  .video-wrap .titleText:after {width:15rem !important;}
  .movie-latest-wrap {flex-wrap:wrap;}
  .video-wrap .main-video {width:100%;}
  .video-wrap .main-video .main-youtube {width:100%;display:flex;justify-content: space-between;padding:2rem 4rem 2rem 2rem;border:0;margin-bottom:1.5rem;align-items: center;}
  .video-wrap .main-youtube .thumb-wrap {width:25%;margin-right:3.5rem}
  .video-wrap .video .youtube .thumb-wrap {margin-right:3.5rem;}
  .video-wrap .video-wr {width:100%;}
  .video-wrap  .video .youtube .thumb-wrap {height:auto;width:25%;}
  .video-wrap .video-wr .youtube {height:auto !important}
  .video-wrap .main-youtube .main-subject {margin:0}
  .video-wrap .video-wr .info-wrap h3 {height:1.4em;-webkit-line-clamp:1;}
  .video-wrap .video-wr .info-wrap h3 {font-size:2.2rem}
  .video-wrap .video-wr .info-wrap, .main-youtube .main-info {width:75%;}

  .content4-wrap .prod-wrap {flex-wrap:wrap;}
  .content4-wrap .prod-wrap .title-wrap {width:100% !important;display:flex;justify-content: space-between;padding-right:0;align-items: flex-end;margin-bottom:4rem;}
  .content4-wrap  .prod-wrap .title-wrap .btn-wrap {margin:0 0 2rem 0;}
  .content4-wrap .program_swiper .swiper-container {width:100% !important}
  .align-right {text-align: right;}
  .content4-wrap .program_all_wrap {width:100% !important;}
  .program_swiper .swiper-slide {padding-right:0 !important}
  
  .photo-wr li {width:calc(50% - 2.5rem) !important;margin-left:2.5rem !important;margin-bottom:2.5rem !important}
  .gallery-latest-wrap .img-box {border-radius:1.5rem !important}
  .main-information-wrap .main-info-left,   .main-information-wrap .main-info-right {width:calc(50% - 3rem) !important}
  .content6-wrap:after {height:19rem;}
  .gallery-wrap {margin:8rem auto 15rem; }
  .photo_swiper .ph_pager {width:calc(100% + 5rem) !important}

  .about-us-wrap .contents2 .flex-wrap .top-content .img-wrap {background:url(../img/tandobg.jpg) no-repeat center/cover}
  .about-us-wrap .contents2 .flex-wrap .top-content .img-wrap img {display:none;}
  .about-us-wrap .contents2 .flex-wrap .top-content .text-wrap p {width:100%;}
  .about-us-wrap .contents2 .flex-wrap .top-content .text-wrap {width:100%;padding:3rem;}
  .about-us-wrap .contents2 .flex-wrap .top-content .text-wrap h3 {margin-bottom:4rem;}
  .greetings-wrap h2 {padding:3rem 0;line-height:1.5;}


  .map-info-wrap {flex-wrap:wrap;}
  .map-info-wrap .content1, .map-info-wrap .content2 {width:100%;}
  .map-info-wrap .ship-wrap {flex-wrap:wrap;}
  .map-info-wrap .ship-wrap-bottom {flex-direction: column;}
  .map-info-wrap .ship-wrap-bottom .img-wrap {margin-bottom:3rem;}
  .map-info-wrap .ship-wrap-bottom .img-wrap, .map-info-wrap .ship-wrap .text-wrap {width:100%;}
  .map-info-wrap .ship-wrap .text-wrap .ship-cont:nth-child(2) {border-bottom:1px solid #ddd;padding: 0 0 2rem 0;
    margin: 0 0 2rem 0;
    border-bottom: 1px solid #ddd;}
  .location-wrap  .root_daum_roughmap .wrap_map {height:400px !important}
  
}

@media screen and (max-width:831px){
  html {font-size:50% !important;}

  .greetings-wrap h2:after {display:none;}
  .greetings-wrap .flex-wrap {flex-wrap:wrap;}
  .greetings-wrap .flex-wrap>div {width:100%;}

}


@media screen and (max-width:768px){

}

@media screen and (max-width:641px){
  html {font-size:48% !important;}

  .photo_swiper .swiper-container {padding:0 !important}
  .content2-wrap .mainLayout .slide-wrap .left-wrap {left:0;width:55%;}
  .content2-wrap .mainLayout .slide-wrap .right-wrap {margin-left:-3rem;}
  .content2-wrap .mainLayout {padding-top:7rem;}

  .index-top-contents .contents-wrap .text-wrap {width:100%;}
  .index-top-contents .contents-wrap .text-wrap .info-wrap {justify-content: center;}
  .photo_swiper .ph_pager {width:11rem !important;top:unset !important;bottom:0}
  .content2-wrap .mainLayout .title-wrap .characters img {height:21rem;}
  .content2-wrap .mainLayout .title-wrap .characters {z-index: 1;}
  .content2-wrap .mainLayout .slide-wrap .left-wrap .cont {padding:1.5rem;border-radius:0.5rem !important}
  .content2-wrap .mainLayout .slide-wrap .left-wrap .cont.active {padding:1.5rem !important}
  .content2-wrap .mainLayout .slide-wrap .left-wrap .cont a i {top:50% !important}
  .video-wrap .main-youtube .thumb-wrap, .video-wrap .video .youtube .thumb-wrap {width:40% !important;margin-right:2rem !important}
  .video-wrap .video-wr .info-wrap, .main-youtube .main-info {width:calc(60% - 2rem) !important}
  .main-youtube, .video-wr .youtube {border-radius:1rem !important;padding:1.5rem 1.5rem !important}

  .content1-wrap {padding:6rem 0 3rem;}
  .content2-wrap:after {height:39rem;}
  .video-wrap .titleText {margin-bottom:2rem !important;}
  .video-wrap {margin:7rem auto 6rem}
  .main-youtube .thumb-wrap:after, .main-youtube .thumb-wrap, .video .youtube .thumb-wrap {border-radius:0.5rem !important}
  .align-right {z-index: 1;}
  .content4-wrap .prod-wrap .title-wrap {margin-bottom:3rem;}
  .prod-wrap {padding-top:10% !important}
  section.bg2 .content4-wrap:after {height:6rem}
  .prod-wrap .titleText:after {width:6rem !important;}
  .gallery-latest-wrap {flex-wrap:wrap;}
  .gallery-latest-wrap .main-photo {margin-bottom:3rem;}
  .gallery-latest-wrap .main-photo, .gallery-latest-wrap .photo-wr {width:100% !important}
  .gallery-latest-wrap .photo-wr .photo {justify-content: space-between;}
  .photo-wr li {margin-left:0 !important; width:calc(50% - 1.25rem) !important;margin-bottom:1.5rem !important}
  .photo-wr li:nth-of-type(2n) {margin-top:-1.5rem !important}
  .gallery-latest-wrap .plus-btn {left:0 !important;top:0 !important}
  .content6-wrap {margin-top:-21rem}
  .content6-wrap:after {height:50rem;}

  .main-information-wrap {flex-wrap:wrap;bottom:9rem;}
  .main-information-wrap .main-info-left, .main-information-wrap .main-info-right {width:100% !important}
  .review_list_all_wrap {margin-top:1rem}
  .main-information-wrap .main-info-left {order:2}
  .main-information-wrap .main-info-right {margin-bottom:6rem !important;order:1;}
  .main-map-wrap {padding-top:1rem;}
  .main-map-wrap .map-button-wrap {margin-top:3rem;}
  .main-map-wrap .map-button-wrap .map a {width:10rem !important}
  .main-map-wrap .pin-icon {display:none;}
  .gallery-latest-wrap .plus-btn {width:5rem !important;height:5rem !important;line-height:5rem !important;font-size:4rem !important}
  .gallery-wrap {margin:6rem auto 20rem}
  .subText {margin-bottom:0.5rem;}
  .footer_contents_wrap .footer-logo {display:none;}
  .footer_contents_wrap .information {flex-wrap:wrap;}
  .video-wrap .titleText:after {width:10rem !important;margin-top:-6rem !important}
  .content2-wrap .titleText:after {width:8rem;margin-left:2rem}
  .prog-pagination {margin:0 !important}

  .about-us-wrap .contents2 .flex-wrap .bottom-content h5, .about-us-wrap .contents2 .flex-wrap .bottom-content h4 {font-size:4rem;}
  .about-us-wrap .contents1 .img-wrap, .about-us-wrap .contents2 .flex-wrap .img-wrap, .greetings-wrap .img-wrap {border-radius:1rem;}

  .map-info-wrap .content .icon-wrap {width:5rem;}
  .map-info-wrap .content .icon-wrap img {height:3.2rem}
  .map-info-wrap .ship-wrap .text-wrap .ship-cont h5 {line-height:1.5;}

  .location-wrap  .root_daum_roughmap .wrap_map {height:300px !important}

  .cont3_pager {width:11rem;bottom:-9rem;top:unset}
  .cont3-slide-wrap {margin-bottom:6.5rem;}
  .cont3-slide-wrap .swiper-container {border-radius:1rem;}
  .pension-text-wrap h3 {padding:3rem 0 2rem 0;font-size:3rem;}

  .side_gnb .menu-list>li>a {font-size:1.7rem;}
  .side_gnb .depth-2>li>a {font-size:1.6rem;}
  .subTitleText {font-size:3rem;}
  .about-us-wrap .contents2 .flex-wrap .top-content .text-wrap h3 {font-size:2.4rem;}

  .about-us-wrap .contents1 .text-wrap .subTitleText:after {display:none;}

  .about-us-wrap .contents2 .flex-wrap .top-content {margin-bottom:1rem;}
  .about-us-wrap .contents2 .flex-wrap .bottom-content {width:calc(50% - 0.5rem)}
  .map-info-wrap .ship-wrap .text-wrap .ship-cont h5 {font-size:1.8rem;}
  .sub-wrap .sub_title {margin-bottom:3rem;}
  .category-wrap {margin-top:7.5rem;}
  .greetings-wrap h2 {font-size:3rem;}
  .wetoz {font-size:1.4rem !important;}

  .wetoz .col-xs-1, .wetoz .col-sm-1, .wetoz .col-md-1, .wetoz .col-lg-1, .wetoz .col-xs-2, .wetoz .col-sm-2, .wetoz .col-md-2, .wetoz .col-lg-2, .wetoz .col-xs-3, .wetoz .col-sm-3, .wetoz .col-md-3, .wetoz .col-lg-3, .wetoz .col-xs-4, .wetoz .col-sm-4, .wetoz .col-md-4, .wetoz .col-lg-4, .wetoz .col-xs-5, .wetoz .col-sm-5, .wetoz .col-md-5, .wetoz .col-lg-5, .wetoz .col-xs-6, .wetoz .col-sm-6, .wetoz .col-md-6, .wetoz .col-lg-6, .wetoz .col-xs-7, .wetoz .col-sm-7, .wetoz .col-md-7, .wetoz .col-lg-7, .wetoz .col-xs-8, .wetoz .col-sm-8, .wetoz .col-md-8, .wetoz .col-lg-8, .wetoz .col-xs-9, .wetoz .col-sm-9, .wetoz .col-md-9, .wetoz .col-lg-9, .wetoz .col-xs-10, .wetoz .col-sm-10, .wetoz .col-md-10, .wetoz .col-lg-10, .wetoz .col-xs-11, .wetoz .col-sm-11, .wetoz .col-md-11, .wetoz .col-lg-11, .wetoz .col-xs-12, .wetoz .col-sm-12, .wetoz .col-md-12, .wetoz .col-lg-12 {padding:0 1rem !important}

}


@media screen and (max-width:516px){
  .main-information-wrap {bottom:7rem;}
  .prod-wrap {padding-top:15% !important}

  .about-us-wrap .contents2 .flex-wrap .bottom-content h5, .about-us-wrap .contents2 .flex-wrap .bottom-content h4 {font-size:3rem;}

  .content2-wrap .mainLayout .slide-wrap .left-wrap .cont h4 {font-size:1.6rem;}
  .content2-wrap .mainLayout .slide-wrap .left-wrap .cont.active h4 {font-size:2rem}

}
@media screen and (max-width:431px){
  html {font-size:46.5% !important;}

  .btn-wrap {white-space: nowrap;}
  .content2-wrap:after {height:36rem;}
  .titleText img, .content2-wrap .titleText:after, .video-wrap .titleText:after, .prod-wrap .titleText:after  {display:none !important;}
  .content2-wrap .mainLayout .slide-wrap .left-wrap .cont h5 {display:none;}

  .content2-wrap .mainLayout .title-wrap .characters img {height:20rem}
  .gallery-latest-wrap .main-photo {margin-bottom:1.5rem;}
  .photo-wr li {width:calc(50% - 0.75rem) !important}


}
@media screen and (max-width:376px){
  html {font-size:43% !important;}
  
}

/* 반응형 */

/* 추가 css */
/* main slide */
.swiper-slide .img-box{width:100%;height:100%}
.swiper-slide .img-box img{width:100%}
.swiper-slide .txt-wrap .title{font-size:2.5rem;white-space:nowrap}
/* 펜션 */
.contentRoom-info-txt{text-align:start}
.contentRoom-info-txt h2{font-size:3.5em;padding:8rem 0 2rem}
.contentRoom-info-txt h3{font-size:2.5em;padding:2rem 0}
.contentRoom-info-txt p{font-size:1.7rem;letter-spacing:-.025em;color:#888;line-height:1.6;font-weight:700}

.oceanview .oceanview_img{overflow:hidden;border-radius:3rem}
.oceanview .oceanview_title{font-size:3.5em;padding:5rem 0}
.oceanview_img img {width: 100%;}
.contentRoom-info table{width:100%;margin:5% auto;text-align:center;font-size:1.7em;font-weight:700;border-collapse:collapse}
.contentRoom-info table .mobile-scroll-title{color:#acacac}
tbody{display:table-row-group;vertical-align:middle;border-color:inherit}
tr{display:table-row;vertical-align:inherit;border-color:inherit}
th{display:table-cell;vertical-align:inherit;font-weight:700;text-align:-internal-center}
.br-line{border-bottom:1px solid #ddd}
.contentRoom-info table th{padding:2%; }
.contentRoom-info table td{padding:2%; }
.tablePoint{font-size:.8em;color:#acacac}
.mobile-scroll table .off{color:#d4d4d4}
.mobile-scroll table .off span{color:#ff5757}


.liveClick {
  font-size: 2.5rem;
  width: 20%;
  display: flex;
  justify-content: center;
  background: var(--mc2);
  color: #006cb7;
  font-weight: 700;
  padding: 1.5rem;
  border-radius: 10px;
  text-align: center;
  margin: 1% auto;
  transition: all 300ms ease-in-out;
  white-space: nowrap;
  align-items: center;
}
.liveClick:hover{background:var(--mc1);color:#fff;font-weight: 400;}
@media screen and (max-width:768px) {
  .liveClick{width: 150px;height: 30px;}
}

.contentRoom-info .liveClick{margin:2% auto 6%}
.contentRoom_wrap{margin:0 auto;width:90%}
.contentRoom-sub{width:100%;padding:1% 0; margin: 0 0 6rem;}
.contentRoom-sub h2{font-size:3.5em;color:#202020;margin:2% 0 0;font-weight:700;text-align:center}
.contentRoom-sub p{font-size:1.7em;color:#555;font-weight:700;margin:1rem 0 3rem;text-align:center}
.owl-carousel.owl-loaded{display:block}
.owl-carousel.owl-drag .owl-item{border-radius:2rem}
.contentRoom2-sub-img .contentRoom-sub-slide-1 {
  background: url(../img/house3.jpg) no-repeat center / cover;
}
.contentRoom2-sub-img .contentRoom-sub-slide-2 {
  background: url(../img/house4.jpg) no-repeat center / cover;
}
.contentRoom2-sub-img .contentRoom-sub-slide-3 {
  background: url(../img/house5.jpg) no-repeat center / cover;
}
.contentRoom2-sub-img .contentRoom-sub-slide-4 {
  background: url(../img/house6.jpg) no-repeat center / cover;
}
.contentRoom2-sub-img .contentRoom-sub-slide-5 {
  background: url(../img/house7.jpg) no-repeat center / cover;
}
.contentRoom2-sub-img .contentRoom-sub-slide-6 {
  background: url(../img/house8.jpg) no-repeat center / cover;
}
.contentRoom2-sub-img .contentRoom-sub-slide-7 {
  background: url(../img/house9.jpg) no-repeat center / cover;
}
.contentRoom2-sub-img .contentRoom-sub-slide-8 {
  background: url(../img/house10.jpg) no-repeat center / cover;
}
.contentRoom2-sub-img .contentRoom-sub-slide-9 {
  background: url(../img/house11.jpg) no-repeat center / cover;
}
.contentRoom2-sub-img .contentRoom-sub-slide-10 {
  background: url(../img/house12.jpg) no-repeat center / cover;
}
.contentRoom2-sub-img .contentRoom-sub-slide-11 {
  background: url(../img/house13.jpg) no-repeat center / cover;
}

.contentRoom2-sub-img .contentRoom-sub-slide-1,
.contentRoom2-sub-img .contentRoom-sub-slide-2,
.contentRoom2-sub-img .contentRoom-sub-slide-3,
.contentRoom2-sub-img .contentRoom-sub-slide-4,
.contentRoom2-sub-img .contentRoom-sub-slide-5,
.contentRoom2-sub-img .contentRoom-sub-slide-6,
.contentRoom2-sub-img .contentRoom-sub-slide-7,
.contentRoom2-sub-img .contentRoom-sub-slide-8,
.contentRoom2-sub-img .contentRoom-sub-slide-9,
.contentRoom2-sub-img .contentRoom-sub-slide-10,
.contentRoom2-sub-img .contentRoom-sub-slide-11 {
    height: 450px;
}
.cR-list-1 ul li{display:flex;line-height:1.5}

.contentRoom-info2{display:flex;justify-content:space-between;padding:4% 0 1%;white-space:nowrap}
.contentRoom-info2 h3{font-size:3.5em;padding:5rem 0}

.cR-list-1 ul li span{width:20px;height:20px;background:url(../img/check-circled.svg) no-repeat center / cover;display:block;margin-right:5px}
.cR-list-1,.cR-list-2,.cR-list-3{flex:1}

.cR-list-2{margin:0 0 0 4rem}
.cR-list-2 p{margin:3% 0;color:#acacac;text-align:center}
.cR-list-2 ul li{line-height:2}
.cR-list-2 ul li span{display:block;font-size:1.2em;color:#006cb7}

.contentRoom-info2 ul li{font-size:1.5em;margin:2% 0;color:#777}


/* 마을현황 */
.village-info-wrap .newtando h2 span{font-weight:800;font-size:3.2rem;color:#202020}
.village-info-wrap .newtando .body-contents ul li{font-size:2rem;font-weight:700;color:var(--mc1)}
.pension-calssroom{border-bottom:2px solid #ddd;padding:10rem 0}
/* 메인 슬라이드 */
.contents-wrap .swiper-slide img {
  width: 100%;
}
.index-top-contents .swiper-slide-active img {
  animation: scaleUp 6000ms 0s forwards;
}
@keyframes scaleUp {
  0% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1.1, 1.1);
  }
}
@media screen and (max-width: 1920px) {
  .contents-wrap .swiper-slide img {
      width: auto;
    }
  }
@media screen and (max-width: 831px) {
  .contents-wrap .swiper-slide img {
    transform: translate(-50%,0);
  }
  .liveClick {
    font-size: 1.7rem;
  }

.index-top-contents .swiper-slide-active img {
  animation: mobileScaleUp 6000ms 0s forwards;
}
  @keyframes mobileScaleUp {
    0% {
      transform: translate(-50%, 0) scale(1, 1);
    }
    100% {
      transform: translate(-50%, 0) scale(1.1, 1.1);
    }
  }
}
/* 먹거리소개 */
#bo_gall .sub-info {
  margin: 3% 0;
  text-align: center;
  font-weight: 900;
  font-size: 1.6rem;
  color: var(--mc1);
  line-height: 1.5;
}
#bo_gall .sub-info a {
  color: var(--mc1);
  font-weight: 400;
}
/* 소개 CI*/
#ci .ci-box {
  margin: 10rem 0;
}
#ci .ci-box-item h2 {
  font-size: 4rem;
  color: #333;
  letter-spacing: -0.025em;
  line-height: 1.3;
  font-weight: 700;
}
#ci .ci-box-item h2 span {
  color: #cbcbcb;
  font-size: 1.7rem;
  letter-spacing: -0.025em;
  font-weight: 400;
  line-height: 1.8;
}
#ci .ci-box .ci-box-item {
  display: flex;
}
#ci .ci-box .ci-box-item .ci_text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 0 0 4vw;
}
#ci .ci-box-item .img-wrap {
  position: relative;
  width: 50%;
  height: 22rem;
  background: #f8f8f8;
  border-radius: 2rem;
}
#ci .ci-box-item .img-wrap img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 80%;
  transition: all .3s ease;
}
#ci .ci-box-item .img-wrap:hover img {
  transform: translate(-50%, -50%) scale(1.05);
}
#ci .ci-box .ci-download {
  display: inline-block;
  width: 20rem;
  height: 5.8rem;
  line-height: 5.8rem;
  background: none;
  border: 1px solid #ddd;
  color: #888;
  font-size: 1.7rem;
  letter-spacing: -0.025em;
  font-weight: 700;
  text-align: center;
  transition: all .3s ease;
}
#ci .ci-box .ci-download:hover {
  background: var(--mc1);
  color: #fff;
}
/* vr icon */
.main_slide {
  position: relative;
}
.main_slide .vr_icon_wrap {
  text-align: center;
  color: #fff;
  cursor: pointer;
  transition: all 0.4s;
  position: absolute;
  top: 0%;
  left: 120%;
  transform: translate(100%, 0);
  white-space: nowrap;
  z-index: 100;
}
.main_slide .vr_icon_wrap:hover {
  transform: translate(100%, -8px);
}
.main_slide .vr_icon_wrap img {
  width: 6.7rem;
}
@media screen and (max-width: 729px) {
  .main_slide .vr_icon_wrap {
  top: -100%;
  left: 50%;
  transform: translate(-50%, 0);
  }
  .main_slide .vr_icon_wrap:hover {
    transform: translate(-50%, -8px);
  }
  .index-top-contents .contents-wrap .text-wrap {
    top: 65%;
  }
}
@media screen and (max-width: 831px){
  #header #logo img{width: 25vw}
}
.main_slide .vr_icon_wrap h2 {
  font-family: 'NanumSquareNeo', sans-serif;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 700;
  font-size: 2rem;
  line-height: 160%;
  letter-spacing: -0.05em;
  color: #FFFFFF;
  margin-top:0.5rem;
}
/* 공용시설 */
.public_container {
  position: relative;
  margin: 6rem 0;
  font-size: 3.5em;
  padding: 5rem 0;
  text-align: center;
}
.public {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
}
.public_slide {
  background-position: center;
  background-size: cover;
  width: 50vw;
  height: 35vw;
  overflow: hidden;
  border-radius: 2rem;
}
.public_text_bg {
  background: linear-gradient(to bottom,
  rgba(0, 0, 0, 0) 0%,
  rgba(0, 0, 0, 1) 100%
  );
  position: absolute;
  transform: translate(0 , -100%);
  top: 100%;
  width: 100%;
  padding: 3rem 0 2rem 0;
  font-size: 1.7rem;
}
.public_slide p {
  color: #fff;
}
.public_slide img {
  display: block;
  transform: translate(-10%, -5%);
  width: 120%;
}
.public_wrap .public_slide03 img {
  transform: translate(-10%, -27%);
}
.public_wrap .public_slide04 img {
  transform: translate(-10%, -14%);
}
.public_wrap .public_slide06 img {
  transform: translate(-1%, -5%);
}
.cont4_pager>div{width:4.7rem;height:4.7rem;border-radius:50%;background:#fff;box-shadow:rgba(100,100,111,0.2) 0 7px 29px 0;position:relative;cursor:pointer; display: flex; align-items: center;}
.cont4_pager>div>p{margin: 0 auto; font-size: 3rem; color: #333;}
.cont4_pager{width: 11rem;;display:flex;justify-content:space-between;position:absolute;left:50%;bottom: -5%;top: unset;transform:translate(-50%,-50%);z-index:1000}

/* 옥상 바베큐 */
.contentbbq_imgs{display:flex;justify-content:space-between;width:100%;margin:2rem 0}
.contentbbq h2{font-size:3.5em;padding:5rem 0 3rem 0}
.contentbbq h3{font-size: 2.5em;padding: 2rem 0;}
.contentbbq p{font-size:1.7rem;letter-spacing:-.025em;color:#888;line-height:1.6;font-weight:700}
.contentbbq .cR-list-2 p{font-size:1.3rem;letter-spacing:-.025em;color:#888;line-height:1.6;font-weight:700}

.contentbbq_imgs .contentbbq_img_text {
  width:48%;
}
.contentbbq_imgs .contentbbq_img {
  border-radius:3rem; 
  width: 100%;
  height: 400px;
  overflow: hidden;
  position: relative;
}
.contentbbq_imgs .contentbbq_img img{
  width: 120%;
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
}
.contentbbq_imgs .contentbbq_img_text p {
  margin: 2rem 0;
}

/* 탄도 민박 */
.pension-wrap .pension_main .img-wrap img {
  transform: translate(0%, 0%);
}


/* 반응형 */

@media screen and (max-width:1140px) {
  .mobile-scroll {
    white-space: nowrap;
  }
  .contentRoom-info2 {
    flex-direction: column;
  }
  .contentRoom-info2 h3 {
    padding: 3.5rem 0 1rem 0;
  }
  .contentRoom-info2 .cR-list-2 {
    margin: 0;
  }
  .contentbbq_imgs {
    flex-direction: column;
  }
  .contentbbq_imgs .contentbbq_img_text {
    width:100%;
  }
  .contentbbq_imgs .contentbbq_img_text p {
    margin: 1rem 0 4rem 0;
  }
  .contentbbq_imgs .contentbbq_img_text .contentbbq_img {
    width: 100%;
    height: 70vw;
  }
  .public_slide {
    width: 80vw;
    height: 55vw;
  }
}

/* 실내시설 및 구비소품 */
.owl-dots{text-align:center;margin:0 auto;width:11rem;display:flex;justify-content:space-between}.owl-dots button{width:.8rem;height:.8rem;border-radius:100%}.owl-dots .active{background:var(--mc1)}
.contentRoom-sub-slide2 .owl-nav {
  text-align: center;
  margin: 0 auto;
  width: 11rem;
  display: flex;
  justify-content: space-between;
}
.contentRoom-sub-slide2 .owl-nav .owl-prev, .contentRoom-sub-slide2 .owl-nav .owl-next {
  width: 4.7rem;
  height: 4.7rem;
  color: #333;
  border-radius: 50%;
  background: #fff;
  box-shadow: rgba(100,100,111,0.2) 0 7px 29px 0;
  position: relative;
  cursor: pointer;
  font-weight: 700;
  font-size: 3rem;
  margin: 2rem 0 0 0;
}
.swiper-pagination-bullet-active {
  background: var(--mc1);
}