@import url('common.css');


/* Visual */
#visual { position:relative; width:100%; height:var(--vh); z-index:0; overflow:hidden; background:var(--bk000); }
#visual .visual_slide { position:absolute; inset:0; width:100%; height:100%; z-index:0; }
#visual .visual_slide .swiper-wrapper,
#visual .visual_slide .swiper-slide { width:100%; height:100%; }
#visual .visual_slide .swiper-slide { background:var(--bk000); overflow:hidden; }
#visual .visual_slide picture{display:block; width:100%; height:100%;}
#visual .visual_slide img { display:block; width:100%; height:100%; object-fit:cover; opacity:0.65; pointer-events:none; -webkit-user-drag:none; user-select:none; }
#visual .swiper-slide.is-video .jarallax { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; opacity:0.65 !important;}
#visual .swiper-slide.is-video .jarallax-container { position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; clip:auto !important; clip-path:none !important; transform:none !important; pointer-events:none !important; }
#visual .swiper-slide.is-img img { transform:scale(1.18); transform-origin:center center; will-change:transform; }
#visual .swiper-slide.is-img img.is-zoom { animation:visualKen 6s cubic-bezier(0.22, 1, 0.36, 1) forwards; }
@keyframes visualKen { 0%{ transform:scale(1.18); } 100%{ transform:scale(1); } }
#visual::after { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(0,0,0,0.52) 0%, rgba(0,0,0,0.052) 30%, rgba(0,0,0,0.052) 80%, rgba(0,0,0,0.52) 100%); pointer-events:none; }
#visual .visual_txt { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:4; display:flex; flex-direction:column; align-items:center; gap:21px; width:90%; max-width:800px; text-align:center; color:var(--white); pointer-events:none; }
#visual .visual_txt .eng { font-weight:800; letter-spacing:0.1em; text-transform:uppercase; color:var(--white); }
#visual .visual_txt h2 { color:var(--white); font-weight:800; }
#visual .visual_txt .fs20 { color:var(--white); font-weight:400; }
#visual .visual_txt .visual_line { overflow:hidden; width:100%; }
#visual .visual_txt .visual_line > * { opacity:0; transform:translateY(36px); transition:opacity 0.75s ease, transform 0.85s cubic-bezier(0.22, 1, 0.36, 1); }
#visual .visual_txt:not(.on) .visual_line > * { opacity:0; transform:translateY(36px); transition-delay:0s; }
#visual .visual_txt.on .visual_line:nth-child(1) > * { opacity:1; transform:translateY(0); transition-delay:0.08s; }
#visual .visual_txt.on .visual_line:nth-child(2) > * { opacity:1; transform:translateY(0); transition-delay:0.28s; }
#visual .visual_txt.on .visual_line:nth-child(3) > * { opacity:1; transform:translateY(0); transition-delay:0.48s; }
#visual .visual_ctrl { position:absolute; left:50%; bottom:34px; transform:translateX(-50%); z-index:5; display:flex; align-items:center; justify-content:flex-end; gap:20px; }
#visual .visual_num { display:flex; align-items:baseline; gap:8px; flex-shrink:0; white-space:nowrap; color:var(--white); position:static; width:auto; height:auto; }
#visual .visual_num strong { color:var(--white); font-weight:700; letter-spacing:0; }
#visual .visual_num span { color:var(--white); opacity:0.5; letter-spacing:0; }
#visual .slide_arrows button { border-color:rgba(255,255,255,0.3); color:var(--white); }
#visual .slide_arrows button::before { font-family:var(--icon); font-size:24px; line-height:1; font-weight:normal; font-style:normal; -webkit-font-feature-settings:'liga'; font-feature-settings:'liga'; }
#visual .visual_prev::before { content:'arrow_back'; }
#visual .visual_next::before { content:'arrow_forward'; }
#visual .slide_arrows button:hover { border-color:var(--main); color:var(--white); background:var(--main); }
#visual .scr { position:absolute; left:50%; bottom:30px; transform:translateX(-50%); width:30px; height:64px; padding:0; border:0; background:none; z-index:5; cursor:pointer; }
#visual .scr .mouse { position:absolute; left:50%; top:0; width:30px; height:44px; margin-left:-15px; box-sizing:border-box; border:2px solid var(--white); border-radius:20px; opacity:0.7; animation:scrMouse 1.2s ease-in-out infinite alternate; }
#visual .scr .mouse i { display:block; position:absolute; left:50%; top:12px; width:4px; height:8px; margin:0 0 0 -2px; padding:0; font-style:normal; line-height:0; border-radius:50px; background:var(--white); animation:scrWheel 1.2s ease-in-out infinite alternate; }
#visual .scr .arrow { position:absolute; left:50%; width:12px; height:6px; margin-left:-6px; display:block; }
#visual .scr .arrow.a1 { top:51px; opacity:1; animation:scrArr1 1.2s ease-in-out infinite alternate; }
#visual .scr .arrow.a2 { top:58px; opacity:0.5; animation:scrArr2 1.2s ease-in-out infinite alternate; }
@keyframes scrMouse { 0%{ top:0; opacity:0.7; } 100%{ top:2px; opacity:1; } }
@keyframes scrWheel { 0%{ top:12px; } 100%{ top:24px; } }
@keyframes scrArr1 { 0%{ opacity:1; } 100%{ opacity:0.5; } }
@keyframes scrArr2 { 0%{ opacity:0.5; } 100%{ opacity:1; } }


