@charset "utf-8";

/* =========================== MAIN */
#MainVisual{position:relative;margin:auto;/*height:100vh;*/font-size:15px;line-height:1.5;}

#MainVisual .main_wrap{position:relative;width:100%;}
/*#MainVisual .main_wrap ul{height:40vh;}*/
#MainVisual .main_wrap li{width:100%;height:100%;background-size:cover;background-position:center}
/*
#MainVisual .main_wrap .bg01{background-image:url(../image/main/main_banner01.jpg)}
#MainVisual .main_wrap .bg02{background-image:url(../img/main/main_banner02.jpg)}
#MainVisual .main_wrap .bg03{background-image:url(../img/main/main_banner03.jpg)}
*/
#MainVisual .main_txt{position:absolute;align-items:flex-end;bottom:150px;left:50%;display:flex;justify-content:space-between;max-width:var(--main-size);width:100%;color:#fff;transform:translateX(-50%)}
#MainVisual .l_txt h1{font-size:80px;font-weight:700;white-space:pre-line;line-height:1;font-family:var(--e-font)}
#MainVisual .l_txt>div{margin-top:50px}
#MainVisual .l_txt .ntc{font-size:13px;font-weight:500;color:var(--primary)}
#MainVisual .l_txt dl{display:flex;gap:10px;align-items:center}
#MainVisual .l_txt dl dt{width:55px;font-weight:500;opacity:.5}
#MainVisual .l_txt dl dd{font-size:20px;font-weight:700;font-family:var(--e-font)}

#MainVisual .r_txt{width:45%}
#MainVisual .r_txt>p{margin-bottom:50px;font-size:30px;font-weight:500;font-family:var(--e-font)}
#MainVisual .r_txt>p span{color:var(--primary)}
#MainVisual .r_txt .course{display:grid;grid-template-columns:repeat(2,1fr);}
#MainVisual .r_txt .b_tit{display:flex;align-items:center;gap:10px}
#MainVisual .r_txt .b_tit span{font-size:18px;font-weight:700;color:var(--primary);font-family:var(--e-font)}
#MainVisual .r_txt .b_tit p{font-size:20px}
#MainVisual .r_txt .b_tit em{font-style:normal;opacity:.5}
#MainVisual .r_txt .txt{height:45px;margin:10px 0 30px;opacity:.5}
#MainVisual .r_txt a{display:inline-block;padding:10px 20px;border-radius:50px;color:rgba(255,255,255,.5);background:rgba(255,255,255,.1);transition:all .3s}
#MainVisual .r_txt a:hover{color:#fff}

#MainVisual .golink{position:absolute;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:5px;width:100%;padding:10px 0;font-size:18px;font-weight:700;text-align:center;color:#fff;background:var(--primary);transition:all .3s}

@media(hover:hover){
#MainVisual .r_txt a:hover{color:#fff}
#MainVisual .golink:hover{gap:10px}
}

/* 반응형 [s] */
@media (max-width:1024px){
#MainVisual{height:auto}
#MainVisual .main_wrap{position:unset}
#MainVisual .main_txt{position:unset;display:block;padding-bottom:100px;text-align:center;transform:none}
#MainVisual .l_txt h1{margin-top:-30px;font-size:70px;white-space:normal}
#MainVisual .l_txt>div{margin-top:30px}
#MainVisual .l_txt dl{justify-content:center}
#MainVisual .r_txt{width:100%;margin-top:30px}
#MainVisual .r_txt>p{margin-bottom:20px}
#MainVisual .r_txt .b_tit{justify-content:center}
#MainVisual .r_txt .course{display:flex;justify-content:center;gap:50px}
}
@media (max-width:768px){
#MainVisual .l_txt h1{font-size:60px}
#MainVisual .l_txt>div{margin-top:20px}
#MainVisual .r_txt .b_tit p{font-size:17px}
}
@media (max-width:580px){
#MainVisual{font-size:14px}
#MainVisual .l_txt h1{font-size:50px}
#MainVisual .r_txt>p{font-size:25px}
#MainVisual .golink{font-size:16px}
}
@media (max-width:480px){
#MainVisual .l_txt h1{margin-top:-15px}
#MainVisual .l_txt h1{font-size:35px}
#MainVisual .r_txt .course{flex-direction:column;gap:30px}
#MainVisual .r_txt .txt{height:auto;margin:10px 0}
}
@media (max-width:390px){
#MainVisual .l_txt h1{margin-top:-14px;font-size:30px}
}
/* 반응형 [e] */

