html,body {height:100%; min-height:100vh;}
/* =====================================
   메인 비쥬얼 슬라이드
===================================== */
[id*='mBody'] {position:relative; overflow:hidden}
#mBody1 {
  position:relative;
  background-color:var(--theme-color);
  display: flex;
  flex-flow:row wrap;
  /*align-items: center;*/
  justify-content: center;

}
#mBody1 .inner {
	width:100%;
	
}

#mainVisual {
	position:relative;
	width:100%;
	height:60vh;
	
}
@media (min-width: 1100px) {
	#mBody1 {padding-top:160px}
}


/* =====================================
   right wing
===================================== */

.mrWing {
	display:flex;
	justify-content:center;
	align-items:flex-start;
	position:absolute;
	width:96vw;
	height:80vh;
	max-width:400px;
	padding:0 1rem;
	left:50%;
	top:calc(10vh + 50px);
	transform:translate(-50%,0);
	z-index:5001;
}

/* =====================================
   메인 비쥬얼 슬라이드
===================================== */
#mBody1{
	/*overflow:hidden;*/
	position:relative;
	width:100%; 
	padding:0 0 0 0;
	border-radius:0 0
}
#mBody1 .main_slide{
	position:relative;
	border-radius:0 0 80px 0;
	overflow:hidden
}
#mBody1 .main_slide:after{
	position:absolute;
	z-index:2;
	bottom:0;
	right:0;
	content:'';
	display:block;
	width:0;
	height:0;
	/*border-bottom:85px solid var(--theme-color);
	border-left:85px solid transparent*/
}
#mBody1 .container {
	position:absolute;
	left:50%;
	top:50%;
	z-index:2;
	transform:translate(-50%,-50%);
	padding-bottom:4rem
}
/* 텍스트 */
#mBody1 .main_txt{
	width:100%;
	opacity:0;
	display:flex;
	flex-flow:column;
	color:var(--color-w);
	font-family:var(--title-font)
	
}
#mBody1 .main_txt p.storke-txt{
	font-family: var(--default-font);
    font-weight: var(--fw-9);
    font-size: 2rem;
	-webkit-text-stroke: 0.5px var(--color-w);
	text-stroke: 0.3px var(--color-w);
	color: rgba(255, 255, 255, 0);	
	margin-bottom: var(--margin-s);
}
#mBody1 .main_txt p{
	white-space:pre-line;
	font-size: 2.725rem;
	line-height:1.1;
	text-transform:uppercase;
	word-break:keep-all
}
#mBody1 .main_txt .txt{font-size:20px;opacity:.7;line-height:1.5;white-space:pre-line;word-break:keep-all}
#mBody1 .controls{position:absolute;align-items:center;left:0;bottom:0;z-index:2;display:flex}
#mBody1 .controls>span{display:flex;opacity:.5;cursor:pointer;color:#fff;transition:all .2s}
#mBody1 .controls>span+span{margin-left:6px}
#mBody1 .controls>span svg{width:25px;height:25px;stroke-width:1.5px}
#mBody1 .controls>span:hover{opacity:1}
#mBody1 .controls .pager{padding:0 20px;color:#fff;}

/* 배경이미지 */
#mBody1 ul{overflow:hidden}
#mBody1 ul:after{
	display:block;
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border-radius:0 0 80px 0;
	background:rgba(0,0,0,.35)
}
#mBody1 ul li{height:60vh;overflow:hidden;border-radius:0 0 0 0;}
#mBody1 ul li .bg{
	opacity:0;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:120%;
	height:120%;
	background:center no-repeat;
	background-size:cover;
	transition:all 1.2s cubic-bezier(0.165, 0.840, 0.440, 1)
}
#mBody1 ul li .bg01{background-image:url('/dgyouth/images/main/mvisualBG1.jpg')}
#mBody1 ul li .bg02{background-image:url('/dgyouth/images/main/mvisualBG2.jpg')}
#mBody1 ul li .bg03{background-image:url('/dgyouth/images/main/mvisualBG3.jpg')}
#mBody1 ul li.on .bg{width:101%;height:101%;opacity:1}
#mvillust {
	width:18.75rem;
	height:15.625rem;
	position:absolute;
	z-index:90;
	right:0;
	bottom:0;
	transform:translate(15%,20%)
	/*transform: scaleX(-1);*/
}
@media(min-width:1200px){
	#mainVisual {
		padding:0 6vw 0 0;
		margin-top:150px
	}
	#mBody1 .main_txt p{
		font-size:60px
	}
	#mBody1 .storke-txt{
		-webkit-text-stroke: 1px var(--color-w);
		text-stroke: 1px var(--color-w);

	}
	#mvillust {
		width:37.5rem;
		height:31.25rem;
		position:absolute;
		z-index:90;
		right:2rem;
		bottom:0;
		transform:translateY(30%)
		/*transform: scaleX(-1);*/
	}

}

