@charset "utf-8";
html{scroll-behavior: smooth;}

.real-cont {padding:130px 0 180px;}
.real-cont.type02 {padding:130px 0 0;}

.sub-visual {position: relative; height: 100vh; background-repeat: no-repeat; background-position: 50% 50%; 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-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-visual0 {background-image: url('../img/sub/sub-visual-login.jpg');} 
.sub-visual010 {background-image: url('../img/sub/sub-visual-login.jpg');} 

.sub-visual .text-box {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center;}
.sub-visual .text-box h2 {font-size: 60px; line-height: 1.3em; font-weight: 400; color: #fff; }
.sub-visual .text-box h2 strong {font-weight: 700;}

.sub-visual .scroll-down {position: absolute; bottom: 75px;	left: 50%;}
.sub-visual .scroll-down a {display: block; animation: bounce 1.8s ease infinite;}
@keyframes bounce {0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-30px);} 60% {transform: translateY(-15px);}}

.sub-title {padding-bottom: 140px;}
.sub-title h3 {font-size: 50px; font-weight: 400; line-height: 1.4em; color: #333; text-align: center; margin-bottom: 28px;}
.sub-title h3 strong {font-weight: 700;}
.sub-title .img-box {width: 100%; height: 500px; background-repeat: no-repeat; background-position: 50% 50%; margin-top: 83px; margin-bottom: 62px;}
.sub-title p {font-size: 20px; line-height: 1.7em; color: #666; text-align: center;}

.article-title {text-align: center;}
.article-title small {display: inline-block; font-family: 'montserrat'; font-size: 18px; letter-spacing: 0.8em; line-height: 1.3em; font-weight: 700; color: #2b3e7f; margin-bottom: 25px; margin-right: -0.8em;}
.article-title small.kor {font-family: 'pretendard'; font-size: 30px; letter-spacing: -0.02em; font-weight: 500; margin-bottom: 20px;}
.article-title h4 {font-size: 48px; line-height: 1.3em; font-weight: 700; color: #333; margin-bottom: 15px;}
.article-title span {font-weight: 400;}
.article-title b {display: block; font-size: 30px; font-weight: 500; line-height: 1.4em; color: #283e7f; margin-bottom: 33px;}
.article-title p {font-size: 20px; line-height: 1.7em; color: #666;}
.article-title p:not(:last-child) {margin-bottom: 35px;}
.article-title.white small {color: #fff; opacity: 0.25;}
.article-title.white h4 {color: #fff;}
.article-title.white b {color: #fff; margin-bottom: 20px;}
.article-title.white p {color: #fff; opacity: 0.7;}
.article-content {margin-top: 65px;}

/* 1-1 */
.specialness .greeting {background-image: url('../img/sub/specialness-bg01.jpg'); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; padding: 155px 0 165px;}
.specialness .greeting .wrap {display: flex; justify-content: space-between;}
.specialness .greeting .text-box {width: 1%; flex: 1 1 auto; padding-right: 140px; margin-top: -5px;}
.specialness .greeting .text-box b {display: block; font-family: "Noto Serif KR", serif; font-size: 35px; line-height: 1.4em; font-weight: 400; color: #333;}
.specialness .greeting .text-box b:nth-child(1) {margin-bottom: 53px;}
.specialness .greeting .text-box b:nth-child(2) {position: relative; padding-bottom: 113px; margin-bottom: 65px;}
.specialness .greeting .text-box b:nth-child(2):before {content: ''; width: 1px; height: 80px; background: #283e7f; position: absolute; bottom: 7px; left: 10px;}
.specialness .greeting .text-box b:nth-child(2):after {content: ''; width: 7px; height: 7px; border-radius: 50%; background: #283e7f; position: absolute; bottom: 0px; left: 7px;}
.specialness .greeting .text-box b span {font-weight: 600; color: #283e7f;}
.specialness .greeting .text-box p {font-size: 20px; line-height: 1.7em; color: #666;}
.specialness .greeting .img-box {max-width: 615px; width: 100%;}
.specialness .greeting .img-box .top {margin-bottom: 26px;}
.specialness .greeting .img-box .bottom {display: flex; justify-content: space-between; margin: 0 -13px;}
.specialness .greeting .img-box .bottom img {display: block; width: 50%; padding: 0 13px;}

.specialness .yonsei {background-image: url('../img/sub/specialness-bg02.jpg'); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; padding: 145px 0 160px;}
.specialness .yonsei .article-title.white .kor {opacity: 1;}
.specialness .yonsei .article-title h4 {margin-bottom: 25px;}
.specialness .yonsei .article-title p {margin-bottom: 75px;}
.specialness .yonsei .article-content {display: flex; justify-content: center; margin: 0 -50px; padding: 0 200px;}
.specialness .yonsei .col {width: 33.333%; padding: 0 50px; text-align: center; }
.specialness .yonsei .col > div {display: flex; flex-direction: column; justify-content: center; width: 300px; height: 300px; border-radius: 50%; padding: 0 20px; margin: 0 auto;}
.specialness .yonsei .col .title {position: relative; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.3);}
.specialness .yonsei .col .title:before {content: ''; width: 1px; height: 41px; background: rgba(236,234,243,0.3); position: absolute; bottom: -41px; left: 50%;}
.specialness .yonsei .col .title:after {content: ''; width: 7px; height: 7px; border-radius: 50%; background: #eceaf3; position: absolute; bottom: -41px; left: 50%; margin-left: -3px;}
.specialness .yonsei .col .title h5 {font-size: 26px; font-weight: 600; color: #eceaf3; margin-bottom: 7px;}
.specialness .yonsei .col .title b {display: block; font-family: 'montserrat'; font-size: 26px; font-weight: 700; color: #fff; margin-bottom: 20px;}
.specialness .yonsei .col .title p {font-size: 18px; line-height: 1.6em; color: #fff; opacity: 0.7;}
.specialness .yonsei .col .description {background: linear-gradient(90deg, rgba(40,62,127,1) 0%, rgba(92,54,124,1) 100%); padding: 0 20px; margin-top: 22px;}
.specialness .yonsei .col p {font-size: 20px; line-height: 1.6em; color: #fff;}

.specialness .system {padding: 130px 0 115px;}
.specialness .system .article-title h4 {line-height: 1.5em;}

.specialness .system .article-content {margin-top: 0;}
.specialness .system .system-list {padding: 125px 0 150px;}
.specialness .system .system-list:nth-child(2) {background: #f2f5fa; padding: 150px 0;}
.specialness .system .system-list:nth-child(3) {padding: 150px 0;}
.specialness .system .system-list .wrap {display: flex; justify-content: space-between; margin-bottom: 100px;}
.specialness .system .system-list .text-box {width: 1%; flex: 1 1 auto; padding-right: 100px; margin-top: 20px;}
.specialness .system .system-list:nth-child(2) .text-box, .specialness .system .system-list:nth-child(3) .text-box {margin-top: 0;}
.specialness .system .system-list .text-box b {display: block; font-family: 'montserrat'; font-size: 20px; font-weight: 700; color: #2c3e7f; margin-bottom: 8px;}
.specialness .system .system-list .text-box h5 {max-width: 805px; width: 100%; font-size: 30px; font-weight: 700; line-height: 1.4em; color: #333; padding-bottom: 33px; margin-bottom: 33px; border-bottom: 1px solid #ddd;}
.specialness .system .system-list .text-box p {font-size: 20px; line-height: 1.6em; color: #666;}
.specialness .system .system-list .text-box p:not(:last-child) {margin-bottom: 30px;}
.specialness .system .system-list .img-box {max-width: 500px; width: 100%;}

.specialness .system .system-list ul {display: flex;}
.specialness .system .system-list ul li {position: relative; max-width: 490px; width: 100%; font-size: 22px; font-weight: 500; color: #fff; line-height: 160px; border-radius: 80px; text-align: center;} 
.specialness .system .system-list ul li:nth-child(1) {background: rgba(40,62,127,0.95);}
.specialness .system .system-list ul li:nth-child(2) {background: linear-gradient(90deg, rgba(40,62,127,0.95) 0%, rgba(92,54,124,0.95) 100%); margin-left: -25px;}
.specialness .system .system-list ul li:nth-child(3) {background: rgba(92,54,124,0.97); margin-left: -25px;}
.specialness .system .system-list ul li:after {content: '+'; font-family: 'pretendard'; font-size: 25px; font-weight: 400; color: #fff; position: absolute; top: -3px; right: 4px; z-index: 50; opacity: 0.5;}
.specialness .system .system-list ul li:last-child:after {display: none;}

.specialness .system .article-bottom {position: relative; padding-top: 237px; text-align: center;}
.specialness .system .article-bottom:before {content: ''; width: 1px ;height: 200px; background: #283e7f; position :absolute; top: 0; left: 50%;}
.specialness .system .article-bottom:after {content: ''; width: 13px ;height: 13px; border-radius: 50%; background: #283e7f; position :absolute; top: 200px; left: 50%; margin-left: -6px;}
.specialness .system .article-bottom h4 {font-family: 'montserrat'; font-size: 48px; line-height: 1.5em; font-weight: 700; color: #333; margin-bottom: 13px;}
.specialness .system .article-bottom small {font-size: 30px; font-weight: 500; color: #283e7f; }

.specialness .first {padding: 145px 0 180px; background: #f7f7f7;}
.specialness .first .article-content {margin-top: 95px;}
.specialness .first .article-content ul {display: flex; margin: 0 -21px;}
.specialness .first .article-content ul li {width: 33.3333%; padding: 0 21px;}
.specialness .first .article-content ul li .inner {height: 100%; background: #fff;}
.specialness .first .article-content ul li .text-box {padding: 43px 10px 50px; text-align: center;}
.specialness .first .article-content ul li .text-box p {font-size: 22px; line-height: 1.5em; color: #333;}
.specialness .first .article-content ul li .text-box p b {font-weight: 700;}

/* 1-2 */
.staff article {padding: 150px 0 165px;}
.staff article:last-child {padding-bottom: 0;}
.staff .doctor {position: relative; padding-bottom: 0; background: #f2f5fa;}
.staff .doctor:before {content: ''; width: 518px; height: 410px; background-image: url('../img/sub/staff-doctor-bg.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; position: absolute; bottom: 0; right: 50px;}
.staff .doctor .article-title small.gray {color: rgba(136,136,136,0.3);}
.staff .doctor .article-content {display: flex; justify-content: space-between;}
.staff .doctor .text-box {max-width: 650px; width: 100%; background: #fff; padding: 85px 85px 75px; margin-top: 40px; margin-bottom: 155px;}
.staff .doctor .text-box h5 {font-family: "Noto Serif KR", serif; font-size: 30px; font-weight: 600; line-height: 1.4em; color: #333; margin-bottom: 33px;}
.staff .doctor .text-box h5 span {font-size: 50px; color: #283e7f;}
.staff .doctor .text-box li {position: relative; font-size: 20px; line-height: 1.9em; color: #666; padding-left: 15px;}
.staff .doctor .text-box li:before {position: relative; content: ''; width: 4px; height: 4px; border-radius: 50%; background: #5c367c; position: absolute; top: 20px; left: 0;}
.staff .doctor .img-box {max-width: 561px; width: 100%; background-image: url('../img/sub/staff-doctor01.png'); background-repeat: no-repeat; background-position: 50% bottom; background-size: contain;}

.staff .value {background-image: url('../img/sub/staff-value-bg.jpg'); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.staff .value .article-content {margin-top: 120px;}
.staff .value ul {display: flex; flex-wrap: wrap; margin: -33px 0;}
.staff .value ul li {display: flex; align-items: flex-start; width: 33.3333%; padding: 33px 0;}
.staff .value ul li .icon {max-width: 156px; width: 100%; height: 156px; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain;}
.staff .value ul li:nth-child(1) .icon {background-image: url('../img/sub/staff-value01.png');}
.staff .value ul li:nth-child(2) .icon {background-image: url('../img/sub/staff-value02.png');}
.staff .value ul li:nth-child(3) .icon {background-image: url('../img/sub/staff-value03.png');}
.staff .value ul li:nth-child(4) .icon {background-image: url('../img/sub/staff-value04.png');}
.staff .value ul li:nth-child(5) .icon {background-image: url('../img/sub/staff-value05.png');}
.staff .value ul li:nth-child(6) .icon {background-image: url('../img/sub/staff-value06.png');}
.staff .value ul li .text-box {width: 1%; flex: 1 1 auto; padding: 5px 50px 0 40px;}
.staff .value ul li .text-box b {display: block; font-size: 26px; font-weight: 600; line-height: 1.4em; color: #333; margin-bottom: 8px;}
.staff .value ul li .text-box p {font-size: 20px; line-height: 1.6em; color: #666;}

.staff .master .article-title h4 {position: relative; padding-bottom: 255px;}
.staff .master .article-title h4:before {content: ''; width: 1px ;height: 200px; background: #283e7f; position :absolute; bottom: 13px; left: 50%;}
.staff .master .article-title h4:after {content: ''; width: 13px ;height: 13px; border-radius: 50%; background: #283e7f; position :absolute; bottom: 0; left: 50%; margin-left: -6px;}
.staff .master .article-content {margin-top: 30px;}
.staff .master .cont01 {text-align: center;}
.staff .master .cont01 small {display: block; font-family: 'montserrat'; font-size: 30px; font-weight: 700; line-height: 1.3em; color: #283e7f; margin-bottom: 15px;}
.staff .master .cont01 h5 {font-size: 40px; font-weight: 700; line-height: 1.7em; color: #333; margin-bottom: 45px;}
.staff .master .cont01 p {font-size: 20px; line-height: 1.6em; color: #333; margin-bottom: 85px;}
.staff .master .cont01 .img-box {width: 100%; height: 480px; background-image: url('../img/sub/staff-master01.jpg'); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; margin-bottom: 40px;}
.staff .master .img-wrap01 figure {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 -20px;}
.staff .master .img-wrap01 img {display: block; width: 50%; padding: 0 20px;}
.staff .master figcaption {width: 100%; font-size: 20px; line-height: 1.6em; color: #333; text-align: center; padding: 34px 0;}	
.staff .master .img-wrap02,
.staff .master .img-wrap03 {display: flex; margin: 0 -20px;}
.staff .master .img-wrap03 {margin: 0 -20px 100px;}
.staff .master .img-wrap02 figure,
.staff .master .img-wrap03 figure {width: 50%; padding: 0 20px;}

.staff .master .cont02 {background: #f7f7f7; padding: 145px 0 180px;}
.staff .master .cont02 ul {display: flex; flex-wrap: wrap; margin: -20px;}
.staff .master .cont02 ul li {width: 50%; padding: 20px;}

/* 1-3 */
.system .sub-title {position: relative; padding-bottom: 255px;}
.system .sub-title:before {content: ''; width: 1px ;height: 200px; background: #283e7f; position :absolute; bottom: 13px; left: 50%;}
.system .sub-title:after {content: ''; width: 13px ;height: 13px; border-radius: 50%; background: #283e7f; position :absolute; bottom: 0; left: 50%; margin-left: -6px;}

.system-details01 {padding-top: 67px;}
.system-details {padding-top: 115px;}
.system-details .article-title p.num {font-family: 'montserrat'; font-size: 70px; font-weight: 700; color: #304583; opacity: 0.1;}
.system-details .article-title p.num:not(:last-child) {margin-bottom: 0;}
.system-details .article-content {margin-top: 125px; padding: 150px 0; background: #f2f5fa;} 
.system-details .article-content .wrap {display: flex; justify-content: space-between; align-items: center;}
.system-details .article-content .wrap .text-box {width: 1%; flex: 1 1 auto; padding-right: 105px;}
.system-details .article-content .wrap .text-box p {font-size: 20px; line-height: 1.6em; color: #666;}
.system-details .article-content .wrap .text-box p:not(:last-child) {margin-bottom: 30px;}
.system-details .article-content .wrap .img-box {max-width: 650px; width: 100%;}
.system-details02 .article-content .wrap {flex-direction: row-reverse;}
.system-details02 .article-content .wrap .text-box {padding-right: 0; padding-left: 120px;}
.system-details03 .step {margin-bottom: 135px;}
.system-details03 .step li {display: flex;}
.system-details03 .step li:not(:last-child) {margin-bottom: 20px;}
.system-details03 .step li b {display: flex; justify-content: center; align-items: center; max-width: 305px; width: 100%; font-size: 22px; font-weight: 600; color: #fff; text-align: center; }
.system-details03 .step li:nth-child(1) b {background: #304583;}
.system-details03 .step li:nth-child(2) b {background: linear-gradient(180deg, rgba(40,62,127,1) 0%, rgba(92,54,124,1) 100%);}
.system-details03 .step li:nth-child(3) b {background: #5c367c;}
.system-details03 .step .description {width: 100%; background: #fff; padding: 40px 10px 40px 60px;}
.system-details03 .step .description p {position: relative; font-size: 20px; line-height: 1.6em; color: #666; padding-left: 20px;}
.system-details03 .step .description p:before {content: ''; width: 4px; height: 4px; border-radius: 50%; background: #304583; position: absolute; top: 14px; left: 0;}

.system-details03 .time .text {text-align: center;}
.system-details03 .time h5 {position: relative; display: inline-block; font-size: 30px; font-weight: 500; line-height: 1.4em; color: #333; text-align: center; margin: 0 auto 65px;}
.system-details03 .time h5:before {content: ''; width: 35px; height: 28px; background-image: url('../img/sub/quot01.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; position: absolute; top: -14px; left: 2px;}
.system-details03 .time h5:after {content: ''; width: 35px; height: 28px; background-image: url('../img/sub/quot02.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; position: absolute; top: -16px; right: -2px;}

.system-details03 .time .box {display: flex; justify-content: space-between;}
.system-details03 .time .text-box {width: 1%; flex: 1 1 auto; background: #fff; padding: 60px 80px 60px 60px;}
.system-details03 .time .text-box p {font-size: 20px; line-height: 1.6em; color: #666;}
.system-details03 .time figure {max-width: 385px; width: 100%;}
.system-details03 .time figure img {height: 100%;}

.device {background-image: url('../img/sub/system-device-bg.jpg'); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; padding: 140px 0 175px;}
.device .article-title h4 {margin-bottom: 25px;}
.device .article-title small span {font-weight: 700;}
.device ul {display: flex; justify-content: space-between; padding: 0 255px; margin: 0 -20px;}
.device ul li {padding: 0 20px;}
.device ul li .img-box {border: 1px solid #ddd;}
.device ul li .text-box {font-family: 'montserrat'; font-size: 22px; font-weight: 700; color: #fff; text-align: center;	background: linear-gradient(90deg, rgba(40,62,127,1) 0%, rgba(92,54,124,1) 100%); padding: 41px 0; margin-top: -1px;}

/* 1-4 */
.sub_1_4 article p {font-size: 18px; text-align: center;}
.place .slide-view {margin-bottom: 40px;}
.place .slide-view .items {position: relative;}
.place .slick-arrow {position: absolute; top: 415px; width: 70px; height: 70px; background-repeat: no-repeat; background-position: center center; background-size: contain; z-index: 5; transition: all 0.4s;}
.place .slick-prev {left: 40px; background-image: url('../img/sub/slide-prev-btn.png');}
.place .slick-next {right: 40px; background-image: url('../img/sub/slide-next-btn.png');}
.place .slick-prev:hover {background-image: url('../img/sub/slide-prev-btn-over.png');}
.place .slick-next:hover {background-image: url('../img/sub/slide-next-btn-over.png');}
.place .slide-tab .items {margin: 0 -10px 30px -10px;}
.place .slide-tab .item {padding: 0 10px;}
.place .slide-tab .item.slick-current img {border: 5px solid; border-image: linear-gradient(90deg, rgba(40,62,127,1) 0%, rgba(92,54,124,1) 100%); border-image-slice: 1;}

.place .bar {display: flex; max-width: 1450px; margin: 0 0 0 auto;}
.place .bar .progress {width: 1%; height: 4px; flex: 1 1 auto; overflow: hidden; background-color: rgba(155,149,149,0.2); background-image: linear-gradient(to right, #9e9d9d, #9e9d9d); background-repeat: no-repeat; background-size: 7.14% 100%; transition: all .6s ease-in-out;}

/* 1-5 */
.location.real-cont {padding: 140px 0 180px;}
.location .sub-title {padding-bottom: 40px;}
.location .sub-title small.kor {display: block; font-size: 20px; color: #666; margin-bottom: 22px; text-align: center;}

.location .wrap {display: flex; justify-content: space-between; margin: 0 -50px 80px -50px;}
.location .wrap > div {width: 50%; padding: 0 50px;}

.location .wrap dl:first-child {border-top: 1px solid #333;}
.location .wrap dl {display: flex; border-bottom: 1px solid #ddd; padding: 25px 0;} 
.location .wrap dt {position: relative; width: 105px; font-size: 20px; font-weight: 700; color: #333;}
.location .wrap dt:after {content: ''; width: 1px; height: 15px; background: #ddd; position: absolute; top: 7px; right: 0;}
.location .wrap dd {width: 1%; flex: 1 1 auto; font-size: 20px; font-weight: 600; color: #333; margin-left: 25px;}
.location .wrap .kakao {align-items: center; padding: 13px 0;}
.location .wrap .kakao dd {width: auto; flex: none; display: flex; align-items: center; height: 52px; background: #f5dd01; border-radius: 26px; padding: 0 20px; text-align: center;} 
.location .wrap .kakao dd img {padding-right: 5px;}
.location .wrap .kakao dd a {font-weight: 700; color: #333;}
.location .wrap .hours {padding: 27px 0;}
.location .wrap .hours dd p {font-weight: 400; color: #666;}
.location .wrap .hours dd p:not(:last-child) {margin-bottom: 14px;}
.location .wrap .hours dd span {display: inline-block; width: 205px; padding-right: 25px; font-weight: 700; color: #333; /* text-align-last: justify; */ letter-spacing:-.05em;}
.location .wrap .address b {display: block; font-weight: 600;}
.location .wrap .address b span {font-weight: 400; color: #666;}
.location .wrap .address p {font-weight: 400; margin: 7px 0;}
.location .wrap .blog {padding: 15px 0;}
.location .wrap .blog dd {width: auto; flex: none; background: #32b44a; border-radius: 12px; padding: 15px 30px 15px 25px;}
.location .wrap .blog dd a {display: flex; justify-content: center; align-items: center; color: #fff; line-height: 1.2em; text-align: left;}
.location .wrap .blog dd a span {font-size: 18px; font-weight: 400;}
.location .wrap .blog img {margin-right: 10px;}

.location .wrap .img-box img {border: 1px solid #ddd;}

.location .map {width: 100%; margin-bottom: 25px;}
.location .map iframe {width: 100%; height: 450px;}
.location .root_daum_roughmap {width:100% !important; height:450px !important; border: 1px solid #ddd; }
.location .root_daum_roughmap .wrap_map {height:450px !important;}
.location .btn-area {display:flex; justify-content: flex-end;}
.location .btn-area a {display: flex; justify-content: center; align-items: center; width: 65px; height: 65px; border: 1px solid #ddd; }
.location .btn-area a:first-child {margin-right: -1px;}
.location .btn-area a img {transition: all 0.3s;}
.location .btn-area a:hover img {transform: rotate(-15deg);}
/* 2-1 */
.process article {padding-top: 145px;}
.guide {background: #f9f9f9; padding-bottom: 170px;}
.guide ul {display: flex; margin: 0 -40px;}
.guide ul li {flex: 1; padding: 0 40px;}
.guide ul li .inner {height: 100%; background: #fff;}
.guide ul li .text-box {position: relative;}
.guide ul li .text-box:after {content: ''; width: 64px; height: 48px; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; position: absolute; top: 10px; right: 0; margin-right: -72px;}
.guide ul li:nth-child(1) .text-box:after {background-image: url('../img/sub/arrow01.png');}
.guide ul li:nth-child(2) .text-box:after {background-image: url('../img/sub/arrow02.png');}
.guide ul li .text-box h5 {font-size: 20px; line-height: 1.6em; font-weight: 500; color: #fff; padding: 19px 0; text-align: center;}
.guide ul li:nth-child(1) .text-box h5 {background: #1f3a86;}
.guide ul li:nth-child(2) .text-box h5 {background: linear-gradient(90deg, rgba(40,62,127,1) 0%, rgba(92,54,124,1) 100%);}
.guide ul li:nth-child(3) .text-box h5 {background: #5e3183;}
.guide ul li .text-box .description {text-align: center; padding: 40px 12px;}
.guide ul li .text-box .description b {position:relative; display: block; font-size: 20px; line-height: 1.6em; font-weight: 500; color: #333; padding-bottom: 26px; margin-bottom: 26px;}
.guide ul li .text-box .description b:after {content: ''; width: 50px; height: 1px; background: #ddd; position: absolute; bottom: 0; left: 50%; margin-left: -25px;}
.guide ul li .text-box .description p {position: relative; max-width: 300px; width: 100%; font-size: 18px; line-height: 1.8em; color: #666; text-align: left; padding-left: 13px; margin: 0 auto;}
.guide ul li .text-box .description p:before {content: ''; width: 4px; height: 4px; border-radius: 50%; background: #666; position: absolute; top: 13px; left: 0;}

.notice .article-title b {position: relative; display: inline-block; font-family: "Noto Serif KR", serif; font-size: 35px; line-height: 1.4em; font-weight: 700; margin-bottom: 68px;}
.notice .article-title b:before {content: ''; width: 455px; height: 28px; background: #283e7f; opacity: 0.1; position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%);}
.notice .article-title h4 {position: relative; padding-top: 60px;}
.notice .article-title h4:before {content: ''; width: 44px; height: 34px; background-image: url('../img/sub/process-notice-deco.png'); background-repeat: no-repeat; background-position: 50% 50%; position: absolute; top: 0; left: 50%; margin-left: -22px;} 
.notice .article-title small.kor {color: #333; line-height: 1.4em;}
.notice .article-content {background: #f7f7f7; padding: 150px 0; margin-top: 120px;}
.notice .article-content .wrap {display: flex; justify-content: space-between; align-items: center;}
.notice .article-content .wrap .text-box {width: 1%; flex: 1 1 auto; padding-right: 110px;}
.notice .article-content .wrap .text-box p {font-size: 20px; line-height: 1.6em; color: #666;}
.notice .article-content .wrap .text-box p:not(:last-child) {margin-bottom: 30px;}
.notice .article-content .wrap .text-box p span {background: linear-gradient(to top, #d8d0de 50%, transparent 50%);}
.notice .article-content .wrap .img-box {max-width: 495px; width: 100%;}

.technology .article-title h4 {margin-bottom: 43px;}
.technology .article-title b {position: relative; display: inline-block;}
.technology .article-title b:before {content: ''; width: 35px; height: 28px; background-image: url('../img/sub/quot01.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; position: absolute; top: 8px; left: -53px;}
.technology .article-title b:after {content: ''; width: 35px; height: 28px; background-image: url('../img/sub/quot02.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; position: absolute; top: 8px; right: -53px;}
.technology .article-content {background: #f2f5fa; padding: 150px 0 180px; margin-top: 145px;}
.technology li {display: flex;}
.technology li:not(:last-child) {margin-bottom: 20px;}
.technology li b {display: flex; justify-content: center; align-items: center; max-width: 305px; width: 100%; font-size: 22px; font-weight: 600; color: #fff; text-align: center; padding: 10px}
.technology li:nth-child(1) b {background: #304583;}
.technology li:nth-child(2) b {background: linear-gradient(180deg, rgba(40,62,127,1) 0%, rgba(92,54,124,1) 100%);}
.technology li:nth-child(3) b {background: #5c367c;}
.technology .description {width: 100%; background: #fff; padding: 45px 50px 45px 60px;}
.technology .description p {font-size: 20px; line-height: 1.6em; color: #666;}
.technology .description p:not(:last-child) {margin-bottom: 32px;}

/* 2-2 */
.issuance {background-image: url('../img/sub/document-issuance-bg.jpg'); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; padding: 130px 0 145px;}
.issuance .article-title h4 {margin-bottom: 25px;}
.issuance .article-title b {font-weight: 700; color: #333; margin-bottom: 55px;}
.issuance .article-title b span {font-weight: 400;}
.issuance .article-title p {font-size: 18px; line-height: 1.8em;}
.issuance figure {display: flex; justify-content: center; margin-bottom: 20px;}
.issuance figure img {padding: 0 20px;}
.issuance figcaption {font-size: 22px; font-weight: 500; line-height: 1.5em; color: #333; text-align: center;}

.sequence {padding-top: 200px;}
.sequence ol {display: flex; margin: 0 -30px 60px -30px;}
.sequence ol li {position: relative; width: 25%; min-height: 300px;  padding: 0 30px;}
.sequence ol li:after {content: ''; width: 39px; height: 29px; background-image: url('../img/sub/arrow01.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 39px auto; position: absolute; top: 50%; right: 0; margin-right: -15px;}
.sequence ol li:nth-child(3):after {background-image: url('../img/sub/arrow02.png');}
.sequence ol li:nth-child(4):after {display: none;}
.sequence ol li .inner {display: flex; flex-direction: column; justify-content: center; /* align-items: center;  */width: 100%; height: 100%; background: #293e7f; border: 9px solid #e9ebf2; text-align: center; padding: 20px 10px;}
.sequence ol li:nth-child(3) .inner {background: linear-gradient(90deg, rgba(40,62,127,1) 0%, rgba(92,54,124,1) 100%);}
.sequence ol li:nth-child(4) .inner {background: #5c367c;}
.sequence ol li h5 {font-size: 22px; font-weight: 700; line-height: 1.5em; color: #fff;}
.sequence ol li p {position: relative; max-width: 222px; width: 100%; font-size: 20px; line-height: 1.6em; color: rgba(255,255,255,0.7); padding-left: 15px; text-align: left; margin: 0 auto;} 
.sequence ol li p:nth-of-type(1) {margin-top: 13px;}
.sequence ol li p:before {content: ''; width: 4px; height: 4px; border-radius: 50%; background: rgba(255,255,255,0.7); position: absolute; top: 13px; left: 0;}

.sequence .fyi {display: flex; align-items: center; background: #f7f7f7; padding: 55px 0;}
.sequence .fyi b {position: relative; display: inline-block; max-width: 310px; width: 100%; font-size: 22px; font-weight: 700; color: #333; text-align: center;}
.sequence .fyi b:after {content: ''; width: 1px; height: 70px; background: #ddd; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.sequence .fyi .text-box {padding: 0 60px;}
.sequence .fyi .text-box p {position: relative; font-size: 20px; line-height: 1.6em; color: #666; padding-left: 20px;}
.sequence .fyi .text-box p:before {content: ''; width: 4px; height: 4px; border-radius: 50%; background: #293e7f; position: absolute; top: 13px; left: 0;}

/* 3-1 */
.technique {padding: 145px 0 150px; background: #f7f7f7;}
.technique .wrap {display: flex; justify-content: space-between; margin-bottom: 100px;}
.technique .wrap .text-box {width: 1%; flex: 1 1 auto; padding-right: 140px;}
.technique .wrap .text-box p {font-size: 20px; line-height: 1.6em; color: #666;}
.technique .wrap .text-box p:not(:last-child) {margin-bottom: 32px;}
.technique .wrap .img-box {max-width: 450px; width: 100%;}
.technique ul {display: flex; margin: 0 -20px;}
.technique ul li {width: 33.3333%; padding: 0 20px;}
.technique ul li .inner {height: 100%; background: #fff; text-align: center; padding: 60px 20px 70px;}
.technique ul li .icon {width: 100%; height: 132px; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; margin-bottom: 25px;}
.technique ul li:nth-child(1) .icon {background-image: url('../img/sub/horizontal-technique-icon01.png');}
.technique ul li:nth-child(2) .icon {background-image: url('../img/sub/horizontal-technique-icon02.png');}
.technique ul li:nth-child(3) .icon {background-image: url('../img/sub/horizontal-technique-icon03.png');}
.technique ul li .text-box {font-size: 20px; line-height: 1.6em; font-weight: 500; color: #333;}

.technique-table {padding: 150px 0;}
.technique-table table {width: 100%;}
.technique-table table col:nth-child(1) {width: 19%;}
.technique-table table col:nth-child(2) ~ col {width: 27%;}
.technique-table table thead {background: linear-gradient(90deg, rgba(40,62,127,1) 0%, rgba(92,54,124,1) 100%);}
.technique-table table tr {border-bottom: 1px solid #ddd;}
.technique-table table thead th {font-size: 20px; line-height: 1.4em; font-weight: 400; color: #fff; border-left: 1px solid #ddd; padding: 21px 0;} 
.technique-table table thead th b {font-weight: 700;}
.technique-table table tbody th {height: 140px; font-size: 20px; font-weight: 700; color: #283e7f; background: #f7f7f7;} 
.technique-table table tbody td {font-size: 20px; line-height: 1.6em; color: #666; text-align: center; border-left: 1px solid #ddd; padding: 10px 32px; }
.technique-table table .method td {padding: 50px 0;}

.development {background: #f7f7f7; padding: 145px 0;}
.development .wrap {display: flex; justify-content: space-between; margin-top: -5px;}
.development .wrap .text-box {width: 1%; flex: 1 1 auto; padding-right: 115px;}
.development .wrap .text-box p {font-size: 20px; line-height: 1.6em; font-weight: 400; color: #666;}
.development .wrap .text-box p:not(:last-child) {margin-bottom: 30px;}
.development .wrap .text-box b {display: block; font-size: 20px; line-height: 1.6em; font-weight: 700; color: #333; margin-bottom: 33px;}
.development .wrap .img-box {max-width: 485px; width: 100%;}

.horizontal .advantage {padding: 140px 0 145px;}
.horizontal .advantage ul {display: flex; justify-content: center; text-align: left; border: 1px solid #ddd; padding: 70px 10px 83px;}
.horizontal .advantage ul li {position: relative; font-size: 22px; line-height: 1.4em; font-weight: 500; color: #666; padding-left: 38px;}
.horizontal .advantage ul li:not(:last-child) {margin-bottom: 13px;}
.horizontal .advantage ul li:before {content: ''; width: 21px; height: 16px; background-image: url('../img/sub/icon-check.png'); background-repeat: no-repeat; background-position: 50% 50%; position: absolute; top: 7px; left: 0;}

.tech-feature {background: #f2f5fa; padding: 190px 0 180px;}
.tech-feature ul {display: flex; margin: 0 -20px;}
.tech-feature ul li {width: 25%; padding: 0 20px;}
.tech-feature ul li .inner {background: #fff; height: 100%;}
.tech-feature ul li .text-box {display: flex; flex-direction: column; align-items: center; background: #fff; text-align: center; padding: 30px 25px;}
.tech-feature ul li .text-box small {display: block; font-size: 16px; font-weight: 700; color: #5c367c; margin-bottom: 7px;}
.tech-feature ul li .text-box p {font-size: 22px; font-weight: 500; line-height: 1.5em; color: #333;}

/* 3-2 */
.water .technique ul li:nth-child(1) .icon {background-image: url('../img/sub/water-technique-icon01.png');}
.water .technique ul li:nth-child(2) .icon {background-image: url('../img/sub/water-technique-icon02.png');}
.water .technique ul li:nth-child(3) .icon {background-image: url('../img/sub/water-technique-icon03.png');}

.water .advantage .check-box {display: flex; justify-content: center; text-align: left; border: 1px solid #ddd; padding: 70px 40px 80px; margin-top: 60px;}
.water .advantage .check-box li {position: relative; font-size: 22px; line-height: 2em; font-weight: 500; color: #666; padding-left: 38px;}
.water .advantage .check-box li:before {content: ''; width: 21px; height: 16px; background-image: url('../img/sub/icon-check.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 21px auto; position: absolute; top: 15px; left: 0;}

.water .advantage {padding-top: 140px;}
.water .advantage .article-content {background: #f2f5fa; margin-top: 150px; padding: 140px 0 150px;} 
.water .advantage .details {text-align: center;}
.water .advantage .details:nth-child(1) {margin-bottom: 120px;}
.water .advantage .details .title small {display: block; width: 44px; height: 44px; font-size: 16px; font-weight: 500; line-height: 44px; background: #283e7f; color: #fff; text-align: center; margin: 0 auto 27px;} 
.water .advantage .details .title h5 {font-size: 40px; font-weight: 700; line-height: 1.3em; color: #283e7f; margin-bottom: 33px;}
.water .advantage .details .title p {font-size: 20px; line-height: 1.7em; color: #666; margin-bottom: 70px;}
.water .advantage .details figcaption {font-size: 30px; line-height: 1.3em; font-weight: 500; color: #333; margin-bottom: 30px;}
.water .advantage .details figure {position: relative; display: flex;}
.water .advantage .details figure:after {content: ''; width: 1px; height: 75%; background: #ddd; position: absolute; top: 50%; left: 50%; transform: translateY(-50%);}
.water .advantage .details figure img {width: 50%;}
.water .advantage .details ul {display: flex; margin: 0 -90px;}
.water .advantage .details ul li {position: relative; width: 50%; padding: 0 90px;}
.water .advantage .details ul li:after {content: ''; width: 83px; height: 62px; background-image: url('../img/sub/water-advantage-arrow01.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; position: absolute; top: 50%; right: 0; margin-top: -31px; margin-right: -40px;}
.water .advantage .details ul li:last-child:after {display: none;}
.water .advantage .details ul li .inner {display: flex; flex-direction: column; justify-content: center; height: 100%; border: 8px solid #ddd; background: linear-gradient(90deg, rgba(40,62,127,1) 0%, rgba(92,54,124,1) 100%); text-align: center; padding: 57px 0;}
.water .advantage .details ul li .inner small {display: block; font-size: 20px; font-weight: 500; line-height: 1.6em; color: #fff; margin-bottom: 25px;}
.water .advantage .details ul li .inner p {font-size: 30px; font-weight: 500; line-height: 1.3em; color: #fff;}

.water .process {position: relative; padding: 145px 0 145px;}
.water .process .article-title h4 {margin-bottom: 30px;}
.water .process:before {content: ''; width: 100%; height: 50%; background: #f7f7f7; position: absolute; top: 50%; left: 0; z-index: -1;}
.water .process ol {display: flex; justify-content: center; border: 1px solid #ddd; background: #fff; padding: 65px 40px; margin-bottom: 80px;}
.water .process ol li {position: relative; font-size: 22px; font-weight: 500; line-height: 1.4em; color: #333; text-align: left; padding-left: 62px;}
.water .process ol li:before {width: 40px; height: 40px; font-size: 16px; font-weight: 500; line-height: 40px; background: #283e7f; color: #fff; text-align: center; position: absolute; top: -5px; left: 0;}
.water .process ol li:nth-child(1):before {content: '01';}
.water .process ol li:nth-child(2):before {content: '02';}
.water .process ol li:nth-child(3):before {content: '03';}
.water .process ol li:not(:last-child) {margin-bottom: 28px;}
.water .process .text-box {text-align: center;}
.water .process .text-box b {display: block; font-size: 30px; font-weight: 500; line-height: 1.4em; color: #333; margin-bottom: 32px;} 
.water .process .text-box b span {font-weight: 700;}
.water .process .text-box p {font-size: 20px; line-height: 1.6em; color: #666;}

/* 3-3 */
.vein .technique ul li:nth-child(1) .icon {background-image: url('../img/sub/vein-technique-icon01.png');}
.vein .technique ul li:nth-child(2) .icon {background-image: url('../img/sub/vein-technique-icon02.png');}
.vein .technique ul li:nth-child(3) .icon {background-image: url('../img/sub/vein-technique-icon03.png');}

.info-list {padding: 140px 0 150px;}
.info-list .wrap {display: flex; justify-content: space-between; align-items: center;}
.info-list .wrap:not(:last-child) {margin-bottom: 70px;}
.info-list .wrap .text-box {width: 1%; flex: 1 1 auto; padding-right: 140px;}
.info-list .wrap .text-box small {display: block; font-family: 'montserrat'; font-size: 55px; line-height: 1em; font-weight: 700; color: rgba(44,62,127,0.1); margin-bottom: 23px;}
.info-list .wrap .text-box h5 {font-size: 30px; line-height: 1.4em; font-weight: 700; color: #333; margin-bottom: 25px;}
.info-list .wrap .text-box p {font-size: 20px; line-height: 1.6em; color: #666;}
.info-list .wrap .img-box {max-width: 445px; width: 100%;}

/* 3-4 */
.targeting .technique .wrap .text-box {padding-right: 130px;}
.targeting .technique ul li:nth-child(1) .icon {background-image: url('../img/sub/targeting-technique-icon01.png');}
.targeting .technique ul li:nth-child(2) .icon {background-image: url('../img/sub/targeting-technique-icon02.png');}
.targeting .technique ul li:nth-child(3) .icon {background-image: url('../img/sub/targeting-technique-icon03.png');}

.targeting .info-list .wrap .text-box small {font-family: 'pretendard'; font-size: 22px; font-weight: 500; color: #2c3e7f; margin-bottom: 20px;}

/* 4-1 */
.upright .sub-title .img-box {background-image: url('../img/sub/upright.jpg');}
.cause {background-image: url('../img/sub/upright-cause-bg.jpg'); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; padding: 130px 0 170px;}
.cause .article-content ul {display: flex; margin: 0 -40px;}
.cause .article-content ul li {position: relative; width: 33.333%; min-height: 210px; padding: 0 40px;}
.cause .article-content ul li:after {content: ''; width: 64px; height: 48px; background-image: url('../img/sub/icon-arrow.png'); background-repeat: no-repeat; background-position: 50% 50%; position: absolute; top: 50%; right: 0; transform: translateY(-50%); margin-right: -32px;}
.cause .article-content ul li:last-child:after {display: none;}
.cause .article-content ul li .inner {position: relative; display: flex; align-items: center; justify-content: center; height: 100%; padding: 68px 10px; }
.cause .article-content ul li .inner:before {content: ''; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(40,62,127,1) 0%, rgba(92,54,124,1) 100%); position: absolute; top: 0; left: 0; opacity: 0.8;}
.cause .article-content ul li .inner p {font-size: 26px; line-height: 1.4em; font-weight: 700; color: #fff; text-align: center; position: relative; z-index: 10;}

.symptom {padding: 145px 0 0;} 
.symptom .article-title h4 {margin-bottom: 30px;}
.symptom .img-box {width: 100%; height: 450px; background-image: url('../img/sub/upright-symptom.jpg'); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}

.feature {padding-top: 145px;}
.caution {padding: 145px 0 140px;}

.feature .article-content {background: #f2f5fa; padding: 125px 0 152px; margin-top: 140px;}
.feature-title {text-align: center;}
.feature-title small {display: inline-block; width: 185px;font-family: 'montserrat'; font-size: 18px; letter-spacing: 0.5em; line-height: 46px; font-weight: 700; color: #2b3e7f; background: #fff; border: 2px solid #283e7f; border-radius: 25px; margin-bottom: 20px; /* padding: 0 35px; */ text-align: center; padding-left: 5px;}
.feature-title h4 {font-size: 48px; line-height: 1.3em; font-weight: 700; color: #333; margin-bottom: 60px;}
.feature-content .wrap {position: relative; display: flex; padding: 67px 115px 75px; background: #fff;}
.feature-content .wrap:before {content: ''; width: 1px; height: 66%; background: #ddd; position: absolute; top: 50%; left: 50%; transform: translateY(-50%);}
.feature-content .wrap ul {width: 50%;}
.feature-content .wrap ul.left {padding-right: 30px;}
.feature-content .wrap ul.right {padding-left: 60px;}
.feature-content .wrap ul li {position: relative; font-size: 22px; font-weight: 500; line-height: 2em; color: #333; padding-left: 40px;}
.feature-content .wrap ul li:before {content: ''; width: 21px; height: 16px; background-image: url('../img/sub/icon-check.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 21px auto; position: absolute; top: 13px; left: 0;}

.effect {padding: 132px 0 150px; background: #f7f7f7;}
.effect .article-title h4 {margin-bottom: 30px;}
.effect .img-box {width: 100%; height: 450px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.upright .effect .img-box {background-image: url('../img/sub/upright-effect.jpg');}

.treatment {padding: 145px 0 145px;}
.treatment figure {width: 100%; margin-bottom: 30px;}
.treatment figure img:nth-child(1) {width: 18.6%;}
.treatment figure img:nth-child(2), .treatment figure img:nth-child(3), .treatment figure img:nth-child(4) {width: 26.7%;}
.treatment figure img:nth-child(1) {border: 1px solid #ddd;}
.treatment table {word-break: break-all;}
.treatment table col:nth-child(1) {width: 19%;}
.treatment table col:nth-child(2) ~ col {width: 27%;}
.treatment table thead {background: linear-gradient(90deg, rgba(40,62,127,1) 0%, rgba(92,54,124,1) 100%);}
.treatment table tr {border-bottom: 1px solid #ddd;}
.treatment table thead th {font-size: 20px; font-weight: 700; color: #fff; border-left: 1px solid #ddd; padding: 21px 0;} 
.treatment table tbody th {height: 140px; font-size: 20px; font-weight: 700; color: #283e7f; background: #f7f7f7;} 
.treatment table tbody td {font-size: 20px; line-height: 1.6em; color: #666; text-align: center; border-left: 1px solid #ddd; padding: 10px 30px; }
.treatment .notice p {font-size: 20px; color: #333; text-align: right; margin-top: 35px;}

.treatment-details {padding: 125px 0 140px; background: #f7f7f7;}
.treatment-details h5 {font-size: 40px; font-weight: 700; color: #333; margin-bottom: 55px;}
.treatment-details .row:not(:last-child) {margin-bottom: 90px;}
.treatment-details dl {padding: 30px 60px 37px; background: #fff;}
.treatment-details dl > div {position: relative; display: flex; padding: 24px 0 18px;}
.treatment-details dl > div:before {content: ''; width: 5px; height: 5px; background: #283e7f; border-radius: 50%; position: absolute; top: 38px; left: 0;}
.treatment-details dl > div:not(:last-child) {border-bottom: 1px solid #ddd;}
.treatment-details dt {width: 100%; font-size: 20px; font-weight: 700; line-height: 1.7em; color: #283e7f; padding-left: 20px;}
.treatment-details .drug dt {max-width: 170px;}
.treatment-details .surgery dt {max-width: 220px;}
.treatment-details dd {width: 1%; flex: 1 1 auto; font-size: 20px; line-height: 1.7em; color: #666;}

/* 4-2 */
.activity .sub-title .img-box {background-image: url('../img/sub/activity.jpg');}
.activity .symptom .img-box {background-image: url('../img/sub/activity-symptom.jpg');}
.activity .effect .img-box {background-image: url('../img/sub/activity-effect.jpg');}

.qa-list:not(:last-child) {margin-bottom: 120px;}
.qa-list .feature-title small {width: 101px;}
.qa-list .feature-title h4 {margin-bottom: 80px;}
.qa-list .text-box {position: relative; border-top: 3px solid #283e7f; background: #fff; text-align: center; padding: 70px 40px 75px;}
.qa-list .text-box b {position: absolute; top: -25px; left: 50%; transform: translateX(-50%); display: inline-block; width: 110px; font-family: 'montserrat'; font-size: 18px; line-height: 50px; font-weight: 700; color: #fff; background: #283e7f; border-radius: 25px; text-align: center;}
.qa-list .text-box p {font-size: 20px; line-height: 1.7em; font-weight: 400; color: #333;}
.qa-list .text-box p:not(:last-child) {margin-bottom: 35px;}
.qa-list .text-box p span {font-weight: 700;}

/* 4-3 */
.genetic .sub-title .img-box {background-image: url('../img/sub/genetic.jpg');}
.genetic .symptom .img-box {background-image: url('../img/sub/genetic-symptom.jpg');}
.genetic .effect .img-box {background-image: url('../img/sub/genetic-effect.jpg');}

.genetic .cause .article-title p:not(:last-child) {margin-bottom: 38px;}

.genetic .feature-title small {width: 105px;}
.feature .info:not(:last-child) {margin-bottom: 120px;}
.genetic .info01 .feature-content h5 {text-align: center; font-size: 30px; line-height: 1.3em; font-weight: 500; color: #283e7f; margin-bottom: 45px;}
.genetic .info01 .feature-content ul {display: flex; margin:0 -20px 40px;}
.genetic .info01 .feature-content ul li {width: 50%; padding: 0 20px;}
.genetic .info01 .feature-content ul li .inner {height: 100%; background: #fff; text-align: center; padding: 52px 0 60px;}
.genetic .info01 .feature-content ul li:nth-child(1) .inner {padding: 52px 60px 60px;}
.genetic .info01 .feature-content ul li .inner h6 {font-size: 20px; line-height: 1.7em; font-weight: 400; color: #333; text-align: center; margin-bottom: 35px;}
.genetic .info01 .feature-content ul li .inner h6 span {font-weight: 700; background: linear-gradient(to top, #eeebf2 50%, transparent 50%);}
.genetic .info01 .feature-content ul li .flex-box {display: flex;}
.genetic .info01 .feature-content ul li .flex-box > div {width: 50%;}
.genetic .info01 .feature-content ul li .icon {width: 100%; height: 101px; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; margin-bottom: 35px;}
.genetic .info01 .feature-content ul li .left .icon {background-image: url('../img/sub/genetic-feature-icon01.png'); border-right: 1px solid #ddd;}
.genetic .info01 .feature-content ul li .right .icon {background-image: url('../img/sub/genetic-feature-icon02.png');}
.genetic .info01 .feature-content ul li:nth-child(2) .icon {background-image: url('../img/sub/genetic-feature-icon03.png');}
.genetic .info01 .feature-content ul li .text-box {}
.genetic .info01 .feature-content ul li .text-box p {font-size: 20px; line-height: 1.7em; font-weight: 700; color: #333;}
.genetic .info01 .feature-content ul li .text-box b {font-family: 'montserrat'; font-size: 35px; font-weight: 700; color: #283d7e; padding-left: 10px;}
.genetic .info01 .feature-content ul li .text-box span {font-size: 30px; color: #283d7e;}

.info .feature-content .info-box {background: #fff; padding: 72px 40px;}
.info .feature-content .info-box p {font-size: 20px; line-height: 1.7em; font-weight: 400; color: #333; text-align: center;}
.info .feature-content .info-box p:not(:last-child) {margin-bottom: 35px;}
.info .feature-content .info-box p span {font-weight: 600;}
.info .feature-content .img-box {width: 100%; height: 450px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.genetic .info02 .img-box {background-image: url('../img/sub/genetic-feature02.jpg');}

.genetic .info03 figure {text-align: center; margin-bottom: 60px;}

.genetic .info04 .img-box {background-image: url('../img/sub/genetic-feature04.jpg');}

/* 4-4 */
.non .sub-title .img-box {background-image: url('../img/sub/non.jpg');}
.non .symptom .img-box {background-image: url('../img/sub/non-symptom.jpg');}
.non .effect .img-box {background-image: url('../img/sub/non-effect.jpg');}

/* 4-5 */
.long .sub-title .img-box {background-image: url('../img/sub/long.jpg');}
.long .symptom .img-box {background-image: url('../img/sub/long-symptom.jpg');}
.long .effect .img-box {background-image: url('../img/sub/long-effect.jpg');}

/* 4-6 */
.blood .sub-title p:not(:last-child) {margin-bottom: 35px;}
.blood .sub-title .img-box {background-image: url('../img/sub/blood.jpg');}
.blood .symptom .img-box {background-image: url('../img/sub/blood-symptom.jpg');}
.blood .effect .img-box {background-image: url('../img/sub/blood-effect.jpg');}

.blood .info01 .img-box {background-image: url('../img/sub/blood-feature01.jpg');}
.blood .info02 figure {display: flex; margin: 0 -10px; margin-bottom: 20px;}
.blood .info02 figure img {width: 50%; padding: 0 10px;}
.blood .info02 .list-box {position: relative; padding-top: 175px;}
.blood .info02 .list-box:before {content: ''; width: 85px; height: 113px; background-image: url('../img/sub/arrow-down.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; position: absolute; top: 28px; left: 50%; margin-left: -42px; }
.blood .info02 .list-box h5 {font-size: 22px; font-weight: 500; line-height: 1.4em; color: #fff; background: #283e7f; text-align: center; padding: 22px 0;}
.blood .info02 .list-box ul {display: flex; justify-content: center; background: #fff; padding: 50px 40px 60px;}
.blood .info02 .list-box ul li {position: relative; font-size: 22px; line-height: 2em; font-weight: 500; color: #333; padding-left: 40px;}
.blood .info02 .list-box ul li:before {content: ''; width: 21px; height: 16px; background-image: url('../img/sub/icon-check.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 21px auto; position: absolute; top: 15px; left: 0;}

/* 5-1 */
.veinlet .sub-title .img-box {background-image: url('../img/sub/veinlet.jpg');}
.veinlet .sub-title p:not(:last-child) {margin-bottom: 35px;}
.veinlet .symptom .img-box {background-image: url('../img/sub/veinlet-symptom.jpg');}
.veinlet .cause figure {margin: 58px 0 40px;}
.veinlet .effect .img-box {background-image: url('../img/sub/veinlet-effect.jpg');}


/* 5-2 */
.cycle .sub-title .img-box {background-image: url('../img/sub/cycle.jpg');}
.cycle .feature .article-title h4 {margin-bottom: 30px;}
.cycle .feature .article-content {background: none; padding: 0; margin-top: 65px;}
.cycle .feature .img-box {width: 100%; height: 450px; background-image: url('../img/sub/cycle-feature01.jpg'); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;} 

.cycle .symptom .article-title {padding-bottom: 110px;}
.cycle .symptom .article-title h4 {margin-bottom: 15px;}
.cycle .symptom .article-content {margin-top: 0; background: #f2f5fa;}
.cycle .symptom .flex-box {display: flex; justify-content: space-between; padding: 120px 0 150px;}
.cycle .symptom .list-box {width: 24.6%;}
.cycle .symptom .list-box h5 {font-size: 22px; line-height: 70px; font-weight: 500; color: #fff; text-align: center;}
.cycle .symptom .left h5 {background: #283e7f;}
.cycle .symptom .right h5 {background: #5c367c;}
.cycle .symptom .list-box ul {display: flex; justify-content: center; padding: 35px 40px 50px; background: #fff;}
.cycle .symptom .list-box ul li {position: relative; font-size: 22px; font-weight: 500; line-height: 2em; color: #333; padding-left: 38px;;}
.cycle .symptom .list-box ul li:before {content: ''; width: 22px; height: 17px; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; position: absolute; top: 13px; left: 0;}
.cycle .symptom .left ul li:before {background-image: url('../img/sub/icon-check.png');}
.cycle .symptom .right ul li:before {background-image: url('../img/sub/icon-check-purple.png');}
.cycle .effect .img-box {background-image: url('../img/sub/cycle-effect.jpg');}

/* 6-1 */
.reop .sub-title .img-box {background-image: url('../img/sub/reop.jpg');}
.reop .feature ul {display: flex; margin: 0 -20px;}
.reop .feature ul li {width: 25%; padding: 0 20px;}
.reop .feature ul li .img-box {margin-bottom: 40px;}
.reop .feature ul li .text-box {position: relative; font-size: 22px; line-height: 1.5em; font-weight: 500; color: #333; text-align: center; padding: 50px 20px 0; }
.reop .feature ul li .text-box:before {content: ''; width: 35px; height: 35px; background-image: url('../img/sub/icon-check-white.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 13px auto; background-color: #283e7f; position: absolute; top: 0; left: 50%; margin-left: -17px;}
.reop .effect .img-box {background-image: url('../img/sub/reop-effect.jpg');}

/* 6-2 */
.sideeffect .sub-title .img-box {background-image: url('../img/sub/sideeffect.jpg');}
.sideeffect .cause .article-content ul {display: block;}
.sideeffect .cause .article-content ul li  {width: 100%; display: flex; min-height: 235px;}
.sideeffect .cause ul li:not(:last-child) {margin-bottom: 15px;}
.sideeffect .cause .article-content ul li:after {display: none;}
.sideeffect .cause li h5 {display: flex; justify-content: center; align-items: center; max-width: 310px; width: 100%; font-size: 26px; font-weight: 700; color: #fff; background: linear-gradient(90deg, rgba(40,62,127,0.8) 0%, rgba(92,54,124,0.8) 100%); text-align: center; padding: 10px;}
.sideeffect .cause li .text-box {width: 1%; flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; background: rgba(255,255,255,0.1); padding: 0 46px 0 55px;}
.sideeffect .cause li .text-box p {font-size: 20px; line-height: 1.6em; font-weight: 400; color: #fff;}
.sideeffect .cause li .text-box p span {font-weight: 700;}

.sideeffect .symptom .article-content {background: #f2f5fa; margin-top: 140px; padding: 145px 0 150px;}
.sideeffect .symptom .flex-box {display: flex; margin: 0 -20px;}
.sideeffect .symptom .flex-box > div {width: 50%; padding: 0 20px;}
.sideeffect .symptom .flex-box h5 {font-size: 30px; line-height: 1.3em; font-weight: 500; color: #283e7f; text-align: center; margin-bottom: 32px;}
.sideeffect .symptom .flex-box ul {display: flex; justify-content: center; background: #fff; padding: 70px 10px 75px 20px;}
.sideeffect .symptom .flex-box ul li {position: relative; font-size: 22px; line-height: 2em; font-weight: 500; color: #333; padding-left: 38px;}
.sideeffect .symptom .flex-box ul li:before {content: ''; width: 22px; height: 17px; background-image: url('../img/sub/icon-check.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; position: absolute; top: 13px; left: 0;}
.sideeffect .effect .img-box {background-image: url('../img/sub/sideeffect-effect.jpg');}

/* 3-5 추가 */
.clarivein .sub-title h3 span {font-size: 20px; padding-left: 10px;}
.clarivein .technique .wrap {margin-bottom: 0;}
.clarivein .technique .wrap .text-box {padding-right: 100px;}
.clarivein .technique .wrap .img-box {max-width: 630px;}

/* .clarivein .sequence {padding: 140px 0 150px;}
.clarivein .sequence ol {display: flex; flex-wrap: wrap; justify-content: center; margin: -20px -33px;}
.clarivein .sequence ol li {width: 33.3333%; padding: 20px 33px;}
.clarivein .sequence ol li:after {display: none;}
.clarivein .sequence ol li:before {content: ''; width: 39px; height: 29px; background-image: url('../img/sub/arrow01.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 39px auto; position: absolute; top: 50%; left: 0; margin-left: -15px;}
.clarivein .sequence ol li:nth-child(1):before {display: none;}
.clarivein .sequence ol li:nth-child(4):before {background-image: url('../img/sub/arrow02.png');}
.clarivein .sequence ol li:nth-child(5):before {background-image: url('../img/sub/arrow02.png');}
.clarivein .sequence ol li .inner {min-height: 300px; padding: 20px 35px;}
.clarivein .sequence ol li:nth-child(1) .inner {background: linear-gradient(90deg, rgba(87,110,180,1) 0%, rgba(41,62,127,1) 100%); border: 9px solid #e9ebf2;}
.clarivein .sequence ol li:nth-child(2) .inner {background: #293e7f; border: 9px solid #e9ebf2;}
.clarivein .sequence ol li:nth-child(3) .inner {background: linear-gradient(90deg, rgba(40,62,127,1) 0%, rgba(92,54,124,1) 100%); border: 9px solid; border-image: linear-gradient(90deg, #e9ebf2 0%, #eeebf2 100%); border-image-slice: 1;}
.clarivein .sequence ol li:nth-child(4) .inner {background: #5c367c; border: 9px solid #eeebf2;}
.clarivein .sequence ol li:nth-child(5) .inner {background: linear-gradient(90deg, rgba(92,54,124,1) 0%, rgba(48,6,83,1) 100%); border: 9px solid #eeebf2;}
.clarivein .sequence ol li p {max-width: none; text-align: center; padding-left: 0;} 
.clarivein .sequence ol li p:nth-of-type(1) {margin-top: 13px;}
.clarivein .sequence ol li p:before {display: none;} */

.cla-sequence {padding: 140px 0 150px;}
.cla-sequence ol {display: flex; flex-wrap: wrap; justify-content: center; margin: -20px -33px;}
.cla-sequence ol li {width: 33.3333%; padding: 20px 33px;}
.cla-sequence ol li:after {display: none;}
.cla-sequence ol li:before {content: ''; width: 39px; height: 29px; background-image: url('../img/sub/arrow01.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 39px auto; position: absolute; top: 50%; left: 0; margin-top: -20px; margin-left: -20px;}
.cla-sequence ol li:nth-child(1):before {display: none;}
.cla-sequence ol li:nth-child(4):before {background-image: url('../img/sub/arrow02.png');}
.cla-sequence ol li:nth-child(5):before {background-image: url('../img/sub/arrow02.png');}
.cla-sequence ol li .inner {min-height: 300px; padding: 20px 35px;}
.cla-sequence ol li:nth-child(1) .inner {background: linear-gradient(90deg, rgba(87,110,180,1) 0%, rgba(41,62,127,1) 100%); border: 9px solid #e9ebf2;}
.cla-sequence ol li:nth-child(2) .inner {background: #293e7f; border: 9px solid #e9ebf2;}
.cla-sequence ol li:nth-child(3) .inner {background: linear-gradient(90deg, rgba(40,62,127,1) 0%, rgba(92,54,124,1) 100%); border: 9px solid; border-image: linear-gradient(90deg, #e9ebf2 0%, #eeebf2 100%); border-image-slice: 1;}
.cla-sequence ol li:nth-child(4) .inner {background: #5c367c; border: 9px solid #eeebf2;}
.cla-sequence ol li:nth-child(5) .inner {background: linear-gradient(90deg, rgba(92,54,124,1) 0%, rgba(48,6,83,1) 100%); border: 9px solid #eeebf2;}
.cla-sequence ol li p {max-width: none; text-align: center; padding-left: 0;} 
.cla-sequence ol li p:nth-of-type(1) {margin-top: 13px;}
.cla-sequence ol li p:before {display: none;}

.technique-details {padding: 140px 0; background: #f2f5fa;}
.technique-details ul {display: flex; margin: 0 -20px;}
.technique-details ul li {width: 25%; padding: 0 20px; text-align: center;}
.technique-details ul li h6 {font-size: 22px; font-weight: 700; color: #5c367c; margin: 35px 0 15px;}
.technique-details ul li p {font-size: 20px; line-height: 1.6em; color: #666; padding: 0 30px;}

.clarivein .technique.technique02 .wrap .text-box {padding-right: 110px;}

.cla-treat {padding: 140px 0 150px;}
.cla-treat ol {margin-bottom: 0;}
.cla-treat ol li {min-height: 330px;}
.cla-treat ol li:after {margin-top: -20px;}
.cla-treat ol li .inner {display: block; padding: 60px 20px 20px;}
.cla-treat ol li p {max-width: none; padding-left: 0; text-align: center;}
.cla-treat ol li p:before {display: none;}

.clarivein .difference {padding: 145px 0 150px;}
.clarivein .difference .article-title h4 {margin-bottom: 25px;}

.clarivein table {margin-top: 60px;}
.clarivein table col {width: 40.5%;}
.clarivein table col:nth-child(1) {width: 19%;}
.clarivein table thead {background: linear-gradient(90deg, rgba(40,62,127,1) 0%, rgba(92,54,124,1) 100%);}
.clarivein table tr {border-bottom: 1px solid #ddd;}
.clarivein table thead th {font-size: 20px; font-weight: 700; color: #fff; border-left: 1px solid #ddd; padding: 21px 0;} 
.clarivein table tbody th {height: 140px; font-size: 20px; font-weight: 700; color: #283e7f; background: #f7f7f7;} 
.clarivein table tbody td {font-size: 20px; line-height: 1.6em; color: #666; text-align: center; border-left: 1px solid #ddd; padding: 10px 30px; }

/* 3-6 추가 */
.mild .technique .wrap {margin-bottom: 0;}
.mild .technique .wrap .text-box {padding-right: 110px;}
.mild .technique .wrap .img-box {max-width: 445px;}

.mild-details {padding: 140px 0 145px;}
.mild-details ul {display: flex; margin: 0 -22px;}
.mild-details ul li {flex: 1; padding: 0 22px;}
.mild-details ul li p {font-size: 20px; font-weight: 500; color: #333; text-align: center; margin-top: 38px;}

.mild .advantage {padding: 143px 0 150px; background: #f2f5fa;}
.mild .advantage ul {display: flex; justify-content: center; background: #fff; padding: 66px 40px 70px;}
.mild .advantage ul li {position: relative; width: auto; font-size: 22px; font-weight: 500; line-height: 2em; color: #333; padding-left: 40px;}
.mild .advantage ul li:before {content: ''; width: 21px; height: 16px; background-image: url('../img/sub/icon-check.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 21px auto; position: absolute; top: 13px; left: 0;}

.mild .sequence {padding: 145px 0 150px;}
.mild .sequence ol {display: flex; flex-wrap: wrap; margin: -30px -33px;}
.mild .sequence ol li {width: 33.3333%; padding: 30px 33px;}
.mild .sequence ol li:nth-child(4) {order: 6;}
.mild .sequence ol li:nth-child(5) {order: 5;}
.mild .sequence ol li:nth-child(6) {order: 4;}
.mild .sequence ol li:after {top: 50%; right: 0; margin-top: -20px; margin-right: -15px;}
.mild .sequence ol li:nth-child(3):after {top: auto; right: auto; margin-right: 0; bottom: 0; left: 50%; margin-bottom: -15px; margin-left: -20px; transform: rotate(90deg);}
.mild .sequence ol li:nth-child(5):after, .mild .sequence ol li:nth-child(6):after {display: block; background-image: url('../img/sub/arrow02.png'); transform: rotate(180deg);}
.mild .sequence ol li:nth-child(4):after {display: none;}

.mild .sequence ol li .inner {min-height: 300px; text-align: center; padding: 20px 46px;}
.mild .sequence ol li:nth-child(1) .inner {background: linear-gradient(90deg, rgba(87,110,180,1) 0%, rgba(41,62,127,1) 100%); border: 9px solid #e9ebf2;}
.mild .sequence ol li:nth-child(2) .inner {background: #293e7f; border: 9px solid #e9ebf2;}
.mild .sequence ol li:nth-child(3) .inner {background: linear-gradient(120deg, rgba(40,62,127,1) 0%, rgba(92,54,124,1) 100%); border: 9px solid; border-image: linear-gradient(90deg, #e9ebf2 0%, #eeebf2 100%); border-image-slice: 1;}
.mild .sequence ol li:nth-child(4) .inner {background: #5c367c; border: 9px solid #eeebf2;}
.mild .sequence ol li:nth-child(5) .inner {background: #5c367c; border: 9px solid #eeebf2;}
.mild .sequence ol li:nth-child(6) .inner {background: linear-gradient(90deg, rgba(48,6,83,1) 0%, rgba(92,54,124,1) 100%); border: 9px solid #eeebf2;}
.mild .sequence ol li p {max-width: none; padding-left: 0; text-align: center;} 
.mild .sequence ol li p:nth-of-type(1) {margin-top: 13px;}
.mild .sequence ol li p:before {display: none;}