@charset "utf-8";

#container {
    min-height: calc(100vh - 296px);
    position: relative;
}
@media screen and (max-width: 1200px) {
    #container {
        min-height: calc(100vh - 323px);
    }
}
@media screen and (max-width: 768px) {
    #container {
        min-height: calc(100vh - 340px);
    }
}
.sub_visual {
    margin-top: 82px;
    height: 176px;
    border-bottom: 1px solid #9D9D9D;
}
.sub_visual .inner {
    height: 100%;
    display: flex;
    align-items: flex-end;
}
.sub_visual .inner h2 {
    font-family: 'pretendard';
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 47px;
    margin-bottom: 11px;
    text-align: center;
}
.sub_visual .sub_visual_con {
    width: 100%;
}
.sub_visual .inner .location {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
}
.sub_visual .inner .location.no_list {
    height: 50px;
}
.sub_visual .inner .location .sub_location {
    position: absolute;
    display: flex;
    align-items: center;
    right: 0; top: -56px;
}
.sub_visual .inner .location .sub_location li {
    position: relative;
}
.sub_visual .inner .location .sub_location li:first-of-type a {
    display: block;
    width: 19px; height: 19px;
    background: url('../images/sub/home_icon.svg') center center no-repeat;
    font-size: 0;
}
.sub_visual .inner .location .sub_location li:nth-of-type(n + 2) {
    margin-left: 24px;
}
.sub_visual .inner .location .sub_location li:nth-of-type(n + 2)::before {
    content: '';
    display: block;
    width: 9px; height: 9px;
    position: absolute;
    left: -16px; top: 50%; transform: translateY(-50%);
    background: url('../images/sub/location_arrow.svg') center center no-repeat;
}
.sub_visual .inner .location .main_location {
    display: flex;
    align-items: center;
    height: 100%;
}
.sub_visual .inner .location .main_location li {
    position: relative;
    height: 100%;
    line-height: 60px;
}
.sub_visual .inner .location .main_location li a {
    font-size: 20px;
    font-weight: 400;
}
.sub_visual .inner .location .main_location li a:hover {
    font-weight: 700;
}
.sub_visual .inner .location .main_location li:has(.active) {
    border-bottom: 2px solid #1C1C1C;
}
.sub_visual .inner .location .main_location li:has(.active) a {
    font-size: 20px;
    font-weight: 700;
}
.sub_visual .inner .location .main_location li:nth-of-type(n + 2) {
    margin-left: 40px;
}
.sub_visual .inner .location .main_location li:nth-of-type(n + 2)::before {
    content: '';
    display: block;
    width: 4px; height: 4px;
    position: absolute;
    left: -22px; top: 28px;
    border-radius: 50%;
    background-color: #1C1C1C;
}
.sub_visual .inner .location div {
    display: flex;
    position: absolute;
    right: 0; bottom: 15px;
}
.sub_visual .inner .location div button {
    width: 36px; height: 36px;
    font-size: 0;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #1C1C1C;
    margin-left: 12px;
}
.sub_visual .inner .location div button:nth-of-type(1) {
    background: url('../images/sub/share_icon.svg') center left 7px no-repeat;
}
.sub_visual .inner .location div button:nth-of-type(1):hover {
    background: url('../images/sub/share_icon_hover.svg') center left 7px no-repeat;
    background-color: #1C1C1C;
}
.sub_visual .inner .location div button:nth-of-type(2) {
    background: url('../images/sub/print_icon.svg') center center no-repeat;
}
.sub_visual .inner .location div button:nth-of-type(2):hover {
    background: url('../images/sub/print_icon_hover.svg') center center no-repeat;
    background-color: #1C1C1C;
}

.sub_tabbox {
    margin-top: 50px;
}
.sub_tabbox ul {
    display: flex;
    justify-content: center;
}
.sub_tabbox ul li {
    width: 100%; max-width: 332px;
}
.sub_tabbox ul li:not(:nth-of-type(1)) {
    margin-left: 24px;
}
.sub_tabbox ul a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%; height: 51px;
    border: 1px solid #1C1C1C;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 500;
}
.sub_tabbox ul li a.active {
    background-color: #1C1C1C;
    color: #fff;
}
.sub_tabbox ul li a:hover {
    background-color:#EEEEEE;
}
.sub_tabbox ul li a:hover span {
    text-decoration: underline;
    color: #1C1C1C;
}
.sub_con {
    padding-bottom: 80px;
}

.sub_textbox {
    margin-top: 50px;
    padding: 32px;
    text-align: center;
    background-color: #F9F9F9;
    border: 1px solid #D4D4D4;
}
.sub_textbox p {
    line-height: 24px;
    font-weight: 500;
}
.sub_textbox p b {
    font-weight: 700;
}

.subtit_l {
    margin-top: 50px;
    padding-left: 28px;
    background: url('../images/sub/big_bullet.svg') left center no-repeat;
    line-height: 24px;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 16px;
}

.subtit_l_con {
    margin-left: 30px;
}
.subtit_l_con .subtit_m {
    padding-left: 19px;
    line-height: 21px;
    font-size: 18px;
    font-weight: 500;
    background: url('../images/sub/small_bullet.svg') left top 2px no-repeat;
}
.subtit_l_con .subtit_m#subtit_one {
    margin-top: 24px;
}
.subtit_l_con .subtit_s {
    padding-left: 18px;
    background: url('../images/sub/small_bar.svg') left top 5px no-repeat;
    line-height: 27px;
    margin-top: 16px;
    margin-left: 10px;
}
.subtit_l_con .subnum_s {
    margin-left: 10px;
}
.subtit_l_con .subnum_s li {
    margin-top: 16px;
    line-height: 19px;
}
.subtit_l_con .subnum_s li small {
    font-size: 14px;
}
.subtit_l_con .red_text {
    margin-left: 20px;
    margin-top: 10px;
    color: #FF0000;
}
.subtit_l_con .subtit_text {
    margin: 16px 0 16px 28px;
}
.subtit_l_con .subtit_text_l {
    font-weight: 500;
    font-size: 18px;
    margin: 16px 0;
}
.subtit_l_con .subnum_l li {
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 16px;
}
.subtit_l_con .subnum_l li:last-of-type {
    margin-bottom: 0;
}
.subtit_l_con .subnum_l p {
    line-height: 19px;
    margin-left: 10px;
    margin-top: 16px;
}

/* table */
.mobile_scroll {
    position: relative;
    overflow: hidden;
    overflow-x: auto;
    margin-left: 10px;
}

.mobile_minwidth .txt_ex_scroll {
    display: none;
}

.table_data {
    width: 100%;
    margin-top: 24px;
    border-top: 2px solid #1C1C1C;
}
.table_data thead th {
    padding: 16px 0;
    border-left: 1px solid #D4D4D4;
    background: #F9F9F9;
    line-height: 19px;
    font-weight: 500;
    text-align: center;
}

.table_data tbody td {
    padding: 16px 0px;
    border-bottom: 1px solid #D4D4D4;
    border-left: 1px solid #D4D4D4;
    color: #707070;
    line-height: 19px;
    text-align: center;
}

.table_data tr>th:first-child,
.table_data tr>td:first-child {
    border-left: none;
}
.sub_headbar {
    display: none;
}
@media screen and (max-width: 1200px) {
    .sub_visual {
        height: 110px;
        margin-top: 65px;
        background-size: cover;
        border-bottom: none;
    }
    .sub_visual .inner {
        position: relative;
    }
    .sub_visual .inner h2 {
        font-size: 32px;
        line-height: 37px;
        margin-bottom: 11px;
    }
    .sub_visual .inner .location {
        position: static;
        height: auto;
    }
    .sub_visual .inner .location.no_list {
        height: auto;
    }
    .sub_visual .inner .location .main_location {
        display: none;
    }
    .sub_visual .inner .location .sub_location {
        position: static;
    }
    .sub_visual .inner .location div {
        bottom: 15px; top: auto;
        right: 35px;
    }
    .sub_visual .inner .location div button:nth-of-type(2) {
		display: none;
	}
    .sub_headbar {
        display: flex;
        position: relative;
        z-index: 12;
        padding: 0;
        margin-top: 40px;
    }
    /* .sub_headbar:after {
        content: '';
        display: block;
        clear: both;
    } */
    .sub_headbar .sub_depth_box {
        flex: 1;
        position: relative;
    }
    .sub_headbar .sub_depth_box>a {
        display: block;
        position: relative;
        border: 2px solid #1C1C1C;
        padding: 20px 24px;
        box-sizing: border-box;
        color: #1C1C1C;
        line-height: 19px;
        font-weight: 500;
        z-index: 1;
    }
    .sub_headbar .sub_depth_box>a:after {
        content: '';
        position: absolute;
        top: 50%; transform: translateY(-50%);
        right: 10px;
        width: 39px;
        height: 39px;
        background: url('../images/sub/headbar_arrow.svg')no-repeat center center;
    }
    .sub_headbar .sub_depth_box>.sub_depth {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        border-radius: 8px;
        border: 1px solid #d4d4d4;
        overflow: hidden;
        background: #fff;
        box-shadow: 0 4px 4px -4px black;
        /* border-top: 0; */
    }
    .sub_headbar .sub_depth_box>.sub_depth>li + li{
        border-top: 1px solid #d4d4d4;
    }
    .sub_headbar .sub_depth_box>.sub_depth>li>a {
        display: block;
        padding: 12px 50px 17px 20px;
        color: #1C1C1C;
        line-height: 24px;
        font-weight: 400;
        letter-spacing: -0.8px;
    }
    .sub_headbar .sub_depth_box>.sub_depth>li>a[target='_blank']::after {
        content: '';
        display: inline-block;
        width: 14px;
        height: 14px;
        margin: -4px 0 0 4px;
        background: url(../images/sub/new_page_icon.svg) no-repeat center center;
        background-size: contain;
        vertical-align: middle;
    }
    .sub_headbar .sub_depth_box>.sub_depth>li>a:hover,
    .sub_headbar .sub_depth_box>.sub_depth>li>a:focus {
        text-decoration: underline;
        color: #143C3E;
    }

    .sub_headbar .sub_depth_box>.sub_depth>li>a.on {
        font-weight: 700;
        border: 1px solid #143C3E;
        position: relative;
    }
    .sub_headbar .sub_depth_box>.sub_depth>li>a.on::after {
        content: "";
        display: block;
        position: absolute;
        right: 9px;
        top: 50%;
        transform: translateY(-50%);
        width: 38px;
        height: 38px;
        background: url(../images/ico_subdepth_arrow_m.svg) no-repeat center center;
    }
    .sub_headbar .sub_depth_box>.sub_depth>li>a>i {
        position: absolute;
        margin-top: 1px;
        margin-left: 4px;
        color: inherit;
    }

    /* .sub_headbar .sub_depth_box>a.active {
        border-radius: 10px 10px 0 0;
        border-bottom: 0;
    } */
    .sub_headbar .sub_depth_box>a.active:after {
        transform: translateY(-50%) rotate(180deg);
    }
    .sub_headbar .sub_depth_box>a.active+.sub_depth {
        display: block;
        margin-top: 8px;
    }
    .sub_headbar .sub_depth_box>.sub_depth>li:first-child a {
        border-radius: 8px 8px 0 0;
    }
    .sub_headbar .sub_depth_box>.sub_depth>li:last-child a {
        border-radius: 0 0 8px 8px;
    }
    .sub_tabbox {
        margin-top: 30px;
    }
    .sub_tabbox ul li:not(:nth-of-type(1)) {
        margin-left: 16px;
    }
    .sub_tabbox ul a {
        font-size: 16px;
    }
    .sub_textbox {
        margin-top: 30px;
        padding: 24px;
    }
    .subtit_l {
        margin-top: 30px;
    }
    .mobile_scroll {
        margin-left: -30px;
    }
    .table_data {
        margin-top: 20px;
    }
}
@media screen and (max-width: 768px) {
    .sub_visual {
        height: 90px;
        margin-top: 56px;
    }
    .sub_visual .inner h2 {
        font-size: 28px;
        line-height: 33px;
        margin-bottom: 8px;
    }
    .sub_visual .inner .location div {
        flex-direction: column;
        top: 33px;
        right: 15px;
    }
    .sub_visual .inner .location div button {
        margin: 0;
        width: 28px; height: 28px;
    }
    .sub_visual .inner .location div button:nth-of-type(1) {
        margin-bottom: 4px;
        background: url('../images/sub/share_icon.svg') center left 5px no-repeat;
        background-size: 16px 16px;
    }
    .sub_visual .inner .location div button:nth-of-type(1) {
        background-size: 16px 16px;
    }
    .sub_headbar {
        margin-top: 30px;
    }
    .sub_headbar .sub_depth_box>a {
        padding: 14px 16px;
    }
    .sub_headbar .sub_depth_box>a:after {
        width: 24px; height: 24px;
        background-size: 24px 24px;
        right: 12px;
    }
    .sub_tabbox {
        margin-top: 20px;
    }
    .sub_tabbox ul {
        flex-direction: column;
    }
    .sub_tabbox ul li {
        max-width: 100%;
    }
    .sub_tabbox ul li:not(:nth-of-type(1)) {
        margin: 0;
        margin-top: 8px;
    }
    .sub_tabbox ul a {
        height: 47px;
    }
    .sub_textbox {
        margin-top: 20px;
        padding: 20px;
    }
    .sub_textbox p {
        font-size: 14px;
        line-height: 22px;
    }
    .sub_textbox p b {
        font-size: 14px;
    }
    .subtit_l {
        margin-top: 20px;
        margin-bottom: 14px;
        font-size: 16px;
        line-height: 19px;
        background-size: 19px 19px;
        padding-left: 23px;
    }
    .subtit_l_con {
        margin-left: 20px;
    }
    .subtit_l_con .subtit_m {
        font-size: 14px;
    }
    .subtit_l_con .subtit_s {
        margin-left: 0;
        font-size: 14px;
        margin-top: 10px;
        line-height: 21px;
        background: url('../images/sub/small_bar.svg') left top 1px no-repeat;
    }
    .mobile_scroll {
        margin-left: -20px;
    }
    .mobile_minwidth {
        min-width: 743px;
    }
    .mobile_minwidth .txt_ex_scroll {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url('../images/sub/bg_ex_scroll.svg') no-repeat center center;
        background-size: 70px;
        text-indent: -999px;
        overflow: hidden;
        z-index: 5;
    }
}