@media(min-width:1600px){
	#mBody1 .main_txt p{
		font-size:5.125rem
	}
	#mBody1 .main_txt p.storke-txt {
		font-size:4rem;
	}
}




/*퀵링크*/
.mbody1Sec1 {
	background-color: var(--theme-color);
	position:relative;
	width:100%;
}

.mbody1Sec1:after {
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	width:200%;
	height:500px;
	background-color: var(--color-f5);
	transform: rotate(-8deg) translate(-50%,-10%);
}

#quickLink{
	position:relative;
	padding:var(--secgap) 0;

}
#quickLink *{letter-spacing:0;word-break:keep-all}
#quickLink a{color:#777}
#quickLink:after{position:absolute;content:'';left:0;top:0;width:100%;height:550px;background: #fff9f0;background-size:cover;background-position:50% 40%;border-radius:0 200px 0 0;z-index:-1}
#quickLink .in{width:100%;max-width:1500px;margin:0 auto}
#quickLink .in .tit{width:max-content;margin:0 auto;color:#777;font-size:18px;text-align:center}
#quickLink .in .tit .control{display:flex; height:45px; /*align-items:center;*/gap:2rem;color:#111}
#quickLink .in .tit .control svg{height:18px;color:#111}
#quickLink .in .tit .control .swiper-button-next:after, #quickLink .control .swiper-button-prev:after{display:none}
#quickLink .in .tit p{
	display:flex;
	flex-direction:column;
	gap:0;
	font-family:var(--handwriting-font);
	font-size:var(--text-2xl);
	color:var(--color-w);
	line-height:var(--lineH1);
}
#quickLink .in .tit p span {font-size:1.25em; color:var(--point-color)}
#quickLink .in .quick_slide{/*overflow:hidden;*/position:relative;margin-top:100px}
#quickLink .in .quick_slide .txt{padding:38px 0 43px 60px;font-size:17px;font-weight:500}
#quickLink .in .quick_slide ul li .thum_img{height:430px;border-radius:0px;background-position:center;border-radius:10px;background-size:cover;transition:0.5s}
#quickLink .in .quick_slide ul li .quick_txt{padding:60px 60px 0;margin-bottom:100px}
#quickLink .in .quick_slide ul li .quick_txt .subj_txt{padding-bottom:15px;font-size:24px;font-weight:700;color:#111}
#quickLink .in .quick_slide ul li .quick_txt .cont{font-size:16px;line-height:1.7;color:#777}
#quickLink .in .quick_slide .swiper-pagination{position:relative;width:calc(100% - 120px);height:3px;background:rgba(0,0,0,0.10)}
#quickLink .in .quick_slide .swiper-pagination .swiper-pagination-progressbar-fill{background:var(--theme-color)}
#quickLink .in .quick_slide .pager_wrap{padding-top:80px;display:flex;align-items:center}
#quickLink .in .more_box{
	min-width:100px;
	font-size:var(--text-xs);
	z-index:90; 
	margin-left:auto;
	display:flex;
	align-items:center;
	gap:10px;
	color:var(--color-c)
}
#quickLink .in .more{
	display:flex;
	align-items:center;
	justify-content:center;
	margin-left:auto;
	width:36px;
	height:36px;
	background:var(--theme-color);
	border-radius:50px;
	text-align:center;
	transition:all 0.2s
}
#quickLink .in .more_box .more svg{width:14px;color:#fff;transition:all 0.4s}

#quickLink .control .next,#quickLink .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}
#quickLink .control .swiper-button-next:after, #quickLink .control .swiper-button-prev:after{display:none}

/* 반응형 [s] */
@media(min-width:1000px){
	#quickLink .in .tit p{
		font-size:var(--text-3xl);
		flex-direction:row;
		align-items:center;
		gap:1rem;
	}
}
/* 반응형 [e] */