/* =========================== inc01 */
#inc01 .counter{padding:150px 0 100px;text-align:center}
#inc01 .counter span{display:block;font-size:20px;font-weight:700;color:#aaa}
#inc01 .counter .num{display:inline-block;margin:20px 0;padding:10px 20px;border-radius:13px;font-size:100px;font-weight:700;line-height:1;color:var(--primary);background:#fff9fa;font-family:var(--e-font)}
#inc01 .counter h2{font-size:30px;font-weight:700;color:#111}
#inc01 .counter div{margin-top:30px;font-size:16px;font-weight:500;color:#111}

#inc01 .link{padding:80px 0;background:#fff9fa;}
#inc01 .link .inner{display:flex;justify-content:center;gap:100px;max-width:var(--main-size);margin:0 auto;text-align:center}
#inc01 .link a h3{margin-bottom:15px;font-size:50px;font-weight:700;background-image:linear-gradient(0deg, #ff5072 0%, #ff5072 50%, transparent 50.1%);background-position:100% 100%;background-size:100% 0%;-webkit-text-stroke-color:#ff5072 ;-webkit-text-stroke-width:1px;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-repeat:no-repeat;transition:all 0.5s cubic-bezier(.4,0,.2,1);}
#inc01 .link a span{font-size:16px;font-weight:500;color:#777}

#inc01 .link a:hover h3{background-size:100% 200%}

@media(hover:hover){
#inc01 .link a:hover h3{background-size:100% 200%}
}

/* 반응형 [s] */
@media (max-width:1024px){
#inc01 .counter{padding:80px 0}
#inc01 .counter span{font-size:17px}
#inc01 .counter .num{margin:10px 0;font-size:65px}
#inc01 .counter h2{font-size:25px}
#inc01 .link{padding:50px 0}
#inc01 .link .inner{padding:0 15px;gap:50px}
#inc01 .link a h3{margin-bottom:5px;font-size:40px}
#inc01 .link a span{font-size:15px}
}
@media (max-width:768px){
#inc01 .counter div{margin-top:20px;padding:0 15px;font-size:15px}
#inc01 .link{padding:0 15px;background:none}
#inc01 .link .inner{flex-direction:column;gap:10px;padding:0}
#inc01 .link li{padding:20px;border:1px solid #e1e1e1;border-radius:13px;background:#f5f5f5}
#inc01 .link a h3{font-size:30px}
}
@media (max-width:580px){
#inc01 .counter{padding:50px 0}
#inc01 .counter .num{font-size:50px}
#inc01 .counter h2{font-size:22px}
#inc01 .link a h3{margin-bottom:0;font-size:25px;-webkit-text-stroke-width:0;background-image:none;-webkit-text-fill-color:#111}
}
@media (max-width:480px){
#inc01 .counter{padding:50px 0 20px}
#inc01 .counter h2{font-size:20px}
#inc01 .counter .num{border-radius:8px;font-size:40px}
#inc01 .link a h3{font-size:20px}
}
@media (max-width:390px){
#inc01 .link a h3{font-size:17px}
}
/* 반응형 [e] */

/* =========================== inc02 */
#inc02{margin-top:100px}
#inc02 h2{text-align:center}
#inc02 .list{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 30px;width:780px;margin:0 auto 100px;padding-top:50px}
#inc02 .list>li{border-top:1px solid #111}
#inc02 .list li div{display:flex;padding-top:20px}
#inc02 .list .half li{display:flex;gap:10px}
#inc02 .list .half li+li{margin-top:5px}
#inc02 .list .half li span{display:flex;align-items:center;justify-content:center;width:55px;padding:3px 0;border-radius:50px;font-size:13px;font-weight:13px;font-weight:700;color:#fff;background:var(--primary);}
#inc02 .list div>p{font-size:18px;font-weight:700;font-family:var(--e-font)}
#inc02 .list div>p span{display:block;font-size:15px;font-weight:500;font-style:normal;color:#777;font-family:var(--k-font)}
#inc02 h3{width:100px;font-size:16px;font-weight:700;color:#111}

