@charset "utf-8";


a {text-decoration:none; background-color:transparent; vertical-align:middle; -webkit-text-decoration-skip:objects; color:#000000; word-break: break-word; cursor: pointer;}
a:hover, a:active, a:focus {text-decoration:none}
a:active {color:#333}


/* //////////////////// */
/* ////  서브페이지  //// */
/* //////////////////// */

/* 서브 레이아웃 */
.content {padding-top:98px; min-height:calc(100vh - 461px);}

/* 공통버튼 */
.common_btn_box {display: flex; align-items: center; justify-content: center; margin:100px auto 0;}
.common_btn_box .btn1 + .btn1 {margin-left:10px;}
.btn1 {width:230px; height:65px; line-height:65px; text-align: center; color:#fff; border-radius: 5px; font-weight:600; font-size:17px; background: #888C9D; transition: 0.3s ease-in-out;}
.btn1.co1 {background:#2d51d6 }
.btn2 {width: 70px; height: 32px; text-align: center; color:#333; border-radius: 5px; font-weight:500; font-size:13px; background: #F0F0F0; transition: 0.3s ease-in-out;}

.btn1:hover{background-color: #6c7080}
.btn1.co1:hover{background-color: #2141b8}

.btn2.co1 {background:#2D51D6 }
.btn_self {width:130px; height:55px; text-align: center; color:#fff; background:#888C9D; border-radius: 5px; font-size:16px; font-weight: 600;}

/* 필수값 */
.required::after{content: '*'; color: #2d51d6;}


/* 서브 상단 - 페이지 경로 */
.location_area {max-width:1440px; padding:50px 0px 50px; margin:0 auto;}
.location_area .sub_tit {font-size:20px; font-weight: 600; color: #2D51D6; display: block;margin-bottom:5px;}
.location_area .tit {font-size:60px; font-weight: 600; line-height: 1.3}
.location_area .tit.sam {font-family: 'sam'; color: #000}
.location_area .txt {font-size:22px; font-weight: 500; margin-top:5px;}
.location_area .location {margin-top:60px;}
.location_area .location {display: flex; align-items: center;}
.location_area .location li {display: flex; align-items: center;}
.location_area .location li + li:before {content:''; display: block; width:6px; height:10px; background: url("/inc/img/lms/arrow_r_location.svg") no-repeat center / 100% 100%; margin:0 13px;}
.location_area .location a {font-size:14px; line-height: 1;}
.location_area .location a i {font-size:13px;}

.location_area .tab_box {margin:80px 0px -10px -10px }
.location_area .tab_box .btn {border: 2px solid #000;border-radius: 50px; padding:  16px 35px 17px; transition: all .3s; font-weight: 600; font-size: 17px; display: inline-block; margin-left: 10px; margin-bottom: 10px; color: #000; appearance: none; -webkit-appearance: none;background-color: transparent}

.location_area .tab_box .btn.on {background-color: #000; color: #fff; }


.search_box {margin-top: 15px; position: relative;}
.search_box button {position: absolute; top:0; right:0; height:100%; width:80px; text-align: center; color:#2D51D6; font-size:20px;}



.paganation {margin-top:50px; display: flex; align-items: center; justify-content: center;}
.paganation > a {font-size:20px; color:rgba(102,102,102,0.5); transition: 0.3s ease-in-out;}
.paganation > a.first {margin-right:22px;}
.paganation > a.last {margin-left:22px;}
.paganation > ul {display: flex; align-items: center; margin:0 43px;}
.paganation > ul > li + li {margin-left:7px;}
.paganation > ul a {font-size:16px; display: flex; width:30px; height:30px; align-items: center; justify-content: center; color:#888; background: transparent; border-radius: 50%; transition: 0.3s ease-in-out;}
.paganation > ul a.on {color:#fff; background: #2D51D6}


.sub_pb {}

.bg_page {background-color: #f8f9fe}

/* 페이지 네이션 */
.pagination {margin-top:125px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 0 15px;}
.pagination a {transition:background-color 0.3s ease-in-out;}
.pagination > a {font-size: 18px; color:#b2b2b2; }

.pagination > a.prev {margin-left:18px;}
.pagination > a.next {margin-right:18px;}
.pagination .num_list {display: flex; align-items: center; margin-left:30px; margin-right:30px;}
.pagination .num_list li + li {margin-left:10px;}

.pagination .num_list li.on a {background: #2d51d6; text-align: center; color:#fff;}

.pagination .num_list a {font-size: 16px; font-weight: 500; border-radius: 5px; -webkit-border-radius: 5px; color: #b2b2b2; display: inline-block; width:30px; height:30px; line-height:28px; text-align: center; border-radius: 50%}



.notice_page .notice_box{margin:0 0 -60px -40px; display: flex ;flex-wrap: wrap}
.notice_page .notice_box .cont {background-color: #f8f9fe;border-radius: 20px; padding: 40px 40px 40px; display: block; width: calc(33.33% - 40px); margin-left: 40px; margin-bottom: 40px; transition: all .3s; position: relative}
.notice_page .notice_box .cont .tag_box {margin-bottom:15px }
.notice_page .notice_box .cont .tag_box .tag {color: #2d51d6; font-size: 18px; font-weight: 700; transition: all .3s}
.notice_page .notice_box .cont .tag_box .tag + .tag {margin-left: 10px}
.notice_page .notice_box .cont .tit {font-size: 25px; line-height:32px; font-weight: 600; overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; word-break: keep-all;  transition: all .3s}
.notice_page .notice_box .cont .text {font-size: 17px; color:#767882;  margin-top: 20px; overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  transition: all .3s}
.notice_page .notice_box .cont .date {margin-top: 0px; position: relative; color: #333333; font-size: 15px; display: inline-block; transition: all .3s}
.notice_page .notice_box .cont .new {position: absolute; right: -10px; top: 50%; transform: translate(100% , -50%); background-color: #2d51d6; color: #fff; font-weight: 700; width: 30px; height: 30px; line-height: 29px; text-align: center;border-radius: 50%; display: inline-block; transition: all .3s}
.notice_page .notice_box .cont .date .new span {margin-left: 0px}
.notice_page .notice_box .cont .plus {position: absolute; right: 60px; bottom: 40px; font-size: 22px; transition: all .3s}

.notice_page .notice_box .cont .com {position: absolute; bottom: 35px; font-size: 16px; color: #333;}


.noList_box {width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;color: #000}
.noList_box  i {font-size: 48px; opacity: 0.3}
.noList_box  p {    font-weight: 500;font-size: 17px;margin-top: 10px;opacity: 0.5;}


@media(max-width: 1600px){
    .nav_wrap > .left .gnb > li + li {margin-left: 60px}
    .nav_wrap > .right .login_box a + a {margin-left: 25px}
    .nav_wrap > .right .login_box a span {display: none}
    .nav_wrap > .right .login_box .kakao span {display: inline-block}
    .nav_wrap > .left .gnb > li > a {font-size: 17px;}

    .sub_visual {padding-top: max(45%,650px)}
    .sub_visual .location_area .location {margin-bottom: 60px}

    .recruit_page .process_cont .time_fix_box {width: 320px}

    .recruit_page .left_box .cont {flex-wrap: wrap; }
    .recruit_page .cont_tit {width: 100%; font-size: 36px;}
    .recruit_page .list_cont { margin-top: 60px; width: 100%}

    .recruit_page .criteria_cont .cont_txt {font-size:28px }
    .recruit_page .sup_cont .cont_box .cont:nth-child(2n) {margin-left: 60px}
    .recruit_page .sup_cont .cont_box .cont .text_box .text {word-break: keep-all}
    .recruit_page .process_cont .in,
    .recruit_page .criteria_cont .in,
    .recruit_page .sup_cont .in {padding-right: 400px}

}



@media(max-width: 1440px){

    .ap_form_box > .right {max-width: 380px}

    .ap_card_box .ap_card {padding: 50px 35px 120px}
    .ap_card_box + .ap_card_box .ap_card{padding: 35px 35px  45px}

    .one_box > li .one_text .num{font-size: 14px}
    .one_box > li .one_text .tit {font-size: 24px; margin-top: 20px}
    .one_box > li .one_text .info {font-size: 14px}
    .one_box > li .one_text .down {margin-top: 25px; font-size: 13px}
    .one_box > li {flex-shrink: 0}
    .one_box > li.last{margin-left: 167px; }
    .one_box > li.last:before {left: -167px; width: 167px}


    .choice_page .one_box > li .one_text {top: 50%; transform: translate(-50%,-55%)}
    .choice_page .one_box > li.last {margin-left: 395px}
    .choice_page .one_box:after {right: -90%}

    .program_page01 .op_sect .circle_box {width: 160px; }
    .program_page01 .op_sect .name_box {margin-left: -40px}


}


@media(max-width: 1200px){


    .nav_wrap > .right .login_box .kakao span {display: none}
    .mobile_over {display: none}
    .header {height: 90px; padding:  0 20px}
    .content {padding-top: 90px}

    .ft_layout > .type2 .top > .left .dl_box{margin-left: 30px}
    .ft_layout > .type2 .top > .right .box:first-child{width: 100px}
    .ft_layout > .type2 .top > .right .box:last-child{width: 240px}
    .ft_layout > .type2 .top > .right .box + .box {margin-left: 20px}
    .ft_layout > .type2 .top > .left .ft_logo{flex-basis: 100px; font-size: 18px; line-height: 30px}
    .ft_layout > .type2 .top > .left .dl_box dl{font-size: 14px;}
    .ft_layout > .type2 .top > .left .dl_box dt{flex-basis: 70px;}
    .ft_layout .btm{margin-top: 40px}
    .ft_layout .btm > .left .ft_link a {font-size: 14px;}
    .ft_layout .btm > .left .ft_link li + li {margin-left: 15px}
    .ft_layout .btm > .left .copy {margin-top: 10px}

    .login_title .sub_tit {font-size: 18px}
    .login_title .title{font-size: 34px}
    .login_page .join_form {margin-top: 50px}

    .input_box input[type="text"] {height: 65px; line-height: 63px}
    .login_page .login_box .btn_box .btn {height: 65px; line-height: 63px}

    .register_page .top_tit .sub_tit {font-size:18px;}
    .register_page .top_tit .tit {font-size: 34px; }
    .register_page .title_box .tit{font-size: 24px}
    .register_page .title_box ul li {font-size: 15px}
    .register_page .title_box ul {margin-top: 20px}

    .register_page .app_box .app_list li a {padding: 30px 35px ;}
    .register_page .app_box .app_list li .text p {font-size: 19px}
    .sub_pb {}

    .input_box input[type="password"],
    .input_box input[type="text"] {height: 65px; font-size: 15px; width:100%}
    .ap_form_box > .left {padding-right: 40px}

    .ap_form_box > .right {width: 320px}
    .ap_card_box .ap_card {padding: 50px 20px 100px}
    .ap_card > .imsi {font-size: 17px; padding: 20px 0}
    .ap_btn_box button{font-size: 14px;}
    .ap_card_box + .ap_card_box .ap_card {padding: 25px 20px 35px}

    .btn_wrap .storage_btn_box button{font-size: 14px;}

    .join_form .sub_form {margin-top: 60px}
    .form_tit_box .tit {font-size: 22px}
    .join_form .sub_form .tit_box > .tit {font-size: 22px}
    .join_form .sub_form .tit_box .input_flex {margin-top: 5px}

    .one_box:after,
    .one_box > li.last:after,
    .one_box:before,
    .one_box > li.last:before {content: none; }
    .one_box .circle-wrapper{ display: none}

    .one_box {justify-content: center; flex-direction: column; align-items: center}
    .one_box > li {border: 1px solid #fff; border-radius: 500px; width:100%; padding: 40px 40px; display: flex; flex-direction: column; max-width: 800px}
    .one_box > li + li {margin-left: 0; margin-top: 80px}
    .one_box > li.last{margin-left: 0; background-color: #fff; }
    .choice_page .one_box > li.last:before,
    .one_box > li.last:before,
    .one_box > li + li:before { font-family: "Font Awesome 6 Pro";  opacity: 0.7;font-size: 24px ;content: "\f078"; font-weight: 300;color: #fff; position: absolute; top: -40px; left: 50%; transform: translate(-50%,-50%); width: auto; height: auto; background-color: transparent}
    .one_box > li .one_text{transform: none; position: static; width: 100%}

    .one_box > li .one_text .tit{font-size: 22px}

    .ap_process_box > .tit{font-size: 32px; }
    .ap_process_box > .info {font-size: 18px}

    .location_area .sub_tit{font-size: 18px}
    .location_area .tit{ font-size: 52px}
    .location_area .location{margin-top: 40px}

    .form_tit_box .info{font-size: 16px; margin-top: 10px}
    .num_form_area .num_box .num_tit{font-size: 17px}
    .num_form_area .num_box .tit_tip{font-size: 14px}
    .wrap .nice-select .list li,
    .wrap .nice-select{height: 65px; line-height: 63px}


    .input_area.email .input_flex{flex-wrap: wrap}
    .num_form_area .num_box .input_area .input_flex .mail_box{ margin-right: 0; margin-bottom: 15px}
    .num_form_area .num_box .input_area .input_flex .mail_box ~ .nice-select {max-width: 350px}

    .radio_box input[type="radio"] + label strong {font-size: 16px}
    .radio_box input[type="radio"] + label{    background: url(/inc/img/lms/radio_off.svg) no-repeat left top 4px / 17px 17px; font-size: 15px}
    .num_form_area .num_box + .que_info_box{margin-top: 60px; padding: 35px}

    .input_flex_box{max-width: 100%}
    .file_input_box .file_name {height: 65px; line-height: 63px}

    .num_form_area .num_box .input_area .input_flex .input_box.solo {max-width: calc(100%/2);}
    .num_form_area .ap_btn_box{max-width: 350px}

    .login_page .cont_box .top .btn {font-size: 12px}
    .login_infobox .info {font-size: 14px ; padding: 15px 22px}
    .mypage_menu_box{margin-top: 40px}
    .mypage_menu li {flex-basis: 180px}
    .mypage_menu a {height: 55px; line-height: 53px; font-size: 15px; width: 100% }
    .mypage_area .sub_tit_box .tit {font-size: 36px}

    .mypage_area .sub_tit_box .info{border-bottom: none; text-decoration: underline #e65f68; text-underline-position: under; font-size: 14px}
    .mypage_area .sub_tit_box {margin: 120px auto 0}
    .mypage_area .sub_tit_box .info + ul li{font-size: 14px;}
    .reception_list_box {margin: 120px auto 0}
    .reception_list_box .hash_list a {font-size: 21px;}
    .process_btn {width: 80px; height: 35px; line-height: 33px; font-size: 14px;}
    .support_btn {margin-left: 0;}
    .state_btn{font-size: 14px;}


    .join_radio_select_box{max-width: 460px;}
    .join_radio_select_box .box input[type="radio"] + label {height: 100px ; font-size: 18px; padding-bottom: 20px}
    .join_radio_select_box .box input[type="radio"] + label::before{top: 36px;}

    .join_form{margin-top: 80px}

    .mypage_area > .btm.bg .btm_flex > .left {margin-left: -20px; margin-right: -20px; width: 35%}
    .mypage_area > .btm.bg .btm_flex > .right{margin-left: 60px; width: 65%; padding-right: 20px}


    .caution{font-size: 18px}
    .join_form .input_box .input_tip {font-size:13px; margin-top: 5px}

    .program_list_view .top_tit{padding: 70px 0}
    .program_list_view .top_tit .cum_btn {width: 240px; padding: 20px 30px}
    .program_list_view .top_tit .left_cont .state {transform: translateY(-5px); width: 70px; font-size: 13px; margin-right: 25px}
    .program_list_view .top_tit .left_cont .text_box .tit{font-size: 28px}
    .program_list_view .top_tit .left_cont .text_box ul {margin-top: 25px}
    .program_list_view .top_tit .left_cont .text_box ul li{font-size: 18px}
    .program_list_view .top_tit .left_cont .text_box ul li .left {margin-right: 30px}
    .program_list_view .top_tit .left_cont .text_box ul li + li{margin-top: 5px}
    .program_list_view .top_tit .cum_btn span{font-size: 18px}
    .program_list_view .top_tit .cum_btn i {font-size: 27px}


    .program_list_view .support_info .list li .left {font-size: 16px; max-width: 90px; flex-shrink: 0; margin-right: 25px}
    .program_list_view .support_info .list li .right .tit {font-size: 18px}
    .program_list_view .support_info .list li .right .sub_text {font-size: 15px; margin-top: 7px}

    .process_btn {width: 70px; font-size: 13px}
    .program_list_view .user_info {margin-top: 120px}
    .input_box .btn_self {width: 120px; height: 50px; font-size: 15px}



    .join_title_box .tit {font-size: 48px; margin-top: 20px}
    .join_title_box .info {font-size: 20px; margin-top: 30px}
    .join_title_box .info_tip {font-size: 16px}
    .join_step1_box > ul > li .tit {font-size: 24px; margin-top: 30px}
    .join_step1_box > ul > li .tit_tip{font-size: 15px}
    .join_step1_box > ul > li .info {font-size: 18px; margin-top: 30px}

    .join_term_box p {font-size: 14px;}
    .join_term_tit_box .tit {font-size: 21px}
    .join_step3_box .tit {font-size: 26px}
    .join_step3_box .info {font-size: 16px}

    .reception_list ul > li {flex-direction: column; align-items: flex-start; padding: 15px 130px 15px 15px; position: relative; overflow: hidden; border: none}
    .reception_list ul > li > .td.tgl {flex-direction: row; padding-left: 0; margin-top: 10px;}
    .reception_list ul > li > .td {height: auto; width: auto;}
    .reception_list ul > li > .td:first-child{flex-direction: row; align-items: flex-start;}
    .reception_list ul > li > .td:nth-child(3),
    .reception_list ul > li > .td:nth-child(4),
    .reception_list ul > li > .td:nth-child(5) {display: none}
    .reception_list ul > li > .td .state {font-size: 13px}
    .reception_list ul > li > .td .tit {font-size: 16px}
    .reception_list ul > li > .td .sub_tit{margin-top: 8px; font-size: 14px;}
    .reception_list ul > li > .td .user_state {font-size: 14px}
    .reception_list ul > li > .td .tool_tip{font-size: 12px}
    .reception_list ul > li > .td .school_badge{}
    .reception_list ul > li > .td .ing_time{margin-left: 6px; font-size: 13px;}

    .reception_list ul > li > .right_box {position: absolute; right: 0; top: 0; height: 100%; display: flex !important; flex-direction: column; align-items: center; justify-content: center; width: 120px}
    .reception_list ul > li > .right_box.type1 { background-color: #2d51d6; color: #fff;  }
    .reception_list ul > li > .right_box.type1 .state_btn {color: #fff; font-size: 10px; margin-top: 7px}
    .reception_list ul > li > .right_box.type1 .state_btn span {border-color: #fff}
    .reception_list ul > li > .right_box .tit {font-size: 12px ;}

    .reception_list ul > li > .right_box.type2 { background-color: #ffecd8; color: #f4800b;  }
    .reception_list ul > li > .right_box.type3 { background-color: #d7dae6; color: #5f6680;  }
    .reception_list ul > li > .right_box.type4 {border-left: 1px solid #dedede}
    .reception_list ul > li > .right_box.type4 .sup_btn {border-radius: 5px; padding: 2px 6px; font-weight: 500; margin-top: 5px}
    .reception_list ul > li > .right_box.type4 .sup_btn.co1 {background-color: #caeddd; color: #559075}
    .reception_list ul > li > .right_box.type4 .sup_btn.co2 {background-color: #fdedee; color: #d65e5e}
    .reception_list ul > li > .right_box.type4 .sup_btn.co3 {background-color: #dee4fc; color: #5d71be}

    .num_form_area .num_box + .que_info_box {padding: 30px}
    .num_form_area .que_info_box .tit {font-size: 18px}
    .num_form_area .que_info_box .text{font-size: 16px}


    .join_top_box .left_box {font-size: 24px; font-weight: 700;}

    .nav_wrap > .left .logo_box img:nth-child(3),
    .nav_wrap > .left .logo_box img:nth-child(4) {margin-left: 15px;}
    .join_top_box .right_box p {font-size: 15px }
    .join_top_box .right_box p + p {margin-top: 30px}

    .mypage_area > .btm.bg .btm_flex > .right .common_btn_box.type2 {flex-direction: column; justify-content: flex-start; align-items: flex-start}
    .mypage_area > .btm.bg .btm_flex > .right .common_btn_box .btn1_box {display: flex}
    .mypage_area > .btm.bg .btm_flex > .right .common_btn_box .out_btn {margin-top: 20px;margin-left: 0}

    .nav_wrap > .left .logo_box img {width: 240px}
    .nav_wrap > .left .logo_box img + img{margin-left: 0px;}
    .nav_wrap > .left .logo_box p {margin-left: 16px; font-size: 14px}

    .nav_wrap > .right .login_box a {}
    .nav_wrap > .right .login_box a + a{margin-left: 20px;}
    .nav_wrap > .right .login_box a span {font-size: 14px}
    .nav_wrap > .right .login_box .kakao img {width: 25px}
    .nav_wrap > .right .login_box .ham {display: inline-block; color: #000; vertical-align: middle; margin-left: 18px; margin-top: 3px}
    #main .header .nav_wrap > .right .login_box .ham {color: #fff}
    .header.scroll .nav_wrap > .right .login_box .ham{color: #000 !important}

    .nav_wrap > .left .gnb_box{position: fixed;left: 0%;right: auto;top: 0;width: 100%;height: 100%;z-index: 10;display: block;background-color: #2d51d6;transform: translate(100%,0);padding: 20px 0px;
        transition: left .5s ease-in-out;overflow: auto;display: flex;flex-direction: column;align-items: flex-start;}
    .nav_wrap > .left .gnb {display: flex;flex-direction: column;align-items: flex-start;margin-top: 80px; width: 100%; height: auto}
    .nav_wrap > .left .gnb > li {height: auto; width: 100%;}
    .nav_wrap > .left .gnb > li > a {height: auto; position: relative; width: 100% ;     pointer-events: none; padding-bottom: 20px; padding-top: 20px}
    .nav_wrap > .left .gnb > li:nth-child(3) > a {pointer-events: visible}
    .nav_wrap > .left .gnb > li + li {margin-left: 0px;}
    .nav_wrap > .left .gnb > li > a:after{content: "\f078";font-family: "Font Awesome 6 Pro";display: inline-block;posi0tion: static;width: auto;height: auto;font-size: 15px;transform: translateX(0);vertical-align: middle;line-height: 1;margin-left: auto;font-weight: 500;width: auto;transition: all .3s;background-color: transparent;width: auto;position: static;}
    .nav_wrap > .left .gnb > li > a.on:after {width: auto}
    .nav_wrap > .left .gnb > li:nth-child(3) > a:after {display: none}
    .nav_wrap > .left .gnb .deps2{position: static;transform: none; opacity: 1;visibility: visible;display: none;background-color: #1939af; padding-bottom: 20px; padding-top: 20px}
    .header .nav_wrap .gnb_box a {color:#fff !important;}
    .header.hover .nav_wrap .gnb_box a {color:#fff !important;}

    .nav_wrap > .left .gnb_box .close {position: absolute; top: 20px; right: 20px; color: #fff; font-size: 20px; display: block}
    .nav_wrap > .left .gnb .deps2 > li {text-align: left; padding: 0 30px; font-size: 15px}
    .nav_wrap > .left .gnb .deps2 > li + li {margin-top: 10px}
    .nav_wrap > .left .gnb_box .btn_box{margin-top: 60px; padding: 0 20px; width: 100%;margin-top: auto}
    .nav_wrap > .left .gnb_box .gnb_btn {border: 1px solid #476ce0;border-radius: 5px;display: block;font-size: 14px;text-align: center;width: 100%;color: #fff;padding: 17px 10px;transition: all .3s;}
    .nav_wrap > .left .gnb > li.on2 .deps2 > li {pointer-events: visible}


    .header.on .nav_wrap > .left .gnb_box{left: -100%}

    .sub_visual {    padding-top: max(65%,600px);}

    .info_page01 .dream_cont {padding: 100px 0}
    .info_page01 .dream_cont .text_box {padding-top: 0}

    .info_page01 .dream_cont .text_box .em {font-size: 24px; margin-top: 25px}
    .info_page01 .dream_cont .text_box .text {font-size: 15px}
    .info_page01 .dream_cont .text_box .text p + p {margin-top: 20px}
    .info_page01 .dream_cont .img_box {margin-right: 60px}

    .info_page01 .icon_cont {padding: 120px 0}
    .info_page01 .icon_cont .cont {padding: 0 }
    .info_page01 .icon_cont .cont + .cont {margin-left: 45px}
    .info_page01 .icon_cont .cont .text_box {margin-top: 40px}
    .info_page01 .icon_cont .cont .text_box .title {font-size: 26px;}
    .info_page01 .icon_cont .cont .text_box .text {font-size: 15px}
    .info_page01 .icon_cont .cont .text_box .text p + p {margin-top: 15px}

    .info_page01 .program_cont {padding:  100px 0}

    .info_page01 .program_cont .cont_tit ,
    .info_page01 .dream_cont .text_box .title {font-size: 38px}

    .info_page01 .youtube_cont {margin-top:80px;}

    .info_page01 .program_cont .cont li + li {margin-top: 80px}
    .info_page01 .program_cont .cont .text_box .tit {font-size: 28px}
    .info_page01 .program_cont .cont .text_box {padding-top: 0; padding-right: 0; margin-right: 60px}
    .info_page01 .program_cont .cont .text_box .text {font-size: 15px; margin-top: 20px;}

    .info_page01 .program_cont .back_logo {display: none}

    .info_page01 .award_sect {padding:100px 0}
    .info_page01 .award_sect .award {flex-wrap: wrap}
    .info_page01 .award_sect .award .cont_box .cont {width: 50%}
    .info_page01 .award_sect .award .cont_box .cont + .cont {margin-left: 50px}
    .info_page01 .award_sect .award .cont_tit {width: 100%; min-width: 0; font-size: 28px}
    .info_page01 .award_sect .award .cont_box {width: 100%; margin-top: 40px}
    .info_page01 .award_sect .award .cont_box .tit {font-size: 20px; margin-right: 30px}
    .info_page01 .award_sect .award .cont_box ul li .year {font-size: 20px;}
    .info_page01 .award_sect .award .cont_box ul li p {font-size: 15px;}

    .info_page01 .award_sect .news .img_box {margin-right: 60px}
    .info_page01 .award_sect .news .text_box {padding-top: 0}
    .info_page01 .award_sect .news .text_box .sub_tit {font-size: 20px;}
    .info_page01 .award_sect .news .text_box .tit {font-size: 26px;}
    .info_page01 .award_sect .news .text_box .text {font-size: 18px}
    .info_page01 .award_sect .news .text_box .link_btn {margin-top: 60px; font-size: 16px;}
    .info_page01 .award_sect .bot_text {margin-top: 80px}

    .info_page02 .move_text_box .text {font-size: 100px;}
    .info_page02 .video_sect .title_box .sub_text {font-size: 20px;}
    .info_page02 .video_sect .title_box .title {font-size: 36px; width: 100%}
    .info_page02 .video_sect .in {flex-wrap: wrap}
    .info_page02 .video_sect .logo_com {margin-top: 30px}

    .info_page02 .ja_sect .text_box .title {font-size: 28px;}
    .info_page02 .ja_sect .text_box .text {margin-top: 30px; font-size: 15px;}
    .info_page02 .ja_sect .text_box .text p + p {margin-top: 20px}
    .info_page02 .ja_sect .text_box {padding-bottom: 100px;}

    .info_page02 .bot_cont .left {font-size: 20px;}
    .info_page02 .bot_cont .right {margin-left: 30px}
    .info_page02 .bot_cont .right p {font-size: 16px;}
    .info_page02 .bot_cont .right .kakao_btn {font-size: 14px; }
    .kakao_btn .img {width: 21px; height: 18px;}

    .sub_visual .apply_btn {font-size: 16px; padding: 25px 30px;}

    .program_page01 .icon_sect {padding: 180px 0}
    .program_page01 .icon_sect .tit {font-size: 36px}
    .program_page01 .icon_sect .icon_box + .icon_box {margin-left: 20px}
    .program_page01 .icon_sect .icon_box .text_box .tit {font-size: 24px;}
    .program_page01 .icon_sect .icon_box .text_box {margin-top: 35px}
    .program_page01 .icon_sect .icon_box .text_box .txt {margin-top: 15px; font-size: 17px; word-break: keep-all}

    .program_page01 .op_sect {padding: 100px 0}
    .program_page .cont_tit {font-size: 34px;}
    .program_page01 .training_sect .back_logo {width: 600px}

    .program_page01 .training_sect {padding: 120px 0}
    .program_page01 .training_sect .img_box .img + .img {margin-left: 30px}
    .program_page01 .training_sect .text_box {margin-left: 60px;}
    .program_page .cont_tit {font-size: 28px}
    .program_page01 .training_sect .text_box .sub_tit {margin-top: 30px; font-size: 20px;}
    .program_page01 .training_sect .text_box .text {font-size: 15px;}
    .program_page01 .training_sect .text_box .text p + p {margin-top: 15px;}

    .program_page01 .curriculum_sect {padding-top: 120px}
    .program_page01 .curriculum_sect .txt {font-size: 15px; }
    .program_page01 .curriculum_sect .tab_box {margin-top: 40px;}
    .program_page01 .curriculum_sect .tab_box .tab {height: 50px; line-height: 48px; font-size: 16px; width: 180px}
    .program_page01 .curriculum_sect .slide_box {margin-top: 60px;}
    .program_page01 .curriculum_sect .slide_box .top_text i {font-size: 20px;}
    .program_page01 .curriculum_sect .slide_box .top_text {font-size: 18px;}
    .program_page01 .curriculum_sect .slide_box .list li {padding: 40px 0}
    .program_page01 .curriculum_sect .slide_box .list li .left .tit {font-size: 22px;}
    .program_page01 .curriculum_sect .slide_box .list li .left .tag {font-size: 13px;}
    .program_page01 .curriculum_sect .slide_box .list li .right {padding-left: 25px; font-size: 14px; word-break: keep-all}
    .program_page01 .curriculum_sect .slide_box .list li .right br {display: none}


    .program_page .program_top_sect {padding: 160px 0}
    .program_page .program_top_sect .text_box .title {font-size: 38px;}
    .program_page .program_top_sect .img_box {width: 50%}
    .program_page .program_top_sect .text_box {width: 50%; padding-top: 0; margin-left: 60px;}
    .program_page .program_top_sect .text_box .sub_tit {font-size: 22px; margin-top: 35px;}
    .program_page .program_top_sect .text_box .txt {font-size: 15px; margin-top: 25px;}
    .program_page02 .lecture_sect .sect_title_box .txt {font-size: 15px;}

    .program_page02 .lecture_sect {padding: 120px 0}
    .program_page02 .lecture_sect .school_wrap .school {padding: 25px;}
    .program_page02 .lecture_sect .school .school_title {font-size: 20px;}
    .program_page02 .lecture_sect .school .case {margin-top: 15px}
    .program_page02 .lecture_sect .school .case .top .state {font-size: 13px; width: 90px; }
    .program_page02 .lecture_sect .school .case .top .title {font-size: 18px;}
    .program_page02 .lecture_sect .school .case .txt {font-size: 15px}

    .program_page02 .talk_sect {padding: 120px 0}

    .choice_page .one_box > li .one_text {transform: none}
    .choice_page .one_box > li.last {margin-left: 0}


    .btn_wrap {flex-wrap: wrap}
    .btn_wrap .ap_btn_box {width: 100%}
    .btn_wrap .ap_btn_box button {width: 50%}
    .btn_wrap .storage_btn_box {margin-left: 0; width: 100%}
    .btn_wrap .storage_btn_box button {width: 100%}

    .form_tit_box + .mob_ap {margin-top: 40px}
    .ap_btn_box.type2 button {flex-basis: calc(50% - 7.5px);}
    .mob_ap .ap_card {margin-top: 40px}
    .choice_page .choice_form_box .left_box {padding-right: 0}

    .choice_page .choice_form_box .table .tr.list .state.ing {font-size: 12px;}
    .choice_page .choice_form_box .left_box .btn_box .cancel_btn {width: 180px; padding: 15px 0; font-size: 16px}

    .location_area .tab_box .btn {padding: 13px 30px 14px; font-size: 15px;}
    .now_page .pinterest_box {margin: 100px -10px -40px}
    .now_page .pinterest_box .cont {width: calc(33.333% - 20px); margin: 0 10px 40px}
    .now_page .pinterest_box .cont .tit {font-size: 18px;}
    .now_page .pinterest_box .cont .tag span {font-size: 14px;}

    .notice_page .notice_box {margin: 50px 0 -60px -30px;}
    .notice_page .notice_box .cont {padding: 45px 25px; width: calc(50% - 30px); margin-left: 30px}
    .notice_page .notice_box .cont .tit {font-size: 22px; padding-right: 60px}
    .notice_page .notice_box .cont .text {font-size: 15px;}
    .notice_page .notice_box .cont .date {font-size: 13px; margin-top: 25px}
    .notice_page .notice_box .cont .plus {right: 35px; bottom: 35px}

    .faq_page .faq_list .list li {padding: 35px 30px 35px 30px}
    .faq_page .faq_list .list li .tag {font-size: 16px; width: 100px;}
    .faq_page .faq_list .list li .text_box .tit {font-size: 18px}
    .faq_page .faq_list .list li .arr {width: 40px; height: 40px; font-size: 18px; line-height: 38px; right: 0px;}
    .faq_page .faq_list .list li .text_box .txt {font-size: 15px;}

    .view_page .view_cont .top_cont .title .tit {font-size: 28px}
    .view_page .view_cont .top_cont .title .date {font-size: 15px}

    .view_page .view_cont .top_cont .icon_box .icon {width: 40px; height: 40px;}
    .view_page .view_cont .top_cont .tag_box .tag {font-size: 15px}
    .view_page .view_cont .top_cont .title .tit {line-height: 1.4; margin-top: 10px; font-size: 26px}

    .view_page .view_cont .send_btn {width: 180px; height: 55px; line-height: 53px; font-size: 16px; margin-top: 60px}


    .recruit_page .process_cont .in {flex-wrap: wrap}
    .recruit_page .process_cont .left_box {flex: none; width: 100%}

    .recruit_page .process_cont .time_fix_box {display: none}

    .recruit_page .time_fix_in {display: none}

    .recruit_page .process_cont .in,
    .recruit_page .sup_cont .in {padding-right: 0px}
    .recruit_page .banner .sub_text {font-size: 20px;}
    .recruit_page .banner .tit {font-size: 48px;}

    .recruit_page .cont_tit {font-size: 32px;}
    .recruit_page .left_box .cont + .cont {margin-top: 120px}
    .recruit_page .process_cont {padding-bottom: 120px}
    .recruit_page .sup_cont {padding: 120px 0}

    .recruit_page .sup_cont .cont_box .cont .text_box .tit {font-size: 26px}
    .recruit_page .sup_cont .cont_box .cont .text_box .text {font-size: 15px; margin-top: 5px}

    .recruit_page .criteria_cont .in{padding-right: 20px}
    .recruit_page .criteria_cont .cont_txt {font-size: 24px; margin-top: 40px}
    .recruit_page .criteria_cont .cont_box .list_box li {font-size: 15px}
    .recruit_page .criteria_cont .cont_box .list_box li .num {width: 27px; height: 27px; font-size: 15px;line-height: 26px}

    .recruit_page .btn_box {display: block; text-align: right; padding-right: 20px}
    .recruit_page .btn_box .btn {border-radius: 15px;background-color: #2d51d6;color: #fff;font-size: 17px;width: 340px;height: 65px;line-height: 63px;margin-top: 60px;}
    .recruit_page .btn_box .btn i {margin-left: 30px}

    .faq_page .faq_list .list li .answer {font-size: 15px;padding-left:125px }
    .program_page01 .op_sect .circle_box {width: 100px}
    .program_page01 .op_sect .circle_box .cir {height: 80px}
    .program_page01 .op_sect .name_box {margin-left: -25px}
    .program_page01 .op_sect .name_box .name {height: 50px; font-size: 15px;line-height: 48px}

    .program_page01 .op_sect .icon_box .left .icon + .icon {margin-top: 60px; }
    .program_page01 .op_sect .icon_box .icon .text i {font-size: 28px;}
    .program_page01 .op_sect .icon_box .icon .text span {font-size: 15px; margin-top: 10px}
    .program_page01 .op_sect .icon_box .icon .out_text {font-size: 14px; bottom: -10px}

    .program_page01 .op_sect .icon_box .dot {transform: translate(-80%,-50%);}
    .program_page01 .op_sect .icon_box .dot span + span {margin-left: 5px}


    .program_page02 .lecture_sect .img_box {padding: 0}
    .program_page02 .img_box .icon .text i {font-size: 32px}
    .program_page02 .img_box .icon .text span {font-size: 17px; margin-top: 10px;}
    .program_page02 .lecture_sect .img_box .arr_box {padding: 0 20px}
    .program_page02 .img_box .badge {font-size: 15px; padding: 10px 0; }
    .program_page02 .talk_sect .img_box .bot_box .arr_box {width: 65%}


    .notice_page .notice_box .cont .com { bottom: 15px; }

    .notice_page .notice_box .cont .tit { height: 64px; }

	.notice_page .notice_box .cont .date { margin-top: 0px; }


    /* 1200px */

}

@media(max-width: 1000px){

    .ap_form_box > .right {width: 280px}
    .ap_list_box > li.flex {flex-wrap: wrap}
    .ap_list_box > li > .tit {width: 100%}
    .ap_list_box > li .num_box {padding-left: 0; margin-top: 10px;}

}


@media(max-width: 768px){

    .register_page .top_tit .sub_tit {font-size: 15px}
    .register_page .top_tit {padding: 60px 15px}
    .register_page .top_tit .tit {font-size: 24px; word-break: keep-all; line-height: 1.4; margin-top: 5px}
    .register_page .title_box {padding-top: 80px}
    .register_page .title_box .tit {font-size: 20px}
    .register_page .title_box ul li {font-size: 13px;}

    .register_page .app_box .app_list li a {padding: 25px}
    .register_page .app_box .app_list li .btn_box .btn {width: 35px; height: 35px; font-size: 16px; }
    .register_page .app_box .app_list li .btn_box p {font-size: 12px; margin-right: 5px}

    .register_page .app_box {margin-top: 40px}
    .register_page .app_box .app_list li + li {margin-top: 15px}
    .register_page .app_box .app_list li .text p {font-size: 16px; margin-left: 10px}
    .sub_pb {}

    .support_pop .text_box .title {font-size: 22px}
    .support_pop .text_box .text {font-size: 14px; margin-top: 10px}
    .support_pop .em_txt p {font-size: 12px}
    .support_pop .btn_box {margin-top: 30px}
    .support_pop .btn_box .btn {height: 55px; line-height: 54px; font-size: 14px}

    .modal_area .modal_content {padding: 30px 20px 100px}
    .modal_area .modal_content.img_modal {padding: 0}
    .modal_area .modal_content.support_pop {padding-bottom: 60px}

    .modal_content.recruit {padding-bottom: 50px;}

    .modal_area .modal_content .modal_close {right: 20px ; top: 31px; font-size: 22px}

    .in {padding:  0 15px}

    .login_title .title {font-size: 28px}
    .login_title .sub_tit {font-size: 16px}

    .login_page .cont_box .top .title {font-size: 20px; word-break: keep-all}
    .login_page .cont_box {padding: 40px 25px 35px}
    .login_page .cont_box .top .text_box .txt {font-size: 13px}
    .login_page .cont_box .bot {margin-top: 15px; padding-top: 15px}
    .login_page .cont_box .bot .text_box .text {font-size: 15px; margin-left: 0}
    .login_page .cont_box .bot .text_box .school_badge {margin-top: 3px; }
    .login_page .cont_box .bot .btn_box .btn {font-size: 13px; height: 45px; line-height: 45px; padding: 0 30px}
    .modal_area {padding: 60px 15px}

    .ap_card_box {background: none; box-shadow: none; border-radius: 0}
    .mob_ap {margin-bottom: 30px;}
    .mob_ap .ap_list_box {padding-bottom: 10px;}
    .mob_ap .ap_card {margin-top: 40px}
    .ap_card_box ~ #responseFrm {margin-top: 60px}

    .ap_card_box .ap_card {padding: 0}
    .ap_card > .tit {font-size: 18px; margin-bottom: 15px}
    .ap_form_box > .left{ padding-right: 0}
    .form_tit_box + .join_form{margin-top: 15px;}

    .phone_only {display: block !important}
    .phone_over {display: none !important}

    .ap_form_box > .left .ap_form.survey .form_tit_box{margin-top: 40px}
    .form_tit_box .tit {font-size: 18px}
    .ap_form.survey .num_form_area {margin-top: 20px}
    .input_box input[type="password"],
    .input_box input[type="text"] {font-size: 13px; height: 60px; line-height: 57px; padding:  0 15px}
    .join_form .input_text {font-size: 12px; color: #9aa0b5}
    .join_form .input_box ~ .input_box {margin-top: 10px}
    .join_form .input_box .input_tip {font-size: 12px }
    .join_form .sub_form .tit_box > .tit {font-size: 16px}
    .join_form .sub_form .tit_box {flex-direction: column}
    .join_form .sub_form .tit_box .input_flex {margin-top: 10px; margin-left: -20px}
    .join_form .sub_form .tit_box .input_flex > * {margin-left: 20px}
    .radio_box input[type="radio"] + label {font-size: 12px; background: url(/inc/img/lms/radio_off.svg) no-repeat left top calc(0.8em - 6px) / 15px 15px; padding-left: 20px}
    .join_form .sub_form .search_box{margin-top: 10px}
    .join_form .set {margin-top: 10px}

    .check_box input[type="checkbox"] + label,
    .input_box input[type="checkbox"] + label {padding-left: 25px; font-size: 12px; background: url(/inc/img/lms/check_off.svg) no-repeat left top calc(0.8em - 6px) / 15px 15px; }
    .check_list.input_box input[type="checkbox"] + label {padding-left: 25px}

    .ap_btn_box button{font-size: 13px; padding: 0 20px; }
    .ap_form_box {padding: 0 15px}

    .btn_wrap{flex-direction: column;}
    .btn_wrap .ap_btn_box{flex-basis: 100%; width: 100%;}
    .btn_wrap .ap_btn_box button{width: 100%;}
    .btn_wrap .storage_btn_box{width: 100%; margin-top: 10px; margin-left: 0;}
    .btn_wrap .storage_btn_box button{width: 100%;}

    .join_form .tit{font-size: 15px}
    .adv_area .info{font-size: 15px}
    .adv_area .info_tip {margin-top: 5px; font-size: 12px}
    .adv_area .input_flex .input_box input[type="checkbox"] + label{font-size: 12px; background: url(/inc/img/lms/check_off.svg) no-repeat left top calc(0.8em - 6px) / 15px 15px;}
    .search_box button{width: 60px; font-size: 16px}

    .location_area .sub_tit{font-size: 14px}
    .location_area .tit{font-size: 34px}
    .location a {font-size: 12px}
    .location li + li:before {width: 5px; height: 9px; margin: 0 10px}
    .location a i{font-size: 11px}

    .location_area {padding: 60px 15px 40px;}
    .location_area .location{margin-top: 25px;}

    .ap_process_area{padding: 80px 0 120px}
    .ap_process_box > .tit{font-size: 24px}
    .ap_process_box > .info{margin-top: 10px; font-size: 15px}

    .one_box{margin-top: 60px}
    .one_box > li {padding: 25px 20px}
    .one_box > li .one_text .num{font-size: 10px; font-weight: 500}
    .one_box > li .one_text .tit{font-size: 18px; margin-top: 10px}
    .one_box > li .one_text .info{font-size: 12px; margin-top: 5px}
    .one_box > li .one_text .down {font-size: 12px; width: 125px; margin-top: 20px }
    .one_box > li .one_text .down i {font-size: 11px}
    .form_tit_box .info {font-size: 14px; margin-top: 5px}
    .form_tit_box{padding-bottom: 20px}

    .num_form_area .ap_btn_box {max-width: 100%; margin-top: 40px}
    .ap_btn_box button {justify-content: center}
    .ap_btn_box button i {display: inline-block;}
    .ap_btn_box button .fa-angle-left {margin-right: 15px}
    .ap_btn_box button .fa-angle-right {margin-left: 15px}

    .num_form_area .num_box .input_area{margin-top: 20px;}
    .num_form_area .num_box .input_area .input_flex .mail_box ~ .nice-select,
    .num_form_area .num_box .input_area .input_flex .input_box.solo {max-width: 70%}

    .input_flex_box > .radio_box,
    .input_flex_box > .input_box{}
    .input_flex_box {gap: 6px 20px;}

    .radio_box input[type="radio"] + label strong,
    .input_box input[type="checkbox"] + label strong{font-size: 13px}

    .num_form_area .radio_box input[type="radio"] + label { background: url(/inc/img/lms/radio_off.svg) no-repeat left top calc(0.8em - 6px) / 15px 15px; padding-left: 20px}

    .wrap .nice-select .list li,
    .wrap .nice-select{height: 60px; line-height: 58px; font-size: 14px}

    .file_input_box .file_name {height: 60px; line-height: 58px; font-size: 14px; padding-right: 50px}
    .file_input_box .file input[type="file"] + label {width: 60px; height: 60px; font-size: 20px}

    .plus_delete_btn i { font-size: 17px; vertical-align: middle}
    .file_flex_box + .file_tip{font-size: 12px; margin-top: 7px}

    .num_form_area{margin-top: 30px}
    .num_form_area .num_box + .num_box{margin-top: 40px}
    .num_form_area .num_box + .que_info_box {margin-top: 40px}
    .num_form_area .que_info_box + .num_box {margin-top: 40px}
    .num_form_area .num_box .tit_tip{margin-left: 0;}

    .channel_list > li{flex-direction: column; align-items: center;}

    .result_page {padding: 40px 15px 80px 15px;}
    .result_page .title_box .icon img {width: 80px}
    .result_page .title_box .tit {font-size: 24px; margin-top: 5px}
    .result_page .title_box .sub_text {font-size: 15px}

    .result_page .result_box {margin-top: 30px; padding: 20px 10px; font-size: 17px}
    .result_page .result_box i {font-size: 20px}
    .result_page .result_box .oneday_gubun {font-size: 15px;}

    .result_page .text_box {margin-top: 20px; font-size: 13px}
    .result_page .btn_box a {font-size: 14px; padding: 12px 20px}
    .result_page .btn_box {margin-top: 40px}

    .result_page .result_box2 {width: 500px;}
    .result_page .result_box2 {margin-top: 30px; padding:25px 30px }
    .result_page .result_box2 .list li {font-size: 14px; word-break: keep-all}
    .result_page .result_box2 .list li .left {width: 60px;}

    .login_page .cont_box .top .btn_box {margin-bottom: 5px}
    .login_page .cont_box .top .btn_box .btn{font-size: 11px; padding: 3px 7px}
    .login_page .login_box .btn_box .btn {height: 60px; line-height: 58px; font-size: 16px}
    .login_page .login_box .find_menu {font-size: 14px; margin-top: 20px}


    .modal_tit_box .tit{font-size: 24px}
    .modal_tit_box {margin-top: 30px}
    .modal_tit_box .info {font-size: 13px;}
    .modal_tit_box .tit + .info {margin-top: 10px}

    .modal_find_menu button, .modal_find_menu a{font-size: 13px}
    .modal_find_menu{margin-top: 15px}
    .modal_content .join_form{margin-top: 20px}

    .modal_area .modal_content.in_submit_btn{padding-bottom: 120px; }
    .modal_area .modal_content .modal_submit {height: 60px; font-size: 16px ; line-height: 58px}

    .mypage_menu > li {width: calc(100%/3);}
    .mypage_menu a {width: 100%; height: 44px; line-height: 40px; font-size: 14px}
    .mypage_area > .top{padding: 0 15px}
    .mypage_menu_box{margin-top: 20px}

    .mypage_area .sub_tit_box{margin-top: 60px; padding: 0 15px}
    .mypage_area .sub_tit_box .info{ font-size: 13px; text-decoration: none}
    .mypage_area .sub_tit_box .info + ul li{font-size: 12px;}
    .mypage_area .sub_tit_box .tit{font-size: 26px}


    .mypage_area > .btm.bg .btm_flex{flex-direction: column; padding: 40px 15px 0; margin-top: 60px}
    .mypage_area > .btm.bg .btm_flex.pb {padding-bottom: 80px}
    .mypage_area > .btm.bg .btm_flex > .left {width: 100%; }
    .mypage_area > .btm.bg .btm_flex > .right {width: 100%; padding-right: 0px; margin-left: 0; margin-top: 40px}

    .btn_self{height: 40px; font-size: 12px; width: 80px}
    .btn1 {width: 140px; height: 55px; line-height: 54px; font-size: 14px}

    .login_infobox .info{font-size: 12px; padding: 10px 15px; border-radius: 5px}
    .login_infobox .info i {margin-right: 5px; font-size: 14px}

    .caution{font-size: 14px}
    .mypage_area > .btm.bg .btm_flex > .right > .caution + .join_form{margin-top: 20px}
    .common_btn_box{margin-top: 60px}

    .footer{padding: 40px 0}
    .ft_layout {padding: 0 15px}

    .ft_layout > .type2 {display: flex; flex-direction: column}
    .ft_layout > .type2 .top {justify-content: flex-start; flex-direction: column; order: 2}
    .ft_layout > .type2 .top > .left{margin-top: 20px; flex-direction: column}
    .ft_layout > .type2 .top > .left .ft_logo br {display: none}
    .ft_layout > .type2 .top > .left .ft_logo {flex-basis: 0; font-size: 18px; line-height: 1.5}
    .ft_layout > .type2 .top > .left .dl_box {margin-left: 0; margin-top: 10px}
    .ft_layout > .type2 .top > .left .dl_box dd,
    .ft_layout > .type2 .top > .left .dl_box dt {line-height: 1.7; font-size: 11px}
    .ft_layout > .type2 .top > .left .dl_box dt{min-width: 50px; margin-right: 5px}
    .ft_layout > .type2 .top > .right {margin-top: 30px}
    .ft_layout > .type2 .top > .right .copy {    color: rgba(255,255,255,0.2); font-size: 10px; margin-top: 10px}

    .ft_layout .btm {margin-top: 0}
    .ft_layout .btm > .left .ft_link a {font-size: 12px}

    .join_radio_select_box .box {}
    .join_radio_select_box .box input[type="radio"] + label::before{top:25px; left: calc(50% - 15px); width:30px; height:30px; background-size: 30px 30px;}
    .join_radio_select_box .box input[type="radio"] + label.r1::before{background-size: 30px 30px;}
    .join_radio_select_box .box input[type="radio"] + label.r2::before{left: calc(50% - 24px); width:48px; height:30px; background-size: 48px 30px;}
    .join_radio_select_box .box input[type="radio"] + label.r3::before{background-size: 30px 30px;}

    .join_radio_select_box .box input[type="radio"] + label {font-size: 13px; height: 110px; padding-bottom: 15px}
    .join_radio_select_box .box + .box {}

    .join_form{margin-top: 60px}
    .login_in{padding: 85px 15px 120px 15px}

    .program_list_view .top_tit {padding: 40px 0}
    .program_list_view .top_tit .in {flex-direction: column; justify-content: flex-start}
    .program_list_view .top_tit .left_cont {flex-direction: column}
    .program_list_view .top_tit .left_cont .state{transform: none; width: 60px; height: 30px; line-height: 27px; font-size: 12px; margin-right: 0;}
    .program_list_view .top_tit .left_cont .text_box .tit {font-size: 20px; margin-top:20px}
    .program_list_view .top_tit .left_cont .text_box ul {margin-top: 8px; }
    .program_list_view .top_tit .left_cont .text_box ul li {font-size: 13px}
    .program_list_view .top_tit .left_cont .text_box ul li + li {margin-top: 2px}
    .program_list_view .top_tit .left_cont .text_box ul li .left{margin-right: 12px;}
    .program_list_view .top_tit .left_cont .text_box ul li .right:before{height: 12px; margin-right: 12px;}

    .program_list_view .top_tit .cum_btn {padding: 15px; width: 180px ; margin-top: 50px}
    .program_list_view .top_tit .cum_btn i {font-size: 20px}
    .program_list_view .top_tit .cum_btn span {font-size: 15px}

    .program_list_view .support_info{margin-top: 60px}
    .program_list_view .support_info .list li {padding-bottom: 15px}
    .program_list_view .support_info .list li:not(:first-child){padding-top: 15px;}
    .program_list_view .support_info .list li .left {font-size: 14px; max-width: none; width: 70px; margin-right: 15px}
    .program_list_view .support_info .list li .right .tit {font-size: 14px}
    .program_list_view .support_info .list li .right .sub_text {margin-top: 0; margin-left: 6px; font-size: 13px;}

    .program_list_view .support_info .list .state_li .right{flex-direction: column; align-items: flex-start;}
    .program_list_view .support_info .list .state_li .right .text_box{display: flex; margin-right: 0;}
    .program_list_view .support_info .list .state_li .right .btn_area{display: flex; margin-top: 10px;}
    .program_list_view .support_info .list .state_li .right .btn_area button + button{margin-top: 0; margin-left: 6px;}

    .process_btn {width: 60px; font-size: 12px; height: 30px; line-height: 27px}
    .program_list_view .user_info {margin-top: 80px}
    .input_box .btn_self {width: 100px; height: 45px; font-size: 13px}

    .program_list_view .support_info .list li .right .tit i {margin-left: 5PX; font-size: 13px}
    .program_list_view .support_info .list li .right .tit + .tit {margin-top: 5px}
    .program_list_view .support_info .list li.col .right {flex-direction: column; align-items: flex-start}
    .program_list_view .support_info .list li .right .state_btn {margin-left: 0; margin-top: 10px}
    .state_btn{font-size: 12px}

    .support_btn {padding: 0 10px; font-size: 13px}

    .program_list_view .write_info {margin-top: 80px}
    .textarea_box .count {font-size: 12px}

    .ap_form + .bot_btn_box{display: flex}
    .program_list_view .bot_btn_box .btn {width: calc(50% - 7.5px); height: 55px; line-height: 53px; font-size: 14px}
    .program_list_view .bot_btn_box .btn + .btn {margin-left: 10px}
    .ap_form + .bot_btn_box{margin-top: 80px}


    .join_title_box{padding-top: 60px}
    .join_top_box +  .join_title_box {padding-top:60px}
    .step_mark{max-width: 100px}
    .join_title_box .tit{font-size: 32px; margin-top: 25px}
    .join_title_box .info {font-size: 16px; margin-top: 10px}

    .join_title_box .info_tip {font-size: 14px; margin-top: 10px}
    .join_step1_box{margin-top: 60px}

    .join_step1_box > ul > li a {padding: 60px 20px}
    .join_step1_box > ul > li .img_box img {width: 76px}
    .join_step1_box > ul > li.co1 .img_box img {width: 50px}
    .join_step1_box > ul > li .tit {margin-top: 20px; font-size: 20px}
    .join_step1_box > ul > li .tit_tip {font-size: 12px; margin-top: 0}
    .join_step1_box > ul > li .info {font-size: 13px; margin-top: 15px}

    .join_term_tit_box .tit{font-size: 18px; width: 100%}
    .join_term_area {margin-top: 60px}
    .join_term_box {padding: 25px 20px; margin-top: 10px}
    .join_term_box p {font-size: 13px; line-height: 1.6; font-weight: 400}
    .join_step3_box {margin-top: 60px; padding:  40px 20px 45px}
    .join_step3_box .img_box img  {width: 60px}
    .join_step3_box .tit {font-size: 22px; margin-top: 20px}
    .join_step3_box .info {font-size: 14px}
    .join_step3_box .btn1 {margin-top: 40px}

    .reception_list ul > li > .td .tit {font-size: 14px}
    .reception_list ul > li > .td .state {font-size: 11px}
    .reception_list ul > li > .td .ing_time{font-size: 11px}
    .reception_list_box .hash_list a {font-size: 17px}
    .reception_list_box .hash_list li + li {margin-left: 10px}
    .reception_list_box .total_count{font-size: 12px}
    .reception_list {margin-top: 10px}
    .reception_list_box {margin: 40px auto 0; padding: 0 15px}
    .paganation > ul a{font-size: 13px; width: 20px; height: 20px}
    .paganation > a {font-size: 16px}
    .paganation > ul {margin: 0 25px}
    .reception_list_box .paganation {margin-top: 80px}
    .modal_content .join_form .input_box ~ .input_box {margin-top: 15px}

    .storage_btn_box {margin-top: 20px; display: block}
    .storage_btn_box .btn1 {width: 100%; }

    .phone-only {display: block}
    .ap_form_box > .right {display: none}

    .join_radio_select_box{max-width: 100%; margin-top: 60px}
    .join_radio_select_box .tit{font-size: 15px;}
    .join_radio_select_box .inner{gap: 12px;}
    .join_layout {padding: 0 15px}

    .join_complete {padding: 120px 15px 0; }
    .join_complete .img_box img{width:45px}
    .join_complete .tit {font-size: 24px; margin-top: 30px}
    .join_complete .info{font-size: 16px; margin-top: 5px; text-align: center}

    .form_tit_box .page_text {text-align: left; font-size: 11px; margin-top: 30px}
    .num_form_area .num_box .input_area .radio_box + .radio_box {margin-top: 10px}
    .program_list_view .user_info .join_form{margin-top: 0px}

    .join_form .sub_form{margin-top: 40px}
    .modal_table tbody td .btn2 {font-size: 11px; width: 40px; height: 25px}
    .modal_table_box {margin-top: 30px}
    .modal_area .modal_content .modal_tit{font-size: 22px; margin-bottom: 30px}
    .modal_area .modal_content .input_flex > .radio_box + .radio_box {margin-left: 15px}
    .search_box {margin-top: 15px}
    .modal_table tbody td{font-size: 11px; height: 60px; padding: 15px 7.5px}
    .modal_table thead th {height: 55px; font-size: 12px; padding: 15px 10px}
    .modal_table tbody tr td:first-child, .modal_table thead tr th:first-child{width: 70px}

    .modal_tit_box .sub_tit{font-size: 13px;}

    .modal_area .file_tip{font-size: 11px;}

    .down_info_box{padding: 24px 10px; margin-top: 20px;}
    .down_info_box .info{font-size: 12px;}
    .down_info_box .tit{font-size: 13px;}
    .down_info_box .down{margin-top: 16px; font-size: 13px;}

    .num_form_area .num_box .num_tit {font-size: 15px}
    .num_form_area .num_box .tit_tip {margin-top: 3px; font-size: 12px}
    .num_form_area .num_box .input_area + .input_area {margin-top: 15px}
    .num_form_area .num_box .input_area .input_flex .input_box + .input_box {margin-left: 10px}
    .ap_form_area {padding-top: 80px}

    .num_form_area .que_info_box .tit {font-size: 15px}
    .num_form_area .que_info_box .text {font-size: 13px; margin-top: 5px}
    .num_form_area .num_box + .que_info_box {padding: 15px 20px; border-radius: 5px}

    .num_form_area .num_box .input_area.flex.type2 {flex-direction: column; align-items: flex-start}
    .num_form_area .num_box .input_area.flex.type2 .plus_delete_btn {margin-left: 0; margin-top: 10px; width: 100% ;background-color: #559075; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 5px}
    .num_form_area .num_box .input_area.flex.type2 .plus_delete_btn i {color: #fff; font-size: 15px}
    .num_form_area .num_box .input_area.flex.type2 .plus_delete_btn .fa-circle-plus:before { content:"\e59e"}
    .num_form_area .num_box .input_area.flex.type2 .plus_delete_btn .fa-circle-minus:before { content:"\f068"}
    .num_form_area .num_box .input_area.flex.type2 + .input_area.flex.type2 .plus_delete_btn {background-color: #d65e5e}


    .ap_btn_box.phone_only {margin-top: 60px; display: flex}

    .join_top_box {padding: 60px 0 60px}
    .join_top_box .left_box {font-size: 20px; }
    .join_top_box .right_box { padding-left: 0px; margin-top: 30px}
    .join_top_box .right_box p {font-size: 13px }
    .join_top_box .right_box p + p {margin-top: 20px}

    .header {padding: 20px 15px;}
    .nav_wrap > .left .logo img{width: 160px}
    .mypage_area > .btm.bg .btm_flex > .right .common_btn_box .out_btn {font-size: 12px; }
    .content {padding-top: 66px;}
    .caution {border-bottom: none}

    .nav_wrap > .right .login_box {margin-left: 20px; }
    .nav_wrap > .right .login_box a{font-size: 18px}
    .nav_wrap > .right .login_box a span {display: none}
    .nav_wrap > .right .login_box a + a {margin-left: 18px}
    .nav_wrap > .right .login_box .kakao {display: none}
    .nav_wrap > .right .login_box .kakao img {width: 20px;}
    .nav_wrap > .right .login_box a span {font-size: 12px}
    .nav_wrap > .right .login_box .ham {margin-top: 2px; line-height: 1}
    .reception_list ul > li > .td .sub_tit {font-size: 12px}

    .program_list_view .support_info .list li .right.mo_co {flex-direction: column; align-items: flex-start; justify-content: flex-start}
    .join_term_tit_box .tit + .input_box {white-space: nowrap}

    .modal_btn {height: 60px; font-size: 16px;border-radius: 5px}
    .modal_logo img {}
    .modal_content .modal_in_btn_box {margin-top: 40px}
    .modal_content .modal_in_btn_box .modal_btn + .modal_btn {margin-top: 10px}


    .none_box { padding: 30px; background-color: #f7f7f7}
    .none_box i {font-size: 16px; }
    .none_box span {font-size: 13px; margin-top: 5px; }


    .register_page {padding-top: 66px}
    .login_page {padding-top: 66px }
    .nav_wrap > .left .logo_box p {font-size: 12px; margin-top: 4px ; margin-left: 10px}

    .terms_area {max-width: 100%; padding: 0 15px}
    .terms_area > .title_box {padding: 80px 0 60px}
    .terms_area > .title_box .tit {font-size: 24px}
    .terms_area > .title_box .text {font-size: 14px}
    .terms_area .term_wrap h3 {margin-top: 60px}
    .terms_area .term_wrap h3 {font-size: 14px}
    .terms_area .term_wrap p {font-size: 13px}
    .terms_area .term_wrap h3 + p {margin-top: 10px}
    .terms_area .term_wrap h4 {font-size: 13px; margin-top: 15px}
    .terms_area .term_wrap p.ml {margin-left: 20px}
    .terms_area .term_wrap p.mt {margin-top: 10px}
    .terms_area .term_wrap .table_box table thead th {font-size: 13px}
    .terms_area .term_wrap .table_box table td {font-size: 12px}

    .terms_area .term_wrap .table_box.scroll { overflow-x: auto}
    .terms_area .term_wrap .table_box.scroll table {min-width: 500px;}

    .sub_visual {  padding-top: max(80%,350px);}

    .sub_visual .location_area {padding: 0 15px; top: 50%; transform: translate(-50%,-50%); height: 100%; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; word-break: keep-all}
    .location_area .location a {font-size: 12px;}
    .location_area .location a i {font-size: 12px}
    .sub_visual .location_area .location {margin-bottom: 30px}

    .location_area .txt {font-size: 15px; line-height: 1.5}
    .location_area .txt br {display: none}
    .sub_visual .location_area .tit + .txt {margin-top: 20px}

    .info_page01 .dream_cont .in {flex-wrap: wrap}
    .info_page01 .dream_cont .img_box {width: 100%; margin-right: 0; order: 2; margin-top: 40px; }
    .info_page01 .dream_cont .text_box {width: 100%}

    .info_page01 .award_sect,
    .info_page01 .program_cont,
    .info_page01 .icon_cont,
    .info_page01 .dream_cont {padding: 80px 0}


    .info_page01 .award_sect .award {padding-bottom: 80px}

    .info_page01 .move_text_box {z-index: -1}
    .info_page01 .move_text_box .text {font-size: 60px}
    .info_page01 .icon_cont .in {flex-wrap: wrap}
    .info_page01 .icon_cont .cont {width: 100%}
    .info_page01 .icon_cont .cont + .cont {margin-left: 0; margin-top: 40px}
    .info_page01 .icon_cont .cont .icon {width: 100px; }
    .info_page01 .icon_cont .cont .text_box {margin-top: 30px}
    .info_page01 .icon_cont .cont .text_box .title {font-size: 22px}
    .info_page01 .icon_cont .cont .text_box .text {font-size: 13px}
    .info_page01 .icon_cont .cont .text_box .text p + p {margin-top: 10px}



    .info_page01 .program_cont .cont_tit, .info_page01 .dream_cont .text_box .title{font-size: 26px}
    .info_page01 .program_cont .cont {margin-top: 60px;}
    .info_page01 .program_cont .cont li {flex-wrap: wrap}
    .info_page01 .program_cont .cont .text_box {margin-right: 0; width: 100%; order: 2; margin-top: 15px}
    .info_page01 .program_cont .cont .text_box .tit {font-size: 22px;}
    .info_page01 .program_cont .cont .text_box .text {margin-top: 5px; font-size: 13px;}
    .info_page01 .program_cont .cont .img_box {width: 100%}
    .info_page01 .program_cont .cont li + li {margin-top: 50px}


    .info_page01 .award_sect .award .cont_tit {font-size: 24px;}
    .info_page01 .award_sect .award .cont_box {flex-wrap: wrap; margin-top: 30px}
    .info_page01 .award_sect .award .cont_box .cont {width: 100%; flex-wrap: wrap}
    .info_page01 .award_sect .award .cont_box .cont + .cont {margin-left: 0; margin-top: 40px;}
    .info_page01 .award_sect .award .cont_box .tit {font-size: 18px; margin-right: 0; width: 100%; margin-bottom: 15px}
    .info_page01 .award_sect .award .cont_box ul li .year {font-size: 18px; margin-bottom: 0}
    .info_page01 .award_sect .award .cont_box ul li + li {margin-top: 15px;}
    .info_page01 .award_sect .award .cont_box ul li p {font-size: 13px;}

    .info_page01 .award_sect .news {flex-wrap: wrap}
    .info_page01 .award_sect .news .img_box {margin-right: 0px; width: 100%}
    .info_page01 .award_sect .news .text_box {width: 100%; margin-top: 30px}

    .info_page01 .award_sect .news .text_box .sub_tit {font-size: 16px;}
    .info_page01 .award_sect .news .text_box .tit {font-size: 20px}
    .info_page01 .award_sect .news .text_box .text {font-size: 15px; margin-top: 15px}
    .info_page01 .award_sect .news .text_box .link_btn {margin-top: 40px; font-size: 15px;}
    .info_page01 .award_sect .news .text_box .link_btn .cir {width: 30px; height: 30px; }
    .info_page01 .award_sect .bot_text {margin-top: 60px}

    .logo_com .img.sam_ja {width: 200px;}
    .logo_com .img.sam {width: 70px; }
    .logo_com .img.ja {width: 120px; }

    .info_page02 .move_text_box .text {font-size: 60px;}
    .info_page02 .video_sect {padding-top: 100px;}

    .info_page02 .video_sect .title_box .sub_text {font-size: 17px;}
    .info_page02 .video_sect .title_box .title {font-size: 28px; word-break: keep-all}
    .info_page02 .video_sect .title_box .title br {display: none}
    .info_page02 .video_sect .video {margin-top: 30px}
    .info_page02 .ja_sect {margin-top: 60px;}
    .info_page02 .ja_sect .text_box {padding-bottom: 60px}
    .info_page02 .ja_sect .text_box .title {font-size: 22px}
    .info_page02 .ja_sect .text_box .text {margin-top: 25px; font-size: 13px;}
    .info_page02 .ja_sect .text_box .text br {display: none}
    .info_page02 .ja_sect .text_box .text p + p {margin-top: 15px;}

    .info_page02 .bot_cont {flex-wrap: wrap; justify-content: flex-start}
    .info_page02 .bot_cont .left {font-size: 18px;}
    .info_page02 .bot_cont .right {margin-left: 0; margin-top: 20px;}
    .info_page02 .bot_cont .right p {font-size: 14px;}
    .info_page02 .bot_cont .right .kakao_btn {font-size: 12px; margin-top: 20px; }
    .kakao_btn {padding: 10px 25px}
    .kakao_btn .img {width: 17px; height: 14px;}

    .sub_visual .apply_btn {font-size: 14px; padding: 17px 23px; left: 15px; }
    .sub_visual .apply_btn i {margin-left: 35px}

    .program_page01 .icon_sect {padding: 120px 0}
    .program_page01 .icon_sect .tit {font-size: 28px; word-break: keep-all}
    .program_page01 .icon_sect .tit br {display: none}
    .program_page01 .icon_sect .icon_wrap {margin-top: 60px;}
    .program_page01 .icon_sect .icon_box .text_box {margin-top: 15px;}
    .program_page01 .icon_sect .icon_box .text_box .tit {font-size: 20px}
    .program_page01 .icon_sect .icon_box .text_box .txt {margin-top: 10px; font-size: 15px;}

    .program_page01 .training_sect {padding: 100px 0}
    .program_page01 .training_sect .in {flex-wrap: wrap}
    .program_page01 .training_sect .img_box {width: 100%}
    .program_page01 .training_sect .text_box {margin-left: 0; width: 100%}
    .program_page01 .training_sect .back_logo {display: none}

    .program_page01 .curriculum_sect {padding-top: 100px;}
    .program_page .cont_tit {font-size: 24px;}
    .program_page01 .curriculum_sect .txt {font-size: 13px; margin-top: 20px}
    .program_page01 .curriculum_sect .txt br {display: none}
    .program_page01 .curriculum_sect .tab_box {margin-top: 25px;}
    .program_page01 .curriculum_sect .tab_box .tab {font-size: 13px; height: 40px; line-height: 38px;}
    .program_page01 .curriculum_sect .tab_box .tab + .tab {margin-left: 10px;}

    .program_page01 .curriculum_sect .slide_box {margin-top: 40px;}
    .program_page01 .curriculum_sect .slide_box .top_text i {font-size: 17px;}
    .program_page01 .curriculum_sect .slide_box .top_text {font-size: 16px;}

    .program_page01 .curriculum_sect .slide_box .list li {flex-wrap: wrap;padding: 30px 0}
    .program_page01 .curriculum_sect .slide_box .list li + li {padding-bottom: 30px}
    .program_page01 .curriculum_sect .slide_box .list li .left {width: 100%}
    .program_page01 .curriculum_sect .slide_box .list li .left .tit {font-size: 19px;}
    .program_page01 .curriculum_sect .slide_box .list li .left .tag {font-size: 12px;}
    .program_page01 .curriculum_sect .slide_box .list li .right {width: 100%; padding-left: 0; margin-top: 15px; font-size: 12px;}


    .program_page .program_top_sect {padding: 100px 0;}
    .program_page .program_top_sect .in {flex-wrap: wrap}
    .program_page .program_top_sect .img_box {width: 100%}
    .program_page .program_top_sect .text_box {margin-left: 0; width: 100%}
    .program_page .program_top_sect .text_box .title {font-size: 26px;; margin-top: 30px;}
    .program_page .program_top_sect .text_box .title br {display: none}
    .program_page .program_top_sect .text_box .sub_tit {font-size: 20px; margin-top: 25px}
    .program_page .program_top_sect .text_box .txt {font-size: 13px; margin-top: 15px;}

    .program_page02 .lecture_sect {padding: 100px 0}
    .program_page02 .lecture_sect .sect_title_box .txt { font-size: 13px;}
    .program_page02 .lecture_sect .school_wrap {flex-wrap: wrap; margin-top: 30px}
    .program_page02 .lecture_sect .school_wrap .school {width: 100%; height: auto}
    .program_page02 .lecture_sect .school_wrap .school + .school {margin-left: 0; margin-top: 30px}
    .program_page02 .lecture_sect .school .school_title {font-size: 18px}
    .program_page02 .lecture_sect .school .case_cont {margin-top: 20px; }
    .program_page02 .lecture_sect .school .case {margin-top: 0}
    .program_page02 .lecture_sect .school .case .top .state {width: 80px; font-size: 12px; height: 25px; line-height: 25px;}
    .program_page02 .lecture_sect .school .case .top .title {font-size: 16px;}
    .program_page02 .lecture_sect .school .case .txt {font-size: 13px;}

    .program_page02 .talk_sect {padding: 100px 0 50px}
    .program_page02 .talk_sect .title_box .txt {font-size: 20px;}
    .program_page .slide_sect {padding-top: 100px;}
    .program_page .slide_sect .swiper-scrollbar {margin-top: 20px}


    .ap_btn_box.type2 button{ flex-basis: 100%;}
    .choice_page .choice_form_box .table .tr:first-child {display: none}
    .choice_page .choice_form_box .table .tr.list {flex-wrap: wrap; padding: 20px; padding-right: 120px; height: auto; position: relative; border: none}
    .choice_page .choice_form_box .table .tr > div {text-align: left; padding: 0}
    .choice_page .choice_form_box .table .tr > div:nth-child(1) {width: auto}
    .choice_page .choice_form_box .table .tr > div:nth-child(2) {width: auto; margin-left: 10px}
    .choice_page .choice_form_box .table .tr > div:nth-child(3) {width: 100%; margin-top: 5px}
    .choice_page .choice_form_box .table .tr > div:nth-child(4) {width: 100%}
    .choice_page .choice_form_box .table .tr > div:nth-child(5) {width: auto; margin-top: 5px}
    .choice_page .choice_form_box .table .tr > div:nth-child(6) {width: auto; position: absolute; right: 0; top: 0; height: 100%; width: 100px}
    .choice_page .choice_form_box .table .tr.list .state {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-color:#d7dae6; color: #5f6680; font-size: 12px}

    .choice_page .choice_form_box .table .tr.list .school {font-size: 11px; width: 60px; height: 22px; line-height: 20px;}
    .choice_page .choice_form_box .table .tr.list .tit {font-size: 13px;}
    .choice_page .choice_form_box .table .tr.list .txt {font-size: 12px}

    .choice_page .choice_form_box .left_box .search_box {flex-wrap: wrap}
    .choice_page .choice_form_box .left_box .select_wrap {width: 100%}
    .choice_page .choice_form_box .left_box .select_wrap .select {width: 100%; max-width: calc(33.333% - 6.66px); }
    .choice_page .choice_form_box .left_box .select_wrap .nice-select {width: 100%; font-size: 13px;}
    .choice_page .choice_form_box .left_box .select_wrap .nice-select .list li {font-size: 13px; height: 40px; line-height: 38px}
    .choice_page .choice_form_box .left_box .search_box .num_tit {margin-top: 10px; font-size: 12px; margin-left: auto}
    .choice_page .choice_form_box .left_box .table {margin-top: 60px;}
    .choice_page .choice_form_box .left_box .btn_box {margin-top: 60px;}
    .choice_page .choice_form_box .left_box .btn_box .cancel_btn {width: 140px; padding-right: 10px 0; font-size: 14px; }


    .ap_card > .tit,
    .ap_list_box > li > .tit {font-size: 16px;}

    .location_area .tab_box .btn {font-size: 12px; padding: 8px 20px 8px ;}

    .now_page .pinterest_box {margin: 0px -7.5px -40px}
    .now_page .pinterest_box .cont {width: calc(50% - 15px);margin: 0 7.5px 30px; }
    .now_page .pinterest_box .cont .tit {font-size: 15px;overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; white-space: normal; line-height: 1.4}

    .now_page .pinterest_box .cont .tag {margin-top: 5px}
    .now_page .pinterest_box .cont .tag span {font-size: 12px}

    .pagination {margin-top: 60px}
    .pagination .num_list {margin-left: 15px; margin-right: 15px}
    .pagination > a {font-size: 15px}
    .pagination > a.prev {margin-left: 15px}
    .pagination .num_list a {font-size: 13px; width: 25px; height: 25px; line-height: 23px}
    .pagination .num_list li + li {margin-left: 5px}
    .pagination > a.next {margin-right: 15px}

    .notice_page .notice_box {margin: 00px 0 -40px 0px;}
    .notice_page .notice_box .cont {width: 100%; margin-left: 0; margin-bottom: 40px; padding: 25px 20px; border-radius: 10px; margin-bottom: 20px}
    .notice_page .notice_box .cont .tag_box {margin-bottom: 10px}
    .notice_page .notice_box .cont .tag_box .tag {font-size: 12px}
    .notice_page .notice_box .cont .tit {font-size: 17px; padding-right: 0}
    .notice_page .notice_box .cont .text {font-size: 13px}
    .notice_page .notice_box .cont .date {font-size: 12px;}
    .notice_page .notice_box .cont .new {width: 20px; height: 20px; line-height: 20px; font-size: 11px}


    .faq_page .faq_list {margin-top: 0px;}
    .faq_page .faq_list .list li {padding: 25px 0px 25px 0px; }
    .faq_page .faq_list .list li .que {display: block}
    .faq_page .faq_list .list li .answer {padding-top: 10px; font-size: 13px; padding-left: 0}
    .faq_page .faq_list .list li .tag {width: 100%; font-size: 13px; margin-bottom: 10px;}
    .faq_page .faq_list .list li .text_box .tit {font-size: 16px; padding-right: 50px}
    .faq_page .faq_list .list li .arr {right: 0; width: 30px; height: 30px; font-size: 15px; top: 50%; transform: translateY(-50%);line-height: 30px}
    .faq_page .faq_list .list li .text_box .txt {font-size: 13px; padding-top: 10px; padding-right: 50px}

    .nav_wrap > .left .gnb_box .btn_box {display: block}
    .terms_area > .title_box h3 {margin-top: 30px}

    .mypage_area > .btm.bg .btm_flex > .right .common_btn_box .btn1_box {width: 100%}
    .mypage_area > .btm.bg .btm_flex > .right .common_btn_box .btn1_box .btn1 {width: 50%}
    .mypage_area > .btm.bg .btm_flex > .right .common_btn_box .btn1 {width: 50%}
    .program_page01 .op_sect {padding: 80px 0 80px}
    .program_page01 .op_sect img {margin-top: 5px}
    .program_page01 .training_sect .text_box .text {word-break: normal}

    .program_page02 .lecture_sect .img_box {padding: 0 ; margin-top: 30px}
    .program_page02 .talk_sect .img_box {margin-top: 20px; max-width: 95%}
    .view_page .view_cont .cont_box {margin-top: 50px}

    .notice_page .notice_box .cont .plus {display: none}

    .recruit_page .banner {padding: 50px 15px 40px}
    .recruit_page .banner .sub_text {font-size: 17px;}
    .recruit_page .banner .tit {font-size: 32px}

    .recruit_page .process_cont {padding: 100px 0}
    .recruit_page .process_cont .left_box {padding-right: 0}
    .recruit_page .list_cont .list > li {padding: 0; flex-wrap: wrap; padding-bottom: 15px}
    .recruit_page .list_cont .list > li .tit {width: 100%; font-size: 15px ;}
    .recruit_page .list_cont .list > li .text_box { margin-left: 0; margin-top: 10px}
    .recruit_page .list_cont .list > li .text_box .txt {font-size: 16px}
    .recruit_page .list_cont .list > li .text_box .em_blue {padding: 8px 15px; font-size: 13px; margin-top: 10px}
    .recruit_page .list_cont .list > li .text_box .em_blue i {margin-top: 3px}

    .recruit_page .left_box .cont + .cont {margin-top: 100px}

    .recruit_page .cont_tit {font-size: 28px}
    .recruit_page .cont_tit br{display: none}
    .recruit_page .list_cont {margin-top: 40px}
    .recruit_page .list_cont .list > li .text_box .em_gray {font-size: 12px; margin-top: 5px}
    .recruit_page .list_cont .list > li .text_box .em_blue + .em_gray {margin-top: 15px}

    .recruit_page .list_cont .em_red {margin-top: 25px; font-size: 13px;}

    .recruit_page .sup_cont .in {padding-right: 15px}
    .recruit_page .sup_cont {padding: 100px 0}
    .recruit_page .sup_cont .cont_box {margin-top: 40px}
    .recruit_page .sup_cont .cont_box .cont {width: 100%}
    .recruit_page .sup_cont .cont_box .cont:nth-child(2n) {margin-left: 0; transform: none}
    .recruit_page .sup_cont .cont_box .cont:nth-child(n+3) {margin-top: 0}
    .recruit_page .sup_cont .cont_box .cont:nth-child(n+2) {margin-top: 40px}
    .recruit_page .sup_cont .cont_box .cont .text_box {margin-top: 15px;}
    .recruit_page .sup_cont .cont_box .cont .text_box .tit {font-size: 20px;}
    .recruit_page .sup_cont .cont_box .cont .text_box .text {font-size: 13px;}

    .recruit_page .criteria_cont {padding: 100px 0 0}
    .recruit_page .criteria_cont .in {padding-right: 15px}
    .recruit_page .criteria_cont .cont_txt {margin-top: 20px; font-size: 20px;}
    .recruit_page .criteria_cont .cont_txt br {display: none}
    .recruit_page .criteria_cont .cont_box .list_box li {width: 100%; padding: 15px 15px ; font-size: 13px;}
    .recruit_page .criteria_cont .cont_box .list_box li:nth-child(2n) {margin-left: 0; margin-top: 10px}
    .recruit_page .criteria_cont .cont_box .list_box li:nth-child(n+3) {margin-top: 10px}
    .recruit_page .criteria_cont .cont_box .list_box li .num {font-size: 12px; width: 22px; height: 22px; line-height: 21px;}

    .recruit_page .btn_box .btn {margin-top: 40px; width: 280px; max-width: 100%; font-size: 15px; height: 60px; line-height: 58px;}
    .recruit_page .btn_box .btn i {margin-left: 20px}

    .footer .top_btn_box {width: 50px; height: 50px; right: 15px;}
    .footer .top_btn_box .top_btn {font-size: 18px;}

    .main .more_btn.mo {margin: 0 auto;padding: 14px 15px 13px;width: 500px;font-size: 13px;text-align: center;margin-top: 40px;border: none;box-shadow: rgba(0, 00, 0, 0.1) 0px 4px 20px 0px;max-width: 100%;}

    .view_page .view_cont .file_area {flex-wrap: wrap; padding: 10px 15px 10px ;}
    .view_page .view_cont .file_area .left {width: 100%; font-size: 12px; margin-bottom: 5px;}
    .view_page .view_cont .file_area .right {margin-left: -20px; margin-bottom: -3px}
    .view_page .view_cont .file_area .right > a {margin-left: 20px; margin-bottom: 3px; font-size: 12px;}


    .view_page .view_cont .cont_box p {font-size: 15px}
    .modal_content.recruit .cont_box .list li a {padding: 10px 15px ;}
    .modal_content.recruit .cont_box .list a > strong {font-size: 16px; margin-left: 10px}
    .modal_content.recruit .cont_box .list a .write_box {font-size: 12px;}
    .modal_content.recruit .cont_box .bot_text {font-size: 14px; margin-top: 20px; }


    .program_page01 .op_sect .img_wrap {flex-direction: column; align-items: center; justify-content: center; margin-top: 30px}
    .program_page01 .op_sect .img_wrap .logo_box {width: 75%; justify-content: center; opacity: 1; transform: none}
    .program_page01 .op_sect .img_wrap .logo_box .logo{width: 80% !important; min-width: 200px;}

    .program_page01 .op_sect .circle_box:before {display: none}

    .program_page01 .op_sect .circle_box {transform: rotate(90deg)}
    .program_page01 .op_sect .circle_box .cir {height: 32vw; min-height: 160px}

    .program_page01 .op_sect .name_box {margin-left: 0; width: 75%; display: flex; flex-direction: row; margin-top: -40px;}
    .program_page01 .op_sect .name_box .name {width: 17%; height: auto; line-height: normal; font-size: 3.5vw; padding: 20px 4vw; display: flex; align-items: center; line-height: 1.4;  opacity: 1; transform: translate(0)}
    .program_page01 .op_sect .name_box .name + .name {margin-top: 0; margin-left: 4vw}

    .program_page01 .op_sect .icon_box .icon {transform: none; opacity: 1}

    .program_page01 .op_sect .arr_box {flex-direction: row; justify-content: space-between; width: 53%; margin: 3vw 0 4vw}
    .program_page01 .op_sect .arr_box .arr {width: 2vw}
    .program_page01 .op_sect .arr_box .arr + .arr {margin: 0}
    .program_page01 .op_sect .arr_box .arr + .arr:before {display: none}

    .program_page01 .op_sect .icon_box {margin-left: 0;flex: none; width: 77%; flex-direction: column; align-items: center; justify-content: center}
    .program_page01 .op_sect .icon_box .left {display: flex; width: 100%; justify-content: space-between}
    .program_page01 .op_sect .icon_box .left .icon + .icon {margin-top: 0}
    .program_page01 .op_sect .icon_box .right {margin-left: 0; display: flex; justify-content: center; width: auto}
    .program_page01 .op_sect .icon_box .icon {width: 25vw; padding-top: 25vw; }
    .program_page01 .op_sect .icon_box .icon .text i {font-size: 6vw}
    .program_page01 .op_sect .icon_box .icon .text span {font-size: 3.5vw; margin-top: 2vw}
    .program_page01 .op_sect .icon_box .icon .out_text {font-size: max(2.2vw , 11px)}

    .program_page01 .op_sect .icon_box .dot {position: static; margin: -1vw 0 6vw; transform: rotate(90deg); opacity: 1}
    .program_page01 .op_sect .icon_box .dot span + span {margin-left: 7px;}

    .program_page02 .lecture_sect .img_box {flex-direction: column}
    .program_page02 .lecture_sect .img_box .left {width: 100%; display: flex; align-items: center; justify-content: center}

    .program_page02 .img_box .icon {width: 25vw; padding-top: 25vw; flex-shrink: 0; opacity: 1; transform: none}
    .program_page02 .lecture_sect .img_box .left .line:before,
    .program_page02 .lecture_sect .img_box .arr_box .arr:before {display: none}
    .program_page02 .lecture_sect .img_box .arr_box .badge {opacity: 1; transform: translate(-50%, -50%); }

    .program_page02 .lecture_sect .img_box .left .text_box {flex-direction: row; margin: 0 10px}
    .program_page02 .lecture_sect .img_box .left .text_box .badge {margin: 0 1vw; opacity: 1; transform: none}
    .program_page02 .lecture_sect .img_box .left .line {width: 10px; height: 2px;}
    .program_page02 .lecture_sect .img_box .arr_box {width: 70%; flex: none; display: flex; justify-content: space-between; margin-top: 5vw;}
    .program_page02 .lecture_sect .img_box .arr_box .arr {width: 40%}
    .program_page02 .lecture_sect .img_box .arr_box .arr + .arr {margin: 0}
    .program_page02 .lecture_sect .img_box .arr_box .arr img {width: 100%}
    .program_page02 .img_box .badge {min-width: 23vw; font-size: 2.5vw; padding: 5px 0px}
    .program_page02 .lecture_sect .img_box .right {width: 100%; display: flex; justify-content: center; margin-top: 5vw}
    .program_page02 .img_box .icon .text i {font-size: 6vw}
    .program_page02 .img_box .icon .text span {font-size: 3.5vw; margin-top: 1.5vw}

    .program_page02 .talk_sect .img_box .badge {width: auto; opacity: 1; transform: none}
    .program_page02 .talk_sect .img_box .top_box .line_box .line:before {display: none}
    .program_page02 .talk_sect .img_box .bot_box .arr_box .arr:before {display: none}
    .program_page02 .talk_sect .img_box .bot_box .arr_box .arr .badge {opacity: 1; transform: translate(-50%,-50%)}

    .program_page01 .op_sect *,
    .program_page02 .lecture_sect *,
    .program_page02 .talk_sect * {transition: none !important}
    .program_page02 .img_box .icon .text img {margin-left: -3px; margin-top: -5px}

    .noList_box  i {font-size: 32px; opacity: 0.3}
    .noList_box  p {    font-weight: 500;font-size: 13px;margin-top: 10px;opacity: 0.5;}

    .view_page .view_cont .cont_box {min-height: 0; padding-bottom: 50px}
    .view_page .view_cont .now_view .img_txt {font-size: 12px; margin-top: 5px}

    .view_page .view_cont .now_view .img_txt + .txt ,
    .view_page .view_cont .now_view .qna_box,
    .view_page .view_cont .now_view .qna_box + .img_box {margin-top: 60px}
    .view_page .view_cont .now_view .img_txt + .img_box {margin-top: 30px;}

    .view_page .view_cont .now_view .title_box {margin-bottom: 60px;}
    .view_page .view_cont .now_view .txt + .txt {margin-top: 20px;}
    .view_page .view_cont .now_view .txt + .img_box {margin-top: 20px}


    .view_page .view_cont .now_view .title_box .em_tit {font-size: 22px; word-break: keep-all}

    .view_page .view_cont .now_view .title_box .view_tit p {font-size: 18px;}
    .view_page .view_cont .now_view .title_box .view_tit strong {font-size: 22px; word-break: keep-all}

    .view_page .view_cont .now_view .qna_box .qna_tit .q {flex-shrink: 0; width: 30px; height: 30px; line-height: 32px; font-size: 16px; margin-top: -1px; margin-right: 10px;}
    .view_page .view_cont .now_view .qna_box .qna_tit p {font-size: 18px; }
    .view_page .view_cont .now_view .qna_box .answer {padding: 25px; border-radius: 10px; margin-top: 10px; }
    .view_page .view_cont .now_view .qna_box .answer .tit {font-size: 13px;}

    /*768*/
    .notice_page .notice_box .cont .com { bottom: 15px; }

    .notice_page .notice_box .cont .tit { height: 64px; }

	.notice_page .notice_box .cont .date { margin-top: 0px; }
}

@media(max-width: 550px){

    .register_page .app_box .app_list li .text {flex-direction: column; align-items: flex-start; width: 100%; padding-right: 0}
    .register_page .app_box .app_list li .text p {margin-left: 0; margin-top: 5px; width: 100%; }
    .register_page .app_box .app_list li a {align-items: flex-start; flex-direction: column}
    .register_page .app_box .app_list li .btn_box {margin-top: 7px}
    .register_page .app_box .app_list li .btn_box p{order: 1; margin-left: 5px; margin-right: 0}

    .join_step1_box > ul {flex-direction: column; }
    .join_step1_box > ul > li {flex: none; width: 100%}
    .join_step1_box > ul > li + li {margin-left: 0; margin-top: 20px}
    .join_step1_box > ul > li a {padding: 30px 15px}

    .join_term_tit_box .tit{width: 100%}
    .join_term_tit_box .tit + .input_box {margin-left: 0; margin-top: 18px}
    .join_term_tit_box {flex-wrap: wrap; justify-content: space-between}
    .join_term + .join_term {margin-top: 60px}
    .join_term + .all_chk{margin-top: 30px;}
    .join_title_box .info br {display: none}

    .join_step1_box > ul > li.co1 .img_box img {width: 25px}
    .join_step1_box > ul > li .img_box img {width: 37px}

    .program_page01 .icon_sect .icon_wrap {flex-wrap: wrap}
    .program_page01 .icon_sect .icon_box {width: 100%}
    .program_page01 .icon_sect .icon_box + .icon_box {margin-left: 0; margin-top: 35px;}

}


@media(max-width: 420px) {

    .register_page .app_box .app_list li .text p {  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;    }
    .register_page .app_box .app_list li .btn_box {width: 100%; background-color: #dee4fc; justify-content: center; margin-top: 15px; border-radius: 5px}
    .register_page .app_box .app_list li .btn_box .btn {height: 45px; width: auto }
    .register_page .app_box .app_list li .btn_box .btn i {font-size:12px }
    .register_page .app_box .app_list li a {padding: 20px 15px}
    .mypage_menu a{font-size: 12px; height: 40px; line-height: 38px}
    .register_page .app_box .app_list li .btn_box p {margin-left: 10px}
    .nav_wrap > .left .logo_box p {display: none}

    .choice_page .choice_form_box .left_box .select_wrap {flex-wrap: wrap;}
    .choice_page .choice_form_box .left_box .select_wrap .select {max-width: 100%}
    .choice_page .choice_form_box .left_box .select_wrap .select + .select {margin-left: 0; margin-top: 10px}
    .choice_page .choice_form_box .left_box .select_wrap .nice-select {max-width: 100%}

}

/* hover 효과 */
@media(min-width: 1201px) {

    .nav_wrap > .left .gnb li:hover a:after {width:calc(100% - 40px);}

    .ft_layout .top > .left > a:hover i {margin-top:-3px; margin-right:-3px}
    .ft_layout .top > .right > ul > li .link_box a:hover:after {width:100%;}

    .btn2:hover {background: #2D51D6; color:#fff;}

    .ap_btn_box button:hover {color:#fff; background:#2D51D6 }
    .ap_btn_box.fixed_btm button:hover {background: #000;}

    .num_form_area .ap_btn_box button:hover {background: #2D51D6;}

    .paganation > a:hover {color:#000;}
    .paganation > ul a:hover {color:#fff; background: #2D51D6;}

    .mypage_menu a:hover {background: #000; color:#fff;}

    .reception_list_box .hash_list a:hover {color:#2D51D6}
    .reception_list ul > li:hover {background: #fff; border:3px solid #2D51D6; box-shadow: rgba(55, 83,185, 0.2) 6px 2px 24px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px}
    .reception_list ul > li > .td .state.ing:hover + .tool_tip {opacity: 1}
    .reception_list ul > li > .td .user_state:hover + .tool_tip {opacity: 1}

    .support_btn:hover .tool_tip {opacity: 1 !important}

    .register_page .app_box .app_list li:hover {border-color : #2d51d6}
    .register_page .app_box .app_list li:hover .btn_box .btn  {background-color: #2d51d6; color: #fff; }


    .footer .top_btn_box:hover {background-color: #000}
    .join_step1_box > ul > li:hover {background: #1D40C3;box-shadow: rgb(55 83 185 / 20%) 6px 2px 24px 0px, rgb(255 255 255 / 80%) -6px -2px 16px 0px;}
    .join_step1_box > ul > li:hover * {color:#fff;}
    .join_step1_box > ul > li:hover *.tit_tip {color:rgba(255,255,255,0.8);}
    .join_step1_box > ul > li:hover .img_box {text-align: center}
    .location_area .tab_box .btn:hover {background-color: #000; color: #fff; }
    .modal_content.recruit .cont_box .list li a:hover {border-color: #2d51d6}
    .now_page .pinterest_box .cont:hover .hover_box {opacity: 1}
    .pagination > a:hover {color: #666666}
    .pagination .num_list li:hover a{background: #2d51d6; text-align: center; color:#fff;}
    .view_page .view_cont .top_cont .icon_box .icon:hover {background-color: #000; }
    .view_page .view_cont .top_cont .icon_box .icon:hover img {opacity: 0}
    .view_page .view_cont .top_cont .icon_box .icon:hover img.off {opacity: 1}
    .view_page .view_cont .top_cont .icon_box .icon:hover .img i {color: #fff}
    .view_page .view_cont .send_btn:hover { background-color: #2d51d6; color: #fff;}
    .notice_page .notice_box .cont:hover {background-color: #2d51d6;}
    .notice_page .notice_box .cont:hover .tag {color: #fff;}
    .notice_page .notice_box .cont:hover .tit {color: #fff; }
    .notice_page .notice_box .cont:hover .text {color: #fff; opacity: 0.7}
    .notice_page .notice_box .cont:hover .date {color: #fff;}
    .notice_page .notice_box .cont:hover .new {background-color: #fff; color: #2d51d6}
    .notice_page .notice_box .cont:hover .plus {transform: rotate(180deg); color: #fff}

    .notice_page .notice_box .cont:hover .com {color: #fff;}


    .recruit_page .sup_cont .cont_box .cont a:hover .img_box img {transform: scale(1.1)}
    .sub_visual .apply_btn:hover { color: #2d51d6; background-color: #fff}
    .info_page01 .award_sect .news .text_box .link_btn:hover .cir i { left: 10px}
    .kakao_btn:hover {background-color: #000; color: #fff}
    .kakao_btn:hover .img img{opacity: 0}
    .kakao_btn:hover .img img.w {opacity: 1}
    .program_page01 .curriculum_sect .tab_box .tab:hover {background-color: #000; color: #fff}
    .choice_page .choice_form_box .table .tr.list:hover {border: 3px solid #2d51d6}

    .view_page .view_cont .file_area .right > a:hover { border-bottom: 1px solid #555}

    .nav_wrap > .left .gnb .deps2 > li a:hover:before {width: 100%}
    .reception_list ul > li > .td a.state_btn:hover {opacity: 0.7}


}

@media(min-width: 769px) {

    .program_page01 .op_sect .img_wrap.scroll_on .icon_box .icon,
    .program_page01 .op_sect .img_wrap.scroll_on .logo_box { transform: translateY(0px); opacity: 1}
    .program_page01 .op_sect .img_wrap.scroll_on .circle_box:before { width: 0%}
    .program_page01 .op_sect .img_wrap.scroll_on .name {transform: translateY(0); opacity: 1}
    .program_page01 .op_sect .img_wrap.scroll_on .arr_box .arr:before  { width: 0%}
    .program_page01 .op_sect .img_wrap.scroll_on .icon_box .dot { transform:translate(-70%,-50%); opacity: 1}

    .program_page02 .talk_sect .img_box.scroll_on .top_box .badge {opacity: 1;}
    .program_page02 .talk_sect .img_box.scroll_on .icon{opacity: 1; transform: translateY(0)}
    .program_page02 .talk_sect .img_box.scroll_on .top_box .line:before {width: 0%}
    .program_page02 .talk_sect .img_box.scroll_on .arr_box .arr:before {width: 0%}
    .program_page02 .talk_sect .img_box.scroll_on .arr_box .arr .badge {opacity: 1; transform: translate(-50%, -50%);}

    .program_page02 .lecture_sect .img_box.scroll_on .arr_box .arr .badge {opacity: 1; transform: translate(-50%, -50%);}
    .program_page02 .lecture_sect .img_box.scroll_on .icon {opacity: 1; transform: translateY(0)}
    .program_page02 .lecture_sect .img_box.scroll_on .arr_box .arr:before {width: 0%}
    .program_page02 .lecture_sect .img_box.scroll_on .left .line:before {height: 0%}
    .program_page02 .lecture_sect .img_box.scroll_on .left .badge {opacity: 1}

}
