/*탭메뉴*/
.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}
.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%)}

/*CI*/
.sideTitBox {
	position:relative;
	padding:var(--secgap);
	box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
	text-align:var(--text-l)
}

.Boxtop {
	width:100%;
	display:flex;
	flex-flow:row wrap;
	align-items: flex-start;
	justify-content:space-between;
	margin-bottom:var(--secgap);
}

.sideTitBox>div:nth-of-type(odd) { 
	/*flex-direction : row-reverse홀수 번째*/
}

.sideTitBox>div:nth-of-type(even) { 
	/*flex-direction : row짝수 번째*/
}

.sideTitBox .titG{
	position:relative;
	display:inline-block;
	padding:var(--secgap) var(--margin-1) var(--margin-1) var(--margin-1);
	background-color:var(--color-3);
	color:var(--color-w);
	/*position:absolute;
	right:0;
	top:0;
	transform:translate(-50%,-20%)*/
}

.sideTitBox .row-R .titG{
	background-color:var(--point-color2);
}

.sideTitBox .titG:before
{
	content:"";
	position:absolute;
	top:-1px; 
	right:-1px; 
	border-bottom:36px solid transparent;
	border-right:36px solid #fff
}

.sideTitBox .titG:after {
	content:"";
	display:block;
	width:90%;
	height:40%;
	background-color:var(--color-w);
	/*background-image:url("/img/contents/symbol.svg");*/
	-webkit-mask-image:url(/img/contents/symbol.svg);
	mask-image:url(/img/contents/symbol.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	mask-position: center center;
	-webkit-mask-size: contain;
	mask-size: contain;
	opacity:0.3;
	padding:var(--margin-1) 0
}

.sideTitBox .flexBox {gap:1rem}
.sideTitBox p {
	padding:var(--margin-1);
	width:calc(100% - 110px);
	margin-bottom:0;
	text-align:var(--text-l)
	
}

.sideTitBox .titG h3 {
	display:flex;
	flex-direction:column;
	align-items:center;
	font-weight:var(--font-weight-7);
}

.sideTitBox .titG h3 span {
	font-family:var(--eng-font2);
	font-weight:var(--font-weight-3);
	font-size:var(--text-xs);
	color:var(--color-c)
}

.sideTitBox dl dt {
	margin-bottom:var(--margin-1);
	font-size:var(--text-sm);
	font-weight:var(--font-weight-7);
}
.sideTitBox dl dd {
	/*height:100%;*/
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.sideTitBox dl dd.inflexBox {max-width:1000px; margin:0 auto; display:flex; flex-flow:row wrap; justify-content:flex-start; gap:2rem}
.sideTitBox dl dd.inflexBox span {width:auto; height:100px; display:flex}
.sideTitBox dl dd.inflexBox span img {max-height:140px}
.sideTitBox dl dd img {max-height:120px}

@media all and (min-width:768px) {
	.sideTitBox .flexBox {gap:0}
	.sideTitBox dl dd.inflexBox span {height:160px; }
}

@media all and (min-width:1200px) {
	.sideTitBox p {
		width:calc(100% - 200px);
		font-size:var(--text-lg)
	}
}
/*기념관소개*/
.material-symbols-outlined{font-size:19px!important;font-variation-settings:'FILL' 1}
.parkinfo {
	display:flex;
	flex-flow:row wrap;
	padding:var(--secgap)
}
.parkinfo p span {white-space:nowrap}
.parkinfo>div:nth-of-type(2) {padding:var(--boxpd)}
.parkinfo>div:nth-of-type(2) p {line-height:var(--lineH-n)}
.parkinfo .img_box{width:100%; overflow:hidden;position:relative;}
.parkinfo .img_box:before{display:block;content:"";position:absolute;left:0;top:0;width:0;height:100%;background:var(--theme-color);transition:all 1.2s var(--easing)}
.parkinfo .img_box .img{opacity:0;overflow:hidden;position:relative;width:0;transition:all 1.8s var(--easing) .3s}
.parkinfo .img_box .img img{height:100%; position:relative;left:50%;transform:translate(-50%,0)}
.parkinfo .img_box.on:before{width:100%}
.parkinfo .img_box.on .img{opacity:1;width:100%;}
.parkinfo.reverse .img_box{order:1}
.parkinfo .img_box .img img{width:100%}

.photoCBox {
	padding:var(--secgapw)
}

.photoCBox p {max-width:var(--inner); margin:0 auto}
#inc03{
	overflow:hidden;
	position:relative;
	width:100%; 
	padding:var(--secgap);
	line-height:1.65;
	background-color:var(--color-2)
}
#inc03 *{word-break:keep-all}
#inc03 .br{white-space:pre-line}
#inc03 .tit_area{margin:0 0 40px calc((20% / 16) * 3);font-size:var(--text-2xl)}
#inc03 .tit_area a{display:block;position:relative;width:36px;height:36px;margin-bottom:30px;border-right:6px solid #fff;border-bottom:6px solid #fff;transition:all .2s}
#inc03 .tit_area a span{position:absolute;top:9px;right:-8px;width:52px;height:6px;transform:rotate(45deg);background:#fff}
#inc03 .tit_area a:hover{opacity:.5}
#inc03 .tit_area .tit{display:flex;align-items:baseline;/*padding-left:calc((100% / 16));*/ font-weight:700; color:var(--color-w); line-height:1.2}
#inc03 .tit_area .tit p{margin-left:auto;font-size:16px}
#inc03 .tit_area .tit p span{display:inline-block;vertical-align:middle;width:25px;height:25px;margin-right:10px;border:1px solid #e1e1e1;border-radius:50%;text-align:center;line-height:22px}
#inc03 .slide_wrap{position:relative;}
#inc03 .inc03_slider{overflow:hidden;height:80vh;margin:0}
#inc03 .inc03_slider:before{
	display:block;
	content:"";
	position:absolute;
	left:-40px;
	top:-40px;
	z-index:101;
	transform:rotate(45deg);
	width:80px;
	height:80px;
	background:var(--color-2)
}
#inc03 .swiper-slide{overflow:hidden}
#inc03 .swiper-slide figure{display:flex;flex-direction:column;}
#inc03 .swiper-slide figure img {width:100%;}
#inc03 .swiper-slide figure .desc{
	width:100%; 
	display:flex;
	flex-flow:column;
	padding:0 0 40px 45px; 
	color:rgba(255,255,255,.4)
}