/* Section Title */
.tit_wrap { display:flex; flex-direction:column; align-items:center; gap:14px; margin-bottom:60px; }
.tit_wrap .fs18 { font-family:var(--eng); font-weight:600; letter-spacing:0; color:var(--main); }
.tit_wrap .fs64 { font-weight:700; }
.point { color:var(--main) !important; }


.slide_ctrl { display:flex; align-items:center; gap:30px; width:100%; }
.slide_arrows { display:flex; align-items:center; gap:6px; flex-shrink:0; }
.slide_arrows button { display:flex; align-items:center; justify-content:center; width:56px; height:56px; border:1px solid var(--border); border-radius:40px; background:transparent; color:var(--black); cursor:pointer; transition:border-color 0.3s linear, color 0.3s linear, background 0.3s linear; }
.slide_arrows button .material-symbols-outlined { font-size:24px; width:24px; height:24px; line-height:24px; color:inherit; opacity: 0.5;}
.slide_arrows button:hover { border-color:var(--main); color:var(--white); background:var(--main); }
.slide_arrows button:hover .material-symbols-outlined {opacity: 1;}

.album_progress,
.awards_progress { display:block; flex:1 1 auto; min-width:80px; position:relative !important; left:auto !important; top:auto !important; width:auto !important; height:2px; background:rgba(42,38,35,0.1); overflow:visible; }
.album_progress .swiper-pagination-progressbar-fill,
.awards_progress .swiper-pagination-progressbar-fill { width:12%; height:6px; top:-2px; left:0; position:absolute; background:transparent; transform:none; transition:width 0.6s ease; }
.album_progress .swiper-pagination-progressbar-fill::before,
.awards_progress .swiper-pagination-progressbar-fill::before { content:''; position:absolute; left:0; right:3px; top:2px; height:2px; background:var(--main); }
.album_progress .swiper-pagination-progressbar-fill::after,
.awards_progress .swiper-pagination-progressbar-fill::after { content:''; position:absolute; right:0; top:0; width:6px; height:6px; border-radius:50%; background:var(--main); }

.img_area { display:block; position:relative; overflow:hidden; border-radius:var(--borderR30); background:var(--bk000); }
.img_area img { display:block; width:100%; height:100%; object-fit:cover; transition:transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); }
.img_area::after { content:'add'; position:absolute; left:50%; top:50%; width:64px; height:64px; margin:-32px 0 0 -32px; border-radius:50%; background:var(--white); color:var(--main); font-family:var(--icon); font-size:26px; line-height:64px; text-align:center; opacity:0; transform:scale(0.7) rotate(0deg); transition:opacity 0.3s linear, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1); z-index:2; -webkit-font-feature-settings:'liga'; font-feature-settings:'liga'; }
.news_latest:hover .thumb img { transform:scale(1.06); }


