@charset "utf-8";

@media (max-width: 1500px) {
	/* 1-4 */
	.place .slick-arrow {top: 50%; margin-top: -35px;}
}
@media (max-width: 1400px) {
	.sub-visual .text-box h2 {font-size: 55px;}

	/* 1-1 */
	.specialness .greeting .text-box {padding-right: 60px;}
	.specialness .greeting .img-box {max-width: 550px;}

	.specialness .yonsei .article-content {padding: 0;}

	.specialness .system .system-list .text-box {padding-right: 70px;}

	/* 1-2 */
	.staff .doctor .img-box {max-width: 530px;}
	.staff .value ul li .icon {max-width: 145px; height: 145px;}
	.staff .value ul li .text-box {padding: 5px 20px 0 30px;}

	/* 1-3 */
	.system-details .article-content .wrap .text-box {padding-right: 60px;}
	.system-details02 .article-content .wrap .text-box {padding-left: 60px; padding-right: 0;}
	.system-details .article-content .wrap .img-box {max-width: 600px;}

	.device ul {padding: 0 200px;}

	/* 2-1 */
	.notice .article-content .wrap .text-box {padding-right: 60px;}
	.notice .article-content .wrap .img-box {max-width: 450px;}

	/* 3-1 */
	.technique .wrap .text-box {padding-right: 70px;}

	.development .wrap .text-box {padding-right: 70px;}

	/* 3-3 */
	.info-list .wrap .text-box {padding-right: 70px;}

	/* 3-4 */
	.targeting .technique .wrap .text-box {padding-right: 70px;}

	/* 3-5 */
	.clarivein .technique .wrap .text-box {padding-right: 70px;}
	.clarivein .technique .wrap .img-box {max-width: 550px;}

	.technique-details ul li p {padding: 0 15px;}

	.clarivein .technique.technique02 .wrap .text-box {padding-right: 70px;}
	.clarivein .technique .wrap .text-box p br {display: none;}

	.cla-treat ol li .inner {padding: 30px 15px;}
	.cla-treat ol li p br.none {display: none;}

	.clarivein .difference .article-title p br {display: none;}

	/* 3-6 */
	.mild .technique .wrap .text-box {padding-right: 70px;}

	/* 4-1 */
	.symptom .img-box {height: 400px;}

	.effect .img-box {height: 400px;}

	/* 4-3 */
	.info .feature-content .img-box {height: 400px;}

	/* 5-2 */
	.cycle .feature .img-box {height: 400px;}
}

@media (max-width: 1200px) {
	.sub-visual .text-box h2 {font-size: 50px;}

	.sub-title h3 {font-size: 45px;}
	.sub-title .img-box {height: 400px; background-size: auto 400px;}

	.article-title h4 {font-size: 43px;}

	
	/* 1-1 */
	.specialness .greeting .text-box {padding-right: 40px;}
	.specialness .greeting .text-box b {font-size: 30px;}
	.specialness .greeting .img-box {max-width: 480px;}

	.specialness .system .system-list .img-box {max-width: 450px;}

	.specialness .system .article-bottom h4 {font-size: 43px;}

	/* 1-2 */
	.staff .doctor .img-box {max-width: 450px;}
	.staff .value ul li .icon {max-width: 130px; height: 130px;}
	.staff .value ul li .text-box {padding: 5px 20px 0 20px;}

	.staff .master .cont01 small {font-size: 26px; margin-bottom: 10px;}
	.staff .master .cont01 h5 {font-size: 36px;}
	.staff .master .cont01 .img-box {height: 400px;}

	/* 1-3 */
	.system-details .article-content .wrap .text-box {padding-right: 40px;}
	.system-details02 .article-content .wrap .text-box {padding-left: 40px; padding-right: 0;}
	.system-details .article-content .wrap .img-box {max-width: 500px;}

	.device ul {padding: 0 100px; margin: 0 -20px;}

	/* 1-5 */
	.location .wrap {margin: 0 -20px 80px -20px;}
	.location .wrap > div {padding: 0 20px;}

	.location .wrap dt {width: 110px; font-size: 18px;}
	.location .wrap dd {font-size: 18px; margin-left: 20px;}

	/* 2-1 */
	.notice .article-content .wrap .text-box {padding-right: 30px;}

	/* 3-1 */
	.technique .wrap .text-box {padding-right: 50px;}
	.technique .wrap .img-box {max-width: 400px;}

	.development .wrap .text-box {padding-right: 40px;}
	.development .wrap .img-box {max-width: 400px;}

	.tech-feature ul {margin: 0 -10px;}
	.tech-feature ul li {padding: 0 10px;}

	/* 3-3 */
	.info-list .wrap .text-box {padding-right: 40px;}
	.info-list .wrap .img-box {max-width: 400px;}

	/* 3-4 */
	.targeting .technique .wrap .text-box {padding-right: 40px;}

	/* 3-5 */
	.clarivein .technique .wrap .text-box {padding-right: 40px;}
	.clarivein .technique .wrap .img-box {max-width: 480px;}

	.technique-details ul {margin: 0 -10px;}
	.technique-details ul li {padding: 0 10px;}
	.technique-details ul li p {padding: 0 5px;}

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

	.cla-treat ol {margin: 0 -20px;}
	.cla-treat ol li {padding: 0 20px;}

	.clarivein table tbody td br.none {display: none;}

	/* 3-6 */
	.mild .technique .wrap .text-box {padding-right: 40px;}

	.mild .sequence ol li .inner {padding: 20px 15px;}

	/* 4-1 */
	.symptom .img-box {height: 350px; background-size: auto 400px;}

	.feature-title h4 {font-size: 43px;}
	.feature-content .wrap {padding: 67px 60px 75px; }

	.effect .img-box {height: 350px; background-size: auto 400px;}

	/* 4-3 */
	.info .feature-content .img-box {height: 350px; background-size: auto 400px;}

	/* 5-2 */
	.cycle .feature .img-box {height: 350px; background-size: auto 400px;}

	/* 6-1 */
	.reop .feature ul {margin: 0 -10px;}
	.reop .feature ul li {padding: 0 10px;}

	/* 6-2 */
	.sideeffect .cause .article-content ul li{min-height: auto;}
	.sideeffect .cause li h5 {max-width: 225px;}
	.sideeffect .cause li .text-box {padding: 30px 46px 30px 55px;}

	.sideeffect .symptom .flex-box {margin: 0 -10px;}
	.sideeffect .symptom .flex-box > div {padding: 0 10px;}
}

