body {overflow:hidden !important}
#body {line-height:0}
/* =====================================
   메인 비쥬얼 슬라이드
===================================== */

[id*='mBody'] {position:relative; line-height:1.0}
/* =====================================
   메인 section1
===================================== */
#mBody1 {
	position:relative;
	height: 0;
    padding-bottom: calc(980/1920 * 150%);
	background-image:url(/images/main/mBody1BG.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center bottom
}

@media (min-width: 1000px) {
	#mBody1 {
		padding-bottom: calc(980/1920 * 100%);
	}
}

@media (min-width: 2400px) {
	#mBody1 {
		padding-bottom: calc(960/2000 * 100%);
	}
}

/* 타이틀 */
#mBody1 .mTit {
	display:flex;
	justify-content:center;
	position:absolute;
	width:60%;
	top:50%;
	left:50%;
	transform:translate(-48%,-70%);
	max-width:var(--inner);
	
}
#mBody1 .mTit p {width:100%; height:100%}
#mBody1 .mTit img {width:100%; max-width:1200px}

#mBody1 .engTitle {
	width:135px;
	height:36px;
	position:absolute;
	top:1rem;
	left:1rem;
	right:auto;
	transform: translate(0, 60%);
	opacity:0;
	animation:fade 0.5s ease-in, topdown2 3s ease-in-out infinite;
    animation-fill-mode: forwards;
    animation-delay: 1s;
}
#mBody1 .mDate {
	width:135px;
	height:36px;
	position:absolute;
	left:50%;
	opacity:0;
	top:1rem;
	right:1rem;
	left:auto;
	transform: translate(0, 30%);
	animation:fade 0.5s ease-in, topdown2 3s ease-in-out infinite;
    animation-fill-mode: forwards;
    animation-delay: 1s;
}
#mBody1 .cont{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:100%;
	height:100%;
	max-width:1500px;
	max-height:1080px;
	margin:0 auto
}

.innercont {position:relative; width:100%; height:100%}

[class*='micon'] {
	position:absolute;
	/*width:180px;
	height:200px;*/
	background-repeat:no-repeat;
	background-size:auto 100%;
	
}


[class*='miconL'] {
	animation: moving_Licon 5s linear infinite;
}
[class*='miconR'] {
	animation: moving_Ricon 5s linear infinite;
}

[class*='spacle'] {
	position:absolute;
	background-repeat:no-repeat;
	animation: rotateY 2.5s ease-in-out infinite;
}


.spacle1 {
	background-image:url(/images/main/sparkle-01.svg);
	width:4%;
	height:20%;
	top:23%;
	left:100%;
	
}

.spacle2 {
	background-image:url(/images/main/sparkle-01.svg);
	width:8%;
	height:40%;
	top:13%;
	left:0;
	
}
.miconL1 {
	background-image:url(/images/main/miconL1.png);
	width:10%;
	height:18%;
	top:38%;
	left:0;
}

.miconL2 {
	background-image:url(/images/main/miconL2.png);
	background-size:contain;
	width:16%;
	height:20%;
	top:78%;
	left:2%;
}

.miconL3 {
	background-image:url(/images/main/miconL3.png);
	background-size:cover;
	width:10%;
	height:15%;
	top:64%;
	left:24%;
}

.miconR1 {
	background-image:url(/images/main/miconR1.png);
	width:16%;
	height:18%;
	top:44%;
	right:-2%;
}

.miconR2 {
	background-image:url(/images/main/miconR2.png);
	background-size:contain;
	width:20%;
	height:34%;
	top:80%;
	right:0%;
}
.miconR3 {
	background-image:url(/images/main/miconR3.png);
	background-size:cover;
	width:18%;
	height:28%;
	top:62%;
	right:23%;
}

@media (min-width: 768px) {
	#mBody1 .mTit {width:40%}
	#mBody1 .mDate {
		width:225px;
		height:60px;
		top:1rem;
		right:1rem;
		left:auto;
		transform: translate(0, 30%);
	}
	#mBody1 .engTitle {
		width:225px;
		height:40px;
		top:1rem;
		right:1rem;
		right:auto;
		transform: translate(0, 60%);
	}

}

@media (min-width: 1200px) {
	#mBody1 .mDate {
		width:288px;
		height:76px;
		top:1rem;
		right:1rem;
		left:auto;
		transform: translate(0, 30%);
	}
	#mBody1 .engTitle {
		width:360px;
		height:51px;
		top:1rem;
		left:1rem;
		right:auto;
		transform: translate(0, 60%);
	}

}

