.header-main {
    width: 100%;
}

.contact {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 200px;
}

.contact .con-left {
    background: linear-gradient(to right, #258995, #2076c6);
    padding: 10px 30px;
    border-radius: 50px;
    font-weight: 600;
    color: #ffffff;
    font-size: 14px;
}

.contact .con-left span {
    position: relative;
}

.contact .con-left span:nth-child(1)::before {
    font-family: "Font Awesome 6 Free";
    content: '\f095';
    font-weight: 900;
    padding-right: 10px;
}

.contact .con-left span:nth-child(2) {
    padding-left: 6px;
}

.contact .con-left span:nth-child(2)::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 1px;
    transform: translate(0, -50%);
    width: 1px;
    height: 10px;
    background: #fff;

}

.contact .con-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.contact .con-right .info {
    display: flex;
    margin-right: 30px;
    font-size: 14px;
}

.contact .con-right .info a {
    display: inline-block;
    padding-right: 10px;
    font-weight: 600;
    color: #555;
}

.contact .con-right .con-sns a {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: #f6f6f6;
    padding: 12px;
    border-radius: 50px;
    margin-right: 10px;
}

.contact .con-right .con-sns a:last-child {
    margin-right: 0px;
}

.contact .con-right .con-sns a i {
    font-size: 18px;
}

.head-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 200px;
}

.active {
    position: fixed;
    height: 110px;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #ececec;
    z-index: 99;
    transition: 0.5s ease;
    background: #ffffffe0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.active-m {
    position: fixed;
    width: 100%;
    height: 70px;
    top: 0;
    border-bottom: 1px solid #ececec;
    z-index: 99;
    background: #fff;
    transition: all 500ms ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.head-nav .nav {
    display: flex;
    gap: 60px;
}

.head-nav .nav>li {
    font-size: 20px;
    font-weight: 600;
    color: #222;
    position: relative;
    padding: 20px 0;
}

.head-nav .nav>li>a {
    white-space: nowrap;
}

.head-nav .nav>li>ul {
    display: none;
    position: absolute;
    opacity: 0;
    z-index: 5;
    left: 50%;
    top: 60px;
    min-width: 160px;
    transform: translateX(-50%);
    padding: 8px;
    text-align: center;
    border-radius: 16px;
    border: 1px solid #ddd;
    background: #fff;
    transition: top .3s ease;
}


.head-nav .nav>li>ul>li {
    font-size: 16px;
    margin: 10px 0;
}

.head-nav .nav>li>ul>li>a {
    display: block;
    padding: 10px 0;
    border-radius: 5px;
    transition: all .3s ease;
}

.head-nav .nav>li>ul>li:hover>a {
    background: #f3f8f8;
    color: #222;
}


.head-nav .search-bar a:last-child {
    padding-left: 20px;
    padding-right: 0px;
    border-right: none;
}

.head-nav .search-bar i {
    font-size: 22px;
}

@media (max-width:1500px) {
    .head-nav {
        padding: 0 100px;
    }

    .contact {
        padding: 10px 100px;
    }

    .head-nav .nav {
        display: none;
    }
}
@media (max-width:1700px){
    .head-nav .nav{gap: 30px;}
}
@media (max-width:1320px) {
    .head-nav {
        padding: 0;
    }

    .contact {
        padding: 10px 0;
    }

}

@media screen and (max-width: 1024px) {
    .contact {
        display: none;
    }

    .head-nav {
        width: 100% !important;
        background: #ffffffe6;
        padding: 10px 20px;
    }

    .head-nav .nav {
        display: none;
    }

    .head-nav .logo {
        padding: 0px !important;
    }

    .head-nav .search-bar {
        padding-top: 0px;
    }

    .head-nav .search-bar a:last-child {
        padding-left: 0px;
    }

}

/* 모바일 슬라이드 네비게이션 */

.sidebar-overlay {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
    display: none;
}

.sidebar {
    position: fixed;
    background: #fff;
    top: 0;
    right: -100%;
    width: 25%;
    height: 100%;
    padding: 50px;
    z-index: 99999;
    transition: all 0.8s;
    overflow: scroll;
}

.sidebar .side-top {
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
}


.sidebar .side-top .side-logo img {
    width: 60%;
}

.sidebar .side-top i {
    font-size: 24px;
    cursor: pointer;
}

.sidebar .side-nav .down-icon {
    color: #b9b9b9;
}



.sidebar .side-nav-inner {
    /* padding: 16px 0; */
    display: none;
}

.sidebar .mobile-expand {
    padding: 10px 0 10px 8px;
    font-weight: 500;
    font-size: 16px;
    box-sizing: border-box;
    color: #333;
}

.sidebar .sub-mobile {
    display: none;
}


.sidebar .sub-mobile li {
    color: #555;
    padding-left: 16px;
    border-bottom: 1px solid #f1f1f1;
}

.sidebar .sub-mobile li>a {
    display: block;
    line-height: 40px;
    font-size: 14px;
}



.sidebar .side-nav>li>a {
    font-size: 20px;
    font-weight: 600;

    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ececec;
    padding: 15px 0;
}

.side-nav-inner>li>a {
    display: block;
    border-bottom: 1px solid #f5f5f5;
    line-height: 24px;
    font-size: 16px;
    padding: 10px 0 10px 8px;
    font-weight: 500;
    color: #333;
}

.sidebar-btn {
    background: none;
    border: none;
}


.sidebar.on {
    right: 0;
}

.on {
    display: block;
}

.txt-on {
    color: #0e49a1;
    border-bottom: 1px solid #0e49a1;
}

.move {
    transform: rotate(180deg);
}

.sidebar .links {
    display: flex;
    gap: 10px;
    padding: 20px 0;
    font-size: 14px;
    font-weight: 500;
    color: #555;
}

.head-nav .pc_logo {
    display: block;
    width: 90%;
}

.head-nav .m_logo {
    display: none;
    width: 90%;
}

@media screen and (max-width: 1024px) {
    .head-nav .sub-logo .pc_logo {
        display: none;
    }

    .head-nav .pc_logo {
        display: none;
    }

    .head-nav .m_logo {
        display: block;
        width: 60%;
    }

    .sidebar {
        width: 100%;
        padding: 40px;
    }

    .head-nav .search-bar i {
        font-size: 26px;
    }

    .sub-content .sub-side-bar {
        display: none;
    }

    .sidebar .side-close-btn {
        margin-top: 20px;
    }

    .sidebar .side-top i {
        font-size: 28px;
    }

    .sidebar .side-nav>li>a {
        font-size: 16px;
    }

    .sidebar .mobile-expand {
        font-size: 14px;
    }

    .side-nav-inner>li>a {
        font-size: 14px;
    }

    .sidebar .mobile-expand>ul>li>a {
        font-size: 14px;
    }

    .sidebar .sub-mobile li>a {
        font-size: 12px;
    }
}

/*********** SUB COMMON ***********/
.txt-bold {
    font-weight: 800;
}

.change {
    font-family: 'InkLipquid';
    font-size: 40px;
}

.color2 {
    color: #0e49a1;
    font-weight: 700;
}

.sub-section {
    margin: 30px 0;
}

.sub-inner {
    max-width: 1300px;
    margin: 0 auto;
}

.sub-top-img {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 300px;
}

.sub-top-img h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 28px;
    text-align: center;
    font-weight: 500;
    color: #fff;
}

.sub-content {
    margin: 50px 0 100px 0;
    display: flex;
}

.history-content {
    margin: 50px 0 0 0;
}

.sub-content .sub-side-bar {
    width: 21%;
    margin-right: 70px;
}

.sub-content .sub-bar>li {
    padding: 20px;
    border-bottom: 1px solid #ececec;
    font-weight: 600;
    font-size: 18px !important;
}