.BaroGo a {
	position:relative;
	padding:var(--padding-2);
	display:block;
	/*margin:2%;*/
	min-height:300px;
	width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 60px 10px;
    transition: 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000);
    box-shadow: 0px 30px 20px 0px rgba(0,0,0,0.2)
}


.BaroGo a h4 {
	font-family:var(--sub-font-B); 
	color:var(--color-1);
	font-size:var(--text-xl);  
	margin-top:var(--margin-1);
	letter-spacing:-0.08em;
	line-height:var(--lineH-n);
}
.BaroGo a h4 span {display:block; font-size:1.25em;  margin-top:5px}
.BaroGo a h4 em {display:block}
.BaroGo a:after {
	content:""; 
	position:absolute;
	right:-1rem;
	bottom:-1rem;
	display:block; 
	width:200px; 
	height:200px; 
	background-repeat:no-repeat;
	background-position:right bottom;
	background-size:contain;
	margin:0 auto 0.666rem auto;	
	transition: 0.3s;
	}
.BaroGo a:hover:after {transform:translateX(20%)} 
.BaroGo a .arrow {
	display:block;
	width:60px;
	height:20px;
	position: absolute;
    left: var(--padding-1);
    bottom: var(--padding-1);
    padding-right: var(--padding-1);
    background: url(/dgyouth/images/common/arr_basic.svg) 100% 4px no-repeat;
	background-size:auto 12px;
	font-size:var(--text-xs);
    color: var(--color-1);
	font-weight:var(--fw-7);
    opacity: 0;
    transform: translateX(-50%);
    transition: 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000);
}
.BaroGo a:hover .arrow {opacity:1; transform: translateX(0);}
.BaroGo div:nth-of-type(1)>a {background-color:#afbdff}
.BaroGo div:nth-of-type(2)>a {background-color:#bbe4f6}
.BaroGo div:nth-of-type(3)>a {background-color:#e2d3fa}
.BaroGo div:nth-of-type(4)>a {background-color:#cde8bf}
.BaroGo div:nth-of-type(5)>a {background-color:#f5e3b9}

.BaroGo div:nth-of-type(1)>a:after{
	background-image: url('/dgyouth/images/main/mIcon1.png');
	}
.BaroGo div:nth-of-type(2)>a:after{
	background-image: url('/dgyouth/images/main/mIcon2.png');
	}
.BaroGo div:nth-of-type(3)>a:after{
	background-image: url('/dgyouth/images/main/mIcon3.png');
	}
.BaroGo div:nth-of-type(4)>a:after{
	background-image: url('/dgyouth/images/main/mIcon4.png');
	}
.BaroGo div:nth-of-type(5)>a:after{
	background-image: url('/dgyouth/images/main/mIcon5.png');
	}


.BaroGo div a:hover{color:#fff;transition: 0.3s; }
.BaroGo div a:hover:before {
	background-color:#fff;
	box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 80%); 
	transform:translateY(-5px);
}



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

#mBody2>.inner {
	position:relative;
	display:flex;
	flex-flow:row wrap;
	align-items: flex-start;
	/*justify-content:center;*/
	gap:30px;
}


.mCarendar {
	position:relative;
	padding:var(--secgap);
	border:4px solid var(--box-line-color1);
	border-radius: 60px 10px;
	margin-bottom:var(--secgap);

}

#mBody2>.inner>.mCarendar:before {
	content:"";
	display:block;
	width:10rem;
	height:10rem;
	position:absolute;
	left:0;
	bottom:0;
	background-image: url('/dgyouth/images/main/m2illust.svg');
	background-repeat:no-repeat;
	background-size:contain;
	transform:translate(-50%,50%)
}

.mCarendar .HeadSec {width:100%}
.mCarendar .BodySec {width:100%;}
/*행사달력*/
.mCarendar {display:flex; flex-flow:row wrap; gap:1rem; background-color:var(--color-w)}
.mCarendar .HeadSec p {display:flex; align-items:center; gap:1rem}
.mCarendar .HeadSec p a {line-height:1.0}
.mCarendar .HeadSec p span {font-family:var(--num-font); font-weight:var(--fw-7);}
.mCarendar .HeadSec h3 {
	font-family:var(--sub-font-B); 
	color:var(--color-1);
	font-size:var(--text-2xl);  
	margin-bottom:var(--margin-1);
	letter-spacing:-0.02em;
	line-height:var(--lineH-n);
	
}
.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: var(--color-6);
  font-weight: var(--fw-4);
  font-family:var(--num-font);
  font-size: var(--text-xs);
  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(--text-sm); min-height:30px; line-height:30px}
.event__day{
	display:flex;
	justify-content:center;
	align-items:center;
	border:2px solid var(--event-bg-color);
	border-radius:100%;
	width:30px;
	height:30px;
	font-weight: var(--fw-7);
	color:var(--event-bg-color);

}

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

.calendar__event {
	width:100%;
	display:flex;
	flex-flow:row wrap;
	gap:1rem;
}

.calendar__event>div {
	padding:var(--padding-s);
	text-align:center;
	display: flex;
    flex-direction: column;
    align-items: center;
	justify-content:center
}
.calendar__event>div:nth-of-type(1) {
	background-color:var(--color-ef);
	width:calc(100px - 1rem);
}

.calendar__event .eventDay p {
	font-family:var(--num-font);
	color:var(--color-3);
	font-size:var(--text-sm);
	text-align:var(--text-c)
	
}
.calendar__event .eventDay p:nth-of-type(1) {
	color:var(--theme-color);
}
.calendar__event .eventDay p:nth-of-type(2) {
	font-size:var(--text-xs)
}

.calendar__event .eventDay p em {
	font-weight: var(--fw-7);
	font-size: var(--text-lg);
}

.calendar__event>div:nth-of-type(2) {
	width:calc(100% - 100px);
	border:1px solid var(--color-ef)
}


.calendar__event .eventMSG {
	font-weight: var(--fw-7);
}


/*팝업존*/
.popZone{
	position:relative;
	width:100%;
}

.popZone:after{
	content:"";
	position:absolute;
	top:var(--padding-1);
	left:var(--padding-1);
	width:100%;
	height:92%;
	border-radius: 60px 10px;
	background-color:var(--color-w);
	box-shadow: 0px 15px 10px 0px rgba(0, 0, 0, 0.1);	
}
.popZone>h3 {
	display:flex;
	align-items:center;
	gap:0.333rem;
	font-family:var(--sub-font-B);
	border-radius:30px;
	position:absolute;
	z-index:3100;
	background-color:#77e9b8;
	padding:0.666rem 1rem 0.333rem 1rem;
	color:#030046;
	font-size:var(--text-2xl);
	transform:translate(50%,-50%);
}
.popZone>h3>span {display:inline-block; line-height:1.0;}
.popZone>h3:after {
	content:"";
	display:inline-block;
	width:24px;
	height:24px;
	background-color:#030046;
	-webkit-mask-image:url(/dgyouth/images/common/bell.svg);
	mask-image:url(/dgyouth/images/common/bell.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;
}
.poster-container div.swiper-slide {
	overflow:hidden;
	border-radius: 60px 10px;
	font-family:var(--sub-font-B);
	position:relative; 
	cursor:pointer;
}
.poster-container div.swiper-slide img{

}
.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 {display:block; position:relative; overflow:hidden; border-radius:1rem; /*box-shadow:0 0px 8px rgba(0,0,0,0.15);*/ border:1px solid #ccc }
.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(--fw-5);
	position: absolute;
    left: 0;
    bottom: 0;
	transition: transform 480ms cubic-bezier(0.77, 0, 0.175, 1), opacity 480ms cubic-bezier(0.77, 0, 0.175, 1);
    transform-origin: bottom;
	transform: scaleY(0);
}

.poster-container div.swiper-slide:hover .cont {
	transition: transform 480ms cubic-bezier(0.77, 0, 0.175, 1), opacity 480ms cubic-bezier(0.77, 0, 0.175, 1);
    transform-origin: bottom;
    transform: none;
}

.poster-container div.swiper-slide .cont span {
	font-size:var(--text-xs);
	transition: transform 350ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 350ms cubic-bezier(0.165, 0.84, 0.44, 1);
	opacity: 0;
	transform: translateY(16px);
  }

.poster-container div.swiper-slide:hover .cont span {
	transition: transform 480ms cubic-bezier(0.165, 0.84, 0.44, 1) 350ms, opacity 480ms cubic-bezier(0.165, 0.84, 0.44, 1) 350ms;
	opacity: 1;
	transform: none;
}

[class*='poster-button-'].swiper-button-lock {display:block}
.ps_button {
	position:relative;
	z-index:1001;
	width:90%;
	margin:0 auto;
	padding:var(--padding-s);
	color:var(--color-c);
	display:flex; 
	gap:3px; 
	align-items:center
}
h2>.ps_button {right:0}
[class*='poster-button-'] {display:block; width:30px; height:30px; padding:0.333rem; background-size: contain; background-repeat:no-repeat; background-position:center; cursor:pointer; opacity:0.4; transition: opacity 0.6s, width 0.6s, height 0.6s;}
[class*='poster-button-prev-'] {background-image:url(/dgyouth/images/common/chevron-left.svg);}
[class*='poster-button-next-'] {background-image:url(/dgyouth/images/common/chevron-right.svg);}
[class*='poster-button-play-'] {background-image:url(/dgyouth/images/common/play-circle.svg);}
[class*='poster-button-stop-'] {background-image:url(/dgyouth/images/common/pause-circle.svg);}
[class*='poster-button-more-'] {background-image:url(/dgyouth/images/common/lnr-arrow-stop-more.svg);}
[class*='poster-button-'] .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;}
[class*='poster-button-'] .cursor.on{opacity: 1; width: 100%; height: 100%;}
[class*='poster-button-']:hover {opacity:1}
.swiper-pagination2 {
	width:auto;
	margin:0 var(--margin-s); 
	font-family:var(--num-font); 
	font-size:var(--text-xs); 
	color:var(--color-6)
}
.ps_button [class*='swiper-pagination'] span.swiper-pagination-current {font-weight:var(--font-weight-7)}
.ps_button [class*='swiper-pagination'].swiper-pagination-lock {display:block; }

@media (min-width: 1200px){
	#mBody2>.inner>section {width:48%}
	#mBody2>.inner>.mCarendar:before {
		width:16rem;
		height:16rem;
		transform:translate(-60%,50%)
	}
	.mCarendar .HeadSec {width:200px}
	.mCarendar .BodySec {width:calc(100% - 230px);}
}

/* =====================================
   메인 section3
===================================== */
#mBody3 {
	padding:var(--secgap) 0;
}
.secHeading {
	position:relative;
	display:flex;
	justify-content:space-between;
	padding:var(--secgap) 0
}
.secHeading:after {
	content:"";
	width:60%;
	height:2px;
	position:absolute;
	z-index:-1;
	right:6.25rem;
	top:50%;
	background-color:var(--color-c);
	transform:translateY(-50%)
}
.secHeading>div:nth-of-type(1) {
	background-color:#fff;
	display:flex;
	align-items:center;
	gap:1rem;
}
.secHeading h3{
	position:relative;
	font-family:var(--sub-font-B); 
	color:var(--color-6);
	font-size:var(--text-lg);  
	letter-spacing:-0.02em;
}

