@charset "utf-8";
.sub-contain {max-width: 1790px; width: 100%; padding: 0 15px; margin: 0 auto;}
.sub-visual {max-width: 1760px; width: 100%; height: 600px; margin: 222px auto 0; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 25px; overflow: hidden;}
.sub-visual01 {background-image: url('../img/sub/sub-visual01.jpg');}
.sub-visual02 {background-image: url('../img/sub/sub-visual02.jpg');}
.sub-visual03 {background-image: url('../img/sub/sub-visual03.jpg');}
.sub-visual04 {background-image: url('../img/sub/sub-visual04.jpg');}
.sub-visual05 {background-image: url('../img/sub/sub-visual05.jpg');}
.sub-visual06 {background-image: url('../img/sub/sub-visual06.jpg');}
.sub-visual07 {background-image: url('../img/sub/sub-visual07.jpg');}
.sub-visual .cate-name {display: flex; justify-content: center; align-items: center; height: calc(100% - 80px); text-align: center;}
.sub-visual02 .cate-name, .sub-visual03 .cate-name, .sub-visual04 .cate-name, .sub-visual07 .cate-name {height: 100%;}
.sub-visual .cate-name h2 {font-family: 'SUITE', sans-serif; font-size: 65px; font-weight: 600; line-height: 1.4em; color: #fff;}
#lnb {width: 100%; height: 80px;}
#lnb ul {display: flex; height: 100%;}
#lnb ul li {position: relative; flex: 1; border-top: 1px solid rgba(255,255,255,0.3);}
#lnb ul li:after {position: absolute; top: 50%; right: 0; margin-top: -10px; content: ''; width: 1px; height: 20px; background: rgba(255,255,255,0.3);}
#lnb ul li:last-child:after {display: none;}
#lnb ul li a {position: relative; display: flex; justify-content: center; align-items: center; height: 100%; font-size: 20px; font-weight: 500; line-height: 1.4em; color: rgba(255,255,255,0.5); text-align: center; transition: all 0.4s;}
#lnb ul li a:after {position: absolute; top: -1px; left: 50%; transform: translateX(-50%); content: ''; width: 0; height: 3px; background: #fff; transition: all 0.4s;}
#lnb ul li.active a {font-weight: 600; color: rgba(255,255,255,1);} 
#lnb ul li.active a:after {width: 100%;}
#lnb ul li a:hover {font-weight: 600; color: rgba(255,255,255,1);}
#lnb ul li a br.mob-only {display: none;}

.depth03 {margin-top: 160px;}
.depth03 ul {display: flex; height: 80px; border: 1px solid #ddd; border-radius: 20px; overflow: hidden;}
.depth03 ul li {position: relative; flex: 1;}
.depth03 ul li:before {position: absolute; top: 50%; left: -3px; margin-top: -3px; content: ''; width: 6px; height: 6px; background: #ddd; border-radius: 50%; z-index: 1;}
.depth03 ul li:after {position: absolute; top: 50%; right: -3px; margin-top: -3px; content: ''; width: 6px; height: 6px; background: #ddd; border-radius: 50%; z-index: 1;}
.depth03 ul li:nth-child(1):before {display: none;}
.depth03 ul li:last-child:after {display: none;}
.depth03 ul li.active:before {background: #fff; z-index: 2;}
.depth03 ul li.active:after {background: #fff; z-index: 2;}
.depth03 ul li a {position: relative; z-index: 3; display: flex; justify-content: center; align-items: center; height: 100%; font-size: 18px; font-weight: 500; line-height: 1.44em; color: #888; text-align: center; padding: 0 24px; transition: all 0.4s;}
.depth03 ul li.active a {font-weight: 600; color: #fff; background: #0065b5;}
.depth03 ul li a:hover {font-weight: 600; color: #333;}
.depth03 ul li.active a:hover {color: #fff;}

.real-cont {padding:160px 0 180px;}
.s1_2 .real-cont {padding-top: 120px;}
.real-cont.type02 {padding-bottom: 0;}
.page-title {margin-bottom: 60px;}
.page-title h3 {position: relative; font-family: 'SUITE', sans-serif; font-size: 60px; font-weight: 600; line-height: 1.4em; color: #111; text-align: center; padding-top: 35px;}
.page-title h3:before {position: absolute; top: 0; left: 50%; margin-left: -9px; content: ''; width: 18px; height: 18px; background-image: url('../img/sub/page-title-bg.png'); background-repeat: no-repeat; background-position: center top;}

/* .arti-title {margin-bottom: 68px;}
.arti-title h4 {position: relative; display: inline-block; font-size: 50px; font-weight: 600; line-height: 1.4em; color: #111; padding-right: 22px;}
.arti-title h4:after {position: absolute; top: 13px; right: 0; content: ''; width: 8px; height: 8px; background: #0065b5; border-radius: 2px;}
.arti-title p {font-size: 20px; line-height: 1.6em; color: #666; margin-top: 12px;} */
.arti-title {margin-bottom: 68px;}
.arti-title h4 {display: inline-block; font-size: 50px; font-weight: 600; line-height: 1.4em; color: #111; /* padding-right: 22px; */}
.arti-title h4 span {display: inline-block; width: 8px; height: 8px; background: #0065b5; border-radius: 2px; margin-left: 14px; margin-bottom: 32px;}
.arti-title p {font-size: 20px; line-height: 1.6em; color: #666; margin-top: 12px;}

/* s1-1 */
.intro {margin-bottom: 120px;}
.center .intro {margin-bottom: 165px;}
.intro .wrap {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 460px; border-radius: 25px; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: cover; text-align: center; padding: 5px 15px 0; box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);}
.center .intro .wrap {background-image: url('../img/sub/center-intro-img.jpg');}
.intro .wrap b {position: relative; display: inline-block; font-size: 26px; font-weight: 500; line-height: 1.4em; color: #fff; padding: 0 15px; margin-bottom: 20px;}
.intro .wrap b:before {position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); content: ''; width: 100%; height: 20px; background: #fff; opacity: 0.2;}
.intro .wrap p {font-size: 50px; font-weight: 500; line-height: 1.4em; color: #fff;}
.intro .text-box {margin-top: 88px;}
.intro .text-box p {font-size: 26px; line-height: 1.84em; color: #666; text-align: center;}
.intro .text-box p span {font-weight: 600; color: #333;}

.center .rule {background: #f9f9f9; padding: 150px 0 170px;}
.center .rule ul {display: flex; margin: -10px;}
.center .rule ul li {width: 25%; padding: 10px;}
.center .rule ul li .img-box {border-radius: 25px 25px 0 0; overflow: hidden;}
.center .rule ul li .text-box {min-height: 216px; background: #fff; text-align: center; padding: 44px 25px 20px 25px; border-radius: 0 0 25px 25px;}
.center .rule ul li .text-box b {display: block; font-size: 24px; font-weight: 600; line-height: 1.5em; color: #111; margin-bottom: 10px;}
.center .rule ul li .text-box p {font-size: 20px; line-height: 1.6em; color: #666;}
.center .note p {font-size: 20px; line-height: 1.6em; color: #666; margin-top: 30px;} 

/* s1-2-1 */
.service .intro .wrap {background-image: url('../img/sub/service-intro-img.jpg');}

.overview {padding: 120px 0 180px; background: #f9f9f9;}
.overview .wrap {display: flex; align-items: center;}
.overview .img-box {max-width: 660px; width: 100%; }
.overview .img-box img {border-radius: 25px; overflow: hidden;}
.overview .text-box {width: 1%; flex: 1 1 auto; padding-left: 120px;} 
.overview .text-box p {font-size: 20px; line-height: 1.6em; color: #666; margin-bottom: 32px;}
.overview .text-box p:last-child {margin-bottom: 0;}
.overview .text-box p span {font-weight: 700; color: #0065b5;}

.service .program {padding-top: 160px;}
.service .program ul {display: flex; margin: 0 -11px;}
.service .program ul li {width: 20%; padding: 0 11px;}
.service .program ul li a {position: relative; width: 100%; height: 365px; border-radius: 25px; padding: 55px 35px 40px 50px; overflow: hidden; background-repeat: no-repeat; background-position: center center; transition: all 0.6s;}
.service .program ul li a:after {position: absolute; bottom: -100%; left: 0; content: ''; width: 100%; height: 100%; background-image: url('../img/sub/service-program-bg.jpg'); background-repeat: no-repeat; background-position: center bottom; transition: all 0.6s;}
.service .program ul li:nth-child(1) a {background-image: url('../img/sub/service-program-img01.jpg');}
.service .program ul li:nth-child(2) a {background-image: url('../img/sub/service-program-img02.jpg');}
.service .program ul li:nth-child(3) a {background-image: url('../img/sub/service-program-img03.jpg');}
.service .program ul li:nth-child(4) a {background-image: url('../img/sub/service-program-img04.jpg');}
.service .program ul li:nth-child(5) a {background-image: url('../img/sub/service-program-img05.jpg');}
.service .program ul li a .text-box {position: relative; width: 100%; height: 100%; z-index: 3; transition: all 0.6s;}
.service .program ul li a h4 {position: relative; font-size: 24px; font-weight: 400; line-height: 1.4em; color: #fff; padding-bottom: 13px; margin-bottom: 15px; transition: all 0.6s;}
.service .program ul li a h4:after {position: absolute; bottom: 0; left: 0; content: ''; width: 10px; height: 1px; background: #fff;}
.service .program ul li:last-child a h4:after {display: none;}
.service .program ul li a p {font-size: 16px; font-weight: 400; line-height: 1.5em; color: #fff; opacity: 0.8; transition: all 0.6s;}
.service .program ul li a .btn {opacity: 0; position: absolute; bottom: -10px; right: 35px; width: 17px; height: 17px; z-index: 3; transition: all 0.6s;}
.service .program ul li a:hover {margin-top: -20px; box-shadow: 3.536px 3.536px 25px 0px rgba(106, 106, 106, 0.25);}
.service .program ul li a:hover:after {bottom: 0;}
.service .program ul li a:hover h4 {font-weight: 600;}
.service .program ul li a:hover .btn {opacity: 1; bottom: 40px;}

/* s1-2-2 */
.service-senior .intro .wrap {background-image: url('../img/sub/service-senior-intro-img.jpg');}

.details {padding-top: 143px;}	
.details p {font-size: 50px; line-height: 1.52em; color: #111; text-align: center; margin-bottom: 65px;}	
.details p span {font-weight: 600;}
.details .wrap {display: flex; border-radius: 25px; border: 1px solid #ddd; overflow: hidden;}
.details .wrap > * {width: 50%;}
.details ul {display: flex; flex-direction: column; justify-content: center; padding: 20px 50px 20px 70px; min-height: 360px; height: 100%;}
.details ul li {position: relative; font-size: 20px; line-height: 1.9em; color: #666; padding-left: 18px;}
.details ul li:before {position: absolute; top: 17px; left: 0; content: ''; width: 4px; height: 4px; background: #0065b5;}
.details .img-box {background-repeat: no-repeat; background-position: center center; background-size: cover;}
.service-senior .details .img-box {background-image: url('../img/sub/service-senior-details-img.jpg');}

/* s1-2-3 */
.service-disabled .intro .wrap {background-image: url('../img/sub/service-disabled-intro-img.jpg');}
.service-disabled .details .img-box {background-image: url('../img/sub/service-disabled-details-img.jpg');}

/* s1-2-4 */
.service-end .intro .wrap {background-image: url('../img/sub/service-end-intro-img.jpg');}
.service-end .intro .wrap p.small {font-size: 26px; font-weight: 500; color: rgba(255,255,255,0.5); margin-top: 15px;}
.service-end .details .img-box {background-image: url('../img/sub/service-end-details-img.jpg');}

/* s1-2-5 */
.service-house .intro .wrap {background-image: url('../img/sub/service-house-intro-img.jpg');}
.service-house .details .img-box {background-image: url('../img/sub/service-house-details-img.jpg');}

/* s1-2-6 */
.service-docu .intro .wrap {background-image: url('../img/sub/service-docu-intro-img.jpg');}
.service-docu .details .img-box {background-image: url('../img/sub/service-docu-details-img.jpg');}

/* s2-1 */
.consult .visit {background: #f9f9f9; padding: 147px 0 160px; margin-top: 180px;}
.consult .visit .arti-title {margin-bottom: 77px;}
.consult .visit .wrap {display: flex; justify-content: space-between;}
.consult .visit .text-box {padding-right: 100px;}
.consult .visit .text-box ul {display: flex; flex-wrap: wrap; margin: -10px;}
.consult .visit .text-box ul li {width: 50%; padding: 10px;}
.consult .visit .text-box ul li:nth-child(3) {width: 100%;}
.consult .visit .text-box ul li .inner {position: relative; height: 100%; border: 1px solid #ddd; border-radius: 25px; text-align: center; padding: 43px 15px 34px;}
.consult .visit .text-box ul li:nth-child(1) .inner {min-height: 165px;}
.consult .visit .text-box ul li .title {position: absolute; top: -12px; left: 50%; transform: translateX(-50%);}
.consult .visit .text-box ul li .title h4 {position: relative; display: inline-block; font-size: 16px; font-weight: 600; line-height: 1.3em; color: #0065b5; background: #f9f9f9; padding: 0 19px;}
.consult .visit .text-box ul li .title h4:before {position: absolute; top: 50%; margin-top: -4px; left: 0; content: ''; width: 5px; height: 5px; background: #0065b5; border-radius: 50%;}
.consult .visit .text-box ul li .title h4:after {position: absolute; top: 50%; margin-top: -4px; right: 0; content: ''; width: 5px; height: 5px; background: #0065b5; border-radius: 50%;}
.consult .visit .text-box ul li p {font-size: 20px; font-weight: 500; line-height: 1.6em; color: #333;} 
.consult .visit .text-box ul li.mail p:last-child {position: relative; margin-top: 13px; padding-top: 14px;}
.consult .visit .text-box ul li.mail p:last-child:before {position: absolute; top: 0; left: 50%; margin-left: -15px; content: ''; width: 30px; height: 1px; background: #ddd;}
.consult .visit .text-box ul li.tel p a {font-size: 24px; font-weight: 600;}
.consult .visit .text-box ul li.mail p a {font-weight: 400;}
.consult .visit .text-box .notice {margin-top: 20px; padding-left: 10px;}
.consult .visit .text-box .notice a {font-size: 18px; line-height: 1.77em; color: #666;}
.consult .visit .img-box {max-width: 648px; width: 100%;}

/* s3-1 */
.recruit .intro {margin-bottom: 110px;}
.recruit .intro .wrap {background-image: url('../img/sub/recruit-intro-img.jpg');}
.recruit .intro p {font-weight: 400;}
.recruit .intro p span {font-weight: 600;}
.recruit .cont02 {margin-bottom: 180px;}
.recruit .cont02 .text-wrap h4 {font-size: 36px; font-weight: 400; line-height: 1.55em; color: #111; text-align: center; margin-bottom: 110px;}
.recruit .cont02 .text-wrap h4 span {font-weight: 600;}
.recruit .cont02 .busi-list li {display: flex; align-items: center; margin-bottom: 60px;}
.recruit .cont02 .busi-list li:nth-child(even) {flex-direction: row-reverse;}
.recruit .cont02 .busi-list li:last-child {margin-bottom: 0;}
.recruit .cont02 .busi-list li > div {width: 50%;}
.recruit .cont02 .busi-list li .img-box img {border-radius: 25px; overflow: hidden;}
.recruit .cont02 .busi-list li .text-box p {font-size: 32px; font-weight: 400; line-height: 1.5em; text-align: center;}
.recruit .cont02 .busi-list li .text-box p span {font-weight: 600;}
.recruit .cont03 {background: #f9f9f9; padding: 150px 0 180px;}
.recruit .cont03 .text-wrap h4 {font-size: 36px; font-weight: 400; line-height: 1.55em; color: #111; text-align: center; margin-bottom: 110px;}
.recruit .cont03 .text-wrap h4 span {font-weight: 600;}
.recruit .cont03 ul li {margin-bottom: 20px;}
.recruit .cont03 ul li:last-child {margin-bottom: 0;}
.recruit .cont03 ul li .inner {display: flex; justify-content: space-between; align-items: center; background: #fff; padding: 24px 60px; border-radius: 20px; border: 1px solid #fff; transition: all 0.6s;}
.recruit .cont03 ul li .job {font-size: 20px; line-height: 1.5em; color: #333; transition: all 0.6s;}
.recruit .cont03 ul li .info {display: flex; align-items: center;}
.recruit .cont03 ul li .num {position: relative; font-size: 20px; color: #666; padding-left: 37px; padding-right: 30px; margin-right: 30px; transition: all 0.6s;}
.recruit .cont03 ul li .num:before {position: absolute; top: 50%; margin-top: -12px; left: 0; content: ''; width: 22px; height: 24px; background-image: url('../img/sub/recruit-num-icon-on.png'); background-repeat: no-repeat; background-position: left center;}
.recruit .cont03 ul li .num:after {position: absolute; top: 50%; margin-top: -10px; right: 0; content: ''; width: 1px; height: 20px; background: #ddd;}
.recruit .cont03 ul li .day {position: relative; font-size: 20px; color: #666; padding-left: 37px; margin-right: 60px; transition: all 0.6s;}
.recruit .cont03 ul li .day:before {position: absolute; top: 50%; margin-top: -12px; left: 0; content: ''; width: 25px; height: 23px; background-image: url('../img/sub/recruit-cal-icon-on.png'); background-repeat: no-repeat; background-position: left center;}
.recruit .cont03 ul li .status {width: 100px; line-height: 50px; border-radius: 15px; font-size: 16px; font-weight: 500; background: #0065b5; color: #fff; text-align: center; margin-right: 40px; transition: all 0.6s;}
.recruit .cont03 ul li .arrow {width: 17px; height: 17px; background-image: url('../img/sub/recruit-arrow-icon-ing.png'); background-repeat: no-repeat; background-position: right center; transition: all 0.6s;}

.recruit .cont03 ul li .inner.close .job {color: #86949e;}
.recruit .cont03 ul li .inner.close .num {color: #86949e;}
.recruit .cont03 ul li .inner.close .num:before {background-image: url('../img/sub/recruit-num-icon.png');}
.recruit .cont03 ul li .inner.close .day {color: #86949e;}
.recruit .cont03 ul li .inner.close .day:before {background-image: url('../img/sub/recruit-cal-icon.png');}
.recruit .cont03 ul li .inner.close .status {background: #86949e;}
.recruit .cont03 ul li .inner.close .arrow {background-image: url('../img/sub/recruit-arrow-icon.png');}

.recruit .cont03 ul li .inner:hover {border: 1px solid #256dda;}
.recruit .cont03 ul li .inner:hover .job {color: #0065b5;}
.recruit .cont03 ul li .inner:hover .num {color: #333;}
.recruit .cont03 ul li .inner:hover .day {color: #333;}
.recruit .cont03 ul li .inner:hover .arrow {background-image: url('../img/sub/recruit-arrow-icon-over.png');}

.recruit .cont03 ul li .inner.close:hover {border: 1px solid #fff;}
.recruit .cont03 ul li .inner.close:hover .job {color: #86949e;}
.recruit .cont03 ul li .inner.close:hover .num {color: #86949e;}
.recruit .cont03 ul li .inner.close:hover .day {color: #86949e;}
.recruit .cont03 ul li .inner.close:hover .arrow {background-image: url('../img/sub/recruit-arrow-icon.png');}

/* s3-2 */
.recruit-doctor .intro, .recruit-nurse .intro, .recruit-social .intro {margin-bottom: 145px;}
.recruit-doctor .intro .wrap {background-image: url('../img/sub/recruit-doctor-intro-img.jpg');}
.recruit-doctor .arti-title, .recruit-nurse .arti-title, .recruit-social .arti-title {margin-bottom: 60px;}
.recruit article:not(:last-child) {margin-bottom: 70px;}

.sub-title {margin-bottom: 30px;}
.sub-title h5 {font-size: 32px; font-weight: 600; line-height: 1.5em; color: #0065b5;}

.dot-list {border-top: 2px solid #0065b5;}
.dot-list ul {display: flex; flex-wrap: wrap; padding: 0 10px; border-bottom: 1px solid #ddd;}
.dot-list ul li {position: relative; font-size: 20px; line-height: 1.6em; color: #666; margin-right: 40px; padding: 34px 0 34px 15px;}
.dot-list ul li:last-child {margin-right: 0;}
.dot-list ul li:before {position: absolute; top: 48px; left: 0; content: ''; width: 4px; height: 4px; background: #0065b5; border-radius: 50%;}
.dot-list ul li strong {display: inline; font-size: 20px; font-weight: 600; line-height: 1.6em; color: #333;}
.dot-list ul li a {display: inline-block;}

.num-list ol {padding: 15px 60px; border-radius: 25px; border: 1px solid #ddd;}
.num-list ol li {display: flex; align-items: center; height: 110px; border-bottom: 1px dashed #ddd;}
.num-list ol li:last-child {border-bottom: none;}
.num-list ol li .num {max-width: 90px; width: 100%; font-size: 16px; font-weight: 600; color: #0065b5; padding-left: 40px;}
.num-list ol li b {display: inline-block; max-width: 220px; width: 100%; font-size: 26px; font-weight: 600; line-height: 1.5em; color: #333;}
.num-list ol li p {width: 1%; flex: 1 1 auto; font-size: 20px; line-height: 1.5em; color: #666;}

.gray-box ul {display: flex; flex-wrap: wrap; border-radius: 25px; background: #f9f9f9;}
.gray-box ul li {position: relative; width: 33.3333%; padding: 53px 110px 63px; text-align: center;}
.gray-box ul li:after {position: absolute; top: 50%; margin-top: -25px; right: 0; content: ''; width: 1px; height: 50px; background: #ddd;}
.gray-box ul li:last-child:after {display: none;}
.gray-box ul li b {display: block; font-size: 22px; font-weight: 600; line-height: 1.5em; color: #333; margin-bottom: 15px;}
.gray-box ul li p {font-size: 20px; line-height: 1.6em; color: #666;}

.condition-list ul {display: flex; flex-wrap: wrap; margin: -10px;}
.condition-list ul li {width: 25%; padding: 10px; text-align: center;}
.condition-list ul li .inner {height: 100%; border-radius: 25px; border: 1px solid #ddd; padding: 60px 10px 66px;}
.condition-list ul li .icon {width: 56px; height: 50px; background-repeat: no-repeat; background-position: center top; margin: 0 auto 33px;}
.condition-list ul li:nth-child(1) .icon {background-image: url('../img/sub/recruit-condition-icon01.png');}
.condition-list ul li:nth-child(2) .icon {background-image: url('../img/sub/recruit-condition-icon02.png');}
.condition-list ul li:nth-child(3) .icon {background-image: url('../img/sub/recruit-condition-icon03.png');}
.condition-list ul li:nth-child(4) .icon {background-image: url('../img/sub/recruit-condition-icon04.png');}
.condition-list ul li b {display: block; font-size: 26px; font-weight: 600; line-height: 1.5em; color: #0065b5; margin-bottom: 14px;}
.condition-list ul li p {font-size: 20px; line-height: 1.6em; color: #333;}
.condition-list ul li p span {color: #666;}

/* s3-3 */
.recruit-nurse .intro .wrap {background-image: url('../img/sub/recruit-nurse-intro-img.jpg');}
.recruit-nurse .gray-box ul li {width: 50%;}

/* s3-4 */
.recruit-social .cont02 .arti-title br.mob-only {display: none;}
.recruit-social .intro .wrap {background-image: url('../img/sub/recruit-social-intro-img.jpg');}
.recruit-social .gray-box ul li {width: 50%;}
.recruit-social .num-list p br.mob-only {display: none;}

/* s4-1 */
.network .intro {margin-bottom: 88px;}
.network .intro .wrap {background-image: url('../img/sub/network-intro-img.jpg');}
.network .intro p {font-weight: 400;}
.network .intro p span {font-weight: 600;}
.network .cont02 {margin-bottom: 170px;}
.network .cont02 p {font-size: 26px; line-height: 1.84em; color: #666; text-align: center;}
.network .cont02 p span {font-weight: 600; color: #333;}
.network .cont02 ul {margin: 52px auto;}
.network .cont02 ul li {max-width: 700px; padding: 15px 0; margin: 0 auto;}
.network .cont02 ul li .inner {font-size: 20px; font-weight: 500; line-height: 1.5em; color: #0065b5; border-radius: 20px; border: 1px solid #0065b5; text-align: center; padding: 24px 10px;}
.network .cont03 {padding: 160px 0 180px; background: #f9f9f9;}
.s4-board-list .table-responsive {overflow-x: auto; -webkit-overflow-scrolling: touch;}
.s4-board-list .table-responsive table {width: 100%; min-width: 800px;}
.s4-board-list table {width:100%; border-collapse:collapse; border-bottom: 1px solid #0065b5;}
.s4-board-list table thead {position: relative;}
.s4-board-list table thead:before {position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 70px; background: #0065b5; border-radius: 20px; z-index: 1;}
.s4-board-list table th {position: relative; height:70px; padding:20px 10px; color:#fff; font-size:20px; font-weight:600; line-height:1.5em; text-align:center; z-index: 2;}
.s4-board-list table th:after {position: absolute; top: 50%; margin-top: -10px; right: 0; content: ''; width: 1px; height: 20px; background: rgba(255,255,255,0.3);}
.s4-board-list table th:last-child:after {display: none;}
.s4-board-list table td {height:70px; padding:20px 10px; color:#666; font-size:20px; font-weight:400; line-height:1.5em; text-align:center;}
.s4-board-list table td:not(:last-child) {border-right: 1px solid #ddd;}
.s4-board-list table tr:nth-child(even) td {background: #fff;}
.s4-board-list table td.name {font-weight: 600; color: #333;}
.s4-board-list table td.map a {width: 20px; height: 26px; background-image: url('../img/sub/network-map-icon.png'); background-repeat: no-repeat; background-position: center center; margin: 0 auto; transition: all 0.4s;}
.s4-board-list table td.map a:hover {background-image: url('../img/sub/network-map-icon-on.png');}
.network .cont04 {height: 520px; background: url('../img/sub/network-cont04-bg.jpg') no-repeat center center/cover; text-align: center;}
.network .cont04 .text-box {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%;}
.network .cont04 p {font-size: 20px; line-height: 1.6em; color: rgba(255,255,255,0.8); margin-bottom: 40px;}
.network .cont04 br.mob-only {display: none;}
.network .cont04 p strong {font-weight: 600;}
.network .cont04 b {display: block; font-size: 50px; font-weight: 600; line-height: 1.4em; color: #fff;}

/* s5-1 */
.dolbom .intro {margin-bottom: 88px;}
.dolbom .intro .wrap {background-image: url('../img/sub/dolbom-intro-img.jpg');}
.dolbom .intro p {font-weight: 400;}
.dolbom .intro p span {font-weight: 600;}
.dolbom .cont02 .text-box {text-align: center; margin-bottom: 110px;}
.dolbom .cont02 .text-box p {font-size: 26px; line-height: 1.84em; color: #666;}
.dolbom .cont02 .text-box p span {font-weight: 600; color: #333;} 
.dolbom .cont02 ul {display: flex; flex-wrap: wrap; margin: -15px -15px 180px;}
.dolbom .cont02 ul li {width: 33.3333%; padding: 15px;}
.dolbom .cont02 ul li .inner {position: relative; min-height: 280px; border-radius: 20px; border: 1px solid #ddd; padding: 53px 50px 50px;}
.dolbom .cont02 ul li b {display: block; font-family: 'poppins'; font-size: 24px; font-weight: 600; line-height: 1.5em; margin-bottom: 5px;}
.dolbom .cont02 ul li:nth-child(1) b {color: #0065b5;}
.dolbom .cont02 ul li:nth-child(2) b {color: #77b500;}
.dolbom .cont02 ul li:nth-child(3) b {color: #86949e;}
.dolbom .cont02 ul li p {font-size: 18px; line-height: 1.5em; color: #666;}
.dolbom .cont02 ul li .icon {position: absolute; bottom: 50px; right: 50px; width: 122px; height: 122px; background-repeat: no-repeat; background-position: right bottom;}
.dolbom .cont02 ul li:nth-child(1) .icon {background-image: url('../img/sub/dolbom-icon01.png');}
.dolbom .cont02 ul li:nth-child(2) .icon {background-image: url('../img/sub/dolbom-icon02.png');}
.dolbom .cont02 ul li:nth-child(3) .icon {background-image: url('../img/sub/dolbom-icon03.png');}
.dolbom .cont03 {padding: 160px 0 180px; background: #f9f9f9;}
.dolbom .cont03 ul {display: flex; flex-wrap: wrap; margin: -10px -15px;}
.dolbom .cont03 ul li {width: 50%; padding: 10px 15px;}
.dolbom .cont03 ul li a {display: flex; justify-content: space-between; align-items: center; height: 80px; padding: 0 60px; font-family: 'poppins'; font-size: 26px; line-height: 1.5em; color: #999; background: #fff; border-radius: 20px; overflow: hidden; transition: all 0.6s;}
.dolbom .cont03 ul li a:hover {font-weight: 500; color: #fff; background: #0065b5;}
.dolbom .cont03 ul li a .btn {width: 17px; height: 17px; background-image: url('../img/sub/dolbom-arrow.png'); background-repeat: no-repeat; background-position: right center; transition: all 0.6s;}
.dolbom .cont03 ul li a:hover .btn {background-image: url('../img/sub/dolbom-arrow-on.png');}

/* s5-2 */
.border-box {position: relative; margin-top: 50px; margin-bottom: 120px; padding-bottom: 28px; border-bottom: 1px solid #ddd; overflow: hidden;}
.border-box:before {position: absolute; bottom: 6px; left: -5px; font-family: 'poppins'; font-size: 100px; font-weight: 600; color: #0065b5; opacity: 0.07;}
.border-box h4 {display: inline-block; font-size: 50px; font-weight: 600; line-height: 1.4em; color: #111;}
.border-box h4 span {display: inline-block; width: 8px; height: 8px; background: #0065b5; border-radius: 2px; margin-left: 12px; margin-bottom: 32px;}
.history .border-box:before {content: 'History';}
.history .cont01 .wrap {display: flex;}
.history .cont01 .img-wrap {width:1%; flex:1 1 auto;}
.history .cont01 .text-wrap {width:100%; max-width:840px; padding-left:105px; padding-top: 47px;}
.history .cont01 .text-wrap b {display: block; font-size: 50px; font-weight: 400; line-height: 1.36em; letter-spacing: -0.04em; color: #111; margin-bottom: 85px;}
.history .cont01 .text-wrap b span {font-weight: 600;}
.history-wrap {position: relative;}
.history-wrap .icon {position: absolute; top: 10px; left: 174px; z-index: 5;}
.history-wrap.start .icon {position: fixed; top: 360px; padding-left: calc((100% - 1470px)/2); left: 894px;}
.history-wrap.last .icon {position: absolute; top: auto; bottom: 118px; left: 174px;}
.history-wrap .row {position: relative; display: flex; padding-bottom: 85px;}
.history-wrap .row:last-child {padding-bottom: 0;}
.history-wrap .row:before {position: absolute; top: 25px; left: 190px; content: ''; width: 1px; height: 100%; background: #ddd;}
.history-wrap .row:last-child:before {display: none;}
.history-wrap .row .year {max-width: 190px; width: 100%; font-family: 'poppins'; font-size: 50px; font-weight: 600; line-height: 1em; color: #111; transition: all 0.4s;}
.history-wrap .row .activity {position: relative; width: 1%; flex: 1 1 auto; padding-left: 58px; padding-top: 10px;}
.history-wrap .row .activity:before {position: absolute; top: 23px; left: -4px; content: ''; width: 9px; height: 9px; background: #86949e; border-radius: 50%;}
.history-wrap .row .activity p {font-size: 20px; line-height: 1.6em; color: #86949e; margin-bottom: 8px; transition: all 0.4s;}
.history-wrap .row .activity p:last-child {margin-bottom: 0;}
.history-wrap .row.on .year {color: #0065b5; }
.history-wrap .row.on .activity p {font-weight: 600; color: #333;}

/* s5-3 */
.what .border-box:before {content: 'What we do';}
.what .cont01 {margin-bottom: 170px;}
.info-list > li {display: flex; align-items: center; margin: 0 -50px;}
.info-list > li:nth-child(odd) {flex-direction: row-reverse;}
.what .cont01 .info-list > li.reverse {flex-direction: row-reverse;}
.info-list > li:not(:last-child) {margin-bottom: 80px;}
.info-list > li > div {width: 50%; padding: 0 50px;}
.info-list .img-box img {border-radius: 20px; overflow: hidden;}
.info-list > li:nth-child(odd) .text-box {padding-right: 90px;}
.info-list > li:nth-child(even) .text-box {padding-left: 70px;}
.info-list > li b {display: block; font-size: 28px; font-weight: 600; line-height: 1.5em; color: #333; margin-bottom: 25px;}
.info-list > li b span {color: #0065b5;}
.info-list > li b a {display: inline; color: #0065b5;}
.info-list > li p {font-size: 20px; line-height: 1.6em; color: #666;}
.info-list > li p span {font-weight: 700; color: #0065b5;}
/* .what .cont02 {position: relative; background: #f9f9f9; padding: 147px 0 180px; margin-bottom: 80px;}
.what .cont02 .row {position: relative; display: flex; background: #fff; border-radius: 25px; padding: 50px 0 58px;}
.what .cont02 .row:after {position: absolute; top: 50%; margin-top: -50px; left: 50%; content:''; width: 1px; height: 100px; background: #ddd;}
.what .cont02 .col {width: 50%;}
.what .cont02 .col:nth-child(1) {padding-left: 103px; padding-right: 20px;}
.what .cont02 .col:nth-child(2) {padding-left: 80px; padding-right: 80px;}
.what .cont02 li {position: relative; font-size: 20px; line-height: 1.9em; color: #666; padding-left: 20px;}
.what .cont02 li:before {position: absolute; top: 17px; left: 0; content: ''; width: 4px; height: 4px; background: #0065b5; border-radius: 50%;} */
.what .cont02 {position: relative; background: #f9f9f9; padding: 60px 0; margin-bottom: 80px;}
.what .cont02:before {position: absolute; top: 0; left: -500px; content: ''; max-width: 1920px; width: 100%; height: 100%; background: #f9f9f9; z-index: -1;}
.what .cont02:after {position: absolute; top: 0; right: -500px; content: ''; max-width: 1920px; width: 100%; height: 100%; background: #f9f9f9; z-index: -1;}
.what .cont02 .arti-title {margin-bottom: 40px;}
.what .cont02 .arti-title h4 {font-size: 30px;}
.what .cont02 .arti-title h4 span {margin-bottom: 14px;}
.what .cont02 .arti-title p {font-size: 16px;}
.what .cont02 .wrap {display: flex;}
.what .cont02 .wrap .img-box {max-width: 480px; width: 100%; margin-left: 60px;}
.what .cont02 .row {position: relative; display: flex; width: 1%; flex: 1 1 auto; background: #fff; border-radius: 25px; padding: 70px 0 45px;}
.what .cont02 .row:after {position: absolute; top: 50%; left: 50%; transform: translateY(-50%); content:''; width: 1px; height: 150px; background: #ddd;}
.what .cont02 .col {width: 50%;}
.what .cont02 .col:nth-child(1) {padding-left: 60px; padding-right: 35px;}
.what .cont02 .col:nth-child(2) {padding-left: 70px; padding-right: 35px;}
.what .cont02 li {position: relative; font-size: 16px; line-height: 1.9em; color: #666; padding-left: 20px;}
.what .cont02 li:before {position: absolute; top: 12px; left: 0; content: ''; width: 4px; height: 4px; background: #0065b5; border-radius: 50%;}

/* s5-4 */
.who .border-box:before {content: 'Who we are';}
.who .cont01 {margin-bottom: 170px;}
.who .cont01 .text-wrap {margin-bottom: 65px;}
.who .cont01 .text-wrap p {font-size: 50px; line-height: 1.3em; color: #111;}
.who .cont01 .text-wrap p span {font-weight: 600;}
.who .cont01 .row {display: flex; align-items: center; margin-bottom: 80px;}
.who .cont01 .row:last-child {margin-bottom: 0}
.who .cont01 .img-box {max-width: 670px; width: 100%; margin-right: 100px;}
.who .cont01 .img-box img {border-radius: 25px; overflow: hidden;}
.who .cont01 .text-box {width: 1%; flex: 1 1 auto;}
.who .cont01 .text-box .name {position: relative; padding-bottom: 23px; margin-bottom: 32px;}
.who .cont01 .text-box .name:after {position: absolute; bottom: 0; left: 0; content: ''; width: 30px; height: 1px; background: #0065b5;}
.who .cont01 .text-box .name h4 {display: inline-block; font-size: 32px; font-weight: 600; line-height: 1.5em; color: #333; margin-right: 12px; margin-bottom: 20px;}
.who .cont01 .text-box .name small {font-size: 20px; font-weight: 600; line-height: 1.5em; color: #0065b5;}
.who .cont01 .text-box .name p {font-size: 26px; font-weight: 600; line-height: 1.5em; color: #86949e;}
.who .cont01 .text-box .name span {display: inline-block; width: 23px; height: 20px; background-repeat: no-repeat; }
.who .cont01 .text-box .name span:nth-child(1) {background-image: url('../img/sub/who-cont01-left-bg.png'); background-position: left center;}
.who .cont01 .text-box .name span:nth-child(2) {background-image: url('../img/sub/who-cont01-right-bg.png'); background-position: right center;}
.who .cont01 .text-box .career p {font-size: 26px; font-weight: 500; line-height: 1.5em; color: #333; margin-bottom: 15px;}
.who .cont01 .text-box .career ul li {position: relative; font-size: 20px; line-height: 1.5em; color: #666; padding-left: 18px;}
.who .cont01 .text-box .career ul li:not(:last-child) {margin-bottom: 8px;}
.who .cont01 .text-box .career ul li:before {position: absolute; top: 12px; left: 0; content: ''; width: 4px; height: 4px; background: #0065b5;	border-radius: 50%;}
.who .cont02 {height: 520px; background: url('../img/sub/who-cont02-bg.jpg') no-repeat center center/cover;}
.who .cont02 .text-box {display: flex; justify-content: center; align-items: center; height: 100%; text-align: center;}
.who .cont02 .text-box p {font-size: 50px; line-height: 1.36em; color: #fff;}
.who .cont02 .text-box p span {font-weight: 600;}

/* s5-5 */
.how .border-box:before {content: 'How it works';}
.how .cont01 {margin-bottom: 180px;}
.how .cont02 {height: 520px; background: url('../img/sub/how-cont02-bg.jpg') no-repeat center center/cover;}

/* s5-6 */
.awards .border-box {margin-bottom: 105px;}
.awards .border-box:before {content: 'Awards';}
.awards .cont01 .text-wrap {text-align: center; margin-bottom: 70px;}
.awards .cont01 .text-wrap h4 {font-size: 50px; font-weight: 400; line-height: 1.36em; color: #111;}
.awards .cont01 .text-wrap h4 span {font-weight: 600;}
.awards .cont01 ul {position: relative; display: flex; align-items: center; height: 380px; border-radius: 25px; overflow: hidden;}
.awards .cont01 ul li {display: flex; flex-direction: column; justify-content: center; width: 50%; height: 100%; text-align: center;}
.awards .cont01 ul li:nth-child(1) {background: url('../img/sub/awards-cont01-bg01.jpg') no-repeat center center/cover;}
.awards .cont01 ul li:nth-child(2) {background: url('../img/sub/awards-cont01-bg02.jpg') no-repeat center center/cover;}
.awards .cont01 ul li .icon {width: 91px; height: 96px; background-image: url('../img/sub/awards-icon.png'); background-repeat: no-repeat; background-position: center center; margin: 0 auto 45px;}
.awards .cont01 ul li p {font-size: 20px; font-weight: 500; line-height: 1.4em; color: rgba(255,255,255,0.8); margin-bottom: 8px;}
.awards .cont01 ul li b {display: block; font-size: 32px; font-weight: 600; line-height: 1.5em; color: #fff;}

/* s5-7 */
.public .border-box:before {content: 'Publications';}
.public .public-title {width: 140px; line-height: 48px; font-size: 20px; font-weight: 600; color: #0065b5; border-radius: 15px; border: 1px solid #0065b5; text-align: center; margin-bottom: 60px;}
.public .cont01 {margin-bottom: 160px;}
.public .cont01 .public-title {width: 100px; margin-top: 42px; margin-bottom: 32px;}
.public .cont01 .info-list ul > li {position: relative; font-size: 20px; line-height: 1.6em; color: #666; padding-left: 20px;}
.public .cont01 .info-list ul > li:before {position: absolute; top: 13px; left: 1px; content: ''; width: 4px; height: 4px; background: #0065b5; border-radius: 50%;}
.public .cont02 {padding: 160px 0 180px; background: #f9f9f9;}
.public .public-list {padding: 29px 60px; background: #fff; border-radius: 25px; overflow: hidden;}
.public .public-list li {position: relative; font-size: 20px; line-height: 1.6em; color: #666; border-bottom: 1px dashed #ddd; padding: 23px 20px;}
.public .public-list li:last-child {border-bottom: none;}
.public .public-list li span {color: #333;}
.public .public-list li:before {position: absolute; top: 36px; left: 0; content: ''; width: 4px; height: 4px; background: #0065b5; border-radius: 50%;	}
.public .cont03 {padding-top: 160px;}
.public .cont03 .public-list {padding: 33px 60px; border: 1px solid #ddd;}

/* s6-1 */
.non-benefit .cont01 ul {display: flex; margin: -15px;}
.non-benefit .cont01 ul li {width: 33.3333%; padding: 15px;}
.non-benefit .cont01 ul li .inner {position: relative; min-height: 280px; border-radius: 25px; border: 1px solid #ddd; padding: 55px 50px 50px;}
.non-benefit .cont01 ul li b {display: block; font-size: 24px; font-weight: 600; line-height: 1.5em; color: #0065b5; margin-bottom: 5px;}
.non-benefit .cont01 ul li p {font-size: 18px; line-height: 1.5em; color: #666;}
.non-benefit .cont01 ul li .icon {position: absolute; bottom: 50px; right: 50px; width: 56px; height: 61px; background-repeat: no-repeat; background-position: right bottom;}
.non-benefit .cont01 ul li:nth-child(1) .icon {background-image: url('../img/sub/non-benefit-icon01.png')}
.non-benefit .cont01 ul li:nth-child(2) .icon {background-image: url('../img/sub/non-benefit-icon02.png')}
.non-benefit .cont01 ul li:nth-child(3) .icon {background-image: url('../img/sub/non-benefit-icon03.png')}

/* s6-2 */
.right .cont01 {margin-bottom: 160px;}
.right .list-wrap {display: flex; flex-wrap: wrap; margin: -10px;}
.right .list-wrap li {width: 50%; padding: 10px;}
.right .list-wrap li .inner {min-height: 270px; height: 100%; border-radius: 25px; border: 1px solid #ddd; padding: 50px 60px 58px;}
.right .list-wrap li b {display: block; font-size: 28px; font-weight: 600; line-height: 1.4em; color: #333; margin-bottom: 25px;}
.right .list-wrap li b span {color: #0065b5; margin-right: 18px;}
.right .list-wrap li p {font-size: 20px; line-height: 1.6em; color: #666;}
.right .cont02 {padding: 150px 0 180px; background: #f9f9f9;}
.right .cont02 .list-wrap li .inner {border: none; background: #fff;}