.sub-content .sub-side-top {
    background: linear-gradient(to right, #258995, #2076c6);
    text-align: center;
    padding: 35px;
}

.sub-content .sub-side-top h2 {
    color: #fff;
    font-weight: 600;
    font-size: 24px;
}

.sub-content .sub-con-main {
    width: 72%;
    overflow: hidden;
}

.sub-content .sub-con-main h3 {
    font-size: 24px;
    font-weight: 700;
    padding: 15px 0;
    border-bottom: 1px solid #ececec;
    display: flex;
    align-items: center;
}

.sub-content .sub-con-main h3::before {
    content: '◆';
    color: #0e49a1;
    padding-right: 10px;
}

.con-qna {
    justify-content: center;
}

.qna-main {
    width: 93% !important;
}

@media screen and (max-width: 1024px) {
    .sub-content {
        margin: 30px 0;
    }

    .sub-section {
        margin: 0px;
    }

    .sub-content .sub-con-main {
        width: 100%;
        padding: 0 20px;
    }

    .slide-br {
        display: none;
    }

    .sub-top-img {
        height: 150px;
    }

    .sub-top-img h1 {
        font-size: 18px;
    }

    .change {
        font-size: 20px;
    }

    .qna-main {
        width: 100% !important;
    }

    .history-content {
        margin: 50px 0 30px 0;
    }
}

/*********** 서브 탑 이미지 ***********/

.sub-01 {
    background: url(../images/sub/sub01-bg.jpg);
    background-position: center;
    object-fit: cover;
}

.sub-02 {
    background: url(../images/sub/sub02-bg.jpg);
    background-position: center;
    object-fit: cover;
}

.sub-03 {
    background: url(../images/sub/sub03-bg.jpg);
    background-position: center;
    object-fit: cover;
}

.sub-04 {
    background: url(../images/sub/sub04-bg.jpg);
    background-position: center;
    object-fit: cover;
}

.sub-05 {
    background: url(../images/sub/sub05-bg.jpg);
    background-position: center;
    object-fit: cover;
}

.sub-06 {
    background: url(../images/sub/sub06-bg.jpg);
    background-position: center;
    object-fit: cover;
}

.sub-07 {
    background: url(../images/sub/sub07-bg.jpg);
    background-position: center;
    object-fit: cover;
}
.sub-08 {
    background:#fff url(../images/sub/sub08-bg.jpg);
    background-position: center;
    object-fit: cover;
	opacity:0.95;
}
/*********** CEO 인사말 ***********/

.sub-content .sub-con-main h1 {
    padding: 20px 0;
    font-size: 24px;
    font-weight: 600;
}

.sub-content .sub-con-main h4 {
    padding-bottom: 5px;
    font-weight: 800;
    font-size: 18px;
}

.sub-content .sub-con-main h5 {
    font-size: 26px;
    margin: 50px 0;
}

.sub-content .sub-con-main p {
    margin-bottom: 20px;
    line-height: 22px;
    font-size: 16px;
}

.sub-content .bottom-img img {
    width: 100%;
}



@media screen and (max-width: 1024px) {

    .bottom-img {
        display: none;
    }

    .sub-content .sub-con-main h1 {
        font-size: 14px;
        padding: 10px 0;
    }

    .sub-content .sub-con-main h3 {
        font-size: 16px;
        padding: 0 0 10px 0;
    }

    .sub-content .sub-con-main p {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: -1px;
    }

    .sub-content .sub-con-main h4 {
        font-size: 12px;
    }

    .sub-content .sub-con-main h5 {
        font-size: 14px;
        margin: 20px 0;
    }

}

/********* 경영철학 ***********/
.sub-content .sub-main-img {
    padding-top: 50px;
    text-align: center;
}

@media screen and (max-width: 1024px) {
    .sub-content .sub-main-img {
        padding-top: 30px;
    }

    .sub-content .sub-main-img img {
        width: 100%;
    }
}

/********* 연혁 ***********/
.sub-content .slide-btn {
    position: relative;
}

.history-main {
    padding-top: 4px !important;
}

.sub-content .slide-btn h1 {
    letter-spacing: -0.05em;
    line-height: 5.5rem;
    color: #222;
    font-weight: 700;
    font-size: 24px;
}

.sub-content .slide-btn .swiper-arrow {
    position: absolute;
    right: 0;
    bottom: 72px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 10rem;
}

.sub-content .history-slide .line {
    display: block;
    width: 100%;
    height: 9px;
    ;
    position: relative;
}

.sub-content .history-slide .line::before {
    content: "";
    position: absolute;
    left: 1px;
    top: 50%;
    width: 100%;
    margin-top: -1px;
    border-top: 1px solid #666;
    opacity: 0.15;
}

.sub-content .history-slide .line::after {
    content: "";
    position: absolute;
    left: 1px;
    top: -2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #0e49a1;
}

.sub-content .history-slide .year {
    display: block;
    margin-top: 1rem;
    color: #0e49a1;
    line-height: 3.6rem;
    font-size: 28px;
    font-weight: 600;
}

.sub-content .history-slide .txt-list span {
    font-size: 18px;
    font-weight: 600;
}

.sub-content .history-slide .txt-list span::before {
    content: "•";
    padding-right: 5px;
}

.sub-content .history-slide .txt-list {
    margin-top: 1.3rem;
}

.sub-content .history-slide .txt-list p {
    padding-left: 22px;
    padding-top: 10px;
    font-size: 14px;
    color: #555;
}

.swiper-button-next,
.swiper-button-prev {
    width: 60px !important;
    height: 60px !important;
    border-radius: 50%;
    border: 1px solid #bbbbbb;
}

.swiper-button-next::after {
    color: #252525 !important;
    font-size: 20px !important;
    font-weight: 600;
}

.swiper-button-prev::after {
    color: #252525 !important;
    font-size: 20px !important;
    font-weight: 600;
}

@media screen and (max-width: 1024px) {
    .sub-content .slide-btn {

        display: flex;
    }


    .sub-content .slide-btn h1 {
        font-size: 14px;
        line-height: 2rem;
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
        margin: 22px;
    }

    .swiper-button-next::after {
        font-size: 16px !important;
    }

    .swiper-button-prev::after {
        font-size: 16px !important;
    }

    .sub-con-top .history-next {
        top: 0;
        left: unset;
        right: 0;
        margin: 0;
    }

    .sub-con-top .history-prev {
        top: 0;
        left: unset;
        right: 48px;
        margin: 0;
    }

    .sub-content .slide-btn .swiper-arrow {
        top: 6px;
        bottom: unset;
        left: unset;
        right: 0;
    }

    .sub-content .history-slide .year {
        font-size: 20px;
        margin-top: 0;
    }

    .sub-content .history-slide .txt-list span {
        font-size: 15px;
    }

    .sub-content .history-slide .txt-list p {
        font-size: 12px;
    }

    .sub-content .history-slide .txt-list {
        margin-top: 0;
    }
}

@media(max-width: 360px) {
    .sub-content .slide-btn {
        flex-direction: column;
    }

    .sub-content .slide-btn .swiper-arrow {
        position: static;
        justify-content: unset;
    }

    .sub-con-top .history-next {
        position: relative;
        left: 48px;
    }

    .sub-con-top .history-prev {
        position: relative;
        left: -40px;
        right: unset;
    }
}

/********* 오시는길 ***********/
.sub-content .sub_map {
    width: 100%;
    margin-top: 50px;
}

.sub-content .sub_map iframe {
    width: 100%;
    display: block;
}

.sub-content .transport {
    display: flex;
    margin-top: 50px;
}

.sub-content .transport strong {
    width: 25%;
    font-size: 24px;
    font-weight: 700;
    color: #252525;
}

.sub-content .transport .txt_list li {
    margin-top: 10px;
    font-size: 16px;
}

.sub-content .transport .txt_list li:nth-child(1) {
    margin-top: 0px;
}

.sub-content .transport .txt_list li:nth-child(2) {
    display: flex;
    align-items: center;
}

.sub-content .transport .txt_list li:nth-child(2) div:first-child .txt {
    margin-right: 10rem;
}

.sub-content .transport .txt_list li em {
    display: inline-block;
    width: 4rem;
    letter-spacing: -0.05em;
    line-height: 2.2rem;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
}

.sub-content .transport .txt_list li .txt {
    display: inline-block;
    letter-spacing: -0.05em;
    line-height: 2rem;
    font-size: 16px;
}

.sub-content .transport .txt_list li .num {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 5px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 40px;
}

.sub-content .transport .txt_list li .purple {
    background: #0dc234;
}

.sub-content .transport .txt_list li .brown {
    background: #bd9a31;
}

@media screen and (max-width: 1024px) {
    .sub-content .sub_map {
        margin-top: 30px;
    }

    .sub-content .transport {
        flex-direction: column;
        margin-top: 30px;
    }

    .sub-content .transport strong {
        width: 100%;
        margin-bottom: 10px;
        font-size: 16px;
    }

    .sub-content .transport .txt_list li:nth-child(2) div:first-child .txt {
        margin-right: 1rem;
    }

    .sub-content .transport .txt_list li em {
        font-size: 14px;
    }

    .sub-content .transport .txt_list li .num {
        font-size: 16px;
        width: 2rem;
        height: 2rem;
        line-height: 32px;
    }
}

/********* 교육과정 ***********/

/* 사이드 메뉴 */

.sub-content .sub-side-nav>li {
    border: none;
}

.sub-content .sub-side-nav .sub-expand {
    display: flex;
    border-bottom: 1px solid #ececec;
    justify-content: space-between;
    padding: 20px;
    font-size: 18px;
    font-weight: 600;
}

.sub-content .sub-side-nav .custom-link {
    display: flex;
    border-bottom: 1px solid #ececec;
    justify-content: space-between;
    padding: 20px;
    font-size: 18px;
    font-weight: 600;
}

.sub-content .sub-side-inner {
    display: none;
}

.sub-content .sub-side-inner li {
    padding: 10px 20px;
    font-size: 15px;
    color: #555;
}

/******* 교육과정 ********/

.edu-con-main {
    width: 70%;
}

.edu-con-main .edu-main-img {
    margin-top: 30px;
    margin-bottom: 50px;
    width: 100%;
    height: 330px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
}

.edu-con-main .edu-main-img .title {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    padding: 25px 0 35px 25px;
    color: #fff;
}


.edu-con-main .edu-main-img .title h2 {
    font-size: 20px;
    font-weight: 600;
}

.edu-con-main .edu-main-img .title p {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding-left: 10px;
    border-left: 3px solid #0e49a1;
}

.sub-content .edu-con-main h3 {
    font-size: 24px;
    font-weight: 700;
    display: flex;
    align-items: center;
    padding: 20px 0;
}

.sub-content .edu-con-main h3::before {
    content: '◆';
    color: #0e49a1;
    padding-right: 10px;
}


/*********** 과정별 이미지 **************/

.lead01 {
    background: url(../images/sub/leader01.png) center center;
}

.lead02 {
    background: url(../images/sub/leader02.png) center center;
}

.lead03 {
    background: url(../images/sub/leader03.png) center center;
}

.lead04 {
    background: url(../images/sub/leader04.png) center center;
}

.lead05 {
    background: url(../images/sub/leader05.png) center center;
}

.lead06 {
    background: url(../images/sub/leader06.png) center center;
}

.lead07 {
    background: url(../images/sub/leader07.png) center center;
}

.job01 {
    background: url(../images/sub/job01.jpg) center center;
}

.job02 {
    background: url(../images/sub/job02.png) center center;
}

.job03 {
    background: url(../images/sub/job03.png) center center;
}

.job04 {
    background: url(../images/sub/job04.png) center center;
}

.job05 {
    background: url(../images/sub/job05.jpg) center center;
}

.job06 {
    background: url(../images/sub/job06.png) center center;
}

.job07 {
    background: url(../images/sub/job07.png) center center;
}

.skill01 {
    background: url(../images/sub/skill01.jpg) center center;
}

.skill02 {
    background: url(../images/sub/skill02.png) center center;
}

.skill03 {
    background: url(../images/sub/skill03.png) center center;
}

.skill04 {
    background: url(../images/sub/skill04.jpg) center center;
}

.skill05 {
    background: url(../images/sub/skill05.jpg) center center;
}

.skill06 {
    background: url(../images/sub/skill06.png) center center;
}

.skill07 {
    background: url(../images/sub/skill07.png) center center;
}

.skill08 {
    background: url(../images/sub/skill08.png) center center;
}

.skill09 {
    background: url(../images/sub/skill09.png) center center;
}

.skill10 {
    background: url(../images/sub/skill10.png) center center;
}

.group01 {
    background: url(../images/sub/group01.png) center center;
}

.group02 {
    background: url(../images/sub/group02.png) center center;
}

.group03 {
    background: url(../images/sub/group03.png) center center;
}

.group04 {
    background: url(../images/sub/group04.png) center center;
}

.group05 {
    background: url(../images/sub/group05.png) center center;
}

.group06 {
    background: url(../images/sub/group06.png) center center;
}

.group07 {
    background: url(../images/sub/group07.png) center center;
}

.group08 {
    background: url(../images/sub/group08.png) center center;
}

.group08 {
    background: url(../images/sub/group08.png) center center;
}

.group09 {
    background: url(../images/sub/group09.jpg) center center;
}

.group10 {
    background: url(../images/sub/group10.png) center center;
}

.group11 {
    background: url(../images/sub/group11.png) center center;
}

.group12 {
    background: url(../images/sub/group12.png) center center;
}

.group13 {
    background: url(../images/sub/group13.jpg) center center;
}

.manage01 {
    background: url(../images/sub/manage01.jpg) center center;
}

.manage02 {
    background: url(../images/sub/manage02.jpg) center center;
}

.manage03 {
    background: url(../images/sub/manage03.jpg) center center;
}

.manage04 {
    background: url(../images/sub/manage04.jpg) center center;
}

.manage05 {
    background: url(../images/sub/manage05.jpg) center center;
}

.newcomer01 {
    background: url(../images/sub/newcomer01.jpg) center center;
}

.newcomer02 {
    background: url(../images/sub/newcomer02.jpg) center center;
}

.newcomer03 {
    background: url(../images/sub/newcomer03.jpg) center center;
}

.newcomer04 {
    background: url(../images/sub/newcomer04.jpg) center center;
}

.newcomer05 {
    background: url(../images/sub/newcomer05.jpg) center center;
}

.newcomer06 {
    background: url(../images/sub/newcomer06.jpg) center center;
}

.newcomer07 {
    background: url(../images/sub/newcomer07.jpg) center center;
}

.newcomer08 {
    background: url(../images/sub/newcomer08.jpg) center center;
}

.newcomer09 {
    background: url(../images/sub/newcomer09.jpg) center center;
}

.newcomer10 {
    background: url(../images/sub/newcomer10.jpg) center center;
}

.newcomer11 {
    background: url(../images/sub/newcomer11.jpg) center center;
}

.newcomer12 {
    background: url(../images/sub/newcomer12.jpg) center center;
}

.newcomer13 {
    background: url(../images/sub/newcomer13.jpg) center center;
}

.newcomer14 {
    background: url(../images/sub/newcomer14.jpg) center center;
}

.newcomer15 {
    background: url(../images/sub/newcomer15.jpg) center center;
}

.newcomer16 {
    background: url(../images/sub/newcomer16.jpg) center center;
}

.newcomer17 {
    background: url(../images/sub/newcomer17.jpg) center center;
}

.newcomer18 {
    background: url(../images/sub/newcomer18.jpg) center center;
}

.newcomer19 {
    background: url(../images/sub/newcomer19.jpg) center center;
}


.newcomer20 {
    background: url(../images/sub/newcomer20.jpg) center center;
}

.newcomer21 {
    background: url(../images/sub/newcomer21.jpg) center center;
}


.newcomer22 {
    background: url(../images/sub/newcomer22.jpg) center center;
}

.newcomer23 {
    background: url(../images/sub/newcomer23.jpg) center center;
}

.newcomer24 {
    background: url(../images/sub/newcomer24.jpg) center center;
}

.newcomer25 {
    background: url(../images/sub/newcomer25.jpg) center center;
}

.customize01 {
    background: url(../images/sub/customize01.jpg) center center;
}

.rejob01 {
    background: url(../images/sub/bg-rejob01.jpg) center center;
}
.rejob02 {
    background: url(../images/sub/bg-rejob02.jpg) center center;
}
.rejob03 {
    background: url(../images/sub/bg-rejob03.jpg) center center;
}

.consult01 {
    background: url(../images/sub/consult01.jpg) 17% center;
}

.venture01 {
    background: url(../images/sub/venture01.jpg) 17% center;
}

.hrd01 {
    background: url(../images/sub/hrd01.png) center center;
}

.hrd02 {
    background: url(../images/sub/hrd02.png) center center;
}

.hrd03 {
    background: url(../images/sub/hrd03.png) center center;
}

.hrd04 {
    background: url(../images/sub/hrd04.png) center center;
}

.hrd05 {
    background: url(../images/sub/hrd05.png) center center;}
.hrd06 {
        background: url(../images/sub/hrd06.png) center center;}
    
/*********** 과정별 이미지 END **************/

.bottom-img {
    margin-top: 20px;
}

.edu-con-main h1 {
    padding: 20px 10px;
    font-size: 20px;
    font-weight: 700;
    border-bottom: 1px solid #ececec;
}


.edu-con-main .edu-box{margin:0 0 20px;}
.edu-con-main .edu-box.last{margin:0;}
.edu-con-main .edu-box h1{border-bottom:0; padding-left:0; padding-right:0; margin:0;}
.edu-con-main .edu-box .edu-table{margin-top:0;}

.edu-con-main .edu-title {
    border-bottom: 1px solid #ececec;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
}

.edu-con-main .edu-title .loc {
    font-size: 16px;
}

.edu-con-main .edu-title .loc strong {
    color: #2c2c2c;
    font-weight: 700;
}

.edu-job-img {
    margin-top: 30px;
    text-align: center;
}

.edu-title-01 {
    margin-bottom: 50px;
}

.edu-title-01 p {
    padding: 20px 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.edu-title-01 span {
    color: #0e49a1;
    padding: 0 10px;
    font-weight: 600;
    font-size: 14px;
}

.edu-sub-box {
    display: flex;
    margin: 10px 0;
    align-items: center;
    gap: 20px;
}

.edu-sub-box:nth-child(2) {
    margin-bottom: 30px;
}

.edu-sub-box:nth-child(3) {
    margin-bottom: 30px;
}

.edu-sub-title h1 {
    margin-bottom: 30px;
}

.edu-sub-title h1::before {
    content: '◆';
    color: #c0c0c0;
    font-size: 18px;
    padding-right: 10px;
}

.edu-sub-title {
    margin: 0px 0;
}

.edu-sub-title span {
    color: #0e49a1;
    padding: 0 10px;
    font-weight: 600;
}

.edu-sub-title h4 {
    background: #ececec;
    font-size: 15px;
    font-weight: 700;
    padding: 25px 28px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    color: #222;

    white-space: nowrap;
}

.edu-sub-title .edu-sub-box:nth-child(3) h4 {
    background: #dae6ff;
}

.edu-sub-title .box-second {
    background: #dae6ff;
}

.edu-sub-title .box {
    margin: 10px 0 !important;
}

.edu-sub-title p {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: #222;
}

.edu-con-main .box {
    margin: 10px;
}

.edu-con-main .box .txt {
    font-size: 14px;
    font-weight: 500;
    color: #222;
}

.edu-con-main .time-box {
    display: inline-block;
    font-size: 14px;
    color: #555;
    padding: 10px 34px;
    font-weight: 600;
    border: 1px solid #d6d6d6;
}

.edu-con-main .pos-box {
    display: inline-block;
    font-size: 14px;
    color: #555;
    padding: 10px 34px;
    font-weight: 600;
    border: 1px solid #d6d6d6;
}

.edu-title-02 ul {
    display: flex;
    align-items: center;
    text-align: center;
    margin-top: 20px;
    gap: 10px;
    justify-content: space-between;
}

.edu-title-02 ul li {
    background: #fff0eb;
    width: 250px;
    height: auto;
    min-height: 100px;
    padding: 20px;
    word-break: keep-all;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    color: #222;
    font-size: 14px;

    word-break: keep-all;
}

.edu-title-02 ul i {
    color: #bbbbbb;
}

.edu-title-02 ul li:nth-child(3) {
    background: #eef5ff;
}

.edu-title-02 ul li:nth-child(7) {
    background: #eef5ff;
}

.edu-title-02 ul li:nth-child(11) {
    background: #eef5ff;
}

.edu-title-02 ul li:nth-child(15) {
    background: #eef5ff;
}


@media screen and (max-width: 1024px) {
    .edu-con-main {
        width: 100%;
        padding: 0 20px;
    }

    .edu-con-main h1 {
        font-size: 16px;
        margin-bottom: 20px;
    }
	.edu-con-main .edu-box{margin:0 0 10px;}
	.edu-con-main .edu-box h1{padding:10px 0;}

    .edu-sub-title {
        margin: 20px 0;
    }

    .edu-title-01 p {
        font-size: 12px;
        line-height: 16px;
        padding: 0 10px 20px 10px;
    }

    .edu-con-main .edu-title {
        flex-direction: column;
        align-items: start;
    }

    .sub-content .edu-con-main h3 {
        text-align: left;
        font-size: 16px;
    }

    .sub-content .loc {
        padding-bottom: 10px;
        font-size: 12px !important;
    }

    .edu-con-main .edu-main-img {
        margin-bottom: 0px;
    }

    .edu-con-main .edu-main-img .title h2 {
        font-size: 16px;
    }

    .edu-con-main .edu-main-img .title {
        padding: 20px;
    }

    .edu-con-main .edu-main-img .title p {
        font-size: 12px;
        line-height: 17px;
        border-left: none;
        padding-left: 0px;
        margin-top: 10px;
    }

    .edu-sub-box {
        align-items: start;
    }

    .edu-sub-box:nth-child(2) {
        margin-bottom: 30px;
        margin-top: 0px;
    }

    .edu-sub-title h4 {
        padding: 12px 10px;
        justify-content: center;
        font-size: 14px;
    }

    .edu-con-main br {
        display: none;
    }



    .edu-title-02 ul li {
        width: 100%;
        font-size: 12px;
        padding: 16px;
    }


    .edu-job-img img {
        width: 100%;
    }

    .edu-table p {
        font-size: 10px !important;
        line-height: 20px;
        color: #555;
    }

    .edu-con-main .box {
        margin: 10px 0;
    }

    .edu-title-01 {
        margin: 30px 0;
    }

    .edu-title-01 span {
        font-size: 12px;
    }

    .edu-con-main .time-box {
        padding: 10px 18px;
        font-size: 12px;
    }

    .edu-con-main .pos-box {
        padding: 10px 18px;
        font-size: 12px;
    }

    .edu-con-main .box .txt {
        font-size: 12px;
    }

    .edu-sub-title p {
        font-size: 12px;
        line-height: 20px;
    }

    .edu-sub-title h1::before {
        font-size: 14px;
    }


}

@media(max-width:480px) {

    .edu-sub-title h4 {
        width: 100%;
    }

    .edu-title-02 ul {
        flex-direction: column;
    }

    .edu-title-02 ul i {
        transform: rotate(90deg);
    }

    .edu-sub-box {
        flex-direction: column;
    }

	.edu-con-main .edu-box h1{font-size:13px; word-break:keep-all;}
}

/* 교육과정 테이블 */

.edu-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 50px;
}

.edu-table th {
    text-align: center;
    font-size: 17px;
    border: 1px solid #dbdbdb;
    width: 20%;
    padding: 18px 10px;
    font-weight: 600;
    background: #f0f0f0;
    word-break: normal;
    color: #222;
}

.edu-table td {
    text-align: center;
    padding: 20px 10px;
    border: 1px solid #dbdbdb;
    font-weight: 500;
    font-size: 16px;
    color: #555;
    line-height: 1.6rem;
    word-break: keep-all;
}

.edu-table td.half{position:relative; border-bottom:1px solid #fff;}
.edu-table td.half:before{content:''; position:absolute; top:50%; left:0; width:100%; height:1px; background:#dbdbdb; }
.edu-table td.bt-line{border-bottom:1px solid #fff;}
.edu-table td.bt-line p{position:relative; top:18px;}
.edu-table td.t-line{border-top:1px solid #fff;}
.edu-table td.t-line p{position:relative; top:-18px;}
.edu-table .tr-gray td{background:#eee; font-weight:bold;}
.edu-table .tr-gray td.td-wt{background:#fff;}
.edu-table td.line{background:#f8fbff;}
.edu-table td .list > li{margin:0 0 5px;}
.edu-table td .list > li:last-child{margin:0;}
.edu-table td .list > li strong{font-weight:600;}

.edu-table td p {
    word-break: keep-all;
}
.edu-table td p b{font-weight: 700;}

.edu-table td img {
    width: 100%;
    display: block;
}

.edu-table .left-txt {
    text-align: left;
}

.edu-table .left-txt p {
    word-break: keep-all;
}
.edu-table .left-txt p span{display:block; padding-left:8px;}
.edu-table p.txt-point{color:#0e49a1;}
.edu-table .content {
    width: 65% !important;
}

/* .sub-flex {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 20px;
} */

@media (max-width: 1024px) {

    .edu-table th,
    .edu-table td {
        width: auto;
        padding: 5px;
        font-size: 10px;
        line-height: 1rem;
    }

    .edu-table>p {
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: normal !important;
        color: #555 !important;
    }

    .edu-table {
        margin-top: 20px;
    }
}

.edu-goal ul {
    padding: 20px 10px;
}

.edu-goal ul li {
    line-height: 26px;
    font-weight: 500;
    font-size: 16px;
    color: #313131;
}

.edu-goal h1 {
    margin-bottom: 0px;
}

.edu-goal h5 {
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px solid #ececec;
    padding-bottom: 10px;
}

.edu-goal h5::before {
    content: '◆';
    color: #c2c2c2;
    margin-right: 10px;
}

.new-table {
    margin-top: 0px;
}

.new-table thead th:nth-child(2) {
    width: 65%;
}

.sub-flex .gro7-goal {
    width: 100%;
}

.box-flex {
    display: flex;
    align-items: center;
    gap: 20px;
}

@media screen and (max-width: 1024px) {
    .edu-goal h5 {
        font-size: 18px;
        font-weight: 600;
        border-bottom: 1px solid #ececec;
        padding-bottom: 10px;
    }

    .box-flex {
        flex-direction: column;
        align-items: start;
        gap: 0px;
    }

    .edu-goal ul li {
        font-size: 12px;
        line-height: 18px;
    }
}

/* g2g 이미지 */
.g2g-img {
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 1024px) {
    .g2g-img img {
        width: 100%;
    }
}


/* John well */
.maxwell {
    display: flex;
    gap: 40px;
    align-items: center;
}

.max-img img {
    width: 100%;
}

.max-intro h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.max-intro p {
    padding: 5px 0;
    font-weight: 500;
    color: #555;
    display: flex;
    align-items: center;
    line-height: 24px;
    font-size: 16px;
}

.max-intro p::before {
    content: '-';
    margin-right: 10px;
}

.edu-title-03 h1 {
    margin: 50px 0 20px 0;
}

.max-two li {
    border: 1px solid #d1d1d1;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.max-two h5 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.max-two p {
    font-size: 15px;
}

.max-third {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    gap: 50px;
}

.max-third i {
    font-size: 40px;
    color: #b3b3b3;
}

.max-third h1 {
    background: #f5f5f5;
    padding: 50px;
    border-radius: 10px;
    border: none;
    font-size: 14px;
    text-align: center;
    color: #222;
    line-height: 20px;
}

@media screen and (max-width: 1024px) {
    .maxwell {
        flex-direction: column;
    }

    .max-third {
        flex-direction: column;
        gap: 10px;
    }

    .max-intro h4 {
        font-size: 17px;
    }

    .max-intro p {
        font-size: 14px;
        line-height: 20px;
    }

    .max-left img {
        width: 100%;
    }

    .max-third i {
        transform: rotate(90deg);
    }

    .max-two h5 {
        font-size: 14px;
    }

    .max-two p {
        font-size: 12px;
    }

    .max-third h1 {
        font-size: 14px;
        padding: 30px;
    }

    .edu-title-03 h1 {
        margin: 30px 0 20px 0;
    }
}

/* 조직활성화 이미지 레이아웃 */

.gro13 {
    display: flex;
}

.gro13 img {
    width: 100%;
}

.group-img {
    padding: 50px 0;

}

.group-img ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
    box-sizing: border-box;
}

.group-img ul li p {
    text-align: center;
    font-weight: 500;
}

.group-img img {
    width: 100%;
}

.group02-img {
    margin-top: 50px;
}

.group02-img ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.group02-img h4 {
    padding: 10px;
    border: 1px solid #9e9e9e;
    text-align: center;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 16px;
}

.group02-img h2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

.group02-img p {
    font-weight: 500;
    padding: 4px 0;
    font-size: 14px;
}

.group02-img img {
    margin-bottom: 5px;
}

.group02-img:last-child img {
    width: auto;
}

.group02-img img {
    width: 100%;
}

.group03-img ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    width: 70%;
}

@media screen and (max-width: 1024px) {
    .group03-img ul {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
        width: 100%;
    }

    .group03-img ul img {
        width: 100%;
    }

    .group-img ul li p {
        font-size: 12px;
    }

    .group02-img ul {
        flex-direction: column;
    }

    .group02-img ul i {
        transform: rotate(90deg);
    }

    .group02-img h4 {
        font-size: 12px;
    }

    .group02-img p {
        font-size: 12px;
    }

    .group02-img h2 {
        font-size: 14px;
    }

    .group02-img:last-child img {
        width: 100%;
    }

    .group-img {
        padding-bottom: 0px;
    }
}

.group04-img ul {
    display: flex;
    width: 70%;
    gap: 10px;
}

.group04-img p {
    text-align: center;
    padding: 10px 0;
    font-weight: 500;
}

@media screen and (max-width: 1024px) {
    .group04-img ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
        text-align: center;
    }

    .group04-img ul img {
        width: 100%;
    }
}

.group09-img ul {
    display: flex;
    align-items: center;
    width: 70%;
    gap: 50px;
}

.group09-img i {
    font-size: 30px;
    color: #d3d3d3;
}

.group09-img p {
    text-align: center;
    padding: 10px 0;
    font-weight: 500;
}

@media screen and (max-width: 1024px) {
    .group09-img ul {
        flex-direction: column;
        width: 100%;
        gap: 30px;
        text-align: center;
    }

    .group09-img i {
        transform: rotate(90deg);
    }

    .gro13 {
        flex-direction: column;
    }
}

.group11-img ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
    width: 40%;
}

.manage04-title {
    font-size: 18px;
    font-weight: 600;
    margin-top: -20px;
}

.manage04-title::before {
    content: '*';
}

.manage04-table {
    width: 30%;
}

.manage04-table th {
    padding: 10px;
}

.manage-con01 {
    border-bottom: 1px solid #d2d2d2;
    padding: 30px 0;
}

.manage-con01:last-child {
    border: none;
}

.manage-con01 h5 {
    font-weight: 700;
    font-size: 16px;
    padding-bottom: 10px;
}

.manage-con01 p {
    padding: 0 10px;
}

.manage-con01 img {
    margin-top: 20px;
}

.sample {
    display: flex;
    align-items: center;
    gap: 100px;
}

.new-title h1::before {
    content: '◆';
    font-size: 18px;
    color: #969696;
    margin-right: 10px;
}

.new-title p {
    padding: 20px 30px;
    font-weight: 500;
    font-size: 18px;
}

.new-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.new-goal {
    width: 55%;
}

.new-img01 {
    margin-top: 20px;
}

@media screen and (max-width: 1024px) {
    .new-img01 img {
        width: 100%;
    }

    .new-flex {
        flex-direction: column;
        gap: 10px;
    }

    .new-img img {
        width: 100%;
    }

    .new-goal {
        width: 100%;
    }

    .new-title h1 {
        margin-bottom: 0px;
    }

    .new-title p {
        padding: 10px 10px 20px 10px;
        font-size: 12px;
    }

    .new10-goal img {
        width: 100%;
    }

    .manage04-title {
        font-size: 12px;
        padding: 10px 0;
        margin-top: 20px;
    }

    .sample {
        flex-direction: column;
        gap: 10px;
    }

    .manage-con01 img {
        width: 100%;
    }

    .manage-con01 img:nth-child(2) {
        width: 50%;
    }

    .manage-con01 p {
        font-size: 12px;
    }
}

/* 교육후기 */
.review-table {
    width: 100%;
    margin-top: 30px;
}

.review-table ul li {
    /* display: flex;
    align-items: center;
    gap: 20px;
    border-bottom: 1px solid #ececec;
    padding: 20px 0; */
}

.review-table ul li a {
    display: flex;
    align-items: center;
    gap: 40px;
    border-bottom: 1px solid #ececec;
    padding: 20px 0;
}

.review-table ul li a:nth-child(1) {
    padding-top: 0px;
}

.review-table .img-td {
    width: 20%;
}

.review-table .img-td img {
    width: 100%;
}

/* 게시판 커스텀 */

.cmt_btn span.total {
    color: #0a246d;
}

.cmt_btn span.total:after {
    display: none;
}

#bo_gall .gall_li .subject {
    font-size: 16px;
    font-weight: 500;
}

#bo_gall .gall_li .view {
    padding: 5px 0;
    font-size: 14px;
    color: #555;
}

#bo_gall .gall_li .date {
    color: #555;
}

#bo_gall .gall_li:first-child a {
    padding-top: 0px;
}

#bo_v_title .bo_v_tit {
    margin: 30px 0 0 0;
}

