/*
Theme Name: Consultio Child
Theme URI: http://demo.casethemes.net/consultio/
Author: Case-Themes
Author URI: https://themeforest.net/user/case-themes/portfolio/
Description: Consultio is the Perfect Consulting Finane & Business WordPress Theme. Consultio is best suited for corporate website like Consultioial Advisor, Accountant, Consulting Firms, insurance, loan, tax help, Investment firm etc. This is a business theme that is help full for online presence for Corporate Business and Consultioial Firms.   
Version: 3.2.5
License: ThemeForest
License URI: https://themeforest.net/licenses
Template: consultio
Text Domain: consultio-child
Tags: advisor, attorney, corporate accountant, consulting, consultant, finance, insurance, invest, investment, investor, mutual funds, pensions, retirement, saving, trading 
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

ul li {
list-style: none;
}

/* history */
.history-tab.nav-fill {
    margin: 0 -5px 6rem;
}

.history-tab.nav-fill .nav-item {
    margin: 0 5px;
}

.history-tab.nav-pills .nav-link {
    border: 1px solid #ddd;
    padding: 2.5rem 1rem;
    border-radius: 0;
    color: #333;
}

.history-tab.nav-pills .nav-link.active {
    border: 1px solid var(--color-point);
    font-weight: bold;
    background-color: transparent;
}
.history-tab.nav-pills .nav-link:hover,
.history-tab.nav-pills .nav-link:focus,
.history-tab.nav-pills .nav-link:active{
    border: 1px solid var(--color-point);
}

.history {
    position: relative;
}

.history:before {
    content: "";
    width: 1px;
    height: 100%;
    background: url(https://academy.cn119.go.kr/resource/cnf/front/img/bg_dotted.png);
    display: block;
    position: absolute;
    margin: 0 auto;
    right: 0;
    left: 0;
    top: 5px;
}

.history h4 {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 2rem;
}

.history h4.mt-6 {
    margin-top: 3rem;
}

.history ul>li {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 500;
    margin-bottom: 1rem;
}

.history ul>li strong {
    padding-right: 15px;
    width: 90px;
}

.history ul>li strong:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #c2c2c2;
    left: 10px;
    position: relative;
}

.history ul>li strong.no:after {
    display: none;
}

.history ul>li>ul {
    margin: .5rem 0 4rem;
}

.history ul>li>ul>li {
    font-size: 1rem;
    color: #666;
    font-weight: normal;
    padding-left: 15px;
    margin-bottom: 0.8rem;
    position: relative;
}

.history ul>li>ul>li:before {
    content: "";
    background-color: #666;
    width: 4px;
    height: 4px;
    display: inline-block;
    top: 12px;
    position: absolute;
    left: 3px;
    border-radius: 10px;
}

.history ul>li>ul>li::after {
    content: '';
    display: block;
    clear: both;

}

.history ul>li>ul>li strong,
.history ul>li>ul>li ul {
    float: left;
}

.history ul>li>ul>li>ul {
    margin: 0;
    width: 100%;
}

.history ul>li>ul>li>ul>li {
    padding-left: 0;
    margin-bottom: 0rem;
}

.history ul>li>ul>li>ul>li:before {
    display: none;
}

.history::after {
    content: '';
    display: block;
    clear: both;
}

.history .left,
.history .right {
    width: 100%;
    margin-bottom: 60px;
    position: relative;
}

.history .left {
    padding-right: calc(50% + 40px);
    float: left;
}

.history .right {
    float: right;
    padding-left: calc(50% + 40px);
}

.history .left:before,
.history .right:before {
    content: "";
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: var(--color-point);
    display: block;
    position: absolute;
    top: 10px;
}

.history .left:before {
    right: calc(50% - 15px);
}

.history .right:before {
    left: calc(50% - 15px);
}

.history div:nth-child(3n-2):before {
    background: var(--color-point);
}

.history div:nth-child(3n-1):before {
    background: #fdd000;
}

.history div:nth-child(3n):before {
    background: #0093d4;
}

.history div:last-child {
    margin-bottom: 0;
}



/* greetings */
.greetings {
    display: flex;
    position: relative;
    align-items: center;
}

.greetings:before {
    content: "";
    width: 600px;
    height: 600px;
    position: absolute;
    border-radius: 1000px;
    background: var(--color-point);
    z-index: -1;
    left: -275px;
    opacity: .05;
    top: 50%;
    margin-top: -300px;
}

.greetings .text {
    width: calc(100% - 358px);
    padding-right: 100px;
    line-height: 1.6;
}

.greetings .text p:first-of-type {
    color: #333;
    font-weight: 500;
    font-size: 3rem;
}

.greetings .text p {
    font-size: 2rem;
    color: #666;
    margin-bottom: 1.5rem;
}

.greetings .text>strong {
    font-size: 3.5rem;
    color: var(--color-point);
    margin: 2rem 0 5rem;
    display: inline-block;
    font-weight: bold;
    line-height: 1.4
}

.greetings .profile {
    width: 358px;
    text-align: center;
}

.greetings .profile img {
    width: auto;
    max-width: 100%;
    filter: drop-shadow(10px 10px 20px rgb(0 0 0 / .3));
    display: block;
    margin: 0 auto;
}

.greetings .profile span {
    font-size: 1.6rem;
    display: inline-block;
    margin: 4rem 0 0;
}

.greetings .profile p {
    font-size: 2.4rem;
    font-weight: 500;
}

.greetings .profile_group .profile:last-child {
    margin-top: 4rem;
}



/* story */
/*
.story .story_box {
    position: relative;
    padding: 0 0 10rem 20rem;
}

.story .story_box:last-child {
    padding: 0 0 0 20rem;
}

.story .story_box:before {
    content: "";
    width: 1px;
    height: 100%;
    background: url("/CNF/resource/cnf/front/img/bg_dotted.png");
    display: block;
    position: absolute;
    left: 180px;
    top: 15px;
}

.story .story_box>div {
    display: flex;
    margin-bottom: 2rem;
}

.story .story_box .year {
    font-size: 4rem;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: -15px;
    line-height: 1.2;
    color: var(--color-point);
}

.story .story_box h3 {
    font-size: 3.5rem;
    font-weight: 500;
    margin-bottom: 3rem;
    position: relative;
    letter-spacing: -.5px;
    line-height: 1.2;
}

.story .story_box h3:before {
    content: "";
    width: 15px;
    height: 15px;
    background: var(--color-point);
    display: block;
    position: absolute;
    left: -27px;
    top: 15px;
    border-radius: 20px;
}

.story .story_box h4 {
    font-size: 2rem;
    font-weight: 500;
    width: 25%;
    line-height: 1.5;
}

.story .story_box h4+ul {
    color: #666;
    width: 76%;
}

.story .story_box ul>li {
    line-height: 1.8;
    color: #666;
}

.story .story_box ul>li>ul {
    display: inline-block;
    vertical-align: top;
}
*/
.story ul>li strong {
    padding-right: 20px;
    width: auto;
}
.story div:nth-child(3n-1):before {
    background: var(--color-point);
}
.story div:nth-child(3n):before {
    background: var(--color-point);
}
.story h4 span {
    font-weight: normal;
}



/* organization */
.org .staff-search {
    border: 7px solid #eaeaea;
    padding: 3rem 6rem;
    margin-bottom: 10rem;
}
.org .staff-search .top_txt {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.org .staff-search .top_txt .txt {
    display: flex;
    align-items: center;
}
.org .staff-search .top_txt .txt .img_box {
    width: 95px;
    height: 95px;
    min-width: 95px;
    background-color: #F4F4F4;
    border-radius: 50%;
    position: relative;
    margin-right: 3rem;
}
.org .staff-search .top_txt .txt .img_box > img {
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%,-50%);
}
.org .staff-search .top_txt .txt .img_box + p {
    font-size: 2rem;
}
.org .staff-search .top_txt .form_group {
    width: auto;
}
.org .staff-search .table-responsive {
    width: 100%;
    margin-top: 2rem;
}


.org_group {
    text-align: center;
    margin-bottom: 10rem;
}

.org_group h4 {
    background: #333;
    display: inline-block;
    border-radius: 100px;
    padding: 30px 30px;
    font-size: 2rem;
    color: #ffffff;
    font-weight: bold;
    min-width: 300px;
    position: relative;
    margin: 0 auto 120px;
    filter: drop-shadow(10px 10px 15px rgb(51, 51, 51, .5));
}

.org_group h4:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 1px;
    height: 60px;
    background: #adb5bd;
    left: 50%;
    bottom: -60px;
}

.org_group h4:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #333333;
    left: calc(50% - 6px);
    bottom: -6px;
    border-radius: 10px;
    border: 1px solid #ffff;
}

.org_group a {
    transition: all ease .2s;
}

.org_group a:hover,
.org_group a:focus,
.org_group a:active {
    text-decoration: underline;
    text-decoration: underline;
    transform: scale(1.1);
    transition: all ease .2s;
}

.org_group>ul>li:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #333333;
    left: calc(50% - 6px);
    top: -6px;
    border-radius: 10px;
    border: 1px solid #ffff;
}

.org_group>ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: center;
    position: relative;
}

.org_group>ul:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: calc((100% - (100% / 6)) + 15px);
    left: calc(((100% / 6) - 15px) / 2);
    height: 1px;
    background: #adb5bd;
    top: -60px;
    z-index: -1;
}

.org_group>ul>li {
    width: calc((100% / 6) - 15px);
    line-height: 1.8;
    position: relative;
}

.org_group>ul>li:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 1px;
    height: 60px;
    background: #adb5bd;
    left: 50%;
    top: -60px;
    z-index: -1;
}

.org_group>ul>li h5 {
    border: 1px solid #333;
    background: #fff;
    font-weight: 500;
    font-size: 1rem;
    height: 60px;
    line-height: 30px;
    margin-bottom: 0;
}

.org_group>ul>li h5 a {
    display: inline-block;
    width: 100%;
}

.org_group>ul>li>ul {
    padding: 15px 10px;
    height: calc(100% - 60px);
    border: 1px solid #dcdcdc;
    border-top: none;
    background: #fff;
}

.org_group>ul>li>ul>li {
    color: #666;
}

.org_2box>ul:before {
    width: calc((100% - (100% / 2)) + 60px);
    left: calc(((100% / 2) - 60px) / 2);
}

.org_2box>ul>li {
    width: calc((100% / 2) - 60px);
}

.org_3box>ul:before {
    width: calc((100% - (100% / 3)) + 30px);
    left: calc(((100% / 3) - 30px) / 2);
}

.org_3box>ul>li {
    width: calc((100% / 3) - 30px);
}

.org_4box>ul:before {
    width: calc((100% - (100% / 4)) + 20px);
    left: calc(((100% / 4) - 20px) / 2);
}

.org_4box>ul>li {
    width: calc((100% / 4) - 20px);
}

.org_5box>ul>li {
    width: calc((100% / 5) - 10px);
}

.org_5box>ul:before {
    width: calc((100% - (100% / 5)) + 10px);
    left: calc(((100% / 5) - 10px) / 2);
}

.org_list>ul {
    flex-flow: row wrap;
}

.org_list>ul:before {
    width: calc((100% - (100% / 4)) + 20px);
    left: calc(((100% / 4) - 20px) / 2);
}

.org_list>ul>li {
    width: calc((100% / 4) - 20px);
    margin-bottom: 20px;
}

.org_list>ul>li h5 {
    border: 1px solid #eaeaea !important;
}

.org_list>ul>li h5 {
    border: 1px solid #eaeaea !important;
}

.org_list>ul>li:nth-child(n+5):before,
.org_list>ul>li:nth-child(n+5):after {
    display: none;
}


/* organization color */
.org_orange h4 {
    background: #fe6027;
    filter: drop-shadow(10px 10px 15px rgb(254 96 39 / 50%));
}

.org_orange h4:after {
    background: #fe6027;
}

.org_orange>ul>li:after {
    background: #fe6027;
}

.org_orange>ul>li h5 {
    border: 1px solid #fe6027;
    background: #FFF3EE;
}

.org_gray h4 {
    background: #666;
    filter: drop-shadow(10px 10px 15px rgb(0 0 0 / .3));
}

.org_gray h4:after {
    background: #666666;
}

.org_gray>ul>li:after {
    background: #666;
}

.org_gray>ul>li h5 {
    background: #eaeaea;
    border: 1px solid #666;
}

.org_navy h4 {
    background: #004C98;
    filter: drop-shadow(10px 10px 15px rgb(0 0 0 / .3));
}

.org_navy h4:after {
    background: #004C98;
}

.org_navy>ul>li:after {
    background: #004C98;
}

.org_navy>ul>li h5 {
    background: #E6EEF5;
    border: 1px solid #004C98;
}

.li_orangebox h5 {
    border: 1px solid #fe6027 !important;
    background: #FFF3EE !important;
}

.li_orangebox:after {
    background: #fe6027 !important;
}

.li_navybox h5 {
    border: 1px solid #061038 !important;
    background: #f5f5ff !important;
}

.li_navybox:after {
    background: #061038 !important;
}


/* organization view */
.org_view {
    position: relative;
}

.org_view .white_btn {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
}

.nav {
    margin: 8rem 0 4rem;
}

.nav-pills .nav-link {
    font-size: 2rem;
    padding: 2rem 1rem;
    color: #999;
    border-radius: 0;
    border: 1px solid #ddd;
}
.nav-fill .nav-link {
    padding: 2rem 1rem;
}

.nav-link:focus,
.nav-link:hover,
.nav-link:active {
    color: var(--color-point);
    border-color: var(--color-point);
    z-index: 1;
    position: relative;
    text-decoration: underline;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: var(--color-point);
    border-color: var(--color-point);
}

.nav-fill .nav-item {
    margin-left: -1px;
}

.cont_table>:not(caption)>*>* {
    border-left: 1px solid var(--color-gray-1);
    border-right: 1px solid var(--color-gray-1);
    padding: 14px 12px;
}

.cont_table th,
.cont_table td {
    vertical-align: middle;
    text-align: center;
    font-size: 1rem;
}