#inc03 .swiper-slide figure .desc dl dt {font-size:var(--text-xs)}
#inc03 .swiper-slide figure .desc dl dd {margin-bottom:var(--margin-m)}
#inc03 .swiper-slide figure .desc span{color:var(--color-w); font-size:var(--text-base);}
#inc03 .swiper-slide figure .desc figcaption{margin:20px 0 80px;font-size:38px;line-height:1.2; white-space:pre-line}
#inc03 .pager{display:flex; align-items:center; position:absolute; z-index:9000; bottom:20px;right:0; top:auto; }
#inc03 .pager button{color:var(--color-w); opacity:.25;position:relative;display:flex;justify-content:center;align-items:center;width:auto;height:auto;border-radius:50%;font-size:15px;cursor:pointer;background:transparent;transition:.3s;}
/*#inc03 .pager button+button{margin-top:15px}*/
#inc03 .pager button span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
#inc03 .pager button.on{opacity:1}
#inc03 .pager .progress{transform:rotate(-90deg)}
#inc03 .pager .circle-origin{fill:transparent;stroke:rgb(255, 255, 255);stroke-width:1;stroke-linecap:round;stroke-dasharray:125.664px;stroke-dashoffset:125.664px}
#inc03 .pager button.on .circle-origin{animation:progress 5s}
@keyframes progress{0%{stroke-dashoffset:125.664px}90%{stroke-dashoffset:0}100%{stroke-dashoffset:-125.664px}}


@media all and (min-width:1400px) {
.parkinfo {justify-content:space-between}
.parkinfo>div:nth-of-type(1){width:55%;}
.parkinfo .img_box {width:50%}
.parkinfo>div:nth-of-type(2){width:40%;margin-right:auto; padding-left:10rem}
#inc03 .tit_area{font-size:var(--text-4xl)}
#inc03 .slide_wrap{margin-left:calc((100% / 16) * 1)}
#inc03 .swiper-slide figure{ flex-flow:row wrap;  align-items:flex-start}
#inc03 .swiper-slide figure img {width:70%;}
#inc03 .swiper-slide figure .desc{width:20%;} 
#inc03 .inc03_slider:before{
		left:-80px;
		top:-80px;
		width:160px;
		height:160px;
	}
}
@media all and (min-width:1600px) {
	#inc03 .inc03_slider{height:50vh;}
	#inc03{padding:var(--secgapw);}
}