#bo_v_con {
    font-size: 16px;
}

#bo_gall #gall_ul {
    width: 100%;
    padding-top: 30px;
    margin: 0 auto;
}

#bo_w .btn_cancel {
    font-weight: 500;
}

#bo_w .btn_submit {
    font-weight: 500;
}

.chk_box {
    padding: 10px 0;
    font-size: 14px;
    font-weight: 600;
}


#bo_list tbody .even td {
    text-align: center;
}

.sv_guest {
    word-break: keep-all;
}

#bo_list .td_name {
    text-align: center;
}

#bo_gall .bo_tit {
    line-height: 24px;
}


#bo_list .td_num2 {
    width: 100px;
    display:  none;
}

.bo_tit {
    text-align: left;
    padding-left: 10px;
}

#bo_list {
    font-size: 16px;
}

#bo_list .td_datetime {
    width: unset;
}

#bo_list tbody tr:hover {
    border-left: 2px solid #13436f;
}

#bo_list .cnt_cmt {
    display: none;
}

.gall_text_href .fa-heart {
    display: none;
}

#bo_list .bo_tit .fa-download {
    display: none;
}


@media (max-width:1024px) {
    #bo_list {
        font-size: 12px;
    }

    #bo_list .td_datetime {
        width: 36px;
    }


    #bo_list .td_num2 {
        width: 50px;
    }

    #bo_v_title .bo_v_tit {
        margin: 30px 0 0 0;
        font-size: 16px;
    }

    #bo_v_con {
        font-size: 12px;
    }

    #bo_v_share {
        padding: 8px 0;
    }

    #bo_gall .gall_info {
        display: flex;
        align-items: baseline;
        flex-direction: column;
    }


    #bo_gall .gall_info .gall_date,
    #bo_gall .gall_info .gall_view {
        margin-left: 0;
    }
}