.cont_table th {
    background: #f4f4f4;
}

.cont_table tr:not(first-child) th {
    border-top: 1px solid var(--color-gray-1);
}

.cont_table tr th:first-child,
.cont_table tr td:first-child {
    border-left: none;
    border-left: 1px solid white;
}

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

.cont_table td ul.list li {
    position: relative;
    padding-left: 10px;
}

.cont_table td ul.list li:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 5px;
    background: #999;
    top: 12px;
    left: 0px;
}

.cont_table td ul.list li>ul>li::before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 6px;
    height: 1px;
    border-radius: 5px;
    background: #999;
    top: 14px;
    left: 0px;
}






.fade:not(.show) {
    display: none;
}


/* department */
.department_view table td a i {
    color: #999;
}

.department_view table td a:hover,
.department_view table td a:active,
.department_view table td a:focus {
    color: var(--color-point);
    text-decoration: underline;
}

.department_view table td a:hover i,
.department_view table td a:active i,
.department_view table td a:focus i {
    color: var(--color-point);
    text-decoration: underline;
}


/* volunteer */
.volunteer:before {
    left: -250px;
    width: 500px;
    height: 500px;
    margin-top: -250px;
}

.volunteer:after {
    content: "";
    width: 100px;
    height: 100px;
    position: absolute;
    border-radius: 100px;
    background: var(--color-point);
    z-index: -1;
    right: 0;
    bottom: -100px;
    opacity: .05;
}

.volunteer .text {
    width: calc(100% - 200px);
}

.volunteer .profile {
    margin: auto auto;
    width: 200px;
    text-align: center;
}


/* volunteer organization */
.volunteer_org .org_group h4 {
    font-size: 2.4rem;
    background: #061038;
    width: 500px;
    margin-bottom: 60px;
    line-height: 1.4;
}

.volunteer_org .org_group h4+strong {
    font-size: 2.4rem;
    background: var(--color-point);
    display: block;
    border-radius: 100px;
    padding: 30px 30px;
    color: #ffffff;
    font-weight: bold;
    width: 500px;
    position: relative;
    margin: 0 auto 120px;
    line-height: 1.4;
}

.volunteer_org .org_group h4+strong:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 12px;
    height: 12px;
    background: var(--color-point);
    left: calc(50% - 6px);
    bottom: -6px;
    border-radius: 10px;
    border: 1px solid #ffff;
}

.volunteer_org .org_group h4+strong:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 1px;
    height: 60px;
    background: #adb5bd;
    left: 50%;
    bottom: -60px;
}

.volunteer_org .org_group>ul {
    margin-bottom: 120px;
}

.volunteer_org .org_group>ul>li {
    width: calc((100% / 4) - 15px);
}

.volunteer_org .org_group>ul>li h5 {
    height: auto;
    line-height: 1.4;
}

.volunteer_org .org_group>ul>li h5 a {
    padding: 1rem 0;
}

.volunteer_org .org_group>ul:before {
    width: calc((100% - (100% / 4)) + 15px);
    left: calc(((100% / 4) - 15px) / 2);
}

.volunteer_org .org_group>ul>li>ul {
    margin-top: 1rem;
    border: none;
    background: #eaeaea;
    height: auto;
}

.volunteer_org .org_group>ul>li>ul>li {
    font-size: 1.8rem;
    color: #333;
}


/* volunteer_ordinance */
.ul_graydot>li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 1rem;
}

.ul_graydot>li:before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background: #999;
    border-radius: 10px;
    top: 15px;
    left: 5px;
}

.ul_graydot {
    padding-left: 15px;
    margin: 4rem 0;
}

.ul_graydot>li {
    font-size: 1rem;
    color: #666;
    margin: 0rem auto;
}

.ul_graydot>li>ul>li {
    font-size: 1rem;
    margin: 0.5rem auto;
}

/* .volunteer_ordi > h3+p {
    font-size: 1rem;
} */
ul.bu01 {
    padding-left: 20px;
}

ul.bu01>li {
    font-size: 1rem;
    margin: 1.2rem auto;
    font-weight: 500;
    line-height: 1.6;
}

ul.bu01>li>ul {
    padding-left: 15px;
    margin: 1rem auto;
    color: #666;
    width: 100%;
}

ul.bu01>li>ul>li {
    font-size: 1rem;
    font-weight: normal;
    margin: .8rem auto;
}

ul.bu01>li>ul>li>ul {
    padding-left: 20px;
    margin: .5rem auto;
}

ul.bu01>li>ul>li>ul>li {
    margin: .5rem auto;
}

ul.bu01>li>ul>li>ul>li>ul {
    padding-left: 20px;
}

ul.bu01>li>ul>li>ul>li>ul>li {
    font-size: 1rem;
    font-weight: normal;
}

.volunteer_ordi hr {
    margin: 6rem auto;
    color: #eaeaea;
    opacity: 1;
}

ul.bu02 {
    margin: .7rem auto;
}

ul.bu02>li {
    font-size: 1rem;
    color: #333;
}

ul.bu02>li>ul {
    margin: 1rem auto;
    color: #666;
}

ul.bu02>li>ul>li {
    font-size: 1rem;
    font-weight: normal;
    margin: .6rem auto;
}

ul.bu02>li>ul>li>ul {
    padding-left: 20px;
    margin: .5rem auto;
}

ul.bu02>li>ul>li>ul>li {
    font-size: 1.2rem;
    margin: .5rem auto;
}

ul.bu02.ul_graydot>li:before {
    top: 12px;
}


/* privacy */
.privacy ul.bu01>li {
    font-weight: normal;
    font-size: 1rem;
}

.privacy .btn-group {
    display: inline-block;
}

.privacy .btn-group::after {
    content: '';
    display: block;
    clear: both;
}

.privacy .btn-group li {
    width: calc((100% / 4) - 10px);
    margin: 0.5rem 5px !important;
    float: left;
}

.privacy .btn-group li a.btn {
    width: 100%;
}

.privacy li a.btn {
    border: 1px solid #000;
    border-radius: 0;
    width: auto;
    font-size: 1.6rem;
    padding: 1rem 2rem;
    text-align: left;
}

.privacy li a.btn:hover,
.privacy li a.btn:active,
.privacy li a.btn:focus {
    background-color: var(--color-point);
    border-color: var(--color-point);
    color: #fff;
}

.privacy li a.btn .xi-angle-right {
    float: right;
    padding: 5px 0 0 20px;
}

.privacy li a.btn::after {
    content: '';
    display: block;
    clear: both;
}

.privacy a:hover,
.privacy a:active,
.privacy a:focus {
    text-decoration: underline;
}

.btn.btn_disabled {
    pointer-events: none;
    opacity: .65;
}



/* charter */
.charter p {
    font-size: 1.7rem;
}


/* sitemap */
.sitemap_wrap {
    display: flex;
}

.sitemap_group {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 30px 80px;
}

.sitemap_group:nth-child(2n) {
    margin-right: 0;
}

.sitemap_group:nth-child(2n+1) {
    margin-left: 0;
}

.sitemap_group h3 {
    background: var(--color-point);
    color: #fff;
    font-size: 2.2rem;
    border-radius: 500px;
    padding: 65px 0;
    width: 150px;
    height: 150px;
    text-align: center;
}

.sitemap_group a:hover {
    text-decoration: underline;
}

.sitemap_group>ul {
    width: calc(100% - 150px);
    padding: 70px 0 0 20px;
}

.sitemap_group>ul>li:first-child {
    border-top: 2px solid #000;
}

.sitemap_group>ul>li {
    border-bottom: 1px solid #eaeaea;
    padding: 15px 12px;
}

.sitemap_group>ul>li::after {
    content: '';
    display: block;
    clear: both;
}

.sitemap_group>ul>li>a {
    width: 160px;
    display: inline-block;
    float: left;
    font-weight: 500;
}

.sitemap_group>ul>li>ul {
    width: calc(100% - 160px);
    display: inline-block;
    float: left;
}

.sitemap_group>ul>li>ul::after {
    content: '';
    display: block;
    clear: both;
}

.sitemap_group>ul>li>ul>li {
    font-size: 1.5rem;
    color: #666;
;
    line-height: 1.6;
    width: 50%;
    float: left;
    padding: 0 5px 0 8px;
    text-indent: -5px;
}

.sitemap_group>ul>li>ul>li:nth-child(2n) {
    float: left;
}

.sitemap_group>ul>li>ul>li:before {
    content: "";
    background-color: var(--color-point);
    width: 4px;
    height: 4px;
    display: inline-block;
    top: -4px;
    position: relative;
    left: -5px;
}

.sitemap_group>ul>li>ul>li a {
    line-height: 1.3;
}

.sitemap_group h3+span {
    width: calc(100% - 200px);
    background-color: #000;
    height: 2px;
    margin: 70px 0 0 20px;
}



@media (max-width: 1280px) {

    /* history */
    .history ul>li {
        font-size: 1rem;
    }

    /* greetings */
    .greetings .text {
        width: calc(100% - 280px);
    }

    .greetings .text p {
        font-size: 1.6rem;
    }

    .greetings .text p:first-of-type {
        font-size: 2.5rem;
    }

    .greetings .text>strong {
        font-size: 3rem;
        margin: 1rem 0 4rem;
    }

    .greetings .profile {
        width: 280px;
    }

    .greetings .profile span {
        margin: 3rem 0 .5rem;
    }

    /* organization */
    .org .staff-search {
        padding: 1.5rem 3rem;
    }

    .org .staff-search .top_txt .txt .img_box {
        width: 80px;
        height: 80px;
        min-width: 80px;
        margin-right: 2rem;
    }

    .org .staff-search .top_txt .txt .img_box img {
        width: 55%;
    }

    .org .staff-search .top_txt .txt .img_box + p {
        font-size: 1.7rem;
    }

    /* privacy */
    .privacy .btn-group li {
        width: calc((100% / 2) - 10px);
    }

    /* sitemap */
    .sitemap_wrap {
        display: block;
    }

    .sitemap_group {
        width: 100%;
    }

    .sitemap_group>ul>li>ul>li {
        width: auto;
        margin-right: 20px
    }

    .sitemap_group {
        margin: 0 0 60px !important;
    }

    .sitemap_group h3+span {
        width: calc(100% - 170px);
    }

}