/*오시는길*/
.root_daum_roughmap {width:100% !important}
.kakaoMapBtn {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:3px;
	max-width:160px;
	position:relative;
	background-color:rgb(37, 143, 255);
	border-radius:2rem;
	font-size:1rem;
	color:var(--color-w);
	font-weight:var(--font-weight-4);
	padding:0.333rem 1rem;
	transform: translateY(0px);
	transition:.2s ease-out;
}
.kakaoMapBtn:before {
	content:"";
	width:20px;
	height:20px;
	display:inline-block;
	background-color:var(--color-w);
	-webkit-mask-image:url(/img/icon/location_on.svg);
	mask-image:url(/img/icon/location_on.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	mask-position: center center;
	-webkit-mask-size: contain;
	mask-size: contain;
	transition: 0.3s;
}

.kakaoMapBtn:hover {
	box-shadow: 0 20px 38px rgba(0,0,0,0.16)!important;
    transform: translateY(-3px);
	transition:.2s ease-out;
}
.Cont-LineBox {
	position:relative;
	display:flex;
	flex-flow:row wrap;
	align-items:flex-start;
	border-bottom: 2px solid #686868;
	margin-bottom:var(--secgap);
	padding-bottom:var(--secgap);
	font-family:var(--title-font);
	font-weight:var(--font-weight-7) !important;
}
.Cont-LineBox h5 {
	color:var(--color-c);
	font-size:2.5rem;
	line-height:var(--lineH1);
	font-weight:var(--font-weight-7) !important;
	text-transform:uppercase;
	letter-spacing:var(--spacing-narrow-0)
	
}
.Cont-LineBox p {
	position:relative;
	margin-bottom:0;
	padding-top:var(--padding-s);
	font-size:var(--text-2xl)
}
.Cont-LineBox p span {white-space:nowrap; font-weight:var(--font-weight-4) !important;}

.Cont-LineBox h5 span {
	display:block; 
	font-size:1.25rem; 
	color:var(--color-2);
	font-weight:var(--font-weight-4) !important;
}
.Cont-LineBox dl {
	width:100%; 
	display:flex;
	flex-flow:row wrap;
	gap:0.333rem;
	margin-top:var(--margin-1);
	padding-bottom: var(--secgap);
}
.Cont-LineBox dl dt,.Cont-LineBox dl dd {width:100%}

.Cont-LineBox dl dd {font-weight:var(--font-weight-4) !important;}
.Cont-LineBox dl dd span {white-space:nowrap}

@media all and (min-width:768px) {
	.kakaoMapBtn {
		max-width:160px;
		position:absolute;
		top:0.666rem;
		right:0;
		margin-left:var(--secgap);
	}
}

@media all and (min-width:1200px) {
	.Cont-LineBox h5 {width:30%; font-size:3.0rem;}
	.Cont-LineBox p, .Cont-LineBox dl {width:70%; }
	.Cont-LineBox dl dt {width:8.75rem;}
	.Cont-LineBox dl dd {width:calc(100% - 10rem);}
}

#caricon {
	position:absolute;
	right:0;
	bottom:0;
	max-width:100px
}




/*이용안내*/
.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";}





/*층별안내*/
.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
}




.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 div {display:flex; flex-flow:row wrap; border-bottom:1px solid #e5e5e5; padding:0.333em 0 0.444em 0}
.mpCont div 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";}

}


@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 div {width: 48%; margin:1%}
.galleryW div: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 {position:relative; 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 0 1.0em 0}
.picCont p {margin-bottom:1.5rem}
.bi {max-width:200px}

@media (min-width: 1200px){
.picCont {padding-bottom:4em}
.picCont {justify-content:space-between;}
.picCont>div,.picCont>dl {width:40%}
.picCont>div:nth-of-type(1) {width:55%}
.picCont .bi {
		position:absolute;
		bottom:0rem;
		right:0rem;
		transform:translateY(-50%)
	}
}


