@charset "utf-8";
.pc {
    display:block;
}

.mobile {
    display:none;
}

.sub .contents {
    width:1400px;
    margin:0 auto;
    padding:60px 0 120px;
    position:relative;
}

.sub_top {
    width:100%;
    text-align:center;
}

.sub_top h2 {
    font-size: 42px;
    font-weight: 600;
}

.sub_top .location {
    display:flex;
    align-items:center;
    position:absolute;
    top:60px;
    right:0;
}

.sub_top .location .home {
    width: 15px;
    height: 14px;
    background:url("../images/icon_home.svg") center no-repeat;
    background-size:100%;
}

.sub_top .location li {
    display:flex;
    align-items:center;
}

.sub_top .location li::before {
    content:'';
    display:block;
    width:8px;
    height:14px;
    margin:0 12px;
    background:url("../images/bul_location.svg") center no-repeat;
    background-size:100%;
}

.sub_top .location li:first-child::before {
    display:none;
}

.sub_top .location li:last-child {
    color:#006C46
}

.tabs {
    display:flex;
    align-items:center;
    margin-top:60px;
}

.tabs li {
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    height:68px;
    border:1px solid #d2d2d2;
    border-bottom:1px solid #006C46;
    background: #FBFBFB;
    color:#666;
    font-size:20px;
    font-weight: 600;
    cursor: pointer;
}

.tabs li.active {
    border:1px solid #006C46;
    border-bottom-color:#fff;
    background:#fff;
    color:#006C46;
}

.tabs li + li {
    border-left:0;
}

/* 250825 추가 */
.tabs li a {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
}

.tab_content {
    padding-top:60px;
}

.tab_content h3 {
    font-size: 36px;
    text-align:center;
}

.tab_content .text p {
    margin-top:40px;
    font-size:24px;
    text-align:center;
    line-height:1.5;
    font-weight: 500;
}

.tab_content .text p strong {
    color:#006C46;
    font-size:24px;
    font-weight:700;
}

.content_table .row {
    width:100%;
    margin-top:40px;
    border-top:1px solid #222;
}

.content_table .row th,
.content_table .row td {
    padding:20px;
    border:1px solid #d2d2d2;
    border-style:none solid solid none;
    text-align:center;
    font-size:18px;
    line-height:1.3;
    word-break:keep-all;
    vertical-align:middle;
}

.content_table .row td span {
  font-weight:400;
  font-size: 14px;
}

.content_table .row th:last-child,
.content_table .row td:last-child {
    border-right:0;
}

.content_table .row th {
    width:200px;
    background: #FBFBFB;
}

.content_table .row td {
    width:300px;
    font-weight:400;
}

.program_section {
    width:100%;
    padding:30px 0 50px;
    border-top:1px solid #222;
}

.program section:first-of-type {
  margin-top: 40px;
}

.program section:last-of-type {
  padding-bottom: 0;
}

.program_header {
    display:flex;
    width:100%;
}

.program_section h4 {
    width:329px;
    margin-right:28px;
    font-size: 28px;
    font-weight:600;
    text-align:left;
    line-height:1.3;
}

.program_section h4 span {
    display:block;
    font-size:24px;
}

.program_description {
    display:flex;
    flex-direction:column;
    width:calc(100% - 329px);
}

.program_description p {
    display:flex;
    align-items:center;
    color:#666;
    font-size:18px;
    line-height:1.5;
}

.program_description p::before {
    content:'';
    display:flex;
    align-items:center;
    justify-content:center;
    width:78px;
    height:78px;
    margin-right:24px;
    border-radius:50%;
    border:6px solid #CCE2DA;
    background-size:36px !important;
}

.program_description p.p01::before {
    background:#006C46 url("../images/icon_banner01.svg") center no-repeat;
}

.program_description p.p02::before {
    background:#006C46 url("../images/icon_banner02.svg") center no-repeat;
}

.program_description p.p03::before {
    background:#006C46 url("../images/icon_banner03.svg") center no-repeat;
}

.program_description p.p04::before {
    background:#006C46 url("../images/icon_banner04.svg") center no-repeat;
}

.keyword-list {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:148px;
    margin-top:30px;
    background: #FBFBFB;
}

.keyword-list li {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    width:101px;
}

.keyword-list li + li {
    margin-left:83px;
}

.keyword-list li::before {
    content:'';
    display:block;
    width:48px;
    height:48px;
    background-size:100% !important;
}

.keyword-list li.icon01::before {
    background:url("../images/icon_sub01.svg") center no-repeat;
}

.keyword-list li.icon02::before {
    background:url("../images/icon_sub02.svg") center no-repeat;
}

.keyword-list li.icon03::before {
    background:url("../images/icon_sub03.svg") center no-repeat;
}

.keyword-list li.icon06::before {
    background:url("../images/icon_sub06.svg") center no-repeat;
}

.keyword-list li.icon07::before {
    background:url("../images/icon_sub07.svg") center no-repeat;
}

.keyword-list li.icon08::before {
    background:url("../images/icon_sub08.svg") center no-repeat;
}

.keyword-list li.icon11::before {
    background:url("../images/icon_sub11.svg") center no-repeat;
}

.keyword-list li.icon12::before {
    background:url("../images/icon_sub12.svg") center no-repeat;
}

.keyword-list li.icon13::before {
    background:url("../images/icon_sub13.svg") center no-repeat;
}

.keyword-list li.icon16::before {
    background:url("../images/icon_sub16.svg") center no-repeat;
}

.keyword-list li.icon17::before {
    background:url("../images/icon_sub17.svg") center no-repeat;
}

.keyword-list li.icon18::before {
    background:url("../images/icon_sub18.svg") center no-repeat;
}




.keyword-list li span {
    display:block;
    margin-top:20px;
    font-size: 20px;
    font-weight: 600;
    letter-spacing:-0.05em;
    white-space: nowrap;
}

.program_list {
    display:flex;
    margin-top:40px;
}