/* 교육생 리뷰 */
.review-main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding-top: 50px;
}

.review-main li {
    list-style: none;
    border: 1px solid #ddd;
    padding: 30px;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);

    display: flex;
    
    flex-direction: column;
}

.review-main li p {
    font-family: 'GangwonEdu_OTFBoldA';
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 8px;
}

.review-main li .util {
    padding-top: 30px;
}

.review-main li span {
    display: block;
    font-weight: 500;
    color: #555;
    font-size: 16px;
}

.review-main li img {
    width: 30%;
    margin-bottom: 10px;
}

/* SLC소식 갤러리 */
.gallery-main {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.gallery-main li {
    border: 1px solid #ddd;
    padding: 10px;
}

.gallery-main p {
    margin: 5px 0;
    font-weight: 600;
}

.gallery-main span {
    color: #a5a5a5;
    font-size: 12px;
}

.gallery-main img {
    width: 100%;
    display: block;
}

#bo_gall .gall_info .gall_date,
#bo_gall .gall_info .gall_view {
    color: #a5a5a5;
}

#bo_list_total {
    font-size: 12px;
}

#bo_gall .bo_sch_wrap h3 {
    font-size: 18px;
}

#bo_gall .bo_sch_wrap h3::before {
    font-size: 18px;
}

