@charset "utf-8";

.sub-visual {height: 423px; margin-top: 110px; margin-bottom: 72px;}
.sub-visual .container {position: relative; max-width: 1870px; width: 100%; height: 100%; padding: 0 15px; margin: 0 auto;}
.sub-visual .wrap {position: relative; height: 100%; padding: 0 15px;}
.sub-visual .backdrop {z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 423px; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 32px;}
.sub-visual01 .backdrop {background-image: url('../img/sub/sub_visual01.png');}
.sub-visual02 .backdrop {background-image: url('../img/sub/sub_visual02.png');}
.sub-visual03 .backdrop {background-image: url('../img/sub/sub_visual03.png');}
.sub-visual04 .backdrop {background-image: url('../img/sub/sub_visual04.png');}
.sub-visual05 .backdrop {background-image: url('../img/sub/sub_visual05.png');}
.sub-visual06 .backdrop {background-image: url('../img/sub/sub_visual06.png');}
.sub-visual07 .backdrop {background-image: url('../img/sub/sub_visual07.png');}
.sub-visual .text-box {height: calc(100% - 86px); align-content: center;}
.sub-visual p {font-size: 50px; font-weight: 700; line-height: 1.4em; color: #fff; text-align: center;}
.lnb {position: relative; max-width: 1643px; width: 100%; margin: 0 auto; border-radius: 24px 24px 0 0; background: #fff;}
.lnb-mob {display: none;}
.lnb .home {position: absolute; top: 50%; left: 31px; margin-top: -24px; width: 48px; height: 48px; border-radius: 12px; background: #38C4F4 url('../img/sub/lnb_icon_home.png') no-repeat center center ;}
.lnb ul {display: flex; justify-content: center; flex-wrap: wrap; padding: 0 80px;}
.lnb ul li {padding: 0 40px;}
.lnb ul li a {position: relative; padding: 27px 0; font-size: 20px; font-weight: 700; line-height: 1.6em; color: #222; text-align: center; transition: all 0.4s;}
.lnb ul li a:hover {color: #38C4F4;}
.lnb ul li.active a {color: #38C4F4;} 
.lnb ul li a:after {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); content: ''; width: 0; height: 4px; background: #38C4F4; transition: all 0.5s;}
.lnb ul li.active a:after {width: 100%;}
.lnb ul li a:hover:after {width: 100%;}

.sub-visual04 .text-box,
.sub-visual05 .text-box,
.sub-visual06 .text-box {height: 100%;}
.sub-visual04 .lnb,
.sub-visual05 .lnb,
.sub-visual06 .lnb {display: none;}

.real-cont {padding-bottom: 162px;}
.real-cont.pb-0 {padding-bottom: 0;}

.page-title {margin-bottom: 90px;}
.page-title h2 {font-size: 36px; font-weight: 700; line-height: 1.4em; color: #000; text-align: center;}

/* s101 */
.s101 .staff-top {position: relative; padding-bottom: 80px; margin-bottom: 80px;}
.s101 .staff-top:before {position: absolute; bottom: 0; left: 0; content: ''; width: 100%; height: 330px; background: #eef7f9; z-index: -1;}
.s101 .staff-top .wrap {position: relative; display: flex; align-items: flex-end;} 
.s101 .staff-top .wrap:after {position: absolute; top: 0; right: 0; content: ''; width: 580px; height: 565px; background: url('../img/sub/s101_staff_top_bg.png') no-repeat center center; z-index: -5;}
.s101 .staff-top .img-box {max-width: 660px; width: 100%; border: 4px solid #eee; border-radius: 32px; overflow: hidden;}
.s101 .staff-top .img-box img {width: 100%;}
.s101 .staff-top .text-box {padding: 20px 0 20px 82px;}
.s101 .staff-top .text-box .department {display: inline-block; font-size: 20px; font-weight: 700; line-height: 1.4em; color: #fff; padding: 6px 17px; background: #137938; border-radius: 20px; margin-bottom: 13px;}
.s101 .staff-top .text-box .name-wrap {display: flex; align-items: flex-end; margin: 0 -28px 90px;}
.s101 .staff-top .text-box .name-wrap > div {padding: 0 28px;}
.s101 .staff-top .text-box .name-wrap .name {font-size: 42px; font-weight: 700; line-height: 1.2em; color: #222;}
.s101 .staff-top .text-box .name-wrap .position {position: relative; font-size: 18px; line-height: 1.6em; color: #666;}
.s101 .staff-top .text-box .name-wrap .position:before {position: absolute; bottom: 8px; left: 0; content: ''; width: 1px; height: 15px; background: #ccc;}
.s101 .staff-top .text-box .education {margin-bottom: 35px;}
.s101 .staff-top .text-box .education p {font-size: 22px; font-weight: 700; line-height: 1.4em; color: #137938; margin-bottom: 12px;}
.s101 .staff-top .text-box .education li {position: relative; font-size: 20px; line-height: 1.6em; color: #222; padding-left: 30px;}
.s101 .staff-top .text-box .education li:before {position: absolute; top: 12px; left: 12px; content: ''; width: 6px; height: 6px; background: #222; border-radius: 50%;}

.s101 .staff-top .text-box .btn-staff-popup {position: relative; display: inline-block; width: 168px; font-size: 20px; font-weight: 600; line-height: 56px; color: #222; background: #fff; border-radius: 28px; padding: 0 23px;}
.s101 .staff-top .text-box .btn-staff-popup:after {position: absolute; top: 50%; right: 16px; margin-top: -12px; content: ''; width: 24px; height: 24px; background: url('../img/sub/btn_more_bk.png');	}
.s101 .staff-list ul {display: flex; flex-wrap: wrap; margin: -45px -18px;}
.s101 .staff-list ul li {width: 33.33333%; padding: 45px 18px;}
.s101 .staff-list ul li .img-box {border: 4px solid #eee; border-radius: 32px; overflow: hidden; margin-bottom: 28px; transition: all 0.5s;}
.s101 .staff-list ul li .img-box img {width: 100%;}
.s101 .staff-list ul li a:hover .img-box {border: 4px solid #38c4f5;}
.s101 .staff-list ul li .text-box {display: flex; justify-content: space-between; align-items: flex-end; padding: 0 20px;}
.s101 .staff-list ul li .text-box .department {font-size: 18px; font-weight: 600; line-height: 1.4em; color: #137938; margin-bottom: 7px;}
.s101 .staff-list ul li .text-box .name-wrap {display: flex; align-items: flex-end; flex-wrap: wrap; margin: 0 -28px;}
.s101 .staff-list ul li .text-box .name-wrap > div {padding: 0 28px;}
.s101 .staff-list ul li .text-box .name-wrap .name {font-size: 24px; font-weight: 600; line-height: 1.2em; color: #222;}
.s101 .staff-list ul li .text-box .name-wrap .position {position: relative; font-size: 18px; line-height: 1.3em; color: #666;}
.s101 .staff-list ul li .text-box .name-wrap .position:before {position: absolute; bottom: 5px; left: 0; content: ''; width: 1px; height: 15px; background: #ccc;}
.s101 .staff-list ul li .text-box .btn {max-width: 60px; width: 100%; height: 60px; background: #f4f8f7 url('../img/sub/btn_more_bk.png') no-repeat center center; border-radius: 50%; transition: all 0.5s;} 
.s101 .staff-list ul li a:hover .text-box .btn {background: #38c4f5 url('../img/sub/btn_more_wh.png') no-repeat center center;}

.staff-popup-wrap {display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 780px; width: 90vw; z-index: 600;}
.staff-popup {width: 700px; border-radius: 32px; overflow: hidden;}
.staff-popup .popup-header {position: relative; padding: 23px 40px; background: #38c4f5;}
.staff-popup .popup-header h3 {font-size: 24px; font-weight: 600; line-height: 1.4em; color: #fff;}
.staff-popup .popup-cont {}
.staff-popup .popup-cont-arti01 {display: flex; align-items: center; background: #fff; padding: 45px 60px 40px;}
.staff-popup .popup-cont-arti01 .img-box {max-width: 270px; width: 100%; border: 4px solid #eee; border-radius: 32px; overflow: hidden;}
.staff-popup .popup-cont-arti01 .img-box img {width: 100%;}
.staff-popup .popup-cont-arti01 .text-box {padding-left: 40px;}
.staff-popup .popup-cont-arti01 .text-box .department {display: inline-block; font-size: 18px; font-weight: 700; line-height: 1.4em; color: #fff; padding: 6px 17px; background: #137938; border-radius: 20px; margin-bottom: 15px;}
.staff-popup .popup-cont-arti01 .text-box .name-wrap {display: flex; align-items: flex-end; margin: 0 -28px;}
.staff-popup .popup-cont-arti01 .text-box .name-wrap > div {padding: 0 28px;}
.staff-popup .popup-cont-arti01 .text-box .name-wrap .name {font-size: 22px; font-weight: 700; line-height: 1.2em; color: #222;}
.staff-popup .popup-cont-arti01 .text-box .name-wrap .position {position: relative; font-size: 18px; line-height: 1.3em; color: #666;}
.staff-popup .popup-cont-arti01 .text-box .name-wrap .position:before {position: absolute; bottom: 5px; left: 0; content: ''; width: 1px; height: 15px; background: #ccc;}
.staff-popup .popup-cont-arti02 {padding: 33px 60px 45px; background: #eef7f9; margin-top: -1px;}
.staff-popup .popup-cont-arti02 .scroll-wrapper {max-height: calc(100vh - 600px); overflow: auto; }
.staff-popup .popup-cont-arti02 .scroll-wrapper::-webkit-scrollbar {width: 6px; height: 6px;}
.staff-popup .popup-cont-arti02 .scroll-wrapper::-webkit-scrollbar-thumb {background: #137938; border-radius: 6px; cursor: pointer;}
.staff-popup .popup-cont-arti02 .scroll-wrapper::-webkit-scrollbar-track {background: #f3f2f2; border-radius: 6px;}
.staff-popup .popup-cont-arti02 .scroll-wrapper > div {padding: 33px 0;}
.staff-popup .popup-cont-arti02 .scroll-wrapper > div:not(:last-child) {border-bottom: 1px dotted #ddd;}
.staff-popup .popup-cont-arti02 .scroll-wrapper > div:nth-child(1) {padding-top: 0;}
.staff-popup .popup-cont-arti02 .scroll-wrapper > div:last-child {padding-bottom: 0;}
.staff-popup .popup-cont-arti02 .scroll-wrapper > div p {font-size: 22px; font-weight: 700; line-height: 1.4em; color: #137938; margin-bottom: 14px;}
.staff-popup .popup-cont-arti02 .scroll-wrapper > div ul li {position: relative; font-size: 20px; line-height: 1.6em; color: #222; padding-left: 30px;}
.staff-popup .popup-cont-arti02 .scroll-wrapper > div ul li:before {position: absolute; top: 12px; left: 12px; content: ''; width: 6px; height: 6px; background: #222; border-radius: 50%;}
.staff-popup-wrap .btn-close {position: absolute; top: 10px; right: 0; display: block; width: 60px; height: 60px; background: #d2d4d5 url('../img/sub/btn_close.png') no-repeat center center; border-radius: 50%; border: 0;}
.popup-overlay {display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.4); z-index: 500;}

/* s102 */
.s102 .wrap {display: flex; justify-content: space-between;}
.s102 .wrap > div {width: 50%;}
.s102 .info {padding-right: 46px;}
.s102 .info .title {display: flex; flex-wrap: wrap; align-items: flex-end; margin-bottom: 25px;}
.s102 .info .title h3 {font-size: 28px; font-weight: 700; line-height: 1.2em; color: #222; margin-right: 30px;}
.s102 .info .title p {font-size: 20px; font-weight: 600; line-height: 1.4em; color: #222;}
.s102 .info .cont:not(:last-child) {margin-bottom: 80px;}
.s102 .info .box {background: #f4f8f7; border-radius: 32px; padding: 40px;}
.s102 .info .box dl {display: flex;}
.s102 .info .cont01 .box dl:not(:last-child) {margin-bottom: 30px;}
.s102 .info .box dt {width: 100%; font-size: 22px; font-weight: 700; line-height: 1.72em; color: #137938;}
.s102 .info .cont01 .box dt {max-width: 160px;}
.s102 .info .cont02 .box dt {max-width: 130px;}
.s102 .info .box dd {width: 1%; flex: 1 1 auto; font-size: 20px; line-height: 1.9em; color: #222;}
.s102 .info .box .transportation {display: flex; background: #fff; border-radius: 20px;}
.s102 .info .box .bus .transportation:nth-child(1) {position: relative; border-radius: 20px 20px 0 20px;}
.s102 .info .box .bus .transportation:nth-child(2) {border-radius: 20px 0 20px 20px;}
.s102 .info .box .bus .transportation:nth-child(1):after {position: absolute; bottom: -1px; right: 0; content: ''; width: calc(100% - 90px); border-bottom: 1px dotted #ddd;}
.s102 .info .box .transportation .type {max-width: 100px; width: 100%; align-content: center; font-size: 18px; font-weight: 700; line-height: 1.5em; color: #fff; text-align: center; border-radius: 20px;}
.s102 .info .box .transportation .type.color-green {background: #87c700;}
.s102 .info .box .transportation .type.color-red {background: #fb5852;}
.s102 .info .box .transportation .type.color-blue {background: #a3c3e2;}
.s102 .info .box .transportation > div {display: flex; justify-content: center; width: 1%; flex: 1 1 auto; padding: 7px 20px;}
.s102 .info .box .transportation > div span {position: relative; padding: 0 18px; font-size: 18px; font-weight: 600; line-height: 1.5em; color: #222;}
.s102 .info .box .transportation > div span:after {position: absolute; top: 50%; right: 0; margin-top: -5px; content: ''; width: 1px; height: 10px; background: #ddd;}
.s102 .info .box .transportation > div span:last-child:after {display: none;}
.s102 .info .box dd p {font-size: 18px; line-height: 1.5em; color: #666; text-align: center; padding-left: 100px; margin-top: 4px;}
.s102 .map {border-radius: 32px; overflow: hidden;}
.s102 .map .root_daum_roughmap {width:100% !important; height:100% !important;}
.s102 .map .root_daum_roughmap .wrap_map {height:100% !important;}
.s102 .map .root_daum_roughmap .border1,
.s102 .map .root_daum_roughmap .border2 {border: none;}
.s102 .map .root_daum_roughmap .border3, 
.s102 .map .root_daum_roughmap .border4 {background-color: transparent;}

/* s103 */
.s103 .slide .thumb {margin-bottom: 20px;}
.s103 .slide .thumb .item {border-radius: 32px; overflow: hidden;}
.s103 .slide .tab .items {margin: 0 -10px;}
.s103 .slide .tab .item {padding: 0 10px;}
.s103 .slide .tab .item figure {position: relative; border-radius: 32px; overflow: hidden; cursor: pointer; background: rgba(255,255,255,0); transition: all 0.5s;}
.s103 .slide .tab .item figure:before {opacity: 0; position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; border: 4px solid #38c4f5; border-radius: 32px; transition: all 0.5s;}
.s103 .slide .tab .item.slick-current figure:before {opacity: 1; background: rgba(255,255,255,0.3);}
.s103 .slide .slick-arrow {position: absolute; top: 50%; margin-top: -30px; width: 60px; height: 60px; background-color: #f4f8f7; background-repeat: no-repeat; background-position: center center; border-radius: 50%; font-size: 0; border: 0; transition: all 0.5s;}
.s103 .slide .slick-prev {background-image: url('../img/sub/btn_slide_prev.png'); left: -100px;}
.s103 .slide .slick-next {background-image: url('../img/sub/btn_slide_next.png'); right: -100px;}
.s103 .slide .slick-arrow:hover {background-color: #127939;}
.s103 .slide .slick-prev:hover {background-image: url('../img/sub/btn_slide_prev_active.png'); }
.s103 .slide .slick-next:hover {background-image: url('../img/sub/btn_slide_next_active.png'); }

/* s201 */
h2.intro-text {font-size: 36px; font-weight: 700; line-height: 1.4em; color: #070707; margin-bottom: 86px;}
h2.intro-text span {display: inline-block;	background: linear-gradient(90deg, #01A2D4 0%, #266F37 40%, #E8983B 130%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.s201 article:not(:last-child),
.s202 article:not(:last-child) {margin-bottom: 86px;}
.arti-title {margin-bottom: 24px;}
.arti-title h3 {font-size: 28px; font-weight: 700; line-height: 1.4em; color: #222;}

.process ol {display: flex; flex-wrap: wrap; margin: -20px;}
.process ol li {width: 33.3333%; padding: 20px;}
.process ol li .inner {height: 100%; padding: 40px 32px; border-radius: 32px; border: 4px solid #EEE; text-align: center;}
.process ol li .step {display: inline-block; padding: 6px 12px; background: #127939; border-radius: 14px; font-size: 16px; font-weight: 700; line-height: 1em; color: #fff; margin: 0 auto 8px;}
.process ol li h4 {font-size: 22px; font-weight: 700; line-height: 1.6em; color: #222;}
.process ol li .icon {width: 106px; height: 106px; background-repeat: no-repeat; background-position: center center; margin: 18px auto;}
.process ol li:nth-child(1) .icon {background-image: url('../img/sub/s201_process_icon01.png');}
.process ol li:nth-child(2) .icon {background-image: url('../img/sub/s201_process_icon02.png');}
.process ol li:nth-child(3) .icon {background-image: url('../img/sub/s201_process_icon03.png');}
.process ol li:nth-child(4) .icon {background-image: url('../img/sub/s201_process_icon04.png');}
.process ol li:nth-child(5) .icon {background-image: url('../img/sub/s201_process_icon05.png');}
.process ol li p {font-size: 18px; font-weight: 400; line-height: 1.6em; color: #666;}

.cont-flex {display: flex;}
.cont-flex .arti-title {max-width: 240px; width: 100%;}
.cont-flex .arti-cont {width: 1%; flex: 1 1 auto;}

.notice .arti-cont .wrap {padding: 40px; border-radius: 32px; background: #F4F8F7;}
.notice .arti-cont .text-wrap:not(:last-child) {margin-bottom: 37px;}
.notice .arti-cont .text-wrap h4 {font-size: 22px; font-weight: 700; line-height: 1.6em; color: #127939; margin-bottom: 12px;}
.notice .arti-cont .text-wrap ul li {position: relative; font-size: 20px; font-weight: 400; line-height: 1.6em; color: #222; padding-left: 30px;}
.notice .arti-cont .text-wrap ul li:before {position: absolute; top: 12px; left: 12px; content: ''; width: 6px; height: 6px; background: #222; border-radius: 50%;}

/* s202 */
.notice .arti-cont .wrap-flex {position: relative; display: flex;}
.notice .arti-cont .wrap-flex:after {position: absolute; top: 50%; left: 50%; transform: translateY(-50%); content: ''; width: 1px; height: 60%; background: #ccc;}
.notice .arti-cont .wrap-flex > div {width: 50%;} 
.notice .arti-cont .wrap-flex .text-wrap {margin-bottom: 0;}
.notice .arti-cont .wrap-flex .text-wrap:nth-child(1) {padding-right: 20px;}
.notice .arti-cont .wrap-flex .text-wrap:nth-child(2) {padding-left: 40px;}

.green-box .btn-wrap {display: flex; margin: 0 -16px;}
.green-box .btn-wrap .btn {width: 50%; padding: 0 16px;}
.green-box .btn-wrap a {display: flex; justify-content: center; align-items: center; padding: 22px; border-radius: 16px; background: #127939; text-align: center; transition: all 0.5s;}
.green-box .btn-wrap a:hover {background: #1b8842; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);}
.green-box .btn-wrap .icon {width: 22px; height: 22px; background: url('../img/sub/btn_download.png') no-repeat center center;}
.green-box .btn-wrap .text {position: relative; padding-left: 28px; margin-left: 28px; font-size: 20px; font-weight: 600; line-height: 1.6em; color: #fff;}
.green-box .btn-wrap .text:before {position: absolute; top: 50%; left: 0; margin-top: -10px; content: ''; width: 1px; height: 20px; background: rgba(255,255,255,0.2);}

.contact ol {display: flex; flex-wrap: wrap; width: 100%; margin: -18px;}
.contact ol li {width: 33.3333%; padding: 18px;}
.contact ol li .inner {position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 210px; height: 100%; padding: 26px 26px 28px 38px; border-radius: 32px; border: 4px solid #EEE;}
.contact ol li .icon {position: absolute; top: 26px; right: 30px; width: 90px; height: 90px; background-repeat: no-repeat; background-position: center center;}
.contact ol li:nth-child(1) .icon {background-image: url('../img/sub/s202_icon01.png');}
.contact ol li:nth-child(2) .icon {background-image: url('../img/sub/s202_icon02.png');}
.contact ol li:nth-child(3) .icon {background-image: url('../img/sub/s202_icon03.png');}
.contact ol li h4 {font-size: 22px; font-weight: 700; line-height: 1.6em; color: #127939; margin-bottom: 10px;}
.contact ol li p {font-size: 20px; font-weight: 400; line-height: 1.6em; color: #222;}

/* s203 */
.s203 .table-responsive {overflow-x: auto; -webkit-overflow-scrolling: touch;}
.s203 .table-responsive table {width: 100%; min-width: 600px;}

.notes {margin-top: 24px; margin-left: 20px;}
.notes p {position: relative; padding-left: 12px; font-size: 18px; line-height: 1.55em; color: #222;}
.notes p:before {position: absolute; top: 2px; left: 0; content: '*'; color: #127939; }
.notes span {font-weight: 600; color: #127939;}

/* s301 */
.page-intro {position: relative; padding-bottom: 380px;}
.page-intro h2.intro-text {margin-bottom: 40px;}
.page-intro .img-wrap {display: flex; border-radius: 32px; overflow: hidden;}
.page-intro .img-wrap > div {width: 25%;}
.page-intro .img-wrap .text {padding: 20px; align-content: center; background: linear-gradient(131deg,rgba(7, 197, 223, 1) 0%, rgba(42, 157, 94, 1) 50%, rgba(196, 184, 84, 1) 100%);}
.s302 .page-intro .img-wrap .text {background: linear-gradient(131deg,rgba(29, 180, 155, 1) 0%, rgba(67, 155, 73, 1) 22%, rgba(175, 179, 80, 1) 57%, rgba(224, 190, 84, 1) 77%, rgba(241, 193, 83, 1) 100%);}
.page-intro .img-wrap .text p {font-size: 22px; line-height: 1.45em; color: #fff; text-align: center;}
.page-intro .backdrop {position: absolute; bottom: 0; left: 0; width: 100%; height: 560px; background: url('../img/sub/s3_arti01_bg.jpg') no-repeat center center/cover; z-index: -1;}
.s3-arti {padding: 100px 0 160px;}
.s3-arti-blue {position: relative; background: #eef7f9;}
.s3-arti-blue:before {position: absolute; bottom: -180px; right: 150px; content: ''; width: 594px; height: 594px; background: url('../img/sub/s3_arti_blue_bg.png') no-repeat center center;}
.s3-arti .cont-box:not(:last-child) {margin-bottom: 90px;}
.cont-title {text-align: center; margin-bottom: 22px;}
.cont-title h3 {position: relative; display: inline-block; font-size: 28px; font-weight: 700; line-height: 1.4em; color: #222; padding-top: 17px;}
.cont-title h3:before {position: absolute; top: 0; left: 50%; margin-left: -15px; content: ''; width: 30px; height: 4px; background: #127939;}
.s3-arti-white .cont-details {padding: 38px 15px; background: #f4f8f7; border-radius: 32px; text-align: center;}
.s3-arti-white .cont-details.text-left {padding: 38px 40px; text-align: left;}
.s3-arti-white .cont-details p {font-size: 22px; font-weight: 600; line-height: 1.45em; color: #000;}
.s3-arti-white .cont-details .text-green {color: #127939;}
.s3-arti-white .cont-details small {display: block; font-size: 18px; line-height: 1.77em; color: #666;}
.s3-arti-white .cont-details dl {display: flex; font-size: 16px; line-height: 1.6em; color: #777;}
.s3-arti-white .cont-details dt {font-weight: 600; margin-right: 3px;}
.s3-arti-white .cont-details dd {width: 1%; flex: 1 1 auto;}
.s3-arti-white .cont-details .star-list {position: relative; padding-left: 16px;}
.s3-arti-white .cont-details .star-list:before {position: absolute; top: 2px; left: 0; content: '*'; color: #127939;}

.s3-arti .box-list {display: flex; flex-wrap: wrap; margin: -16px;}
.s3-arti .box-list li {width: 50%; padding: 16px;}
.s3-arti .box-list li .inner {display: flex; align-items: center; height: 100%; padding: 33px 60px; background: #fff; border: 4px solid #eee; border-radius: 32px;}
.s3-arti .box-list li .icon {max-width: 106px; width: 100%; height: 106px; background-repeat: no-repeat; background-position: center center; margin-right: 30px;}
.s3-arti .box-list li:nth-child(1) .icon {background-image: url('../img/sub/s301_icon01.png');}
.s3-arti .box-list li:nth-child(2) .icon {background-image: url('../img/sub/s301_icon02.png');}
.s3-arti .box-list li:nth-child(3) .icon {background-image: url('../img/sub/s301_icon03.png');}
.s3-arti .box-list li:nth-child(4) .icon {background-image: url('../img/sub/s301_icon04.png');}
.s3-arti .box-list li:nth-child(5) .icon {background-image: url('../img/sub/s301_icon05.png');}
.s3-arti .box-list li:nth-child(6) .icon {background-image: url('../img/sub/s301_icon06.png');}
.s3-arti .box-list li:nth-child(7) .icon {background-image: url('../img/sub/s301_icon07.png');}
.s3-arti .box-list li:nth-child(8) .icon {background-image: url('../img/sub/s301_icon08.png');}
.s3-arti .box-list li:nth-child(9) .icon {background-image: url('../img/sub/s301_icon09.png');}
.s3-arti .box-list li:nth-child(10) .icon {background-image: url('../img/sub/s301_icon10.png');}
.s3-arti .box-list li:nth-child(11) .icon {background-image: url('../img/sub/s301_icon11.png');}
.s3-arti .box-list li:nth-child(12) .icon {background-image: url('../img/sub/s301_icon12.png');}
.s3-arti .box-list li:nth-child(13) .icon {background-image: url('../img/sub/s301_icon13.png');}
.s3-arti .box-list li .text {width: 1%; flex: 1 1 auto;}
.s3-arti .box-list li .text b {display: block; font-size: 18px; line-height: 1.61em; font-weight: 700; color: #127939;}
.s3-arti .box-list li .text p {font-size: 18px; line-height: 1.61em; color: #666;}
.s3-arti .box-list li .text p.text-triangle {position: relative; font-size: 18px; line-height: 1.61em; font-weight: 600; color: #222; padding-left: 20px; margin-top: 10px;}
.s3-arti .box-list li .text p.text-triangle:before {position: absolute; top: 7px; left: 0; content: ''; width: 12px; height: 12px; background: url('../img/sub/text-triangle.png') no-repeat center center;}

.s3-arti .result-wrap {max-width: 798px; width: 100%; margin: 0 auto;}
.s3-arti .result-wrap .top-box {position: relative; display: flex; justify-content: center; background: #fff; border-radius: 16px; padding: 14px; margin-bottom: 50px;}
.s3-arti .result-wrap .top-box:after {position: absolute; bottom: -30px; left: 50%; margin-left: -6px; content: ''; width: 12px; height: 12px; background: url('../img/sub/text-triangle.png') no-repeat center center; transform: rotate(90deg);}
.s3-arti .result-wrap .top-box ul {display: flex;}
.s3-arti .result-wrap .top-box ul li {position: relative; padding: 0 40px; font-size: 20px; line-height: 1.6em; color: #222;}
.s3-arti .result-wrap .top-box ul li:before {position: absolute; top: 10px; left: 20px; content: ''; width: 6px; height: 6px; background: #222; border-radius: 50%;}
.s3-arti .result-wrap .bottom-box {display: flex; margin: 0 -5px;}
.s3-arti .result-wrap .bottom-box li {width: 33.333%; padding: 0 5px;}
.s3-arti .result-wrap .bottom-box .inner {font-size: 22px; font-weight: 600; line-height: 1.45em; color: #fff; background: #127939; border-radius: 16px; padding: 14px;}

.s3-arti-blue .cont-details .text-list-wrap {display: flex; justify-content: center; padding: 39px 15px; border-radius: 32px; background: #fff;}
.s3-arti-blue .cont-details .text-list li {position: relative; font-size: 20px; line-height: 1.6em; color: #222; text-align: left; padding-left: 18px;}
.s3-arti-blue .cont-details .text-list li:before {position: absolute; top: 12px; left: 0; content: ''; width: 6px; height: 6px; background: #222; border-radius: 50%;}
.s3-arti-blue .cont-details .text-list li .text-green {display: block; font-size: 18px; line-height: 1.55em; font-weight: 600; color: #127939;}
.s3-arti-blue .cont-details .text-list li .line-list {position: relative; padding-left: 12px; display: block; font-size: 18px; line-height: 1.55em;}
.s3-arti-blue .cont-details .text-list li .line-list:before {position: absolute; top: 0; left: 0; content: '-'; color: #222;}
.s3-arti-blue .cont-details .text-list li .star-list {position: relative; padding-left: 12px; display: block; font-size: 18px; line-height: 1.55em;}
.s3-arti-blue .cont-details .text-list li .star-list:before {position: absolute; top: 2px; left: 0; content: '*'; color: #127939; }
.s3-arti-blue .cont-details .text-list-col02-wrap {padding: 39px 15px; border-radius: 32px; background: #fff;}
.s3-arti-blue .cont-details .text-list-col02-wrap .flex {position: relative; display: flex;}
.s3-arti-blue .cont-details .text-list-col02-wrap .flex:after {position: absolute; top: 50%; left: 50%; transform: translateY(-50%); content: ''; width: 1px; height: 92%; background: #ccc;} 
.s3-arti-blue .cont-details .text-list-col02-wrap .text-list {width: 50%; padding: 0 60px;}
.table-wrap {border-radius: 16px; overflow: hidden; border: 4px solid #eee;}
.table-wrap table {width: 100%;}
.table-wrap table thead { border-radius: 16px;}
.table-wrap table thead th {position: relative; font-size: 22px; font-weight: 600; line-height: 1.55em; color: #fff; background: #127939; padding: 13px 10px;}
.table-wrap table thead th:after {position: absolute; top: 50%; right: 0; transform: translateY(-50%); content: ''; width: 1px; height: 20px; background: rgba(255,255,255,0.3);}
.table-wrap table thead th:last-child:after {display: none;}
.table-wrap table tbody {background: #fff; border-top: 0;}
.table-wrap table tbody tr {border-bottom: 1px solid #ccc;}
.table-wrap table tbody tr:last-child {border-bottom: 0;}
.table-wrap table tbody tr.border-none {border-bottom: 0;}
.table-wrap table tbody tr.border-bottom-dotted {border-bottom: 1px dotted #ccc;}
.table-wrap table tbody th {font-size: 20px; line-height: 1.6em; font-weight: 600; color: #222; text-align: center; padding: 20px 15px; background: #f4f8f7;}
.table-wrap table tbody td {font-size: 20px; line-height: 1.6em; color: #222; text-align: center; padding: 20px 15px; border-left: 1px solid #ccc;}
.table-wrap table tbody td:nth-child(1) {border-left: 0;}
.table-wrap table tbody tr td.radius {border-radius: 0 0 16px 16px !important;}
.table-wrap table tbody tr td.bold {font-weight: 600;}
.table-wrap table tbody tr td.color-green {color: #127939;}
.table-wrap table tbody td small {display: block; font-size: 18px; font-weight: 600; line-height: 1.55em; color: #127939;}
.table-wrap table tbody .border-dotted {border-left: 1px dotted #ccc !important;}
.table-wrap table tbody .border-left {border-left: 1px solid #ccc !important;}
.table-wrap table tbody .bg-green {background: #f4f8f7; padding: 15px 15px;}
.table-wrap table tbody .radius {border-radius: 0 0 16px 16px;}
.table-wrap table tbody .bg-orange {background: #fefaf1;}
.table-wrap table tbody .bg-pink {background: #fdf5f5;}
.table-wrap table tbody .bg-green {background: #e7f1eb;}
.table-wrap table tbody .bold {font-weight:	600;}
.table-wrap table tbody .text-left {text-align: left; padding: 20px 40px;}

/* s302 */
.s302 .arti01 .wrap {display: flex; justify-content: center; background: #fff; border-radius: 16px; padding: 40px 25px;}
.s302 .arti01 .wrap .inner {display: flex; align-items: center; max-width: 994px; width: 100%;}
.s302 .arti01 .wrap .img {margin-right: 80px;}
.s302 .arti01 .wrap .text {width: 1%; flex: 1 1 auto;}
.s302 .arti01 .wrap .text h4 {font-size: 32px; font-weight: 700; line-height: 1.5em; color: #127939; margin-bottom: 10px;}
.s302 .arti01 .wrap .text dl {display: flex;}
.s302 .arti01 .wrap .text dt {max-width: 110px; width: 100%; font-size: 20px; font-weight: 700; line-height: 1.9em; color: #222;}
.s302 .arti01 .wrap .text dd {width: 1%; flex: 1 1 auto; font-size: 20px; line-height: 1.9em; color: #222;}

/* s303 */
.s3-arti-blue .cont-details .text-wrap {padding: 32px 15px; background: #fff; border-radius: 32px; text-align: center;}
.s3-arti-blue .cont-details .text-wrap p {font-size: 20px; line-height: 1.6em; color: #222;}

.s303 .arti02 .cont-box02 .wrap {display: flex; justify-content: center; background: #fff; border-radius: 16px; padding: 40px 25px;}
.s303 .arti02 .cont-box02 .wrap:not(:last-child) {margin-bottom: 40px;}
.s303 .arti02 .cont-box02 .wrap .inner {display: flex; align-items: center; max-width: 994px; width: 100%;}
.s303 .arti02 .cont-box02 .wrap .img {margin-right: 80px;}
.s303 .arti02 .cont-box02 .wrap .text {width: 1%; flex: 1 1 auto;}
.s303 .arti02 .cont-box02 .wrap .text h4 {font-size: 32px; font-weight: 700; line-height: 1.5em; color: #127939; margin-bottom: 10px;}
.s303 .arti02 .cont-box02 .wrap .text .flex {display: flex;}
.s303 .arti02 .cont-box02 .wrap .text ul {margin-right: 80px;}
.s303 .arti02 .cont-box02 .wrap .text ul li {position: relative; padding-left: 18px; font-size: 20px; line-height: 1.6em; color: #222;}
.s303 .arti02 .cont-box02 .wrap .text ul li:before {position: absolute; top: 13px; left: 0; content: ''; width: 6px; height: 6px; background: #222; border-radius: 50%;}
.s303 .arti02 .cont-box03 .cont-details .text-wrap p {font-weight: 600;}
.s303 .arti02 .cont-box04 .text-wrap {margin-bottom: 32px;}
.s303 .arti02 .box-list li:nth-child(1) .icon {background-image: url('../img/sub/s303_icon01.png');}
.s303 .arti02 .box-list li:nth-child(2) .icon {background-image: url('../img/sub/s303_icon02.png');}
.s303 .arti02 .box-list li:nth-child(3) .icon {background-image: url('../img/sub/s303_icon03.png');}
.s303 .arti02 .box-list li:nth-child(4) .icon {background-image: url('../img/sub/s303_icon04.png');}
.s303 .arti02 .notes {margin-top: 15px;}
.s303 .arti02 .notes p {font-size: 16px; color: #777; text-align: right; margin-right: 20px;}
.s303 .arti02 .notes p:before {display: none;}
.s303 .arti02 .cont-box05 ul {padding: 10px 40px; background: #fff; border: 4px solid #eee; border-radius: 32px;}
.s303 .arti02 .cont-box05 ul li {display: flex; align-items: center; padding: 30px 0;}
.s303 .arti02 .cont-box05 ul li:not(:last-child) {border-bottom: 1px dotted #ccc;}
.s303 .arti02 .cont-box05 ul li .title {max-width: 220px; width: 100%; margin-right: 30px;}
.s303 .arti02 .cont-box05 ul li .title h3 {width: 100%; font-size: 20px; font-weight: 700; line-height: 1.5em; color: #fff; background: #127939; text-align: center; padding: 15px 10px; border-radius: 30px;}
.s303 .arti02 .cont-box05 ul li .details {width: 1%; flex: 1 1 auto;}
.s303 .arti02 .cont-box05 ul li .details p {font-size: 18px; line-height: 1.61em; color: #666;}
.s303 .arti02 .cont-box06 .table-responsive {overflow-x: auto; -webkit-overflow-scrolling: touch;}
.s303 .arti02 .cont-box06 .table-responsive table {width: 100%; min-width: 600px;}
.s303 .arti03 .arti-title {margin-bottom: 50px;}
.s303 .arti03 .arti-title h3 {font-size: 34px; text-align: center;}
.s303 .arti03 .cont-box01 .cont-details p {font-size: 20px; font-weight: 400; line-height: 1.6em; color: #222;}
.s303 .arti03 .cont-box01 .cont-details dl.border {padding-bottom: 26px; margin-bottom: 13px; border-bottom: 1px dashed #ccc; margin-top: 9px;}
.s303 .arti03 .cont-box01 .cont-details small {font-size: 16px;}
.s303 .arti03 .cont-box02 > ol {display: flex; flex-wrap: wrap; margin: -16px;}
.s303 .arti03 .cont-box02 > ol > li {position: relative; width: 16.666%; padding: 16px;}
.s303 .arti03 .cont-box02 > ol > li:after {position: absolute; top: calc((100% + 56px)/2); transform: translateY(-50%); right: -5px; content: ''; width: 11px; height: 11px; background: url('../img/sub/s303_icon_arrow.png');}
.s303 .arti03 .cont-box02 > ol > li:last-child:after {display: none;}
.s303 .arti03 .cont-box02 > ol > li .inner {height: 100%; border: 4px solid #eee; border-radius: 16px; overflow: hidden;}
.s303 .arti03 .cont-box02 > ol > li h4 {font-size: 20px ;font-weight: 600; line-height: 1.6em; color: #fff; text-align: center; background: #127939; padding: 12px 5px;}
.s303 .arti03 .cont-box02 > ol > li .details {min-height: 240px; align-content: center; padding: 22px 24px;}
.s303 .arti03 .cont-box02 > ol > li .details p {font-size: 20px; line-height: 1.6em; color: #222; text-align: center;}
.s303 .arti03 .cont-box02 > ol > li .details li {position: relative; padding-left: 28px; font-size: 20px; line-height: 1.6em; color: #222;}
.s303 .arti03 .cont-box02 > ol > li .details li b {font-weight: 600;}
.s303 .arti03 .cont-box02 > ol > li .details li:before {position: absolute; top: 0; left: 0; color: #127939;}
.s303 .arti03 .cont-box02 > ol > li .details li:nth-child(1):before {content: '①';}
.s303 .arti03 .cont-box02 > ol > li .details li:nth-child(2):before {content: '②';}
.s303 .arti03 .cont-box02 > ol > li .details li:nth-child(3):before {content: '③';}

.s303 .arti03 .cont-box03 .text-wrap:not(:last-child) {margin-bottom: 18px;}
.s303 .arti03 .cont-box03 .text-wrap .flex {display: flex; flex-wrap: wrap; align-items: center;}
.s303 .arti03 .cont-box03 .text-wrap h4 {font-size: 20px; font-weight: 700; line-height: 1.6em; color: #127939; margin-bottom: 5px;}
.s303 .arti03 .cont-box03 .text-wrap ul li,
.s303 .arti03 .cont-box05 .text-wrap ul li {position: relative; font-size: 20px; font-weight: 400; line-height: 1.6em; color: #222; padding-left: 30px;}
.s303 .arti03 .cont-box03 .text-wrap ul li:before,
.s303 .arti03 .cont-box05 .text-wrap ul li:before {position: absolute; top: 12px; left: 12px; content: ''; width: 6px; height: 6px; background: #222; border-radius: 50%;}
.s303 .arti03 .cont-box03 .text-wrap small {font-size: 16px; margin-left: 10px;}
.s303 .arti03 .cont-box03 .cont-details dl {margin-top: 9px;}

.s303 .arti03 .cont-box05 .table-wrap {margin-bottom: 32px;}
.s303 .arti03 .cont-box06 .cont-details {margin-bottom: 32px;}
.s303 .arti03 .cont-box06 .cont-details p {font-size: 20px; line-height: 1.6em; font-weight: 700;}
.s303 .arti03 .cont-box06 .cont-details .color-green {color: #127939;}
.s303 .arti03 .cont-box06 ol {display: flex; flex-wrap: wrap; margin: -16px;}
.s303 .arti03 .cont-box06 ol li {width: 50%; padding: 16px;}
.s303 .arti03 .cont-box06 ol li .inner {display: flex; height: 100%; border: 4px solid #eee; border-radius: 32px; padding: 28px 35px;}
.s303 .arti03 .cont-box06 ol li .num {max-width: 64px; width: 100%; font-size: 32px; font-weight: 700; line-height: 1.2em; color: #127939;}
.s303 .arti03 .cont-box06 ol li p {width: 1%; flex: 1 1 auto; font-size: 20px; line-height: 1.6em; color: #222;}
.s303 .arti03 .cont-box06 .notes p {padding-left: 16px; font-size: 16px; color: #777;}
.s303 .arti03 .cont-box06 .notes p:before {top: -1px; content:'※';}
.s303 .arti04 .cont-box02 .cont-details .wrap {display: flex; justify-content: center; padding: 40px 15px; background: #fff; border-radius: 32px;}
.s303 .arti04 .cont-box02 .cont-details .box {position: relative; display: flex; align-items: center; padding: 0 80px;}
.s303 .arti04 .cont-box02 .cont-details .box:after {position: absolute; top: 50%; right: 0; transform: translateY(-50%); content: ''; width: 1px; height: 20px; background: #ccc;}
.s303 .arti04 .cont-box02 .cont-details .box:last-child:after {display: none;}
.s303 .arti04 .cont-box02 .cont-details .text {font-size: 20px; font-weight: 600; color: #222; margin-left: 21px;}

/* s304 */
.s304 .arti01 .wrap {display: flex; border-radius: 32px; border: 2px solid #137938; overflow: hidden;}
.s304 .arti01 .wrap .title {display: flex; justify-content: center; align-items: center; max-width: 298px; width: 100%; background: #137938; font-size: 28px; font-weight: 700; line-height: 1.78em; color: #fff; text-align: center; padding: 40px;}
.s304 .arti01 .wrap .details {background: #fff; padding: 29px 40px 33px;}
.s304 .arti01 .wrap .details .top {padding-bottom: 22px; margin-bottom: 22px; border-bottom: 1px solid #ccc;}
.s304 .arti01 .wrap .details .top dl {display: flex;}
.s304 .arti01 .wrap .details .top dt {max-width: 210px; width: 100%; font-size: 22px; font-weight: 700; line-height: 1.72em; color: #000;}
.s304 .arti01 .wrap .details .top dd {font-size: 20px; line-height: 1.9em; color: #222;}
.s304 .arti01 .wrap .details .bottom p {font-size: 20px; line-height: 1.6em; color: #222;}

.s304 .arti02 .cont-box {display: flex; background: #f4f8f7; border-radius: 32px;}
.s304 .arti02 .cont-box:not(:last-child) {margin-bottom: 30px;}
.s304 .arti02 .cont-box .title {position: relative; max-width: 298px; width: 100%; display: flex; flex-direction: column; justify-content: center; text-align: center; padding: 40px;}
.s304 .arti02 .cont-box .title:after {position: absolute; top: 50%; right: 0; transform: translateY(-50%); content: ''; width: 1px; height: 69%; background: #cecece;}
.s304 .arti02 .cont-box .title .num {font-size: 18px; font-weight: 700; line-height: 1.5em; color: #137938; margin-bottom: 2px;}
.s304 .arti02 .cont-box .title h3 {font-size: 28px; font-weight: 700; line-height: 1.78em; color: #222; }
.s304 .arti02 .cont-box .details {width: 100%; padding: 32px 40px 36px;}
.s304 .arti02 .cont-box .details dl {display: flex;}
.s304 .arti02 .cont-box .details dt {position: relative; max-width: 112px; width: 100%; font-size: 20px; font-weight: 600; line-height: 1.6em; color: #137938; padding-left: 18px;}
.s304 .arti02 .cont-box .details dt:before {position: absolute; top: 13px; left: 0; content: ''; width: 6px; height: 6px; background: #222; border-radius: 50%;}
.s304 .arti02 .cont-box .details dt:after {position: absolute; top: 0; right: 10px; content: ':'; font-size: 20px; font-weight: 600; line-height: 1.6em; color: #137938;}
.s304 .arti02 .cont-box .details dd {font-size: 20px; line-height: 1.6em; color: #222;}
.s304 .arti02 .cont-box .details dd p {position: relative; padding-left: 15px;}
.s304 .arti02 .cont-box .details dd p:before {position: absolute; top: 2px; left: 0; content: '*';}

/* s305 */
.s305 h2.intro-text {margin-bottom: 55px;}
.tab-menu {margin-bottom: 23px;}
.tab-menu ul {display: flex;}
.tab-menu ul li {position: relative; flex: 1; border: 1px solid #bbb; margin-left: -1px; transition: all 0.5s;}
.tab-menu ul li:after {z-index: 3; opacity: 0; position: absolute; top: -1px; left: -1px; content: ''; width: calc(100% + 2px); height: calc(100% + 1px); border: 2px solid #127939; border-bottom: 0; transition: all 0.5s;}
.tab-menu ul li a {position: relative; z-index: 5; font-size: 20px; font-weight: 500; line-height: 1.5em; color: #797979; text-align: center; padding: 17px 5px; transition: all 0.5s;}
.tab-menu ul li a:hover {color: #127939;}
.tab-menu ul li.active {border-bottom: 0;}
.tab-menu ul li.active:after {opacity: 1;}
.tab-menu ul li.active a {font-weight: 700; color: #127939;}
.s305 .tab-cont .des {position: relative; padding-left: 26px; font-size: 22px; font-weight: 700; line-height: 1.6em; color: #000; margin-bottom: 28px;}
.s305 .tab-cont .des:before {position: absolute; top: 7px; left: 0;	content: ''; width: 16px; height: 19px; background: url('../img/sub/s305_icon.png') no-repeat center center;}
.s305 #tab-cont03 .table-responsive {overflow-x: auto; -webkit-overflow-scrolling: touch;}
.s305 #tab-cont03 .table-responsive table {width: 100%; min-width: 600px;}

/* s501 */
.s501 .arti01 {padding-top: 0;}
.s501 .arti01 .cont-details p {font-size: 20px; font-weight: 400; line-height: 1.6em; color: #222;}
.s501 .arti01 .table-wrap {margin-bottom: 70px;}
.s501 .arti01 .table-responsive {overflow-x: auto; -webkit-overflow-scrolling: touch;}
.s501 .arti01 .table-responsive table {width: 100%; min-width: 800px;}
.s501 .arti01 table tbody td small {font-weight: 400; color: #666;}
.s501 .arti01 ul {display: flex; margin: 0 -10px;}
.s501 .arti01 ul li {position: relative; width: 33.3333%; padding: 0 10px;} 
.s501 .arti01 ul li:after {position: absolute; bottom: 22px; right: 0; content: ''; width: 1px; height: 51%; background: #ccc;}
.s501 .arti01 ul li:last-child:after {display: none;}
.s501 .arti01 ul li .title {font-size: 22px; font-weight: 700; line-height: 1.5em; color: #222; text-align: center; padding: 13px 10px;}
.s501 .arti01 ul li:nth-child(1) .title {background: #fdf5f5;}
.s501 .arti01 ul li:nth-child(2) .title {background: #fefaf1;}
.s501 .arti01 ul li:nth-child(3) .title {background: #e7f1eb;}
.s501 .arti01 ul li .details {padding: 15px 20px;}
.s501 .arti01 ul li .details p {font-size: 18px; line-height: 1.61em; color: #222;}
.s501 .arti01 ul li .details small {font-size: 18px; line-height: 1.61em; color: #666;}
.s501 .arti01 ul li .details small .color-green {color: #127939;}

.s501 .arti02 ul {padding: 5px 40px; background: #fff; border: 4px solid #eee; border-radius: 32px;}
.s501 .arti02 ul li {display: flex; padding: 30px 0 23px;}
.s501 .arti02 ul li:not(:last-child) {border-bottom: 1px dotted #ccc;}
.s501 .arti02 ul li .title {max-width: 340px; width: 100%; margin-right: 30px;}
.s501 .arti02 ul li .title h3 {width: 100%; font-size: 20px; font-weight: 700; line-height: 1.5em; color: #fff; background: #127939; text-align: center; padding: 15px 10px; border-radius: 30px;}
.s501 .arti02 ul li .details {width: 1%; flex: 1 1 auto; padding-top: 6px;}
.s501 .arti02 ul li .details p {font-size: 18px; line-height: 1.61em; color: #666;}
.s501 .arti02 ul li .details p.text-triangle {position: relative; font-size: 18px; line-height: 1.61em; font-weight: 600; color: #222; padding-left: 20px; margin-top: 6px;}
.s501 .arti02 ul li .details p.text-triangle:before {position: absolute; top: 7px; left: 0; content: ''; width: 12px; height: 12px; background: url('../img/sub/text-triangle.png') no-repeat center center;}
.s501 .arti03 .notice01 {margin-bottom: 90px;}
.s501 .arti03 .notice02 .text-wrap > div {margin-bottom: 25px;}
.s501 .arti03 .notice02 .text-wrap > div:last-child {margin-bottom: 0;}
.s501 .arti03 .notice .arti-cont .wrap-flex:after {display: none;}
.s501 .arti03 .notice .arti-cont .wrap-flex:before {position: absolute; top: 50%; left: 50%; transform: translateY(-50%); content: ''; width: 1px; height: 60%; border-left: 1px dotted #ccc;}
.s501 .arti03 .notice02 .arti-cont .wrap-flex:before {height: 80%;}

/* s601 */
.intro-img {height: 440px; background: url('../img/sub/s601_img01.jpg') no-repeat center center/cover; border-radius: 32px; overflow: hidden;}
.s601 .intro-img {margin-bottom: 100px;}
.s601 .arti01 {margin-bottom: 90px;}
.s601 .arti01 .wrap {padding: 40px 60px; border-radius: 32px; background: #F4F8F7;}
.s601 .arti01 .wrap:not(:last-child) {margin-bottom: 35px;}
.s601 .arti01 .icon-wrap {display: flex; align-items: center;}
.s601 .arti01 .icon-wrap .icon {max-width: 106px; width: 100%; height: 106px; background-repeat: no-repeat; background-position: center center; margin-right: 30px;}
.s601 .arti01 .wrap:nth-child(1) .icon-wrap .icon {background-image: url('../img/sub/s601_icon01.png');}
.s601 .arti01 .wrap:nth-child(2) .icon-wrap .icon {background-image: url('../img/sub/s601_icon02.png');}
.s601 .arti01 .wrap:nth-child(3) .icon-wrap .icon {background-image: url('../img/sub/s601_icon03.png');}
.s601 .arti01 .icon-wrap .text b {display: block; font-size: 22px; font-weight: 700; line-height: 1.4em; color: #137938;}
.s601 .arti01 .icon-wrap .text p {font-size: 20px; line-height: 1.6em; color: #222; margin-top: 12px;}
.s601 .arti01 .table {padding-top: 35px; margin-top: 40px; border-top: 1px dotted #ccc;}
.s601 .arti01 .table h4 {font-size: 22px; font-weight: 700; line-height: 1.4em; color: #222; margin-bottom: 10px;}
.s601 .arti01 .table p {font-size: 18px; line-height: 1.3em; color: #666; margin-top: 13px;}
.s601 .arti01 .table p .color-green {color: #127939;}
.s601 .arti01 .table-responsive {overflow-x: auto; -webkit-overflow-scrolling: touch;}
.s601 .arti01 .table-responsive table {min-width: 500px;}
.s601 .green-box .btn-wrap .btn {width: 100%;}
.s601 .green-box .btn-wrap .icon {background-image: url('../img/sub/s601_icon_tel.png');}
.green-box .btn-wrap .text02 {font-size: 20px; font-weight: 700; line-height: 1.6em; color: #fff; margin-left: 20px;}
.green-box .btn-wrap .text {font-weight: 400;}