.edu-container {padding:var(--secgapn) 0 !important}
.edu-container .swiper-slide a{
	display:block;
	cursor:pointer;
	transition: 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000);
}

.edu-container .swiper-slide a:hover {
	transform: translateY(20px);
	
}

.eduViewBtn {
	display:flex;
	flex-direction:column;
	justify-content:center;
	/*align-items:center;*/
	position:absolute;
	right:1rem;
	bottom:1rem;
	background-color: var(--color-w);
	width:6rem;
	height:6rem;
	padding:var(--padding-1);
	border-radius:100%;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
	font-size:var(--text-xs);
	opacity: 0;
    transform: translateY(50%);
    transition: 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000);
}


.edu-container .swiper-slide:hover .eduViewBtn {opacity:1; transform: translateY(0);}

.eduViewBtn:after {
	content:"";
	display:inline-block;
	position:absolute;
	right:1rem;
	bottom:1rem;
	width:30px;
	height:30px;
	background-image: url('/dgyouth/images/common/mouse-pointer.svg');
	background-repeat:no-repeat;
}


.eduViewBtn span {display:block}
.status {
	display:flex;
	justify-content:center;
	position:absolute;
	left:var(--padding-1);
	top:0;
	transform:translateY(-50%);
	display:inline-block;
	padding:6px var(--padding-1);
	background-color: var(--color-f7, #fff);
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.status:before {
	font-family:var(--menu-font);
}
	
.eduReady:before {
	content:"모집예정";
	color:var(--theme-color);
}

.eduIng:before {
	content:"모집중";
	color:var(--theme-color);
}
.eduEnd {background-color: var(--color-c); color:var(--color-6)}
.eduEnd:before {
	content:"마감됨";
}

.secHeading h3 span {
	display:block;
	font-size:var(--text-3xl);
	color:var(--color-1);
	margin-top:var(--margin-s);
}

.secHeading>div:nth-of-type(1):after {
	content:"";
	display:inline-block;
	background-image: url('/dgyouth/images/main/schIcon.svg');
	width:3.25rem;
	height:3.25rem;
}

.edu_button {
	background-color:var(--color-w);
	width:120px; 
	display:flex; 
	justify-content:space-between; 
	gap:1rem;
}
.edu_button .next,.edu_button .prev{
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	width:45px;
	height:45px;
	border-radius:50%;
	background:var(--theme-color);
	color:var(--color-w);
	cursor:pointer
}
.edu_button [class*='swiper-button-'] svg {width:60%; height:60%}
.edu_button .next:after, .edu_button .prev:after {display:none}


@media (min-width: 1200px){
	.secHeading>div:nth-of-type(1):after {
		width:6.25rem;
		height:6.25rem;
	}
}

/* =====================================
   메인 section4
===================================== */
#mBody4 {padding:var(--secgap) 0}
#mBody4 .inner {
	display:flex;
	flex-flow:row wrap
}



/* 탭 스타일 */
.tab-container{
  overflow:hidden;
  height:100%
}
.tab-content{
  height:100%;
  position:relative;
  margin-bottom:var(--secgap);
}
.tabs {
  display:flex;
  flex-direction:row;
  justify-content:center;
  gap:20px;
}
.tab {
  cursor: pointer;
  /*padding: 10px 20px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  background-color: #f0f0f0;
  margin-right: 5px;
  user-select: none;*/
  font-family:var(--menu-font);
  padding:3px var(--padding-s);
  color:var(--color-6);
  cursor:pointer;
   transition:all .3s
}
.tab.active {
  position:relative;
  font-size:var(--text-2xl);
  color:var(--color-3);
}

.tab.active:before {
	content:"";
	position:absolute;
	z-index:-1;
	left:50%;
	bottom:20%;
	transform:translateX(-50%);
	background-color:var(--point-color);
	width:80%;
	height:30%;
	

}

/* 슬라이드 스타일 */
.tab-content-slider {
  display: none;
  height: 100%;
}

.tab-content-slider.first{
  display: block;
}

/* 슬라이드 내용 스타일 */
.tab-container .swiper-slide {
  text-align: center;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}




[class*='tab-content'] .swiper-slide h5 {
	font-family: var(--sub-font-M);
	font-size:var(--text-lg);
	color:var(--color-3);
	margin-bottom:var(--margin-1);
}

[class*='tab-content'] .swiper-slide a {
	display:block;
	width:100%;
	padding:var(--innpd);
	margin:var(--margin-s);
	border-radius:var(--radius20);
	border:4px solid var(--color-f5);
	background-color:var(--color-f5);
	transition:all .3s
	
}
[class*='tab-content'] .swiper-slide a:hover {
	border:4px solid var(--theme-color);
	box-shadow: 0px 4px 3px 0px rgb(0 0 0 / 20%); 
}
[class*='tab-content'] h5 span {display:block}
.bbs_button {
	position:relative;
	padding:var(--padding-1) 0;
	background-color:var(--color-w);
	width:100%; 
	display:flex; 
	justify-content:center; 
	gap:1rem;
}
.bbs_button:before {
	content:"";
	width:100%;
	height:1px;
	background-color:var(--color-ef);
	position:absolute;
	left:0; 
	top:50%;
	transform:translateY(-50%);
}
.bbs_button .next,.bbs_button .prev{
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	width:45px;
	height:45px;
	border-radius:50%;
	background:var(--color-w);
	color:var(--theme-color);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.02) 0px 1px 2px 0px;
	cursor:pointer
}
.bbs_button [class*='swiper-button-'] svg {width:60%; height:60%}
.bbs_button .next:after, .bbs_button .prev:after {display:none}
.bbsMore {display:flex; justify-content:center; padding:var(--padding-s)}
.bbsMore>a {display:flex; align-items:Center; gap:3px; padding:var(--padding-xs)}
.bbsMore>a:before {
	content:"";
	display:inline-block;
	width:14px;
	height:14px;
	background-image: url('/dgyouth/images/common/plus.svg');
	background-size:cover;

}
.bbsMore>a:after {	
	content:"더보기";
	display:inline-block;
	color:var(--color-3);
	font-size:var(--text-xs)

}



