@charset "UTF-8";
/*-------------------------------------------------
title       :sub
Author      :yeonachoi
Create date :2020
-------------------------------------------------*/
#header {
    /* z-index: 99; */
}
.content-wrap {
    padding: 3.5rem 0 6.5rem;
}
/*snb*/
.snb {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 14.7rem;
    overflow: hidden;
}
.snb:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.2, 1.2);
    -webkit-transform: translate(-50%, -50%) scale(1.2, 1.2);
    width: 100%;
    height: 100%;
    transition: transform 1s;
    -webkit-transition: transform 1s;
    content: '';
}
#snb-wrap {
    padding-top: 5rem;
}

/*서브타이틀이미지*/
.snb.snb1:before {
    background: url('/_webroot/images/korean/sub/sub1.jpg') no-repeat center/cover;
}
.snb.snb2:before {
    background: url('/_webroot/images/korean/sub/sub2.jpg') no-repeat center/cover;
}
.snb.snb3:before {
    background: url('/_webroot/images/korean/sub/sub3.jpg') no-repeat center/cover;
}
.snb.snb4:before {
    background: url('/_webroot/images/korean/sub/sub4.jpg') no-repeat center/cover;
}
.snb.snb5:before {
    background: url('/_webroot/images/korean/sub/sub5.jpg') no-repeat center/cover;
}
.snb.snb6:before {
    background: url('/_webroot/images/korean/sub/sub6.jpg') no-repeat center/cover;
}

.snb .snb-tit-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    transition:
        opacity 0.3s,
        top 0.4s;
    -webkit-transition:
        opacity 0.3s,
        top 0.4s;
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
}
.snb .snb-tit {
    padding-bottom: 15px;
    font-size: 1.9rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.snb-menu-wrap {
    position: absolute;
    bottom: -50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    color: #fff;
    -webkit-transition:
        opacity 0.5s,
        bottom 0.4s;
    transition:
        opacity 0.4s,
        bottom 0.5s;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.snb-menu-wrap:before {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 500%;
    height: 100%;
    border-bottom: 1px solid #eee;
    background: #fff;
    content: '';
}
.snb-lst {
    display: table;
    position: relative;
    z-index: 1;
    width: 100%;
    overflow: hidden;
    padding: 0 6rem;
    table-layout: fixed;
}
.snb-lst > li {
    display: table-cell;
    width: 1%;
    text-align: center;
}
.snb-lst > li > a {
    display: table;
    position: relative;
    width: 100%;
    height: 3.25rem;
    font-size: 0.9rem;
    color: #555555 !important;
    table-layout: fixed;
}
.snb-lst > li > a:hover:before,
.snb-lst > li.active > a:before {
    top: 0;
}
.snb-lst > li > a > span {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}
.snb-lst > li > a:hover,
.snb-lst > li.active > a {
    font-weight: bold;
    color: #22448a !important;
}
#snb .location {
    display: inline-block;
    overflow: hidden;
}
#snb .location > ul > li {
    position: relative;
    color: #fff;
    float: left;
}
#snb .location > ul > li + li {
    padding-left: 1.4rem;
}
#snb .location > ul > li + li:before {
    position: absolute;
    top: 50%;
    left: 0.3rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'xeicon';
    font-size: 0.65rem;
    color: rgba(255, 255, 255, 0.6);
    content: '\e940';
}
@media (max-width: 1024px) {
    #snb-wrap {
        padding-top: 3.5rem;
    }
}

.content_info .location > ul > li > a {
    display: block;
    position: relative;
    font-size: 0.8rem;
}

body.start .snb:before {
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
}
body.start .snb .snb-tit-wrap {
    top: 21%;
    opacity: 1;
}
body.start .snb-menu-wrap {
    bottom: 0;
    opacity: 1;
}

input[type='text'],
input[type='password'],
select {
    min-height: 1.85rem;
    padding: 0.3rem 0.6rem;
    border: 1px solid #ddd;
    background-color: #fff;
    background-image: none;
    font-size: 0.75rem;
    color: #555;
    vertical-align: top;
}

textarea {
    border: 1px solid #ddd;
}
.search-frm .input-group-btn {
    position: absolute;
    top: 1px;
    right: 0;
    width: 64px;
    height: 38px;
    font-size: 0.75rem;
}
.search-frm .input-group-btn > .btn.btn-primary {
    display: block;
    width: 100%;
    height: 100%;
    background: #242424;
    color: #fff;
    line-height: 36px;
}
.search-frm .select-box {
    display: inline-block;
    min-width: 148px;
    height: 38px;
    margin-right: 0.5rem;
    background: #fff;
    vertical-align: middle;
}
.input-group {
    display: inline-block;
    position: relative;
    width: 14.5rem;
    margin: auto;
    vertical-align: middle;
}
.input-group.input-group-ful {
    width: 100% !important;
}
.input-group .form-control {
    z-index: auto;
    width: 100%;
    height: 38px;
    padding: 0.5rem 70px 0.5rem 0.5rem;
    border: 1px solid #ddd;
    font-size: 0.8rem;
    color: #030101;
    line-height: 1.5rem;
    float: left;
}
.input-group input {
    width: 100%;
    height: 100%;
}
.input-group.input-size-s,
.input-group .select-box.input-size-s {
    display: inline-block;
    min-width: auto;
    width: 145px;
    vertical-align: top;
}
.input-size-s + em.hyphen {
    display: inline-block;
    margin: 0 0.25rem;
    color: #c2c2c2;
    vertical-align: middle;
}
.big-search-frm.search-frm {
    margin: 2.5rem auto;
    text-align: center;
}
.big-search-frm.search-frm .input-group-btn > .btn.btn-primary {
    padding: 0.75rem;
    font-size: 1.25rem;
}
.big-search-frm.search-frm .form-control {
    height: 3rem;
    line-height: 2.9rem;
}
.big-search-frm.search-frm .input-group {
    width: 25rem;
}
.big-search-frm.search-frm .input-group-btn {
    width: 3rem;
    height: 3rem;
}

/*게시판 상단영역*/
.page-num > span {
    position: relative;
    position: relative;
    font-size: 0.8rem;
    color: #666;
    float: left;
}
.page-num > span + span {
    padding-left: 1.25rem;
}
.page-num > span + span:before {
    position: absolute;
    top: 50%;
    left: 0.625rem;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 1px;
    height: 70%;
    background: #ddd;
    content: '';
}
.page-num > span > em {
    font-weight: 700;
    color: #333;
}
.page-input-wrap {
    overflow: hidden;
    margin: 0.5rem 0 1.5rem;
}
.page-input-wrap .page-num {
    display: inline-block;
    margin-top: 0.35rem;
}
.page-input-wrap .search-wrap {
    display: inline-block;
    float: right;
}
.checkbox-radio-custom.skip_type_box {
    display: inline-block;
    vertical-align: middle;
}
.checkbox-radio-custom.skip_type_box li {
    font-size: 0.75rem;
}
.search-frm {
    display: inline-block;
    vertical-align: middle;
}
.checkbox-radio-custom input[type='radio'] + label:before {
    border: 0;
    background: #d5d5d5;
}
.checkbox-radio-custom input[type='radio'] + label:after {
    left: 0;
    width: 16px;
    height: 16px;
    background-color: #3e59b1;
}

/*공지사항 테이블*/
.notice-wrap .table tbody tr:hover {
    border-bottom: 1px solid #f9c50f;
    box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.05);
}
.notice-wrap .table thead {
    border-bottom: 1px solid #454b56;
}
.notice-wrap .table thead th {
    font-weight: bold;
}
div.tstyle_list > div.dbody > ul > li a:hover {
    color: #333;
    text-decoration: none;
}
div.tstyle_list > div.dbody > ul:hover {
}
.board_info fieldset span {
    height: auto;
}
.feed-cont .bbs-tag {
    margin: 0.5rem 0;
}
.feed-cont .bbs-tag a {
    padding: 0.2rem;
    margin-right: 0.4rem;
    background: #ddd;
    color: #767676;
}
.board_info fieldset span.form-input input {
    z-index: auto;
    width: 100%;
    min-height: 38px;
    border: 1px solid #ddd;
    font-size: 1.6rem;
    color: #030101;
    line-height: 3rem;
    float: left;
}
.board_info fieldset span.form-input input::placeholder {
    font-size: 1.6rem;
}
.content_body .board_info {
    overflow: hidden;
    margin: 0.5rem 0 1.5rem;
}
.board_info fieldset span.form-select select {
    min-height: 38px;
}
.board_info fieldset span.form-btn button {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    /* margin-left: -6px; */
    font-size: 2.38rem;
    color: #333;
    line-height: 1.1;
}
.board_info fieldset span.form-btn button:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 2.4rem;
    height: 2.4rem;
    font-family: 'remixicon';
    color: #fff;
    content: '\F0D1';
}
.galleryList.col3 > ul li {
    width: 25%;
}
/*.pi-btn > span:after{display:none;}*/

/*table*/
.pointer {
    margin-top: 5px;
    color: #ee2c2c;
}
.table {
    width: 100%;
    overflow: hidden;
    margin: 1.5rem 0;
    border-top: 3px solid #555;
    border-bottom: 1px solid #aaa;
}
.table > table {
    position: relative;
    width: calc(100% + 1px);
    overflow: hidden;
    margin-left: -1px;
    border-bottom: 1px solid #a8a8a8;
    font-weight: 300;
    line-height: 1.25;
}
.table > table.table-fixed {
    table-layout: fixed;
}
.table > table th {
    width: 135px;
    padding: 1.8rem;
    border-bottom: 1px solid #ddd;
    font-size: 1.7rem;
    font-weight: 500;
    text-align: left;
}
.table.background-th > table th {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background: #f8f8f8;
    border-color: #ddd;
}
.table.background-th > table td {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.table > table th.double {
    border-bottom: 0;
}
.table .border_bottom {
    border-bottom: 1px solid #ddd;
}
.table > table td {
    position: relative;
    min-height: 7.9rem;
    padding: 1.2rem 2rem;
    border-bottom: 1px solid #ddd;
    word-break: keep-all;
    /* font-family: 'Noto Sans KR'; */
    font-size: 1.7rem;
    color: #333;
    letter-spacing: -1.3px;
    text-align: center;
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
    border-width: 1px 0 0;
}
.table > table td.number,
.table > table td.name,
.table > table td.date {
    font-size: 1.5rem;
    color: #666;
}
.table > table td.subject {
    text-align: left;
}
.table > table td .file {
    display: inline-block;
    margin: auto;
}
.table > table td .xi-new {
    display: inline-block;
    font-size: 2.2rem;
    color: #ed1219;
    vertical-align: top;
}
.table > table td .lock {
    display: block;
    position: relative;
    padding-left: 2.4rem;
}
.table > table td .lock > i.xi-lock {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 2rem;
    color: #222;
}
.table > table td .answer {
    display: block;
    position: relative;
    padding-left: 4.4rem;
}
.table > table td .answer > i.xi-subdirectory-arrow {
    position: absolute;
    top: 0;
    left: 2rem;
    font-size: 2rem;
    color: #999;
}
.table > table td .progress-info {
    display: block;
    position: relative;
    padding-left: 65px;
}
.table > table td .progress {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 28px;
    border-radius: 5px;
    font-size: 0.8rem;
    color: #fff;
    line-height: 28px;
    text-align: center;
}
.table > table td .progress1 {
    background: #315a9b;
}
.table > table td .progress2 {
    background: #60646f;
}
.table > table tr.grey td,
.table > table tr.grey th {
    background: #f6f6f6;
}
.table > table tr:first-child th,
.table > table tr:first-child td {
    border-top-width: 0;
}
/* .table > table tr:last-of-type th[scope="row"]{border-bottom:0;} */
.table.board-table tr:hover td,
.table.board-table tr:focus td {
    border-color: #00bfad;
}
.table.table-img {
    margin: 1.5rem 0;
}
.table.table-img .table {
    display: inline-block;
    width: 58.5%;
    margin-top: 0;
    border-top: 0;
    vertical-align: middle;
}
.table.table-img img {
    display: inline-block;
    width: 40%;
    vertical-align: top;
}
.table.write-table .input-group.input-size-s {
    position: relative;
    vertical-align: middle;
}
.table.write-table .input-group.input-size-s .calendar-btn:hover,
.table.write-table .input-group.input-size-s .calendar-btn:focus {
    color: #116eb4;
}
.table.write-table .input-group.input-size-s .calendar-btn {
    position: absolute;
    top: 50%;
    right: 1.5rem;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-size: 2.4rem;
    color: #555;
}
.table.write-table tr:hover > td,
.table.write-table tr:focus > td {
    background: transparent;
}
.table.write-table th,
.table.write-table td {
    min-height: 4.5rem;
    padding: 1.5rem 2rem;
    text-align: left;
}
.table.write-table .search-frm .select-box {
    margin-left: 0;
    margin-right: 0;
}
.table.write-table .file-list {
    margin: 0;
}
.table.write-table .file-list > li + li {
    margin-top: 1rem;
}
.table.write-table .file-list > li > span {
    width: 100%;
    float: none;
}
.table .file-del-btn {
    display: inline-block;
    position: relative;
    width: 17px;
    height: 17px;
    margin-left: 1.5rem;
    vertical-align: top;
}
.table .file-del-btn:before {
    font-family: 'xeicon';
    font-size: 2rem;
    color: #888;
    content: '\e924';
}
.table .file-del-btn:hover:before,
.table .file-del-btn:focus:before {
    color: #116eb4;
}
.table .file-btn-wrap {
    margin-bottom: 1.5rem;
}
.table .attach-file-btn {
    width: 80px;
    height: 36px;
    border: 1px solid #999;
    font-size: 1.5rem;
    color: #333;
    line-height: 34px;
    text-align: center;
}
.table .attach-file-btn + span {
    margin-left: 1rem;
    font-size: 1.5rem;
    color: #777;
}
.table .attach-file-btn:hover,
.table .attach-file-btn:focus {
    background: #999;
    color: #fff;
}

/* 동영상 게시판 */
.board_pager .pageNow:hover strong {
    color: #333;
}
.gallery_list {
    overflow: hidden;
    margin-bottom: -1px;
}
.gallery_list li {
    width: 33.333%;
    padding: 2rem 2rem 2rem 0;
    border-bottom: 1px solid #ddd;
    float: left;
}
.gallery_list.type1 li {
    width: 25%;
}
.gallery_list.type1 li:nth-child(3n + 1) {
    clear: none;
}
.gallery_list.type1 li:nth-child(4n + 1) {
    clear: both;
}
.gallery_list a {
    display: block;
}
.gallery_list a:hover .thumb::before,
.gallery_list a:hover .thumb::after,
.gallery_list a:focus .thumb::before,
.gallery_list a:focus .thumb::after {
    transform: rotate(0);
    opacity: 1;
    transition: all 0.4s 0.1s;
}
.gallery_list a:hover .thumb img,
.gallery_list a:focus .thumb img {
    opacity: 0.6;
}
.gallery_list .thumb {
    display: block;
    position: relative;
    z-index: 0;
    height: 0;
    overflow: hidden;
    padding-top: 62%;
    margin-bottom: 1rem;
    background-color: #000;
    color: #fff;
}
.gallery_list .thumb img {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: -1;
    width: 100%;
    min-height: 100%;
    transition: all 0.2s;
}
.gallery_list .thumb::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: rotate(180deg);
    opacity: 0;
    width: 100%;
    margin-top: -1rem;
    font-family: 'xeicon';
    font-size: 3.2rem;
    line-height: 0;
    text-align: center;
    transition: all 0.2s;
    content: '';
}
.gallery_list .thumb::after {
    position: absolute;
    top: 50%;
    left: 0;
    opacity: 0;
    width: 100%;
    margin-top: 1rem;
    font-weight: 600;
    text-align: center;
    transition: all 0.2s;
    content: '자세히 보기';
}
.gallery_list .title {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.8rem;
    color: #222;
}
.gallery_list .title .xi-new {
    margin-top: 0.3rem;
}
.gallery_list .label {
    font-weight: 400;
    color: #000;
}
.gallery_list .desc {
    white-space: nowrap;
}
.gallery_list .desc > span + span::before {
    display: inline-block;
    position: relative;
    top: -0.2rem;
    left: -0.2rem;
    width: 1px;
    height: 1.4rem;
    margin: 0 0.8rem;
    background-color: #ddd;
    vertical-align: middle;
    content: '';
}
.gallery_list .desc > span {
    display: inline-block;
    vertical-align: middle;
}
.gallery_list .desc .name {
    display: none;
}
.gallery_list .desc .name + span::before {
    display: none;
}
/* 갤러리 내용 */
.gallery_view {
    margin-bottom: 2rem;
}
.gallery_view .list {
    margin-top: 1rem;
    text-align: center;
}
.gallery_view .list img {
    display: inline-block;
    max-width: 100%;
    min-height: 100%;
}
.gallery_view .thumb {
    position: relative;
    padding: 0 5rem;
}
.gallery_view .thumb li {
    padding-right: 1rem;
}
.gallery_view .thumb li a {
    display: block;
    position: relative;
    height: 8rem;
    overflow: hidden;
    border: 2px solid #fff;
    background-color: #000;
    transition: all 0.2s;
}
.gallery_view .thumb li a img {
    opacity: 0.7;
    transition: all 0.2s;
}
.gallery_view .thumb .active a {
    border-color: #555;
}
.gallery_view .thumb .active a img {
    opacity: 1;
}
.gallery_view .thumb img {
    transition: all 0.2s;
}
.gallery_view .thumb .bx-wrapper {
    position: relative;
}
.gallery_view .thumb .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    left: -5rem;
    transform: translateY(-50%);
    width: 4rem;
    height: 4rem;
    overflow: hidden;
    border-radius: 100%;
    background-color: #000;
    color: #fff;
    line-height: 4rem;
    text-align: center;
}
.gallery_view .thumb .bx-wrapper .bx-controls-direction a::before {
    display: block;
    width: 100%;
    height: 100%;
    font-family: 'xeicon';
    content: '';
}
.gallery_view .thumb .bx-wrapper .bx-controls-direction a.bx-next {
    left: auto;
    right: -5rem;
}
.gallery_view .thumb .bx-wrapper .bx-controls-direction a.bx-next::before {
    content: '';
}

