.dorm-qucik > div{
	display:flex;
	align-items: stretch;
	margin:2rem auto 0 auto;
	position:relative;
}
.dorm-qucik h3{
	color: #fff;
	font-size:3.2rem;
	font-weight: 700;
	letter-spacing:-0.024rem;

	background: linear-gradient(190deg, #067af9 0%, #052dfb 40%, #429cfe 100%);
	background-size: 200% 200%; /* 핵심 */

	border-radius:8rem 4rem 4rem 5rem;

	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 5rem; 
	flex-shrink: 0;  

	position: relative;
	z-index: 10;
	top: -4rem;
	margin-right: -10rem;

	animation: gradientMove 5s linear infinite;
}

/* 그라데이션 이동 */
@keyframes gradientMove {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.wrap-dorm-q{
	width:100%;
    display:flex;
    gap:1.6rem;
    background:#eff4fc;
    border-radius:4rem 4rem 8rem 4rem;
    padding:3rem;
    box-sizing:border-box;
}
.wrap-dorm-q div{padding-left:6rem;}
.box-dorm-q{
	display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    flex:1;
    padding:5rem 2rem;
}
.box-dorm-q > img{
	height:5.6rem;
	margin-bottom:1.8rem;

    top: .5rem;
    transition: transform 0.3s ease;
}
.box-dorm-q:hover>img{transform: translateY(-.5rem);}
.box-dorm-q p{display:flex; align-items:center; font-weight: 600; font-size:2.0rem;}

.box-dorm-q p img{
	width:0.8rem;
	margin-left:0.6rem;
}
.box-dorm-q:hover{
	border-color:#fff;
}
.box-dorm-q:hover p img{
	position:relative;
	animation:moveArrow 0.3s 0s infinite linear alternate ;	
}
.m-con:before{content:""; position: absolute; inset: 0; background: url(/_res/seojeong/dormitory/img/dorm-bg-logo.png) right 10% top 0rem / 50rem auto no-repeat;  opacity: 0.08;  pointer-events: none;}
.m-con{position:relative;}
.dorm-main-cont{padding:10rem;}
.dorm-main-cont h2{margin-bottom:5rem;
	font-size:3.6rem;
	font-weight:700;letter-spacing:-0.024rem;}

.dorm-main-notice h2, .dorm-main-slide h2{color:#000;}
.dorm-main-notice h2 span, .dorm-main-slide h2 span{color:#053275;}

/*메인-공지사항*/
.dorm-main-notice .innerframe-1720{
	margin:0 auto;
	display:flex;
	gap:5rem;
}
.mnotice-bord{
	width: calc(100% - 66rem);
}
.mnotice-bord h2{display: flex; gap:2rem;}
.mnotice-bord h2 img{ height:5.0rem;}

.tab-mnotice{
	display:flex;
	gap:4rem;
	margin-bottom:3.5rem;
}
.tab-mnotice li{
	font-size:2.4rem;
	font-weight:600;
	color:#8d8d8d;
	position:relative;
}
.tab-mnotice li::after{
	content:"";
	display:block;
	position: absolute;
    right: -2.5rem;
    top: 50%;
	transform: translateY(-50%);
	width:.5rem;
	height:.5rem;
	background:#cecece;	
}
.tab-mnotice li:last-child::after{display:none;}
.tab-mnotice li.on{
	position:relative;
	font-weight:800;
	color:#f30090;
}
/* 밑줄 기본 상태 */
.tab-mnotice li::before{
    content:"";
    display:block;
    position:absolute;
    left:50%;
    bottom:-1rem;
    transform:translateX(-50%);
    width:0;
    height:0.3rem;
    background:#f30090;
    transition:width 0.35s ease;
}

.tab-mnotice li.on{
    font-weight:800;
    color:#f30090;
}

/* on 되었을 때 서서히 확장 */
.tab-mnotice li.on::before{
    width:120%;
}
.tabcon-ntc{
	display:none;
}
.tabcon-ntc.on{
	display:block
}
.tabcon-ntc li{
	max-width:100%;
	border-bottom:0.1rem solid #999;
}
.tabcon-ntc li > a{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:2.4rem;
	padding-top:2rem;
	padding-bottom:2rem;
}

.tabcon-ntc li span{
	min-width:8rem;display:inline-block; text-align:center;
	padding:0.6rem 1.4rem;
	border-radius:1.5rem;
	color:#fff;transition:all 0.3s ease 0s;}
.tabcon-ntc li span.faq {
	background:#053275;
}
.tabcon-ntc a:hover span.faq{
	background:#041b3d;
}
.tabcon-ntc li span.notice {
	
	background:#f30090;
}
.tabcon-ntc a:hover span.notice{
	background:#d70481;
}
.tabcon-ntc.all .tag{
	/*min-width:12.8rem;*/
}
.tabcon-ntc .content{
	flex:1;
	text-overflow: ellipsis;
  	white-space: nowrap;
  	overflow: hidden;
	font-size:2.0rem;
} 
.tabcon-ntc p{
	transition:all 0.3s ease 0s;
}
.tabcon-ntc a:hover p{
	color:#2760aa;
}
.tabcon-ntc .date{
	font-size:2.0rem;
	color:#b2b2b2;
}

.main-content-slide{
	max-width:66rem;
	width: 100%;
	height:50rem;
	position:relative;
	border-radius:6rem;
	margin-top: 5rem;
}
.main-content-slide .swiper-wrapper {
    display: block;
}

.main-content-slide .swiper-slide{
	 display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    background: #eee;
}

.main-content-slide .swiper-slide::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.0;
}
.main-content-slide .swiper-slide img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.main-content-slide .txt-box{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:6rem;
	color:#fff;
	z-index:2;
}
.main-content-slide h3{
	font-size: 4.0rem;
	font-weight: 800;
	line-height: 140%;
	letter-spacing: -0.036rem;
	word-break:keep-all;
}
.main-content-slide p{
	margin-top:2rem;
	font-family: Pretendard;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 500;
	line-height: 140%; /* 3.36rem */
	letter-spacing: -0.024rem;
	word-break:keep-all;
}


.dorm-banner-swiper {
    width: 100%;
	max-width:66rem;
    height: 45rem;
    overflow: hidden;
	
	position:relative;
	border-radius:4rem;
	margin-top:8rem;
	
}

.dorm-banner-swiper .swiper-slide {
    align-items: center;
    justify-content: center;
    font-size: 24px;
    background: #eee;
}
.dorm-banner-swiper .swiper-slide img{object-fit: cover; width:100%; height:100%;}

/* 페이징 아래 정렬 */
.dorm-banner-swiper .swiper-pagination {
    bottom: 10px !important;
}


.dorm-qucik .control{display:none;}
/*메인-sns*/


.dorm-main-snsArea .innerframe-1720{
	margin:0 auto;
	display:flex;
	gap:5rem;
}
.dorm-main-snsArea{
    background-color: rgba(1, 1, 27, 1);
    background-image: url(/_res/seojeong/dormitory/img/sns-bg.png);
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.dorm-main-snsArea > div{justify-content: center;}
.dorm-main-snsArea .dorm-sns h2{
    color: #fff !important;
	text-align:center !important;
}
.dorm-sns ul{position: relative;
    display: flex;
    align-items: center;
    gap:3rem;
    z-index: 1;}

.dorm-sns a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8rem;
    height: 8rem;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
 backdrop-filter: blur(1px);
}
.dorm-sns a:hover{background: rgba(255, 255, 255, 0.5);}
.dorm-sns a img{width:3rem; height:3rem;}

.dorm-main-slide{background:#eff4fc;}


.main-video .img-box::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 90%;
	height: 85%;
	border-radius: 1.6rem;
	opacity: 0.2;
	background: #2C67B1;
	z-index: -1;
}
.main-photo {
	margin: 0 auto;
	width: 100%;
}
.photo-slide {
	position: relative;
	top: -8rem;
    padding-top: 10rem;
}
.photo-slide .swiper-slide > a > img {
	height: 22rem; 
	border-radius: 2rem;
	object-fit: cover;
}
.photo-slide .swiper-slide > a > p {
	margin-top: 2.5rem;
	color: #053275;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 130%;
	margin-bottom:2rem;
}
.photo-slide .swiper-slide > a > span {font-size:2.0rem;}
.btn-main-gallery {    
	position: absolute;
    right: 0;
    top: 2.2rem;
}
.btn-main-gallery {
	width: 16rem;
}
.btn-main-gallery .swiper-button-prev {
	width: 6rem;
	height: 6rem;
	background: url(/_res/seojeong/_share/img/btn-main-gallery-blue.png) left center / 100% no-repeat;
	cursor: pointer;
	transform: rotate(180deg);
}
.btn-main-gallery .swiper-button-next {
	width: 6rem;
	height: 6rem;
	background: url(/_res/seojeong/_share/img/btn-main-gallery-blue.png) left center / 100% no-repeat;
	cursor: pointer;
}
.btn-main-gallery .swiper-button-prev:after,.btn-main-gallery .swiper-button-next:after {display: none;
}

@media (max-width:1920px){
.m-con:before{background-position:right 0 top 0rem;}
.dorm-main-cont {padding: 10rem 0;}
}
@media (max-width: 1620px){
	

	.dorm-main-notice .innerframe-1720{gap:3rem;}
	
	
}
@media (max-width: 1480px){
.mnotice-bord {
    width: calc(100% - 40rem);
}
.main-content-slide {
        max-width: 40rem;
        height: 35.2rem;
        width: 100%;
        border-radius: 6rem;
    }
.dorm-banner-swiper {
        max-width: 40rem;
        height: 35.2rem;
        width: 100%;
        border-radius:4rem;
    }
	
}
@media (max-width: 1230px){

.m-con:before{content:"";position: absolute;inset: 0;background: url(/_res/seojeong/dormitory/img/dorm-bg-logo.png) right 0 top 0rem / 34rem auto no-repeat;opacity: 0.08;pointer-events: none;}

	.dorm-qucik > div{
	 margin: 0 2rem auto 0 auto;
     flex-direction: column;
    }
.dorm-qucik h3 {
        top: 0;
		border-radius: 4rem 0 0 0;
        margin-right: 0;
        margin-bottom: 0;
        padding: 3rem ;
        font-size: 2.6rem;
        background: linear-gradient(269deg, #3a5aff 0% 50%, #052dfb 100%);
        justify-content: left;
    }
.dorm-qucik .control {
        z-index: 999;
        top: 2.2rem;
    }
.wrap-dorm-q{
        padding: 3rem;
	border-radius: 0 0 8rem 4rem;
}
.wrap-dorm-q div {
    padding-left: 0;
}


/*메인 - 팝업 & 공지사항*/
.mnotice-bord {
    width: calc(100% - 40rem);
}	
.main-content-slide{
	max-width:40rem;
	height:35.2rem;
	width:100%;
	border-radius:6rem;
}
}
@media (max-width: 1020px){
	/*메인페이지*/
	/*메인 - 팝업 & 공지사항*/
	.dorm-main-notice .innerframe-1720{
		flex-direction:column
	}
	.mnotice-bord{
		max-width: unset;
		width:100%;
	}
	.main-content-slide{
		max-width:100%;
		height:auto;
	}
	   .dorm-qucik .swiper{
        overflow:hidden;
    }
	.swiper-wrapper{ display:flex;}
	 .swiper-slide{
        flex: 0 0 auto;
        width:auto;
    }
	.dorm-qucik .control{position:absolute;right:7rem;top:3rem;width:auto;margin-left:50px;display:inline-block;vertical-align:middle;}
    .dorm-qucik .control button{display:inline-block;width:15px;height:28px;font-size:0;vertical-align:middle;}
    .dorm-qucik .control button.prev{background:url(/_res/seojeong/_share/img/ico-right01.png) no-repeat center center/auto 13px;  transform: rotate(180deg);}
    .dorm-qucik .control button.next{background:url(/_res/seojeong/_share/img/ico-right01.png) no-repeat center center/auto 13px;margin-left:20px;}

	
    .wrap-dorm-q{
        flex-wrap:nowrap; 
        padding:2rem;
    }

    .box-dorm-q{
        flex: 0 0 auto;
        width:auto;
    }
	.box-dorm-q p {font-size:1.8rem;}
	
	.dorm-banner-swiper {
    max-width: 100%;
    height: 45rem;
    overflow: hidden;
    position: relative;
    border-radius: 4rem;
    margin-top: 8rem;
}
	
}

@media (max-width: 768px){

	.dorm-qucik{position:relative;}
.dorm-qucik > div {margin-top:0; padding:0;}
.dorm-qucik h3 {top: 0; margin-right: 0; margin-bottom:0; border-radius:0; padding:2rem; font-size:2.6rem; background: linear-gradient(180deg, #3a5aff 0% 50%, #052dfb 100%); justify-content: left;}
.wrap-dorm-q{padding:0; border-radius:0;}
.box-dorm-q{padding:3rem 0; width:auto;}

.box-dorm-q > img {
    height: 4.6rem;
    margin-bottom: 1.0rem;
}
.dorm-qucik .control{ z-index: 999; top:2.2rem; right:2rem;} 
.m-con {padding-top:0;}
.m-con:before {background: url(/_res/seojeong/dormitory/img/dorm-bg-logo.png) right 0 top 0rem / 22rem auto no-repeat;}
.dorm-main-cont {padding:4rem 0 3rem 0;}
.dorm-main-cont h2 { font-size:2.8rem; margin-bottom:3.2rem;}
.tab-mnotice {gap:3rem;}
.tab-mnotice li {font-size: 1.8rem;}
.tab-mnotice li.on::before {height: 0.3rem;}

/*메인-공지사항*/

.mnotice-bord h2{gap:1rem;}
.mnotice-bord h2 img{ height:4.2rem;}

	.dorm-main-cont .innerframe-1720{
		gap:2.8rem;
	}
.tab-mnotice {margin-bottom:2rem;}
.tab-mnotice li::after {
    right: -2.0rem;}
	.tabcon-ntc li > a{
		flex-wrap:wrap;
		position:relative;
		gap:1.6rem;
		padding:2rem 0;
	}
	.tabcon-ntc li span{
		padding: 0.4rem 1rem;
		font-size:1.6rem;
	}
	.tabcon-ntc .content{
		flex:none;
		width:100%;
		font-size:1.6rem;
	}
	.tabcon-ntc .date{
		position:absolute;
		top:2.5rem;
		right:0;
		font-size:1.4rem;
	}
	.js-video p{
		height: 6rem;
		padding-left: 3.4rem;
		font-size:1.3rem;
	}
	.txt-mvideo p{
		margin-left:0;
		font-size:1.4rem;
	}
	.txt-mvideo button{
		padding:0.7rem 1.4rem;
		font-size:1.2rem;
	}
	.con-mclass{
		gap:0;
		border-bottom:0.1rem solid #999;
	}
	.main-class .box-mclass{
		width:100%;
		padding:0 ;
		background:none;
		border:none;
		border-top:0.1rem solid #999;
	}
	.box-mclass.over{
		background:none;
	}
	.box-mclass.over::before{
		display:none;
	}
	.box-mclass.over li, .box-mclass.over h3{
		color:#000;
	}
	.box-mclass h3{
		position:relative;
		margin-bottom:0;
		padding:2.5rem 1rem;
		font-size:2.2rem;
	}
	.box-mclass h3::before{
		content:"";
		display:block;
		position:absolute;
		top:50%;
		right:1rem;
		width:2rem;
		height:0.2rem;
		transform:translateY(-50%);
		background:#000;
	}
	.box-mclass h3::after{
		content:"";
		display:block;
		position:absolute;
		top:50%;
		right:1rem;
		width:2rem;
		height:0.2rem;
		transform:translateY(-50%)rotate(90deg);
		background:#000;
	}
	.box-mclass ul{
		max-height:0;
		padding:0rem 1.8rem;
		background:#f6f6f6;
		overflow:hidden;
		transition:all 0.3s ease 0s;
	}
	.box-mclass.open ul{
		max-height:200vh;
		padding:2.5rem 1.8rem;
	}
	.box-mclass li{
		font-size:1.8rem;
	}
	.box-mclass li + li{
		margin-top:2.2rem;
	}
	/* .box-mclass li span{
		width: 2rem;
    	height: 2rem;
		margin-left: 1rem;
		font-size:1.4rem;
	} */
	.box-mclass li span + span {
    	margin-left: 0.4rem;
	}
	/*메인-배너*/
	.main-content-slide {
        max-width: unset; min-width: unset;
		width:100%;
	height:25.2rem;
	border-radius:2rem;
	margin-top:0;
    }
	.dorm-banner-swiper {
        max-width: unset; min-width: unset;
		width:100%;
	height:25.2rem;
	border-radius:2rem;
	margin-top:0;
    }
	.photo-slide .swiper-slide > a > p{font-size:2.0rem !important; margin-bottom: 1rem;}
	.photo-slide .swiper-slide > a > span{font-size:1.6rem !important;}
	.btn-main-gallery {right: -1rem; top: 3.2rem;}
	.btn-main-gallery{width:10.5rem;}
	.btn-main-gallery .swiper-button-prev,
	.btn-main-gallery .swiper-button-next{width:4rem; height:4rem;}
	.photo-slide .swiper-slide > a > img{height:16rem;}
	.dorm-main-snsArea{background-size: cover; padding:4rem 0 5rem 0 !important;}
.dorm-sns ul{gap:2rem;}

.dorm-sns a{width: 6rem; height: 6rem;}
	
}

@media (max-width: 480px){
	    .box-dorm-q > img {
        height: 4.2rem;
        margin-bottom: 1.0rem;
    }
	.box-dorm-q p {font-size: 1.6rem;}
}