@font-face {
    font-family: 'Pretendard Variable';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-style: normal;
}


:root {
    --main-color: #302d90;
    --sub1-color: #22213a;
    --sub2-color: #71a6ff;
    --sub3-color: #005596;
    --sub4-color: #090754;
    --sub5-color: #4b74b9;
}
.f-3b86bc{
    color:#3b86bc
}
.f-main-color {
    color: var(--main-color);
}

.f-sub1-color {
    color: var(--sub1-color);
}

.f-sub2-color {
    color: var(--sub2-color);
}

.f-sub3-color {
    color: var(--sub3-color);
}

.f-sub4-color {
    color: var(--sub4-color);
}

.f-sub5-color {
    color: var(--sub5-color);
}

.bg-main-color {
    background-color: var(--main-color);
}

.bg-sub1-color {
    background-color: var(--sub1-color);
}

.bg-sub2-color {
    background-color: var(--sub2-color);
}

.bg-sub3-color {
    background-color: var(--sub3-color);
}

.bg-sub4-color {
    background-color: var(--sub4-color);
}

.bg-sub5-color {
    background-color: var(--sub5-color);
}
.bg-orange{
    background-color: #e49950;
}
.f-gray-80 {    
    color: #808080;
}

.bg-80B6C4{
    background-color: #80B6C4;
}

.bg-sect-gray {
    background-color: #f6f6f6;
}

.f-black3{
    color:#333;
}

.f-2a557a{
    color:#2a557a;
}

main {
    margin-top: 4.5vw;
}

.d_con img {
    display: block;
    margin-bottom: 10px;
    max-width: 100%;
    height: auto !important;
}


/* 라디오 버튼 크기 및 스타일 커스텀 */
input[type="radio"] {
    appearance: none; /* 기본 스타일 제거 */
    -webkit-appearance: none;
    width: 12px;
    height: 22px;
    border: 1px solid #ddd; /* 테두리 색상 옅게 */
    border-radius: 50%; /* 동그라미 모양 */
    margin: 0;
    cursor: pointer;
    position: relative;
}

/* 체크됐을 때 내부 동그라미 스타일 */
input[type="radio"]:checked {
    border-color: #302d90; /* 체크됐을 때 테두리 색상 */
}

