@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:#3E6E30;
}

.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 #3E6E30;
    background: #FBFBFB;
    color:#666;
    font-size:20px;
    font-weight: 600;
    cursor: pointer;
}

.tabs li.active {
    border:1px solid #3E6E30;
    border-bottom-color:#fff;
    background:#fff;
    color:#3E6E30;
}

.tabs li + li {
    border-left:0;
}

.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:#3E6E30;
    font-weight:700;
    font-size: 24px;
}

.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 th:last-child,
.content_table .row td:last-child {
    border-right:0;
}

.content_table .row th {
    width:400px;
    background: #FBFBFB;
}

.content_table .row td {
    width:400px;
    font-weight:400;
    white-space: nowrap;
}


.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:'';
    flex: 0 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    width:78px;
    height:78px;
    margin-right:24px;
    border-radius:50%;
    border:6px solid #d8e2d6;
    background-size:36px !important;
}

.program_description p.p01::before {
    background:#3E6E30 url("../images/icon_sub01.png") center no-repeat;
}

.program_description p.p02::before {
    background:#3E6E30 url("../images/icon_sub09.svg") center no-repeat;
}

.program_description p.p03::before {
    background:#3E6E30 url("../images/icon_sub25.svg") center no-repeat;
}

.program_description p.p04::before {
    background:#3E6E30 url("../images/icon_sub70.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;
    white-space: nowrap;
}

.keyword-list.compact li + li {
  margin-left:53px;
}

.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.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.icon04::before {
    background:url("../images/icon_sub04.svg") center no-repeat;
}

