.m-visual {width: 100%; height: 450px; overflow: hidden; position: relative;}
.m-visual .swiper-controls {display: flex; justify-content: center; align-items: center; z-index: 99; position: absolute; bottom: 30px; left: calc(50% + 532px); transform: translateX(-50%); width: 135px; height: 35px; border-radius: 35px; background-color: rgba(0, 0, 0, 0.3);}
.m-visual .swiper-button-play {margin: 0 8px; flex: none; width: 9px; height: 10px; background: url(/img/main/play.png) 50% 50% no-repeat; background-size: 100% auto; display: none;}
.m-visual .swiper-button-stop {margin: 0 8px; flex: none; width: 9px; height: 10px; background: url(/img/main/stop.png) 50% 50% no-repeat; background-size: auto 100%; display: block;}
.m-visual .swiper-prev,
.m-visual .swiper-next {flex: none; display: block; width: 7px; height: 12px;}
.m-visual .swiper-prev {background: url(/img/main/prev.png) 50% 50% no-repeat; background-size: 100% auto; }
.m-visual .swiper-next {background: url(/img/main/next.png) 50% 50% no-repeat; background-size: 100% auto; }
.m-visual .swiper-paging {font-family: 'Lato', sans-serif; flex: none; display: block; width: auto; margin: 0 0 0 22px; font-size: 15px; color: #fff; font-weight: 700;}
.m-visual .swiper-paging .swiper-pagination-total {font-weight: 400;}

@media all and (max-width: 1320px) {
  .m-visual .swiper-controls {left: initial; transform: initial; right: 20px;}
}
@media all and (max-width: 900px) {
  .m-visual {height: 350px;}
  .m-visual .swiper-slide {background-size: auto 100% !important; background-position: 50% 50% !important;}

}
@media all and (max-width: 640px) {
  .m-visual {height: 250px;}
  .m-visual .swiper-controls {bottom: 20px; height: 30px;}

}
@media all and (max-width: 420px) {

}

.middle-flex {width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 38px 0; box-sizing: border-box;}
.middle-flex h2,
.middle-flex .flex-layout {flex: none;}
.middle-flex h2 img {display: block; width: 39px; height: auto; margin: 0 auto 8px;}
.middle-flex h2 {width: 142px; font-size: 18px; font-weight: bold; color: #222; line-height: 26px;}
.middle-flex .flex-layout {width:100%; display: flex; justify-content: space-between; align-items: center;}
.middle-flex .middle-box {flex: none; width: 110px;}
.middle-flex .middle-box a {display: block; width: 100%;}
.middle-flex .middle-box .box-img {width: 100%; padding-bottom: 100%; box-sizing: border-box; position: relative;}
.middle-flex .middle-box .box-img img {display: block; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.middle-flex .middle-box .box-txt {width: 100%; text-align: center; margin: 16px 0 0; }

@media all and (max-width: 1320px) {
  .middle-flex .flex-layout {}
  .middle-flex .middle-box {margin: 0;}
}
@media all and (max-width: 1280px) {
  .middle-flex .middle-box {width: 100px;}
}
@media all and (max-width: 900px) {
  .middle-flex {padding: 24px 0;}
  .middle-flex .flex-layout {}
  .middle-flex .middle-box .box-txt {font-size: 15px; white-space: nowrap;}
  .middle-flex .middle-box {width: 80px;}
}
@media all and (max-width: 640px) {
  .middle-flex .middle-box {width: 60px;}

}
@media all and (max-width: 540px) {
  .middle-flex .flex-layout {flex-wrap: wrap; justify-content: flex-start;}
  .middle-flex .middle-box {width: calc((100% - 8%) / 5); margin: 0 2% 0 0;}
  .middle-flex .middle-box:nth-of-type(5) {margin: 0;}
  .middle-flex .middle-box:nth-of-type(6),
  .middle-flex .middle-box:nth-of-type(7) {margin: 20px 2% 0 0;}
}
@media all and (max-width: 480px) {

}
@media all and (max-width: 420px) {
  .middle-flex .middle-box {width: calc((100% - 6%) / 4); margin: 0 2% 0 0;}

  .middle-flex .middle-box:nth-of-type(4) {margin: 0;}
  .middle-flex .middle-box:nth-of-type(5),
  .middle-flex .middle-box:nth-of-type(6) {margin: 20px 2% 0 0;}
  .middle-flex .middle-box:nth-of-type(7) {margin: 20px 0 0 0;}

}
@media all and (max-width: 320px) {
  .middle-flex .middle-box .box-txt {margin: 12px 0 0; font-size: 14px;}
}


.m-board {width: 100%; }
.m-board .ui-widget-header {background: none !important;}
.m-board .flex-layout {display: flex; justify-content: space-between; align-items: flex-start; width: 100%;}
.m-board .board-left {border: 1px solid #ddd; box-sizing: border-box; border-top: 0; position: relative;}
.m-board .board-right .box {width: 100%; background: #f4f3f7; height: 100%; }
.m-board .board-right .box > a {padding: 6.5% 180px 0 6.5%; box-sizing: border-box; width: 100%; height: 100%;  position: relative; display: block;}
.m-board .board-right .box h3 {color: var(--m-color); font-size: 30px; font-weight: 800; position: relative; display: inline-block; box-sizing: border-box; vertical-align: middle;}
.m-board .board-right .box h3::after {vertical-align: middle; margin: 0 0 0 10px; content: ''; display: inline-block; width: 24px; height: 24px; background: url(/img/main/greeting-plus.png) 50% 50% no-repeat; background-size: 100% auto;}
.m-board .board-right .box h4 {color: #222; font-size: 18px; font-weight: 800; margin: 15px 0 10px; word-break: keep-all;}
.m-board .board-right .box h5 {color: #222; font-size: 15px; line-height: 1.6;  font-weight: 400; padding: 5.3% 0 0 13%; box-sizing: border-box;}
.m-board .board-right .box h5 b {font-size: 18px; line-height: 1.6; font-weight: 800;}
.m-board .board-right .box p {font-size: 15px; color: #555; line-height: 1.67; word-break: keep-all;}
.m-board .board-right .box .img {width: 120px; height: 150px; position: absolute; right: 40px; top: 50px; overflow: hidden;}
.m-board .board-right .box .img img {height: 100%; width: auto;}
.m-board .board-left,
.m-board .board-right {flex: none; width: calc((100% - 50px) / 2); height: 300px;}
.board-tabs {width: 100%; height: 100%; border: 0 !important; margin: 0 !important; padding: 0 !important; font-family: inherit;}
.board-tabs > ul {display: flex; width: calc(100% - 50px); border: 0 !important; margin: 0 !important; padding: 0 !important;}
.board-tabs > ul > li {margin: 0 !important; padding: 0 !important; flex: none; width: 50%; height: 50px; border: 1px solid #ddd !important; box-sizing: border-box;}
.board-tabs > ul > li:first-of-type {border-left: 0 !important;}
.board-tabs > ul > li:last-of-type {border-left: 0 !important;}
.board-tabs > ul > li > a {padding: 0 !important; border: 0 !important; margin: 0 !important; color: #999; background: #f6f6f6; font-size: 18px; display: flex; justify-content: center; align-items: center; text-align: center; width: 100%; height: 100%;}
.board-tabs > ul > li.ui-state-active {border-color: var(--m-color);}
.board-tabs > ul > li.ui-state-active a {background: var(--m-color); color: #fff;}
.board-more {width: 50px; display: block; height: 50px; position: absolute; right: 0; top: 0; border: 1px solid #ddd; box-sizing: border-box; border-left: 0; border-right: 0; background: url(/img/main/plus.png) 50% 50% no-repeat; background-size: 12px 12px;}
.board-cont {height: 253px; padding: 30px !important; box-sizing: border-box; border: 0 !important; margin: 0 !important; }
.board-cont li {font-size: 15px; line-height: 32px;}
.board-cont li a {display: flex; width: 100%; justify-content: space-between; align-items: center;}
.board-cont li a h3 {width: 370px; flex: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.board-cont li a h3 span {color: var(--m-color); display: inline-block; margin: 0 4px 0 0;}
.board-cont li a .date {flex: none; display: block; width: calc(100% - 370px); text-align: right; font-family: 'Lato', sans-serif; }

@media all and (max-width: 1320px) {
  .m-board .board-left,
  .m-board .board-right {flex: none; width: calc((100% - 30px) / 2); height: 300px;}
  .board-cont {}
  .board-cont li a h3 {width: calc(100% - 110px); padding: 0 20px 0 0; box-sizing: border-box;}
  .board-cont li a .date {width: 110px;}
}
@media all and (max-width: 1024px) {
  .m-board .board-right .box > a {padding: 20px 150px 0 20px;}
  .m-board .board-right .box .img {right: 20px;}
  .m-board .board-right .box h5 {padding: 30px 0 0 40px;}

}
@media all and (max-width: 900px) {
  .m-board .flex-layout {flex-wrap: wrap;}
  .board-cont {padding: 20px !important; height: auto;}
  .m-board .board-left {width: 100%; height: auto;}
  .m-board .board-right {width: 100%; height: auto; margin: 24px 0 0;}
  .board-tabs > ul > li > a {font-size: 15px;}
  .board-cont li a h3 {width: calc(100% - 80px); font-size: 14px;}
  .board-cont li a .date {font-size: 13px; width: 80px;}

  .m-board .board-right .box {height: auto;}
  .m-board .board-right .box > a {height: auto; padding: 20px 180px 20px 20px;}
  .m-board .board-right .box .txt {max-width: 400px;}
  .m-board .board-right .box h5 {padding: 30px 0 0 0;}

}
@media all and (max-width: 640px) {
  .m-board .board-right .box > a{padding: 20px 150px 20px 20px;}

}
@media all and (max-width: 420px) {
  .m-board .board-right .box {}
  .m-board .board-right .box > a{padding: 20px;}
  .m-board .board-right .box .img {position: initial; margin: 20px 0 0;}

}
.m-partner {margin: 60px 0 0; box-sizing: border-box; border-top: 1px solid #ddd; }
.m-partner .flex-layout {display: flex; justify-content: flex-start; align-items: center;height: 100px;}
.m-partner .flex-layout .partner-tit {flex: none; width: 120px; display: flex; justify-content: flex-start; align-items: center;}
.m-partner .flex-layout .partner-slide {flex: none; width: calc(100% - 120px); overflow: hidden;}
.m-partner h2 {font-size: 18px; color: #222; font-weight: bold; flex: none;}
.m-partner .swiper-play2 {cursor: pointer; flex: none; display: none; width: 11px; height: 14px; margin: 0 0 0 8px; border: 0; background: url(/img/main/partner_play.png) 50% 50% no-repeat; background-size: 100% auto;}
.m-partner .swiper-stop2 {cursor: pointer; flex: none; display: block; width: 10px; height: 15px; margin: 0 0 0 8px; border: 0; background: url(/img/main/partner_stop.png) 50% 50% no-repeat; background-size: 100% auto;}
.m-partner .swiper-slide { width: 200px; height: 70px; border: 1px solid #eeeeee; box-sizing: border-box; position: relative;}
.m-partner .swiper-slide img {display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; width: auto; height: auto;}


.greeting_container .bg_area {width: 100%; background: #f6f3fd; height: 400px; padding: 60px 0 0; box-sizing: border-box;}
.greeting_container .s_container {padding: 0 70px 70px; box-sizing: border-box; width: 100%; max-width:1280px; min-width: 1280px; margin: 0 auto; }
.greeting_container .bg_area .s_container { position: relative; background: url(/img/sub/greeting_bg2.jpg) 0 0 no-repeat; background-size: 100% auto; height: 100%; padding: 90px 70px 0; }
.greeting_container .bg_area img {position: absolute; right: 70px; top: 70px;}
.greeting_container .s_container p {margin: 28px 0 0; font-size: 15px; line-height: 28px; color: #222;}
.greeting_container .s_container h3 {padding: 0 0 52px; box-sizing: border-box; border-bottom: 1px solid #ddd; font-size: 30px; line-height: 40px; color: #222; letter-spacing: -0.065em; }
.greeting_container .s_container h3 span {font-size: 20px; line-height: 35px; display: block;}
.greeting_container .s_container h3 b {color: var(--m-color);}
.greeting_container .s_container h5 {margin: 58px 0 0; font-size: 15px; line-height: 25px; color: #222; text-align: right;}
.greeting_container .s_container h5 b {font-size: 22px; font-weight: bold;}

@media all and (max-width: 1320px) {
  .greeting_container .s_container {max-width: 100%; min-width: 0; width: 100%; padding: 0 140px 70px;}
  .greeting_container .bg_area {padding: 60px 70px 0; box-sizing: border-box;}
  .greeting_container .s_container h3 {padding: 0 200px 40px 0; box-sizing: border-box;}
  .greeting_container .s_container h3 br {display: none;}
  .greeting_container .bg_area .s_container {background-size: auto 100%; background: #fff url(/img/sub/greeting_bg2.jpg) 70% 30% no-repeat;}
}

@media all and (max-width: 900px) {
  .greeting_container .s_container {padding: 40px 60px 70px;}
  .greeting_container .bg_area .s_container {padding: 60px 30px 0; display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; flex-direction: column; background: #fff url(/img/sub/greeting_bg2.jpg) 80% 30% no-repeat;}
  .greeting_container .bg_area {height: auto; padding: 60px 30px 0;}
  .greeting_container .bg_area img {display: block; position: initial; order: -1; margin: 0 0 20px;}
  .greeting_container .s_container h3 {padding: 0 0 30px; font-size: 24px; line-height: 1.5; width: 100%;}
  .greeting_container .s_container h3 span {font-size: 18px; line-height: 1.4;}
  .greeting_container .s_container p {margin: 18px 0 0; font-size: 15px;}
}

@media all and (max-width: 640px) {
  .greeting_container .s_container {padding: 20px 40px 40px;}
  .greeting_container .bg_area .s_container {padding: 40px 20px 0;  }
  .greeting_container .bg_area {padding: 40px 20px 0;}
  .greeting_container .s_container h3 {font-size: 20px;}
  .greeting_container .s_container h3 span {font-size: 17px;}


}

.his_bar { width:100%; background:url(../img/comm/his_bar.jpg) 7px 0 repeat-y; }
.his_bar li { position:relative; margin:0 0 40px; padding:0 0 0 130px; box-sizing:border-box; }
.his_bar li .year { position:absolute; top:0; left:0; font-size:26px; line-height:30px; font-weight:500; color:var(--m-color); padding:0 0 0 30px; background:url(../img/comm/his_ico.png) 0 50% no-repeat; background-size: 15px auto; box-sizing:border-box; }
.his_bar .lst { display:block; margin:0 0 25px; }
.his_bar .lst:after { content:''; display:block; clear:both; }
.his_bar .lst .month { display:inline-block; font-size:18px; font-weight:500; line-height:30px; color:#000; vertical-align:top; }
.his_bar .lst .txt { width:calc(100% - 120px); font-size:17px; font-weight:500; line-height:30px; letter-spacing:-0.065rem; color:#333; }
.his_bar .lst .txt .ttl, .his_bar .lst .txt .detail { display:block; }
.his_bar .lst .txt .detail { position:relative; display:block; font-size:16px; line-height:24px; letter-spacing:-0.065rem; color:#888; word-break:keep-all; padding:0 0 0 12px; }
.his_bar .lst .txt .detail:before { content:''; position:absolute; top:12px; left:0; width:5px; height:1px; background:#888; }

@media all and (max-width: 900px) {
  .his_bar .lst .txt {width: 100%;}
}
@media all and (max-width: 640px) {
  .his_bar li {padding: 0 0 0 0;}
  .his_bar li .year {position: initial; top: initial; left: initial; right: initial; bottom: initial; transform: initial; display: block; margin: 0 0 10px;}
  .his_bar .lst {padding: 0 0 0 30px;}
}

.organ-container table { border-top: 1px solid var(--m-color); box-sizing: border-box;}
.organ-container tbody th { background: #fff9ec; vertical-align: middle; text-align: center; color: var(--h-font-color); font-weight: 500; border-right: 1px solid #ddd; box-sizing: border-box;}
.organ-container table thead th {background: #e8e9ed; vertical-align: middle; height: 50px; color: var(--m-color); text-align: center; font-weight: bold; border-right: 1px solid #ddd; box-sizing: border-box;}
.organ-container table td {vertical-align: middle; text-align: center; line-height: 50px; border-right: 1px solid #ddd; box-sizing: border-box;}
.organ-container table tr {border-collapse: collapse; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.organ-container table thead th:last-of-type,
.organ-container table tbody td:last-of-type {border-right: 0;}


@media all and (max-width: 900px) {
  .organ-container thead th,
  .organ-container tbody th,
  .organ-container table td {font-size: 15px; padding: 0 4px; box-sizing: border-box; word-break: break-all;}

}
@media all and (max-width: 640px) {
  .organ-container thead th,
  .organ-container tbody th,
  .organ-container table td {font-size: 14px;}



}


.pres_container ul {width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-wrap: wrap;}
.pres_container li {flex: none; width: 216px; border: 1px solid #ddd; box-sizing: border-box; margin: 0 30px 30px 0;}
.pres_container li:nth-of-type(5n) {margin: 0 0 30px;}
.pres_container .img {height: 210px; display: flex; justify-content: center; align-items: center;}
.pres_container .img_area {flex: none; width: 130px; height: 160px; overflow: hidden; background: url(/img/sub/president.jpg) 0 0 no-repeat; background-size: 100% auto; }
.pres_container .img_area img {display: block; width: 100%;}
.pres_container .txt {height: 100px; border-top: 1px solid #ddd; box-sizing: border-box; text-align: center; padding: 16px 0 0; line-height: 1;}
.pres_container .txt h3 {font-size: 16px; color: var(--m-color);  line-height: 1;}
.pres_container .txt p {font-size: 20px; font-weight: bold; color: #222; margin: 8px 0;  line-height: 1;}
.pres_container .txt span {font-size: 14px;  line-height: 1;}


@media all and (max-width: 1180px) {
  .pres_container li {width: calc((100% - 90px) / 4); }
  .pres_container li:nth-of-type(5n) {margin: 0 30px 30px 0;}
  .pres_container li:nth-of-type(4n) {margin: 0 0 30px 0;}

}
@media all and (max-width: 900px) {
  .pres_container li {width: calc((100% - 60px) / 3); }
  .pres_container li:nth-of-type(4n) {margin: 0 30px 30px 0;}
  .pres_container li:nth-of-type(3n) {margin: 0 0 30px 0;}
}
@media all and (max-width: 640px) {
  .pres_container li {width: calc((100% - 30px) / 2); }
  .pres_container li:nth-of-type(3n) {margin: 0 30px 30px 0;}
  .pres_container li:nth-of-type(2n) {margin: 0 0 30px 0;}
}
@media all and (max-width: 420px) {
  .pres_container li {width: 100%; margin: 0 0 30px !important;}
}

.sub_tab {margin: 0 0 48px; display: flex; justify-content: center; align-items: center; width: 100%; border: 0; background: transparent;}
.sub_tab > li {box-sizing: border-box; flex: none; width: 220px; height: 50px; }
.sub_tab > li a { background: #fff; border: 1px solid var(--border-color);  color: #222; font-size: 18px; font-weight: 400; text-align: center; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; box-sizing: border-box;}
.sub_tab > li a.on {border-color: var(--m-color) !important; background: var(--m-color); color: #fff;}
.sub_tab.block2 > li a {border-bottom: 1px solid var(--border-color);}


@media all and (max-width: 1320px) {
  .sub_tab > li {max-width: 20%;}
}
@media all and (max-width: 900px) {
  .sub_tab > li a {font-size: 16px;}

}
@media all and (max-width: 640px) {
  .sub_tab {flex-wrap: wrap; justify-content: flex-start;}
  .sub_tab > li {width: 50%; max-width: 100%; height: 45px; }
  .sub_tab > li a {font-size: 14px; border-bottom: 0;}
  .sub_tab > li:nth-of-type(2) a {border-left: 0; border-bottom: 1px solid var(--border-color);}
  .sub_tab > li:nth-of-type(4) a {border-left: 0; border-bottom: 1px solid var(--border-color);}
  .sub_tab > li:nth-of-type(5) a {border-bottom: 1px solid var(--border-color);}
}
@media all and (max-width: 420px) {

}

.article-container {}
.article-container section {border-top: 1px solid #ddd; width: 100%; padding: 48px 0; box-sizing: border-box;}
.article-container h3 {font-size: 24px; margin: 0; font-weight: 800; color: var(--m-color);}
.article-container h3.sec {margin: 44px 0 0;}
.article-container h4 {font-size: 15px; margin: 24px 0 12px; font-weight: 800; color: #000;}
.article-container ul li {font-size: 15px; line-height: 25px; font-weight: 400; }
.article-container ol {width: 100%; background: #f8f8f8; padding: 26px; box-sizing: border-box;}
.article-container ol li {font-size: 15px; line-height: 25px; font-weight: 400;}
.article-container p {font-size: 15px; line-height: 25px; font-weight: 400;}
.article-container p.no-h4 {margin: 20px 0 0;}
.article-container p + ol {margin: 16px 0 0;}
.article-container li ol {margin: 8px 0 0;}
.article-right {text-align: right; margin: 48px 0 0;}

.article_tab {border: 1px solid var(--m-color); display: flex; justify-content: flex-start; align-content: flex-start; align-items: flex-start; flex-wrap: wrap; background: #fff; padding: 32px 0; box-sizing: border-box;}
.article_tab li {flex: none; width: 25%; padding: 0 10px 10px 32px; box-sizing: border-box; position: relative; color: #222; font-size: 15px; word-break: keep-all; }
.article_tab li::before {position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ''; display: block; width: 1px; height: 100%; border-right: 1px dashed #ddd; box-sizing: border-box;}
.article_tab li:nth-of-type(4n+1)::before {content: initial;}
.article_tab li:hover {color: var(--m-color);}

@media all and (max-width: 900px) {
  .article_tab {align-items: stretch;}
  .article_tab li {width: calc(100% / 3); }
  .article_tab li:nth-of-type(4n+1)::before {content: '';}

}
@media all and (max-width: 640px) {
  .article_tab li {width: calc(100% / 2); }
}

@media all and (max-width: 640px) {
  .article_tab li {width: 100%; }
}

.map_dl {display: flex; width: 100%; justify-content: flex-start; align-items: center; align-content: flex-start; flex-wrap: wrap; margin: 32px 0 0;}
.map_dl dt {font-size: 16px; color: #222; line-height: 40px; flex: none; width: 135px; position: relative;box-sizing: border-box; font-weight: 500;}
.map_dl dt::before {content: ''; display: block; width: 20px; height: 20px; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.map_dl dd {flex: none; width: calc(100% - 135px); font-size: 16px; line-height: 40px;}
.map_dl.mg0 {margin: 0;}

@media all and (max-width: 900px) {
  .map_dl {align-items: flex-start;}
}

@media all and (max-width: 420px) {
  .map_dl {display: block;}
  .map_dl dt {width: 100%;}
  .map_dl dd {width: 100%;}
}

/*.bullet_lst li {width: 100%; padding: 0 0 0 24px; box-sizing: border-box; position: relative;}*/


.cal-lst__container {}
.cal-lst__container .cal_list_search {padding: 24px; border-bottom: 2px solid #000; background: #fafafa; border-top: 1px solid #222; box-sizing: border-box;}
.cal-lst__container .cal_list_search li {display: flex; justify-content: flex-start; align-items: center;}
.cal-lst__container .cal_list_search li + li {margin: 12px 0 0;}
.cal-lst__container .cal_list_search input {font-size: 14px; font-weight: 400; width: 142px; height: 36px; border: 1px solid #ccc; background: #fff; border-radius: 4px; box-sizing: border-box; padding: 0 10px;}
.cal-lst__container .cal_list_search button {border: 0; background: transparent;}
.cal-lst__container .cal_list_search span {font-size: 16px; font-weight: 500; margin: 0 16px 0 0;}
.cal-lst__container .cal_list_search input + button {margin: 0 0 0 4px;}
.cal-lst__container .cal_list_search input + button[type=submit] {font-size: 14px; cursor: pointer; height: 36px; margin: 0 0 0 4px; border: 1px solid var(--m-color); color: var(--m-color); padding: 4px 12px; box-sizing: border-box; border-radius: 4px;}
.cal-lst__container .cal_list_search button + font {margin: 0 12px 0 4px;}
.cal-lst__container .cal_list_search select {margin: 0 4px 0 0; background: #fff  url(/img/comm/sel.png) calc(100% - 10px) 50% no-repeat; background-size: 12px auto; appearance: none; font-size: 14px; font-weight: 300; width: auto; height: 36px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; padding: 0 30px 0 8px;}
.cal-lst__container .cal_list_search select,
.cal-lst__container .cal_list_search input,
.cal-lst__container .cal_list_search button {font-family: inherit;}

.cal-lst__container .cal_list {width: 100%;}
.cal-lst__container .cal_list{width: 100%;}
.cal-lst__container .cal_list li{ padding:20px 10px; box-sizing: border-box; border-bottom:1px solid #000;}
.cal-lst__container .cal_list li a{display: inline-block; }
.cal-lst__container .cal_list li b {font-size: 16px; font-weight: 500; display: block; margin: 0 0 6px; line-height: 1.2;}
.cal-lst__container .cal_list li span {font-size: 15px; font-weight: 400; display: block; line-height: 1.2;}

@media all and (max-width: 900px) {
  .cal-lst__container {padding: 0 20px; box-sizing: border-box;}
}
@media all and (max-width: 640px) {
  .cal-lst__container .cal_list_search {padding: 20px;}
  .cal-lst__container .cal_list_search li {flex-wrap: wrap;}
  .cal-lst__container .cal_list_search span {display: block; width: 100%; padding: 0; margin: 0 0 10px;}
  .cal-lst__container .cal_list_search input {width: calc(100% - 42px); margin: 0 0 4px 0;}
  .cal-lst__container .cal_list_search input + button {width: 18px; margin: 0 0 4px 4px;}
  .cal-lst__container .cal_list_search button + font {display: block; width: 10px; margin: 0 0 4px 10px;}
  .cal-lst__container .cal_list_search select {width: 100%; margin: 0 0 4px;}
  .cal-lst__container .cal_list_search input[name='searchkey'] {width: 100%; }
  .cal-lst__container .cal_list_search input + button[type=submit] {width: 100%; margin: 0;}
}

.treatise-ul {padding: 40px; box-sizing: border-box; box-shadow: var(--box-shadow); background: #fff; border-radius: 30px;}
.treatise-ul li {width: 100%; color: var(--h-font-color); font-size: var(--p-font-size); font-weight: 400; padding: 0 0 0 var(--p-font-size); box-sizing: border-box; position: relative;}
.treatise-ul li + li {margin: var(--p-font-size) 0 0;}
.treatise-ul li::before {content: ''; display: block; width: 5px; height: 5px; background: var(--m-color); border-radius: 50%; position: absolute; top: 9px; left: 0;}
.treatise-chk {width: 100%; padding: 60px 0 0 30px; box-sizing: border-box;}

@media all and (max-width: 900px) {
  .treatise-ul {padding: 30px;}
}
@media all and (max-width: 640px) {
  .treatise-ul {padding: 20px;}
}
@media all and (max-width: 420px) {

}

.sympo_inputtable {width: 100%;}
.sympo_inputtable.in-table {margin: 32px 0 0;}
.sympo_inputtable{ border-top: 1px solid var(--m-color); box-sizing: border-box;}
.sympo_inputtable tbody th {background: #e8e9ed; padding: 0 10px; box-sizing: border-box; vertical-align: middle; height: 50px; color: #222; text-align: center; font-weight: bold; border-right: 1px solid #ddd; }
.sympo_inputtable td {font-size: var(--p-font-size); font-weight: 400; color: var(--p-font-color); vertical-align: middle; text-align: left; padding: 4px 10px; border-right: 1px solid #ddd; box-sizing: border-box;}
.sympo_inputtable td[align='center'] {text-align: center;}
.sympo_inputtable tr {border-collapse: collapse; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.sympo_inputtable thead th:last-of-type,
.sympo_inputtable tbody td:last-of-type {border-right: 0;}
.sympo_inputtable input[type='text'] {border: 1px solid var(--border-color); box-sizing: border-box; width: auto; height: 36px; font-weight: 400; font-family: inherit; color: var(--p-font-color); padding: 0 12px; }
.sympo_inputtable .sympo_span + .sympo_span {margin: 0 0 0 10px;}
.sympo_inputtable .sympo_span input[type='text'] {width: 100px;}
.sympo_inputtable input[type='file'] {border: 1px solid var(--border-color); box-sizing: border-box; width: auto; font-weight: 400; font-family: inherit; color: var(--p-font-color); padding: 8px 12px; }
input[type=text].sympo_input {border: 1px solid var(--border-color); box-sizing: border-box; width: auto; height: 36px; font-weight: 400; font-family: inherit; color: var(--p-font-color); padding: 0 12px; }
input[type=text].sympo_input + span {display: inline-block; margin: 0 0 0 var(--p-font-size);}
input[type=file].sympo_input {border: 1px solid var(--border-color); box-sizing: border-box; width: auto; font-weight: 400; font-family: inherit; color: var(--p-font-color); padding: 4px 12px; }
input[type=text][name='post'].sympo_input {width: 120px; display: inline-block !important;}
input[type=text][name*='address'].sympo_input {width: 100%;}
input[type=text][name*='address1'].sympo_input {width: 100%; margin: 4px 0;}
.sympo_inputtable td select {border: 1px solid var(--border-color); box-sizing: border-box; width: auto; height: 36px; font-weight: 400; font-family: inherit; color: var(--p-font-color); padding: 0 40px 0 12px; }

.sympo_inputtable2 {width: 100%;border-top: 1px solid var(--m-color); box-sizing: border-box;}
.sympo_inputtable2 thead th {vertical-align: middle; border-right: 1px solid #ddd; box-sizing: border-box; padding: 0 10px; height: 50px; background: #e8e9ed; font-size: var(--p-font-size); font-weight: 500; color: #222; text-align: center;}
.sympo_inputtable2 tbody td {padding: 12px 10px; box-sizing: border-box; background: #fff; line-height: 1.25; font-size: var(--p-font-size); border-bottom: 1px solid var(--border-color); border-right: 1px solid var(--border-color); }
.sympo_inputtable2 thead th:last-of-type, .sympo_inputtable2 tbody td:last-of-type {border-right: 0;}
.sympo_inputtable2 tbody td.title {text-align: left;}


.sympo_inputtable tbody td.full_td {width: 100% !important; }


@media all and (max-width: 1320px) {
  input[type=text].sympo_input {width: 200px; display: block; max-width: 100%;}
}
@media all and (max-width: 1024px) {
  input[type=text].sympo_input {width: 180px;}

}

@media all and (max-width: 900px) {

  .sympo_inputtable tbody th,
  .sympo_inputtable tbody td {font-size: 15px;}
  input[type=text].sympo_input {font-size: 15px;}

  input[type=text].sympo_input + span {display: block; margin: var(--p-font-size) 0 0;}


  .sympo_inputtable colgroup {display: none;}
  .sympo_inputtable {display: block;}
  .sympo_inputtable tbody {display: block;}
  .sympo_inputtable tbody tr {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: flex-start; }
  .sympo_inputtable tbody th {width: 90px; flex: none; display: flex; justify-content: center; align-items: center; height: auto; font-size: 14px; padding: 10px; box-sizing: border-box;}
  .sympo_inputtable tbody td {width: calc(100% - 90px); flex: none; display: block; font-size: 14px; padding: 10px; box-sizing: border-box; border-right: 0;}
  .sympo_inputtable tbody td.full_td {width: 100% !important; display: flex; justify-content: center; align-items: center; text-align: center;}
  input[type=text].sympo_input {width: 100%; font-size: 14px;}
  .sympo_inputtable input[type=text].sympo_input + span {margin: 4px 0 0 8px;}
  .sympo_inputtable input[type='text'] {max-width: 100%;}
  .sympo_inputtable td select {width: 100%;}
  .sympo_inputtable .sympo_span {display: block; width: 100%;}
  .sympo_inputtable .sympo_span + .sympo_span {margin: 10px 0 0;}


  .sympo_inputtable2 {display: block;}
  .sympo_inputtable2 thead {display: none;}
  .sympo_inputtable2 tbody {display: block;}
  .sympo_inputtable2 tbody tr {display: block; border: 1px solid #ddd; border-top: 1px solid var(--m-color); box-sizing: border-box; padding: 10px; }
  .sympo_inputtable2 tbody tr + tr {margin: 12px 0 0;}
  .sympo_inputtable2 tbody td {text-align: left; position: relative; display: flex; justify-content: flex-start; align-items: center; width: 100%; padding: 0; margin: 0 0 6px; border: 0;}
  .sympo_inputtable2 tbody td::before {content: attr(data-label); display: block; flex: none; text-align: left; width: 90px; padding: 0 10px 0 0; box-sizing: border-box; font-weight: 500;}
  .sympo_inputtable2 tbody td.no_lst {text-align: center; justify-content: center;}
  .sympo_inputtable2 tbody td.no_lst::before {content: initial;}
  .sympo_inputtable2 tbody td .break {display: inline-block; word-break: break-all;}

  .sympo_inputtable3 {display: block;}
  .sympo_inputtable3 tbody {display: block;}
  .sympo_inputtable3 tbody tr {display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-wrap: wrap;}
  .sympo_inputtable3 tbody th {display: block; width: 100%; flex: none; padding: 12px 10px; box-sizing: border-box; font-size: 15px;}
  .sympo_inputtable3 tbody td {display: block; width: 50%; flex: none; padding: 12px 10px; box-sizing: border-box;}


}

@media all and (max-width: 640px) {
  .sympo_inputtable input[type='file'] {display: block; width: 100%;}
}
@media all and (max-width: 420px) {

}
@media all and (max-width: 360px) {

}

.treatise_chapter {width: 100%; padding: 10px 0 20px; box-sizing: border-box;}
.treatise_chapter .chapter-box {padding: 30px; display: block; width: 100%; box-shadow: var(--box-shadow); box-sizing: border-box; border-radius: 20px;}
.treatise_chapter .chapter-box + .chapter-box {margin: 18px 0 0;}
.treatise_chapter .chapter-box h4 {font-size: var(--h4-font-size); font-weight: bold; margin: 0 0 10px; color: var(--span-font-color);}
.treatise_chapter .chapter-box p.status {color: var(--span-font-color);}
.treatise_chapter .chapter-box p.date {margin: 4px 0 0; font-size: var(--span-font-size); color: var(--span-font-color);}
.treatise_chapter .chapter-box:last-of-type {border-color: var(--m-color); border: 2px solid; box-sizing: border-box;}
.treatise_chapter .chapter-box:last-of-type h4 {color: var(--m-color); }
.treatise_chapter .chapter-box:last-of-type p.status {color: var(--m-color);}
.treatise_chapter .chapter-box:last-of-type p.date {color: var(--m-color); font-weight: 500;}
.treatise_chapter .chapter-box .chapter-in-box {padding: 20px 0 0; box-sizing: border-box; display: flex; width: 100%; justify-content: center; align-items: stretch;}
.treatise_chapter .chapter-box .chapter-in-box .flex-box {border-radius: 12px; padding: 20px; box-sizing: border-box; flex: none; width: calc((100% - 40px) / 3); margin: 0 20px 0 0; border: 1px solid #ddd; }
.treatise_chapter .chapter-box .chapter-in-box .flex-box:last-of-type {margin: 0;}
.treatise_chapter .chapter-box .chapter-in-box h5 {text-align: center; color: var(--m-color); font-weight: bold; font-size: var(--p-font-size);}
.treatise_chapter .chapter-box .chapter-in-box p {text-align: center; margin: 12px 0 0;}
.treatise_chapter .chapter-box .chapter-in-box input[type=file].sympo_input {max-width: 100%;}



.regi-info .flex-layout {width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; align-content: flex-start;}
.ing-regi,
.end-regi {}
.regi-info .flex-box {width: calc((100% - 20px) / 2); margin: 0 20px 20px 0; border: 1px solid var(--border-color); box-shadow: var(--box-shadow); box-sizing: border-box; border-radius: 20px; padding: 30px; font-size: var(--h4-font-size); font-weight: 500; }
.regi-info .flex-box.none-lst {width: 100% !important; margin: 0 0 20px !important; border-radius: 12px; color: var(--span-font-color); text-align: center;}
.regi-info .flex-box:nth-of-type(2n) {margin: 0 0 20px;}
.regi-info.ing-regi .flex-box {border-color: var(--m-color); border-width: 1px; color: var(--m-color);}
.regi-info .flex-box h4 {font-size: var(--h2-font-size); color: var(--m-color); font-weight: 800; margin: 0 0 8px;}
.regi-info .flex-box p.status {color: var(--p-font-color);}
.regi-info .flex-box .btns_wrap {width: 100%; display: flex; justify-content: center; align-items: center; margin: 24px 0 0;}
.regi-info .flex-box .btns_wrap a {flex: none; display: block; padding: 12px 20px; box-sizing: border-box; background: #eaeaea; color: #333; border-radius: 8px;}
.regi-info .flex-box .btns_wrap a + a {background: var(--m-color); color: #fff; margin: 0 0 0 8px;}

.regi-info.full_ver .flex-box {width: 100% !important; margin: 0 0 20px !important;}
.regi-info.full_ver .flex-box .btns_wrap {justify-content: flex-start;}
.regi-info.full_ver .flex-box .btns_wrap a {background: var(--m-color); color: #fff;}

.end-regi.regi-info .flex-box h4 {color: var(--span-font-color);}
.end-regi.regi-info .flex-box p.status {color: var(--span-font-color);}
.end-regi.regi-info .flex-box p.locate {color: var(--span-font-color);}
.end-regi.regi-info .flex-box .btns_wrap a {background: #eaeaea !important; color: #999 !important;}

.regi-notice {font-size: var(--p-font-size); font-weight: bold; color: #ff0000;}
.regi-notice.color1 {font-size: var(--p-font-size); font-weight: bold; color: var(--p-font-color);}
.regi-notice.normal {font-size: var(--p-font-size); font-weight: 400; color: var(--p-font-color);}
.regi-notice-ul li {font-size: var(--h4-font-size); font-weight: 500; line-height: 1.8;}
.regi-notice-ul2 li {font-size: var(--p-font-size); font-weight: 500; line-height: 1.8;}

@media  all and (max-width: 900px) {
  .regi-info .flex-box {padding: 24px;}
  .regi-info .flex-box h4 {}
  .regi-info .flex-box p.status {font-size: var(--p-font-size);}
  .regi-info .flex-box .btns_wrap a {padding: 10px 16px; font-size: var(--p-font-size);}
}
@media  all and (max-width: 640px) {
  .regi-info .flex-box {padding: 20px;}
  .regi-info .flex-box h4 {}
  .regi-info .flex-box p.status {}
  .regi-info .flex-box .btns_wrap a {padding: 8px 12px; }
}
@media  all and (max-width: 540px) {
  .regi-info {flex-wrap: wrap; align-content: flex-start;}
  .regi-info .flex-box {margin: 0 0 20px; width: 100%;}
}
.table_basic {width: 100%; border-top: 1px solid var(--m-color); box-sizing: border-box; margin: 0 0 12px;}
.table_basic thead th {background: #e8e9ed; height: 50px; vertical-align: middle; text-align: center; font-size: var(--p-font-size); font-weight: 500; box-sizing: border-box;  border-bottom: 1px solid var(--border-color); border-right: 1px solid var(--border-color);}
.table_basic thead td {background: #e8e9ed; height: 50px; vertical-align: middle; text-align: center; font-size: var(--p-font-size); font-weight: 500; box-sizing: border-box;  border-bottom: 1px solid var(--border-color); border-right: 1px solid var(--border-color);}
.table_basic tbody th {vertical-align: middle; font-size: var(--p-font-size); color: var(--p-font-color); font-weight: 400; line-height: 1.5; padding: 12px 10px; box-sizing: border-box; border-bottom: 1px solid var(--border-color); border-right: 1px solid var(--border-color); }
.table_basic tbody td {vertical-align: middle; font-size: var(--p-font-size); color: var(--p-font-color); font-weight: 400; line-height: 1.5; padding: 12px 10px; box-sizing: border-box; border-bottom: 1px solid var(--border-color); border-right: 1px solid var(--border-color); }
.table_basic thead th:last-of-type,
.table_basic tbody td:last-of-type {border-right: 0;}


@media all and (max-width: 900px) {
  .table_basic thead th,
  .table_basic thead td,
  .table_basic tbody th,
  .table_basic tbody td {font-size: 14px; }

  .table_basic thead td,
  .table_basic thead th {height: auto; padding: 12px 10px; box-sizing: border-box;}
}
@media all and (max-width: 767px) {
  .table_basic {display: block;}
  .table_basic thead {display: none;}
  .table_basic tbody {display: block;}
  .table_basic tbody tr {display: block; border: 1px solid #ddd; border-top: 1px solid var(--m-color); box-sizing: border-box; padding: 10px; }
  .table_basic tbody tr + tr {margin: 12px 0 0;}
  .table_basic tbody th {text-align: left; position: relative; display: flex; justify-content: flex-start; align-items: center; width: 100%; padding: 0; margin: 0 0 6px; border: 0;}
  .table_basic tbody td {text-align: left; position: relative; display: flex; justify-content: flex-start; align-items: center; width: 100%; padding: 0; margin: 0 0 6px; border: 0;}
  .table_basic tbody td::before {content: attr(data-label); display: block; flex: none; text-align: left; width: 90px; padding: 0 10px 0 0; box-sizing: border-box; font-weight: 500;}
  .table_basic tbody td.no_lst {text-align: center; justify-content: center;}
  .table_basic tbody td.no_lst::before {content: initial;}
  .table_basic tbody td .break {display: inline-block; word-break: break-all;}

  .table_basic.flex_ver tbody td:before {content: initial;}
}
@media all and (max-width: 420px) {

}
@media all and (max-width: 360px) {

}

.table_basic2 {width: 100%; border-top: 1px solid var(--m-color); border-bottom: 1px solid var(--border-color);  box-sizing: border-box; margin: 0 0 12px;}
.table_basic2 th {padding: 0 10px; box-sizing: border-box; background: #e8e9ed; border-right: 1px solid var(--border-color); font-size: var(--h4-font-size); color: var(--h-font-color); font-weight: 600; line-height: 45px; vertical-align: middle;}
.table_basic2 td {padding: 0 10px; box-sizing: border-box;  font-size: var(--p-font-size); color: var(--p-font-color); font-weight: 400; line-height: 45px; vertical-align: middle;}
.table_basic2 td select {margin: 0 4px 0 0; background: #fff  url(/img/comm/sel.png) calc(100% - 10px) 50% no-repeat; background-size: 12px auto; line-height: 34px;
  appearance: none; font-weight: 300; width: auto; height: 36px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; padding: 0 40px 0 20px; font-size: var(--p-font-size); color: var(--p-font-color); font-family: inherit;}


@media all and (max-width: 900px) {

}
@media all and (max-width: 767px) {

}
@media all and (max-width: 640px) {
  .table_basic2 {display: block; border: 0;}
  .table_basic2 tbody {display: block;}
  .table_basic2 tr {display: block;}
  .table_basic2 th {display: block; width: 100%; border: 1px solid var(--m-color);}
  .table_basic2 td {display: block; width: 100%; border: 0; padding: 12px 0;}
  .table_basic2 td select {width: 100%;}
}
@media all and (max-width: 420px) {

}
@media all and (max-width: 360px) {

}

.table_basic4  {width: 100%; border-top: 1px solid var(--m-color); border-bottom: 1px solid var(--m-color);  box-sizing: border-box;}
.table_basic4.non_border {border-top: 0;}
.table_basic4 th {padding: 10px 10px; box-sizing: border-box; background: #fafafa; border-right: 1px solid var(--border-color); font-size: var(--p-font-size); color: var(--h-font-color); font-weight: 600; vertical-align: middle; }
.table_basic4 td {padding: 10px 10px; box-sizing: border-box;  font-size: var(--p-font-size); color: var(--p-font-color); font-weight: 400; line-height: 1.5; vertical-align: middle; }
.table_basic4 tr {border-bottom: 1px solid var(--border-color); box-sizing: border-box;}
.table_basic4 td input[type='file'] {border: 1px solid var(--border-color); box-sizing: border-box; display: block; }

.table_basic4 td select {margin: 0 4px 0 0; background: #fff  url(/img/comm/sel.png) calc(100% - 10px) 50% no-repeat; background-size: 12px auto; line-height: 34px;
  appearance: none; font-weight: 300; width: auto; height: 36px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; padding: 0 40px 0 12px; font-size: var(--p-font-size); color: var(--p-font-color); font-family: inherit;}
.table_basic4 td[rowspan='6'] {border-left: 1px solid var(--border-color); box-sizing: border-box;}
.table_basic4 td[rowspan='6'] img {display: block; margin: 0 auto;}
.table_basic4 td input[type='text'] {border: 1px solid var(--border-color); box-sizing: border-box; width: auto; height: 36px; font-weight: 400; font-family: inherit; color: var(--p-font-color); padding: 0 12px; }
.table_basic4 td input[type='password'] {border: 1px solid var(--border-color); box-sizing: border-box; width: auto; height: 36px; font-weight: 400; font-family: inherit; color: var(--p-font-color); padding: 0 12px; }
.table_basic4 td textarea {border: 1px solid var(--border-color); box-sizing: border-box; height: 200px; font-weight: 400; font-family: inherit; color: var(--p-font-color); padding: 12px; resize: none; width: 90%;}
.table_basic4 td input[type='text'][name*='address'] {width: 90%; display: block; margin: 4px 0;}
.table_basic4 td input[type='text'][name*='address'] + input[type='text'][name*='address'] {margin: 0 0 4px;}
.table_basic4 td.no_lst {text-align: center;}

.table_basic_error {margin: 0; border: 1px solid var(--border-color); box-sizing: border-box; padding: 24px; background: #fafafa; text-align: center; font-weight: 500;}
.table_basic_error .AW-mem-btn2 {margin: 24px 0 0;}

@media all and (max-width: 900px) {
  .table_basic4 th,
  .table_basic4 td {font-size: 14px;}

  .table_basic4 td select.sel_value {display: block; margin: 0 0 12px;}
}
@media all and (max-width: 767px) {
  .table_basic4 colgroup {display: none;}
  .table_basic4 td input[type='text'] {display: block; width: 100%;}
  .table_basic4 td input[type='text'].sel_input {width: calc(100% - 60px) !important; margin: 4px 0; display: inline-block;}
  .table_basic4 td input[type='file'] {width: 100%;}
  .table_basic4 th {width: 90px !important; padding-left: 0;}
  .table_basic4 td {width: calc(100% - 90px) !important; padding-right: 0;}


}
@media all and (max-width: 640px) {
  .table_basic4 td select.sel_search {display: block; margin: 0 0 12px;}

}
@media all and (max-width: 420px) {
}
@media all and (max-width: 360px) {

}


.dues_lst {width: 100%; border: 1px solid #ddd; box-sizing: border-box; margin: 42px 0 0;}
.dues_lst li {height: 80px; display: flex; justify-content: flex-start; align-items: center; padding: 0 28px; box-sizing: border-box; border-bottom: 1px solid #ddd;}
.dues_lst li h5 {font-weight: 500; flex: none; font-size: 16px; color: var(--m-color); width: 165px;}
.dues_lst li p {color: #000; letter-spacing: 0; flex: none; font-size: 16px; width: calc(100% - 265px);}
.dues_lst li p .chip {letter-spacing: -0.065em; margin: 0 8px 0 0; display: inline-block; line-height: 25px; padding: 0 8px; box-sizing: border-box; background: #f2f2f2; border-radius: 25px; color: #555;}
.dues_lst li a {flex: none; font-size: 16px; width: 100px; text-align: center; background: var(--m-color); color: #fff; font-weight: 500; line-height: 35px; border-radius: 35px; display: block;}
.dues_lst li h6 {flex: none; font-size: 16px; width: 100px; text-align: center;}
.dues_lst li:last-of-type {border-bottom: 0;}

.dues_notice {width: 100%; padding: 26px 12px; border: 1px solid #ddd; box-sizing: border-box; background: #f6f6f6; display: flex; justify-content: center; align-items: center; text-align: center; border-radius: 20px;}
.dues_notice h3 {font-size: 15px; font-weight: 500; flex: none;}


@media all and (max-width: 900px) {
  .dues_lst li {flex-wrap: wrap; height: auto; padding: 20px 20px;}
  .dues_lst li h5 {width: 100%; margin: 0 0 18px;}
  .dues_lst li p {width: calc(100% - 100px);}
  .dues_lst li h6 {width: 100px;}
  .dues_lst li a {width: 100px;}
}
@media all and (max-width: 767px) {

}
@media all and (max-width: 640px) {
  .dues_lst li {padding: 12px;}

}
@media all and (max-width: 450px) {
  .dues_lst li h5 {font-size: 15px; margin: 0 0 12px;}
  .dues_lst li p {width: 100%; font-size: 15px;}
  .dues_lst li h6 {margin: 12px 0 0; width: 100%; font-size: 15px;}
  .dues_lst li a {margin: 12px auto 0; width: 100px; font-size: 15px;}
}
@media all and (max-width: 360px) {

}

.regi_tabs.ui-widget.ui-widget-content {border: 0; background: transparent;}
.regi_tabs > ul {margin: 0 0 48px; display: flex; justify-content: center; align-items: center; width: 100%; border: 0; background: transparent;}
.regi_tabs > ul > li {border: 1px solid #ddd !important; box-sizing: border-box; border-radius: 0 !important; border-right: 0 !important; flex: none; width: 220px; height: 50px; font-size: 18px; color: #222 !important; font-weight: 400; text-align: center; background: #fff !important; }
.regi_tabs > ul > li:last-of-type {border-right: 1px solid #ddd !important;}
.regi_tabs > ul > li.ui-state-active {border-color: var(--m-color); background: var(--m-color) !important; color: #fff !important;}
.regi_tabs > ul > li a {border: none !important; color: inherit !important; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.regi_tabs > ul > li a:hover {border: none !important; text-decoration: none !important; background: transparent !important;}
.regi-cont {border: 0 !important;}
.regi-cont img {display: block; max-width: 100%; width: auto; height: auto;}
.regi-cont .AW_bbs_table img {display: inline-block; vertical-align: middle;}

@media all and (max-width: 1320px) {

}
@media all and (max-width: 900px) {
  .regi_tabs > ul > li {width: calc((100% - 40px) / 2); font-size: 15px; height: 45px; max-width: 220px;}
}
@media all and (max-width: 640px) {
  .regi_tabs > ul > li {width: calc((100% - 80px) / 2); height: 42px; word-break: keep-all; }
  .regi_tabs > ul > li a {word-break: keep-all; }

}
@media all and (max-width: 420px) {

}


.journal_lst {width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; margin: 42px 0 0;}
.journal_lst.ver2 {margin: 0;}
.journal_lst li.box {flex: none; width: calc((100% - 100px) / 6); margin: 0 20px 40px 0;}
.journal_lst li.box:nth-of-type(6n) {margin: 0 0 40px;}
.journal_lst li.box > a {display: block; width: 100%;}
.journal_lst li.box .img {width: 100%; padding: 0 0 calc(100% * 260 / 190); box-sizing: border-box; position: relative; border: 1px solid var(--border-color); overflow: hidden; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.24);}
.journal_lst li.box .img img {display: block; width: 100%; height: auto; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.journal_lst li.box > a:hover .img {}
.journal_lst li.box .txt {width: 100%; text-align: center; margin: 14px 0 0; font-size: 18px; line-height: 1.5; font-weight: 900;}

.journal_lst li.subject {flex: none; width: 100%; margin: 0 0 20px; border: 1px solid #e1e1e1; box-sizing: border-box; padding: 25px; border-radius: 12px;}
.journal_lst li.subject a.title {display: block; width: 100%; font-size: 20px; color: #222; font-weight: 800; line-height: 1.6; margin: 0 0 4px; }
.journal_lst li.subject a.go_pdf {display: inline-block; padding: 4px 12px; box-sizing: border-box; border-radius: 4px; font-size: 16px; font-weight: bold; color: #fff; background: var(--m-color); }
.journal_lst li.subject a.go_file {display: inline-block; padding: 4px 12px; box-sizing: border-box; border-radius: 4px; font-size: 16px; font-weight: bold; color: #fff; background: var(--m-color); }
.journal_lst li.subject .paging {display: block; font-size: 15px; font-weight: 400; line-height: 1.6; color: #555; margin: 0 0 4px;}
.journal_lst li.subject .chips {margin: 12px 0 0; display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; width: 100%; }
.journal_lst li.subject .chips .bbs_chip {display: inline-block; flex: none; margin: 4px 2px 0 2px; padding: 4px 12px; box-sizing: border-box; border-radius: 4px; border: 1px solid #e1e1e1; font-size: 14px; color: #222; font-weight: bold; position: relative;}
.journal_lst li.subject .chips .bbs_chip::before{ content: '#'; display: inline-block; }
.journal_lst li.subject .chips .bbs_chip:first-of-type {margin: 4px 2px 0 0;}

@media all and (max-width: 1320px) {

}
@media all and (max-width: 1280px) {
  .journal_lst li.box .txt {font-size: 16px; margin: 12px 0 0;}
}
@media all and (max-width: 900px) {
  .journal_lst li.box {width:  calc((100% - 80px) / 5); }
  .journal_lst li.box:nth-of-type(6n) {margin: 0 20px 40px 0;}
  .journal_lst li.box:nth-of-type(5n) {margin: 0 0 40px;}
}
@media all and (max-width: 767px) {
  .journal_lst li.box {width: calc((100% - 60px) / 4); }
  .journal_lst li.box:nth-of-type(5n) {margin: 0 20px 40px 0;}
  .journal_lst li.box:nth-of-type(4n) {margin: 0 0 40px 0;}

  .journal_lst li.box .txt {font-size: 15px; margin: 10px 0 0;}

}
@media all and (max-width: 540px) {
  .journal_lst li.box {width: calc((100% - 40px) / 3); margin: 0 20px 30px 0; }
  .journal_lst li.box:nth-of-type(6n) {margin: 0 0 30px;}
  .journal_lst li.box:nth-of-type(5n) {margin: 0 20px 30px 0;}
  .journal_lst li.box:nth-of-type(4n) {margin: 0 20px 30px 0;}
  .journal_lst li.box:nth-of-type(3n) {margin: 0 0 30px 0;}

  .journal_lst li.box .txt {font-size: 14px; }

}
@media all and (max-width: 640px) {

}
@media all and (max-width: 420px) {
  .journal_lst li.box {width: calc((100% - 20px) / 2); margin: 0 20px 20px 0 !important; }
  .journal_lst li.box:nth-of-type(2n) {margin: 0 0 20px !important;}


  .journal_lst li.subject a.go_file {display: block; width: max-content; margin: 4px 0 0;}
}

.pdf-search {width: 100%; padding: 20px; box-sizing: border-box; border: 1px solid #e1e1e1; border-radius: 12px;}
.pdf-search dl {width: 100%; display: flex; justify-content: flex-start; align-items: center;}
.pdf-search dt {width: 120px; flex: none; font-weight: bold; color: #222; font-size: 16px;}
.pdf-search dd {flex: none; display: inline-block; width: max-content; margin: 4px 0 0;}
.pdf-search dd select { appearance: none !important; font-family: inherit; display: inline-block; width: auto; padding: 2px 30px 2px 12px; height: 42px; box-sizing: border-box; border: 1px solid #ddd; background: #fff url(/img/comm/sel_ico.png) calc(100% - 12px) 54% no-repeat; background-size: 13px auto; letter-spacing: -0.025rem; font-size: 16px; color: #555;}
.pdf-search dd input[type='text'] {border: 1px solid #ddd; box-sizing: border-box; padding: 2px 12px; letter-spacing: -0.025rem; font-size: 16px; color: #555; height: 42px; font-family: inherit;}
.pdf-search dd button {display: inline-block; padding: 4px 12px; box-sizing: border-box; font-size: 16px; height: 42px; background: #222; color: #fff; font-family: inherit; }
.pdf-search dd + dd {margin: 4px 0 0 4px;}
.pdf-search p {margin: 14px 0 0; font-size: 15px; line-height: 1.6; color: #555; font-weight: 400;}
.pdf-search p a {color: #ff0000; display: inline-block;}

@media all and (max-width: 640px) {
  .pdf-search dl {flex-wrap: wrap;}
  .pdf-search dl + dl {margin: 20px 0 0;}
  .pdf-search dl dt {margin: 0 0 6px; font-size: 15px; }
  .pdf-search dl dd {width: 100%;}
  .pdf-search dd + dd {margin: 4px 0 0;}
  .pdf-search dd input[type='text'] {width: 100%;}
  .pdf-search dd button {width: 100%;}
  .pdf-search p {font-size: 14px;}
}

.sub-content table td, .sub-content table th {
  padding: 1rem 1.5rem;
}
.sub-content table td, .sub-content table th, .sub-content table tr {
  border-color: #e5e7eb;
}

@media (min-width: 768px) {
  .sub-content table td, .sub-content table th {
      padding: 1.5rem 2rem;
  }
}