/* 웹진형 게시판 */
.blog_list {
    margin-bottom: -1px;
}
.blog_list a {
    display: block;
    overflow: hidden;
    padding: 2rem 0;
    border-bottom: 1px solid #ddd;
}
.blog_list a:hover .thumb::before,
.blog_list a:hover .thumb::after,
.blog_list a:focus .thumb::before,
.blog_list a:focus .thumb::after {
    transform: rotate(0);
    opacity: 1;
    transition: all 0.4s 0.1s;
}
.blog_list a:hover .thumb img,
.blog_list a:focus .thumb img {
    opacity: 0.6;
}

.blog_list .thumb {
    position: relative;
    z-index: 0;
    width: 15rem;
    height: 9.5rem;
    overflow: hidden;
    background-color: #000;
    color: #fff;
    float: left;
}
.blog_list .thumb img {
    max-width: 100%;
    min-width: 100%;
    min-height: 100%;
}
.blog_list .thumb::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: rotate(180deg);
    opacity: 0;
    z-index: 1;
    width: 100%;
    margin-top: -1rem;
    font-family: 'xeicon';
    font-size: 1.6rem;
    line-height: 0;
    text-align: center;
    transition: all 0.2s;
    content: '';
}
.blog_list .thumb::after {
    position: absolute;
    top: 50%;
    left: 0;
    opacity: 0;
    z-index: 1;
    width: 100%;
    margin-top: 1rem;
    font-weight: 600;
    text-align: center;
    transition: all 0.2s;
    content: '자세히 보기';
}

.blog_list .title {
    display: block;
    overflow: hidden;
    margin-bottom: 0.5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.9rem;
    font-weight: 600;
    color: #222;
}
.blog_list .label {
    font-weight: 400;
    color: #000;
}
.blog_list .txt {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: 1.5rem;
    word-wrap: break-word;
    text-overflow: ellipsis;
    white-space: inherit;
    color: #666;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.blog_list .desc {
    width: calc(100% - 17.5rem);
    padding: 1.25rem 0;
    float: right;
}
.blog_list .desc > span + span::before {
    display: inline-block;
    position: relative;
    top: -1px;
    width: 1px;
    height: 0.75rem;
    margin: 0 0.5rem 0 0.35rem;
    background-color: #ddd;
    vertical-align: middle;
    content: '';
}
.blog_list .desc > span {
    display: inline-block;
    vertical-align: middle;
}
.blog_list .desc .name {
    display: none;
}
.blog_list .desc .name + span::before {
    display: none;
}

/* 동영상 내용 */
.video .desc {
    max-height: 15rem;
    overflow: hidden;
    overflow-y: auto;
    padding: 2rem 2.5rem 0;
    margin-top: 2rem;
    border: 1px solid #ddd;
    background-color: #f8f9fa;
}
.video .desc::after {
    display: block;
    height: 2rem;
    content: '';
}
.video .youtube {
    position: relative;
    height: 0;
    padding-top: 55%;
}
.video .youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video .txt_center {
    margin-top: 2rem;
}
.table .date-veiws {
    overflow: hidden;
}
.table .date-veiws > li {
    position: relative;
    font-size: 0.8rem;
    font-weight: 300;
    float: left;
}
.table .date-veiws > li + li {
    padding-left: 1rem;
}
.table .date-veiws > li + li:before {
    position: absolute;
    top: 50%;
    left: 0.5rem;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 1px;
    height: 80%;
    background: #ddd;
    content: '';
}
.table .date-veiws > li > span {
    display: inline-block;
    margin-right: 0.25rem;
    font-weight: 400;
    color: #000;
}
.table .date-veiws > li > em {
    display: inline-block;
    color: #666;
}
.pager {
    overflow: hidden;
    overflow-x: auto;
    margin: 2.75rem 0 2.5rem;
    white-space: nowrap;
    text-align: center;
}
.pager > * {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    font-size: 0.75rem;
    font-weight: bold;
    color: #767676;
    line-height: 40px;
    text-align: center;
    vertical-align: top;
    transition:
        background 0.3s,
        color 0.3s,
        border 0.3s;
    -webkit-transition:
        background 0.3s,
        color 0.3s,
        border 0.3s;
}
.pager .active {
    border: 1px solid #333;
    background: #333;
    color: #fff;
}
.pager .arr {
    position: relative;
    margin: 0 0.1rem;
    border: 1px solid #dfdfdf;
    background: #fff;
}
.pager .arr.prev {
    margin-right: 0.5rem;
}
.pager .arr.next {
    margin-left: 0.5rem;
}
.pager .arr::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    background: url('../../images/korean/sub/pager_arr.png') no-repeat 0 0 / cover;
    content: '';
}
.pager .arr.prev::before {
    background-position: -40px 0;
}
.pager .arr.next::before {
    background-position: -80px 0;
}
.pager .arr.last::before {
    background-position: -120px 0;
}
.pager.pageNum {
    display: none;
}
.download-wrap {
    overflow: hidden;
    margin-top: 1rem;
}
.download-wrap > li {
    width: 50%;
    float: left;
}
.download-wrap > li > a {
    display: table;
    width: 100%;
    height: 2.05rem;
    padding: 0 0.75rem;
    border: 1px solid #999;
    transition:
        background 0.3s,
        color 0.3s;
    -webkit-transition:
        background 0.3s,
        color 0.3s;
}
.download-wrap > li > a > span {
    display: table-cell;
    font-size: 0.75rem;
    vertical-align: middle;
}
.download-wrap > li > a > span > i {
    margin: 0.05rem 0 0 0.5rem;
    font-size: 0.8rem;
    float: right;
}
.download-wrap > li > a:hover,
.download-wrap > li > a:focus {
    background: #2b2b2b;
    color: #fff;
}
.download-wrap > li:first-of-type {
    padding-right: 0.25rem;
}
.download-wrap > li:last-of-type {
    padding-left: 0.25rem;
}

/*정보*/

