/* --------------------------------------------------TOP BANNER-------------------------------------------------- */
.top_banner{position:relative;background:#203a83;padding:25px 0;z-index:100;}

.top_banner_inner{
    position:relative;

    max-width:1200px;
    min-height:50px;

    margin:0 auto;
    padding:0 70px 0 30px;

    display:flex;
    justify-content:center;
    align-items:center;
}

.top_banner_link{
	position:relative;
    z-index:1;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:34px;

    width:100%;

    color:#fff;
    text-decoration:none;
}

.top_banner_link strong{
    display:flex;
    align-items:flex-end;

    gap:10px;

    font-size:40px;
    font-weight:700;
    line-height:1;
    letter-spacing:-0.03em;

    white-space:nowrap;
}

.top_banner_link strong span{
    font-size:50px;
    font-weight:900;
    line-height:.9;

    background:linear-gradient(180deg,#58f3ff 0%,#19d7ff 55%,#00bfff 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;

    letter-spacing:-0.04em;
}

.top_banner_info{
    display:flex;
    flex-direction:column;

    gap:5px;

    font-size:20px;
    font-weight:600;
    line-height:1;

    white-space:nowrap;
}

.top_banner_info p{margin:0;}
.top_banner_info span{color:#ffdb44;font-weight:700;}

.top_banner_close{
	z-index:9999;
    position:absolute;
    right:0;
    top:50%;

    transform:translateY(-50%);

    width:42px;
    height:42px;

    border:0;
    border-radius:50%;

    background:rgba(0,0,0,.4);

    color:#fff;

    display:flex;
    justify-content:center;
    align-items:center;

    cursor:pointer;
    transition:.25s;
}

.top_banner_close:hover{background:rgba(0,0,0,.8);}
.top_banner_close i{font-size:18px;}


@media (max-width:1024px){
	.top_banner{padding:18px 0;}

	.top_banner_inner{padding:0 60px 0 20px;}

	.top_banner_link strong{font-size:30px;}
	.top_banner_link strong span{font-size:46px;}

	.top_banner_info{font-size:18px;}
}

@media (max-width:768px){
	.top_banner{padding:15px 0;}

	.top_banner_inner{min-height:auto;padding:0 55px 0 20px;}

	.top_banner_link{flex-direction:column;gap:10px;}

	.top_banner_link strong{font-size:24px;}
	.top_banner_link strong span{font-size:38px;}

	.top_banner_info{align-items:center;text-align:center;font-size:15px;}
}

@media (max-width:480px){
	.top_banner_link strong{font-size:18px;}
	.top_banner_link strong span{font-size:30px;}

	.top_banner_info{font-size:12px;}

	.top_banner_close{width:34px;height:34px;}
	.top_banner_close i{font-size:15px;}
}


/* --------------------------------------------------Main Visual-------------------------------------------------- */
.ks-visual{
    position:relative;
    width:100%;
    height:100dvh;
    min-height:700px;
    overflow:hidden;
}

.ks-visual__video{
    position:absolute;
    inset:0;
    z-index:1;
}

.ks-visual__video video{
    width:100%;
    height:100%;
    object-fit:cover;
}

.ks-visual__overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
    z-index:2;
}


/*Contents*/
.ks-visual__contents{
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);

    width:100%;
    max-width:1200px;
    height:100%;

    padding:120px 20px 60px;
    box-sizing:border-box;

    display:flex;
    flex-direction:column;
    justify-content:space-between;

    z-index:3;
}
.ks-visual-copy{
    width:620px;
    max-width:100%;
}
.ks-visual__title img{
    display:block;
    width:100%;
}

.ks-visual__date{
    width:360px;
    margin-top:85px;
}

.ks-visual__date img{
    display:block;
    width:100%;
}


/*Host*/
.ks-visual-host{color:#fff;}

.ks-host-row{
    display:grid;
    grid-template-columns:auto 1fr auto auto auto auto;
    align-items:center;
    column-gap:16px;
    row-gap:12px;
}

.ks-host-title{
    margin:0;
    color:#fff;
    font-size:15px;
    font-weight:600;
    white-space:nowrap;
}

.ks-host-logo,
.ks-host-logo-wrap{
    display:flex;
    align-items:center;
    gap:10px;
	flex-wrap:nowrap;
}

.ks-host-logo{
    margin:0;
    padding:0;
    list-style:none;
}

.ks-host-logo li{
    display:flex;
}

.ks-host-logo img,
.ks-host-logo-wrap img{
    display:block;
    height:24px;
    width:auto;
}

@media (max-width:1200px){
    .ks-visual__contents{
        padding:110px 24px 55px;
    }

    .ks-visual-copy{
        width:520px;
    }

    .ks-visual__date{
        width:300px;
    }

    .ks-host-logo,
    .ks-host-logo-wrap{
        gap:8px;
    }

    .ks-host-logo img,
    .ks-host-logo-wrap img{
        height:20px;
    }
}

@media (max-width:900px){

    .ks-visual__contents{
        padding:100px 24px 45px;
    }

	.ks-visual__date{
        margin-top:70px;
    }

    .ks-host-row{
        display:grid;
        grid-template-columns:120px 1fr;
        row-gap:14px;
        column-gap:12px;
        align-items:center;
    }

    .ks-host-title{
        margin:0;
    }

    .ks-host-logo,
    .ks-host-logo-wrap{
        flex-wrap:wrap;
        gap:8px;
    }

}

@media (max-width:768px){
    .ks-visual{
        min-height:620px;
    }

    .ks-visual__contents{
        padding:90px 24px 40px;
    }

    .ks-visual-copy{
        width:100%;
    }

    .ks-visual__date{
        width:300px;
        margin-top:60px;
    }

    .ks-host-row{
        grid-template-columns:110px 1fr;
        row-gap:12px;
        column-gap:10px;
    }

    .ks-host-logo,
    .ks-host-logo-wrap{
        gap:6px;
    }

    .ks-host-logo img,
    .ks-host-logo-wrap img{
        height:18px;
    }

    .ks-host-title{
        font-size:14px;
    }
}

@media (max-width:480px){
    .ks-visual{
        min-height:560px;
    }

    .ks-visual__contents{
        padding:80px 20px 30px;
    }

    .ks-visual__date{
        width:220px;
		margin-top:40px;
    }

    .ks-host-row{
        grid-template-columns:95px 1fr;
        row-gap:10px;
        column-gap:8px;
    }

    .ks-host-logo,
    .ks-host-logo-wrap{
        gap:5px;
    }

    .ks-host-logo img,
    .ks-host-logo-wrap img{
        height:15px;
    }

    .ks-host-title{
        font-size:13px;
    }
}


/* --------------------------------------------------Overview-------------------------------------------------- */
.ks-overview{
    padding:110px 0;
    background:#fff;
}

.ks-overview__inner{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:80px;

    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:0 20px;
    box-sizing:border-box;
}

.ks-overview__content{
    flex:1;
    max-width:630px;
	min-width:0;
}

.ks-overview__title{
    margin:0;
    color:#203a83;
    font-size:52px;
    font-weight:800;
    line-height:1.25;
    letter-spacing:-0.04em;
}

.ks-overview__title strong{
    background: linear-gradient(90deg, #6a4cf3, #28a7f7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight:800;
}

.ks-overview__desc{
    margin:50px 0 0;
    color:#203a83;
    font-size:20px;
    font-weight:500;
    line-height:1.6;
    letter-spacing:-0.03em;
}

.ks-overview__button{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin-top:80px;
}

.ks-overview__link{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    gap:8px;

    min-width:170px;
    min-height:64px;
    padding:12px 24px;

    border-radius:50px;
    background:linear-gradient(90deg,#6a4cf3,#28a7f7);

    color:#fff;
    font-size:19px;
    font-weight:500;
    line-height:1.2;
    text-align:center;
    text-decoration:none;
    white-space:normal;

    transition:.25s;
}

.ks-overview__link i{
    color:#203a83;
	font-weight:600;
}

.ks-overview__link:hover{
    transform:translateY(-2px);
}

/* Photo */
.ks-overview__photo{
    width:460px;
}

.ks-overview__photo-item + .ks-overview__photo-item{
    margin-top:24px;
}

.ks-overview__photo-item img{
    display:block;
    width:100%;
    border-radius:8px;
}

@media (max-width:1200px){

    .ks-overview{
        padding:90px 0;
    }

    .ks-overview__inner{
        gap:50px;
        padding:0 24px;
    }

    .ks-overview__title{
        font-size:46px;
    }

    .ks-overview__desc{
		margin-top:40px;
        font-size:16px;
    }

	.ks-overview__button{
        margin-top:60px;
    }

	.ks-overview__link{
		min-width:160px;
		min-height:60px;
		padding:10px 20px;
		font-size:18px;
	}

    .ks-overview__photo{
        width:420px;
    }
}


@media screen and (max-width:1024px){
	.br1024{display:none;}
}

@media (max-width:900px){
    .ks-overview__inner{
        flex-direction:column;
        gap:50px;
    }

    .ks-overview__content{
        max-width:100%;
    }

	.ks-overview__desc{
		margin-top:30px;
        font-size:18px;
    }

	.ks-overview__button{
        margin-top:50px;
    }

	.ks-overview__link{
		min-width:150px;
		min-height:56px;
		padding:10px 18px;
		font-size:16px;
	}

    .ks-overview__photo{
        width:100%;
        max-width:620px;
    }
}

@media (max-width:768px){
    .ks-overview{
        padding:70px 0;
    }

    .ks-overview__inner{
        padding:0 20px;
        gap:40px;
    }

    .ks-overview__title{
        font-size:38px;
    }

    .ks-overview__desc{
        margin-top:28px;
        font-size:18px;
    }

    .ks-overview__button{
        margin-top:40px;
        gap:10px;
    }

	.ks-overview__link{
		min-width:140px;
		min-height:52px;
		padding:10px 16px;
		font-size:14px;
	}
}

@media (max-width:480px){
    .ks-overview{
        padding:60px 0;
    }

    .ks-overview__title{
        font-size:30px;
    }

    .ks-overview__desc{
        font-size:16px;
    }

    .ks-overview__button{
        flex-direction:column;
    }

    .ks-overview__link{
        width:100%;
		min-height:42px;
		padding:0;
    }

    .ks-overview__photo-item + .ks-overview__photo-item{
        margin-top:16px;
    }

	.br480{display:none;}
}


/* --------------------------------------------------Result-------------------------------------------------- */
.ks-result{
    position:relative;
    padding:90px 0;
    background:
        url('/share/img/main_new/rs_bg.jpg') center/cover no-repeat;
    overflow:hidden;
}

.ks-result::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(16,34,82,.35);
}

.ks-result__inner{
    position:relative;
    z-index:2;

    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:0 20px;
    box-sizing:border-box;
}

.ks-result__title{
    margin:0 0 100px;
    color:#40b2fe;
    font-size:42px;
    font-weight:700;
    text-align:center;
	line-height:1em;
}

.ks-result__list{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:40px;

    margin:0;
    padding:0;
    list-style:none;
}

.ks-result__item{
    text-align:center;
}

.ks-result__label{
    display:flex;
    justify-content:center;
    align-items:center;

    height:56px;
    margin-bottom:24px;

    color:#fff;
    font-size:22px;
    font-weight:500;
    line-height:1.2;
    text-align:center;
}

.ks-result__count{
    display:flex;
    justify-content:center;
    align-items:flex-start;
    gap:6px;
}

.counter{
    color:#fff;
    font-size:86px;
    font-weight:800;
    line-height:1;
    letter-spacing:-0.03em;
}

.ks-result__unit{
    margin-top:8px;

    color:#fff;
    font-size:20px;
    font-weight:500;
}

@media (max-width:1200px){

    .ks-result{
        padding:80px 0;
    }

	.ks-result__title{
		font-size:38px;
	}

    .counter{
        font-size:78px;
    }

}

@media (max-width:900px){
	.ks-result__title{
        margin-bottom:80px;
    }

    .ks-result__list{
        grid-template-columns:repeat(2,1fr);
        row-gap:50px;
    }

	.counter{
        font-size:68px;
    }

}

@media (max-width:768px){

    .ks-result{
        padding:70px 0;
    }

    .ks-result__title{
        margin-bottom:60px;
        font-size:34px;
    }

	.ks-result__label{
		height:48px;
		margin-bottom:12px;
		font-size:20px;
		line-height:1.2;
	}

    .ks-result__unit{
        font-size:18px;
    }

    .counter{
        font-size:58px;
    }

}

@media (max-width:480px){

    .ks-result{
        padding:60px 0;
    }

    .ks-result__title{
        font-size:32px;
    }

    .ks-result__list{
        grid-template-columns:1fr;
        gap:36px;
    }

    .counter{
        font-size:46px;
    }

    .ks-result__label{
		height:auto;
        font-size:18px;
    }

    .ks-result__unit{
        font-size:16px;
    }

}


/* --------------------------------------------------Business Program-------------------------------------------------- */
.ks-program{padding:100px 0;background:#fff;}

.ks-program__inner{
    max-width:1200px;
    margin:0 auto;
    padding:0 20px;
    box-sizing:border-box;
}

.ks-program__head{
    text-align:center;
    margin-bottom:55px;
}

.ks-program__title{
    margin-bottom:15px;
    color:#203a83;
    font-size:46px;
    font-weight:700;
    line-height:1.2;
}

.ks-program__desc{
    color:#555;
    font-size:18px;
    line-height:1.5;
}

.ks-program__list{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:38px 24px;

    margin:0;
    padding:0;
    list-style:none;
}

.ks-program__list li{
    overflow:hidden;
}

.ks-program__list li a{
    display:block;
    text-decoration:none;
}

.ks-program__list img{
    display:block;
    width:100%;
    transition: transform .45s ease,
        filter .45s ease;
}

.ks-program__list li:hover img{
    transform:scale(1.06);
    filter:brightness(.9);
}

.ks-program__list span{
    display:block;
    margin-top:14px;

    color:#222;
    font-size:17px;
    text-align:center;

	 transition:.3s;
}

@media (max-width:1200px){
	.ks-program{padding:90px 0;}
}

@media (max-width:900px){
	.ks-program__list{grid-template-columns:repeat(2,1fr);}
}

@media (max-width:768px){
	.ks-program{padding:70px 0;}

	.ks-program__title{font-size:36px;}

	.ks-program__desc{font-size:16px;}
}

@media (max-width:480px){
	.ks-program__list{grid-template-columns:1fr;gap:28px;}

	.ks-program__title{font-size:30px;}
}


/* --------------------------------------------------Newsletter-------------------------------------------------- */
.ks-news{padding:100px 0;background:#f3f3f3;}

.ks-news__inner{
    max-width:1200px;
    margin:0 auto;
    padding:0 20px;

    display:grid;
    grid-template-columns:2fr 1fr;
    gap:70px;

    box-sizing:border-box;
}

.ks-news__title{
    display:flex;
    align-items:center;
    gap:8px;

    margin-bottom:28px;

    color:#203a83;
    font-size:36px;
    font-weight:700;
}

.ks-news__title img{
    width:auto;
    display:block;
}

.ks-news__list{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;

    margin:0;
    padding:0;
    list-style:none;

}

.ks-news__list li a{
    display:block;
    padding:8px;
    background:#fff;
    box-sizing:border-box;
}

.ks-news__list img,
.ks-news__sns img{
    display:block;
    width:100%;
}

.ks-news__sns{
    display:block;
	padding:8px;
    background:#fff;
    box-sizing:border-box;
}


.ks-news__list li,
.ks-news__sns{
    overflow:hidden;
}

.ks-news__list img,
.ks-news__sns img{
    transition:
        transform .35s ease,
        filter .35s ease;
}

.ks-news__list a:hover img,
.ks-news__sns:hover img{
    transform:scale(1.05);
    filter:brightness(.9);
}

.ks-news__right{
    position:relative;
    padding-left:35px;
}

.ks-news__right::before{
    content:"";
    position:absolute;
    left:-18px;   /* gap의 가운데로 이동 */
    top:0;
    bottom:0;
    width:1px;
	height:100%;
    background:#c0c0c0;
}

@media (max-width:1024px){
	.ks-news__title{font-size:30px;}
}

@media (max-width:900px){
	.ks-news__title{font-size:36px;}

	.ks-news__inner{grid-template-columns:1fr;gap:60px;}

	.ks-news__right{padding-left:0;}
	.ks-news__right::before{display:none;}
}

@media (max-width:768px){
	.ks-news{padding:70px 0;}

	.ks-news__title{font-size:32px;}

	.ks-news__title img:first-of-type{
        height:24px;   /* mail */
    }

    .ks-news__right .ks-news__title img{
        height:28px;   /* insta */
    }
}

@media (max-width:480px){
	.ks-news__title{font-size:28px;}

	.ks-news__list{grid-template-columns:repeat(2,1fr);}

	.ks-news__list li a,
	.ks-news__sns{padding:6px;}
}