@charset "utf-8";
@font-face {
    font-family: 'MinSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/MinSans-Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'MinSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2508-1@1.0/MinSans-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'MinSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/MinSans-Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'MinSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/MinSans-Regular.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MinSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/MinSans-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'MinSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2508-1@1.0/MinSans-Bold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'MinSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/MinSans-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'MinSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2508-1@1.0/MinSans-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'MinSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/MinSans-Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}
@font-face {
    font-family: 'BonmyeongjoSourceHanSerif';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

/* 내용관리 */
#ctt {width:1000px; margin:0 auto; padding:20px;background:#fff}
.ctt_admin {text-align:right;display: none;}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}
figure{margin: 0; padding: 0;}



.Autologous01{padding: 0 !important; display: flex; flex-direction: column;}

.Autologous01 .sub-tit{display: flex; flex-direction: column; align-items:center; justify-content: center; font-family: 'MinSans'; }
.Autologous01 .sub-tit p{font-size: 25px; line-height: 1.6; letter-spacing: 0.08em; color: #6d6157;}
.Autologous01 .sub-tit b{font-size: 60px; line-height: 1.6; color: #6d6157; letter-spacing: 0.08em;}
.Autologous01 .sub-tit b span{color: #f9a099;}

.Autologous01 .article1{background-image: url(/include/img/sub0701_art1-bg.jpg) ; background-repeat: no-repeat; height: 407px;}
.Autologous01 .article1 .inner{display: flex; flex-direction: column; align-items: flex-start; justify-content: center;  height: 100%; padding-top: 40px;}
.Autologous01 .article1 .inner .tbx{position: relative; padding-left: 40px; display: flex; flex-direction: column; gap:35px; 	}
.Autologous01 .article1 .inner .tbx:before{position: absolute; content: ''; left: 0; top: -7px; width: 21px; height: 100%; background: #6d6157;}
.Autologous01 .article1 .inner .tbx b{font-family: 'MinSans';font-size: 50px; line-height: 0.7; letter-spacing: 0.02em; color: #6d6157; font-weight: 500; display: block; ;}
.Autologous01 .article1 .inner .tbx p{font-family: 'MinSans'; font-size: 20px; line-height: 1.8; letter-spacing: 0.06em; color: #6d6157; 	}
.Autologous01 .article1 .inner .tbx p span{display: block; font-size: 20px; color: #b4b4b4; letter-spacing: 0.04em; margin-bottom: 5px;}

.Autologous01 .article2{position: relative; background-image: url(/include/img/sub0701_art2-bg.jpg); padding-top: 62px; padding-bottom: 90px; overflow: hidden; z-index: 1;}
.Autologous01 .article2 .s-tit{text-align: center; margin-bottom: 90px;}
.Autologous01 .article2 .flex-box{display: flex; flex-wrap:wrap; }
.Autologous01 .article2 .flex-box .box{width: 50%; box-sizing: border-box; }
.Autologous01 .article2 .flex-box .lbx{padding-right: 26px;}
.Autologous01 .article2 .flex-box .box .tbx{display: flex; align-items: center; justify-content: space-between; max-width:426px; height: 71px;  border-top: 2px solid #a79d98; border-bottom: 2px solid #a79d98; margin: 0 auto; }
.Autologous01 .article2 .flex-box .box .tbx p{font-family: 'MinSans'; font-size: 28px; line-height: 1; letter-spacing: -0.04em; color: #51483e; font-weight: 400;}
.Autologous01 .article2 .flex-box .box .txt{display: flex; flex-direction: column; font-size: 20px; line-height: 1.6; letter-spacing: 0.08em; color: #6d6157; font-weight: 400; gap:.8em; margin-top: 55px; padding-left: 42px;	width: 105%;}
.Autologous01 .article2 .flex-box .box figure img{position: relative; right: 30px; top: -33px;}
.Autologous01 .article2 .f-box > *{position: absolute; z-index: -1;}
.Autologous01 .article2 .f-box > .f1{right: 18.5%; top: 7%;} 
.Autologous01 .article2 .f-box > .f2{right: -3%; top: 35%; rotate:15deg; scale:.8;}
.Autologous01 .article2 .f-box > .f3{left: 0%; top: 50%; }
.Autologous01 .article2 .f-box > .f4{bottom: -2%; left: 27%; ; }
.Autologous01 .article2 .f-box > .f5{bottom: -5%; right: 14%; rotate: -92deg;}


.Autologous01 .article3{position: relative;  padding-top: 197px; padding-bottom: 180px;}
.Autologous01 .article3 .bg-box > *{position: absolute;}
.Autologous01 .article3 .bg-box > .f1{left: 0; top: 0;}
.Autologous01 .article3 .bg-box > .f2{right: 0; bottom: 0;}
.Autologous01 .article3 .cnt{display: flex; flex-direction: column; gap:90px; padding: 0 75px; margin-top: 172px;}
.Autologous01 .article3 .cnt .box{display: flex; flex-wrap:wrap; align-items:center;}
.Autologous01 .article3 .cnt .box .lbx figure{border: 1px solid #d1d1d1; padding: 70px; background: url(/include/img/sub0701_art3-box.jpg) center no-repeat; box-shadow:10px 10px 0 #fffcfb; }
.Autologous01 .article3 .cnt .box .tbx{display: flex; flex-direction: column; font-family: 'MinSans'; padding-left: 80px;  flex:1}
.Autologous01 .article3 .cnt .box .tbx small{display: flex; align-items:center; justify-content: center; width: 130px; height: 37px; box-sizing: border-box; border: 1px solid #f9c1bc; font-size: 17px; line-height: 1; letter-spacing: 0; color: #f9c1bc; border-radius: 50px;}
.Autologous01 .article3 .cnt .box .tbx .tit-box{display: flex; flex-direction: column;     align-items: flex-start; margin-top: 16px; margin-left: 5px; }
.Autologous01 .article3 .cnt .box .tbx .tit-box b{font-size: 45px; line-height: 1.6; letter-spacing: 0.08em; color: #6d6157; font-weight: 500;}
.Autologous01 .article3 .cnt .box .tbx .tit-box p{font-size: 30px; line-height: 1.6; color: #f9a099; letter-spacing: 0.06em; margin-bottom: 10px;}
.Autologous01 .article3 .cnt .box .tbx .tit-box span{position: relative; font-size: 28.5px; line-height: 1.6; letter-spacing: 0.06em; color: #796f66; font-weight: 300; z-index: 1;}
.Autologous01 .article3 .cnt .box .tbx .tit-box span:before{position: absolute; content: ''; width: 100%; height: 24px; background: #feeceb; border-radius: 50px; filter:blur(3px); left: 0; bottom: 5px; z-index: -1;}
.Autologous01 .article3 .cnt .box .tbx .txt{display: flex; flex-direction: column;    flex-direction: column;font-size: 25px;line-height: 1.7;letter-spacing: 0.08em;color: #796f66;gap: 1em;margin-top: 46px;margin-left: 5px;}
.Autologous01 .article3 .cnt .box:nth-child(2) .tbx .tit-box p{width: 110%;}

.Autologous01 .article4{position: relative; margin-top: 10px; font-family: 'MinSans'; background: url(/include/img/sub0701_art4-bg.jpg) ; padding-bottom: 110px;}
.Autologous01 .article4:before{position: absolute; content: ''; left: 0; top: -25px; width: 100%; height: 80px; background: url(/include/img/sub0701_art4-tit-bg.png) no-repeat;}
.Autologous01 .article4 .ar4-top{position: relative; background: #514643; text-align: center; padding-top: 132px; margin-bottom: 24vw; }
.Autologous01 .article4 .ar4-top:after{position: absolute; content: ''; left: 0; bottom: -24vw; background:  url(/include/img/sub0701_art4-tit-bg2.png) center bottom no-repeat; background-size: 100%; width: 100%; height: 25vw;}
.Autologous01 .article4 .ar4-top .box{background: #f9f5f1; padding: 20px;  margin-top: 80px;}
.Autologous01 .article4 .ar4-top .box .line{border: 1px solid #282828; padding: 10px;}
.Autologous01 .article4 .ar4-top .box .line2{border: 1px solid #dba588;}
.Autologous01 .article4 .ar4-top .box .txt{display: flex; justify-content: space-between; align-items:center;  height: 260px;  margin: 0 auto; max-width:1282px; padding-bottom: 20px;}
.Autologous01 .article4 .ar4-top .box .txt p{font-size: 30px; line-height: 1.6; color: #6d6157; letter-spacing: 0.08em;}

.Autologous01 .article4 .cnt{padding-top: 60px;}
.Autologous01 .article4 .cnt .box .b-tit{display: flex; flex-direction: column; align-items:center; justify-content: center; text-align: center;}
.Autologous01 .article4 .cnt .box .b-tit small{ font-family: 'Blacksword'; font-size: 30.62px; line-height: 1.5; letter-spacing: 0.08em; color: #6d6157;}
.Autologous01 .article4 .cnt .box .b-tit b{font-size: 45px; line-height: 1.6; letter-spacing: 0.08em; color: #6d6157; font-weight: 400; margin-top: 16px;}
.Autologous01 .article4 .cnt .box .b-tit .link-p{position: relative; display: flex; align-items:center; justify-content: center; height: 68px; padding: 0 7px; margin-top: 26px;}
.Autologous01 .article4 .cnt .box .b-tit .link-p:before,
.Autologous01 .article4 .cnt .box .b-tit .link-p:after{position: absolute; content: ''; width: 100%; height: 1px; background: url(/include/img/arti4-line.png); left: 0; top: 0;}
.Autologous01 .article4 .cnt .box .b-tit .link-p:after{top: auto ;bottom: 0;}
.Autologous01 .article4 .cnt .box .b-tit .link-p p{font-size: 30px; line-height: 1.5; letter-spacing: 0.08em; color: #6d6157;}
.Autologous01 .article4 .cnt .box .b-tit > p{font-size: 25px; line-height: 1.6; letter-spacing: 0.08em; color: #6d6157; margin-top: 26px;}
.Autologous01 .article4 .cnt .box .cnt-box{display: flex; margin-top: 50px;}
.Autologous01 .article4 .cnt .box ul{display: inline-flex; flex-direction: column; justify-content: center; margin: 0 auto; }
.Autologous01 .article4 .cnt .box ul > li{display: flex; flex-wrap:wrap; gap:15px; font-size: 25px; line-height: 55px; letter-spacing: 0.08em; color: #6d6157;}
.Autologous01 .article4 .cnt .box ul > li p{flex:1;}
.Autologous01 .article4 .cnt .box2{position: relative; margin-top: 60px; padding-top: 170px; }
.Autologous01 .article4 .cnt .box2:before{position: absolute; content: ''; width: 100%; height: 98px; background: url(/include/img/sub0701_art4-box2-line.png); left: 0; top: 0;}

.Autologous01 .article5{background: #514643 url(/include/img/sub0701_art5-bg.jpg) right top no-repeat; padding-top: 207px; padding-bottom: 215px;}
.Autologous01 .article5 .ar5-tit{text-align: center;display: flex; flex-direction: column; justify-content: center; align-items:center; gap:80px;}
.Autologous01 .article5 .sub-tit p{color: #fff;}
.Autologous01 .article5 .sub-tit b{color: #fff;}
.Autologous01 .article5 .cnt{display: flex; flex-direction: column; padding: 0 75px; gap:75px; margin-top: 108px;}
.Autologous01 .article5 .cnt .box{background: #fff; border-radius: 15px; display: flex; flex-wrap:wrap; align-items:center; overflow: hidden; height: 412px; box-shadow:8px 21px 8px rgba(53,41,37,0.55)}
.Autologous01 .article5 .cnt .box figure{width: 43.5%; display: flex; align-items:center; justify-content: center; box-sizing: border-box; padding-left: 44px;}
.Autologous01 .article5 .cnt .box .tbx{flex:1  }
.Autologous01 .article5 .cnt .box .tbx ul{display: flex; flex-direction: column; gap:36px;}
.Autologous01 .article5 .cnt .box .tbx ul > li{display: flex; flex-wrap:wrap; gap:14px; font-size: 25px; line-height: 1.5; letter-spacing: 0.08em; color: #514643; font-weight: 400;}
.Autologous01 .article5 .cnt .box .tbx ul > li p{flex:1; }
.Autologous01 .article5 .cnt .box .tbx ul > li p span{font-weight: 500; color: #f9a099;}

.Autologous01 .article6{position: relative; background: #f8f8f8 url(/include/img/sub0701_art6-bg.jpg) center top no-repeat; padding-top: 426px; padding-bottom: 248px; font-family: 'MinSans'; z-index: 1;}
.Autologous01 .article6 .cnt1{display: flex; flex-direction: column; gap:48px; padding: 0 23px; margin-top: 77px; }
.Autologous01 .article6 .cnt1 .box{display: flex; flex-direction: column; gap:31px;}
.Autologous01 .article6 .cnt1 .box b{display: flex; align-items: flex-end; gap:14px; font-size: 35px; line-height: 1.2; letter-spacing: 0.08em; color: #514643; font-weight: 600;}
.Autologous01 .article6 .cnt1 .box b span{font-size: 60px; font-weight: 600; color: #f9a099; line-height:	1; letter-spacing: 0.1em;}
.Autologous01 .article6 .cnt1 .box > p{font-size: 25px; line-height:1.7; color: #514643; font-weight: 400; letter-spacing: 0.08em; width: 110%;}
.Autologous01 .article6 .cnt2{position: relative;  background: #fff; text-align: center; margin: 60px -62px 0; text-align: center; padding: 73px 77px; box-shadow:28px 18px 32px rgba(237,226,226,0.7)}
.Autologous01 .article6 .cnt2:before{position: absolute; content: '';     left: -2px; top: -3px; width: 218px; height: 150px; background: url(/include/img/sub0701_art6-box.jpg) center top no-repeat;}

.Autologous01 .article6 .cnt2 .cn-tit{display: flex; flex-direction: column; justify-content: center; align-items:center; gap:34px; }
.Autologous01 .article6 .cnt2 .cn-tit b{font-size: 40px; line-height: 1.5; letter-spacing: 0.08em ;color: #514643; font-weight: 400;}
.Autologous01 .article6 .cnt2 .flex{display: flex; flex-wrap:wrap; gap:29px 27px; margin-top: 60px;}
.Autologous01 .article6 .cnt2 .flex .box{flex:1 1 20%;}
.Autologous01 .article6 .cnt2 .flex .box img{max-width:100%; width: auto;; }
.Autologous01 .article6 .cnt2 .flex .box .tbx{font-size: 20px; line-height: 1.6; letter-spacing: 0.08em; color: #514643; height: 62px; display: flex; align-items:center; justify-content: center; }
.Autologous01 .article6 .cnt2 > p{font-size: 20px; line-height: 1.7; color: #514643; letter-spacing: 0.08em; margin-top: 44px;}
.Autologous01 .article6 .bg{position: absolute; right: 0; bottom: 0; z-index: -1;}  

.Autologous01 .article7{position: relative; background: url(/include/img/sub0701_art7-bg.jpg) left bottom; z-index: 1; padding-top: 204px; padding-bottom: 200px; text-align: center;  font-family: 'MinSans'; } 
.Autologous01 .article7:before,
.Autologous01 .article7:after{position: absolute; content: ''; width: 100%; height: 700px; background: url(/include/img/sub0701_art7-bg2.png) center top no-repeat; left: 0; top: 0; z-index: -1;}
.Autologous01 .article7:after{background: url(/include/img/sub0701_art7-bg3.png) center bottom no-repeat;  left: 0; top: auto; bottom:0px; }
.Autologous01 .article7 .ar7-tit {position: relative; display: flex; flex-direction: column; justify-content: center; align-items:center; padding-bottom: 82px;}
.Autologous01 .article7 .ar7-tit:after{position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 52px; background: url(/include/img/sub0701_art7-tit-line.png) center no-repeat;}
.Autologous01 .article7 .ar7-tit small{font-size: 25px; line-height: 1.6; color: #514643; font-weight: 300; letter-spacing: 0.08em;	}
.Autologous01 .article7 .ar7-tit strong{font-size: 60px; line-height: 1.7; color: #514643; font-weight: 600; color: #514643; margin-top: 17px; letter-spacing: 0.08em;}
.Autologous01 .article7 .ar7-tit strong span{color: #f9a099;}
.Autologous01 .article7 .ar7-tit p{font-size: 25px; line-height: 1.7; color: #514643; letter-spacing: 0.04em; color: #514643; margin-top: 93px; }
.Autologous01 .article7 .ar7-tit p b{font-weight: 600; color: #f9a099; font-size: 30px;	}

.Autologous01 .article7 .cnt {display: flex; flex-direction: column; }
.Autologous01 .article7 .cnt .box .tbx{display: flex; flex-direction: column; margin-bottom: 35px;}
.Autologous01 .article7 .cnt .box .tbx p{font-size: 34.91px; line-height: 1.6; color: #51483e; letter-spacing: -0.01em; }
.Autologous01 .article7 .cnt .box .tbx p b{color: #000; font-weight: 600;}
.Autologous01 .article7 .cnt .box .tbx span{font-size: 27px; line-height: 1.5; letter-spacing: -0.04em; color: #51483e; font-weight: 400;}
.Autologous01 .article7 .cnt .box .flex {display: flex; flex-wrap:wrap; gap:30px;}
.Autologous01 .article7 .cnt .box .flex .cn-box{flex:1; display: flex; flex-wrap:wrap; gap:2px;}
.Autologous01 .article7 .cnt .box .flex .cn-box .cn{flex:1;}
.Autologous01 .article7 .cnt .box .flex .cn-box .cn figure{overflow: hidden;}
.Autologous01 .article7 .cnt .box .flex .cn-box .cn figure img{width: 100%;}
.Autologous01 .article7 .cnt .box .flex .cn-box .cn p{font-family: 'BonmyeongjoSourceHanSerif'; display: flex; align-items:center; justify-content: center; text-align: center; font-size: 22.54px; line-height: 1.5; letter-spacing: -0.04em; height: 49px; background: #5d5d5d; color: #fff;}
.Autologous01 .article7 .cnt .box .flex .cn-box .cn:last-child p{background: #f2acac;} 





.mob-block{display: none;}



@media screen and (max-width: 1550px){
	
	
}

@media screen and (max-width: 1360px){
	.Autologous01 .article2 .flex-box .box figure img{right: 0; width: auto; max-width:100%;}
	.Autologous01 .article6 .cnt2{margin: 40px 0 0;}
	
}

@media screen and (max-width: 1024px){
	.Autologous01 {max-width:100%; overflow: hidden;	}
	.Autologous01 .article1{height: auto; padding: 12vw 0; margin-bottom: -1px;}
	.Autologous01 .article2{background-position: left bottom;}
	.Autologous01 .article2 .flex-box{flex-direction: column-reverse; justify-content: center; align-items:center;}
	.Autologous01 .article2 .flex-box .box{width: 100%; }
	.Autologous01 .article2 .flex-box .box figure img{width: 100%; max-width:100%;}
	.Autologous01 .article2 .s-tit img{width: auto; max-width:100%;}
	
	.Autologous01 .article3 .bg-box > .f1 img{max-width:20vw; width: auto;}
	.Autologous01 .article3 .bg-box > .f2 img{max-width:20vw; width: auto;}
	.Autologous01 .article3 .cnt{margin-top: 40px;}
	.Autologous01 .article3 .cnt .box{flex-direction: column; gap:30px}
	.Autologous01 .article4 .ar4-top{padding-top: 40px;}
	.Autologous01 .article4 .ar4-top i img{max-width:70vw; width: auto;}
	.Autologous01 .article4 .ar4-top .box .txt{padding: 10px;}
	.Autologous01 .article4 .ar4-top .box .txt p{font-size: 23px; line-height: 1.5;}
	.Autologous01 .article4 .cnt .box .b-tit small{font-size: 26px;}
	.Autologous01 .article4 .cnt .box .b-tit b{font-size: 32px; line-height: 1.5;}
	.Autologous01 .article4 .cnt .box .b-tit .link-p p{font-size: 22px;}
	.Autologous01 .article4 .cnt .box .b-tit > p{font-size: 20px;}
	.Autologous01 .article4 .cnt .box ul > li{font-size: 22px;}
	.Autologous01 .article5{padding: 60px 0;}
	.Autologous01 .article5 .ar5-tit{gap:30px;}
	.Autologous01 .article5 .ar5-tit i img{max-width:45vw; width: auto;	}
	.Autologous01 .article5 .cnt{padding: 0; margin-top: 40px;}
	.Autologous01 .article5 .cnt .box figure{padding-left: 0;}
	.Autologous01 .article5 .cnt .box .tbx ul{gap:10px;}
	.Autologous01 .article5 .cnt .box .tbx ul > li{font-size: 20px;}
	.Autologous01 .article6{padding-top: 100px;}
	.Autologous01 .article6 .cnt1 .box b{font-size: 28px;}
	.Autologous01 .article6 .cnt1 .box b span{font-size: 40px;}
	.Autologous01 .article6 .cnt1 .box > p{font-size: 22px; line-height: 1.5;}
	.Autologous01 .article6 .cnt2{padding: 78px 20px;}
	.Autologous01 .article6 .cnt2 .cn-tit b{font-size: 28px;}
	.Autologous01 .article6 .cnt2 .flex{margin-top: 40px; gap:10px}
	.Autologous01 .article6 .cnt2 .flex .box{flex: 1 1 40%}
	.Autologous01 .article6 .bg img{max-width:40vw; width: auto;}
	
	.Autologous01 .article7{padding-top: 80px; padding-bottom: 100px;}
	.Autologous01 .article7 .ar7-tit small{font-size: 20px;}
	.Autologous01 .article7 .ar7-tit strong{font-size: 48px; line-height: 1.5;}
	.Autologous01 .article7 .ar7-tit p{margin-top: 40px; font-size: 22px; line-height: 1.5;}
	.Autologous01 .article7 .ar7-tit p b{font-size: 26px;}
	.Autologous01 .article7:before,
	.Autologous01 .article7:after{background-size: 100%;}
	
}


/* ---------------------------------------------------------- 720 */
@media screen and (max-width: 720px){

	.Autologous01 .article1 .inner .tbx{padding-left: 5vw;}
	.Autologous01 .article1 .inner .tbx:before{height: 100%; width: 3vw;}
	.Autologous01 .article1 .inner .tbx b{  font-size: 7.5vw;line-height: 1.3; margin-bottom: 2vw;}
	.Autologous01 .article1 .inner .tbx p{font-size: 3.5vw; line-height: 1.3; 	}
	
	.Autologous01 .sub-tit p{font-size: 3vw; line-height: 1.5; margin-bottom: 10px;}
	.Autologous01 .sub-tit b{font-size: 6.2vw; line-height: 1.5;}	
	.Autologous01 .article2 .flex-box .box .tbx p{font-size: 4.4vw;line-height: 1.5; }
	.Autologous01 .article2 .flex-box .box .txt{padding: 0; font-size: 3.2vw; line-height: 1.5; padding: 0 20px; margin-top: 30px;}
	.Autologous01 .article2 .flex-box .box .txt br{display: none;}
	.Autologous01 .article3{padding-top: 80px; }
	.Autologous01 .article3 .cnt{padding: 0;} 
	.Autologous01 .article3 .cnt img{width: auto; max-width:100%;}
	.Autologous01 .article3 .cnt .box .lbx figure{padding: 6vw; background-size: cover;}
	.Autologous01 .article3 .cnt .box .tbx{padding-left: 0;}
	.Autologous01 .article3 .cnt .box .tbx small{font-size: 16px; width: 100px; padding: 0 10px; height: 32px;}
	.Autologous01 .article3 .cnt .box .tbx .tit-box{align-items: flex-start;}
	.Autologous01 .article3 .cnt .box .tbx .tit-box b{font-size: 4.2vw; line-height: 1.5;}
	.Autologous01 .article3 .cnt .box .tbx .tit-box p{font-size: 3.8vw;}
	.Autologous01 .article3 .cnt .box .tbx .tit-box span{font-size: 3.6vw;}
	.Autologous01 .article3 .cnt .box .tbx .tit-box span:before{height: 50%;}
	.Autologous01 .article3 .cnt .box .tbx .txt{width: 100%;}
	.Autologous01 .article3 .cnt .box .tbx .txt{margin-left: 0; margin-top: 20px; font-size: 3.2vw; line-height: 1.5;}
	.Autologous01 .article3 .cnt .box .tbx .txt br{display: none;}
	.Autologous01 .article4 .ar4-top .box{margin-top: 40px;}
	.Autologous01 .article4 .ar4-top .box .txt{flex-direction: column; }
	.Autologous01 .article4 .ar4-top .box .txt{height: auto; flex-direction: column; gap:15px}
	.Autologous01 .article4 .ar4-top .box .txt img{max-width:12vw; width: auto;}
	.Autologous01 .article4 .ar4-top .box .txt p{font-size: 3.2vw; line-height: 1.5; }
	.Autologous01 .article4 .ar4-top .box .txt p br{display: none;}
	.Autologous01 .article4 .cnt .box .b-tit small{font-size: 3.2vw;}
	.Autologous01 .article4 .cnt .box .b-tit b{font-size: 4.2vw;}
	.Autologous01 .article4 .cnt .box .b-tit .link-p{height: auto; padding: 10px 5px;}
	.Autologous01 .article4 .cnt .box .b-tit .link-p p{font-size: 3.2vw; line-height: 1.5; }
	.Autologous01 .article4 .cnt .box .b-tit > p{font-size: 3.2vw; line-height: 1.5;}
	.Autologous01 .article4 .cnt .box ul {gap:10px}
	.Autologous01 .article4 .cnt .box ul > li {font-size: 3.2vw; line-height: 1.5;}
	.Autologous01 .article4 .cnt .box ul > li i img{max-width:6vw; width: auto;}
	.Autologous01 .article5 .cnt{gap:30px;}
	.Autologous01 .article5 .cnt .box{flex-direction: column; height: auto; gap:30px; padding: 20px;}
	.Autologous01 .article5 .cnt .box figure{width: 100%; }
	.Autologous01 .article5 .cnt .box figure img{max-width:100%; width: auto;}
	.Autologous01 .article5 .cnt .box .tbx ul > li{font-size: 3.2vw; line-height: 1.5;}
	.Autologous01 .article6{padding-bottom: 100px;}
	.Autologous01 .article6 .cnt1{gap:20px ;margin-top: 40px;}
	.Autologous01 .article6 .cnt1 .box{gap:10px;}
	.Autologous01 .article6 .cnt1 .box b{font-size: 3.4vw; line-height: 1.5;}
	.Autologous01 .article6 .cnt1 .box b span{font-size: 4.8vw; line-height: 1.2;}
	.Autologous01 .article6 .cnt1 .box > p{font-size: 3.2vw; line-height: 1.5; width: 100%;}
	.Autologous01 .article6 .cnt1 .box > p br{display: none;}
	.Autologous01 .article6 .cnt2{padding: 40px 20px;}
	
	.Autologous01 .article6 .cnt2:before{background-size: 15vw; background-position: left top;}
	.Autologous01 .article6 .cnt2 .cn-tit{gap:10px}
	.Autologous01 .article6 .cnt2 .cn-tit b{font-size: 3.6vw;}
	.Autologous01 .article6 .cnt2 .flex .box .tbx{font-size: 3vw; line-height: 1.5;}
	.Autologous01 .article6 .cnt2 > p{font-size: 3.2vw; line-height: 1.5; margin-top: 20px;}
	.Autologous01 .article7 .ar7-tit{padding-bottom: 60px;}
	.Autologous01 .article7 .ar7-tit small{font-size: 3.2vw; line-height: 1.5;}
	.Autologous01 .article7 .ar7-tit strong{font-size: 5.2vw; line-height: 1.5;}
	.Autologous01 .article7 .ar7-tit p{font-size: 3.2vw; line-height: 1.5;}
	.Autologous01 .article7 .ar7-tit p br{display: none;}
	.Autologous01 .article7 .ar7-tit p b{display: block; font-size: 3.2vw; line-height: 1.5;}
	.Autologous01 .article7 .ar7-tit:after{background-size: 100%;}
	.Autologous01 .article7 .cnt .box .tbx p{font-size: 4.2vw; line-height: 1.5;}
	.Autologous01 .article7 .cnt .box .flex .cn-box .cn p{height: auto; padding: 10px 5px; font-size: 3.2vw; line-height: 1.5;}
	.Autologous01 .article7 .cnt .box .flex{flex-direction: column; }
	.Autologous01 .article7 .cnt .box .tbx span{font-size: 3.2vw; line-height: 1.5;}
	
	.pc-block{display: none;}
	.mob-block{display: block;}
}




@media screen and (max-width: 640px){

}

@media screen and (max-width: 480px){

}