/********* SUB ***********/
/*서브 메인*/
.sub_con01 {
    background: url(/img/sub/sub_con01.png) center / cover no-repeat;
    padding: 110px 0 101px;
    color: #fff; text-align: left;
}
.sub_con01 p {font-size: 23px; line-height: 30px;}
.sub_con01 h1 {font-size: 36px;}




/* 교육원 소개1 */
.sub_con02 {background: #F8F9FB;}
.sub_con02 > div {
    padding: 97px 0;
    display: flex; align-items: center; justify-content: center; column-gap: 90px;
}
.sub_con02 img { border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }
.sub_con02 p {font-size: 18px; line-height: 24px; color: #303343;}



/* 교육원 소개2 */
.sub_con03 {
    padding: 70px 0 68px;
    background: url(/img/sub/follow_up.png) center / cover no-repeat;
    text-align: center; color: #fff; font-size: 18px; line-height: 26px;
}
.sub_con03 > div > p {font-size: 18px; line-height: 26px;}
.sub_con03 > div > p:last-child {margin-top: 27.5px;}



/* 교육원 소개3 */
.sub_con04 {background: #F8F9FB;}
.sub_con04 > div {
    padding: 97px 0;
    display: flex; align-items: center; justify-content: center; column-gap: 90px;
}
.sub_con04 img { border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }
.sub_con04 p {font-size: 18px; line-height: 24px; color: #303343; text-align: right;}




/*FAQ*/
.faq_con {
    background: linear-gradient(to bottom, #10023A, #000000);
    padding: 80.5px 0 51px;
    color:#fff;
}
.faq_con .faq_title {font-size: 23px; color: #E8E2FF; margin-bottom: 40px;}
.faq_con .faq_list {
    display: flex; align-items: stretch; justify-content: flex-start; row-gap: 10px; flex-direction: column;
    width: 100%;

}
.faq_con .faq_info {
    padding: 25px 11.89px 10px;
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border: 1px solid #7264C3;
    background: #4B3E76; backdrop-filter: blur(4px);
    box-shadow: 1px 1px 10px 0 rgba(129, 143, 190, 0.25);    
}
.faq_info .qusetion {
    position: relative;
    cursor: pointer;
    padding-left: 188.9px;
    font-size: 20px; line-height: 44px;
    margin-bottom: 18px;
}
.faq_info .qusetion .num_tag {
    position: absolute; left: 18px;
    background-color: #9F95BD;
    border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px;
    padding: 0 41.5px;
    font-size: 18px; font-weight: 600; color: #08011F;
}
.faq_info .qusetion .down {
    position: absolute;
    top: 43%; right: 34px;
    transform: translateY(-50%) rotateZ(45deg); -webkit-transform: translateY(-50%) rotateZ(45deg); -moz-transform: translateY(-50%) rotateZ(45deg); -ms-transform: translateY(-50%) rotateZ(45deg); -o-transform: translateY(-50%) rotateZ(45deg);
    width: 10px; height: 10px;
    border: solid rgba(255, 255, 255, 0.82); border-width: 0 2px 2px 0;
    transition-duration: 0.5s;
}
.faq_info .qusetion.active .down {transform: rotate(225deg); -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg);}
.faq_info .answer {
    margin-top: 27px;
    display: none;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;
    background-color: rgba(255,255,255,0.2);
    padding: 20px 47px 23px;
    font-size: 16px; line-height: 28px; word-break: keep-all;
}
.faq_info .answer.active {display: block;}


/*지원서 제출안내*/
.form_con {background: linear-gradient(to bottom, #F8F6FB, #F4F4F9); padding: 50.2px 0 50.3px;}
.form_wrap { 
    border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border : 1px solid #D9D2E3;
    background: #FCFAFD;
    padding: 33.5px 30.5px 24px;
}
.form_wrap > h4 {font-size: 23px; color: #120047; margin-bottom: 17px;}
.form_wrap p {font-size: 18px; font-weight: 600; line-height: 29px; color: #303343;}
.form_wrap .form_step {margin-top: 65px;}
.form_step > h5 {
    font-size: 25px; color: #120047; font-weight: 700;
    padding-left: 82px;
    position: relative;
}
.form_step .step_num {
    font-size: 15px; line-height: 17px; font-weight: 900; color: #fff;
    padding: 6px 23px;
    background-color: #3D2C55;
    border-radius: 54px; -webkit-border-radius: 54px; -moz-border-radius: 54px; -ms-border-radius: 54px; -o-border-radius: 54px;
    position: absolute; top: 50%; left: 0;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.form_step .step1 {margin: 23px 0 17px;}
.form_step .step_tag { 
    font-weight: 600; color: #fff; line-height: 26px; padding: 2px 10px; 
    border-radius:12.62px ; -webkit-border-radius:12.62px ; -moz-border-radius:12.62px ; -ms-border-radius:12.62px ; -o-border-radius:12.62px ; 
    background-color: #974D98;
}
.form_step .download_btn { 
    width: 250px; 
    text-align: center; font-size: 20px; color: #561857; line-height: 50px; 
    background: #DBBCDC;
    border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; 
}
.form_step .download_btn > b {position: relative; font-weight: 700;}
.form_step .download_btn > b::after {
    content:"\ea4c";
    font-family: 'remixicon' !important;
    margin-left: 5px;
}
.form_step .email_wrap {
    margin:  27.5px 0 40px;
    display: grid; grid-template-columns: 80px 300px; column-gap: 10px; row-gap: 7px;
}
.form_step .email_wrap > li {font-size: 18px; font-weight: 600; color: #303343}
.form_step .email_wrap .email_tag {
    padding: 0 13px;
    background-color: #974D98;
    border-radius: 12.5px; -webkit-border-radius: 12.5px; -moz-border-radius: 12.5px; -ms-border-radius: 12.5px; -o-border-radius: 12.5px;
    color: #fff; line-height: 27px; font-weight: 600;
    user-select: text; -webkit-user-select: text; -moz-user-select: text; -ms-use-select: text;

}




@media (max-width: 950px) {
    /*서브 메인*/
    .sub_con01 {padding : 84.5px 20px 78.5px}
    .sub_con01 p {font-size: 16px; line-height: 30px;}
    .sub_con01 h1 {font-size: 26px; line-height: 1.4;}

    /*교육원소개 1*/
    .sub_con02 > div {padding: 60px 20px 45.5px; flex-direction: column; row-gap: 25px;}
    .sub_con02 img {display: block; width: 100%;}
    .sub_con02 p {font-size: 15px; line-height: 23px; text-align: center; white-space: nowrap;}

    /*교육원소개 2*/
    .sub_con03 {padding: 86.5px 20px 73px;}
    .sub_con03 p {font-size: 15px; line-height: 23px;}

    /*교육원소개 3*/
    .sub_con04 > div {padding: 60px 20px 45.5px; flex-direction: column-reverse; row-gap: 24.3px;}
    .sub_con04 img {display: block; width: 100%;}
    .sub_con04 p {font-size: 15px; line-height: 23px; text-align: center; white-space: nowrap;}

    /*FAQ*/
    .faq_con {padding: 60px 20px 50px;}
    .faq_con .faq_title {font-size: 23px; line-height: 1.4; margin-bottom: 30.6px}
    .faq_con .faq_info {padding: 27px 8px 10px;}
    .faq_info .qusetion {font-size: 14px; line-height: 20px; padding: 0 25px 0 75px; word-break: keep-all;}
    .faq_info .qusetion .num_tag {
       top:50%; left: 7px;
       transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
       padding: 5px 9px 4px;
       font-size: 12px; line-height: 18px;
    }
    .faq_info .qusetion .down {right: 11px; top: 23%;}
    .faq_info .answer {padding: 15px 17px 13px 15px; font-size: 12px; line-height: 20px;}



    /*지원서 제출안내*/
    .form_con {padding: 51px 20px 50px;}
    .form_con .form_wrap {padding: 25px 20px 17px;}
    .form_wrap > h4 {margin-top: 20px;}
    .form_wrap p {font-size: 15px; font-weight: 600; line-height: 28px; color: #303343; word-break: keep-all;}
    .form_wrap .form_step {margin-top: 45px;}
    .form_step > h5 {padding-left: 61px; font-size: 20px;}
    .form_step .step_num {font-size: 14px; padding: 0 19px; line-height: 26px;}
    .form_step .download_btn {
        width: 100%;
        font-size: 16px; line-height: 49px;
    }
    .form_step .email_wrap {grid-template-columns: 62px 230px;}
    .form_step .email_wrap > li {font-size: 15px; line-height: 28px;}
}

@media (max-width: 380px){
    .sub_con02 p, .sub_con04 p {font-size: 3.85vw;}
    .form_wrap p, .form_step .email_wrap > li {font-size: 3.85vw;}
}







/***** LANDING 1 ********/
.landing_wrap p {letter-spacing: -0.04rem; font-weight: 500; word-break: keep-all;}
.landing_wrap .landing_title {font-size: 23px; color: #231F20}
.landing_wrap .landing_desc {font-size: 18px; line-height: 26px; margin: 10px 0 30px; color: #000; }

/*과정 메인*/
.main_con {
    padding: 110px 0 50px;
    background: url(/img/sub/landing1_01_bg.png) center / cover repeat;
    color: #fff; font-weight: 500;
}
.main_con > .container::after {
    content: "";
    width: 418px; height: 220px;
    background: url(/img/sub/landing1_01.png) center / cover repeat;
    position: absolute; top: -58px; right: -216px;

}
.main_con .mbc_name {font-size: 23px; line-height: 30px;}
.main_con .subject_name {font-size: 36px; margin: 5px 0 10px;}
.main_con .course_name {font-size: 18px; line-height: 26px; font-weight: 500;}
.main_con .course_tag_wrap {
    margin: 19.8px 0 50.25px;
    display: flex; align-items: center; justify-content: flex-start; column-gap: 20px;
}
.main_con .course_tag_wrap > li {
    padding: 2.2px 26.43px;
    border-radius: 15.19px; -webkit-border-radius: 15.19px; -moz-border-radius: 15.19px; -ms-border-radius: 15.19px; -o-border-radius: 15.19px;
    background-color: rgba(255,255,255,0.1);
    font-size: 15px; line-height: 26px; font-weight: 700;
}
.main_con .subject_info {
    display: flex; align-items: stretch; justify-content: center; column-gap: 107px;
    text-align: center;
}
.main_con .subject_info h5 {font-size: 20px; line-height: 26px; font-weight: 800;}
.main_con .subject_info p { margin-top: 10px; font-size: 18px; line-height: 20px;}
.main_con .subject_info p > span {font-size: 12px; line-height: 20px;}
.main_con .subject_info .subject_info2 {position: relative;}
.main_con .subject_info .subject_info2::before,
.main_con .subject_info .subject_info2::after {
    content: "";
    width: 3px; height: 16px;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px;
    background-color: rgba(255,255,255,0.5);
    position: absolute; top: 50%;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.main_con .subject_info .subject_info2::before {left: -50px;}
.main_con .subject_info .subject_info2::after {right: -50px;}
.main_con .price_info {
    padding: 19px 29px; margin: 33px 0 23px;
    background-color: rgba(255,255,255,0.1); backdrop-filter: blur(4px);
    box-shadow: 1px 1px 5px 0 rgba(71,71,71,0.25);
    font-size: 20px; line-height: 21px; font-family: "Noto Sans", sans-serif;
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;
}
.main_con .price_info .fixed_price {position: relative;}
.main_con .price_info .fixed_price::before {
    content: "";
    width: 100%; height: 2px;
    background-color: #FF0000;
    border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px;
    position: absolute; top: 50%; left: 0;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.main_con .price_info .discount_price {font-size: 18px; line-height: 21px;}
.main_con .price_info .price_desc {font-size: 12px; line-height: 21px;}
.aid_list {display: flex; align-items: stretch; justify-content: space-between; column-gap: 9px;}
.aid_list > li {
    width: calc(33.3% - 6px);
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;
    background-color: rgba(255,255,255,0.9); backdrop-filter: blur(4px);
    box-shadow: 1px 1px 5px 0 rgba(71,71,71,0.25);
    padding: 22px 31px 24px;
    position: relative;
}
.aid_list > li::before {
    content: "";
    width: 66px; height: 66px;
    position: absolute; top: 50%; right: 24px;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.aid_list > li:nth-child(1)::before {background: url(/img/sub/landing1_01_i01.png) center / 100% no-repeat;}
.aid_list > li:nth-child(2)::before {background: url(/img/sub/landing1_01_i02.png) center / 100% no-repeat;}
.aid_list > li:nth-child(3)::before {background: url(/img/sub/landing1_01_i03.png) center / 100% no-repeat; right: 8px;}
.aid_list > li:nth-child(4)::before {background: url(/img/sub/landing1_01_i04.png) center / 100% no-repeat; right: 8px;}
.aid_list > li > h6 {
    width: 85%; 
    text-align: center; font-size: 15px; line-height: 21px; color: #2C2825;
} 
.aid_list > li > h6 > b {font-size: 12px; font-weight: 600;}







/*로드맵*/
.road_con {background-color: #FAF7FF;}
.road_con {padding: 53px 0 60.4px;}
.road_con > p {font-size: 18px; line-height: 26px; color:#120047; margin-top: 8px; }
.road_con .desc_tag {
    float: right; font-size: 17px; line-height: 26px; font-weight: 700; color: #fff;
    background-color: #120047;
    padding: 0 7px;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;
}





/*커리큘럼*/
.curri_con {background-color: #F8F9FB;}
.curri_con { padding: 50px 0 60px;}

.curri_con .curri_menu {
    width: 100%; 
    display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; row-gap: 20px;
}
.curri_con .curri_menu .curri_title {
    cursor: pointer;
    font-size: 20px; font-weight: 800; color: #fff; line-height: 26px; text-align: center;
    padding: 16px 0 17px;
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;
    position: relative;
}
.curri_con .curri_menu .curri_title .down {
    position: absolute;
    top: 43%; right: 21px;
    transform: translateY(-50%) rotateZ(45deg); -webkit-transform: translateY(-50%) rotateZ(45deg); -moz-transform: translateY(-50%) rotateZ(45deg); -ms-transform: translateY(-50%) rotateZ(45deg); -o-transform: translateY(-50%) rotateZ(45deg);
    width: 10px; height: 10px;
    border: solid rgba(255, 255, 255, 0.82); border-width: 0 2px 2px 0;
    transition-duration: 0.5s;
}
.curri_con .curri_menu .curri_title.active .down { transform: rotate(225deg); -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); } 
.curri_con .curri_menu li:nth-child(1) > h5 {background: #8C70AC; border: 1px solid #CBACD1;}
.curri_con .curri_menu li:nth-child(2) > h5 {background: #7D4D98; border: 1px solid #C88CEA;}
.curri_con .curri_menu li:nth-child(3) > h5 {background: #51206E; border: 1px solid #A158CB;}
.curri_con .curri_menu li:nth-child(4) > h5 {background: #3D2C55; border: 1px solid #A94EDE;}
.curri_con .curri_box {
    display: none;
    margin: 10px auto;
}
.curri_con .curri_list {display: flex; align-items: stretch; justify-content: space-between; column-gap: 20px;}
.curri_con .curri02 > li.curri_info {width: calc(50% - 10px);}
.curri_con .curri03 > li.curri_info {width: calc(33.3% - 6.5px);}
.curri_con .curri04 > li.curri_info {width: calc(25% - 15px);}
.curri_con .curri_info {
    padding: 15px;
    width: 100%;
    background-color: #fff;
    border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px;
}
.curri_con .curri_info > h6 {font-size: 20px; font-weight: 800; color: #434343; }
.curri_con .curri_info > h6 > b {margin-bottom: 10px; font-weight: 800;}
.curri_con .curri_info > p { 
    position: relative;
    font-size: 13px; line-height: 27px; font-weight: 400; color: #434343; letter-spacing: -0.02rem; 
    padding-left: 15px;
}
.curri_con .curri_info > p::before {
    content:"";
    width: 3px; height: 3px;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;
    background-color: #434343;
    position: absolute; top: 11.5px; left: 5px;
}






/*소프트웨어*/
.software_con {
    background-color: #EFF1F6;
    padding: 58.67px 0 60.35px;

}
.software_con .soft_list {
    display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap;
    row-gap: 24px; column-gap: 20px;
}
.software_con .soft_list > li {
    width: calc(50% - 10px);
    border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border: 1xp solid #E9E9E9;
    background: #F8F9FB;
    position: relative;
    padding: 30px 41px 32px 113px;
}
.software_con .soft_list > li::before {
    content: "";
    width: 70px; height: 70px;
    position: absolute; top: 50%; left: 27px;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.software_con .soft_list > li:nth-child(1)::before {background: url(/img/sub/software1.png) center / 100% no-repeat;}
.software_con .soft_list > li:nth-child(2)::before {background: url(/img/sub/software2.png) center / 100% no-repeat;}
.software_con .soft_list > li:nth-child(3)::before {background: url(/img/sub/software3.png) center / 100% no-repeat;}
.software_con .soft_list > li:nth-child(4)::before {background: url(/img/sub/software4.png) center / 100% no-repeat;}
.software_con .soft_name {margin-bottom: 10px; font-size: 23px; color: #231F20;}
.software_con .soft_desc {font-size: 13px; line-height: 19px; color: #000}






/*만족도1*/
.satisfaction_con {
    background: url(/img/sub/satisfaction.png) center / cover no-repeat;
    padding: 58px 0 49px;
    color: #fff; text-align: center;
}
.satisfaction_con .satis_title {font-size: 23px; font-weight: 800;}
.satisfaction_con .satis_desc {font-size: 18px; line-height: 26px; margin: 10px 0 36px;}
.satisfaction_con .customer_satis {display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.satisfaction_con .customer_satis > li { width: 20%; position: relative;}
.satisfaction_con .customer_satis > li:nth-child(2n)::before,
.satisfaction_con .customer_satis > li:nth-child(2n)::after {
    content: "";
    width: 3px; height: 16px;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px;
    background: rgba(255,255,255,0.5);
    position: absolute; top: 50%;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.satisfaction_con .customer_satis > li:nth-child(2n)::before {left: 0;}
.satisfaction_con .customer_satis > li:nth-child(2n)::after {right: 0;}
.satisfaction_con .customer_satis > li > h5 {font-size: 37px; font-weight: 800;}
.satisfaction_con .customer_satis > li > h5 > span {font-size: 18px; font-weight: 500;}
.satisfaction_con .customer_satis > li > p {font-size: 18px; font-weight: 500; margin-top: 6px;}
.satisfaction_con .standard {font-size: 11px; line-height: 17px; color:rgba(255, 255, 255, 0.86); margin-top: 17px;}



/*만족도 2*/
.satisfaction2_con {
    padding: 12.47px 0 38.4px; 
    background-color: #FAF9FC;
    text-align: center; color: #120722;
}
.satisfaction2_con > h4 { font-size: 23px;  margin: 35px 0 4px;}
.satisfaction2_con > p {font-size: 18px; }

.satis_slide .swiper-wrapper { transition-timing-function: linear !important;}
.satis_slide li {
    margin: 0 auto;
    width: auto;
    overflow: hidden;
    backface-visibility: hidden; -webkit-backface-visibility: hidden;
    transform: translateZ(0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0);
}






/*사후관리*/
.follow_up_con {padding: 52px 0 45px; background: url(/img/sub/follow_up.png) center / cover no-repeat;}
.follow_up_con .follow_desc {
    margin: 8px 0 40px;
    font-size: 18px; color: #fff; line-height: 26px;
}
.follow_list > ul {display: flex; align-items: stretch; justify-content: space-between;}
.follow_list .follow_box  {
    width: calc(33.3% - 19px);
    padding: 22px 8px 18px;
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border: 1px solid #fff;
    background: linear-gradient(180deg, #FCFCFC 66%, #F3EEFD 100%);
    opacity: 0.95;
    box-shadow: 0 4px 4px 0 rgba(0,0,0, 0.25);
    text-align: center;
    position: relative;
}
.follow_list .follow_box::before {
    content: "";
    width: 30%; height: 5px;
    background: linear-gradient(to right, #9F86FE, #8E66E8);
    border-radius: 0 0 2px 2px;-webkit-border-radius: 0 0 2px 2px;-moz-border-radius: 0 0 2px 2px;-ms-border-radius: 0 0 2px 2px;-o-border-radius: 0 0 2px 2px;
    position: absolute; top: -1px; left: 50%;
    transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);
}
.follow_list h4 {
    font-size: 23px; color: #16064F; 
    position: relative; 
    padding-left: 35px;
    display: inline-block;
}
.follow_list h4::before {
    content: "";
    width: 35px; height: 35px;
    position: absolute; top: 50%; left: 0;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.follow_box_wrap > li:nth-child(1) h4::before { background: url(/img/sub/follow1.png) center / cover no-repeat;}
.follow_box_wrap > li:nth-child(2) h4::before { background: url(/img/sub/follow2.png) center / cover no-repeat;}
.follow_box_wrap > li:nth-child(3) h4::before { background: url(/img/sub/follow3.png) center / cover no-repeat;}

.follow_list h5 {font-size: 14px; color: rgba(0,0,0, 0.86); line-height: 19px; font-weight: 700; margin: 14px 0 12px;}
.follow_list p {
    margin: 0 auto 29px;
   width: 85%;
   text-align: left; font-size: 13px; line-height: 20px; font-weight: 600; color: rgba(53, 53, 53, 0.86);
}
.follow_list span {font-size: 9px; line-height: 17px; color:rgba(53,53,53, 0.86); font-weight: 600; float: left;}
.follow_box .domestic {
    display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr);
    column-gap: 8.25px; row-gap: 10px;
}
.follow_box .domestic > li {
    height: 55.5px;
    display: flex; align-items: center; justify-content: center;
    position: relative;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;
    overflow: hidden;
}
.follow_box .domestic > li > img {
    display: block; width: 80%;
    filter: brightness(1); -webkit-filter: brightness(1);
} 
.follow_box .domestic > li::before {
    content:"";
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    background-color: #000;
    mix-blend-mode: overlay;
}
.follow_box .domestic .be_going{
    background: linear-gradient(to bottom, #F3F3F3, #EEE2FA);
    font-size: 13px; color: #55486E; font-weight: 700; text-align: left;
}
.follow_box .domestic .be_going::before {display: none;}
    

.follow_info { 
    padding: 9px 7px;
    position: relative;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; 
}
.follow_info::before {
    content:"";
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    background-color: #000;
    mix-blend-mode: overlay;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;
    border: 1px solid #1C1919;
}

.follow_info.follow_info2::before {border: 1px solid #E5E5E5}
.follow_box .follow {
    position: relative;
    margin: 0;
    padding-left: 15px;
    font-size: 14px; line-height: 23px; color: #3c3535;
}
.follow_box .follow::before {
    content: "";
    background: #3c3535;
    width: 3px; height: 3px;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;
    position: absolute; top: 12px; left: 3px;
}
.follow_list .follow_box2 {
    margin-top: 19px; padding: 23.5px 0 24px;
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border: 1px solid #fff;
    background: linear-gradient(180deg, #EFECF7 66%, #E8E0F8 100%);
    text-align: center;
}
.follow_list .follow_box2 > p {
    font-size: 15px; color: #2a2a2a; text-align: center;
    margin: 0;
    width: 100%;
}
.follow_list .follow_box2 > h4 {font-size: 23px; color: #16064f; padding-left: 0;}




/*수강생 해택*/
.special_con {padding: 52px 0 50px; background: linear-gradient(to bottom, #F8F6FB, #F4F4F9);}
.special_con h2 {
    margin: 45px auto 50px;
    font-size: 30px; font-weight: 600; color:#340047;  text-align: center;
}
.special_con h2 > b {font-weight: 800; position: relative;}
.special_con h2 > b::after {
    content: "";
    width: 66px; height: 67px;
    background: url(/img/sub/japan.png) center / 100% no-repeat;
    position: absolute; bottom: 0;
}
.national_benefit {
    padding: 34px 0 37px; margin-bottom: 50px;
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border: 1px solid #fff;
    background: linear-gradient(to bottom, #FCFAFD, #FCFAFD);
    box-shadow: 0 0 7.8px 0 #efe6ff inset;
    display: flex; align-items: center; justify-content: center; column-gap: 51.5px;
}
.national_benefit .national {
    display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 75.33px);
    column-gap: 10.5px; row-gap: 3.6px;
}
.national_benefit .national > li::before {
    content:"";
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    background-color: #000;
    mix-blend-mode: overlay;
    border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border: 1px solid #E5E5E5;
}
.national_benefit .national > li {
    display: flex; align-items: center; justify-content: center;
    position: relative;
}
.national_benefit .national img {
    display: block; width: 80%;
    filter: brightness(1); -webkit-filter: brightness(1);
}
.national_benefit .national img.teamlab,.national_benefit .national img.asahi,
.national_benefit .national img.hikky {width: auto;}
.national_benefit .national_list > li {
    position: relative;
    padding-left: 35px; margin-bottom: 15px;
    font-size: 18px; line-height: 26px; font-weight: 600; color: #45404D;
}
.national_benefit .national_list > li:last-child {margin: 0;}
.national_benefit .national_list > li > span {font-size: 13px; font-weight: 600;}
.national_benefit .national_list > li::before {
    content:"";
    width: 21px; height: 21px;
    background: url(/img/sub/national_icon.svg) center / 100% no-repeat;
    position: absolute; top: 50%; left: 0;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.add_wrap > h3 {font-size: 30px; color: #340047; font-weight: 800; position: relative; text-align: center;}
.add_wrap > h3::before,
.add_wrap > h3::after {
    content: "";
    width: 40%; height: 1px;
    position: absolute; top: 50%;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.add_wrap > h3::before {background: linear-gradient(to right, rgba(52, 0, 71, 0) 0%, #340047 100%); left: 0;}
.add_wrap > h3::after {background: linear-gradient(to left, rgba(52, 0, 71, 0) 0%, #340047 100%); right: 0;}
.add_list {display: flex; align-items: stretch; justify-content: space-between; margin-top: 30px;}
.add_list > li { 
    position: relative;
    width: calc(25% - 15px); 
    background: #FCFAFD; 
    border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border: 1px solid #D9D2E3;
    padding: 121px 17px 28px;
}
.add_list > li::before {
    content: "";
    width: 75px; height: 75px;
    position: absolute; top:28px; left: 50%;
    transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);
}
.add_list > li:nth-child(1)::before {background: url(/img/sub/add1.png) center / 100% no-repeat;}
.add_list > li:nth-child(2)::before {background: url(/img/sub/add2.png) center / 100% no-repeat;}
.add_list > li:nth-child(3)::before {background: url(/img/sub/add3.png) center / 100% no-repeat;}
.add_list > li:nth-child(4)::before {background: url(/img/sub/add4.png) center / 100% no-repeat;}
.add_list > li:nth-child(5)::before {background: url(/img/sub/add5.png) center / 100% no-repeat;}
.add_list > li > h6 {font-size: 20px; font-weight: 600; color: #340047; margin-bottom: 13px;}
.add_list > li > h6 > b {font-weight: 700;}
.add_list > li .add_info {
    font-family: 'PyeojinGothic'; font-size: 14px; line-height: 22px; color: #000; word-break: keep-all;
    padding-left: 15px; position: relative;
}
.add_list > li .add_info::before {
    content: "";
    width: 3px; height: 3px;
    background: #000;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;
    position: absolute; top: 10px; left: 3px;
}
.add_list > li .add_etc {font-family: 'PyeojinGothic'; font-size: 10px; font-weight: 700; color: #6C6C6C; line-height: 16px; padding-left: 15px;}


@media (max-width: 950px) {
    .landing_wrap .landing_desc {margin: 10px 0 35px;}
    /*과정 메인*/
    .main_con {
        padding: 63px 20px 35.39px;
        background: url(/img/sub/landing1_01_m_bg.png) center / cover repeat;
    }
    .main_con > .container::after {display: none;}
    .main_con .mbc_name {font-size: 16px;}
    .main_con .subject_info h5,
    .main_con .subject_info p {font-size: 15px; }
    .subject_info3::before {
        content: "";
        width: 3px; height: 28.3px;
        background-color: rgba(255,255,255,0.5);
        border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;
        position: absolute; top: 50%; left: -53.5px;
        transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);
    }
    .main_con .subject_name {font-size: 26px; line-height: 1.4; margin: 1px 0 7.72px;}
    .main_con .course_name {font-size: 14px; font-weight: 600;}
    .main_con .course_tag_wrap {margin: 13.15px 0 20.3px;}
    .main_con .price_info {
        padding: 19px 13.53px 16.86px;margin: 20px 0 12.73px;
        font-size: 15px;
    }
    .main_con .price_info .discount_price {font-size: 15px;}
    .main_con .price_info .price_desc {font-size: 9px;}
    .aid_list {flex-direction: column; row-gap: 10px;}
    .aid_list > li {
        width: 100%;
        padding: 17.41px 14.71px 16.59px 67.91px;
    }
    .aid_list > li::before {right: inherit; left: 10.43px;}
    .aid_list > li > h6 {width: 100%;}
    



    /*로드맵*/
    .road_con {padding: 53px 0 50px;}
    .road_con .part_title {margin-left: 20px;}
    .roadmap_box {
        width: 100%;
        overflow-x: auto;
        padding: 25px 20px 0;
    }
    .roadmap_box::-webkit-scrollbar {display: none;}


    /*커리큘럼*/
    .curri_con {padding: 60px 20px 65px;}
    .curri_con .curri_menu .curri_title {
        font-size: 16px;
        padding: 13px 0 11px;
    }
    .curri_con .curri_menu .curri_box {
        width: 100%;
        overflow-x: auto;
    }
    .curri_con .curri_menu .curri_box::-webkit-scrollbar {display: none;}
    .curri_con .curri_list {width: max-content;}

    .curri_con .curri04 > li.curri_info,
    .curri_con .curri02 > li.curri_info {width: 60%; max-width: 320px;}
    .curri_con .curri_info > h6 {font-size: 18px; margin-bottom: 6px;}
    .curri_con .curri_info > h6 > b {font-size: 20px;}


    /*소프트웨어*/
    .software_con {padding: 60px 20px 65px;}
    .software_con .soft_list {row-gap: 10.25px;}
    .software_con .soft_list > li {
        width: 100%;
        padding: 14px 12px 12px 85px;
    }
    .software_con .soft_list > li::before {width: 52.6px; height: 52.6px; left: 18px;}
    .software_con .soft_name {margin-bottom: 4.5px; font-size: 16px;}
    .software_con .soft_desc {font-size: 11px;}



    /*만족도1*/
    .satisfaction_con {
        background: url(/img/sub/satisfaction_m.png) center / cover no-repeat;
        padding: 50px 20px 40px;
        color: #fff; text-align: center;
    }
    .satisfaction_con .satis_desc {font-size: 16px;}
    .satisfaction_con .customer_satis > li {width: 33.3%;}
    .satisfaction_con .customer_satis > li:last-child {width: 40%;}
    .satisfaction_con .customer_satis > li > h5 {font-size: 30px; }
    .satisfaction_con .customer_satis > li > h5 > span {font-size: 11px; }
    .satisfaction_con .customer_satis > li > p {font-size: 11px; margin-top: 0;}
    .satisfaction_con .customer_satis > li:nth-child(4)::before {display: none;}



    /*만족도 2*/
    .satisfaction2_con {padding: 51px 0 30px; }
    .satisfaction2_con > h4 { font-size: 16px;  margin: 35px 0 4px; word-break: keep-all;}
    .satisfaction2_con > p {font-size: 11px; }




    /*사후관리*/
    .con05.follow_up_con { 
        border-radius:0 ; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; 
        padding: 62px 20px 43px;
        background: url(/img/sub/follow_up.png) center / cover no-repeat;; 
    }
    .follow_up_con .follow_desc {
        font-size: 13px; line-height: 18px;
        margin: 13px 0 30px;
    }
    .follow_list .follow_box {
        width: calc(33.3% - 5px);
        padding: 18px 4px 13px;
    }
    .follow_list h4 {font-size: 16px; padding-left: 25px;}
    .follow_list h4::before {width: 25px; height: 25px;}
    .follow_list h5 {
        font-size: 11px; line-height: 15px; word-break: keep-all;
        height: 45px;
        display: flex; align-items: center; justify-content: center;
        margin: 13px auto;
    }
    .follow_list p {
        width: calc(100% - 5px); height: 85px;
        font-size: 8px; line-height: 14px; text-align: center;
        margin: 0 auto 5px;
    }
    .follow_box .domestic {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
        column-gap: 4.8px; row-gap: 6.25px;
    }
    .follow_box .domestic > li {height: auto; padding: 9px 0 10px;} 
    .follow_box .domestic .be_going{font-size: 7px;}
    .follow_box .follow {
        font-size: 7px; line-height: 11px; text-align: left;
        padding-left: 8px;
        height: initial;
    }
    .follow_box .follow::before {
        content: "";
        width: 2px; height: 2px;
        top: 4px;
        left: 1px;
    }
    .follow_list span {font-size: 5px; line-height: initial; text-align: left; margin-top: 2px;}    
    .follow_list .follow_box2 {padding: 16px 15px;}
    .follow_list .follow_box2 > p {font-size: 11px; height: auto;}
    .follow_list .follow_box2 > h4 {font-size: 18px;}


    /*수강생 혜택*/
    .special_con {padding: 61px 20px 60px;}
    .special_con h2 {font-size: 20px; margin: 47px 0 20px;}
    .special_con h2 > b::after {
        width: 41px; height: 41px;
        top: -38px; right: 8px;
    }
    .national_benefit {padding: 26px 0 27px; margin-bottom: 60px;}
    .national_benefit .national_list > li {font-size: 16px; padding-left: 25px;}
    .national_benefit .national_list > li::before {width: 15px; height: 15px;}
    .add_wrap > h3 {font-size: 20px;}
    .add_wrap > h3::before, .add_wrap > h3::after {display: none;}
    .add_list {margin-top: 49px; flex-wrap: wrap; row-gap: 10px;}
    .add_list > li {width: calc(50% - 5px);}
    .add_list > li > h6 {font-size: 18px;}
    .add_list > li .add_info {font-size: 13px; padding-left: 10px;}
    .add_list > li .add_info::before {width: 2px; height: 2px; left: 1px; top: 8px}
    .add_list > li .add_etc {padding-left: 10px;}
}

@media (max-width: 380px){
    .main_con .course_name {font-size: 3.8vw;}
    .part_title2 {font-size: 5.9vw;}
    /*만족도 2*/
    .satisfaction2_con > h4 { font-size: 4.1vw;}
    .satisfaction2_con > p {font-size: 2.82vw; padding-left: 0;}

    /*사후관리*/
    .follow_list h4 {font-size: 4.1vw;}
    .follow_list .follow_box2 > h4 {font-size: 4.62vw;}


    /*수강생 해택*/
    .special_con h2 {font-size: 5.15vw;}
    .add_list > li > h6 {font-size: 4.62vw;}
}





/*********** LANDING 2 ********/
.landing2 .main_con {background: url(/img/sub/landing2_01_bg.png) center / cover repeat;}
.landing2 .main_con > .container::after {background: url(/img/sub/landing2_01.png) center / 100% repeat;}
.landing2 .con02 {background: #100A23 url(/img/sub/landing2_02.png) center / cover repeat;}
.landing2 .road_con {background: #F7F9FF;}
.landing2 .road_con p {color: #20276E}
.landing2 .road_con .desc_tag {background-color: #002047;}
.landing2 .curri_con .curri_menu li:nth-child(1) > h5 {background-color: #4D5798; border: none;}
.landing2 .curri_con .curri_menu li:nth-child(2) > h5 {background-color: #20276E; border: none;}
.landing2 .curri_con .curri_menu li:nth-child(3) > h5 {background-color: #332C55; border: none;}
.landing2 .curri_con .curri_menu li:nth-child(4) > h5 {background-color: #101331; border: none;}
.landing2 .software_con .soft_list > li:nth-child(1)::before { background: url(/img/sub/software1.png) center / 100% no-repeat;}
.landing2 .software_con .soft_list > li:nth-child(2)::before { background: url(/img/sub/software5.png) center / 100% no-repeat;}
.landing2 .software_con .soft_list > li:nth-child(3)::before { background: url(/img/sub/software6.png) center / 100% no-repeat;}
.landing2 .software_con .soft_list > li:nth-child(4)::before { background: url(/img/sub/software3.png) center / 100% no-repeat;}
.landing2 .software_con .soft_list > li:nth-child(5)::before { background: url(/img/sub/software7.png) center / 100% no-repeat;}
.landing2 .software_con .soft_list > li:nth-child(6)::before { background: url(/img/sub/software4.png) center / 100% no-repeat;}
.landing2 .software_con .soft_list > li:nth-child(7)::before { background: url(/img/sub/software8.png) center / 100% no-repeat;}
.landing2 .software_con .soft_list > li:nth-child(8)::before { background: url(/img/sub/software9.png) center / 100% no-repeat;}
.landing2 .satisfaction2_con {background: #EFF2F6;}

@media (max-width: 950px) {
    .landing2 .main_con {background: url(/img/sub/landing2_01_m_bg.png) center / cover repeat;}
    .landing2 .con02 {background: #100A23 url(/img/sub/landing2_02_m.png) center / cover repeat;}
}

@media (max-width: 380px){

}