.keyword-list li.icon10::before {
    background:url("../images/icon_sub10.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.icon18::before {
    background:url("../images/icon_sub18.svg") center no-repeat;
}

.keyword-list li.icon19::before {
    background:url("../images/icon_sub19.svg") center no-repeat;
}

.keyword-list li.icon20::before {
    background:url("../images/icon_sub20.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.icon19::before {
    background:url("../images/icon_sub19.svg") center no-repeat;
}

.keyword-list li.icon20::before {
    background:url("../images/icon_sub20.svg") center no-repeat;
}

.keyword-list li.icon21::before {
    background:url("../images/icon_sub21.svg") center no-repeat;
}

.keyword-list li.icon26::before {
  background:url("../images/icon_sub26.svg") center no-repeat;
}

.keyword-list li.icon27::before {
  background:url("../images/icon_sub27.svg") center no-repeat;
}

.keyword-list li.icon28::before {
  background:url("../images/icon_sub28.svg") center no-repeat;
}

.keyword-list li.icon29::before {
  background:url("../images/icon_sub29.svg") center no-repeat;
}

.keyword-list li.icon30::before {
  background:url("../images/icon_sub30.svg") center no-repeat;
}

.keyword-list li.icon31::before {
  background:url("../images/icon_sub31.svg") center no-repeat;
}



.keyword-list li span {
    display:block;
    margin-top:20px;
    font-size: 20px;
    font-weight: 600;
    letter-spacing:-0.05em;
}

.program_list {
    display:flex;
    margin-top:40px;
}

.program_list h4 {
    width: 329px;
    margin-right:28px;
    padding-top:24px;
    border-top:1px solid #6E6030;
    color:#6E6030;
    font-size: 22px;
}

.program_items {
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width:calc(100% - 329px);
    gap:28px;
}

.program_items article {
    border:1px solid #d2d2d2;
    width: 507px;
    max-width: 100%;
}

.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.icon05::before {
    background:url("../images/icon_sub05.png") center no-repeat;
}

.program_items .program_info.icon06::before {
    background:url("../images/icon_sub06.svg") center no-repeat;
}

.program_items .program_info.icon07::before {
    background:url("../images/icon_sub07.svg") center no-repeat;
}

.program_items .program_info.icon08::before {
    background:url("../images/icon_sub08.svg") center no-repeat;
}

.program_items .program_info.icon13::before {
    background:url("../images/icon_sub13.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.icon16::before {
    background:url("../images/icon_sub16.svg") center no-repeat;
}

.program_items .program_info.icon21::before {
  background:url("../images/icon_sub21.svg") center no-repeat;
}

.program_items .program_info.icon22::before {
  background:url("../images/icon_sub22.svg") center no-repeat;
}

.program_items .program_info.icon23::before {
  background:url("../images/icon_sub23.svg") center no-repeat;
}

.program_items .program_info.icon24::before {
  background:url("../images/icon_sub24.svg") center no-repeat;
}

.program_items .program_info.icon32::before {
  background:url("../images/icon_sub32.svg") center no-repeat;
}

.program_items .program_info.icon33::before {
  background:url("../images/icon_sub33.svg") center no-repeat;
}

.program_items .program_info.icon34::before {
  background:url("../images/icon_sub34.svg") center no-repeat;
}

.program_items .program_info.icon35::before {
  background:url("../images/icon_sub35.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:#3E6E30 url("../images/icon_sub36.svg") center no-repeat;
}

.program_description p.p06::before {
    background:#3E6E30 url("../images/icon_sub46.svg") center no-repeat;
}

.program_description p.p07::before {
    background:#3E6E30 url("../images/icon_sub54.svg") center no-repeat;
}

.program_description p.p08::before {
    background:#3E6E30 url("../images/icon_sub63.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.icon37::before {
    background:url("../images/icon_sub37.svg") center no-repeat;
}

.keyword-list li.icon38::before {
    background:url("../images/icon_sub38.png") center no-repeat;
}

.keyword-list li.icon39::before {
    background:url("../images/icon_sub39.svg") center no-repeat;
}

.keyword-list li.icon40::before {
    background:url("../images/icon_sub40.svg") center no-repeat;
}

.keyword-list li.icon41::before {
    background:url("../images/icon_sub41.svg") center no-repeat;
}

.keyword-list li.icon47::before {
  background:url("../images/icon_sub47.svg") center no-repeat;
}

.keyword-list li.icon48::before {
  background:url("../images/icon_sub48.svg") center no-repeat;
}

.keyword-list li.icon49::before {
  background:url("../images/icon_sub49.svg") center no-repeat;
}

.keyword-list li.icon50::before {
  background:url("../images/icon_sub50.svg") center no-repeat;
}

.keyword-list li.icon51::before {
  background:url("../images/icon_sub51.svg") center no-repeat;
}

.keyword-list li.icon55::before {
  background:url("../images/icon_sub55.svg") center no-repeat;
}

.keyword-list li.icon56::before {
  background:url("../images/icon_sub56.svg") center no-repeat;
}

.keyword-list li.icon57::before {
  background:url("../images/icon_sub57.svg") center no-repeat;
}

.keyword-list li.icon58::before {
  background:url("../images/icon_sub58.svg") center no-repeat;
}

.keyword-list li.icon64::before {
  background:url("../images/icon_sub64.svg") center no-repeat;
}

.keyword-list li.icon65::before {
  background:url("../images/icon_sub65.svg") center no-repeat;
}

.keyword-list li.icon66::before {
  background:url("../images/icon_sub66.svg") center no-repeat;
}

.keyword-list li.icon67::before {
  background:url("../images/icon_sub67.svg") center no-repeat;
}


.program_items .program_info.icon42::before {
    background:url("../images/icon_sub42.svg") center no-repeat;
}

.program_items .program_info.icon43::before {
    background:url("../images/icon_sub43.svg") center no-repeat;
}

.program_items .program_info.icon44::before {
    background:url("../images/icon_sub44.svg") center no-repeat;
}

.program_items .program_info.icon45::before {
    background:url("../images/icon_sub45.svg") center no-repeat;
}

.program_items .program_info.icon52::before {
    background:url("../images/icon_sub52.svg") center no-repeat;
}

.program_items .program_info.icon53::before {
  background:url("../images/icon_sub53.svg") center no-repeat;
}

.program_items .program_info.icon59::before {
  background:url("../images/icon_sub59.svg") center no-repeat;
}

.program_items .program_info.icon60::before {
  background:url("../images/icon_sub60.svg") center no-repeat;
}

.program_items .program_info.icon61::before {
  background:url("../images/icon_sub61.svg") center no-repeat;
}

.program_items .program_info.icon62::before {
  background:url("../images/icon_sub62.svg") center no-repeat;
}

.program_items .program_info.icon68::before {
  background:url("../images/icon_sub68.svg") center no-repeat;
}

.program_items .program_info.icon69::before {
  background:url("../images/icon_sub69.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 form {
    width:100%;
}

.board_top div {
    display:flex;
    align-items:center;;
}

.board_top strong {
    color: #666;
    font-weight: 400;
    font-size: 16px;
}

.board_top strong .count {
    color: #3E6E30;
    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;
}

.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: #3E6E30;
    text-decoration: underline;
}

.content_text {
    padding:30px 40px;
    border-top:1px solid #d2d2d2;
    color:#666;
    white-space: pre-line;
    font-size: 16px;
    line-height: 1.6;
}

.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:#3E6E30;
    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 #3E6E30;
  color:#3E6E30;
}

.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: #3E6E30;
    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 #3E6E30;
    color:#3E6E30;
}

.manager_info {
  display: flex;
  flex-direction: column;
  justify-items: center;
  border: 1px solid #D2D2D2;
  gap: 20px;
  padding: 30px;
  margin-top: 40px;
}

.manager_info .line01 {
  display: flex;
  align-items: end;
  gap: 12px;
}

.manager_info h6 {
  font-size: 18px;
  font-weight: 600;
  white-space: nowrap;
}

.manager_info p {
  font-size: 16px;
  font-weight: 400;
  color: #666666;
}

.manager_info .line02 {
  display: flex;
  gap: 24px;
}

.manager_info .line02 dl {
  display: flex;
  gap: 12px;
}

.manager_info .line02 dt {
  font-weight: 500;
  font-size: 16px;
}

.manager_info .line02 dd {
  position: relative;
  padding-left: 12px;
}

.manager_info .line02 dd::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background: #d2d2d2;
}

/* 기관소개 */
.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;
}