.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'],#fullpage [class*='dokdobody']{
			height:100vh; 
			position:relative; 
			background-size:cover !important; 
			overflow:hidden
		}
			#fullpage .subbody1{
				background-image: url(http://isabudokdomuseum.cdn1.cafe24.com/isabusecBG1.jpg);
				background-position:center center;
			}
			#fullpage .subbody2{
				
				background-image: url(http://isabudokdomuseum.cdn1.cafe24.com/isabusecBG2.jpg);
			}
			#fullpage .subbody3{
				background-image: url(http://isabudokdomuseum.cdn1.cafe24.com/isabusecBG3.jpg);
			}
			#fullpage .subbody4{
				background-image: url(http://isabudokdomuseum.cdn1.cafe24.com/isabusecBG4.jpg)	
			}

			#fullpage .dokdobody1{
				background-image: url(http://isabudokdomuseum.cdn1.cafe24.com/dokdosecBG1.jpg);
				background-position:center center;
			}
			#fullpage .dokdobody2{
				
				background-image: url(http://isabudokdomuseum.cdn1.cafe24.com/dokdosecBG2.jpg);
			}
			#fullpage .dokdobody3{
				background-image: url(http://isabudokdomuseum.cdn1.cafe24.com/dokdosecBG3.jpg);
			}
			#fullpage .dokdobody4{
				background-image: url(http://isabudokdomuseum.cdn1.cafe24.com/dokdosecBG4.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(0,0,0,0.3); 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:after,
#fullpage [class*='dokdobody']:after{
		content:""; 
		background-color:rgba(0,0,0,0.4); 
		background-attachment:fixed; 
		position:absolute; 
		left:0; 
		top:0; 
		width:100%; 
		height:100%
	}
#fullpage .subbody1 {position:relative;  /*overflow:hidden; */justify-content:flex-start}
#fullpage [class*='subbody'] .inner,#fullpage [class*='dokdobody'] .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:var(--title-font); 
	font-weight:700; 
	letter-spacing:-0.06em; 
	color:var(--color-w); 
	font-size:2rem; 
	margin-bottom:1rem
}
#fullpage .section .txt h3 span {display:block; font-size:0.925em}
#fullpage .section .txt p{
	font-family:var(--sec-title-R); 
	font-size:0.925rem; 
	color:#fff6d4; 
	text-align:Center;
	line-height:1.4rem;
}
#fullpage .section .txt p span {display:block; white-space:nowrap;}
#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 div {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 div {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}

}

/* =====================================
   건물안내
===================================== */

#atc02{display:flex;overflow:hidden;font-size:16px;line-height:1.6;color:#666;font-family:var(--kr-font)}
#atc02 > div{width:50%;padding:20vh 1rem}
#atc02 .l_inner{position:relative;z-index:100;background:var(--primary)}
#atc02 .l_inner .txt_box{width:700px;margin-left:auto;color:#fff}
#atc02 .l_inner .txt_box .eng_tit{margin-bottom:var(--secgapn);font-family:var(--eng-font)}
#atc02 .l_inner .txt_box .big_txt{font-size:50px;font-weight:700;line-height:1.2;white-space:pre-line}
#atc02 .l_inner .txt_box .pager_txt{margin-top:242px;border-left:1px solid rgba(255,255,255,.2)}
#atc02 .l_inner .txt_box .pager_txt p{display:flex;position:relative;column-gap:10px;width:max-content;height:auto;margin-left:-1px;padding-left:33px;border-radius:0;font-size:20px;line-height:1;background:none;opacity:.3;transition:all .2s}
#atc02 .l_inner .txt_box .pager_txt p span:nth-of-type(1):after {
	content:"관";
	display:inline-block;
	font-weight:var(--font-weight-4);
	font-size:var(--text-xs);
	margin-left:3px
}
#atc02 .l_inner .txt_box .pager_txt p.on{padding-left:54px;border-left:3px solid #fff;opacity:1}
#atc02 .l_inner .txt_box .pager_txt p.on:before{position:absolute;left:30px;top:50%;transform:translateY(-50%);content:'';width:4px;height:4px;border-radius:100px;background:#fff}
#atc02 .l_inner .txt_box .pager_txt p+p{margin-top:35px}
#atc02 .r_inner{position:relative;border-top:1px solid #e1e1e1}
#atc02 .r_inner::before{position:absolute;left:0;top:0;content:'';z-index:10;width:150px;height:100%;background:linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0))}
#atc02 .r_inner div{text-align:center}
#atc02 .r_inner div .img{overflow:hidden;width:max-content;margin:0 auto;border-radius:20px}
#atc02 .r_inner div .img img{width:100%}
#atc02 .r_inner div .tit{margin:49px 0 22px;font-size:30px;font-weight:700;color:#111}
#atc02 .r_inner div .txt{white-space:pre-line;word-break:keep-all}
#atc02 .r_inner div a{display:flex;align-items:center;justify-content:center;column-gap:30px;width:200px;height:65px;margin:54px auto 0;border-radius:65px;font-weight:500;color:#fff;transition:all .2s;background-color:var(--black)}
#atc02 .r_inner div a svg{height:18px;transition:all .2s}
#atc02 .r_inner .nav_arrow{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:-40px;z-index:101;transform:translateY(-50%);width:40px;height:100px;border-radius:30px 0 0 30px;cursor:pointer;color:#222;text-align:center;background:#fff}


