/*html,body {overflow-x:hidden}*/
#mBody1 {
	padding-left:4%; 
	background-image:url(/images/main/mbody1_BG.jpg);
}
.inner {
	position:relative;
	max-width:var(--container);
	margin:0 auto;
}

/* =====================================
   메인 비쥬얼 슬라이드
===================================== */
/* msec-visual */
.msec-visual{
	position:relative; 
	overflow:hidden; 
	width:100%; /*margin-left:4%;*/ 
	padding-top:100px; 
	height:25rem; 
	border-radius: 0 0 0 80px;
}
.msec-visual .swiper-slide {width:100%; height:100%; overflow:hidden}
.msec-visual .pic {position:relative; width:100%; height:20rem; transform:scale(1.1); transition:10s;}
.msec-visual .pic img {
	width:100%;
	height:100%;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	object-fit:cover;
}
/*.msec-visual .pic img {width:100%; height:100%; object-fit:cover;}*/
.msec-visual .swiper-slide-active .pic {transform:scale(1.0);}
.msec-visual .txt{min-width:320px;position:absolute;width:90%; max-width:var(--container); margin:0 auto;text-shadow: 0px 1px 6px rgba(0,0,0,0.5); left:50%;top:40%; 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%);}
.msec-visual .swiper-slide .txt p {position:Relative;color:#fff;}
.msec-visual .swiper-slide .txt p span {display:block;}
.msec-visual .swiper-slide .txt p.mbtxt span {display:inline-block;}
.msec-visual .swiper-slide .txt .mstxt{opacity:0;font-size:1.125rem; font-family:var(--sub-title-font); font-weight:var(--font-weight-7); line-height:1.2em; letter-spacing:-0.05em; -webkit-transform:translateX(-4%);-moz-transform:translateX(-4%); -ms-transform:translateX(-4%);-o-transform:translateX(-4%);}
.msec-visual .swiper-slide .txt .mbtxt {opacity:0; display:block;  font-family:var(--title-font); font-size:2.0em; letter-spacing:-0.06em; margin-bottom:0.333em; line-height:1.0em; transform:translateX(4%);}
.msec-visual .swiper-slide .txt .mbtxt.num {font-family: var(--num-font-name); font-weight:700; letter-spacing:-0.02em; margin-bottom:1em}
.msec-visual .swiper-slide-active .txt p {transition-delay: 0.6s; -webkit-transition: transform 1s;-moz-transition: transform 1s;-o-transition: transform 1s;transition: transform 1s}
.msec-visual .swiper-slide-active .txt .mstxt{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0); -ms-transform:translateX(0);-o-transform:translateX(0);}
.msec-visual .swiper-slide-active .txt .mbtxt {opacity:1; transform:translateX(0);}
.cv_button {
	width:90%;
	min-width:320px;
	max-width:var(--container);
	margin:1rem auto;
	display:flex; 
	flex-flow:row wrap; 
	justify-content:flex-start;
	align-items:center; 
	position:absolute;
	z-index:5002;
	top:80%;
	left:50%;
	transform:translate(-50%,-50%)
	
}
.cv_button>div {position:relative; width:120px; display:flex;}
.progressW {flex-flow:column wrap; justify-content:center; margin-top:1rem}
.swiper-pagination-cv {display:none; width:100%; margin-top:1rem; text-align:center}
.swiper-button-prev-cv,.swiper-button-next-cv {
	display:flex;
	align-items:center;
	justify-content:center;
	width:40px; 
	height:40px;
	line-height:40px;
	border:2px solid #fff;
	border-radius:50px;
	padding:0.333rem;
	margin:0 2px;
	text-align:center; 
	cursor:pointer; 
	opacity:0.4; 
	transition: opacity 0.6s, width 0.6s, height 0.6s;
}
.swiper-button-prev-cv:before,.swiper-button-next-cv:before  {
	content:"\e93d"; 
	font-family: xeicon!important; 
	font-size:1.5rem; 
	color:#fff
}
.swiper-button-next-cv:before {transform:rotate(180deg);}
.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,.swiper-button-next-cv:hover {opacity:1}
.msec-visual .swiper-pagination {position:relative; font-family:var(--num-font-name); font-size:12px; color:#fff}
.swiper-pagination-cv .swiper-pagination-bullet {margin:0.222rem; width:4px; height:4px; background:none}
.swiper-pagination-cv .swiper-pagination-bullet-active {background:#c6a582;}

.swiper-progress-bar {position:relative;width:100%; margin-bottom:0.666rem;/*position: absolute; left: 50%; transform: translate(-50%); max-width: var(--container);*/ display: block; z-index: 1; height:.5rem; }
.swiper-progress-bar .slide_progress-bar {position:absolute; width: 100%; height: .3rem; background:rgba(255,255,255,0.5);opacity:1; max-width: 4.5rem;}
.swiper-progress-bar .slide_progress-bar:after {position: absolute; top: 0; left: 0; background:#fff; height: 100%; width: 0; content: ""; transition: 0.1s width linear;}
.swiper-progress-bar.active .slide_progress-bar {opacity: 1;}
.swiper-progress-bar.animate .slide_progress-bar:after {transition: width linear;transition-delay: unset; width: 100%; transition-duration: 5s;}
.cv_button .swiper-pagination {text-align:left}
@media (min-width: 1400px){
.msec-visual {height:30rem; padding-top:120px}
.msec-visual .pic { height:35rem;}
.msec-visual .pic img {top:0; transform:translate(-50%,-10%);  object-fit:contain;}
.msec-visual .txt {top:45%;}
.msec-visual .swiper-slide .txt .mbtxt {font-size:3.0rem}
.msec-visual .swiper-slide .txt .mstxt {font-size:1.0rem}

}

@media (min-width: 1600px){
.msec-visual {height:40rem;}
.msec-visual .pic { height:45rem;}
.msec-visual .swiper-slide .txt .mbtxt {font-size:3.5rem}
.msec-visual .swiper-slide .txt .mstxt {font-size:1.5rem}
}

@media (min-width: 2000px){
.msec-visual {height:50rem;}
.msec-visual .pic { height:60rem;}
}
.mbody1Sec1 {
	position:relative; 
	display:flex; 
	flex-flow:row wrap; 
	padding:1rem; 
	max-width:var(--container); 
	margin:0 auto;
	overflow:hidden;
}	

.mbody1Sec1:before {
	content:"";
	width:21.25rem;
	height:8.125rem;
	position:absolute;
	transform:translate(50%,0);
	background-image:url(/images/main/titsecBG.svg);
	background-repeat:no-repeat;
	background-position:left bottom;


}

.titsec {width:100%; margin-top:1rem}
.titsec p {text-align: justify; text-justify: inter-word; width:180px; line-height:0.5}
.titsec p:after {content:""; display:inline-block; width:100%; line-height:0}
.titsec p:last-child {color:#86aa5a; font-family:var(--title-font); font-size:1.5rem; margin-top:1rem}
.inSec {width:100%; max-width:var(--container); margin:0 auto; padding:1rem}
.BaroGo {
	background:rgba(255,255,255,0);
	width:100%;
	/*overflow-x:scroll;*/
	position:relative;
	transform: translate(0, 0); 
	z-index:2; 
	}
.BaroGo>div {
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	padding:1.5rem 0;
}
.BaroGo>div>a {
	flex: 1 1 0;/* Three values: flex-grow | flex-shrink | flex-basis */
	padding:1rem 0;
	width:46%;
	margin:2%;
	min-width:130px
}
.BaroGo::-webkit-scrollbar {
    height: 10px;
  }
.BaroGo::-webkit-scrollbar-thumb {
    background-color: #167ebf;
    border-radius: 0px;
  }
.BaroGo::-webkit-scrollbar-track {
    background-color: grey;
    border-radius: 0px;
  }
.BaroGo .minner {
	width: 980px; 
	max-width: 1560px; 
	margin: 0 auto;
	display:flex; 
	/*flex-flow:row wrap; 
	justify-content:space-between; */
	padding:0 1rem
	}
.BaroGo>div>a {
	display:block; 
	padding:1.5rem 0 2rem 0; 
	background-color:#fff;
	border-radius: 30px 5px;
    box-shadow: 0px 6px 10px 0px rgba(179,191,203,0.2);
	color:#333; 
	text-align:center;
	font-weight:700;
	cursor:pointer; 
	transition: 0.3s; 
	/*width:calc(100% /5)*/
}
.BaroGo>div>a:before {
	content:""; 
	display:block; 
	width:50px; 
	height:50px; 
	margin:0 auto 0.666rem auto;
	background-color: #333;	
	-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;
	}


.BaroGo>div>a:nth-of-type(1):before{
	-webkit-mask-image: url('/images/main/mIcon1.svg');
	mask-image: url('/images/main/mIcon1.svg');
	}

.BaroGo>div>a:nth-of-type(2):before{
	-webkit-mask-image: url('/images/main/mIcon2.svg');
	mask-image: url('/images/main/mIcon2.svg');
	}
.BaroGo>div>a:nth-of-type(3):before{
	-webkit-mask-image: url('/images/main/mIcon3.svg');
	mask-image: url('/images/main/mIcon3.svg');
	}
.BaroGo>div>a:nth-of-type(4):before{
	-webkit-mask-image: url('/images/main/mIcon4.svg');
	mask-image: url('/images/main/mIcon4.svg');
	}
.BaroGo>div>a:nth-of-type(5):before{
	-webkit-mask-image: url('/images/main/mIcon5.svg');
	mask-image: url('/images/main/mIcon5.svg');
	}
.BaroGo>div>a:nth-of-type(6):before{
	-webkit-mask-image: url('/images/main/mIcon6.svg');
	mask-image: url('/images/main/mIcon6.svg');
	}
.BaroGo>div>a:nth-of-type(7):before{
	-webkit-mask-image: url('/images/main/mIcon7.svg');
	mask-image: url('/images/main/mIcon7.svg');
	}
.BaroGo>div>a:nth-of-type(8):before{
	-webkit-mask-image: url('/images/main/mIcon8.svg');
	mask-image: url('/images/main/mIcon8.svg');
	}
.BaroGo>div>a:nth-of-type(9):before{
	-webkit-mask-image: url('/images/main/mIcon9.svg');
	mask-image: url('/images/main/mIcon9.svg');
	}
.BaroGo>div>a:hover{background-color:#0072bc; color:#fff;transition: 0.3s; transform:translateY(-0.666rem)}
.BaroGo>div>a:hover:before {background-color:#fff;box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 80%); transform:translateY(-5px);}

@media (min-width: 768px){
.BaroGo>div>a {min-width:100px}
}
@media (min-width: 1000px){
.BaroGo {width:70%; overflow-x:hidden;}
.mbody1Sec1 .titsec {width:20%}
.mbody1Sec1:before {
	transform:translate(-40%,10%);
	width:42.5rem;
	height:16.25rem;
	}
.mbody1Sec1 {padding:2rem; justify-content:space-between}

}

@media (min-width: 1400px){
.mbody1Sec1 {overflow:visible}
.BaroGo>div>a {margin:2% 0; padding:2.5rem 0}
.BaroGo>div {gap:2rem;}
}


/* mbody2 */
#mBody2 {
	max-width:var(--container);
	margin:0 auto;
	padding:2rem 1rem; 
	display:flex; 
	flex-flow:column;

}
[class*='mbody2sec']{
	position:relative;
	padding:1.5rem;
	
}

.mbody2sec1 {position:relative; background:#e9f1e2; border-radius: 0 40px; overflow:hidden}
.mbody2sec1:after {
	content:"";
	display:block;
	width:8.5rem;
	height:14.75rem;
	background-image:url(/images/main/m2sec1BG.svg);
	position:absolute;
	right:0;
	bottom:0;
	transform:translate(10%,30%);
}
.mbody2sec1>h3 {font-size:0.825rem; margin-bottom:1rem;font-weight:var(--font-weight-6);}
.mbody2sec1>p {
	font-family:var(--num-font-name);
	font-weight:var(--font-weight-6);
	font-size: var(--15ltxt);
	margin-bottom:1rem;
}
.mbody2sec1 ul {margin-bottom:3rem}
.mbody2sec1 ul li {font-size: var(--smtxt); color:var(--font-color-6);}
.mbody2sec1>p>span {font-weight:var(--font-weight-8); font-size:1.5em}
.mbody2sec1 a.btnLink {border:1px solid #ccc; padding:0.333rem 1.5rem; background:#fff; border-radius:30px; font-weight:var(--font-weight-7);}
@media (min-width:980px){
#mBody2 {
	flex-flow:row nowrap;
}
[class*='mbody2sec']{flex: 1 1 0;}
.mbody2sec1 {flex: 0.75 1 0;}
}

@media (min-width:1400px){
#mBody2 {gap:1rem;}
.mbody2sec1 {padding:3rem 2rem;}
.mbody2sec1:after {
	width:12.5rem;
	height:18.75rem;
	}
[class*='mbody2sec']{flex: 2 1 0; /* Three values: flex-grow | flex-shrink | flex-basis */}
.mbody2sec1 {flex: 1.25 1 0;}

}


.mbbsW {position:relative; display:flex; flex-flow:column wrap; justify-content:space-between}
.mbbsW h3 {font-size: var(--ltxt); font-weight:var(--font-weight-9);margin-bottom:2rem}
.mbbsW ul li {position:relative; padding-left:16px; margin-bottom:0.666rem}
.mbbsW ul li:before {
	content:""; 
	width:4px; 
	height:4px; 
	background:#e6e6e6;
	position:absolute;
	left:0;
	top:7px;
	}
.mbbsW ul li a {padding:0.333rem 0; color:#555; white-space:nowrap; font-weight:300}
.topNotice{padding-bottom:1.25rem; border-bottom:1px solid #e6e6e6; margin-bottom:1.5rem;}
.topNotice .topDate {font-fmaily:var(--num-font-name); font-size: var(--stxt);color:var(--font-color-9)}
.topNotice .topTit {font-size: 1.125rem; font-weight:var(--font-weight-7);  margin-bottom:1rem}
.topNotice .topTit a {color:var(--font-color-3);}
[class*='mbody2sec'] .more{
	display:block;
	display:flex;
	justify-content:center;
	align-items:center;
	width:40px; 
	height:40px; 
	line-height:0; 
	border:1px solid #dcdcdc; 
	border-radius:100%; 
	position:absolute; 
	right:1.25rem; 
	top:1.5rem
}
[class*='mbody2sec'] .more:before {content:"\e914"; font-family: xeicon!important; font-size:1.25rem; line-height:1.0}


.calendarW h3 {font-size: var(--ltxt); font-weight:var(--font-weight-9);margin-bottom:2rem}
.heading {
  display: flex;
  align-items:center;
  justify-content:center;
  margin-bottom:0.666rem;
  padding-bottom:0.666rem;
  border-bottom:1px solid var(--line-color-1);
}

.heading span {margin:0 1rem; font-family:var(--num-font-name); font-weight:var(--font-weight-8);}
.calendar__top-bar {
  display: flex;
  /*flex: 50px 0 0; Three values: flex-grow | flex-shrink | flex-basis */
  align-items:center;
  margin-bottom:0.666rem
  }
.calendar__top-bar>span:first-child {color:var(--font-color-red)}
.calendar__top-bar>span:last-child {color:var(--font-color-blue)}
.calendar__top-bar>span {
  width: 100%;
  padding: 0 5px;
  color: #666;
  font-weight: var(--font-weight-6);
  font-family:var(--num-font-name);
  font-size: var(--stxt);
  text-align:center;
}

.calendar__week {
  display: flex;
  flex-flow:row wrap;
  
  
}

.calendar__week>div:nth-of-type(7n+1)>span {color:var(--font-color-red)}
.calendar__week>div:nth-of-type(7n)>span {color:var(--font-color-blue)}

.calendar__week>div {
  position:relative;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items:center;
  width: calc(100% / 7);
  /*min-height:100px;*/
  padding: 0.2rem 0;
  text-align:center
}
.calendar__week>div>span {font-size: var(--stxt); min-height:30px}

/*.event__day {background-color:var(--event-bg-color)}*/
.event__day{
	display:flex;
	justify-content:center;
	align-items:center;
	border:2px solid var(--point-color-1);;
	border-radius:100%;
	width:30px;
	height:30px;
	font-weight: var(--font-weight-7);
	color:var(--point-color-1);

}

.event_num {
	position:absolute;
	right:0;
	bottom:0;
	font-family:var(--num-font-name);
	text-align:right;
	font-size: var(--stxt);
	padding:0.333rem
}
.calendar__date {
  color: var(--font-color-6);
  font-size: var(--stxt);
  font-weight: var(--font-weight-4);
}



/* mbody3 */
#mBody3 {
	position:relative;
	width:100%;
	/*max-width:var(--container);*/
	margin:0 auto;
	padding:2rem 2rem;
	background-color:#f3f3f3;
	overflow:hidden
}

#mBody3:before,#mBody3:after{
	content:"";
	position:absolute;
	background-size:contain;
	background-repeat:no-repeat;
	
}
#mBody3:before{
	width:80%;
	height:120%;
	background-image:url("/images/main/mBody3LBG.png");
	background-position:left top;
	transform:translate(-10%,-15%);
	left:0;
	top:0
}

#mBody3:after{
	width:30%;
	height:80%;
	background-image:url("/images/main/mBody3RBG.png");
	background-position:right top;
	transform:translate(0,0);
	right:0; 
	top:0;
}

#mBody3 h3 {font-size: var(--15ltxt); margin-bottom:1rem; font-weight:var(--font-weight-7);}
#mBody3 p {
	font-weight:var(--font-weight-4);
	font-size: var(--stxt);
	color:var(--font-color-6);
	margin-bottom:1rem;
	margin-bottom:3rem;
}


/*시설갤러리*/

.poster-container div.swiper-slide {
	position:relative; 
	box-shadow:0 0px 8px rgba(0,0,0,0.15); 
	cursor:pointer;
}
.poster-container div.swiper-slide:hover {border-color:#999;}
.poster-container div.swiper-slide:hover .pic img { transform:scale(1.1); transition:0.3s;}
.poster-container div.swiper-slide .pic {margin-bottom:0 !important; overflow:hidden}
.poster-container div.swiper-slide .pic img {width:100%; object-fit:cover; transition:0.3s;}
.poster-container div.swiper-slide .cont {
	width:100%; 
	background:#fff; 
	padding:1em; 
	text-align:center;
	font-size: 1.125rem;
	font-weight: var(--font-weight-5);
}

.ps_button {position:absolute; z-index:10; right:0; top:0; transform:translateY(50%); display:flex;}
.swiper-button-prev-ps,.swiper-button-next-ps {width:50px; 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(/images/contents/arr_basic.svg); transform: rotate(180deg);}
.swiper-button-next-ps {background-image:url(/images/contents/arr_basic.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,.swiper-button-next-ps:hover {opacity:1}

@media (min-width: 768px){
#mBody2,#mBody3{padding:4rem 1rem;}
#mBody3 .inner {overflow:hidden; padding:1rem}
}

@media (min-width: 1200px){
	.ps_button {margin:1rem; justify-content:space-between}
}
@media (min-width: 1400px){
#mBody2,#mBody3{padding:5rem 1rem 6rem 1rem;}
}