.program_list h4 {
    width: 329px;
    margin-right:28px;
    padding-top:24px;
    border-top:1px solid #005AA9;
    color:#005AA9;
    font-size: 22px;
}

.program_items {
    display:flex;
    width:calc(100% - 329px);
    gap:28px;
}

.program_items article {
    flex:1;
    border:1px solid #d2d2d2;
}

.program_items .program_info {
    height:142px;
    padding:30px 30px 30px 102px;
    position:relative;
    border-bottom:1px solid #d2d2d2;
    word-break:keep-all;
}

.program_items .program_info.medium {
  height:170px;
  padding:30px 30px 30px 102px;
  position:relative;
  word-break:keep-all;
}

.program_items .program_info::before {
    content:'';
    display:inline-block;
    width:48px;
    height:48px;
    position:absolute;
    top:30px;
    left:30px;
    background-size:100% !important;
}

.program_items .program_info.icon04::before {
    background:url("../images/icon_sub04.svg") center no-repeat;
}

.program_items .program_info.icon05::before {
    background:url("../images/icon_sub05.svg") center no-repeat;
}

.program_items .program_info.icon09::before {
    background:url("../images/icon_sub09.svg") center no-repeat;
}

.program_items .program_info.icon10::before {
    background:url("../images/icon_sub10.svg") center no-repeat;
}

.program_items .program_info.icon14::before {
    background:url("../images/icon_sub14.svg") center no-repeat;
}

.program_items .program_info.icon15::before {
    background:url("../images/icon_sub15.svg") center no-repeat;
}

.program_items .program_info.icon19::before {
    background:url("../images/icon_sub19.svg") center no-repeat;
}

.program_items .program_info.icon20::before {
    background:url("../images/icon_sub20.svg") center no-repeat;
}

.program_items .program_info h5 {
    font-size: 20px;
    font-weight: 600;
}

.program_items .program_info p {
    margin-top:10px;
    color:#666;
    font-size: 18px;
    font-weight:400;
    line-height:1.6;
}

.program_items .program_meta {
    display:flex;
}

.program_items .program_meta dl {
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    height:66px;
    gap:12px;
}

.program_items .program_meta dl + dl {
    border-left:1px solid #d2d2d2;
}

.program_items .program_meta dl dt,
.program_items .program_meta dl dd {
    font-size:18px;
}

.program_items .program_meta dl dt {
    font-weight:500;
}

.program_items .program_meta dl dd {
    color:#666;
}

/* 활동소개 */
.program_description p.p05::before {
    background:#006C46 url("../images/icon_sub21.svg") center no-repeat;
}

.program_description p.p06::before {
    background:#006C46 url("../images/icon_sub25.svg") center no-repeat;
}

.program_description p.p07::before {
    background:#006C46 url("../images/icon_sub28.svg") center no-repeat;
}

.program_description p.p08::before {
    background:#006C46 url("../images/icon_sub32.svg") center no-repeat;
}

.introduce .keyword-list {
    height:auto;
    padding:30px;
}

.introduce .keyword-list li {
    width:auto;
    text-align:center;
    line-height:1.3;
}

.introduce .program_list {
    margin-left:350px
}

.introduce .program_items {
    width:100%;
}

.keyword-list li.icon21::before {
    background:url("../images/icon_sub22.svg") center no-repeat;
}

.keyword-list li.icon22::before {
    background:url("../images/icon_sub23.svg") center no-repeat;
}

.keyword-list li.icon23::before {
    background:url("../images/icon_sub24.svg") center no-repeat;
}

.keyword-list li.icon24::before {
    background:url("../images/icon_sub26.svg") center no-repeat;
}

.keyword-list li.icon25::before {
    background:url("../images/icon_sub27.svg") center no-repeat;
}

.keyword-list li.icon26::before {
    background:url("../images/icon_sub29.svg") center no-repeat;
}

.keyword-list li.icon27::before {
    background:url("../images/icon_sub30.svg") center no-repeat;
}

.keyword-list li.icon30::before {
    background:url("../images/icon_sub16.svg") center no-repeat;
}

.program_items .program_info.icon28::before {
    background:url("../images/icon_sub31.svg") center no-repeat;
}

.program_items .program_info.icon29::before {
    background:url("../images/icon_sub33.svg") center no-repeat;
}

.program_items .program_info.icon30::before {
    background:url("../images/icon_sub34.svg") center no-repeat;
}

/* 활동정보 */

.tab_content.board {
  padding-top: 0;
}

.tab_content.board .board_detail_wrap {
  margin-top: 60px;
}

.tab_content.board h3 {
  margin-top: 60px;
}

.board_wrap {
    margin-top: 40px;
}

.board_content {
    display: none;
}

.board_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.board_top form.w100 {
    width:100%;
}

.board_top div {
    display:flex;
    align-items:center;;
}

.board_top strong {
    color: #666;
    font-size: 16px;
    font-weight: 400;
}

.board_top strong .count {
    color: #006C46;
    font-weight: 700;
}

.search_box {
    display: flex;
    align-items: center;
}

.search_box select {
    width:120px;
    height:48px;
    padding: 0 18px 0 16px;
    border: 1px solid #d2d2d2;
}

.search_box input[type="text"] {
    width: 264px;
    height:48px;
    margin-left:5px;
    padding: 16px;
    border: 1px solid #d2d2d2;
}

.search_box button {
    width: 48px;
    height: 48px;
    background:#444 url("../images/btn_search.svg") center no-repeat;
    font-size:0;
    text-indent:-99999px;
}

.board_list {
    margin-top:20px;
    border-top: 1px solid #222;
}

.board_th {
    display:flex;
    align-items:center;
    width:100%;
    height:59px;
    border-bottom:1px solid #d2d2d2;
    background:#fbfbfb;
    font-weight: 600;
}

.board_th div {
    display:flex;
    align-items:center;
    justify-content:center !important;
    color:#222;
}

.board_th .board_title {
    width:1290px;
    position:relative;
}

.board_th .board_title::before {
    content:'';
    display:block;
    width:1px;
    height:18px;
    position:absolute;
    top:50%;
    left:0;
    background:#d2d2d2;
    transform: translateY(-50%);
}