input[type="radio"]:checked::after {
    content: '';
    width: 10px; /* 내부 동그라미 크기 */
    height: 10px; /* 내부 동그라미 크기 */
    background: #302d90; /* 내부 동그라미 색상 */
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/******* search 검색 & 검색결과 페이지 *************/
.search_sect1 {
    padding-top: 7.5vw;
    padding-bottom: 10vw;
}

.search_container {
    height: 2.5vw;
}

.search_container .input_search {
    padding: 10px !important;
}

.search_result_total {
    border-bottom: 1px solid black;
}

.result_num {
    width: 10%;
}

.search_result_item {
    border-bottom: 1px solid #d7d7d7;
}

.search_pagination {
    margin-top: 3.2vw;
}

.search_sect1 .search_item_title * {
    font-size: 20px !important;
    font-family: 'Pretendard', sans-serif !important;
    color: #3b3b3b !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/******* login 로그인페이지 **********/

.login_sect {
    height: fit-content;
    width: 100%;
    margin: 10vw auto;
}

.login_sect .login_wrap {
    width: 600px;
    height: fit-content;
}


.login_sect .login_input_box {
    height: 55px;
    margin-bottom: 10px;
    border: 1px solid #d7d7d7;
    box-sizing: border-box;
}

.login_sect .login_input_box::placeholder {
    color: #969696;
}

.login_sect .remember_me {
    display: flex;
    align-items: center;
}

.checkbox_container {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.checkbox_container input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 7px;
    height: 22px;
    border: 1.9px solid #d7d7d7;
    margin-right: 2px;
    position: relative;
    transition: background-color 0.3s, border-color 0.3s;
}

.checkbox_container input[type="checkbox"]:checked {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.checkbox_container input[type="checkbox"]:checked::before {
    content: "\2713";
    font-size: 11px;
    color: white;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.login_sect .login_button_wrap {
    height: 130px;
}


.login_sect .login_btn {
    height: 60px;
    border: none;
    transition: all 0.3s ease;
}

.login_sect .login_btn:hover {
    background-color: white;
    color: var(--main-color);
    border: 1px solid var(--main-color);
}

.login_sect .register_btn {
    height: 60px;
    transition: all 0.3s ease;
    border: 1px solid #d7d7d7;
}

.login_sect .register_btn:hover {
    background-color: white;
    color: var(--main-color);
    border: 1px solid var(--main-color);
}


/* find_pw 비밀번호찾기페이지 */
.find_pw_popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.find_pw_popup_wrap {
    padding: 2vw 1vw;
    width: 35%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.find_pw_popup_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px;
}


.find_pw_close_btn {
    position: absolute;
    margin-left: 32%;
}

.find_pw_popup_content {
    height: 11vw;
    background: #f6f6f6;
    border: 1px solid #d7d7d7;
    margin-bottom: 1.2vw;
    line-height: 35px;
}


.find_pw_confirm_btn {
    height: 3vw;
    transition: all 0.3s ease;
    border: 1px solid var(--main-color);
}

.find_pw_confirm_btn:hover {
    background-color: white;
    color: var(--main-color);
    border: 1px solid var(--main-color);
}

/* register 회원가입  */

.register_sect {
    padding-top: 12vw;
    padding-bottom: 10vw;
}

.register_table {
    border-collapse: collapse;
    width: 100%;
}

hr.black_line {
    border: none;
    height: 1px;
    background-color: #222222;
    /* margin: 20px 0; */
}

.register_table tr {
    height: 5vw;
}

.register_table th {
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;

    width: 29%;
    color: #3b3b3b;
    background-color: #f6f6f6;

}

.register_table th.required::after {
    content: "*";
    color: #db0000;
    margin-left: 2px;
    font-size: 1.2em;
}

.register_table td {
    padding: 0 1vw;
    border-bottom: 1px solid #d7d7d7;
}

.register_input {
    width: 100%;
    height: 3vw;
    border: 1px solid #d7d7d7;
    box-sizing: border-box;
}

.register_input:focus, select:focus {
    outline: none;
    border-color: var(--main-color);
}

.duplBtn {
    width: 10%;
    border-radius: 5px;
    border: 1px solid #f6f6f6;
    height: 3vw;
}

/* 커스텀 select  */
.custom-select-wrapper {
    position: relative;
    user-select: none;
    width: 100%;
}

.custom-select {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid #d7d7d7;
}

.custom-select__trigger {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #3b3b3b;
    height: 3vw;
    line-height: 0px;
    background: #ffffff;
    cursor: pointer;
    padding: 0 0.5vw;
}

.custom-options {
    width: 100.1%;
    position: absolute;
    display: block;
    top: 100%;
    left: -1px;
    right: 0;
    border: 1px solid #d7d7d7;
    border-top: 0;
    background: #fff;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 2;
}

.custom-select.open .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.custom-option {
    position: relative;
    display: block;
    padding: 0 0.5vw;
    line-height: 57px;
    cursor: pointer;
    transition: all 0.5s;
}

.custom-option:hover {
    cursor: pointer;
    background-color: #f6f6f6;
}

.custom-option.selected {
    color: #ffffff;
    background-color: var(--main-color)
}

.arrow {
    transition: transform 0.3s ease;
}

.open .arrow {
    transform: rotate(180deg);
}

.submit_btn {
    /*width: 10vw;*/
    /*height: 3vw;*/
    padding: 1vw 2.2vw;
}


/* sub0_2 Release Highlights페이지 */
.sub0_2_left_menu {
    background: #ebebeb;
    width: 28%;
    border-right: 2px solid var(--sub5-color);
}

.sub0_2_left_menu .sub0_2_left_title {
    background-color: var(--sub5-color);
    padding: 1vw 0;
}

.sub0_2_left_menu .sub0_2_left_list {
    min-width: 316px;
    padding: 1vw;
}

.sub0_2_left_list ul > * {
    padding-bottom: 0.5vw;
}

.sub0_2_left_list ul li:hover {
    color: var(--sub2-color);
}

.sub0_2_left_list ul li.on {
    color: var(--sub2-color);
}


.sub0_2_right_menu {
    margin-left: 1.5vw;
    width: 73%;
    padding-bottom: 7.3vw;
}

.sub0_2_title {
    padding-top: 1.4vw;
    padding-bottom: 1.4vw;
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 2vw;
}

.sub0_2_right_content {
    padding-bottom: 5.3vw;
}

.sub0_2_right_menu hr {
    border: none;
    height: 1px;
    background-color: #d7d7d7;
    margin-bottom: 2vw;
}

.sub0_2_caption {
}


/* 서브 내브 sub_top공통 */
.sub_top_image {
    height: 25.2vw;
}

.sub_top_nav {
    background-color: var(--sub4-color);
}

.sub_nav {
    height: 71px;
    background-color: var(--sub4-color);
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.sub_home_icon {
    width: 3.2vw;
    border-left: 1px solid white;
    border-right: 1px solid white;
}

.sub_home_icon img {
    width: 1.2vw;
}

.sub_sect_title {
    margin-bottom: 1vw;
}

.sub_sect_title p {
    color: #3b3b3b;
}


.sub_nav_dropdown_menu {
    display: none;
    position: absolute;
    top: 175%;
    left: -2vw;
    min-width: 10vw;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 9999;
}

.sub_nav_dropdown_item {
    /* color: white; */
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
}

.sub_nav_dropdown_menu.show {
    display: block;
}

.sub_nav_dropdown_item:hover {
    color: var(--main-color);
    font-weight: bold;
}


/*.sub_nav>div {*/
/*  position: relative;*/
/*}*/


/* contact표  form */
.contact_form {
    border-top: 2px solid black;
    width: 100%;
    margin: 0 auto;
}

.contact_table {
    width: 100%;
    border-collapse: collapse;
}


.contact_table th,
.contact_table td {
    padding: 0.8vw;
    border-bottom: 1px solid #ddd;
}

.contact_table th {
    width: 20%;
    text-align: center;
    background-color: #f8f8f8;
}

.contact_table th.required::after {
    content: "*";
    color: red;
    margin-left: 5px;
}

.contact_input {
    width: 30%;
    padding: 0.7vw;
    border: 1px solid #ddd;
}

textarea.contact_input {
    width: 100%;
    height: 12vw;
}


/* sub2_1_1 정기교육안내  */
.sub2_1_1_sect1 {
    padding-top: 3.5vw;
    padding-bottom: 3vw;
}

.sub2_1_1_sect1_left,
.sub2_1_1_sect1_right {
 width: 48%;
    border: 2px solid #3b86bc;
}

.sub2_1_1_sect1_left {
    /*height: 31.2vw;*/
    /*margin-right: 2.5vw;*/
}

.sub2_1_1_sect1_left > p:first-child, .sub2_1_1_sect1_right > p:first-child {
    border-bottom: 1px solid #3b86bc;
}

.sub2_1_1_sect1_left > div,
.sub2_1_1_sect1_right > div {
    padding: 1vw;
}
.sub2_1_1_sect1_p{
    background-color: #3b86bc;
    color:white;
}
.sub2_1_1_sect2_content div .circle {
width:180px;
    height:180px;
    z-index: 9;
}


.sub2_1_1_sect2_content div .circle img {
    /*margin-bottom: 1vw;*/
    width:100%;
}

.sub2_1_1_sect2_line {
    transform: translate(-50%, 450%) !important;
    /*margin-top: 5vw;*/
    z-index: 0;
}

.sub2_1_1_sect2_last_p {
    line-height: calc(100% - -11px)
}

/* sub2_1_2 정기교육신청  */
.sub2_1_2_sect1 {
    padding-top: 3.5vw;
    padding-bottom: 4.5vw;
}

.sub2_1_2_search_box {
    margin-bottom: 0.4vw;
}

.sub2_1_2_search_box input:first-child {
    width: 10vw;
    border-radius: 5px;
    padding: 0.3vw 0.7vw;
    border: 1px solid #d7d7d7;
    margin-right: 0.6vw;
}

.sub2_1_2_search_box input:last-child {
    width: 3.1vw;
    border-radius: 5px;
    height: 100%;
    border: 1px solid #222222;
}

.sub2_1_2_regular_edu_table {
    border-collapse: collapse;
}

.sub2_1_2_regular_edu_table td {
    border-left: none;
    border-right: none;
}


.sub2_1_2_regular_edu_table th {
    border-top: 2px solid var(--sub1-color);
    border-bottom: 1px solid var(--sub1-color);
    padding: 0.7vw;
    text-align: center;
}

.sub2_1_2_regular_edu_table td {
    border-bottom: 1px solid #ddd;
    padding: 0.9vw;
    text-align: center;
}

.sub2_1_2_regular_edu_table th {
    font-weight: bold;
}

.sub2_1_2_regular_edu_table tr:hover :not(.sub2_1_2_regular_edu_table th) .regular_edu_table_title {
    font-weight: bolder;
}

.sub2_1_2_regular_edu_pagination {
    margin-top: 3.2vw;
}

.regular_edu_table_title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: block;
}


/* sub2_1_2_d 정기교육신청 상세페이지 */
.sub2_1_2_d_sect1 {
    padding-top: 5vw;
    padding-bottom: 8vw;
}

.sub2_1_2_d_sect1_title {
    border-top: 2px solid var(--sub1-color);
    border-bottom: 1px solid var(--sub1-color);
    padding: 1.3vw 1.3vw;
}
.sub2_1_2_d_sect1_content_nav{
    margin-top:3.5vw;
    margin-bottom:1.3vw;
    border-bottom: 1px solid #71a6ff;
}

.sub2_1_2_d_sect1_content {
    padding: 1vw;
}
.sub2_1_2_d_sect1_content *{
    line-height: 20px !important;
    padding: 2px !important;
/*font-family: 'Pretendard',sans-serif !important;*/
/*font-size:15.5px !important;*/

}

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


.sub2_1_2_d_sect1_content_text {
    padding: 1.3vw 1.3vw;
}

.sub2_1_2_d_pagination {
    margin-top: 1.5vw;
}

.sub2_1_2_d_pagination input {
    padding: 0.3vw 0.8vw;
    border-radius: 5px;
    border: none;
    border: 1px solid #222222;
}

.sub2_1_2_d_sect1 hr {
    height: 1px;
    background-color: #d7d7d7;
    border: none;
    margin: 0;
}

.sub2_1_2_d_regular_edu_contact > p {
}

.multiline-input {
    width: 100%;
    height: 100px;
    resize: vertical;
    overflow-y: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.write_btn {
    padding: 0.3vw;
}

.region-select-dropdown {
    width: 30%;
    padding: 0.7vw;
    border: 1px solid #ddd;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px;
}

.region-select-dropdown::-ms-expand {
    display: none;
}


/* sub2_1_3 연간교육일정표 확인  */
.sub2_1_3_sect1 {
    padding-top: 5vw;
    padding-bottom: 8vw;
}

.sub2_1_3_sect1_download_btn {
    padding: 1vw 1.5vw;
}


/* sub2_1_4 증빙서류 및 유의사항  */

.sub2_1_4_sect1 {
    padding-top: 3.5vw;
    padding-bottom: 2.5vw;
}

.sub2_1_4_sect1_download_wrap {
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    padding-top: 1vw;
    padding-bottom: 1vw;
}

.sub2_1_4_sect2 {
    padding-bottom: 4vw;
}

.sub2_1_4_sect2_border_box {
    border: 1px solid #d7d7d7;
}

.sub2_1_4_sect2_text {
    line-height: 25px;
}

/* sub2_2 온라인교육 신청 페이지 */
.sub2_2_sect1 {
    padding-top: 3.5vw;
    padding-bottom: 2vw;
}

.sub2_2_sect2 {
    background-image: url(../images/sub2_2_sect2_bg.png);
    height: 652px;
}

.sub2_2_sect2 div p {
    /*line-height: 2.2vw;*/
}

.sub2_2_sect2 .sub2_2_sect2_btns {
    width: 320px;
}

.sub2_2_sect2_btns div {
    width: 100%;
    height: 64px;
    border-radius: 10px;
}

.sub2_2_sect3_content {
    margin-bottom: 0.3vw;
}

.sub2_2_sect3_content img {
    width: fit-content;
    max-width: 100%;
}

.sub2_2_sect3_content_title {
    padding: 1vw 1.5vw;
}

.sub2_2_sect3_content_text {
    margin-top: 0.2vw;
    border: 1px solid #80B6C4;
    padding: 1.5vw;
    line-height: 25px;
}
.sub2_2_sect3_content_text *{
    /*font-family: 'Pretendard', sans-serif !important;*/
    /*font-weight: 350 !important;*/
    /*font-size: 18px !important;*/
}

/* sub2_3 교육자료 다운로드 페이지 */
.sub2_3_sect1 {
    padding-top: 3.5vw;
    padding-bottom: 3.5vw;
}


.sub2_3_search_box {
    margin-bottom: 1vw;
}

.sub2_3_search_box input:first-child {
    width: 10vw;
    border-radius: 5px;
    padding: 0.3vw 0.7vw;
    border: 1px solid #d7d7d7;
    margin-right: 0.6vw;
}

.sub2_3_search_box input:last-child {
    width: 3.1vw;
    border-radius: 5px;
    border: 1px solid #222222;
    height: 100%;
}

.sub2_3_edu_docs_table {
    border-collapse: collapse;
}

.sub2_3_edu_docs_table td {
    border-left: none;
    border-right: none;
}


.sub2_3_edu_docs_table th {
    border-top: 2px solid var(--sub1-color);
    border-bottom: 1px solid var(--sub1-color);
    padding: 0.7vw;
    text-align: center;
}

.sub2_3_edu_docs_table td {
    border-bottom: 1px solid #ddd;
    padding: 0.7vw;
    text-align: center;
}

.sub2_3_edu_docs_table th {
    font-weight: bold;
}

.sub2_3_edu_docs_table tr:hover :not(.sub2_3_edu_docs_table th) .edu_docs_title {
    font-weight: bolder;
}

.sub2_3_edu_docs_pagination {
    margin-top: 3.2vw;
}

.edu_docs_title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: block;
}

.fix_box {
    padding: 0.3vw;
    border-radius: 0.2vw;
}

.fix_tr {
    background-color: #f6f9fe
}

/* sub2_3_d 교육자료 다운로드 상세 페이지 */
.sub2_3_d_sect1 {
    padding-top: 5vw;
    padding-bottom: 8vw;
}

.sub2_3_d_sect1_title {
    border-top: 2px solid var(--sub1-color);
    border-bottom: 1px solid var(--sub1-color);
    padding: 1.3vw 1.3vw;
}

.sub2_3_d_sect1_content {
    padding: 1.3vw 1.3vw;
}

.sub2_3_d_pagination {
    margin-top: 1.5vw;
}

.sub2_3_d_pagination input {
    padding: 0.3vw 0.8vw;
    border-radius: 5px;
    border: none;
    border: 1px solid #222222;
}

.sub2_3_d_sect1 hr {
    height: 1px;
    background-color: #d7d7d7;
    border: none;
    margin: 0;
}

.sub2_3_d_content_list p {
    padding: 1vw 1.5vw;
}

.sub2_3_d_content_list ul li {
    padding: 1vw 1.7vw;
}

.mini_download_btn {
    width: 5.5vw
}

.first_download_file p {
    margin-right: 1vw;
}

.second_download_file p {
    margin-right: 1vw;
}

/* sub2_4 판매서적페이지 */

.sub2_4_sect1 {
    padding-top: 3.5vw;
    padding-bottom: 3.5vw;
    padding-right: 4.3vw;
}

.sub2_4_sect1_book1 p:nth-child(2),
.sub2_4_sect1_book2 p:nth-child(2){
    line-height: 25px;
}
.sub2_4_sect1_book1 p:nth-child(3),
.sub2_4_sect1_book2 p:nth-child(3){
    line-height: 25px;
}

.sub2_4_sect1_book1 p:last-child,
.sub2_4_sect1_book2 p:last-child{
    line-height:25px;
}

.sub2_4_sect1_books img {
    width: 20vw;
    height: 15vw;
    /*height: 22vw;*/
}


.sub2_4_sect2_tab_container {
    margin: 0 auto;
}

.sub2_4_sect2_tab_buttons {
    display: flex;
    border-bottom: 1px solid #d7d7d7;
}

.sub2_4_sect2_tab_buttons .tab_button {
    background-color: transparent;
    padding: 0.8vw 1.2vw;
    border: 1px solid #d7d7d7;
    border-left: none;
    border-bottom: none;
    cursor: pointer;
}

.sub2_4_sect2_tab_buttons .tab_button:first-child {
    border-left: 1px solid #d7d7d7;
}

.tab_button.active {
    border: 1px solid #3b86bc;
    background-color:#3b86bc;
    color: white;
    border-bottom: 1px solid #3b86bc;
}

.sub2_4_sect2_tab_contents .tab_content {
    line-height: 25px;
    display: none;
    margin-bottom: 2vw;
}

.sub2_4_sect2_tab_contents .tab_content.active {
    display: block;
}

.sub2_4_sect2_tab_list li {
    line-height: 25px;
}

.sub2_4_sect2_tab_info {
    line-height:25px;
}


.sub2_4_sect2_tab_contents hr {
    height: 0;
    border: 1px solid #d7d7d7;
}

.go_btn {
    width: fit-content;
    padding-left: 10px;
    padding-right: 10px;
}


/* sub3_1 컨퍼런스페이지 */

.sub3_1_sect1 {
   padding: 3vw 0;
    background-image: url('../images/sub3_1_sect1_bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.sub3_1_sect1 div p:nth-child(2) {
    margin-bottom: 2vw;
}

.sub3_1_sect1 div p:nth-child(2) span {
    border-bottom: 0.2vw solid white;

}

.sub3_1_sect1 div p:last-child {
    /*line-height: 25px;*/
    text-shadow: -1px 0px rgb(0, 0, 0),
    0px 1px rgb(0, 0, 0),
    1px 0px rgb(0, 0, 0),
    0px -1px rgb(0, 0, 0);
}


.sub3_1_sect2 {
    padding-top: 3.5vw;
    padding-bottom: 3vw;
}

.sub3_1_sect2_dropDown {
    margin-top: 1vw;
    /*width: 10vw;*/
    position: relative;
}

.sub3_1_sect2_dropDown .dropdown_header {
width: 208px;
    padding: 10px;
    cursor: pointer;
    border: 1px solid #ccc;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sub3_1_sect2_dropDown .dropdown_list {
    position: absolute;
    left: 0;
    width: 100%;
    border-top: none;
    display: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
    z-index: 1000;
}

.sub3_1_sect2_dropDown .dropdown_list li {
    padding: 0.5vw;
    cursor: pointer;
    background-color: white;
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;;
}

.sub3_1_sect2_dropDown .dropdown_list li:hover {
    background-color: #f0f0f0;
}


.sub3_1_sect3_1 a {
    background: #d8533c;
    height: 7vw;
}

.sub3_1_sect2_text *,
.sub3_1_sect3 *,
.sub3_1_sect4 *,
.sub3_1_sect5 * {
    /*font-family: 'Pretendard', sans-serif !important;*/
}


/* sub3_1_d  컨퍼런스상세페이지 */

.sub3_1_d_sect2 div > p:first-child {
    padding-bottom: 2vw;
}

.sub3_1_d_sect2_content {
    border-radius: 1vw;
    background: #f6f6f6;
    padding: 3.1vw 8vw;
    position: relative;
}

.sub3_1_d_sect2_line {
    position: absolute;
    top: 9vw !important;
    left: 33.4vw;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.sub3_1_d_cir {
    background-color: white;
    width: 10vw;
    height: 10vw;
    z-index: 2;
    border: 0.7vw solid;
}

.sub3_1_d_cir.circle1 {
    border-color: #7950a0;
}

.sub3_1_d_cir.circle2 {
    border-color: #da5949;
}

.sub3_1_d_cir.circle3 {
    border-color: #42a4bf;
}

.sub3_1_d_cir img {
    width: 3.5vw;
    margin-bottom: 0.9vw;
}

.sub3_1_d_cir.circle1 img {
    margin-left: 0.9vw;
}

.sub3_1_d_cir.circle2 img {
    width: 3vw;
}


.sub3_1_d_cir.circle3 img {
    margin-left: 0.9vw;
}

.sub3_1_d_sect2_desc {
    line-height: 25px;
}


/* sub3_2 세미나페이지 */
.sub3_2_sect1 {
    padding-top: 3.5vw;
    padding-bottom: 3vw;
}


.sub3_2_search_box {
    margin-bottom: 1vw;
}

.sub3_2_search_box input:first-child {
    width: 10vw;
    border-radius: 5px;
    padding: 0.3vw 0.7vw;
    border: 1px solid #d7d7d7;
    margin-right: 0.6vw;
}

.sub3_2_search_box input:last-child {
    width: 3.1vw;
    border-radius: 5px;
    border: 1px solid #222222;
    height: 100%;
}

.sub3_2_semina_table {
    border-collapse: collapse;
}

.sub3_2_semina_table td {
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #ddd;
    padding: 0.5vw;
    text-align: center;
}


.sub3_2_semina_table th {
    border-top: 2px solid var(--sub1-color);
    border-bottom: 1px solid var(--sub1-color);
    padding: 0.7vw;
    text-align: center;
}

.sub3_2_semina_table th {
    font-weight: bold;
}

.sub3_2_semina_table tr:hover :not(.sub3_2_semina_table th, .write_btn ,.write_btn a) {
    background-color: #f5f5f5;
}

.sub3_2_semina_pagination {
    margin-top: 3.2vw;
}

.semina_table_title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: block;
}


/* sub3_2_d 세미나 상세페이지 */
.sub3_2_d_sect1 {
    padding-top: 5vw;
    padding-bottom: 8vw;
}

.sub3_2_d_sect1_title {
    border-top: 2px solid var(--sub1-color);
    border-bottom: 1px solid var(--sub1-color);
    padding: 1.3vw 1.3vw;
}

.sub3_2_d_sect1_title > p:first-child {
    width: 80%;
}

.sub3_2_d_sect1_title > p:nth-child(2) {
    width: 13%;
    padding-left: 3%;
}

.sub3_2_d_sect1_content {
    padding: 1.3vw ;
    color: #808080;
}

.sub3_2_d_sect1_content > table{
    width: 100%!important;
}


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

.sub3_2_d_sect1_content_text {
    padding: 1.3vw 1.3vw;
}

.sub3_2_d_pagination {
    margin-top: 1.5vw;
}

.sub3_2_d_pagination input {
    padding: 0.3vw 0.8vw;
    border-radius: 5px;
    border: 1px solid #222222;
}

.sub3_2_d_sect1 hr {
    height: 1px;
    background-color: #d7d7d7;
    border: none;
    margin: 0;
}

.multiline-input {
    width: 100%;
    height: 100px;
    resize: vertical;
    overflow-y: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.write_btn {
    padding: 0.3vw;
}

/* sub3_3 현장스케치페이지 */
.sub3_3_sect1 {
    padding-top: 3.5vw;
    padding-bottom: 2.5vw;
}

.sub3_3_sect1_dropDown {
    width: 100px;
    position: relative;
}

.sub3_3_sect1_dropDown .dropdown_header {
        width: 100px;
        padding: 6px 12px;
    cursor: pointer;
    border: 1px solid #ccc;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
}

.sub3_3_sect1_dropDown .dropdown_header .xi-angle-down-min {
    color: #999;
}


.sub3_3_sect1_dropDown .dropdown_list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 124px;
    border: 1px solid #ccc;
    border-top: none;
    display: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
    z-index: 1000;
    background-color: #fff;
}

.sub3_3_sect1_dropDown .dropdown_list li {
    padding: 0.4vw 0.5vw;
    cursor: pointer;
    background-color: white;
    border-left: 0.1vw solid #d7d7d7;
    border-right: 0.1vw solid #d7d7d7;
    border-bottom: 0.1vw solid #d7d7d7;;
}

.sub3_3_sect1_dropDown .dropdown_list li:hover {
    background-color: #f0f0f0;
}


.sub3_3_img_slider {
    border: 0.2vw solid var(--sub2-color)
}

.slick-slider {
    position: relative;
}

.slick-prev,
.slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2vw;
    height: 4vw;
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    color: white;
    font-size: 20px;
    z-index: 1;
    cursor: pointer;
}

.slick-prev {
    left: 1vw;
}

.slick-next {
    right: 1vw;
}

.sub3_3_img_slider img {
    width: 100%;
    height: 32vw;
    object-fit: cover;
}

.sub3_3_img_slider .slider-item {
    position: relative;
}

.slide-text-overlay {
    position: absolute;
    bottom: 2vw;
    left: 2vw;
    text-align: left;
}

.slide-title {
    margin-bottom: 2.56vw;
}

.slide-title span {
    padding: 1vw;
    background-color: rgba(0, 0, 0, 0.562);
    line-height: 76px;
}

.slide-subtitle span {
    padding: 1vw;
    background-color: rgba(0, 0, 0, 0.562);
}

.sub3_3_sect1_text {
    line-height: 30px;
}

.sub3_3_sect2_text {
    line-height: 22px;
}
.sub3_3_sect2{
    margin-bottom: 3vw;
}
/* sub4_1 온라인문의 페이지 */
.sub4_1_sect1 {
    padding-top: 3.5vw;
    padding-bottom: 2vw;
}

.sub4_1_sect1 .sub4_1_sect1_title {
    color: #22213a;
    padding-bottom: 1.4vw;
}

.sub4_1_sect1_content {
    line-height: 22px;
}

td .radio_group {
    height: 2.4vw;
}

.sub4_1_file_upload_container {
    position: relative;
    display: inline-block;
}

.sub4_1_file_upload_container input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.sub4_1_file_upload_btn {
    padding: 0.4vw 1.4vw;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
}


/* sub4_2 원격프로그램 페이지 */
.sub4_2_sect1 {
    padding-top: 3.5vw;
    padding-bottom: 2.5vw;
}

.sub4_2_sect1 .sub4_2_sect1_title {
    color: #22213a;
}


.download_btn a {
    padding: 1vw 2vw;
    border-radius: 10px;
    border: 1px solid #4b91c1;
    color: #4b91c1;
}

.sub4_2_sect1_circle {
width: 130px;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sub4_2_sect1_circle1,
.sub4_2_sect1_circle2,
.sub4_2_sect1_circle3 {
    box-sizing: border-box;
    border-width: 9px;
    border-style: solid;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.sub4_2_sect1_circle1 {
    border-color: #7950a0;
}

.sub4_2_sect1_circle2 {
    border-color: #da5949;
}

.sub4_2_sect1_circle3 {
    border-color: #42a4bf;
}

.sub4_2_sect1_circle_wrap {
    display: flex;
    align-items: center;
    /*margin-bottom: vw;*/
}

.step_1, .step_2, .step_3 {
    width: 80%;
}

.sub4_2_sect2_content {
    padding-top: 2.5vw;
    padding-bottom: 2.5vw;
    margin-bottom: 3vw !important;
}
.download-btn-wrapper {
    position: relative;
}

.image-wrapper {
    position: relative;
}

.image-wrapper img {
    transition: opacity 0.2s ease;
}

.default-img {
    opacity: 1;
}

.hover-img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 323px;
    height: 64px;
}

.download-btn:hover .default-img {
    opacity: 0;
}

.download-btn:hover .hover-img {
    opacity: 1;
}

/* sub4_3 자료다운로드 페이지 */
.sub4_3_sect1 {
    padding-top: 3.5vw;
    padding-bottom: 3.5vw;
}

.sub4_3_search_box {
    margin-bottom: 1vw;
}

.sub4_3_search_box input:first-child {
    width: 10vw;
    border-radius: 5px;
    padding: 0.3vw 0.7vw;
    border: 1px solid #d7d7d7;
    margin-right: 0.6vw;
}

.sub4_3_search_box input:last-child {
    height: 100%;
    width: 3.1vw;
    border-radius: 5px;
    border: 1px solid #222222;
}

.sub4_3_download_table {
    border-collapse: collapse;
}

.sub4_3_download_table th {
    border-top: 2px solid var(--sub1-color);
    border-bottom: 1px solid var(--sub1-color);
    padding: 0.7vw;
    text-align: center;
}

.sub4_3_download_table td {
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #ddd;
    padding: 0.9vw;
    text-align: center;
}

.sub4_3_download_table th {
    font-weight: bold;
}

.sub4_3_download_table tr:hover :not(.sub4_3_download_table th) {
    background-color: #f5f5f5;
}

.sub4_3_download_pagination {
    margin-top: 3.2vw;
}

.download_table_title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: block;
}


/* sub4_3 자료다운로드 상세페이지 */
.sub4_3_d_sect1 {
    padding-top: 5vw;
    padding-bottom: 8vw;
}

.sub4_3_d_sect1_title {
    border-top: 2px solid var(--sub1-color);
    border-bottom: 1px solid var(--sub1-color);
    padding: 1.3vw 1.3vw;
}

.sub4_3_d_sect1_content {
    padding: 1.3vw 1.3vw;
    color: #808080;
}

.sub4_3_d_pagination {
    margin-top: 1.5vw;
}

.sub4_3_d_pagination input {
    padding: 0.3vw 0.8vw;
    border-radius: 5px;
    border: 1px solid #222222;
}

.sub4_3_d_sect1 hr {
    height: 1px;
    background-color: #d7d7d7;
    border: none;
    margin: 0;
}

.notice_d_file_container p {
}


/* sub5_1 공지사항페이지 */
.sub5_1_sect1 {
    padding-top: 3.5vw;
    padding-bottom: 2.5vw;
}

.sub5_1_sect1 .sub5_1_sect1_title {
    color: #22213a;
}

.sub5_1_search_box {
    margin-bottom: 1vw;
}

.sub5_1_search_box input:first-child {
    width: 10vw;
    border-radius: 5px;
    padding: 0.3vw 0.7vw;
    border: 1px solid #d7d7d7;
    margin-right: 0.6vw;
}

.sub5_1_search_box input:last-child {
    height: 100%;
    /*width: 3.1vw;*/
    border-radius: 5px;
    border: 1px solid #222222;
}

.sub5_1_notice_table {
    border-collapse: collapse;
}

.sub5_1_notice_table td {
    border-left: none;
    border-right: none;
}


.sub5_1_notice_table th {
    border-top: 2px solid var(--sub1-color);
    border-bottom: 1px solid var(--sub1-color);
    padding: 0.7vw;
    text-align: center;
}

.sub5_1_notice_table td {
    border-bottom: 1px solid #d7d7d7;
    padding: 0.8vw;
    text-align: center;
}

.sub5_1_notice_table th {
    font-weight: bold;
}

.sub5_1_notice_table tr:hover :not(.sub5_1_notice_table th) {
    background-color: #f5f5f5;
}

.sub5_1_notice_pagination {
    margin-top: 3.2vw;
    margin-bottom: 5vw;
}

.page_box {
    width: 1.8vw;
    height: 1.8vw;
    border: 1px solid #9ec5fa;
    color: #fff;
    background: #9ec5fa;
    transition: all 0.1s ease-in;
}

.page_box:hover {
    background-color: #fff;
    color: #79a1da;
}

.page_box_active {
    /*border: 1px solid var(--sub2-color);*/
    /*color: var(--sub1-color)*/
    color: #79a1da;
    background:#fff;
}

/* sub5_1_d 공지사항 상세페이지 */
.sub5_1_d_sect1 {
    padding-top: 6.25vw;
    padding-bottom: 3.5vw;
}

.sub5_1_d_sect1_title {
    border-top: 2px solid var(--sub1-color);
    border-bottom: 1px solid var(--sub1-color);
    padding: 1.3vw 1.3vw;
}

.sub5_1_d_sect1_title .nt_title {
    /*width: 84%;*/
}

.sub5_1_d_sect1_title .nt_add_dt {
    width:20%;
}

.sub5_1_d_sect1_content {
    padding: 1.3vw 1.3vw 3.3vw;
    color: #808080;
}

.sub5_1_d_pagination {
    margin-top: 1.5vw;
}

.sub5_1_d_pagination input {
    padding: 0.3vw 0.8vw;
    border-radius: 5px;
    border: 1px solid #222222;
}

.sub5_1_d_sect1 hr {
    height: 1px;
    background-color: #d7d7d7;
    border: none;
    margin: 0;
}

.notice_d_file_container {
    margin-top: 1vw;
}

.notice_d_file_container p {
}

.nt_table_title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: block;
}


/* sub5_2 채용공고페이지 */
.sub5_2_sect1 {
    padding-top: 3.5vw;
    padding-bottom: 2.5vw;
}

.sub5_2_sect1 .sub5_2_sect1_title {
    color: #22213a;
    padding-bottom: 1.4vw;
}

.sub5_2_career_table {
    width: 100%;
    border-collapse: collapse;
}

.sub5_2_career_table th,
.sub5_2_career_table td {
    padding: 1vw 1.2vw;
}

.sub5_2_career_table th {
    background-color: #d7d7d7;
    color: black;
    border-right: 1px solid #222222;
    border-bottom: 1px solid #222222;
}

.sub5_2_career_table th:last-child {
    border-right: none;
}

.sub5_2_career_table td {
    background-color: white;
    border-right: 1px solid black;
    line-height:25px;
}

.sub5_2_career_table td:last-child {
    border-right: none;
}

.sub5_2_career_table tr:first-child th {
    border-top: 1px solid #222222;
}

.sub5_2_career_table tr td {
    border-bottom: 1px solid #222222;
}

.sub5_2_career_table tr:first-child {
    /*display: flex;*/
}


.sub5_2_sect2 .sub_sect_title {
    background-color: #f6f6f6;
    padding: 1.2vw 1vw;
    border-radius: 10px;
    margin-bottom: 0.8vw !important;
}

.sub5_2_sect2 {
    padding-bottom: 2.5vw;
}

.sub5_2_sect2 ul {
    line-height:25px;
}

.sub5_2_sect2_content {
    margin-bottom: 2vw;
}


/* sub5_3 faq자주묻는질문 */
.sub5_3_sect1 {
    padding-top: 3.5vw;
    padding-bottom: 4vw;
}

.sub5_3_sect1 .sub5_3_sect1_title {
    color: #22213a;
    padding-bottom:1.3vw;
}

.sub5_3_sect1 .faq_accordian {
    border-top: 2px solid #222222;
}


/* 아코디언 css */
.target {
    display: block;
    top: 0;
    left: 0;
    position: fixed;
}

.open-accordion {
    display: block;
}

.close-accordion {
    display: none;
}

:target ~ .open-accordion {
    display: none;
}

:target ~ .close-accordion {
    display: block;
}

.accordion a {
    color: #2c2c2c;
}

.accordion__li {
    padding-top: 1vw;
}

.question-container {
    padding-left: 1vw;
    width: 97%
}

.accordion__content {
    display: none;
}

.accordion__content img {
    width: fit-content;
    max-width: 100%;
}


/*스마트에디터 faq내용 폰트 */
.accordion__content > * {
    /*font-family: 'Pretendard', sans-serif;*/
    /*font-weight: 300;*/
}

.accordion__li a > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.accordion__li i {
    position: relative;
    top: 0.1vw;
    right: 0.5vw;
}

.faq_q {
    padding-right: 0.7vw;
}

.accordion__content {
    margin: 1vw 0px;
    padding-left: 1vw;
    width: 97%;
    /*white-space: pre-line;*/
    height: 0;
    overflow: hidden;
    transition: height 0.1s ease-in-out;
}

.accordion___li {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 1vw;
}


.accordion__li.active .accordion__content,
.accordion__li:target .accordion__content {
    display: block;
    height: auto;
    /*line-height: 1.4vw;*/
}

.target {
    display: block;
    top: 0;
    left: 0;
    position: fixed;
}

.fa-chevron-up:before {
    content: "\f077";
}

.open-accordion {
    display: block;
}

.close-accordion {
    display: none;
}

:target ~ .open-accordion {
    display: none;
}

:target ~ .close-accordion {
    display: block;
}

.accordion__li.active {
    border-bottom: 1px solid #d7d7d7;
    transition: all 0.2s ease-in;
}


.accordion__li.active .accordion__content {
    display: block;
}

.accordion__li.active .fa-chevron-down {
    transform: rotate(180deg);
}

.toggle-icon {
    transition: transform 0.3s ease;
}


/* sub6_1 인사말페이지 */
.sub6_1_sect1 {
    padding-top: 3.5vw;
    padding-bottom: 2.5vw;
}

.sub6_1_sect1 .sub6_1_sect1_title {
    color: #22213a;
    padding-bottom:1.34vw;
}

.sub6_1_sect1 p:nth-child(2) {
    line-height: 30px;
    padding-bottom: 1.2vw;
}


.sub6_1_sect1 p:last-child {
    color: #808080;
    line-height: 25px;
}

.sub6_1_sect2 {
    padding: 3vw 0;
    margin-bottom: 3vw;
}

.sub6_1_sect2 p:first-child {
    color: #3b3b3b;
    margin-bottom: 1.4vw;
}

.sub6_1_sect2 p:nth-child(2){
    color: #808080;
    /*line-height: 1.4vw;*/
    line-height: 25px;
}

.sub6_1_sect2_img {
    width: 29vw;
}

/* sub6_2 사업영역 페이지 */
.sub6_2_sect1 {
    padding-top: 6.25vw;
    padding-bottom: 3.5vw;
}

.sub6_2_sect1 .sub6_2_sect1_title {
    color: #22213a;
    padding-bottom: 2.34vw;
}

.sub6_title_head {
    border: 3px solid var(--main-color);
    width: 0.35vw;
    height: 0.37vw;
}

.sub6_2_sect2 {
    padding-bottom: 4vw;

}

.sub6_2_sect1_content {
    padding: 2vw 5vw;
    border-radius: 15px;
    background-color: #f6f6f6;
}
.sub6_2_sect1_content div{
    width: 22.1%;

}


.sub6_2_sect1_content div img{
   width:80%;
    height:100%;
    object-fit: contain;
}

.sub6_2_sect2_table table {
    border-collapse: collapse;
}

.sub6_2_sect2_table table th {
    border: 1px solid #ddd;
    padding: 1vw 1.4vw;
    text-align: center;
}

.sub6_2_sect2_table table td {
    border: 1px solid #ddd;
    padding: 1vw 1.4vw;
    text-align: left;
}
.sub6_2_sect3{
    margin-bottom: 3vw;
}
.sub6_2_sect3_content {
    padding-top: 3vw;
    padding-bottom: 3vw;
}

.sub6_2_sect3_left p, .sub6_2_sect3_right p {
    color: var(--sub4-color);
    padding-bottom: 2vw;
}

.sub6_2_sect3_content ul li {
    margin-bottom: 1vw;
}

.sub6_2_sect3_content ul li i {
    font-size: 10px;
}

.sub6_2_sect3_content ul li span:nth-child(1) {
    width: 95px;
    white-space: nowrap;
}

.sub6_2_sect3_content ul li span:nth-child(2) {
    width:71%;
    color: #505050;
}

.sub6_2_sect3_left {
    width: 48%;
    padding-right: 2vw;
    /*border-right: 1px solid #ccc*/
}

.sub6_2_sect3_right {
    padding-left: 1vw;
    width: 45%;
}


/* sub6_3 오시는 길 페이지 */
.sub6_3_sect1 {
    padding-top: 3.5vw;
    padding-bottom: 1.5vw;
}

.sub6_3_sect1 .sub6_3_sect1_title {
    color: #22213a;
    padding-bottom: 2.34vw;
}

.sub6_3_sect1_locations {
    padding: 2vw 0;

}

.sub6_3_sect1_locations div {
    width: 50%;
}

.sub6_3_sect1_locations .loc_circle {
    width: 4.8vw;
    height: 4.8vw;
}

.sub6_3_sect1_locations .loc_circle i {
    font-size: 3vw;
}

.loc_info {
    height: 4.8vw;
    padding-left: 1.5vw;
    padding-right: 3vw;
    margin-top: 0.5vw;
    /* padding-bottom: 0.5vw; */
}

.loc_info p:first-child {
    padding-bottom: 1vw;
}

.loc_info p:last-child {
    /*line-height: calc(100% - -5px)*/
    line-height: 25px;
}

.sub6_3_sect1_content {
    border-bottom: 1px solid #d7d7d7;
}


.sub6_3_sect2_top {
    margin-bottom: 3vw;
}

.sub6_3_sect2_top p:last-child {
    /*line-height: calc(100% - -7px);*/
    line-height: 25px;
}

.sub6_3_sect2_bottom {
    margin-bottom: 4vw;
}

.metro_info {
    /*line-height: calc(100% - -7px);*/
    line-height: 25px;
    margin-bottom: 2vw;
}

.metro_info p:first-child {
    margin-bottom: 1vw;
}

.sub6_3_sect2 .metro_icon9 {
    width: 1.6vw;
    height: 1.6vw;
    background-color: #fed619;
}

.sub6_3_sect2 .metro_icon7 {
    width: 1.6vw;
    height: 1.6vw;
    background-color: #77853a;
}

.sub6_3_sect2 .metro_icon2 {
    width: 1.6vw;
    height: 1.6vw;
    background-color: #01973e;
}

.sub6_3_sect3 {
    padding-top: 2vw;
    padding-bottom: 2vw;
    margin-bottom: 3vw;
}

.sub6_3_sect3 .parking_info {
    /*line-height: calc(100% - -5px);*/
    line-height: 25px;
    margin-bottom: 2vw;
}

.sub6_3_sect3 .parking_info_2 {
    margin-bottom: 0.6vw;
}

.sub6_3_sect3 .parking_info_3 {
    /*line-height: calc(100% - -9px);*/
    line-height: 25px;
}


/* mobile */
@media screen and (max-width: 768px) {
    main {
        margin-top: 14.5vw !important;
    }

    .sub_top_image {
        height: 52.2vw;
    }

    .sub_top_image img {
        object-fit: cover;
    }

    .radio_label {
        gap: 3vw !important;
    }

    .radio_group label input,
    .radio_circle {
        padding: 0 5px !important;
        width: 6px !important;
        height: 12px !important;
    }

    .radio_group label input::after,
    .radio_circle::after {
        width: 6px !important;
        height: 6px !important;
    }

    .checkbox_container label input {
        padding: 0 8px !important;
        width: 5px !important;
        height: 18px !important;
    }

    /******* search 검색 & 검색결과 페이지 *************/
    .search_container {
        height: 12.5vw;
    }

    .search_container .input_search {
        width: 76%;
        border: none;
        font-size: 16px;
        outline: none;
        border-bottom: 1px solid #c5c3c3bd;
    }

    .search_container .search_submit {
        width: 19vw;
        height: 10.5vw;
        border-radius: 24px;
    }

    .search_result_total, .search_result_item {
        padding: 15px 0 !important;
    }

    .search_sect1 .search_item_title * {
        font-size: 15px !important;
        font-family: 'Pretendard', sans-serif !important;
        color: #3b3b3b !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    /******* login 로그인페이지 **********/
    .login_sect {
        height: fit-content;
        width: 100%;
        margin: auto;
        padding-top: 19vw;
        padding-bottom: 42vw;
    }

    .login_sect .login_wrap {
        width: 90%;
        height: fit-content;
    }

    .login_wrap div:first-child {
        font-size: 10.025vw;
    }

    .login_sect .login_input_box {
        height: 12vw;
    }

    .login_sect .login_btn {
        height: 13vw;
    }

    .login_sect .register_btn {
        height: 13vw;
    }

    .login_sect .login_button_wrap {
        height: fit-content;
        gap: 2.4vw;
    }


    /* register 회원가입  */
    /*.register_sect {*/
    /*  margin: 0 auto !important;*/
    /*}*/
    .register_table tr {
        height: 14vw;
    }

    .register_input {
        height: 10vw;
    }

    .custom-select__trigger {
        height: 10vw;
    }

    .register_table th {
        padding: 0 1.2vw;
    }

    .register_submit_btn {
        width: 28vw;
        height: 12vw;
    }

    .custom-option {
        padding: 0 2.5vw;
        line-height: 23px;
    }

    .duplBtn {
        width: 33%;
        border-radius: 5px;
        border: 1px solid #f6f6f6;
        height: 10vw;
    }

    /* find_pw 비밀번호찾기페이지 */
    .find_pw_popup_wrap {
        padding: 4vw 3vw;
        width: 80%;
    }

    .find_pw_popup_content {
        height: 43vw;
        margin-bottom: 4.2vw;
    }

    .find_pw_confirm_btn {
        height: 12vw;
    }

    .find_pw_close_btn {
        margin-left: 73%;
        margin-bottom: 1%;
    }

    /*sub0_2릴리즈*/
    .sub0_2_right_menu {
        margin-left: 0;
    }

    .sub0_2_right_content *:not(table tr td){
        width: 100% !important;
        line-height: 20px !important;
    }


    /* 서브 내브 sub_top공통 */
    .sub_nav {
        overflow-x: scroll;
        overflow-y: visible;
        height: 12.2vw;
        gap: 5vw !important;
        white-space: nowrap;
    }

    .sub_home_icon {
        padding: 0 4vw;
    }

    .sub_home_icon img {
        width: 4vw !important;
    }

    .sub_title_head {
        border: 3px solid var(--main-color);
        width: 1.35vw;
        height: 1.35vw;
    }

    .sub_nav_dropdown_menu {
        position: absolute;
        top: 122%;
        left: -17px;
        min-width: 10vw;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 9999;
    }


    main.sub2 .sub_top .sub_nav .sub_home_icon {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }


    /* 게시판페이지 일 때 해당 클래스 넣기 (밑에 검색어 서칭박스 있을 때) */
    .sub_name {
        margin-bottom: 5vw;
    }

    /* contact표 form */
    .contact_input {
        width: 100%;
        padding: 1.7vw;
    }

    .contact_table th {
        width: 23%;
    }

    textarea.contact_input {
        width: 100%;
        height: 28vw;
    }


    /* contact테이블 폼 공통 */
    .contact_table th, .contact_table td {
        padding: 2.56vw;
        border-bottom: 1px solid #ddd;
    }


    /* sub2_1_1 정기교육안내  */
    .sub2_1_1_sect1,
    .sub2_1_1_sect2,
    .sub2_1_1_sect3 {
        padding-top: 10%;
        padding-bottom: 13%;
    }


    .sub2_1_1_sect1_left, .sub2_1_1_sect1_right {
    }

    .sub2_1_1_sect1_left > div, .sub2_1_1_sect1_right > div {
        padding: 4vw;
    }

    .sub2_1_1_sect1_left {
        width: 100%;
        height: fit-content;
        margin-right: 0;
        margin-bottom: 2%;
    }

    .sub2_1_1_sect1_right {
        width: 100%;
        height: fit-content;
    }

    .sub2_1_1_sect2_content div .circle {
        width: calc(100% / 4.8);
        /*height: 32vw;*/
        margin-bottom: 5%;
    }

    .sub2_1_1_sect2_content div .circles {
        gap: 5%;
    }

    .sub2_1_1_sect2_content div .circle img {
        width: 13vw;
    }

    .sub2_1_1_sect2_last_p {
        font-size: 13px !important;
    }



    /* sub2_1_2 정기교육신청  */
    .sub2_1_2_sect1 {
        padding-top: 10%;
        padding-bottom: 13%;
    }

    .sub2_1_2_search_box .search_form {
        width: 100%;
    }

    .sub2_1_2_search_box input:first-child {
        width: 80%;
        padding: 2.3vw 2.7vw;
        margin-right: 1.6vw;
    }

    .sub2_1_2_search_box input:last-child {
        width: 17%;
    }

    .sub2_1_2_regular_edu_table th {
        padding: 4vw 0.5vw;
    }

    .sub2_1_2_regular_edu_table td {
        padding: 4vw 0.5vw;
    }

    .page_box {
        width: 8.8vw;
        height: 8.8vw;
    }

    .sub2_1_2_regular_edu table tr th:first-child,
    .sub2_1_2_regular_edu table tr td:first-child,
    .sub2_1_2_regular_edu table tr th:nth-child(5),
    .sub2_1_2_regular_edu table tr td:nth-child(5),
    .sub2_1_2_regular_edu table tr th:nth-child(6),
    .sub2_1_2_regular_edu table tr td:nth-child(6) {
        display: none;
    }

    /* sub2_1_2_d 정기교육신청 상세페이지 */
    .sub2_1_2_d_sect1_title {
        gap: 20px !important;
        padding: 4.3vw 0.3vw;
    }

    .sub2_1_2_d_sect1_content {
    }

    .sub2_1_2_d_sect1_title > p:nth-child(2) {
        width: 29%;
        padding-left: 0;
    }

    .sub2_1_2_d_pagination {
        margin-top: 5.5vw;
    }

    .sub2_1_2_d_pagination input {
        padding: 2.3vw 3.8vw;
    }

    .sub2_1_2_d_regular_edu_contact td.radio_group {
        padding: 10.5vw !important;
    }

    .notice_d_file_container p span {
        white-space: nowrap;
    }

    .sub2_1_2_d_regular_edu_contact > p {
    }

    .region-select-dropdown {
        width: 42%;
    }
    .sub2_1_2_d_sect1_content_nav .tab_button {
        padding: 2.7vw;
    }
    .sub2_1_2_d_sect1_content *{
        max-width:100%;
    }

        /* sub2_1_3 연간교육일정표 확인  */
    /* sub2_1_4 증빙서류 및 유의사항  */
    .sub2_1_4_sect1_download_wrap div {
        width: 60%;
    }

    .sub2_1_4_sect2_text {
    }

    .sub2_1_4_sect1_download_wrap {
        padding-top: 3vw;
        padding-bottom: 3vw;
    }

    .sub2_1_3_sect1_download_btn {
        padding: 3vw 3.5vw;
    }

    .sub2_1_4_sect2 .m-p-4 {
        padding: 4vw;
    }


    /* sub2_2 온라인교육 신청 페이지 */
    .sub2_2_sect2 {
        height: 73vw;
    }

    .sub2_2_sect2 div p {
        white-space: wrap;
    }

    .sub2_2_sect2 .sub2_2_sect2_btns {
        width: 61vw;
    }

    .sub2_2_sect2_btns div {
        height: 9.8vw;
    }

    .sub2_2_sect3_content {
        margin-bottom: 2vw;
    }

    .sub2_2_sect3_content_title {
        padding: 3.2vw 2.5vw;
    }

    .sub2_2_sect3_content_text {
        margin-top: 0.2vw;
        padding: 3.5vw;
    }

    /* sub2_3 교육자료 다운로드 페이지 */
    .sub2_3_sect1 {
        padding-top: 10%;
        padding-bottom: 13%;
    }

    .sub2_3_search_box .search_form {
        width: 100%;
    }

    .sub2_3_search_box input:first-child {
        width: 80%;
        padding: 2.3vw 2.7vw;
        margin-right: 1.6vw;
    }

    .sub2_3_search_box input:last-child {
        width: 17%;
    }

    .sub2_3_edu_docs_table th {
        padding: 4vw 0.5vw;
    }

    .sub2_3_edu_docs_table td {
        padding: 4vw 0.5vw;
    }

    .page_box {
        width: 8.8vw;
        height: 8.8vw;
    }

    .sub2_3_edu_docs table tr th:nth-child(2) {
        width: 33% !important;
    }


    /*.sub2_3_edu_docs table tr th:first-child,*/
    /*.sub2_3_edu_docs table tr td:first-child,*/
    .sub2_3_edu_docs table tr th:nth-child(3),
    .sub2_3_edu_docs table tr td:nth-child(3) {
        display: none;
    }

    /* sub2_3_d 교육자료 다운로드 상세 페이지 */
    .sub2_3_d_sect1_title {
        gap: 20px !important;
        padding: 4.3vw 0.3vw;
    }

    .sub2_3_d_sect1_content {
    }

    .sub2_3_d_pagination {
        margin-top: 5.5vw;
    }

    .sub2_3_d_pagination input {
        padding: 2.3vw 3.8vw;
    }

    .mini_download_btn {
        width: 24.5vw;
    }

    .sub2_3_d_content_list {
        margin-bottom: 30px !important;
    }

    .sub2_3_d_sect1_content *,
    .part_text_content * {
        font-size: 12px !important;
    }

    .sub2_3_d_content_list p {
        padding: 3vw 3.5vw;
    }

    .part_list {
        gap: 10px;
    }

    .part_list li span {
        width: 70%;
    }
.sub2_3_d_sect1_content{
    padding-top:6.5vw !important;
}
    .file-item{
        padding:7vw 0;
    }


    /* sub2_4 판매서적페이지 */
    .sub2_4_sect1 {
        padding-right: 0;
    }

    .sub2_4_sect1_books img {
        width: 100%;
        height: auto;
    }

    .sub2_4_sect1_book2 {
        margin-top: 10vw;
    }

    .sub2_4_sect2_tab_list li {
    }

    .go_btn {
        margin-top: 5%;
        width: 38.5vw;
    }

    .sub2_4_sect2_tab_info {
    }


    /* sub3_1 컨퍼런스페이지 */
    .sub3_1_sect1 {
        height: 67vw;
    }

    .sub3_1_sect1 div p:last-child {
    }

    .sub3_1_sect1 div p.fs-65:first-child,
    .sub3_1_sect1 div p.fs-65:nth-child(2) {
        font-size: 7vw !important;
    }

    .sub3_1_sect2_left * {
        width: 100% !important;
    }

    /*.sub3_1_sect2 img,*/
    /*.sub3_1_sect3 img,*/
    /*.sub3_1_sect4 img,*/
    /*.sub3_1_sect5 img {*/
    /*    width: 100% !important;*/
    /*}*/
    .sub3_1_sect2_text {
        font-size: 5vw !important;
    }

    .sub3_1_sect2_dropDown {
        margin-top: 5vw;
        width: 52vw;
        position: relative;
    }

    .sub3_1_sect2_dropDown .dropdown_header {
        padding: 2vw 3vw;
    }

    .sub3_1_sect2_dropDown .dropdown_list li {
        padding: 2vw 3vw;
    }

    .sub3_1_sect2_img {
        height: 40vw;
    }

    .sub3_1_sect2_img img {
        height: 100%;
    }

    .sub3_1_sect3_1 {
        background: #d8533c;
    }

    .sub3_1_sect3_1 a {
        background: #d8533c;
        height: 13vw;
    }

    .sub3_1_sect3_1 a img {
        width: 10%;
        margin-right: 3%;
    }


    /* sub3_1_d  컨퍼런스상세페이지 */
    .sub3_1_d_sect2 > div > p:first-child {
        font-size: 5vw !important;
    }

    .sub3_1_d_cir {
        width: 35vw;
        height: 35vw;
        margin-bottom: 10%;
    }

    .sub3_1_d_cir img {
        width: 9.5vw;
        margin-bottom: 0.9vw;
    }

    .sub3_1_d_cir.circle2 img {
        width: 7vw;
    }

    .sub3_1_d_sect2_desc {
    }


    /* sub3_2 세미나페이지 */
    .sub3_2_sect1 {
        padding-top: 10%;
        padding-bottom: 13%;
    }

    .sub3_2_search_box .search_form {
        width: 100%;
    }

    .sub3_2_search_box input:first-child {
        width: 80%;
        padding: 2.3vw 2.7vw;
        margin-right: 1.6vw;
    }

    .sub3_2_search_box input:last-child {
        width: 17%;
    }

    .sub3_2_semina_table th {
        padding: 4vw 0.5vw;
    }

    .sub3_2_semina_table td {
        padding: 4vw 0.5vw;
    }

    .page_box {
        width: 8.8vw;
        height: 8.8vw;
    }

    .sub3_2_semina table tr th:first-child,
    .sub3_2_semina table tr td:first-child,
    .sub3_2_semina table tr th:nth-child(5),
    .sub3_2_semina table tr td:nth-child(5),
    .sub3_2_semina table tr th:nth-child(6),
    .sub3_2_semina table tr td:nth-child(6) {
        display: none;
    }


    /* sub3_2_d 세미나 상세페이지 */
    .sub3_2_d_sect1_title {
        gap: 20px !important;
        padding: 4.3vw 0.3vw;
    }

    .sub3_2_d_sect1_content {
    }

    .sub3_2_d_sect1_title > p:nth-child(2) {
        width: 29%;
        padding-left: 0;
    }

    .sub3_2_d_pagination {
        margin-top: 5.5vw;
    }

    .sub3_2_d_pagination input {
        padding: 2.3vw 3.8vw;
    }

    .sub3_2_d_semina_contact td.radio_group {
        padding: 10.5vw !important;
    }

    .notice_d_file_container p span {
        white-space: nowrap;
    }

    /* sub3_3 현장스케치페이지 */
    .sub3_3_sect1_dropDown {
        margin-left: 0 !important;
        width: 19vw;
        position: relative;
    }

    .sub3_3_sect1_dropDown .dropdown_list {
        width: 97%;
    }

    .sub3_3_img_slider {
        height: 64vw;
    }

    .sub3_3_img_slider div,
    .sub3_3_img_slider img {
        height: 100%;
    }

    .slick-prev, .slick-next {
        width: 7vw;
        height: 13vw;
    }

    .slide-text-overlay {
        bottom: -40vw;
    }

    .slide-subtitle span {
    }

    .slide-title {
        margin-bottom: 1.56vw;
    }

    .sub3_3_sect1_text {
    }

    .sub3_3_sect2_text {
    }

    /* sub4_1 온라인문의 페이지 */
    .sub4_1_sect1 {
        padding-top: 10%;
        padding-bottom: 13%;
    }

    .sub4_1_sect1_content {
    }


    .sub4_1_file_upload_btn {
        padding: 1.6vw 3.4vw;
    }

    .chk_group {
        gap: 2vw;
    }

    .submit_btn {
        width: 30vw;
        height: 10vw;

        margin-top: 10.5vw !important;
    }

    td .radio_group {
        height: fit-content;
    }


    /* sub4_2 원격프로그램 페이지 */
    .sub4_2_sect1 {
        padding-top: 10%;
        padding-bottom: 13%;
    }

    .download_btn a {
        justify-content: space-between;
        width: 26%;
        margin-top: 10%;
        padding: 4% 5%;
        border-radius: 10vw;
    }


    .sub4_2_sect1_circle {
        width: 65px;
        height: 65px;
    }

    .step_1, .step_2, .step_3 {
        width: 74%;
    }

    .sub4_2_sect1_circle_wrap {
        /* margin-top: 10vw; */
        margin-bottom: 10vw;
        padding-right: 0 !important;
    }

    .sub4_2_sect1_circle_wrap img {
        width: 100%;
    }

    .sub4_2_sect2_content .download_btn a {
        gap: 5% !important;
        width: 45%;
        border-radius: 10vw;
        margin-top: 0;
    }

    .sub4_2_sect2_content .download_btn {
        display: flex;
        justify-content: center;
    }

    .sub4_2_sect2_content {
        padding-top: 6vw;
        padding-bottom: 6vw;
    }
    .sub4_2_down1.hover-img{
        margin-top: 15px;
        width: 63% !important;
        height: auto !important;
    }

    .sub4_2_down1.default-img{
        margin-top: 15px;
        width: 63% !important;
        height: auto !important;
    }


    /* sub4_3 자료 다운로드 페이지 */
    .sub4_3_sect1 {
        padding-top: 10%;
        padding-bottom: 13%;
    }

    .sub4_3_search_box .search_form {
        width: 100%;
    }

    .sub4_3_search_box input:first-child {
        width: 80%;
        padding: 2.3vw 2.7vw;
        margin-right: 1.6vw;
    }

    .sub4_3_search_box input:last-child {
        width: 17%;
    }

    .sub4_3_download_table th {
        padding: 4vw 0.5vw;
    }

    .sub4_3_download_table td {
        padding: 4vw 0.5vw;
    }

    .page_box {
        width: 8.8vw;
        height: 8.8vw;
    }

    .sub4_3_download table tr th:first-child,
    .sub4_3_download table tr td:first-child,
    .sub4_3_download table tr th:nth-child(3),
    .sub4_3_download table tr td:nth-child(3),
    .sub4_3_download table tr th:nth-child(4),
    .sub4_3_download table tr td:nth-child(4) {
        display: none;
    }

    .sub4_3_download table tr th:nth-child(2) {
        width: 28% !important;
    }


    /* sub4_3_d 자료 다운로드 상세 페이지*/
    .sub4_3_d_sect1_title {
        gap: 20px !important;
        padding: 4.3vw 0.3vw;
    }

    .sub4_3_d_sect1_content {
        font-size: 12px !important;
    }

    .sub4_3_d_sect1_content img {
        width: fit-content;
        height: fit-content;
        max-width: 100%;
    }

    .sub4_3_d_sect1_content {
        padding: 8.3vw 1.3vw 9.3vw;
    }

    .notice_d_file_container p {
    }

    .sub4_3_d_pagination {
        margin-top: 5.5vw;
    }

    .sub4_3_d_pagination input {
        padding: 2.3vw 3.8vw;
    }

    .img_download_btn {
        width: 120px !important;
        height: 40px !important;
    }

    /* sub5_1 공지사항페이지 */
    .sub5_1_sect1 {
        padding-top: 10%;
        padding-bottom: 13%;
    }

    .sub5_1_search_box .search_form {
        width: 100%;
    }

    .sub5_1_search_box input:first-child {
        width: 80%;
        padding: 2.3vw 2.7vw;
        margin-right: 1.6vw;
    }

    .sub5_1_search_box input:last-child {
        width: 17%;
    }

    .sub5_1_notice_table th {
        padding: 4vw 0.5vw;
    }

    .sub5_1_notice_table td {
        padding: 4vw 0.5vw;
    }

    .page_box {
        width: 8.8vw;
        height: 8.8vw;
    }

    .sub5_1_notice table tr th:first-child,
    .sub5_1_notice table tr td:first-child,
    .sub5_1_notice table tr th:nth-child(3),
    .sub5_1_notice table tr td:nth-child(3) {
        display: none;
    }

    .sub5_1_notice table tr th:nth-child(2) {
        width: 28% !important;
    }

    /* sub5_1_d 공지사항 상세페이지 */
    .sub5_1_d_sect1_title {
        gap: 20px !important;
        padding: 4.3vw 0.3vw;
    }

    .sub5_1_d_sect1_content {
        font-size: 12px !important;
    }

    .sub5_1_d_sect1_content img {
        width: fit-content;
        height: fit-content !important;
        max-width: 100%;
    }

    .sub5_1_d_sect1_content {
        padding: 8.3vw 1.3vw 9.3vw;
    }

    .notice_d_file_container p {
    }

    .sub5_1_d_pagination {
        margin-top: 5.5vw;
    }

    .sub5_1_d_pagination input {
        padding: 2.3vw 3.8vw;

    }

    /* sub5_2 채용공고 페이지 */
    .sub5_2_sect1 {
        padding-top: 10%;
        padding-bottom: 13%;
    }

    .sub5_2_career .table-container {
        width: 100%;
        overflow-x: auto;
    }

    .sub5_2_career_table {
        width: 500px;
        border-collapse: collapse;
    }

    .sub5_2_career_table th:first-child {
        width: 20% !important;
    }

    .sub5_2_career_table td:first-child {
        width: 18.2% !important;
    }

    .sub5_2_career_table th,
    .sub5_2_career_table td {
        padding: 10px;
        box-sizing: border-box;
    }

    .sub5_2_career_table th {
        background-color: #67adc6;
        color: white;
        border-right: 1px solid #d7d7d7;
        border-bottom: 1px solid #d7d7d7;
        white-space: nowrap;
    }

    .sub5_2_career_table td {
        background-color: white;
        border-right: 1px solid #d7d7d7;
        border-bottom: 1px solid #d7d7d7;
    }

    .sub5_2_career_table th:last-child,
    .sub5_2_career_table td:last-child {
        border-right: none;
    }

    .sub5_2_career_table tr:first-child th {

        border-top: 1px solid #67adc6;
    }

    .sub5_2_career_table td {
    }

    .sub5_2_career_table td:first-child span {
        font-size: 13px !important;
        text-overflow: ellipsis;
    }


    .sub5_2_career_table tr td {
        border-bottom: 1px solid #222222;
    }

    .sub5_2_sect2 .sub_sect_title {
        padding: 3.2vw 2vw;
        margin-bottom: 2.8vw !important;
    }

    .sub6_title_head {
        border: 3px solid var(--main-color);
        width: 1.35vw;
        height: 1.35vw;
        margin-right: 7px;
    }

    .sub5_2_sect2 ul {
    }

    .sub5_2_sect2_content {
        margin-bottom: 7vw;
    }

    /* sub5_3 faq자주묻는질문 */
    .sub5_3_sect1 {
        padding-top: 10%;
        padding-bottom: 13%;
    }

    .accordion__li.active .accordion__content, .accordion__li:target .accordion__content {
        display: block;
        height: auto;
    }

    .accordion___li {
        padding-bottom: 4vw;
    }

    .accordion__li {
        padding-top: 4vw;
    }

    .accordion__content {
        margin: 3vw 0;
    }

    /* sub6_1 인사말페이지 */
    .sub6_1_sect1 {
        padding-top: 10%;
        padding-bottom: 13%;
    }

    .sub6_1_sect1 p:first-child {
        padding-bottom: 4%;
    }

    .sub6_1_sect1 p:nth-child(2) {
        padding-bottom: 6.5vw;
    }

    .sub6_1_sect1 p:last-child {
    }

    .sub6_1_sect2 {
        padding: 15vw 0;
    }

    .sub6_1_sect2 p:first-child {
        margin-bottom: 5.4vw;
    }

    .sub6_1_sect2 p:nth-child(2), .sub6_1_sect2 p:nth-child(3) {
    }

    /* sub6_2 사업영역 페이지 */
    .sub6_2_sect1 {
        padding-top: 10%;
        padding-bottom: 13%;
    }

    .sub_sect_title {
        margin-bottom: 4%;
    }

    .sub6_2_sect1 p:first-child {
        padding-bottom: 4%;
    }

    .sub6_2_sect1_content div {
        width: 45%;
        margin-bottom: 8%;
    }

    .sub6_2_sect1_content div img {
        width: 100%;
    }

    .sub6_2_sect2 {
        padding-bottom: 13%;
    }

    .sub6_2_sect2_table table th {
        width: 30%;
    }

    .sub6_2_sect2_table table th, td {
        padding: 5%;
    }

    .sub6_2_sect2_table table td {
        padding: 15px;
    }

    .sub6_2_sect3_content {
        padding-top: 7%;
        padding-bottom: 7%;
    }

    .sub6_2_sect3_content ul li {
        margin-bottom: 5vw;
    }

    .sub6_2_sect3_left, .sub6_2_sect3_right {
        width: 100%;
    }

    .sub6_2_sect3_left p, .sub6_2_sect3_right p {
        padding-bottom: 6vw;
    }

    .sub6_2_sect3_content li {
        gap: 6%;
        margin-bottom: 4%;

    }

    .sub6_2_sect3_left {
        margin-bottom: 10%;
        border: none;
    }

    .sub6_2_sect3_right li:last-child span:last-child {
        white-space: normal !important;
    }

    /* sub6_3 오시는 길 페이지 */
    .sub6_3_sect1 {
        padding-top: 10%;
        padding-bottom: 13%;
    }

    .sub6_3_sect1_locations {
        padding: 6vw 0;
        gap: 7vw;
    }

    .sub6_3_sect1_locations div {
        width: 80%;

    }

    .sub6_3_sect1_locations .loc_circle i {
        font-size: 9vw;
    }

    .sub6_3_sect1_locations .loc_circle {
        width: 65px;
        height: 65px;
    }

    .loc_info {
        margin-left: 10px;
    }

    .loc_info i {
        font-size: 5.3vw;
        padding-top: 0.5vw;
    }

    .loc_info p:last-child {
    }

    .sub6_3_sect2_top {
        margin-bottom: 14%;
    }

    .sub6_3_sect2_top p:last-child {
    }

    .sub6_3_sect2 .metro_icon9 {
        width: 35px;
        height: 35px;
    }

    .sub6_3_sect2 .metro_icon7 {
        width: 35px;
        height: 35px;
    }

    .sub6_3_sect2 .metro_icon2 {
        width: 35px;
        height: 35px;
    }

    .sub6_3_sect2 .metro_info div:last-child {
        width: 90%;
    }

    .sub6_3_sect2 .metro_info img {
        width: 16px;
    }

    .metro_info p:first-child {
        margin-bottom: 6%;
    }

    .metro_info {
        margin-bottom: 14vw;
        gap: 3vw !important;
    }

    .sub6_3_sect3 {
        padding-top: 10%;
        padding-bottom: 13%;
    }

    .sub6_3_sect3 .parking_info {
        margin-bottom: 11%;
    }

    .sub6_3_sect3 .parking_info_2 {
        margin-bottom: 5%;
    }

    .sub6_3_sect3 .parking_info_3 {
    }


    /*개인정보처리방침*/
    .agree-popup {
        width: 90% !important;
    }

    .agree-popup-content {
        padding: 15px 20px !important;
    }
}


/* tablet */
@media screen and (min-width: 769px) and (max-width: 1024px) {

    /* find_pw 비밀번호찾기페이지 */
    .find_pw_popup_wrap {
        padding: 4vw 3vw;
        width: 80%;
    }

    .find_pw_popup_content {
        height: 43vw;
        margin-bottom: 4.2vw;
    }

    .find_pw_confirm_btn {
        height: 12vw;
    }

    .find_pw_close_btn {
        margin-left: 73%;
        margin-bottom: 1%;
    }

    /* register 회원가입  */
    .register_sect {
        margin: 0 auto !important;
    }

    .register_table tr {
        height: 9vw;
    }

    .register_input {
        height: 7vw;
    }

    .custom-select__trigger {
        height: 7vw;
    }

    .register_table th {
        padding: 0 1.2vw;
    }

    .custom-option {
        padding: 7px 0.5vw;
        line-height: 23px;
    }

    /* 공통 서브밋 버튼 */
    .submit_btn {
        width: 28vw;
        height: 8vw;
    }


    /* 서브 내브 sub_top공통 */
    .sub_nav {
        height: 5vw;
        gap: 3vw !important;
    }

    .sub_home_icon {
        width: 7vw;
    }

    .sub_home_icon img {
        width: 2.2vw !important;
    }

    .sub_sect_title {
        margin-bottom: 3%;
    }

    .sub_title_head {
        border: 3px solid var(--main-color);
        width: 0.5vw;
        height: 0.5vw;
    }

    .sub_nav_dropdown_menu {
        left: -17px;
    }

    /* sub2_1_1 정기교육안내  */
    .sub2_1_1_sect1_left {
        width: 37vw;
        margin-right: 2.5vw;
        height: fit-content;
    }

    .sub2_1_1_sect1_left > div, .sub2_1_1_sect1_right > div {
        padding: 2vw;
    }

    .sub2_1_1_sect1_left, .sub2_1_1_sect1_right {
    }

    .sub2_1_1_sect2_content div .circle {
        width: 16vw;
        height: 16vw;
        z-index: 9;
    }

    .sub2_1_1_sect2_line {
        opacity: 0;
    }

    .sub2_2_sect3_content_text {
    }

    /* sub2_1_2 정기교육신청  */
    .sub2_1_2_search_box input:first-child {
        width: 18vw;
        padding: 1vw 1vw;
        font-size: 13px;
    }

    .sub2_1_2_search_box input:last-child {
        width: 5.1vw;
        font-size: 13px;
    }

    .sub2_1_2_regular_edu_table th,
    .sub2_1_2_regular_edu_table td {
        padding: 1vw;
    }

    /* sub2_1_2_d 정기교육신청 상세페이지 */
    .sub2_1_2_d_sect1_title {
        padding-left: 1vw;
        padding-right: 0;
    }

    .sub2_1_2_d_sect1_title > p:first-child {
        width: 80%;
    }

    .sub2_1_2_d_sect1_title > p:nth-child(2) {
        width: 13%;
        padding-left: 3%;
    }


    .sub2_1_2_d_sect1_content {
    }

    .sub2_1_2_d_sect1_content {
    }

    .sub2_1_2_d_pagination input {
        padding: 1vw 1.43vw;
    }


    /* sub2_1_3 연간교육일정표 확인  */
    /* sub2_1_4 증빙서류 및 유의사항  */
    .sub2_1_4_sect2_text {
    }

    /* sub2_2 온라인교육 신청 페이지 */
    .sub2_2_sect2 div p {
    }

    .sub2_2_sect2 .sub2_2_sect2_btns {
        width: 31vw;
    }

    .sub2_1_4_sect2 .m-p-4 {
        padding: 2.1vw;
    }

    /* sub2_3 교육자료 다운로드 페이지 */
    .sub2_3_search_box input:first-child {
        width: 18vw;
        padding: 1vw 1vw;
        font-size: 13px;
    }

    .sub2_3_search_box input:last-child {
        width: 5.1vw;
        font-size: 13px;
    }

    .sub2_3_download_table th,
    .sub2_3_download_table td {
        padding: 1vw;
    }

    /* sub2_3_d 교육자료 다운로드 상세 페이지 */
    .sub2_3_d_sect1_title {
        padding-left: 1vw;
        padding-right: 0;
    }

    .sub2_3_d_sect1_title > p:first-child {
        width: 80%;
    }

    .sub2_3_d_sect1_title > p:nth-child(2) {
        width: 13%;
        padding-left: 3%;
    }


    .sub2_3_d_sect1_content {
    }

    .sub2_3_d_sect1_content {
    }

    .sub2_3_d_pagination input {
        padding: 1vw 1.43vw;
    }


    /* sub2_4 판매서적페이지 */
    /* sub3_1 컨퍼런스페이지 */
    .sub3_1_sect1 div p:last-child {
    }

    .sub3_1_sect2_dropDown {
        width: 19vw;
    }

    /* sub3_1_d  컨퍼런스상세페이지 */
    .sub3_1_sect3_1 img {
        width: 5vw;
        left: 46.4vw;
    }

    .sub3_1_d_cir {
        width: 13vw;
        height: 13vw;
    }

    /* sub3_2 세미나페이지 */
    .sub3_2_search_box input:first-child {
        width: 18vw;
        padding: 1vw 1vw;
        font-size: 13px;
    }

    .sub3_2_search_box input:last-child {
        width: 5.1vw;
        font-size: 13px;
    }

    .sub3_2_notice_table th,
    .sub3_2_notice_table td {
        padding: 1vw;
    }

    /* sub3_2_d 세미나 상세페이지 */
    .sub3_2_d_sect1_title {
        padding-left: 1vw;
        padding-right: 0;
    }

    .sub3_2_d_sect1_title > p:first-child {
        width: 80%;
    }

    .sub3_2_d_sect1_title > p:nth-child(2) {
        width: 13%;
        padding-left: 3%;
    }




    .sub3_2_d_pagination input {
        padding: 1vw 1.43vw;
    }


    /* sub3_3 현장스케치페이지 */
    .sub3_3_img_slider {
        height: 50vw;
    }

    .sub3_3_img_slider div,
    .sub3_3_img_slider img {
        height: 100%;
    }

    .slick-prev, .slick-next {
        width: 7vw;
        height: 13vw;
    }


    .slide-text-overlay {
        bottom: -38vw;
    }


    /* sub4_1 온라인문의 페이지 */
    .submit_btn {
        width: 17vw;
        height: 6vw;
    }

    /* sub4_2 원격프로그램 페이지 */
    .step_1, .step_2, .step_3 {
        width: 61%;
    }

    .sub4_2_sect1_circle {
        width: 11vw;
        height: 11vw;
    }

    /* sub4_3 자료 다운로드 페이지 */
    .sub4_3_search_box input:first-child {
        width: 18vw;
        padding: 1vw 1vw;
        font-size: 13px;
    }

    .sub4_3_search_box input:last-child {
        width: 5.1vw;
        font-size: 13px;
    }

    .sub4_3_notice_table th,
    .sub4_3_notice_table td {
        padding: 1vw;
    }


    /* sub4_3_d 자료 다운로드 상세 페이지*/
    .sub4_3_d_sect1_title {
        padding-left: 1vw;
        padding-right: 0;
    }

    .sub4_3_d_sect1_title > p:first-child {
        width: 80%;
    }

    .sub4_3_d_sect1_title > p:nth-child(2) {
        width: 13%;
        padding-left: 3%;
    }


    .sub4_3_d_sect1_content {
    }

    .sub4_3_d_sect1_content {
    }

    .sub4_3_d_pagination input {
        padding: 1vw 1.43vw;
    }

    .img_download_btn {
        width: 10vw;
    }


    /* sub5_1 공지사항 */
    .sub5_1_search_box input:first-child {
        width: 18vw;
        padding: 1vw 1vw;
        font-size: 13px;
    }

    .sub5_1_search_box input:last-child {
        width: 5.1vw;
        font-size: 13px;
    }

    .page_box {
        width: 2.8vw;
        height: 2.8vw;
    }

    .sub5_1_notice_table th,
    .sub5_1_notice_table td {
        padding: 1vw;
    }


    /* sub5_1_d 공지사항 상세 */
    .sub5_1_d_sect1_title {
        padding-left: 2vw;
        padding-right: 0;
    }

    .sub5_1_d_sect1_title > p:first-child {
        width: 80%;
    }

    .sub5_1_d_sect1_title > p:nth-child(2) {
        width: 13%;
        padding-left: 3%;
    }

    .sub5_1_d_sect1_content {
    }

    .sub5_1_d_sect1_content {
    }

    .sub5_1_d_pagination input {
        padding: 1vw 1.43vw;
    }


    /* sub5_2 채용공고 */
    .sub5_2_career_table tr td {
        border-bottom: 1px solid #222222;
    }

    .sub5_2_sect2 ul {
    }


    /* sub6_1 인사말페이지 */
    .sub6_1_sect1 div {
        padding: 6% 2%;
    }

    .sub6_1_sect1 p {
    }

    .sub6_1_sect1 p:first-child {
        padding-top: 3vw;
        padding-bottom: 1.5vw;
    }

    .sub6_1_sect1 p:nth-child(2) {
        padding-bottom: 1.5vw;
    }

    .sub6_1_sect2 p:first-child {
        margin-bottom: 1.4vw;
    }

    /* sub6_2 사업영역 페이지 */
    .sub6_2_sect1 {
        padding-top: 10%;
        padding-bottom: 9%;
    }


    .sub6_2_sect1 p:first-child {
        padding-bottom: 4%;
    }

    .sub6_2_sect1_content div {
        width: 20%;
    }

    .sub6_2_sect1_content div img {
        width: 100%;
    }

    .sub6_2_sect2 {
        padding-bottom: 8%;
    }

    .sub6_2_sect2_table table th {
        width: 30%;
    }

    .sub6_2_sect2_table table th, td {
        padding: 2%;
    }

    .sub6_2_sect3_content {
        padding-top: 5%;
        padding-bottom: 7%;
    }

    .sub6_2_sect3_left, .sub6_2_sect3_right {
        width: 100%;
    }

    .sub6_2_sect3_content li {
        gap: 16%;
        margin-bottom: 1%;
    }

    .sub6_2_sect3_left {
        margin-bottom: 10%;
    }

    /* sub6_3 오시는 길 페이지 */
    .sub6_3_sect1 {
        padding-top: 10%;
        padding-bottom: 9%;
    }

    .sub6_3_sect1_locations {
        padding: 4% 0;
        gap: 4%;
    }

    .sub6_3_sect1_locations div {
        width: 80%;

    }

    .sub6_3_sect1_locations .loc_circle i {
        font-size: 5vw;
    }

    .sub6_3_sect1_locations .loc_circle {
        width: 65px;
        height: 65px;
    }

    .sub6_3_sect2_top {
        margin-bottom: 7%;
    }

    .sub6_3_sect2_top p:last-child {
    }

    .sub6_3_sect2 .metro_icon9 {
        width: 40px;
        height: 40px;
    }

    .sub6_3_sect2 .metro_icon7 {
        width: 40px;
        height: 40px;
    }

    .sub6_3_sect2 .metro_icon2 {
        width: 40px;
        height: 40px;
    }

    .sub6_3_sect2 .metro_info div:last-child {
        width: 80%;
    }

    .sub6_3_sect2 .metro_icon img {
        width: 20px;
    }

    .metro_info p:first-child {
        margin-bottom: 3%;
    }

    .metro_info {
        margin-bottom: 6%;
    }

    .sub6_3_sect3 {
        padding-top: 10%;
        padding-bottom: 9%;
    }

    .sub6_3_sect3 .parking_info {
        margin-bottom: 6%;
    }

    .sub6_3_sect3 .parking_info_2 {
        margin-bottom: 3%;
    }




}


/*popup 개인정보처리방침팝업*/


.agree-popup-background {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    /* 배경 어둡게 */
    z-index: 99999999;
    /* 팝업이 가장 위에 오도록 */
}

.agree-popup {
    width: 50%;
    height: 70%;
    position: absolute;
    bottom: 17%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    overflow-y: scroll;
}

.popup_header {
    height: 69px;
}

.agree-popup-content {
    padding: 43px 40px;
}

.agree-popup-content ul {
    border: 1px solid #d7d7d7;
    padding: 20px;

}

.agree-close-btn {
    margin-top: 10px;
    padding: 10px 20px;
    background: #1d2443;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.close-btn-wrapper {
    position: absolute;
    top: 24px;
    right: 20px;
    cursor: pointer;
}