@media (max-width: 1080px) {

    /* organization */

    .org_group>ul>li h5 {
        font-size: 1.8rem;
    }
    .org .staff-search .top_txt {
        display: block;
    }
    .org .staff-search .top_txt .txt {
        margin-bottom: 1.5rem;
    }
    .org .staff-search .form_group .search_form {
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .org .staff-search .form_group .search_form .form-select {
        width: calc(50% - 4px);
        margin: 0;
    }

    .org .staff-search .top_txt .form_group .search_box {
        width: 100%;
        margin-top: 8px;
    }

}



@media (max-width: 940px) {

    /* history */
    .history {
        padding-left: 15px;
    }

    .history:before {
        right: initial;
        left: 15px;
    }

    .history .left,
    .history .right {
        width: 100%;
        padding: 0 0 0 30px;
    }

    .history .left:before,
    .history .right:before {
        width: 20px;
        height: 20px;
        right: initial !important;
        left: -10px;
    }


    /* greetings */
    .greetings {
        flex-wrap: wrap;
    }

    .greetings .text {
        width: 100%;
        order: 2;
        padding-right: 0;
        margin-top: 6rem;
    }

    .greetings .profile {
        width: 100%;
        order: 1;
    }

    .greetings .profile img {
        max-width: 240px;
        margin: 0 auto;
    }

    .greetings .profile span {
        margin: 2rem 0 1rem;
    }

    .greetings .profile_group {
        display: flex;
        width: 100%;
    }

    .greetings .profile_group .profile {
        width: 50%;
    }

    .greetings .profile_group .profile:last-child {
        margin-top: 0;
        margin-left: 4rem;
    }

    /* story */
    .story .story_box h3 {
        font-size: 2.5rem;
        margin-bottom: 1rem;
        letter-spacing: 0;
    }

    .story .story_box h3:before {
        top: 10px;
    }

    .story .story_box>div {
        display: inherit;
    }

    .story .story_box h4,
    .story .story_box h4+ul {
        width: 100%;
        margin-bottom: 0.5rem;
    }

    .story .story_box h4 br {
        display: none;
    }


    /* organization */
    .org .staff-search .top_txt {
        display: block;
    }
    .org .staff-search .top_txt .txt {
        margin-bottom: 1.5rem;
    }


    .org_group {
        margin-bottom: 5rem;
    }

    .org_group h4 {
        margin-bottom: 20px;
        font-size: 2rem;
        padding: 20px;
        min-width: 80%;
    }

    .org_group h4:before,
    .org_group h4:after {
        display: none;
    }

    .org_group>ul {
        display: inherit;
    }

    .org_group>ul:before {
        display: none;
    }

    .org_group>ul>li {
        width: 100%;
    }

    .org_group>ul>li:before,
    .org_group>ul>li:after {
        display: none;
    }

    .org_group>ul>li {
        margin-bottom: 5px;
    }


    /* organization view */
    .nav {
        margin: 4rem 0;
    }

    .nav-pills .nav-link {
        font-size: 1.8rem;
        padding: 1.2rem 1rem;

    }

    /* volunteer organization */
    .volunteer_org .org_group h4 {
        font-size: 2rem;
        margin-bottom: 20px;
        width: auto;
    }

    .volunteer_org .org_group h4+strong {
        font-size: 2rem;
        padding: 20px;
        margin-bottom: 20px;
        width: auto;
    }

    .volunteer_org .org_group h4+strong:before,
    .volunteer_org .org_group h4+strong:after {
        display: none;
    }

    .volunteer_org .org_group>ul {
        margin-bottom: 0;
    }

    .volunteer_org .org_group>ul>li {
        width: 100%;
        margin-bottom: 8px;
    }

    .volunteer_org .org_group>ul>li h4 a br {
        display: none;
    }

    .volunteer_org .org_group>ul>li>ul {
        margin-top: 0;
    }

    .volunteer_org .org_group>ul>li>ul>li {
        font-size: 1.6rem;
    }

    /* sitemap */
    .sitemap_group h3 {
        font-size: 2rem;
        padding: 55px 0;
        width: 130px;
        height: 130px;
        margin: 0 0 15px 0;
    }

    .sitemap_group {
        margin: 0;
    }

    .sitemap_group>ul {
        width: 100%;
        padding: 0px;
    }

    .sitemap_group h3+span {
        width: 100%;
        margin: 0;
    }

}



@media (max-width: 720px) {

    /* history  */
    .history-tab.nav-fill .nav-item {
        width: calc(50% - 10px);
        margin: 5px !important;
    }

    .history-tab.nav-pills .nav-link {
        padding: 1.5rem 1rem;
    }

    .history:before {
        left: 12px;
    }

    .history h4 {
        font-size: 2.4rem;
        margin-bottom: 3rem;
    }

    .history .left,
    .history .right {
        padding: 0px 0px 0px 20px;
    }

    .history .left:before,
    .history .right:before {
        top: 10px;
        width: 15px;
        height: 15px;
    }

    .history ul>li {
        margin-bottom: 1rem;
    }

    .history ul>li strong {}

    .history ul>li>ul {
        margin: 0.5rem 0 2rem;
    }

    /* greetings */
    .greetings .text p:first-of-type {
        font-size: 2rem;
    }

    .greetings .text strong {
        font-size: 2.5rem;
        margin: 1rem 0 3rem;
    }

    /* story */
    .story .story_box .year {
        position: relative;
        font-size: 3rem;
    }

    .story .story_box .year:before {
        content: "";
        width: 15px;
        height: 15px;
        background: var(--color-point);
        display: block;
        position: absolute;
        left: -27px;
        top: 12px;
        border-radius: 20px;
    }

    .story .story_box .year br {
        display: none;
    }

    .story .story_box {
        padding: 0 0 4rem 2rem;
    }

    .story .story_box:before {
        left: 0;
    }

    .story .story_box h3 {
        font-size: 2.2rem;
        font-weight: bold;
    }

    .story .story_box h3:before {
        display: none;
    }

    .story .story_box:last-child {
        padding: 0 0 0 2rem;
    }


    /* organization view */
    .nav-fill .nav-item {
        width: 50%;
        margin-top: -1px;
    }

    /* volunteer */
    .volunteer .text p strong {
        font-size: 1.6rem;
    }

    ul.bu01 {
        padding-left: 0;
    }

    ul.bu01>li>ul>li {
        margin: 0.5rem auto;
    }

    ul.bu01>li>ul>li>ul>li {
        margin: 0.2rem auto;
    }

    /* privacy */
    .privacy ul.bu01>li {
        font-size: 1.7rem;
    }

    .privacy li a.btn {
        width: 100%;
    }

    .privacy .btn-group li {
        width: 100%;
    }


    /* sitemap */
    .sitemap_group {
        margin: 0 0 20px !important;
    }

    .sitemap_group h3 {
        margin: 0 auto 15px;
    }

    .sitemap_group>ul>li>ul {
        padding-top: 15px;
        width: 100%;
    }

    .sitemap_group>ul>li>ul>li {
        width: 100%;
    }

}



@media (max-width: 515px) {
    .org .staff-search {
        padding: 1.5rem 2rem;
        margin-bottom: 6rem;
    }
    .org_view .white_btn {
        top: -5px;
        line-height: 4rem;
        height: 4rem;
    }

}





/* #################### error_500.html, error_404.html 관련 css - jjs  #################### */
.con {
    height: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* error_wrap */
.error_wrap .img_wrap {
    width: 100%;
}

.error_wrap .img_wrap img {
    width: 100%;
}


.error_wrap .txt_wrap {
    text-align: center;
    margin-top: 7rem;
}

.error_wrap .txt_wrap strong {
    display: block;
    font-weight: 600;
    font-size: 3rem;
    margin-bottom: 1rem;
}

.error_wrap>.button_wrap {
    justify-content: center !important;
}

.error_wrap>.button_wrap button {
    width: 20rem;
    height: 5.5rem;
    border: none;
}

.error_wrap>.button_wrap button:last-child {
    margin-left: 1rem;
}

.navy_btn {
    background-color: var(--color-point-2);
    color: white;
}

.navy_btn:hover {
    background-color: #001264;
    text-decoration: underline;
}

/* 반응형 */
@media (max-width: 720px) {

    /* error_wrap */
    .error_wrap {
        margin: 0 4rem;
    }

    .error_wrap .txt_wrap span {
        font-size: 3rem;
        line-height: 4rem;
    }
}

@media (max-width: 515px) {

    /* error_wrap */
    .error_wrap .txt_wrap {
        margin-top: 4rem;
    }

    .error_wrap .txt_wrap span {
        font-size: 2.4rem;
        line-height: 3rem;
    }

    .error_wrap>.button_wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .error_wrap>.button_wrap button {
        width: 100%;
    }

    .error_wrap>.button_wrap button:last-child {
        margin-left: 0rem;
        margin-top: 1rem;
    }
}

.total_search_con {
    width: 100%;
    height: 35rem;
    background-color: #F4F4F4;
}

.total_search_con .wrap {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}


.total_search_con h2 {
    font-size: 4.5rem;
    font-weight: bold;
    margin-bottom: 1.5rem;
}

.total_search_con p {
    font-size: 1.8rem;
    text-align: center;
}

.total_search_con .search_box {
    display: flex;
    flex-direction: wrap;
    height: 6rem;
    margin-top: 3.3rem;
    width: 50%;
    min-width: 600px;
}

.total_search_con .search_box>* {
    height: 100%;
    font-size: 2rem;
    position: relative;
}

.total_search_con .search_box select {
    border-radius: 0;
    border: 2px solid var(--color-point);
    width: 162px;
    padding: 1rem 2rem;
    border-right-width: 1px;
}

.total_search_con .search_box select:hover,
.total_search_con .search_box select:focus,
.total_search_con .search_box select:active {
    text-decoration: underline;
}

.total_search_con .search_box .input-group>.form-control,
.input-group>.form-select {
    border-radius: 0;
    border: 2px solid var(--color-point);
    border-left: none;
    border-right: none;
    font-size: 2rem;
    padding: 0.375rem 2rem;
}

.total_search_con .search_box .input-group .btn {
    border-radius: 0;
    border: 2px solid var(--color-point);
    font-size: 2.8rem;
    color: var(--color-point);
    background-color: #fff;
    border-left: 0;
    padding: 0;
}

.total_search_con .search_box .input-group .btn i {
    padding: 0 2rem;
    height: 100%;
    position: relative;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
}

.total_search_con .search_box .input-group .btn:hover i,
.total_search_con .search_box .input-group .btn:focus i,
.total_search_con .search_box .input-group .btn:active i{
    background: var(--color-point);
    color: #fff;
}

/* results_title */
.results_title h3 {
    font-weight: 400;
    font-size: 3.5rem;
    margin-bottom: 0;
}

.results_title span {
    color: var(--color-point);
    text-decoration: underline;
}

/* nav */
.m-6 {
    margin-top: 6rem;
}

.mb-6 {
    margin-bottom: 6rem;
}

/* results_lists */
.results_lists {
    margin-top: 6rem;
}

.results_lists h4 {
    font-size: 2.4rem;
    margin-bottom: 2rem;
    font-weight: normal;
}

.results_lists h4 strong {
    color: var(--color-point);
}

/* post_list */
.post_lists {
    margin-top: 1.4rem;
}

.post_lists .post_list {
    padding: 2.5rem;
    border-bottom: 1px solid #DBDBDB;
}

.post_lists .post_list:first-of-type {
    border-top: 2px solid #333;
}

.post_lists .post_list .title {
    display: block;
    font-weight: bold;
    font-size: 1.8rem;
    margin-bottom: .5rem;
}

.post_lists .post_list:hover {
    background-color: #F4F4F4;
}

.post_lists .post_list:hover .title {
    text-decoration: underline;
}

.post_lists .post_list p {
    margin-bottom: 1.5rem;
}

.post_lists .post_list span {
    color: #666;
}

.results_lists .button_wrap {
    margin-top: 2rem;
    display: flex;
    justify-content: flex-end;
}

.results_lists button {
    padding: 0;
}

.results_lists button a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 1.5rem 3rem;
}

@media (max-width: 720px) {

    .total_search_con .wrap {
        margin: 0 1rem;
    }

    .total_search_con #search_form {
        width: 100%;
    }
    .total_search_con .search_box {
        width: 100%;
        min-width: 100%;
    }

    .results_title h3 {
        font-size: 2.6rem;
    }

    .results_lists h4 {
        font-size: 2rem;
    }

    .results_lists .button_wrap .orange_btn {
        min-width: 100%;
    }

    .post_lists .post_list {
        padding: 2rem 0rem;
    }

    .post_lists .post_list .title {
        font-size: 1.6rem;
        margin-bottom: 0.5rem;
    }

    .post_lists .post_list p {
        margin-bottom: 1rem;
    }

    .post_lists .post_list span {
        font-size: 1.4rem;
    }
}

@media (max-width: 515px) {
    .total_search_con h2 {
        font-size: 3.5rem;
    }

    .total_search_con {
        font-size: 1.6REM;
    }

    .results_lists button {
        width: 100%;
    }

    .total_search_con .search_box select {
        padding: 1rem;
        font-size: 1.8rem;
        width: 100px;
    }

    .total_search_con .search_box .input-group>.form-control,
    .input-group>.form-select {
        font-size: 1.8rem;
        padding: 0.375rem 1rem;
    }

    .total_search_con .search_box .input-group .btn i {
        margin-right: 1rem;
        font-size: 2.4rem;
    }
}



/* #################### menu3_support-info.html 관련 css - jjs  #################### */

.support_info .support_info_list {
    padding: 3rem 0;
    border-bottom: 1px solid #eaeaea;
}

.support_info .support_info_list:last-child {
    border-bottom: none;
}

.support_info .support_info_list:first-child {
    padding-top: 0;
}

.support_info .support_info_list h4 {
    font-size: 2.2rem;
    margin-bottom: 1rem;
}

.support_info .support_info_list .first_list>li {
    position: relative;
    padding-left: 1.5rem;
    margin-left: 1.5rem;
    font-size: 1.8rem;
    color: #666;
    margin-top: .8rem;
}

.support_info .support_info_list .first_list>li:before {
    content: "";
    background-color: #666;
    width: 4px;
    height: 4px;
    display: inline-block;
    top: 14px;
    position: absolute;
    left: 3px;
    border-radius: 10px;
}

.support_info .support_info_list .second_list>li {
    display: block;
    font-size: 1.6rem;
    color: #666;
    margin-top: .2rem;
}

.support_info .support_info_list .third_list>li {
    padding-left: 1rem;
    margin-left: 1rem;
    color: #999;
}

.support_info .support_info_list .table-responsive {
    margin-left: 3rem;
    margin-top: 1.5rem;
}

.support_info_list .support_li01,
.support_info_list .support_li02{
    display: flex;
    justify-content: space-between;
    position: relative;
}
.support_info_list .support_li01 p {
    text-align: left;
    font-weight: bold;
}
.support_info_list .support_li01>li,
.support_info_list .support_li02>li {
    background: #f7f7f7;
    text-align: center;
    color: #333;
    display: inline-block;
    width: 100%;
    margin: 0 15px;
    padding: 2rem 3rem;
    position: relative;
    line-height: 1.3;
}
.support_info_list .support_li01>li>ul{
    display: flex;
    border-top: 1px solid #d9d9d9;
    padding-top: 2rem;
    margin-top: 10px;
    justify-content: space-between;
    position: relative;
}
.support_info_list .support_li01>li>ul:after {
    content: "";
    display: inline-block;
    background: url(../img/cont/arrow.svg) no-repeat;
    position: absolute;
    top: 25%;
    left: 50%;
    width: 60px;
    height: 40px;
    transform: rotate(270deg) scale(.5) translate(-25%, 50%);
    margin-left: -35px;
}
.support_info_list .support_li01>li>ul>li,
.support_info_list .support_li02>li>ul>li{
    display: flex;
    text-align: left;
    width: calc((100% - 50px) / 2);
    align-items: center;
    position: relative;
}
.support_info_list .support_li01>li>ul>li img,
.support_info_list .support_li02>li>ul>li img {
    margin-right: 8px;
}
.support_info_list .support_li02>li>ul {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 100%;
}
.support_info_list .support_li02:before {
    content: "";
    display: inline-block;
    background: url(../img/cont/arrow.svg) no-repeat;
    position: absolute;
    width: 60px;
    height: 40px;
    transform: rotate(270deg) scale(.5) translate(-25%, 0);
    top: 25%;
    left: 50%;
    z-index: 1;
    margin-left: -30px;
}
.support_info_list .support_li02>li {
    align-items: center;
    display: flex;
}
.support_info_list .support_li02>li::after{
    content:'';
    display:block;
    clear:both;
}
.support_info_list .support_li02>li:first-child{
    justify-content: center;
}
.support_info_list .support_li02>li:last-child ul {
    position: relative;
}
.support_info_list .support_li02>li:last-child ul:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 1px;
    height: 100%;
    background: #d9d9d9;
    right: 50%;
    top: 0;
}

@media (max-width: 1280px) {
    .support_info .support_info_list .first_list>li {
        font-size: 1.6rem;
        margin-left: 0;
    }

    .support_info .support_info_list .first_list>li::before {
        top: 10px;
    }

    .support_info .support_info_list .table-responsive {
        margin-left: 1.5rem;
    }

}

@media (max-width: 940px) {
    .support_info_list .support_li01,
    .support_info_list .support_li02 {
        display: block;
    }
    .support_info_list .support_li01>li,
    .support_info_list .support_li02>li{
        margin: 0
    }
    .support_info_list .support_li01>li:first-child {
        margin-bottom: 10px;
    }
    .support_info_list .support_li02:before {
        transform: rotate(0deg) scale(.5) translate(-25%, 0);
        top: 35%;
    }
}

