/*캠핑페이지전용 팝업*/
.campingNotice {
	 margin-top:100px;
	 padding:1rem;
	 opacity: 0;
	 display: none;
	 position: relative;
	 width: auto;
}
/*
.b-close {
	 position: absolute;
	 right: 1rem;
	 top: 1rem;
	 padding: 1rem;
	 display: inline-block;
	 cursor: pointer;
}
*/
.b-close{
	position:absolute; 
	background-color:#333; 
	z-index: 9500; 
	right:1rem; 
	top:1rem; 
	width:50px; 
	height:50px; 
	cursor:pointer;
	line-height:50px; 
	color:#333;  
	text-align:Center; 
	font-size:14px; 
	box-shadow: 0 3px 3px rgba(0,0,0,.1);
}
.b-close span {background: #fff;  width: 14px; height: 2px;display: block;margin: 7px 8px;border-radius: 35px; transition: all 0.3s cubic-bezier(0.81, -0.33, 0.345, 1.375);}
.b-close span:nth-of-type(2) {position: relative;width: 30px;opacity: 0;}
.b-close span:first-of-type {width: 30px;margin-top: 18px;transition: all 0.6s; transform: rotate(-45deg) translate(-4px, 8px);}
.b-close span:last-of-type { position: relative;width: 30px;margin-top: 0;transform: rotate(45deg) translate(-4px, -8px);}
/*탭메뉴*/
.mBoard.hidden{position:absolute; left:-9999em; top:-9999em; width:100%; display:none}

/*컨텐츠 타이틀*/

.conTit {font-family: 'Noto Serif KR', serif; font-size:1.25rem; text-align:center; font-weight:400; letter-spacing:-0.125em; margin-top:1.5rem}
.conTit p.big {font-size:1.25em; font-weight:700}
.conTit p.engbig {font-size:2em}
.conTit p span {white-space:nowrap;}
.conBGTit {font-family: 'Parisienne', cursive;}
.conSTit {font-family: 'Noto Serif KR', serif; font-weight:300; text-align:center; margin:0 0 3rem 0}
.cpTIcon:before {
	content:""; 
	display:block; 
	width:50px; 
	height:50px; 
	margin:0 auto;
	background-repeat:no-repeat;
	background-position:center
	}
.Icon1:before {background-image:url(/img/contents/cpTIcon.svg); }
.Icon2:before {background-image:url(/img/contents/cpTIcon2.svg);}
.Icon22:before {background-image:url(/img/contents/cpTIcon22.svg);}


@media all and (min-width:1600px) {
	.conTit {margin-top:2.5rem}
	.conTit p.engbig {font-size:4em}
}
/*텍스트타입*/
.quo {font-family: 'Noto Serif KR', serif; font-weight:300; text-align:center}
.quo p {letter-spacing:-0.08em}
.quo:before,.quo:after { display:block;font-size:4rem; line-height:1.0; margin-top:2rem; color:#e6e6e6;}
.quo:before {content:"“"; }
.quo:after {content:"”"; }

.infoCon {margin-bottom:2rem}
.secInfo p {font-size:1.125rem}
.secInfo p span {display:inline-block; white-space:nowrap}
.secInfo dl {display:flex; flex-flow:row wrap; margin:1rem 0}
.secInfo dl dt {width:100px; position:relative; padding-left:10px}
.secInfo dl dt:before {
	content:""; 
	display:block; 
	width:4px; 
	height:4px; 
	background:#ccc;
	position:absolute;
	left:0; top:50%;
	transform:translateY(-50%)
	}
.secInfo dl dd {width:calc(100% - 120px); font-weight:500}
.area_img {display:flex; justify-content:space-between; max-width:1000px; margin:1rem auto}
.area_img li:nth-of-type(1) {width:55%}
.area_img li:nth-of-type(2) {width:40%;}
.area_img li:nth-of-type(2) img {transform:translateY(50%)}

/*이용안내*/
.spaGuide {display:flex; flex-flow:row wrap;}
.spaGuide>li {width:calc(50% - 1rem); background:#f6f6f6; margin:0.5rem; text-align:center}
.spaGuide>li>div {position:relative; padding:2rem 1rem}
.spaGuide>li>div>h4 {margin:1.5rem 0 1.125rem 0; font-size:1.25rem; font-weight:700; color:#a5856a}
.spaGuide>li>div>p {font-size:0.875rem; color:#777}
.spaGuide>li>div>ul>li {font-size:0.825rem; color:#999}
.spaGuide>li>div>p>span {display:inline-block; white-space:nowrap}
.spaGuide>li>div:before {
	content:""; 
	display:block; 
	width:120px; 
	height:120px; 
	margin:0 auto; 
	background-color:#fff;	
	background-repeat:no-repeat;
	background-size:60px;
	background-position:center center;
	border-radius:100%;
	opacity:0.6;
	}

.spaGuide>li:nth-of-type(1)>div:before {background-image:url(/img/icon/010-ticket.svg);}
.spaGuide>li:nth-of-type(2)>div:before {background-image:url(/img/icon/002-lockers.svg);}
.spaGuide>li:nth-of-type(3)>div:before {background-image:url(/img/icon/001-bathrobe.svg);}
.spaGuide>li:nth-of-type(4)>div:before {background-image:url(/img/icon/042-woman.svg);}
.spaGuide>li:nth-of-type(5)>div:before {background-image:url(/img/icon/010-teacup.svg);}
.spaGuide>li:nth-of-type(6)>div:before {background-image:url(/img/icon/018-note.svg);}
.spaGuide>li:nth-of-type(7)>div:before {background-image:url(/img/icon/021-herbal-1.svg);}

.spaGuide>li>div:after {
	content:""; 
	display:block;
	font-family: 'Montserrat', sans-serif;
	position:absolute;
	right:1em;
	top:1em;
	font-weight:700;
	color:#888;

}

.spaGuide>li:nth-of-type(1)>div:after {content:"01";}
.spaGuide>li:nth-of-type(2)>div:after {content:"02";}
.spaGuide>li:nth-of-type(3)>div:after {content:"03";}
.spaGuide>li:nth-of-type(4)>div:after {content:"04";}
.spaGuide>li:nth-of-type(5)>div:after {content:"05";}
.spaGuide>li:nth-of-type(6)>div:after {content:"06";}
.spaGuide>li:nth-of-type(7)>div:after {content:"07";}
.spaGuide>li:nth-of-type(8)>div:after {content:"08";}


/*캠핑장 금지사항*/
.phbGuide {display:flex; flex-flow:row wrap;}
.phbGuide>li {width:calc(50% - 1rem); background:#f6f6f6; margin:0.5rem; text-align:center}
.phbGuide>li>div {position:relative; padding:2rem 1rem}
.phbGuide>li>div>h4 {margin:1.5rem 0 1.125rem 0; font-size:1.25rem; font-weight:700; color:#a5856a}
.phbGuide>li>div>p {font-size:0.875rem; color:#777}
.phbGuide>li>div>ul>li {font-size:0.825rem; color:#999}
.phbGuide>li>div>p>span {display:inline-block; white-space:nowrap}
.phbGuide>li>div:before {
	content:""; 
	display:block; 
	width:120px; 
	height:120px; 
	margin:0 auto; 
	background-color:#fff;	
	background-repeat:no-repeat;
	background-size:60px;
	background-position:center center;
	border-radius:100%;
	opacity:0.6;
	}

.phbGuide>li:nth-of-type(1)>div:before {background-image:url(/img/icon/phb1.svg);}
.phbGuide>li:nth-of-type(2)>div:before {background-image:url(/img/icon/phb2.svg);}
.phbGuide>li:nth-of-type(3)>div:before {background-image:url(/img/icon/phb3.svg);}
.phbGuide>li:nth-of-type(4)>div:before {background-image:url(/img/icon/phb4.svg);}



/*층별안내*/
.listtype1 {border-top: 2px solid #a5856a;}
.listtype1 dl {display:flex; flex-flow:row wrap; align-items:flex-start; border-bottom: 1px dashed #ccc; padding:1rem}
.listtype1 dl dt {width:50px;}
.listtype1 dl dd {width:calc(100% - 60px);}
.frNum {display:flex; justify-content:center; align-items:center; width:30px; height:30px; border-radius:100%;  background:#c6a582; text-align:center; font-family: 'Montserrat', sans-serif; color:#fff; font-weight:500; font-size:0.875rem}

/*주변관광*/
.Gallery-col2 {display:flex; flex-flow:row wrap; justify-content:space-between;}
.Gallery-col2>div {position:relative; overflow:hidden}
.Gallery-col2 div h4 {font-weight:700; font-size:1.125rem;  margin:2rem 0 2.25rem 0}
.Gallery-col2 div p {color:#777; font-size:0.875rem}
.Gallery-col2 div p.photo {z-index:1; min-height:500px; width:100%; background:#333}
.Gallery-col2 div img {
    -webkit-transition: opacity 1s,-webkit-transform 1s;
    transition: opacity 1s,-webkit-transform 1s;
    transition: transform 1s,opacity 1s;
    transition: transform 1s,opacity 1s,-webkit-transform 1s;
    will-change: transform,opacity
}


/*.custom-cursor {
  width: 33.33333%;
  height:500px;
  float: left;
  background-color: #8a88d8;
  a {
    display: block;
    margin: 10px;
    font-size: 85%;
    text-decoration: none;
    font-weight: 500;
  }
}*/

.Gallery-col2 div:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

@media all and (min-width:1200px) {
.spaGuide>li,.phbGuide>li {width:calc(25% - 2rem); margin:1rem;}
.Gallery-col2 div {width:46%}
.Gallery-col2 div:nth-of-type(2n) {margin-top:5rem}
}


.vlt-cursor {
    position: fixed;
    z-index: 110;
    top: 0;
    left: 0;
    visibility: hidden;
    pointer-events: none;
    mix-blend-mode: difference;
    -webkit-filter: invert(1) grayscale(1);
    filter: invert(1) grayscale(1)
}

.vlt-cursor .inner,.vlt-cursor .outer {
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 80px;
    height: 80px;
    pointer-events: none
}

.vlt-cursor .inner .circle,.vlt-cursor .inner .icon,.vlt-cursor .outer .circle,.vlt-cursor .outer .icon {
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: scale(.8) translate3d(0,0,0);
    transform: scale(.8) translate3d(0,0,0);
    opacity: 0
}

.vlt-cursor .outer .circle {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 2px #101010;
    box-shadow: inset 0 0 0 2px #101010
}

.vlt-cursor .inner {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vlt-cursor .inner .icon {
    font-size: 16px;
    line-height: 0;
    display: inline-block;
    color: #101010
}

.vlt-cursor.is-active {
    visibility: visible
}

.vlt-cursor.is-visible .inner .icon,.vlt-cursor.is-visible .outer .circle {
    -webkit-transform: scale(1) translate3d(0,0,0);
    transform: scale(1) translate3d(0,0,0);
    opacity: 1
}

.vlt-cursor.is-visible .inner .icon {
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms
}




/*캠핑장*/
.cvSwiper {position:relative; overflow:hidden; margin-bottom:2rem}
.cvSwiper .swiper-slide {position:relative; max-height:720px; overflow:hidden}
.cv_button {width:100%; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; margin:1rem auto}
.swiper-pagination-cv {display:none; width:100%; margin-top:1rem; text-align:center}
.swiper-button-prev-cv,.swiper-button-next-cv {width:60px; height:20px; padding:1rem; background-repeat:no-repeat; background-position:center; cursor:pointer; opacity:0.4; transition: opacity 0.6s, width 0.6s, height 0.6s;}
.swiper-button-prev-cv {background-image:url(/img/arr_basic.svg); transform: rotate(180deg);}
.swiper-button-next-cv {background-image:url(/img/arr_basic.svg); margin-left:1rem}
.swiper-button-next-cv .cursor{position: absolute; border-radius: 50%; border: 1px solid white; top: 0; left: 0; pointer-events: none; user-select: none; transform: translate(-50%,-50%); opacity: 0; width: 40%; height: 40%; transition: opacity 0.6s, width 0.6s, height 0.6s;}
.swiper-button-next-cv .cursor.on{opacity: 1; width: 100%; height: 100%;}
.swiper-button-prev-cv:hover,.cvSwiper .swiper-button-next-cv:hover {opacity:1}

.swiper-pagination-cv .swiper-pagination-bullet {margin:0.222rem; width:4px; height:4px}
.swiper-pagination-cv .swiper-pagination-bullet-active {background:#c6a582;}



@media all and (min-width:1200px) {
.swiper-pagination-cv {display:block; width:calc(100% - 200px); display:flex; justify-content:end}
.cv_button {margin:2rem auto; justify-content:space-between}
.swiper-pagination-cv .swiper-pagination-bullet {margin:0.333rem; width:8px; height:8px}

}

.picName {position:absolute; width:100%; bottom:0; background:rgba(0,0,0,0.5); padding:1rem 0.333rem; font-size:0.825rem; color:#fff}
.mpCont {display:flex; flex-flow:row wrap; align-items:center; width:100%; padding:2rem 0}
.mpCont div {display:flex; flex-flow:row wrap; width:100%}
.mpCont div ul{width:50%;}
.mpCont h3 {font-family: 'Noto Serif KR', serif; font-size:1.25rem; margin-bottom:2rem}
.mpCont h3:before {content:"Gagok camping"; font-family: 'Noto Serif KR', serif; display:block; color:#c6a582; font-size:2em}
.mpCont h3.enTit3:before {content:"Foot bath";}
.mpCont ul li {display:flex; flex-flow:row wrap; border-bottom:1px solid #e5e5e5; padding:0.333em 0 0.444em 0}
.mpCont ul li span:nth-of-type(1) {min-width:100px; margin-right:0.666rem; font-weight:700}
.mpCont dl {width:100%; display:flex; flex-flow:row wrap; border-top: 2px solid #a5856a;border-bottom: 1px dashed #ccc; padding:1rem 0; margin-top:2rem}
.mpCont dl dt,.mpCont dl dd {margin-bottom:0.666rem}
.mpCont dl dt {width:100px; position:relative; padding-left:10px}
.mpCont dl dt:before {
	content:""; 
	display:block; 
	width:4px; 
	height:4px; 
	background:#ccc;
	position:absolute;
	left:0; top:7px;
	}
.mpCont dl dd {width:calc(100% - 120px); font-weight:500}

/*소개*/
.greeting {text-align:center}
.greeting>.top {margin-bottom:3rem}
.greeting p span {display:inline-block; white-space:nowrap}
.greeting>.top>p:nth-of-type(1) {font-size:1.825rem; line-height:1.3}
.greeting>.top>p:nth-of-type(2) {color:#9f7e62}
.greeting p {margin-bottom:0.666rem}


/*오시는 길*/
.contact .root_daum_roughmap {width:100%}
.contact-list { border-top: 1px solid #222; margin-bottom:2rem}
.contact-list .tr {border-bottom: 1px solid #ddd;padding: 25px 30px;font-size: 1em;display: flex;flex-wrap: wrap;color: #222;}
.contact-list .tr li {color:#666; line-height:1.5em}
.contact-list .tr li:first-child { margin-bottom:1em}
.contact-list h5 {margin-bottom:0}
.busTB>table>tbody>tr>td:nth-of-type(1) {text-align:center}



@media all and (min-width:1200px) {
.infoCon {margin-bottom:4rem}
.area_img {margin:4rem auto;}
.area_img li:nth-of-type(2) img {transform:translateY(60%)}
.mpCont div ul{width:50%; max-width:300px}
.mpCont div:nth-of-type(1) {width:40%}
.mpCont div:nth-of-type(2) {width:60%; justify-content:flex-end}
.contact .mpCont div:nth-of-type(1) {width:30%}
.contact .mpCont div:nth-of-type(2) {width:70%;}
.contact .mpCont h3:before {content:"Location";}

}

/*시설안내*/
	.mrspace {
      width: 100%;
      height: 100%;
	  overflow:hidden
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
	.mrspace .swiper-button-next,.mrspace .swiper-button-prev {
		background-image:none;
		width: 37px;
		height: 37px;
		top: 46%;
		cursor: pointer;
		left: 90%;
		opacity: 1;
	}
.mrspace .swiper-button-prev {left:10%; transform: rotate(180deg);}
.mrspace .swiper-button-next {left:90%}
.mrspace .swiper-button-prev:after,.mrspace .swiper-button-next:after {content: "\e940"; font-family: xeicon!important; font-size:2rem; color:#fff}
.mrspace .swiper-button-prev:after {transform:translateX()}
.mrspace .swiper-pagination {bottom:2rem; font-family: 'Montserrat', sans-serif; color:#fff; font-size:0.725em}


@media all and (min-width:1024px) {
.photoBox {display:flex; flex-flow:row wrap; justify-content:space-between; position:relative; margin:2% 0;}
.photoBox>div {width:100%;}
.photoBox.lpt>div:first-child{order:2}
.photoBox.lpt>div:last-child{order:1}
.photoBox .titCont {position:relative; padding:1rem; /*background:rgba(204,204,204,0.2);*/}
.photoBox .titCont h4 {font-size:1.5em;  font-weight:800; color:#333; margin-bottom:1em}
.photoBox .titCont h5 {font-size:1.125em; font-weight:500; margin-bottom:0.666em}
.photoBox .titCont p {font-family: 'nsk'; font-weight:100; margin-bottom:1.25em}
}
@media all and (min-width:1200px) {
.photoBox {margin:4% 0}
.photoBox .photo { min-height:450px; width:64%; position:relative;  overflow:hidden}
.photoBox .titCont {width:30%; padding:2rem;}
.photoBox .photo img {position:absolute}
.photoBox.rpt .photo img {left:0; top:50%; transform: translateY(-50%);}
.photoBox.lpt .photo img {right:0; top:50%; transform: translateY(-50%);}
.photoBox.lpt>div:first-child{order:1}
.photoBox.lpt>div:last-child{order:2}
.photoBox .titCont h4 {font-size:2.0em;}
.photoBox .titCont h5 {font-size:1.5em;}
}

.textBox {display:flex; flex-flow:row wrap; justify-content:center; aling-items:center; position:relative; padding:1%}
.textBox>div {position:relative; width:100%; border:1px solid #ccc; padding:1em 160px 1em 1em ; margin:1%;}
.textBox>div>.photo {position:absolute; right:1em; top:1em; border-radius:300px; overflow:hidden}
.textBox>div>p {margin-bottom:0.666em}
.textBox h4 {font-size:1.5em;  font-weight:800; color:#333; margin-bottom:1em}

@media all and (min-width:768px) {
.textBox>div {width: 48%}
}


@media all and (min-width:1024px) {
.textBox>div {width: 31.333%; padding:1.5em 160px 1.5em 1.5em }
.textBox>div>p {margin-bottom:1em}
.textBox>div>.photo {right:2em; top:2em}
}



/*포토갤러리*/
.galleryW {padding:3% 0}
.galleryW ul{display:flex; flex-flow:row wrap; justify-content:center; padding:2%;}
.galleryW ul li {width: 48%; margin:1%}
.galleryW ul li:nth-of-type(2n-1) {margin-top:-3%}


.galleryBox {position:relative; width:100%; max-width:1040px;  overflow:hidden; padding:1rem 1rem 1rem 1rem}
.phSwiper {max-height:600px; overflow:hidden}
.phSwiper .swiper-slide {position:relative;  background-position: center top; background-size:cover; height:450px; /*padding-bottom:75%*/}

/* thumbnail overlay background */
		.thumb-overlay {
			width:100%;
			text-align:center;
			position:absolute;
			z-index:2;
			bottom:10%;
			transform:translateY(0);
			transition: transform 0.6s ease-in-out;
			}
		.photo-box a {display:block; width:100%; height:100%}
		.photo-box a:before{
			content:"";
			display:block;
			opacity:1;	
			position:absolute;
			z-index:1;
			width:100%;
			height:100%;
			left:0;
			top:0;
    		/*background-color: rgba(0,0,0, .20);*/
			
    		-webkit-transition: background-color 0.2s ease-out;
		       -moz-transition: background-color 0.2s ease-out;
		         -o-transition: background-color 0.2s ease-out;
		            transition: background-color 0.2s ease-out;

			
			background: repeating-linear-gradient(rgba(0,0,0, 0), rgba(0,0,0, .20) 100% );
		}


	
		.photo-box a:hover:before{
			opacity:1;
    		background-color: rgba(0,0,0, .40) !important;
		}
		.thumb-overlay>div {position:relative;width:100%; text-align:center; color:#fff; text-shadow:0 0 6px rgb(0 0 0 / 60%); transition: transform 0.6s ease-in-out;}
		.photo-box:hover .thumb-overlay{transform:translateY(-50px); transition: transform 0.6s ease-in-out;}
		
		/* hover effect on the image */
		.photo-box img{
		    -webkit-transition: transform 0.6s ease-in-out;
		       -moz-transition: transform 0.6s ease-in-out;
		         -o-transition: transform 0.6s ease-in-out;
		        -ms-transition: transform 0.6s ease-in-out;
		            transition: transform 0.6s ease-in-out;

		    -webkit-transform-origin: bottom left;
		       -moz-transform-origin: bottom left;
		         -o-transform-origin: bottom left;
		        -ms-transform-origin: bottom left;
		            transform-origin: bottom left;
		}
		.photo-box:hover img{
		    -webkit-transform: scale(1.2) translate(-20px);
		       -moz-transform: scale(1.2) translate(-20px);
		         -o-transform: scale(1.2) translate(-20px);
		        -ms-transform: scale(1.2) translate(-20px);
		            transform: scale(1.2) translate(-20px);
		}

@media all and (min-width:1024px) {
	.phSwiper .swiper-slide {/*padding-bottom:23%*/}
}

.ph_button {position:relative; z-index:1; width:10em; display:flex; justify-content:space-between; align-items:center;  padding:1.5rem 1rem; margin:0 auto}
.ph_button:before {content:""; width:3em; height:1px; background:#333; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)} 
.ph_button .swiper-button-prev-ph,
.ph_button .swiper-button-next-ph {position:relative; width: 3.5em; height: 3.5em; background: #333; border-radius: 50vw; text-indent: inherit; font-family: 'Montserrat'; font-weight: 300; -webkit-font-smoothing:antialiased; text-rendering:auto; text-align: center; font-size: 7.5pt; color:#fff;}
.ph_button .swiper-button-prev-ph:before,.ph_button .swiper-button-next-ph:before {font-family: xeicon!important; font-size:1.125rem; color:#ccc; display:block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.ph_button .swiper-button-prev-ph:before {content:'\e93c'; }
.ph_button .swiper-button-next-ph:before {content:'\e93f'; }

.ph_button .swiper-button-prev-ph:hover,
.ph_button .swiper-button-next-ph:hover {background:#000; transition: 1s; cursor:pointer}


/*개인정보취급방침*/
.prebox > p, .prebox > ul {margin-bottom:1em; font-weight:300}
.prebox > h5 {font-size:1.125em; font-weight:700; margin:1em 0}
.prebox > h6 {font-weight:500; margin-bottom:0.666em}
.prebox > ul > li {margin:3px 0 4px 0}
.prebox > ul > li > span {color:#000;}
.prebox > h5:before {color: #333; opacity: 0.9; content:"\f105"; font-family: 'Line Awesome Free'; font-weight: 900; padding: 0 7px 0 5px;}
.prebox > h6:before {color: #666; opacity: 0.8; content:"\f00c"; font-family: 'Line Awesome Free'; font-weight: 900; padding: 0 4px 0 8px;}

.movieW {padding:46.00% 0 0 0;position:relative;}
.movieW>iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

/*인포*/
.infoMovie {text-align:center}
.infoMovie>h3 {font-family: "LainieDay",sans-serif; font-size:80px; line-height:1.2em; text-align:center; margin:0 auto}
.infoMovie .movieW {width:90%; max-width:960px; margin:0 auto}
.txtG span {white-space:nowrap}

@media only screen and (min-width:1200px){
.infoMovie>h3 {margin-top:0.333em}
.txtG span {white-space:nowrap; display:block}
}





/*이미지컨텐츠*/
.picCont {display:flex; flex-flow:row wrap; padding-bottom:2em}
.picCont>div,.picCont>dl {width:100%}
.picCont>div:nth-of-type(2) {padding:1em}
.picCont h3 {font-weight:700; font-size:2em; color:#222; margin:1em 0 1.2em 0}
.picCont h4 {font-weight:500; font-size:1.25em; color:#222; margin:0.666em 0 1.0em 0}
.picCont p {margin-bottom:1.5rem}

@media (min-width: 1200px){
.picCont {padding-bottom:4em}
.picCont {justify-content:space-between;}
.picCont>div,.picCont>dl {width:50%}
.picCont>div:nth-of-type(1) {width:45%}
}


.rsvBox {display:flex; flex-flow:row wrap;}
.rsvBox>div:last-child {display:flex; align-items:center; justify-content:center}

@media only screen and (min-width:768px){
	.rsvBox>div {width:50%;}
	.rsvBox>div:last-child{justify-content:flex-end}
}

/*아코디언*/

.cw-fix {
	/*max-width:700px !important;*/
	margin: auto;
	width: 100%;
	padding:0 0 2rem 0;
}
/**Typeo CSS End (Note if is not need so remove)**/
.cw-section {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
.cw-section__title {
  font-size: 1.7rem;
  text-align: center;
  margin-bottom: 0px;
}

.cw-accordion {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 1rem;
}
.cw-accordion__item {
  padding: 1rem;
  background: #f8f8f8;
  position: relative;
  border-radius: 4px;
  width: 100%;
  cursor: pointer;
}
.cw-accordion__item .cw-label { 
  padding-right: 20px; 
  font-size: 1.125rem; 
  font-weight:500;
  position: relative;
  width: 100%;
  display: inline-block;
}
.cw-accordion__item .cw-label:after {
    position: absolute;
    right: 0;
    content: "+";
    font-size: 24px;
    top: -2px;
}
.cw-accordion__item .cw-label:before {
	display:inline-block;
	vertical-align:middle;
	content: "\e9ad";
	font-family: xeicon!important; 
	font-size:1.5rem;
	color:#c6a582;
	margin-right:0.666rem;
}
.cw-accordion__item .cw-label.cw-open:after {
  content: "−";
}


.cw-accordion__item .cw-acordion-cont {
  height: 0px;
  overflow: hidden;
  transition: 0.4s;
  -webkit-transition: 0.4s;
}
.cw-accordion__item .cw-open + .cw-acordion-cont {
  height: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left:30px
}

.cw-accordion__item .cw-open + .cw-acordion-cont:before {
	content: "\e981";
	font-family: xeicon!important; 
	font-size:1.25rem;
	color:#c6a582;
	position:absolute;
	left:20px
}


/*카테고리 nav*/
.nav {
text-align: center;
overflow: hidden;
margin: 2em auto;
width: 480px;
position: relative;
}
.nav a {
display: inline-block;
position: relative;
float: left;
padding: 1em 0 2em;
width: 20%;
text-decoration: none;
color: #393939;
-webkit-transition: .7s;
-moz-transition: .7s;
-o-transition: .7s;
-ms-transition: .7s;
transition: .7s;
font-size: 0.925rem;
}
.nav a:hover, .nav a.on {
color: #c6a582 !important;
}
.effect {
position: absolute;
left: -12.5%;
-webkit-transition: 0.7s ease-in-out;
-moz-transition: 0.7s ease-in-out;
-o-transition: 0.7s ease-in-out;
-ms-transition: 0.7s ease-in-out;
transition: 0.7s ease-in-out;
}
.nav a:nth-child(1):hover ~ .effect {
left: 12.5%;
}
.nav a:nth-child(2):hover ~ .effect {
left: 37.5%;
}
.nav a:nth-child(3):hover ~ .effect {
left: 62.5%;
}
.nav a:nth-child(4):hover ~ .effect {
left: 87.5%;
}
/* ----- line example -----*/

.ph-line-nav .effect {
width: 90px;
height: 2px;
bottom: 22px;
background: #c6342e;
margin-bottom: -2px;
box-shadow: 0 1px 0 white;
margin-left: -45px;
}
/* ----- dot example -----*/

.ph-dot-nav:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 1px;
background: #ccc;
bottom: 24px;
transition: 0.7s ease-in-out;
}
.ph-dot-nav a:after {
content: "";
position: absolute;
z-index:1;
width: 4px;
height: 4px;
bottom: 22px;
left: 50%;
margin-left: -2px;
background: #ccc;
border-radius: 100%;
transition: 0.7s ease-in-out;
}

.ph-dot-nav a:hover:after,.ph-dot-nav a.on:after {
background: #c6a582;
}

.ph-dot-nav .effect {
width: 10px;
height: 10px;
bottom: 30px;
margin-left: -5px;
background: #c6342e;
border-radius: 100%;
}




/* =====================================
   세로 마우스휠 슬라이드 - 서브 풀페이지 
===================================== */
	#fullpage{z-index:auto; /* ☆ */position:relative;min-height:0; /* ☆ 배치 후 최종화면 확인! */margin:auto;padding:0;}
		#fullpage [class*='subbody']{height:100vh; position:relative; background-size:cover !important;  overflow:hidden}
			#fullpage .subbody1{
				background-image: url(http://gagok2023.cdn1.cafe24.com/sec1BG.jpg);
				background-position:center center;
			}
			#fullpage .subbody2{
				
				background-image: url(http://gagok2023.cdn1.cafe24.com/sec2BG.jpg);
			}
			#fullpage .subbody3{
				background-image: url(http://gagok2023.cdn1.cafe24.com/sec3BG.jpg);
			}
			#fullpage .subbody4{
				background-image: url(http://gagok2023.cdn1.cafe24.com/sec4BG.jpg);
				
				
			}
#fullpage .subbody1:after {content:""; background-color:rgba(0,0,0,0.4); background-attachment:fixed; position:absolute; left:0; top:0; width:100%; height:100%}
#fullpage .subbody2:after {content:""; background-color:rgba(0,0,0,0.3); position:absolute; left:0; top:0; width:100%; height:100%}
#fullpage .subbody3:after {content:""; background-color:rgba(165,133,106,0.9); position:absolute; left:0; top:0; width:100%; height:100%}
#fullpage .subbody4:after {content:""; background-color:rgba(0,0,0,0.4); background-attachment:fixed; position:absolute; left:0; top:0; width:100%; height:100%}
#fullpage .section .sectit {display:flex; height:20vh; flex-flow:column wrap; justify-content:center; position:relative; color:#333; font-weight:300; text-align:center; font-size:1.0rem;}
#fullpage .section .sectit h3 {font-size:2rem; font-family: 'Cormorant Garamond', serif; font-weight:500;}
#fullpage .subbody1 {position:relative;  /*overflow:hidden; */justify-content:flex-start}
#fullpage [class*='subbody'] .inner{width:100%;display:flex;flex-flow:row wrap;align-items:center; justify-content:center}
#fullpage .section .txt {max-width:500px; text-align:center}
#fullpage .section .txt h3 {font-family: 'Sunflower', sans-serif; font-weight:700; letter-spacing:-0.1em; color:#fff; font-size:2rem; margin-bottom:1rem}
#fullpage .section .txt h3 span {display:block; font-size:0.925em}
#fullpage .section .txt p{font-size:0.925rem; color:#fff6d4; text-align:Center;line-height:1.4rem;}
#fullpage .section .txt p span {font-size:1.5em; font-weight:400; white-space:nowrap; color:#fff6d4; font-family: 'East Sea Dokdo', cursive; }
#fullpage .section{position:relative;}

#fullpage .section .txt{opacity:1;width:70%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); text-shadow: 0 0 6px rgb(0 0 0 / 60%);z-index:90}
#fullpage .section .txt .eng{font-family: 'Montserrat', sans-serif; font-size:0.825rem; text-transform: uppercase; font-weight:400;letter-spacing:6px;padding-bottom:20px}
#fullpage .section.active .txt{opacity:1;transform:translate(-50%,-50%);transition:all 1.5s ease}
#fullpage p.pcolor1 {color:#4d4338 !important}
#fullpage .section ul li {color:#fff}
/*#fullpage .section, #fullpage [class*='subbody']{background-size: cover;background-attachment: fixed;background-repeat:no-repeat; background-position: center;}*/
.fp-arrow.fp-prev,.fp-arrow.fp-next {width:4rem; height:4rem;border-width:0 !important;}	
.fp-arrow.fp-prev:after,.fp-arrow.fp-next:after {font-family: xeicon!important; color:rgba(255,255,255,.5); transition:all 1.0s ease; font-size:4rem}
.fp-arrow.fp-prev:after {content: "\e93d"; }
.fp-arrow.fp-next:after {content: "\e940"; }
.fp-arrow.fp-next:hover:after {color:rgba(255,255,255,.9);}
.fp-warning, .fp-watermark {display:none}


/* =====================================
   village slider
===================================== */

.mvSwiper{position:relative; width:100%; height:100vh; overflow:hidden}
.mvSwiper .swiper-slide { background-position: center  center; background-size: cover;}
.mvSwiper img {width:100%}
.mvSwiper .txt{min-width:320px;position:absolute;width:90%; max-width:1600px; margin:0 auto;text-align:center; text-shadow: 0px 1px 6px #323232; left:50%;top:50%; z-index:3; -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.mvSwiper .swiper-slide .txt p {position:Relative;color:#fff;}
.mvSwiper .swiper-slide .txt .mbtxt{opacity:0;line-height:1em; font-weight:500; letter-spacing:-0.025em; -webkit-transform:translateX(-4%);-moz-transform:translateX(-4%); -ms-transform:translateX(-4%);-o-transform:translateX(-4%);}
.mvSwiper .swiper-slide .txt .bbtxt {opacity:0; display:block; font-family: 'OTEnjoystoriesBA';  font-size:3em; line-height:2em; transform:translateX(4%);}
.mvSwiper .swiper-slide-active .txt p {transition-delay: 0.6s; -webkit-transition: transform 1s;-moz-transition: transform 1s;-o-transition: transform 1s;transition: transform 1s}
.mvSwiper .swiper-slide-active .txt .mbtxt{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0); -ms-transform:translateX(0);-o-transform:translateX(0);}
.mvSwiper .swiper-slide-active .txt .bbtxt {opacity:1; transform:translateX(0);}
.mvSwiper .swiper-pagination-bullet-active {background:#7e6048 !important}

.mv_button {position:absolute; z-index:9990; left:50%; bottom:20%; transform:translate(-50%,-50%); width:150px; height:20px; display:flex; justify-content:space-between; margin:0 1rem margin:0 auto}
.mvSwiper .swiper-button-prev-mv,.mvSwiper .swiper-button-next-mv {width:60px; height:20px; padding:1rem; background-repeat:no-repeat; background-position:center; cursor:pointer; opacity:0.6; transition: opacity 0.6s, width 0.6s, height 0.6s;}
.mvSwiper .swiper-button-prev-mv {background-image:url(/img/arr_basic_white.svg); transform: rotate(180deg);}
.mvSwiper .swiper-button-next-mv {background-image:url(/img/arr_basic_white.svg)}
.mvSwiper .swiper-button-next-mv .cursor{position: absolute; border-radius: 50%; border: 1px solid white; top: 0; left: 0; pointer-events: none; user-select: none; transform: translate(-50%,-50%); opacity: 0; width: 40%; height: 40%; transition: opacity 0.6s, width 0.6s, height 0.6s;}
.mvSwiper .swiper-button-next-mv .cursor.on{opacity: 1; width: 100%; height: 100%;}
.mvSwiper .swiper-button-prev-mv:hover,.mvSwiper .swiper-button-next-mv:hover {opacity:1}


@media all and (min-width:1024px) {
	#fullpage .section .txt{opacity:0;transform:translate(-50%,200%);}
	
}

@media all and (min-width:1400px) {
	#fullpage .section .txt p,#fullpage .section ul li {font-size:1.125rem; margin-bottom:0.333rem}
	#fullpage .section .txt h3 {font-size:3rem; margin-bottom:1.5rem}
}



/* =====================================
   full img slider
===================================== */

.VGvisual{position:relative; width:100%; height:432px}
.VGvisual .swiper-slide { background-position: center; background-size: cover;}
.VGvisual img {width:100%}
.VGvisual .txt{min-width:320px;position:absolute;width:90%; max-width:1600px; margin:0 auto;text-align:center; text-shadow: 0px 1px 6px #323232; left:50%;top:50%; z-index:3; -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.VGvisual .swiper-slide .txt p {position:Relative;color:#fff;}
.VGvisual .swiper-slide .txt .mbtxt{opacity:0;line-height:1em; font-weight:500; letter-spacing:-0.025em; -webkit-transform:translateX(-4%);-moz-transform:translateX(-4%); -ms-transform:translateX(-4%);-o-transform:translateX(-4%);}
.VGvisual .swiper-slide .txt .bbtxt {opacity:0; display:block; font-family: 'Sunflower', sans-serif;  font-size:3em; line-height:2em; transform:translateX(4%);}
.VGvisual .swiper-slide-active .txt p {transition-delay: 0.6s; -webkit-transition: transform 1s;-moz-transition: transform 1s;-o-transition: transform 1s;transition: transform 1s}
.VGvisual .swiper-slide-active .txt .mbtxt{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0); -ms-transform:translateX(0);-o-transform:translateX(0);}
.VGvisual .swiper-slide-active .txt .bbtxt {opacity:1; transform:translateX(0);}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#333}

@media (min-width: 1400px){
	.VGvisual {height:756px}
	.VGvisual .txt {top: 50%; }
	.VGvisual .swiper-slide .txt .bbtxt {font-size:3.5em}

}