@charset "utf-8";


/* == Layouts == */
.layout__subpage {display: flex; padding: 190px 0 80px 0;}
.subpage__lnb_track {width: 200px; flex-shrink: 0; margin-right: 30px;}
.subpage__content {width: calc(100% - 230px);}
.sub_content_wrapper {padding: 70px 0 70px 20px;}




/* == Base Elements == */
.arti__head {padding: 0 0 0 0;}
.arti__head .titlebox {display: flex; border-bottom: 1px solid #b7b7b7;}
.arti__head .titlebox .arti__sbj {position: relative; font-size: 33px; font-weight: 500; margin-right: 25px; padding-bottom: 25px; padding-right: 10px; flex-shrink: 0; max-width: 280px; min-width: 150px;}
.arti__head .titlebox .arti__sbj::after {position: absolute; display: block; content: ""; width: 100%; height: 4px; background-color: #b7b7b7; bottom: 0; left: 0;}
.arti__head .titlebox .arti__desc {color: #707070; font-size: 15px; font-weight: 400; line-height: 180%; margin-top: 13px; padding-bottom: 15px;}
.arti__head .breadcrum {padding: 30px 0;}
.breadcrum {display: flex; align-items: center; color: #898989; font-size: 14px;}
.breadcrum span {margin: 0 10px;}
.breadcrum .depth {margin: 0;}
.tab__nav {display: flex; margin-bottom: 25px;}
.tab__nav span {display: flex; align-items: center; justify-content: center; width: 50%; height: 45px; border: 1px solid #c9c9c9; border-bottom-color: #3478c1; position: relative; margin-left: -1px; font-weight: 500; text-align: center;}
.tab__nav span a {display: flex; align-items: center; justify-content: center;width: 100%; height: 100%; padding: 0 11px;}
.tab__nav span.active {border-color: #3478c1; border-bottom-color: #fff; color: #3478c1; z-index: 10;}
.has_tab .tab__nav {margin-bottom: 45px;}




/* ==  LNB == */
.lnb_track {position: relative;}
.lnb {position: sticky; top: 140px; left: 0;}
.lnb h2 {display: flex; justify-content: center; align-items: center; padding: 25px 15px 25px 15px; background-color: #707070; color: #fff; font-size: 22px; font-weight: 500;}
.lnb h2 .ico {margin-right: 15px;}
.lnb h2 #to_prev {display: none;}
.lnb__list {background-color: #edf0f2;}
.lnb__item {border-bottom: 1px solid #ccc;}
.lnb__item:last-child {border: none;}
.lnb__item > a {display: flex; align-items: center; height: 58px; padding: 5px 15px 5px 10px; color: #707070; font-size: 16px; letter-spacing: -0.5px; line-height: 130%;}
.lnb__item > a > .arrow {margin-left: auto; flex-shrink: 0; border-color: #b5b6b7;}
.lnb__item.active > a {color: #fff!important; background-color: #283891!important; padding-left: 20px;}
.lnb__item.active > a > .arrow {border-color: rgba(255,255,255,0.8)!important;}
.lnb__item > a:hover {color: #283891;}
.lnb__item > a:hover > .arrow {border-color: #283891;}
.lnb__item.is_dropdown > a {background-color: #718496; color: #fff;}
.lnb__item.is_dropdown > a > .arrow {border-color: rgba(255,255,255,0.8);}
.lnb__item.is_dropdown .lnb__dropdown {display: none;}
.lnb__item.is_dropdown.active .lnb__dropdown {display: block;}
.lnb__item.is_dropdown.active > a > .arrow {transform: rotate(135deg);}
.lnb__item.is_dropdown .lnb__dropdown > .lnb__item > a {background-color: transparent!important;}
.lnb__item.is_dropdown .lnb__dropdown > .lnb__item.active > a {color: #283891!important; font-weight: 500!important;}




/* == Board : Search Form == */
#board_search {display: flex; background-color: #f3f3f3; border-top: 2px solid #3478c1; padding: 20px 20px 20px 45px;}
#board_search h4 {font-size: 20px; margin-right: 50px; flex-shrink: 0;}
#board_search form {display: flex; width: 100%;}
#board_search .input_wrapper {width: 100%; margin-right: 10px;}
#board_search .input_wrapper .row {display: flex; margin-bottom: 10px;}
#board_search .input_wrapper .row:last-child {margin-bottom: 0;}
#board_search .input_wrapper .row > .col {display: flex; flex-direction: column; width: 50%;}
#board_search .input_wrapper .row > .col:nth-child(2n-1) {padding-right: 10px;}
#board_search .input_wrapper .row > .col:nth-child(2n) {padding-left: 10px;}
#board_search .input_wrapper .row > .col .label {font-weight: 500; margin-bottom: 5px; padding-left: 0;}
#board_search .input_wrapper .search_input {width: 100%;}
#board_search .input_wrapper .search_input.half {width: calc(50% - 5px); margin-right: 10px;}
#board_search .input_wrapper .search_input.half:nth-child(2n) {margin-right: 0;}
#board_search form .search_submit {flex-shrink: 0; width: 77px; height: 100%; background-color: #283891; color: #fff; font-weight: 500; border: none;}

#board_search.simple {border-top: none; margin-top: 60px;}
#board_search .searchbar_wrapper {display: flex;justify-content: center;}
#board_search .input_wrapper .search_option {width: 86px; margin-right: 10px;}
#board_search .input_wrapper .searchbar {display: flex;}
#board_search .input_wrapper .searchbar .searchbar__input {border-right: none; width: 288px;}
#board_search .input_wrapper .searchbar .searchbar__submit {border: none; background: url(../images/common/ico/search.png) no-repeat center; background-color: #283891; color: transparent; font-size: 0; width: 54px;}

#board_search.detail_total {padding: 20px; margin-bottom: 80px;}
#board_search.detail_total form {flex-direction: column;}
#board_search.detail_total .input_wrapper .row {margin-bottom: 20px;}
#board_search.detail_total .searchbar_wrapper {margin-bottom: 20px;}
#board_search.detail_total .searchbar {width: 100%;}
#board_search.detail_total .searchbar .searchbar__input {width: 100%;}
#board_search.detail_total .chck_container {display: flex; flex-wrap: wrap;}
#board_search.detail_total .chck_container .chck_wrap {margin-right: 40px;}
#board_search.detail_total .chck_wrap {display: flex; align-items: center;}
#board_search.detail_total .chck_wrap input {margin: 0;}
#board_search.detail_total .chck_wrap label {padding-left: 10px; line-height: 40px;}
#board_search.detail_total .period_container {display: flex;}
#board_search.detail_total .period_container > li {display: flex; align-items: center; margin-right: 40px;}
#board_search.detail_total .period_container > li:last-child {margin-right: 0;}
#board_search.detail_total .period_container > li .search__checkbox {margin-right: 10px!important;}
#board_search.detail_total .period_container > li .search_input {width: 100px;}
#board_search.detail_total .period_container > li .wave {padding: 0 10px;}
#board_search.detail_total .period_container > li .chck_wrap {padding-left: 10px;}
#board_search.detail_total .search_submit {width: 150px; height: 40px; margin: 20px 0 0 auto;}

.search_result_notice {padding: 60px 0 30px 0; text-align: center; font-weight: 500; font-size: 15px;}
.search_result_notice .keyword {color: #283891; font-size: 20px;}
.search_result_notice .result_count {color: #283891;}




/* Board : Pagination */
#board_paging {display: flex; align-items: center; justify-content: center;}
#board_paging a {display: flex; align-items: center; justify-content: center;}
.paging_button {font-size: 0!important; color: transparent!important; overflow: hidden; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #cbcbcb; margin: 0 6px; background: no-repeat center;}
.paging_button.disabled {pointer-events: none; opacity: 0.5;}
.paging_start {background-image: url(../images/common/ico/paging_start.png);}
.paging_prev {background-image: url(../images/common/ico/paging_prev.png);}
.paging_next {background-image: url(../images/common/ico/paging_next.png);}
.paging_end {background-image: url(../images/common/ico/paging_end.png);}
#board_paging .pagings {display: flex; align-items: center; margin: 0 16px;}
#board_paging .pagings > a {width: 30px; height: 30px; margin: 0 5px; color: #959595; font-weight: 300;}
#board_paging .pagings > a.active {color: #283891; pointer-events: none;}




/* == Board : list == */
#board_list.bd__top {border-top: 2px solid #3478c1;}
.board_list__head {display: flex; align-items: center; padding: 30px 0 10px 0;}
.board_list__head #counter {margin-right: auto; font-size: 14px; font-weight: 300;}

.board_list__body {width: 100%;}
.board_list__body .list_empty {display: flex; align-items: center; justify-content: center; width: 100%!important; margin: 0!important; font-size: 16px; color: #999; height: 250px; text-align: center; border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9;}
.board_list__foot {padding: 60px 0 0 0;}

.board_list__table {width: 100%;}
.board_list__table .list_empty {display: table-cell;}
.board_list__table colgroup {}
.board_list__table colgroup col {}
.board_list__table colgroup .col_num {width: 75px;}
.board_list__table colgroup .col_sbj {}
.board_list__table colgroup .col_date {width: 100px;}
.board_list__table colgroup .col_view {width: 100px;}
.board_list__table colgroup .col_file {width: 70px;}
.board_list__table thead {border: 1px solid #3478c1; border-left: none; border-right: none;}
.board_list__table thead tr {}
.board_list__table thead th {height: 34px; padding: 0 10px; text-align: center; font-size: 14px; font-weight: 500;}
.board_list__table tbody tr {border-bottom: 1px solid #b7b7b7;}
.board_list__table tbody tr:hover {background-color: #f9f9f9;}
.board_list__table tbody td {padding: 24px 0; text-align: center; font-size: 14px; font-weight: 300;}
.board_list__table tbody td.col_num {padding: 24px 5px;}
.board_list__table tbody td.col_sbj {}
.board_list__table tbody td.col_sbj a {display: flex;}
.board_list__table tbody td.col_sbj a .thumb {flex-shrink: 0; width: 85px; height: 120px; border: 1px solid #b7b7b7; background: no-repeat center / cover; background-color: #f1f1f1; margin-right: 25px;}
.board_list__table.video tbody td.col_sbj a .thumb {width: 205px; height: auto;}
.board_list__table.video tbody td.col_sbj a .thumb img {display: block; width: 100%;}
.board_list__table tbody td.col_sbj a .info {display: flex; flex-direction: column; justify-content: center; width: 80%; text-align: left;}
.board_list__table tbody td.col_sbj a .info .bo_ca {color: #283891; font-weight: 400;}
.board_list__table tbody td.col_sbj a .info .bo_ca .region {font-style: normal;}
.board_list__table tbody td.col_sbj a .info .bo_sbj {font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; max-height: 4.5em; overflow: hidden; word-break: normal; font-weight: 500;}
.board_list__table tbody td.col_sbj a .info .bo_sbj .tag {margin-right: 5px;}
.board_list__table tbody td.col_sbj a .info .etc {display: flex; align-items: center; margin-top: 10px;}
.board_list__table tbody td.col_sbj a .info .etc span {font-size: 14px; color: #555; display: flex; align-items: center; line-height: 1;}
.board_list__table tbody td.col_sbj a .info .etc span::after {display: block; content: ""; width: 1px; height: 1.0em; background-color: #999; margin: auto 10px;}
.board_list__table tbody td.col_sbj a .info .etc span:last-child::after {display: none;}
.board_list__table tbody td.col_sbj a .info .mobile_info {display: none;}
.board_list__table.type_01 tbody td.col_sbj a .info {width: 90%;}
.board_list__table.type_01 tbody td.col_sbj a .info .bo_sbj {font-weight: 400;-webkit-line-clamp: 1; max-height: 1.5em;}

.gallery_list {padding: 25px 0; border-top: 2px solid #3478c1;}
.has_tab .gallery_list {padding-top: 0; border-top: none;}
.gallery_list__item {}
.gallery_list__item > a {display: flex; flex-direction: column; width: 100%;}
.gallery_list__item .thumbnailbox {width: 100%; position: relative; border: 1px solid #c9c9c9;}
.pg_photo_gallery .gallery_list__item .thumbnailbox {height: 210px; background: no-repeat center / cover;}
.gallery_list__item .thumbnailbox .thumbnail {display: block; width: 100%;}
.gallery_list__item .thumbnailbox .dim {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); display: flex; align-items: center; justify-content: center; opacity: 0;}
.gallery_list__item .thumbnailbox .tag {position: absolute; top: 0; left: 0; width: auto; height: auto; background-color: rgba(0,0,0,0.8); display: block; padding: 15px; color: #fff; font-size: 13px; font-weight: 700; text-align: center;}
.gallery_list__item .txtbox {display: flex; flex-direction: column; width: 100%; margin-top: 7px; border: 1px solid #c9c9c9; border-top: none; padding: 14px;}
.gallery_list__item .txtbox .tit {display: block; width: 100%; font-size: 16px; font-weight: 500; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.gallery_list__item .txtbox .info span {color: #959595; font-size: 12px; font-weight: 500;}
.gallery_list__item .txtbox.has_plus {position: relative; padding-right: 55px;}
.gallery_list__item .txtbox.has_plus .plus {width: 23px; height: 23px; position: absolute; top: 50%; right: 16px; transform: translateY(-50%);}
.gallery_list__item .txtbox.has_plus .plus::after, .gallery_list__item .txtbox.has_plus .plus::before {background-color: #c9c9c9;}
.gallery_list__item a:hover .thumbnailbox .dim {opacity: 1;}
.gallery_list__item a:hover .txtbox .tit {color: #283891;}
.gallery_list__item a:hover .txtbox.has_plus .plus::after, .gallery_list__item a:hover .txtbox.has_plus .plus::before {background-color: #283891;}

.brochure_list {}
.brochure_list__item {display: block; margin-bottom: 60px!important;}
.brochure_list__item > a {display: flex; flex-direction: column; justify-content: flex-start; width: 100%; height: 100%;}
.brochure_list__item .thumbnailbox {width: 100%; background-color: #dedede; border: 1px solid #c9c9c9;}
.brochure_list__item .thumbnailbox .thumbnail {display: block;}
.brochure_list__item .txtbox {padding: 20px 0; margin-bottom: 20px;}
.brochure_list__item .txtbox .tit {display: block; width: 100%; position: relative; padding-left: 20px; font-size: 16px; font-weight: 700;}
.brochure_list__item .txtbox .tit::before {position: absolute; display: block; content: ""; width: 4px; height: 22px; background-color: #125aac; top: 1.5em; left: 0; transform: translateY(-100%);}
.brochure_list__item .down_button {display: flex; border: 1px solid #c9c9c9; margin-top: auto;}
.brochure_list__item .down_button span {display: flex; height: 50px; align-items: center; justify-content: center;}
.brochure_list__item .down_button .ico {width: 52px; border-right: 1px solid #c9c9c9; background: url(../images/common/ico/download03.png) no-repeat center;}
.brochure_list__item .down_button .txt {width: 100%; color: #999; font-size: 14px; text-align: center;}
.brochure_list__item > a:hover .thumbnailbox {border-color: #125aac;}
.brochure_list__item > a:hover .down_button {border-color: #125aac;}
.brochure_list__item > a:hover .down_button .ico {border-color: #125aac; background-image: url(../images/common/ico/download03_on.png);}
.brochure_list__item > a:hover .down_button .txt {color: #125aac;}

@media screen and (min-width: 1200px) {
    .brochure_list .brochure_list__item {width: calc((100% - 100px) / 3); margin-right: 50px;}
    .brochure_list .brochure_list__item:nth-child(3n) {margin-right: 0;}
}

@media screen and (max-width: 1199px) and (min-width: 600px) {
    .brochure_list .brochure_list__item {width: calc((100% - 30px) / 2); margin-right: 30px;}
    .brochure_list .brochure_list__item:nth-child(2n) {margin-right: 0;}
}
@media screen and (max-width: 599px) {
    .brochure_list .brochure_list__item {max-width: 400px; margin: 0 auto 60px auto!important;}
}



.search_result_list {}
.search_result_list .board_list {margin-bottom: 120px;}
.search_result_list .board_list__head {border-top: 2px solid #3478c1; padding: 20px 20px; background-color: #f9f9f9;}
.search_result_list .board_list__head h4 {margin-right: auto; font-size: 20px;}
.search_result_list .board_list__table tbody td.col_sbj a .info .bo_sbj {-webkit-line-clamp: 1; max-height: 1.5em;}
.search_result_list .board_list__foot {display: flex; justify-content: center; padding-top: 10px;}
.search_result_list .board_list__foot #board_paging {margin-top: 30px;}
.search_result_list__more {display: flex; align-items: center; justify-content: center; padding: 10px 40px; background-color: #283891; color: #fff; font-size: 16px; font-weight: 500; margin-left: auto;}
.search_result_list__more .arrow {border-color: #fff; margin-left: 15px;}
.search_result_empty {display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 80px 0; text-align: center;}
.search_result_empty h4 {color: #283891; font-size: 24px; font-weight: 500; margin-bottom: 10px;}
.search_result_empty p {font-size: 18px; line-height: 180%;}






/* == Board : view == */
.board_view {margin-top: 60px; border-top: 2px solid #3478c1;}
.board_view.no_mg_top {margin-top: 0;}
.has_tab.board_view {border-top: none;}
.view__head {display: flex; align-items: flex-start; padding: 23px 0;}
.view__head .thumb {width: 176px; height: 246px; flex-shrink: 0; background: no-repeat center / cover; border: 1px solid #b7b7b7; margin-right: 24px;}
.view_info {width: 100%;}
.view__sbj {font-size: 20px; line-height: 150%; padding-bottom: 20px;}
.view_info__table {width: 100%; border-top: 1px solid #b7b7b7b7;}
.view_info__table tr {border-bottom: 1px solid #b7b7b7;}
.view_info__table th,
.view_info__table td {padding: 7px 10px; font-size: 14px; font-weight: 300; text-align: left;}
.view_info__table th {width: 110px; background-color: #f3f3f3;}
.view_info__table .file_list {display: flex; flex-direction: column; justify-content: center; min-height: 110px;}
.basic .view_info__table .file_list {min-height: 60px;}
.view_info__table .file_list li {margin-bottom: 5px;}
.view_info__table .file_list li:last-child {margin-bottom: 0;}
.view_info__table .file_list li a {display: flex; align-items: center;}
.view_info__table .file_list li a:hover {text-decoration: underline;}
.view_info__table .file_list li a span {width: 90%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.view_info__table .file_list li a .ico {width: 20px; margin-right: 10px;}
.view__body {border-bottom: 2px solid #3478c1; margin-bottom: 30px;}
.view__contents {line-height: 180%; padding: 20px 20px 40px 20px; word-break: normal;}
.view_empty {display: flex; align-items: center; justify-content: center; text-align: center; font-size: 14px; color: #999; height: 200px; border: 1px solid #dfdfdf; margin-bottom: 30px;}
.view__foot .to_list {display: flex; align-items: center; justify-content: center; width: 100px; height: 30px; color: #fff; font-size: 14px; font-weight: 300; text-align: center; background-color: #283891; margin-left: auto;}
.view__paging {border-top: 1px solid #b7b7b7; margin-bottom: 10px;}
.view__paging > a {display: flex; align-items: center; border-bottom: 1px solid #b7b7b7;}
.view__paging > a > span {display: flex; align-items: center; padding: 5px 24px; font-size: 14px; font-weight: 300;}
.view__paging > a .tag {flex-shrink: 0; width: 134px; background-color: #f3f3f3; color: #707070;height: 40px; }
.view__paging > a .tag .arrow {border-color: #707070; margin-right: 15px;}
.view__paging > a .tag .arrow.up {margin-top: 5px;}
.view__paging > a .tag .arrow.down {margin-top: -5px;}
.view__paging > a .sbj {width: 90%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.view__paging > a:hover .sbj {opacity: 0.7;}


.journal_view .view__head .thumb {width: 315px; height: 422px; position: relative; left: 0;}
.journal_view .view__head .thumb #pdf_open {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #fff; background-color: rgba(0,0,0,0.6); flex-direction: column; opacity: 0;}
.journal_view .view__head .thumb #pdf_open:hover {opacity: 1;}
.journal_view .view__head .thumb #pdf_open .ico {margin-bottom: 10px;}
.journal_view .view__head .thumb #pdf_open span {font-weight: 500;}
.journal_view .view_info {width: calc(100% - 339px);}
.journal_index {padding: 10px 0 35px 0;}
.journal_index .argument {display: flex; border: 1px solid #c9c9c9; border-right: none; border-left: none; margin-bottom: 17px; width: 100%;}
.journal_index .argument:last-child {margin-bottom: 0;}
.journal_index .argument h5 {display: flex; align-items: center; justify-content: center; padding: 10px; background-color: #edf0f2; font-size: 16px; text-align: center; width: 110px; flex-shrink: 0;}
.journal_index .argument .argument_list {display: flex; flex-direction: column; width: calc(100% - 110px);}
.journal_index .argument .argument_list > li {display: flex; align-items: center; padding: 13px 20px; border-bottom: 1px solid #c9c9c9; width: 100%; font-size: 14px; font-weight: 300;}
.journal_index .argument .argument_list > li:last-child {border-bottom: none;}
.journal_index .argument .argument_list > li .sbj {width: 95%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 5%; max-height: 1.5em;}
.journal_index .argument .argument_list > li .author {width: 130px; flex-shrink: 0; text-align: center;}
.journal_index .argument .argument_list > li .file {width: 60px; flex-shrink: 0; text-align: center;}
.journal_index .argument .argument_list > li .file img {display: block; margin: 0 auto; width: 20px;}
.journal_view #pdf_download {width: 210px; margin-left: auto; margin-bottom: 30px;}




/* Inbound Form */
.inbound_form {border-top: 2px solid #3478c1;}
.inbound_form legend {display: block; width: 100%; font-size: 17px; font-weight: 700; padding: 30px 0; border-bottom: 1px solid #c9c9c9;}
.inbound_form .input_row {display: flex; border-bottom: 1px solid #c9c9c9; padding: 10px 0;}
.inbound_form .label {padding: 0 10px; font-weight: 700; font-size: 16px;}
.inbound_form .input_row .label {display: flex; align-items: center; width: 134px; flex-shrink: 0;}
.inbound_form .input_row .label .req {color: #009fe3; margin-left: 5px;}
.inbound_form .form_input {width: 252px; height: 37px; border-color: #ccc;}
.inbound_form .form_input,
.inbound_form .input_textarea {font-family: "Noto Sans KR", sans-serif;}
.inbound_form .form_input.double {width: 538px;}
.inbound_form .input_split_box {display: flex; width: 100%;}
.inbound_form .input_split_box span {display: flex; align-items: center; justify-content: center; width: 24px; margin: 0 5px; text-align: center;}
.inbound_form .input_split_box.phone .form_input {width: 156.6666666666667px;}
#indiv .label {display: block; padding: 20px 0 15px 10px;}
#indiv .agreebox {display: flex; align-items: center; padding: 35px 0 35px 10px; border-bottom: 1px solid #c9c9c9;}
#indiv .agreebox span {color: #125aac; font-size: 18px; font-weight: 500; margin-right: auto;}
#indiv .agreebox > div {display: flex; align-items: center; margin-left: 30px;}
#indiv .agreebox > div input {width: 20px; height: 20px;}
#indiv .agreebox > div label {font-size: 15px; padding-left: 10px;}
#indiv .indiv_box {height: 190px; border: 1px solid #c9c9c9; overflow-x: hidden; overflow-y: scroll; padding: 20px; font-size: 14px;}
.inbound_form .submit_box {display: flex; align-items: center; justify-content: center; padding: 50px 0;}
.inbound_form .submit_box .button {width: 150px; height: 50px; margin: 0 10px; line-height: 1;}
.inbound_form .submit_box .form_submit {color: #fff; background-color: #283891; font-size: 18px; font-weight: 500;}




@media screen and (max-width: 1199px) {
    .subpage__content {width: 100%;}
    .sub_content_wrapper {padding: 25px 0 50px 0;}
    .arti__head .breadcrum,
    .arti__head .titlebox .arti__sbj::after,
    .lnb__list {display: none;}
    .layout__subpage {padding-top: 140px;}
    .subpage__lnb_track {position: absolute; top: 55px; left: 0; width: 100%; min-width: 320px;}
    .lnb h2 {height: 55px; justify-content: center; padding: 0 60px; position: relative; font-size: 18px;}
    .lnb h2 .ico {width: 23px;}
    .lnb h2 #to_prev {display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); border: none; background-color: transparent; padding: 0;}
    .lnb h2 #to_prev .arrow {border-color: #b8b8b8; border-width: 3px;}
    .arti__head {padding: 0;}
    .arti__head .titlebox {flex-direction: column; text-align: center; border: none;}
    .arti__head .titlebox .arti__sbj {width: 100%; max-width: none; min-width: 0; margin: 0 0 0 0; padding: 0; font-size: 24px;}
    #board_search {flex-direction: column; padding: 20px 20px;}
    #board_search h4 {margin: 0 0 20px 0; text-align: center; font-size: 18px; font-weight: 500;}
    #board_search form {flex-direction: column;}
    #board_search form .search_submit {margin: 20px auto 0 auto; width: 120px; height: 40px;}

    .board_list__head {padding: 20px 0;}
    .board_list__table thead,
    .board_list__table .col_num,
    .board_list__table .col_view,
    .board_list__table .col_date,
    .board_list__table .col_file {display: none;}
    .board_list__table {border-top: 1px solid #b7b7b7;}
    .board_list__table tbody td.col_sbj a .info .bo_sbj {font-size: 14px; font-weight: 500; -webkit-line-clamp: 1; max-height: 1.5em;}
    .board_list__table tbody td.col_sbj a .info .etc {margin-top: auto; margin-bottom: 5px; padding-top: 10px;}
    .board_list__table tbody td.col_sbj a .info .etc span {font-size: 14px;}
    .board_list__table tbody td.col_sbj a .info .mobile_info {display: flex; color: #555; font-size: 14px; font-weight: 300;}
    .board_list__table tbody td.col_sbj a .info .mobile_info span {margin-right: 20px;}
    .board_list__table tbody td.col_sbj a .thumb {margin-right: 15px;}
    .board_list__table.type_01 tbody td.col_sbj a .info {width: 95%;}
    .gallery_list__item .thumbnailbox .dim {display: none;}

    .view_info__table {table-layout: fixed;}
    .view__contents.overflow_x_scroll {overflow-x: auto;}

    .journal_view .view__head {flex-direction: column;}
    .journal_view .view__head .thumb {margin: 0 auto;}
    .journal_view .view__head .thumb #pdf_open {top: auto; bottom: 0; height: auto; padding: 20px; flex-direction: row; opacity: 1; }
    .journal_view .view__head .thumb #pdf_open .ico {width: 20px; margin: 0 10px 0 0;}
    .journal_view .view_info {margin-top: 23px; padding-top: 23px; border-top: 1px solid #c9c9c9; width: 100%;}

    .inbound_form legend {font-size: 16px;}
    .inbound_form .input_row .label {font-size: 15px; width: 100px;}
    .inbound_form .form_input {width: 100%!important;}
    .inbound_form .input_row .label,
    #indiv .agreebox,
    #indiv .label {padding-left: 0;}
    #indiv .agreebox {flex-wrap: wrap; justify-content: flex-end;}
    #indiv .agreebox span {font-size: 16px; width: 100%; margin-bottom: 20px;}
    .inbound_form .submit_box .button {margin: 5px 0;}
    .inbound_form .submit_box .form_submit {width: 100%; font-size: 16px; height: 40px;}
    .inbound_form .input_split_box.email {flex-wrap: wrap;}
    .inbound_form .input_split_box.email #email_id {width: 100%; margin-bottom: 10px;}
    .inbound_form .input_split_box.email #email_domain {width: calc(100% - 29px)!important;}
    .inbound_form .input_split_box.email span {margin-left: 0;}

    #board_search.detail_total {display: none;}
    .search_result_notice {padding-top: 40px;}

}
@media screen and (max-width: 767px) {
    .tab__nav {margin-bottom: 10px;}
    .tab__nav span {height: 40px; font-size: 14px;}

    #board_search {width: calc(100% + 40px); margin-left: -20px;}
    #board_search .input_wrapper .row {flex-direction: column;}
    #board_search .input_wrapper .search_input.half {width: 100%; margin: 0 0 10px 0;}
    #board_search .input_wrapper .search_input.half:last-child {margin-bottom: 0;}
    .board_list__table tbody td.col_sbj a .info .etc {margin-bottom: 0;}
    .board_list__table tbody td.col_sbj a .info .mobile_info {flex-direction: column; font-size: 12px;}
    #board_paging .pagings {margin: 0;}
    .paging_end, .paging_start {display: none!important;}
    #board_search.simple .searchbar {width: 100%;}
    #board_search.simple .searchbar .searchbar__input {width: 100%;}
    .board_list__table tbody td.col_sbj a .info .etc {flex-direction: column; align-items: flex-start;}
    .board_list__table tbody td.col_sbj a .info .etc span {line-height: 150%; font-size: 12px;}
    .board_list__table tbody td.col_sbj a .info .etc span::after {display: none;}


    .view__head .thumb {display: none;}
    .view__sbj {font-size: 18px;}
    .view_info__table tr {display: flex; flex-wrap: wrap; border-bottom: none;}
    .view_info__table th, .view_info__table td {border-bottom: 1px solid #b7b7b7;}
    .view_info__table th {width: 100px; flex-shrink: 0;}
    .view_info__table td {width: calc(100% - 100px);}
    .view__contents {padding: 20px 0; font-size: 14px;}
    .view__paging {margin-bottom: 30px;}
    .view__paging > a .tag {font-size: 0; width: auto; justify-content: center; padding: 5px 15px;}
    .view__paging > a .tag .arrow {margin-right: 0}
    .view__foot .to_list {width: 100%; height: 40px;}
    .view_info__table .file_list {min-height: 0;}

    .journal_index .argument {flex-direction: column;}
    .journal_index .argument h5 {width: 100%; justify-content: flex-start; font-size: 15px;}
    .journal_index .argument .argument_list {width: 100%;}
    .journal_index .argument .argument_list > li {padding: 13px 0 13px 10px;}
    .journal_index .argument .argument_list > li .author {width: 80px;}
    .journal_index .argument .argument_list > li .file {width: 30px;}
    .journal_view #pdf_download {width: 100%; margin-left: 0; margin-bottom: 10px;}
    .journal_view #pdf_download .txt {width: 100%;}

    .inbound_form .input_row {flex-direction: column; padding: 20px 0;}    
    .inbound_form .input_row .label {width: 100%; padding-bottom: 5px;}

    
}


@media screen and (max-width: 500px) {
    .board_list__table.video tbody td.col_sbj a {flex-direction: column;}
    .board_list__table.video tbody td.col_sbj a .thumb {width: 100%;}
    .board_list__table.video tbody td.col_sbj a .info {width: 100%; padding: 20px 0 0 0;}

}




/* About : Vision */
.vision__title {color: #718496; font-size: 16px; font-weight: 500; margin-bottom: 40px;}
.vision__cont {margin-bottom: 120px;}
.vision__cont:last-child {margin-bottom: 0;}
.vision_purpose ul {display: flex; padding: 0 7px;}
.vision_purpose ul li {display: flex; flex-direction: column; align-items: center; justify-content: flex-end; flex-wrap: nowrap; width: 25%;}
.vision_purpose ul li .ico {}
.vision_purpose ul li .tag {display: flex; align-items: center; justify-content: center; width: calc(100% + 14px); height: 55px; border-radius: 55px; background-color: #ccc; color: #fff; text-align: center; line-height: 1; font-size: 16px; mix-blend-mode: multiply; padding: 5px 20px;}
.vision_purpose ul li:nth-child(1) .tag {background-color: #35c0cd;}
.vision_purpose ul li:nth-child(2) .tag {background-color: #009fe3;}
.vision_purpose ul li:nth-child(3) .tag {background-color: #3a77bb;}
.vision_purpose ul li:nth-child(4) .tag {background-color: #7a73b5;}
.vision_strategy .diagram {margin-top: -70px; margin-bottom: 65px;}
.vision_strategy .tag {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 600px; margin: 0 auto 70px auto; padding: 20px; border-radius: 10px; background-color: #283891; color: #fff; font-size: 16px; text-align: center; font-weight: 700;}
.vision_strategy .tag strong {font-size: 22px; margin-bottom: 5px;}
.vision_strategy .desc {display: flex;}
.vision_strategy .desc > li {width: calc(100% / 3); padding: 0 23px; font-size: 16px; text-align: center; border: 1px solid #c9c9c9; border-top: none; border-bottom: none; margin-left: -1px;}
.vision_strategy .desc > li strong {display: block; font-size: 18px; margin-bottom: 5px;}
.vision_strategy .desc > li p {line-height: 180%;}


@media screen and (max-width: 1199px) {
    .vision__cont {margin-bottom: 80px;}
    .vision_purpose ul {flex-wrap: wrap;}
    .vision_purpose ul li {width: 50%; margin-bottom: 40px;}
    .vision_purpose ul li:nth-child(3), 
    .vision_purpose ul li:nth-child(4) {margin-bottom: 0;}
    .vision_purpose ul li .tag {height: 45px;}
    .vision_strategy .diagram {margin-top: 0; margin-bottom: 30px;}
    .vision_strategy .tag {max-width: 90%; font-size: 14px; margin-bottom: 50px;}
    .vision_strategy .tag strong {font-size: 18px; margin-bottom: 0;}
    .vision_strategy .desc > li {font-size: 14px;}
    .vision_strategy .desc > li strong {font-size: 16px;}
}
@media screen and (max-width: 550px) {
    .vision_purpose ul li {width: 100%; margin-bottom: 30px!important;}
    .vision_purpose ul li:last-child {margin-bottom: 0!important;}
    .vision_strategy .desc {flex-wrap: wrap;}
    .vision_strategy .desc > li {width: 100%; padding: 40px 20px; border: none; border-bottom: 1px solid #c9c9c9; border-top: 1px solid #c9c9c9; margin: -1px 0 0 0;}
}




/* About : History */
.history__banner {display: flex; flex-direction: column; justify-content: center; width: calc(100% + 20px); height: 334px; margin: 0 0 60px -20px; padding: 50px; background: url(../images/sub/history_banner01.jpg) no-repeat center / cover;}
.history__banner .logo {color: #283891; font-size: 38px; font-weight: 900; line-height: 1; margin-bottom: 10px;}
.history__banner p {font-size: 26px;}
.history__table {padding: 0 0 0 40px;}
.history__block {display: flex; flex-wrap: wrap; margin-bottom: 85px;}
.history__block:last-child {margin-bottom: 0;}
.history__block .his_period {flex-shrink: 0; width: 180px; margin-right: 40px; padding-top: 15px; border-top: 3px solid #283891; font-size: 28px; line-height: 1;}
.history__block .his_list {width: calc(100% - 220px); padding-top: 15px; border-top: 1px solid #c9c9c9;}
.history__block .his_item {display: flex; margin-bottom: 15px; font-size: 18px;}
.history__block .his_item .date {flex-shrink: 0; color: #283891; font-weight: 400; margin-right: 20px; min-width: 110px; }
.history__block .his_item .cont_item {margin-bottom: 10px;}
.history__block .his_item:last-child,
.history__block .his_item .cont_item:last-child {margin-bottom: 0;}

@media screen and (max-width: 1199px) {
    .history__banner {width: calc(100%); margin-left: 0; padding: 50px 30px; height: auto;}
    .history__banner .logo {font-size: 28px;}
    .history__banner p {font-size: 20px;}
    .history__table {padding: 0;}
    .history__block .his_period {font-size: 20px;}
    .history__block .his_item {font-size: 16px;}
}
@media screen and (max-width: 600px) {
    .history__banner {width: calc(100% + 40px); margin-left: -20px;}
    .history__block {margin-bottom: 50px;}
    .history__block .his_period {width: 100%; margin: 0; padding: 15px 0;}
    .history__block .his_list {width: 100%; padding: 15px 0 15px 0; border-bottom: 1px solid #c9c9c9;}
}




/* About : Greeting */
.greeting.sub_content_wrapper {padding-left: 0;}
.greeting__banner {margin-bottom: 50px;}
.greeting_cont {display: flex; flex-wrap: wrap;}
.greeting_cont h4 {width: 250px; flex-shrink: 0; padding-right: 70px; color: #3b4872; font-size: 22px; line-height: 150%;}
.greeting_cont h4::before {display: block; content: ""; width: 44px; height: 3px; background-color: #3b4872; margin-bottom: 15px;}
.greeting_cont .letter {width: calc(100% - 250px); padding-top: 15px; font-size: 17px; line-height: 180%; color: #313131;}
.greeting_cont .letter .intro {font-size: 26px;}
.greeting_cont .letter p {line-height: 180%; text-align: justify;}
.greeting_cont .letter .sign {display: flex; justify-content: flex-end; align-items: flex-end; margin-top: 60px;}
.greeting_cont .letter .sign img {border-bottom: 1px solid #c9c9c9; margin-left: 10px;}
.greeting_cont .letter ol > li {display: flex; gap: .5em; font-size: 15px; margin-bottom: 0.7em;}
.greeting_cont .letter ol > li:last-child {margin-bottom: 0;}
.greeting_cont .letter ol > li .num {width: 20px; height: 20px; margin-top: 3px; background: #0052a4; color: #fff; font-weight: 600; display: flex; align-items: center; justify-content: center; flex-shrink: 0; line-height: 1; font-size: 12px;}
.greeting_cont .letter ol.triangle > li::before {content: '▶'; color: #0052a4; font-size: inherit;}
.greeting_cont .letter ol > li .val {}
.greeting_cont .letter .article {padding: 20px; background: #f8f7f6;}
.greeting_cont .letter .article_tit {display: block; line-height: 1.7; padding-bottom: 1em;}
.greeting_cont .letter.type2 .sign {}
.greeting_cont .letter.type2 .sign img {width: 150px; margin-left: 35px; opacity: 1;}

.greeting_cont.split {flex-wrap: nowrap; gap: 50px;}
.greeting_cont.split .banner_box {width: 450px;}
.greeting_cont.split .banner_box img {display: block;}
.greeting_cont.split .letter {padding-top: 0;}
.greeting_cont.split .letter p {text-align: left;}

@media screen and (max-width: 1199px) {
    .greeting_cont h4 {width: 200px; padding-right: 20px; font-size: 20px;}
    .greeting_cont .letter {width: calc(100% - 200px);}
    .greeting_cont .letter .intro {font-size: 24px;}
    .greeting_cont .letter p {font-size: 16px;}
    .greeting_cont .letter.type2 .sign img {width: 180px; margin-left: 20px;}

    .greeting_cont.split {gap: 40px;}
    .greeting_cont.split .banner_box {width: 350px;}
    .greeting_cont .letter p
}
@media screen and (max-width: 767px) {
    .greeting_cont h4 {width: 100%; padding: 0; margin-bottom: 40px; font-size: 18px; font-weight: 500;}
    .greeting_cont h4::before {display: none;}
    .greeting_cont .letter {width: 100%; padding-top: 0;}
    .greeting_cont .letter .intro {font-size: 20px;}
    .greeting_cont .letter p {word-break: normal;}
    .greeting_cont .letter.type2 .sign img {width: 120px;}

    .greeting_cont.split {flex-direction: column;}
    .greeting_cont.split .banner_box {width: 100%;}
}




/* About : CI */
.ci_description {margin-bottom: 65px; text-align: center;}
.ci_description h4 {font-size: 25px; margin-bottom: 10px;}
.ci_description p {font-size: 17px; line-height: 180%;}
.ci_info .row {display: flex; flex-wrap: wrap; margin-bottom: 90px;}
.ci_info .row:last-child {margin-bottom: 0;}
.ci_info .row .col {display: flex; flex-direction: column; width: calc((100% - 7px) / 2); margin-right: 7px;}
.ci_info .row .col:nth-child(2n) {margin-right: 0;}
.ci_info .row .col.full {width: 100%;}
.ci_info .row .col h5 {color: #7d7d7d; font-size: 18px; font-weight: 500; margin-bottom: 15px;}
.ci_info .row .col .imgbox {display: flex; align-items: center; height: 100%; border: 1px solid #c9c9c9;}
.ci_info .row .row .col {margin-bottom: 15px;}
.ci_info.ci_15th .imgbox {flex-direction: column; padding: 60px 40px;}
.ci_info.ci_15th .logo {display: block; width: 200px; margin: 0 auto;}
.ci_info.ci_15th .desc {display: flex; padding-top: 50px;}
.ci_info.ci_15th .desc li {display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: calc((100% - 80px) / 3); padding: 0 20px;}
.ci_info.ci_15th .desc li img {margin-bottom: 20px;}
.ci_info.ci_15th .desc li.ico {flex-shrink: 0; width: 40px; justify-content: center;}
.ci_info.ci_15th .desc li.ico .plus {width: 20px; height: 20px;}
.ci_info.ci_15th .desc li.ico .plus::before,
.ci_info.ci_15th .desc li.ico .plus::after {background-color: #000;}
.ci_info.ci_15th .desc li.ico .plus::before {width: 4px;}
.ci_info.ci_15th .desc li.ico .plus::after {height: 4px;}
.ci_info .row .col.color_sys .imgbox {flex-direction: column; border: none;}
.ci_info .row .col.color_sys .color_sys_box {display: flex; width: 100%; height: calc(50% - 8px); margin-bottom: 16px; border: 1px solid #c9c9c9;}
.ci_info .row .col.color_sys .color_sys_box:last-child {margin-bottom: 0;}
.ci_info .row .col.color_sys .color_sys_box .color {flex-shrink: 0; width: 140px; background-color: #f1f1f1;}
.ci_info .row .col.color_sys .color_sys_box .info {display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 20px 40px; width: 100%; font-size: 22px; text-align: left;}
.ci_info .row .col.color_sys .color_sys_box .info .name {margin-bottom: 5px;}
.ci_info .row .col.color_sys .color_sys_box .info .cmyk span {display: inline-block; margin-right: 20px;}
.ci_info .row .col.color_sys .color_sys_box.blue .color {background-color: #283891;}
.ci_info .row .col.color_sys .color_sys_box.black .color {background-color: #414042;}

@media screen and (max-width: 1199px) {
    .ci_description {margin-bottom: 80px;}
    .ci_description.anni {margin-bottom: 40px;}
    .ci_description h4 {font-size: 22px;}
    .ci_description p {font-size: 16px;}
    .ci_info .row .col h5 {font-size: 16px; margin-bottom: 10px;}
    .ci_info.ci_15th .logo {width: 150px;}
    .ci_info .row .col.color_sys .color_sys_box .color {width: 80px;}
    .ci_info .row .col.color_sys .color_sys_box .info {font-size: 14px;}
}

@media screen and (max-width: 767px) {
    .ci_info.ci_15th .desc {display: none;}
    .ci_info .row .col.logo_grid,
    .ci_info .row .col.color_sys {width: 100%; margin: 0;}
    .ci_info .row .col.logo_grid {margin-bottom: 90px;}
}




/* About : Location */
.location.sub_content_wrapper {padding-left: 0;}
.location__map {display: block; width: 100%; height: 390px;}
.location__cont {margin-top: 50px;}
.location__cont h4 {color: #898989; font-size: 23px; font-weight: 400; margin-bottom: 20px;}
.location__cont table.info_table {width: 100%; border: 1px solid #283891; border-left: none; border-right: none;}
.location__cont table.info_table tr {border-bottom: 1px solid #c9c9c9;}
.location__cont table.info_table th, .location__cont table.info_table td {padding: 10px 15px;}
.location__cont table.info_table th {width: 140px; text-align: center; font-weight: 500; background-color: #f1f2f4;}
.location__cont table.info_table td {font-weight: 300;}
.location__cont .traffic_info {border: 1px solid #283891; border-left: none; border-right: none; padding: 30px 17px;}
.location__cont .traffic_info li {display: flex; align-items: center; margin-bottom: 10px; font-size: 16px; line-height: 31px;}
.location__cont .traffic_info li:last-child {margin-bottom: 0;}
.location__cont .traffic_info li .ico {flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 31px; height: 31px; border-radius: 50%; background: #ccc; margin-right: 13px;}
.location__cont .traffic_info li > div {display: flex; align-items: center; padding-top: 0;}
.location__cont .traffic_info li .key {flex-shrink: 0; font-weight: 700; margin-right: 6px;}
.location__cont .traffic_info li .value {}
.location__cont .traffic_info li .value .arw {display: inline-flex; align-items: center; vertical-align: middle; height: 1em; padding-bottom: 2px; margin: 0 5px;}
.location__cont .traffic_info li .value .arw::before,
.location__cont .traffic_info li .value .arw::after {display: block; content: "";}
.location__cont .traffic_info li .value .arw::before {width: 15px; height: 4px; background: #ccc;}
.location__cont .traffic_info li .value .arw::after {width: 0; height: 0; border-left: 6px solid #ccc; border-top: 5px solid transparent; border-bottom: 5px solid transparent;}
.location__cont .traffic_info li .station {display: inline-flex; align-items: center; justify-content: center; padding: 0 15px; height: 29px; border-radius: 29px; background: #f1f1f1; color: #fff; font-style: normal; vertical-align: middle; font-size: 14px; line-height: 1;}
.location__cont .traffic_info li .station.line1 {background: #0052a4;}
.location__cont .traffic_info li .station.line2 {background: #549e4a;}
.location__cont .traffic_info li .station.line7 {background: #367738;}
.location__cont .traffic_info li .station.line_silrim {background: #6789CA;}
.location__cont .traffic_info li.line_2 .ico {background: #549e4a;}
.location__cont .traffic_info li.line_2 .value .arw::before {background: #549e4a;}
.location__cont .traffic_info li.line_2 .value .arw::after {border-left-color: #549e4a;}
.location__cont .traffic_info li.line_7 .ico {background: #367738;}
.location__cont .traffic_info li.line_7 .value .arw::before {background: #367738;}
.location__cont .traffic_info li.line_7 .value .arw::after {border-left-color: #367738;}
.location__cont .traffic_info li.line_silrim .ico {background: #6789CA;}
.location__cont .traffic_info li.line_silrim .value .arw::before {background: #6789CA;}
.location__cont .traffic_info li.line_silrim .value .arw::after {border-left-color: #6789CA;}


@media screen and (max-width: 1199px) {
    .location__cont h4 {font-size: 20px; margin-bottom: 10px;}
    .location__cont .traffic_info li {font-size: 14px;}
    .location__cont .traffic_info li .station {font-size: 12px;}
}
@media screen and (max-width: 767px) {
    .location__cont table.info_table tr {display: flex; flex-wrap: wrap; border: none;}
    .location__cont table.info_table th, .location__cont table.info_table td {border-bottom: 1px solid #c9c9c9;}
    .location__cont table.info_table th {display: flex; align-items: center; justify-content: center; width: 80px;}
    .location__cont table.info_table td {width: calc(100% - 80px);}

    .location__cont .traffic_info li {align-items: flex-start;}
    .location__cont .traffic_info li > div {flex-direction: column; align-items: flex-start;}

    .location__cont .traffic_info li {margin-bottom: 20px;}
    .location__cont .traffic_info li .key {margin-bottom: 10px;}
    .location__cont .traffic_info li .station {margin-bottom: 5px;}


}




/* Organization */
.org_diagram {position: relative;}
.org_diagram .bg {position: relative; z-index: 0; width: 100%; min-height: 425px;}
.org_diagram .bg img { -border: 1px solid red; position: absolute; left: 382px; height: auto;}
/*.org_diagram .bg {position: relative; z-index: 0; display: flex; flex-direction: column; align-items: center; width: 100%;}*/
.org_diagram .bg .radius {position: absolute; top: 100%; display: block; width: 100%; height: 0; padding-bottom: 50%; border-radius: 50% 50% 0 0; background: linear-gradient(to bottom, #e1f4fc 0%, #fff 40%, #fff 100%);}
.org_diagram .diagram {position: relative; z-index: 10; display: flex; flex-direction: column; align-items: center; margin-top: -10px;}
.org_diagram .diagram .tag {display: block; padding: 10px; background-color: #ccc; border-radius: 10px; color: #fff; text-align: center; font-size: 16px;}
.org_diagram .diagram .tag.title {background-color: #3478c1; font-size: 21px; padding: 10px 100px; border-radius: 25px;}
.org_diagram .diagram .tag.captain {background-color: #125aac; font-size: 21px; padding: 10px 65px;}
.org_diagram .diagram .tag.captain2 {background-color: rgb(84 143 208); padding: 10px 45px;}
.org_diagram .diagram .green .tag.name {background-color: #07a2ac;}
.org_diagram .diagram .purple .tag.name {background-color: #8393ca;}
.org_diagram .diagram .line {display: block; background-color: #a1a1a1;}
.org_diagram .diagram .line.vertical {width: 1px; height: 65px; margin: 0 auto;}
.org_diagram .diagram .line.vertical.short {width: 1px; height: 35px; margin: 0 auto;}
.org_diagram .diagram .line.vertical.line_none { background-color: transparent; }

.org_diagram .diagram .line.horizontal {height: 1px;}

.org_diagram .diagram .team_list {display: flex; flex-wrap: wrap; width: 100%; position: relative;}
.org_diagram .diagram .team_list::before {position: absolute; top: 0; left: 157px; display: block; content: ""; width: 627px; height: 1px; background-color: #a1a1a1;}
/*.org_diagram .diagram .team_list::before {position: absolute; top: 0; left: 50%; display: block; content: ""; width: 75%; height: 1px; background-color: #a1a1a1; transform: translateX(-50%);}*/
@media screen and (max-width: 1199px) {

}
.org_diagram .diagram .team_list > .team {display: flex; flex-direction: column; align-items: center; width: 33%; padding: 0 10px;}
.org_diagram .diagram .team_list > .team::after {display: block; content: ""; width: 100%; height: 2px; background-color: #ccc; margin-top: auto;}
.org_diagram .diagram .team_list > .team.purple::after {background-color: #8393ca;}
.org_diagram .diagram .team_list > .team.green::after {background-color: #07a2ac;}
.org_diagram .diagram .team_list > .team:nth-child(5n) {margin-right: 0;}
.org_diagram .diagram .team_list > .team .line.vertical {margin-bottom: 10px;}
.org_diagram .diagram .team_list > .team .ico {margin-bottom: 5px;}
.org_diagram .diagram .team_list > .team .tag {width: 100%;}
.org_diagram .diagram .team_list > .team .value {width: 100%; padding: 15px 10px 25px 15px;}
.org_diagram .diagram .team_list > .team .value > strong {display: block; font-size: 16px; margin-bottom: 5px;}
.org_diagram .diagram .team_list > .team.purple .value > strong {color: #8393ca;}
.org_diagram .diagram .team_list > .team.green .value > strong {color: #07a2ac;}
.org_diagram .diagram .team_list > .team .value > .bullet {margin-bottom: 15px;}
.org_diagram .diagram .team_list > .team .value > .bullet:last-child {margin-bottom: 0px;}
.org_diagram .diagram .team_list > .team .value > .bullet > li {font-size: 14px; color: #464646; font-weight: 500;}
.org_diagram .diagram .team_list > .team .value > .bullet > li::before {background-color: #464646; top: 0.65em; transform: translateY(-50%);}
.org_diagram .diagram .team_list > .team.special {padding-top: 75px;}
.org_diagram .diagram .team_list > .team.special .tag {}
.staff__cont {padding: 95px 0 0 0;}
.staff__cont .tab__wrapper {padding: 40px 0 0 0;}
.staff__title {text-align: center;}
.staff__title::after {display: block; content: ""; width: 50px; height: 3px; background-color: #07a2ac; margin: 30px auto 0 auto;}
.staff__title h4 {font-size: 20px; margin-bottom: 10px;}
.staff__title h4 span {font-weight: 400;}
.staff__title p {font-size: 16px;}
.staff__box {padding: 35px 0;}
.staff__box h5 {font-size: 20px; text-align: center; margin-bottom: 30px;}
.staff__research .cards {display: flex;}
.staff__research .cards li {display: flex; flex-direction: column; align-items: center; text-align: center; width: calc(20% - 8px); margin-right: 10px; padding: 35px 10px; background-color: #f5f5f5;}
.staff__research .cards li:nth-child(5n) {margin-right: 0;}
.staff__research .cards li img {margin-bottom: 15px;}
.staff__research .cards li span {font-size: 15px;}
.staff__list table {width: 100%; border-top: 2px solid #718496; font-size: 14px;}
.staff__list table colgroup col:nth-child(4) {width: 200px;}
.staff__list table colgroup col:nth-child(5) {width: 170px;}
.staff__list table th, .staff__list table td {padding: 10px; text-align: center; height: 50px;}
.staff__list table th:last-child, .staff__list table td:last-child {border-right: none;}
.staff__list table tr {border-bottom: 1px solid #f1f2f4;}
.staff__list table thead {background-color: #f1f2f4; border-bottom: 2px solid #e1e2e3;}
.staff__list table thead th {text-align: center; position: relative;}
.staff__list table thead th::after {position: absolute; display: block; content: ""; width: 1px; height: 34px; background-color: #b9b9b9; top: 50%; right: 0; transform: translateY(-50%);}
.staff__list table thead th:last-child::after {display: none;}
.staff__list table tbody td {border-right: 1px solid #f1f2f4; word-break: break-all;}
.staff__list .staff__empty {display: flex; align-items: center; justify-content: center; border: 1px solid #dfdfdf; text-align: center; color: #555; min-height: 250px;}
.staff__button {display: flex; align-items: center; justify-content: center; height: 34px; padding: 0 15px; border: 1px solid #c2c2c2; border-radius: 34px;}
.staff__button img {margin-right: 10px;}
.theme_purple .staff__title::after {background-color: #283891;}
@media screen and (max-width: 1259px) {
    .org_diagram .diagram .tag.title {font-size: 16px; width: 100%; max-width: 300px; padding: 10px;}
    .org_diagram .diagram .tag.captain {font-size: 16px;}
    .org_diagram .diagram .line.vertical {height: 40px;}
    .org_diagram .diagram .team_list > .team {width: 50%;}
    .org_diagram .diagram .team_list::before {width: 100%; left: 0;}
    .org_diagram .diagram .team_list > .team .line {opacity: 0; height: 20px;}
    .org_diagram .diagram .team_list > .team .ico {display: none;}
    .org_diagram .diagram .team_list > .team .tag {font-size: 14px;}
    .org_diagram .diagram .team_list > .team .value > strong {font-size: 14px;}
    .org_diagram .diagram .team_list > .team .value > .bullet > li {font-size: 12px;}

    .org_diagram .bg {position: relative; z-index: 0; width: 100%; }
    .org_diagram .bg img {position: absolute; left: 73%; height: auto; max-width: 395px; width: 100%; transform: translateX(-65%);}
}

/*@media screen and (max-width: 1199px) {*/
/*    .org_diagram .diagram .tag.title {font-size: 16px; width: 100%; max-width: 300px; padding: 10px;}*/
/*    .org_diagram .diagram .tag.captain {font-size: 16px;}*/
/*    .org_diagram .diagram .line.vertical {height: 40px;} */
/*    .org_diagram .diagram .team_list > .team {width: 50%;}*/
/*    .org_diagram .diagram .team_list::before {width: calc(100% - 20px);}*/
/*    .org_diagram .diagram .team_list > .team .line {opacity: 0; height: 20px;}*/
/*    .org_diagram .diagram .team_list > .team .ico {display: none;}*/
/*    .org_diagram .diagram .team_list > .team .tag {font-size: 14px;}*/
/*    .org_diagram .diagram .team_list > .team .value > strong {font-size: 14px;}*/
/*    .org_diagram .diagram .team_list > .team .value > .bullet > li {font-size: 12px;}*/
/*}*/

@media screen and (max-width: 1023px) {
    .staff__box h5,
    .staff__title h4 {font-size: 18px;}
    .staff__title p {font-size: 14px;}
    .staff__research .cards li span {font-size: 12px;}
    .staff__research .cards li img {width: 35px;}
}
@media screen and (max-width: 767px) {
    .staff__research .cards {flex-wrap: wrap; justify-content: center;}
    .staff__research .cards li {width: calc(50% - 8px); margin: 0 4px 8px 4px;}
    .staff__cont .tab__nav {flex-direction: column;}
    .staff__cont .tab__nav span {width: 100%; border: 1px solid #c9c9c9; margin: -1px 0 0 0;}
    .staff__cont .tab__nav span.active {border-color: #283891;}
    .staff__button {width: 34px; height: 34px; padding: 5px; margin: 0 auto;}
    .staff__button img {margin: 0;}
    .staff__button span {display: none;}
    .staff__list table th, .staff__list table td {font-size: 12px;}
    .staff__list table colgroup {display: none;}
}
@media screen and (max-width: 500px) {
    .staff__list table th:nth-child(3), .staff__list table td:nth-child(3) {display: none;}
}



/* Policy */
.policy_cont {padding-top: 30px; padding-left: 0;}
.policy__table {width: 100%; margin-bottom: 15px;}
.policy__table th, .policy__table td {border: 1px solid #dedede; padding: 10px;}
.policy__table th {background-color: #f1f1f1;}
.policy__table.mo {display: none;}
.policy__history {margin-top: 50px;}
.policy__history-inner { border: 1px solid #ddd;padding: 20px;background-color: #fefefe;display: block;}
.policy__list-item:not(:last-child) { margin-bottom: 13px;}
.policy__btn{display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    background-color: #283891;
    margin-left: auto;padding: 20px;}

@media screen and (max-width: 1023px) {
    .policy_cont {word-break: normal;}
}
@media screen and (max-width: 767px) {
    .policy__table.pc {display: none;}
    .policy__table.mo {display: table;}
}




/* Editor Contents */
.editor_contents * {font-family: "Noto Sans KR"; line-height: 180%;}
.editor_contents hr {border-bottom: none; border-left: none; border-right: none; margin: 40px 0;}



/* 15주년 */
.pg_anniversary .titlebox {}
.pg_anniversary .titlebox .arti__sbj {max-width: none;}
.pg_anniversary .titlebox .arti__desc {margin-top: 0;}
.anniversary {padding: 0;}
.anniversary .tabmenu {display: flex; border-top: 2px solid #3478c1;}
.anniversary .tabmenu a {width: 20%; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #898989; text-align: center; line-height: 130%; padding: 10px; background-color: #f5f5f5; border: 1px solid #c2c2c2; border-top: none; border-left: none;}
.anniversary .tabmenu a:first-child {border-left: 1px solid #c2c2c2;}
.anniversary .tabmenu a.active {background-color: #fff; color: #333; border-bottom: none; border-left: none!important;}
.anni_contents {padding: 100px 0 0 0;}
.anni_contents h4 {font-size: 20px; text-align: center; line-height: 150%; margin-bottom: 10px;}
.anni_contents h4 .lt {font-weight: 300;}
.anni_contents p {text-align: center;}
.anni_contents .bar {width: 50px; height: 3px; background-color: #3478c1; margin: 40px auto;}
.anni_contents h5 {font-size: 20px; text-align: center; line-height: 150%; margin-bottom: 30px;}
.anni_contents .gray_cont {background-color: #f5f5f5; padding: 50px 47px;}
.anni_contents .bullet > li {padding-bottom: 15px;}
.anni_contents .bullet > li::before {width: 8px; height: 8px; background-color: #125aac; top: 0.55em;}
.anni_contents .bullet > li > strong {display: block; margin-bottom: 5px; color: #125aac; font-size: 18px;}
.anni_contents .bullet > li > ul {font-size: 18px;}
.anni_contents .bullet > li > ul > li {margin-bottom: 5px;}
.anni_contents .bullet > li.flexbox {flex-wrap: nowrap;}
.anni_contents .bullet > li.flexbox > strong {flex-shrink: 0; margin-right: 10px;}
.anni_contents .bullet.indented {padding: 0 0 0 47px;}
.anni_contents .bullet.indented span b {font-weight: 500;}
.anni_contents .bullet.indented span ul {font-size: 16px; color: #a1a1a1; padding: 5px 0;}
.anni_contents .bullet.indented span ul > li {margin-bottom: 3px;}
.anni_contents .bullet.small {}
.anni_contents .bullet.small > li {display: block; font-size: 18px;}
.anni_contents .bullet.small > li::before {width: 2px; height: 2px; background-color: #333;}
.anni_contents .bullet.small > li > strong {display: inline; color: #333; font-size: 18px; margin: 0; font-weight: 400;}
.anni_contents .table_img {display: block; margin: 0 auto;}

.anni_contents .table_wrapper {margin-top: 50px;}
.anni_table__title {font-size: 25px; color: #3478c1; }
.anni_table {font-size: 18px; margin-top: 0; width: 100%;}
.anni_table thead {background-color: #3478c1; color: #fff; text-align: center; }
.anni_table thead th {text-align: center; font-weight: 400; padding: 10px 5px; position: relative;}
.anni_table thead th::after {display: block; content: ""; width: 1px; height: 20px; background-color: #fff; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.anni_table thead th:last-child::after {display: none;}
.anni_table tbody {background-color: #fff;}
.anni_table tbody th,
.anni_table tbody td {border: 1px solid #c2c2c2; padding: 10px 20px;}
.anni_table tbody th {border-left: none; color: #3478c1; text-align: center; font-weight: 400;}
.anni_table tbody td:last-child {border-right: none;}
.anni_table tbody td ul li {display: flex; margin-bottom: 5px;}
.anni_table tbody td ul li strong {margin-right: 10px; font-weight: 500; flex-shrink: 0;}
.anni_table .align_center {text-align: center;}
.anni_links {display: flex; padding: 80px 0 80px 0; justify-content: center;}
.anni_links > a {padding: 15px 50px; background-color: #125aac; color: #fff; text-align: center; font-size: 20px; line-height: 100%; margin: 0 10px;}

.anni_contents .books {margin-bottom: 80px; display: flex; align-items: flex-start;}
.anni_contents .books .thumbbox {flex-shrink: 0; width: 340px; display: flex; flex-direction: column; align-items: center; padding: 35px 0 45px 0; background-color: #f5f5f5;}
.anni_contents .books .thumbbox img {margin-bottom: 30px;}
.anni_contents .books .thumbbox span {text-align: center; font-size: 20px;}
.anni_contents .books .txtbox {padding-left: 40px;}
.anni_contents .books .txtbox h4 {text-align: left;}
.anni_contents .books .txtbox p {text-align: left;}
.anni_contents .books .txtbox .anni_table {font-size: 13px;}
.anni_contents .books .txtbox .anni_table th,
.anni_contents .books .txtbox .anni_table td {padding: 10px!important;}

/* 15주년 기념사업 */
.main_biz {display: flex;}
.main_biz > div {width: 50%; padding: 0 15px;}
.main_biz > .imgbox {text-align: center;}
.anni_seminar {display: flex; flex-wrap: wrap;}
.anni_seminar .thumb {box-shadow: -10px 10px 10px rgba(0,0,0,0.2);}
.anni_seminar .txtbox {padding-left: 50px;}
.anni_seminar .txtbox h5 {text-align: left;}
.anni_seminar .txtbox .bullet {}
.anni_seminar .txtbox .bullet .big {font-weight: 300; font-size: 1.4em;}
.anni_seminar .txtbox .bullet .has_logo {display: flex; align-items: center; flex-wrap: wrap; margin-top: 20px;}
.anni_seminar .txtbox .bullet .has_logo b {margin-right: 10px; font-weight: 500;}
.anni_seminar .txtbox .bullet .has_logo img {margin-right: 20px;}
.anni_seminar .table_img {margin-top: 80px;}

.anni_comp .anni_table col:nth-child(1) {}
.anni_comp .anni_table col:nth-child(2) {}
.anni_comp .anni_table col:nth-child(3) {width: 50%;}

.anni_ucc b {display: block; margin-top: 15px; text-align: center;}

@media screen and (max-width: 1199px) {
    .pg_anniversary .titlebox .arti__desc {margin-top: 13px;}
    .anni_contents h4 .lt {display: block;}
    .anniversary .tabmenu {flex-direction: column;}
    .anniversary .tabmenu a {width: 100%; border: 1px solid #c2c2c2!important; border-top: none!important; font-size: 12px;}
    .anniversary .tabmenu a.active {border: 1px solid #c2c2c2!important; border-top: none!important;}
    .anniversary .tabmenu a:first-child {border-top: none!important;}
    .anni_contents {padding: 50px 0 0 0;}
    .anni_contents p {font-size: 14px;}
    .anni_contents .bullet > li > strong {font-size: 16px;}
    .anni_contents .bullet > li > ul {font-size: 14px;}
    .anni_contents .bullet > li.flexbox {flex-wrap: wrap;}
    .anni_contents .bullet > li.flexbox > strong {width: 100%;}
    .anni_contents .bullet.indented {padding: 0;}
    .anni_table {margin-top: 30px;}
    .anni_table * {font-size: 12px!important; word-break: break-all;}
    .anni_table tbody td ul li {flex-direction: column;}
    .anni_links {padding: 50px 0;}
    .anni_links > a {font-size: 15px;}

    .anni_contents .books .thumbbox {width: 170px;}
    .anni_contents .books .thumbbox span {font-size: 14px;}
    .anni_contents .books .anni_table * {word-break: keep-all;}

    .anni_seminar .thumb {margin: 0 auto 40px auto;}
    .anni_seminar .txtbox {padding: 0;}

}
@media screen and (max-width: 767px) {
    .anni_contents .gray_cont {padding: 25px;}
    .anni_contents .books {flex-direction: column; align-items: flex-start;}
    .anni_contents .books > div {width: 100%!important;}
    .anni_contents .books .thumbbox {padding: 30px 0; margin-bottom: 30px;}
    .anni_contents .books .thumbbox img {width: 168px; margin-bottom: 10px;}
    .anni_contents .books .txtbox {padding: 0;}

    .main_biz {flex-direction: column;}
    .main_biz > div {width: 100%; padding: 15px 0;}
}


/* Contribution */
.contribution {padding-top: 30px;}
.contribution_cont h4 {font-size: 22px; margin-bottom: 20px;}
.contribution_cont .int {font-size: 18px; font-weight: 700; line-height: 180%;}
.contribution_cont .blue {color: #3498db;}
.contribution_cont h5 {font-size: 18px; margin-bottom: 15px;}
.contribution_cont .para {font-size: 18px; margin-bottom: 15px;}
.contribution_cont .bullet li {font-size: 16px;}

@media screen and (max-width: 1199px) {
    .contribution_cont h4 {font-size: 20px;}
    .contribution_cont h5 {font-size: 16px;}
    .contribution_cont .int {font-size: 14px;}
    .contribution_cont .para {font-size: 16px;}
    .contribution_cont .bullet li {font-size: 14px;}
}