/* 모바일 호버 X */
@media (hover: hover) {
#atc02 .r_inner div a:hover{background-color:var(--primary)}
#atc02 .r_inner div a:hover svg{transform:rotate(45deg)}
}

/* 반응형 [s] */
@media (max-width:1500px){
#atc02 .l_inner{padding-left:50px}
#atc02 .r_inner div{padding:0 50px}
#atc02 .r_inner div .img{width:100%}
}
@media (max-width:1230px){
#atc02 .l_inner{padding-left:30px}
#atc02 .l_inner .txt_box .big_txt{font-size:45px}
#atc02 .l_inner .txt_box .pager_txt p{font-size:18px}
#atc02 .l_inner .txt_box .pager_txt p+p{margin-top:25px}
#atc02 .r_inner div .tit{font-size:25px}
}
@media (max-width:1024px){
#atc02 > div{padding:10vh 0}
#atc02 .l_inner .txt_box .eng_tit{margin-bottom:70px;font-size:14px}
#atc02 .l_inner .txt_box .big_txt{font-size:38px}
#atc02 .l_inner .txt_box .pager_txt{margin-top:175px}
#atc02 .l_inner .txt_box .pager_txt p{font-size:16px}
#atc02 .l_inner .txt_box .pager_txt p+p{margin-top:20px}
#atc02 .r_inner::before{width:50px}
#atc02 .r_inner div{padding:0 30px}
#atc02 .r_inner div .tit{font-size:23px}
#atc02 .r_inner div .txt{white-space:normal}
#atc02 .r_inner div a{column-gap:20px;width:185px;height:60px;margin-top:40px}
}
@media (max-width:768px){
#atc02{display:block}
#atc02 > div{width:100%;padding:0}
#atc02 .l_inner{padding:90px 30px 60px}
#atc02 .l_inner .txt_box{width:100%;margin-left:0}
#atc02 .l_inner .txt_box .eng_tit{margin-bottom:40px;font-size:13px}
#atc02 .l_inner .txt_box .big_txt{max-width:420px;font-size:30px;white-space:normal;word-break:keep-all}
#atc02 .l_inner .txt_box .pager_txt{margin-top:80px}
#atc02 .l_inner .txt_box .pager_txt p{padding-left:20px;font-size:15px}
#atc02 .l_inner .txt_box .pager_txt p+p{margin-top:15px}
#atc02 .l_inner .txt_box .pager_txt p.on{padding-left:30px}
#atc02 .l_inner .txt_box .pager_txt p.on:before{left:15px;width:3px;height:3px}
#atc02 .r_inner{padding:60px 0 90px}
#atc02 .r_inner::before{display:none}
#atc02 .r_inner div .img{width:calc(100% - 2rem); max-width:450px;}
#atc02 .r_inner div .tit{margin:25px 15px;font-size:20px}
#atc02 .r_inner div .txt{white-space:pre-line}
#atc02 .r_inner div a{column-gap:15px;width:165px;height:55px;margin-top:30px}
}
@media (max-width:480px){
#atc02 .l_inner{padding:70px 15px 50px}
#atc02 .l_inner .txt_box .eng_tit{margin-bottom:30px}
#atc02 .l_inner .txt_box .big_txt{font-size:25px}
#atc02 .l_inner .txt_box .pager_txt{margin-top:55px}
#atc02 .r_inner{padding:50px 1rem 20px}
#atc02 .r_inner div{padding:0 15px}
#atc02 .r_inner div .tit{margin-bottom:10px;font-size:18px}
#atc02 .r_inner div .txt{white-space:normal}
#atc02 .r_inner div a{column-gap:10px;width:160px;height:50px;margin-top:25px}
}
@media (max-width:380px){
#atc02 .l_inner .txt_box .big_txt{font-size:23px}
#atc02 .l_inner .txt_box .pager_txt p{font-size:14px}
#atc02 .r_inner div .tit{font-size:16px}
#atc02 .r_inner div a{width:150px;margin-top:20px}
}
/* 반응형 [e] */

/* =====================================
   photoSec - 포토슬라이드
===================================== */
#photoSec {
	position:relative;
	padding:10vh var(--secgap);
	overflow:hidden
}


