@charset "utf-8";

#main_banner_wrap{overflow:hidden;display:flex;flex-direction:column;gap:50px;padding:60px 0;word-break:keep-all}
#main_banner_wrap .group-tit{display:flex;flex-direction:row !important;align-items:center;justify-content:space-between;gap:30px !important;padding-bottom:50px !important}
#main_banner_wrap .group-tit h1{font-size:42px;font-weight:700;line-height:1.4;color:#000;white-space:pre-line}
#main_banner_wrap .group-tit h1 .ic-star{display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:100px;background-color:var(--primary)}
#main_banner_wrap .group-tit h1 .ic-star img{width:24px}
#main_banner_wrap .group-tit .txt-box{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:30px;
    /*padding-right:53px;*/
	padding-right:0;
}

#main_banner_wrap .group-tit .txt-box .desc{
    font-size:16px;
    color:#333;
    line-height:1.6;
    white-space:pre-line;
    word-break:keep-all;
}

#main_banner_wrap .group-tit .txt-box .btn_program{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:180px;
    height:58px;
    padding:0 32px;
    border-radius:12px;
    background:#10294b;
    color:#fff;
    font-size:17px;
    font-weight:700;
    text-decoration:none;
    transition:.3s;
    border:2px solid #10294b;
}

#main_banner_wrap .group-tit .txt-box .btn_program:hover{
    background:#fff;
    color:#10294b;
}

#main_banner_wrap .group-tit .link-more{position:relative;padding-bottom:8px;font-size:12px;font-weight:700;line-height:1.6;color:#333}
#main_banner_wrap .group-tit .link-more .text-box{position:relative;display:inline-block;overflow:hidden}
#main_banner_wrap .group-tit .link-more .text-box span{display:inline-block;transition:transform 0.4s}
#main_banner_wrap .group-tit .link-more .text-box span.po-a{position:absolute;left:0;transform:translateX(-100%)}
#main_banner_wrap .group-tit .link-more::after{position:absolute;content:'';bottom:0;left:0;height:2px;width:100%;background-color:#000}

#main_banner_wrap .img-box{
    position:relative;
    border-radius:24px;
    overflow:hidden;
}

#main_banner_wrap .img-box video{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

@media (hover:hover){
#main_banner_wrap .group-tit .link-more:hover .text-box span:first-child{transform:translateX(100%)}
#main_banner_wrap .group-tit .link-more:hover .text-box span.po-a{transform:translateX(0)}
}

/* 반응형 [s] */
@media (max-width:1500px){
#main_banner_wrap{}
#main_banner_wrap .group-tit h1{}
#main_banner_wrap .img-box{height:460px}
}
@media (max-width:1300px){
#main_banner_wrap{}
}
@media (max-width:1200px){
#main_banner_wrap{}
#main_banner_wrap .group-tit{padding-bottom:35px !important}
#main_banner_wrap .group-tit h1{font-size:42px}
#main_banner_wrap .group-tit .txt-box{padding-right:15px}
#main_banner_wrap .img-box{height:400px}
}
@media (max-width:1024px){
#main_banner_wrap{padding:40px 0}
#main_banner_wrap .group-tit{flex-direction:column !important;gap:15px !important;text-align:center}
#main_banner_wrap .group-tit h1{font-size:38px}
#main_banner_wrap .group-tit .txt-box{align-items:center;gap:18px;padding-right:0}
#main_banner_wrap .group-tit .link-more{padding-bottom:3px}
#main_banner_wrap .img-box{height:360px;border-radius:15px}
}
@media (max-width:768px){
#main_banner_wrap .group-tit{gap:10px !important;padding-bottom:30px !important}
#main_banner_wrap .group-tit h1{font-size:30px}
#main_banner_wrap .group-tit h1 .ic-star img{width:20px}
#main_banner_wrap .group-tit .txt-box{gap:14px}
#main_banner_wrap .group-tit .txt-box .desc{font-size:15px}
#main_banner_wrap .img-box{height:300px}
}
@media (max-width:480px){
#main_banner_wrap{padding:30px 0}
#main_banner_wrap .group-tit{padding-bottom:25px !important}
#main_banner_wrap .group-tit h1{font-size:26px}
#main_banner_wrap .group-tit h1 .ic-star img{width:18px}
#main_banner_wrap .group-tit .txt-box{gap:10px}
#main_banner_wrap .group-tit .txt-box .desc{font-size:14px}
#main_banner_wrap .img-box{height:240px;border-radius:10px}
}
@media (max-width:390px){
#main_banner_wrap .group-tit .txt-box .desc{white-space:normal}
#main_banner_wrap .group-tit h1{font-size:24px}
#main_banner_wrap .group-tit h1 .ic-star{display:none}
}
/* 반응형 [e] */