@media (max-width: 720px) {
    .support_info .support_info_list h4 {
        font-size: 2rem;
    }
    .support_info_list .support_li01>li>ul {
        display: block;
    }
    .support_info_list .support_li01>li>ul>li,
    .support_info_list .support_li02>li>ul>li {
        width: 100%;
    }
    .support_info_list .support_li01>li>ul>li:first-child {
        margin-bottom: 20px;
    }
    .support_info_list .support_li02>li:first-child {
        justify-content: flex-start;
    }
    .support_info_list .support_li02>li>ul {
        display: block;
    }
    .support_info_list .support_li01>li>ul:after {
        transform: rotate(0deg) scale(.5) translate(-25%, 50%);
        top: 30%;
    }
    .support_info_list .support_li02>li:last-child ul:before {
        display: none;
    }
}


/* #################### menu3_open-info.html 관련 css - jjs  #################### */

.pt-0 {
    margin-top: 0;
}

/* oi_box */
.oi_box {
    background: #F4F4F4;
    padding: 6rem 0;
    margin-top: -10rem;
    position: relative;
}
.oi_box:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f4f4f4;
    z-index: -1;
    left: -100%;
    top: 0;
}
.oi_box:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f4f4f4;
    z-index: -1;
    right: -100%;
    top: 0;
}
.oi_box .wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.oi_box .wrap>p {
    text-align: center;
    font-size: 1.8rem;
    color: #666;
    margin-bottom: 3.6rem;
}

.oi_box .oi_icons {
    display: flex;
}

.oi_box .oi_icons .oi_icon {
    background-color: #fff;
    width: 30rem;
    height: 30rem;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.oi_box .oi_icons .oi_icon:nth-child(2) {
    margin: 0 2rem;
}

.oi_box .oi_icons .oi_icon img {
    display: block;
    margin-bottom: 3rem;
}

.oi_box .oi_icons .oi_icon p {
    font-weight: 500;
    font-size: 2.2rem;
    text-align: center;
    line-height: 1.4;
}


/* oi_lists */

.oi_lists {
    margin-top: 12rem;
}

.oi_lists h3 {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 0;
    padding-bottom: 3rem;
    font-weight: 500;
}

.oi_lists .oi_list {
    padding: 3rem 0;
    border-bottom: 1px solid #eaeaea;
}

.oi_lists .oi_list p {
    position: relative;
    padding-left: 1.5rem;
    font-size: 1.9rem;
    color: #666;
    margin-left: 1.5rem;
}

.oi_lists .oi_list p:before {
    content: "";
    background-color: #666;
    width: 4px;
    height: 4px;
    display: inline-block;
    top: 14px;
    position: absolute;
    left: 3px;
    border-radius: 10px;
}


@media (max-width: 1280px) {
    .oi_box {
        margin-top: -6rem;
    }
    .oi_lists h3 {
        font-size: 3rem;
    }

    .oi_lists h4 {
        font-size: 2.4rem;
    }

}

@media (max-width: 1080px) {
    .oi_box .oi_icons .oi_icon {
        background-color: #fff;
        width: 20rem;
        height: 20rem;
    }

    .oi_box .oi_icons .oi_icon img {
        width: 25%;
        margin-bottom: 1.5rem;
    }

    .oi_box .oi_icons .oi_icon p {
        font-size: 1.6rem;
        line-height: 1.8rem;
    }


}


@media (max-width: 720px) {
    .oi_box .wrap>p br {
        display: none;
    }

    .oi_box .oi_icons {
        display: flex;
        flex-direction: column;
        width: 80%;
    }

    .oi_box .oi_icons .oi_icon {
        width: 100%;
        height: 10rem;
        border-radius: 100px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-bottom: 1.5rem;
    }

    .oi_box .oi_icons .oi_icon:nth-child(2) {
        margin: 0;
        margin-bottom: 1.5rem;
    }

    .oi_box .oi_icons .oi_icon img {
        width: 50px;
        margin-bottom: 0;
        margin-right: 2rem;
    }

    .oi_box .oi_icons .oi_icon p {
        font-size: 1.8rem;
    }
    .oi_box .oi_icons .oi_icon p br {
        display: none;
    }

    /* oi_lists */
    .oi_lists {
        margin-top: 6rem;
    }

    .oi_lists h3 {
        font-size: 2.4rem;
    }

    .oi_lists h4 {
        font-size: 2rem;
    }

    .oi_lists .oi_list p {
        font-size: 1.6rem;
        margin-left: 0;
    }

    .oi_lists .oi_list p:before {
        top: 10px;
    }

}

@media (max-width: 515px) {

    /* oi_box */
    .oi_box {
        padding: 4rem 0;
    }

    .oi_box h3 {
        font-size: 2.4rem;
        margin-bottom: 2rem;
    }

    .oi_box .wrap>p {
        font-size: 1.6rem;
    }

    .oi_box .oi_icons {
        width: 100%;
    }

    .oi_box .oi_icons .oi_icon {
        height: 8rem;
    }

    .oi_box .oi_icons .oi_icon img {
        width: 40px;
    }

}


/* #################### menu3_map.html 관련 css - jjs  #################### */
.map {
    width: 100% !important;
    height: 392px;
}

.vehicles {
    margin-top: 5rem;
    border-top: 3px solid #061038;
}

/* 관서 교통편 margintop 0 */
.vehicles.fs {
    margin-top: 0;
}

.vehicles .v_list {
    padding: 1.5rem 5rem;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #DBDBDB;
}

.vehicles .v_list .txt_wrap {
    margin-left: 5rem;
}


.vehicles .v_list .title {
    font-weight: 600;
    font-size: 2.0rem;
    margin-bottom: 1rem;
}

.vehicles .v_list .title + p {
    font-size: 1.2rem;
    color: #666;
}

.vehicles .v_list span {
    display: block;
    position: relative;
    padding-left: 2rem;
}

.vehicles .v_list span::before {
    content: "";
    background-color: var(--color-point);
    width: 6px;
    height: 6px;
    display: inline-block;
    top: 13px;
    position: absolute;
    left: 3px;
    border-radius: 0px;
}

.vehicles .v_list .txt_wrap span:last-of-type {
    margin-bottom: 0;
}

.vehicles .v_list strong {
    font-weight: 400;
    font-size: 1.6rem;
    /*color: #999;*/
    display: block;
}


@media (max-width: 940px) {
    .vehicles .v_list {
        padding: 3rem 3rem;
    }

}

@media (max-width: 720px) {
    .vehicles .v_list {
        padding: 3rem 0rem;
    }

    .vehicles .v_list img {
        width: 60px;
    }

    .vehicles .v_list .txt_wrap {
        margin-left: 3rem;
    }

    .vehicles .v_list .title {
        font-size: 1.8rem;
    }

    .vehicles .v_list.title + p {
        font-size: 1.6rem;
    }

    .vehicles .v_list span {
        margin-bottom: 0;
    }

}

@media (max-width: 515px) {
    .vehicles {
        margin-top: 5rem;
    }

    .vehicles .v_list {
        flex-direction: column;
        align-items: flex-start;
    }

    .vehicles .v_list img {
        width: 50px;
    }

    .vehicles .v_list .txt_wrap {
        margin-top: 1.5rem;
        margin-left: 0rem;
    }

    .vehicles .v_list .title {
        margin-bottom: 0;
    }

}


/* #################### menu4_makeway.html 관련 css - jjs  #################### */
.mw_title_wrap {
    background-color: #F4F4F4;
    padding: 6rem 0;
    text-align: center;
    position: relative;
    margin-top: -10rem;
}
.mw_title_wrap:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f4f4f4;
    z-index: -1;
    left: -100%;
    top: 0;
}
.mw_title_wrap:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f4f4f4;
    z-index: -1;
    right: -100%;
    top: 0;
}

.mw_title_wrap h3 strong {
    color: var(--color-point);
}

.mw_title_wrap p span {
    display: block;
    font-size: 1.8rem;
}

.mw_title_wrap p strong {
    font-size: 1.8rem;
}

.mw_h4 {
    margin-top: 12rem;
    font-weight: 500;
    font-size: 2.8rem;
}

.mw_import {
    display: flex;
    align-items: center;
}

.mw_import img {
    width: 50%;
}


.mw_import .txt_wrap {
    display: flex;
    flex-direction: column;
    margin-left: 7rem;
}

.mw_import .txt_wrap span {
    display: block;
}

.mw_import .txt_wrap .sub_txt {
    padding-bottom: 2rem;
    border-bottom: 1px solid #DBDBDB;
}

.mw_import .txt_wrap .sub_txt span:first-child {
    font-weight: 600;
    font-size: 2rem;
    color: #333;
}

.mw_import .txt_wrap .sub_txt span:last-child {
    color: #666;
    margin-top: 1.4rem;
}

.mw_import .txt_wrap .main_txt {
    margin-top: 8rem;
}

.mw_import .txt_wrap .main_txt span {
    font-size: 3rem;
    line-height: 1.4;
}

.mw_import .txt_wrap .main_txt span:first-child {
    color: var(--color-point);
    font-weight: 600;
}

.mw_import .txt_wrap .main_txt span:last-child {
    color: #666;
    margin-top: 2rem;
}

/* mw_problem */
.mw_problem .problem_list {
    display: flex;
    align-items: center;
    margin-bottom: 3.5rem;
}

.mw_problem .problem_list .p_icon {
    width: 12rem;
    height: 12rem;
    min-width: 12rem;
    background-color: #F4F4F4;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mw_problem .problem_list .p_txt {
    padding-left: 4rem;
}

.mw_problem .problem_list .p_txt p {
    font-weight: 500;
    font-size: 2.4rem;
    color: #333;
    margin-bottom: 1rem;
}

.mw_problem .problem_list .p_txt span {
    display: block;
    color: #666;
}




/* mw_skill */

.mw_skill {
    border-top: 3px solid var(--color-point-2);
}

.mw_skill .skill_list {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 2rem 2rem;
    border-bottom: 1px solid #E5E5E5;
}

.mw_skill .skill_list h5 {
    font-weight: 600;
    width: 20%;
    position: relative;
    padding-left: 1.5rem;
    font-size: 1.6rem;
    margin-bottom: 0;
    min-width: 20rem;
}

.mw_skill .skill_list h5::before {
    content: "";
    background-color: var(--color-point);
    width: 6px;
    height: 6px;
    display: inline-block;
    top: 8px;
    position: absolute;
    left: 3px;
    border-radius: 0px;
}

.mw_skill .skill_list span {
    color: #666;
    display: block;
}

/* mw_video */

.mw_video {
    display: flex;
    width: 100%;
    position: relative;

}

.mw_video .mw_video_info {
    border: 1px solid #F2F2F2;
    width: 30%;
    display: flex;
    overflow-y: auto;
    height: 100%;
    position: absolute;
    right: 0;
    padding: 3rem;
}


.mw_video .mw_video_info p {
    margin-bottom: 1.8rem;
}

.mw_video .mw_video_info p:last-child {
    margin-bottom: 0rem;
}

.mw_video .mw_video_info p span {
    display: block;
}


@media (max-width: 1280px) {
    .mw_title_wrap {
        margin-top: -6rem
    }
    /* mw_import */

    .mw_import .txt_wrap {
        margin-left: 3rem;
    }

    .mw_import .txt_wrap .main_txt {
        margin-top: 2rem;
    }

    .mw_import .txt_wrap .main_txt span {
        font-size: 2.4rem;
    }

    .mw_import .txt_wrap .main_txt span:last-child {
        margin-top: 1rem;
    }

}

@media (max-width: 1080px) {

    /* mw_import */
    .mw_import {
        align-items: flex-start;
    }

    .mw_import .txt_wrap .main_txt span {
        font-size: 2rem;
    }
}

@media (max-width: 940px) {

    /* mw_import */
    .mw_import {
        flex-direction: column;
    }

    .mw_import .txt_wrap {
        margin-left: 0;
        margin-top: 2rem;
    }

    .mw_import img {
        min-width: 40rem;
        margin: 0 auto;
    }

    .mw_import .txt_wrap .sub_txt span:last-child {
        margin-top: 0.5rem;
    }

    .mw_import .txt_wrap .main_txt span:last-child {
        margin-top: 0rem;
    }

    /* mw_problem */
    .mw_problem .problem_list .p_txt p {
        font-size: 2rem;
    }

    .mw_problem .problem_list .p_icon {
        width: 10rem;
        height: 10rem;
        min-width: 10rem;
    }

    .mw_problem .problem_list .p_icon img {
        width: 60px;
    }

    .mw_problem .problem_list .p_txt {
        padding-left: 3rem;
    }

    .mw_problem .problem_list .p_txt p {
        margin-bottom: 0.5rem;
    }

    .mw_problem .problem_list:first-of-type .span_m {
        margin-bottom: 0.5rem;
    }

    /* mw_video */
    .mw_video video {
        width: 60%;
    }

    .mw_video .mw_video_info {
        width: 40%;
    }

}

@media (max-width: 720px) {
    .mw_title_wrap h3 {
        font-size: 2.8rem;
    }

    .mw_title_wrap p {
        font-size: 1.6;
    }


    .mw_h4 {
        margin-top: 6rem;
        font-size: 2.4rem;
    }

    /* mw_import */
    .mw_import img {
        width: 100%;
        min-width: 0rem;
    }

    /* mw_problem */
    .mw_problem .problem_list {
        flex-direction: column;
        align-items: flex-start;
    }

    .mw_problem .problem_list .p_icon {
        margin: 0 auto;
    }

    .mw_problem .problem_list .p_txt {
        padding-left: 0;
        margin-top: 1.5rem;
    }

    /* mw_skill */
    .mw_skill .skill_list {
        padding: 2rem 0;
    }

    .mw_skill .skill_list h5 {
        min-width: 18rem;
    }

    /* mw_video */
    .mw_video {
        flex-direction: column;
    }

    .mw_video video {
        width: 100%;
    }

    .mw_video .mw_video_info {
        width: 100%;
        position: relative;
        height: 30rem;
        margin-top: 1rem;
        padding: 2rem 1.5rem;
    }
}