@media screen and (max-width: 1024px) {
    .gallery-main {
        margin-top: 30px;
    }

    .review-main {
        grid-template-columns: 1fr;
        padding-top: 30px;
    }

    .review-main li img {
        width: 30%;
        margin-bottom: 10px;
    }

    .review-main li {
        padding: 20px;
    }

    .review-main li p {
        font-size: 16px;
        line-height: 22px;
    }

    .review-main li span {
        font-size: 12px;
    }

    #bo_gall .gall_li .subject {
        font-size: 12px;
    }

    #bo_gall .gall_li .view {
        font-size: 12px;
    }

    #bo_gall .gall_li .date {
        font-size: 12px;
    }

    #bo_gall .gall_li a {
        gap: 10px;
        font-size: 12px;
        line-height: 16px;
    }

    #bo_gall .gall_li .img-td {
        width: 30%;
    }

    #bo_list thead th {
        font-size: 12px;
    }

    #bo_gall #gall_ul {
        width: 100%;
        margin: 10px auto;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    #bo_gall #gall_ul .sv_member {
        font-size: 10px;
    }

    #bo_gall #gall_ul .gall_date {
        font-size: 10px;
    }

    #bo_gall #gall_ul .gall_view {
        font-size: 10px;
    }

    #bo_list .bo_tit {
        font-size: 12px;
    }

}

@media (max-width:480px) {
    #bo_gall #gall_ul {
        grid-template-columns: repeat(1, 1fr);
    }
}


/* 게시판 버튼 수정 */
.pg_current {
    background: #13436f;
    border: 1px solid #13436f;
}

.pg_wrap {
    line-height: 34px;
    margin-top: 36px;
    display: flex;
    justify-content: center;
    clear: unset;
    float: unset;
}

.btn_cke_sc {
    height: 32px;
    font-size: 14px;
}

#bo_w .bo_v_option li label {
    font-size: 16px;
}

#bo_w .bo_w_flie .frm_file {
    font-size: 13px;
}

.more_opt li {
    width: 140px;
    padding: 10px 20px;
}

.more_opt li button,
.more_opt li a {
    font-size: 1.1em;
}

.more_opt li i {
    font-size: 0.9em;
}


/* 게시글 여백 수정 */

#bo_v_atc {
    min-height: unset;
}

#bo_v_con {
    min-height: unset;
}

@media (max-width: 1024px) {
    .bo_v_com {
        margin: 0;
    }

    #bo_v_title .bo_v_tit {
        margin: 10px 0 0 0;
    }

    #bo_v_info .profile_info {
        margin: 10px 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 30px;
    }

    #bo_v_info .profile_info .profile_info_ct {
        float: unset;
    }
}


@media (max-width: 1024px) {}


/* 게시글 다음글 버튼 수정 */
.btn_prv {
    font-size: 14px;
}

.btn_next {
    font-size: 14px;
}

@media (max-width: 1024px) {


    .btn_prv {
        font-size: 12px;
    }

    .btn_next {
        font-size: 12px;
    }

    .bo_v_nb li {
        display: flex;
        align-items: center;
        justify-content: space-between;

    }

    .bo_v_nb li .nb_tit {
        padding-right: 4px;
        width: 70px;
        text-align: left;
    }

    .bo_v_nb li .nb_date {
        width: 60px;
        text-align: right;
    }
}


/* 문의하기 */
.form-wrap {
    width: 100%;
    position: relative;
}

.form-table {
    width: 100%;
    position: relative;
}

table.form-table {
    width: 100%;
}

table.form-table tr {
    width: 100%;
    display: table;
}

table.form-table td {
    border-bottom: 1px solid #E5E5E5;
    background: #FFF;
    padding: 15px;
    display: table-cell;
    width: 85%;
}


table.form-table td.fm_case {
    padding: 30px 0;
}

table.form-table .formmail_title_bgcolor {
    background: #F5F5F5;
    text-align: center;
    display: table-cell;
    width: 15% !important;
    font-size: 16px;
}

table.form-table td input,
table.form-table td textarea {
    width: 100%;
    border: 1px solid #DDD;
    border-radius: 0;
    background: #F9F9F9;
    padding: 5px;
    font-weight: 400;
}

input#privacy_chk {
    width: 15px;
    margin-right: 5px;
}

input[type='file'][name='attachment[]'] {
    border: 0 !important;
    background: 0 !important;
}

.formmail_cell_bgcolor br {
    display: none;
}

input[name='com_formmail_check_safe'] {
    width: 15px !important;
}

.formmail_cell_bgcolor textarea {
    font-size: 14px !important;
    line-height: 1.4;
}

.formmail_cell_bgcolor table td {
    width: 50% !important;
    padding: 5px 0 !important;
    font-size: 16px;
    font-weight: 500;
}

table.form-table tr:last-child td:first-child {
    width: 20%;
}

table.form-table tr td.inputCon {
    width: 90%;
    padding-top: 10px;
    font-size: 18px;
    letter-spacing: normal;
    text-align: left;
    color: #302d2d;
}

table.form-table tr td.inputCon input {
    width: 100%;
    height: 60px;
    padding: 20px;
    border: solid 1px #ccc;
    background-color: #fff;
    box-sizing: border-box;
    font-size: 18px;
    letter-spacing: normal;
    text-align: left;
    color: #666;
}

table.form-table tr td.inputCon.email input {
    width: 25.4%;
}

table.form-table tr td.inputCon input[type="number"] {
    width: 27.8%;
}

table.form-table tr td.inputCon select {
    width: 54.16%;
    height: 60px;
    text-indent: 15px;
    border: solid 1px #ccc;
    background-color: #fff;
    box-sizing: border-box;
    font-size: 18px;
    letter-spacing: normal;
    text-align: left;
    color: #666;
}

