@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:4rem max(40px, 6vw) 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:160px;display: flex; flex-direction: column;justify-content:center; align-items: flex-start; gap: 2rem 0;}
.phrase-box .phrase-tit {color:#fff; font-size:clamp(30px, 4vw, 50px);font-family:'Noto Sans CJK',sans-serif;font-weight:500;line-height:1.3;letter-spacing:-1.5px;}
.phrase-box .phrase-txt {display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:clamp(16px, 1.733vw,26px);font-family:'Noto Sans CJK',sans-serif;font-weight:300;line-height:1.3}

/* 컨트롤러 */
.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;}

.nt_box {display:block;padding:10% 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:72px;max-height:72px;display:-webkit-box;white-space:normal;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical; word-break: break-all;font-size:16px;font-weight:300;line-height:1.5;}

.notice .slick-list {margin:0 -15px;padding:3rem 0 !important}
.notice .slick-slide {margin:0 15px;background-color:#fff;border-radius: 20px; border:3px solid #fff; box-shadow: 2px 5px 15px 1px rgba(0, 0, 0, 0.2);}
.notice .slick-slide.slick-current {border-color:#005228;}

/* Ctrl */
.notice_ctrl {position: absolute; top:-2.5rem; right:0;}
.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%;}
.notice_ctrl .link_more {position: absolute; top: 0; right:0;width:18px; height:18px;}
	@media screen and (max-width: 1024px){
		.notice {padding:7rem 3.3%;}
		.notice .ntSlider {margin:0 auto;width:90%;}
		.notice .slick-list {padding:3rem 0 2rem !important}
		
		.nt_box {aspect-ratio: 1/.7;}
	}
	@media screen and (max-width:914px){
		.nt_box {aspect-ratio: auto;}
	}
	@media screen and (max-width: 780px){
		.notice {padding: 5rem 2.6%;}
		.notice>.sec_inner {max-width:100%;}
		.nt_box {padding:7% 0;}
		.nt_box .post_tit .subject {gap:1.5rem 0;padding-bottom:2rem;}
		.nt_box .subject .subject_click {height:54px;max-height:54px;font-size:18px;}
		.nt_box .subject .subject_desc {height:67.5px;max-height:67.5px;font-size:15px;}
			
		.notice_ctrl {top:unset;right:unset;bottom:-20px;left:50%;transform:translateX(-50%)}
		.notice_ctrl .arrow {gap:0 .5rem}
	}
	@media screen and (max-width: 640px){
		.notice .slick-list {padding-left:50px !important;padding-right:50px !important }
	}
	@media screen and (max-width: 390px){
		.notice .slick-list {padding:3rem 0 2rem !important}
	}
	@media screen and (min-width: 1025px){
		.notice {padding: 4vw 2.6%;}
		.notice_Nav ul li a:hover {color: #111;font-size:clamp(24px,2.13vw,32px);}
		.notice .slick-slide:hover {border-color:#005228;transition: all 0.1s;}
	}

/* 홍보/신방/학사 */
.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, .schedule_calender{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;}

/* 학사 */
.schedule_calender h4::after{padding-bottom: 40px; content: ''; border-bottom: 2px solid #000; display: inline-block; width: 100%;}
.cal_content{padding-top: 20px;}

.cal_tit::after{padding-bottom: 20px; content: ''; border-bottom: 1px solid #cccccc; display: inline-block; width: 100%;}
.cal_tit small{font-family: 'Roboto'; font-weight:500; font-size: 16px; color: #000;}
.cal_month{display: flex;justify-content: space-between;align-items: center;font-family: 'Roboto';color: #000;}
.cal_month .month-n {font-weight:500; font-size:clamp(27px,2.4vw,36px);}
.cal_month .month-e {font-weight: normal; font-size:clamp(27px,1.73vw,26px);}

.cal_box{padding-top: 5px;}
.cal_box dl{display: table; width: 100%; margin: 5px 0;}
.cal_box dl dt, .cal_box dl dd{font-size: clamp(16px, 2vw ,20px);}
.cal_box dl dt{display: table-cell; font-family: 'Roboto'; font-weight:500; color: #00713b; width: 45%;}
.cal_box dl dd{color: #111111;display:-webkit-box;white-space:normal;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;}

@media screen and (max-width: 1024px){
    .schedule_wrap {flex-direction: column; padding: 4rem 0 3rem;gap:4rem 0}
    .scheVideo .promotion_box a .playBn{width: 15vw; height: 15vw; transform: translate(-50%, -50%);}
}
@media screen and (max-width: 780px){
    .schedBox, .schedule_calender{width: 100%; height: auto;}
    .schedule_wrap{padding: 3rem 2.6%;}
}
@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;flex-wrap:wrap;gap:0 5%;}
.board_list .board_item {flex:1;position:relative;transition: all 0.3s;}
.board_list .board_item.one {flex:none;width:30%;}
.board_list .board_item.two {flex:none;width:65%;}
.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 .conts_list {display:flex;justify-content:space-between;gap:0 3%}
.board_item .conts_list>li {flex:1;}
.board_item .nt_box {display:block;width:100%;aspect-ratio:1/.9415;padding:7% 0;background-color:#fff;border-radius: 20px; border:3px solid #e1e1e1;}
.board_item .nt_box .post_tit>.subject {gap:2rem 0}
.board_item.one .nt_box {aspect-ratio:1/.655;}
.board_item .cal_content {border-top:2px solid #000;padding-top:0;}
.board_item .cal_content .cal_tit {padding:min(20px, 1.333vw) 0;border-bottom:1px solid #ccc}
.board_item .cal_content .cal_tit::after {display:none;}
.board_item .cal_content .cal_box {display:flex;flex-direction:column;gap:.25rem 0;padding-top:1.2vw;}
.board_item .cal_content .cal_box dl {margin:0;}
.board_item .cal_content .cal_box dl dt, 
.board_item .cal_content .cal_box dl dd {font-size:clamp(16px,1.33vw ,20px)}
	@media screen and (max-width:1250px){
		.complex .board_list {gap:0 4%;}
		.board_item .nt_box .post_tit>.subject {gap:1rem 0}
		.board_item .nt_box .subject .subject_desc {height:48px;max-height:48px;-webkit-line-clamp:2;}
		.board_item .noticeNav_conts .link_more {top:-6rem;}
	}
	@media screen and (max-width:1024px){
		.complex>.sec_inner {padding:7rem 3.3%}
		.complex .board_list {gap:5rem 0}
		.board_list .board_item {flex:none;width:100%;}
		.board_list .board_item.one,
		.board_list .board_item.two {flex:none;width:100%;max-width:100%;}
		
		.board_item.one .nt_box {aspect-ratio:auto;}
		
		.board_item .conts_list {gap:0 1%}
	}
	@media screen and (max-width:780px){
		.complex h4 {padding-bottom:2rem;}
		.complex>.sec_inner {padding:5rem 5%}
		
		.board_item.two .card {flex-direction:column;gap:3rem 0;}
		.board_item.two .card>li {flex:none;width:100%;}
		
		.board_item .notice_Nav {padding-bottom:2rem;}
		.board_item .nt_box {border-width:2px;}
		.board_item .noticeNav_conts .link_more {top:-4rem;}
	}
	@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%}

		.board_item .nt_box:hover {border-color:#005228;}
	}
	@media screen and (min-width: 1601px){
		.complex>.sec_inner {padding-right:5rem;padding-left:5rem;}
	}