@media (max-width: 515px) {

    /* mw_import */
    .mw_import img {
        width: 100%;
        min-width: 0rem;
    }


    /* mw_skill */
    .mw_skill .skill_list {
        flex-direction: column;
        align-items: flex-start;
        padding: 2rem 0;
    }

    .mw_skill .skill_list h5 {
        margin-bottom: .5rem;
    }
}


/* #################### menu4_119report.html 관련 css - jjs  #################### */


.report_title_wrap {
    background-color: #F4F4F4;
    padding: 6rem 0;
    text-align: center;
    position: relative;
    margin-top: -10rem;
}
.report_title_wrap:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f4f4f4;
    z-index: -1;
    left: -100%;
    top: 0;
}
.report_title_wrap:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f4f4f4;
    z-index: -1;
    right: -100%;
    top: 0;
}
.report_title_wrap h3 {
    margin-bottom: 0;
}

.report_title_wrap h3 strong {
    color: var(--color-point);
}

.r_h4 {
    margin-top: 7rem;
    font-weight: 500;
    font-size: 2.8rem;
}

/* fire_report */

.fire_report {
    border-top: 3px solid var(--color-point-2);
}

.fire_report .fire_report_list {
    padding: 2rem;
    border-bottom: 1px solid #E5E5E5;
}

.fire_report .fire_report_list>p {
    position: relative;
    padding-left: 1.5rem;
}

.p_mb {
    margin-bottom: 2rem;
}

.fire_report .fire_report_list>p::before {
    content: "";
    background-color: var(--color-point);
    width: 6px;
    height: 6px;
    display: inline-block;
    top: 11px;
    position: absolute;
    left: 3px;
    border-radius: 0px;
}

.fire_report .report_icons {
    display: flex;
    margin: 0 1.5rem;
}

.fire_report .report_icons .icon_wrap {
    background-color: #F4F4F4;
    padding: 2rem 4rem;
    display: flex;
    align-items: center;
    width: 33%;
    font-size: 2rem;
}

.fire_report .report_icons .icon_wrap span {
    display: block;
}

.fire_report .report_icons .icon_wrap:nth-of-type(2) {
    margin: 0 1.6rem
}

.fire_report .report_icons .icon_wrap .icon {
    width: 9rem;
    height: 9rem;
    min-width: 9rem;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 2rem;
}

.fire_report .fire_report_list>span {
    display: block;
    text-align: center;
    font-weight: 600;
    margin-top: 2rem;
}


/* local_report */
.local_report {
    width: 100%;
    display: flex;
}

.local_report .local_report_list {
    margin-right: 2.6rem;
    display: flex;
    flex-direction: column;
    width: calc(100% / 4);
}

.local_report .local_report_list:last-of-type {
    margin-right: 0;
}

.local_report .local_report_list>* {
    width: 100%;
    height: auto;
}

.local_report .local_report_list p {
    background-color: var(--color-point);
    color: #fff;
    text-align: center;
    padding: 1.5rem;
    font-size: 2rem;
}

.local_report .local_report_list span {
    padding: 1.5rem;
    padding-bottom: 0;
    height: 12rem;
    border-left: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
}

.local_report .local_report_list img {
    width: 100%;
}


@media (max-width: 1280px) {

    /* report_title_wrap */
    .report_title_wrap {
        padding: 4rem 0;
        margin-top: -6rem;
    }

    .report_title_wrap h3 {
        font-size: 2.8rem;
    }

    /* fire_report */
    .fire_report .report_icons .icon_wrap {
        font-size: 1.6rem;
        padding: 2rem 3rem;
    }

    /* local_report */
    .local_report .local_report_list {
        margin-right: 2rem;
    }

    .local_report .local_report_list p {
        font-size: 1.8rem;
    }

}

@media (max-width: 1080px) {

    /* fire_report */
    .fire_report .report_icons {
        margin: 0;
    }

    .fire_report .report_icons .icon_wrap {
        padding: 1.5rem 1.5rem;
    }

    .fire_report .report_icons .icon_wrap .icon {
        width: 7rem;
        height: 7rem;
        min-width: 7rem;
        margin-right: 1.5rem;
    }

    .fire_report .report_icons .icon_wrap p {
        line-height: 2rem;
    }

    .fire_report .report_icons .icon_wrap img {
        width: 45px;
    }

    /* local_report */
    .local_report {
        flex-wrap: wrap;
    }

    .local_report .local_report_list {
        width: calc((100% - 3rem) / 2);
    }

    .local_report .local_report_list {
        margin-right: 0;
    }

    .local_report .local_report_list:nth-child(odd) {
        margin-right: 3rem;
    }

    .local_report .local_report_list:first-child {
        margin-bottom: 2rem;
    }

    .local_report .local_report_list:nth-child(2) {
        margin-bottom: 2rem;
    }

}

@media (max-width: 940px) {

    /* fire_report */
    .fire_report .fire_report_list {
        padding: 2rem 0;
    }

    .fire_report .report_icons {
        flex-direction: column;
    }

    .fire_report .report_icons .icon_wrap {
        width: 100%;
        margin-bottom: .5rem;
    }

    .fire_report .report_icons .icon_wrap:nth-of-type(2) {
        margin: 0;
        margin-bottom: .5rem;
    }

    .fire_report .report_icons .icon_wrap:last-of-type {
        margin: 0;
        margin-bottom: 0;
    }

    .fire_report .fire_report_list>span {
        margin-top: 1rem;
    }

}


@media (max-width: 720px) {

    /* report_title_wrap */
    .report_title_wrap {
        padding: 4rem 0;
    }

    .report_title_wrap h3 {
        font-size: 2.8rem;
    }


    .r_h4 {
        font-size: 2.4rem;
    }


    /* local_report */

    .local_report .local_report_list {
        width: calc((100% - 1.5rem) / 2);
    }

    .local_report .local_report_list p {
        font-size: 1.7rem;
    }

    .local_report .local_report_list:nth-child(odd) {
        margin-right: 1.5rem;
    }

    .local_report .local_report_list:first-child {
        margin-bottom: 1.5rem;
    }

    .local_report .local_report_list:nth-child(2) {
        margin-bottom: 1.5rem;
    }

}

@media (max-width: 515px) {
    .local_report .local_report_list {
        width: 100%;
        margin: 0 !important;
        margin-bottom: 1rem !important;
    }

    .local_report .local_report_list span {
        height: auto;
        padding: 1.5rem;
    }
}




/* 119특수대응단 map 추가 css*/
.special_map_bg {
    border: 1px solid #E0E0E0;
    padding: 2rem;
    font-size: 2rem;
}

.special_map_bg p {
    display: flex;
    align-items: center;
}

.special_map_bg span:first-child {
    color: var(--color-point);
    margin-right: 0.5rem;
}

/* 부서 및 연락처 hr태그 점선 관련 css */

hr.dash {
    width: 100%;
    height: 1px;
    background: url(../img/bg_dotted_horizontal.png);
    display: block;
    background-repeat: repeat;
    opacity: 1;
}

/* table white-space */
.t-ws {
    white-space: normal;
}


/* 당진소방서 table backslash 관련 css */
.backslash {
    position: relative;
}

.backslash>p {
    position: absolute;
}

.backslash>p:first-of-type {
    top: 25%;
    right: 10%;
}

.backslash>p:last-of-type {
    bottom: 20%;
    left: 10%;
}

/* 화재피해주민지원센터 페이지에서 point color 관련 css */
.point-c {
    color: var(--color-point);
}



.with119_wrap img {margin: 0 auto; display: block; max-width: 900px; width: 100%;}
.with119_wrap .button_wrap {
    justify-content: center;
}
.with119_wrap .button_wrap .orange_btn {
    width: auto;
}


/* 소방생활정보_소방생활정보_구조상식 css 추가 20221223 - jjs */

.fireinfo ul.bu02 {
    margin: 0.7rem 0.5rem;
}

.fireinfo .tie-img {
    border: 1px solid #eaeaea;
    text-align: center;
}

.fireinfo .divide2 {
    display: flex;
    align-items: flex-start;
}

.fireinfo .divide2:first-child {
    width: 40%;
    margin-right: 2rem;
    border: 1px solid red;
}

.fireinfo .divide2:last-child {
    width: 55%;
}