@media (max-width: 1024px) {
	.real-cont {padding:100px 0 150px;}
	.real-cont.type02 {padding:100px 0 0;}

	.sub-visual .text-box h2 {font-size: 40px;}

	.sub-title {padding-bottom: 100px;}
	.sub-title h3 {font-size: 35px; margin-bottom: 20px;}
	.sub-title .img-box {height: 300px; margin-top: 50px; margin-bottom: 35px; background-size: auto 350px;}
	.sub-title p {font-size: 17px;}

	.article-title small {font-size: 16px; margin-bottom: 15px;}
	.article-title small.kor {font-size: 20px; margin-bottom: 15px;}
	.article-title h4 {font-size: 32px; margin-bottom: 10px;}
	.article-title b {font-size: 23px; margin-bottom: 28px;}
	.article-title p {font-size: 17px;}
	.article-title p:not(:last-child) {margin-bottom: 20px;}
	.article-title.white b {margin-bottom: 15px;}
	.article-content {margin-top: 40px;}

	/* 1-1 */
	.specialness .greeting {padding: 80px 0 100px;}
	.specialness .greeting .wrap {display: block;}
	.specialness .greeting .text-box {width: 100%; padding-right: 0; margin-bottom: 40px;}
	.specialness .greeting .text-box b {font-size: 25px;}
	.specialness .greeting .text-box b:nth-child(1) {margin-bottom: 25px;}
	.specialness .greeting .text-box b:nth-child(2) {padding-bottom: 90px; margin-bottom: 30px;}
	.specialness .greeting .text-box b:nth-child(2):before {height: 65px;}
	.specialness .greeting .text-box p {font-size: 17px;}
	.specialness .greeting .img-box {max-width: none;}
	.specialness .greeting .img-box .top {margin-bottom: 20px; text-align: center;}
	.specialness .greeting .img-box .bottom {margin: 0 -10px;}
	.specialness .greeting .img-box .bottom img {padding: 0 10px;}

	.specialness .yonsei {padding: 80px 0 100px;}
	.specialness .yonsei .article-title h4 {margin-bottom: 20px;}
	.specialness .yonsei .article-title p {margin-bottom: 45px;}
	.specialness .yonsei .article-content {margin: 0 -15px;}
	.specialness .yonsei .col {padding: 0 15px;}
	.specialness .yonsei .col > div {width: 230px; height: 230px;}
	.specialness .yonsei .col .title:before {bottom: -41px; left: 50%;}
	.specialness .yonsei .col .title:after {bottom: -41px; left: 50%; margin-left: -3px;}
	.specialness .yonsei .col .title h5 {font-size: 22px; margin-bottom: 5px;}
	.specialness .yonsei .col .title b {font-size: 22px; margin-bottom: 15px;}
	.specialness .yonsei .col .title p {font-size: 16px;}
	.specialness .yonsei .col p {font-size: 16px;}

	.specialness .system {padding: 80px 0 100px;}

	.specialness .system .system-list {padding: 70px 0 80px;}
	.specialness .system .system-list:nth-child(2) {padding: 60px 0;}
	.specialness .system .system-list:nth-child(3) {padding: 60px 0;}
	.specialness .system .system-list .wrap {margin-bottom: 50px;}
	.specialness .system .system-list .text-box {padding-right: 40px;}
	.specialness .system .system-list .text-box b {font-size: 18px; margin-bottom: 5px;}
	.specialness .system .system-list .text-box h5 {font-size: 26px; padding-bottom: 20px; margin-bottom: 20px;}
	.specialness .system .system-list .text-box p {font-size: 16px;}
	.specialness .system .system-list .text-box p:not(:last-child) {margin-bottom: 20px;}
	.specialness .system .system-list .img-box {max-width: 400px;}

	.specialness .system .system-list ul li {font-size: 18px; line-height: 100px;} 

	.specialness .system .article-bottom {padding-top: 160px;}
	.specialness .system .article-bottom:before {height: 120px;}
	.specialness .system .article-bottom:after {top: 120px;}
	.specialness .system .article-bottom h4 {font-size: 32px; margin-bottom: 13px;}
	.specialness .system .article-bottom small {font-size: 23px;}

	.specialness .first {padding: 80px 0 100px;}
	.specialness .first .article-content {margin-top: 50px;}
	.specialness .first .article-content ul {margin: 0 -10px;}
	.specialness .first .article-content ul li {padding: 0 10px;}
	.specialness .first .article-content ul li .text-box {padding: 30px 10px 35px;}
	.specialness .first .article-content ul li .text-box p {font-size: 20px;}

	/* 1-2 */
	.staff article {padding: 80px 0 100px;}
	.staff .doctor:before {display: none;}
	.staff .doctor .text-box {max-width: 460px; padding: 60px 50px; margin-top: 15px; margin-bottom: 100px;}
	.staff .doctor .text-box h5 {font-size: 25px; margin-bottom: 25px;}
	.staff .doctor .text-box h5 span {font-size: 35px;}
	.staff .doctor .text-box li {font-size: 16px;}
	.staff .doctor .text-box li:before {top: 13px;}
	.staff .doctor .img-box {max-width: 330px;}

	.staff .value .article-content {margin-top: 60px;}
	.staff .value ul {margin: -20px 0;}
	.staff .value ul li {width: 50%; padding: 20px 0;}
	.staff .value ul li .icon {max-width: 100px; height: 100px;}
	.staff .value ul li .text-box {padding: 5px 20px 0 30px;}
	.staff .value ul li .text-box b {font-size: 22px; margin-bottom: 5px;}
	.staff .value ul li .text-box p {font-size: 16px;}

	.staff .master .article-title h4 {padding-bottom: 140px;}
	.staff .master .article-title h4:before {height: 100px;}
	.staff .master .article-content {margin-top: 30px;}
	.staff .master .cont01 small {font-size: 20px; margin-bottom: 5px;}
	.staff .master .cont01 h5 {font-size: 30px; margin-bottom: 25px;}
	.staff .master .cont01 p {font-size: 16px; margin-bottom: 50px;}
	.staff .master .cont01 .img-box {height: 350px; margin-bottom: 20px;}
	.staff .master .img-wrap01 figure {margin: 0 -10px;}
	.staff .master .img-wrap01 img {padding: 0 10px;}
	.staff .master figcaption {font-size: 18px; padding: 25px 0;}	
	.staff .master .img-wrap02 {margin: 0 -10px;}
	.staff .master .img-wrap03 {margin: 0 -10px 60px;}
	.staff .master .img-wrap02 figure,
	.staff .master .img-wrap03 figure {padding: 0 10px;}

	.staff .master .cont02 {padding: 80px 0 100px;}
	.staff .master .cont02 ul { margin: -10px;}
	.staff .master .cont02 ul li {padding: 10px;}

	/* 1-3 */
	.system .sub-title {padding-bottom: 135px;}
	.system .sub-title:before {height: 100px;}

	.system-details01 {padding-top: 45px;}
	.system-details {padding-top: 50px;}
	.system-details .article-title p.num {font-size: 50px; line-height: 1.3em;}
	.system-details .article-content {margin-top: 50px; padding: 60px 0;} 
	.system-details .article-content .wrap .text-box {padding-right: 30px;}
	.system-details .article-content .wrap .text-box p {font-size: 16px;}
	.system-details .article-content .wrap .text-box p:not(:last-child) {margin-bottom: 20px;}
	.system-details .article-content .wrap .img-box {max-width: 400px;}
	.system-details02 .article-content .wrap .text-box {padding-right: 0; padding-left: 30px;}
	.system-details03 .step {margin-bottom: 75px;}
	.system-details03 .step li:not(:last-child) {margin-bottom: 20px;}
	.system-details03 .step li b {max-width: 240px; font-size: 20px;}
	.system-details03 .step .description {padding: 30px 20px 30px 30px;}
	.system-details03 .step .description p {font-size: 16px; padding-left: 15px;}
	.system-details03 .step .description p:before {top: 9px;}

	.system-details03 .time h5 {font-size: 24px; margin: 0 auto 45px;}

	.system-details03 .time .text-box {padding: 35px 30px 35px 40px;}
	.system-details03 .time .text-box p {font-size: 16px;}

	.device {padding: 80px 0 100px;}
	.device .article-title h4 {margin-bottom: 15px;}

	.device ul {padding: 0 40px; margin: 0 -10px;}
	.device ul li {padding: 0 10px;}
	.device ul li .text-box {font-size: 18px; padding: 25px 0;}

	/* 1-4 */
	.place .slick-arrow {width: 50px; height: 50px; margin-top: -25px; background-size: 55px auto;}
	.place .slick-prev {left: 20px;}
	.place .slick-next {right: 20px;}

	/* 1-5 */
	.location.real-cont {padding: 80px 0 100px;}
	.location .sub-title {padding-bottom: 30px;}
	.location .sub-title small.kor {font-size: 18px; margin-bottom: 15px;}

	.location .wrap {margin: 0 -10px 40px -10px;}
	.location .wrap > div {padding: 0 10px;}

	.location .wrap dl {padding: 15px 0;} 
	.location .wrap dt {width: 100px; font-size: 16px;}
	.location .wrap dd {font-size: 16px; margin-left: 15px;}
	.location .wrap .kakao {padding: 7px 0;}
	.location .wrap .kakao dd {height: 45px; padding: 0 10px;} 
	.location .wrap .kakao dd img {padding-right: 5px;}
	.location .wrap .hours {padding: 10px 0;}
	.location .wrap .hours dd p:not(:last-child) {margin-bottom: 8px;}
	.location .wrap .hours dd span {padding-right: 10px; margin-bottom: 0;}
	.location .wrap .address {padding: 10px 0;}
	.location .wrap .address p {margin: 0;}
	.location .wrap .blog {padding: 7px 0;}
	.location .wrap .blog dd {padding: 10px 20px 10px 15px;}
	.location .wrap .blog dd a span {font-size: 14px;}
	.location .wrap .blog img {margin-right: 5px; width: 40px;}

	.location .map {margin-bottom: 20px;}
	.location .map iframe {height: 300px;}
	.location .root_daum_roughmap {height:300px !important;}
	.location .root_daum_roughmap .wrap_map {height:300px !important;}
	.location .btn-area a {width: 50px; height: 50px;}

	/* 2-1 */
	.process article {padding-top: 80px;}
	.guide {padding-bottom: 100px;}
	.guide ul {margin: 0 -10px;}
	.guide ul li {padding: 0 10px;}
	.guide ul li .text-box:after {display: none;}
	.guide ul li .text-box h5 {font-size: 18px; padding: 15px 0;}
	.guide ul li .text-box .description {min-height: 265px; padding: 30px 10px;}
	.guide ul li .text-box .description b {font-size: 18px; padding-bottom: 15px; margin-bottom: 15px;}
	.guide ul li .text-box .description p {font-size: 16px;}
	.guide ul li .text-box .description p:before {top: 10px;}

	.notice .article-title b {font-size: 26px; margin-bottom: 50px;}
	.notice .article-title b:before {width: 260px; height: 24px; }
	.notice .article-title h4 {padding-top: 40px;}
	.notice .article-title h4:before {background-size: 34px auto; margin-left: -17px;} 
	.notice .article-content {padding: 60px 0; margin-top: 50px;}
	.notice .article-content .wrap .text-box {padding-right: 30px;}
	.notice .article-content .wrap .text-box p {font-size: 16px;}
	.notice .article-content .wrap .text-box p:not(:last-child) {margin-bottom: 20px;}
	.notice .article-content .wrap .img-box {max-width: 370px;}

	.technology .article-title h4 {margin-bottom: 30px;}
	.technology .article-title b:before {background-size: 26px auto; top: 0; left: -45px;}
	.technology .article-title b:after {background-size: 26px auto; top: 0; right: -45px;}
	.technology .article-content {padding: 60px 0 100px; margin-top: 50px;}
	.technology li b {max-width: 230px; font-size: 20px;}
	.technology .description {padding: 30px 30px 30px 40px;}
	.technology .description p {font-size: 16px;}
	.technology .description p:not(:last-child) {margin-bottom: 20px;}

	/* 2-2 */
	.issuance {padding: 80px 0 100px;}
	.issuance .article-title h4 {margin-bottom: 20px;}
	.issuance .article-title b {margin-bottom: 40px;}
	.issuance .article-title p {font-size: 16px;}
	.issuance figure {margin-bottom: 10px;}
	.issuance figure img {padding: 0 10px; width: 50%;}
	.issuance figcaption {font-size: 18px;}

	.sequence {padding-top: 80px;}
	.sequence ol {flex-wrap: wrap; margin: -10px -10px 40px -10px;}
	.sequence ol li {width: 50%; min-height: 250px;  padding: 10px;}
	.sequence ol li:after {display: none;}
	.sequence ol li .inner {padding: 20px 10px;}
	.sequence ol li h5 {font-size: 20px;}
	.sequence ol li p {max-width: 178px; font-size: 16px;}
	.sequence ol li p:nth-of-type(1) {margin-top: 10px;}
	.sequence ol li p:before {top: 10px;}

	.sequence .fyi {padding: 30px 0;}
	.sequence .fyi b {max-width: 160px; font-size: 20px;}
	.sequence .fyi b:after {height: 60px;}
	.sequence .fyi .text-box {padding: 0 30px;}
	.sequence .fyi .text-box p {font-size: 16px; padding-left: 15px;}
	.sequence .fyi .text-box p:before {top: 9px;}

	/* 3-1 */
	.technique {padding: 80px 0 100px;}
	.technique .wrap {margin-bottom: 60px;}
	.technique .wrap .text-box {padding-right: 40px;}
	.technique .wrap .text-box p {font-size: 16px;}
	.technique .wrap .text-box p:not(:last-child) {margin-bottom: 20px;}
	.technique .wrap .img-box {max-width: 380px;}
	.technique ul {margin: 0 -10px;}
	.technique ul li {padding: 0 10px;}
	.technique ul li .inner {padding: 30px 10px 40px;}
	.technique ul li .icon {height: 100px; background-size: 100px auto; margin-bottom: 20px;}
	.technique ul li .text-box {font-size: 18px;}

	.technique-table {padding: 80px 0;}
	.technique-table table col:nth-child(1) {width: 16%;}
	.technique-table table col:nth-child(2) ~ col {width: 28%;}
	.technique-table table thead th {font-size: 18px; padding: 18px 0;} 
	.technique-table table tbody th {height: 90px; font-size: 18px;} 
	.technique-table table tbody td {font-size: 18px; padding: 10px 15px; }
	.technique-table table .method td {padding: 20px 0;}

	.development {padding: 80px 0;}
	.development .wrap .text-box {padding-right: 20px;}
	.development .wrap .text-box p {font-size: 16px;}
	.development .wrap .text-box p:not(:last-child) {margin-bottom: 20px;}
	.development .wrap .text-box b {font-size: 16px; margin-bottom: 23px;}
	.development .wrap .img-box {max-width: 320px;}

	.horizontal .advantage {padding: 80px 0 100px;}
	.horizontal .advantage ul {padding: 40px 10px 45px;}
	.horizontal .advantage ul li {font-size: 18px; padding-left: 32px;}
	.horizontal .advantage ul li:not(:last-child) {margin-bottom: 10px;}
	.horizontal .advantage ul li:before {top: 3px;}

	.tech-feature {padding: 80px 0 100px;}
	.tech-feature ul {margin: 0 -8px;}
	.tech-feature ul li {padding: 0 8px;}
	.tech-feature ul li .text-box {padding: 20px 10px;}
	.tech-feature ul li .text-box small {font-size: 16px; margin-bottom: 5px;}
	.tech-feature ul li .text-box p {font-size: 18px;}

	/* 3-2 */
	.water .advantage .check-box {padding: 40px 10px 45px; margin-top: 40px;}
	.water .advantage .check-box li {font-size: 18px; padding-left: 32px;}
	.water .advantage .check-box li br {display: none;}
	.water .advantage .check-box li:before {top: 9px;}

	.water .advantage {padding-top: 80px;}
	.water .advantage .article-content {margin-top: 70px; padding: 60px 0 60px;} 
	.water .advantage .details:nth-child(1) {margin-bottom: 60px;}
	.water .advantage .details .title small {width: 44px; height: 44px; font-size: 16px; line-height: 44px; margin: 0 auto 25px;} 
	.water .advantage .details .title h5 {font-size: 28px; margin-bottom: 25px;}
	.water .advantage .details .title p {font-size: 16px; margin-bottom: 50px;}
	.water .advantage .details figcaption {font-size: 20px; margin-bottom: 20px;}
	.water .advantage .details ul {margin: 0 -70px;}
	.water .advantage .details ul li {padding: 0 70px;}
	.water .advantage .details ul li .inner {padding: 40px 0;}
	.water .advantage .details ul li .inner small {font-size: 18px; margin-bottom: 20px;}
	.water .advantage .details ul li .inner p {font-size: 22px;}

	.water .process {padding: 80px 0 100px;}
	.water .process .article-title h4 {margin-bottom: 20px;}
	.water .process ol {padding: 45px 20px; margin-bottom: 50px;}
	.water .process ol li {font-size: 18px; padding-left: 55px;}
	.water .process ol li:before {width: 36px; height: 36px; font-size: 16px; line-height: 36px;}
	.water .process ol li:not(:last-child) {margin-bottom: 20px;}
	.water .process .text-box b {font-size: 24px; margin-bottom: 25px;} 
	.water .process .text-box p {font-size: 16px;}

	/* 3-3 */
	.info-list {padding: 80px 0 100px;}
	.info-list .wrap:not(:last-child) {margin-bottom: 50px;}
	.info-list .wrap .text-box {padding-right: 40px;}
	.info-list .wrap .text-box small {font-size: 40px; margin-bottom: 15px;}
	.info-list .wrap .text-box h5 {font-size: 24px; margin-bottom: 15px;}
	.info-list .wrap .text-box p {font-size: 16px;}
	.info-list .wrap .img-box {max-width: 350px;}

	/* 3-4 */
	.targeting .technique .wrap .text-box {padding-right: 20px;}
	.targeting .info-list .wrap .text-box small {font-size: 18px; margin-bottom: 15px;}

	/* 3-5 */
	.clarivein .sub-title h3 span {font-size: 16px;}

	.clarivein .technique .wrap .text-box {padding-right: 20px;}
	.clarivein .technique .wrap .img-box {max-width: 380px;}

	.cla-sequence {padding: 80px 0 100px;}
	.cla-sequence ol {margin: -20px -25px;}
	.cla-sequence ol li {width: 33.3333%; padding: 20px 25px;}
	.cla-sequence ol li:after {display: none;}
	.cla-sequence ol li:before {background-size: 39px auto;}
	.cla-sequence ol li .inner {min-height: 300px; padding: 20px 20px;}
	.cla-sequence ol li p {max-width: none;}
	.cla-sequence ol li p:nth-of-type(1) {margin-top: 10px;}

	.technique-details {padding: 90px 0;}
	.technique-details ul { margin: 0 -10px;}
	.technique-details ul li {padding: 0 10px;}
	.technique-details ul li h6 {font-size: 18px; margin: 20px 0 5px;}
	.technique-details ul li p {font-size: 16px; padding: 0;}
	.technique-details ul li p br.none {display: none;}

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

	.cla-treat {padding: 80px 0;}
	.cla-treat ol {margin-bottom: 0;}
	.cla-treat ol li {min-height: auto;}
	.cla-treat ol li:after {margin-top: -20px;}
	.cla-treat ol li .inner {display: block; padding: 30px 20px;}
	.cla-treat ol li p {max-width: none; padding-left: 0; text-align: center;}

	.clarivein .difference {padding: 80px 0;}
	.clarivein .difference .article-title h4 {margin-bottom: 20px;}
	
	.clarivein table {margin-top: 40px;}
	.clarivein table thead th {font-size: 18px; padding: 18px 0;} 
	.clarivein table tbody th {height: 120px; font-size: 18px;} 
	.clarivein table tbody td {font-size: 18px; padding: 10px 15px;}

	/* 3-6 */
	.mild .technique .wrap .text-box {padding-right: 20px;}
	.mild .technique .wrap .img-box {max-width: 320px;}

	.mild-details {padding: 80px 0;}
	.mild-details ul {margin: 0 -15px;}
	.mild-details ul li {padding: 0 15px;}
	.mild-details ul li p {font-size: 16px; margin-top: 18px;}

	.mild .advantage {padding: 80px 0;}
	.mild .advantage ul {padding: 35px 20px;}
	.mild .advantage ul li {font-size: 18px; padding-left: 30px;}
	.mild .advantage ul li br {display: none;}
	.mild .advantage ul li:before {background-size: 18px auto; top: 9px;}

	.mild .sequence {padding: 80px 0 100px;}
	.mild .sequence ol {margin: -30px -33px;}
	.mild .sequence ol li {width: 50%; padding: 30px 33px;}
	.mild .sequence ol li:nth-child(3) {order: 4;}
	.mild .sequence ol li:nth-child(4) {order: 3;}
	.mild .sequence ol li:nth-child(5) {order: 5;}
	.mild .sequence ol li:nth-child(6) {order: 6;}

	.mild .sequence ol li:after {display: block;}
	.mild .sequence ol li:nth-child(2):after {display: block; 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(3):after {background-image: url('../img/sub/arrow01.png'); top: 50%; right: auto; margin-right: 0; left: 0; margin-bottom: -15px; margin-left: -20px; transform: rotate(180deg);}
	.mild .sequence ol li:nth-child(4):after {display: block; background-image: url('../img/sub/arrow02.png'); top: auto; bottom: 0; right: auto; left: 50%; margin-bottom: -15px; margin-left: -20px; transform: rotate(90deg);}
	.mild .sequence ol li:nth-child(5):after {transform: rotate(0);}
	.mild .sequence ol li:nth-child(6):after {display: none;}
	
	.mild .sequence ol li .inner {min-height: 230px; padding: 20px 30px;}
	.mild .sequence ol li:nth-child(3) .inner {background: linear-gradient(120deg, rgba(92,54,124,1) 0%, rgba(40,62,127,1) 100%);}
	.mild .sequence ol li:nth-child(6) .inner {background: linear-gradient(90deg, rgba(92,54,124,1) 0%, rgba(48,6,83,1) 100%);}
	.mild .sequence ol li p:nth-of-type(1) {margin-top: 10px;}

	/* 4-1 */
	.cause {padding: 80px 0 100px;}
	.cause .article-content ul {margin: 0 -25px;}
	.cause .article-content ul li {padding: 0 25px; min-height: 160px;}
	.cause .article-content ul li:after {background-size: 40px auto;}
	.cause .article-content ul li .inner {padding: 40px 10px; }
	.cause .article-content ul li .inner p {font-size: 20px;}

	.symptom {padding: 80px 0 0;} 
	.symptom .article-title h4 {margin-bottom: 20px;}
	.symptom .img-box {height: 250px; background-size: auto 315px;}

	.feature {padding-top: 80px;}
	.caution {padding: 80px 0 100px;}

	.feature .article-content {padding: 60px 0 80px; margin-top: 70px;}
	.feature-title small {width: 125px; font-size: 15px; line-height: 35px; margin-bottom: 15px;}
	.feature-title h4 {font-size: 32px; margin-bottom: 40px;}
	.feature-content .wrap {padding: 40px 30px 40px; }
	.feature-content .wrap ul.left {padding-right: 20px;}
	.feature-content .wrap ul.right {padding-left: 40px;}	
	.feature-content .wrap ul li {font-size: 18px; padding-left: 30px;}
	.feature-content .wrap ul li:before {background-size: 18px auto; top: 9px;}
	
	.effect {padding: 80px 0 100px;}
	.effect .article-title h4 {margin-bottom: 20px;}
	.effect .img-box {height: 250px; background-size: auto 315px;}

	.treatment {padding: 80px 0 100px;}
	.treatment figure {margin-bottom: 20px;}
	.treatment figure img:nth-child(2), .treatment figure img:nth-child(3), .treatment figure img:nth-child(4) {width: 26.5%;}
	.treatment table thead th {font-size: 18px; padding: 18px 0;} 
	.treatment table tbody th {height: 120px; font-size: 18px;} 
	.treatment table tbody td {font-size: 18px; padding: 10px 15px; }
	.treatment .notice p {font-size: 18px; margin-top: 20px;}

	.treatment-details {padding: 80px 0 100px;}
	.treatment-details h5 {font-size: 26px; margin-bottom: 20px;}
	.treatment-details .row:not(:last-child) {margin-bottom: 60px;}
	.treatment-details dl {padding: 20px 40px 30px;}
	.treatment-details dl > div {padding: 15px 0 10px;}
	.treatment-details dl > div:before {top: 26px;}
	.treatment-details dt {font-size: 17px; padding-left: 15px;}
	.treatment-details .drug dt {max-width: 115px;}
	.treatment-details .surgery dt {max-width: 180px;}
	.treatment-details dd {font-size: 17px;}

	/* 4-2 */
	.qa-list:not(:last-child) {margin-bottom: 60px;}
	.qa-list .feature-title small {width: 90px;}
	.qa-list .feature-title h4 {margin-bottom: 50px;}
	.qa-list .text-box {padding: 50px 10px 50px;}
	.qa-list .text-box b {top: -20px; width: 90px; font-size: 16px; line-height: 40px;}
	.qa-list .text-box p {font-size: 16px;}
	.qa-list .text-box p:not(:last-child) {margin-bottom: 20px;}

	/* 4-3 */
	.genetic .cause .article-title p:not(:last-child) {margin-bottom: 25px;}

	.genetic .feature-title small {width: 90px;}
	.feature .info:not(:last-child) {margin-bottom: 60px;}
	.genetic .info01 .feature-content h5 {font-size: 22px; margin-bottom: 25px;}
	.genetic .info01 .feature-content ul {margin:0 -10px 20px;}
	.genetic .info01 .feature-content ul li {width: 50%; padding: 0 10px;}
	.genetic .info01 .feature-content ul li .inner {padding: 40px 0 45px;}
	.genetic .info01 .feature-content ul li:nth-child(1) .inner {padding: 40px 20px 45px;}
	.genetic .info01 .feature-content ul li .inner h6 {font-size: 16px; margin-bottom: 20px;}
	.genetic .info01 .feature-content ul li .icon {height: 80px; background-size: auto 80px; margin-bottom: 20px;}
	.genetic .info01 .feature-content ul li .text-box p {font-size: 16px;}
	.genetic .info01 .feature-content ul li .text-box b {font-size: 25px; padding-left: 10px;}
	.genetic .info01 .feature-content ul li .text-box span {font-size: 22px;}

	.info .feature-content .info-box {padding: 40px 20px;}
	.info .feature-content .info-box p {font-size: 16px;}
	.info .feature-content .info-box p:not(:last-child) {margin-bottom: 20px;}
	.info .feature-content .img-box {height: 250px; background-size: auto 315px;}
	.genetic .info03 figure {margin-bottom: 40px;}

	/* 4-6 */
	.blood .sub-title p:not(:last-child) {margin-bottom: 20px;}
	.blood .info02 .list-box {padding-top: 120px;}
	.blood .info02 .list-box:before {background-size: 60px auto; top: 4px;}
	.blood .info02 .list-box h5 {font-size: 18px; padding: 15px 0;}
	.blood .info02 .list-box ul {padding: 30px 20px 35px;}
	.blood .info02 .list-box ul li {font-size: 18px; padding-left: 32px;}
	.blood .info02 .list-box ul li:before {width: 21px; height: 16px; background-size: 18px auto; top: 9px; left: 0;}

	/* 5-1 */
	.veinlet .sub-title p:not(:last-child) {margin-bottom: 20px;}
	.veinlet .cause figure {margin: 50px 0 40px;}

	/* 5-2 */
	.cycle .feature .article-title h4 {margin-bottom: 20px;}
	.cycle .feature .article-content {margin-top: 40px;}
	.cycle .feature .img-box {height: 250px; background-size: auto 315px;}

	.cycle .symptom .article-title {padding-bottom: 40px;}
	.cycle .symptom .article-title h4 {margin-bottom: 15px;}
	.cycle .symptom .flex-box {padding: 60px 0 70px; margin: 0 -10px;}
	.cycle .symptom .flex-box figure {display: flex; align-items: center;}
	.cycle .symptom .list-box {width: 40%; padding: 0 10px;}
	.cycle .symptom .list-box h5 {font-size: 18px; line-height: 50px;}
	.cycle .symptom .list-box ul {padding: 20px 0 25px;}
	.cycle .symptom .list-box ul li {font-size: 17px; padding-left: 32px;}
	.cycle .symptom .list-box ul li:before {background-size: 18px auto; top: 9px;}
	
	/* 6-1 */
	.reop .feature ul {margin: 0 -10px;}
	.reop .feature ul li {padding: 0 10px;}
	.reop .feature ul li .img-box {margin-bottom: 25px;}
	.reop .feature ul li .text-box {font-size: 18px; padding: 40px 10px 0; }
	.reop .feature ul li .text-box:before {width: 30px; height: 30px; margin-left: -15px;}

	/* 6-2 */
	.sideeffect .cause ul li:not(:last-child) {margin-bottom: 10px;}
	.sideeffect .cause li h5 {max-width: 160px; font-size: 20px;}
	.sideeffect .cause li .text-box {padding: 20px 20px 20px 30px;}
	.sideeffect .cause li .text-box p {font-size: 16px;}

	.sideeffect .symptom .article-content {margin-top: 70px; padding: 80px 0 100px;}
	.sideeffect .symptom .flex-box {margin: 0 -10px;}
	.sideeffect .symptom .flex-box > div {padding: 0 10px;}
	.sideeffect .symptom .flex-box h5 {font-size: 22px; margin-bottom: 25px;}
	.sideeffect .symptom .flex-box ul {padding: 30px 10px 35px 20px;}
	.sideeffect .symptom .flex-box ul li {font-size: 18px; padding-left: 32px;}
	.sideeffect .symptom .flex-box ul li:before {background-size: 18px auto; top: 9px;}
}

@media (max-width: 768px) {
	.real-cont {padding:70px 0 90px;}
	.real-cont.type02 {padding:70px 0 0;}
	.sub-visual .text-box h2 {font-size: 28px;}

	.sub-title {padding-bottom: 50px;}
	.sub-title h3 {font-size: 26px; margin-bottom: 15px;}
	.sub-title .img-box {height: 200px; margin-top: 40px; margin-bottom: 25px; background-size: auto 250px;}
	.sub-title p {font-size: 15px;}

	.article-title small {font-size: 15px; margin-bottom: 10px;}
	.article-title small.kor {font-size: 17px; margin-bottom: 10px;}
	.article-title h4 {font-size: 24px; margin-bottom: 10px;}
	.article-title b {font-size: 18px; margin-bottom: 20px;}
	.article-title p {font-size: 15px;}
	.article-title p:not(:last-child) {margin-bottom: 15px;}
	.article-title.white b {margin-bottom: 15px;}
	.article-content {margin-top: 30px;}

	/* 1-1 */
	.specialness .greeting {padding: 60px 0 70px;}
	.specialness .greeting .text-box { margin-bottom: 20px;}
	.specialness .greeting .text-box b {font-size: 20px;}
	.specialness .greeting .text-box b:nth-child(1) {margin-bottom: 15px;}
	.specialness .greeting .text-box b:nth-child(2) {margin-bottom: 20px;}
	.specialness .greeting .text-box p {font-size: 15px;}
	.specialness .greeting .img-box .top {margin-bottom: 14px; }
	.specialness .greeting .img-box .bottom {margin: 0 -7px;}
	.specialness .greeting .img-box .bottom img {padding: 0 7px;}

	.specialness .yonsei {padding: 60px 0 70px;}
	.specialness .yonsei .article-title h4 {margin-bottom: 15px;}
	.specialness .yonsei .article-title p {margin-bottom: 35px;}
	.specialness .yonsei .article-content {display: block; margin: -10px;}
	.specialness .yonsei .col {width: 100%; display: flex; justify-content: space-between; padding: 10px;}
	.specialness .yonsei .col > div {width: 180px; height: 180px;}
	.specialness .yonsei .col .title:before {display: none;}
	.specialness .yonsei .col .title:after {display: none;}
	.specialness .yonsei .col .title h5 {font-size: 20px; margin-bottom: 0px;}
	.specialness .yonsei .col .title b {font-size: 18px; margin-bottom: 5px;}
	.specialness .yonsei .col .title p {font-size: 15px;}

	.specialness .yonsei .col .description {margin-top: 0px;}
	.specialness .yonsei .col p {font-size: 15px;}
	.specialness .yonsei .col p br {display: none;}

	.specialness .system {padding: 60px 0 70px;}

	.specialness .system .system-list {padding: 30px 0 40px;}
	.specialness .system .system-list:nth-child(2) {padding: 30px 0;}
	.specialness .system .system-list:nth-child(3) {padding: 30px 0;}
	.specialness .system .system-list .wrap {display: block; margin-bottom: 30px;}
	.specialness .system .system-list .text-box {width: 100%; padding-right: 0px; margin-bottom: 20px;}
	.specialness .system .system-list .text-box b {font-size: 16px; margin-bottom: 2px;}
	.specialness .system .system-list .text-box h5 {font-size: 20px; padding-bottom: 15px; margin-bottom: 15px;}
	.specialness .system .system-list .text-box p {font-size: 15px;}
	.specialness .system .system-list .text-box p:not(:last-child) {margin-bottom: 15px;}
	.specialness .system .system-list .img-box {max-width: none; text-align: center;}

	.specialness .system .system-list ul {display: block;}
	.specialness .system .system-list ul li {max-width: none; font-size: 16px; line-height: 60px;} 
	.specialness .system .system-list ul li:nth-child(2) {margin-left: 0;}
	.specialness .system .system-list ul li:nth-child(3) {margin-left: 0;}
	.specialness .system .system-list ul li:after {display: none;}

	.specialness .system .article-bottom {padding-top: 110px;}
	.specialness .system .article-bottom:before {height: 80px;}
	.specialness .system .article-bottom:after {top: 80px;}
	.specialness .system .article-bottom h4 {font-size: 24px; margin-bottom: 10px;}
	.specialness .system .article-bottom small {font-size: 17px;}

	.specialness .first {padding: 60px 0 70px;}
	.specialness .first .article-content {margin-top: 40px;}
	.specialness .first .article-content ul {flex-wrap: wrap; margin: -10px;}
	.specialness .first .article-content ul li {width: 100%; padding: 10px;}
	.specialness .first .article-content ul li img {width: 100%;}
	.specialness .first .article-content ul li .text-box {padding: 20px 10px 25px;}
	.specialness .first .article-content ul li .text-box p {font-size: 16px;}

	/* 1-2 */
	.staff article {padding: 60px 0 70px;}
	.staff .doctor .article-content {display: block;}
	.staff .doctor .text-box {max-width: none; padding: 40px 30px; margin-top: 15px; margin-bottom: 30px;}
	.staff .doctor .text-box h5 {font-size: 18px; margin-bottom: 25px;}
	.staff .doctor .text-box h5 span {font-size: 24px;}
	.staff .doctor .text-box ul {display: flex; flex-wrap: wrap;}
	.staff .doctor .text-box li {font-size: 15px; margin-right: 20px;}
	.staff .doctor .text-box li:before {top: 12px;}
	.staff .doctor .img-box {max-width: none; height: 400px; background-position: right bottom;}

	.staff .value .article-content {margin-top: 40px;}
	.staff .value ul {margin: -10px 0;}
	.staff .value ul li {width: 100%; padding: 10px 0;}
	.staff .value ul li .icon {max-width: 80px; height: 80px;}
	.staff .value ul li .text-box {padding: 5px 0 0 20px;}
	.staff .value ul li .text-box b {font-size: 18px; margin-bottom: 0;}
	.staff .value ul li .text-box p {font-size: 15px;}

	.staff .master .article-title h4 {padding-bottom: 110px;}
	.staff .master .article-title h4:before {height: 70px;}
	.staff .master .article-content {margin-top: 30px;}
	.staff .master .cont01 small {font-size: 16px; margin-bottom: 5px;}
	.staff .master .cont01 h5 {font-size: 22px; line-height: 1.3em; margin-bottom: 20px;}
	.staff .master .cont01 p {font-size: 15px; margin-bottom: 40px;}
	.staff .master .cont01 .img-box {height: 250px; margin-bottom: 12px;}
	.staff .master .img-wrap01 figure {margin: 0 -6px;}
	.staff .master .img-wrap01 img {padding: 0 6px;}
	.staff .master figcaption {font-size: 15px; padding: 20px 0;}	
	.staff .master .img-wrap02 {margin: 0 -6px;}
	.staff .master .img-wrap03 {margin: 0 -6px 40px;}
	.staff .master .img-wrap02 figure,
	.staff .master .img-wrap03 figure {padding: 0 6px;}

	.staff .master .cont02 {padding: 60px 0 70px;}
	.staff .master .cont02 ul { margin: -6px;}
	.staff .master .cont02 ul li {padding: 6px;}

	/* 1-3 */
	.system .sub-title {padding-bottom: 100px;}
	.system .sub-title:before {height: 70px;}
	.system .sub-title p br {display: none;}
	
	.system-details01 {padding-top: 45px;}
	.system-details {padding-top: 30px;}
	.system-details .article-title p.num {font-size: 35px;}
	.system-details .article-content {margin-top: 30px; padding: 40px 0;} 
	.system-details .article-content .wrap {display: block;}
	.system-details .article-content .wrap .text-box {width: 100%; padding-right: 0; margin-bottom: 20px;}
	.system-details .article-content .wrap .text-box p {font-size: 15px;}
	.system-details .article-content .wrap .text-box p:not(:last-child) {margin-bottom: 15px;}
	.system-details .article-content .wrap .img-box {max-width: none; text-align: center;}
	.system-details02 .article-content .wrap .text-box {padding-right: 0; padding-left: 0;}
	.system-details03 .step {margin-bottom: 50px;}
	.system-details03 .step li {display: block;}
	.system-details03 .step li:not(:last-child) {margin-bottom: 20px;}
	.system-details03 .step li b {max-width: none; font-size: 18px; line-height: 50px;}
	.system-details03 .step .description {padding: 25px 15px 25px 20px;}
	.system-details03 .step .description p {font-size: 15px;}
	.system-details03 .time h5 {font-size: 20px; margin: 0 auto 25px;}
	.system-details03 .time h5:before {display: none;}
	.system-details03 .time h5:after {display: none;}
	
	.system-details03 .time .box {display: block;}
	.system-details03 .time .text-box {width: 100% ;padding: 25px 20px 25px 20px;}
	.system-details03 .time .text-box p {font-size: 16px;}
	.system-details03 .time figure {max-width: none;}
	.system-details03 .time figure img {width: 100%;}
	
	.device {padding: 60px 0 70px;}
	.device .article-title h4 {margin-bottom: 15px;}
	.device ul {padding: 0 0; margin: 0 -6px;}
	.device ul li {padding: 0 6px;}
	.device ul li .text-box {font-size: 16px; padding: 20px 0;}

	/* 1-4 */
	.place .slide-view {margin-bottom: 20px;} 
	.place .slick-arrow {width: 45px; height: 45px; margin-top: -22px; background-size: 45px auto;}
	.place .slick-prev {left: 10px;}
	.place .slick-next {right: 10px;}
	.place .slide-tab .items {margin: 0 -5px 15px -5px;}
	.place .slide-tab .item {padding: 0 5px;}

	/* 1-5 */
	.location.real-cont {padding: 60px 0 70px;}
	.location .sub-title {padding-bottom: 20px;}
	.location .sub-title small.kor {font-size: 16px; margin-bottom: 10px;}

	.location .wrap {display: block; margin: 0 0 20px 0;}
	.location .wrap > div {width: 100%; padding: 0 0;}
	.location .wrap .text-box {margin-bottom: 20px;}
	.location .wrap .img-box {text-align: center;}

	.location .wrap dl {display: block;}
	.location .wrap dt {width: auto; margin-bottom: 10px;}
	.location .wrap dt:after {display: none;}
	.location .wrap dd {width: 100%; flex: auto; margin-left: 0;}
	.location .wrap .kakao dd,
	.location .wrap .blog dd {width: fit-content;}
	.location .wrap .hours dd p:not(:last-child) {margin-bottom: 3px;}

	.location .map iframe {height: 200px;}

	/* 2-1 */
	.process article {padding-top: 60px;}
	.guide {padding-bottom: 70px;}
	.guide ul {display: block; margin: -10px;}
	.guide ul li {width: 100%; padding: 10px;}
	.guide ul li .img-box img {width: 100%;}
	.guide ul li .text-box {margin-top: -1px;}
	.guide ul li .text-box h5 {font-size: 17px; padding: 15px 0;}
	.guide ul li .text-box .description {min-height: auto; padding: 20px 10px;}
	.guide ul li .text-box .description b {font-size: 17px; padding-bottom: 15px; margin-bottom: 15px;}
	.guide ul li .text-box .description p {max-width: 200px; font-size: 15px;}

	.notice .article-title b {font-size: 20px; margin-bottom: 40px;}
	.notice .article-title b:before {width: 200px; height: 20px; }
	.notice .article-title h4 {padding-top: 35px;}
	.notice .article-title h4:before {background-size: 30px auto; margin-left: -15px;} 
	.notice .article-content {padding: 40px 0; margin-top: 30px;}
	.notice .article-content .wrap {display: block;}
	.notice .article-content .wrap .text-box {width: 100%; padding-right: 0; margin-bottom: 20px;}
	.notice .article-content .wrap .text-box p {font-size: 15px;}
	.notice .article-content .wrap .text-box p:not(:last-child) {margin-bottom: 15px;}
	.notice .article-content .wrap .img-box {max-width: none;}
	.notice .article-content .wrap .img-box img {width: 100%;}

	.technology .article-title h4 {margin-bottom: 20px;}
	.technology .article-title b:before {background-size: 20px auto; top: 0; left: -40px;}
	.technology .article-title b:after {background-size: 20px auto; top: 0; right: -40px;}
	.technology .article-title p br {display: none;}
	.technology .article-content {padding: 40px 0 60px; margin-top: 30px;}
	.technology li {display: block;}
	.technology li b {max-width: none; font-size: 18px; line-height: 50px;}
	.technology li b br {display: none;}
	.technology .description {padding: 20px 15px 20px 20px;}
	.technology .description p {font-size: 15px;}
	.technology .description p:not(:last-child) {margin-bottom: 15px;}

	/* 2-2 */
	.issuance {padding: 60px 0 70px;}
	.issuance .article-title h4 {margin-bottom: 15px;}
	.issuance .article-title b {margin-bottom: 35px;}
	.issuance .article-title p {font-size: 15px;}
	.issuance figure {display: flex; flex-wrap: wrap;}
	.issuance figure img {padding: 10px; width: 100%;}
	.issuance figcaption {font-size: 16px;}

	.sequence {padding-top: 60px;}
	.sequence ol {flex-wrap: wrap; margin: -5px -5px 30px -5px;}
	.sequence ol li {width: 50%; min-height: 250px;  padding: 5px;}
	.sequence ol li:after {display: none;}
	.sequence ol li .inner {padding: 20px 10px; border: 5px solid #e9ebf2;}
	.sequence ol li h5 {font-size: 18px;}
	.sequence ol li p {font-size: 15px;}
	.sequence ol li p:nth-of-type(1) {margin-top: 10px;}

	.sequence .fyi {display: block; padding: 20px;}
	.sequence .fyi b {max-width: none; font-size: 18px; margin-bottom: 10px; text-align: left;}
	.sequence .fyi b:after {display: none;}
	.sequence .fyi .text-box {padding: 0;}
	.sequence .fyi .text-box p {font-size: 15px;}

	/* 3-1 */
	.technique {padding: 60px 0 70px;}
	.technique .wrap {display: block; margin-bottom: 30px;}
	.technique .wrap .text-box {width: 100%; padding-right: 0; margin-bottom: 20px;}
	.technique .wrap .text-box p {font-size: 15px;}
	.technique .wrap .text-box p:not(:last-child) {margin-bottom: 15px;}
	.technique .wrap .img-box {max-width: none;}
	.technique .wrap .img-box img {width: 100%;}
	.technique ul {flex-wrap: wrap; margin: -10px;}
	.technique ul li {width: 100%; padding: 10px;}
	.technique ul li .inner {padding: 20px 10px 30px;}
	.technique ul li .icon {height: 80px; background-size: 80px auto; margin-bottom: 15px;}
	.technique ul li .text-box {font-size: 16px;}

	.technique-table .table-responsive {overflow-x: auto; -webkit-overflow-scrolling: touch;}
	.technique-table .table-responsive table {width: 100%; min-width: 700px;}
	.technique-table {padding: 60px 0;}
	.technique-table table col:nth-child(1) {width: 16%;}
	.technique-table table col:nth-child(2) ~ col {width: 28%;}
	.technique-table table thead th {font-size: 15px; padding: 15px 0;} 
	.technique-table table tbody th {height: 75px; font-size: 16px;} 
	.technique-table table tbody td {font-size: 15px; padding: 10px; }
	.technique-table table .method td {padding: 15px 0;}

	.development {padding: 60px 0;}
	.development .wrap {display: block;}
	.development .wrap .text-box {width: 100%; padding-right: 0; margin-bottom: 20px;}
	.development .wrap .text-box p {font-size: 15px;}
	.development .wrap .text-box p:not(:last-child) {margin-bottom: 15px;}
	.development .wrap .text-box b {font-size: 15px; margin-bottom: 18px;}
	.development .wrap .img-box {max-width: none; text-align: center;}

	.horizontal .advantage {padding: 60px 0 70px;}
	.horizontal .advantage ul {padding: 30px 20px 30px;}
	.horizontal .advantage ul li {font-size: 16px; padding-left: 30px;}
	.horizontal .advantage ul li:not(:last-child) {margin-bottom: 10px;}
	.horizontal .advantage ul li:before {background-size: 18px auto; top: 2px;}

	.tech-feature {padding: 60px 0 100px;}
	.tech-feature ul {flex-wrap: wrap; margin: -6px;}
	.tech-feature ul li {width: 50%; padding: 6px;}
	.tech-feature ul li .img-box img {width: 100%;}
	.tech-feature ul li .text-box {padding: 20px 15px;}
	.tech-feature ul li .text-box small {font-size: 15px; margin-bottom: 5px;}
	.tech-feature ul li .text-box p {font-size: 16px;}

	/* 3-2 */
	.water .advantage .check-box {padding: 30px 20px 30px; margin-top: 30px;}
	.water .advantage .check-box li {font-size: 16px; padding-left: 30px;}
	.water .advantage .check-box li:before {background-size: 18px auto; top: 6px;}
	
	.water .advantage {padding-top: 60px;}
	.water .advantage .article-content {margin-top: 50px; padding: 40px 0;} 
	.water .advantage .details:nth-child(1) {margin-bottom: 40px;}
	.water .advantage .details .title small {width: 36px; height: 36px; font-size: 15px; line-height: 36px; margin: 0 auto 20px;} 
	.water .advantage .details .title h5 {font-size: 20px; margin-bottom: 20px;}
	.water .advantage .details .title p {font-size: 15px; margin-bottom: 40px;}
	.water .advantage .details figcaption {font-size: 16px; margin-bottom: 15px;}
	.water .advantage .details figure {display: block;}
	.water .advantage .details figure:after {width: 75%; height: 1px; transform: translate(-50%, -50%);}
	.water .advantage .details figure img {width: 100%;}
	.water .advantage .details ul {display: block; margin: -30px 0;}
	.water .advantage .details ul li {width: 100%; padding: 30px 0;}
	.water .advantage .details ul li:after {background-size: 50px auto; top: auto; bottom: 0; right: auto; left: 50%; margin-bottom: -31px; margin-left: -41px; transform: rotate(90deg);}
	.water .advantage .details ul li .inner {padding: 30px 0;}
	.water .advantage .details ul li .inner small {font-size: 16px; margin-bottom: 15px;}
	.water .advantage .details ul li .inner p {font-size: 18px;}

	.water .process {padding: 60px 0 70px;}
	.water .process .article-title h4 {margin-bottom: 20px;}
	.water .process ol {padding: 30px 20px; margin-bottom: 40px;}
	.water .process ol li {font-size: 16px; padding-left: 45px;}
	.water .process ol li:before {width: 30px; height: 30px; font-size: 15px; line-height: 30px; top: -3px;}
	.water .process ol li:not(:last-child) {margin-bottom: 15px;}
	.water .process .text-box b {font-size: 20px; margin-bottom: 25px;} 
	.water .process .text-box p {font-size: 15px;}

	/* 3-3 */
	.info-list {padding: 60px 0 70px;}
	.info-list .wrap {display: block;}
	.info-list .wrap:not(:last-child) {margin-bottom: 30px;}
	.info-list .wrap .text-box {width: 100%; padding-right: 0; margin-bottom: 20px;}
	.info-list .wrap .text-box small {font-size: 40px; margin-bottom: 10px;}
	.info-list .wrap .text-box h5 {font-size: 20px; margin-bottom: 10px;}
	.info-list .wrap .text-box p {font-size: 15px;}
	.info-list .wrap .img-box {max-width: none; text-align: center;}

	/* 3-4 */
	.targeting .technique .wrap .text-box {padding-right: 0;}
	.targeting .info-list .wrap .text-box small {font-size: 16px; margin-bottom: 10px;}

	/* 3-5 */
	.clarivein .sub-title h3 span {font-size: 15px;}
	.clarivein .sub-title p br {display: none;}

	.clarivein .technique .wrap .text-box {padding-right: 0;}
	.clarivein .technique .wrap .img-box {max-width: none;}

	.cla-sequence {padding: 60px 0 70px;}
	.cla-sequence ol {margin: -15px 0;}
	.cla-sequence ol li {width: 100%; min-height: auto; padding: 15px 0;}
	.cla-sequence ol li:after {display: none;}
	.cla-sequence ol li:before {top: auto; bottom: 0; left: 50%; margin-top: 0; margin-bottom: -12px; margin-left: -15px; transform: rotate(90deg); background-size: 28px auto;}
	.cla-sequence ol li:first-child:before {display: block;}
	.cla-sequence ol li:last-child:before {display: none;}
	.cla-sequence ol li .inner {min-height: auto; padding: 15px;}
	.cla-sequence ol li p {max-width: none;}
	.cla-sequence ol li p:nth-of-type(1) {margin-top: 5px;}

	.technique-details {padding: 70px 0;}
	.technique-details ul {flex-wrap: wrap; margin: -10px;}
	.technique-details ul li {width: 50%; padding: 10px;}
	.technique-details ul li h6 {font-size: 17px; margin: 15px 0 5px;}
	.technique-details ul li p {font-size: 15px; padding: 0;}

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

	.cla-treat {padding: 60px 0;}
	.cla-treat ol {margin-bottom: 0;}
	.cla-treat ol li {min-height: auto;}
	.cla-treat ol li .inner {display: block; padding: 30px 10px;}
	.cla-treat ol li p {max-width: none; padding-left: 0; text-align: center;}

	.clarivein .difference {padding: 60px 0;}
	.clarivein .difference .article-title h4 {margin-bottom: 15px;}

	.clarivein table {margin-top: 30px;}
	.clarivein table thead th {font-size: 15px; padding: 10px 0;} 
	.clarivein table tbody th {height: 90px; font-size: 16px;} 
	.clarivein table tbody td {font-size: 15px; padding: 10px;}

	/* 3-6 */
	.mild .sub-title p br {display: none;}
	.mild .technique .wrap .text-box {padding-right: 0;}
	.mild .technique .wrap .img-box {max-width: none;}

	.mild-details {padding: 40px 0;}
	.mild-details ul {flex-wrap: wrap; margin: 10px 0;}
	.mild-details ul li {flex: auto; width: 100%; padding: 10px 0;}
	.mild-details ul li p {font-size: 15px; margin-top: 8px;}
	.mild-details ul li .img {text-align: center;}

	.mild .advantage {padding: 60px 0;}
	.mild .advantage ul {padding: 30px 20px;}
	.mild .advantage ul li {font-size: 16px;}
	.mild .advantage ul li:before {background-size: 15px auto; top: 7px;}

	.mild .sequence {padding: 60px 0 70px;}
	.mild .sequence ol {margin: -20px 0;}
	.mild .sequence ol li {width: 100%; padding: 20px 0; min-height: auto;}
	.mild .sequence ol li:nth-child(3) {order: 3;}
	.mild .sequence ol li:nth-child(4) {order: 4;}
	.mild .sequence ol li:nth-child(5) {order: 5;}
	.mild .sequence ol li:nth-child(6) {order: 6;}
	.mild .sequence ol li:after {display: block; -webkit-background-size: 30px auto; background-size: 30px auto;}
	.mild .sequence ol li:nth-child(1):after {top: auto; right: auto; bottom: 0; left: 50%; margin-right: 0; margin-bottom: -13px; margin-left: -20px; transform: rotate(90deg);}  
	.mild .sequence ol li:nth-child(2):after {top: auto; right: auto; bottom: 0; left: 50%; margin-right: 0; margin-bottom: -13px; margin-left: -20px; transform: rotate(90deg);}  
	.mild .sequence ol li:nth-child(3):after {top: auto; right: auto; bottom: 0; left: 50%; margin-right: 0; margin-bottom: -13px; margin-left: -20px; transform: rotate(90deg);}  
	.mild .sequence ol li:nth-child(5):after {top: auto; right: auto; bottom: 0; left: 50%; margin-right: 0; margin-bottom: -13px; margin-left: -20px; transform: rotate(90deg);}  

	.mild .sequence ol li .inner {min-height: auto; padding: 30px 20px;}
	.mild .sequence ol li:nth-child(1) .inner {background: linear-gradient(180deg, rgba(87,110,180,1) 0%, rgba(41,62,127,1) 100%);}
	.mild .sequence ol li:nth-child(3) .inner {background: linear-gradient(360deg, rgba(92,54,124,1) 0%, rgba(40,62,127,1) 100%);}
	.mild .sequence ol li:nth-child(6) .inner {background: linear-gradient(180deg, rgba(92,54,124,1) 0%, rgba(48,6,83,1) 100%);}
	.mild .sequence ol li br.none {display: none;}
	
	/* 4-1 */
	.cause {padding: 60px 0 70px;}
	.cause .article-content ul {flex-wrap: wrap; margin: -20px 0;}
	.cause .article-content ul li {width: 100%; min-height: auto; padding: 20px 0;}
	.cause .article-content ul li:after {background-size: 30px auto; transform: rotate(90deg) translateY(0); right: auto; left: 50%; margin-right: 0; margin-left: -32px; top: auto; bottom: 0; margin-bottom: -24px;}
	.cause .article-content ul li .inner {padding: 25px 10px;}
	.cause .article-content ul li .inner p {font-size: 16px;}

	.symptom {padding: 60px 0 0;} 
	.symptom .article-title h4 {margin-bottom: 20px;}
	.symptom .img-box {height: 180px; background-size: auto 250px;}

	.feature {padding-top: 60px;}
	.caution {padding: 60px 0 70px;}

	.feature .article-content {padding: 40px 0 50px; margin-top: 50px;}
	.feature-title small {width: 110px; font-size: 15px; line-height: 32px; margin-bottom: 15px;}
	.feature-title h4 {font-size: 24px; margin-bottom: 25px;}
	.feature-content .wrap {display: block; padding: 30px 20px 30px; }
	.feature-content .wrap:before {display: none;}
	.feature-content .wrap ul {width: 100%;}
	.feature-content .wrap ul.left {padding-right: 0;}
	.feature-content .wrap ul.right {padding-left: 0;}	
	.feature-content .wrap ul li {font-size: 16px; padding-left: 30px;}
	.feature-content .wrap ul li:before {background-size: 15px auto; top: 7px;}

	.effect {padding: 60px 0 70px;}
	.effect .article-title h4 {margin-bottom: 20px;}
	.effect .img-box {height: 180px; background-size: auto 250px;}

	.treatment .table-responsive {overflow-x: auto; -webkit-overflow-scrolling: touch;}
	.treatment .table-responsive table {width: 100%; min-width: 500px;}
	.treatment {padding: 60px 0 70px;}
	.treatment figure {display: flex; margin-bottom: 15px;}
	.treatment figure img {width: 25%;}
	.treatment table thead th {font-size: 15px; padding: 10px 0;} 
	.treatment table tbody th {height: 90px; font-size: 16px;} 
	.treatment table tbody td {font-size: 15px; padding: 10px; }
	.treatment .notice p {font-size: 15px; margin-top: 15px; line-height: 1.3em;}

	.treatment-details {padding: 60px 0 70px;}
	.treatment-details h5 {font-size: 20px; margin-bottom: 10px;}
	.treatment-details .row:not(:last-child) {margin-bottom: 40px;}
	.treatment-details dl {padding: 15px 25px 20px;}
	.treatment-details dl > div {display: block; padding: 10px 0 10px;}
	.treatment-details dl > div:before {top: 20px;}
	.treatment-details dt {font-size: 16px; padding-left: 12px; margin-bottom: 5px;}
	.treatment-details dt br {display: none;}
	.treatment-details .drug dt {max-width: none; width: 100%;}
	.treatment-details .surgery dt {max-width: none; width: 100%;}
	.treatment-details dd {width: 100%; flex: auto; font-size: 15px;}

	/* 4-2 */
	.qa-list:not(:last-child) {margin-bottom: 40px;}
	.qa-list .feature-title small {width: 90px;}
	.qa-list .feature-title h4 {margin-bottom: 40px;}
	.qa-list .text-box {padding: 40px 10px 35px;}
	.qa-list .text-box b {top: -18px; width: 90px; font-size: 15px; line-height: 36px;}
	.qa-list .text-box p {font-size: 15px;}
	.qa-list .text-box p:not(:last-child) {margin-bottom: 15px;}

	/* 4-3 */
	.genetic .cause .article-title p:not(:last-child) {margin-bottom: 15px;}

	.genetic .feature-title small {width: 90px;}
	.feature .info:not(:last-child) {margin-bottom: 40px;}
	.genetic .info01 .feature-content h5 {font-size: 18px; margin-bottom: 15px;}
	.genetic .info01 .feature-content ul {display: block; margin:-10px 0 10px;}
	.genetic .info01 .feature-content ul li {width: 100%; padding: 10px 0;}
	.genetic .info01 .feature-content ul li .inner {padding: 30px 0 35px;}
	.genetic .info01 .feature-content ul li:nth-child(1) .inner {padding: 30px 10px 35px;}
	.genetic .info01 .feature-content ul li .inner h6 {font-size: 16px; margin-bottom: 20px;}
	.genetic .info01 .feature-content ul li .icon {height: 65px; background-size: auto 65px; margin-bottom: 20px;}
	.genetic .info01 .feature-content ul li .text-box p {font-size: 15px;}
	.genetic .info01 .feature-content ul li .text-box b {font-size: 20px; padding-left: 10px;}
	.genetic .info01 .feature-content ul li .text-box span {font-size: 18px;}

	.info .feature-content .info-box {padding: 25px 10px;}
	.info .feature-content .info-box p {font-size: 15px;}
	.info .feature-content .info-box p:not(:last-child) {margin-bottom: 15px;}
	.info .feature-content .img-box {height: 180px; background-size: auto 250px;}
	.genetic .info03 figure {margin-bottom: 30px;}

	/* 4-6 */
	.blood .sub-title p:not(:last-child) {margin-bottom: 15px;}
	.blood .info02 figure {margin: 0 -5px; margin-bottom: 10px;}
	.blood .info02 figure img {padding: 0 5px;}

	.blood .info02 .list-box {padding-top: 80px;}
	.blood .info02 .list-box:before {background-size: 40px auto; top: -16px;}
	.blood .info02 .list-box h5 {font-size: 16px; padding: 15px 0;}
	.blood .info02 .list-box ul {padding: 20px 15px 25px;}
	.blood .info02 .list-box ul li {font-size: 16px; padding-left: 28px;}
	.blood .info02 .list-box ul li:before {background-size: 15px auto; top: 6px;}

	/* 5-1 */
	.veinlet .sub-title p:not(:last-child) {margin-bottom: 15px;}
	.veinlet .cause figure {margin: 30px 0 25px;}

	/* 5-2 */
	.cycle .feature .article-content {margin-top: 30px;}
	.cycle .feature .img-box {height: 180px; background-size: auto 250px;}

	.cycle .symptom .article-title {padding-bottom: 20px;}
	.cycle .symptom .article-title h4 {margin-bottom: 15px;}
	.cycle .symptom .flex-box {padding: 40px 0 50px; margin: 0 -5px;}
	.cycle .symptom .flex-box figure {display: none;}
	.cycle .symptom .list-box {width: 50%; padding: 0 5px;}
	.cycle .symptom .list-box h5 {font-size: 16px; line-height: 45px;}
	.cycle .symptom .list-box ul {padding: 10px 0 15px;}
	.cycle .symptom .list-box ul li {font-size: 15px; padding-left: 28px;}
	.cycle .symptom .list-box ul li:before {background-size: 15px auto; top: 4px;}

	/* 6-1 */
	.reop .feature ul {flex-wrap: wrap; margin: -10px;}
	.reop .feature ul li {width: 50%; padding: 10px;}
	.reop .feature ul li .img-box {margin-bottom: 15px;}
	.reop .feature ul li .text-box {font-size: 16px; padding: 35px 10px 0; }
	.reop .feature ul li .text-box:before {width: 26px; height: 26px; background-size: 12px auto; margin-left: -13px;}

	/* 6-2 */
	.sideeffect .cause .article-content ul {margin: 0;}
	.sideeffect .cause .article-content ul li {display: block; padding: 0;}
	.sideeffect .cause ul li:not(:last-child) {margin-bottom: 10px;}
	.sideeffect .cause li h5 {max-width: none; font-size: 18px; line-height: 45px;}
	.sideeffect .cause li .text-box {padding: 20px 10px;}
	.sideeffect .cause li .text-box p {font-size: 15px;}

	.sideeffect .symptom .article-content {margin-top: 50px; padding: 60px 0 70px;}
	.sideeffect .symptom .flex-box {display: block; margin: -10px;}
	.sideeffect .symptom .flex-box > div {width: 100%; padding: 10px;}
	.sideeffect .symptom .flex-box h5 {font-size: 18px; margin-bottom: 10px;}
	.sideeffect .symptom .flex-box ul {padding: 20px 10px 20px 15px;}
	.sideeffect .symptom .flex-box ul li {font-size: 16px; padding-left: 28px;}
	.sideeffect .symptom .flex-box ul li:before {background-size: 15px auto; top: 4px;}
}