@media (min-width: 1600px) {
	#mBody1 .mTit {width:40%}
	#mBody1 .mDate {
		width:360px;
		height:96px;	
	}
	#mBody1 .engTitle {
		width:360px;
		height:64px;
	}
}
@media (min-width: 2000px) {
	#mBody1 .mDate {
		width:450px;
		height:120px;
		
	}
	
	#mBody1 .engTitle {
		width:450px;
		height:80px;
	}
}
@media (min-width: 1600px) {
	[class*='micon'] {
		scale: 1.6;
	}
}

@keyframes sparkle {
  50% {
    opacity: 0.4;
    transform: scale(0.5);
    box-shadow: 0px 0px 10px 5px #ffffff5e;
  }
  50% {
    opacity: 1;
    transform: scale(1);
    box-shadow: 0px 0px 10px 5px white;
  }
  100% {
    opacity: 0;
    transform: scale(1.5);
    box-shadow: 0px 0px 10px 5px #ffffff5e;
  }
}
body {
  position: relative;
  margin: 0;
  overflow: hidden;
  background: black;
}

.star {
  position: absolute;
  width: 2px;
  height: 2px;
  background-color: white;
  border-radius: 50%;
  opacity: 0;
  animation: sparkle 4s infinite alternate;
}

@keyframes rotateY {
    0%, 100% {
        transform: rotateY(180deg);
    }

    50% {
        transform: rotateY(0deg);
    }
}

@keyframes moving_Licon {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
    }
	
	50% {
        opacity: 0.5;
        -webkit-transform: translate3d(10%,10%,0) scale(0.7);
		transform: translate3d(20%,10%,0) scale(0.7);
    }

    100% {
        opacity: 1;
		-webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}


@keyframes moving_Ricon {
    0% {
        opacity: 1;
		-webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    50% {
        opacity: 0.5;
		-webkit-transform: translate3d(-10%,10%,0) scale(0.7);
        transform: translate3d(-20%,10%,0) scale(0.7);
    }
	
	100% {
        opacity: 1;
		-webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}



@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0);
        transform: translate3d(0);
    }
}



@keyframes trotate {
	   0% {
			transform: rotate(0deg);
	   }
	   to {
			transform: rotate(-360deg);
	   }
	}

@keyframes topdown {
    0%, 100% {
        transform: translateY(1rem);
    }

    50% {
        transform: translateY(0rem);
    }
}

@keyframes topdown2 {
    0%, 100% {
       margin-top:0
    }

    50% {
       margin-top:-1rem;
    }
}

@keyframes topdown3 {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes topdown4 {
    0% {
        transform: translateY(-50%);
    }

    50% {
        transform: translateY(0rem);
    }

    100% {
        transform: translateY(-50%);
    }
}

@keyframes fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/*디데이*/
.md-ddayW {
	position:relative;
	width:100%;
	height:100%;
	margin:0 auto;
	max-width:110rem
	
}
.md-dday{
	display:flex;
	justify-content:center;
	align-items:center;
	width:6rem;
	height:6rem;
	position:absolute;
	transform:translate(0,0);
	z-index:90;
	bottom:1rem;
	right:1rem;
	font-family:var(--title-font);
	font-weight:var(--font-weight-8);
	padding:var(--padding-s);
	
	
}
.md-dday:after {
	content:"";
	background-image:url("/images/main/ddayCircle.svg");
	background-repeat:no-repeat;
	width:6rem;
	height:6rem;
	position:absolute;
	z-index:90;
	animation: rotate 10s linear infinite;
}
.md-dday p {display:flex; align-items:center; color:#FF008C; gap:0.2em}
.md-dday  span{display:inline-block}
.md-dday>div{
	font-size:var(--text-lg);
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:var(--color-w);
	border-radius:100%;
	width:100%;
	height:100%;
}
.md-dday .hour{}
.md-dday .minute{}
.md-dday .second{}
.md-dday .end{display:none}

.md-dday.off .ing{display:none}
.md-dday.off .end{display:block}

@media (min-width: 768px) {
	.md-dday{
		width:8rem;
		height:8rem;
	}
	.md-dday:after {
		width:8rem;
		height:8rem;
	}
	.md-dday>div{
		font-size:var(--text-xl);
	}
}
@media (min-width: 1000px) {
	.md-dday>div{
		font-size:var(--text-2xl);
	}
	.md-dday{
		transform:translate(0,-50%);
		width:12rem;
		height:12rem;
	}
	.md-dday:after {
		width:12rem;
		height:12rem;
	}
}

@media (min-width: 1400px) {
	.md-dday{
		width:16rem;
		height:16rem;
	}
	.md-dday:after {
		width:16rem;
		height:16rem;
	}
}
@media (min-width: 1600px) {
	.md-dday>div{
		font-size:var(--text-3xl);
	}

}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}








/* =====================================
   메인 section2
===================================== */
#mBody2 {
	background-color:#000073;
	padding: var(--secgap) 0 0 0;
}