#photoSec .txt_area h3 {
	font-family:var(--eng-font2);
	font-size: var(--msecTit);
	color:var(--color-c);
	font-weight: var(--font-weight-8)

}

#photoSec .txt_area p {
}
#photoSec .swiper-pagination {
	position:relative;
	padding:var(--secgapn) 0;
	color:var(--color-w)
}


#photoSec:after {
    position: absolute;
    content: '';
    width: calc(100% - 4rem);
    height: 30vh;
	left:-4rem;
    bottom:0;
    background-color:var(--theme-color);
    background-size: cover;
    z-index: 0
}


#photoSec .gall_slide  .img {
    position: relative
}

#photoSec .gall_slide  .txt_box {
    position: absolute;
    width: 100%;
    left: var(--margin-1);
    bottom: var(--margin-1);
    letter-spacing: -.3px;
    color: rgba(255, 255, 255, 0.95);
    font-size: var(--text-sm);
    opacity: 0;
    transition: all 0.3s
}

#photoSec .gall_slide  .txt_box p {
    margin-bottom: 20px;
    color: var(--color-w);
    letter-spacing: -.2px;
    font-size: var(--text-2xl);
    font-weight: var(--font-weight-7)
}

#photoSec .gall_slide .swiper-slide.swiper-slide-next .txt_box {
    opacity: 1
}

#photoSec .gall_slide .swiper-slide.swiper-slide-next img {
    filter: brightness(90%)
}

#photoSec .gall_slide .arrow {
	display:flex;
	align-items:center;
	gap:1rem;
    position: relative;
    color: #aaa;
    z-index: 10
}

#photoSec .gall_slide .arrow .pager span {
    padding-right: 6px;
    color: #111;
    font-weight: var(--font-weight-7)
}

#photoSec .gall_slide .arrow .pager span:before {
   /* content: "0" */
}

#photoSec .gall_slide .arrow .pager span+span {
    padding-left: 5px;
    padding-right: 0;
    color: #aaa;
    font-weight: 500
}

#photoSec .gall_slide .item {
    height: 324px
}

#photoSec .gall_slide .img {
    width: 100%;
    height: 270px;
    position: absolute;
    bottom: 0;
    overflow: hidden;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear
}

#photoSec .gall_slide  img {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    bottom: -30%;
    -webkit-trasition: all 0.4s linear;
    transition: all 0.4s linear;
    filter: brightness(40%)
}

#photoSec .gall_slide .item:hover .img img {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

#photoSec .gall_slide .item:hover .img::after {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

#photoSec .gall_slide .swiper-slide.swiper-slide-next img {
    bottom: 0
}

#photoSec .gall_slide .swiper-slide.swiper-slide-next .img {
    height: 270px
}

/* 프로그레스바 */
#photoSec .main_pg {
	width:100%;
	display:flex;
	flex-flow:row wrap;
	align-items:center;
    
}

#photoSec .main_pg .swiper-progress-bar {
	width:200px;
    /*position: absolute;
    top: -46px;
    right: 540px;
    height: 2px;
    z-index: 9999*/
}

#photoSec .main_pg .swiper-progress-bar .slide_progress-bar {
    overflow: hidden;
    position: absolute;
    height: 2px;
    left: 0;
    right: 0;
    background: rgb(0,0,0,0.5);
    width: auto;
    clear: both;
    opacity: 0
}

#photoSec .main_pg .swiper-progress-bar .slide_progress-bar:after {
    position: absolute;
    top: 0;
    left: 0;
    background: var(--primary);
    height: 100%;
    width: 0;
    content: ""
}

#photoSec .main_pg .swiper-progress-bar.active .slide_progress-bar {
    width: 200px;
    opacity: 1
}

#photoSec .main_pg .swiper-progress-bar.animate .slide_progress-bar:after {
    width: 120%;
    transition: width 3.8s linear;
    transition-delay: unset
}

#photoSec .main_pg .swiper-pagination-fraction {
    /*position: absolute;
    top: -56px;
    right: -190px;*/
    width: 100px
}