.board_item {
    border-bottom: 1px solid #d2d2d2;
}

/* 250825 추가 */
.board_item.nodata {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    width:100%;
    height:280px;
    border-top:1px solid #222;
    margin-top:20px;
    color:#666
}

.board_item.nodata svg {
    margin-bottom:20px;
}

.board_header {
    display: flex;
    align-items: center;
    height:60px;
}

.board_number {
    width:110px;
    color: #666;
    text-align: center;
}

.board_item .board_title {
    width:1225px;
    color: #222;
    padding-left:20px;
    cursor: pointer;
}

.board_header.active .board_title,
.board_item .board_title:hover {
    color: #006C46;
    text-decoration: underline;
}

.content_text {
    padding:30px 40px;
    border-top:1px solid #d2d2d2;
    color:#666;
    white-space: pre-line;
}

.content_text * {
    max-width:100%;
    font-style: normal !important;
    word-break:break-all;
    font-size: 16px;
    line-height: 1.6;
}

.content_file {
    padding:22px 40px;
    border-top: 1px solid #d2d2d2;
    background: #FBFBFB;
    color:#666;
}

.file_link {
    display: flex;
    align-items: center;
}

.file_link:hover {
    text-decoration: underline;
}

.file_link + .file_link {
    margin-top:10px;
}

.file_icon {
    display: inline-block;
    width: 15px;
    height: 18px;
    margin-right: 12px;
    background: url("../images/bul_file.svg") center no-repeat;
    background-size: 100%;
}

.board_toggle .toggle_icon {
    display:block;
    width:9px;
    height:18px;
    padding-right:30px;
    background:url("../images/btn_acordian.svg") center no-repeat;
    transform: rotate(180deg);
}

.board_toggle .toggle_icon.active {
    transform: rotate(0deg);
}

.paging {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    margin-top:40px;
}

.paging span:first-of-type {
  margin-left: 5px;
}

.paging span:last-of-type {
  margin-right: 5px;
}

.paging a {
    display:flex;
    align-items:center;
    justify-content:center;
    width: 40px;
    height: 40px;
    border:1px solid #d2d2d2;
    color:#666;
}

.paging a.active {
    border:none;
    background:#006C46;
    color:#fff;
}

.paging a:last-child img {
    transform:rotate(180deg);
}

.board_table {
    margin-top:20px;
    border-top:1px solid #222;
}

.board_table .col {
    width:100%;
}

.board_table th,
.board_table td {
    height:60px;
    border-bottom:1px solid #d2d2d2;
    text-align:center;
    vertical-align:middle;
}

.board_table th:first-child,
.board_table td:first-child {
    width:110px;
}

.board_table th:nth-child(3),
.board_table td:nth-child(3) {
    width:140px;
}

.board_table th:last-child,
.board_table td:last-child {
    width:120px;
}

.board_table .notice {
    background:#f2f7f5;
}

.board_table .notice td span {
    display:flex;
    align-items:center;
    justify-content:center;
    width: 60px;
    height: 30px;
    margin:0 auto;
    border:1px solid #006C46;
    color:#006C46;
}

.board_table th {
    position:relative;
    background:#fbfbfb;
    color:#222;
}

.board_table th:not(:first-child)::before {
    content:'';
    display:block;
    width:1px;
    height:14px;
    position:absolute;
    top:50%;
    left:0;
    background:#d2d2d2;
    transform: translateY(-50%);
}

.board_table td:not(.title) {
    color:#666;
}

.board_table td.title {
    text-align:left;
}

