@charset "utf-8";

html, body {overflow-x:hidden;}

/* common */
.sec_inner{max-width: 1500px; margin: 0 auto;}
.sec span, .sec h2{line-height: 1;}
/*
.sec span{font-size: clamp(14px, 1vw, 26px);font-weight: 300;}
*/
.sec h2{font-size: clamp(30px, 3vw, 60px); font-weight: 600;}
.sec h3 {padding-bottom:1rem;color:#000;font-size:clamp(30px,3.5vw,54px);font-weight:700;position:relative;line-height:1}
.sec h3>span {color:#19633d;font-weight:inherit;}
.sec h3 + p {color:#000;font-size: 2.5rem; line-height: 1.3;}
.link_more a{display: inline-block; width: 18px; height: 18px;background: url('/hpg/type_B/images/common/ico_plus.png') no-repeat; position: absolute;}
	@media screen and (max-width: 780px){
		.sec_inner{max-width: 708px; margin: 0 auto;}
	}
/* main */
.main-Visual{position: relative;}
.main-container {position: relative;overflow:hidden;height: 730px;}
.main-ct{flex: none; width: 100%;}
.main-slide{width: 100%;height: 730px;background-repeat: no-repeat; background-position: center; background-size: cover;}
.main-slide img{width: 100%; height: 100%; object-fit: cover;}

.phrase-box {max-width:56%; padding:6rem 5% 6rem max(40px, 10.937vw); background-color: rgba(24, 98, 60, 0.8); border-top-right-radius:min(40px, 2.66vw); border-bottom-right-radius:min(40px, 2.66vw); position: absolute; bottom:16rem;display: flex; flex-direction: column;justify-content:center; align-items: flex-start; gap: 3rem 0;letter-spacing:-1px;}
.phrase-box .phrase-tit {color:#fff; font-size:clamp(30px, 4vw, 50px);font-weight:500;font-family:'Roboto';}
.phrase-box .phrase-txt {color:#fff;font-size:clamp(16px, 1.733vw,26px);font-family:'Noto Sans CJK',sans-serif;}

/* 컨트롤러 */
.phrase-General{height: 20px; display: flex; align-items: center;gap:0 1rem; position: absolute; bottom:3rem; left:11.3%;}
.target-dots-box>ul.target-dots{display: flex; gap: 7px; list-style: none;}
.target-dots-box>ul>li {width: 20px; height:5px;border-radius: 2.5px; background-color: rgba(68, 68, 68, 0.4); cursor: pointer; transition: all 0.3s ease;}
.target-dots-box>ul>li.slick-active {width: 70px; background-color: rgba(192, 224, 40, 0.6);}
.target-dots-box li button {opacity: 0; width: 100%; height: 100%;}/* 도트 내부 버튼 숨기기 */

.slick-prev, .slick-next {width:20px; height: 20px; background-size: contain; background-repeat: no-repeat; text-indent: -9999em;}
.target-arrows {display:flex;justify-content:space-between;width:60px;}
.target-arrows button.slick-prev, .phrase-General button.slick-next{content: '';}
.target-arrows button.slick-prev.slick-arrow{background: url('/hpg/type_B/images/common/ico_leftarr_on.png') no-repeat 0 50%;}
.target-arrows button.slick-next.slick-arrow{background: url('/hpg/type_B/images/common/ico_rightarr_on.png') no-repeat 100% 50%;}
.target-arrows button.slick-prev.slick-arrow.slick-disabled,
.target-arrows button.slick-next.slick-arrow.slick-disabled {opacity:.4;pointer-events: none !important;}

button[type="button"].target-play{width: 11px; height: 15px; background: url('/hpg/type_B/images/common/ico_pause.png') no-repeat center; position: relative; right:4.5rem;}
button[type="button"].target-play.pause{background: url('/hpg/type_B/images/common/ico_play.png') no-repeat center;}
	@media screen and (max-width:1024px){
		.main-container {height:650px;}
		.main-slide {height:650px;}
		.phrase-box{max-width:84.1%;padding:4rem 3.3% 6rem;}
		.phrase-box .phrase-tit {display:-webkit-box;white-space:normal;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
		.phrase-General{left:3.3%;}
	}
	@media screen and (max-width:780px){
		.main-container {height:585px;}
		.main-slide {height:585px;}
		.main-slide img {object-position:center}
		.phrase-box {padding:4rem 5% 6rem;}
		.phrase-General{left:5%;gap:0 .5rem;}
		.target-dots-box>ul.target-dots {gap:.5rem;}
		.target-dots-box>ul>li{width: 20px;height:4px;border-radius:2px;}
		.target-dots-box>ul>li.slick-active {width: 50px;}
		.slick-prev, .slick-next {width:15px; height:15px;}
		.target-arrows {width:45px;}
		button[type="button"].target-play {right:3.25rem}
	}
	@media screen and (max-width:390px){
		.phrase-box {gap:1rem 0;}
		.target-dots-box>ul>li{width: 12px;}
		.target-dots-box>ul>li.slick-active {width: 20px;}
	}
	@media screen and (min-width:1025px){
		.phrase-box {min-height:280px;}
		.phrase-box .phrase-tit {display:-webkit-box;white-space:normal;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
		.target-arrows button.slick-prev.slick-arrow:hover{background: url('/hpg/type_B/images/common/ico_leftarr_off.png') no-repeat 0 50%;}
		.target-arrows button.slick-next.slick-arrow:hover{background: url('/hpg/type_B/images/common/ico_rightarr_off.png') no-repeat 100% 50%;}
	}
	
/* SNS LINKS */
.social-links {position: absolute;margin:0 auto;max-width:1500px;bottom:3rem;right:0;transform:translateX(-50%)}
.social-links>ul {display:flex;flex-direction: column;justify-content: flex-end;gap:1rem;position: relative;}
.social-links>ul>li {flex:none;width:250px;position: relative;}
.social-link {display:block;width:100%;padding:1.1rem 2.5rem 1.1rem 5%;border-radius:8px;color: #fff;background:#19633d url('/hpg/type/images/common/ico_arr_w.png') no-repeat calc(100% - 10px) 50%;background-size:auto 18px;line-height:1.1}
.social-link>dl {display:flex;align-items:center;gap:0 1rem;}
.social-link>dl>dt {flex:none;width:32px;aspect-ratio:1/1;border: 1px solid #fff; border-radius: 6px;display:flex;justify-content:center;align-items:center;}
.social-link>dl>dt>img {position:relative;width:16px;height:16px;object-fit:contain;}
.social-link>dl>dd {flex:none;width:calc(100% - 40px);font-size:clamp(12px,0.933vw,14px);}
.social-link>dl>dd>strong {display:block;font-weight:600;}
	@media screen and (max-width:1024px) {
		.social-links {bottom:1rem;right:unset;left:3.3%;transform:translateX(0);}
	}
	@media screen and (max-width:780px) {
		.social-links {left:5%;transform:translateX(0);}
	}
	
/* 공지사항 */
.notice {background-color: #fbfbfb; position: relative;}
.noitce_Nav{padding: 13.6rem 0; position: relative;}
.notice_Nav ul{display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end;gap: 2.5rem;}
.notice_Nav ul li {position:relative;}
.notice_Nav ul li a {display:block;color: #767676;font-size:clamp(17px,1.33vw,20px);line-height:1;transition:all .3s;}
.notice_Nav ul li.on a {color: #111;font-size:clamp(24px,2.13vw,32px);}
.noticeNav_conts {display:none;position: relative;padding-bottom:5rem;}

.nt_box {display:block;width:100%;padding:7% 0;aspect-ratio: 1/.95;}
.nt_box .post_tit {display:flex;flex-direction:column;height:100%;padding:0 7%;}
.nt_box .post_tit>.subject {flex:none;width:100%;display: flex; flex-direction: column;gap:min(25px, 2vw) 0;color:#111;}
.nt_box .post_tit>.subject_info {flex:none;width:100%;margin-top:auto;} 
.nt_box .post_tit>.subject_info>li.w_date {width:100%;color: #111111;font-size:14px;font-weight:300;text-align:left;line-height:1}
.nt_box .subject .nav_tit {font-size:14px}
.nt_box .subject .subject_click {height:60px;max-height:60px;display:-webkit-box;white-space:normal;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical; word-break: break-all;font-size:20px;font-weight:500;line-height:1.5;}
.nt_box .subject .subject_desc {height:41.6px;max-height:41.6px;display:-webkit-box;white-space:normal;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical; word-break: break-all;font-size:16px;font-weight:300;line-height:1.3;}
	@media screen and (max-width: 1024px){
		.nt_box {aspect-ratio: 1/.7;}
		.nt_box .subject .subject_click {font-size:18px;line-height:1.3;height:46.8px;max-height:46.8px;}
		.nt_box .subject .subject_desc {font-size:15px;line-height:1.3;height:39px;max-height:39px;}
	}
	@media screen and (max-width:914px){
		.nt_box {aspect-ratio: auto;}
	}
	@media screen and (max-width: 780px){
		.nt_box {padding:7% 0;}
		.nt_box .post_tit .subject {gap:1.5rem 0;padding-bottom:2rem;}
	}
	@media screen and (min-width: 1025px){
		.notice_Nav ul li a:hover {color: #111;font-size:clamp(24px,2.13vw,32px);}
	}

/* 홍보/신방/학사 */
.picture-container{padding: 0 2.6%;}
.schedule_wrap{display: flex; flex-direction: row;padding: 74px 0 91px; gap:0 5%;}
.schedule_wrap h4 {font-size:clamp(24px,2.13vw,32px);font-weight:400; color: #111; line-height: 1;}
.schedBox{flex:1;position: relative;}
.link_more a.sch_bt{top: 14px; right: 0;}

/* 홍보 & 신방 */
.schedBox .promotion_box {width: 100%;margin: 40px 0 20px;}
.schedBox .promotion_box iframe{border-radius:min(20px, 1.33vw);aspect-ratio: 16 / 10;overflow:hidden; }
.schedBox .promotion_box a {display:block;border-radius:min(20px, 1.33vw);aspect-ratio: 16 / 10;overflow:hidden; }
.schedBox .promotion_box a img {width: 100%; height: 100%; object-fit:cover;}
.scheVideo .promotion_box a {position: relative; cursor: pointer; width: 100%;height: auto; display: inline-block }

.schedBox .promotion_title a p{font-size:clamp(15px,1.33vw,20px); font-weight: 500; color: #000; line-height: 1;}
.schedBox .promotion_title a span{font-size:clamp(14px,1.2vw,18px); font-weight: 300; color: #767676;}
	@media screen and (max-width: 1024px){
		.scheVideo .promotion_box a .playBn{width: 15vw; height: 15vw; transform: translate(-50%, -50%);}
	}
	@media screen and (max-width: 780px){
	
	}
	@media screen and (min-width: 1025px){}
	
/* 퀵메뉴 */
.quick-Menu{width: 100%; height: 100%; background-image: url('/hpg/type_B/images/main/subQuick_bg.png'); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; padding: 78px 2.6%;}
.quick-Menu::after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(24, 98, 60, 0.8);}

.quick_wrap{position: relative; z-index: 1;}
.quick_wrap::after{content: ""; clear: both;}
.shortcuts_conts {display: flex;justify-content:space-between; align-items: flex-start;gap:0 3%;}
.shortcuts_conts h4 {flex:none;padding-right:2.66vw;font-size: clamp(21px, 6vw , 34px); font-weight: 300;color: #fff;}
.shortcuts_conts ul{flex:1;display: flex; flex-wrap: wrap;align-items: center; gap:2rem 2.3%;}
.shortcuts_conts ul li {flex:1;max-width:140px;min-width:128px;}
.shortcuts_conts ul li a {display: block;width:100%; aspect-ratio:1/1;border: 1px solid #fff; border-radius:clamp(8px, 1.06vw, 16px); background: transparent;overflow:hidden;transition: all 0.3s;text-align:center;}
.quick_con {display:flex;flex-direction:column;justify-content:center;height:100%;}
.quick_con dt {flex:none;width:100%;}
.quick_con dt img{width: 50%; height: auto;}
.quick_con dd {flex:none;width:100%;color:#fff;font-size:clamp(12px,1.06vw,16px);text-align:center;}
	@media screen and (max-width:1024px){
		.quick-Menu {padding:7rem 3.3%;}
		.shortcuts_conts{margin:0 auto;flex-wrap: wrap;gap:3rem 0}
		.shortcuts_conts h4 {width:100%;padding:0;}
		.shortcuts_conts ul{flex:none;width:100%;justify-content: flex-start;gap:2rem;}
		.shortcuts_conts ul li {flex:none;width:calc(20% - 20px)}
	}
	@media screen and (max-width:780px){
		.quick-Menu {padding:5rem 5%;}
		.sec.quick-Menu>.sec_inner {max-width:100%;}
		.shortcuts_conts ul {padding:0 3%;}
		.shortcuts_conts ul li {min-width:100px;}
	}
	@media screen and (max-width:390px){
		.shortcuts_conts ul {padding:0;gap:1rem}
		.shortcuts_conts ul li {width:calc(33% - 10px);}
	}
	@media screen and (max-width:360px){
		.shortcuts_conts ul li {width:calc(50% - 10px);}
	}
	@media screen and (min-width: 1025px){
		.shortcuts_conts ul li a:hover{background-color: #005228; border-color:#005228;}
	}
	@media screen and (min-width: 1500px){
		.shortcuts_conts ul {min-width:1120px;gap:2rem 2.3%;flex-wrap:nowrap;justify-content:flex-end;}
	}

.complex {background-color:#fff;}
.complex h4 {padding-bottom:4rem;font-size:clamp(24px,2.13vw,32px);font-weight:400; color: #111; line-height: 1;}
.complex .link_more {position:absolute; top: 0; right:0;width:18px; }
.complex .link_more a {display:block;height:18px;text-indent:-9999em;}
.complex>.sec_inner {margin:0 auto;max-width:1600px;}
.complex .board_list {display:flex;justify-content:space-between;}
.board_list .board_item {flex:1;max-width:65%;position:relative;transition: all 0.3s;}
.board_list .board_item.one {flex:none;width:30%;}

.board_item .board_box {display:block;}
.board_item .card {display:flex;gap:0 3.3%}
.board_item .card>li {flex:1;}
.board_item .card .post_list_item {display:flex;flex-direction:column;gap:2rem 0;height:100%;}
.board_item .card .thumbnail {flex:none;width:100%;overflow:hidden;border-radius:min(20px, 1.33vw);}
.board_item .card .thumbnail .photo_img {position:relative;width:100%;aspect-ratio: 16 / 10;}
.board_item .card .photo_img .img_area {position:absolute;left:0;top:0;width:100%;height:100%;padding:0;overflow:hidden;text-align:center;background:#f1f1f1 url(/hpg/images/common/logo-bg.png) no-repeat 50% 50%;background-size:100px auto;}
.board_item .card .photo_img .img_area img {width:100% !important;height:100%;object-fit:cover;object-position:center;transition:ease all 1s;}
.board_item .card .post_tit {flex:none;width:100%;} 
.board_item .card .subject .subject_click {color:#111;font-size:clamp(15px,1.33vw,20px);font-weight:500;}
.board_item .card .subject_info {display:block;}
.board_item .card .subject_info>li.w_date {display:block;width:100%;color:#767676;font-size:clamp(14px,1.2vw,18px);font-weight:300;text-align:left;}
.board_item .notice_Nav {padding-bottom:4rem;}
.board_item .noticeNav_conts .link_more {top:-7rem;}

.board_item .nt_box .post_tit>.subject {gap:2rem 0}
.board_item.one .nt_box {aspect-ratio:1/.655;}

.ntSlider .slick-list {margin:0 -15px;}
.ntSlider .slick-slide {margin:0 15px;background-color:#fff;border-radius: 20px; border:3px solid #e1e1e1;}
.ntSlider .slick-slide.slick-current {border-color:#005228;}

/* Ctrl */
.notice_ctrl {margin-top:2rem;}
.notice_ctrl .arrow {display:flex;justify-content:center;align-items: center;gap:0 1rem;margin-right:2.8rem;}
.notice_ctrl .arrow button {width:18px; height:18px;text-indent:-9999em;font-size:0;}
.notice_ctrl .arrow .arrow_prev {background:url('/hpg/type_B/images/common/ico_arr_b.png') no-repeat center;}
.notice_ctrl .arrow .arrow_next {background:url('/hpg/type_B/images/common/ico_arr_b.png') no-repeat center;transform: rotate(-180deg);}
.notice_ctrl .switch {position:relative;width:18px; height:18px;}
.notice_ctrl .switch button {position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;z-index:0;}
.notice_ctrl .switch button.on {opacity:1;z-index:1;}
.notice_ctrl .switch .slickPause {background:url(/hpg/type_B/images/common/ico_pause_b.png) no-repeat 50% 50%;}
.notice_ctrl .switch .slickPlay {background:url(/hpg/type_B/images/common/ico_play_b.png) no-repeat 50% 50%;}
	@media screen and (max-width:1265px){
		.board_item .nt_box .post_tit>.subject {gap:1rem 0}
		.board_item .noticeNav_conts .link_more {top:-6rem;}
		
		.ntSlider .slick-list {margin:0 -10px;}
		.ntSlider .slick-slide {margin:0 10px;border-width:2px;}
	}
	@media screen and (max-width:1024px){
		.complex>.sec_inner {padding:7rem 3.3%}
		
		.board_item.one .nt_box {aspect-ratio:auto;}
	}
	@media screen and (max-width:914px){
		.complex>.sec_inner {padding:6rem 3.3%}
		.complex .board_list {flex-wrap:wrap;}
		.board_list .board_item,
		.board_list .board_item.one {flex:none;width:100%;max-width:100%;}
		
		.ntSlider .slick-list {padding:0 50px !important}
	}
	@media screen and (max-width:780px){
		.complex h4 {padding-bottom:2rem;}
		.complex>.sec_inner {padding:5rem 5%}
		
		.board_item .notice_Nav {padding-bottom:2rem;}
		.board_item .nt_box {border-width:2px;}
		.board_item .noticeNav_conts .link_more {top:-4rem;}
		
		.notice_ctrl .arrow {gap:0 .5rem}
	}
	@media screen and (max-width:768px){
		.board_item .conts_list {flex-direction:column;gap:2rem 0;}
		.board_item .conts_list>li {flex:none;width:100%;}
		.board_item .nt_box {aspect-ratio:auto;}
	}
	@media screen and (min-width: 1025px){
		.complex>.sec_inner {padding:10rem 2.6%}

		.ntSlider .slick-slide:hover {border-color:#005228;}
	}
	@media screen and (min-width: 1601px){
		.complex>.sec_inner {padding-right:5rem;padding-left:5rem;}
	}
	
/* 학사일정 */
.cal {background-color:#f9f9f9;}
.cal>.sec_inner {margin:0 auto;max-width:1600px;}
.calendar {display: flex;justify-content:space-between;align-items:stretch}
.acCalendar-info {flex:none;width:24.7%;display: flex;flex-direction: column;align-items: flex-start;padding:25px 0;color: #000;}
.acCalendar-tit {display: flex;align-items: center;width: 100%;padding-top:1.5rem;}
.acCalendar-tit h3 {padding-bottom:0;font-size: clamp(24px, 2.133vw, 32px);font-weight:600;margin-right: 28px;}
.btn-more2 {font-size: clamp(14px, 1.5vw, 16px);display: inline-block;text-decoration: underline;text-decoration-thickness: 2px;text-underline-offset: 8px;color: #707070;}

.acCalendar-month {flex:none;width:100%;margin-top:auto}
.acCalendar-month .month-display {padding-bottom:0}
.acCalendar-month .month-num {font-size: clamp(30px, 2.66vw, 40px);font-weight:600;display: block;}
.acCalendar-month .month-desc {display: flex;color:#111;font-size: clamp(20px, 1.733vw, 26px);font-weight:400;}
.acCalendar-month .month-desc span {margin-right: 10px;}
.acCalendar-month .month-desc .month-name {text-transform:capitalize}
.acCalendar-content {flex:none;width:75%;position: relative;display: flex;flex-direction: column;}
.acCalendar-body {flex:none;width:100%;display: flex;align-items: center;justify-content: center;}

.calendar-slider {width: 100%;overflow: hidden;position: relative;}
.calendar-wrapper {padding:25px 0;}
.calendar-wrapper .slick-list {margin:0 40px !important}

.calendar-date {position:relative;max-width:60px;aspect-ratio:1/1;display:flex !important;flex-direction:column;justify-content:center;cursor: pointer;font-size:clamp(14px,1.2vw,18px);text-align: center;line-height:1;}
.calendar-date span {display:inline-block;vertical-align:middle;width:100%}
.calendar-date.active {color: white;}
.calendar-date.active::before {content: "";position: absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;background: #0b2e75;z-index: -1;}
.custom-slick-controls {position: absolute;top:40%;width:100%;}
.custom-slick-controls button {position: absolute;width: 20px;height: 20px;font-size:0;}
.custom-slick-controls .prev-month {left: 0;}
.custom-slick-controls .next-month {right: 0;}

.event-list {display: flex;padding:25px 15px;border-top: 2px solid #ddd;justify-content: space-between;}
.selected-date {width: 30%;color:#111;font-size: clamp(18px, 1.733vw, 26px);font-weight:500;}
.events {width: 100%;display: flex;justify-content: space-between;padding: 0;color:#111;font-size: clamp(18px, 1.733vw, 26px);font-weight:500;letter-spacing:-0.5px;}
.custom-slick-controls .prev-month::after {content: '';background: url(/hpg/type_C/images/common/ico_arr_left_bl.png) no-repeat center; background-size: cover;position: absolute;display: block;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 12px;height: 20px;pointer-events: none;}
.custom-slick-controls .next-month::after {content: '';background: url(/hpg/type_C/images/common/ico_arr_right_bl.png) no-repeat center; background-size: cover;position: absolute;display: block;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 12px;height: 20px;pointer-events: none;}
.red {color: red;}
	@media (max-width: 1024px) {
		.cal>.sec_inner {padding:0 3.3%}
		.calendar {flex-direction: column;align-items: center;margin:7rem 0}
		.acCalendar-info {width: 100%;}
		.acCalendar-content {width: 100%;}
	}
	@media (max-width: 780px) {
		.cal>.sec_inner {padding:0 5%}
		.calendar {margin:5rem 0}

		.event-list {flex-direction: column;border-top-width:1px;}
		.selected-date {width: 100%;}
	}
	@media (max-width: 380px) {
		.event-list {min-height: 130px; padding: 15px 0;}
	}
	@media (min-width: 1025px) {
		.cal>.sec_inner {padding:0 2.6%}
		.acCalendar-info {max-width:370px;}
	}
	@media screen and (min-width: 1601px){
		.cal>.sec_inner {padding-right:5rem;padding-left:5rem;}
	}