.ps_button {width:60px; display:flex}
.swiper-button-prev-ps,.swiper-button-next-ps {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-ps {background-image:url(/img/icon/chevron-right.svg); transform: rotate(180deg);}
.swiper-button-next-ps {background-image:url(/img/icon/chevron-right.svg); margin-left:1rem}
.swiper-button-next-ps .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-ps .cursor.on{opacity: 1; width: 100%; height: 100%;}
.swiper-button-prev-ps:hover,.cvSwiper .swiper-button-next-ps:hover {opacity:1}


@media all and (min-width:1200px) {
	
	#photoSec .main_pg {
		position: absolute;
		top: 10%;
		margin: 0 auto;
		z-index: 20
	}
	
	#photoSec .gall_slide .item {
		height: 540px
	}

	#photoSec .gall_slide .img {
		height: 540px;

	}
	#photoSec .gall_slide .swiper-slide.swiper-slide-next .img {
		height: 540px
	}

	#photoSec .gall_slide  .txt_box { 
		font-size: var(--text-lg);
	}
}

@media all and (min-width:1600px) {
	#photoSec {
		padding:20vh var(--secgap);
	}
	#photoSec .txt_area h3 {
		font-size: var(--msecBTit);
	}
}


/* =====================================
   이미지맵
===================================== */

.imapper-content-header {
	font-weight:700;
	font-size: 17px;
}

.imapper-content-text {
	font-size: 14px;
}

.imagemapper-wrapper {
	margin: 0 auto;
}

.imapper-category-button {
	margin-right: 10px;
}

.imapper-category-hidden {
	/*visibility:hidden;*/
	transition:all 500ms linear;
	opacity: 0;
	cursor: auto;
	z-index:-1;
	/*transition:opacity 500ms linear;*/
}

.imapper-category-hidden .pin-style {
	cursor: auto;
}

.imapper-pin-wrapper {
	transition:opacity 500ms linear;
}

.imapper-pin-wrapper[data-open-position="top"] .imapper-content-tab[style*="right: 0"],.imapper-pin-wrapper[data-open-position="top"] .imapper-content-tab[style*="right:0"],.imapper-pin-wrapper[data-open-position="bottom"] .imapper-content-tab[style*="right: 0"],.imapper-pin-wrapper[data-open-position="bottom"] .imapper-content-tab[style*="right:0"], .imapper-pin-wrapper[data-open-position="left"] .imapper-content-tab[style*="bottom: 0"],.imapper-pin-wrapper[data-open-position="bottom"] .imapper-content-tab[style*="right:0"] , .imapper-pin-wrapper[data-open-position="right"] .imapper-content-tab[style*="bottom: 0"],.imapper-pin-wrapper[data-open-position="bottom"] .imapper-content-tab[style*="right:0"]   {
	border-width: 1px !important
}

.clear {
	clear:both;
}
.half_page {
	width:460px;
	float:left;
}

.half_page.first {
	margin-right:20px;
}

.selectors {
	text-align:center;
	margin:20px auto;
	border-bottom:1px solid #323232;
	max-width:960px;
	padding: 0px 10px 10px 10px;
}
.selectors a {
	font-family:'Open Sans';
	font-weight: normal;
	text-decoration:none;
	color:#323232;
	font-size:23px;
	margin:18px;
}
.selectors a.active,
.selectors a:hover {
	color:#CF6527;
}


/* ------------------------ help --------------------------------- */

.page_wrapper {
	margin:0 auto; 
	position:relative; 
	padding:0;
}

.help {
	width:960px;
	text-align:left;
	margin:0 auto;
}

.help p {
	margin:10px 0;
}

.help h2{
	margin:40px 0 20px 0;
	font-size:32px;
}

.help ol {
	padding-left:20px;
}

.big_image {
	margin-left:-120px
}
.imapper1-pin {max-width:40px}
pre {
	border: solid 1px #dddddd;
	font-size: 11px;
	color: blue;
	margin: 10px 0;
	padding:10px;
	background: #f2f2f2;
}
code {
	font-size:1.2em;
	color: #008099;
}

