@charset "utf-8";
*{font-family: 'Pretendard'}
main{overflow:hidden;}
/*페이지 요약 박스*/
.pager-summary{padding:20px 0; background:#f7f7f7; border-bottom:1px solid #e2e2e2}
.pager-summary .con{display:flex; justify-content:space-between; align-items:center;}
.pager-summary .pager-tit > span{font-size:20px; color:#0b0b0b}
.pager-summary .pager-tit > p{font-family:'Noto Serif KR'; font-weight:600; font-size:43px;}
.pager-summary .pager-tit > p > span{color:#013895; font-family:'Noto Serif KR';}
.pager-summary .pager-util{display:flex; align-items:center; gap:10px;}
.pager-summary .pager-util > p{position:relative; padding-left:33px}
.pager-summary .pager-util > p:before{display:block; content:"";  width:19px; height:16px; background:url(/resources/custom/images/news/main/ico-mail.png);
position:absolute; left:0; top:0;}
.pager-summary .pager-util .mailing-btn{padding:14px; background:#2e2e2e; color:#fff; display:block; border-radius:4px;}
 /*지난호 보기*/
.pagerlink {z-index:101; display:inline-block; position:relative; box-sizing:border-box; text-align: left; background:#fff; border:1px solid #111111; border-radius:4px;}
.pagerlink:first-child{margin-right:10px;}
.pagerlink:last-child {margin:0}
.pagerlink .tit a {display:block;position:relative; padding-right:50px; padding-left:20px; font-size:16px;font-weight:300;white-space:nowrap;letter-spacing:-.05em; padding-top:14px; padding-bottom:14px;}
.pagerlink .tit a:hover, #footer-wr .pagerlink-wr .pagerlink .tit a:active, #footer-wr .pagerlink-wr .pagerlink .tit a:focus { text-decoration: none; }
.pagerlink .tit a .gogo {/* display:block;*/ display:none; position:absolute;box-sizing:border-box;right:0;top:0;height:100%;color:#4b403a;background:#fff;font-weight:500;line-height:1;padding-right:50px;}
.pagerlink .tit a:after {content:"";display:block;position:absolute;/* right:50px;*/ right:16px;top:50%;transform:translateY(-50%); background:url(/resources/custom/images/news/main/pagerlink.png) no-repeat 0px 0;width:11px;height:8px;transition:all .3s ease}
.pagerlink .tit{background:none; padding-left:0; margin-bottom:0;}
.pagerlink.is-open .tit a:after {transform:rotate(180deg);margin-top:-7px}
.pagerlink .pagerlink-cate-box {position:absolute;top:110%;left:0;background:#013895;width:100%;height:0;overflow:hidden;box-sizing:border-box;transition:all .3s ease;}
.pagerlink.is-open .pagerlink-cate-box {display:block;height:180px;overflow-y:auto;border:1px solid #fff;border-bottom:0}
.pagerlink .pagerlink-cate-box .inwr {height:180px;margin:10px;box-sizing:border-box}
.pagerlink .pagerlink-cate-box ul {margin:0px 10px}
.pagerlink .pagerlink-cate-box li {margin:1px 0}
.pagerlink .pagerlink-cate-box li a {display:block;padding:2px 0; color:#fff;}
.pagerlink .pagerlink-cate-box li a span {font-size:14px;color:#bfa89c;transition:all .3s ease}
.pagerlink .pagerlink-cate-box li a:hover span,
.pagerlink .pagerlink-cate-box li a:focus span,
.pagerlink .fsitelink-cate-box li a:active span {text-decoration:underline;color:#fff} 


/*custom-layout-box01 공통*/
.custom-layout-box01 .cl-box-img a{display:block; }
.custom-layout-box01 .cl-box-img{height:555px; width:100%; overflow:hidden;}
.custom-layout-box01 .cl-box-img a{display:block; width:100%; height:100%;}
.custom-layout-box01 .cl-box-img img{width:100%; height:100%; object-fit:cover; transition:all .3s;}
.custom-layout-box01 .cl-box-img a:hover img{transform:scale(1.1);}
.custom-layout-box01 .cl-box-txt .a{display:block;}
.custom-layout-box01 .cl-box-txt .cl-box-label{display:flex; padding:16px 20px; background:#063579; border-radius:12px 0 12px 0; width: fit-content; align-items:center;}
.custom-layout-box01 .cl-box-txt .cl-box-label > p{color:#fff; font-family:'Noto Serif KR'; font-size:30px; position:relative;}
.custom-layout-box01 .cl-box-txt .cl-box-label > p:after{content:""; display:inline-block; vertical-align: middle; width:1px; height:30px; margin:0 15px; background:rgba(255,255,255,.2);}
.custom-layout-box01 .cl-box-txt .cl-box-label > span{color:#fff;font-family:'Noto Serif KR'; font-size:22px;}
.custom-layout-box01 .cl-box-txt .cl-box-tit{font-size:50px; font-weight:600; color:#222222; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; 
overflow: hidden; line-height:1.3em; min-height:2.6em}
.custom-layout-box01 .cl-box-txt .cl-box-desc{color:#616365;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;
overflow: hidden; line-height:1.3em; min-height:2.6em}
.custom-layout-box01 .cl-box-txt .cl-box-date{color:#565656; font-size:14px;}

/*custom-layout-box가 하나일때*/
.layout-box-type01{padding:50px 0 0; background-image: linear-gradient(to bottom, #fff 170px, #f2f9ff 170px);}
.layout-box-type01 .custom-layout-box01{display:flex; align-items: center;}
.layout-box-type01 .custom-layout-box01 .cl-box-img{width:60%;}
.layout-box-type01 .custom-layout-box01 .cl-box-txt{width:40%; padding-left:40px;}
.layout-box-type01 .custom-layout-box01 .cl-box-txt .cl-box-label{margin-bottom:60px;}
.layout-box-type01 .custom-layout-box01 .cl-box-txt .cl-box-desc{margin-top:50px; margin-bottom:30px; }

/*custom-layout-box 2개일때*/
.layout-box-type02{background-image:linear-gradient(to bottom, #fff 20%, #f2f9ff 20%, #f2f9ff 70%, #fff 70%); padding: 80px 0;}
.layout-box-type02 .con{display:flex;}
.layout-box-type02 .custom-layout-box01{width:60%;}
.layout-box-type02 .custom-layout-box01 .cl-box-img{width:100%;}
.layout-box-type02 .custom-layout-box01 .cl-box-txt{margin-top:-25px; position:relative; z-index:1; padding: 0 30px;}
.layout-box-type02 .custom-layout-box01 .cl-box-txt .cl-box-tit{margin-top:40px;}
.layout-box-type02 .custom-layout-box01 .cl-box-txt .cl-box-desc{margin:40px 0;}
.layout-box-type02 .custom-layout-box02{width:40%; padding-left:70px;}


/*custom-layout-box02 공통*/
.custom-layout-box02 .custom-layout-itm{margin-bottom:20px;}
.custom-layout-box02 .custom-layout-itm:last-child{margin-bottom:0;}
.custom-layout-box02 .cl-box-img{height:270px; overflow:hidden;}
.custom-layout-box02 .cl-box-img a{display:block; width:100%; height:100%;}
.custom-layout-box02 .cl-box-img img{width:100%; height:100%; object-fit:cover; transition:all .3s;}
.custom-layout-box02 .cl-box-img a:hover img{transform:scale(1.1);}
.custom-layout-box02 .cl-box-label{font-family:'Noto Serif KR'; position:relative; margin:20px 0; display: inline-block; font-size:18px;}
.custom-layout-box02 .cl-box-label.type01{padding:12px; background:#be1415; display:inline-block; color:#fff}
.custom-layout-box02 .cl-box-label.type02{padding-top:10px;}
.custom-layout-box02 .cl-box-label.type02:after{width:100%; height:3px; content:""; display:block; background:#f39200;position:absolute; top:0; left:0;}
.custom-layout-box02 .cl-box-tit{font-size:22px; color:161616; font-weight:600; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.custom-layout-box02 .cl-box-desc{font-size:15px; color:#1a1e21; margin:20px 0; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.custom-layout-box02 .cl-box-date{font-size:14px; color:#939494;}

/*슬라이드 layout*/
.sl-layout-box{padding:80px 0; position: relative; max-width:100%;}
/*.sl-layout-list{/display:flex; gap:20px;}*/
.sl-layout-itm{max-width:450px; width:100%;}
.sl-layout-itm > a{display:block; width:100%; height:100%; position:relative;}
.sl-layout-itm .sl-img{height:515px; position:relative;}
.sl-layout-itm .sl-img:after{content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,.4);}
.sl-layout-itm .sl-img img{width:100%; height:100%; object-fit:cover;}
.sl-layout-itm .sl-txt{position:absolute; left:0; bottom:0; width:100%; height:100%; 
background: linear-gradient(to bottom, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 1) 100%); display:none; justify-content: end; flex-direction: column; padding:0 24px 50px; }
.sl-layout-itm .sl-txt > p{font-size:32px; font-weight:600; color:#fff; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;
overflow: hidden; line-height:1.3em; min-height:2.6em; margin-bottom:20px;}
.sl-layout-itm .sl-txt  span{font-size:18px; font-weight:600; color:#fff; }
.sl-layout-box .sl-layout-pager{position:absolute; bottom:14%; left:55%; z-index:1;}
.sl-layout-itm.swiper-slide-active .sl-img{height:600px}
.sl-layout-itm.swiper-slide-active .sl-txt{display:flex;}


/*new All Section*/
.news-layout-box{padding:80px 0; background-image: linear-gradient(to bottom, #f9f9f9 519px, #fff 519px); }
.news-layout-box h3{font-family:'Noto Serif KR'; font-size:40px; color:#080808; font-weight:600; text-align:center; margin-bottom:80px;}
.news-layout-itm a{display:flex; padding:30px 0; border-bottom:1px solid #ececec;}
.news-layout-itm .news-txt{width:calc(100% - 370px); padding-right:30px; padding-bottom:30px; position:relative;}
.news-layout-itm .news-img{width:370px; height:240px; overflow:hidden;}
.news-layout-itm .news-img img{width:100%; height:100%;  object-fit:cover; transition:all .3s;}
.news-layout-itm a:hover .news-img img{transform:scale(1.1);}
.news-layout-itm .news-label{color:#000;}
.news-layout-itm .news-title{font-size:32px; font-weight:600; color:#000000; margin:30px 0; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.news-layout-itm .news-desc{font-size:18px; font-weight:400; color:#000000; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
overflow: hidden; line-height:1.3em; min-height:2.6em;}
.news-layout-itm .news-date{position:absolute; bottom:0; color:#414141; font-weight:400;}

.quick-layout-box{padding:80px 0; background:#f5fafd}
.quick-list{display:flex; gap:50px;}
.quick-list .quick-itm{width:calc((100% - 100px) / 3);}
.quick-itm{position:relative;}
.quick-itm h3{padding-top:13px; position:relative; font-size:18px; color:#373737; display:inline-block; margin-bottom:30px;}
.quick-itm h3:before{content:""; display:block; width:100%; height:2px; background:#1e3b8f; position:absolute; top:0; left:0;}
.quick-itm .quick-img{height:310px; margin-bottom:30px;}
.quick-itm .quick-img img{width:100%; height:100%; object-fit:cover; margin-bottom:30px;}
.quick-itm.enter a, .quick-itm.media a{font-family:'Noto Serif KR'; color:#010101; display:block; padding:20px 70px 20px 30px; background:url(/resources/custom/images/news/main/ico-read-more.png) no-repeat calc(100% - 20px) center;
 border:1px solid #cfcfcf; width: fit-content; position:absolute; bottom:0; right:0;}  
/*발번기금*/
.quick-itm.fund a{color:#010101; display:block; padding:16px 0; border-bottom:1px solid #d1d6db;
background:url(/resources/custom/images/news/main/ico-more.png) no-repeat 96% center; border:none;}
/*입학정보*/
.quick-itm.enter span{font-size:18px; color:#010101; font-weight:400;}
.quick-itm.enter p{font-size:28px; color:#010101; font-weight:600; margin-top:10px;}
/*미디어*/
.quick-itm.media p{font-size:26px; color:#010101; font-family:'Noto Serif KR';}

/*반응형 시작*/
@media all and (max-width:1200px){
		.pager-summary .pager-util{flex-wrap:wrap; width:40%;justify-content: end;}
		.pagerlink .tit a{width:165px;}
		
		/*lauour-box-type01*/
		.layout-box-type01 .custom-layout-box01 .cl-box-txt{padding-left:30px;}
		/*layout-bot-type02*/
		.layout-box-type02 .custom-layout-box02{padding-left:30px;}
		
		/*커스텀 박스01 - 공통*/
		.custom-layout-box01 .cl-box-txt .cl-box-tit{font-size:40px;}
		
		.news-layout-box h3{margin-bottom:30px;}
		.news-layout-itm .news-img{width:300px}
		.news-layout-itm .news-txt{width:calc(100% - 300px);}
		.news-layout-itm .news-title{font-size:28px;}
		
		.quick-list{display:flex; gap:20px;}
        .quick-list .quick-itm{width:calc((100% - 40px) / 3);}  
}
@media all and (max-width:1000px){
		/*lauour-box-type01*/
		.layout-box-type01 .custom-layout-box01 .cl-box-img{width:50%;}
		.layout-box-type01 .custom-layout-box01 .cl-box-txt{width:50%;}
		.layout-box-type01 .custom-layout-box01 .cl-box-txt .cl-box-label{margin-bottom:20px;}
		.layout-box-type01 .custom-layout-box01 .cl-box-txt .cl-box-desc{margin:20px 0;}
		
		.layout-box-type02 .custom-layout-box01 .cl-box-txt .cl-box-tit{margin-top:20px;}
		.layout-box-type02 .custom-layout-box01 .cl-box-txt .cl-box-desc{margin:20px 0;}
		
		/*lauour-box-type02*/
		.layout-box-type02 .custom-layout-box01{width:50%;}
		.layout-box-type02 .custom-layout-box02{width:50%;}
		.custom-layout-box02 .cl-box-img{height:180px;}
		
		/*커스텀 박스01 - 공통*/
		.custom-layout-box01 .cl-box-txt .cl-box-label > p , .custom-layout-box01 .cl-box-txt .cl-box-label > span{font-size:20px;}
		.custom-layout-box01 .cl-box-img{height:430px;}
		
		.news-layout-itm .news-img{width:200px; height:180px;}
        .news-layout-itm .news-txt{width:calc(100% - 300px);}
        
        .quick-itm h3{margin-bottom:10px;}
        .quick-itm .quick-img{margin-bottom:10px; height:250px;}
        .quick-itm.enter p{font-size:24px}
        .quick-itm.enter span{font-size:18px}
        .quick-itm.media p{font-size:20px;}
        .quick-itm.enter a, .quick-itm.media a{position:relative; margin-top:10px; width:100%; padding-top:12px; padding-bottom:12px;}
       
}
@media all and (max-width:767px){
		.layout-box-type01 .custom-layout-box01,.layout-box-type02 .con{flex-direction:column; gap:20px;}
		
		/*커스텀 박스 01*/
		.custom-layout-box01 .cl-box-txt .cl-box-tit{font-size:30px;}
		
		/*레이아웃 01*/
		.layout-box-type01{padding:30px 0;}
		.layout-box-type01 .custom-layout-box01 .cl-box-img,
		.layout-box-type01 .custom-layout-box01 .cl-box-txt{width:100%;}
		.layout-box-type01 .custom-layout-box01 .cl-box-txt{padding:0 24px; margin-top: -40px;}
		
		
		/*레이아웃 02*/
		.layout-box-type02 .custom-layout-box01,
		.layout-box-type02 .custom-layout-box02{width:100%;}
		.layout-box-type02 .custom-layout-box01 .cl-box-txt{padding:0 24px}
		.layout-box-type02 .custom-layout-box02{padding-left:0;}
		
		/*커스텀 박스 02*/
		.custom-layout-box02 .cl-box-txt{padding:0 24px;}
		.custom-layout-box02 .cl-box-img{height:430px;}
		.custom-layout-box02 .cl-box-label.type01{margin:10px 0;}
		.custom-layout-box02 .cl-box-desc{margin:10px 0;}
		.custom-layout-box02 .cl-box-tit{font-size:30px;}
		.custom-layout-box02 .cl-box-desc{font-size:16px;}
		
		.news-layout-itm a{flex-direction:column; gap:20px;}
		.news-layout-itm .news-img{width:100%; height:220px;}
        .news-layout-itm .news-txt{width:100%; padding-right:0; padding-bottom:0;}
        .news-layout-itm .news-title{font-size:20px; margin:10px 0;}
        .news-layout-itm .news-desc{font-size:16px;}
        .news-layout-itm .news-date{position:relative; display:block; margin-top:10px;}
        
        .quick-layout-box{padding:50px 0;}
        .quick-list{flex-direction:column; gap:30px;}
        .quick-list .quick-itm{width:100%; }
        .quick-itm .quick-con{display:flex; align-items:center;}
        .quick-itm .quick-con .quick-img{width:50%; padding-left: 0;}
        .quick-itm .quick-con > div{width:50%; padding-left:30px;}
        
        .sl-layout-itm .sl-txt > p{font-size:24px;}
        .sl-layout-box .sl-layout-pager{left:unset; right:12px;}
        .sl-layout-itm .sl-img{height:400px;}
        .sl-layout-itm.swiper-slide-active .sl-img{height:400px}
}
@media all and (max-width:500px){
		.pager-summary .con{flex-direction: column; gap:10px;}
		.pager-summary .pager-tit{text-align:center;}
		.pager-summary .pager-util{width:100%; justify-content: center;}
		
		/*커스텀 박스01 - 공통*/
		.custom-layout-box01 .cl-box-txt .cl-box-tit{font-size:24px;}
		.custom-layout-box01 .cl-box-img{height:350px;}
		
		.custom-layout-box02 .cl-box-img{height:350px;}
		.custom-layout-box02 .cl-box-tit{font-size:24px;}
		
		 .quick-itm .quick-con{flex-direction:column; gap:10px;}
		 .quick-itm .quick-con .quick-img, .quick-itm .quick-con > div{width:100%;}
		 .quick-itm .quick-con .quick-img{height:180px;}
		 .quick-itm .quick-con > div:last-child{padding:0 24px;}
}

/*애니메이션*/
.animation{transform:translateY(50px); opacity:0; transition:all .3s;}
.animation.active{transform:translateY(0); opacity:1;}
.layout-box-type02 .custom-layout-box02 .custom-layout-itm:first-child{transition-delay:.3s;}
.quick-itm.enter{transition-delay:.3s;}
.quick-itm.media{transition-delay:.6s;}
@media all and (max-width:767px){
	.quick-itm.enter,	.quick-itm.media , .layout-box-type02 .custom-layout-box02 .custom-layout-itm:first-child{transition-delay:.3s;}
}