/* News */
#news { background:var(--white); position:relative; z-index:1; overflow:hidden; }
#news .news_wrap { display:flex; gap:30px; align-items:stretch; }
#news .news_board { flex:880 1 0; min-width:0; height:auto; display:flex; flex-direction:column; gap:30px; padding:50px; box-sizing:border-box; border:1px solid var(--border); border-radius:var(--borderR30); background:var(--white); }
#news .news_cal { flex:620 1 0; min-width:0; height:auto; display:flex; flex-direction:column; gap:30px; padding:50px; box-sizing:border-box; border-radius:var(--borderR30); background:var(--grayBg); position:relative; overflow:hidden; }
.news_head { display:flex; align-items:center; justify-content:space-between; gap:20px; position:relative; z-index:1; }
#news .news_tab { display:flex; align-items:center; gap:30px; }
#news .news_tab button { padding:0; border:0; background:none; cursor:pointer; font-weight:700; color:var(--black); opacity:0.2; transition:opacity 0.3s linear, color 0.3s linear; }
#news .news_tab button.on { opacity:1; }
#news .news_tab button:hover { opacity:1; color:var(--main); }
#news .news_board .plus_btn { background:var(--main); }
#news .news_board .plus_btn:hover { background:var(--main); }
#news .news_board .news_more { display:none; }
#news .news_board .news_more.on { display:flex; }
#news .news_panel { display:none; flex-direction:column; gap:30px; flex:1; min-height:0; }
#news .news_panel.on { display:flex; }
#news .news_latest { display:flex; align-items:center; gap:40px; padding-bottom:30px; border-bottom:1px solid var(--border); }
#news .news_latest .thumb { display:block; width:40%; flex-shrink:0; overflow:hidden; border-radius:var(--borderR10); background:var(--grayBg); position:relative; aspect-ratio:310/202; }
#news .news_latest .thumb img { display:block; position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); }
#news .news_latest .txt { flex:1; min-width:0; display:flex; flex-direction:column; gap:12px; align-items:flex-start; }
#news .news_latest .txt strong { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-weight:600; color:var(--black); }
#news .news_latest .date { padding-top:10px; }
#news .news_latest .date::before { content:"\ebcc"; font-family:var(--icon); font-size:20px; line-height:20px; }
#news .news_list { display:flex; flex-direction:column; gap:12px; }
#news .news_list a { display:flex; align-items:center; gap:20px; }
#news .news_list a span { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#news .news_list a em { flex-shrink:0; width:88px; text-align:right; font-style:normal; color:var(--light); letter-spacing:0; }
#news .news_list a:hover span { color:var(--main); }

#news .cal_month { display:flex; align-items:center; justify-content:space-between; padding:10px 0; border-top:2px solid var(--main); border-bottom:1px solid var(--border); position:relative; z-index:1; }
#news .cal_month button { display:flex; align-items:center; justify-content:center; width:26px; height:26px; padding:0; border:0; background:none; color:var(--black); cursor:pointer; transition:color 0.3s linear; }
#news .cal_month button::before { font-family:var(--icon); font-size:26px; line-height:26px; opacity:0.5; transition:opacity 0.3s linear; }
#news .cal_month .cal_prev::before { content:"\e5c4"; }
#news .cal_month .cal_next::before { content:"\e5c8"; }
#news .cal_month button:hover { color:var(--main); }
#news .cal_month button:hover::before { opacity:1; }
#news .cal_month strong { font-family:var(--eng); font-weight:700; color:var(--main); letter-spacing:0; }
#news .cal_scroll { width:100%; height:293px; min-height:0; position:relative; z-index:1; }
#news .cal_scroll .simplebar-content-wrapper { overscroll-behavior:contain; }
#news .cal_scroll .simplebar-content { padding-right:14px !important; }
#news .cal_scroll .simplebar-track.simplebar-vertical { width:4px; top:0; bottom:0; right:0; border-radius:50px; background:rgba(42,38,35,0.1); }
#news .cal_scroll .simplebar-scrollbar::before { inset:0; border-radius:50px; background:var(--main); opacity:1; }
#news .cal_list { display:flex; flex-direction:column; gap:12px; width:100%; box-sizing:border-box; }
#news .cal_list li { display:flex; align-items:flex-start; }
#news .cal_list li span { min-width:65px; flex-shrink:0; padding-right:10px; box-sizing:border-box; color:var(--black); letter-spacing:0; white-space:nowrap; }
#news .cal_list li p { flex:1; min-width:0; }
#news .cal_list li p a { color:inherit; transition:color 0.3s linear; }
#news .cal_list li p a:hover { color:var(--main); }
#news .cal_list li.empty p { color:var(--light); }
#news .cal_char { position:absolute; right:103px; top:58px; width:81px; height:99px; object-fit:contain; object-position:center top; pointer-events:none; z-index:0; z-index: 99;}


