@charset "utf-8";

.sub-visual {height:427px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.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-visual .inner {display: flex; flex-direction: column; justify-content: flex-end; height: 100%; padding-bottom: 60px;}
.breadcrumb {margin-bottom: 6px;}
.breadcrumb ul {display: flex; flex-wrap: wrap; margin: 0 -22px;}
.breadcrumb ul li {position: relative; padding: 0 22px; font-size: 16px; line-height: 1.7em; color: #444;}
.breadcrumb ul li:after {position: absolute; top: 50%; right: -12px; transform: translateY(-50%); content: ''; width: 24px; height: 24px; background: url('../img/sub/icon-breadcrumb-arrow.png') no-repeat center center;}
.breadcrumb ul li:last-child:after {display: none;}
.sub-visual h2 {font-family: "Noto Serif KR", serif; font-size: 40px; font-weight: 600; line-height: 1.4em; color: #222;}
.lnb {position: relative;}
.lnb .lnb-mob {display: none;}
.lnb ul {display: flex; justify-content: center; flex-wrap: wrap; border-bottom: 1px solid #ccc;}
.lnb ul li {position: relative; padding: 0 70px;}
.lnb ul li:after {position: absolute; top: 50%; right: 0; transform: translateY(-50%); content: ''; width: 1px; height: 20px; background: #ccc;}
.lnb ul li:last-child:after {display: none;}
.lnb ul li a {position: relative; min-height: 70px; align-content: center; font-size: 20px; line-height: 1.7em; color: #666; text-align: center; transition: all 0.4s;}
.lnb ul li a:hover {color: #42B59D;}
.lnb ul li.active a {font-size: 22px; font-weight: 700; color: #42B59D;} 
.lnb ul li a:after {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); content: ''; width: 0; height: 4px; background: #42B59D; transition: all 0.6s;}
.lnb ul li a:hover:after {width: 100%;}
.lnb ul li.active a:after {width: 100%;}
.sub-cont {margin: 100px 0 200px;}
.page-title {margin-bottom: 70px; text-align: center;}
.page-title h3 {position: relative; display: inline-block; font-family: "Noto Serif KR", serif; font-size: 42px; font-weight: 700; line-height: 1.4em; color: #222; text-align: center; padding-left: 48px;} 
.page-title h3:before {position: absolute; top: 0; left: 0; content: ''; width: 48px; height: 48px; background: url('../img/sub/page-title-logo.png') no-repeat center center;}
.page-title p {font-size: 22px; line-height: 1.8em; color: #666; margin-top: 20px;}

/* S101 */
.center-introduce .img-box {position: relative; background: url('../img/sub/center-introduce-img.jpg') no-repeat center center/cover; border-radius: 30px; overflow: hidden; margin-bottom: 80px;}
.center-introduce .img-box .text {padding: 89px 140px;}
.center-introduce .img-box .text p {font-family: "Noto Serif KR", serif; font-size: 32px; font-weight: 700; line-height: 1.6em; color: #fff;}
.center-introduce .text-box {padding: 0 40px;}
.center-introduce .text-box .wrap {position: relative; display: flex; justify-content: space-between; align-items: flex-end; gap: 50px;} 
.center-introduce .text-box .wrap:before {position: absolute; top: 0; right: 0; content: ''; width: 330px; height: 324px; background: url('../img/sub/center-introduce-logo.jpg') no-repeat right top;}
.center-introduce .text-box .text {width: 1%; flex: 1 1 auto;}
.center-introduce .text-box .text p {font-size: 22px; line-height: 1.8em; color: #444;}
.center-introduce .text-box .text p:not(:last-child) {margin-bottom: 42px;}
.center-introduce .text-box .text b {font-weight: 600; color: #222;}
.center-introduce .text-box .text p .padding-left {padding-left: 85px; display: inline-block;}
.center-introduce .text-box .text .title {font-size: 28px; font-weight: 700;}
.center-introduce .text-box .name {max-width: 370px; width: 100%; text-align: right;}
.center-introduce .text-box .center {font-size: 26px; font-weight: 700; line-height: 1.8em; color: #42B59D;}
.center-introduce .text-box .director {font-size: 24px; line-height: 1.8em; color: #222;}
.center-introduce .text-box .director b {font-weight: 700;}

/* S102 */
.counselor-list ul {display: flex; flex-wrap: wrap; margin: -20px;}
.counselor-list ul li {width: 33.3333%; padding: 20px;}
.counselor-list ul li .inner {display: flex; flex-direction: column; height: 100%; border: 1px solid #D1E4E0; border-radius: 30px; overflow: hidden;}
.counselor-list .img-box img {width: 100%;}
.counselor-profile { flex: 1; position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 30px 20px 20px 20px; border-radius: 30px; overflow: hidden; background: #fff; margin-top: -30px; z-index: 5;}
.counselor-profile .header {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #ccc;}
.counselor-profile .name-wrap {display: flex; align-items: center;}
.counselor-profile .name-wrap span {display: inline-block;}
.counselor-profile .name-wrap .title {font-size: 18px; font-weight: 600; line-height: 1.7em; color: #222; margin-right: 10px;}
.counselor-profile .name-wrap .name {font-size: 24px; font-weight: 700; line-height: 1.8em; color: #42B59D;}
.counselor-profile .affiliation {font-size: 24px; font-weight: 700; line-height: 1.8em; color: #222;}
.counselor-profile .summary {margin-bottom: 20px;}
.counselor-profile .specialty {margin-bottom: 20px;}
.counselor-profile dl {display: flex;}
.counselor-profile dt {max-width: 100px; width: 100%; font-size: 20px; font-weight: 600; line-height: 1.7em; color: #222;}
.counselor-profile dd {width: 1%; flex: 1 1 auto; font-size: 20px; line-height: 1.7em; color: #444;}
.counselor-profile .specialty dd {display: flex; flex-wrap: wrap; gap: 5px;}
.counselor-profile .specialty dd span {display: inline-block; font-size: 16px; line-height: 1.7em; color: #444; text-align: center; padding: 2px 10px; background: #F8F8F8; border-radius: 100px; }
.counselor-profile button {display: flex; justify-content: center; align-items: center; gap: 10px; width: 100%; height: 60px; border-radius: 30px; border: 1px solid #D1E4E0; background: #F6FAF9; font-size: 20px; font-weight: 700; line-height: 1em; color: #42B59D; text-align: center; /* padding-right: 34px; */}
.counselor-profile button img {transition: all 0.6s;}
.counselor-profile button:hover img {transform: rotate(180deg);}

.counselor-popup-wrap {display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 1060px; width: 90vw; z-index: 600;}
.counselor-popup {margin-right: 100px; border-radius: 30px; overflow: hidden;}
.counselor-popup .popup-header {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 18px 40px; background: #42B59D;}
.counselor-popup .popup-header .name-wrap {display: flex;}
.counselor-popup .popup-header .name-wrap span {display: inline-block; font-size: 24px; line-height: 1.8em; color: #fff;}
.counselor-popup .popup-header .name-wrap .title {margin-right: 10px;}
.counselor-popup .popup-header .name-wrap .name {font-weight: 700;}
.counselor-popup .popup-header .affiliation {font-size: 24px; font-weight: 700; line-height: 1.8em; color: #fff;}

.counselor-popup .popup-cont {background: #fff; padding: 50px 24px 50px 30px;}
.counselor-popup .scroll-wrapper {max-height: calc(100vh - 300px); overflow: auto; }
.counselor-popup .scroll-wrapper::-webkit-scrollbar {width: 6px; height: 6px;}
.counselor-popup .scroll-wrapper::-webkit-scrollbar-thumb {background: #42B59D; border-radius: 6px; cursor: pointer;}
.counselor-popup .scroll-wrapper::-webkit-scrollbar-track {background: #f3f2f2; border-radius: 6px;}
.counselor-popup .info-item:not(:last-child) {margin-bottom: 20px;}
.counselor-popup .info-item dl {display: flex; align-items: flex-start;}
.counselor-popup .info-item dt {max-width: 140px; width: 100%; font-size: 22px; font-weight: 600; line-height: 1.8em; color: #222;}
.counselor-popup .info-item dd {width: 1%; flex: 1 1 auto;}
.counselor-popup .info-item .flex-box {display: flex; gap: 10px;}
.counselor-popup .info-item .non-flex-box {display: flex; flex-direction: column; gap: 10px;}
.counselor-popup .education .box {flex: 1; padding: 20px 30px; border-radius: 10px;}
.counselor-popup .education .edu-box {background: #F8F8F8;}
.counselor-popup .education .career-box {background: #F6FAF9}
.counselor-popup .education .career-item:not(:last-child) {margin-bottom: 20px;}
.counselor-popup .education .career-item .flex {display: flex; flex-wrap: wrap;}
.counselor-popup .education .career-item .flex > p {width: 50%;}
.counselor-popup .certifications {position: relative;}
.counselor-popup .info-item .dot-list {position: relative; font-size: 18px; line-height: 1.7em; color: #444; padding-left: 14px;}
.counselor-popup .info-item .dot-list:not(:last-child) {margin-bottom: 5px;}
.counselor-popup .info-item .dot-list:before {position: absolute; top: 12px; left: 0; content: ''; width: 4px; height: 4px; background: #42B59D; border-radius: 50%;}
.counselor-popup .info-item .dot-small-list {position: relative; font-size: 14px; font-weight: 300; line-height: 1.6em; color: #444; padding-left: 14px;}
.counselor-popup .info-item .dot-small-list:before {position: absolute; top: 8px; left: 0; content: ''; width: 4px; height: 4px; background: #42B59D; border-radius: 50%;}
.counselor-popup .info-item .title-green {font-size: 18px; font-weight: 600; line-height: 1.7em; color: #42B59D; margin-bottom: 5px;}
.counselor-popup .education .title-green {margin-bottom: 10px;}
.counselor-popup .approach dd {display: flex; flex-wrap: wrap; gap: 5px 10px; margin-top: 5px;}
.counselor-popup .approach dd span {display: inline-block; font-size: 16px; line-height: 1.7em; color: #444; text-align: center; padding: 2px 10px; background: #F8F8F8; border-radius: 100px;}
.counselor-popup01-wrap .certifications:after {position: absolute; bottom: 0; right: 0; content: ''; width: 171px; height: 161px; background: url('../img/sub/center-counselor01-certifications-bg.jpg') no-repeat center center;}
.counselor-popup-wrap .btn-close {position: absolute; top: 0; right: 0; display: block; width: 80px; height: 80px; background: #fff url('../img/sub/icon-popup-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.3); z-index: 500;}

/* S105 */
.center-location .map-box {margin-bottom: 60px;}
.map-box {border-radius: 30px; border: 1px solid #D1E4E0; overflow: hidden;}
.map-box .root_daum_roughmap {width:100% !important; height:440px !important;}
.map-box .root_daum_roughmap .wrap_map {height:440px !important;}
.center-location .root_daum_roughmap .border1,
.center-location .root_daum_roughmap .border2 {border: none;}
.center-location .root_daum_roughmap .border3, 
.center-location .root_daum_roughmap .border4 {background-color: transparent;}

.center-location .contact-list {padding: 30px 33px; border-radius: 10px; border: 1px solid #D9D9D9; background: #F8F8F8;}
.center-location .contact-list .inner {display: flex; flex-wrap: wrap;  margin: -5px -30px;}
.center-location .contact-item {display: flex; gap: 20px; padding: 5px 30px;}
.center-location .contact-item .icon {max-width: 60px; width: 100%;}
.center-location .contact-item .text {font-size: 24px; font-weight: 600; line-height: 1.8em; color: #222; align-content: center;}

.center-location .transport-info {display: flex; gap: 38px; padding: 60px 0; margin-bottom: 60px; border-bottom: 1px solid #eee;}
.center-location .transport-title {font-size: 32px; font-weight: 700; line-height: 1.6em; color: #222;}
.center-location .transport-list {width: 1%; flex: 1 1 auto; display: flex;}
.center-location .transport-item {flex: 1; padding: 0 42px;}
.center-location .transport-item:not(:last-child) {border-right: 1px solid #eee;}
.center-location .transport-item-title {font-size: 24px; font-weight: 600; line-height: 1.8em; color: #222; margin-bottom: 8px;}
.center-location .transport-item-desc p {font-size: 20px; line-height: 1.7em; color: #444;}
.center-location .transport-item-desc .color-green {font-weight: 600; color: #42B59D;}
.center-location .transport-item-desc .subway-label {display: inline-block; padding: 2px 15px; border-radius: 20px; border: 1px solid #0253A5; font-size: 18px; font-weight: 600; line-height: 1.6em; color: #0253A5; margin-right: 8px;}

.center-location .parking-info {display: flex; align-items: center; gap: 80px;}
.center-location .parking-info > div {flex: 1;}
.center-location .parking-map {border-radius: 30px; border: 1px solid #D1E4E0; overflow: hidden;}
.center-location .parking-map .root_daum_roughmap {width:100% !important; height:330px !important;}
.center-location .parking-map .root_daum_roughmap .wrap_map {height:330px !important;}
.center-location .parking-title {font-size: 32px; font-weight: 700; line-height: 1.6em; color: #222; margin-bottom: 40px;}
.center-location .parking-item-title {font-size: 24px; font-weight: 600; line-height: 1.8em; color: #222; margin-bottom: 10px;}
.center-location .parking-item-desc {padding: 20px 30px; border-radius: 10px;border: 1px solid #D9D9D9; background: #F8F8F8;}
.center-location .parking-item-desc ul {display: flex; flex-direction: column; gap: 5px;}
.center-location .parking-item-desc li {position: relative; font-size: 18px; line-height: 1.7em; color: #444; padding-left: 14px;}
.center-location .parking-item-desc li:before {position: absolute; top: 11px; left: 0; content: ''; width: 4px; height: 4px; border-radius: 50%; background: #42B59D;}
.center-location .parking-item-desc li b {font-weight: 500; color: #222;}

/* S201 */
.counseling-list-box {margin-bottom: 70px;}
.counseling-list-box .items {display: flex; flex-wrap: wrap; margin: -20px;}
.counseling-list-box .item {width: 25%; padding: 20px;}
.counseling-list-box .wrap {display: flex; flex-direction: column; gap: 20px;}
.counseling-list-box .inner {position: relative; height: 100%; padding: 53px 40px 48px 40px; border-radius: 30px; border: 1px solid #D1E4E0; background: #F6FAF9;}
.counseling-list-box .inner:after {position: absolute; top: 30px; right: 30px; content: ''; width: 80px; height: 80px; background-repeat: no-repeat; background-position: right top;}
.counseling-subject .counseling-list-box .item:nth-child(1) .inner:after {background-image: url('../img/sub/icon-subject01.png');}
.counseling-subject .counseling-list-box .item:nth-child(2) .inner:after {background-image: url('../img/sub/icon-subject02.png');}
.counseling-subject .counseling-list-box .item:nth-child(3) .inner:after {background-image: url('../img/sub/icon-subject03.png');}
.counseling-subject .counseling-list-box .item:nth-child(4) .inner:after {background-image: url('../img/sub/icon-subject04.png');}
.counseling-list-box .title {position: relative; z-index: 5;}
.counseling-list-box .title h4 {font-size: 32px; font-weight: 700; line-height: 1.4em; color: #003C30; margin-bottom: 11px;}
.counseling-list-box .title p {font-size: 18px; line-height: 1.7em; color: #444;}
.counseling-list-box .desc {display: flex; flex-direction: column; gap: 10px; padding-top: 28px; margin-top: 28px; border-top: 1px dashed #ccc;}
.counseling-list-box .desc p {position: relative; font-size: 20px; line-height: 1.4em; color: #444; padding-left: 16px;}
.counseling-list-box .desc p:before {position: absolute; top: 10px; left: 0; content: ''; width: 6px; height: 6px; background: #185B4D; border-radius: 50%;}

/* S202 */
.counseling-area .counseling-list-box .item:nth-child(1) .inner:after {background-image: url('../img/sub/icon-area01.png');}
.counseling-area .counseling-list-box .item:nth-child(2) .inner:after {background-image: url('../img/sub/icon-area02.png');}
.counseling-area .counseling-list-box .item:nth-child(3) .inner:after {background-image: url('../img/sub/icon-area03.png');}
.counseling-area .counseling-list-box .item:nth-child(4) .inner:after {background-image: url('../img/sub/icon-area04.png');}
.counseling-area .counseling-list-box .item:nth-child(5) .inner:after {background-image: url('../img/sub/icon-area05.png');}
.counseling-area .counseling-list-box .item:nth-child(6) .inner:after {background-image: url('../img/sub/icon-area06.png');}
.counseling-area .counseling-list-box .item:nth-child(7) .inner:after {background-image: url('../img/sub/icon-area07.png');}
.counseling-area .counseling-list-box .item:nth-child(8) .box01 .inner:after {background-image: url('../img/sub/icon-area08.png');}
.counseling-area .counseling-list-box .item:nth-child(8) .box02 .inner:after {background-image: url('../img/sub/icon-area09.png');}

/* S203 */
.counseling-process .item.flex {display: flex; justify-content: space-between; gap: 62px;}
.counseling-process .item.flex:nth-child(odd) {flex-direction: row-reverse;} 
.counseling-process .item:not(:last-child) {margin-bottom: 150px;}
.counseling-process .item.flex > div {width: 50%;}

.title-primary {display: flex; align-items: flex-start; font-size: 32px; font-weight: 700; line-height: 1.6em; color: #222;}
.title-primary .num {display: inline-block; width: 38px; font-size: 22px; font-weight: 600; line-height: 1.8em; color: #185B4D; text-align: center; border-top: 2px solid #185B4D; border-bottom: 2px solid #185B4D; margin-top: 4px; margin-right: 20px;}
.counseling-process .item.flex .title-primary {margin-bottom: 40px;}
.counseling-process .item .title-primary {margin-bottom: 20px;}
.title-secondary {font-size: 24px; font-weight: 600; line-height: 1.8em; color: #222; margin-bottom: 10px;}
.title-secondary .num {display: inline-block; color: #42B59D; margin-right: 12px;}

.consult-inquiry-item .wrap {display: flex; align-items: flex-start; gap: 20px;}
.consult-inquiry-item:not(:last-child) {margin-bottom: 24px;}
.consult-inquiry-title {display: flex; align-items: center; max-width: 235px; width: 100%; padding: 10px; border-radius: 50px; border: 1px solid #D9D9D9; background: #F6F6F6; font-size: 22px; font-weight: 600; line-height: 1.8em; color: #222;}
.consult-inquiry-title img {margin-right: 20px;}
.consult-inquiry-details {width: 1%; flex: 1 1 auto; margin-top: 11px; font-size: 22px; font-weight: 600; line-height: 1.8em; color: #444;}
.consult-inquiry-details .line {margin: 0 10px;}
.consult-inquiry-details .gray-line {margin: 0 10px; font-size: 16px; font-weight: 400; color: #ccc;}
.consult-inquiry-details .online-list {display: flex; gap: 20px;}
.consult-inquiry-details .font-green {font-size: 20px; font-weight: 700; color: #185B4D;}
.consult-inquiry-details .font-small {font-size: 18px;}
.consult-inquiry-notice {font-size: 18px; line-height: 1.7em; color: #666; margin-top: 14px;}
.consult-inquiry-notice span {color: #42B59D;}
.consult-price-item:not(:last-child) {margin-bottom: 30px;}
.consult-price-item .gray-box {padding: 20px 30px; border-radius: 10px; border: 1px solid #D9D9D9; background: #F8F8F8;}
.consult-price-item .gray-box .dot-list {position: relative; font-size: 18px; line-height: 1.7em; color: #444; padding-left: 14px;}
.consult-price-item .gray-box .dot-list:not(:last-child) {margin-bottom: 5px;}
.consult-price-item .gray-box .dot-list:before {position: absolute; top: 12px; left: 0; content: ''; width: 4px; height: 4px; background: #42B59D;border-radius: 50%;}
.consult-price-item .gray-box .dot-list span {font-weight: 500; color: #222;}

.consult-test .title-wrap p {font-size: 20px; line-height: 1.7em; color: #444; margin-bottom: 40px;}
.consult-test-item .green-box-list {display: flex; flex-wrap: wrap; gap: 15px 20px;}
.consult-test-item .green-box-list .inner {border-radius: 10px; border: 1px solid #D1E4E0; background: #F6FAF9; padding: 20px 30px; font-size: 18px; line-height: 1.7em; color: #444;}
.consult-test .title-wrap .imoji {font-size: 25px;}

/* S205 */
.voucher .table-box {background: #F8F8F8; border-radius: 30px; border: 1px solid #D9D9D9; padding: 20px; margin-bottom: 70px;}
.voucher .table-responsive {overflow-x: auto; -webkit-overflow-scrolling: touch;}
.voucher table {width: 100%; min-width: 600px;}
.voucher thead {background: #42B59D;}
.voucher thead th {position: relative; font-size: 24px; font-weight: 600; line-height: 1.6em; color: #fff; text-align: center; padding: 21px 10px;}
.voucher thead th:nth-child(1) {border-radius: 20px 0 0 20px;}
.voucher thead th:last-child {border-radius: 0 20px 20px 0;}
.voucher thead th:after {position: absolute; top: 50%; right: 0; transform: translateY(-50%); content: ''; width: 1px; height: 40px; background: #fff; opacity: 0.3;}
.voucher thead th:last-child:after {display: none;}
.voucher tbody tr:not(:last-child) {border-bottom: 1px solid #ccc;}
.voucher tbody tr.empty {height: 20px; border-bottom: none;}
.voucher tbody th {font-size: 24px; font-weight: 600; line-height: 1.6em; color: #222; text-align: center; padding: 20px;}
.voucher tbody td {font-size: 24px; line-height: 1.6em; color: #444; text-align: center; padding: 20px;}
.voucher tbody td.align-left {text-align: left;}
.voucher tbody td:not(:first-child) {border-left: 1px solid #ccc;}
.voucher tbody td ul {display: flex; flex-direction: column; gap: 10px;}
.voucher tbody td ul li {position: relative; padding-left: 16px; text-align: left;}
.voucher tbody td ul li:before {position: absolute; top: 15px; left: 0; content: ''; width: 6px; height: 6px; background: #42B59D; border-radius: 50%;}
.voucher tbody td ul li b {font-weight: 500; color: #185B4D;}
.btn-box .btn-shortcut {display: flex; justify-content: space-between; align-items: center; width: 240px; background: #42B59D; font-size: 20px; font-weight: 600; line-height: 1.6em; color: #fff; padding: 24px 20px 24px 30px; border-radius: 50px; margin: 0 auto;}
.btn-box .btn-shortcut img {transition: all 0.5s;}
.btn-box .btn-shortcut:hover img {transform: rotate(-45deg);}

/* S301 */
.lab-intro {position: relative; margin-bottom: 150px;}
.lab-intro .backdrop {height: 316px; background: url('../img/sub/lab-introduce-bg.jpg') no-repeat center center/cover;}
.lab-intro .text-box {width: calc(100% - 460px); background: #fff; padding: 90px 20px 0; margin: -186px auto 0;}
.lab-introduce .lab-intro .text-box {margin: 0 auto; padding-top: 30px;}
.lab-intro .text-box h4 {position: relative; font-family: "Noto Serif KR", serif; font-size: 36px; font-weight: 700; line-height: 1.4em; color: #185B4D; text-align: center; padding-bottom: 97px;}
.lab-intro .text-box h4:after {position: absolute; bottom: 30px; left: 50%; content: ''; width: 1px; height: 37px; background: #42B59D;}
.lab-intro .text-box p {font-size: 24px; font-weight: 600; line-height: 1.8em; color: #222; text-align: center;}
.lab-intro .text-box p:not(:last-child) {margin-bottom: 30px;}
.lab-intro .text-box p span {display: inline; box-shadow: inset 0 -18px 0 rgba(110,226,201,0.4); padding: 0 10px 3px;}

.lab-rows {margin-bottom: 107px;}
.lab-row {display: flex; gap: 128px; padding: 90px 70px; border-bottom: 1px solid #eee;}
.lab-row:nth-child(even) {flex-direction: row-reverse;}
.lab-row:nth-child(1) {padding-top: 0;}
.lab-row > div {flex: 1;}
.lab-row-img img {width: 100%;}
.lab-row-text {display: flex; flex-direction: column; gap: 24px;}
.lab-row-text p {font-size: 24px; line-height: 1.8em; color: #444;}
.lab-row-text p.dot-list {position: relative; padding-left: 36px;}
.lab-row-text p.dot-list:before {position: absolute; top: 17px; left: 14px; content: ''; width: 7px; height: 7px; background: #222; border-radius: 50%;}
.lab-row-text p b {font-weight: 600; color: #222;}

.lab-outro {text-align: center;}
.lab-outro p {font-size: 28px; font-weight: 600; line-height: 1.8em; color: #222; padding: 0 70px;}
.lab-introduce .lab-outro p:nth-child(1) {margin-bottom: 46px;}
.lab-introduce .lab-outro p:nth-child(2) {margin-bottom: 30px;}
.lab-outro .font-small {font-size: 24px;}
.lab-outro .font-green {color: #42B59D;}

/* S302 */
.lab-bip .summary .inner {position: relative; border-radius: 30px; border: 1px solid #AEC3BF; background: #F5F5F5; padding: 58px 80px 58px 100px; margin-bottom: 70px;}
.lab-bip .summary .inner:after {position: absolute; bottom: 0; right: 0; content: ''; width: 338px; height: 319px; background: url('../img/sub/bip-logo.png') no-repeat right bottom;}
.lab-bip .summary h4 {position: relative; font-size: 28px; font-weight: 700; line-height: 1.8em; color: #185B4D; padding-left: 26px; margin-bottom: 20px;}
.lab-bip .summary h4:before {position: absolute; top: 9px; left: 0; content: ''; width: 6px; height: 30px; background: #42B59D;}
.lab-bip .summary p {font-size: 24px; line-height: 1.8em; color: #444;}
.lab-bip .summary p b {font-weight: 600; color: #222;}
.lab-bip .theory {margin-top: 150px;}
.lab-bip .bip-title {font-size: 26px; font-weight: 600; line-height: 1.8em; color: #222; text-align: center; margin-bottom: 30px;}
.lab-bip .theory ul {display: flex; flex-wrap: wrap; margin: -10px;}
.lab-bip .theory ul li {width: 25%; padding: 10px;}
.lab-bip .theory .inner {display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 160px; height: 100%; padding: 15px 20px; border-radius: 10px; border: 4px solid #D1E4E0; text-align: center;}
.lab-bip .theory h6 {font-size: 24px; font-weight: 700; line-height: 1.8em; color: #003C30;}
.lab-bip .theory p {position: relative; font-size: 18px; line-height: 1.7em; color: #444; padding-top: 7px; margin-top: 10px;}
.lab-bip .theory p:before {position: absolute; top: 0; left: 50%; transform: translateX(-50%); content: ''; width: 40px; height: 1px; background: #ccc;}
.lab-bip .theory p b {font-weight: 600;}
.lab-bip .process .process-table {max-width: 1920px; width: 100%; margin: 0 auto 70px;}
.lab-bip .process .process-table-mo {display: none;}
.lab-bip .process .box {padding: 40px 30px; border-radius: 10px; border: 1px solid #D9D9D9;}
.lab-bip .process .dot-list {position: relative; font-size: 22px; line-height: 1.8em; color: #444; padding-left: 14px;}
.lab-bip .process .dot-list:before {position: absolute; top: 17px; left: 0; content: ''; width: 4px; height: 4px; background: #42B59D; border-radius: 50%;}
.lab-bip .process .education-info-items {margin-bottom: 20px;}
.education-info-items {display: flex; flex-wrap: wrap; gap: 10px;}
.education-info-items .education-item {display: flex; align-items: center; border-radius: 50px; border: 1px solid #D9D9D9; overflow: hidden;}
.education-info-items .education-title {display: flex; align-items: center; max-width: 152px; flex: 0 0 152px; height: 100%; font-size: 22px; font-weight: 600; line-height: 1.8em; color: #222; background: #F6F6F6; border-right: 1px solid #D9D9D9; padding: 10px 20px 10px 10px;}
.education-info-items .education-title img {margin-right: 10px;}
.education-info-items .education-details {flex: 1 1 auto; font-size: 22px; line-height: 1.8em; color: #444; padding: 10px 30px 10px 20px;}
.education-info-items .education-btn a {display: flex; justify-content: space-between; align-items: center; width: 180px; background: #42B59D; font-size: 20px; font-weight: 600; line-height: 1.6em; color: #fff; padding: 14px 20px 14px 30px; border-radius: 50px;}
.education-info-items .education-btn a img {transition: all 0.5s;}
.education-info-items .education-btn a:hover img {transform: rotate(-45deg);}

/* S303 */
.bookstudy-items .item {display: flex; gap: 80px; padding: 30px; border-radius: 20px; border: 1px solid #42B59D;}
.bookstudy-items .item:not(:last-child) {margin-bottom: 60px;}
.bookstudy-items .img-box {max-width: 560px; width: 100%;}
.bookstudy-items .img-box img {display: block; width: 100%; height: auto;}
.bookstudy-items .text-box {width: 1%; flex: 1 1 auto;}
.bookstudy-items .text-box .title {font-size: 32px; font-weight: 700; line-height: 1.6em; color: #003C30; padding: 20px 0; margin-bottom: 20px; border-bottom: 1px solid #ccc;}
.bookstudy-items .text-box .details {font-size: 20px; line-height: 1.7em; color: #444;}

/* S304 */
.group-items .group-item {/* display: flex; gap: 80px; */ padding: 60px 0; border-bottom: 1px solid #eee;}
.group-items .group-item:nth-child(1) {padding-top: 0;}
.group-items .group-item:last-child {padding-bottom: 0; border-bottom: none;}
/* .group-items .img-box {max-width: 300px; width: 100%;} */
/* .group-items .text-box {width: 1%; flex: 1 1 auto;} */
.group-items .text-box .title-primary {margin-bottom: 10px;}
.group-items .text-box .sub-title {font-size: 24px; font-weight: 600; line-height: 1.8em; color: #222; margin-bottom: 40px;} 
.group-items .text-box .sub-title span {color: #185B4D;}
.group-items .text-box .details {font-size: 20px; line-height: 1.7em; color: #444; margin-bottom: 40px;} 
.group-items .text-box .details b {font-weight: 600; color: #222;}
.group-items .text-box .dot-list {position: relative; font-size: 22px; line-height: 1.8em; color: #222; padding-left: 14px; margin-bottom: 20px;}
.group-items .text-box .dot-list:before {position: absolute; top: 17px; left: 0; content: ''; width: 4px; height: 4px; background: #42B59D; border-radius: 50%;}
.group-items .text-box .dot-list span {font-weight: 600; color: #185B4D;}

/* S305 */
.lab-memory .lab-intro .backdrop {background-image: url('../img/sub/lab-memory-bg.jpg');}
.lab-memory .lab-rows {margin-bottom: 60px;}
.lab-memory .lab-row {padding: 60px 70px;}
.lab-memory .lab-row:nth-child(1) {padding-top: 0;}
.lab-memory .lab-outro {text-align: left;}
.lab-memory .education-info-items {margin-top: 70px; justify-content: center;}

/* S306 */
.lab-conference .lab-intro {margin-bottom: 70px;}
.lab-conference .lab-intro .backdrop {background-image: url('../img/sub/lab-conference-bg.jpg');}