@charset "utf-8";
main{overflow:hidden;}
.mainTit{font-family:'Gmarket'; font-size:30px;}
.mainTit i{font-style:normal;}
.mainTit span { color:#0c8245;}
main .fix-layout{max-width:1524px;}
.tab-itm{width:160px;}
.tab-itm a{display:block; width:100%; padding:20px 10px; border-bottom:1px solid #d2d2d2; font-weight:300;font-family:'Gmarket'; font-size:18px;}
.tab-itm.on a{border-bottom:2px solid #0778ed; background:url(/resources/custom/images/dormitory/main/ico-noti-on.png) no-repeat 95% center;}

/*sc01*/
.sc01{position:relative;}
.mv-area{height:700px; width:100%; position:relative;}
.mv-area:after{content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,.4); position:absolute; top:0; left:0; z-index:1;}
.mv-txt{position:absolute; width:100%; height:100%; display:flex; top:0; left:0; z-index:1; flex-direction: column;
    align-items: center; padding-top:150px;}
.mv-txt span{font-size:40px; font-weight:300;   font-family:'Gmarket'; color:#fff; margin-bottom:20px;}
.mv-txt p{font-size:60px; font-family:'Gmarket'; color:#fff; text-align:center;}
.mv-pager{position:absolute; right:30px; bottom:150px; z-index:1; display:flex; gap:10px;}
.mv-pager a{display:flex; width:45px; height:45px; background:rgba(0,0,0,.3); align-items:center; justify-content:center; border-radius:50%;}
.mv-area .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}
.mv-area .swiper-slide img{ width: 100%; /* 부모 요소 기준으로 꽉 차게 설정 */
    height: 100vh; /* 화면 높이에 맞춤 */
    object-fit: cover;}

/*sc02 - 팝업*/
.sc02{margin-top:-250px; z-index:1; position:relative;}
.sc02 .con{display:flex;}
.notiPopup-area{width:530px; height:400px;}
.notiPopup-navi{display:flex; gap:20px; align-items:center; margin-bottom:20px;}
.notiPopup-pager{display:flex; gap:4px;}
.notiPopup-pager a{display:flex; width:45px; height:45px; background:rgba(0,0,0,.3); align-items:center; justify-content:center; border-radius:18px; border:2px solid #fff;}
.notiPopup-counter span{color:#fff; font-size:18px; font-family:'Gmarket'}
.notiPopup-box .swiper-wrapper{height:400px; width:100%;}
.notiPopup-box .swiper-wrapper .swiper-slide{width:100%; height:100%;}
.notiPopup-box .swiper-wrapper .swiper-slide .img{width:100%; height:100%;}
.notiPopup-box .swiper-wrapper .swiper-slide img{width:100%; height:100%; object-fit:cover;}
/*sc02 - 오른쪽박스*/
.sc02-right{margin-top:165px; flex:1; width:calc(100% - 530px);}
.noti-txt-area{position:relative;  padding:20px 35px; gap:20px; align-items:center;}
.noti-txt-area:before{content:""; display:block; background:rgba(0,0,0,.6); width:2000px; height:100%; position:absolute; left:0; top:0; z-index:-1;}
.noti-txt-area h3{font-family:'Gmarket'; /*font-size:24px;*/font-size:26px; color:#07f1fa; width:125px;  float:left; line-height:45px; font-weight:300;}
.noti-txt-box{width: calc(100% - 150px - 160px); float:left; overflow:hidden;}
.noti-txt-list a{display:block; position:relative; padding-right:130px; float:left; width:100%;}
.noti-txt-list p{line-height:45px; font-family:'Gmarket'; font-size:20px; color:#fff; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-weight:300;}
.noti-txt-list span{line-height:45px; font-family:'Gmarket'; font-size:20px; color:#fff; position:absolute; right:0; top:0;}
/*.noti-txt-itm.swiper-slide{opacity:0 !important;}
.noti-txt-itm.swiper-slide-active{opacity:1;}*/
.noti-txt-pager{display:flex; gap:8px; width:170px; float:right;}
.noti-txt-pager a{display:flex; width:45px; height:45px; background:rgba(0,0,0,.3); align-items:center; justify-content:center; border-radius:18px; border:2px solid #fff;}
.qk-area{display:flex; padding-top:50px;}
.qk-area li{text-align:center; flex:1;}
.qk-area li i{transition:all .3s; display:flex; width:90px; height:90px; border-radius:50%; background:#f2f2f2; justify-content: center; align-items: center; margin:0 auto; margin-bottom:30px;}
.qk-area li p{color:#333; font-size:17px; font-family:'Gmarket'; font-weight:300;}
.qk-area li a:hover i{transform:translateY(-10px);}

/*sc03*/
.sc03{padding:100px 0;}
.sc03 .con{display:flex; gap:80px;}
.sc03-left{flex:1;}
.news-title{display:flex; align-items:center; justify-content:space-between; gap:60px; margin-bottom:25px;}
.news-tab-list{display:flex; gap:30px; flex:1; }
.news-list{opacity:0; height:0; overflow:hidden;}
.news-list.on{opacity:1; height:auto;}
.news-itm{float:left; width:calc((100% - 60px) / 3); margin-right:30px;}
.news-itm:last-child{margin-right:0;}
.news-itm a{display:block; padding:40px 30px; background:#f5f6fa;}
.news-itm .news-itm-label{display:inline-block; padding:10px 20px; background:#0778ed; font-size:18px; font-family:'Gmarket'; color:#fff; font-weight:300; border-radius:32px;}
.news-itm p{font-size:20px; font-weight:600; overflow: hidden;line-height: 1.2em; max-height: 2.4em; min-height:2.4em; margin:30px 0; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.news-itm .news-item-date{font-weight:600; color:#8c8b8b;}
.meal-area{margin-top:40px; display:flex;}
.meal-tit{width:calc(((100% - 60px) / 3) * 1); margin-right:30px; background:url(/resources/custom/images/dormitory/main/ico-diet.png) no-repeat right top;}
.meal-tit p{margin:20px 0; color:#333; font-size:18px; font-family:'Gmarket'; font-weight:300; line-height:1.3}
.meal-tit p span{ color:#2993e4; font-size:22px; font-family:'Gmarket'; font-weight:bold;}
.meal-tit a{display:block; width:100%; line-height:45px; background:#0d3d6f; color:#fff; border-radius:32px; font-family:'Gmarket'; font-weight:300; text-align:center;}
.meal-list{padding-left:20px; padding-top:10px;}
.meal-itm{margin-bottom:20px; padding-left:95px; position:relative;}
.meal-itm > span{color:#1c4c7e; font-size:18px; font-family:'Gmarket'; font-weight:300; position:absolute; left:0; top:0; display:relative;}
.meal-itm > span:after{content:""; display:block; width:100%; height:1.5px; background:#1c4c7e; bottom:-2px; left:0;}
.meal-itm > p > span{padding:4px; display:inline-block; border:1px solid #ccc; margin-right:2px; margin-bottom:2px;border-radius: 8px;}
.cal-tit{display:flex; align-items:center; justify-content:space-between; margin-bottom:12px;}
.cal-tit a{display:block; padding:12px 24px; border:1px solid #0778ed; color:#0778ed;}
.cal-area{width:470px;}
.cal-title{margin-bottom:12px;}
.cal-box-wrap{position:relative;}
.cal-box-wrap:after{content:""; display:block; width:100%; height:100%; border:3px solid #45a865; position:absolute; right:-10px; top:10px; z-index:-1;}
.cal-box{height:490px; overflow-y:scroll; overflow-x: hidden; background:#f6f6f6 url(/resources/custom/images/dormitory/main/ico-calendar.png) no-repeat 95% 95%; padding:25px 35px; border:3px solid #2a71dd; position:relative;}
.cal-box::-webkit-scrollbar {width: 5px;  }
.cal-box::-webkit-scrollbar-thumb {background: rgba(7, 120, 237); border-radius: 10px; }
.cal-box::-webkit-scrollbar-track {background: rgba(7, 120, 237, .1);}
.cal-itm{padding:20px; border-bottom:1px dashed #b4b4b4; }
.cal-itm:last-child{border-bottom:none;}
.cal-itm span{font-weight:300;font-family:'Gmarket'; font-size:16px; color:#5c5c5c;}
.cal-itm p{font-weight:300;font-family:'Gmarket'; font-size:20px; color:#232323; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; margin-top:4px;}

/*sc04*/
.sc04{position:relative; padding:100px 0; }
.sc04:before{content:""; display:block; width:2000px; height:100%; position:absolute; top:0; left:50%; background:#f2f6f7; z-index:-1; transform:translateX(-50%); }
.media-title-box{display:flex; align-items:center; justify-content:space-between; margin-bottom:30px;}
.media-pager{display:flex; gap:8px; text-align:right;}
.media-pager a{display:flex; width:45px; height:45px; background:#fff; align-items:center; justify-content:center; border-radius:18px;}
.media-box{display:flex;}
.media-box .tab-list{width:330px;}
.media-box .tab-itm{width:200px;}
.media-box .tab-itm.on a{border-bottom:2px solid #0778ed; background:url(/resources/custom/images/dormitory/main/ico-media-on.png) no-repeat 95% center;}
.media-slider-area{width:calc(100% - 330px);}
.media-itm{position:relative;}
.media-itm .img{width:100%; height:300px; border-radius:12px 12px 32px 12px; overflow:hidden;}
.media-itm .img img{width:100%; height:100%; object-fit:cover;}
.media-itm p{display:inline-block; padding:10px 20px; border-radius:32px; background:#0778ed; font-weight:300;font-family:'Gmarket'; font-size:18px; color:#fff; position:absolute; left:10px; bottom:10px;}
.media-area{height:0; overflow:hidden;}
.media-area.on{height:auto;}

/*반응형시작*/
@media all and (max-width:1400px){
		.sc03 .con{gap:30px;}
		.cal-area{width:350px;}
		.cal-box{padding:25px 10px;}
		.sc03-left{width:calc(100% - 350px);}
		.news-itm{width:calc((100% - 40px) / 3); margin-right:20px;}
		.news-itm a{padding:20px;}
}
@media all and (max-width:1300px){
		.notiPopup-area{max-width:450px; flex:1;}
		.noti-txt-area{padding:20px 10px;}
		.noti-txt-area h3{font-size:20px; width:90px;}
		.noti-txt-list p, .noti-txt-list span{font-size:18px;}
		.noti-txt-box{    width: calc(100% - 113px - 160px);}
		.qk-area{padding-top:20px;}
		
}
@media all and (max-width:1100px){
		.sc03{padding:50px 0;}
		.sc03 .con{flex-direction:column; gap:40px;}
		.sc03-left{width:100%;}
		.cal-area{width:100%;}
		.cal-box{height:400px;}
}
@media all and (max-width:1000px){
		.mv-txt{padding-top:70px;}
		.mv-txt span{font-size:28px;}
		.mv-area{height:500px;}
		
		.sc02{margin-top:-65px;}
		.sc02-right{margin-top:65px;}
		.noti-txt-area h3{float:none;}
		.noti-txt-pager{position:absolute; right:-12px; top:10px;}
		.noti-txt-box{width:100%;}
		.qk-area{flex-wrap:wrap; padding-left:12px;}
		.qk-area li{width:50%; padding:20px; position:relative; flex:auto; border:1px solid #ddd; text-align:left;}
		.qk-area li i{position:absolute; top:20px; right:20px; display:none;}
		
}
@media all and (max-width:767px){
		.mv-txt{text-align:center;}
		.mv-txt span{font-size:24px;}
		.mv-txt p{font-size:40px;}
		
		
		.sc02{margin-top:-130px;}
		.sc02 .con{display: flex;flex-direction: column;gap: 10px;}
		.notiPopup-area{width:100%; flex:auto; max-width:unset; height:auto;}
		.sc02-right{margin-top:30px; width:100%;}
		.qk-area{padding-left:0px; gap:10px;}
		.qk-area li{height:150px; font-size:16px; width:49%;}
		.qk-area li i{display:flex;}
		.noti-txt-area:before{left:50%; transform:translateX(-50%);}
		
		.cal-box{height:350px;}
		.cal-itm{padding:14px;}
		.cal-itm p{font-size:18px;}
		.news-title{flex-direction:column;     gap: 20px;}
		.news-tab-list{flex-direction:column; width:100%;}
		.tab-itm{width:100%;}
		.news-itm{width:100%; margin-right:0; margin-bottom:12px;}
		.meal-area{flex-direction:column; gap:20px;}
		.meal-itm > span{display:block; margin-bottom:8px;}
		.meal-tit{width:100%;}
		.meal-list{padding-left:0; padding-left:0;}
		.meal-itm{padding-left:0;}
		.meal-itm span{position:relative;}
		
		.sc04{padding:50px 0;}
		.media-box .tab-list{width:100%;}
		.media-slider-area{width:100%;}
		.media-box .tab-itm{width:30%; display:inline-block;}
		.media-box{flex-direction:column;     gap: 20px;}
}
@media all and (max-width:500px){
		.media-box .tab-itm{width:100%;} 
}
/*팝업 - 공통*/
.popup-sl-area.pc { display: flex; }  
.popup-sl-area.mobile { display: none ;} 

@media (max-width: 768px) {
    .popup-sl-area.pc { display: none ; }  
    .popup-sl-area.mobile { display: flex; }  
}
.popup-sl-area{width:100%; height:100vh; position:fixed; background:rgba(0,0,0,.3); top:0; left:0; align-items: center; flex-direction: column; justify-content: center; z-index:300; text-align:center; display:flex; /* padding-top:100px; */}
.popup-sl-area .popup-sl-box{max-width:1320px; margin:0 auto; overflow:hidden; padding:0 12px;}
.popup-sl-area .popup-sl-box .pop-sl-list{width:100%;}
.popup-sl-area .popup-sl-box .pop-sl-itm img{width:100%; height:100%; object-fit:cover;}
.popup-sl-area .popup-sl-box .pop-sl-itm a{display:block !important; width:100%; height:auto; border-radius:32px; overflow:hidden;}
.popup-sl-area .popup-sl-title{max-width:1320px; margin:0 auto 50px; display:flex; align-items:center; justify-content:space-between; padding:0 12px;}
.popup-sl-area .popup-btn{margin-top:20px;}
.popup-sl-area .pop-sl-count{padding:15px 30px; background:#f32276; color:#fff; font-size:16px; border-radius:50px; border:none;}
.popup-sl-area .pop-sl-count span{color:#fff;}
.popup-sl-area .pop-sl-close{padding:15px 50px 15px 30px; background:#343638 url(/resources/custom/images/dormitory/common/pop-close.png) no-repeat  calc(100% - 20px) center; color:#fff; font-size:16px; border-radius:50px; border:none;}
.popup-sl-area .popup-sl-ck{padding:15px 50px 15px 30px; background:#5f5f5f url(/resources/custom/images/dormitory/common/pop-close.png) no-repeat  calc(100% - 20px) center; color:#fff; font-size:16px; border-radius:50px; border:none;}

@media all and (max-width:767px){
        .popup-sl-area {padding-top:30px;}
        .popup-sl-area .popup-sl-box{max-width:500px; width:100%}
        .popup-sl-area .popup-sl-title{flex-direction:column; margin-bottom:20px;}
        .popup-sl-area .popup-sl-title h3{font-size:24px;}
        .popup-sl-area .popup-sl-title > div{justify-content: space-between; width:100%;}
        .popup-sl-area .popup-sl-title > div .popup-sl-prev{margin-left:auto;}
        .popup-sl-area .popup-sl-title .popup-sl-ck{margin-top:10px;}
        .popup-sl-area .popup-sl-title img{max-width:42px;}
        .popup-sl-area .popup-btn{margin-bottom:12px;}
}

/* 2025-08 추가 */
/* 팝업 컨테이너는 항상 차지 */
.popup-sl-box {
    visibility: hidden; /* 초기 숨김 */
}

.popup-sl-box.swiper-initialized {
    visibility: visible; /* 초기화 후 표시 */
}