/* =====================================
   메인 section5
===================================== */
#mBody5 {padding:var(--secgapw) 0; background-color:#e7f5e7}
#mBody5 h3 {
	display: flex;
	gap:0.333rem;
    align-items: center;
    justify-content: center;
	font-family:var(--sub-font-B); 
	color:var(--color-1);
	font-size:var(--text-3xl);
	text-align:var(--text-c);
	margin-bottom:var(--secgap)
}

#mBody5 h3:after {
	content:"";
	display:inline-block;
	width:60px;
	height:60px;
	background-image: url('/dgyouth/images/main/galleryIcon.svg');
	background-size:cover;
	transform: translateY(-5px) rotate(10deg);
}


/* 슬라이드 */
#mBody5 .img_slide div.photo{
	position:relative; 
	padding-top:50%;
	overflow:hidden;
	transition:width .8s ease
}
#mBody5 .img_slide div a{
	cursor:none;
	display:block;
	background-color:var(--color-w);
	border-radius: 10px 60px;
	overflow:hidden;
	transition:all .3s .3s
}
#mBody5 .img_slide div.photo img{
	position:absolute; 
	width:100%;
	border-radius:0; 
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	transition:all .3s
}
#mBody5 .img_slide div h4{
	opacity:1;
	padding:var(--padding-1);
	font-family: var(--sub-font-M);
    font-size: var(--text-lg);
    color: var(--color-3);
	text-align:var(--text-c); 
	transition:all .3s
}