#inc02 .course {position:relative;overflow:hidden;padding:80px 20px;background-image:url(../images/main/course_bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;}
#inc02 .course .wrap {position:relative;z-index:10;text-align:center;max-width:860px;margin:0 auto;}
#inc02 .course h2 {color:#fff;font-size:30px;font-weight:700;margin-bottom:30px;}

/* 지도 박스 */
.course-map-box {display:inline-block;background:#fff;border:4px solid #e05080;border-radius:24px;padding:12px;box-shadow:0 8px 32px rgba(200,40,80,.2);max-width:680px;width:100%;}
.course-map-box img {width:100%;border-radius:16px;display:block;}

/* 탭 */
#inc02 .course .tabs {position:relative;display:inline-flex;justify-content:center;margin:0 0 24px;padding:8px 12px;border-radius:50px;background:#fff;box-shadow:0 2px 10px rgba(200,40,80,.15);}
#inc02 .course .tabs li {min-width:90px;padding:6px 0;font-size:17px;font-weight:700;text-align:center;color:#111;cursor:pointer;border-radius:50px;transition:all .2s;}
#inc02 .course .tabs li.on {color:#fff;background:#e05080;}
#inc02 .course .tab_cont {display:none;}

/* 하단 텍스트 */
.course-caption {margin-top:22px;color:#a01040;font-size:15px;font-weight:500;}

/* ===== 반응형 ===== */
@media (max-width:768px) {
    #inc02 .course {padding:60px 16px;}
    #inc02 .course h2 {font-size:24px;letter-spacing:2px;}
    .course-map-box {border-radius:16px;padding:8px;}
    .sparkle.big {font-size:26px;}
    .course-caption {font-size:13px;}
}
@media (max-width:480px) {
    #inc02 .course h2 {font-size:20px;}
    #inc02 .course .tabs li {min-width:70px;font-size:15px;}
    .deco-heart {display:none;}
}


/* =========================== inc03 */
#inc03{padding:150px 0;background:#fff9fa;background-image:url(../images/main/info_bg.png);background-repeat: no-repeat;background-position: 5% 75%;background-size:40%;}
#inc03 h2{margin-bottom:50px}
#inc03 .inner{position:relative;max-width:var(--main-size);margin:0 auto}

#inc03 .inc_tit{position:absolute;top:0;left:0}
#inc03 ul{position:relative;width:390px;margin-left:auto}
#inc03 ul > li{display:block;}
#inc03 ul li:nth-child(2){position:absolute;top:50%;right:500px;transform:translateY(-50%)}
#inc03 ul li:nth-child(3){margin-top:100px}
#inc03 ul li img{overflow:hidden;border-radius:13px;max-width:unset;max-width:390px;}
#inc03 ul li dl{margin-top:20px}
#inc03 ul li dt span{font-size:13px;font-weight:700;font-family:var(--e-font)}
#inc03 ul li dt p{margin:5px 0 15px;font-size:20px;font-weight:700}

/* 반응형 [s] */
@media (max-width:1024px){
#inc03{padding:100px 0}
#inc03 h2{margin-bottom:20px}
#inc03 .inc_tit{position:unset;margin-bottom:50px;padding:0 15px;text-align:center}
#inc03 ul{display:flex;gap:20px;width:100%;padding:0 15px}
#inc03 ul li:nth-child(2){position:unset;transform:none}
#inc03 ul li:nth-child(3){margin-top:0}
#inc03 ul li img{width:100%}
#inc03 ul li dl{text-align:center}
}
@media (max-width:768px){
#inc03 ul li dt p{font-size:17px}
}
@media (max-width:580px){
#inc03 ul{flex-direction:column}
#inc03 ul li{display:flex;align-items:center;gap:50px;justify-content: center;}
#inc03 ul li img{width:50%}
#inc03 ul li dl{width:50%;margin-top:0;text-align:left}
}
@media (max-width:480px){
#inc03{padding:70px 0}
#inc03 ul li{gap:20px}
}
@media (max-width:390px){
#inc03 ul li dt p{margin:5px 0 10px}
#inc03 ul li{flex-direction:column}
#inc03 ul li img{width:100%}
#inc03 ul li dl{width:100%;text-align:center}
}
/* 반응형 [e] */

/* =========================== inc04 */
#inc04{padding:150px 0;background:var(--primary)}
#inc04 h2{margin-bottom:50px;text-align:center}
#inc04 ul{max-width:var(--main-size);margin:0 auto;border-top:2px solid #fff;}
#inc04 ul li+li{border-top:1px solid #111}
#inc04 ul .cont_q svg{transition:all .3s; color:#fff;}
#inc04 ul .cont_q.open svg{transform:rotate(180deg)}
#inc04 ul .cont_a{display:none;padding:30px 30px 30px 60px;font-size:17px;font-weight:700;background:#fff;color:#000;}
#inc04 ul button{display:flex;justify-content:space-between;border:none;width:100%;padding:25px 20px;background:none}
#inc04 ul button div{display:flex;align-items:center}
#inc04 ul button div span{margin-right:20px;color:#fff;font-size:22px;font-weight:700;font-family:var(--e-font)}
#inc04 ul button div h3{color:#fff;font-size:20px;font-weight:700;text-align:left}
#inc04 a{display:block;width:140px;margin:70px auto 0;padding:15px 0;border-radius:50px;border:2px solid #fff;font-size:17px;font-weight:700;color:var(--primary);text-align:center;background:#fff;transition:all .3s}

@media(hover:hover){
#inc04 a:hover{border:2px solid #fff;color:#fff;background:none}
}

/* 반응형 [s] */
@media (max-width:1024px){
#inc04{padding:100px 15px}
#inc04 a{margin:30px auto 0}
#inc04 ul button div span{font-size:18px}
#inc04 ul button div h3{font-size:18px}
#inc04 ul .cont_a{font-size:15px}
}
@media (max-width:768px){
#inc04 h2{margin-bottom:30px}
#inc04 ul button div span{font-size:16px}
#inc04 ul button div h3{font-size:17px}
#inc04 ul button{padding:20px}
#inc04 ul .cont_a{padding:20px 20px 20px 60px}
#inc04 a{font-size:15px}
#inc04 ul .cont_q svg{width:17px}
}
@media (max-width:480px){
#inc04{padding:70px 15px}
#inc04 ul button div h3{font-size:15px}
#inc04 ul .cont_a{font-size:14px}
#inc04 a{padding:10px 0}
}
@media (max-width:390px){
#inc04 h2{margin-bottom:20px}
#inc04 ul button{padding:15px}
#inc04 ul button div span{margin-right:10px}
#inc04 ul .cont_a{padding:20px}
}
/* 반응형 [e] */

/* =========================== inc05 */
#inc05{overflow:hidden;margin:50px 0 150px 0}
#inc05 h2{margin-bottom:20px;font-size:30px;font-weight:700;color:#fff}
#inc05 li{overflow:hidden;border-radius:13px}
#inc05 li a .img{overflow:hidden;height:300px;background-size:cover;background-position:center;transition:all .3s}
#inc05 li a:hover .img{transform:scale(1.1)}

@media(hover:hover){
#inc05 li a:hover .img{transform:scale(1.1)}
}

/* 반응형 [s] */
@media (max-width:1024px){
#inc05{margin:0 0 150px;padding:0 15px}
#inc05 li a .img{height:220px}
}
@media (max-width:768px){
#inc05{margin:0 0 70px}
#inc05 h2{font-size:26px}
#inc05 h2{text-align:center}
}
@media (max-width:480px){
#inc05{margin:0 0 50px}
#inc05 h2{font-size:24px}
#inc05 li a .img{height:150px}
}
@media (max-width:390px){
#inc05 h2{font-size:22px}
}
/* 반응형 [e] */