.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 .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_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:20%;
    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 #3E6E30;
}

.map_text dl dt > span span {
    color:#3E6E30;
}

.map_text dl dd {
    margin-top:20px;
    color:#666;
}

.map_text dl dd strong{
    color: #3E6E30;
}

/* 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:#3E6E30;
}

.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:#3E6E30;
}

.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: #3E6E30;
    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 td a {
  color:#006C46;
  text-decoration-line: underline;
}


.rule_box a.down {
  display:flex;
  align-items:center;
  justify-content: center;
  height:40px;
  background:#006C46;
  color:#fff;
  border-radius:24px;
  padding: 5px 15px;
}

.detail {
  display: flex;
  gap: 5px;
}

/* 게시글 상세 */
.board_detail_top {
  padding:30px;
  border-top:1px solid #222;
}

.board_category {
  display:block;
  color:#3E6E30;
  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:#3E6E30;
  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:#3E6E30;
    }

    .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 {
        margin-top:5.5vw;
        font-size:4.4vw;
        font-weight:600;
        word-break:keep-all;
    }

    .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 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.compact li + li,
    .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 article {
      border:1px solid #d2d2d2;
      width: 100%;
    }

    .program_items .program_info {
        height:auto;
        padding:4.2vw 4.2vw 4.2vw 14.2vw;
    }

    .program_items .program_info.box {
        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 {
        width:0;
        height:0;
        text-indent:-9999px;
    }

    .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 h3 {
      margin-top: 4.2vw;
    }

    .tab_content.board .board_detail_wrap {
      margin-top: 8.3vw;
    }

  .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_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;
    }

    .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 {
        height:11.1vw;
        padding:3.9vw 4.2vw;
        font-size:3.6vw
    }

    .file_icon {
        width:3.3vw;
        height:3.3vw;
        margin-right:2.2vw;
        background-size:contain;
    }

  .file_link  {
    font-size: 3.3vw;
  }

  .file_link + .file_link {
      margin-top:2.2vw;
    }

  .board_toggle .toggle_icon {
        width:4.4vw;
        height:4.4vw;
        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;
    }

  .manager_info {
    gap: 4.6vw;
    padding: 6vw;
    margin-top: 8vw;
  }

  .manager_info .line01 {
    flex-direction: column;
    align-items: start;
  }

  .manager_info .line02 {
    flex-direction: column;
  }

  .manager_info .line02 dl {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .manager_info h6 {
    font-size: 3.3vw;
  }

  .manager_info p {
    font-size: 2.8vw;
  }

  .manager_info .line02 {
    gap: 3.1vw;
  }

  .manager_info .line02 dt {
    font-size: 2.8vw;
  }

  .manager_info .line02 dd {
    padding-left: 2.5vw;
    font-size: 2.8vw;
  }

    .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 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),
    .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_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;
  }

  .board_detail_top {
    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;
  }

}