#mBody2 .BaroGo {
	width:100%;
	max-width:var(--inner);
	margin:0 auto;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-flow:row wrap;
	gap:4%;
	
}
.BaroGo>div{
	width:46%;
	max-width:180px;
	height:180px;	
    transition: all .15s ease;
	border-radius:3rem;
	margin-bottom:4%;
	overflow:hidden;
}

.BaroGo>div:nth-of-type(1) {background-color:#FDE5AA}
.BaroGo>div:nth-of-type(2) {background-color:#F4BCD8}
.BaroGo>div:nth-of-type(3) {background-color:#CBB3D7}
.BaroGo>div:nth-of-type(4) {background-color:#BADDF6}
.BaroGo>div>a {
	display:flex;
	flex-flow:column nowrap;
	align-items:center;
	justify-content:center;
	gap:1rem;
	font-family:var(--sub-title-font);
	font-weight:var(--font-weight-8);
	color:var(--color-0);
	font-size:var(--text-lg);
	letter-spacing:-0.05em;
	text-align:center; 
	cursor:pointer; 
	transition: 0.3s; 
	width:100%;
	height:100%;
	box-shadow: inset 1px 0 30px 6px rgba(0, 0, 0, .08);
	padding:var(--secgapn)
}


.BaroGo>div>a>div.animation{
	width:4rem;
	height:4rem;
	transform: translateY(0);
	transition: 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000);
	}
/*	
.BaroGo>div>a>div.animation{
		height:0;
		transform: translateY(150%);
		transition: 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000);
	}

.BaroGo>div>a:hover>div.animation{
		width:4rem;
		height:4rem;
		transform: translateY(0);
	}
*/

.BaroGo>div>a:hover{
	color:var(--color-w);
}

.BaroGo>div:nth-of-type(1)>a:hover {background-color:#FBBF59}
.BaroGo>div:nth-of-type(2)>a:hover {background-color:#E2659C}
.BaroGo>div:nth-of-type(3)>a:hover {background-color:#8F4496}
.BaroGo>div:nth-of-type(4)>a:hover {background-color:#1D50A2}

.BaroGo>div:hover {transform: scale(1.04)/*translateY(-4rem)*/}
.textBox {
	background: #C23C8E;
	background: linear-gradient(97deg,rgba(194, 60, 142, 1) 0%, rgba(37, 49, 100, 1) 100%);
	color:#fff;
	font-weight:800;
	padding:var(--boxpd) 0;
	margin-top: var(--secgap);
	font-size:1.25rem;
	
}

.textBox ul {
	/*width:100%; 
	max-width: calc(var(--container) - 30px);
	margin:0 auto;
	display:flex; 
	flex-flow:row wrap; 
	justify-content:center; */
}
.textBox ul li {text-align: var(--text-c);}
/*.textBox ul li:after{
	content: '';
	display: inline-block;
	width: 100%;
}*/
.textBox ul li span:nth-of-type(1):after { 
	content:"/";
	display:inline-block;
	padding-left:10px;
	padding-right:20px
}
.textBox ul li em {font-weight:var(--font-weight-8); color:#f3ec0a}
@media (min-width: 980px) {
	.BaroGo>div{
		margin-bottom:0;
		max-width:200px;
		height:200px;
	}
	.BaroGo>div:hover {box-shadow:12px 12px 8px 1px rgba(0, 0, 0, .1);}
	.BaroGo>div:nth-of-type(2n) { margin-top:-4rem !important}
}



@media (min-width: 1200px) {
	.BaroGo>div{width:21%; max-width:320px;  height:320px}
	.BaroGo>div>a {font-size:var(--text-2xl);}
	.BaroGo>div>a>div.animation{
		width:10rem;
		height:10rem;
		transform: translateY(0);
		
		}
	.textBox {font-size:1.5rem}
			
}

@media (min-width: 2000px) {
	.textBox {font-size:2.125rem}
}
/* =====================================
   메인 section3
===================================== */
#mBody3 {
	overflow:hidden;
	background-color:var(--color-w);
	min-height:80vh;
	padding-top:100px
	/*padding: var(--secgapn);*/
}/*

#mBody3:before {
	perspective: 20em;
	position:absolute;
	left:50%;
	top:0px;
	margin-left:-50%;
	content:"";
	display:block;
	width:100vw;
	height:100vw;
	-webkit-mask-image: url('/images/main/mSec3BG-01-01.svg');
	mask-image: url('/images/main/mSec3BG-01-01.svg');
	background: #ECF2F6;
	background: linear-gradient(-180deg,rgba(236, 242, 246, 1) 0%, rgba(255, 255, 255, 1) 86%);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center 0;
	mask-position: center 0;
	-webkit-mask-size: 140%;
	mask-size: 140%;
	
}

*/

#mBody3:before {
	perspective: 20em;
	position:absolute;
	left:50%;
	top:0px;
	margin-left:-50%;
	content:"";
	display:block;
	width:100vw;
	height:100vw;
	
	-webkit-background-image: url('/images/main/mSec3BG-01-01.svg');
	background-image: url('/images/main/mSec3BG-01-01.svg');
	background-position:center 0;
	background-size: 140%;
	/*animation: trotate 280s infinite linear;*/
}




	

.textbody{display:none}


#mBody3 .titSec {margin-top:-100px}
.titSec {text-align:var(--text-c)}
.titSec h2 {font-size:var(--text-2xl); font-family:var(--title-font); font-weight:var(--font-weight-9)}
.titSec h3 img {max-height:60px}
.titSec h2 img {max-height:60px}
.titSec p {display:inline-block; transform: translateY(0); font-size:var(--text-lg)}
.titSec p em:nth-of-type(1) {color:#dd5a9c}
.titSec p em:nth-of-type(2) {color:#2c94cb}
.titSec h2 span {display:inline-block;transition: none; line-height:0; padding:0 0.333rem}
.titSec h2 span:nth-child(1) {
	transform: translateX(-4px) translateY(9px) rotate(-9deg);
}
.titSec h2 span:nth-child(2) {
	transform: translateX(-2px) translateY(3px) rotate(-4deg);
}
.titSec h2 span:nth-child(3) {
	transform: translateX(0px) translateY(0px) rotate(0deg);
}
.titSec h2 span:nth-child(4) {
	transform: translateX(1px) translateY(0px) rotate(2deg);
}

.titSec h2 span:nth-child(5) {
	transform: translateX(2px) translateY(2px) rotate(4deg);
}

.titSec h2 span:nth-child(6) {
	transform: translateX(3px) translateY(6px) rotate(7deg);
}
.titSec h2 span:nth-child(7) {
	transform: translateX(4px) translateY(15px) rotate(11deg);
}
#inc03{
	/*overflow:hidden;*/
	position:relative;
	padding: 0;
}
#inc03 *{letter-spacing:0;word-break:keep-all}
#inc03 a{color:#777}


@media (min-width: 1200px) {
	.titSec h3 img {max-height:100px}
	.titSec h2 img {max-height:100px}

}
#inc03 .inner{width:100%;max-width:1500px;margin:0 auto; overflow:hidden; padding:var(--padding-1);}
#inc03 .inner .tit{width:max-content;margin:0 auto;color:var(--color-3);font-size:18px;text-align:center}
#inc03 .inner .control{display:flex; justify-content:center; align-items:center;gap:2rem;color:#111}
#inc03 .inner .control svg{height:18px;color:#111}
#inc03 .inner .control .swiper-button-next:after, #inc03 .control .swiper-button-prev:after{display:none}
#inc03 .inner .tit p{padding-bottom:20px;color:#111;font-weight:800;font-size:38px}
#inc03 .inner .gall_slide{position:relative;margin-bottom:var(--secgapn)}
#inc03 .inner .gall_slide a {
	background-color:var(--color-w);
	display:block;
	border-radius: 500px;
	border-bottom-right-radius: 80px;
	border-bottom-left-radius: 80px;
	padding:var(--padding-s);
	transition:0.5s;
}

#inc03 .inner .gall_slide a:hover {
	background-color:var(--theme-color3);
	box-shadow: 12px 12px 8px 1px rgba(0, 0, 0, .1);
	transform:translateY(-1em);
}


#inc03 .inner .gall_slide .photo {
	overflow:hidden;
	background-color:#fff;
	border-radius: 500px;
	border-bottom-left-radius: 110px;
	margin-bottom:var(--margin-1)
}
#inc03 .inner .gall_slide .photo img {}
#inc03 .inner .gall_slide .info {font-size:var(--text-sm); color:var(--color-1); padding:var(--padding-s);}
#inc03 .inner .gall_slide a:hover .info,#inc03 .inner .gall_slide a:hover .info p{color:var(--color-w)}
#inc03 .inner .gall_slide .info ul {margin-bottom:var(--margin-1)}
#inc03 .inner .gall_slide .info ul li {position:relative; padding-left:70px; margin-bottom:var(--margin-s)}
#inc03 .inner .gall_slide .info ul li span {width:60px; position:absolute; left:0}
#inc03 .inner .gall_slide .txt{padding:38px 0 43px 60px;font-size:17px;font-weight:500}
#inc03 .inner .gall_slide h3 {font-size:var(--text-xl); font-weight:var(--font-weight-7); margin-bottom:var(--margin-1)}
#inc03 .inner .gall_slide p {font-size:var(--text-s); color:var(--color-3); margin-bottom:var(--margin-1); line-height:1.2}
#inc03 .inner .gall_slide ul li b {font-weight:var(--font-weight-7);}
#inc03 .inner .gall_slide ul li a .card {display:block; padding-bottom:140%; }
#inc03 .inner .gall_slide ul li a .thum_img{
	/*position:relative;
	height:392px;*/
	background-color:var(--theme-color);
	border-radius:0px;
	background-position:center;
	background-size:cover;
	transition:0.5s;

	
}


.pgmCont dl {
	display:flex;
	flex-flow:row wrap;
	padding-bottom:var(--padding-s);
	border-bottom:1px dotted #9D9D9C;
	font-weight:500;
	margin-bottom:var(--margin-1)
}

#inc03 .inner .gall_slide .pgmCont {font-size:var(--text-sm); color:var(--color-1); padding:var(--padding-s);}
#inc03 .inner .gall_slide a:hover .pgmCont,#inc03 .inner .gall_slide a:hover .pgmCont p{color:var(--color-w)}
.pgmCont dl dt,.pgmCont dl dd {padding-bottom:3px}
.pgmCont dl dt {width:80px}
.pgmCont dl dd {width:calc(100% - 80px)}
.pgmCont dl.long dt {width:100px !important}
.pgmCont dl.long dd {width:calc(100% - 100px)}
.pgmCont p {line-height:1.5em)}
.pgmList>div:nth-of-type(1) h3{border-color:#e7338d}
.pgmList>div:nth-of-type(2) h3{border-color:#43328A}
.pgmList>div:nth-of-type(3) h3{border-color:#111}
.pgmList>div:nth-of-type(4) h3{border-color:#111}
.pgmList>div:nth-of-type(5) h3{border-color:#FCC146}
.pgmList>div:nth-of-type(6) h3{border-color:#adc91c}
.pgmList>div:nth-of-type(7) h3{border-color:#EE75AB}
.pgmList>div:nth-of-type(8) h3{border-color:#3FB4E8}

.pgmList>div:nth-of-type(1) dt{color:#E8348B;}
.pgmList>div:nth-of-type(2) dt{color:#43328A;}
.pgmList>div:nth-of-type(3) dt,
.pgmList>div:nth-of-type(4) dt,
.pgmList>div:nth-of-type(5) dt,
.pgmList>div:nth-of-type(6) dt,
.pgmList>div:nth-of-type(7) dt,
.pgmList>div:nth-of-type(8) dt{width:auto; padding-right:3px;}
.pgmList>div:nth-of-type(6) dd {width:auto; color:#adc91c;}
.pgmList>div:nth-of-type(5) dt{ color:#ff6e01;}
.pgmList>div:nth-of-type(5) dd {color:#ff6e01;}
.pgmList>div:nth-of-type(6) dt{ color:#adc91c;}
.pgmList>div:nth-of-type(7) dt,.pgmList>div:nth-of-type(7) dd{ color:#ee8bb7;}
.pgmList>div:nth-of-type(8) dt,.pgmList>div:nth-of-type(8) dd{ color:#3FB4E8;}
.pgbtnW {width:100%; margin-top:var(--secgapn)}
.pgm_btn {display:block; width:100%; padding:6px 0 8px; color:#fff; font-weight:var(--font-weight-7); text-align:center; border-radius:30px}
.btnC1 {background-color:#e7338d}
.btnC2 {background-color:#43328A}


.front{
    position: absolute;
    transform: rotateY(0deg);
	backface-visibility: hidden; /* cant see the backside elements as theyre turning around */
    transition: transform .5s linear 0s;
	box-shadow: 0 0rem 1rem rgba(0,0,0, 0.15);
}

.back{
	display:flex;
	align-items:center;
	width:100%;
	height:100%;
	background: linear-gradient(-45deg, #6d3699, #050475);
    position: absolute;
    transform: rotateY(180deg);
    backface-visibility: hidden; /* cant see the backside elements as theyre turning around */
    transition: transform .5s linear 0s;
	box-shadow: 0 0rem 1rem rgba(0,0,0, 0.15);
}

.gall_slide li a:hover .card .front {transform: rotateY(-180deg);}
.gall_slide li a:hover .card .back { transform: rotateY(0deg);}
.gall_slide li a img { 
	transition:all .5s linear;
}

.over_box {
	display: none; 
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 100%; 
	height: 100%; 
	background-color: rgba(40, 52, 157, 0.8);
}

.gall_slide li a:hover .over_box,.gall_slide li a:focus .over_box {display: flex; justify-content:center; align-items:center}

.card-button {
	display: block; 
	width: 10rem; 
	height: 40px; 
	line-height: 40px; 
	border-radius: 2rem; 
	background-color: var(--color-w); 
	text-align: center; 
	font-family:var(--title-font);
	font-size: var(--text-lg);
	color:var(--theme-color3);
	
}

.card-button, .card-button:link, .card-button:visited {
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}


.card-button:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
}

.card-button:hover::after {
  -webkit-transform: scaleX(1.4) scaleY(1.6);
          transform: scaleX(1.4) scaleY(1.6);
  opacity: 0;
}

.card-button:active, .card-button:focus {
  outline: none;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
}


.cnt_wrap {
	width:100%;
	display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
	padding:var(--innpd)
}
.cnt_wrap h3 {
	display:flex;
	flex-direction:column;
	align-items: center;
	font-family:var(--title-font);
	font-size:var(--text-lg);
	letter-spacing:-0.05em;
	line-height:1.2em;
	color:var(--color-w);
	margin-bottom:var(--margin-1)
}
.cnt_wrap ul {margin-bottom:var(--margin-1)}
.cnt_wrap ul li,.cnt_wrap ul li p{display:flex; flex-flow:row wrap; gap:3px}
.gall_slide li .cnt_wrap h3 span {
	display:inline-block;
	padding:2px 0.666em;
	background-color:var(--theme-color3);
	border-radius:20em;
	line-height:1.0;
	color:var(--theme-color2);
	font-family:var(--sub-title-font);
	font-size:var(--text-xs);
	text-align:var(--text-c);
}

.cnt_wrap ul li {
	color:var(--color-w);
	font-size:var(--text-2xs);
	letter-spacing:-0.05em
}

.gall_slide li:nth-of-type(2n+1) .cnt_wrap h3 span {
	background-color:var(--theme-color2);
	color:var(--theme-color);
}
.gall_slide li a:hover img {
	/*opacity:0.3;*/
}
.cnt_wrap p {
	font-size:var(--text-2xs);
	color:var(--color-w);
}
.cnt_wrap p:nth-of-type(1){	
	margin-bottom:var(--margin-1)
}


.cnt_wrap p:nth-of-type(2) span {display:inline-block; white-space:nowrap}
.cnt_wrap p:nth-of-type(2):after{
	content: '';
	display: inline-block;
	width: 100%;
}
#inc03 .inner .gall_slide .swiper-pagination{position:relative;}
#inc03 .inner .gall_slide .swiper-pagination .swiper-pagination-progressbar-fill{background:var(--theme-color)}
#inc03 .inner .gall_slide .pager_wrap{padding-top:80px;display:flex;align-items:center}
#inc03 .inner .more_box{
	margin-left:auto;
	margin-bottom:var(--margin-1);
	display:flex;
	align-items:center;
	gap:8px; 
	line-height:1.0;
	font-size:var(--text-s); 
	color:var(--color-1);
}
#inc03 .inner .more{
	display:flex;
	align-items:center;
	justify-content:center;
	margin-left:auto;
	padding:0 1rem;
	height:32px;
	border:1px solid #111;
	border-radius:50px;
	color:var(--color-3);
	text-align:center;
	transition:all 0.2s
}
#inc03 .inner .more_box .more svg{width:14px;color:var(--color-1);transition:all 0.4s}

#inc03 .control .next,#inc03 .control .prev{display:flex;align-items:center;justify-content:center;position:relative;width:45px;height:45px;border-radius:50%;background:#fff;border:1px solid #e1e1e1;cursor:pointer}
#inc03 .control .swiper-button-next:after, #inc03 .control .swiper-button-prev:after{display:none}
#inc03  .swiper-pagination-bullet-active {
    background: var(--theme-color3);
}
/* 반응형 [s] */
@media (hover:hover){
#inc03 .inner .more_box .more:hover{border-color:var(--color-0)}
#inc03 .inner .more_box .more:hover svg{transform:rotate(270deg)}
}

@media (min-width: 980px) {
	/*#inc03:after{height:80vh;}*/
}
@media (min-width: 1200px) {
	#mBody3 {min-height:80vh; padding:200px 0 var(--secgapw) 0;}
	#inc03 .inner .gall_slide{margin-top:var(--secgapn);}
	#inc03 .inner .gall_slide h3 {font-size:var(--text-2xl);}
	/*#inc03:after{width:200vh; height:200vh; top:-20vh}*/
	.cnt_wrap h3 {font-size:var(--text-2xl);}
	.gall_slide li .cnt_wrap h3 span {font-size:var(--text-sm);}
	.cnt_wrap p {font-size:var(--text-xs);}
	.cnt_wrap ul li {font-size:var(--text-xs);}
	.titSec h2 {font-size:5rem;}
	.titSec p {font-size:1.5rem;}
}
/* =====================================
   메인 section4
===================================== */
#mBody4 {display:flex; flex-flow:row wrap}
#mBody4>div {width:100%}
.mapW {width:100%}
.mapW .root_daum_roughmap_landing {width:100% !important}
.mapW .roughmap_lebel_text {
	font-family:var(--title-font);
	font-size:var(--text-xl) !important;
	padding:0.666rem !important
}
.mapW .root_daum_roughmap .cont {display:none}
.infoW {
	background-color:#fac600;
	padding:var(--secgap)
}
.infoW img {min-height:40px; margin-top:1rem}
.infoW>h3 {
	font-family:var(--title-font);
	font-size:var(--text-2xl) !important;
	font-weight:var(--font-weight-8)
}
.infoW>p {font-family:var(--sub-title-font); font-size:var(--text-lg);font-weight:var(--font-weight-7)}
.infoW>dl {display:flex; flex-flow:column wrap; align-items:flex-start;  margin:var(--boxpd) 0}
.infoW>dl>dt {
	padding:2px 0.333rem; 
	font-size:var(--text-sm); 
	text-align:var(--text-c); 
	background-color:var(--color-0); 
	color:#fac600;
	margin-bottom:5px
}
.infoW>dl>dd {margin-bottom:var(--margin-1); font-weight:var(--font-weight-5)}

@media (min-width: 1200px) {
#mBody4>div.mapW {width:58%}
#mBody4>div.infoW {width:42%;}
.infoW>h3 {font-size:var(--text-4xl) !important;}
.infoW>p {font-size:var(--text-2xl)}
.infoW>dl>dd {font-size:var(--text-xl)}
.infoW img {min-height:50px;}
}


/* =====================================
   메인 section5
===================================== */
#mBody5 {background-color:var(--color-w); padding:var(--secgapw) 0}
.fesInfo {
	display:flex;
	flex-flow:row wrap;
	gap:1rem
	
}
.fesInfo>h3 {font-weight:var(--font-weight-8); font-size:var(--text-2xl)}
.fesInfo>dl>dd {color:#8a909e; text-align:var(--text-l)}
.fesInfo>dl>dd>img {display:inline-block}
.fesInfo>dl>dd>p {margin-bottom:var(--margin-s)}
.fesInfo>dl>dt {font-weight:var(--font-weight-7); margin-bottom:var(--margin-m)}
.fesInfo>h3{width:100%}
.fesInfo img {max-height:50px;}
.fesInfo>dl{width:100%}

@media (min-width: 768px) {
	.fesInfo {gap:0}
	.fesInfo>h3 {margin-bottom:var(--margin-1);}
	.fesInfo>dl {width:35%}
	.fesInfo>dl:last-child {width:calc(100% - 70%)}
}

@media (min-width: 1000px) {
	.fesInfo>h3 {width:30%}
	.fesInfo>dl {width:26%}
	.fesInfo>dl:last-child {width:calc(100% - 82%)}
	.fesInfo>dl>dd>p {font-size:var(--text-lg);)}
}


/* =====================================
   메인 section6
===================================== */
#mBody6 {background-color:var(--color-w); padding:var(--secgapw) 0}
.ovBox {display:flex; flex-flow:row wrap; justify-content:center}
.ovBox>div {width:100%; max-width:500px}
.ovBox>div.mposter {margin-bottom:var(--margin-1);}
.ovBox>div.mposter img {}
.ovBox div.ovCont img {max-height:50px}
.ovCont h3 div{display:flex; flex-direction:row; justify-content:flex-start; text-align:var(--text-l)}
.ovCont h3 span {display:block}
.ovCont h4{font-size:1.825rem; font-weight:var(--font-weight-8)}
.ovCont h4 span {color:var(--theme-color3)}
.ovCont p {font-size:var(--text-sm); margin-bottom:0.333rem}
.ovCont p span {display:inline-block; white-space:nowrap;}
.listTB{width:100%; margin:var(--boxpd2) 0}
.listTB:before,.listTB:after{
	content:"";
	display:block;
	width:100%;
	height:2px;
	background-color:var(--color-1)
}
.listTB li {
	position:relative; 
	font-size:var(--text-xl); 
	font-weight:var(--font-weight-7); 
	padding:0.666rem 0.666rem 0.666rem 2.5rem
} 
.listTB li:first-child {border-bottom:1px dotted #000} 
.listTB li:before {
	content:"";
	display:block;
	width:2rem;
	height:2rem;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:100%
	
}

.listTB li:first-child:before {background-image:url("/images/main/calenerIcon.svg")}
.listTB li:last-child:before {background-image:url("/images/main/locationIcon.svg")}
.listTB li span {color:#5C2483;}
.tag {display:flex; flex-flow:row wrap; gap:5px}
.tag>li {
	font-size:var(--text-sm);
	font-weight:var(--font-weight-7);
	padding:0.333rem var(--padding-s);
	border-radius:30px;
	display:flex;
	justify-content:center;
	align-items:center;
	border-width:1px;
	border-style:solid;
}
.tag>li:nth-of-type(1) {background-color:#e6e3fe; border-color:#a9a0fd; color:#996efc}
.tag>li:nth-of-type(2) {background-color:#ffe1f3; border-color:#ffa0d8; color:#fc5ecc}
.tag>li:nth-of-type(3) {background-color:#d9f4ff; border-color:#83dbff; color:#2cbbff}
.tag>li:nth-of-type(4) {background-color:#f9f5c6; border-color:#f8b119; color:#fbaf1b}
@media (min-width: 1000px) {
	.ovBox>div {max-width:none}
	.ovBox>div.mposter {width:calc(40% - 40px)}
	.mposter {margin-right:40px}
	.mposter img {max-height:624px}
	.ovBox>div.ovCont{width:60%; padding-left:var(--secgapn)}
	.ovBox>div.ovCont img {max-height:60px}
	.ovCont h4{font-size:3.5rem}
	.ovCont p {font-size:var(--text-xl); margin-bottom:0.555rem}
	.listTB li {
		font-size:var(--text-2xl);
		padding:1rem 1rem 1rem 3.5rem
	}
	.listTB li:before {
		width:3rem;
		height:3rem;
	}
	.tag>li {
		font-size:var(--text-base);
	}
}


@media (min-width: 1400px) {
	.ovBox {margin-top:var(--secgap)}
	.ovCont h4{font-size:3.825rem}
	.ovBox>div.mposter {width:calc(30% - 40px)}
	ovBox>div.ovCont{width:70%;}
}



/* 텍스트 슬라이드 */

.marquee__wrap{max-width:var(--container); margin:0 auto; overflow:hidden;}
.marquee__wrap .marquee__inner{display:flex;transform:translateX(0);animation:marquee 24s linear infinite}
.marquee__wrap .marquee-list{display:flex; /*width:calc(100%);*/ padding-right:4%/* gap:30px;*/}
.marquee__wrap .marquee-list .marquee-item{
	line-height:100%;
	white-space:nowrap;
	/*color:transparent;
	-webkit-text-stroke:1px var(--color-w);
	background:linear-gradient(to top, var(--point) 50%, transparent 50%);
	background-size:100% 200%;
	background-position:top;
	background-clip:text;*/
	transition:background-position 0.1s ease
}
.marquee__wrap .marquee-list .marquee-item:hover{background-position:bottom}
@keyframes marquee{
    0%{
        transform:translateX(0);
    }
    100%{
        transform:translateX(-97.0%);
    }
}