.board_table td.title a {
    overflow:hidden;
    display:block;
    max-width:990px;
    padding:0 20px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.board_table td.title a:hover {
    color: #006C46;
    text-decoration: underline;
}

.board_table .notice td strong {
    display:flex;
    align-items:center;
    justify-content:center;
    width: 60px;
    height: 30px;
    margin:0 auto;
    border:1px solid #006C46;
    color:#006C46;
}

/* 기관소개 */
.information .img {
    width:100%;
}

.information > .img {
    padding-bottom:60px;
    border-bottom:1px solid #d2d2d2;
}

.information .img img {
    width:100%;
}

.information .img p {
    margin-top:40px;
    color:#666;
    font-size: 18px;
    line-height:1.8;
}

.information_wrap {
    margin-top:60px;
}

.information_wrap strong {
    display:block;
    font-size:22px;
    font-weight:600;
}

.information_wrap .information_text {
    display:Flex;
    align-items:center;
    gap:28px;
    margin-top:40px;
}

.information_wrap .information_text dl {
    flex:1;
    height:290px;
    padding:40px;
    background: #FBFBFB;
}

.information_wrap .information_text dt {
    font-size:18px;
    font-weight:600;
}

.information_wrap .information_text dd {
    margin-top:20px;
    color:#666;
    line-height:1.6;
    word-break:keep-all;
    letter-spacing:-0.05em;
}

.information_wrap .img {
    margin-top:40px;
}


/* 일하는 사람들 */
.org_chart img {
    margin: -20px auto 0;
}

.search_box02 {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:68px;
    padding:0 56px;
    border:1px solid #d2d2d2;
    background: #FBFBFB;
}

.search_box02 label {
    display:block;
    margin-right:20px;
    font-weight: 500;
    letter-spacing:-0.05em;
    white-space: nowrap;
}

.search_box02 label .pc {
    display:inline-block;
}

.search_box02 select,
.search_box02 input {
    width:290px;
    height:48px;
    margin-right:30px;
    padding:0 16px;
    border:1px solid #d2d2d2;
    background-color: #FFF;
}

.search_box02 button {
    display:flex;
    align-items:center;
    justify-content:center;
    width: 97px;
    height: 48px;
    margin-left:-10px;
    background: #444;
    color:#fff;
    font-weight: 600;
}

.tab_content02 h3 {
    margin-top:40px;
    font-size: 24px;
    font-weight: 600;
    text-align:left;
}

.tab_content02 table {
    width:100%;
    margin-top:20px;
    border-top:1px solid #222;
    border-collapse: separate;
}

.tab_content02 table th {
  background-color:#FBFBFB;
}

.tab_content02 table th,
.tab_content02 table td {
    height:60px;
    padding:20px 0;
    border:1px solid #d2d2d2;
    border-style:none solid solid none;
    text-align:center;
    vertical-align:middle;
    line-height:1.4;
}

.tab_content02 table th:first-child,
.tab_content02 table td:first-child {
    width:300px;
}

.tab_content02 table th:nth-child(2),
.tab_content02 table td:nth-child(2),
.tab_content02 table th:nth-child(3),
.tab_content02 table td:nth-child(3) {
    width:350px;
}

.tab_content02 table td:nth-child(3),
.tab_content02 table td:last-child {
    color:#666;
}

.tab_content02 table th:last-child,
.tab_content02 table td:last-child {
    border-right:0;
}

/* 오시는길 */

.location li .home {
    content:'';
    display:block;
    width: 15px;
    height: 14px;
    margin-right:6px;
    background:url("../images/icon_home.svg") center no-repeat;
    background-size:100%;
}

.location .map img {
    width:100%;
}

.location_info {
    display:flex;
    align-items:center;
    padding:40px 60px;
    border:1px solid #d2d2d2;
    border-top:0;
}

.location_info h3 {
    width:226px;
    height:34px;
    margin-right:80px;
    background:url("../images/logo.png") center no-repeat;
    background-size:100%;
    font-size:0;
    text-indent:-9999px;
}

.map_box {
    width:100%;
    height:350px;
}


.location_info p,
.location_info address {
    font-style:normal;
    color:#666;
    white-space: nowrap;
}

.location .map_img {
  margin-top: 40px ;
}

.location_info div {
  display: flex;
  align-items: flex-end;
}

.location_info p {
    display:inline-block;
}

.location_info p:first-of-type {
    margin:0 40px 0 80px;
}

.location_info p span {
    display:inline-block;
    margin-right:12px;
    font-weight:500;
}

.map_text dl {
    margin-top:40px;
    padding-left:90px;
    position:relative;
}

.map_text dl + dl {
    padding-top:40px;
    border-top:1px dashed #d2d2d2;
}

.map_text dl::before {
    content:'';
    display:block;
    width:50px;
    height:50px;
    position:absolute;
    top:40px;
    left:0;
    background-size:100% !important;
}

.map_text dl.map01::before {
    top:50%;
    background:url("../images/icon_location01.svg") center no-repeat;
    transform: translateY(-50%);
}

.map_text dl.map02::before {
    background:url("../images/icon_location02.svg") center no-repeat;
}

.map_text dl.map03::before {
    background:url("../images/icon_location03.svg") center no-repeat;
}

.map_text dl dt {
    font-size: 20px;
    font-weight: 600;
}

.map_text dl dt > span {
    margin-left:30px;
    padding:7px 12px;
    border-radius: 30px;
    border:1px solid #006C46;
    white-space: nowrap;
}

.map_text dl dt > span span {
    color:#006C46;
}

.map_text dl dd {
    margin-top:20px;
    color:#666;
}

/* contact us */
.contact_form {
    width:100%;
    margin-top:60px;
    position:relative;
    border-top:1px solid #222;

}

.contact_form strong {
    display:block;
    position:absolute;
    top:-32px;
    right:0;
    font-weight:400;
}

.contact_form strong i {
    color:#006C46;
}

.contact_form dl {
    display:flex;
    align-items:center;
    min-height:70px;
    border-bottom:1px solid #d2d2d2;
}

.contact_form dl dt,
.contact_form dl dd {
    min-height:70px;
}

.contact_form dl.text dt {
    display:Flex;
    align-items:center;
    height:214px;
    vertical-align:middle;
}

.contact_form dl dt {
    width: 182px;
    height:100%;
    padding:30px 0 30px 30px;
    background: #FBFBFB;
    font-weight: 500;
}

.contact_form dl dt span {
    margin:0;
    color:#006C46;
}

.contact_form dl dd {
    width:calc(100% - 182px);
    padding:12px 0 12px 24px;
    color:#666;
}

.contact_form dl dd.recaptcha {
  padding:0 0 0 24px;
}


.contact_form input,
.contact_form select {
    width:280px;
    height:46px;
    padding:0 16px;
    border:1px solid #d2d2d2;
    color:#666;
}

.contact_form input.title {
    width:100%;
}

.contact_form textarea {
    width:100%;
    height: 186px;
    padding:16px;
    border:1px solid #d2d2d2;
    box-sizing:border-box;
    resize: none;
}

.contact_form div span {
    margin:0 10px;
    color:#666;
}

.contact_form dd div select {
    margin-left:8px;
}

.btn_wrap {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-top:40px;
}

.btn_wrap button {
    width: 150px;
    height: 50px;
    font-weight:600;
}

.btn_wrap .btn_confirm {
    background-color: #006C46;
    color: #fff;
}

.btn_wrap .btn_cancel {
    border:1px solid #d2d2d2;
    color:#666;
}

.btn_wrap .btn_cancel {
    border:1px solid #d2d2d2;
    color: #666;
}

.rule_box {
    word-break: keep-all;
}
/*.rule_box h3 {*/
/*    font-size:28px;*/
/*    font-weight:500;*/
/*}*/

.rule_box h3 + p {
    margin-top:20px;
    color:#666;
    font-weight:300;
    line-height:1.4;
}

.rule_box h4 {
    margin-top:30px;
    font-size:18px;
    font-weight:500;
}

.rule_box h4 + span {
    display:block;
    margin-top:20px;
    color:#666;
    line-height:1.4;
}

.rule_box table {
    width:100%;
    margin-top:15px;
    border-top:1px solid #666;
}

.rule_box table th,
.rule_box table td {
    height:55px;
    border:1px solid #d2d2d2;
    border-style:none solid solid none;
    text-align:center;
    vertical-align:middle;
}

.rule_box table th:last-child,
.rule_box table td:last-child {
    border-right:0;
}

.rule_box table th {
    background:#f8f8f8;
    font-weight:500;
}

.rule_box table td {
    color:#666;
    font-weight:300;
}

.rule_box table td.left {
    padding-left:15px;
    text-align:left;
}

.rule_box ol, .rule_box ul {
    margin-top:15px;
}

.rule_box ol ol {
    padding-left:20px;
}

.rule_box ol ul {
    padding-left:10px;
    margin-top:10px;
}

.rule_box li ol {
    margin-top:15px;
}

.rule_box ol ul li {
    padding-left:10px;
    position:relative;
}

.rule_box strong {
    display:block;
}

.rule_box ol ul strong::before {
    content:'';
    display:block;
    width:2px;
    height:2px;
    border-radius:100%;
    background:#006C46;
    position:absolute;
    top:12px;
    left:5px;
}

.rule_box ul.dash li {
    padding-left:10px;
    position:relative;
}

.rule_box ul.dash li::before {
    content:'-';
    display:block;
    position:absolute;
    top:0px;
    left:0;
}


.rule_box li {
    color:#666;
    font-weight:300;
    line-height:1.4;
}

.rule_box li + li {
    margin-top:10px;
}

.rule_box h5 + span {
    display:block;
    margin-top:15px;
    color:#666;
    font-weight:300;
}

.rule_box .noti {
    display:block;
    margin-top:15px;
    position:relative;
    color:#666;
    padding-left:20px;
    font-weight:300;
}

.rule_box .noti::before {
    content:'※';
    display:block;
    position:absolute;
    top:0;
    left:0;
}

.rule_box h5.title {
    font-size:22px;
}

.rule_box span.date {
    display:block;
    margin-top:20px;
}

.rule_box tfoot td {
    color:#222;
    font-weight:500;
}

.rule_box a {
    color:#006C46;
}

.rule_box a.down {
    display:flex;
    align-items:center;
    justify-content: center;
    /* width:300px; */
    width: 435px;
    height:40px;
    background:#006C46;
    color:#fff;
    margin-top:10px;
    border-radius:3px;
}

/* 게시글 상세 */


.board_detail_top {
    padding:30px;
    border-top:1px solid #222;
}

.board_category {
    display:block;
    color:#006C46;
    font-size: 20px;
}

.tab_content h3.board_detail_title {
    overflow:hidden;
    width:100%;
    margin-top:20px;
    font-size: 24px;
    font-weight: 600;
    text-align:left;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.board_meta_info,
.board_meta_info dl {
    display:flex;
    align-items:center;
}

.board_meta_info dl + dl::before {
    content:'';
    display:block;
    width: 1px;
    height: 16px;
    margin:0 16px;
    background:#d2d2d2;

}

.board_meta_info {
    margin-top:20px;
}

.board_meta_info dd time,
.board_meta_info dd span {
    margin-left:10px;
    color:#666;
}

.board_detail_wrap .attachment_files {
    display:flex;
    align-items:center;
    width:100%;
    padding:20px 30px;
    border:1px solid #d2d2d2;
    border-style:solid none;
    background: #FBFBFB;
}

.board_detail_wrap .attachment_files li {
    display:flex;
    align-items:center;
    color:#666;
}

.board_detail_wrap .attachment_files li + li {
    margin-top:10px;
}

.board_detail_wrap .attachment_files li::before {
    content:'';
    display:block;
    width:15px;
    height:18px;
    margin-right:12px;
    background:url("../images/bul_file.svg") center no-repeat;
    background-size:100%;
}

.board_action_area .btn_list {
    display:flex;
    align-items:center;
    justify-content:center;
    width: 150px;
    height: 50px;
    margin:40px auto 0;
    border: 1px solid #999;
    color:#666;
}

.board_navigation {
    width:100%;
    margin-top:60px;
    border-top:1px solid #d2d2d2;
}

.board_navigation li {
    display:flex;
    align-items:center;
    height:60px;
    border-bottom:1px solid #d2d2d2;
}

.board_navigation li .nav_label {
    display:flex;
    align-items:center;
    justify-content:center;
    width:153px;
    font-weight: 600;
}

.board_navigation li .nav_label svg {
    margin-right:30px;
}

.board_navigation li a {
    overflow:hidden;
    width:1130px;
    color:#666;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.board_navigation li a:hover {
    color:#006C46;
    text-decoration:underline;
}

.board_navigation li .post_date {
    color:#666;
}

@media screen and (max-width: 1023px) {
    .pc {
        display:none;
    }

    .mobile {
        display:block;
    }


    .sub .contents {
        width:100%;
        padding:5.5vw 5vw 13.9vw;
    }

    .sub_top {
        display:Flex;
        align-items:center;
        justify-content:center;
        flex-direction:column-reverse;
    }

    .sub_top h2 {
        margin-top:8.3vw;
        font-size:6.9vw;
    }

    .sub_top .location {
        position:static;
    }

    .sub_top .location .home {
        width:3.3vw;
        height:3.3vw;
    }

    .sub_top .location li,
    .sub_top .location li a  {
        font-size:3.3vw;
    }

    .sub_top .location li::before {
        width:1.1vw;
        height:2.2vw;
        margin:0 2.8vw;
    }

    .tabs {
        justify-content:center;
        margin-top:8.3vw;
        height:11.1vw;
        border:1px solid #d2d2d2;
        border-style:solid none;
    }

    .tabs li {
        flex:none;
        height:100%;
        border:none;
        background:none;
        font-size:3.6vw;
    }

    .tabs li a {
      font-size:3.6vw;
    }

    .tabs li.active {
        border:none;
        position:relative;
        font-weight:600;
    }

    .tabs li.active::after {
        content:'';
        display:block;
        width:100%;
        height:3px;
        position:absolute;
        bottom:-1px;
        left:0;
        background:#006C46;
    }

    .tabs li + li {
        margin-left:5.5vw;
    }

    .tab_content {
        padding-top:8.3vw;
    }

    .tab_content.introT,
    .tab_content.mapT {
      padding-top:5.5vw;
    }

    .tab_content .text h3 {
        font-size:6.1vw;
    }

    .tab_content .text p {
        margin-top:5.5vw;
        font-size:4.4vw;
        font-weight:600;
        word-break:keep-all;
    }

    .tab_content .text p strong {
        font-size:4.4vw;
    }

    .content_table .col.mobile {
        display:table;
        margin-top:5.5vw;
        border-collapse: separate;
    }

    .content_table .col {
        width:100%;
        border-top:1px solid #222;
    }

    .content_table .col th,
    .content_table .col td {
        padding:2.8vw 0;
        border:1px solid #d2d2d2;
        border-style:none solid solid none;
        text-align:center;
        font-size:3.6vw;
        line-height:1.3;
        word-break:keep-all;
        vertical-align:middle;
    }

    .content_table .col td span {
       font-weight:400;
       font-size: 3.1vw;
    }

   .content_table .col th:last-child,
    .content_table .col td:last-child {
        border-right:0;
    }

    .program_section {
        margin-top:8.3vw;
        padding:5.5vw 0 0 0;
    }

    .program section:first-of-type {
      margin-top: 5.6vw;
    }


  .program_header {
        flex-direction:column;
    }

    .program_section h4 {
        width:100%;
        margin-right:0;
        font-size:4.7vw;
    }

    .program_description {
        width:100%;
        margin-top:5.5vw;
    }

    .program_description p {
        font-size:3.6vw;
        letter-spacing:-0.1em;
        word-break: keep-all;
        align-items: flex-start;
    }

    .program_description p::before {
        width:10.8vw;
        height:10.8vw;
        margin-right:2.8vw;
        background-size:5vw !important;
    }

    .keyword-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        gap: 4.2vw;
        height: auto;
        margin-top: 4.2vw;
        padding: 5.5vw;
    }

    .keyword-list li {
        flex-direction: row;
        width: auto;
        justify-content: flex-start;
    }

    .keyword-list li:nth-child(3) {
        grid-column: 1 / 2;
        justify-self: start;
    }

    .keyword-list li span {
        margin-top: 0;
        margin-left: 2.8vw;
        font-size:3.9vw;

    }

    .keyword-list li + li {
        margin: 0;
    }

    .keyword-list li::before {
        width:6.7vw;
        height:6.7vw;
    }

    .program_list {
        flex-direction:column;
        margin-top: 5.5vw;
    }

    .program_list h4 {
        width:100%;
        margin-right:0;
        padding-top:4.2vw;
        font-size:4.2vw;
    }

    .program_items {
        width:100%;
        flex-direction:column;
        margin-top:4.2vw;
        gap: 3.3vw;
    }

    .program_items .program_info {
        height:auto;
        padding:4.2vw 4.2vw 4.2vw 14.2vw;
    }

    .program_items .program_info.medium {
      height:auto;
      padding:4.2vw 4.2vw 4.2vw 14.2vw;
    }

    .program_items .program_info::before {
        width:6.7vw;
        height:6.7vw;
        top:4.2vw;
        left:4.2vw;
    }

    .program_items .program_info h5 {
        font-size:3.9vw;
    }

    .program_items .program_info p {
        margin-top:2vw;
        font-size:3.6vw;
    }

    .program_items .program_meta dl {
        gap:1.4vw;
        height:11.1vw;
    }

    .program_items .program_meta dl dt,
    .program_items .program_meta dl dd {
        font-size:3.6vw;
    }

    /* 활동소개 */

    .program_section h4 span {
        font-size:4.2vw;
    }

    .introduce .keyword-list02 {
        display:flex;
        align-items:flex-start;
        flex-direction:column;
        padding:4.2vw;
    }

    .introduce .keyword-list li span {
        text-align:left;
        letter-spacing:-0.07em;
    }

    .introduce .program_list {
        margin:0;
    }

    .introduce .program_items .program_meta dl dt {
        text-align: center;
    }

    .introduce .program_items .program_meta dl dd {
        padding:3.2vw 0;
        color:#222;
        text-align:center;
    }

    .introduce .program_items .program_meta02 dl {
        height:13.9vw;
    }

    /* 활동정보 */
    .tab_content.board {
        padding-top:0;
    }

    .tab_content.board h3 {
      margin-top: 4.2vw;
    }

  .board_wrap {
        margin-top:5.5vw
    }

    .board_top strong {
        display:none;
    }

    .search_box select {
        width:26.4vw;
        height:11.1vw;
        padding:0 3.3vw;
        font-size:3.6vw;
    }

    .search_box input[type="text"] {
        width:51.1vw;
        height:11.1vw;
        margin-left:1.4vw;
        padding:3.9vw 3.3vw;
        font-size:3.6vw;
    }

    .search_box button {
        width:11.1vw;
        height:11.1vw;
        background-size:4.4vw;
    }

    .board_list {
        margin-top:5.5vw;
    }

    .board_th {
        height:9.7vw;
    }

    .board_th div {
        font-size:3.6vw;
    }

    .board_th .board_title {
        width:calc(100% - 16.7vw);
    }

    .board_th .board_title::before  {
        height:3.3vw;
    }

    .board_number {
        width:16.7vw;
        font-size:3.6vw;
    }

    .board_header {
        height:11.1vw;
    }

    .board_item .board_title {
        overflow:hidden;
        width:calc(100% - 16.7vw - 10.6vw);
        padding-left:2.8vw;
        font-size:3.6vw;
        text-overflow:ellipsis;
        white-space: nowrap;
    }

    /* 250825 추가 */
    .board_item.nodata {
        height:55.6vw;
        margin-top:4.2vw;
        border-top:1px solid #222;
        font-size:3.6vw;
    }

    .board_item.nodata svg {
        width:9.7vw;
        height:9.7vw;
    }

    .content_text {
        padding:5.5vw 4.2vw;
    }

    .content_text * {
      font-size: 3.3vw;
      width: auto !important;
    }

    .content_file {
        padding:3.9vw 4.2vw;
        font-size:3.6vw;
    }

    .file_link  {
      font-size: 3.3vw;
    }

  .file_link + .file_link {
        margin-top:2.2vw;
    }

    .file_icon {
        width:3.3vw;
        height:3.3vw;
        margin-right:2.2vw;
        background-size:contain;
    }

    .content_file a {
        overflow:hidden;
        display:block;
        width:100%;
        font-size:3.6vw;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    .board_toggle .toggle_icon {
        width:4.4vw;
        height:4.4vw;
        margin-left:4vw;
        padding:0;
        background-size:50%;

    }

    .paging {
        gap:1.4vw;
        margin-top:5.5vw;
    }

    .paging a {
        width:8.3vw;
        height:8.3vw;
        font-size:3.3vw;
    }

    .paging a img {
        max-width:3.3vw;
    }

    .paging span:first-of-type {
      margin-left: 0;
    }

    .paging span:last-of-type {
      margin-right: 0;
    }

  .board_table {
        width:100%;
        margin-top:5.5vw;
    }

    .board_table th,
    .board_table td {
        padding:2.8vw 0;
        font-size:3.6vw;
    }

    .board_table .notice td span {
        width:11.1vw;
        height:5.5vw;
        font-size:3.6vw;
    }

    .board_table th:nth-child(3),
    .board_table th:last-child,
    .board_table td:nth-child(3),
    .board_table td:last-child {
        display:none;
    }

    .board_table th:first-child,
    .board_table td:first-child {
        width:16.7vw;
    }

    .board_table th {
        height:9.7vw;
        font-size:3.6vw;
    }

    .board_table th:not(:first-child)::before {
        height:3.3vw;
    }

    .board_table td {
        height:11.1vw;
    }

    .board_table .notice td strong {
        width:11.1vw;
        height:5.5vw;
        font-size:3.6vw;
    }

    .board_table td.title a {
        width:100%;
        max-width:72vw;
        padding:0 2.8vw;
        font-size:3.6vw;
    }

    .information > .img {
        padding-bottom:8.3vw;
    }

    .information .img p {
        margin-top:4.2vw;
        font-size:3.6vw;
        word-break:keep-all;
        line-height: 1.4;
    }

    .information_wrap {
        margin-top:8.3vw;
    }

    .information_wrap strong {
        font-size:4.2vw;
        line-height:1.4;
        word-break:keep-all;
    }

    .information_wrap .information_text {
        flex-direction:column;
        gap:3.3vw;
        margin-top:5.5vw;
    }

    .information_wrap .information_text dl {
        width:100%;
        height:auto;
        padding:5.5vw;
    }

    .information_wrap .information_text dt {
        font-size:3.9vw;
    }

    .information_wrap .information_text dd {
        margin-top:3.3vw;
        font-size:3.6vw;
        line-height: 1.4;
    }

    /* 일하는 사람들 */
    .org_chart img.pc {
        display:none;
    }

    .org_chart img {
        margin-top:5.5vw;
    }

    .search_box02  {
        flex-direction:column;
        align-items:flex-start;
        width:100%;
        height:auto;
        padding:4.2vw;
        gap:2.2vw;
    }

    .search_box02 form {
        width:100%;
        box-sizing:border-box;
    }

    .search_box02 div {
        display:flex;
        align-items:center;
    }

    .search_box02 label {
        min-width:12.2vw;
        margin-right:5.5vw;
        font-size:3.6vw;
    }

    .search_box02 label .pc {
        display:none;
    }

    .search_box02 select,
    .search_box02 input {
        width:63.9vw;
        height:11.1vw;
        margin:0;
        padding:0 3.3vw;
        font-size:3.6vw;
    }

    .search_box02 button {
        display:none;
    }

    .tab_content02 h3 {
        margin-top:5.5vw;
        font-size:4.4vw;
    }

    .tab_content02 table {
        margin-top:2.8vw;
    }

    .tab_content02 table th,
    .tab_content02 table td {
        height:9.7vw;
        padding:1.1vw;
        font-size:3.6vw;
        vertical-align:middle;
        word-break:keep-all;
    }

    .tab_content02 table th:first-child,
    .tab_content02 table td:first-child {
        display:none;
    }

    .tab_content02 table td.no_data {
        display: table-cell !important;
        width: 100% !important;
        text-align: center;
        position: relative;
    }

    .tab_content02 table th:nth-child(2),
    .tab_content02 table td:nth-child(2) {
        width:13.9vw;
    }

    .tab_content02 table th:nth-child(3),
    .tab_content02 table td:nth-child(3) {
        width:27.8vw
    }

    .tab_content02 table th:last-child,
    .tab_content02 table td:last-child {
        width:48.1vw
    }

    /* 오시는길 */
    .location_info {
        flex-direction:column;
        align-items:flex-start;
        padding:4.2vw;
    }

    .location .map_img {
      margin-top: 6.4vw;
    }

  .location_info h3 {
        display:none;
    }

    .map_box {
        width:100%;
        height:80.6vw;
    }

    .location_info p,
    .location_info address {
        font-size:3.6vw;
    }

    .location_info address {
        line-height:1.5;
    }

    .location_info p {
        width:auto;
        margin-top:4.2vw;
    }

    .location_info p:first-of-type {
        margin:0 4.2vw 0 0;
    }

    .location_info p span {
        margin-right:2.2vw;
        font-size:3.6vw;
    }

    .map_text dl {
        margin-top:5.5vw;
        padding-left:10.8vw;
    }

    .map_text dl.map01 {
        margin-top:8.1vw;
    }

    .map_text dl::before {
        width:6.7vw;
        height:6.7vw;
        top:5.5vw;
    }

    .map_text dl.map01::before {
        top:-1.7vw;
        transform: translateY(0);
    }

    .map_text dl + dl {
        padding-top:6.9vw;
    }

    .map_text dl dt {
        font-size:3.9vw;
    }

    .map_text dl dt > span {
        display:block;
        margin:4.2vw 0 0 0;
        padding:1.1vw 2.5vw;
        font-size:3.6vw;
    }

    .map_text dl dt > span span {
        font-size:3.6vw;
    }

    .map_text dl.map02 dt > span {
        width:34.5vw;
    }

    .map_text dl.map03 dt > span {
        width:53vw;
    }

    .map_text dl dd {
        margin-top:2.8vw;
        font-size:3.6vw;
        word-break:keep-all;
        line-height:1.4;
        letter-spacing:-0.05em;
    }

    /* contact us */
    .contact_form {
        margin-top:15.8vw;
    }

    .contact_form strong {
        top:-7.5vw;
        color:#666;
        font-size:3.6vw;
    }
    .contact_form dl {
        min-height:auto;
        padding:4.2vw 0;
        flex-direction:column;
        align-items:flex-start;
    }

    .contact_form dl dt, .contact_form dl dd {
        width:100%;
        min-height:auto;
        padding:0;
    }

    .contact_form dl dt {
        background:none;
        font-size:3.9vw;
    }

    .contact_form dl dd {
        margin-top:3.3vw;
        font-size:3.6vw;
    }

    .contact_form input, .contact_form select {
        width:100%;
        height:11.1vw;
        padding:0 3.3vw;
        font-size:3.6vw;
    }

    .contact_form dl.text dt {
        height:auto;
    }

    .contact_form textarea {
        height:37.5vw;
        padding:3.3vw;
        font-size:3.6vw;
    }

    .contact_form dd div {
        display:flex;
        align-items:center;
        flex-wrap:wrap;
    }

    .contact_form dd div input {
        width:41.4vw;
    }

    .contact_form div span {
        margin:0 1.4vw;
    }

    .contact_form dd div select {
        margin:2.2vw 0 0 0;
    }

    .contact_form dl dd.recaptcha {
      padding:0;
    }

  .btn_wrap {
        margin-top:5.5vw;
        gap:3.3vw;
    }

  .btn_wrap .btn_confirm,
  .btn_wrap .btn_cancel {
      font-size: 3.6vw;
  }

    .btn_wrap button {
        width:43.3vw;
        height:11.1vw;
        font-size:3.3vw;
    }

    .rule_box {
        font-size:3.1vw;
    }
    .rule_box h3 {
        font-size:5.3vw;
    }

    .rule_box h3 + p,
    .rule_box h4 + span {
        margin-top:3.1vw;
    }

    .rule_box h4 {
        margin-top:4.7vw;
        font-size:4.1vw;
    }

    .rule_box table {
        margin-top:3.1vw;
    }

    .rule_box table th,
    .rule_box table td {
        min-height:10.2vw;
        padding:2.3vw 0;
    }

    .rule_box table th {
        color:#222;
    }

    .rule_box li,
    .rule_box p,
    .rule_box span {
        font-size:3.4vw;
    }

    .rule_box ol, .rule_box ul {
        margin-top:2.3vw;
    }

    .rule_box li ol {
        margin-top:2.3vw;
    }

    .rule_box ol ol {
        padding-left:4.7vw;
    }

    .rule_box ol ul {
        margin-top:1.6vw;
    }

    .rule_box li + li {
        margin-top:1.6vw;
    }

    .rule_box h5 + span {
        margin-top:2.3vw;
    }

    .rule_box .noti {
        margin-top:2.32vw;
        padding-left:4.1vw;
    }

    .rule_box .table_wrap:not(.first) {
        overflow-x:auto;
    }

    .rule_box .table_wrap:not(.first) table {
        width:1200px;
    }

    .rule_box .table_wrap:not(.first) table col {
        width:auto !important;
    }

    .rule_box h5.title {
        font-size:4.7vw;
    }

    .rule_box a.down {
        display:flex;
        align-items:center;
        justify-content: center;
        width:100%;
        height:7.9vw;
        background:#44a732;
        color:#fff;
        margin-top:10px;
        border-radius:3px;
    }



    .board_detail_top {
        margin-top:8.3vw;
        padding:4.2vw 0;
    }

    .board_category {
        font-size:3.6vw;
    }

    .tab_content h3.board_detail_title {
        font-size:4.7vw;
        white-space: normal; /* 기본 스타일의 nowrap 오버라이드 */
        display: -webkit-box;
        -webkit-line-clamp: 2; /* 두 줄까지 표시 */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height:1.4;
    }

    .board_meta_info {
        margin-top:4.2vw;
    }

    .board_meta_info dl dt,
    .board_meta_info dl dd span,
    .board_meta_info dl dd time {
        font-size:3.6vw;
    }

    .board_meta_info dl dd span,
    .board_meta_info dl dd time {
        margin-left:2.2vw;
    }

    .board_meta_info dl + dl::before {
        height:2.8vw;
        margin:0 2.8vw;
    }

    .board_detail_wrap .attachment_files {
        min-height:11.1vw;
        padding:3.9vw 2.8vw;
    }

    .board_detail_wrap .attachment_files ul {
        width:100%;
    }

    .board_detail_wrap .attachment_files li + li {
        margin-top:2.2vw;
    }

    .board_detail_wrap .attachment_files li a {
        overflow:hidden;
        display:block;
        text-overflow:ellipsis;
        width:100%;
        font-size:3.6vw;
        white-space:nowrap;
    }

    .board_detail_wrap .attachment_files li::before {
        width:3.3vw;
        height:3.3vw;
        margin-right:2.2vw;
        background-size:contain;
    }

    .board_action_area .btn_list {
        width:27.8vw;
        margin-top:5.5vw;
        height:11.1vw;
        font-size:3.6vw;
    }

    .board_navigation {
        margin-top:8.3vw;
    }

    .board_navigation li {
        height:11.1vw;
    }

    .board_navigation li .nav_label {
        width:23.6vw;
        font-size:3.6vw;
    }

    .board_navigation li .nav_label svg {
        width:3.3vw;
        height:auto;
    }

    .board_navigation li a {
        width:62.9vw;
        font-size:3.6vw;
    }

    .board_navigation li .post_date {
        display:none;
    }

}