.red { color:#c30000;}
.green {color:#1c9600;}
.orange {color:#c17b00;}
.purple {color:#b100c1;}
.blue {color:#1f08c9;}

.imapper-caution-class {
	color:red;
}




/* ------------------------ 포토슬라이드(이사부관) --------------------------------- */


#mainVisual{overflow:hidden;position:relative;width:100%;padding:0 100px;}
#mainVisual [class*='main_slide']{position:relative}
#mainVisual [class*='main_slide']:before,
#mainVisual [class*='main_slide']:after 
	{
		position:absolute;
		z-index:2;
		content:'';
		display:block;
		width:0;
		height:0;
	}
#mainVisual [class*='main_slide']:before{top:0;right:0;border-top:85px solid #fff;border-left:85px solid transparent}
#mainVisual [class*='main_slide']:after{bottom:0; left:0; border-bottom:85px solid #fff;border-right:85px solid transparent}

/* 텍스트 */
#mainVisual .main_txt{
	opacity:0;
	display:flex;
	flex-flow:column;
	position:absolute;
	left:250px;
	top:50%;
	z-index:2;
	color:#fff;
	transform:translateY(-50%)
}
#mainVisual .b_txt{margin-bottom:30px;font-family:var(--title-font)}
#mainVisual .b_txt .r_txt{transform:translateX(50%); font-size:var(--secTit); font-weight:var(--font-weight-7)}
#mainVisual .main_txt p{white-space:pre-line;font-size:var(--secSTit);line-height:1.1;text-transform:uppercase;word-break:keep-all}
#mainVisual .main_txt .txt{font-size:20px;opacity:.7;line-height:1.5;white-space:pre-line;word-break:keep-all}
#mainVisual .controls{position:absolute;align-items:center;left:250px;bottom:100px;z-index:2;display:flex}
#mainVisual .controls>span{display:flex;opacity:.5;cursor:pointer;color:#fff;transition:all .2s}
#mainVisual .controls>span+span{margin-left:6px}
#mainVisual .controls>span svg{width:25px;height:25px;stroke-width:1.5px}
#mainVisual .controls>span:hover{opacity:1}
#mainVisual .controls .pager{padding:0 20px;font-weight:700;color:#fff;}

/* 배경이미지 */
#mainVisual ul:after{display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.35)}
#mainVisual [class*='main_slide']{height:70vh;overflow:hidden}
#mainVisual div .bg{
	opacity:0;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:120%;
	height:120%;
	background-position:center center;
	background-size:cover;
	transition:all 1.2s cubic-bezier(0.165, 0.840, 0.440, 1)
}
#mainVisual div .bg01{background-image:url('/img/contents/yisabu_img1.jpg')}
#mainVisual div .bg02{background-image:url('/img/contents/yisabu_img2.jpg')}
#mainVisual div .bg03{background-image:url('/img/contents/yisabu_img3.jpg')}
#mainVisual div .bg04{background-image:url('/img/contents/yisabu_img4.jpg')}
#mainVisual div .bg05{background-image:url('/img/contents/yisabu_img5.jpg')}
#mainVisual div .bg06{background-image:url('/img/contents/yisabu_img6.jpg')}
#mainVisual div .bg07{background-image:url('/img/contents/yisabu_img7.jpg')}
#mainVisual div .bg08{background-image:url('/img/contents/yisabu_img8.jpg')}
#mainVisual div .bg09{background-image:url('/img/contents/yisabu_img9.jpg')}
#mainVisual .main_slide li.on .bg{width:101%;height:101%;opacity:1}

@media(max-width:1024px){
  #mainVisual{padding:0 20px}  
  #mainVisual [class*='main_slide']{height:450px}
  #mainVisual .main_txt{top:42%;left:60px}
  #mainVisual .main_txt p{font-size:45px}
  #mainVisual .main_txt .txt{font-size:15px}
  #mainVisual .controls{left:60px}
}


/* ------------------------ 포토슬라이드(독도체험관) --------------------------------- */
#mainVisual .main_slide2  .bg01{background-image:url('/img/contents/dokdo_img1.jpg')}
#mainVisual .main_slide2  .bg02{background-image:url('/img/contents/dokdo_img2.jpg')}
#mainVisual .main_slide2  .bg03{background-image:url('/img/contents/dokdo_img3.jpg')}
#mainVisual .main_slide2  .bg04{background-image:url('/img/contents/dokdo_img4.jpg')}
#mainVisual .main_slide2  .bg05{background-image:url('/img/contents/dokdo_img5.jpg')}
#mainVisual .main_slide2  .bg06{background-image:url('/img/contents/dokdo_img6.jpg')}
#mainVisual .main_slide2  .bg07{background-image:url('/img/contents/dokdo_img7.jpg')}
#mainVisual .main_slide2  .bg08{background-image:url('/img/contents/dokdo_img8.jpg')}
#mainVisual .main_slide2  .bg09{background-image:url('/img/contents/dokdo_img9.jpg')}
#mainVisual .main_slide2  .bg10{background-image:url('/img/contents/dokdo_img10.jpg')}
#mainVisual .main_slide2  .bg11{background-image:url('/img/contents/dokdo_img11.jpg')}
#mainVisual .main_slide2 li.on .bg{width:101%;height:101%;opacity:1}