/* Album */
#album { background:var(--grayBg); position:relative; overflow:hidden; z-index:1; }
#album::before { content:''; position:absolute; left:50%; bottom:-30px; width:1177px; height:1576px; margin-left:-588px; background:url("/img/album_deco.png") center / contain no-repeat; pointer-events:none; opacity:0.9; }
#album .basic_in { position:relative; z-index:1; }
#album .album_wrap { display:flex; flex-direction:column; gap:30px; width:100%; min-width:0; }
#album .album_slide { width:100%; min-width:0; overflow:hidden; }
#album .album_item { display:flex; flex-direction:column; align-items:flex-start; width:100%; min-width:0; }
#album .album_item .img_area { width:100%; height:auto; margin-bottom:20px; aspect-ratio:490/319; }
#album .album_item .img_area img { width:100%; height:100%; max-width:100%; object-fit:cover; }
#album .album_item .img_area::before { content:''; position:absolute; left:50%; top:50%; width:658px; height:658px; margin:-329px 0 0 -329px; border-radius:50%; background:var(--main); opacity:0; transform:scale(0.015); transform-origin:center center; transition:transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.35s linear; z-index:1; pointer-events:none; }
#album .album_item strong { display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600; color:var(--black); }
#album .album_item .date { padding-top:10px; }
#album .album_item:hover .img_area img { transform:scale(1.14); }
#album .album_item:hover .img_area::before { opacity:0.88; transform:scale(1); }
#album .album_item:hover .img_area::after { opacity:1; transform:scale(1) rotate(180deg); }
#album .album_item:hover strong { font-weight:800; }


/* Quick + Meal */
#quick { background:var(--white); position:relative; z-index:1; overflow:hidden; }
#quick .quick_wrap { display:flex; gap:60px; align-items:stretch; }
#quick .quick_left { flex:880 1 0; min-width:0; display:flex; flex-direction:column; gap:60px; }
#quick .quick_btns { display:flex; align-items:center; }
#quick .quick_item { display:flex; flex-direction:column; align-items:center; gap:12px; width:170px; flex-shrink:0; }
#quick .quick_item + .quick_item { flex:1; min-width:0; width:auto; }
#quick .quick_item .icon { display:flex; align-items:center; justify-content:center; width:110px; height:110px; overflow:hidden; border-radius:var(--borderR30); background:var(--white); border:1px solid var(--border); position:relative; box-sizing:border-box; transition:border-color 0.3s linear; }
#quick .quick_item .icon::before { content:''; position:absolute; left:50%; top:50%; width:144px; height:144px; margin:-72px 0 0 -72px; border-radius:50%; background:var(--main); opacity:0; transform:scale(0.07); transform-origin:center center; transition:transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s linear; z-index:0; pointer-events:none; }
#quick .quick_item .icon img { display:block; width:58px; height:58px; object-fit:contain; position:relative; z-index:1; transition:filter 0.35s linear; }
#quick .quick_item .txt { color:var(--basic); }
#quick .quick_item:hover .icon { border-color:transparent; }
#quick .quick_item:hover .icon::before { opacity:1; transform:scale(1); }
#quick .quick_item:hover .icon img { filter:brightness(0) invert(1); }
#quick .quick_item:hover .txt { color:var(--main); font-weight: 600; }

#quick .quick_banners { display:flex; gap:30px; flex:1; min-height:0; }
#quick .banner_card { display:flex; flex-direction:column; gap:13px; align-items:flex-start; position:relative; overflow:hidden; padding:50px; box-sizing:border-box; border-radius:var(--borderR30); color:var(--white); min-height:458px; }
#quick .banner_card strong { position:relative; z-index:1; color:var(--white); }
#quick .banner_card p { position:relative; z-index:1; color:var(--basicW); }
#quick .banner_card .plus_btn { position:absolute; right:40px; top:55px; z-index:2; }
#quick .banner_card.dorm { width:410px; flex-shrink:0; background:var(--sub) url("/img/char_dorm.png") center / cover no-repeat; }
#quick .banner_card.dorm .banner_char { display:none; }
#quick .banner_card.admit { flex:1; min-width:0; background:var(--main) url("/img/admit.jpg") center / cover no-repeat; }
#quick .banner_card.admit::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg, rgba(250,102,0,0.88) 0%, rgba(250,102,0,0.35) 70%, rgba(250,102,0,0.15) 100%); }
#quick .banner_card:hover { transform:translateY(-4px); transition:transform 0.35s cubic-bezier(0.22, 1, 0.36, 1); }
#quick .banner_card:hover .plus_btn::before { transform:rotate(90deg); }
#quick .banner_card { transition:transform 0.35s cubic-bezier(0.22, 1, 0.36, 1); }