/* 게시판 목록 */
.board_list thead th {
    padding: 6.25rem;
    border-bottom: 1px solid #aaa;
    white-space: nowrap;
    font-size: 0.6rem;
    font-weight: 600;
    color: #222;
    text-align: center;
}
.board_list td {
    padding: 0.5rem;
    border-bottom: 1px solid #ddd;
    white-space: nowrap;
    font-size: 0.75rem;
    color: #666;
    line-height: 1.75rem;
    text-align: center;
}
.board_list td[aria-label='첨부파일'] img {
    width: 1.25rem;
}
.board_list td.txt_left a {
    display: inline-block;
    max-width: 100%;
    font-size: 0.8rem;
    color: #333;
    vertical-align: middle;
}
.form_textbox {
    width: 100%;
    max-height: 100%;
    height: 2rem;
    padding: 0 0.5rem;
    border: 1px solid #ddd;
    text-align: left;
    vertical-align: top;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.form_textbox {
    width: 100%;
    max-height: 100%;
    height: 2rem;
    padding: 0 1rem;
    border: 1px solid #ddd;
    text-align: left;
    vertical-align: top;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.form_textbox:focus {
    border-color: #000;
}
.form_textbox.hasDatepicker {
    width: 7.5rem;
    padding-right: 2.5rem;
}
.form_textbox.hasDatepicker + .ui-datepicker-trigger {
    position: absolute;
    top: auto;
    left: auto;
    width: 1.5rem;
    margin: 0.3rem 0 0 -2rem;
}
.form_textbox.number {
    width: 7.5rem;
}

.form_mail {
    line-height: 2rem;
}
.form_mail .form_textbox {
    width: 10rem;
}
.form_textbox:focus {
    border-color: #000;
}

.form_select {
    display: inline-block;
    position: relative;
    height: 2rem;
    color: #333;
}
.form_select::after {
    position: absolute;
    position: absolute;
    top: auto;
    top: 50%;
    left: auto;
    left: auto;
    right: auto;
    right: 0.5rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'xeicon';
    content: '';
}
.form_select select {
    width: 100%;
    height: 2rem;
    padding: 0 1.5rem 0 0.5rem;
    border: 1px solid #ddd;
    vertical-align: top;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.form_select select:hover,
.form_select select:focus {
    border-color: #000;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select::-ms-expand {
    display: none;
}
.form_check {
    display: inline-block;
    position: relative;
    z-index: 0;
    padding-left: 1.25rem;
    margin-right: 1rem;
    vertical-align: top;
}
.form_check label {
    cursor: pointer;
}
.form_check label::before {
    position: absolute;
    top: 0.25rem;
    left: 0;
    z-index: -2;
    width: 0.75rem;
    height: 0.75rem;
    border: 1px solid #ddd;
    background-color: #fff;
    content: '';
}
.form_check label::after {
    position: absolute;
    top: auto;
    top: 0.25rem;
    left: auto;
    left: 0;
    right: auto;
    opacity: 0;
    z-index: -1;
    width: 0.75rem;
    height: 0.75em;
    font-family: 'xeicon';
    color: #484c58;
    line-height: 0.75rem;
    text-align: center;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    content: '\e936';
}
.form_check input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.form_check input:focus + label::before {
    outline: 1px dotted #000;
}
.form_check input:checked + label::after {
    opacity: 1;
}
.form_check:last-child {
    margin-right: 0;
}

.board_btns {
    margin-top: 1.5rem;
    text-align: center;
}
.board_btns .txt {
    margin: -1rem 0 0.5rem;
    font-size: 0.75rem;
    color: #999;
    text-align: left;
}
.board_btns .btn {
    display: inline-block;
    min-width: 5.25rem;
    height: 2.5rem;
    overflow: hidden;
    padding: 0 1rem;
    margin: 0 0.25rem;
    border: 1px solid #333;
    background-color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.8rem;
    font-weight: 500;
    color: #fff;
    line-height: 2.4rem;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.board_btns .btn:hover,
.board_btns .btn:focus {
    background-color: transparent;
    color: #333;
}
.board_btns .btn.type1 {
    border: 1px solid #ddd;
    background-color: #fff;
    color: #333;
}
.board_btns .btn.type1:hover,
.board_btns .btn.type1:focus {
    border-color: #333;
}

/* 게시판 목록 아이콘 */
.board_list .xi-new {
    margin: 0.37rem 0 0 0.25rem;
    font-size: 1.1rem;
    color: #116eb4;
    float: right;
}
.board_list .xi-lock {
    display: inline-block;
    position: relative;
    top: -0.1rem;
    font-size: 1rem;
    color: #222;
    vertical-align: middle;
}

/* 게시판 목록 상태 아이콘 */
.board_list .icon {
    display: inline-block;
    min-width: 8rem;
    height: 2.75rem;
    padding: 0 1rem;
    border-radius: 0.5rem;
    background-color: #eee;
    font-size: 1.5rem;
    color: #333;
    line-height: 2.75rem;
    text-align: center;
}
.board_list .icon[data-label='처리완료'] {
    background-color: #000;
    color: #fff;
}
.board_list .icon[data-label='답변완료'] {
    background-color: #777;
    color: #fff;
}
.board_list .icon[data-label='진행중'] {
    background-color: #116eb4;
    color: #fff;
}
.board_list .icon_notice {
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 100%;
    background-color: #333;
    font-size: 1.3rem;
    color: #fff;
    vertical-align: middle;
}

.board_list .icon {
    display: inline-block;
    min-width: 8rem;
    height: 2.75rem;
    padding: 0 1rem;
    border-radius: 0.5rem;
    background-color: #eee;
    font-size: 1.5rem;
    color: #333;
    line-height: 2.75rem;
    text-align: center;
}
.board_list .icon[data-label='처리완료'] {
    background-color: #000;
    color: #fff;
}
.board_list .icon[data-label='답변완료'] {
    background-color: #777;
    color: #fff;
}
.board_list .icon[data-label='진행중'] {
    background-color: #116eb4;
    color: #fff;
}
.board_list .icon_notice {
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 100%;
    background-color: #333;
    font-size: 1.3rem;
    color: #fff;
    vertical-align: middle;
}

.board_list {
    /* overflow: hidden; */
    /* overflow-x: auto; */
    margin-top: 1rem;
    border-top: 2px solid #555;
    border-bottom: 1px solid #aaa;
}
.board_list table {
    min-width: 900px;
    width: 100%;
    margin-bottom: -1px;
}
.board_list .comment {
    font-size: 0.6rem;
    font-weight: 300;
    color: red;
}

.board_list .tstyle_write th {
    padding: 0.5rem;
    border-bottom: 1px solid #ddd;
    font-size: 0.8rem;
    font-weight: 600;
    color: #333;
    line-height: 2rem;
    text-align: left;
}
.board_list .tstyle_write td {
    border-bottom: 1px solid #ddd;
    text-align: left;
}
.board_list .tstyle_write .point1 {
    color: #c00;
}
.board_list .tstyle_write .contents {
    padding-bottom: 0;
}

.board_list .tstyle_write .form_radio label::before,
.board_list .tstyle_write .form_radio label::after,
.board_list .tstyle_write .form_check label::before,
.board_list .tstyle_write .form_check label::after {
    margin-top: 0.25rem;
}
.board_list .tstyle_write .form_textbox#m_id {
    width: calc(100% - 5.55rem);
}

.board_list .tstyle_write .file th,
.board_list .tstyle_write .file td {
    padding-bottom: 0.5rem;
    border-bottom: 0 none;
}
.board_list .tstyle_write .file img {
    width: 1.25rem;
    margin-right: 0.25rem;
}
.board_list .tstyle_write .file.active th,
.board_list .tstyle_write .file.active td {
    padding-top: 0.5rem;
    line-height: 1.75rem;
}
.board_list .tstyle_write .file + .file th,
.board_list .tstyle_write .file + .file td {
    padding-top: 0;
}
.board_list .tstyle_write .file + .file label {
    opacity: 0;
}
.board_list .tstyle_write .file:last-child th,
.board_list .tstyle_write .file:last-child td {
    padding-bottom: 0.5rem;
}
.board_list .tstyle_write .file .btn_del,
.board_list .tstyle_write .file_img .btn_del {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    overflow: hidden;
    font-size: 1rem;
    color: #888;
    line-height: 1rem;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.board_list .tstyle_write .file .btn_del::before,
.board_list .tstyle_write .file_img .btn_del::before {
    display: block;
    width: 100%;
    height: 100%;
    font-family: 'xeicon';
    line-height: inherit;
    text-align: center;
    content: '';
}
.board_list .tstyle_write .file .btn_del:hover,
.board_list .tstyle_write .file .btn_del:focus,
.board_list .tstyle_write .file_img .btn_del:hover,
.board_list .tstyle_write .file_img .btn_del:focus {
    color: #116eb4;
}

/*첨부파일*/
div.tstyle_view {
    border-top: 2px solid #555;
}
div.tstyle_view div.title {
    padding: 1.2rem 0;
    font-size: 1rem;
    font-weight: bold;
    color: #333;
    text-align: center;
}
div.tstyle_view ul.head {
    padding: 0.9rem;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #f8f9fa;
    text-align: center;
}
.gallery_slide {
    position: relative;
    text-align: center;
}
.gallery_slide .thumb_list .slick-arrow {
    display: block;
    position: absolute;
    top: 55%;
    z-index: 55;
    width: 3.5rem;
    height: 3.5rem;
    border: 1px solid #edeef0;
    border-radius: 50%;
    background-color: #edeef0;
    font-size: 0;
    color: #666;
    text-align: center;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}
div.tstyle_view ul.head li ~ li {
    position: relative;
    padding-left: 0.5rem;
    margin-left: 0.4rem;
}
div.tstyle_view ul.head li ~ li::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 0.6rem;
    background-color: #ddd;
    content: '';
}
div.tstyle_view div.tb_contents {
    padding: 3rem;
    border-bottom: 1px solid #d3d8dd;
}
div.tstyle_view .add_file_list {
    display: table;
    width: 100%;
    border-bottom: 1px solid #d3d8dd;
}
div.tstyle_view .add_file_list .title {
    display: table-cell;
    width: 10%;
    padding: 1rem;
    color: #333;
}
div.tstyle_view .add_file_list .add_file {
    display: table-cell;
    padding: 1rem 0;
}
ul.add_file li .file_down {
    margin-left: 0.3rem;
}
ul.add_file li .link {
    float: right;
}
ul.add_file li .link .btn-line {
    min-width: 5rem;
    width: auto;
    padding: 0.1rem 1.1rem 0.1rem 0.5rem;
    font-size: 0.7rem;
}
.btn-line {
    display: inline-block;
    position: relative;
    min-width: 6.8rem;
    width: 49%;
    padding: 0.35rem 0.75rem;
    border: 1px solid #999;
    background-color: #fff;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}
ul.add_file li ~ li {
    margin-top: 0.5rem;
}
ul.add_file li .link .btn-line i {
    right: 0.35rem;
}
.btn-line i {
    position: absolute;
    top: 50%;
    right: 0.6rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #333;
}
.btn-line.btn-down i::after {
    font-family: 'xeicon';
    content: '\eb7c';
}
.btn-line.btn-view i::after {
    font-family: 'xeicon';
    content: '\e97a';
}
.list_board {
    margin: 50px 0;
    border-bottom: 1px solid #333;
}
.list_board li {
    position: relative;
    padding: 0.75rem 1rem;
    border-top: 1px solid #e2e3e6;
}
.list_board li span {
    display: block;
    position: relative;
    padding-left: 1.5rem;
    vertical-align: top;
    float: left;
}
.list_board li a {
    display: block;
    padding-left: 6rem;
    color: #333;
}

/* PDF형 */
.board_pdf {
    display: inline-block;
    width: calc(100% + 0px);
    margin: 0 -1.3rem;
}
.board_pdf > * {
    width: calc(25% - 0px);
    margin-right: 0px;
    clear: none;
    float: left;
}
.board_pdf > *:nth-child(n + 5) {
    margin-top: 0px;
}

.board_pdf li {
    padding: 1rem 1.3rem;
}
.board_pdf .thumb {
    display: block;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 140%;
    margin-bottom: 1rem;
}
.board_pdf .thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    min-height: 100%;
}
.board_pdf .title {
    display: block;
    overflow: hidden;
    margin-bottom: 0.5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.8rem;
    color: #222;
}
.board_pdf .label {
    font-weight: 400;
    color: #000;
}
.board_pdf .name {
    display: none;
}
.board_pdf .btn {
    display: block;
    overflow: hidden;
    margin-top: 2rem;
}
.board_pdf .btn a {
    position: relative;
    min-width: auto;
    width: calc(50% - 0.5rem);
    height: 4.2rem;
    padding: 0 1.5rem;
    font-size: 1.5rem;
    line-height: 4rem;
    text-align: left;
    float: left;
}
.board_pdf .btn a i {
    position: absolute;
    top: 50%;
    left: auto;
    right: 1.5rem;
    font-size: 1.6rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.board_pdf .btn a + a {
    float: right;
}

/*btns*/
.btns {
    margin-top: 3.2rem;
}
.btn-style01 {
    width: 230px;
    height: 54px;
    background: #b70023;
    font-weight: 500;
    color: #fff;
    line-height: 54px;
}
.btn-style01:hover {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.btn-style02 {
    background: #333;
    color: #fff;
}
.btn-style03 {
    border: 1px solid #3f5ba8;
    color: #2146af;
}
.btn-style03:hover {
    border: 1px solid #3f5ba8;
}
.btn-style04 {
    background: #a7a7a7;
    color: #fff;
}
.btn-style05 {
    border: 1px solid #333 !important;
    background: none !important;
    color: #171717 !important;
}
.btns button,
.btns a,
.btns [class^='btn0'] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    position: relative;
    min-width: 12.7rem;
    height: 4.8rem;
    padding: 0.5rem 2.4rem 0.5rem 2rem;
    text-align: center;
    transition:
        background 0.3s,
        color 0.3s;
    -webkit-transition:
        background 0.3s,
        color 0.3s;
}
.btns a img {
    display: block;
    width: 1.8rem;
    height: 1.8rem;
}
.btns a span {
    color: #424242;
    font-size: 1.6rem;
    font-weight: 500;
}
.btns button + button,
.btns a + a,
.btns a + button {
    /* margin-left: 0.3rem !important; */
}
/* .btn01 {
  border: 1px solid #0e1262;
  background: #0e1262;
  color: #fff;
} */
/* .btn01:hover,
.btn01:focus {
  background: #fff;
  color: #0e1262;
} */
/* .btns button i,
.btns a i,
.btns [class^='btn0'] i {
  margin-right: 1rem;
} */

.btn_line {
    display: inline-block;
    min-width: 4.25rem;
    height: 1.7rem;
    overflow: hidden;
    padding: 0 0.5rem;
    border: 1px solid #707070;
    background-color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.7rem;
    color: #333;
    line-height: 1.4rem;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    transition: all 0.2s;
}
.btn_line:hover,
.btn_line:focus {
    background-color: #d13f3f;
    color: #fff;
    border-color: #d13f3f;
}
.btn_line i {
    margin-left: 0.25rem;
    font-size: 0.8rem;
    vertical-align: middle;
}

/*tab*/
.tab-wrap {
    max-width: 100%;
    margin: 3rem auto 3rem;
}
.tab1 {
    display: table;
    width: calc(100% + 10px);
    table-layout: fixed;
}
.tab1 > li {
    position: relative;
    width: 20%;
    padding: 0 10px 10px 0;
    text-align: center;
    float: left;
}
.tab1 > li > a {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    height: 50px;
    border: 1px solid #ddd;
    font-size: 1.8rem;
    color: #282728;
    letter-spacing: -0.54px;
    table-layout: fixed;
}
.tab1 > li > a:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: #d13f3f;
    -webkit-transition: height 0.3s;
    transition: height 0.3s;
    content: '';
}
.tab1 > li > a > span {
    display: table-cell;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    letter-spacing: -0.54px;
    vertical-align: middle;
}
.tab1 > li.active > a > span,
.tab1 > li > a:hover > span {
    font-weight: bold;
    color: #fff;
}
.tab1 > li.active > a:before,
.tab1 > li > a:hover:before {
    height: 100%;
}

.tab1.tab2 li {
    width: 50%;
    padding: 0;
}

/*bullet*/
.bul li {
    position: relative;
    padding-left: 12px;
}
.bul li:before {
    position: absolute;
    top: 0.9rem;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #22448a;
    content: '';
}
.bul.bul1 li {
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: -0.54px;
    line-height: 1.5;
}
.bul.bul1 li + li {
    margin-top: 1rem;
}
.no-bul {
    margin: 5px 0 15px;
}
.no-bul > * {
    display: block;
    font-weight: 400;
    color: #666666;
    letter-spacing: -0.48px;
    line-height: 2;
}

/* dash list */
.bul .dash {
    margin: 6px 0 8px;
}
.dash li {
    position: relative;
    padding-left: 10px;
}
.dash li::before {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    border-radius: 0;
    background: transparent;
    content: '-';
}

/*depth*/
.depth {
    letter-spacing: -0.51px;
    line-height: 1.5;
}
.depth1 {
    display: block;
    font-weight: 500;
    color: #282728;
    letter-spacing: -0.51px;
}

/*box*/
.box {
    background: #efefef;
}
.box1 {
    padding: 2rem 2.5rem;
    margin-top: 1.25rem;
    border: 2px solid #dbdbdb;
}

/*heading*/
.heading1 {
    position: relative;
    margin-bottom: 4rem;
    font-size: 1.75rem;
    font-weight: 500;
    color: #1d1c1c;
    letter-spacing: -1.4px;
    line-height: 2;
    text-align: center;
}
.heading1:before {
    position: absolute;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 80px;
    height: 1px;
    background: #a4a4a4;
    content: '';
}
.heading2 {
    position: relative;
    padding-bottom: 2rem;
    margin-top: 0.8rem;
    font-size: 2.6rem;
    font-weight: 500;
    color: #222222;
    letter-spacing: -0.78px;
    line-height: 3.8rem;
    text-align: left;
}
.heading2 > span {
    margin-left: 10px;
    font-size: 1.7rem;
    font-weight: 500;
}
.heading2:before {
    position: absolute;
    top: -8px;
    left: 0;
    width: 20px;
    height: 4px;
    background: #356dc8;
    content: '';
}
.sub-tit {
    display: block;
    font-size: 2.1rem;
    font-weight: 500;
    color: #222222;
    letter-spacing: -0.63px;
}

/*cont-style*/
.article + .article {
    margin-top: 8rem;
}

.point1 {
    color: #d13f3f !important;
}

/*지도*/
.map {
    height: 64rem;
    /* border: 1px solid #e1e1e1; */
}
.map > div {
    height: 100%;
}
.root_daum_roughmap .map_border {
    width: 0 !important;
    height: 0 !important;
    border: none !important;
    opacity: 0 !important;
}
.root_daum_roughmap .wrap_controllers {
    display: none;
}
.root_daum_roughmap .wrap_btn_zoom {
    z-index: 1 !important;
}
.map_info {
    display: flex;
    padding: 2.4rem 0 4rem;
}

.map_info > div:first-child {
    position: relative;
    width: 66.18%;
    padding-right: 8.7rem;
}
.map_info > div:first-child:after {
    display: block;
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 6.8rem;
    background: #d1d1d1;
}
.map_info > div:last-child {
    padding-left: 8.7rem;
}
.map_info .address {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2.5rem;
}
.map_info .address_info {
    display: flex;
    gap: 2.5rem;
    align-items: center;
}
.map_info .address .icon {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 9.5rem;
    height: 9.5rem;
    border-radius: 50%;
    background: #f4f5f7;
}
.map_info .address .txt {
    display: flex;
    flex-direction: column;
}
.map_info .contact {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    justify-content: center;
}
.map_info .contact .tel,
.map_info .contact .fax {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.map_info .contact .subject {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}
.map_info .contact .subject i {
    font-size: 2.4rem;
    color: #00447d;
}

@media (max-width: 1279px) {
    .map_info > div:first-child {
        padding-right: 4.8rem;
    }
    .map_info > div:last-child {
        padding-left: 4.8rem;
    }
}
@media (max-width: 1023px) {
    .map_info {
        flex-direction: column;
    }
    .map_info > div {
        width: 100% !important;
    }
    .map_info > div:first-child {
        padding-right: 0;
        padding-bottom: 2.4rem;
        margin-bottom: 2.4rem;
        border-bottom: 1px solid #e0e0e0;
    }
    .map_info > div:last-child {
        padding-left: 0;
    }
    .map_info > div:first-child:after {
        display: none;
    }
    .map_info .address {
        flex-direction: column;
        align-items: start;
    }
}
/* @media (max-width: 459px) {
    .map_info .address_info {
        flex-direction: column;
    }
    .map_info .address_info .h4,
    .map_info .address_info .p {
        text-align: center;
    }
    .map_info .address_btn {
        width: 100%;
        text-align: center;
    }
} */

/*개인정보처리방침*/
.personal_box {
    overflow: hidden;
    padding: 1.9rem 2.5rem;
    background: #efefef;
}
.personal_box > p {
    display: inline-block;
    width: 4rem;
    height: 4rem;
    border-radius: 5px;
    background: #22448a;
    line-height: 3.7rem;
    text-align: center;
    vertical-align: middle;
    float: left;
}
.personal_box > span em {
    display: block;
    padding-bottom: 10px;
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: -0.54px;
}
.personal_box > span {
    width: calc(100% - 4rem);
    padding-left: 3rem;
    float: left;
}
.personal_wrap .box1 {
    overflow: hidden;
}
.personal_wrap .box1 li {
    width: 50%;
    float: left;
}
.personal_wrap .box1 p.img {
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    background: #e2edfc;
    line-height: 4.3rem;
    text-align: center;
    float: left;
}
.personal_wrap .box1 span.txt em {
    display: block;
    margin-bottom: 10px;
    font-size: 2.1rem;
    font-weight: 500;
    color: #222222;
    letter-spacing: -0.63px;
}
.personal_wrap .box1 span.txt {
    width: calc(100% - 9rem);
    padding-left: 2.5rem;
    float: left;
}
.personal_wrap .box1 li:nth-child(1) {
    padding-right: 7rem;
}
.personal_wrap .box1 li:nth-child(2) {
    padding-left: 7rem;
}
.personal_wrap .box1 li + li {
    position: relative;
}
.personal_wrap .box1 li + li:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 90px;
    background: #ececec;
    content: '';
}
.personal_wrap .box1.box1-1 li {
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 0;
    float: none;
}
.personal_wrap .box1.box1-1 li + li {
    padding-top: 4rem;
}
.personal_wrap .box1.box1-1 li + li:before {
    top: 2rem;
    left: 0;
    width: 100%;
    height: 1px;
}
.personal_wrap .box1.box1-1 p.img {
    background: #fceee2;
}
.personal_wrap .flow {
    overflow-x: auto;
    margin-top: 1.25rem;
}
.personal_wrap .flow img {
    max-width: 100%;
    min-width: 1024px;
}

/*기관소개*/
.introduce_img {
    position: relative;
    height: 28.2rem;
    border-radius: 1.6rem;
    overflow: hidden;
}
.introduce_img img {
    display: block;
    height: 100%;
    object-fit: cover;
}
.introduce_img .title {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    text-align: center;
    display: flex;
    flex-direction: column;
    width: 66.111%;
    background: #fff;
    border-radius: 1.6rem 1.6rem 0 0;
    padding: 4rem 3rem 1.6rem;
}
.introduce_img .title-banner {
    margin-top: -6.3rem;
}

.introduce_img .title em {
    color: #e0e0e0;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 160%;
    letter-spacing: 0.24rem;
}
.arrow img {
    display: block;
    width: 77.6rem;
    margin: auto;
}

.intro_wrap .cont-style1 .box1 {
    padding: 3rem;
}
.intro_wrap .cont-style1 .box1 span {
    display: block;
    margin-top: 5px;
    font-weight: 300;
    color: #555555;
    letter-spacing: -0.51px;
    line-height: 1.5;
}
.intro_wrap .cont-style2 .sub-tit {
    margin-bottom: 10px;
}
.intro_wrap .cont-style2 .process {
    overflow: hidden;
    display: flex;
    border-radius: 1.2rem 1.2rem 0 0;
}
.intro_wrap .cont-style2 .process > li {
    width: 100%;
    text-align: center;
    /* float: left; */
}
.intro_wrap .cont-style2 .process > li > div {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.intro_wrap .cont-style2 .process > li .tit {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 5.6rem;
    background: #78bcf4;
    font-weight: 500;
    color: #282728;
    text-align: center;
    table-layout: fixed;
    color: #fff;
}

.intro_wrap .cont-style2 .process > li .tit span {
    font-size: 2rem;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: -0.2px;
}
.intro_wrap .cont-style2 .process > li:nth-child(2) .tit {
    background: #409eed;
}

.intro_wrap .cont-style2 .process > li .tit:before {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    background: #78bcf4;
    content: '';
    z-index: 1;
}
.intro_wrap .cont-style2 .process > li:nth-child(2) .tit:before {
    background: #409eed;
}

/* .intro_wrap .cont-style2 .process > li:nth-child(2) .tit span:after{position: absolute;top:50%;right:-7px;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index: 1;width:14px;height:14px;border-radius: 50%;background:#4284c9;content:'';} */
.intro_wrap .cont-style2 .process > li:nth-child(3) .tit {
    background: #2380cf;
}
.intro_wrap .cont-style2 .process > li:nth-of-type(3) .tit:before {
    background: #2380cf;
}
.intro_wrap .cont-style2 .process > li:nth-child(3) {
    margin-left: -1px;
}
.intro_wrap .cont-style2 .process > li:nth-of-type(4) .tit {
    background: #1668ad;
}
.intro_wrap .cont-style2 .process > li:nth-of-type(4) .tit:before {
    background: #1668ad;
}
.intro_wrap .cont-style2 .process > li:nth-of-type(5) .tit {
    background: #00447d;
}
.intro_wrap .cont-style2 .process > li:nth-of-type(5) .tit:before {
    background: #00447d;
}
.intro_wrap .cont-style2 .process > li .txt {
    flex-grow: 1;
    text-align: left;
    padding: 2.4rem 2rem;
    border: 1px solid #e0e0e0;
}
.intro_wrap .cont-style2 .process > li + li {
    position: relative;
}
.intro_wrap .cont-style2 .process > li + li::before {
    /* position: absolute;
  top: 3.5rem;
  left: 0;
  width: 2px;
  height: 60%;
  background: #f7f8fa;
  content: ''; */
}
.intro_wrap .cont-style2 .process > li:first-child .txt {
    border-radius: 0 0 0 1.2rem;
}
.intro_wrap .cont-style2 .process > li:last-child .txt {
    border-radius: 0 0 1.2rem 0;
}
.intro_wrap .cont-style2 .process > li .txt .bul > li {
    margin-bottom: 10px;
}
.intro_wrap .cont-style2 .process > li .txt .bul > li:last-of-type {
    margin-bottom: 0;
}
.intro_wrap .cont-style2 .process > li .txt .bul > li::before {
    background: #e3e6e8;
}
.intro_wrap .cont-style2 .process > li + li .txt {
    border-left: none;
}

.intro_wrap .vison .title {
    text-align: center;
}
.intro_wrap .vison .title p {
    position: relative;
    height: 11.6rem;
}
.intro_wrap .vison .title p::before {
    position: absolute;
    top: 0;
    left: 5rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 22px;
    height: 116px;
    background: url('../../images/korean/sub/bar.png') no-repeat;
    content: '';
}
.intro_wrap .vison .title p::after {
    position: absolute;
    top: 0;
    right: 5rem;
    width: 22px;
    height: 116px;
    background: url('../../images/korean/sub/bar.png') no-repeat;
    content: '';
}
.intro_wrap .vison {
    margin-top: 5.5rem;
}
.intro_wrap .vison .title span {
    display: block;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 2rem;
    font-weight: bold;
    color: #d13f3f;
    text-transform: uppercase;
}
.intro_wrap .vison .title strong {
    display: block;
    margin-bottom: 7px;
    font-size: 3.5rem;
    font-weight: bold;
    color: #000;
    letter-spacing: -1.05px;
}
.intro_wrap .vison .title em {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 2.5rem;
    color: #e1e1e1;
    letter-spacing: -0.75px;
}
.intro_wrap .vison .context .bar {
    display: block;
    display: table;
    position: relative;
    width: 100%;
    height: 8rem;
    margin-top: 9.4rem;
    background: #22448a;
    color: #fff;
    table-layout: fixed;
    margin-bottom: 3rem;
}
.intro_wrap .vison .context .bar:before {
    position: absolute;
    top: -8.4rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 748px;
    height: 84px;
    background: url('../../images/korean/sub/bg1.png') no-repeat;
    content: '';
}
.intro_wrap .vison .context .bar strong {
    display: table-cell;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}
.intro_wrap .vison .context .bar strong span {
    display: inline-block;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 2rem;
    font-weight: bold;
    text-transform: uppercase;
}
.intro_wrap .vison .context .bar strong em {
    font-size: 2.2rem;
    font-weight: 500;
    letter-spacing: -0.66px;
}
.intro_wrap .vison .context .bar strong span + em {
    position: relative;
    padding-left: 6rem;
}
.intro_wrap .vison .context .bar strong span + em:before {
    position: absolute;
    top: 50%;
    left: 1.5rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0.2;
    width: 1px;
    height: 17px;
    background: #fff;
    content: '';
}
.intro_wrap .vison .context .vison-stitle {
    font-size: 2.7rem;
    display: block;
    position: relative;
    margin: 4rem 0 2rem;
}
.intro_wrap .vison .context .vison-stitle::before {
    content: '';
    width: 100%;
    height: 1px;
    right: 0;
    background: #797979;
    position: absolute;
    top: 50%;
    z-index: -1;
    opacity: 0.5;
}
.intro_wrap .vison .context .vison-stitle > span {
    padding-right: 10px;
    background: #fff;
}
.intro_wrap .vison .context .vison-stitle > span > span {
    color: #22448a;
}
.intro_wrap .vison .context .mission-box {
    background: #4e5871;
    border-radius: 3rem;
    padding: 2rem 4.4rem;
}
.intro_wrap .vison .context .mission-box ul {
    display: flex;
    align-items: center;
}
.intro_wrap .vison .context .mission-box ul > li {
    color: #fff;
    width: 25%;
    text-align: center;
    position: relative;
}
.intro_wrap .vison .context .mission-box ul > li::before {
    content: '';
    width: 1px;
    height: 2.6rem;
    background: #e3e6e8;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    opacity: 0.2;
}
.intro_wrap .vison .context .mission-box ul > li:last-of-type::before {
    display: none;
}
.intro_wrap .vison .context .flex-box {
    display: flex;
    margin: 0 -0.55rem;
}
.intro_wrap .vison .context .flex-box > div {
    width: 50%;
    padding: 0 0.55rem;
}
.intro_wrap .vison .context .flex-box .strategy > ul > li {
    display: flex;
    margin-bottom: 2.32rem;
}
.intro_wrap .vison .context .flex-box .strategy > ul > li:last-of-type {
    margin-bottom: 0;
}
.intro_wrap .vison .context .flex-box .strategy > ul > li > span {
    width: 32rem;
    height: 11.4rem;
    padding: 2.6rem 3.6rem;
    background: rgba(98, 160, 224, 0.9);
    border-radius: 6rem;
    margin-right: -5.4rem;
    position: relative;
    z-index: 1;
    color: #fff;
    display: flex;
    align-items: center;
}
.intro_wrap .vison .context .flex-box .strategy > ul > li:nth-of-type(2) > span {
    background: rgba(66, 132, 201, 0.9);
}
.intro_wrap .vison .context .flex-box .strategy > ul > li:nth-of-type(3) > span {
    background: rgba(31, 109, 190, 0.9);
}
.intro_wrap .vison .context .flex-box .strategy > ul > li:nth-of-type(4) > span {
    background: rgba(42, 83, 168, 0.9);
}
.intro_wrap .vison .context .flex-box .strategy > ul > li:nth-of-type(5) > span {
    background: rgba(34, 68, 138, 0.9);
}
.intro_wrap .vison .context .flex-box .strategy > ul > li > span strong {
    font-weight: 500;
    font-size: 1.76rem;
    font-family: 'Josefin Sans';
}
.intro_wrap .vison .context .flex-box .strategy > ul > li > span span {
    font-size: 2.66rem;
}
.intro_wrap .vison .context .flex-box .strategy > ul > li > div {
    width: 38.4rem;
    height: 11.4rem;
    background: rgba(47, 51, 63, 0.7);
    border-radius: 6rem;
    padding: 3.6rem;
    padding-left: 7rem;
    color: #fff;
    display: flex;
    align-items: center;
}
.intro_wrap .vison .context .flex-box .strategy > ul > li > div b {
    font-size: 2.22rem;
    padding-right: 1.8rem;
}
.intro_wrap .vison .context .flex-box .strategy > ul > li > div p {
    padding-left: 1.8rem;
    position: relative;
}
.intro_wrap .vison .context .flex-box .strategy > ul > li > div p::before {
    content: '';
    width: 1px;
    height: 5.2rem;
    background: #e3e6e8;
    opacity: 0.24;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.intro_wrap .vison .context .flex-box .task > ul > li {
    margin-bottom: 2.32rem;
}
.intro_wrap .vison .context .flex-box .task > ul > li:last-of-type {
    margin-bottom: 0;
}
.intro_wrap .vison .context .flex-box .task > ul > li > div {
    height: 11.4rem;
    background: #d7d7d7;
    border-radius: 6rem;
    padding: 2rem 3rem;
    display: flex;
    align-items: center;
}
.intro_wrap .vison .context .flex-box .task .num_list {
    display: flex;
    flex-wrap: wrap;
}
.intro_wrap .vison .context .flex-box .task .num_list > li {
    margin-right: 1rem;
    font-size: 1.64rem;
    display: flex;
    align-items: center;
    letter-spacing: -1px;
    font-weight: 600;
    padding: 2px 0;
}
.intro_wrap .vison .context .flex-box .task .num_list > li span {
    width: 1.8rem;
    height: 1.8rem;
    background: #c0c0c0;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    margin-right: 5px;
}

.intro_wrap .value-title {
    display: block;
    text-align: center;
    font-size: 3.1rem;
    margin-top: 12.4rem;
}
.intro_wrap .value-title .blue {
    color: #22448a;
}
.intro_wrap .value-title .red {
    color: #d13f3f;
}

.intro_wrap .vison .context .category {
    width: calc(100% + 2.7rem);
    overflow: hidden;
    margin-top: 2rem;
}
.intro_wrap .vison .context .category li {
    width: 25%;
    padding-right: 2.7rem;
    float: left;
}
.intro_wrap .vison .context .category li p {
    display: table;
    width: 100%;
    height: 9rem;
    border: 2px solid #d13f3f;
    border-radius: 5px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: bold;
    text-align: center;
    table-layout: fixed;
    text-transform: uppercase;
}
.intro_wrap .vison .context .category li p span {
    display: table-cell;
    vertical-align: middle;
}
.intro_wrap .vison .context .category li > div > span {
    display: block;
    padding: 10px 0;
    border-bottom: 2px solid #e3e6e8;
    text-align: center;
}
.intro_wrap .vison .context .box2 {
    position: relative;
    z-index: 1;
    padding: 6rem 2rem;
    margin-top: 4rem;
    background: #f7f8fa;
}
.intro_wrap .vison .context .box2:before {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 338px;
    background: url('../../images/korean/sub/bg2.png') no-repeat center/cover;
    content: '';
}
.intro_wrap .vison .context .box2 > strong {
    display: block;
    margin-bottom: 3.4rem;
    font-size: 3rem;
    color: #000000;
    letter-spacing: -0.9px;
    text-align: center;
    font-weight: bold;
}
.intro_wrap .vison .context .box2 > .inner {
    max-width: 100%;
    width: 70rem;
    margin: auto;
}
.intro_wrap .vison .context .box2 > .inner article {
    position: relative;
    padding: 3rem 0;
    border-bottom: 1px solid #d9dcde;
}
.intro_wrap .vison .context .box2 > .inner article:last-child {
    border-bottom: 0;
}
.intro_wrap .vison .context .box2 > .inner article > * {
    display: inline-block;
    vertical-align: middle;
}
.intro_wrap .vison .context .box2 > .inner .tit {
    width: 30rem;
    height: 100%;
}
.intro_wrap .vison .context .box2 > .inner .tit strong {
    font-size: 2.2rem;
    color: #000000;
    letter-spacing: -0.66px;
    line-height: 1.5;
}
.intro_wrap .vison .context .box2 > .inner .tit em {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    font-size: 6rem;
    font-weight: bold;
    color: #e6e6e6;
}
.intro_wrap .vison .context .box2 > .inner li em {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-right: 10px;
    border-radius: 3px;
    background: #22448a;
    font-size: 0.7rem;
    font-weight: bold;
    color: #fff;
    line-height: 26px;
    text-align: center;
}
.intro_wrap .vison .context .box2 > .inner li span {
    display: inline-block;
    font-size: 0.9rem;
    font-weight: 500;
    vertical-align: middle;
}
.intro_wrap .vison .context .box2 > .inner li + li {
    padding-top: 0.5rem;
}
.intro_wrap .value {
    /* position: relative;
  margin-top: 8.35rem;
  border: 1px solid #d13f3f;
  border-radius: 5px; */
}
.intro_wrap .value::before {
    /* position: absolute;
    top: -6rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 748px;
    height: 84px;
    background: url('../../images/korean/sub/bg1.png') no-repeat;
    content: ''; */
}
.intro_wrap .value .core-tit {
    position: absolute;
    top: -29px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 58px;
    padding: 0 4.8rem;
    border-radius: 29px;
    background: #d13f3f;
    font-size: 2.2rem;
    font-weight: bold;
    color: #fff;
    line-height: 58px;
    text-align: center;
}
.intro_wrap .value div.txt {
    overflow: hidden;
    padding: 4.6rem 8rem;
    text-align: center;
}
/* .intro_wrap .value li {
    width: 20%;
    font-weight: bold;
    letter-spacing: -0.99px;
    float: left;
    display: flex;
    flex-direction: column;
}
.intro_wrap .value li b {
    font-size: 3.5rem;
    color: #000000;
}
.intro_wrap .value li span {
    font-size: 2.2rem;
    color: #cfcfcf;
    margin-top: 1rem;
    font-family: 'Josefin Sans';
    font-weight: 500;
}
.intro_wrap .value li + li {
    position: relative;
}
.intro_wrap .value li + li::before {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 4rem;
    color: #d5d7d8;
    content: '+';
} */

@media (max-width: 1024px) {
    .intro_wrap .vison .context .mission-box {
        padding: 2rem;
    }
    .intro_wrap .vison .context .mission-box ul {
        flex-wrap: wrap;
    }
    .intro_wrap .vison .context .mission-box ul > li {
        width: 50%;
        padding: 2rem 0;
    }
    .intro_wrap .vison .context .mission-box ul > li::before {
        width: 5.2rem;
        height: 1px;
        top: auto;
        bottom: 0;
        left: 50%;
        right: auto;
        transform: translateX(-50%) translateY(0);
    }
    .intro_wrap .vison .context .mission-box ul > li:nth-of-type(n + 3)::before {
        display: none;
    }

    .intro_wrap .vison .context .flex-box {
        flex-direction: column;
    }
    .intro_wrap .vison .context .flex-box > div {
        width: 100%;
    }
    .intro_wrap .vison .context .flex-box .strategy > ul > li > span {
        width: 40%;
    }
    .intro_wrap .vison .context .flex-box .strategy > ul > li > div {
        width: calc(60% + 5.4rem);
    }
}

@media (max-width: 768px) {
    .introduce_img .title {
        margin-top: 0;
    }
    .intro_wrap .cont-style2 .process-scroll {
        overflow-x: auto;
    }
    .intro_wrap .cont-style2 .process {
        min-width: 850px;
    }
}

@media (max-width: 587px) {
    .intro_wrap .vison .context .flex-box .strategy > ul > li {
        flex-direction: column;
    }
    .intro_wrap .vison .context .flex-box .strategy > ul > li > span {
        width: 100%;
        margin-right: 0;
        justify-content: center;
        text-align: center;
        margin-bottom: -2.4rem;
    }
    .intro_wrap .vison .context .flex-box .strategy > ul > li > span br {
        display: none;
    }
    .intro_wrap .vison .context .flex-box .strategy > ul > li > div {
        width: 100%;
        justify-content: center;
    }
    .intro_wrap .vison .context .flex-box .task > ul > li > div {
        min-height: 11.4rem;
        height: auto;
    }
}

/*ci소개*/
.ci_wrap .box1 {
    overflow: hidden;
    padding: 1.5rem;
}
.ci_wrap .box1 .ci_logo {
    display: table;
    width: 49rem;
    height: 332px;
    background: url('../../images/korean/sub/ci_bg.png') no-repeat center/cover;
    float: left;
    table-layout: fixed;
}
.ci_wrap .box1 .ci_logo > span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.ci_wrap .box1 .txt {
    width: calc(100% - 49rem);
    padding-left: 4rem;
    margin-top: 1.4rem;
    float: left;
}
.ci_wrap .box1 .txt > p {
    padding-bottom: 2rem;
    font-size: 2.1rem;
    font-weight: 500;
    color: #282728;
    letter-spacing: -0.63px;
    line-height: 1.5;
}
.ci_wrap .box1 .txt .point2 {
    display: block;
    color: #22448a;
}
.ci_wrap .box1 .txt > span {
    display: block;
    line-height: 1.8;
}
.ci_wrap .box1 .txt .down {
    display: inline-block;
    height: 45px;
    padding: 0 2rem;
    margin-top: 3.5rem;
    border: 2px solid #333333;
    line-height: 42px;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.ci_wrap .box1 .txt .down span {
    font-size: 1.6rem;
    color: #555555;
}
.ci_wrap .box1 .txt .down i {
    margin-left: 1.8rem;
    color: #d13f3f;
    text-align: right;
}
.ci_wrap .box1 .txt .down:hover {
    background: #d13f3f;
    border-color: #d13f3f;
}
.ci_wrap .box1 .txt .down:hover > * {
    color: #fff;
}
.ci_wrap .cont-style2 {
    width: calc(100% + 1.6rem);
    overflow: hidden;
}
.ci_wrap .cont-style2 ul > li {
    width: 33.33333%;
    padding-right: 1.6rem;
    float: left;
}
.ci_wrap .cont-style2 ul > li .inner {
    height: 35.6rem;
    padding: 1rem;
    border: 1px solid #d5d7d8;
}
.ci_wrap .cont-style2 ul > li .ci-tit {
    display: inline-block;
    height: 30px;
    padding: 0 1.5rem;
    border-radius: 3px;
    background: #22448a;
    font-size: 1.4rem;
    font-weight: bold;
    color: #fff;
    line-height: 30px;
    text-align: center;
}
.ci_wrap .cont-style2 ul > li .ci-img {
    padding: 0 3rem;
    margin-top: 6.3rem;
    text-align: center;
}
.ci_wrap .cont-style2 ul > li .ci-img span {
    display: block;
    height: 4.6rem;
}
.ci_wrap .cont-style2 ul > li .ci-img span + span {
    position: relative;
    padding-top: 10rem;
}
.ci_wrap .cont-style2 ul > li .ci-img span + span:before {
    position: absolute;
    top: 5rem;
    left: 0;
    width: 100%;
    border: 1px dashed #e3e6e8;
    content: '';
}
.ci_wrap .cont-style2 ul > li .ci-img span img {
    max-width: 100%;
}

/*사업소개*/
.business .cont-style1 .purpose {
    width: calc(100% + 5rem);
    overflow: hidden;
}
.business .cont-style1 .purpose li {
    width: 33.33333%;
    padding-right: 5rem;
    float: left;
}
.business .cont-style1 .purpose3 li {
    width: 50%;
    padding-right: 5rem;
    float: left;
}
.business .cont-style1 .purpose li .tit {
    display: block;
    padding: 1.6rem 3rem 3rem;
    border: 1px solid #dfdfdf;
    border-radius: 15px 15px 0 0;
    font-size: 1.8rem;
    font-weight: 900;
}
.business .cont-style1 .purpose li .tit span {
    opacity: 0.1;
    color: #000;
}
.business .cont-style1 .purpose li .tit em {
    color: #8199bd;
    float: right;
}
.business .cont-style1 .purpose1 li.block2 .tit em {
    color: #5777a7;
}
.business .cont-style1 .purpose1 li.block3 .tit em {
    color: #284f8a;
}
.business .cont-style1 .purpose2 li.block1 .tit em {
    color: #187878;
}
.business .cont-style1 .purpose2 li.block2 .tit em {
    color: #187857;
}
.business .cont-style1 .purpose2 li.block3 .tit em {
    color: #185578;
}
.business .cont-style1 .purpose3 li.block1 .tit em {
    color: #734e92;
}
.business .cont-style1 .purpose3 li.block2 .tit em {
    color: #4e4e92;
}
.business .cont-style1 .purpose li .txt {
    position: relative;
    width: 100%;
    height: 16rem;
    padding: 3rem;
    margin-top: -1.6rem;
    border-radius: 15px;
    background: #8199bd;
}
.business .cont-style1 .purpose3 li .txt {
    height: 13rem;
}
.business .cont-style1 .purpose li .txt span {
    font-size: 2.1rem;
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.63px;
    line-height: 1.5;
}
.business .cont-style1 .purpose1 li.block2 .txt,
.business .cont-style2 .element.element2 .tit > em {
    background: #5777a7;
}
.business .cont-style1 .purpose1 li.block3 .txt,
.business .cont-style2 .element.element3 .tit > em {
    background: #284f8a;
}
.business .cont-style1 .purpose2 li.block1 .txt,
.business .cont-style2 .element.element4 .tit > em {
    background: #187878;
}
.business .cont-style1 .purpose2 li.block2 .txt,
.business .cont-style2 .element.element5 .tit > em {
    background: #187857;
}
.business .cont-style1 .purpose2 li.block3 .txt,
.business .cont-style2 .element.element6 .tit > em {
    background: #185578;
}
.business .cont-style1 .purpose3 li.block1 .txt,
.business .cont-style2 .element.element7 .tit > em {
    background: #734e92;
}
.business .cont-style1 .purpose3 li.block2 .txt,
.business .cont-style2 .element.element8 .tit > em {
    background: #4e4e92;
}
.business .cont-style1 .purpose li .txt::before {
    position: absolute;
    bottom: 2rem;
    right: 2rem;
    width: 67px;
    height: 58px;
    background-image: url('../../images/korean/sub/purpose1.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
}
.business .cont-style1 .purpose.purpose1 li.block2 .txt::before {
    width: 70px;
    height: 67px;
    background: url('../../images/korean/sub/purpose2.png');
}
.business .cont-style1 .purpose.purpose1 li.block3 .txt::before {
    width: 56px;
    height: 62px;
    background: url('../../images/korean/sub/purpose3.png');
}
.business .cont-style1 .purpose.purpose2 li.block1 .txt::before {
    width: 61px;
    height: 57px;
    background: url('../../images/korean/sub/purpose4.png');
}
.business .cont-style1 .purpose.purpose2 li.block2 .txt::before {
    width: 66px;
    height: 67px;
    background: url('../../images/korean/sub/purpose5.png');
}
.business .cont-style1 .purpose.purpose2 li.block3 .txt::before {
    width: 67px;
    height: 67px;
    background: url('../../images/korean/sub/purpose6.png');
}
.business .cont-style1 .purpose.purpose3 li.block1 .txt::before {
    width: 71px;
    height: 67px;
    background: url('../../images/korean/sub/purpose7.png');
}
.business .cont-style1 .purpose.purpose3 li.block2 .txt::before {
    width: 59px;
    height: 65px;
    background: url('../../images/korean/sub/purpose8.png');
}
.business .cont-style2 {
    margin-top: 7rem;
}
.business .cont-style2 .element .tit {
    overflow: hidden;
    padding: 2rem;
    margin-bottom: 2rem;
    background: #f7f8fa;
}
.business .cont-style2 .element .tit > em {
    width: 4.4rem;
    height: 4.4rem;
    border-radius: 50%;
    background: #8199bd;
    font-weight: bold;
    color: #fff;
    line-height: 4.4rem;
    text-align: center;
    float: left;
}
.business .cont-style2 .element .tit > span {
    width: calc(100% - 4.4rem);
    padding-top: 0.4rem;
    padding-left: 15px;
    font-size: 2.4rem;
    font-weight: 500;
    color: #222222;
    letter-spacing: -0.72px;
    float: left;
}
.business .cont-style2 .element + .element {
    margin-top: 7rem;
}
.business .cont-style2 .element .bul1 strong {
    margin-right: 10px;
    font-weight: 500;
}
.business .cont-style2 .element .bul1 span {
    font-weight: 400;
}

/*조직도*/
.org_wrap .cont-style1 {
    margin-bottom: 4rem;
    font-size: 0.9rem;
    font-weight: 500;
}
.org_wrap .cont-style2 {
    overflow: hidden;
    margin-bottom: 3rem;
}
.org_wrap .cont-style1 .org {
    display: table;
    position: relative;
    width: 15rem;
    height: 50px;
    margin: auto;
    border-radius: 5px;
    line-height: 50px;
    text-align: center;
    table-layout: fixed;
}
.org_wrap .cont-style1 .org::before {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
    height: 200%;
    border: 1px dashed #c5c5c5;
    content: '';
}
.org_wrap .cont-style1 .org.org4::before {
    height: 157%;
}
.org_wrap .cont-style1 .org.org1 {
    position: relative;
    background: #4b556a;
    color: #fff;
}

.org_wrap .cont-style1 .org.org3 {
    background: transparent linear-gradient(113deg, #22448a 0%, #d13f3f 100%) 0% 0% no-repeat
        padding-box;
    color: #fff;
}
.org_wrap .cont-style1 .org.org3:before {
    height: 150%;
}

.org_wrap .cont-style1 .org.org4 {
    margin-top: 2rem;
    border: 4px solid transparent;
    border-radius: 5px;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #22448a, #d13f3f);
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.org_wrap .cont-style1 .org2 {
    overflow: hidden;
}
.org_wrap .cont-style1 .org2 .before {
    border: 1px dashed #c5c5c5;
}
.org_wrap .cont-style1 .org2 li {
    display: table;
    position: relative;
    width: 12rem;
    height: 50px;
    border: 2px solid #22448a;
    border-radius: 5px;
    background: #fff;
    text-align: center;
    table-layout: fixed;
}
.org_wrap .cont-style1 .org2 li + li {
    position: relative;
}
.org_wrap .cont-style1 .org2 li + li:before {
    position: absolute;
    top: 50%;
    left: -500%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
    width: 1000%;
    border: 1px dashed #c5c5c5;
    content: '';
}
.org_wrap .cont-style1 .org2 li:nth-child(1) {
    float: left;
}
.org_wrap .cont-style1 .org2 li:nth-child(2) {
    float: right;
}
.org_wrap .cont-style1 .org2 li > span {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}
.org_wrap .cont-style1 .org5 {
    width: calc(100% + 2.35rem);
    overflow: hidden;
}
.org_wrap .cont-style1 .org5 li {
    display: table;
    position: relative;
    width: 25%;
    height: 50px;
    padding-right: 2.35rem;
    margin-top: 2.5rem;
    text-align: center;
    float: left;
    table-layout: fixed;
}
.org_wrap .cont-style1 .org5 li + li:before {
    position: absolute;
    top: -50%;
    left: calc(-50% - 1.25rem);
    width: 100%;
    border: 1px dashed #c5c5c5;
    content: '';
}
.org_wrap .cont-style1 .org5 li > span {
    display: table-cell;
    position: relative;
    width: 100%;
    border-radius: 5px;
    background: #e3e6e8;
    vertical-align: middle;
}
.org_wrap .cont-style1 .org5 li span:before {
    position: absolute;
    top: -50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
    height: 100%;
    border: 1px dashed #c5c5c5;
    content: '';
}
.org_wrap .cont-style1 .org4-1 {
    padding-top: 1.3rem;
}
.org_wrap .cont-style1 .org4-1 > ul {
    overflow: hidden;
    padding-top: 1rem;
}
.org_wrap .cont-style1 .org4-1 > ul > li {
    text-align: center;
    float: left;
}
.org_wrap .cont-style1 .org4-1 > ul > li + li {
    position: relative;
}
.org_wrap .cont-style1 .org4-1 > ul > li + li:before {
    position: absolute;
    top: -1rem;
    left: -50%;
    width: 100%;
    border: 1px dashed #c5c5c5;
    content: '';
}
.org_wrap .cont-style1 .org4-1 > ul > li:last-child {
    float: right;
}
.org_wrap .cont-style1 .org4-1 > ul > li > p {
    display: table;
    width: 15rem;
    height: 2.5rem;
    margin: 0 auto 2rem;
    border: 4px solid transparent;
    border-radius: 5px;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #22448a, #d13f3f);
    background-origin: border-box;
    background-clip: content-box, border-box;
    table-layout: fixed;
}
.org_wrap .cont-style1 .org4-1 > ul > li > p > span {
    display: table-cell;
    position: relative;
    width: 100%;
    vertical-align: middle;
}
.org_wrap .cont-style1 .org4-1 > ul > li > p > span:before {
    position: absolute;
    top: -1rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
    height: 193%;
    border: 1px dashed #c5c5c5;
    content: '';
}
.org_wrap .cont-style1 .org4-1 > ul > li > ul > li {
    float: left;
}
.org_wrap .cont-style1 .org4-1 > ul > li > ul > li + li {
    position: relative;
    padding-left: 1rem;
}
.org_wrap .cont-style1 .org4-1 > ul > li > ul > li + li:before {
    position: absolute;
    top: -50%;
    left: calc(-50% - -0.5rem);
    width: 100%;
    border: 1px dashed #c5c5c5;
    content: '';
}
.org_wrap .cont-style1 .org4-1 > ul > li > ul > li > p {
    display: table-cell;
    position: relative;
    width: 100%;
    height: 2.5rem;
    border-radius: 5px;
    background: #e3e6e8;
    text-align: center;
    vertical-align: middle;
}
.org_wrap .cont-style1 .org4-1 > ul > li > ul > li > p > span {
    display: table-cell;
    position: relative;
    width: 11rem;
    border-radius: 5px;
    background: #e3e6e8;
    vertical-align: middle;
}
.org_wrap .cont-style1 .org4-1 > ul > li > ul > li > p > span:before {
    position: absolute;
    top: -1.9rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
    height: 100%;
    border: 1px dashed #c5c5c5;
    content: '';
}

/**/
.org_wrap .cont-style1 .org4-1 {
    padding-top: 1.3rem;
}
.org_wrap .cont-style1 .org4-1 > ul {
    overflow: hidden;
    padding-top: 1rem;
}
.org_wrap .cont-style1 .org4-1 > ul > li {
    text-align: center;
    float: left;
}
.org_wrap .cont-style1 .org4-1 > ul > li + li {
    position: relative;
}
.org_wrap .cont-style1 .org4-1 > ul > li + li:before {
    position: absolute;
    top: -1rem;
    left: -50%;
    width: 100%;
    border: 1px dashed #c5c5c5;
    content: '';
}
.org_wrap .cont-style1 .org4-1 > ul > li:last-child {
    float: right;
}
.org_wrap .cont-style1 .org4-1 > ul > li > a.click {
    display: table;
    width: 15rem;
    height: 2.5rem;
    margin: 0 auto 2rem;
    border: 4px solid transparent;
    border-radius: 5px;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #22448a, #d13f3f);
    background-origin: border-box;
    background-clip: content-box, border-box;
    table-layout: fixed;
}
.org_wrap .cont-style1 .org4-1 > ul > li > a.click > span {
    display: table-cell;
    position: relative;
    width: 100%;
    vertical-align: middle;
}
.org_wrap .cont-style1 .org4-1 > ul > li > a.click > span:before {
    position: absolute;
    top: -1rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
    height: 193%;
    border: 1px dashed #c5c5c5;
    content: '';
}
.org_wrap .cont-style1 .org4-1 > ul > li > ul > li {
    float: left;
}
.org_wrap .cont-style1 .org4-1 > ul > li > ul > li + li {
    position: relative;
    padding-left: 1rem;
}
.org_wrap .cont-style1 .org4-1 > ul > li > ul > li + li:before {
    position: absolute;
    top: -50%;
    left: calc(-50% - -0.5rem);
    width: 100%;
    border: 1px dashed #c5c5c5;
    content: '';
}
.org_wrap .cont-style1 .org4-1 > ul > li > ul > li > a.click {
    display: table-cell;
    position: relative;
    width: 100%;
    height: 2.5rem;
    border-radius: 5px;
    background: #e3e6e8;
    text-align: center;
    vertical-align: middle;
}
.org_wrap .cont-style1 .org4-1 > ul > li > ul > li > a.click > span {
    display: table-cell;
    position: relative;
    width: 11rem;
    border-radius: 5px;
    background: #e3e6e8;
    vertical-align: middle;
}
.org_wrap .cont-style1 .org4-1 > ul > li > ul > li > a.click > span:before {
    position: absolute;
    top: -1.9rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
    height: 100%;
    border: 1px dashed #c5c5c5;
    content: '';
}
.org_wrap .click {
    display: block;
}
.mgt20 {
    margin-top: 2rem;
}
.mgt10 {
    margin-top: 1rem;
}
/* h4 {
  position: relative;
  padding-left: 10px;
}
h4:before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  background: #000;
  content: '';
} */
.org_wrap .cont-style3 .table {
    display: none;
}
.org_wrap .cont-style3 .table.active {
    display: block;
}

/* 08.02 조직도추가 */
.org_wrap .cont-style1 .org4-1 .biz_plan {
    margin-bottom: 6rem;
    margin-left: 68.5%;
}
.org_wrap .cont-style1 .org4-1 > ul > li > ul.biz_plan > li > a.click > span:before {
    top: 50%;
    left: -59%;
    transform: translateY(-50%);
    width: 62%;
    height: 1px;
}
.org_wrap .cont-style1 .org4-1 > ul > li > a.click.inno {
    margin-bottom: 1.5rem;
}
.org_wrap .cont-style1 .org4-1 > ul > li > a.click > span:before {
    height: 385%;
}
.org_wrap .cont-style1 .org4-1 > ul > li > a.click {
    margin-bottom: 6rem;
}

@media screen and (max-width: 1400px) {
    .org_wrap .cont-style1 .org4-1 > ul > li > a.click {
        margin-bottom: 2rem;
    }
    .org_wrap .cont-style1 .org4-1 .biz_plan {
        margin-bottom: 2rem;
    }
    .org_wrap .cont-style1 .org4-1 > ul > li > ul > li > a.click > span:before {
        top: -1.6rem;
    }
    .org_wrap .cont-style1 .org4-1 .biz_plan {
        margin-left: 82.5%;
    }
    .org_wrap .cont-style1 .org4-1 > ul > li > ul.biz_plan > li > a.click > span:before {
        left: -185%;
        width: 185%;
    }
    .org_wrap .cont-style1 .org4-1 > ul > li > a.click > span:before {
        height: 403%;
    }
}

@media screen and (max-width: 768px) {
    .org_wrap .cont-style1 .org4-1 > ul > li > a.click {
        width: 100%;
        margin-bottom: 1rem;
    }
    .org_wrap .cont-style1 .org4-1 > ul > li > ul > li > a.click {
        display: block;
    }
    .org_wrap .cont-style1 .org4-1 > ul > li > ul > li > a.click span {
        display: block;
        margin: auto;
        background: none;
        line-height: 2.5rem;
    }
    .org_wrap .cont-style1 .org4-1 .biz_plan {
        margin-bottom: 1rem;
        margin-left: 0;
    }
    .org_wrap .cont-style1 .org4-1 > ul > li > a.click.inno {
        margin-bottom: 1rem;
    }
    .org_wrap *::before {
        display: none;
    }
    .org_wrap .cont-style1 .org::before {
        display: block;
        height: 1500%;
    }
}
/**/

/* 2023 조직도 수정 */
.org_wrap_new .cont-style3 .mxds-table {
    display: none;
}
.org_wrap_new .cont-style3 .mxds-table.active {
    display: block;
}

.org_wrap_new .cont-style1 {
    position: relative;
    margin-bottom: 8rem;
    font-size: 2.4rem;
    font-weight: 500;
}
.org_wrap_new .cont-style1 .org {
    position: relative;
}
.org_wrap_new .cont-style1 .org > p,
.org_wrap_new .cont-style1 .org a.click {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 14rem;
    height: 14rem;
    margin: auto;
    border-radius: 50%;
    text-align: center;
    table-layout: fixed;
}
.org_wrap_new .cont-style1 .org.org1 > p {
    flex-direction: column;
    gap: 0.4rem;
    background: #80919f;
    color: #fff;
}
.org_wrap_new .cont-style1 .org.org1 > p em {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 120%;
}
.org_wrap_new .cont-style1 .org.org2 a.click {
    width: 16rem;
    height: 16rem;
    border: 1rem solid #e5eff8;
    background: #00447d;
    color: #fff;
}
.org_wrap_new .cont-style1 .org.org3 a.click {
    width: calc(100% / 3 - 5.8rem);
    height: 7.2rem;
    border: 3px solid transparent;
    border-radius: 1.2rem;
    background: linear-gradient(#fff, #fff), linear-gradient(to right, #00447d, #e13911);
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.org_wrap_new .cont-style1 .org.org3 a.click span,
.org_wrap_new .cont-style1 .org.org4 a.click span,
.org_wrap_new .cont-style1 .org.org4_1 a.click span {
    color: #222;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 120%;
}
.org_wrap_new .cont-style1 .org.org4 a.click,
.org_wrap_new .cont-style1 .org.org4_1 a.click {
    width: 100%;
    height: 7.2rem;
    border-radius: 1.2rem;
    padding: 0.5rem 1.6rem;
    background-color: #f5f5f5;
}

.org_wrap_new .cont-style1 .org.org1,
.org_wrap_new .cont-style1 .org.org2 {
    padding-bottom: 3rem;
}
.org_wrap_new .cont-style1 .org_flex {
    display: flex;
    justify-content: space-between;
    gap: 10.5rem;
    flex-direction: row-reverse;
}
.org_wrap_new .cont-style1 .org_flex > div {
    position: relative;
}
.org_wrap_new .cont-style1 .org_flex .org_left {
    /* width: calc(100); */
    width: 75%;
}
.org_wrap_new .cont-style1 .org_flex .org_right {
    flex: 1;
    width: calc(100% / 4 - 10.5rem);
}
.org_wrap_new .cont-style1 .org.org3 {
    padding: 3rem 0;
    /* margin-right: 2rem; */
}
.org_wrap_new .cont-style1 .org.org4 > ul {
    display: flex;
    gap: 2rem;
    position: relative;
}
.org_wrap_new .cont-style1 .org.org4 > ul > li {
    position: relative;
    width: calc(100% / 3 - 2rem * 3 / 4);
    padding-top: 3rem;
    /* margin-right: 2rem; */
}
.org_wrap_new .cont-style1 .org.org4_1 {
    padding-top: 16.2rem;
}

.org_wrap_new .bul li {
    margin-bottom: 6px;
}
.org_wrap_new .bul > li::before {
    top: 8px;
}

@media (min-width: 768.1px) {
    /* 조직도 선 */
    /* 세로 */
    .org_wrap_new .cont-style1 .org::before,
    .org_wrap_new .cont-style1 .org.org3::after,
    .org_wrap_new .cont-style1 .org.org4 > ul > li::before,
    .org_wrap_new .cont-style1 .org.org4_1::before {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
        height: calc(100% - 1px);
        border: 1px dashed #bdbdbd;
        content: '';
    }
    .org_wrap_new .cont-style1 .org.org3::after,
    .org_wrap_new .cont-style1 .org.org4 > ul > li::before,
    .org_wrap_new .cont-style1 .org.org4_1::before {
        top: 0;
        bottom: auto;
    }
    .org_wrap_new .cont-style1 .org.org4_1::before {
        height: 100%;
    }
    .org_wrap_new .cont-style1 .org.org.org4::before {
        display: none;
    }

    /* 가로 */
    .org_wrap_new .cont-style1 .org_flex .org_left::after,
    .org_wrap_new .cont-style1 .org.org4 > ul::after {
        position: absolute;
        top: 0;
        left: calc(50%);
        transform: translateX(-50%);
        z-index: -1;
        width: calc(100% / 3 * 2 + 5rem);
        border: 1px dashed #bdbdbd;
        content: '';
    }
    .org_wrap_new .cont-style1 .org_flex .org_left::after {
        transform: translateX(0);
    }
    .org_wrap_new .cont-style1 .org.org4 > ul::after {
        left: 50%;
        width: calc(100% - calc(100% / 4 - 2rem * 3 / 4));
    }
}

@media (max-width: 768px) {
    .org_wrap_new .cont-style1 .org.org3 a.click span,
    .org_wrap_new .cont-style1 .org.org4 a.click span,
    .org_wrap_new .cont-style1 .org.org4_1 a.click span {
        font-size: 16px;
    }
    .org_wrap_new .cont-style1 .org a.click,
    .org_wrap_new .cont-style1 .org_flex .org_left,
    .org_wrap_new .cont-style1 .org_flex .org_right,
    .org_wrap_new .cont-style1 .org.org3 a.click,
    .org_wrap_new .cont-style1 .org.org4 > ul > li {
        width: 100%;
    }

    .org_wrap_new .cont-style1 .org_flex,
    .org_wrap_new .cont-style1 .org.org4 > ul {
        display: block;
    }

    .org_wrap_new .cont-style1 .org.org3 {
        padding-bottom: 0;
        margin-right: 0;
    }
    .org_wrap_new .cont-style1 .org.org4_1 {
        padding-top: 0;
    }

    .org_wrap_new .cont-style1::before {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
        height: 100%;
        border: 1px dashed #bdbdbd;
        content: '';
    }
}

/*경영공시*/
.tab1-1,
#common {
    display: none;
}
.tab1-1.active,
#common.active {
    display: block;
}

#tab2-1,
#tab2-2 {
    display: none;
}
#tab2-1.active,
#tab2-2.active {
    display: block;
}

.tab1-1 .box {
    padding: 0.85rem;
    font-size: 0.9rem;
    font-weight: 500;
    text-align: center;
}
.tab1-1 .box.txt-left {
    text-align: left;
}
.tab1-1 .box1 > * {
    display: inline-block;
    vertical-align: middle;
}
.tab1-1 .box1 > .txt {
    padding-left: 2.2rem;
    font-size: 0.85rem;
    font-weight: 400;
}

.common_wrap .title {
    margin-bottom: 3rem;
}
.form.personal {
    padding: 1rem;
    border-bottom: 1px solid #dbdbdb;
    text-align: center;
}
.title {
    display: block;
    font-size: 0.9rem;
    font-weight: 500;
}
.common_wrap .cont .title {
    margin-bottom: 1rem;
}
.cont + .cont {
    margin-top: 2rem;
}
.cont .no-bul span {
    font-size: 0.8rem;
}

/* 검색 결과 */
.board_info fieldset span.form-select select {
    z-index: 0 !important;
}
.search-result .box {
    padding: 1.9rem;
    margin-bottom: 1rem;
    border: 1px solid #ddd;
    background-color: #f8f8f8;
}
.search-result .form {
    position: relative;
    max-width: 100%;
    width: 30rem;
    height: 2rem;
    padding: 0 5rem 0 4.5rem;
    margin: 0 auto;
    line-height: 1.9rem;
}
.search-result .form .form-textbox {
    width: 100%;
    height: 2rem;
    padding: 0 0.2rem 0 0.75rem;
    vertical-align: top;
}
.search-result .form .btn-m {
    position: absolute;
    bottom: 0;
    right: 0;
    min-width: 0;
    width: 5rem;
    height: 2rem;
    padding: 0 1rem;
    background: #000;
    color: #fff;
    line-height: 2rem;
}
.search-result .form label {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1rem;
}
.search-result .ment {
    padding: 1.25rem;
    border-bottom: 1px dotted #bfbfbf;
    font-size: 1rem;
    text-align: center;
}
.search-result .title {
    display: block;
    margin: 1.5rem 0 0.8rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: #000;
}
.search-result .list {
    border-top: 1px solid #000;
}
.search-result .list li {
    padding: 1.25rem 0;
    border-bottom: 1px solid #ddd;
}
.search-result .list li a {
    display: block;
}
.search-result .list li strong {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 1rem;
    font-weight: 400;
    color: #000;
}
.search-result .list li p {
    margin: 0 0 0.5rem;
    font-size: 0.9rem;
}
.search-result .list li small {
    font-size: 0.8rem;
    color: #767676;
}
.search-result .more {
    display: block;
    height: 3rem;
    margin: 0 0 3.5rem;
    border-bottom: 1px solid #ddd;
    background-color: #f9f9f9;
    font-size: 0.75rem;
    color: #767676;
    line-height: 3rem;
    text-align: center;
}
.search-result .more i {
    color: #000;
}
.search_content {
    border-top: 1px solid #000;
}
.search_content dt {
    padding: 1.25rem 0;
    border-bottom: 1px solid #ddd;
}
.search_content dt a {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 1rem;
    font-weight: 400;
    color: #000;
}
.search_content1 li + li {
    margin-top: 5px;
}

/* 검색결과 없을시  */
.search_result {
    padding: 40px 15px;
    margin-bottom: 1.5rem;
    border: 1px dashed #999;
    background-color: #fcfcfc;
    font-size: 0.9rem;
    text-align: center;
}
.search_result dd span {
    font-weight: 600;
}

/*탭메뉴*/
.search_tab {
    overflow: hidden;
    margin-bottom: 30px;
    text-decoration: none;
    clear: both;
}
.search_tab ul {
    margin-top: 1px;
}
.search_tab ul li {
    width: 25%;
    margin: -1px -1px 0 0;
    border: 1px solid #d6d6d6;
    text-align: center;
    float: left;
}
.search_tab ul li:hover {
    z-index: 1;
    background: #f2f4f6;
    transition: all 0.2s;
}
.search_tab ul li.active,
.search_tab ul li a.on {
    border: 1px solid #d13f3f;
    background: #d13f3f;
    transition: all 0.2s;
}
.search_tab ul li a {
    display: block;
    height: 50px;
    font-weight: bold;
    font-weight: normal;
    color: #666;
    letter-spacing: -1px;
    line-height: 50px;
    text-decoration: none;
}
.search_tab ul li.active a,
.search_tab ul li a.on {
    color: #fff;
}
.search_tab ul li a.linkWindow:hover {
    color: #19529d;
}

.os_mac.root_daum_roughmap {
    max-width: 100%;
    width: 100%;
    height: 100%;
}
.root_daum_roughmap .wrap_map {
    height: 100% !important;
}
div.tstyle_list > div.dbody > ul > li a.btn_line:hover {
    color: #fff;
}
div.tstyle_list > div.dbody > ul > li.file a {
    line-height: 33.8px;
}
div.tstyle_list .btn_line i {
    margin-top: -1px;
    font-size: 1rem;
}

/*인사말*/
.greeting_wrap {
    position: relative;
}
.greeting_wrap .greet_img {
    display: inline-block;
    position: absolute;
    top: 4rem;
    right: 0;
    padding-bottom: 7rem;
}
.greeting_wrap .greet_img > p {
    position: relative;
}
.greeting_wrap .greet_img > p > span.img {
    display: block;
    z-index: -1;
    padding-right: 30px;
}

.greeting_wrap .greet_txt span {
    display: block;
    font-size: 1.6rem;
    font-weight: 400;
    color: #555555;
    letter-spacing: -0.48px;
    /* line-height: 1.35rem; */
}
.greeting_wrap .greet_txt span + span {
    margin-top: 2rem !important;
}
.greeting_wrap .greet_txt p.txt1 strong {
    display: block;
    margin-bottom: 4rem;
    font-size: 2.6rem;
    color: #000;
    letter-spacing: -0.78px;
    /* line-height: 2.25rem; */
}
.greeting_wrap .greet_txt p.txt1 {
    width: calc(100% - 423px);
    float: left;
}
.greeting_wrap .greet_txt p.txt2 {
    clear: both;
}
.greeting_wrap .img {
    position: relative;
}
.greeting_wrap .img:before {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 360px;
    height: 436px;
    background: url('../../images/korean/sub/greet_bar.png') no-repeat;
    content: '';
}
.greeting_wrap .greet_img > p > span.txt {
    display: block;
    position: relative;
    width: 280px;
    height: 135px;
    padding: 3.4rem 2.5rem;
    margin-top: -7rem;
    margin-left: -1.6rem;
    border-radius: 0px 15px 15px 0px;
    background: transparent linear-gradient(134deg, #22448a 0%, #d13f3f 100%) 0% 0% no-repeat
        padding-box;
}
.greeting_wrap .greet_img > p > span.txt em {
    display: block;
    opacity: 0.7;
    color: #fff;
    line-height: 1.5;
}
.greeting_wrap .greet_img > p > span.txt:before {
    position: absolute;
    top: 50%;
    right: 2.5rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 21px;
    height: 93px;
    background: url('../../images/korean/sub/greeting_logo.png') no-repeat;
    content: '';
}
.greeting_wrap .greet_img > p > span.txt strong {
    font-size: 2.8rem;
    font-weight: bold;
    color: #fff;
    letter-spacing: -0.84px;
    /* line-height: 1.8; */
}
.greeting_wrap .greet_txt p.txt1 + .txt2 {
    padding-top: 3rem;
}

/* .table_wrap{overflow-x:auto;}
.table_wrap > div{min-width:1024px;} */

.bbs-html table {
    max-width: 100%;
    width: auto;
    margin: auto;
}
table.bbs th {
    white-space: normal;
}
.bbs-html span {
    line-height: 1.6;
}
div.bbs-html .bbs-social {
    width: 100%;
}
.pi-btn > span:after {
    top: 4px;
}
.tab1.tab2 {
    min-width: 100%;
    width: 100%;
}

/*반응형*/

@media (max-width: 1460px) {
}
@media screen and (max-width: 1400px) {
    .container,
    .schetable-diagrame-form {
        width: 95% !important;
    }
    .org_wrap .cont-style1 .org4-1 > ul > li + li:before {
        display: none;
    }
    .org_wrap .cont-style1 .org4-1 > ul > li,
    .org_wrap .cont-style1 .org4-1 > ul > li:last-child {
        float: none;
    }
    .org_wrap .cont-style1 .org4-1 > ul > li:last-child {
        margin-top: 1rem;
    }
    .org_wrap .cont-style1 .org4-1 > ul {
        padding-top: 0;
    }
    .org_wrap .cont-style1 .org4-1 > ul > li > p > span:before {
        top: 0;
        left: 50%;
        height: 167%;
    }
    .org_wrap .cont-style1 .org4-1 > ul > li > ul > li > p > span:before {
        top: -1.5rem;
    }
    .org_wrap .cont-style1 .org4-1 > ul > li > ul > li {
        display: inline-block;
        float: none;
    }
    .org_wrap .cont-style1 .org4-1 > ul > li > ul > li + li:before {
        top: -36%;
        left: -47%;
    }
}
@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 1200px) {
    #detail-content .board_info .Search_rss {
        max-width: 100%;
        width: 100%;
        margin: 0 auto 0.7rem;
        float: left;
    }
}

@media screen and (max-width: 1024px) {
    .page-input-wrap {
        margin: 1.5rem 0 1rem;
    }
    .table.table-responsive > table {
        min-width: initial !important;
    }
    .table.table-responsive > table colgroup {
        display: none;
    }
    .table.table-responsive > table tr {
        display: block;
        width: 100%;
    }
    .table.table-responsive > table th[scope='col'] {
        display: none;
    }
    .table.table-responsive > table th[scope='row'] {
        display: block;
        padding: 0.5rem 0.5rem 0;
        border: solid #ddd;
        border-right: 0 !important;
        border-width: 1px 0 0;
    }
    .table.table-responsive > table td {
        display: inline-block;
        width: 100%;
        min-height: auto;
        padding: 0.5rem !important;
        border: 0 !important;
        text-align: left;
    }
    .table.table-scroll {
        position: relative;
        width: 100%;
        overflow-x: auto;
    }
    .table.table-scroll:before {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 3px;
        height: 100%;
        background: #fff;
        content: '';
    }
    .table.table-scroll > table {
        min-width: 500px;
    }
    .table.table-scroll > table th,
    .table.table-scroll > table td {
        padding: 1.5rem;
        font-size: 14px !important;
    }
    .table.table-scroll > table th a,
    .table.table-scroll > table th.subject a,
    .table.table-scroll > table td a,
    .table.table-scroll > table td.subject a {
        display: block;
        font-size: 14px !important;
    }
    .table.write-table th,
    .table.write-table td {
        min-height: inherit;
    }
    .table.write-table .input-group.input-size-s {
        min-width: auto;
        width: 30%;
    }
    .table td .progress {
        height: 25px;
        line-height: 25px;
    }
    .file-list > li .download-wrap {
        width: 35%;
    }
    .newsfeed-view .feed-file > span {
        display: block;
        width: 100%;
        margin-bottom: 1rem;
        text-align: left;
    }
    .newsfeed-view .file-list {
        display: block;
    }
    .table .attach-file-btn {
        width: 100%;
        margin-bottom: 0.5rem;
    }
    .table .attach-file-btn + span {
        margin-left: 0;
    }

    /* 동영상 게시판 */
    .gallery_list li {
        width: 33.333% !important;
    }
    .tab1 > li {
        width: 33.33333%;
    }

    .save-form > div > .board_list.table_wrap > .tstyle_write tr > * {
        display: block;
    }
    .save-form > div > .board_list.table_wrap {
        overflow-x: hidden;
    }
    .save-form > div > .board_list.table_wrap > .tstyle_write {
        min-width: auto;
    }
    .save-form > div > .board_list.table_wrap td {
        white-space: normal;
    }

    /*갤러리뷰*/
    /*Board View */
    div.tstyle_view {
        margin-bottom: 1rem;
        @extend %boardTop;
    }
    div.tstyle_view div.title {
        padding: 1.2rem 0;
        font-size: 1rem;
        font-weight: bold;
        color: #333;
        text-align: center;
    }
    div.tstyle_view ul.head {
        padding: 0.9rem 0;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        background-color: #f8f9fa;
        text-align: center;
    }
    div.tstyle_view ul.head li {
        display: inline-block;
    }
    div.tstyle_view ul.head li strong {
        padding-right: 5px;
        font-weight: normal;
        color: #000;
    }
    div.tstyle_view ul.head li span {
        color: #777;
    }
    div.tstyle_view div.tb_contents {
        padding: 3rem;
        border-bottom: 1px solid #d3d8dd;
        word-break: keep-all;
    }

    /*첨부파일*/
    div.tstyle_view div.title {
        padding: 1.2rem 0;
        font-size: 1rem;
        font-weight: bold;
        color: #333;
        text-align: center;
    }
    div.tstyle_view ul.head {
        padding: 0.9rem;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        background-color: #f8f9fa;
        text-align: center;
    }
    .gallery_slide {
        position: relative;
        text-align: center;
    }
    .gallery_slide .thumb_list .slick-arrow {
        display: block;
        position: absolute;
        top: 55%;
        z-index: 55;
        width: 3.5rem;
        height: 3.5rem;
        border: 1px solid #edeef0;
        border-radius: 50%;
        background-color: #edeef0;
        font-size: 0;
        color: #666;
        text-align: center;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
    }

    /* PDF형 */
    .board_pdf {
        width: calc(100% + 2rem) !important;
        margin: 0 -1rem;
    }
    .board_pdf li {
        padding: 1rem;
    }
    .board_pdf .btn a {
        padding: 0 1rem;
    }
    .board_pdf .btn a i {
        right: 1rem;
    }
    .board_pdf > * {
        width: calc(33.3333% - 0px);
    }

    /*기관소개*/
    .intro_wrap .cont-style2 .process li .txt span {
        padding: 0 1rem;
    }
    .intro_wrap .vison {
        margin-top: 3rem;
    }
    .intro_wrap .vison .context .category li {
        width: 50%;
        margin-bottom: 0.5rem;
    }
    .intro_wrap .vison .title p {
        height: auto;
    }
    .intro_wrap .vison .title p::before {
        left: 0;
    }
    .intro_wrap .vison .title p::after {
        right: 0;
    }

    .ci_wrap .cont-style2 ul > li .ci-img {
        padding: 0;
    }
    .ci_wrap .box1 .ci_logo {
        width: 100%;
        margin: auto;
        text-align: center;
        float: none;
    }
    .ci_wrap .box1 .txt {
        width: 100%;
        padding-left: 0;
        text-align: center;
        float: none;
    }

    /*사업안내*/
    .business .cont-style1 .purpose li .txt span br {
        display: none;
    }
    .personal_wrap .box1 li {
        width: 100%;
    }
    .personal_wrap .box1 li:nth-child(2) {
        padding-left: 0;
        margin-top: 4rem;
    }
    .personal_wrap .box1 li:nth-child(1) {
        padding-right: 0;
    }
    .personal_wrap .box1 li + li:before {
        display: none;
    }
    .personal_wrap .box1.box1-1 li + li {
        padding-top: 2rem;
    }
    .personal_wrap .box1 {
        padding: 2rem;
    }
}

@media screen and (max-width: 960px) {
    body.start .snb .snb-tit-wrap {
        top: 25%;
    }
    .snb:before {
        top: 0;
        left: 0;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: none;
        transition: none;
    }
    body.start .snb:before {
        transform: none;
        -webkit-transform: none;
    }
    .snb-lst > li {
        height: 2.5rem;
    }
    .snb-lst {
        padding: 0;
    }
    .snb .snb-tit-wrap {
        width: 100%;
    }
    .snb {
        overflow: visible;
    }
    .snb-menu-wrap,
    body.start .snb-menu-wrap {
        top: calc(100% - 2.5rem);
        bottom: inherit;
        transition: all 1s;
    }
    .snb .snb-tit {
        font-size: 1.7rem;
    }
    .snb {
        height: 14rem;
        overflow: visible;
    }
    .snb-menu-wrap {
        transition: none;
    }
    .snb-lst:before {
        position: absolute;
        top: 12px;
        right: 5%;
        font-family: 'xeicon';
        font-size: 1rem;
        color: #b70023;
        content: '\e942';
    }
    .snb-lst {
        display: block;
        table-layout: inherit;
    }
    .snb-lst > li {
        display: block;
        opacity: 0;
        width: 100%;
        height: 0;
        visibility: hidden;
        border: 0;
        -webkit-transition:
            opacity 0.3s,
            visibility 0.3s,
            height 0.3s;
        transition:
            opacity 0.3s,
            visibility 0.3s,
            height 0.3s;
    }
    .snb-lst.active > li,
    .snb-lst > li.active {
        opacity: 1;
        height: 2.5rem;
        visibility: visible;
    }
    .snb-menu-wrap {
        width: 100% !important;
    }
    .snb-lst > li > a {
        height: 100%;
    }
    .snb-lst > li > a:hover:before {
        top: 100%;
    }
    #snb .location > ul > li {
        display: inline-block;
        float: none;
    }
    #snb .location {
        width: 100%;
        margin: auto;
        text-align: center;
    }
    .tab1-1 .box1 > .txt {
        display: block;
        padding-left: 0;
        margin-top: 1rem;
    }

    .org_wrap .cont-style1 .org.org4::before {
        height: 150%;
    }
    .greeting_wrap .greet_img > p {
        display: inline-block;
    }
    .greeting_wrap .greet_img {
        position: static;
        top: inherit;
        right: inherit;
        width: 100%;
        margin: auto;
        margin-bottom: 4rem;
        text-align: center;
    }
    .greeting_wrap .greet_txt p.txt1 {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .greeting_wrap .greet_txt span {
        font-size: 14px;
    }
    .greeting_wrap .greet_img {
        padding-bottom: 0;
    }
    .pager {
        display: none;
    }
    .pager.pageNum {
        display: block;
    }
    .page-input-wrap .page-num {
        width: 25%;
    }
    .page-input-wrap .page-num > span + span {
        display: none;
    }
    .page-input-wrap .search-wrap {
        width: 75%;
    }
    .page-input-wrap .search-wrap .search-frm .select-box {
        width: 40%;
        margin-right: 0;
        float: left;
    }
    .page-input-wrap .search-wrap .search-frm .input-group {
        width: 60%;
        padding-left: 0.5rem;
    }
    .table .table-img .table {
        display: block;
        width: 100%;
        margin-top: 0;
        border-top: 0;
        vertical-align: middle;
    }
    .table .table-img .table img {
        display: block;
        width: 100%;
        vertical-align: top;
    }
    .file-list > li > a {
        width: 100%;
        float: none;
    }
    .file-list > li > a .download-wrap {
        display: none;
    }
    .file-list > li > a > span {
        width: 100%;
        float: none;
    }
    .file-list > li > a > em {
        width: 100%;
        padding-left: 1.5rem;
        float: none;
    }
    .file-list > li .file-defult {
        width: 100%;
        float: none;
    }
    .newsfeed-view .file-list > li > .file-defult {
        width: 100%;
    }
    .newsfeed-view .file-list > li > .download-wrap {
        display: none;
    }
    .newsfeed-view .newsfeed-subject {
        font-size: 0.8rem;
    }
    .newsfeed-view .newsfeed-info dt {
        width: 30%;
        padding: 0 1rem;
        margin: 0;
        margin-top: 0.5rem;
    }
    .newsfeed-view .newsfeed-info dd {
        width: 70%;
        margin-top: 0.5rem;
        text-align: left;
    }
    .newsfeed-view .newsfeed-info dd + dt:before {
        display: none;
    }
    .newsfeed-view .newsfeed-info dl {
        margin: 0 auto 0.5rem;
    }

    .snb .snb-tit {
        font-size: 1.3rem;
    }
    .snb-tit-wrap .path-lst {
        display: inline-block;
        position: static;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        margin-top: 1rem;
    }

    /* .btns button,
  .btns a,
  .btns [class^='btn0'] {
    min-width: inherit;
    width: 48%;
    height: 45px;
    font-size: 0.8rem;
    line-height: 43px;
  }
  .btns button + button,
  .btns a + a,
  .btns a + button {
    margin: 1% 0 0 1% !important;
  }
  .btns.twice-btns > a {
    min-width: 108px;
    width: auto;
    height: 50px;
    line-height: 50px;
  } */
    .tit-style1 .depth br {
        display: none;
    }

    .tab1 {
        margin-bottom: 3rem;
    }

    .tab1 > li > a {
        font-size: 14px;
    }
    .content-wrap {
        padding-top: 1.5rem;
    }
    .head .tit > strong {
        font-size: 1rem;
    }
    .heading1 {
        font-size: 1.45rem;
    }

    /* 웹진형 게시판 */
    .blog_list a {
        padding: 1rem 0;
    }
    .blog_list .thumb {
        width: 10rem;
        height: 7rem;
    }
    .blog_list .txt {
        margin-bottom: 1rem;
    }
    .blog_list .title {
        margin-bottom: 0.25rem;
    }
    .blog_list .desc {
        width: calc(100% - 11rem);
        padding: 0.25rem 0;
    }
    .org_wrap .box article.org6 .org6-1 .txt2 ul:before {
        display: none;
    }

    /*기관소개*/
    .intro_wrap .vison .context .bar strong span {
        display: block;
        margin-bottom: 1rem;
    }
    .intro_wrap .vison .context .bar strong span + em {
        display: block;
        padding-left: 0;
    }
    .intro_wrap .vison .context .bar strong span + em:before {
        display: none;
    }
    .intro_wrap .value div.txt {
        padding: 4rem 0;
    }
    .intro_wrap .value div.txt ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .intro_wrap .value div.txt ul > li {
        width: 33.333%;
        padding: 1rem 0;
    }
    .intro_wrap .vison .context .box2 > .inner article > * {
        display: block;
    }
    .intro_wrap .vison .context .box2 > .inner .tit {
        width: 100%;
        margin-bottom: 2rem;
    }
    .intro_wrap .vison .context .box2 > .inner .tit strong br {
        display: none;
    }

    .ci_wrap .cont-style2 ul > li {
        width: 100%;
        padding-right: 0;
        margin-bottom: 2rem;
    }
    .ci_wrap .cont-style2 {
        width: 100%;
    }
    .ci_wrap .box1 .ci_logo > span img {
        max-width: 100%;
    }

    /*사업안내*/
    .business .cont-style1 .purpose {
        width: 100%;
    }
    .business .cont-style1 .purpose li {
        width: 100%;
        padding-right: 0;
        margin-bottom: 1rem;
        float: none;
    }
    .business .cont-style1 .purpose li .txt {
        height: auto;
        padding: 1rem;
    }
    .business .cont-style2 .element .bul1 strong {
        display: block;
    }
    .business .cont-style1 .purpose3 li {
        width: 100%;
        padding-right: 0;
        float: none;
    }

    /* PDF형 */
    .board_pdf {
        display: inline-block;
        width: calc(100% + 0px);
    }
    .board_pdf > * {
        width: calc(50% - 0px);
        margin-right: 0px;
        clear: none;
        float: left;
    }
    .board_pdf > *:nth-child(n + 4) {
        margin-top: 0px;
    }
    .board_pdf > *:nth-child(2n + 1) {
        clear: none;
    }
    .gallery_list li {
        width: 50% !important;
    }

    .org_wrap .cont-style1 .org2 li + li:before {
        left: 50%;
        width: auto;
        height: 500%;
    }
    .org_wrap .cont-style1 .org2 li {
        width: 100%;
        margin: 2rem auto;
        float: none !important;
    }
    .org_wrap .cont-style1 .org5 li {
        width: 100%;
        padding-right: 0;
        margin-top: 2rem;
    }
    .org_wrap .cont-style1 .org5 {
        width: 100%;
    }
    .org_wrap .cont-style1 .org5 li + li:before {
        display: none;
    }
    .org_wrap .cont-style1 .org {
        width: 100%;
    }
    .org_wrap .cont-style1 .org.org4 {
        margin-top: 4rem;
    }

    .tab-wrap {
        overflow-x: scroll;
        /* margin: 0 auto; */
    }
    .tab1 {
        min-width: 768px;
    }
    .box1 {
        padding: 2rem !important;
    }
    .map {
        height: 40rem;
    }
    div.tstyle_list > div.dbody > ul > li.title {
        margin-bottom: 2rem;
    }
    div.tstyle_list > div.dbody > ul > li a {
        width: 100%;
    }
    div.tstyle_list > div.dbody > ul > li {
        width: auto !important;
    }
    .org_wrap .cont-style1 .org4-1 > ul > li > p {
        width: 100%;
        margin: 0 auto 2rem;
    }
    .org_wrap .cont-style1 .org4-1 > ul > li > ul > li > p {
        display: block;
    }
    .org_wrap .cont-style1 .org4-1 > ul > li > ul > li {
        display: block;
    }
    .org_wrap .cont-style1 .org4-1 > ul > li > ul > li + li {
        padding-top: 2rem;
        padding-left: 0;
    }
    .org_wrap .cont-style1 .org4-1 > ul > li > ul > li > p > span {
        display: block;
        width: 100%;
        line-height: 5rem;
        text-align: center;
    }
    .org_wrap .cont-style1 .org4-1 > ul > li > ul > li + li:before {
        display: none;
    }
    .intro_wrap .vison .context .flex-box .strategy > ul > li > span strong {
        font-size: 16px;
    }
    .intro_wrap .vison .context .flex-box .strategy > ul > li > div p {
        font-size: 14px;
    }
    .intro_wrap .vison .context .flex-box .task .num_list > li {
        font-size: 14px;
    }
    .heading2 {
        font-size: 24px;
    }
    .heading2 > span {
        font-size: 15px;
    }
    .sub-tit {
        font-size: 19px;
    }
    .box1 {
        font-size: 14px;
    }
}

@media screen and (max-width: 560px) {
    .page-input-wrap .page-num {
        display: block;
        width: 100%;
        overflow: hidden;
        margin-bottom: 1rem;
        float: none;
    }
    .page-input-wrap .search-wrap {
        display: block;
        width: 100%;
        float: none;
    }
    .page-input-wrap .search-wrap fieldset > label {
        display: inline-block;
        margin-top: 1rem;
        float: left;
    }
    .page-input-wrap .search-wrap label + .select-box {
        width: calc(100% - 8.8rem);
        margin-right: 0;
        float: right;
    }
    .page-input-wrap .select-box {
        min-width: inherit;
        width: 100%;
        margin: 0 0 0.4rem;
    }
    .page-input-wrap .input-group {
        width: 100%;
    }
    div.tstyle_view.tstyle_view2 ul.head li {
        display: block;
    }
    div.tstyle_view.tstyle_view2 ul.head li ~ li:before {
        display: none;
    }
    ul.add_file li .link {
        display: block;
        margin-top: 2rem;
        float: none;
    }

    /*기관소개*/
    .intro_wrap .cont-style2 .process li {
        display: block;
        width: 100%;
        float: none;
    }
    .intro_wrap .cont-style2 .process li + li::before {
        display: none;
    }
    .intro_wrap .cont-style2 .process li:nth-child(2) .tit span:before,
    .intro_wrap .cont-style2 .process li:nth-child(2) .tit span:after,
    .intro_wrap .vison .title p::before,
    .intro_wrap .vison .title p::after {
        display: none;
    }
    .intro_wrap .cont-style2 .process li .txt {
        display: block;
        width: 100%;
        height: auto;
    }
    .intro_wrap .cont-style2 .process li .txt span {
        display: block;
        padding: 1rem;
    }

    .intro_wrap .vison .context .bar {
        padding: 2rem;
    }
    .intro_wrap .vison .context .category li {
        width: 100%;
    }
    .heading2 > span {
        display: block;
        margin-left: 0;
    }
    .intro_wrap .value li {
        font-size: 1rem;
    }
    .intro_wrap .value li + li::before {
        left: -12px;
    }

    .ci_wrap .box1 .ci_logo {
        height: 170px;
        padding: 0 1rem;
    }
    .ci_wrap .box1 {
        padding: 0.7rem;
    }

    .gallery_list li {
        width: 100% !important;
    }
    .gallery_list .thumb {
        padding-top: 50%;
    }

    .board_pdf .thumb {
        padding-top: 95%;
    }
    .board_pdf > * {
        width: calc(100% - 0px);
    }

    .personal_wrap .box1 p.img,
    .personal_box > p {
        display: none;
    }
    .personal_wrap .box1 span.txt,
    .personal_box > span {
        display: block;
        width: 100%;
        padding-left: 0;
        float: none;
    }
    .personal_box {
        padding: 1rem;
    }

    .greeting_wrap .img:before {
        display: none;
    }
    .greeting_wrap .greet_img > p > span.txt {
        margin: -4rem auto 0;
        border-radius: 15px;
    }
    .greeting_wrap .greet_img > p > span.img {
        padding-right: 0;
    }
    .greeting_wrap .greet_img > p > span.img img {
        max-width: 100%;
    }
    .board_info fieldset span.form-select {
        min-width: auto;
        width: 100%;
    }
    .board_info fieldset span.form-select select {
        width: 100%;
    }
    .board_info fieldset span.form-input {
        display: block;
        width: auto;
    }
    .board_info fieldset span.form-select select {
        margin-bottom: 0.5rem;
        margin-left: 0 !important;
    }
    .board_info fieldset span.form-select::after {
        display: none;
    }
    .board_info .page_info {
        float: none;
    }

    .introduce_img .title::before {
        height: 2rem;
        top: -1rem;
    }
    .intro_wrap .vison .context .mission-box {
        padding: 2rem;
    }
    .intro_wrap .vison .context .mission-box ul > li {
        width: 100%;
    }
    .intro_wrap .vison .context .mission-box ul > li:nth-of-type(3)::before {
        display: block;
    }
}
@media screen and (max-width: 480px) {
    .page-input-wrap {
        overflow: inherit;
        margin-top: 1rem;
    }
    .table.gallery.brochure ul.gallery-line > li {
        width: 100%;
        padding: 1rem 0.5rem;
    }
    .snb {
        height: 12rem;
    }
    .snb .sub-tit {
        font-size: 1.1rem;
    }
    .box3 {
        padding: 1rem;
    }
    /* .btns button,
  .btns a,
  .btns [class^='btn0'] {
    width: 100%;
  }
  .btns button + button,
  .btns a + a,
  .btns a + button {
    margin: 0.25rem 0 0 !important;
  }
  .btns.twice-btns > a {
    margin: 1% 0 0 1% !important;
  } */
    .input-size-s + em.hyphen {
        width: 100%;
        margin: 0;
        text-align: center;
    }
    /* 동영상 게시판 */
    .gallery_list .desc span {
        display: block;
    }
    .gallery_list .desc span::before {
        display: none !important;
    }
    /* 웹진형 게시판 */
    .blog_list .thumb {
        display: block;
        width: 100%;
        height: auto;
        float: none;
    }
    .blog_list .desc {
        width: 100%;
        padding: 0.75rem 0 0;
        float: none;
    }
    .search-result .form label {
        display: block;
        position: static;
        top: inherit;
        left: inherit;
    }
    .search-result .form .form-textbox {
        display: block;
    }
    .search-result .form .btn-m {
        position: static;
        bottom: inherit;
        right: inherit;
        width: 100%;
    }
    .search-result .box {
        padding: 0.5rem;
        text-align: center;
    }
    .search-result .form {
        width: auto;
        height: auto;
        padding: 0;
    }
    .map {
        height: 30rem;
    }
    .save-form > div > .board_list.table_wrap .form_textbox.number {
        width: 4rem;
    }
    .save-form > div > .board_list.table_wrap .form_mail .form_textbox {
        width: 100%;
    }
    .save-form > div > .board_list.table_wrap input + input {
        margin-left: 0 !important;
    }

    .intro_wrap .value div.txt ul > li {
        width: 100%;
        padding-top: 2rem;
    }
    .intro_wrap .value div.txt ul > li:first-of-type {
        padding-top: 1rem;
    }
    .intro_wrap .value li + li::before {
        top: -0.5rem;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media screen and (max-width: 425px) {
    .table.gallery ul.gallery-line > li > a .img {
        width: 100%;
        height: 10rem;
        margin-bottom: 0.5rem;
        float: none;
    }
    .table.gallery ul.gallery-line > li > a .txt {
        width: 100%;
        padding-left: 0;
        float: none;
    }
    .table.gallery.brochure ul.gallery-line > li {
        width: 100%;
        float: none;
    }
    .page-input-wrap .search-wrap .search-frm .select-box {
        width: 100%;
        float: none;
    }
    .page-input-wrap .search-wrap .search-frm .input-group {
        width: 100%;
        padding: 0.5rem 0 0;
        float: none;
    }
    .page-input-wrap .search-wrap .search-frm .input-group-btn {
        top: 0.55rem;
        height: 38px;
    }
    .pager.pageNum {
        display: block;
    }
    .newsfeed-view .feed-cont {
        padding: 1.5rem;
    }
    .newsfeed-view .file-list > li > a {
        width: 100%;
        float: none;
    }
    .newsfeed-view .file-list > li > a > span {
        width: 100%;
        float: none;
    }
    .newsfeed-view .file-list > li > a > em {
        width: 100%;
        padding-left: 1.5rem;
        float: none;
    }
    .newsfeed-view .file-list > li .download-wrap {
        display: none;
    }
    .login-wrap .MemberForm {
        padding: 2rem 2.5rem 5rem;
    }
    .member-join-wrap .write-box > li .write-cont {
        width: 100%;
    }
    .member-join-wrap .write-box > li:first-child .write-cont {
        width: 100%;
    }
    .snb-lst > li > a {
        height: 3rem;
        line-height: 52px;
    }
    .snb-lst > li > a > span {
        display: block;
    }
    .intro_wrap .vison .context .category li > div > span {
        border-bottom: 0;
    }
    .intro_wrap .vison .context .box2 {
        padding: 1rem;
    }
}
@media screen and (max-width: 375px) {
}

@media print {
    #header,
    #snb,
    #allmenu,
    .content_info,
    .tab,
    #footer {
        display: none;
    }
    html,
    body {
        overflow: auto;
        page-break-after: auto;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    #container {
        width: 100% !important;
    }
    .content_body .figure {
        background: none;
    }
    /* @page { size: a3 } css validator에 걸려서 주석처리 */
    html,
    body {
        width: 210mm;
        overflow: inherit;
    }
    html,
    body {
        width: 210mm;
        height: 297mm;
    }
    .container {
        width: 100% !important;
    }

    #content {
        padding: 10mm 0;
    }
    #content h1.tit {
        font-size: 20pt;
    }
}

/* 230915_경영공시 스타일 일부 추가 */
.tab1-1.management {
}
.tab1-1.management .box {
    padding: 3rem;
}
.tab1-1.management .box .sub-tit {
    margin-bottom: 1rem;
}
.tab1-1.management .box * + .sub-tit {
    margin-top: 3rem;
}
.tab1-1.management * + .heading2 {
    margin-top: 5rem;
}
.tab1-1.management .table {
    margin: 0;
}
.tab1-1.management .table tbody tr:first-child > * {
    border-top: 0;
}
.tab1-1.management .table tbody td {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

/* 정보공개 > 윤리경영 > 인권경영 추진체계 */
.system .system-list {
    display: flex;
    flex-direction: column;
}

.system .system-list .system-item.vision {
    margin-top: 0;
}

.system .system-list .system-item {
    display: flex;
    /* gap: 1rem; */
    /* justify-content: flex-start; */
    /* align-items: center; */
    /* margin-top: 1.2rem; */
}
.system .system-list .system-item .system-title {
    display: flex;
    justify-content: center;
    align-items: center;
    /* width: 7rem; */
    flex-shrink: 0;
    /* background-color: #d13f3f; */
    /* border-radius: 0.4rem; */
    /* align-self: stretch; */
}
.system .system-list .system-item .system-title span {
    color: #fff;
    /* font-size: 1rem;
  line-height: 1.6;
  font-weight: 700; */
}

.system .system-list .system-item .system-con {
    /* flex-grow: 1; */
    /* padding: 1.55rem 1.6rem; */
    border-radius: 0.6rem;
    border: 1px solid #e0e0e0;
    text-align: center;
    color: #424242;
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 700;
}
.system .system-list .system-item .system-con p em {
    color: #d13f3f;
}

.system .system-list .system-item.goal .system-title {
    background-color: #4e5871;
}

.system .system-list .system-item.mission {
    position: relative;
    margin-top: calc(8.1rem + 4rem + 4rem);
}
.system .system-list .system-item.mission .system-title {
    background-color: #22448a;
}

.system .system-list .system-item.mission .system-con {
    position: relative;
    /* display: flex;
  gap: 1rem;
  line-height: 1.5; */
}

.system .system-list .system-item.mission .system-con::before {
    display: block;
    position: absolute;
    bottom: calc(100% + 4rem);
    left: 50%;
    transform: translateX(-50%);
    width: 77.6rem;
    height: calc(8.1rem);
    background: url('/_webroot/images/korean/sub/humanRights-arrow.svg') no-repeat center center;
    content: '';
}
.system .system-list .system-item.mission .system-con > p {
    /* padding: 1.6rem; */
}
.system .system-list .system-item.mission .system-con .loadmap {
    display: flex;
    flex-grow: 1;
    /* gap: 1rem; */
    justify-content: space-between;
    align-items: center;
}
.system .system-list .system-item.mission .system-con .loadmap .loadmap-item {
    display: flex;
    flex: 1;
    gap: 0.8rem;
    align-items: center;
    justify-content: center;
    padding: 2rem 2.4rem;
    border-radius: 1.6rem;
    background: #f2f7ff;
    align-self: stretch;
}

.system .system-list .system-item.mission .system-con .loadmap .loadmap-item > p {
    /* font-size: 1.25rem;
  height: auto;
  font-weight: 900;
  color: #22448a; */
}

.system .system-list .system-item.mission .system-con .loadmap .loadmap-item > span {
    /* font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.5;
  color: #424242; */
}

.system .system-list .system-item.task {
    margin-top: calc(8.1rem + 4rem + 4rem);
    position: relative;
}

.system .system-list .system-item.task .system-title {
    flex-direction: column;
    gap: 0;
    justify-content: flex-start;
    background-color: #3f64b1;
    overflow: hidden;
}
.system .system-list .system-item.task .system-title > span {
    padding: 0.8rem 0;
}
.system .system-list .system-item.task .system-title > p {
    /* background-color: #f2f7ff;
  flex-grow: 1;
  width: 100%;
  padding: 1.2rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  /* font-size: 0.9rem; */
    /* line-height: 1.6; */
    font-weight: 400;
    color: #424242;
}
.system .system-list .system-item.task .system-con {
    position: relative;
    padding: 0;
    border: none;
}
.system .system-list .system-item.task .system-con:before {
    display: block;
    position: absolute;
    bottom: calc(100% + 4rem);
    left: 50%;
    transform: translateX(-50%);
    width: 77.6rem;
    height: calc(8.1rem);
    background: url('/_webroot/images/korean/sub/humanRights-arrow.svg') no-repeat center center;
    content: '';
}
.system .system-list .system-item.task .system-con .task-list {
    display: flex;
    gap: 1.6rem;
    /* align-items: flex-start; */
    justify-content: flex-start;
}
.system .system-list .system-item.task .system-con .task-list .task-item {
    width: calc(100% / 4 - 1.6rem * 3 / 4);

    /* background-color: #fafafa; */
    display: flex;
    flex-direction: column;
}
.system .system-list .system-item.task .system-con .task-list .task-item > p {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 7.9rem;
    background-color: #f5f5f5;
    color: #424242;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    border-radius: 1.6rem 1.6rem 0 0;
}
.system .system-list .system-item.task .system-con .task-list .task-item .task-detail {
    /* padding: 1rem 1.2rem;
  text-align: left; */
    flex-grow: 1;
    border-radius: 0 0 1.6rem 1.6rem;
    background: #fff;
    padding: 2.4rem;
    /* gap: 0.5rem; */
}
/* .system
  .system-list
  .system-item.task
  .system-con
  .task-list
  .task-item
  .task-detail
  .task-detail-item {
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #e3e3e3;
}
.system
  .system-list
  .system-item.task
  .system-con
  .task-list
  .task-item
  .task-detail
  .task-detail-item:last-of-type {
  border: none;
}

.system
  .system-list
  .system-item.task
  .system-con
  .task-list
  .task-item
  .task-detail
  .task-detail-item
  > p {
  font-size: 0.9rem;
  line-height: 1.5;
  font-weight: 400;
} */
/* 
.system
  .system-list
  .system-item.task
  .system-con
  .task-list
  .task-item
  .task-detail
  .task-detail-item
  > span {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.8rem;
  line-height: 1.5;
  font-weight: 400;
} */
/* @media (max-width: 1280px) {
  .system .system-list .system-item.task .system-con .task-list .task-item .task-detail {
    padding: 1rem;
  }
}
@media (max-width: 1000px) {
  .system .system-list .system-item.mission .system-con {
    flex-direction: column;
  }
  .system .system-list .system-item.mission .system-con > p br {
    display: none;
  }
  .system .system-list .system-item.task .system-con .task-list {
    flex-wrap: wrap;
    row-gap: 0.5rem;
  }
  .system .system-list .system-item.task .system-con .task-list .task-item {
    width: calc((100% - 0.5rem) / 2);
  }
}
@media (max-width: 768px) {
  .system .system-list .system-item.mission .system-con .loadmap {
    flex-direction: column;
  }
}
@media (max-width: 640px) {
  .system .system-list .system-item {
    flex-direction: column;
  }
  .system .system-list .system-item .system-title {
    width: 100%;
    padding: 1rem;
  }

  .system .system-list .system-item.task .system-con .task-list {
    flex-direction: column;
  }
  .system .system-list .system-item.task .system-con .task-list .task-item {
    width: 100%;
  }

  .system .system-list .system-item.mission .system-con {
    width: 100%;
  }
  .system .system-list .system-item.mission .system-con {
    padding: 1rem;
  }
  .system .system-list .system-item.mission .system-con::before {
    top: -10rem;
    background-size: contain;
  }
  .system .system-list .system-item.task .system-title {
    padding: 0;
  }
  .system .system-list .system-item.task .system-title > p br {
    display: none;
  }
  .system .system-list .system-item.task .system-con {
    width: 100%;
  }
  .system .system-list .system-item.task .system-con:before {
    top: -11.5rem;
    background-size: contain;
  }
} */

/* 정보공개 > 윤리경영 > 탭 */
.survey .tab-wrap {
    display: none;
}
.survey .tab-wrap.doctrine {
    display: block;
}
.doctrine .tab1 {
    display: flex;
    gap: 10px;
}
.doctrine .tab1 > li {
    padding: 0;
    width: calc((100% - 30px) / 4);
}

/* 정보공개 > 윤리경영 > 행동강령 */

.doctrine-wrap .doctrine-history {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.doctrine-wrap .doctrine-history li {
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 1.5;
    text-align: right;
}
.doctrine-wrap .doctrine-tab-menu .doctrine-tab-menu-list {
    margin-top: 2rem;
    display: flex;
    gap: 1.2rem;
    flex-wrap: wrap;
}
.doctrine-wrap .doctrine-tab-menu .doctrine-tab-menu-list .doctrine-tab-menu-item {
    width: calc((100% - 2.4rem) / 3);
}

.doctrine-wrap
    .doctrine-tab-menu
    .doctrine-tab-menu-list
    .doctrine-tab-menu-item
    .doctrine-tab-btn {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: left;
    padding: 1.5rem;
    border-radius: 0.75rem;
    border: 1px solid #dfdfdf;
    color: #22448a;
    transition: all 0.25s linear;
}

.doctrine-wrap
    .doctrine-tab-menu
    .doctrine-tab-menu-list
    .doctrine-tab-menu-item
    .doctrine-tab-btn:hover {
    color: #fff;
    background-color: #22448a;
}
.doctrine-wrap
    .doctrine-tab-menu
    .doctrine-tab-menu-list
    .doctrine-tab-menu-item
    .doctrine-tab-btn:hover:before {
    display: block;
}
.doctrine-wrap
    .doctrine-tab-menu
    .doctrine-tab-menu-list
    .doctrine-tab-menu-item
    .doctrine-tab-btn
    .doctrine-tab-btn-num {
    display: block;
    width: 100%;
    font-size: 0.9rem;
    font-weight: 900;
}

.doctrine-wrap
    .doctrine-tab-menu
    .doctrine-tab-menu-list
    .doctrine-tab-menu-item
    .doctrine-tab-btn
    span:last-child {
    padding-top: 0.5rem;
    font-size: 1.05rem;
    font-weight: 900;
    line-height: 1.5;
}

.doctrine-wrap
    .doctrine-tab-menu
    .doctrine-tab-menu-list
    .doctrine-tab-menu-item
    .doctrine-tab-btn::before {
    display: block;
    position: absolute;
    top: 50%;
    right: 1.5rem;
    width: 1.75rem;
    height: 1.75rem;
    background: url('/_webroot/images/korean/sub/doctrine-arrow.svg');
    content: '';
    transform: translateY(-50%);
}

.doctrine-wrap .doctrine-contents {
    margin-top: 7.2rem;
}

.doctrine-wrap .doctrine-contents-item .doctrine-contents-item-title {
    padding: 1.2rem 1rem 1rem 1.15rem;
    margin-bottom: 1rem;
    font-size: 1.2rem;
    font-weight: 500;
    color: #222;
    background: #f7f8fa;
}
.doctrine-wrap .doctrine-contents-item-order > li {
    position: relative;
    padding-left: 0.6rem;
}

.doctrine-wrap .doctrine-contents-item-order li {
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
}

.doctrine-wrap .doctrine-contents-item-order > li + li {
    margin-top: 0.5rem;
}

.doctrine-wrap .doctrine-contents-item-order > li > p {
    position: relative;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 1.5;
    color: #333;
}

.doctrine-wrap .doctrine-contents-item-order > li > p::before {
    display: block;
    position: absolute;
    top: 50%;
    left: -0.6rem;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #22448a;
    content: '';
    transform: translateY(-50%);
}

.doctrine-wrap .doctrine-contents-item-order > li > span {
    color: #333;
    font-size: 0.9rem;
    line-height: 1.5;
    font-weight: 400;
}

.doctrine-wrap .doctrine-contents-item-order > li + li {
    margin-top: 0.5rem;
}

.doctrine-wrap .doctrine-contents-item-order > li > ul > li {
    margin-top: 1rem;
}

.doctrine-wrap .doctrine-contents-item-order > li > ul > li > ul > li {
    padding-left: 0.6rem;
}

.doctrine-wrap .doctrine-contents-item-order li.solo {
    display: flex;
    gap: 0.5rem;
}

.doctrine-wrap .doctrine-contents-item .doctrine-contents-item-inner {
    margin-bottom: 3rem;
}
.doctrine-wrap .doctrine-contents-item .doctrine-contents-item-order + p {
    margin-top: 3rem;
}

@media (max-width: 1000px) {
    .doctrine-wrap .doctrine-tab-menu .doctrine-tab-menu-list .doctrine-tab-menu-item {
        width: calc((100% - 2.4rem) / 2);
    }
}
@media (max-width: 640px) {
    .doctrine-wrap .doctrine-contents {
        margin-top: 2rem;
    }
    .doctrine-wrap .doctrine-tab-menu .doctrine-tab-menu-list {
        gap: 0.5rem;
        flex-direction: column;
    }
    .doctrine-wrap .doctrine-tab-menu .doctrine-tab-menu-list .doctrine-tab-menu-item {
        width: 100%;
    }
    .doctrine-wrap
        .doctrine-tab-menu
        .doctrine-tab-menu-list
        .doctrine-tab-menu-item
        .doctrine-tab-btn {
        padding: 0.5rem;
        border-radius: 0.5rem;
    }
    .doctrine-wrap
        .doctrine-tab-menu
        .doctrine-tab-menu-list
        .doctrine-tab-menu-item
        .doctrine-tab-btn
        span {
        vertical-align: middle;
    }
    .doctrine-wrap
        .doctrine-tab-menu
        .doctrine-tab-menu-list
        .doctrine-tab-menu-item
        .doctrine-tab-btn
        .doctrine-tab-btn-num {
        display: inline-block;
        width: auto;
        margin-right: 0.5rem;
    }
    .doctrine-wrap .doctrine-contents-item-order li.solo {
        flex-direction: column;
        gap: 0.2rem;
    }
}

/* 20240705인사말수정 */
.greeting_wrap {
    display: flex;
    justify-content: space-between;
}
.greeting_wrap .greet_txt {
    width: calc(100% - 400px);
}
.greeting_wrap .greet_img {
    position: relative;
    order: 2;
}
.greeting_wrap .greet_img > p > span.img img {
    width: 306px;
}

@media (max-width: 960px) {
    .greeting_wrap .greet_img {
        width: auto;
        margin: 0;
    }
    .greeting_wrap .greet_img > p > span.img img {
        width: 250px;
    }

    .greeting_wrap .img:before {
        width: 310px;
        background-position: center right;
        background-size: cover;
    }
    .greeting_wrap .greet_txt {
        width: calc(100% - 300px);
    }
}

@media (max-width: 800px) {
    .greeting_wrap {
        flex-direction: column;
        gap: 4rem;
    }
    .greeting_wrap .greet_txt {
        order: 2;
        width: 100%;
    }
}

@media (max-width: 560px) {
    .greeting_wrap .greet_img > p > span.img {
        min-height: auto !important;
        padding-top: 0;
    }
    .greeting_wrap .greet_img > p > span.txt {
        margin: -4rem 0 0 0;
        margin-left: 0 !important;
    }
}