table.form-table tr td.inputCon .subject {
    display: flex;
    align-items: center;
    padding: 20px 0;
}

table.form-table tr td.inputCon .subject li {
    display: flex;
    align-items: center;
    padding: 0 10px;
}

table.form-table tr td.inputCon .subject input {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: solid 1px #e6e6e6;
    background-color: #f5f5f5;
}

table.form-table tr td.inputCon .iq_rad {
    margin-left: 5px;
    font-size: 16px;
    line-height: 1;
    text-align: left;
}


.form-btn-wrap {
    padding-top: 50px;
    text-align: center;
}

.mbg.btn-form {
    display: inline-block;
    padding: 16px 0;
    width: 200px;
    margin: 0 auto;
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    background: #333;
    border: none;
    cursor: pointer;
    transition: all 0.5s;
}

.mbg.btn-form:hover {
    color: #FFF;
    background: #0f5fc9;
}


@media (max-width: 1024px) {
    .form-wrap {
        width: 100%;
        position: relative;

    }

    .form-table {
        width: 100%;
        position: relative;
    }

    table.form-table {
        width: 100%;
    }

    table.form-table tr {
        padding: 8px 0;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    table.form-table td {
        border-bottom: 1px solid #E5E5E5;
        background: #FFF;
        padding: 0 0 8px 0;
        display: table-cell;
        width: 100%;
    }


    table.form-table td.fm_case {
        padding: 0 0;
    }


    table.form-table .formmail_title_bgcolor {
        background: #FFF;
        text-align: left;
        display: table-cell;
        width: 100% !important;
        border-bottom: none;
        font-size: 12px;
    }

    table.form-table td input,
    table.form-table td textarea {
        width: 100%;
        border: 1px solid #DDD;
        border-radius: 0;
        background: #F9F9F9;
        padding: 5px;
    }

    input#privacy_chk {
        width: 15px;
        margin-right: 5px;
    }

    input[type='file'][name='attachment[]'] {
        border: 0 !important;
        background: 0 !important;
    }

    .formmail_cell_bgcolor br {
        display: none;
    }

    input[name='com_formmail_check_safe'] {
        width: 15px !important;
    }

    .formmail_cell_bgcolor textarea {
        font-size: 12px !important;

        line-height: 1.4;
    }

    .formmail_cell_bgcolor table td {
        width: 100% !important;
        padding: 2px 0 !important;
        display: block;
        text-align: left;
        font-size: 12px;
    }

    table.form-table tr:last-child td:first-child {
        width: 100%;
    }

    .form-btn-wrap {
        padding-top: 25px;
        text-align: center;
    }

    .mbg.btn-form {
        display: inline-block;
        padding: 8px 0;
        width: 100px;
        margin: 0 auto;
        color: #FFF;
        font-size: 12px;
        font-weight: 500;
        text-align: center;
        background: #333;
        border: none;
    }

    .mbg.btn-form:hover {
        color: #FFF;
        background: #0f5fc9;
    }

    table.form-table tr td.inputCon .iq_rad {
        font-size: 12px;
    }

    table.form-table tr td.inputCon .subject {

        align-items: start;
        gap: 10px;
        padding: 0px;
    }

    table.form-table tr td.inputCon {
        width: 100%;
        padding-top: 0;
    }

    table.form-table tr td.inputCon .subject li {
        padding: 0;
    }
}

@media (max-width:480px) {
    table.form-table tr td.inputCon .subject {
        flex-direction: column;
    }
}

/* 사회적기여 */

#bo_list .bo_tit .fa-heart {
    display: none;
}

.tbl_wrap table {
    border-top: none;
}

.social-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;

    border-top: none;
}

.social-table thead {
    font-size: 17px;
    font-weight: 400;
    color: #000;
    border-bottom: none;
}

.social-table thead th {
    padding: 15px 0;
    border-bottom: none;
    text-align: center;
    font-weight: 600;
}
.social-table thead th:first-child{
    display: none;
}

.social-table tbody td {
    padding: 15px 0;
    text-align: center;
    border-bottom: 1px solid #ececec;
    word-wrap: break-word;
    
}

/* 로그인 회원가입 */
.login-box {
    width: 100%;
    padding: 80px 50px;
    text-align: center;
    background: #ffffff;
    margin: 0 auto;
}

.login-box h3 {
    font-size: 26px;
    font-weight: 600;
}

.login-box p {
    padding: 20px 0;
    font-size: 16px;
}

#login_fs {
    padding: 35px;
}

.login-box .login-wrap {
    display: flex;
    width: 60%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
}

.login-box .login-wrap dl.inner-box {
    padding-top: 30px;
    display: flex;
    width: 80%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    margin-left: -8px;
}

.login-box .login-wrap dl.inner-box dt {
    width: 15%;
    color: #000;
    text-align: left;
    position: relative;
    padding-left: 14px;
}

.login-box .login-wrap dl.inner-box dd {
    width: 85%;
}

.login-box .login-wrap dl.inner-box dt {
    width: 15%;
    color: #000;
    text-align: left;
    position: relative;
    padding-left: 14px;
    font-size: 16px;
}

.login-box .login-wrap dl.inner-box input {
    border: 1px solid #ececec;
}

#mb_login #login_fs .btn_submit {
    background: #000;
    height: 100%;
    margin: 0;
    width: 134px;
    padding: 52px 0;
    margin-top: 30px;
    border-radius: 0;
}

#mb_login #login_fs .btn_submit {
    width: 120px;
    margin: 30px 0 0 10px;
}

.login-box .login-wrap dl.inner-box input {
    padding: 18px;
    border: 0;
    width: 100%;
    margin: 3px;
}

.login-box .login-wrap dl.inner-box input {
    border: 1px solid #ececec;
}

.login-btn {
    width: 120px;
    margin: 30px 0 0 10px;
}

.login-btn {
    background: #000;
    height: 100%;
    margin: 0;
    width: 134px;
    padding: 52px 0;
    margin-top: 30px;
    border-radius: 0;
    color: #fff;
    border: none;
}

.register {
    margin: 0 auto;
    width: 93%;
}

#fregister p {
    position: relative;
    text-align: center;
    color: #fff;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    background: #13436f;
    margin: 0 0 10px;
    border-radius: 5px;
    font-weight: bold;
}

#fregister section {
    margin: 10px auto 15px;
    border: 1px solid #dde7e9;
    position: relative;
    border-radius: 3px;
}

#fregister h2 {
    text-align: left;
    padding: 20px;
    border-bottom: 1px solid #dde7e9;
    font-size: 1.4em;
}

#fregister textarea {
    display: block;
    padding: 20px;
    width: 100%;
    height: 150px;
    background: #fff;
    border: 0;
    line-height: 1.6em;
    font-size: 1.2em;
}

.fregister_agree {
    position: absolute;
    top: 0;
    right: 0;
}

#fregister section {
    margin: 10px auto 15px;
    border: 1px solid #dde7e9;
    position: relative;
    border-radius: 3px;
}

#fregister h2 {
    text-align: left;
    padding: 20px;
    border-bottom: 1px solid #dde7e9;
    font-size: 1.4em;
    font-weight: 500;
}

#fregister_private div {
    padding: 20px;
    background: #fff;
}

#fregister_private table {
    width: 100%;
    border-collapse: collapse;
    font-size: 1em;
}

#fregister_private table caption {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}

#fregister_private table th {
    background: #f7f7f9;
    width: 33.33%;
    color: #000;
    padding: 10px;
    border: 1px solid #d8dbdf;
    font-size: 1.2em;
}

#fregister_private table td {
    border: 1px solid #e7e9ec;
    padding: 10px;
    border-top: 0;
    font-size: 1.1em;
}

.fregister_agree {
    position: absolute;
    top: 0;
    right: 0;
}

#fregister_chkall {
    position: relative;
    text-align: center;
    background: #f5f7fa;
    line-height: 50px;
    border: 1px solid #e5e9f0;
    border-radius: 3px;
    margin-bottom: 15px;
}

.register .btn_confirm {
    text-align: left;
    clear: both;
}

.btn_close {
    border: 1px solid #dcdcdc;
    cursor: pointer;
    border-radius: 3px;
    background: #fff;
}

.register .btn_confirm .btn_submit {
    margin-left: 1%;
}

.register .btn_confirm .btn_submit,
.register .btn_confirm .btn_close {
    float: left;
    height: 50px !important;
    width: 49.5%;
    font-weight: bold;
    font-size: 1.4em;
}

.btn_submit {
    background: #191919;
}

a.btn_close {
    text-align: center;
    line-height: 50px;
}

.btn_submit {
    border: 0;
    background: #13436f;
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 500;
}

@media (max-width: 1024px) {
    .login-box {
        padding: 20px
    }

    .login-box .login-wrap dl.inner-box {
        padding-top: 10px;
        width: 100%;
    }

    .login-box .login-wrap {
        width: 100%;
    }

    .login-btn {
        height: 50px;
        width: 100%;
        padding: 0px;
    }

    .login-box h3 {
        font-size: 18px;
    }

    .login-box .login-wrap dl.inner-box dt {
        width: 100%;
        padding: 5px 0 5px 10px;
    }

    .login-box .login-wrap dl.inner-box dd {
        width: 100%;
    }

    .login-box p {
        font-size: 12px;
    }

    #fregister p {
        font-size: 9px;
    }

    .register {
        margin: 0 auto;
        width: 90%;
    }
}

/* 개인정보처리방침 */

.con-table {
    margin: 0 auto;
    width: 93%;
}

table.tb_privacy {
    width: 100%;
    border-top: 2px solid #003661;
    border-collapse: collapse;
    border-spacing: 0;
}

table.tb_privacy th {
    text-align: center;
    font-size: 16px;
    border: 1px solid #E5E5E5;
    width: 20%;
    padding: 15px;
    color: #555;
    font-weight: 500;
    background: #F5F5F5;
}

table.tb_privacy td {
    text-align: justify;
    padding: 15px;
    border: 1px solid #E5E5E5;
    line-height: 22px;
    font-size: 16px;
}