/*소방상식*/
.nav-st2 {font-size: 1.8rem; border-bottom: none;}
.nav-st2 .nav-link {color: #999; background: #f1f1f1; margin: 1px; border-radius: 0;}
.nav-st2 .nav-link:hover {color: #fe6027; background: transparent;}
.nav-st2 .nav-link.active {color: #fe6027; font-weight: bold; border-color: #fe6027;}

.fireinfo .nav-pills.nav-w6p .nav-item {width: calc(100% / 6);  margin-top: -1px;}
.fireinfo .fire_tab .nav-pills .nav-item button {display: flex;justify-content: center;flex-direction: column;align-items: center;}
.fireinfo .fire_tab .nav-pills .nav-item button::before {content: ""; position: relative; display: block; width: 50px; height: 50px; background-image: url(/resources/img/cont/icon_fireInfo1.svg); background-position: 0 0;}

.fireinfo .fire_tab .nav-w6p .nav-item button::before {background-image: url(../img/cont/icon_fireInfo2.svg);}
.fireinfo .fire_tab .nav-w6p .nav-item button#tab-fireInfo1::before {background-position: 0px -100px;}
.fireinfo .fire_tab .nav-w6p .nav-item button#tab-fireInfo2::before {background-position: -50px -100px;}
.fireinfo .fire_tab .nav-w6p .nav-item button#tab-fireInfo3::before {background-position: -100px -100px;}
.fireinfo .fire_tab .nav-w6p .nav-item button#tab-fireInfo4::before {background-position: -150px -100px;}
.fireinfo .fire_tab .nav-w6p .nav-item button#tab-fireInfo5::before {background-position: -200px -100px;}
.fireinfo .fire_tab .nav-w6p .nav-item button#tab-fireInfo6::before {background-position: -250px -100px;}
.fireinfo .fire_tab .nav-w6p .nav-item button#tab-fireInfo7::before {background-position: -0px -150px;}
.fireinfo .fire_tab .nav-w6p .nav-item button#tab-fireInfo8::before {background-position: -50px -150px;}
.fireinfo .fire_tab .nav-w6p .nav-item button#tab-fireInfo9::before {background-position: -100px -150px;}
.fireinfo .fire_tab .nav-w6p .nav-item button#tab-fireInfo10::before {background-position: -150px -150px}
.fireinfo .fire_tab .nav-w6p .nav-item button#tab-fireInfo11::before {background-position: -200px -150px}
.fireinfo .fire_tab .nav-w6p .nav-item button#tab-fireInfo12::before {background-position: -250px -150px}

.fireinfo .fire_tab .nav-w6p .nav-item button.active#tab-fireInfo1::before {background-position: 0 0px;}
.fireinfo .fire_tab .nav-w6p .nav-item button.active#tab-fireInfo2::before {background-position: -50px 0px;}
.fireinfo .fire_tab .nav-w6p .nav-item button.active#tab-fireInfo3::before {background-position: -100px 0px;}
.fireinfo .fire_tab .nav-w6p .nav-item button.active#tab-fireInfo4::before {background-position: -150px 0px;}
.fireinfo .fire_tab .nav-w6p .nav-item button.active#tab-fireInfo5::before {background-position: -200px 0px;}
.fireinfo .fire_tab .nav-w6p .nav-item button.active#tab-fireInfo6::before {background-position: -250px 0px;}
.fireinfo .fire_tab .nav-w6p .nav-item button.active#tab-fireInfo7::before {background-position: -0px -50px;}
.fireinfo .fire_tab .nav-w6p .nav-item button.active#tab-fireInfo8::before {background-position: -50px -50px;}
.fireinfo .fire_tab .nav-w6p .nav-item button.active#tab-fireInfo9::before {background-position: -100px -50px;}
.fireinfo .fire_tab .nav-w6p .nav-item button.active#tab-fireInfo10::before {background-position: -150px -50px}
.fireinfo .fire_tab .nav-w6p .nav-item button.active#tab-fireInfo11::before {background-position: -200px -50px}
.fireinfo .fire_tab .nav-w6p .nav-item button.active#tab-fireInfo12::before {background-position: -250px -50px}

.fireinfo .fire_tab .nav-w4p .nav-item button::before {background-image: url(../img/cont/icon_fireInfo1.svg);}
.fireinfo .fire_tab .nav-w4p .nav-item button#tab-fireInfo1::before {background-position: 0px -50px;}
.fireinfo .fire_tab .nav-w4p .nav-item button#tab-fireInfo2::before {background-position: -50px -50px;}
.fireinfo .fire_tab .nav-w4p .nav-item button#tab-fireInfo3::before {background-position: -100px -50px;}
.fireinfo .fire_tab .nav-w4p .nav-item button#tab-fireInfo4::before {background-position: -150px -50px;}
.fireinfo .fire_tab .nav-w4p .nav-item button.active#tab-fireInfo1::before {background-position: 0px 0px;}
.fireinfo .fire_tab .nav-w4p .nav-item button.active#tab-fireInfo2::before {background-position: -50px 0px;}
.fireinfo .fire_tab .nav-w4p .nav-item button.active#tab-fireInfo3::before {background-position: -100px 0px;}
.fireinfo .fire_tab .nav-w4p .nav-item button.active#tab-fireInfo4::before {background-position: -150px 0px;}


@media(max-width: 1440px) {
    .nav-w6p.nav-pills .nav-link {font-size: 1.8rem; padding: 2rem 1rem;}
}

@media(max-width: 1280px) {
    .nav-w6p.nav-pills .nav-link {font-size: 1.8rem; padding: 2rem .5rem;height: 100%;justify-content: center;align-items: center;}
}

@media(max-width: 1080px) {
    .fireinfo .nav-pills.nav-w6p .nav-item {width: calc(100% / 4); line-height: 1.4;}
}

@media(max-width: 720px) {
    .fireinfo .nav-pills .nav-item {width: calc(100% / 2) !important;}
    .fireinfo .fire_tab .nav-pills .nav-item button::before {display: none;}
}

@media(max-width: 850px) {

    .fireinfo .tie-img > img {
        width: 100%;
    }
    .fireinfo .divide2 {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

}

/* 개인정보처리방침_라벨 */
.label_boxs {
    margin:50px auto;
}
.label_boxs > h4{
    text-align:center;
}
.label_boxs ul {
    width:100%;
    display:grid;
    grid-template-columns: repeat( auto-fill, minmax(231px, 1fr) );;
    margin-top:50px;
    gap:1rem;

}

.label_boxs ul li {

    height:170px;
    border-radius: 10px;
    box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2);
    background: #fff;
    position: relative;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    gap:1rem;
    overflow: hidden;
    cursor: pointer;
}

.label_boxs ul li:hover {
    transition: 0.2s;
    border: 1px solid #1647aa;
}

.label_boxs ul li img {
    max-width: 90px;
    height: auto;
}

.label_list {
    margin-top: 5rem;
}

.label_list h4,
.label_list p{
    text-align: center;
}

.label_list ul {
    display: flex;
    align-items: center;
    border-top:2px solid #333;
    flex-wrap: wrap;
    margin-top: 20px;
}

.label_list ul li {
    width:50%;
    border-bottom: 1px solid #ededed;
    padding: 16px 0 14px 50px;
    font-size: 14px;
}

.label_list ul li.label_01 {
    background:url("../img/icon/label_icon01.svg") 8px center/30px no-repeat;
}
.label_list ul li.label_02 {
    background:url("../img/icon/label_icon02.svg") 8px center/30px no-repeat;
}
.label_list ul li.label_03 {
    background:url("../img/icon/label_icon03.svg") 8px center/30px no-repeat;
}
.label_list ul li.label_04 {
    background:url("../img/icon/label_icon04.svg") 8px center/30px no-repeat;
}
.label_list ul li.label_05 {
    background:url("../img/icon/label_icon05.svg") 8px center/30px no-repeat;
}
.label_list ul li.label_06 {
    background:url("../img/icon/label_icon06.svg") 8px center/30px no-repeat;
}
.label_list ul li.label_07 {
    background:url("../img/icon/label_icon07.svg") 8px center/30px no-repeat;
}
.label_list ul li.label_08 {
    background:url("../img/icon/label_icon08.svg") 8px center/30px no-repeat;
}
.label_list ul li.label_09 {
    background:url("../img/icon/label_icon09.svg") 8px center/30px no-repeat;
}
.label_list ul li.label_10 {
    background:url("../img/icon/label_icon10.svg") 8px center/30px no-repeat;
}
.label_list ul li.label_11 {
    background:url("../img/icon/label_icon11.svg") 8px center/30px no-repeat;
}
.label_list ul li.label_12 {
     background:url("../img/icon/label_icon12.svg") 8px center/30px no-repeat;
 }
.label_list ul li.label_13 {
    background:url("../img/icon/label_icon13.svg") 8px center/30px no-repeat;
}
.label_list ul li.label_14 {

}
.label_list ul li.label_15 {
     background:url("../img/icon/label_icon15.svg") 8px center/30px no-repeat;
 }
.label_list ul li.label_16 {
    background:url("../img/icon/label_icon16.svg") 8px center/30px no-repeat;
}


.label_tit {
    padding-top: 100px !important;
    margin-top: -50px !important;
}

.label_tit h4 {
   display: inline;
}

.label_tit .label_point{
    display: inline;
    vertical-align: middle;
}

.label_tit .label_point img {
    max-width: 30px;
    width:100%;
}


@media(max-width: 768px) {
    .label_list ul li {
        width:100%;
    }
}

.table-default thead th, .board_list thead th {
    border-bottom: 1px solid #e5e7ee;
}

.table > thead {
    border-top: 2px solid #333 !important;
    padding: 10px;
    text-align: center;
    font-weight: 600;
    white-space: nowrap;
}

.table > thead th {
    border-bottom: 1px solid var(--color-gray-1) !important;
}

.table > :not(caption) > * > * {
    padding: 14px;
}

.table>:not(:first-child) {
    border-top: 1px solid var(--color-gray-1);
}

tbody tr {
    border-bottom: 1px solid var(--color-gray-1);
    text-align: center;
}

tbody tr.contents {
    white-space: normal;
}
tbody tr.contents td {
    height: 200px;
}
tbody tr.files td a:hover,
tbody tr.files td a:focus,
tbody tr.files td a:active {
    text-decoration: underline;
}
tbody .subject {
    text-align: left;
    color: #333;
}
tbody .subject .txtCut {
    display: flex;
    align-items: center;
}
tbody .subject a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
tbody .subject a:hover,
tbody .subject a:focus,
tbody .subject a:active {
    text-decoration: underline;
}
tbody .subject .new_icon {
    width: 20px;
    height: 20px;
    min-width: 20px;
    line-height: 20px;
    margin: 0 0.5rem;
}
tbody .xi-lock-o,
tbody .xi-comment-o {
    font-size: 2rem;
    vertical-align: middle;
    margin: 0 0.5rem;
}
tbody .xi-comment-o {
    color: #999;
}
table .file_icon {
    font-size: 1.8rem;
    top: 2px;
    position: relative;
    margin-right: 5px;
}

tbody .secret > a {
    display: flex;
    align-items: center;
}

tbody .reply a {
    display: flex;
    align-items: center;
}

tbody .reply_icon {
    display: block;
    width: 11px;
    height: 9px;
    border-left: 2px solid var(--color-point);
    border-bottom:2px solid var(--color-point);
    margin-right: 6px;
}
table caption {
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important;
}
tbody tr.no_content:hover>* {
    --bs-table-accent-bg: transparent;
}
.table.table-borderless>:not(:first-child),
.table.table-borderless tbody tr {
    border:none;
}


/* table */
.t_head tr>th {background-color: var(--color-bg);border-right: 1px solid var(--color-gray-1);border-right: 1px solid var(--color-gray-1);}
.t_head tr>th:last-child {border-right: none;}
.cont_table th {
  background-color: var(--color-bg);
}


/* greeting2 PJJ 추가 및 수정 */
/* #sub-body .greetings2 {align-items: center;} PJJ 20250707 수정 */
#sub-body .greetings2:before {background: url(/wp-content/uploads/symbol-gray.png) no-repeat; width: 822px; height: 822px; border-radius: initial; opacity: .8; filter: grayscale(1);margin-top: -411px;transform: scale(.8);}
/*#sub-body .greetings2 .text p:first-of-type {color: var(--color-orange);}*/
/*#sub-body .greetings2 .text p:last-of-type {font-size: 3rem; margin-top: 3rem;}*/
#sub-body .greetings2 .text p:first-of-type {font-size: 3.8rem; font-weight:bold; color:var(--color-point); line-height:1.4;}/* PJJ 20250707 수정 */
#sub-body .greetings2 .text p:last-of-type {font-size: 2.5rem; margin-top: 1.5rem;}/* PJJ 20250707 수정 */
#sub-body .greetings2 .text {width: calc(100% - 300px);}
#sub-body .greetings2 .profile {width: 550px;}/* PJJ 20250707 수정 */
#sub-body .greetings2 .text .signature {width:100%; text-align:right;}/* PJJ 20250707 추가 */
#sub-body .greetings2 .text .signature > span {margin-right: 10px; color:#666; vertical-align: middle;}/* PJJ 20250707 추가 */

#sub-body .greetings2 {display: flex; align-items:flex-start;}/* PJJ 20250707 수정 */
/*#sub-body .greetings2:before {content: ""; width: 600px; height: 600px; position: absolute; border-radius: 1000px; background: var(--color-point); z-index: -1; left: -275px; opacity: .05;}*/
#sub-body .greetings2 .text {width: calc(100% - 358px); padding-right: 100px; line-height: 1.6;}
#sub-body .greetings2 .text p:first-of-type {color: #333; font-weight: 500; font-size: 3rem;}
#sub-body .greetings2 .text p {font-size: 1.8rem; color: #666; margin-bottom: 1.5rem;}
#sub-body .greetings2 .text>strong {font-size: 3.5rem; color: var(--color-point); margin: 2rem 0 5rem; display: inline-block; font-weight: bold; line-height: 1.4}

/* PJJ 20250707 추가 */
#sub-body .greetings2 .text > p:nth-child(1) {color:var(--color-point); font-size: 4rem;}
#sub-body .greetings2 .text > p.txt_org {margin-top: 6rem; color:var(--color-orange); font-size : 3rem; font-weight: 500;}
#sub-body .greetings2 .text > p.txt_bk {font-size: 3.3rem; color: #333; margin: 2rem 0 5rem; line-height: 1.4}
/* PJJ 20250707 추가 */

#sub-body .greetings2 .profile {width: 358px; text-align: center;}
#sub-body .greetings2 .profile img {width: auto; max-width: 100%; filter: drop-shadow(10px 10px 20px rgb(0 0 0 / .3)); display: block; margin: 0 auto;}
#sub-body .greetings2 .profile span {font-size: 1.6rem; display: inline-block; margin: 4rem 0 0;}
#sub-body .greetings2 .profile p {font-size: 2.4rem; font-weight: 500;}
#sub-body .greetings2 .profile_group .profile:last-child {margin-top: 4rem;}




@media (max-width: 1280px) {
    #sub-body .greetings2 .text p:last-of-type {font-size: 2.5rem;}
}
@media (max-width: 1024px) {
    #sub-body .greetings2 {flex-direction:column;}
    #sub-body .greetings2 .profile img {visibility: hidden;}
    #sub-body .greetings2 .text,
    #sub-body .greetings2 .profile {width: 100%;}
    #sub-body .greetings2 .text p:last-of-type {font-size: 2rem;}
}



/* vision 추가 - PJJ 20250708 */
#sub-body .vision_box {width: 100%; padding:30px; background: #fff;}
#sub-body .vision_box .visi_sec {display: flex; flex-direction:column; gap:50px;}
#sub-body .vision_box .visi_sec dl {position: relative; padding-left:60px;}
#sub-body .vision_box .visi_sec dl > dt {position: absolute; top:-15px; left:0px; display:inline-block; vertical-align: middle; background:#fff; border-radius:0 180px 180px 0;}
#sub-body .vision_box .visi_sec dl > dt > span {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 180px; height: 180px; border-radius:180px; color:#fff; font-size: 24px; font-weight: 500;}
#sub-body .vision_box .visi_sec dl > dt > span:before{content:'';  display:block; width:66px; height:69px;}
#sub-body .vision_box .visi_sec dl > dd {display:flex; justify-content: center; align-items: center; gap:20px; height:160px; padding-left:145px; font-size:24px; font-weight:bold; color:#000000; background: #F4F4F4; text-align: center;}

#sub-body .vision_box .visi_sec .mission > dt > span {background: #FE6027; box-shadow: 10px 10px 15px rgb(254 96 39 / 20%); }
#sub-body .vision_box .visi_sec .mission > dt > span:before { background:url(/wp-content/uploads/icon_vision1.png) no-repeat  center;}
#sub-body .vision_box .visi_sec .vision > dt > span {background: #FCBF00; box-shadow: 10px 10px 15px rgb(254 96 39 / 20%); color:#333333;}
#sub-body .vision_box .visi_sec .vision > dt > span:before{background:url(/wp-content/uploads/icon_vision2.png) no-repeat center;}
#sub-body .vision_box .visi_sec .role > dt > span {background: #005CA9; box-shadow: 10px 10px 15px rgb(0 91 172 / 20%);}
#sub-body .vision_box .visi_sec .role > dt > span:before {background:url(/wp-content/uploads/icon_vision3.png) no-repeat center;}
#sub-body .vision_box .visi_sec .role > dd > span {display:inline-block; width:18%; margin:10px; padding:10px 0; font-size:18px; font-weight: 400; color:#005BAC; background: #fff; border: 1px solid #005BAC; box-shadow: 10px 10px 15px rgb(0 91 172 / 20%); border-radius:8px;}

#sub-body .vision_box p.bg_arrow_top {width: 100%; height:95px; background:url(/wp-content/uploads/bg_arrow_top.png) no-repeat top center;}

#sub-body .vision_box .visi_strategy {display: flex; flex-direction:column; text-align: center; min-width: 50%; padding:40px; background: #F4F4F4;}
#sub-body .vision_box .visi_strategy > p {position: relative; width:300px; height:60px; margin:0 auto; padding-top:10px; font-size:20px; font-weight:500; color:#FFF; background: #333; border-radius: 30px; box-shadow: 10px 10px 15px rgb(6 16 56 / 20%);}
#sub-body .vision_box .visi_strategy > p:before {position:absolute; content: ''; bottom:-34px; left:50%; width:1px; height:34px; background:#adb5bd;}
#sub-body .vision_box .visi_strategy > p:after {position:absolute; content: ''; bottom:-6px; left:calc(50% - 6px); width:12px; height:12px; background:#333; border:1px solid #fff; border-radius:10px;}
#sub-body .vision_box .visi_strategy > .visi_ul {position: relative; display: flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between; gap:20px; padding-top:40px; margin-top:33px;}
#sub-body .vision_box .visi_strategy > .visi_ul:before {position:absolute; content: ''; top:0; left:calc(((100% / 4) - 14px) / 2); width:calc((100% - (100% / 4)) + 15px); height:1px; background:#adb5bd;}
#sub-body .vision_box .visi_strategy > .visi_ul > li {position:relative; flex:1 0 calc((100% / 4) - 17px);  background: #fff; border: 1px solid #DCDCDC;}
#sub-body .vision_box .visi_strategy > .visi_ul > li:before {position:absolute; content: ''; top:-40px; left:50%; width:1px; height:40px; background:#adb5bd;}
#sub-body .vision_box .visi_strategy > .visi_ul > li:after {position:absolute; content: ''; top:-6px; left:calc(50% - 6px); width:12px; height:12px; background:#333; border:1px solid #fff; border-radius:10px;}
#sub-body .vision_box .visi_strategy > .visi_ul > li > p {padding:10px 0; font-size:18px; font-weight:500; color:#333; background:#fff; border: 1px solid #333;}
#sub-body .vision_box .visi_strategy > .visi_ul > li > ul {height:calc(100% - 40px);  padding:10px 10px; font-size:16px; color:#666; text-align:left;}

@media (max-width: 1200px) {
    #sub-body .vision_box .visi_sec dl{padding-left:0;}
    #sub-body .vision_box .visi_sec dl > dt {position: relative; top:0px; left:0px; display:block; border-radius:0;}
    #sub-body .vision_box .visi_sec dl > dt > span {flex-direction: row; width:100%; height:auto; padding:15px 0; font-size:22px; border-radius:8px 8px 0px 0px;}
    #sub-body .vision_box .visi_sec dl > dt > span:before {display: none;}
    #sub-body .vision_box .visi_sec dl > dt > span > i{display:inline-block; width:66px; vertical-align: middle; }
    #sub-body .vision_box .visi_sec dl > dd {gap:0; height:auto; padding:20px; font-size:20px;}
    #sub-body .vision_box .visi_sec .role > dd {padding:20px;}
    #sub-body .vision_box .visi_sec .role > dd > span {flex:1 0;}

}
@media (max-width: 1024px) {
    #sub-body .vision_box .visi_strategy > .visi_ul {flex-direction: column; margin-top:15px;}
    #sub-body .vision_box .visi_strategy > p:before,
    #sub-body .vision_box .visi_strategy > p:after,
    #sub-body .vision_box .visi_strategy > .visi_ul:before,
    #sub-body .vision_box .visi_strategy > .visi_ul > li::before,
    #sub-body .vision_box .visi_strategy > .visi_ul > li::after{display:none;}
}

@media (max-width: 768px) {
    #sub-body .vision_box .visi_sec dl > dd {flex-direction: column; justify-content: flex-start;}
    #sub-body .vision_box .visi_sec .role > dd > span {width:100%;}
    #sub-body .vision_box .visi_strategy > p {width:100%;}
}

/* history */
#sub-body .history div:nth-child(3n-2):before {background: #ff601c;}
#sub-body .history div:nth-child(3n-1):before {background: var(--color-point);}
#sub-body .history div:nth-child(3n):before {background: #fdd000;}


/* edu-policy */
#sub-body .border {padding: 6rem 4rem;}
#sub-body .eduPolicy #tab-pane-edu1 ul {display: flex; justify-content: center; margin: -1rem auto; max-width: 1380px; align-items:flex-start;}/* PJJ 20250707 수정 */
#sub-body .eduPolicy #tab-pane-edu1 ul li {position: relative; margin: 0 10px;  width: calc(50% - 60px);  display: flex; flex-wrap: nowrap; align-items: center;flex-direction: column;justify-content: center;}/* PJJ 20250707 수정 */
#sub-body .eduPolicy #tab-pane-edu1 ul li>div {padding-bottom: 50%; height: 0; position: relative;}/* PJJ 20250707 수정 */
#sub-body .eduPolicy #tab-pane-edu1 ul li>div>div {position: absolute;transform: translate(-50%, -50%);top: 50%;left: 50%;white-space: nowrap;}
#sub-body .eduPolicy #tab-pane-edu1 ul li .bg {content: ""; background: var(--color-point);width: calc(100% + 40px);display: block;padding-bottom: calc(100% + 40px);height: 0;position: absolute;z-index: -1; border-radius: 500px;}
#sub-body .eduPolicy #tab-pane-edu1 ul li i {content: ""; position: relative; display: inline-block; width: 104px; height: 104px; background: url(/wp-content/uploads/eduPolicy-ico01.svg) no-repeat; margin-bottom: 20px;}
#sub-body .eduPolicy #tab-pane-edu1 ul li:nth-of-type(2) i {background-position: -104px 0;}
#sub-body .eduPolicy #tab-pane-edu1 ul li:nth-of-type(3) i {background-position: -208px 0;}
#sub-body .eduPolicy #tab-pane-edu1 ul li p {font-size: 2.2rem; font-weight: 500; line-height: 1.4;}
#sub-body .eduPolicy #tab-pane-edu1 ul li p em {display: block;}

#sub-body .eduPolicy #tab-pane-edu2 {text-align: center;}
#sub-body .eduPolicy #tab-pane-edu2 .big-copy {font-weight: 600; font-size: 3rem; padding: 4rem 0;  background-color: #F4F4F4; margin: -6rem -4rem 0;}/* PJJ 20250707 수정 */
#sub-body .eduPolicy #tab-pane-edu2 .round-strategy {margin: 5rem auto;}
#sub-body .eduPolicy #tab-pane-edu2 .round-strategy p {position: relative; background-color: var(--color-orange); color: #fff; font-size: 2.6rem; font-weight: 600; width: 160px; height: 160px; border-radius: 160px; margin: 0 auto 3rem;display: flex; justify-content: center; align-items: center;box-shadow:10px 10px 20px rgb(254 96 39 / 20%);}
#sub-body .eduPolicy #tab-pane-edu2 .round-strategy p::after {content: ""; position: absolute; width: 1px; height: 3rem; background: var(--color-point); bottom: -3rem;}
#sub-body .eduPolicy #tab-pane-edu2 .round-strategy p + ul {max-width: 500px; margin: 0 auto;}
#sub-body .eduPolicy #tab-pane-edu2 .round-strategy p + ul li {font-size: 2rem; font-weight: 500; background-color: #F4F4F4; margin: 10px 0; padding: 2rem;}
#sub-body .eduPolicy #tab-pane-edu2 .box-direction {background-color: #F4F4F4; padding: 4rem 6rem;}
#sub-body .eduPolicy #tab-pane-edu2 .box-direction p {background-color: var(--color-point); color: #fff; font-size: 2rem; display: inline-block; padding: 2rem 10rem; border-radius: 50px;box-shadow: 10px 10px 15px rgb(0 77 153 / 20%); margin-bottom: 4rem;}
#sub-body .eduPolicy #tab-pane-edu2 .box-direction p + ul {gap: 20px;}
#sub-body .eduPolicy #tab-pane-edu2 .box-direction p + ul li {background-color: #fff; border: 1px solid var(--color-point); display: flex;flex-wrap: wrap;justify-content: center; padding: 3rem 2rem; width: 25%;}
#sub-body .eduPolicy #tab-pane-edu2 .box-direction p + ul li i {content: ""; position: relative; display: inline-block; width: 90px; height: 80px; background: url(/wp-content/uploads/eduPolicy-ico04.svg) no-repeat; margin-bottom: 20px;}
#sub-body .eduPolicy #tab-pane-edu2 .box-direction p + ul li.li-d1 i {background-position: 0 0;}
#sub-body .eduPolicy #tab-pane-edu2 .box-direction p + ul li.li-d2 i  {background-position: -90px 0;}
#sub-body .eduPolicy #tab-pane-edu2 .box-direction p + ul li.li-d3 i  {background-position: -180px 0;}
#sub-body .eduPolicy #tab-pane-edu2 .box-direction p + ul li.li-d4 i  {background-position: -270px 0;}

/* PJJ 20250708 추가 */
#sub-body .eduPolicy #tab-pane-edu3 {text-align: center;}
#sub-body .eduPolicy #tab-pane-edu3 .big-copy {font-weight: 600; font-size: 3rem; padding: 4rem 0;  background-color: #F4F4F4; margin: -6rem -4rem 0;}

/* PJJ 20250707 추가 */
@media (max-width: 1390px) {
    #sub-body .eduPolicy #tab-pane-edu1 ul li>div {padding-bottom:80%;}
}

@media (max-width: 1280px) {
    #sub-body .eduPolicy #tab-pane-edu2 .big-copy {font-size: 3rem;}
    #sub-body .eduPolicy #tab-pane-edu1 ul li>div {padding-bottom:100%;}/* PJJ 20250707 추가 */
}

/* PJJ 20250707 추가 */
@media (max-width: 1113px) {
    #sub-body .eduPolicy #tab-pane-edu1 ul {flex-direction:column; align-items: center;}
    #sub-body .eduPolicy #tab-pane-edu1 ul li {width:100%;}
    #sub-body .eduPolicy #tab-pane-edu1 ul li>div {padding-bottom: 20px; height: 100%;}
    #sub-body .eduPolicy .border .lesson2 ul li p::after {visibility: hidden;}
}

@media (max-width: 1024px) {
    #sub-body .border {padding: 4rem 3rem;}

    #sub-body .eduPolicy #tab-pane-edu1 ul {flex-wrap: wrap; width:100%; }
    #sub-body .eduPolicy #tab-pane-edu1 ul li {margin:0; width:100%;}/* PJJ 20250707 수정 */
    #sub-body .eduPolicy #tab-pane-edu1 ul li:last-child {margin-top: -15px;}
    #sub-body .eduPolicy #tab-pane-edu1 ul li i {transform: scale(.8); margin-bottom: 0;}
    #sub-body .eduPolicy #tab-pane-edu1 ul li p {font-size: 2rem; margin-top: -10px;}

    #sub-body .eduPolicy #tab-pane-edu2 .big-copy {margin: -4rem -3rem 0; font-size: 2.5rem;}/* PJJ 20250708 수정 */
    #sub-body .eduPolicy #tab-pane-edu2 .round-strategy p {font-size: 2.2rem;}
    #sub-body .eduPolicy #tab-pane-edu2 .round-strategy p + ul li {font-size: 1.8rem;}
    #sub-body .eduPolicy #tab-pane-edu2 .box-direction {padding: 3rem;}
    #sub-body .eduPolicy #tab-pane-edu2 .box-direction p + ul {flex-wrap: wrap;}
    #sub-body .eduPolicy #tab-pane-edu2 .box-direction p + ul li{width: calc(50% - 10px);}

    #sub-body .eduPolicy #tab-pane-edu3 .big-copy {margin: -4rem -3rem 0; font-size: 2.5rem;}/* PJJ 20250708 추가 */
}
@media (max-width: 768px) {
    #sub-body .border {padding: 3rem 2rem;}

    #sub-body .eduPolicy #tab-pane-edu1 ul {max-width: 500px;}
    #sub-body .eduPolicy #tab-pane-edu1 ul li {width: 100%;margin:0;}/* PJJ 20250708 수정 */
    #sub-body .eduPolicy #tab-pane-edu1 ul li:last-child {margin-top: 20px;}
    #sub-body .eduPolicy #tab-pane-edu1 ul li i {transform: initial; margin-bottom: 20px;}
    #sub-body .eduPolicy #tab-pane-edu1 ul li p {margin-top: 0; font-size: 2rem;}

    #sub-body .eduPolicy #tab-pane-edu2 .big-copy {font-size: 2rem;margin: -3rem -2rem 0;}
    #sub-body .eduPolicy #tab-pane-edu2 .round-strategy p {font-size: 1.8rem;}
    #sub-body .eduPolicy #tab-pane-edu2 .round-strategy p + ul li {font-size: 1.6rem;}
    #sub-body .eduPolicy #tab-pane-edu2 .box-direction {padding: 3rem 2rem;}
    #sub-body .eduPolicy #tab-pane-edu2 .box-direction p {margin-bottom: 3rem; font-size: 1.8rem;}
    #sub-body .eduPolicy #tab-pane-edu2 .box-direction p + ul {gap: 5px;}
    #sub-body .eduPolicy #tab-pane-edu2 .box-direction p + ul li{width: 100%; padding: 2rem 2rem;}

    #sub-body .eduPolicy #tab-pane-edu3 .big-copy {margin:-3rem -2rem 0; font-size: 2rem;}/* PJJ 20250708 추가 */
    #sub-body .eduPolicy .border .lesson2 h3::after {display: none;}/* PJJ 20250708 추가 */
}



/* lesson  20250707 Backup
.lesson .big-copy {background-color: #F4F4F4;padding: 6rem 0;text-align: center;position: relative;margin-top: -10rem;font-weight: 600;font-size: 3.6rem; line-height: 1.2;}
.lesson .big-copy:before {content: "";display: inline-block;position: absolute;width: 100%;height: 100%;background: #f4f4f4;z-index: -1;left: -100%;top: 0;}
.lesson .big-copy:after {content: "";display: inline-block;position: absolute;width: 100%;height: 100%;background: #f4f4f4;z-index: -1;right: -100%;top: 0;}
.lesson h3 {position: relative; margin: 4rem auto; background-color: var(--color-point); color: #fff; width: 200px; height: 200px; border-radius: 200px; display: flex; align-items: center; justify-content: center;    box-shadow: 0 10px 20px rgb(0 0 0 / 30%);}
.lesson h3::before {content: ""; position: absolute; display: inline-block; width: 240px; height: 240px; border-radius: 240px; background-color: var(--color-bg); z-index: -1;}
.lesson h3::after {content: "";position: absolute;display: inline-block;width: 1px;height: 3rem;background: var(--color-point);bottom: -3rem; z-index: -1;}
.lesson ul {gap: 40px;}
.lesson ul li {width: calc((100% - 80px) / 3);}
.lesson ul li p {position: relative; margin: 0 auto 3rem; width: 200px; height: 200px; border-radius: 200px; display: flex; align-items: center; flex-direction: column; justify-content: center; font-size: 2.4rem; font-weight: 500;}
.lesson ul li p::after {content: ""; position: absolute; display: inline-block; width: 200%; height: 1px; background-color: var(--color-border); right: -200%;}
.lesson ul li:last-child p::after {display: none;}
.lesson ul li p i {content: ""; display: block; width: 90px; height: 90px; background: url(/wp-content/uploads/lesson-ico01.svg) no-repeat;}
.lesson ul li:nth-of-type(2) p i {background-position-x: -90px;}
.lesson ul li:last-child p i {background-position-x: -180px;}

.lesson ul li div {border: 1px solid var(--color-border); padding: 3rem 4rem; height: calc(100% - 200px - 3rem); background-color: #fff;}
.lesson ul li div strong {font-size: 2rem; font-weight: 500; display: block; line-height: 1.4; border-bottom: 1px solid var(--color-border); padding-bottom: 1rem; margin-bottom: 1rem;}
.lesson ul li:first-child p {background-color: #ff601c; color: #fff;}
.lesson ul li:first-child div {border-top: 1px solid #ff601c;}
.lesson ul li:first-child div strong {color: #ff601c;}
.lesson ul li:nth-of-type(2) p {background-color: #fdd000;}
.lesson ul li:nth-of-type(2) div {border-top: 1px solid #dfb700;}
.lesson ul li:nth-of-type(2) div strong {color: #dfb700;}
.lesson ul li:last-child p {background-color: #00BFBF; color: #fff;}
.lesson ul li:last-child div {border-top: 1px solid #00BFBF;}
.lesson ul li:last-child div strong{color: #00BFBF;}*/


/* lesson2 PJJ 20250707 추가 */
#sub-body .eduPolicy .border .lesson2 .big-copy {background-color: #F4F4F4; padding: 6rem 0; text-align: center; position: relative; margin: -6rem -4rem 0; font-weight: 600; font-size: 3.6rem; line-height: 1.2;}
#sub-body .eduPolicy .border .lesson2 h3 {position: relative; margin: 4rem auto; background-color: var(--color-point); color: #fff; width: 200px; height: 200px; border-radius: 200px; display: flex; align-items: center; justify-content: center;    box-shadow: 0 10px 20px rgb(0 0 0 / 30%);}
#sub-body .eduPolicy .border .lesson2 h3::before {content: ""; position: absolute; display: inline-block; width: 240px; height: 240px; border-radius: 240px; background-color: var(--color-bg); z-index: -1;}
#sub-body .eduPolicy .border .lesson2 h3::after {content: "";position: absolute;display: inline-block;width: 1px;height: 3rem;background: var(--color-point);bottom: -3rem; z-index: -1;}
#sub-body .eduPolicy .border .lesson2 ul {gap: 40px;}
#sub-body .eduPolicy .border .lesson2 ul li {}
#sub-body .eduPolicy .border .lesson2 ul li p {position: relative; margin: 0 auto 3rem; width: 200px; height: 200px; border-radius: 200px; display: flex; align-items: center; flex-direction: column; justify-content: center; font-size: 2.4rem; font-weight: 500;}
#sub-body .eduPolicy .border .lesson2 ul li p::after {content: ""; position: absolute; display: inline-block; width: 200%; height: 1px; background-color: var(--color-border); right: -200%;}
#sub-body .eduPolicy .border .lesson2 ul li:last-child p::after {display: none;}
#sub-body .eduPolicy .border .lesson2 ul li p i {content: ""; display: block; width: 90px; height: 90px; background: url(/wp-content/uploads/lesson-ico01.svg) no-repeat;}
#sub-body .eduPolicy .border .lesson2 ul li:nth-of-type(2) p i {background-position-x: -90px;}
#sub-body .eduPolicy .border .lesson2 ul li:last-child p i {background-position-x: -180px;}

#sub-body .eduPolicy .border .lesson2 ul li div {border: 1px solid var(--color-border); padding: 3rem 4rem; background-color: #fff;}
#sub-body .eduPolicy .border .lesson2 ul li div strong {font-size: 2rem; font-weight: 500; display: block; line-height: 1.4; border-bottom: 1px solid var(--color-border); padding-bottom: 1rem; margin-bottom: 1rem;}
#sub-body .eduPolicy .border .lesson2 ul li:first-child p {background-color: #ff601c; color: #fff;}
#sub-body .eduPolicy .border .lesson2 ul li:first-child div {border-top: 1px solid #ff601c;}
#sub-body .eduPolicy .border .lesson2 ul li:first-child div strong {color: #ff601c;}
#sub-body .eduPolicy .border .lesson2 ul li:nth-of-type(2) p {background-color: #fdd000;}
#sub-body .eduPolicy .border .lesson2 ul li:nth-of-type(2) div {border-top: 1px solid #dfb700;}
#sub-body .eduPolicy .border .lesson2 ul li:nth-of-type(2) div strong {color: #dfb700;}
#sub-body .eduPolicy .border .lesson2 ul li:last-child p {background-color: #00BFBF; color: #fff;}
#sub-body .eduPolicy .border .lesson2 ul li:last-child div {border-top: 1px solid #00BFBF;}
#sub-body .eduPolicy .border .lesson2 ul li:last-child div strong{color: #00BFBF;}

/* PJJ eduPolicy_심벌마크 추가 */
#sub-body .eduPolicy .border .symbol_mk {display: flex; max-width: 1200px; margin:0 auto; padding-top: 40px; flex-direction:column; align-items: center;}
#sub-body .eduPolicy .border .symbol_mk .symbol_img {width: 100%; display: flex; padding:30px 0; justify-content: center; gap:60px;}
#sub-body .eduPolicy .border .symbol_mk .symbol_txt {display: flex; flex-direction:column;}
#sub-body .eduPolicy .border .symbol_mk .symbol_txt > p {padding:20px 0;}
#sub-body .eduPolicy .border .symbol_mk .symbol_txt > p > em.tx_col_Or {color:#FE6027;}

/* PJJ eduPolicy_로고타입 추가 */
#sub-body .eduPolicy .border .logo_ty {display: flex; max-width: 1200px; margin:0 auto; padding-top: 100px; flex-direction:column; align-items: center;}
#sub-body .eduPolicy .border .logo_ty .logo_img {display: flex; align-items: center; gap:60px;}
#sub-body .eduPolicy .border .logo_ty .logo_txt {line-height: 24px; padding-top:80px;}


@media (max-width: 1300px) {
    #sub-body .eduPolicy .border .logo_ty .logo_img {flex-direction:column;}
}/* PJJ 20250707 추가 */

@media (max-width: 1024px) {
    #sub-body .eduPolicy .border .lesson2 .big-copy {font-size: 2rem; padding: 4rem 0; margin:-4rem -3rem 0;}/* PJJ 20250707 추가 */
    .lesson .big-copy {font-size: 2.8rem; padding: 4rem 0; margin-top: -6rem;}
    .lesson h3::after {height: 600px; bottom: -600px; background: var(--color-border);}
    .lesson ul {flex-wrap: wrap; justify-content: center; gap: 30px;}
    .lesson ul li {width: calc((100% - 30px) / 2);}
    .lesson ul li:nth-of-type(2) p::after {display: none;}
    .lesson ul li div {padding: 2rem 3rem;}
    .lesson ul li p {width: 160px;height: 160px; font-size: 2rem; margin: 0 auto 2rem;}
    .lesson ul li p i {width: 70px; height: 70px; background-size: 210px;}
    .lesson ul li:nth-of-type(2) p i {background-position-x: -70px;}
    .lesson ul li:last-child p i {background-position-x: -140px;}
    .lesson ul li div {height: calc((100% - 160px) - 2rem);}
}
@media (max-width: 768px) {
    #sub-body .eduPolicy .border .symbol_mk .symbol_img {flex-direction:column; gap:60px;}/* PJJ 20250708 추가 */
    #sub-body .eduPolicy .border .lesson2 .big-copy {margin:-3rem -2rem 0;}/* PJJ 20250707 추가 */
    #sub-body .eduPolicy .border .logo_ty .logo_img {flex-direction:column;}/* PJJ 20250708 추가 */
    #sub-body .eduPolicy .border .logo_ty .logo_txt {line-height: 24px; padding-top:80px;}/* PJJ 20250708 추가 */
    .lesson .big-copy {font-size: 2.6rem;}
    .lesson h3 {font-size: 2rem;padding: 20px;min-width: 80%;height: auto;}
    .lesson h3::before,
    .lesson h3::after {display: none;}
    .lesson ul {display: block !important;}
    .lesson ul li {width: 100%; margin-bottom: 2rem;}
    .lesson ul li:last-child {margin-bottom: 0;}
    .lesson ul li p {margin-bottom: 1rem;width: 140px;height: 140px;}
    .lesson ul li p::after {display: none;}
    .lesson ul li p i {width: 60px; height: 60px; background-size: 180px;}
    .lesson ul li:nth-of-type(2) p i {background-position-x: -60px;}
    .lesson ul li:last-child p i {background-position-x: -120px;}
    .lesson ul li div {padding: 2rem 2rem;}
    .lesson ul li div strong {font-size: 1.8rem; }
}


/* song */
.song .nav {margin-top: 0 !important;}
.song .border {display: flex; flex-direction: column; align-items: center; border:none !important;}
.song .border .title {display: flex; margin-right: auto; align-items: center;}
.song .border .title h3 {margin-bottom: 0;}
.song .border .title .btn {height: fit-content; margin-left: 20px; padding: 0rem 1.2rem !important;}
.song .border .title .btn i {margin-right: 1rem;}
.song .border ul {display: flex;justify-content: space-between; margin-top: 15px;}
.song .border ul li:first-child {color: #666;}
.song .border img {padding-top: 60px; border-top: 1px solid #000; margin-top: 20px; max-width: 100%;}

@media (max-width: 768px) {
    .song .border .title .btn {margin-left: auto; padding: .8rem 1.5rem !important;}
}




/* symbol mark */
.symbol {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.symbol .text {width: 80%; padding-right: 60px;}
.symbol .img {width: 20%;}
.symbol .img img {max-width: 100%;}
.symbol .color {background-color: var(--color-bg);margin: 6rem -4rem -6rem; padding: 6rem 4rem;width: calc(100% + 8rem);}
.symbol .color ul {display: flex; gap: 50px;}
.symbol .color ul li {display: flex; align-items: center; position: relative;width: 50%;}
.symbol .color ul li span {width: 60px; height: 60px; display: inline-block; background-color: var(--color-point); border-radius: 60px 60px 0 60px; margin-right: 3rem; flex-shrink: 0;}
.symbol .color ul li:last-child::before {content: ""; display: inline-block; width: 1px; height: 80%; background-color: var(--color-border); position: absolute; left: -25px; top: 10%;}
.symbol .color ul li:last-child span {background-color: #EF8203;}
.symbol .color ul li strong {display: block; margin-bottom: 1rem;}

@media (max-width: 1024px) {
    .symbol {flex-direction: column;}
    .symbol .color {margin: 6rem -3rem -4rem; padding: 4rem 3rem;    width: calc(100% + 6rem);}
    .symbol .text {width: 100%; padding-right: 0px;}
    .symbol .img {width: 100%;text-align: center; }
}

@media (max-width: 768px) {
    .symbol .color {margin: 4rem -3rem -3rem;padding: 3rem 2rem;width: calc(100% + 4rem);}
    .symbol .img {margin-top: 4rem;}
    .symbol .color ul {display: block;}
    .symbol .color ul li {width: 100%; display: block;}
    .symbol .color ul li:last-child {margin-top: 3rem;}
    .symbol .color ul li:last-child::before {display: none;}
    .symbol .color ul li span {width: 50px;height: 50px; margin-bottom: 1rem;}

}



/* related site */
#sub-body .sites ul {gap: 20px; flex-wrap: wrap;}
#sub-body .sites ul li {width: calc((100% - 60px) / 4);}
#sub-body .sites ul li a {display: inline-block; position: relative; padding: 30px 40px; border: 1px solid var(--color-border); width: 100%;height: 120px; display: flex;align-items: center;justify-content: center;}
#sub-body .sites ul li a span {display: none; background-color: var(--color-point); color: #fff; font-size: 2rem; position: absolute; top: 0; right: 0; width: 40px; height: 40px; line-height: 40px; text-align: center;}
#sub-body .sites ul li a:hover,
#sub-body .sites ul li a:focus,
#sub-body .sites ul li a:active {border-color: var(--color-point);box-shadow: 10px 10px 0 0 rgb(0 0 0 / 20%);}
#sub-body .sites ul li a:hover span,
#sub-body .sites ul li a:focus span,
#sub-body .sites ul li a:active span {display: block;}
#sub-body .sites ul li a img {max-height: 60px; max-width: 100%;}

@media (max-width: 1280px) {
    #sub-body .sites ul {gap: 10px;}
    #sub-body .sites ul li {width: calc((100% - 20px) / 3);}
    #sub-body .sites ul li a {height: 100px;}
}
@media (max-width: 768px) {
    #sub-body .sites ul li {width: calc((100% - 10px) / 2);}
    #sub-body .sites ul li a {padding: 10px 20px;}
    #sub-body .sites ul li a span {font-size: 1.8rem;width: 36px; height: 36px; line-height: 36px;}
    #sub-body .sites ul li a img {max-height: 50px;}
}



/* site map */
.site-map>ul {display: flex; flex-wrap: wrap; gap: 30px;}
.site-map>ul>li {width: calc((100% - 90px) / 4);} 
.site-map>ul>li h3 {font-size: 2rem; margin-bottom: 0;}
.site-map>ul>li h3 a {background-color: var(--color-point); color: #fff; width: 100%; display: inline-block; padding: 2rem 4rem; height: 64px;}
.site-map>ul>li ul {padding:  2rem 4rem; border: 1px solid var(--color-border);height: calc(100% - 64px);}
.site-map>ul>li ul li {border-bottom: 1px solid var(--color-border); line-height: 3;}
.site-map>ul>li ul li:last-child {border-bottom: none;}
.site-map>ul>li ul li a {display: inline-block; width: 100%;}
.site-map>ul>li:last-child{display:none}/* PJJ 20250714 추가 */


@media (max-width: 1280px) {
    .site-map>ul>li {width: calc((100% - 60px) / 3);} 
}
@media (max-width: 1024px) {
    .site-map>ul {gap: 20px;}
    .site-map>ul>li {width: calc((100% - 40px) / 2);} 
    .site-map>ul>li h3 a {padding: 2rem 3rem;}
    .site-map>ul>li ul {padding: 2rem 3rem;}
}
@media (max-width: 768px) {
    .site-map>ul {gap: 0;}
    .site-map>ul>li {width: 100%;margin-bottom: 20px;} 
    .site-map>ul>li:last-child {margin-bottom: -;}
    .site-map>ul>li h3 a {padding: 2rem;}
    .site-map>ul>li ul {padding: 2rem;}
}