@charset "utf-8";
@font-face {
    font-family: 'Paperlogy-5Medium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-7Bold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-9Black';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: "Pretendard-Bold";
    src: url("https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff")
      format("woff");
    font-weight: 700;
    font-style: normal;
  }
  @font-face {
    font-family: 'Pretendard-Black';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
  @font-face {
    font-family: 'kdg_Medium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/kdg_Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.Paperlogy_5 {
	font-family: 'Paperlogy-5Medium';font-weight: 500;
}
.Paperlogy_7 {
	font-family: 'Paperlogy-7Bold';
}
.Paperlogy_9 {
	font-family: 'Paperlogy-9Black';
}
.Pretendard_B {
	font-family: 'Pretendard-Bold';font-weight: 700;
}
.Pretendard_bl {
	font-family: 'Pretendard-Black';font-weight: 900;
}


.nav {
    position:relative;
    width:100%;
}
.nav .nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
}
.nav .nav__item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
}
.nav .nav__link {
    display:block;
    padding: 0.7rem 0.5rem;
    font-size: 0.9rem;
    font-weight: 500;
    background-color: #f6f6f6;
    color: #495057;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.nav .nav__link.active,
.nav .nav__link:hover {
    background-color: #ff7e00;
    color: #fff;
}

.md-checkbox {
    position:relative;
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    width:100%;
    cursor:pointer;
}
.md-checkbox .cr {
    position:relative;
    width:1rem;
    height:1rem;
    border:1px solid #ddd;
    border-radius:100%;
    text-align:center;
}
.md-checkbox .text {
    width:calc(100% - 1rem);
    padding-left:5px;
    color:#000;
}
.md-checkbox :checked ~ .cr {border-color:#000;}
.md-checkbox :checked ~ .cr::before {
    display:block;
    content: "\f00c";
    font-family: 'FontAwesome';
    color:#000;

}

.agree-text {
    position:relative;
    width:100%;
    word-break: keep-all;
}
.agree-text .title {
    font-size:0.75rem;
    color:#000;
    font-weight:500;
}
.agree-text .title ~ .title {margin-top:0.6rem}

.agree-text .text {
    font-size:0.7rem;
    color:#666;
    margin-top:0.3rem;
    line-height:1.2;
}
.agree-text .text .text__in {
    padding-left:0.5rem;
}

.signup-completion {
    position:relative;
    width:100%;
    text-align:center;
}
.signup-completion__text1 {
    font-size:1.25rem;
    font-weight:500;
    color: #484848;
} 
.signup-completion__text2 {
    margin-top:1rem;
    font-size:0.9rem;
    color: #484848;
} 
.signup-completion__btnbox {
    margin-top:1rem;
    text-align:center;
}

.auth-recover {
    position:relative;
    width:100%;
}
.auth-recover .hr {
    display: block;
    width: 100%;
    height: 1px;
    margin-top:1.7rem;
    margin-bottom:1.7rem;
    background-color: #d9d9d9;
}
.auth-recover__title {
    font-size:0.75rem;
    font-weight:500;
    color: #484848;
    margin-bottom:0.75rem;
}
.recover-frmbox {
    position:relative;
    width:100%;
}
.recover-frmbox .frminput {
    width:100%;
}
.recover-frmbox + .recover-frmbox {margin-top:5px}
.recover-btnbox {margin-top:5px;}
.recover-btnbox .btn {width:100%}

.tbl-box {position:relative;}
.tbl-type1 {
    width:100%;
    border-top:2px solid #363636;
    border-collapse:collapse;
	border-bottom:1px solid #ddd;
}
.tbl-type1 th,
.tbl-type1 td {
    /* border:1px solid #d6d6d6; */
    border-width:0 1px 1px;
    padding:0.7rem 0.6rem;
    text-align:center;
}
.tbl-type1 td {
    font-size:.9rem;
    color:#8f8f8f;
    line-height:1.3;
    vertical-align:middle;
    padding:0.7rem 0.9rem;
    text-align:left;
}
.tbl-type1 th {
    font-size:.9rem;
    color:#272727;
    line-height:1.3;
    vertical-align:middle;
    text-align:center;
    /* background-color:#fbfbfb; */
	border-bottom:1px solid #363636;
    font-weight:normal;
}
.tbl-type1.tbl-type--org {margin-top:1rem}
.tbl-type1.tbl-type--org td {text-align:center;}
.tbl-type1 .w50 {width:50px}
.tbl-type1 .w80 {width:80px}
.tbl-type1 .w150 {width:150px}
.tbl-type1 .w100 {width:100px}
.tbl-type1 .w170 {width:170px}
.tbl-type1 .w200 {width:200px}
.tbl-type1 .w250 {width:250px}
.tbl-type1 .w300 {width:300px}
.tbl-type1 .w400 {width:400px}
.tbl-type1 .btn {min-width:4.3rem}
.tbl-type1 tr th:first-child {border-left-width:0;}
.tbl-type1 tr th:last-child {border-right-width:0;}
.tbl-type1 tr td:last-child {border-right-width:0;}
.tbl-type1 tr td:first-child {border-left-width:0;}
.tbl-type1 thead tr:first-child th,
.tbl-type1 thead tr:first-child td,
.tbl-type1 tbody tr:first-child td,
.tbl-type1 tbody tr:first-child th {border-top-width:0;}
.tbl-type1 thead tr:last-child th,
.tbl-type1 thead tr:last-child td,
.tbl-type1 tbody tr:last-child td,
.tbl-type1 tbody tr:last-child th {border-bottom-width:1px;}
.tbl-type1 thead ~ tbody tr td {border-top-width:1px !important}
.tbl-type1 .t-tit {
    display: none;
    color: #010101;
}
.tbl-type1 .t-txt{word-break:keep-all;}
.tbl-type1 .preSelect {
    display: none;
    color: #010101;
}
.tbl-type1 .t-state-list li + li {
    margin-top: 0.3rem;
}

@media screen and (max-width:800px){
    .responsive .tbl-type1 {
        display:block;
        border-top-width:0;
        border-bottom-width:0
    }
    .responsive .tbl-type1 colgroup,
    .responsive .tbl-type1 thead {display:none;}
    .responsive .tbl-type1 tbody,
    .responsive .tbl-type1 tr,
    .responsive .tbl-type1 td {
        display:block;
        width:100%;
        border-width:0;
        padding:0
    }
    .responsive .tbl-type1 tr ~ tr {margin-top:1rem}
    .responsive .tbl-type1 tr {border-top: 2px solid #363636;border-bottom: 1px solid #363636;}
    .responsive .tbl-type1 .td-in-box {
        display:flex;
        width:100%;
        flex-direction:row;
        flex-wrap:wrap;
    }
    .responsive .tbl-type1 .td-in-box .t-tit {
        display:flex;
        flex-direction:column;
        align-items:center;
        text-align:center;
        width:6rem;
        padding:0.5rem;
        vertical-align:middle;
        background-color:#f1f1f1
    }
    .responsive .tbl-type1 .td-in-box .t-txt {
        text-align:center;
        width:calc(100% - 6rem);
        text-align:left;
        padding:0.5rem;
        vertical-align:middle
    }
	.responsive .tbl-type1 .td-in-box .preSelect {
        display:flex;
        flex-direction:column;
        align-items:center;
        text-align:center;
        width:8rem;
        padding:0.5rem;
        vertical-align:middle;
        background-color:#f1f1f1
    }
    .responsive .tbl-type1 .td-in-box .preSelect {
        text-align:center;
        width:calc(100% -8rem);
        text-align:left;
        padding:0.5rem;
        vertical-align:middle
    }
	
	
}


.tbl-box {position:relative;}
.tbl-type2 {
    width:100%;
    border-top:2px solid #363636;
    border-collapse:collapse;
}
.tbl-type2 th,
.tbl-type2 td {
    border:1px solid #d6d6d6;
    border-width:0 1px 1px;
    padding:0.6rem 0.3rem;
    text-align:center;
}
.tbl-type2 td {
    font-size:0.95rem;
    color:#8f8f8f;
    line-height:1.3;
    vertical-align:middle;
    padding:0.6rem 0.5rem;
    text-align:left;
}
.tbl-type2 th {
    font-size:0.95rem;
    color:#272727;
    line-height:1.3;
    vertical-align:middle;
    text-align:center;
    font-weight:400;
    background-color:#fbfbfb;
    font-weight:700;
}


.schedule {position:relative;}
.schedule__head {
    position:relative;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    margin-top:1.5rem;
    margin-bottom:1.5rem;
}
.schedule__title {
    position:relative;
    font-size:1.5rem;
    color:#222;
    font-weight:500;
    line-height:1;
}
.schedule__btn-prev,
.schedule__btn-next {
    font-size:1rem;
}
.schedule__btn-prev {margin-right:1rem}
.schedule__btn-next {margin-left:1rem}
.schedule__body {margin-top:1.55rem}
.schedule__table-box {position:relative;}
.schedule__table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.schedule__table th {
    border: 2px dashed #ddd;
    font-size: 0.9rem;
    padding: 0.6rem 0;
    color: #464646;
}
.schedule__table td {
    font-size: 0.8rem;
    height: 7rem;
    border: 2px dashed #ddd;
}
.schedule__table th.sun,
.schedule__table td.sun, 
.schedule__table td.sun a {color:#da464a;} 
.schedule__table th.sat,
.schedule__table td.sat,
.schedule__table td.sat a {color:#3a91e2;}

.schedule__table .date {
    font-size:0.8rem;
    padding:2px 7px;
}
.schedule__table .date a {color:#464646;}
.schedule__table .count {
    display: block;
    position: relative;
    background-color: #ff8401;
    width: 4rem;
    height: 4rem;
    border-radius: 100%;
    font-size: 1rem;
    padding: 1.1rem 7px;
    margin: 0.55rem auto;
    color: #fff;
    text-align: center;
}


.sub-title {
    position:relative;
    font-size:1.25rem;
    color:#0f6144;
    font-weight:500;
    line-height:1.3;
    padding-left:1.6rem;
}
.sub-title::before {
    content:"";
    display:block;
    position:absolute;
    top:4px;
    left:0;
    width:1.05rem;
    height:1.05rem;
    background:url(../imgs/sub/title_bg.png) no-repeat 0 0;
    background-size:100% auto;
}
.sub-title:has(.badge){display: flex;align-items: center;}



.color--black {color:#000 !important}
.color--green {color:#6b9f10 !important} 
.color--blue {color:#2f8ad3 !important}

.sub-title2 {
    position:relative;
    font-size:1rem;
    line-height:1;
    padding-left:0.6rem;
}
.sub-title2::before {
    content:"";
    display:block;
    position:absolute;
    top:0.3rem;
    left:0;
    width:0.4rem;
    height:0.4rem;
    background-color:#1d976c;
    background-size:100% auto;

}

.cont-image-box {
    position:relative;
    width:100%;
    background-color:#f7f7f7;
    text-align:center;
}
.sub-text {
    font-size:0.9rem;
    color:#4d4d4d;
    text-wrap: balance;
}
.round-text {
    font-size:0.9rem;
    background: #1d976c;
    border-radius: 25px;
    display: block;
    text-align: center;
    color: #fff;
    padding:0.6rem;
    word-break: keep-all;
}
.mt2{margin-top: 0.2rem;}
.mt5 {margin-top:0.45rem}
.mt20 {margin-top:1rem}
.mt28 {margin-top:1.4rem}
.mt30 {margin-top:1.5rem}
.mt35 {margin-top:1.75rem}
.mt10 {margin-top:0.5rem}
.mt15 {margin-top:0.75rem}
.ml16 {margin-left:.8rem}

.num-list {position:relative;}
.num-list__item {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    width:100%;
}
.num-list__item + .num-list__item  {margin-top:0.5rem}
.num-list__num {    
    display: block;   
    width: 1.5rem;
    height: 1.5rem;
    text-align: center;
    line-height: 1.3rem;
    color: #fff;
    font-weight: 500;
    font-size:0.75rem;
    background-color: #999999;
    border-radius:50%;
    padding-top: 2px;
}
.num-list__text {
    position:relative;
    width:calc(100% - 1.75rem);
    color:#000;
    font-size:0.9rem;
    line-height:1.3;
    padding-left:0.5rem;
    padding-top:0.2rem;
}
.num-list .sub-text {
    width:100%;
    padding-left:2.15rem;
}
.num-list .sub-text li + li {margin-top:0.3rem;}

.ul-type1 {position:relative;}
.ul-type1__item {
    position:relative;
    padding-left:0.55rem;
    font-size:0.9rem;
    line-height:1.5;
    color:#4d4d4d;
    margin-bottom:0.3rem;
}
.ul-type1__item::before {
    content:"";
    display:block;
    position:absolute;
    top:0.6rem;
    left:0;
    width:0.2rem;
    height:0.2rem;
    background-color:#444;
    border-radius:100%;
}
.ul-type1__item:last-child {margin-bottom:0}

.hr {
    display:block;
    width:100%;
    height:1px;
    background-color:#ddd;
    margin:2.35rem 0;
}

.facility {position:relative;}
.facility .mt--40 {margin-top: 2rem;}
.facility .sub-title {margin-bottom:1.25rem;}
.facility .sub-title2 {margin-bottom:0.75rem;}
.facility__row {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    width:100%;
    margin-bottom:1.7rem;
}
.facility__row .left {
    width:376px;
}
.facility__row .left img {max-width:100%;height:auto;}
.facility__row .right {
    width:calc(100% - 376px);
    padding-left:1.2rem;
    font-size:0.9rem;
    color:#484848;
}   
@media screen and (max-width:720px) {
    .facility__row  {align-items:flex-start;}
    .facility__row .left {width:45%;}
    .facility__row .right {width:calc(100% - 45%);}
}

.faq {position:relative;}
.faq__box {position:relative;}
.faq__box + .faq__box {margin-top:1.4rem}
.faq__head {
    display:flex;
    flex-direction:row;    
    flex-wrap:wrap;
    width:100%;
    padding:0.75rem 1.12rem;
    background-color:#fff2ac;
}
.faq__title {
    width:calc(100% - 1.7rem);
    padding-left:0.7rem;
    font-size:1rem;
    color:#4d4d4d;
    font-weight:500;
}
.faq__cr {
    display:block;
    width:1.7rem;
    height:1.7rem;
    background-repeat:no-repeat;
    background-size:100% auto;
    background-position:0 0;
}
.faq__cr.cr--bg1 {
    background-image:url(../imgs/sub/q_img.png)
}
.faq__cr.cr--bg2 {
    background-image:url(../imgs/sub/a_img.png)
}
.faq__body {
    display:flex;
    flex-direction:row;    
    flex-wrap:wrap;
    width:100%;
    padding:0.75rem 1.12rem;
    background-color:#f4f4f4;
}
.faq__text {
    width:calc(100% - 1.7rem);
    padding-left:0.7rem;
    font-size:0.9rem;
    color:#000;
    font-weight:400;
}

.mb--0 {margin-bottom:0 !important}

.ico--rotate {
    transform:rotate(180deg);
    font-size:1rem;
}

.tab {position:relative;}
.tab__list {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:100%;
    padding-left:1px;
}
.tab__item {
    position:relative;
    margin-left:-1px;
}
.tab__link {
    display:block;
    position:relative;
    font-size:0.8rem;
    border:1px solid #3a91e2;
    color:#3a91e2;
    padding:0.7rem 1rem;
}
.tab__link:hover,
.tab__item.active .tab__link {background-color:#3a91e2;color:#fff}

.lecture {position:relative;}
.lecture.mt30 {margin-top:1.5rem}
.lecture__list {position:relative;}
.lecture__item {
    position:relative;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:100%;
    padding-bottom:1.35rem;
}
.lecture__item + .lecture__item {
    padding-top:1.35rem;
    border-top:1px solid #ddd;
}
.lecture__item:last-child {padding-bottom:0}
.lecture__image {width:276px;}
.lecture__image img {max-width:100%;height:auto;}
.lecture__cont {
    position:relative;
    width:calc(100% - 276px);
    padding-left:1rem;
}
.lecture__subject {
    font-size:1rem;
    color:#000;
    font-weight:500;
}
.lecture__text {
    position:relative;
    font-size:0.8rem;
    color:#666;
    margin-top:0.5rem;
}
.lecture__info {
    position:relative;
    font-size:0.8rem;
    color:#000;
    margin-top:0.5rem;
}
.lecture__link__box {margin-top:0.5rem}
/*과정소개 탭*/
.crs_tab2_wrap{margin-bottom: 2rem;text-align: center;}
.crs_tab2{display: flex;justify-content: space-around;}
.crs_tab2 li{
    background-color: #f6fdf7;
    width: 100%;
}
.crs_tab2 li a{
    font-size: 1rem;
    line-height: 1.3;
    padding: 1.5rem 0;
    color: #797979;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: solid 2px #1D9760;
}
.crs_tab2 li .active{color: #0e4834;background-color: #fff;border: solid 2px #1D9760;border-bottom: 0;font-family: 'Pretendard-Bold';font-weight: 700;}
.trb_wrap .img1{width: 750px;margin: 0 auto; display: block;margin-top: 6rem;}
.trb_wrap .img2{margin: 0 auto; display: block;margin-bottom: 6rem;}

@media screen and (max-width:700px) {
    .lecture__image {width:200px;}
    .lecture__cont {width:calc(100% - 200px)}
}
@media screen and (max-width:530px) {
    .lecture__item {
        flex-direction:column;        
    }
    .lecture__image {width:100%;}
    .lecture__cont {
        width:100%;
        margin-top:1rem;
        padding-left:0;
    }
}

.lecture__view {position:relative;}
.lecture__view__top {
    position:relative;
    display:flex;
    flex-direction:row;
    width:100%;
}
.lecture__view__top__image {
    position:relative;
    width:281px;
}
.lecture__view__top__image img{
    width:inherit;
    height:auto;
}

.lecture__view__top__cont {
    position:relative;
    width:calc(100% - 281px - 1.5rem);
    margin-left:1.5rem;
    background-color:#f5f7fa;
}
.lecture__view__top__cont .cont__in {
    position:relative;
    width:100%;    
    padding:1.5rem;
}
.lecture__view__top__cont .cont__ul {
    position:relative;
    font-size:0.8rem;
    color:#666;
}
.lecture__view__top__cont .cont__ul strong {
    color:#333;
    font-weight:500;    
}
.lecture__view__top__cont .cont__ul li {line-height:1;}
.lecture__view__top__cont .cont__ul li + li {margin-top:0.5rem}
.lecture__view__top__cont .cont__btnbox {margin-top:1rem}
.lecture__view__mid {
	font-family: 'Pretendard-Regular';
    position:relative;
    width:100%;
    font-size:0.8rem;
    color:#000;
}
.lecture__view__mid img {
    max-width:100%;
    height:auto;
}
.lecture__view__btnbox {
    margin-top:1rem;
    text-align:center;
}
.lecture__view__title ~ .lecture__view__title {margin-top:2rem}
.lecture__view .sub-title2 ~ .sub-title2 {margin-top:2rem}
.lecture__view .sub-title2 {margin-bottom:1rem}
.lecture__view__title {
    font-size:1.1rem;
    font-weight:500;
    color:#222;
    line-height:1;
    margin-bottom:1rem;
}
.lecture__view .sub-title {margin-bottom:1.5rem;}
@media screen and (max-width:700px) {
    .lecture__view__top {
        flex-direction:column;
    }
    .lecture__view__top__image {width:100%;}
    .lecture__view__top__cont {
        width:100%;
        margin-left:0;
    }
}

tab {
    position:relative;
    width:100%;
}
.tab.mt--40 {margin-top:2rem}
.tab__container {
    position:relative;
    margin:-1px;
}
.tab__items {
    position:relative;
    width:100%;
    display:flex;
    flex-wrap:wrap;
}
.tab__item {
    display:inline-block;
    padding:1px;
}
.tab__link {
    display:inline-block;
    padding:0.7rem 0.8rem;
    background-color: #fff;
    border: 1px solid #ccc;
    font-size:0.8rem;
    line-height:0.8rem;
	width:33.3%;
}
.tab__items.active .tab__link,
.tab__link:hover{
    border-color:#3ab449;
    background-color:#3ab449;
    color:#fff;
}
.on2 {
  border-color:#3ab449;
    background-color:#3ab449;
    color:#fff;
}
.facility__link__box {margin-top:0.5rem}
.faq_wr .tab__link{
    width: 10%;
    text-align: center;
    color: #ccc;
    margin-right: .5rem;
}
.tab__link{padding:0 0;}
.faq_wr .tab__link a{display: block;color: #ccc;padding: 0.7rem 0.8rem;}
.faq_wr .tab__link:last-child{margin-right: 0;}
.faq_wr .tab__items .active{background-color: #3ab449;border-color:#3ab449;}
.faq_wr .tab__items .active a, .faq_wr .tab__link:hover a{color: #fff;}

.faq_cont{margin: 2rem auto;}
.faq_list{border:1px solid #010101;border-left: 0;border-right: 0;}
.faq_list .faq_btn{border-bottom: 1px solid #ddd;}
.faq_list .faq_btn:last-child{border-bottom: 0;}
.faq_header{display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 1.5rem 1rem;font-family: 'Paperlogy-7Bold';}
.faq_header h3{font-size: 1.2rem;font-weight: 500;}
.faq_header i{font-size: 1.2rem;}
.faq_header i.bi-chat-right-text{font-size: 1rem; margin-right: .3rem;}
.faq_header .bi-chevron-up{display: none;}
.faq_body{font-size: .9rem;padding: 0 2.5rem 2rem;display: none;line-height: 1.6;word-break: keep-all;font-family: 'Paperlogy-5Medium';}
.faq_btn:hover .faq_header h3, .faq_btn:hover .faq_header i{color: #3ab449;}
.faq_list li.active .faq_body{display: block;}
.faq_list li.active .faq_header .bi-chevron-up{display: block;}
.faq_list li.active .faq_header .bi-chevron-down{display: none;}
.faq_list li.active:has(.faq_body) .faq_header{color: #3ab449;}
.faq_list li.active:has(.faq_body){background-color: #f6fff5;}


@media screen and (max-width:700px) {
    .lecture__image {width:200px;}
    .lecture__cont {width:calc(100% - 200px)}
}
@media screen and (max-width:530px) {
    .lecture__item {
        flex-direction:column;        
    }
    .lecture__image {width:100%;}
    .lecture__cont {
        width:100%;
        margin-top:1rem;
        padding-left:0;
    }
}
/* 2022-03-31 추가 */
.edu-field {
    position:relative;
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    width:100%;
}
.edu-field__item {    
    text-align:center;
    font-size: 0.9rem;
    color: #4d4d4d;
}
.edu-field__item + .edu-field__item {margin-left:1.75rem}
.edu-field__item .sub-text {margin-top:0.6rem}
.edu-field__image {width:9.2rem;}
.edu-field__image img {max-width:100%;}
@media screen and (max-width:440px) {
    .edu-field__item {
        width:calc(100% / 2 - 5px - 5px);
        margin:0 5px;
        text-align:center;
    }
    .edu-field__image {width:100%;}
    .edu-field__item + .edu-field__item {margin-left:0;}
    
}
/* 라인 유주완 추가 */
.edu_content{
	margin-top:0.9rem;
	padding-left:1.5rem;
}

.edu-step {
    position:relative;
    display:flex;
    flex-wrap:wrap;
    width:88%;
    flex-direction:row;
    justify-content:space-between;
}
.edu-step__item {
    position:relative;
}
.edu-step__item::before {
    content:"";
    display:block;
    position:absolute;
    top:4.5rem;
    right:-16%;
    width:4.55rem;
    height:0.95rem;
    background:url(../imgs/training/arr.png) no-repeat 50% 50%;
    background-size:100% auto;
}
.edu-step__item.item--last::before {display:none;}
.edu-step__circle {
    position:relative;
    width:10.2rem;
    height:10.2rem;
    margin:0 auto;
    background-color:#ffd800;
    border-radius:100%;    
    overflow:hidden;
}
.edu-step__box {
    position:absolute;
    top:50%;
    width:100%;
    text-align:center;
    transform:translateY(-50%);
}
.edu-step__num {
    font-size:0.9rem;
    color:#4d4d4d;
    line-height:1;
}
.edu-step__image {margin-top:0.45rem}
.edu-step__image img {width:4.05rem}
.edu-step__title {
    font-size:0.9rem;
    color:#4d4d4d;
    font-weight:500;
    margin-top:0.65rem;
}
.edu-step__text {
    margin-top:0.65rem;
    text-align:center;
    font-size:0.7rem;
    color:#4d4d4d;
}
.edu-step__btn-box {
    width:100%;
    margin-top:2rem;
    text-align:center;
}
.edu-step__link {
    display:inline-block;
    position:relative;
    width:15.2rem;
    height:3.35rem;
    background-color:#160b0a;
    border-radius:10px;
    text-align:center;
}
.edu-step__link span {
    display:inline-block;
    position:relative;
    font-size:1.1rem;
    color:#ffd800;
    padding-left:3.2rem;
    line-height:3.35rem;
}
.edu-step__link span::before {
    content:"";
    display:block;
    position:absolute;
    top:0.65rem;
    left:0;
    background:url(../imgs/training/ico_edu.png) no-repeat 0 0;
    width:2.65rem;
    height:2.2rem;
    background-size:100% auto;
}
@media screen and (max-width:1262px) {
    .edu-step__item::before {right:-29%;}
}
@media screen and (max-width:1222px) {
    .edu-step__item {
        width:33.3333333333%;
    }
    .edu-step__item::before {right:-15%;}
}
@media screen and (max-width:780px) { 
    .edu-step__item {width:100%;}
    .edu-step__item::before {
        right:auto;
        top:auto;
        bottom:-56px;
        left:50%;
        transform:translateX(-50%) rotate(90deg);
    }
    .edu-step__item + .edu-step__item {padding-top:6rem}
}

.edu-curriculum {
    display:inline-flex;
    position:relative;
    flex-wrap:wrap;
    flex-direction:row;
}
.edu-curriculum::before {
    content:"";
    position:absolute;
    top:4.2rem;
    left:0;
    width:98%;
    height:2px;
    background-color:#3460ad;
}
.edu-curriculum__item {
    position:relative; 
    z-index:2;   
}
.edu-curriculum__item + .edu-curriculum__item {margin-left:10rem}
.edu-curriculum__circle {
    position:relative;
    width:8.45rem;
    height:8.45rem;
    border:0.25rem solid #3460ad;
    border-radius:100%;
    overflow:hidden;
    background-color:#fff;
}
.edu-curriculum___box {
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    text-align:center;
    transform:translateY(-50%);
}
.edu-curriculum___title {
    font-size:1.1rem;
    color:#4d4d4d;
    font-weight:500;
    line-height:1;    
}
.edu-curriculum__time {
    font-size:0.9rem;
    color:#4d4d4d;
    margin-top:5px;
    line-height:1;   
}
@media screen and (max-width:656px) {    
    .edu-curriculum__item + .edu-curriculum__item {margin-left:3rem;}
}
@media screen and (max-width:554px) {    
    .edu-curriculum {
        display:flex;
        flex-direction:column;
        width:100%;
        align-items:center;
        justify-self:center;
    }
    .edu-curriculum__item + .edu-curriculum__item {
        margin-left:0;        
    }
    .edu-curriculum::before {
        display:none;
    }
    .edu-curriculum__item::after {
        content:"";
        display:block;
        bottom:0;
        left:0;
        width:2px;
        height:4rem;
        margin:10px auto 0;
        background-color:#3460ad;
    }
    .edu-curriculum__item.last::after {display:none;}

}
/* 라인 추가 */
.content_notice{
    background-color:#fef7d3;
    border: 2px solid #fac376;;
    margin: 15px 0px 0px 10px;
    padding: 15px 10px;
}
/* line_info */
.line_info_bg{position: absolute;bottom: 0;right: 0;}
.line_info_head h2{font-size: 2.25rem;color: #1D976C;word-break: keep-all;}
.line_info_head h3{font-size: 1.4rem;word-break: keep-all;}
.line_info_body{margin-bottom: 14rem;}
.line_info_body li{margin-top: 2rem;}
.line_info_body li:first-child{margin-top: 0;}
.line_info_body li .sub-title::before{top: 2px;}
.line_info_body li .sub-title{font-size: 1.1rem;}
.line_info_body li:nth-child(1) .sub-title{color: #6ab578;margin-top: 2rem;}
.line_info_body li:nth-child(2) .sub-title{color: #1D976C;}
.line_info_body li:nth-child(3) .sub-title{color: #0f6144;}
.line_info_body li:nth-child(4) .sub-title{color: #1D976C;}
.line_info_body li:nth-child(5) .sub-title{color: #6ab578;}
.line_info_body li:nth-child(6) .sub-title{color: #1D976C;}
.line_info_body li:nth-child(7) .sub-title{color: #0f6144;}
.line_info_body li:nth-child(1) .sub-title::before,
.line_info_body li:nth-child(5) .sub-title::before{background: url(../imgs/sub/title_bg_01.png) no-repeat 0 0;background-size: 100% auto;}
.line_info_body li:nth-child(2) .sub-title::before,
.line_info_body li:nth-child(4) .sub-title::before,
.line_info_body li:nth-child(6) .sub-title::before{background: url(../imgs/sub/title_bg_02.png) no-repeat 0 0;background-size: 100% auto;}
.line_info_body .sub-text{word-break: keep-all;padding-left: 4px;margin-top: .8rem;}
.line_info_body li:has(.line_info_sign){text-align: right;margin-top: 3rem;width: 50%;}
.line_info_body .line_info_sign{font-family: 'kdg_Medium';font-size: 1.8rem;padding-left: 14px;}
/* line_info_02 */
.add_edu_wr{}
.add_edu_wr li{display: flex;align-items: center;margin-top: -1rem;}
.add_edu_wr li:first-child{margin-top: .8rem;}
.add_edu{border-radius: 50%;width: 143px;height: 143px;text-align: center;line-height: 1.4;position: relative;display: flex;justify-content: center;align-items: center;}
.add_bg1{background-color: #ddffdb99;}
.add_bg2{background-color: #b7f8bd99;}
.add_bg3{background-color: #91f19199;}
.add_bg2::before{content: '+';position: absolute;top: -.2rem; left:50%; transform: translate(-50%, 0);}
.add_bg3::before{content: '+';position: absolute;top: -.2rem; left:50%; transform: translate(-50%, 0);}
.add_edu_des{padding-left: 1.4rem;width: 50%;}
.mv_wr li{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;margin-top: 1.4rem;}
.mv_wr h3{color: #0f6144;font-size: 1.1rem;min-width: 180px;}
.mv_wr .vision_des{color: #0f6144;font-size: 1.2rem;border: solid 1px #0f6144;border-radius: 4rem;;height: 4rem;max-width: 775px;}
.mv_wr .target_des{background-color: #e6ffe5;border: solid 1px #e6ffe5;border-radius: 4rem;height: 4rem;max-width: 775px;}
.mv_wr .mv_des{text-align: center;flex-basis: 80%;margin: 0 auto;display: flex;justify-content: center;align-items: center;}
.mv_wr .mv_des li{margin-top: 0;}
.mv_wr .str_bg1, .mv_wr .str_bg2{border-radius: 50%;width: 11rem;height: 11rem;text-align: center;line-height: 1.4;position: relative;display: flex;justify-content: center;align-items: center;padding: 0 1.5rem;margin-left: -1.5rem;}
.mv_wr .mv_des li:first-child{margin-left: 0;}
.str_bg1{background-color: #b7f8bd99;}
.str_bg2{background-color: #91f19199;}
.str_bg2::before, .str_bg3::before{content: '+';position: absolute;top: 50%; left:.4rem; transform: translate(0, -50%);color: #000;}
.mv_wr .mv_des:has(.exc_des){gap: 2%;}
.exc_des{border-radius: .8rem; flex-direction: column;overflow: hidden;flex-basis: 30%;}
.exc_num{color: #fff;padding: .6rem 0;width: 100%;text-align: center;}
.mv_des li:has(.exc_num):nth-child(1){border: 1px solid #6ab578;}
.mv_des li:has(.exc_num):nth-child(1) .exc_num{background-color: #6ab578;}
.mv_des li:has(.exc_num):nth-child(2){border: 1px solid #1D976C;}
.mv_des li:has(.exc_num):nth-child(2) .exc_num{background-color: #1D976C;}
.mv_des li:has(.exc_num):nth-child(3){border: 1px solid #0f6144;}
.mv_des li:has(.exc_num):nth-child(3) .exc_num{background-color: #0f6144;}
.mv_des li:has(.exc_num):nth-child(4){border: 1px solid #0f6144;}
.mv_des li:has(.exc_num):nth-child(4) .exc_num{background-color: #0f6144;}
.exc_cont{padding: 1rem;text-align: center;}
.exc_cont h3{color: #4d4d4d;font-size: .9rem; font-family: 'Pretendard-Bold';}
.exc_cont img{max-height: 82px;}
/* line_info_03 */
.line_info_head h4{font-size: .9rem;margin-top: 1rem;word-break: keep-all;line-height: 1.5;color: #4a4a4a;}
.text_center{text-align: center;}
.history_wr{display: flex;justify-content: space-around;margin-top: 3rem;flex-wrap: wrap;}
.history_tit{font-size: 2.2rem;color: #0f6144;flex-basis: 45%;text-align: center;padding-top: 1.4rem;
    background: url(../imgs/sub/line_info/history_tit_bg.png) no-repeat 36% 0;}
.history_list{flex-basis: 55%;}
.history_table{border-left: solid 1px #0f6144;white-space: normal;word-break: keep-all;padding: 1.6rem 0;}
.history_table li:has(.year){font-size: .9rem;padding-left: 1.2rem;margin-bottom: 3.5rem;}
.history_table li:has(.year):last-child{margin-bottom: 0;}
.history_table .year{font-family: "Paperlogy-7Bold";font-size: 1.8rem;color: #0f6144;margin-bottom: .8rem;position: relative;}
.history_table .year span::before{
    content: '';position: absolute;left:-1.2rem;top: 50%;transform: translate(-50%, -50%);
    background-color: #0f6144;border-radius: 50%;width: 10px;height: 10px;
    border: solid 1px #0f6144;
}
.history_table .month li div:first-child {font-size: 1.2rem;color: #0f6144;font-family: "Pretendard-Bold";position: relative;line-height: 1;}
.history_table .month li div:first-child::before{
    content: '';position: absolute;left: -1.2rem;top: 50%;transform: translate(-50%, -50%);
    background-color: #fff;border-radius: 50%;width: 7px;height: 7px;
    border: solid 1px #0f6144;
}
.history_table .month_des{margin-bottom: 1rem;}
.month_des b{color: #0f6144;}
/* line_info_04 */
.line_info_body:has(.chart_img){margin-top: 3rem;display: flex;justify-content: center;}
.chart_img{width: 86%;}
/* line_info_05 */
.subway_2{color:#3ab449}
.bus{color:#0f6144;}

/* system_info */
.sys_tab3_wrap{margin-bottom: 4rem;}
.sys_tab3{
    display: flex;
    justify-content: space-around;
    background-color: #f6fdf7;
}
.sys_tab3 li{
    background-color: #f6fdf7;
    width: 100%;
}
.sys_tab3 li a{
    font-size: 1rem;
    line-height: 1.3;
    padding: .6rem 0;
    color: #797979;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: solid 2px #1D9760;
}
.sys_tab3 li .active{color: #0e4834;background: #fff;border: solid 2px #1D9760;border-bottom: 0;font-family: 'Pretendard-Bold';font-weight: 700;}
.system_info_head h2{font-size: 2.25rem;color: #0f6144;word-break: keep-all;text-align: center;margin-bottom: 1rem;}
.system_info_head h3{font-size: 1.2rem;word-break: keep-all;}
.system_info_body{margin-bottom: 14rem;}
.system_info_body li{margin-top: 2rem;word-break: keep-all;}
/* .system_info_body li:first-child{margin-top: 3rem;} */
.system_info_body li .sub-title::before{top: 0;}
.system_info_body li .sub-title{font-size: 1.1rem;}
.system_info_body li.sub-title{color: #0f6144;}
.system_info_body .sub-text{word-break: keep-all;padding-left: 4px;margin-top: .8rem;}
.system_info_body .ul-type1__item{margin-top: 0;}

.system_info_wrap:has(.trainingFrom_box) h2{text-align: center;font-size: 1rem; font-weight: 500;margin-bottom: 1rem;color: #222;}

.des_table{display: flex;justify-content: space-between;}
.des_table li{flex-basis: 23%;margin-top: .8rem;border-radius: .8rem; overflow: hidden;}
.des_table li:nth-child(1){border: 1px solid #97cc77;margin-top: .8rem;}
.des_table li:nth-child(1) .exc_num{background-color: #97cc77;}
.des_table li:nth-child(1) h3{color:#97cc77;}
.des_table li:nth-child(2){border: 1px solid #6ab578;}
.des_table li:nth-child(2) .exc_num{background-color: #6ab578;}
.des_table li:nth-child(2) h3{color:#6ab578;}
.des_table li:nth-child(3){border: 1px solid #1D976C;}
.des_table li:nth-child(3) .exc_num{background-color: #1D976C;}
.des_table li:nth-child(3) h3{color:#1D976C;}
.des_table li:nth-child(4){border: 1px solid #0f6144;}
.des_table li:nth-child(4) .exc_num{background-color: #0f6144;}
.des_table li:nth-child(4) h3{color:#0f6144;}
/*table*/
.tb_type1 {width: 100%; border-top: 2px solid #666; margin:10px auto 0;max-width: 600px;}
.tb_type1 th, .tb_type1 td {border-bottom:1px solid #ddd; vertical-align:middle;padding: .5rem .3rem;}
.tb_type1 th {background:#f6f6f6; width:30%;font-weight: 400;}
.tb_type2 {width:100%;}
.tb_type2 th {background:#f6f6f6;}
.tb_type2 th, .tb_type2 td{border:1px solid #ddd; padding:5px 8px;}
.tb_type3 {width: 800px; border-top: 2px solid #666; border-bottom: 1px solid #e4e4e4; border-collapse: collapse; margin-top: 25px; color:#000;}
.tb_type3 th {height: 37px; background-color: #fdfdff; color: #666; border-bottom: 1px solid #e4e4e4; text-align: center;}
.tb_type3 td {height: 40px;	border-bottom: 1px solid #dcdcdc; text-align: center;}
.tb_type3 td a{color:#000; padding-left:10px;}

#card_table1{border: 1px solid #1d976c;text-align: center;margin-top: 1rem;border-radius: .8rem;overflow: hidden;background: #f6fdf7;}
#card_table1 th{padding: .4rem;background-color: #1D976C;color: #fff;font-weight: 400;vertical-align: middle;}
#card_table1 td{padding: .4rem;border-right: solid 1px #1d976c;border-bottom: solid 1px #1d976c;vertical-align: middle;}
#card_table1 td:last-child{border-right: 0;text-align: left;}
#card_table1 tr:last-child td{border-bottom: 0;}

#card_table2{border: 1px solid #1d976c;margin-top: 1rem;border-radius: .8rem;overflow: hidden;background: #f6fdf7;}
#card_table2 th{padding: .4rem;background-color: #1D976C;color: #fff;font-weight: 400;text-align: center;}
#card_table2 th:first-child{width: 20%;}
#card_table2 th:nth-child(2){width: 40%;}
#card_table2 td{padding: .4rem;border-right: solid 1px #1d976c;border-bottom: solid 1px #1d976c;vertical-align: middle;}
#card_table2 td:first-child{text-align: center;}
#card_table2 td:last-child{border-right: 0;}
#card_table2 tr:last-child td{border-bottom: 0;}
#card_table2 tr:last-child td br{display:none; padding: 0 2px;}

.course_table_wr .course_table{display: flex;align-items: center;border: solid 1px #1D976C;border-radius: .8rem;overflow: hidden;background: #1D976C;}
.course_table_wr .course_table:nth-child(2n){background: #0f6144;border: solid 1px #0f6144;}
.course_table_wr .course_table li{margin: 0 0;}
.course_table_wr .exc_num{flex-basis: 15%;}
.course_table_wr .step_con{padding: .8rem;background: #f6fdf7;width: 100%;}
.course_table_wr .step_con h3{color: #1D976C;margin-bottom: .5rem;font-size: 1rem;}
.course_table_wr .course_table:nth-child(2n) h3{color: #0f6144;}
/*회원가입>정보입력*/
.join_wrap>dl>dd {background:url(../img/sub/dot_01.png) 0px 3px no-repeat; padding-left:10px;}
.join_wrap .tb_type1 .mdot {background:#f6f6f6 url(../img/common/dot_01.png) 17px center no-repeat;}
.tb_type1 td input, .tb_type1 td select {height:1.5rem; border:1px solid #ddd;  padding-left:.5rem;width: 100%;}
.join_wrap .tb_type1 td #h_addr1 {margin:2px 5px 2px 0;}
.tb_type1 .w30 {width:30px;}
.tb_type1 .w60 {width:30.8%;}
.tb_type1 .w150 {width:150px;}
.mp_submit {margin:1rem auto 0}
.mp_submit a {
    display: block;
    text-align: center;
    max-width: 450px;
    margin: 0 auto;
    background: #1D976C;
    padding: .5rem 0;
    color: #fff;
}

/* 나의강의실 */
.memo ul li:has(.onGuide), .memo ul li:has(.onError){display: flex; align-items: center;}
.onGuide, .onError{color:#fff; border:none; padding: 4px 8px; cursor:pointer;display: flex; align-items: center;gap: 6px;font-size: 0.8rem;line-height: 1;}
.onGuide{background:#e35353;margin-right:10px;}
.onError{background:#20b3c4;}
.onGuide .bi-box-arrow-in-right, .onError .bi-box-arrow-in-right{font-size: 16px;}
.onGuide:hover{background:#fff;color:#e35353;transition: all ease .5s;}
.onError:hover{background:#fff;color:#20b3c4;transition: all ease .5s;}
.resp_onGuide, .resp_onError{display:none!important;}

@media screen and (max-width:1280px) { 
    .line_info_bg{height: 42%;}
    .exc_cont{padding: 1rem 0;}
    .line_info_body li:has(.line_info_sign){width: 30%;}
    .mv_wr .str_bg1, .mv_wr .str_bg2{width: 10rem;height: 10rem;}
    
    .system_info_head h3{text-align: center;}
}
@media screen and (min-width:961px) and (max-width:1024px) { 
    .trb_wrap .img1{width: 100%;margin-top: 0;}
    .add_edu_des{width: 80%;}
    .mv_wr h3{margin-bottom: .5rem;}
    .mv_wr .mv_des{flex-basis: 100%;}
    .mv_wr .vision_des{font-size: 1rem;height: 3rem;}
    .mv_wr .target_des{height: 3rem;}
    .exc_des{flex-basis: 32%;}
    .line_info_head h4 br{display:none;content: ""; padding:0 2px;}

}
@media screen and (max-width:960px) { 
    .trb_wrap .img1{width: 100%;margin-top: 0;}
    .line_info_bg{height: 45%;}
    .add_edu_des{width: 60%;}
    .line_info_bg{right: -20px;}
    .exc_des{flex-basis: 32%;}
    .mv_wr .vision_des{font-size: 1rem;height: 3rem;}
    .mv_wr .target_des{height: 3rem;}
}
@media screen and (max-width:768px) { 
    /* .line_info_bg{height: 40%;opacity: .5;} */
    .mv_wr li{align-content: center;row-gap: 1rem;}
    .mv_wr .mv_des{flex-basis: 100%;}
    .exc_cont img{max-height: 60px;}
    .line_info_head h2{line-height: 1.2;font-size: 2rem;}
    .line_info_head h4{margin-top: 1rem;}
    .line_info_head h4 br{display:none;content: ""; padding:0 2px;}
    .line_info_body:has(.chart_img){margin-bottom: 5rem;}

    .system_info_head{margin-bottom: 3rem;}
    .system_info_head h2{font-size:2rem;text-wrap: balance;line-height: 1.2;}
    .system_info_body li:first-child{margin-top: 0;}
    .des_table li:first-child{margin-top: .8rem;}
}
@media screen and (max-width:600px) { 
    .line_info_bg{height: 35%;opacity: .5;}
    .mv_wr .str_bg1, .mv_wr .str_bg2{width: 9rem;height: 9rem;font-size: 13px;}
    
    .mv_wr .mv_des{flex-wrap: wrap;}
    .mv_des li:has(.exc_num){display: block!important;}
    .exc_cont, .exc_cont h3{font-size: .75rem;}
    .mv_wr h3{min-width:max-content;}
    .tb_type1 .w60{width:30%;}
}
@media screen and (max-width:480px) { 
    .line_info_bg{height: 30%;}
    .line_info_body li:has(.line_info_sign){text-align: left;width: 100%;}
    .sub-text{text-wrap: auto!important;}
    .line_info_body .sub-text br{display: inline-block; content: " ";padding-left: 2px;}
    .add_edu{font-size: .75rem;width: 8rem;height: 8rem;flex-direction: column;}
    .add_edu_des{font-size: .75rem;}
    .mv_wr .mv_des{font-size: .85rem;}
    .mv_des:has(.exc_des){flex-direction: column;align-items: normal;}
    .mv_des:has(.exc_des) li{margin-top: .5rem;}

    .mv_wr li{row-gap: .5rem;}
    .mv_wr .str_bg1, .mv_wr .str_bg2{width: calc(50% - 10px);height: 5.5rem;margin-left: -1rem;padding: 0 1rem;}
    .mv_wr .str_bg3, .mv_wr .str_bg4{width: calc(50% - 10px);}
    .mv_wr .mv_des li:nth-child(2n-1){margin-left: 0;}
    .str_bg2::before, .str_bg3::before{left: .2rem;}
    .mv_wr .mv_des li:nth-child(2n-1)::before{display: none;}
    .mv_wr .mv_des .str_bg3, .mv_wr .mv_des li:nth-child(4){margin-top: -.8rem;}

    .responsive .memo ul li{line-height: 1.5;word-break: keep-all;}
    .responsive .memo p{padding: 0 4px;display: flex;justify-content: space-between;}
    /* .responsive .memo .onGuide, .responsive .memo .onError{font-size: .6rem !important;margin: 0 0!important;flex-basis: 48%;padding: .5rem 0!important;} */
    .responsive .tbl-type1 .td-in-box .t-txt br{display: none;content: "";padding: 0 2px;}

    .crs_tab2 li a{border-bottom: solid 1px #1D9760;font-size: 12px;padding: 10px 0;}
    .crs_tab2 li .active{border: solid 1px #1D9760;border-bottom:0;}
	
	.pc_onGuide{display:none!important;}
	.resp_onGuide, .resp_onError{display:flex!important;}
	.onGuide, .onError{gap: 2px;padding: 2px 4px;}
	.onGuide{margin-right:10px;}
	.onGuide .bi-box-arrow-in-right, .onError .bi-box-arrow-in-right{font-size: .8rem;}

}
@media screen and (max-width:430px) { 
    .line_info_head{margin-bottom: 3.5rem;}
    .line_info_head h2{font-size: 1.3rem;text-align: center;text-wrap: balance;}
    .line_info_head h3{font-size: 1rem;line-height: 1.2;margin-top: .6rem;text-align: center;}
    .line_info_body{margin-bottom: 10rem;}
    .line_info_body li{margin-top: 3rem;}
    .line_info_body li:first-child{margin-top: 0;}
    .line_info_body li .sub-title{font-size: 1rem;line-height: 1.2;padding-left: 0;line-height: 1.3;}
    .line_info_body li .sub-title::before{top: -1rem;}
    .sub-title::before{width: .8rem; height: .8rem;}
    .line_info_body .sub-text{margin-top:.5rem; font-size: .85rem; ;line-height: 1.4;}

    /* 인사말 */
    .line_info_bg{height: 25%;}
    .line_info_body:has(.line_info_sign){margin-bottom: 15rem;}
    .line_info_body .thx br:nth-child(4), .line_info_body .thx br:nth-child(5){display: block;padding: 0 0;}
    .line_info_body li:has(.line_info_sign){text-align: right;width: 100%;margin-top: 0;}
    .line_info_body .line_info_sign{font-size: 1.3rem;padding-left: .5rem;}

    /* 비전 */
    .line_info_body h3.one_J{padding-left: 1.2rem;}
    .line_info_body h3.one_J::before{top: 2px !important;}
    .line_info_body .add_edu_wr ul{margin-top: 1.5rem;}
    .line_info_body .add_edu_wr li{margin-top: -1rem;}
    .add_edu{width: 7.5rem;height: 7.5rem;font-size: .85rem;}
    .add_edu_des{line-height: 1.2;padding-left: .8rem;width: 65%;font-size: .8rem;}
    .add_edu_des br{display: inline-block;content: " ";padding-left: 2px;}
    .line_info_body .mv_wr{margin-top: 1.2rem;}
    .mv_wr .str_bg1, .mv_wr .str_bg2{width: calc(50% - 10px);height: 5.5rem;margin-left: -1rem;padding: 0 1rem;}
    .str_bg2::before, .str_bg3::before{left: .2rem;}
    .mv_wr .str_bg3, .mv_wr .str_bg4{width: calc(50% - 10px);}
    .mv_wr h3{font-size: .9rem;margin-bottom: .5rem;}
    .mv_wr .vision_des, .mv_wr .target_des{font-size:.85rem;height: 2.5rem;}
    .line_info_body .mv_wr li{row-gap: .2rem;margin-top: 2rem;}
    .line_info_body .mv_wr .mv_des li{margin-top:0;}
    .line_info_body .mv_wr .mv_des li:nth-child(n+3){margin-top: -1rem;}
    .line_info_body .mv_wr .mv_des:has(.exc_des) li{margin-top: 1rem;}
    .line_info_body .mv_wr .mv_des:has(.exc_des) li:first-child{margin-top: 0;}
    .exc_num{font-size: .85rem;}
    .exc_cont img{margin-bottom: 6px;max-height: 3rem;}
    .exc_cont h3{margin-bottom: 2px;font-size: .85rem;}

    /* 연혁 */
    .history_tit{font-size: 1.5rem;flex-basis: 30%;background-position-x: 0%;background-size: 50%;background-position-y: 0.1%;}
    .history_list{flex-basis: 60%;}
    .history_table li:has(.year){margin-bottom: 2rem;}
    .history_table .year{font-size: 1rem;background-size: 50%;}
    .history_table .month li div:first-child{font-size: .85rem;margin-bottom: 2px;}
    .history_table .month_des{font-size: .85rem;line-height: 1.4;}

    /* 오시는길 */
    .line_info_body:has(#map) li{margin-top: 2rem;}
    .line_info_body:has(#map) .sub-text br{display: block;padding: 0;}

    /* 훈련제도안내 */
    .sys_tab3_wrap{margin: 0 -10px 3rem;}
    .sys_tab3 li a{word-break: keep-all;line-height: 1.2;font-size: .85rem;border-bottom: solid 1px #1D9760;text-wrap: balance;flex-direction: column;padding: .5rem 4px;}
    .sys_tab3 li a br{display: inline-block;content: " ";padding-left: 2px;}
    .sys_tab3 li .active{border: solid 1px #1D9760;border-bottom: 0;}
    .system_info_head{margin-bottom: 2rem;}
    .system_info_head2{margin-top: 4rem;}
    .system_info_head h2{font-size: 1.3rem;text-align: center;margin-bottom: 0;}
    .system_info_head h3{font-size: 1rem;line-height: 1.4;text-align: center;margin-top: .6rem;}
    .system_info_body{margin-bottom: 10rem;}
    .system_info_body li{margin-top: 3rem;}
    /* .system_info_body li:first-child{margin-top: 0;} */
    .system_info_body li .sub-title{margin-bottom: .5rem;padding-left: 1.2rem;}
    .system_info_body li .sub-title::before{top: 4px;}
    .round-text{font-size: .85rem;border-radius: 3rem;padding: .5rem .8rem;text-wrap: balance;}
    .system_info_body .sub-text{margin-top: .5rem;line-height: 1.3;font-size: .85rem;}
    .system_info_body .sub-text br{display: inline-block;content: " ";padding-left: 2px;}
    .system_info_body li .ul-type1 li:first-child{margin-top: 0;}
    .system_info_body .ul-type1__item{margin-bottom: 4px;line-height: 1.3;}
    .mt20{margin-top: 0;}
    .mt15{margin-top: 0;}

    /* 문의 */
    .system_info_wrap:has(.trainingFrom_box) .system_info_head{margin-bottom: 2rem;}
    .trainingFrom_box{margin-bottom: 10rem;}
    .tb_type1{margin-top: 0;}
    .tb_type1 th{width: 25%;}
    .tb_type1 .w60{width: 29%;}
    .mp_submit a{font-size: .85rem;}

    /* 교육안내 */
    .des_table{row-gap: 6px;flex-wrap: wrap;}
    .des_table li{margin-top: 0;flex-basis: 49%;}
    .des_table li:first-child{margin-top: 0;}
    .des_table .exc_num{ padding: 6px 0;}
    .des_table .exc_cont{padding: 10px 0;}
    #card_table1{margin-top: 0;margin-bottom: .5rem;}
    #card_table1 th:first-child{width: 20%;}
    #card_table1 th:nth-child(2){width: 20%;}
    #card_table1 td, #card_table2 td{word-break: keep-all;padding: 5px;}
    #card_table2 th{word-break: keep-all;padding: 5px;}
    #card_table2 th:first-child{width: 18%;}
    #card_table2 th:nth-child(2){width: 40%;}
    #card_table2 tr:last-child td br{display:block; padding: 0 ;}
    .course_table_wr .step_con h3{font-size: .85rem;}
    .ul-type1__item{font-size: .85rem;}
    .course_table_wr .course_table{flex-direction: column;margin-top: .5rem;}
    .course_table_wr .course_table .exc_num{padding: 6px 0;}
    .course_table_wr .course_table .ul-type1__item:first-child{margin-top: 0;}

    /* 과정소개 */
    .lecture__view .sub-title{font-size: 1rem;padding-left: 1.2rem;}
    .lecture__view .sub-title2{font-size: .85rem;}
    .lecture__view__top__cont .cont__in{padding: 1rem;}

    .tbl-type1 th{font-size: .85rem;}
    .tbl-type1 tr th:first-child{width: 15%;}
    .tbl-type1 tr th:last-child{width: 20%;word-break: keep-all;}
    .tbl-type1 thead ~ tbody tr td{font-size: .85rem;word-break: keep-all;}
    .tbl-type1 tr td:first-child{text-align: center;}
    .tbl-type1 td{padding: 0.5rem;}


    .tab__items{justify-content: space-between;row-gap: .5rem;}
    .faq_wr .tab__link{flex-basis: 48%;margin-right: 0;}
    .faq_header{padding: 12px 8px;}
    .faq_header h3{font-size: 1rem;word-break: keep-all;text-align: left;display: flex;align-items: center;}
    .faq_header i.bi-chat-right-text{font-size:.85rem;margin-right: .5rem;}
    .faq_body{padding: 0 1rem 1.25rem;font-size: .85rem;word-break: keep-all;}

    .crs_tab2 li a{font-size: .85rem;}
}
@media screen and (max-width:360px) { 
    .line_info_body .sub-text{font-size: 12px;}
    .add_edu{width: 90px;height: 90px;}
    .add_edu_des{font-size: 11px;width: 70%;}
    .mv_wr .mv_des li{font-size: 12px;}
    .add_edu{font-size: .75rem;}
    
}
@media screen and (max-width:320px) { 
    .line_info_bg{height: 20%;}
    .history_tit{background-size: 60%;}
}

.badge {
    display:inline-block;
    position:relative;
    padding:0.15rem 0.3rem 0.2rem;
	margin:0.2rem 0;
    border-radius:0.25rem;
    color: #FFF;
    font-family: Pretendard;
    font-size: 0.7rem;
    font-style: normal;
    line-height: normal;
	margin-right: .3rem;
}
.badge + .badge {margin-left:0.5rem;}
.badge--orange {background-color: #F08300;}
.badge--blue {background-color: #1D73CA;}
.badge--olive {background-color:#9AAA00;}
.badge--gray {background-color:#808080;}
.badge--green {background-color:#00BC70;}

.badge--purple {background-color:#8B5CF6;}
.badge--mint {background-color:#14B8A6;}
.badge--skyblue {background-color:#3B82F6;}

.eval-wrap {
    margin-top: 30px;
}

.eval-wrap h3 {
    font-size: 18px;
    margin-bottom: 15px;
}

.eval-box {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.eval-item {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 15px;
    flex: 1 1 200px; 
    max-width: 220px;
    background: #fafafa;
    transition: 0.2s;
}
.eval-item:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.eval-title {
    font-weight: bold;
    margin-bottom: 4px;
}

.eval-weight {
    font-size: 20px;
    color: #007bff;
    margin-bottom: 6px;
	font-weight: 700;
}

.eval-cond {
    font-size: 13px;
    color: #666;
}
@media (max-width: 768px) {
    .eval-box {
        gap: 10px;
    }

    .eval-item {
        flex: 1 1 calc(50% - 10px); /* 2열 */
        max-width: 100%;
    }
}
@media (max-width: 480px) {
    .eval-item {
        flex: 1 1 100%; /* 1열 */
    }

    .eval-wrap h3 {
        font-size: 16px;
    }

    .eval-weight {
        font-size: 18px;
    }
}


.curriculum-wrap {
    margin-top: 40px;
}

.curriculum-table {
    width: 100%;
    border-collapse: collapse;
}

.curriculum-table th,
.curriculum-table td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: left;
}

.curriculum-table th {
    background-color: #f8f8f8;
}
.curriculum-table th:first-child,
.curriculum-table td:first-child {
    width: 60px;
    text-align: center;
    white-space: nowrap;
}

@media (max-width: 480px) {
    .curriculum-table th:first-child,
    .curriculum-table td:first-child {
        width: 50px;
        font-size: 12px;
    }
}
.curriculum-row.hidden {
    display: none;
}

/* 버튼 */
.curriculum-more {
    text-align: center;
    margin-top: 15px;
}

.curriculum-more .btn-more {
    padding: 8px 15px;
    border: 1px solid #ccc;
    background: #fff;
    cursor: pointer;
    border-radius: 5px;
}

.curriculum-more .btn-more:hover {
    background: #f5f5f5;
}
.lecture-detail {
    display: none;
    margin-top: 8px;
    font-size: 13px;
    color: #666;
    line-height: 1.4;
}
.lecture-detail div{font-family: 'Pretendard-Regular';margin-bottom: 8px;}
.lecture-detail div:last-child{margin-bottom:0;}
.lecture-summary{
	display: flex;
    align-items: center;
}
.toggle-detail {
    color: #007bff;
    cursor: pointer;
    margin-left: 10px;
    font-size: 12px;
}


.pay_box{margin-top:25px;border:1px solid #dcdfe6;border-radius:10px;background:#fff;overflow:hidden;}
.pay_box_tit{padding:18px 22px;background:#f7f9fc;border-bottom:1px solid #e5e8ef;}
.pay_box_tit strong{display:block;font-size:18px;color:#222;margin-bottom:5px;}
.pay_box_tit span{display:block;font-size:14px;color:#666;}
.pay_form_box{padding:22px;}
.pay_row{display:flex;align-items:center;margin-bottom:16px;}
.pay_row:last-child{margin-bottom:0;}
.pay_label{width:140px;font-weight:bold;color:#222;font-size:15px;}
.pay_cont{flex:1;}
.pay_method_badge{display:inline-block;padding:8px 16px;background:#eef4ff;color:#1d5fc1;border:1px solid #cfe0ff;border-radius:30px;font-weight:bold;}
.pay_select,
.pay_input{height:42px;width:360px;max-width:100%;border:1px solid #ccd2dc;border-radius:6px;padding:0 12px;font-size:15px;box-sizing:border-box;}
.pay_select:focus,
.pay_input:focus{outline:none;border-color:#2c6ebd;}
.pay_notice{padding:14px 16px;background:#fff8e8;border:1px solid #f1d497;border-radius:6px;color:#7a5200;line-height:1.6;font-size:14px;}
.pay_notice strong{color:#b45f00;}


.pay_summary{display:flex;gap:15px;margin-bottom:20px;}
.pay_summary .box{flex:1;padding:20px;border:1px solid #dcdfe6;border-radius:10px;background:#fff;}
.pay_summary .box strong{display:block;font-size:15px;color:#555;margin-bottom:8px;}
.pay_summary .box span{display:block;font-size:24px;font-weight:bold;color:#222;}
.pay_state{display:inline-block;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:bold;}
.pay_wait{background:#fff4de;color:#9a5a00;border:1px solid #f0cf91;}
.pay_ok{background:#eaf7ee;color:#1f7a3f;border:1px solid #bde2c8;}
.pay_default{background:#f1f1f1;color:#555;border:1px solid #ddd;}
.board__list .subject{text-align:left;}
.board__list .empty{text-align:center;padding:40px 0;color:#777;}
.pay_info_box{margin-bottom:18px;padding:16px 18px;border:1px solid #d9e4f5;background:#f7fbff;border-radius:8px;}
.pay_info_box ul{margin:0;padding:0;list-style:none;}
.pay_info_box li{line-height:1.7;color:#333;}
.pay_info_box i{margin-right:6px;color:#2c6ebd;}

/* prevention */
.mt_br{margin:8px 0;display:block;}
.prevention_act li{margin-top: .5rem;color:#666;}
.prevention_act li b{color:#000;display: block;margin-bottom: 2px;}