@charset "utf-8";

/*
 *
 * file : Main
 * date : 260831
 * writer : eun
 *
 */

/* section 01 */
.main-v{position:relative;width:100%;background:url('../img/main/mimg01.png') center/cover no-repeat;padding:50px 0 100px 0;color:#fff;border-radius:20px;overflow:hidden;max-width:1700px;margin:0 auto}
.main-v .cinner{display:flex;gap:50px;align-items:center;justify-content:space-between}
.main-v .txt-box{display:flex;gap:40px;flex-direction:column;font-size:1.25rem;flex-shrink:0}
.main-v .txt-box .stit{color:var(--color-m)}
.main-v .txt-box .subject{font-size:2em;font-weight:bold}
.main-v .txt-box .btn-wrap{display:flex;gap:12px}
.main-v .txt-box .btn-wrap .item{padding:5px 20px;height:var(--btn-height);border:1px solid #fff;border-radius:30px;display:flex;align-items:center;width:200px;color:inherit;font-size:1rem}
.main-v .txt-box .btn-wrap .item span{display:flex;align-items:center;justify-content:space-between;width:100%}
.main-v .txt-box .btn-wrap .item span::after{content:"";background:url('../img/comm/ico-arrow.png') center no-repeat;aspect-ratio:14/13;width:14px}
.main-v .link-wrap{position:absolute;bottom:0;left:0;width:100%;border-radius:20px;display:flex;background-color:rgba(6, 37, 150, .7);padding:30px 60px;gap:60px}
.main-v .link-wrap .item{flex:1;color:inherit;display:flex;gap:var(--gap);align-items:center;position:relative}
.main-v .link-wrap .item .subject{font-size:1.125rem}
.main-v .link-wrap .item .subject-con{opacity:.6;margin-top:10px}
.main-v .link-wrap .item::after{position:absolute;content:"";background:url('../img/comm/ico-arrow.png') center no-repeat;aspect-ratio:14/13;width:14px;right:0;top:10px;transition:.3s}
.main-v .link-wrap .item:not(:last-child)::before{position:absolute;right:-30px;width:1px;height:60px;content:"";top:0;background-color:#fff}
.main-v .link-wrap .item:hover::after{right:5px}
.main-v .link-wrap .item .ico{width:60px;aspect-ratio:1/1;border-radius:var(--radius);background-color:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}
.main-v .link-wrap .item .txt{padding-right:20px;word-break:keep-all}

/* section 02 */
.h2-tit{font-size:1.875rem;font-weight:bold;margin-bottom:20px}
.h2-con{font-size:1.125rem}
.main-education{padding:var(--m-pad);background:url('../img/main/mimg05.png') right top no-repeat}
.main-education .category-board{position:relative}
.main-education .item{border-radius:50px 20px;border:1px solid var(--color-border);display:block;overflow:hidden}
.main-education .item:hover{border-color:var(--color-h)}
.main-education .item:hover .info dt{color:#fff}
.main-education .item:hover .info dd{color:rgba(255,255,255,.6)}
.main-education .item:hover .info::before{height:100%}
.main-education .item .info{position:relative;background-color:#f8f8f8;padding:30px}
.main-education .item .info::before{position:absolute;bottom:0;left:0;background-color:var(--color-h);height:0px;width:100%;transition:.3s;content:""}
.main-education .item .info dl{position:relative;display:flex;flex-wrap:wrap;margin:10px 0}
.main-education .item .info dt{position:relative;color:var(--color-h);padding-left:12px}
.main-education .item .info dt::before{position:absolute;left:0;top:0;content:"·"}
.main-education .item .info dt::after{content:":";margin:0 5px}
.main-education .item .info-txt{padding:30px;background-color:#fff}
.main-education .item .info-txt .badge{display:inline-block;border-radius:5px 10px;padding:5px 20px;background-color:#dee3f5;color:var(--color-h);border:1px solid #dee3f5}
.main-education .item .info-txt .badge.ing{background-color:#fff;border-color:var(--color-h)}
.main-education .item .info-txt .board-subject{font-size:1.25rem;height:2.4em;font-weight:bold;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;white-space:wrap;margin:20px 0}
.category-board .category-tabs-con{display:none}
.category-board .category-tabs-con.category-tabs-con0{display:block}
.category-board .category-tabs ul{display:flex;align-items:center;gap:var(--gap)}
.category-board .category-tabs{margin:50px 0}
.category-board .category-tabs a{position:relative;color:#333;font-size:1.125rem;padding:0 30px;height:var(--btn-height);border-radius:30px;display:flex;border:1px solid var(--color-border);align-items:center;justify-content:center}
.category-board .category-tabs a:hover,
.category-board .category-tabs a.on{border-color:var(--color-h);color:#fff;background-color:var(--color-h)}
.category-board .board-control{position:absolute;right:0;top:0;display:flex;gap:var(--gap)}
.category-board .board-control > *{width:var(--btn-height);aspect-ratio:1/1;border:1px solid var(--color-border);border-radius:50%;background-color:#fff;color:#ccc;display:flex;align-items:center;justify-content:center;font-size:2rem}
.category-board .board-control > *:hover{background-color:var(--color-h);color:#fff}

/* section 03 */
.main-notice{position:relative;background-color:#f0f4ff;position:relative;padding:var(--m-pad)}
.main-notice .cinner{position:relative;display:flex;gap:50px}
.main-notice .banner-wrap{width:540px;overflow:hidden;border-radius:50px;position:relative;padding:50px;color:#fff;background-color:#4a63ad;display:flex;gap:50px;flex-direction:column;flex-shrink:0}
.main-notice .banner-wrap::before{position:absolute;right:0;top:0;background-color:rgba(255,255,255,.6);border-bottom-left-radius:50px;content:"";width:76px;aspect-ratio:1/1}
.main-notice .banner-wrap .info{display:flex;align-items:center;gap:20px}
.main-notice .banner-wrap .info .txt{font-size:1.25rem;font-weight:500;}
.main-notice .banner-wrap .info .nm{font-size:1.875em}
.main-notice .banner-wrap .info .img{width:140px;aspect-ratio:1/1;overflow:hidden;border-radius:50%;border:10px solid #acb7d9;background-color:#fff;text-align:center}
.main-notice .banner-wrap .btn-arrow{position:absolute;right:50px;top:30px;z-index:100}
.main-notice .notice-wrap{position:relative;min-width:0}
.main-notice .notice-wrap-item{display:flex;flex-direction:column}
.main-notice .notice-wrap-item .item{position:relative;padding:20px 0;border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:20px}
.main-notice .notice-wrap-item .item::after{position:absolute;bottom:-1px;left:0;content:"";background-color:var(--color-h);width:0;transition:.3s;height:2px}
.main-notice .notice-wrap-item .item:hover{color:var(--color-h)}
.main-notice .notice-wrap-item .item:hover::after{width:100%}
.main-notice .notice-wrap-item .board-subject{font-size:1.25rem;font-weight:600}
.main-notice .notice-wrap-item .board-dt{background:url('../img/main/mimg10.png') left center/contain no-repeat;padding-left:28px}
.main-notice .btn-skew{position:absolute;right:0;top:0}

.txt-na-wrap{position:absolute;bottom:-70px;z-index:100;left:0;width:calc(100vw - 20px);overflow:hidden}
.txt-na{font-size:5rem;opacity:.1;font-weight:900;z-index:1}
.txt-na .one{color:var(--color-h);line-height:.7}
.txt-na .two{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:var(--color-h);color:#fff;line-height:.7}

/* section 04 */
.main-link{padding:80px 0 50px 0}
.main-link .cinner{display:flex;gap:var(--gap)}
.main-link .cinner .item{display:flex;align-items:center;justify-content:space-between;border-radius:var(--radius);height:120px;padding:20px;background-color:#eeeeee;flex:1}
.main-link .cinner .item span{display:flex;justify-content:space-between;align-items:center;width:100%;font-weight:bold;font-size:1.125rem;word-break:keep-all}
.main-link .cinner .item span::after{flex-shrink:0;height:var(--btn-height);width:var(--btn-height);border-radius:50%;background:url('../img/comm/ico-arrow.png') var(--color-h) center no-repeat;content:"";}

/* popup 210702 */
#popup{position:absolute;top:200px;z-index:10;right:20px;box-shadow:5px 10px 15px #949494}
#popup .popup-wrap{position:relative}
#popup .js-popup-close{position:absolute;right:0;top:0;background-color:#fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}
#popup .js-popup-close:hover{text-decoration:none}
#popup .btn-pop{color:#fff;background-color:#2d1cbb;text-align:center;display:block;padding:20px;font-size:1.2rem}

@media (max-width:1700px){
	.main-v{margin:0 20px;width:calc(100% - 40px)}
	.main-v .cinner{padding:0 50px}
	.main-v .link-wrap{padding:20px;gap:40px}
	.main-v .link-wrap .item .subject{font-size:1rem}
	.main-v .link-wrap .item:not(:last-child)::before{right:-20px}
}

@media (max-width:1400px){
	.main-v{padding-bottom:120px}
	.main-v .txt-box .subject{font-size:1.875rem}

	.main-notice .banner-wrap{width:450px}
	.main-notice .banner-wrap .info .nm{font-size:1.5rem}
}

@media (max-width:1200px){
	.main-notice .img{margin-left:20px;width:30px;margin-right:20px}
	.main-notice .subject span.c-point{font-size:1em}
	.main-notice .subject span{font-size:14px}
	.main-notice .board-subject{width:calc(100% - 200px)}
	.main-notice .btn-go{width:160px;right:20px;font-size:.9em}

	.main-board .intro-board{margin-right:0}
	.main-board .category-board{width:calc(100% - 380px)}
	.main-board .category-board .swiper-wrapper{padding-top:60px}
	.main-board .category-board .board-control{top:40px}

	.main-link .ico-wrap li{vertical-align:top}
	.main-link .ico-wrap .caption{margin-top:0;word-break:keep-all}
}

@media (max-width:1024px){
	.badge{font-size:.9rem}
	.line-wrap{display:none}
	.btn-wbox{width:220px;line-height:40px}

	.main-v .cinner{padding:0 20px;flex-direction:column}
	.main-v .txt-box .btn-wrap .item{width:160px;padding:5px 15px}
	.main-v .txt-box{gap:20px;font-size:1.125rem;width:100%;text-align:center}
	.main-v .txt-box .btn-wrap{justify-content:center}
	.main-v .link-wrap{display:grid;grid-template-columns:repeat(2, 1fr)}

	.main-notice .cinner{flex-direction:column;gap:20px}
	.main-notice .banner-wrap{width:100%}

	.txt-na{font-size:3rem}

	.main-link .cinner{display:grid;grid-template-columns:repeat(2, 1fr)}
}

@media (max-width:720px){
	.main-link .cinner .item span{font-size:1rem}

	.main-notice .banner-wrap{padding:50px 20px}
}