@media (max-width: 1024px) {
    table.tb_privacy td {
        font-size: 12px;
        line-height: 18px;
    }

    table.tb_privacy th {
        font-size: 12px;
    }

    table.tb_privacy td p {
        line-height: 20px;
        font-size: 12px;
    }
}

/* footer */
.footer {
    background: #252525;
    color: #fff;
}

.footer .section-inner {
    max-width: 1500px;
    margin: 0 auto;
    padding: 50px 0;
    display: flex;
    justify-content: space-between;
}

.footer .logo-area .ft-logo {
    margin-bottom: 20px;
    width: 220px;
}

.footer .logo-area .ft-logo img {
    width: 100%;
}

.footer .logo-area p {
    padding-left: 20px;
    margin-bottom: 5px;
    color: #bdbdbd;
    font-size: 16px;
}

.footer .logo-area p:last-child {
    margin-top: 20px;
    color: #888888;
}

.footer .site-sns {
    margin: 50px 0 20px 0;
    float: right;
}

.footer .site-sns a {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #858585;
    padding: 10px;
    border-radius: 50px;
    margin-right: 10px;
}

.footer .site-sns a:last-child {
    margin-right: 0px;
}

.footer .site-sns a i {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    opacity: 0.5;
}

.footer .site-txt {
    clear: both;
    font-size: 15px;
}

@media screen and (max-width: 1024px) {
    .footer .section-inner {
        padding: 50px 20px;
        flex-direction: column-reverse;
    }

    .footer .site-sns {
        float: none;
        margin: 0px 0 20px 0;
    }

    .footer .links {
        margin-bottom: 30px;
    }

    .footer .site-txt {
        font-size: 12px;
    }

    .footer .logo-area .ft-logo {
        display: none;
    }

    .footer .logo-area p {
        font-size: 12px;
        padding-left: 0px;
    }
}

/* top 버튼 */

.to_top {
    position: fixed;
    z-index: 999;
    bottom: 50px;
    right: 50px;

    opacity: 0;
    visibility: hidden;

    transition: 0.1s;
}

.to_top.on {
    opacity: 1;
    visibility: visible;

    transition: 0.5s;
}

.to_top button {
    border: none;
    background: transparent;
}

.to_top button {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    color: #fff;
    background: #0a246d;
}

.to_top button img {
    max-width: 24px;
}

.aside {
    width: 100px;
    display: flex;
    align-items: center;
    position: fixed;
    right: 28px;
   bottom: 0%;
    transform: translateY(-50%);
    text-align: center;
    transition-duration: 0.5s;
    z-index: 995;
    flex-direction: column;
}

.aside .logo {
    height: auto;
    background: #0a246d;
    padding: 13px 0;
}

.aside .logo img{
    width: 70%;
}


.aside-item {
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f4f4f4;
    font-size: 0.8rem;
    width: 100%;
    border-bottom: 1px solid #ccc;
}
.aside-item:last-child{border: none;}


.aside-item a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    height: 100%;

}



.aside-item p {
    margin-top: 0;
    margin-bottom: 0;
}

.aside-item .icon {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.aside img {
    width: 100%;
}



@media(max-width:1024px) {
    .to_top {
        right: 20px;
        bottom: 6%;
    }

    .to_top button {
        height: 32px;
        width: 32px;
        padding: 0;
    }

    .to_top button img {
        max-width: 16px;
    }

    .aside{
        right: -3%;
        bottom: -2%;
    }
    .aside-item a{
        gap: 0.1rem;
    }
    .aside img {
        width: 80%;}

        .aside-item{
            height: 75px;
            width: 60%;
        }
        .aside-item p{
            font-size: 11px;
        }
        .aside .logo{
            width: 60%;
        }

}




/* gpt_ai 추가 250328 */
.gpt_main {
    background: url(../images/sub/gpt_main_bg.jpg)no-repeat center center/cover;
}

.gpt_01 {
    background: url(../images/sub/gpt_01_bg.jpg)no-repeat center center/cover;
}

.gpt_02 {
    background: url(../images/sub/gpt_02_bg.jpg)no-repeat center center/cover;
}

.gpt_03 {
    background: url(../images/sub/gpt_03_bg.jpg)no-repeat center center/cover;
}

.gpt_table {}

.gpt_table thead th {
    width: auto;
}

/* .gpt_table .content {
    width: 80% !important;
} */

.gpt_table tbody td:nth-child(2),
.gpt_table tbody td.content{
    text-align: left;
}
.gpt_table tbody td:nth-child(2) strong{font-weight: 600; color: #0e49a1;}
.gpt_table tbody td.content:nth-child(2) strong,
.gpt_table tbody td.content strong{
    font-weight: 600;
	color:inherit !important;
}

.gpt_table tbody td:nth-child(2) p {
    font-size: 14px;
}

.gpt_ai_main_sec .itm01 {
    margin: 100px 0 80px 0;
}

.gpt_ai_main_sec .itm01 .img_box {
    text-align: center;
}

.gpt_ai_main_sec .itm01 img {
    max-width: 90%;
}

.gpt_ai_main_sec .itm02 {
    margin: 0 0 80px 0;
}

.gpt_ai_main_sec .itm02 .tit_btn {
    position: relative;
}

.gpt_ai_main_sec .itm02 h3 {
    margin: 0 0 40px 0;
}

.gpt_ai_main_sec .itm02 .itm_box>.img_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    border: 1px solid #ddd;
    padding: 16px;
    border-radius: 16px;
}

.gpt_main_itm02_slide {
    position: relative;
}

.gpt_main_itm02_slide::before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.05);
    height: 1px;
}

.gpt_ai_main_sec .itm02 .txt_box {
    position: relative;
}

.gpt_ai_main_sec .itm02 .txt_box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 1px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    z-index: 9;
    background: #0a246d;
}

.gpt_ai_main_sec .itm02 .txt_box>ul {
    padding: 20px 0 0 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
}

.gpt_ai_main_sec .itm02 .txt_box>ul>li {
    font-size: 20px;
    font-weight: 700;
}

.gpt_ai_main_sec .itm02 .txt_box>ul>ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
}

.gpt_ai_main_sec .itm02 .txt_box>ul>ul>li {
    font-size: 16px;
    line-height: 16px;
    font-weight: 300;
    color: #444;
}



.gpt_ai_main_sec .itm03 h3 {
    margin: 0 0 24px 0;
}

.gpt_ai_main_sec .itm03 .itm_box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.gpt_ai_main_sec .itm03 .itm_box strong {
    display: block;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    margin: 0 0 16px 0;
}

.gpt_ai_main_sec .itm03 .itm_box p {
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    color: #0a246d;
    margin: 0 0 16px 0;
}

.gpt_ai_main_sec .itm03 .itm_box>.img_box {
    border: 1px solid rgba(0, 0, 0, 0.05);
    padding: 16px 24px;
}

.gpt_ai_main_sec .itm03 .txt_box>ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}

.gpt_ai_main_sec .itm03 .txt_box>ul>li {
    font-size: 16px;
    line-height: 16px;
}

.gpt_ai_main_sec .itm03 .txt_box>ul>li>ul {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 8px 0 0 0;
}

.gpt_ai_main_sec .itm03 .txt_box>ul>li>ul>li {
    font-size: 14px;
    line-height: 14px;
    color: #444;
    font-weight: 300;
}

.gpt-prev {
    right: 80px !important;
    left: unset !important;
}

.br_480 {
    display: none;
}

@media (max-width: 1024px) {
	.rejob .edu-table td br,
    .edu-con-main .gpt_table br {
        display: block;
    }

    .gpt_ai_main_sec br {
        display: block !important;
    }
}

@media (max-width: 768px) {
    .gpt_ai_main_sec .itm03 .itm_box {
        grid-template-columns: repeat(1, 1fr);
    }

    .gpt_ai_main_sec .itm02 .txt_box>ul>li {
        font-size: 16px;
        line-height: 16px;
    }

    .gpt_ai_main_sec .itm02 .txt_box>ul>ul>li {
        font-size: 14px;
        line-height: 14px;
    }

    .gpt_ai_main_sec .itm03 .itm_box strong {
        font-size: 16px;
        line-height: 22px;
    }

}

@media (max-width: 480px) {
    .br_480 {
        display: block;
    }

    .gpt_ai_main_sec .itm01 {
        margin: 60px 0;
    }

    .gpt_ai_main_sec .itm01 img {
        max-width: 100%;
    }

    .gpt_ai_main_sec .itm03 .itm_box strong {
        font-size: 14px;
        line-height: 20px;
    }

    .gpt_ai_main_sec .itm03 .txt_box>ul>li {
        font-size: 14px;
        line-height: 14px;
    }

    .gpt_ai_main_sec .itm03 .txt_box>ul>li>ul>li {
        font-size: 12px;
        line-height: 12px;
    }

    .gpt-prev {
        right: 60px !important;
    }

    .gpt-next,
    .gpt-prev {
        margin: 22px 0;
    }

    .gpt_table tbody td:nth-child(2) p {
        font-size: 8px !important;
        line-height: 10px;
    }
}