#quick .meal_box { flex:590 1 0; min-width:0; display:flex; flex-direction:column; gap:30px; padding:50px; box-sizing:border-box; border:1px solid var(--border); border-radius:var(--borderR30); background:var(--white); }
#quick .meal_box h3 { white-space:nowrap; }
#quick .meal_list { display:flex; flex-direction:column; }
#quick .meal_list li { display:flex; align-items:center; gap:25px; padding:10px 0; border-bottom:1px dashed var(--border); }
#quick .meal_list li:first-child { padding-top:0; }
#quick .meal_list li:last-child { padding-bottom:0; border-bottom:0; }
#quick .meal_img { display:block; width:34%; max-width:200px; flex-shrink:0; overflow:hidden; border-radius:var(--borderR10); background:var(--sub3); aspect-ratio:4/3; }
#quick .meal_img img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
#quick .meal_txt { flex:1; min-width:0; display:flex; flex-direction:column; gap:1px; }
#quick .meal_txt strong { color:var(--black); font-weight:600; }
#quick .meal_txt p { display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }


/* Awards */
#awards { position:relative; overflow:hidden; z-index:1; background:var(--grayBg) url("/img/award_bg.png") center / cover no-repeat; }
#awards .basic_in { position:relative; z-index:1; }
#awards .awards_wrap { display:flex; flex-direction:column; gap:30px; width:100%; min-width:0; }
#awards .awards_slide { width:100%; min-width:0; overflow:hidden; }
#awards .awards_slide .swiper-wrapper { align-items:stretch; }
#awards .awards_slide .swiper-slide { height:auto; display:flex; }
#awards .award_card { display:flex; flex-direction:column; align-items:center; gap:15px; width:100%; min-height:333px; height:auto; flex:1; padding:35px 30px 30px; box-sizing:border-box; border:1px solid rgba(255,255,255,0.3); border-radius:var(--borderR30); background:rgba(255,255,255,0.75); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); position:relative; overflow:hidden; cursor:pointer; }
#awards .award_card::before { content:''; position:absolute; left:50%; bottom:0; width:818px; height:818px; margin:0 0 -409px -409px; border-radius:50%; background:var(--main); opacity:0; transform:translateY(20%) scale(0.12); transform-origin:center center; transition:transform 0.7s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.35s linear; z-index:0; pointer-events:none; }
#awards .award_card .medal { display:block; width:32px; height:40px; flex-shrink:0; position:relative; z-index:1; }
#awards .award_card strong { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; width:100%; text-align:center; font-weight:600; font-size:1.1111rem; line-height:1.6; letter-spacing:-0.04em; color:var(--black); position:relative; z-index:1; transition:color 0.35s linear; }
#awards .award_card ul { display:flex; flex-direction:column; gap:2px; width:100%; flex:1; position:relative; z-index:1; }
#awards .award_card li { display:flex; align-items:center; justify-content:center; padding:8px 10px; border:1px solid var(--border); border-radius:var(--borderR10); text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--basic); transition:color 0.35s linear, border-color 0.35s linear; }
#awards .award_card:hover { border-color:rgba(255,255,255,0.3); }
#awards .award_card:hover::before { opacity:1; transform:translateY(0) scale(1); }
#awards .award_card:hover strong { color:var(--white); }
#awards .award_card:hover li { color:var(--white); border-color:rgba(255,255,255,0.3); }



/*******************************************************************************
	@media ~1680px
*******************************************************************************/
@media all and (max-width:1680px) { 



}

/*******************************************************************************
	@media ~1500px
*******************************************************************************/
@media all and (max-width:1500px) { 
	#news .news_board,
	#news .news_cal { padding:40px; }
	#news .news_latest { gap:24px; }
	#quick .quick_wrap { gap:30px; }
	#quick .quick_left { flex:880 1 0; min-width:0; }
	#quick .banner_card { padding:40px; min-height:400px; }
	#quick .banner_card.dorm { width:46%; flex:none; min-width:0; }
	#quick .meal_box { padding:40px; }
}