/* 마우스커서 */
.cursor{position:fixed;z-index:1000;transform:translate(-50%, -50%);transition-property:background, transform;pointer-events:none}
.cursor .imgbg{
	opacity:0;
	position:absolute;
	left:-52px;
	top:-52px;
	transform:scale(0);
	width:105px;
	height:105px;
	border-radius:50%;
	font-size:15px;
	text-align:center;
	line-height:105px;
	color:#fff;
	background:var(--theme-color);
	transition:all .4s var(--timing);
}
.cursor.on .imgbg{opacity:1;transform:scale(1)}

@media(hover:hover){
#mBody5 .img_slide div.photo:hover a{transition:all 0s 0s}
#mBody5 .img_slide div.photo:hover img{opacity:1;transform:translate(-50%,-50%) scale(1.08)}
#mBody5 .img_slide div.photo:hover h4{transform:translateY(0)}
}



.gallery_button {
	width:calc(100% + 45px);
	height:0;
	position:absolute;
	z-index:1001;
	max-width:1540px;
	top:55%;
	left:50%;
	transform:translate(-50%,-50%);
	/*padding:var(--padding-1) 0;
	width:100%; */
	display:flex; 
	justify-content:space-between; 
	gap:1rem;
}

.gallery_button .next,.gallery_button .prev{
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	width:45px;
	height:45px;
	border-radius:50%;
	background:var(--color-w);
	color:var(--theme-color);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.02) 0px 1px 2px 0px;
	cursor:pointer
}

.next.swiper-button-disabled, .prev.swiper-button-disabled{
	opacity:0.35
}
.gallery_button [class*='swiper-button-'] svg {width:60%; height:60%}
.gallery_button .next:after, .gallery_button .prev:after {display:none}

.gallery-pagination {
	padding:var(--padding-1);
	width:100% !important;
	display:flex;
	justify-content:center;
	transform:translate(0,0) !important;
}

/* 마우스커서 */
.cursor{
	position:fixed;
	z-index:1000;
	transform:translate(-50%, -50%);
	transition-property:background, transform;
	pointer-events:none
}
.cursor .imgbg{
	opacity:0;
	position:absolute;
	left:-52px;
	top:-52px;
	transform:scale(0);
	width:105px;
	height:105px;
	border-radius:50%;
	font-size:15px;
	font-weight:600;
	text-align:center;
	line-height:105px;
	color:#fff;
	background:var(--theme-color);
	transition:all .4s var(--timing);

}
.cursor.on .imgbg{opacity:1;transform:scale(1)}