/* board_file */
.search_group {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.total .post {
    position: relative;
    color: #707070;
    font-weight: 600;
    padding-right: 6px;
}
.total .post::after {
    content: '';
    display: block;
    width: 1px; height: 14px;
    background-color: #9D9D9D;
    position: absolute;
    right: 0; top: 50%; transform: translateY(-50%);
}
.total .post b {
    margin-left: 2px;
}
.total .page {
    padding-left: 8px;
}
.search_con .btn-group {
    display: flex;
    align-items: flex-end;
    width: 511px;
}
.search_con .btn-group .nice-select {
    width: 102px;
    border: none;
    border-bottom: 2px solid #D4D4D4;
    padding-left: 8px;
    border-radius: 0;
}
.search_con .btn-group .nice-select:after {
    border-color: #1C1C1C;
    width: 7px; height: 7px;
}
.search_con .btn-group .nice-select .current {
    font-size: 14px;
    color: #707070;
}
.search_con .btn-group .search_box {
    display: flex;
    margin-left: 16px;
    width: calc(100% - 118px);
}
.search_con .btn-group .text_search {
    height: 43px;
    border: none;
    outline: none;
    border-bottom: 2px solid #D4D4D4;
    padding-left: 8px;
    width: 100%; max-width: 300px;
}
.search_con .btn-group .text_search::placeholder {
    font-size: 14px;
}
.search_con .btn-group .btn_search {
    width: 85px; height: 43px;
    background-color: #1C1C1C;
    color: #fff;
    margin-left: 8px;
}
.search_con .btn-group .btn_search::after {
    content: '';
    position: relative;
    top: 2px;
    margin-left: 4px;
    display: inline-block;
    width: 16px; height: 16px;
    background: url('../images/sub/search_icon.svg') center center no-repeat;
}
.tbl-group {
    margin-top: 24px;
    border-top: 2px solid #1C1C1C;
}
.tbl {table-layout:fixed; border-spacing:0; border-collapse:collapse; /*overflow:hidden;*/ width:100%; min-width:100%; max-width:none; font:inherit; font-style:normal; letter-spacing:inherit; color:inherit;}
.tbl .align-l {text-align:left; position: relative;}
/* .tbl .align-l.new:after{position: absolute; width: 17px; height: 17px; content: url('../images/board/new_icon.svg'); transform: translateY(-50%); top: 50%;} */
.tbl-list thead {background-color:#F9F9F9;}
.tbl-list thead tr th {vertical-align:middle; position:relative; padding:20px 0; text-align:center; font-weight: 400;}
.tbl-list thead tr th span {display: inline-block; vertical-align: top;font-weight: 500;font-size: 18px;color: #1C1C1C; width: 100%;
border-right: 1px solid #9D9D9D; box-sizing: border-box;}
.tbl-list thead tr th:last-of-type span {
    border: none;
}
.tbl-list tbody tr {border-bottom:1px solid #CECECE;}
.tbl-list tbody tr:first-child {border-top:1px solid #D2D2D2;}
.tbl-list tbody tr th span {vertical-align:top; font-weight:400; font-size:1.6rem; line-height:1.5; letter-spacing:-0.025em; color:#1C1C1C;}
.tbl-list tbody tr td {vertical-align:middle; position:relative; padding:27px 0px; text-align:center;}
.tbl-list tbody tr td span {vertical-align:top; font-size: 16px; font-weight:400;  letter-spacing:-0.05em;}
.tbl-list .col-title span {display:inline-block; position:relative; max-width:100%; color: #1C1C1C; width: 100%; }
.tbl-list .col-title.new a::after {
    content: '';
    position: absolute;
    right: -25px; top: 0;
    display: block;
    width: 21px; height: 21px;
    background: url('../images/sub/new_icon.svg') right top no-repeat;
}
.ellipsis {position: relative; overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.ellipsis a{position: relative; overflow: hidden;text-overflow: ellipsis; margin-right: 10px; font-size: 18px; font-weight: 500;}
#list > tbody > tr > td.col-title.align-l a:hover, #list > tbody > tr > td.col-title.align-l a:focus{text-decoration: underline; outline: none;}
.tbl-list .col-number {width:100px;}
.tbl-list .col-writer {width:160px;}
.tbl-list .col-date {width:100px;}
.tbl-list .col-view {width:100px;}
.tbl-list .col-file {width:100px;}
.tbl-list .col-file > span > img {vertical-align: middle;}
.tbl-list tbody .col-writer > span { display:inline-block; max-width:100px;white-space: nowrap;overflow: hidden;text-align: left;text-overflow: ellipsis;}
.tbl-list.office tbody tr td > span{line-height: 26px;}

#list > tbody > tr > td.col-title.align-l.noti{font-weight: 500;}
td.col-title.align-l.noti{font-weight: 500;}
td.col-title.align-l.noti > span {font-weight: 500;}
#list > tbody > tr > td.col-number.noti{padding: 0;}
.noti_type{margin: 0 auto;font-size: 14px;font-weight: 500;text-align: center;width: 68px; color: #ffffff;display: block; background-color: #1C1C1C; padding: 8px 10px; box-sizing: border-box;}
.noti_type::before {
    content: '';
    position: relative;
    top: 2px;
    display: inline-block;
    width: 15px; height: 15px;
    margin-right: 2px;
    background: url('../images/sub/noti_icon.svg') center center no-repeat;
}
@media screen and (max-width:1200px){
    .search_group {
        margin-top: 30px;
    }
    .tbl-group {
        margin-top: 16px;
    }
    .col-number.noti{position: absolute; top: 17px;}
    .noti_type{ position: relative; width: 38px;height: 18px;line-height: 18px;font-size: 12px; padding: 0;}
    .noti_type::before {
        display: none;
    }
    #list > tbody > tr > td.col-title.align-l.noti{margin-left: 45px;}
    .tbl-list .col-title.new a::after {
        background-size: 14px 14px;
        top: 1px; right: -18px;
    }
    .ellipsis a {
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
    }
    .search_con .btn-group {
        width: 411px;
    }
    .search_con .btn-group .text_search {
        max-width: 200px;
    }
}

@media screen and (max-width:1200px) {
.tbl-list colgroup {display:none;}
.tbl-list thead tr th{display: none;}
.tbl-list tbody tr td span{font-size: 12px; vertical-align: top; color: #666666;}
.tbl-list tbody tr {    display: block;position: relative;min-height: 72px;padding: 16px 10px 16px 0px;font-size: 0;}
.tbl-list tbody tr td {display:inline-block; vertical-align: bottom; padding:0; width: auto !important; height: 14px;}
.tbl-list tbody tr td.col-title {
    height: 18px;
}
.tbl-list tbody tr td.col-title.align-1 {
    width: 100% !important;
}
.tbl-list tbody tr td.col-writer {
    padding-right: 6px;
    background: url('../images/sub/table_bar.svg') right center no-repeat;
}
.tbl-list tbody tr td.col-file:has(.file_img) {
    padding: 0 5px;
    padding-left: 6px;
    background: url('../images/sub/table_bar.svg') left center no-repeat;
}
.tbl-list tbody tr td.col-date {
    padding: 0 5px;
    padding-right: 6px;
    background: url('../images/sub/table_bar.svg') right center no-repeat;
}
.tbl-list tbody tr td.col-view {
    padding-left: 5px;
    padding-right: 5px;
}
.tbl-list thead .col-date {display:none; position: relative;}
/* #list > tbody > tr > td.col-date::before{left: -5px;position: absolute;content: url(../images/sub/Notice_M_line.png);top: 50%;transform: translateY(-50%);}
#list > tbody > tr > td.col-date:after{position: absolute;content: url(../images/sub/Notice_M_line.png);padding: 4px;top: 50%;transform: translateY(-50%);}
#list > tbody > tr > td.col-view:after{position: absolute;content: url(../images/sub/Notice_M_line.png);padding: 4px;top: 50%;transform: translateY(-50%);} */

#list > tbody > tr > td.col-title.align-l a:hover{text-decoration: underline;}
.tbl-list thead .col-view {display:none;}
.tbl-list tbody .col-number {display: none;}
.tbl-list tbody .col-number.noti{display: block;}
.tbl-list tbody > tr > td.col-title.align-l{display: block; margin-bottom: 8px;}
.tbl-list tbody > tr td.col-title.align-l span{font-size: 14px; max-width: 100%;}
.tbl-list tbody > tr > td.col-view span::before {
    content: '조회수';
    margin-right: 4px;
}
.tbl-list tbody .col-writer > span {max-width: 100%;white-space: nowrap;overflow: hidden;text-align: left;text-overflow: ellipsis;}
.tbl-list .col-file > span > img{width: 11px; height: 11px;}


.nice-select {
    width: 115px;
}
.tbl-list .col-file img {width: 14px; height: 14px; vertical-align: top;}
}

@media screen and (max-width: 768px) {
    .tbl-group {
        margin-top: 0px;
        border-top: none;
    }
    .tbl-list tbody .col-writer > span {max-width: 100px; width: 100%; white-space: nowrap;overflow: hidden;text-align: left;text-overflow: ellipsis;}
    .tbl-list tbody tr:first-child {
        border-top: none;
    }
}

.paging_wrap {margin-top: 40px;text-align: center;}
.paging .page_num {display: flex;}
.paging .page_num:after {content: '';display: block;clear: both;}
.paging .page_num a { float: left;width: 40px;height: 40px;color:#1C1C1C;font-size: 16px;line-height: 40px;font-weight: 400;text-align: center; }
.paging {display: inline-block;position: relative;padding: 0 64px;}
.paging .page_num a.btn {position: absolute;top: 50%;transform: translateY(-50%);background-repeat: no-repeat;background-position: center center;background-size: 100%;text-indent: -999px;overflow: hidden; width: 32px; height: 32px;}
.paging .page_num a.btn.btn_first {left: 0;background-image: url('../images/sub/skip_page.svg');background-size: auto;transform: translateY(-50%);}
.paging .page_num a.btn.btn_prev {left: 32px;background-image: url('../images/sub/arrow_page.svg');background-size: auto;transform: translateY(-50%) rotate(180deg);}
.paging .page_num a.btn.btn_next {right: 32px;background-image: url('../images/sub/arrow_page.svg');background-size: auto;transform: translateY(-50%);}
.paging .page_num a.btn.btn_last { right: 0; background-image: url('../images/sub/skip_page.svg');background-size: auto;transform: translateY(-50%) rotate(180deg);}
.paging .page_num a.btn.btn_first:hover, .paging .page_num a.btn.btn_last:hover {
    border-radius: 50%;
    background-color: #1C1C1C;
    background-image: url('../images/sub/skip_page_hover.svg');
}
.paging .page_num a.btn.btn_prev:hover, .paging .page_num a.btn.btn_next:hover {
    border-radius: 50%;
    background-color: #1C1C1C;
    background-image: url('../images/sub/arrow_page_hover.svg');
}

.paging .page_num a.num.curr,
.paging .page_num a.num:hover,
.paging .page_num a.num:focus {color: #22544B; font-size: 16px; font-weight: 700;	  text-decoration-line: underline;	  text-decoration-color: #22544B;text-underline-offset : 5px;text-decoration-thickness: 2px;}
.mCSB_scrollTools {
    width: 12px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 0;
    width: 2px;
}
.mCSB_scrollTools .mCSB_draggerContainer {
    width: 2px;
    background-color: #D4D4D4;
}
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    margin: 10px 0;
}
@media screen and (max-width:768px) {
    .search_group {
        flex-direction: column-reverse;
        margin-top: 24px;
        padding-bottom: 8px;
        border-bottom: 2px solid #1C1C1C;
    }
    .total {
        margin-top: 24px;
        margin-right: auto;
    }
    .total .post, .total .post b, .total .page, .total .page b {
        font-size: 14px;
    }
    .search_group .search_con {
        width: 100%;
    }
    .search_con .btn-group {
        width: 100%;
        flex-wrap: wrap;
    }
    .search_con .btn-group .nice-select, .search_con .btn-group .Dropdown {
        width: 100%;
    }
    .search_con .btn-group .search_box {
        margin: 0;
        width: 100%;
        margin-top: 8px;
    }
    .search_con .btn-group .text_search {
        width: calc(100% -93px);
        max-width: 100%;
    }
    .search_con .btn-group .btn_search {
        flex-shrink: 0;
    }
    .paging_wrap {margin-top: 20px;}
    .paging {padding: 0 64px;}
    .paging .page_num {max-width: 200px; flex-wrap: wrap; justify-content: center;}
}
.paging .page_num a {
    margin: 0;
    padding: 0;
}

/* read */
h2.read_title {
    font-size: 24px;
    letter-spacing: -0.05em;
    margin-top: 60px;
    margin-bottom: 30px;
    font-family: 'pretendard';
    line-height: 29px;
    text-align: center;
}
.read_con {
    border-top: 2px solid #1C1C1C;
    box-sizing: border-box;
}
.read_con .read_head {
    border-bottom: 1px solid #D4D4D4;
}
.read_con .read_head ul {
    display: flex;
    padding-left: 6px;
    padding: 16px;
}
.read_con .read_head ul li {
    position: relative;
    font-size: 14px;
    padding: 0 10px;
    line-height: 18px;
}
.read_con .read_head ul li:not(:last-of-type):after {
    content: '';
    display: block;
    width: 1px; height: 18px;
    background-color: #9D9D9D;
    position: absolute;
    right: 0; top: 0;
}
.read_con .read_body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 355px;
    padding: 40px 0;
}
.read_con .read_body p {
    padding-left: 24px;
}
.read_con .read_body .file_box {
    margin-top: 20px;
    padding: 20px;
    background-color: #F8F8F8;
    border: 1px solid #D4D4D4;
}
.read_con .read_body .file_box li {
    line-height: 16px;
    display: flex;
}
.read_con .read_body .file_box li:not(:last-of-type) {
    margin-bottom: 10px;
}
.read_con .read_body .file_box li a {
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}
.read_con .read_body .file_box li a:hover {
    text-decoration: underline;
}
.read_con .read_body .file_box li span {
    color: #9D9D9D;
    display: inline-block;
    margin-left: 4px;
    line-height: 16px;
    font-size: 14px;
}
.table_page {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
.table_page tr {
    border-bottom: 1px solid #D0D0D0;
}
.table_page tr:hover td {
    text-decoration: underline;
}
.table_page tr:hover td:nth-of-type(1) a {
    color: #1C1C1C;
}
.table_page tr td:nth-of-type(1) {
    text-align: center;
    padding: 16px 0;
    box-sizing: border-box;
    width: 87px;
}
.table_page tr td:nth-of-type(1) a {
    font-size: 14px;
    font-weight: 500;
    color: #707070;
}
.table_page tr td:nth-of-type(1) a::before {
    content: '';
    position: relative;
    top: 3px;
    display: inline-block;
    width: 18px; height: 18px;
    margin-right: 4px;
    background: url('../images/sub/arrow_icon.svg') center center no-repeat;
}
.table_page tr:nth-of-type(2) td:nth-of-type(1) a::before {
    transform: rotate(180deg);
}
.table_page tr:nth-of-type(1) {
    border-top: 1px solid #D0D0D0;
}
.table_page tr td:nth-of-type(2) span {
    display: block;
    max-width: 1093px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.table_page tr td:nth-of-type(2) span a {
    font-size: 16px;
    line-height: 24px;
}
.read_btn_con {
    display: flex;
    justify-content: flex-end;
    margin-top: 30px;
}
.read_btn_con .read_btn {
    display: block;
    text-align: center;
    width: 98px; height: 49px;
    line-height: 49px;
    background-color: #1C1C1C;
    color: #fff;
    font-size: 18px;
}
/* no data */
.list_no_data {
    height: 190px;
    border-bottom: 1px solid #D4D4D4;
}
.list_no_data img {
    margin-bottom: 4px;
}
.list_no_data p {
    font-weight: 500;
}
@media screen and (max-width: 1200px) {
    h2.read_title {
        margin-top: 30px;
        margin-bottom: 24px;
        font-size: 20px;
        line-height: 24px;
    }
    .read_con .read_body {
        padding: 16px 0;
        padding-bottom: 30px;
    }
    .read_con .read_body p {
        padding-left: 16px;
    }
    .read_btn_con {
        justify-content: center;
    }
    .tbl-list tbody tr.list_no_data {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 180px;
    }
    .tbl-list tbody tr.list_no_data td {
        height: auto;
    }
}
@media screen and (max-width: 768px) {
    h2.read_title {
        margin-top: 20px;
        margin-bottom: 16px;
        font-size: 16px;
    }
    .read_con .read_head ul {
        padding: 12px 0;
    }
    .read_con .read_head ul li:nth-of-type(1) {
        padding-left: 0;
    }
    .read_con .read_body {
        padding-bottom: 20px;
        min-height: 324px;
    }
    .read_con .read_body .file_box {
        padding: 16px;
    }
    .list_no_data {
        height: 160px;
    }
}

/* writer */
.writer:nth-of-type(1) {
    margin-top: 50px;
}
.writer > div {
    position: relative;
    display: flex;
    border-bottom: 2px solid #1C1C1C;
}
.writer > div p {
    z-index: 2;
    position: relative;
    cursor: pointer;
    padding: 20px 10px 16px 0;
    width: 100%;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
}
.writer > div button {
    position: absolute;
    right: 10px; top: 50%; transform: translateY(-50%);
    width: 38px; height: 38px;
    background: url('../images/sub/writer_arrow.svg') center center no-repeat;
}
.writer > div button.open {
    transform: translateY(-50%) rotate(180deg);
}
.writer .writer_acc {
    padding: 40px 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15%, 1fr));
    gap: 30px 40px;
    justify-content: space-between;
}
.writer .writer_acc:has(.no_data) {
    display: flex;
    align-items: center;
    justify-content: center;
}
.writer .writer_acc:has(.no_data) a {
    text-align: center;
}
.writer .writer_acc:has(.no_data) img {
    width: auto; height: auto;
    margin-bottom: 4px;
}
.writer .writer_acc:has(.no_data) p {
    margin-top: 0;
    font-size: 16px; font-weight: 500;
}
.writer .writer_acc a:hover p span::after {
    width: 100%;
}
.writer .writer_acc img {
    width: 100%;
}
.writer .writer_acc p {
    font-size: 18px;
    font-weight: 700;
    margin-top: 16px;
}
.writer .writer_acc p span {
    position: relative;
}
.writer .writer_acc p span::after {
    content: '';
    display: block;
    width: 0; height: 2px;
    background-color: #1C1C1C;
    position: absolute;
    bottom: 0; left: 0;
    transition: all 0.3s;
}
@media screen and (max-width: 1200px) {
    .writer:nth-of-type(1) {
        margin-top: 30px;
    }
    .writer .writer_acc {
        grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
        gap: 40px;
    }
}
@media screen and (max-width: 768px) {
    .writer:nth-of-type(1) {
        margin-top: 10px;
    }
    .writer .writer_acc {
        grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
        justify-content: center;
        gap: 24px 20px;
        padding: 16px 0;
    }
    .writer .writer_acc p {
        font-size: 16px;
        margin-top: 8px;
    }
    .writer > div p {
        font-size: 18px;
        line-height: 27px;
        padding: 10px 0;
    }
    .writer > div button {
        width: 27px; height: 27px;
        background-size: contain;
    }
}

/* media */
.media_con ul {
    padding-top: 20px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 320px)); /* 洹몃━�뱶 而щ읆 �꽕�젙 */
    gap: 60px 10px; /* 洹몃━�뱶 �븘�씠�뀥 媛꾧꺽 */
    justify-content: space-between; /* �뼇履� �젙�젹 */
}
.media_con ul li div {
	width: 320px; height: 180px;
    position: relative;
    background-color: #1C1C1C;
}
.media_con ul li div img {
	width: 100%; height: 100%;
	object-fit: contain;
}

.media_con ul li div::after {
    content: '';
    display: block;
    width: 49px; height: 49px;
    position: absolute;
    top: 50%; left: 50%; transform: translate(-50%, -50%);
    background: url('../images/sub/media_btn.png') center center no-repeat;
}
.media_con ul li a > span {
    display: inline-block;
    margin: 16px 0 10px 0;
    font-weight: 600;
    line-height: 19px;
}
.media_con ul li p {
    position: relative;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.media_con ul li p span {
    position: relative;
}
.media_con ul li p span::after {
    content: '';
    display: block;
    width: 0; height: 2px;
    background-color: #1C1C1C;
    position: absolute;
    bottom: 0; left: 0;
    transition: all 0.5s;
}
.media_con ul li a:hover p span::after {
    width: 100%;
}
.media_con:has(.no_data) {
    border-top: 2px solid #1C1C1C;
    border-bottom: 1px solid #D4D4D4;
    margin-top: 20px;
}
.media_con:has(.no_data) ul {
    display: block;
    text-align: center;
    padding: 40px 0 50px 0;
}
.media_con:has(.no_data) ul li img {
    margin-bottom: 4px;
}
.media_con:has(.no_data) ul li p {
    color: #1C1C1C;
    font-size: 16px;
    font-weight: 500;
}
@media screen and (max-width: 1200px) {
    .media_con ul {
        gap: 40px 10px;
    }
}
@media screen and (max-width: 768px) {
    .media_con ul {
        justify-content: center;
        gap: 30px;
    }
    .media_con:has(.no_data) {
        border-top: none;
        margin-top: 0;
    }
    .media_con:has(.no_data) ul {
        padding: 24px 0 32px 0;
    }
}

/* writer_read */
.writer_introduce {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}

/* 20231130 리스트이미지를 상세이미지 동일 사용 */ 
.writer_introduce .writer_img {
    width: 700px;
    flex-shrink: 0;
    text-align: center;
}
.writer_introduce .writer_img img {
    /* width: 100%; */
    width:70%;
}
/* 20231130 리스트이미지를 상세이미지 동일 사용 */ 

.writer_introduce .introduce_text {
    margin-left: 10px;
    max-width: 640px;
    width: 100%;
}
.writer_introduce .introduce_top p {
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    margin-bottom: 10px;
}
.writer_introduce .introduce_top strong {
    display: inline-block;
    font-size: 40px;
    font-weight: 700;
    line-height: 47px;
    margin-bottom: 16px;
}
.writer_introduce .introduce_top {
    border-bottom: 2px solid #1C1C1C;
}
.writer_introduce .introduce_bottom {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 24px;
    height: calc(100% - 104px);
}
.writer_introduce .introduce_bottom ul:nth-of-type(1) li {
    display: flex;
    margin-bottom: 16px;
}
.writer_introduce .introduce_bottom ul:nth-of-type(1) li:last-of-type {
    margin: 0;
}
.writer_introduce .introduce_bottom ul:nth-of-type(1) li span {
    display: block;
    width: 84px;
    font-size: 18px;
    line-height: 21px;
}
.writer_introduce .introduce_bottom ul:nth-of-type(1) li p {
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
}
.writer_introduce .introduce_bottom ul:nth-of-type(2) li a p {
    position: relative;
}
.writer_introduce .introduce_bottom ul:nth-of-type(2) li a p::after {
    content: '';
    display: block;
    width: 0; height: 2px;
    position: absolute;
    bottom: 0; left: 0;
    background-color: #1C1C1C;
    transition: all 0.5s;
}
.writer_introduce .introduce_bottom ul:nth-of-type(2) li a:hover p::after {
    width: 100%;
}
.writer_introduce .introduce_bottom ul:nth-of-type(2) li a {
    display: flex;
}
.writer_introduce .introduce_bottom ul:nth-of-type(2) li span {
    display: block;
    width: 21px; height: 21px;
    margin-right: 8px;
}
.writer_introduce .introduce_bottom ul li.site span {
    background: url('../images/sub/site_icon.svg') center center no-repeat;
}
.writer_introduce .introduce_bottom ul li.email span {
    background: url('../images/sub/mail_icon.svg') center center no-repeat;
}
.writer_introduce .introduce_bottom ul li:not(:first-of-type) {
    margin-top: 16px;
}
.writer_introduce .introduce_bottom ul li.sns span {
    background: url('../images/sub/instagram_icon.svg') center center no-repeat;
}
.writer_introduce .introduce_bottom ul:nth-of-type(2) li p {
    font-size: 18px;
    line-height: 21px;
    font-weight: 600;
}
.writer_title {
    margin-top: 60px;
    font-size: 40px;
    font-weight: 700;
    line-height: 47px;
    padding-bottom: 20px;
    border-bottom: 2px solid #1C1C1C;
}
.profile_text {
    position: relative;
    padding-top: 30px;
}

.view_btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    background: transparent;
    margin: 0 auto;
    margin-top: 60px;
}
/* 2023-12-06 text view 오류 수정 */	
.profile_text .text_wrap {
    position: relative;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    max-height: 400px;
    height: 100%;
    overflow: hidden;
}
.profile_text .text_wrap.open {
    height: auto;
    max-height: 100%;
}

.profile_text .text_wrap span.hide {
    display: block;
    width: 100%; height: 193px;
    position: absolute;
    bottom: 0; left: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
}
/* //2023-12-06 text view 오류 수정 	*/
/*
.profile_text p {
    position: relative;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    max-height: 400px;
    height: 100%;
    overflow: hidden;
}
.profile_text p.open {
    height: auto;
    max-height: 100%;
}
.profile_text p span.hide {
    display: block;
    width: 100%; height: 193px;
    position: absolute;
    bottom: 0; left: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
}
*/
.view_btn.open .close_text, .view_btn .open_text {
    display: block;
}
.view_btn.open .open_text, .view_btn .close_text {
    display: none;
}
.view_btn:not(.open) img {
    transform: rotate(180deg);
}
.view_con {
    padding-top: 40px;
}
.view_con ul {
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
    justify-content: space-between;
    gap: 40px;
}
.view_con ul li:nth-of-type(n + 5) {
    display: none;
}
.view_con ul.open li:nth-of-type(n + 5) {
    display: block;
}
.view_con.swiper ul li img {
    width: 100%;
}
.view_con > ul.underline > li > a > p {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    /* height: 27px; */
    margin: 16px 0 8px 0;
    text-overflow: ellipsis;
    overflow-x: hidden;
    overflow-y: visible;
    white-space: nowrap;
}
.view_con > ul.underline > li > a > p span {
    position: relative;
}
.view_con > ul.underline li p::-webkit-scrollbar {
    display: none;
}
.view_con > ul.underline li p span::after {
    content: '';
    display: block;
    width: 0; height: 2px;
    background-color: #1C1C1C;
    position: absolute;
    bottom: 0px; left: 0;
    transition: all 0.5s;
}
.view_con ul.underline li a:hover p span::after {
    width: 100%;
}
.view_con ul strong {
    display: block;
    margin-bottom: 8px;
}
.view_con.exhi_con strong {
    display: block;
    width: 100%;
}
.view_con.exhi_con strong span {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.view_con.writer_media_con a > div {
    position: relative;
    background-color: #1C1C1C;
}
.view_con.writer_media_con a > div::after {
    content: '';
    display: block;
    width: 49px; height: 49px;
    position: absolute;
    left: 50%; top: 50%; transform: translate(-50%, -50%);
    background: url('../images/sub/media_btn.png') center center no-repeat;
}
.view_con.writer_media_con a > span {
    display: block;
    font-weight: 600;
    margin-top: 16px;
    margin-bottom: 10px;
}
.view_con.writer_media_con p {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 0;
}
.view_con.writer_data_con {
    padding-top: 30px;
}
.view_con.writer_data_con ul {
    display: block;
}
.view_con.writer_data_con ul li:nth-of-type(n + 5) {
    display: block;
}
.view_con.writer_data_con ul li:nth-of-type(n + 11) {
    display: none;
}
.view_con ul.open li:nth-of-type(n + 11) {
    display: block;
}
.view_con.writer_data_con ul li a {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #D4D4D4;
}
.view_con.writer_data_con ul li a .data_left_text {
    width: calc(100% - 224px);
}
.view_con.writer_data_con ul li a .data_left_text p {
    margin: 0; font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    padding-left: 35px;
    background: url('../images/sub/writer_data_icon.svg') left center no-repeat;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.view_con.writer_data_con ul li a .data_right_text {
    display: flex;
    align-items: center;
}
.view_con.writer_data_con ul li a .data_right_text .date {
    display: inline-block;
    margin: 0 8px;
}
.view_con.writer_data_con ul li a .data_right_text p {
    font-size: 16px;
    margin: 0;
    font-weight: 400;
    width: 98px;
}
.view_con.writer_data_con ul li a .data_right_text p span {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.view_con.writer_data_con ul li a:hover .data_left_text p {
    text-decoration: underline;
}
.view_con.writer_data_con ul li:nth-of-type(1) a {
    padding-top: 0;
}
@media screen and (max-width: 1200px) {
    .writer_introduce {
        flex-direction: column;
        margin-top: 30px;
    }
    .writer_introduce .writer_img {
        width: 100%;
    }
    .writer_introduce .introduce_text {
        max-width: 100%;
        margin: 0;
        margin-top: 30px;
    }
    .writer_introduce .introduce_bottom {
        height: auto;
    }
    .writer_introduce .introduce_bottom ul:nth-of-type(1) {
        margin-bottom: 60px;
    }
    .writer_title {
        margin-top: 50px;
    }
    .view_con {
        padding-top: 20px;
    }
    .view_con.swiper ul {
        display: flex;
        gap: 0;
    }
    .view_con.swiper ul li {
        width: 320px !important;
    }
    .view_con.swiper ul li:nth-of-type(n + 5) {
        display: block;
    }
    .swiper .view_btn {
        display: none !important;
    }
    .view_btn {
        margin-top: 30px;
    }
    .read_btn_con {
        margin-top: 50px;
    }
}
@media screen and (max-width: 768px) {
    .writer_introduce .introduce_text {
        margin-top: 20px;
    }
    .writer_introduce .introduce_top p {
        font-size: 16px;
        margin-bottom: 4px;
        line-height: 19px;
    }
    .writer_introduce .introduce_top strong {
        font-size: 24px;
        line-height: 33px;
    }
    .writer_introduce .introduce_bottom {
        padding-top: 16px;
    }
    .writer_introduce .introduce_bottom ul:nth-of-type(1) {
        margin-bottom: 40px;
    }
    .writer_introduce .introduce_bottom ul:nth-of-type(1) li span {
        width: 69px;
        font-size: 16px;
        line-height: 19px;
    }
    .writer_introduce .introduce_bottom ul:nth-of-type(1) li p {
        font-size: 16px;
        line-height: 19px;
    }
    .writer_introduce .introduce_bottom ul:nth-of-type(1) li {
        margin-bottom: 8px;
    }
    .writer_introduce .introduce_bottom ul:nth-of-type(2) li span {
        width: 19px; height: 19px;
        background-size: contain;
        margin-right: 8px;
    }
    .writer_introduce .introduce_bottom ul:nth-of-type(2) li p {
        font-size: 16px;
        line-height: 19px;
    }
    .writer_title {
        margin-top: 40px;
        font-size: 24px;
        line-height: 29px;
        padding-bottom: 10px;
    }
    .profile_text {
        padding-top: 16px;
    }
    .profile_text p {
        font-size: 16px;
        line-height: 24px;
    }
    .view_btn.open .close_text, .view_btn .open_text {
        font-size: 16px;
        line-height: 19px;
    }
    .view_con {
        padding-top: 16px;
    }
    .view_con.swiper ul li {
        width: 225px !important;
    }
    .view_con.writer_media_con a > span {
        margin: 8px 0;
        font-size: 14px;
        line-height: 16px;
    }
    .view_con.writer_media_con > ul > li > a > p {
        font-size: 16px;
        line-height: 19px;
        margin: 0;
    }
    .view_con > ul.underline > li > a > p {
        margin: 8px 0;
        font-size: 16px;
        line-height: 19px;
    }
    .view_con > ul.underline > li > a > span {
        font-size: 14px;
        line-height: 16px;
    }
    .view_con.exhi_con strong {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 8px;
    }
    .view_con.writer_data_con {
        padding-top: 20px;
    }
    .view_con.writer_data_con ul li a {
        display: block;
    }
    .view_con.writer_data_con ul li a .data_left_text {
        width: 100%;
    }
    .view_con.writer_data_con ul li a .data_left_text p {
        background-size: 19px 19px;
        padding-left: 23px;
        font-size: 16px;
        line-height: 19px;
    }
    .view_con.writer_data_con ul li a .data_right_text {
        margin-top: 8px;
        margin-left: 23px;
    }
    .view_con.writer_data_con ul li a .data_right_text p {
        width: calc(100% - 150px);
    }
    .view_con.writer_data_con ul li a .data_right_text img {
        width: 16px; height: 16px;
    }
    .view_con.writer_data_con ul li a .data_right_text .date, .view_con.writer_data_con ul li a .data_right_text p span {
        font-size: 14px;
        line-height: 16px;
    }
    .read_btn_con {
        margin-top: 30px;
    }
    .read_btn_con .read_btn {
        width: 74px; height: 35px;
        line-height: 35px;
        font-size: 16px;
    }
}

/* �봽濡쒓렇�옩/�쟾�떆 */
.program_introduce {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}
.program_introduce .program_img_box {
    display: flex;
    justify-content: center;
    width: 700px;
    height: 490px;
    flex-shrink: 0;
    overflow: hidden;
}
.program_introduce .program_img_box img {
    max-height: 100%;
    width: 100%;
}
.program_introduce .introduce_text {
	min-width: 0;
    margin-left: 10px;
    max-width: 640px;
    width: 100%;
}
.program_introduce .introduce_top p {
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    margin-bottom: 10px;
}
.program_introduce .introduce_top strong {
    display: inline-block;
    font-size: 40px;
    font-weight: 700;
    line-height: 47px;
    margin-bottom: 16px;
}
.program_introduce .introduce_top {
    border-bottom: 2px solid #1C1C1C;
}
.program_introduce .introduce_bottom {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 24px;
    height: calc(100% - 104px);
}
.program_introduce .introduce_bottom ul:nth-of-type(1) li {
    display: flex;
    margin-bottom: 16px;
}
.program_introduce .introduce_bottom ul:nth-of-type(1) li:last-of-type {
    margin: 0;
}
.program_introduce .introduce_bottom ul:nth-of-type(1) li span {
    display: block;
    flex-shrink: 0;
    width: 84px;
    font-size: 18px;
    line-height: 21px;
}
.program_introduce .introduce_bottom ul:nth-of-type(1) li p {
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
}
.program_introduce .introduce_bottom ul:nth-of-type(2) li a p {
    position: relative;
}
.program_introduce .introduce_bottom ul:nth-of-type(2) li a p::after {
    content: '';
    display: block;
    width: 0; height: 2px;
    position: absolute;
    bottom: 0; left: 0;
    background-color: #1C1C1C;
    transition: all 0.5s;
}
.program_introduce .introduce_bottom ul:nth-of-type(2) li a:hover p::after {
    width: 100%;
}
.program_introduce .introduce_bottom ul:nth-of-type(2) li a {
    display: flex;
}
.program_introduce .introduce_bottom ul:nth-of-type(2) li span {
    display: block;
    width: 21px; height: 21px;
    margin-right: 8px;
}
.program_introduce .introduce_bottom ul:nth-of-type(2) li:nth-of-type(1) span {
    background: url('../images/sub/site_icon.svg') center center no-repeat;
}
.program_introduce .introduce_bottom ul:nth-of-type(2) li:nth-of-type(2) span {
    background: url('../images/sub/mail_icon.svg') center center no-repeat;
}
.program_introduce .introduce_bottom ul:nth-of-type(2) li:not(:first-of-type) {
    margin-top: 16px;
}
.program_introduce .introduce_bottom ul:nth-of-type(2) li:nth-of-type(3) span {
    background: url('../images/sub/instagram_icon.svg') center center no-repeat;
}
.program_introduce .introduce_bottom ul:nth-of-type(2) li p {
    font-size: 18px;
    line-height: 21px;
    font-weight: 600;
}
.program_title {
    margin-top: 60px;
    font-size: 40px;
    font-weight: 700;
    line-height: 47px;
    padding-bottom: 20px;
    border-bottom: 2px solid #1C1C1C;
}
.program_text {
    position: relative;
    padding-top: 30px;
}
/* 2023-12-06 text view 오류 수정 */	
.program_text .text_wrap {
    position: relative;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    max-height: 400px;
    height: 100%;
    overflow: hidden;
}
.program_text .text_wrap.open {
    height: auto;
    max-height: 100%;
}

.program_text .text_wrap span.hide {
    display: block;
    width: 100%; height: 193px;
    position: absolute;
    bottom: 0; left: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
}
/* //2023-12-06 text view 오류 수정 	*/
.program_con {
    padding-top: 40px;
}
.program_con ul {
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
    justify-content: space-between;
    gap: 40px;
}
.program_con ul li:nth-of-type(n + 5) {
    display: none;
}
.program_con ul.open li:nth-of-type(n + 5) {
    display: block;
}
.program_con.swiper ul li img {
    width: 100%;
}
.program_con > ul.underline > li > a > p {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    /* height: 27px; */
    margin: 16px 0 8px 0;
    text-overflow: ellipsis;
    overflow-x: hidden;
    overflow-y: visible;
    white-space: nowrap;
}
.program_con > ul.underline > li > a > p span {
    position: relative;
}
.program_con > ul.underline li p::-webkit-scrollbar {
    display: none;
}
.program_con > ul.underline li p span::after {
    content: '';
    display: block;
    width: 0; height: 2px;
    background-color: #1C1C1C;
    position: absolute;
    bottom: 0px; left: 0;
    transition: all 0.5s;
}
.program_con ul.underline li a:hover p span::after {
    width: 100%;
}
.program_con ul strong {
    display: block;
    margin-bottom: 8px;
}
.program_con.progress_con .swiper-slide {
    height: 200px;
}
.program_con.progress_con .swiper-slide img {
    object-fit: cover;
    height: 100%;
}
.program_con.program_media_con a > div {
    position: relative;
    background-color: #1C1C1C;
}
.program_con.program_media_con a > div::after {
    content: '';
    display: block;
    width: 49px; height: 49px;
    position: absolute;
    left: 50%; top: 50%; transform: translate(-50%, -50%);
    background: url('../images/sub/media_btn.png') center center no-repeat;
}
.program_con.program_media_con a > span {
    display: block;
    font-weight: 600;
    margin-top: 16px;
    margin-bottom: 10px;
}
.program_con.program_media_con p {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 0;
}
.program_writer_con {
    margin-top: 40px;
}
.program_writer_con > ul {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
    justify-content: space-between;
    gap: 40px;
}
.program_writer_con > ul li:nth-of-type(n + 3) {
    display: none;
}
.program_writer_con > ul.open li:nth-of-type(n + 3) {
    display: block;
}
.program_writer_con ul li > div {
    display: flex;
}
.program_writer_con ul li > div div:nth-of-type(1) {
    width: 320px; height: 320px;
    flex-shrink: 0;
    margin-right: 24px;
}
.program_writer_con ul li > div div:nth-of-type(1) img {
    object-fit: cover;
    width: 100%; height: 100%;
}
.program_writer_con ul li > div div:nth-of-type(2) {
    flex: 1;
    position: relative;
}
.program_writer_con ul li > div div:nth-of-type(2) > p {
    font-weight: 700;
    line-height: 19px;
    margin-bottom: 4px;
}
.program_writer_con ul li > div div:nth-of-type(2) > strong {
    display: block;
    padding-bottom: 16px;
    font-size: 28px;
    font-weight: 700;
    line-height: 33px;
    border-bottom: 2px solid #1C1C1C;
}
.program_writer_con ul li > div div:nth-of-type(2) ul {
    padding-top: 16px;
}
.program_writer_con ul li > div div:nth-of-type(2) ul li {
    display: flex;
    margin-bottom: 8px;
}
.program_writer_con ul li > div div:nth-of-type(2) ul li span {
    display: block;
    width: 53px;
    margin-right: 16px;
    line-height: 19px;
}
.program_writer_con ul li > div div:nth-of-type(2) ul li p {
    line-height: 19px;
    font-weight: 500;
}
.program_writer_con ul li > div div:nth-of-type(2) ul li em {
    display: block;
    font-size: 0;
    width: 35px; height: 35px;
    background: url('../images/sub/writer_more.svg') center center no-repeat;
    position: absolute;
    right: 0; bottom: 0;
}
.program_writer_con ul li > div:hover div:nth-of-type(2) ul li em {
    background: url('../images/sub/writer_more_hover.svg') center center no-repeat;
}
.download_con {
    margin-top: 60px;
}
.download_con div {
    display: flex;
    gap: 40px;
}
.download_con div a {
    position: relative;
    flex: 1;
    padding-bottom: 12px;
    border-bottom: 2px solid #1C1C1C;
    padding-left: 37px;
    background: url('../images/sub/file_down.svg') left top no-repeat;
    font-size: 24px;
    line-height: 33px;
    font-weight: 700;
}
.download_con div a::after {
    content: '';
    display: block;
    width: 50px; height: 50px;
    position: absolute;
    right: 0; bottom: 4px;
    background: url('../images/sub/file_arrow.svg') center center no-repeat;
}
@media screen and (max-width: 1200px) {
    .program_introduce {
        flex-direction: column;
        margin-top: 30px;
    }
    .program_introduce .program_img_box {
        width: 100%;
        height: auto;
    }
    .program_introduce .introduce_text {
        max-width: 100%;
        margin: 0;
        margin-top: 30px;
    }
    .program_introduce .introduce_bottom {
        height: auto;
    }
    .program_introduce .introduce_bottom ul:nth-of-type(1) {
        margin-bottom: 60px;
    }
    .program_title {
        margin-top: 50px;
    }
    .program_writer_con {
        margin-top: 30px;
    }
    .program_writer_con > ul {
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
        gap: 24px;
    }
    .program_writer_con ul li > div div:nth-of-type(1) {
        width: 248px; height: 248px;
    }
    .program_con {
        padding-top: 20px;
    }
    .program_con.swiper ul {
        display: flex;
        gap: 0;
    }
    .program_con.swiper ul li {
        width: 320px !important;
    }
    .program_con.swiper ul li:nth-of-type(n + 5) {
        display: block;
    }
    .download_con div {
        gap: 32px;
    }
}
@media screen and (max-width: 768px) {
    .program_introduce .introduce_text {
        margin-top: 20px;
    }
    .program_introduce .introduce_top p {
        font-size: 16px;
        margin-bottom: 4px;
        line-height: 19px;
    }
    .program_introduce .introduce_top strong {
        font-size: 24px;
        line-height: 33px;
    }
    .program_introduce .introduce_bottom {
        padding-top: 16px;
    }
    .program_introduce .introduce_bottom ul:nth-of-type(1) {
        margin-bottom: 40px;
    }
    .program_introduce .introduce_bottom ul:nth-of-type(1) li span {
        width: 69px;
        font-size: 16px;
        line-height: 19px;
    }
    .program_introduce .introduce_bottom ul:nth-of-type(1) li p {
        font-size: 16px;
        line-height: 19px;
    }
    .program_introduce .introduce_bottom ul:nth-of-type(1) li {
        margin-bottom: 8px;
    }
    .program_title {
        margin-top: 40px;
        font-size: 24px;
        line-height: 29px;
        padding-bottom: 10px;
    }
    .program_text {
        padding-top: 16px;
    }
    .program_text p {
        font-size: 16px;
        line-height: 24px;
    }
    .program_con {
        padding-top: 16px;
    }
    .program_con.swiper ul li {
        width: 200px !important;
    }
    .program_con.program_media_con a > span {
        margin: 8px 0;
        font-size: 14px;
        line-height: 16px;
    }
    .program_con.program_media_con > ul > li > a > p {
        font-size: 16px;
        line-height: 19px;
        margin: 0;
    }
    .program_con > ul.underline > li > a > p {
        margin: 8px 0;
        font-size: 16px;
        line-height: 19px;
    }
    .program_con > ul.underline > li > a > span {
        font-size: 14px;
        line-height: 16px;
    }
    .program_writer_con {
        margin-top: 16px;
    }
    .program_writer_con ul {
        gap: 16px;
    }
    .program_writer_con ul li > div div:nth-of-type(1) {
        width: 140px; height: 140px;
        margin-right: 16px;
    }
    .program_writer_con ul li > div div:nth-of-type(2) > p {
        font-size: 14px;
        line-height: 16px;
    }
    .program_writer_con ul li > div div:nth-of-type(2) > strong {
        font-size: 20px;
        line-height: 24px;
        padding-bottom: 8px;
    }
    .program_writer_con ul li > div div:nth-of-type(2) ul {
        padding-top: 8px;
    }
    .program_writer_con ul li > div div:nth-of-type(2) ul li span {
        width: 46px;
        margin-right: 10px;
        font-size: 14px;
        line-height: 16px;
    }
    .program_writer_con ul li > div div:nth-of-type(2) ul li p {
        font-size: 14px;
        line-height: 16px;
    }
    .program_writer_con ul li > div div:nth-of-type(2) ul li em {
        width: 20px; height: 20px;
        background-size: contain;
    }
    .program_writer_con ul li > div:hover div:nth-of-type(2) ul li em {
        background-size: contain;
    }
    .download_con {
        margin-top: 30px;
    }
    .download_con div {
        display: block;
    }
    .download_con div a {
        display: block;
        padding-bottom: 9px;
        padding-left: 29px;
        background-size: 25px 25px;
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 20px;
    }
    .download_con div a::after {
        width: 35px; height: 35px;
        background-size: contain;
        bottom: 2px;
    }
}
/* 異쒗뙋臾� �씫湲� */
.publish_con {
    margin-top: 50px;
}
.publish_con .publish_top {
    display: flex;
}
.publish_con .publish_top .publish_left {
    position: relative;
    flex-shrink: 0;
    width: 510px; height: 510px;
    text-align: center;
}
.publish_con .publish_top .publish_left button {
    display: none;
    font-size: 0;
    position: absolute;
    right: 0; bottom: 0;
    width: 35px; height: 35px;
    background: url('../images/sub/expansion_mb.svg') center center no-repeat;
    background-color: #1C1C1C;
}
.publish_con .publish_top .publish_left img {
    max-width: 100%;
    max-height: 100%;
}
.publish_con .publish_top .publish_right {
    position: relative;
    flex: 1;
    margin-left: 40px;
}
.publish_con .publish_top .publish_right strong {
    display: block;
    font-size: 40px;
    line-height: 47px;
    font-weight: 700;
    margin-bottom: 16px;
}
.publish_con .publish_top .publish_right > p {
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    padding-bottom: 16px;
    border-bottom: 2px solid #1C1C1C;
}
.publish_con .publish_top .publish_right ul {
    padding-top: 24px;
}
.publish_con .publish_top .publish_right ul li {
    display: flex;
    margin-bottom: 16px;
}
.publish_con .publish_top .publish_right ul li span {
    display: block;
    width: 82px;
    font-size: 18px;
    line-height: 21px;
    margin-right: 24px;
    flex-shrink: 0;
}
.publish_con .publish_top .publish_right ul li p {
    font-size: 18px;
    line-height: 21px;
    margin-right: 24px;
    font-weight: 500;
}
.publish_con .publish_top .publish_right button {
    position: absolute;
    right: 0; bottom: 0;
    font-size: 0;
    width: 70px; height: 70px;
    background: url('../images/sub/expansion.svg') center center no-repeat;
    background-color: #1C1C1C;
}
.publish_con .publish_bottom {
    margin-top: 50px;
}
.publish_con .publish_bottom .publish_swiper .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
    justify-content: space-between;
    gap: 18px;
}
.publish_con .publish_bottom .publish_swiper .swiper-wrapper em {
    display: block;
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
}
.publish_con .publish_bottom .publish_swiper .swiper-wrapper em::after, .publish_con .publish_bottom .publish_swiper .swiper-slide::after {
    content: '';
    z-index: 2;
    display: block;
    width: 2px; height: 0;
    background-color: #1C1C1C;
    position: absolute;
    bottom: 0; left: 0;
    transition: all 0.5s;
}
.publish_con .publish_bottom .publish_swiper .swiper-slide::after {
    left: auto; right: 0;
    bottom: auto; top: 0;
}
.publish_con .publish_bottom .publish_swiper .swiper-wrapper em::before, .publish_con .publish_bottom .publish_swiper .swiper-slide::before {
    content: '';
    display: block;
    width: 0; height: 2px;
    background-color: #1C1C1C;
    position: absolute;
    top: 0; left: 0;
    transition: all 0.3s;
}
.publish_con .publish_bottom .publish_swiper .swiper-slide::before {
    z-index: 3;
    top: auto; bottom: 0;
    left: auto; right: 0;
}
.publish_con .publish_bottom .publish_swiper .swiper-wrapper a {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 100%;
}
.publish_con .publish_bottom .publish_swiper .swiper-wrapper a img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.publish_con .publish_bottom .publish_swiper .swiper-wrapper a::after {
    content: '';
    display: none;
    width: 35px; height: 35px;
    position: absolute;
    bottom: 10px; right: 10px;
    background: url('../images/sub/expansion_sm.png') center center no-repeat;
}
.publish_con .publish_bottom .publish_swiper .swiper-wrapper .swiper-slide:hover a::after {
    display: block;
}
.publish_con .publish_bottom .publish_swiper .swiper-wrapper .swiper-slide:hover em::after, .publish_con .publish_bottom .publish_swiper .swiper-slide:hover::after {
    height: 100%;
}
.publish_con .publish_bottom .publish_swiper .swiper-wrapper .swiper-slide:hover em::before, .publish_con .publish_bottom .publish_swiper .swiper-slide:hover::before {
    width: 100%;
}
.publish_con .publish_bottom .publish_swiper .swiper-wrapper .swiper-slide:nth-of-type(n + 5) {
    display: none;
}
.publish_con .publish_bottom .publish_swiper.open .swiper-wrapper .swiper-slide:nth-of-type(n + 5) {
    display: block;
}
.publish_con .publish_bottom .publish_swiper .view_btn {
    margin-top: 40px;
}
.img_pop {
    display: none;
    z-index: 200;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    backdrop-filter: blur(8px);
    background-color: rgba(0, 0, 0, 0.7);
    align-items: center;
    justify-content: center;
}
.img_pop .close_pop {
    font-size: 0;
    width: 50px; height: 50px;
    position: absolute;
    top: 70px; right: 135px;
    background: url('../images/sub/pop_close.svg') center center no-repeat;
}
.img_pop img {
    max-width: 100%;
    max-height: 100%;
}
.img_pop > div {
    width: 100%;
    max-width: 1470px;
    max-height: 800px;
    height: 100%;
    padding: 0 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.img_text {
    margin-top: 20px;
}
.img_text p {
    color: #fff;
    text-align: center;
}
.img_text p.pop_title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
}
.img_text p.pop_name {
    margin-top: 8px;
}

@media screen and (max-width: 1200px) {
    .contents:has(.publish_con) {
        padding-top: 30px;
    }
    .publish_con {
        margin-top: 0px;
    }
    .publish_con .publish_top {
        display: block;
    }
    .publish_con .publish_bottom {
        margin-top: 30px;
    }
    .publish_con .publish_top .publish_left {
        width: 100%; height: auto;
    }
    .publish_con .publish_top .publish_right {
        margin-left: 0;
        margin-top: 20px;
    }
    .publish_con .publish_bottom .publish_swiper {
        position: relative;
        overflow-x: visible;
    }
    .publish_con .publish_bottom .publish_swiper::before {
        content: '';
        display: block;
        height: 100%; width: 100%;
        background-color: #fff;
        position: absolute;
        left: -101%; top: 0;
        z-index: 2;
    }
    .publish_con .publish_bottom .publish_swiper .swiper-wrapper {
        display: flex;
        justify-content: flex-start;
        gap: 0;
    }
    .publish_con .publish_bottom .publish_swiper .swiper-wrapper .swiper-slide {
        width: 259px !important;
    }
    .publish_con .publish_bottom .publish_swiper .swiper-wrapper .swiper-slide:nth-of-type(n + 5) {
        display: block;
    }
    .img_pop .close_pop {
        top: 35px; right: 35px;
    }
}
@media screen and (max-width: 768px) {
    .contents:has(.publish_con) {
        padding-top: 24px;
    }
    .publish_con .publish_top .publish_left button {
        display: block;
    }
    .publish_con .publish_top .publish_right {
        margin-top: 16px;
    }
    .publish_con .publish_top .publish_right strong {
        font-size: 24px;
        margin-bottom: 12px;
        line-height: 29px;
    }
    .publish_con .publish_top .publish_right > p {
        padding-bottom: 16px;
        font-size: 16px;
        line-height: 19px;
    }
    .publish_con .publish_top .publish_right ul {
        padding-top: 20px;
    }
    .publish_con .publish_top .publish_right ul li {
        margin-bottom: 10px;
    }
    .publish_con .publish_top .publish_right ul li span {
        width: 63px;
        font-size: 14px;
        line-height: 16px;
        margin-right: 16px;
    }
    .publish_con .publish_top .publish_right ul li p {
        font-size: 14px;
        line-height: 16px;
    }
    .publish_con .publish_top .publish_right button {
        display: none;
    }
    .publish_con .publish_bottom {
        margin-top: 20px;
    }
    .publish_con .publish_bottom .publish_swiper .swiper-wrapper .swiper-slide {
        width: 160px !important;
    }
    .contents_right .read_btn_con {
        justify-content: flex-end;
    }
    .img_pop > div {
        padding: 0 16px;
    }
    .img_text p.pop_title {
        font-size: 16px;
        line-height: 19px;
    }
    .img_text p.pop_name {
        font-size: 14px;
        margin-top: 4px;
    }
    .img_text {
        margin-top: 10px;
    }
    .img_pop .close_pop {
        top: 16px; right: 16px;
        width: 34px; height: 34px;
        background-size: contain;
    }
}
/* �넻�빀寃��깋 */
.integration_search {
    margin-top: 60px;
}
.integration_search .btn-group {
    width: 100%;
}
.integration_search .btn-group .search_box {
    width: 100%;
    justify-content: center;
    margin: 0;
}
.integration_search .btn-group .text_search {
    max-width: 500px;
}
.search_text {
    margin-top: 50px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #707070;
}
.search_text b {
    color: #1C1C1C;
    font-size: 20px;
    font-weight: 700;
}
.search_title {
    z-index: 2;
    position: relative;
    margin-top: 30px;
    margin-bottom: 24px;
}
.search_title::before {
    z-index: -1;
    content: '';
    display: block;
    width: 100%; height: 2px;
    background-color: #1C1C1C;
    position: absolute;
    left: 0; top: 50%; transform: translateY(-50%);
}
.search_title span {
    display: inline-block;
    padding-right: 16px;
    font-weight: 700;
    line-height: 19px;
    color: #707070;
    background-color: #fff;
}
.search_title span b {
    font-weight: 700;
    line-height: 19px;
    color: #1C1C1C;
}
.menu_search_con li:not(:nth-of-type(1)) {
    margin-top: 16px;
}
.menu_search_con li a {
    display: block;
    width: 100%; height: 100%;
    padding: 20px;
    border: 1px solid #D4D4D4;
}
.menu_search_con li a, .menu_search_con li a b {
    font-size: 14px;
    font-weight: 500;
}
.menu_search_con li a b {
    color: #FF0000;
}
.menu_search_con li a:hover {
    background-color: #F8F8F8;
    border: 1px solid #1C1C1C;
    text-decoration: underline;
}
.contents_search_con li:not(:first-of-type) {
    margin-top: 16px;
}
.contents_search_con a {
    display: block;
    padding: 20px;
    border: 1px solid #D4D4D4;
}
.contents_search_con a strong {
    display: block;
    margin-bottom: 12px;
}
.contents_search_con a strong span {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 500;
    line-height: 19px;
}
.contents_search_con a strong span b {
    font-weight: 500;
    line-height: 19px;
    color: #FF0000;
}
.contents_search_con a p {
    margin-bottom: 12px;
}
.contents_search_con a p span {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    word-break: break-all;
    width: 100%;
    max-height: 60px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 14px;
    color: #707070;
}
.contents_search_con a p span b {
    font-size: 14px;
    font-weight: 400;
    color: #FF0000;
}
.contents_search_con a div {
    display: flex;
    justify-content: space-between;
}
.contents_search_con a div span {
    font-size: 14px;
    font-weight: 500;
}
.contents_search_con a div em {
    display: none;
    font-size: 14px;
    font-weight: 500;
    color: #B7B7B7;
}
.contents_search_con a:hover strong span, .contents_search_con a:hover strong span b {
    font-weight: 700;
    text-decoration: underline;
}
.contents_search_con a:hover {
    background-color: #F9F9F9;
    border: 1px solid #1C1C1C;
}
.board_search_con ul li:not(:nth-of-type(1)) {
    margin-top: 16px;
}
.board_search_con ul li .board_search_top {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    border: 1px solid #D4D4D4;
}
.board_search_con ul li .board_search_top div {
    display: flex;
    align-items: center;
    width: calc(100% - 45px);
    border-right: 1px solid #D4D4D4;
}
.board_search_con ul li .board_search_top div p {
    font-size: 14px;
    font-weight: 500;
    margin-right: 20px;
}
.board_search_con ul li .board_search_top div span {
    font-size: 14px;
    font-weight: 500;
    color: #707070;
}
.board_search_con ul li .board_search_top button {
    position: relative;
    width: 24px; height: 24px;
    background: url('../images/sub/board_arrow.svg') center center no-repeat;
}
.board_search_con ul li .board_search_bottom {
    display: none;
    padding: 30px 0;
    border: 1px solid #1C1C1C;
    border-top: none;
}
.board_search_con ul li .board_search_bottom ul {
    padding-bottom: 30px;
    margin: 0 30px;
    border-bottom: 2px solid #1C1C1C;
}
.board_search_con ul li .board_search_bottom li:not(:first-of-type) {
    margin-top: 16px;
}
.board_search_con ul li .board_search_bottom li a {
    display: flex;
    justify-content: space-between;
}
.board_search_con ul li .board_search_bottom li a span {
    display: block;
    max-width: calc(100% - 88px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 500;
    padding-left: 19px;
    background: url('../images/sub/small_bullet.svg') left center no-repeat;
}
.board_search_con ul li .board_search_bottom li a b {
    font-weight: 500;
    color: #FF0000;
}
.board_search_con ul li .board_search_bottom li a em {
    font-weight: 400;
    color: #9D9D9D;
}
.board_search_con ul li .board_search_bottom .paging_wrap {
    margin-top: 30px;
}
.board_search_con ul li .board_search_top.open {
    border: 1px solid #1C1C1C;
    background-color: #F8F8F8;
}
.board_search_con ul li .board_search_top.open p {
    text-decoration: underline;
}
.board_search_con ul li .board_search_top.open button {
    transform: rotate(180deg);
}
.board_search_con ul li .board_search_top.open button::before {
    left: auto; right: -20px;
}
.board_search_con ul li .board_search_top:hover {
    border: 1px solid #1C1C1C;
    background-color: #F8F8F8;
}
.board_search_con ul li .board_search_top:hover p {
    text-decoration: underline;
}
/* �뜲�씠�꽣 �뾾�쓣 �떆 */
.search_no_data {
    margin-bottom: 100px;
}
.search_no_data div {
    text-align: center;
}
.search_no_data div img {
    margin-bottom: 4px;
}
.search_no_data div p {
    font-weight: 500;
    line-height: 20px;
}
@media screen and (max-width: 768px) {
    .integration_search {
        margin-top: 24px;
    }
    .integration_search .btn-group .text_search {
        max-width: calc(100% - 93px);
    }
    .search_text {
        margin-top: 24px;
        font-size: 16px;
    }
    .search_text b {
        font-size: 16px;
    }
    .search_title {
        margin-top: 24px;
        margin-bottom: 16px;
    }
    .menu_search_con li a {
        padding: 20px 16px;
    }
    .menu_search_con li:not(:nth-of-type(1)) {
        margin-top: 8px;
    }
    .contents_search_con li:not(:first-of-type) {
        margin-top: 10px;
    }
    .board_search_con ul li:not(:nth-of-type(1)) {
        margin-top: 8px;
    }
    .board_search_con ul li .board_search_top {
        padding: 16px 12px;
    }
    .board_search_con ul li .board_search_top div {
        width: calc(100% - 40px);
    }
    .board_search_con ul li .board_search_top div p {
        margin-right: 4px;
    }
    .board_search_con ul li .board_search_bottom {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .board_search_con ul li .board_search_bottom ul {
        padding-bottom: 20px;
        margin: 0 16px;
    }
    .contents_search_con a div em {
        display: inline;
        font-size: 14px;
        font-weight: 500;
        color: #B7B7B7;
    }
    .search_no_data {
        margin-bottom: 80px;
    }
}
/* �궗�씠�듃留� */
.site_map {
    margin-top: 80px;
}
.site_map > ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 123px 40px;
}
.site_map > ul > li p {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    border-bottom: 2px solid #1C1C1C;
    padding-bottom: 10px;
}
.site_map > ul > li ul li {
    margin-top: 16px;
}
.site_map > ul > li ul li a {
    position: relative;
    font-weight: 600;
    line-height: 19px;
    padding-left: 20px;
    background: url('../images/sub/small_bullet.svg') left top 2px no-repeat;
    background-size: 12px 12px;
}
.site_map > ul > li ul li a:hover {
    text-decoration: underline;
}
.site_map > ul > li ul li a[target="_blank"]::after {
    content: '';
    display: inline-block;
    width: 19px; height: 19px;
    position: absolute;
    top: 50%; transform: translateY(-50%); right: -21px;
    background: url('../images/sub/new_page.svg') center center no-repeat;
}
@media screen and (max-width: 1200px) {
    .site_map {
        margin-top: 30px;
    }
    .site_map > ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 78px 40px;
    }
    .site_map > ul > li ul li {
        margin-top: 10px;
    }
    .site_map > ul > li ul li:nth-of-type(1) {
        margin-top: 16px;
    }
}
@media screen and (max-width: 768px) {
    .site_map {
        margin-top: 35px;
    }
    .site_map > ul {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px 0px;
    }
    .site_map > ul > li {
        height: 187px;
    }
}

/* �봽濡쒓렇�옩/�쟾�떆 */
.program_list {
    margin-top: 40px;
}
.program_list ul li {
    padding: 60px 0;
    border-bottom: 2px solid #1C1C1C;
}
.program_list ul li:nth-of-type(1) {
    padding-top: 0;
}
.program_list ul li a {
    display: flex;
    align-items: center;
}
.program_list ul li .program_left {
	flex-shrink: 0;
    width: 100%;
    max-width: 766px; height: 490px;
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
    margin-right: 60px;
    background-image: url('../images/sub/art_01.png');
}
.program_list ul li:nth-of-type(1) .program_left {
    background-image: url('../images/sub/program_list.png');
}
.program_list ul li .program_right {
	    word-break: break-all;
	    min-width: 0;
        transition: all 0.3s;
}
.program_list ul li .program_right:hover {
    transform: translateY(-4px);
}
.program_list ul li .program_right .space {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
}
.program_list ul li .program_right strong {
    margin: 16px 0;
    font-size: 40px;
    font-weight: 700;
    line-height: 47px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    word-break: break-all;
    width: 100%;
    max-height: 141px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.program_list ul li .program_right p {
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    margin-bottom: 80px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    word-break: break-all;
    width: 100%;
    max-height: 87px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.program_list ul li .program_right .date {
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    word-wrap: break-word;
}
.program_list:has(.no_data) {
    margin-top: 20px;
}
.program_list:has(.no_data) ul {
    text-align: center;
}
.program_list:has(.no_data) img {
    margin-bottom: 4px;
}
.program_list:has(.no_data) ul li {
    padding: 0;
    padding: 40px 0 50px 0;
    border-top: 2px solid #1C1C1C;
    border-bottom: 1px solid #D4D4D4;
}
.program_list:has(.no_data) ul li p {
    color: #1C1C1C;
}
@media screen and (max-width: 1200px) {
    .program_list {
        margin-top: 20px;
    }
    .program_list ul li {
        margin: 0;
        padding: 50px 0 30px 0;
    }
    .program_list ul li a {
        flex-direction: column;
        align-items: flex-start;
    }
    .program_list ul li .program_left {
        height: 445px;
        max-width: 100%;
        background-position: center center;
        margin: 0;
    }
    .program_list ul li .program_right {
        margin-top: 30px;
        width: 100%;
    }
    .program_list ul li .program_right strong {
        display: block;
        margin: 10px 0;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .program_list ul li .program_right p {
        display: block;
        margin-bottom: 30px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .program_list ul li .program_right .date {
        font-size: 24px;
        font-weight: 700;
        line-height: 29px;
        word-wrap: break-word;
    }
}
@media screen and (max-width: 768px) {
    .program_list ul li {
        padding: 24px 0 15px 0;
    }
    .program_list ul li .program_left {
        height: 210px;
    }
    .program_list ul li .program_right {
        margin-top: 16px;
    }
    .program_list ul li .program_right .space {
        font-size: 14px;
        line-height: 16px;
    }
    .program_list ul li .program_right strong {
        margin: 8px 0;
        font-size: 24px;
        line-height: 29px;
    }
    .program_list ul li .program_right p {
        font-size: 16px;
        line-height: 19px;
        margin-bottom: 20px;
    }
    .program_list ul li .program_right .date {
        font-size: 16px;
        line-height: 19px;
    }
    .program_list:has(.no_data) {
        margin: 0;
    }
    .program_list:has(.no_data) ul li {
        padding: 24px 0 32px 0;
        border-top: 0;
    }
}
/* �븘移댁씠釉� */
.contents:has(.contents_left) {
    position: relative;
    display: flex;
    padding-bottom: 90px;
}
.contents_left {
    margin-top: 50px;
    margin-right: 60px;
}
.contents_left li a {
    display: block;
    width: 180px;
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
    padding-bottom: 10px;
    background: url('../images/sub/contents_arrow.svg') bottom 10px right no-repeat;
    border-bottom: 2px solid #1C1C1C;
}
.contents_left li a.active {
    width: 240px;
}
.contents_left li:not(:last-of-type) {
    margin-bottom: 16px;
}
.contents_right {
    width: calc(100% - 300px);
}
.archive_list {
    margin-top: 20px;
}
.archive_list ul {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
    justify-content: space-between;
    gap: 40px 40px;
}
.archive_list li a .archive_img {
    margin-bottom: 16px;
}
.archive_list li a .archive_img img {
    width: 100%;
}
.archive_list li a p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 8px;
}
.archive_list li a p span {
    position: relative;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
}
.archive_list li a p span::after {
    content: '';
    display: block;
    width: 0; height: 2px;
    position: absolute;
    bottom: 0; left: 0;
    transition: all 0.5s;
    background-color: #1C1C1C;
}
.archive_list li a:hover p span::after {
    width: 100%;
}
.archive_list li a .year, .archive_list li a .writer_name {
    line-height: 19px;
}
.contents:has(.contents_left) .paging_wrap {
    position: absolute;
    bottom: 0; width: 100%;
    left: 50%; transform: translateX(-50%);
}
.archive_list:has(.no_data) {
    border-top: 2px solid #1C1C1C;
    border-bottom: 1px solid #D4D4D4;
    padding: 40px 0 50px 0;
}
.archive_list:has(.no_data) ul {
    display: block;
    text-align: center;
}
.archive_list:has(.no_data) ul li img {
    margin-bottom: 4px;
}
.archive_list:has(.no_data) ul li p {
    font-weight: 500;
    color: #1C1C1C;
}
@media screen and (max-width: 1200px) {
    .contents:has(.archive_list) {
        position: relative;
        padding-top: 30px;
        border-top: 2px solid #1C1C1C;
        margin-top: 93px;
    }
    .contents_left {
        margin-right: 40px;
        margin-top: 0;
    }
    .contents_left li a {
        width: 73px;
        line-height: 19px;
        font-size: 16px;
        background-size: 19px 19px;
    }
    .contents_left li a.active {
        width: 97px;
    }
    .archive_list {
        margin: 0;
    }
    .archive_list ul {
        grid-template-columns: repeat(auto-fill, minmax(39%, 1fr));
        gap: 30px 15px;
    }
    .archive_list li:nth-of-type(n + 7) {
        display: none;
    }
    .contents_right {
        width: calc(100% - 137px);
    }
    .contents_right .search_group {
        position: absolute;
        width: 100%;
        left: 0; top: -95px;
    }
    .archive_list:has(.no_data) {
        border-top: none;
        padding: 12px 0 50px 0;
    }
}
@media screen and (max-width: 768px) {
    .contents:has(.archive_list) {
        padding-top: 24px;
        margin-top: 159px;
        padding-bottom: 110px;
        border-top: none;
    }
    .contents_left {
        margin-right: 24px;
    }
    .contents_left li a {
        width: 59px;
        padding-bottom: 4px;
        background: url('../images/sub/contents_arrow.svg') bottom 3px right no-repeat;
    }
    .contents_left li a.active {
        width: 79px;
    }
    .contents_right {
        width: calc(100% - 103px);
    }
    .contents_right .search_group {
        top: -172px;
    }
    .archive_list ul {
        grid-template-columns: repeat(auto-fill, minmax(48.8%, 1fr));
        gap: 24px 10px;
    }
    .archive_list li a .archive_img {
        margin-bottom: 8px;
    }
    .archive_list li a p span {
        font-size: 16px;
        line-height: 19px;
    }
    .archive_list li a .year, .archive_list li a .writer_name {
        font-size: 14px;
        line-height: 16px;
    }
    .archive_list:has(.no_data) {
        padding-bottom: 24px;
    }
}

/* publication */
.archive_list#publication ul {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
    justify-content: space-between;
    gap: 40px 20px;
}
.archive_list li a .name {
	overflow: hidden;
    display: block;
    line-height: 19px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    margin-bottom: 8px;
}
@media screen and (max-width: 1200px) {
    .archive_list#publication ul {
        grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
        gap: 15px 30px;
    }
    .archive_list li:nth-of-type(n + 7) {
        display: block;
    }
/*     .archive_list li:nth-of-type(n + 9) {
        display: none;
    } */
}
@media screen and (max-width: 768px) {
    .archive_list#publication ul {
        grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));
        gap: 20px;
    }
/*     .archive_list li:nth-of-type(n + 7) {
        display: none;
    } */
    .archive_list#publication li a .archive_img {
        margin-bottom: 10px;
    }
    .archive_list#publication li a p {
        margin-bottom: 4px;
    }
    .archive_list li a .name {
        margin-bottom: 4px;
    }
}

/* outside */
.outside_con {
    margin-top: 20px;
}
.outside_con ul {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
    justify-content: space-between;
    gap: 40px;
}
.outside_con ul img {
    width: 100%;
}
.outside_con ul p {
    margin-top: 16px;
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.outside_con ul p span {
    position: relative;
}
.outside_con ul p span::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0;
    display: block;
    width: 0%; height: 2px;
    background-color: #1C1C1C;
    transition: all 0.5s;
}
.outside_con ul a:hover p span::after {
    width: 100%;
}
.outside_con ul a > span {
    line-height: 19px;
}
.outside_con:has(.no_data) {
    margin-top: 20px;
}
.outside_con:has(.no_data) ul {
    display: block;
    text-align: center;
}
.outside_con:has(.no_data) img {
    margin-bottom: 4px;
    width: auto;
}
.outside_con:has(.no_data) ul li {
    padding: 0;
    padding: 40px 0 50px 0;
    border-top: 2px solid #1C1C1C;
    border-bottom: 1px solid #D4D4D4;
}
.outside_con:has(.no_data) ul li p {
    color: #1C1C1C;
    margin: 0;
    font-weight: 500;
    font-size: 16px;
}
@media screen and (max-width: 1200px) {
    .outside_con {
        margin-top: 50px;
    }
    .outside_con ul {
        grid-template-columns: repeat(auto-fill, minmax(46%, 1fr));
        gap: 30px 40px;
    }
    .outside_con ul li:nth-of-type(n + 9) {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .outside_con {
        margin-top: 0;
        padding-top: 24px;
        /* border-top: 2px solid #1C1C1C; */
    }
    .outside_con ul li:nth-of-type(n + 7) {
        display: none;
    }
    .outside_con:has(.no_data) {
        margin: 0;
    }
    .outside_con:has(.no_data) ul li {
        padding: 24px 0 32px 0;
        border-top: 0;
    }
}
/* error */
.error {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    width: 672px; height: 337px;
    background: url('../images/sub/error.png') top left no-repeat;
}
.error > div {
    width: 344px;
}
/*.error_page > div {
    width: 344px;
}*/
.error_page > div b {
    color: #9D9D9D;
}
/* error_404 */
.error_page {
    position: absolute;
    left: 50%; top: 50%;
    transform: translate(-50%, -50%);
}
.error_404 > div {
    display: flex;
    align-items: flex-end;
}
.error_page > div p, .error_page > div b {
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    margin-bottom: 12px;
}
.error_404 > div b {
    color: #9D9D9D;
}
.error_404 .link_btn {
    margin-bottom: 20px;
}
.error_page > div span {
    line-height: 27px;
    color: #666666;
}
.error_page > div .link_btn {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
}
.error_page > div > div {
    width: 344px;
}
.error_page > div div a {
    display: block;
    width: 164px; height: 43px;
    line-height: 43px;
    text-align: center;
    font-weight: 500;
    box-sizing: border-box;
}
.error_page > div div a:nth-of-type(1) {
    border: 1px solid #1C1C1C;
}
.error_page > div div a:nth-of-type(2) {
    color: #fff;
    background-color: #1C1C1C;
}

/* 以�鍮꾩쨷 */
.inner.preparing {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-top: 318px;
    padding-bottom: 181px;
    margin-top: 80px;
}
.inner.preparing img {
    margin-bottom: 12px;
}
.inner.preparing p, .inner.preparing b {
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    margin-bottom: 10px;
}
.inner.preparing b {
    color: #9D9D9D;
}
.inner.preparing span {
    font-size: 14px;
    color: #666666;
    line-height: 20px;
}
@media screen and (max-width: 1200px) {
    .inner.preparing {
        margin-top: 64px;
    }
}
@media screen and (max-width: 768px) {
    .inner.preparing {
        margin-top: 56px;
        padding-top: 372px;
        padding-bottom: 153px;
    }
    .inner.preparing img {
        width: 125px; height: 171px;
        margin-bottom: 10px;
    }
    .inner.preparing p, .inner.preparing b {
        font-size: 20px;
        line-height: 24px;
    }
    .inner.preparing span {
        font-size: 13px;
    }
}