/*******************************************************************************
	@media ~1300px
*******************************************************************************/
@media all and (max-width:1300px) { 
	#news .news_wrap { gap:20px; }
	#quick .quick_wrap { flex-direction:column; align-items:stretch; gap:30px; }
	#quick .quick_left,
	#quick .meal_box { flex:none; width:100%; min-width:0; }
	#quick .quick_btns { width:100%; }
	#quick .quick_item,
	#quick .quick_item + .quick_item { width:20%; flex:none; }
	#quick .quick_item .icon { width:80%; max-width:110px; aspect-ratio:1; height:auto; }
	#quick .quick_banners { width:100%; min-height:0; }
	#quick .banner_card { min-height:320px; }
	#quick .banner_card.dorm { flex:1 1 0; width:auto; min-width:0; }
	#quick .meal_img { width:32%; max-width:180px; }

}

/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) { 
	#visual .visual_txt { gap:12px; }
	#visual .visual_ctrl { bottom:20px; }
	#visual .slide_arrows button::before { font-size:20px; }
	#visual .scr { bottom:20px; }

	.tit_wrap { gap:8px; margin-bottom:30px; }
	.slide_ctrl { gap:16px; }
	.slide_arrows button { width:44px; height:44px; }
	.slide_arrows button .material-symbols-outlined { font-size:20px; width:20px; height:20px; line-height:20px; }

	#news .news_wrap { flex-direction:column; }
	#news .news_board,
	#news .news_cal { flex:none; width:100%; padding:30px; gap:20px; }
	#news .news_latest .date {padding-top: 0;}
	#quick .meal_box { padding:30px; gap:20px; }
	#news .news_tab { gap:16px; }
	#news .news_latest { flex-direction:column; align-items:flex-start; gap:16px; padding-bottom:20px; }
	#news .news_latest .thumb { width:100%; max-width:none; }
	#news .cal_char { width:60px; height:73px; right:70px; top:40px; }
	#news .cal_scroll { height:240px; }

	#quick .quick_left { gap:30px; }
	#quick .quick_btns { flex-wrap:wrap; justify-content:center; gap:16px 0; }
	#quick .quick_banners { flex-direction:column; }
	#quick .banner_card,
	#quick .banner_card.dorm { width:100%; flex:none; min-height:280px; padding:30px; }
	#quick .banner_card .plus_btn { right:24px; top:30px; }
	#quick .banner_card.dorm .banner_char { width:220px; right:-20px; bottom:-30px; }
	#quick .meal_list li { gap:16px; }
	#quick .meal_img { width:36%; max-width:140px; }

	#awards .award_card { min-height:280px; padding:28px 20px 24px; }
	
}

/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) { 
	#visual .visual_txt { gap:10px; }
	#visual .visual_ctrl { gap:12px; bottom:16px; }
	#visual .scr { display:none; }

	.slide_ctrl { flex-wrap:wrap; justify-content:center; row-gap:10px; }
	.slide_ctrl .view_more { width:130px; margin-left:calc(50% - 65px); margin-right:calc(50% - 65px); }
	.slide_arrows button { width:36px; height:36px; }
	.slide_arrows button .material-symbols-outlined { font-size:16px; width:16px; height:16px; line-height:16px; }

	#news .news_board,
	#news .news_cal,
	#quick .meal_box { padding:20px; }
	#news .news_tab { gap:10px; }
	#news .cal_scroll { height:200px; }
	#news .cal_char { display:none; }
	#news .news_latest .date::before { font-size:16px; line-height:16px; }

	#album .album_item .img_area { margin-bottom:12px; border-radius:var(--borderR20); }

	#quick .quick_item,
	#quick .quick_item + .quick_item { width:33.33%; }
	#quick .quick_item .icon { width:80px; max-width:80px; height:80px; border-radius:18px; }
	#quick .quick_item .icon img { width:42px; height:42px; }
	#quick .quick_item .icon::before { width:110px; height:110px; margin:-55px 0 0 -55px; }
	#quick .banner_card { min-height:240px; border-radius:var(--borderR20); }
	#quick .meal_list li { flex-direction:column; align-items:flex-start; }
	#quick .meal_img { width:100%; max-width:none; }

	#awards .award_card { min-height:260px; border-radius:var(--borderR20); }
	
}