.anchorScroll02 ul{display: flex; gap:10px;}
.anchorScroll02 ul li{background:#eef4fb; border:1px dashed #d7dde5; box-sizing:border-box; width:calc((100% / 4) - 7px); height:95px; border-radius:10px; transition:all 0.3s ease;}
.anchorScroll02 ul li a { padding:24px 15px; width:100%; height:100%; display:flex; justify-content: center; align-items: center; color:#222; text-decoration: none; text-align:Center; box-sizing:border-box; font-size:17px; font-weight:500; line-height:1.3em; word-break:keep-all; font-weight:700;}



/* gpt_ai 추가 250328 */


/* 진단 및 컨설팅 */
.consult-tit{text-align:center; margin-bottom:40px;}
.consult-tit > h2{display:block; font-size:30px; font-weight:800; color:#222; line-height:1.2em; word-break:keep-all; margin:16px 0 10px; }
.consult-tit > span{position:relative; display:inline-block; padding:1px 5px; font-size:15px; font-weight:700; color:#0e49a1; line-height:1.2em; word-break:keep-all; /* background:#eef2fb; box-sizing:border-box; border-radius:50px; border:1px solid #e1e6f5;*/}
.consult-tit > span:before{content:''; position:absolute; left:0; bottom:-4px; width:100%; height:2px; background:#0e49a1;}
.consult-tit > p{display:block; font-size:15px; font-weight:500; color:#666; line-height:1.2em; word-break:keep-all;}
.anchorScroll { }
.anchorScroll ul{display: flex; flex-wrap: wrap; gap:10px;}
.anchorScroll ul li{background:#eef4fb; border:1px dashed #d7dde5; box-sizing:border-box; width:calc((100% / 3) - 7px); width:-webkit-calc((100% / 3) - 7px); height:95px; border-radius:10px; transition:all 0.3s ease;}
.anchorScroll ul li a { padding:24px 15px; width:100%; height:100%; display:flex; justify-content: center; align-items: center; color:#222; text-decoration: none; text-align:Center; box-sizing:border-box; font-size:17px; font-weight:500; line-height:1.3em; word-break:keep-all; font-weight:700;}
.anchorScroll ul li:hover{background:linear-gradient(to right, #258995, #2076c6); border:transparent;}
.anchorScroll ul li:hover a{color:#fff;}
.anchorScroll a.on { font-weight: bold; text-decoration: underline; }
.consult-info{display:flex; flex-wrap: wrap; gap:7px; justify-content: center; align-items: center; margin-top:30px; border:2px solid #0e49a1; box-sizing:border-box; padding:15px; border-radius:5px; text-align:center;}
.consult-info > i{display:inline-block; width:18px; height:18px;}
.consult-info > span{font-size:16px; font-weight:600; color:#0e49a1; line-height:1.2em; word-break:keep-all;}
.consulting .edu-table th,
.consulting .edu-table td{padding:12px;}
article { padding: 50px 0 0  ; }
.consult-table{margin-top:40px;}
.consulting .consult-table h3{display:block; font-size:18px; font-weight:bold; color:#222; line-height:1em; word-break:keep-all;}
.consult-table .edu-table{margin-top:10px;}
.consulting .edu-con-main h1{padding:0 0 20px;}
.box-consult{position:relativem; margin:0 0 40px;}
.box-consult:last-child{margin:0;}
.box-consult .img{margin:0 0 40px}
.box-consult .img img{width:100%;}
.consulting .edu-title-01{margin-bottom:30px;}
.consulting .box-consult > h3{display:block; margin:0 0 20px; font-size:20px;}
.consulting .box-consult > h3 i {display:inline-block; margin-left:5px; font-style:normal; font-weight:500; color:#25489f; font-size:15px;}
.consulting .sub-content .edu-con-main h3::before{position:relative; top:-3px; font-size:10px; padding-right:6px;}
.consult-list{padding:20px 15px; border:1px solid #eee; box-sizing:border-box; border-radius:10px;}
.consult-list > li{display:flex; justify-content: space-between;  align-items: center; gap:9px; padding:15px 6px; border-bottom:1px dashed #e9e9e9; box-sizing:border-box;}
.consult-list > li:first-child{padding-top:0;}
.consult-list > li:last-child{border-bottom:none; padding-bottom:0;}
.consult-list > li .txt{display:flex; gap:9px; width:calc(100% - 190px); width:-webkit-calc(100% - 190px);}
.consult-list > li i{display:flex; justify-content: center; align-items: center; width:25px; height:25px;background: #eaf3f9; border: 1px solid #d3dfe7; border-radius: 4px; box-sizing: border-box; font-style: normal; font-size: 12px; font-weight: 800; color: #25489f;}
.consult-list > li em{position:relative; top:2px; display:inline-block; width:calc(100% - 35px); font-size:16px; font-weight:600; color:#333; line-height:1.2em; word-break:keep-all; font-style:normal;}
.consult-list > li .list-score{display:flex; gap:12px; width:180px;}
.consult-list > li .list-score div{display:flex; gap:5px; font-size:14px; font-weight:500; color:#444;}
.consult-list > li .list-score div input[type="radio"]{position:relative; top:2px; width:13px; height:13px; cursor:pointer;}


#result{margin-top:10px;width:100%;background:#f9f9f9;border:1px solid #eee;box-sizing:border-box;border-radius:5px;padding: 15px 20px;display: flex; align-items: center; justify-content: space-between;font-size:17px; font-weight:600;}
#result h4{font-size:18px; font-weight:700; color:#222;}
#result input{position:relative; top:-1px; border: none; text-align: center; background-color: transparent; border:none; font-size: 18px; font-weight: 800; text-align:right; color:#0e49a1;}
.consulting .consulting_btn{ display: inline-block;
    padding: 16px 0;
    width: 200px;
    margin: 0 auto;
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    background: #333;
    border: none;
    cursor: pointer;
    transition: all 0.5s;
}

.consulting .consulting_btn:hover {
    color: #FFF;
    background: #0f5fc9;
}
.result-list{}
.result-list > li{margin-bottom:15px; border:1px solid #e9e9e9; box-sizing:border-box; border-radius:8px; overflow:hidden;}
.result-list > li:last-child{margin:0;}
.result-list > li > .title{padding:13px 20px; background:#283b59; font-size:16px; box-sizing:border-box; color:#fff;}
.result-list > li > .title h4{display:block; font-weight:600; font-size:17px;}
.result-list > li > .cont{padding:15px 20px; box-sizing:border-box;}
.result-list > li > .cont p{display:block; font-size:16px; font-weight:400; color:#555; line-height:1.7em; word-break:keep-all;}
.result-list > li > .cont p:last-child{margin:0;}

.box-btn{margin:40px auto 0; text-align:center;}
.btn-call{display:flex; justify-content: center; align-items: center; margin:0 auto; width:240px; height:54px; border-radius:50px; background:linear-gradient(to right, #258995, #2076c6); border-radius:50px; transition:color 0.3s ease;}
.btn-call > span{position:relative; padding-left:22px; font-size:17px; font-weight:600; color:#fff;}
.btn-call > span:before{content:''; position:absolute; top:2px; left:0; width:16px; height:16px; background:url(../images/sub/ic-call.svg)no-repeat center; background-size:contain;}
.btn-call:hover{background:#0e49a1; box-shadow: 5px 5px 15px rgb(221 231 255);}

@media (max-width: 1200px) {
	.anchorScroll ul{flex-wrap: wrap;}
	.anchorScroll ul li{width:calc((100% / 3) - 7px); width:-webkit-calc((100% / 3) - 7px); height:70px;}
	.anchorScroll ul li a{padding:20px;}
}
@media (max-width: 1024px) {
	.consult-tit{margin:30px 0;}
	.anchorScroll ul li a{font-size:15px;}
	.consulting .edu-con-main h1{font-size:20px;}

	
}

@media (max-width: 768px) {
	.sub-08{background-position: 70% 58%;}

    .anchorScroll02 ul{flex-direction: row;}
.anchorScroll02 ul li{}
.anchorScroll02 ul li a { padding:24px 15px; width:100%; height:100%; display:flex; justify-content: center; align-items: center; color:#222; text-decoration: none; text-align:Center; box-sizing:border-box; font-size:12px; font-weight:500; line-height:1.3em; word-break:keep-all; font-weight:700;}



}
@media (max-width: 650px) {
	.consult01 {
    background: url(../images/sub/consult01.jpg) 60% center;
	}

	.consult-tit{margin:20px 0 15px;}
	.consult-tit > span{font-size:11px;}
	.consult-tit > h2{margin:10px 0 5px; font-size:17px; padding:1px 1px;}
	.consult-tit > span:before{bottom:-4px;}
	.consult-tit > p{font-size:12px; width:80%; margin:0 auto;}
	.anchorScroll ul{gap:6px;}
	.anchorScroll ul li{width:calc((100% / 3) - 4px); width:-webkit-calc((100% / 3) - 4px); height:65px; border-radius:5px;}
	.anchorScroll ul li a{padding:10px; font-size:12px;}
	.consult-info{margin-top:20px; padding:8px 12px; gap:5px; border-width:1px;}
	.consult-info > i{width:14px; height:14px;}
	.consult-info > span{font-size:12px;}
	article{padding:30px 0 0;}
	.consult-table{margin-top:20px;}
	.consulting .edu-title-01{margin:0 0 15px;}
	.consulting .edu-con-main h1{margin:0; padding:0 0 10px;}
	.box-consult .img{margin:0 0 20px;}
	.box-consult{margin:0 0 20px;}
	
	.consulting .box-consult > h3{margin:0 0 10px;}
	.consulting .edu-con-main h1{font-size:16px;}
	.consulting .consult-table h3{font-size:15px;}
	
	.consulting .box-consult > h3{margin:0 0 10px; font-size:16px;}
	.consulting .box-consult > h3 i{font-size:12px; margin-left:2px;}
	.consult-list{padding:12px 10px; border-radius:5px;}
	.consult-list > li{padding:12px 0px; gap:7px;}
	.consult-list > li i{font-size:9px; width:18px; height:18px; line-height:18px;}
	.consult-list > li em{font-size:12px;}
	.result-list > li{border-radius:5px; margin-bottom:8px;}
	.result-list > li > .title{padding:10px;}
	.result-list > li > .title h4{font-size:12px;}
	.result-list > li > .cont{padding:10px;}
	.result-list > li > .cont p{font-size:12px; line-height:1.6em;}

	.consult-list > li{flex-direction: column; align-items: flex-start;}
	.consult-list > li .txt{width:100%; gap:7px;}
	.consult-list > li .list-score{gap:10px; width:100%; margin-top:5px; background:#f5f5f5; justify-content: center; padding:5px; box-sizing:border-box; border-radius:2px;}
	.consult-list > li .list-score div{font-size:11px; gap:3px;}
	.consult-list > li .list-score div input[type="radio"]{top:1px; width:11px; height:11px;}

	#result{padding:10px; font-size:14px;}
	#result h4{font-size:15px;}
	#result input{width:50px; font-size:15px;}

	.consulting .edu-table th, .consulting .edu-table td{padding:5px;}
}

@media (max-width: 430px) {
	.consulting .box-consult > h3 i{display:block; margin:3px 0 0 15px;}
}