@charset "utf-8";

:root {
	font-size:18px;
}
@media (max-width:1200px) {
	:root {font-size:clamp(16px, 1.5vw, 18px);}
}
@media (max-width:1024px) {
	:root {font-size:clamp(14px, 1.56vw, 16px);}
}

.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mb50 {margin-bottom:50px !important;}
.pt-0 {padding-top:0px !important;}
.pt100 {padding-top:100px !important;}

/* ******************** 공용 ******************** */

	/*버튼 type-arrowR*/
	a.type-arrowR {
		display:inline-block; padding:20px 110px 20px 35px;
		background:no-repeat url(../images/main/arrowR.png) right 30px center;
		border:2px solid #ff9373; border-radius:10px; line-height:1; font-size;:18px; color:#000; font-weight:400;
	}
	a.type-arrowR:hover {animation:arrowR_move .8s infinite;}
	@keyframes arrowR_move {
		0% {background-position:right 30px center;}
		50% {background-position:right 20px center;}
		100% {background-position:right 30px center;}
	}

	a.fix {width:260px; padding-right:35px; text-align:left;}
	a.fix.industry {width:auto;}

	.sub_tab {}
	.sub_tab ul {display:flex; flex-wrap:wrap; width:100%; margin-top:-40px;}
	.sub_tab.item2 ul li {width:50%;}
	.sub_tab ul li.active a {background-color:#fa744f; color:#fff;}
	.sub_tab ul li a {display:block; height:80px; border-left:1px solid #e3e1de; box-sizing:border-box; display:flex; align-items:center; justify-content:center; font-size:1rem; font-weight:500; letter-spacing:-0.025em; color:#444; width:100%; background-color:#f7f5f3; text-align:center;}
	.sub_tab ul li:first-child a {border:none;}
	.content {display:none;}
	.content.on {display:block;}

	/* ******************** product 공통 ******************** */
	.row-movie-wrap {width:100vw;}
	.row-movie-wrap iframe {width:100vw !important; height:100vh !important;}

	/*반반영역*/
	.product .half-wrap {display:flex;}
	.product .half-wrap .half {width:50%;}

	/*여백공통*/
	.product .layout-basic {padding:70px 5vw;}
	.product .layout-basic2 {padding:70px 5vw 100px;}
	.product div[class*="row-"] .inner-con {margin-top:50px;}
	.product div[class*="row-"]>article {width:1200px; margin:0 auto;}
	.product .row-txt-wrap {
		background-repeat:no-repeat; background-position:center 65px;
	}

	/*제목공통*/
	.product div[class*="row-"] h3 {font-size:60px; color:#ee2e2c; font-weight:400; letter-spacing:-2px;}
	.product div[class*="row-"] h4 {font-size:30px; color:#ee2e2c; font-weight:500; letter-spacing:-1.5px; line-height:1.2;}

	/*제품소개*/
	.row-intro-wrap {height:670px; text-align:center; align-items:center;}
	.row-intro-wrap .inner-infor h2 {font-size:80px; font-weight:700; color:#ee2e2c; letter-spacing:-1px;}
	.row-intro-wrap .inner-infor ul {margin-top:50px;}
	.row-intro-wrap .inner-infor ul li {font-size:24px; font-weight:300;}
	.row-intro-wrap .inner-infor .btn {margin-top:100px; display:flex; justify-content:center;}
	.row-intro-wrap .inner-infor .btn.industry { display: grid; justify-content: center;
    grid-template-columns: repeat(2,1fr); width: 65%; gap: 10px; margin: 80px auto 30px;}
	.row-intro-wrap .inner-infor .btn.industry a:nth-child(3) { 
	grid-column: 1 / 3;
	}
	.row-intro-wrap .inner-infor .btn a {border-color:#ee2e2c; margin:0 25px;}
	.row-intro-wrap .inner-img {}

	/*배경색정의*/
	.row-bgGray {background-color:#f6f6f6;}
	.row-bgPink {background-color:#fff6f8;}
	.row-bgPink2 {background-color:#ffebef;}
	.row-bgKaki {background-color:#eaeeeb;}
	.row-bgRed {background-color:#ee2e2c; color:#fff;}


	/*Features*/
	.product .bio .feature p {font-size:20px; line-height:1.8; margin-top:30px;}
	.product .bio .feature .inner-con {display:flex; justify-content:space-between;}
	.product .bio .feature .inner-con:after,
	.product .bio .feature .inner-con:before	{display:none;}
	.product .bio .feature .inner-con .box {width:calc((100% - 240px)/4);}
	.product .bio .feature .inner-con .box h4 {margin-top:20px;}

	/*인공피부*/
	.product .bio .artificial-skin {background-image:url(../images/product/txt-artificial-skin.png);}
	.product .bio .artificial-skin h3 {text-align:center;}
	.product .bio .artificial-skin p.major-ment {text-align:center;}
	.product .bio .artificial-skin .in-box {display:flex; flex-direction:row;}
	.product .bio .artificial-skin .in-box + .in-box {margin-top:70px;}
	.product .bio .artificial-skin .in-box .img {width:480px;}
	.product .bio .artificial-skin .in-box .img img {border:1px solid #ddd;}
	.product .bio .artificial-skin .in-box .txt {width:calc(100% - 480px); padding-left:70px;}
	.product .bio .artificial-skin .in-box .txt h4 {margin-bottom:50px;}
	.product .bio .artificial-skin .in-box .txt ul li {font-size:20px; font-weight:300;}
	.product .bio .artificial-skin .in-box .txt p {font-size:20px; font-weight:300;}

	/*product공통*/
	.product .row-bgRed h3 {color:#fff !important; line-height:1.2;}
	.product p.major-ment {font-size:26px; margin-top:50px; font-weight:300;}
	.product p.middle-ment {font-size:22px; margin-top:80px; font-weight:300;}
	.product p.sub-ment {font-size:20px; margin-top:50px; font-weight:400;}
	ul.check-red li {padding-left:50px; background:no-repeat left 9px url(../images/common/i-check-red.png);}
	ul.check-red li+li {margin-top:5px;}
	ul.check-white li {padding-left:50px; background:no-repeat left 9px url(../images/common/i-check-white.png);}
	ul.check-white li+li {margin-top:30px;}
	ul.check-black li {padding-left:40px; background:no-repeat left 9px url(../images/common/i-check-black.png);}
	ul.check-black li+li {margin-top:10px;}
	.product .img.bottom {display:flex; justify-content:center; align-items:end;}
	.product .img.center {display:flex; justify-content:center; align-items:center;}
	.product .contents-inner .specify h3 {text-align:center;}

	/*3D 암 오가노이드*/
	.product .bio .organoid {background-image:url(../images/product/txt-3d-cancer.png);}
	.product .bio .organoid .inner-con {display:flex;}
	.product .bio .organoid .inner-con .in-img {padding-right:20px;}
	.product .bio .organoid .inner-con .in-img>*+* {margin-top:5px;}
	.product .bio .organoid .inner-con .in-img p {font-size:20px; font-weight:300;}

	/*3D 암 오가노이드2*/
	.product .bio .organoid2 {text-align:right;}
	.product .bio .organoid2 p.major-ment {margin-top:0;}
	.product .bio .organoid2 .in-img {display:flex; justify-content:end; margin:50px 0;}
	.product .bio .organoid2 .in-img .img {padding-left:20px;}

	/*General Specifications*/
	.product .row-table .inner-table {}
	.product .row-table .inner-table .in {display:flex;}
	.product .row-table .inner-table .in:nth-child(odd) {background:#eaeeeb;}
	.product .row-table .inner-table .in>div {width:50%; padding:30px 50px; font-size:20px;}
	.product .row-table .inner-table .in .subject {font-weight:500;}
	.product .row-table .inner-table .in .explain {font-weight:300;}
	.product .configuration .top-tit {display:flex;}
	.product .configuration .top-tit>* {width:50%;}
	.product .configuration .top-tit .tab {text-align:right; font-size:0;}
	.product .configuration .top-tit .tab li {display:inline-block; padding-left:20px;}
	.product .configuration .top-tit .tab li a {
		display:block;
		width:300px; padding:20px 0; text-align:center; background:#fff;
		font-size:24px; font-weight:700; color:#ee2e2c; border-radius:10px;
	}
	.product .configuration .top-tit .tab li.on a {background:#ee2e2c; color:#fff;}

	/*table-type1*/
	table.type1 tr>* {padding:20px 30px; border-right:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2;}
	table.type1 thead tr th {background:#fff; font-size:18px; color:#000; font-weight:400; border-top:1px solid #b2b2b2;}
	table.type1 thead tr th:first-child {background:#ee2e2c; color:#fff; font-weight:500; border-top:1px solid #ee2e2c; border-right:1px solid #ee2e2c; border-bottom:1px solid #f36d6c;}
	table.type1 tbody tr th {background:#ee2e2c; color:#fff; font-weight:500; border-right:1px solid #ee2e2c; border-top:1px solid #ee2e2c; border-bottom:1px solid #f36d6c;}
	table.type1 tbody tr td {font-size:18px; text-align:center; background:#eaeeeb;}
	table.field tbody tr td {text-align:left;}

	/*table-type2*/
	table.type2 tr>* {padding:20px 30px; border-right:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2; font-size:18px;}
	table.type2 thead tr th {background:#ee2e2c; color:#fff; font-size:18px; font-weight:500; border-right:1px solid #f36d6c; border-bottom:1px solid #ee2e2c;}
	table.type2 thead tr th:last-child {border-right:1px solid #ee2e2c;}
	table.type2 tbody tr th {background:#fff; color:#000; font-weight:400;}
	table.type2 tbody tr th:first-child {border-left:1px solid #b2b2b2;}
	table.type2 tbody tr td {text-align:center; background:#eaeeeb;}

	/*table-type3*/
	table.type3 tr>* {padding:20px 50px; border-right:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2; font-size:18px;}
	table.type3 thead tr th {background:#ee2e2c; color:#fff; font-size:18px; font-weight:500; border-right:1px solid #f36d6c; border-bottom:1px solid #ee2e2c;}
	table.type3 thead tr th:last-child {border-right:1px solid #ee2e2c;}
	table.type3 tbody tr td {background:#eaeeeb; padding:30px 50px;}
	table.type3 tbody tr td:first-child {border-left:1px solid #b2b2b2;}
	table.type3 tbody tr td.bg-white {background:#fff; text-align:center;}
	table.type3 tbody tr td.bg-white b {font-weight:700;}
	table.type3 tbody tr td:first-child {border-left:1px solid #b2b2b2;} 

	/*Allern*/
	.product .ceramic .feature {text-align:center;}
	.product .ceramic .feature .inner-con {display:flex; justify-content:space-between;}
	.product .ceramic .feature .inner-con>div>i {display:inline-block;}
	.product .ceramic .feature .inner-con>div>h4 {margin-top:10px;}
	.product .ceramic .feature .inner-con>div>p {font-size:22px; color:#000; margin-top:20px; height:80px; font-weight:300;}
	.product .ceramic .feature .inner-con>div>.img {margin-top:50px;}

	.product .ceramic .new-approach p {margin-top:70px; font-size:22px; color:#000; font-weight:300;}

	.product .ceramic .new-approach {display:flex; padding-bottom:0;}
	.product .ceramic .new-approach>div {width:calc(100%/3);}
	.product .ceramic .new-approach .img {}
	.product .ceramic .new-approach .con-right {text-align:right;}

	/*GenScan RTP-16*/
	.product .mole .row-bgPink2 .img {height:100%;}
	.product div[class*="mole"].contents-inner .check-white li {font-size:22px; font-weight:700;}
	.product div[class*="mole"].contents-inner .check-white li b {font-weight:300;}
	.product div[class*="mole"].contents-inner .check-black li {font-size:19px; font-weight:300;}


	/*GenExtractor-32A*/
	.product .mole2 .half .img {height:100% !important;}

	/*GTR Series*/
	.product .gait .feature {background:no-repeat center url(../images/product/gtr-bg.jpg); background-size:cover;}
	.product .gait .feature article {position:relative;}

	.product .gait .feature .img {position:absolute; top:0; left:0; z-index:1;}
	.product .gait .feature .img:before {
		z-index:-1;
		position:absolute; top:50px; left:50px;
		width:100%; height:100%; background:#ee2e2c; display:block; content:"";
	}
	.product .gait .feature .txt {padding-left:50%;}
	.product .gait .feature .txt ul li {font-size:22px; font-weight:500;}
	.product .gait .feature .txt ul li+li {margin-top:30px;}

	.product .gait .row-txt-wrap {
		background-position:center 0; background-image:url(../images/product/txt-product-lineup.png);
		padding-top:250px;
	}

	.product .gait .product-detail {display:flex;}
	.product .gait .product-detail>div {width:calc(100%/3); text-align:center;}
	.product .gait .product-detail .box .img {height:400px; display:flex; align-items:end; justify-content:center;}
	.product .gait .product-detail .box h3 {font-size:50px; font-weight:700;}
	.product .gait .product-detail .box h3 b {font-size:30px; font-weight:300;}
	.product .gait .product-detail .box>*+* {margin-top:30px;}
	.product .gait .product-detail .box p {font-size:20px;}
	.product .gait .specify ul.check-red li {padding-left:30px; background-size:16px;}
	.product .gait .specify ul.check-red li+li {margin-top:0;}

	/*ready-wrap*/
	.ready-wrap {padding:30vh 5vw; text-align:center;}
	
	/* notice 공통 */
	.recruit .recruitWrap { max-width : 1200px; margin:0 auto; } 
	.recruit .recruitWrap .recruit-bg { width : 100%; height : 500px; background : url(../images/notice/recruit_test.jpg) no-repeat;
	background-size : cover; background-position : 50% 50%; overflow : hidden;}
	.recruit .recruitWrap .title { margin : 50px 0; }
	.recruit .recruitWrap .title h2 { font-size : 32px; margin-bottom : 20px;} 
	.recruit .recruitWrap .title p { font-size : 24px; color : 333; }
	.recruit .recruitWrap .explain > ul > li { font-weight : 400; color : 333; margin : 20px 0; }
	.recruit .recruitWrap .explain ul li span { font-weight : 600;} 
	.recruit .recruitWrap .address { margin-bottom: 50px;}
	
	/* ceo 인사말 */
	.greeting .company-intro { position : relative; width: 100%; height : 400px; display : flex; flex-direction : column; justify-content : center; align-items : center;
	background : url(../images/company/company-1.jpg) no-repeat;
	background-size : cover; background-position : 50% 70%;
	text-align : center; color : #fff;}
	.greeting .company-intro:before { content: ""; display: block; width: 100%; position: absolute; height: 100%; background: rgba(0,0,0,0.5);}
	.greeting .company-intro h2 { font-size : 48px; text-transform : uppercase; margin-bottom : 20px; z-index : 1;}
	.greeting .company-intro p { font-size : 20px; z-index : 1;}
	
	.greeting .ceo-explain { max-width: 1200px; margin : 100px auto; display : flex; }
	.greeting .ceo-explain .text { width : 70% }
	.greeting .ceo-explain img { padding : 50px 0 0 50px; }
	.greeting .ceo-explain p { font-size : 20px; }
	.greeting .ceo-explain p:nth-of-type(1) { font-size : 30px; margin-bottom : 30px; }


	/*레이어팝업*/
	.layer-popup-wrap {
		display:none;
		position:fixed; z-index:999999;
		top:0; left:0; width:100vw; height:100vh;
		padding:5vh 20vw;
		background-color:rgba(0,0,0,.85);
	}
	.layer-popup-wrap>.wrap {
		position:relative;
		width:100%; height:100%;
		background:transparent;
	}
	.layer-popup-wrap>.wrap>article {display:flex; flex-direction:column; align-items:center; height:100%; justify-content:center;}
	.layer-popup-wrap.include-fix>.wrap .img {height:70%; overflow-y:auto; text-align:left; position:relative;}
	.layer-popup-wrap.pop-privacy>.wrap .img {height:60%;}
	.layer-popup-wrap>.wrap .img {background:#fff; padding:30px;}
	.layer-popup-wrap>.wrap .title {
		padding-top:30px;
		height:100px;
	}
	.layer-popup-wrap>.wrap .title span {
		display:inline-block;
		color:#fff; font-size:24px; font-weight:400; line-height:1; letter-spacing:-1px;
	}
	.layer-popup-wrap>.wrap .close-btn {
		height:90px;
	}
	.layer-popup-wrap>.wrap .close-btn a {
		display:inline-block; border-radius:50%; border:3px solid #fff;
		height:60px; width:60px; background:url(../images/common/pop-x.png)no-repeat center; background-size:40%;
		transition:all .5s ease !important; -webkit-transition:all .5s ease !important; -moz-transition:all .5s ease !important;
	}
	.layer-popup-wrap>.wrap .close-btn a:hover {transform:rotate(180deg);}

	/*레이어팝업-견적문의*/
	/* .fix-height-wrap {display:flex;} */
	/* .fix-height-wrap>article {width:calc(50% - 10px);} */
	/* .fix-height-wrap>article:first-child {margin-right:10px;} */
	/* .fix-height-wrap>article:last-child {margin-left:10px;} */
	.fix-height-wrap .fix-height {height:150px !important; border:1px solid #ddd; padding:30px; overflow-y:auto;}
	.fix-height-wrap+iframe {margin-top:30px;}

	/* 연구개발 */
	.sub_visual {border-radius:0 0 0 60px; background-repeat:no-repeat; background-position:center; background-size:cover;}
	.sub_visual.res {background-image:url(../images/common/sub_visual.png);}
	.sub_visual.met {background-image:url(../images/common/sub_visual03.png);}
	.sub_visual .inner {height:380px; color:#fff; text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center;}
	.sub_visual h2 {font-size:3.33rem; font-weight:bold; letter-spacing:-0.025em; padding-bottom:20px;}
	.sub_visual p {font-size:1rem; font-weight:400; letter-spacing:0.025em;}
	.sub_con_tit h5 {font-weight:700; font-size:2.44rem; line-height:1.41;}
	.heading .desc h6 {font-size:1.11rem; margin: 0; color: #444444; letter-spacing: -0.025em; line-height: 1.7em; font-weight:400;}
	.writeForm_btn {text-align: center; margin-top: 60px; font-size: 0;}
	.writeForm_btn.ta-right {text-align: right;}
	.writeForm_btn.ta-right a {text-align: center;}
	.writeForm_btn a:last-of-type {background: #87888a; margin-left: 10px;}
	.writeForm_btn a {display: inline-block; width: 180px; height: 50px; line-height: 50px; color: #fff; font-size: 15px;}
	.template_list {display:flex; flex-wrap:wrap; justify-content:center;}
	.template_list.item03 {gap:35px;}
	.template_list.item03>li {width:calc(33.33% - 24px);}
	.template_list .card {background-color:#f7f5f3; border-radius:20px 80px 20px 20px; transition:0.25s; padding:60px 40px 75px;}
	.template_list .card.eng {min-height:323px;}
	.template_list .card .num {font-size:0.89rem; font-weight: bold; color: #fa744f;}
	.template_list .card h5 {font-size:1.33rem; margin:15px 0; letter-spacing:-0.025em; font-weight:bold; color:#222; line-height:1.3;}
	.template_list .check_icon {padding:40px 30px 0;}
	.template_list .check_icon li {width:calc(100% - 30px); padding-left:30px; position:relative;}
	.template_list .check_icon li+li {margin-top:30px;}
	.template_list .check_icon li::before {content:''; position:absolute; top:3px; left:0; background:url(../images/common/check_icon01.png); display:inline-block; width:15px; height:15px;}
	.template_list .check_icon li h5 {font-size:1rem; font-weight:500; line-height:1.6; letter-spacing:-0.025em; color:#222;}
	.template_list .check_icon li p {font-size:0.9rem; font-weight:300; margin-top:20px; line-height:1.5; letter-spacing:-0.025em; color:#444;}
	.table_layout table {width:100%; text-align:left; font-size:1rem;}
	.table_layout table th, .table_layout table td {padding: 20px 25px;}
	.table_layout table th {background-color: #eeecea; color: #222; font-weight: 500; letter-spacing: 0.025em;}
	.table_layout table td {background-color: #f7f5f3; color: #444; font-weight: 400; letter-spacing: -0.025em;}
	.table_layout table tr + tr {border-top: 1px solid #dbdbdb;}
	.table_layout table td span {color:#fa744f;}

	.mtrs :before, .mtrs :after {display:none;}
	.mtrs [class *= "box"]:before,
	.mtrs [class *= "box"]:after {display:none;}
	.mtrs [class *= "wrap"]:before,
	.mtrs [class *= "wrap"]:after {display:none;}
	.mtrs .section {padding:120px 0; box-sizing:border-box;}
	.mtrs .inner {width:100%; max-width:1440px; margin:0 auto; position:relative;}
	.mtrs .img-wrap .img-box img {max-width:100%; height:100%; object-fit:cover;} 
	.mtrs .heading h3 {font-size:2.9rem; line-height:1.2; letter-spacing:-0.025em; color:#222;}
	.mtrs .heading h4 {font-size:1.33rem; color:#222; line-height:1.5em; font-weight:500;}
	.mtrs .sub_main_tit h3 {font-size:2.9rem; line-height:1.2; letter-spacing:-0.025em; color:#222;}
	.mtrs .flex-wrap {display:flex;}
	.mtrs .con01 .flex-wrap {justify-content:space-between;}
	.mtrs .layout01 .flex-wrap {align-items:center; flex-wrap:wrap;}
	.mtrs .layout01 .img-wrap > p {font-size:0.89rem; text-align:center; padding-top:15px; font-weight:300; color:#444;}
	.mtrs .flex-wrap > div {width:50%;}
	.mtrs .flex-wrap .txt-wrap {max-width:770px; padding-left:50px;}
	.mtrs .txt-box p {font-size:1.11rem; line-height:1.7; font-weight:400; letter-spacing:-0.025em; color:#444;}
	.mtrs .txt-box p+p {padding-top:20px;}
	.mtrs .txt-box p sup,
	.mtrs .txt-box p span {color:#fa744f;}
	.mtrs .layout01 .inner-blank {width:calc(100% - ((100% - 1440px)/2)); margin:0 0 0 auto;}
	.mtrs .layout01 .inner-blank.right {margin:0 auto 0 0;}
	.mtrs .circle-list {display:flex; gap:20px; justify-content:center; flex-wrap:wrap;}
	.mtrs .circle-list li {width:calc(25% - 15px); text-align:center;}
	.mtrs .circle-list li .circle {position:relative; width:100%; background-color:#fff; aspect-ratio:1/1; border-radius:50%; display:flex; align-items:center; justify-content:center; border:1px solid #ddd;}
	.mtrs .circle-list li .circle:after {position:absolute; content:''; display:block; width:60px; height:60px; background:url(../images/mtrs/i-arrow.png)no-repeat center/100%; right:-39px; z-index:1;}
	.mtrs .circle-list li:last-child .circle:after {display:none;}
	.mtrs .circle-list li .circle img {max-width:80%;}
	.mtrs .circle-list li h5 {font-size:1rem; font-weight:400; color:#222; margin-top:20px;}
	.mtrs .img-list {display:flex; flex-wrap:wrap; justify-content:center;}
	.mtrs .img-list.item2 {gap:40px;}
	.mtrs .img-list.item3 {gap:18px;}
	.mtrs .img-list.item3 li {width:calc(33.333% - 12px);}
	.mtrs .img-list.item4 {gap:20px;}
	.mtrs .img-list.item4 li {width:calc(25% - 15px);}
	.mtrs .img-list.fit {justify-content:space-between; row-gap:30px;}
	.mtrs .img-list.fit li {width:100%; max-width:fit-content;}
	.mtrs .img-list .img-box img {width: 100%; max-width: fit-content; object-fit:cover;}
	.mtrs .img-list li h5 {font-size:1rem; line-height:1.5; color:#444; font-weight:300; text-align:center; margin:10px 0 0 0;}
	.mtrs .img-list li h5 p {color:#aaa;}
	.mtrs .right-txt-wrap {width:100%; max-width:1010px; margin-left:auto;}
	.mtrs .card-wrap {display:flex; gap:20px; flex-wrap:wrap; justify-content:center;}
	.mtrs .card-wrap .card {width: calc(20% - 16px); background-color:#f7f5f3; border-radius: 20px 80px 20px 20px; padding:50px 40px;}
	.mtrs .card-wrap .card .num {font-size:0.89rem; font-weight:600; color:#fa744f;}
	.mtrs .card-wrap .card h5 {font-size:1.11rem; margin:15px 0; letter-spacing:-0.025em; font-weight:500; color:#222;}
	.mtrs .card-wrap .card p {font-size:1rem; line-height:1.5em; letter-spacing:-0.025em; font-weight:300; color:#444;}
	.mtrs .txt-box .txt p sup {color:#fa744f;}

	/* 사례연구 */
	.case .content {display:block;}

	/* Bioinks */
	.bio .bg_box {background:url(../images/meterials/bio_con01_txt_bg01.png); background-repeat:no-repeat; background-position:right center;}
	.bio .flex_row {display:flex; flex-wrap:wrap;}
	.bio .flex_row.center {align-items:center;}
	.bio .flex_row > div {width:50%;}
	.bio .img_wrap .img_box {border-radius:35px; aspect-ratio:1/1; margin-right:50px; width:fit-content; overflow:hidden; box-sizing:border-box; border:1px solid #dbdbdb;}
	.bio .img_wrap .img_box.nobd {border:none; border-radius:0;}
	.bio .img_wrap .img_box.nobd img {width:100%; object-fit:contain;}
	.bio .img_box img {width:100%; object-fit:cover; height:100%;}
	.bio .txt_wrap .txt_box .txt p {font-size:1.11rem; line-height:1.7; font-weight:300; letter-spacing:-0.025em; color:#444;}
	.bio .pdf_list .tit p {color:#222; font-weight:700; font-size:20px;}
	.bio .pdf_list ul {margin-top:20px;}
	.bio .pdf_list ul li + li {margin-top:10px;}
	.bio .pdf_list ul li a {display:flex; align-items:center; gap:0 5px; font-size:18px; font-weight:500; color:#fa744f;}
	.bio .pdf_list ul li a i img {width:70%;}

	.bio .title {margin-bottom:35px;}
	.bio .title h5 {font-size:2.9rem; font-weight:bold; letter-spacing:-0.025em; color:#222; margin-bottom:30px; line-height:1.2;}
	.bio .imgList-2 {display:flex; gap:36px;}
	.bio .imgList-2 > li {width:calc(50% - 18px); padding:15px; padding-bottom:0; border-radius:10px; background-color:#f7f5f3;}
	.bio .imgList-2 > li.color {background:linear-gradient(to top, #fa8564, #fde2da); color:#fff;}
	.bio .imgList-2 > li .img img {width:100%; border-radius:8px;}
	.bio .imgList-2 > li .txt {text-align:center; padding:25px;}
	.bio .imgList-2 > li .txt p {font-weight:700; font-size:1.44rem;}
	
	/* artificial skin */
	.arti .con01 .flex_row .img_wrap {width:calc(30% + 35px);}
	.arti .con01 .flex_row .txt_wrap {width:calc(70% - 35px);}
	.arti .con02 .img_box {text-align: center; margin-bottom: 50px;}
	.arti .con02 .img_box img {width: 100%; max-width: fit-content;}
	.arti .con02 .row01 ul {display: flex;}
	.arti .con02 .row01 ul li.color {background-color: #fa744f;}
	.arti .con02 .row01 ul li {width: 50%; background-color: #f7f5f3; text-align: center; padding: 10px; padding-top: 0; box-sizing: border-box;}
	.arti .con02 .row01 ul li.color h5 {color: #fff;}
	.arti .con02 .row01 ul li h5 {font-weight: 700; font-size:1.33rem; padding: 20px 0; line-height:1.3;}
	.arti .con02 .row01 ul li .txt_box {background-color: #fff; padding: 50px; box-sizing: border-box;}
	.arti .con02 .row01 ul li .txt_box p {font-size:1.11rem; line-height: 1.7em; color: #444;}


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

	.sub_visual .inner {width:93.75%; margin:0 auto;}
	.template_list.item03 {gap:10px;}
	.template_list.item03>li {width:calc(33.33% - 7px);}

	/* 연구개발 */
	.mtrs .inner {width:93.75%;}
	.mtrs .layout01 .inner-blank {width:100%;}
	.mtrs .layout01 .inner-blank.right {margin:0;}
	.mtrs .con01 .txt-wrap {padding:0 0 0 50px;}
	.mtrs .card-wrap .card {padding: 40px 25px;}
	.mtrs .img-list.fit {justify-content:center;}

}


/* ************************ 노트북 (992~1280) ************************ */
@media screen and (min-width:992px) and (max-width:1400px) {

	/* body {border:10px solid red;} */
	header .head h1 {top:40px;}
	header .head h1 a img {height:35px;}
	header .gnbView {padding:40px 0;}
	nav.common .gnb>ul>li>a {font-size:15px;}
	nav.common .gnb>ul>li {padding-right:3% !important;}
	nav.open {width:60% !important;}


	/*공통*/
	.row-intro-wrap .inner-infor ul li {font-size:20px;}
	.row-intro-wrap .inner-infor .btn a {margin:0 10px;}
	.row-intro-wrap .inner-infor .btn.industry a {margin : 0;}

	.product div[class*="row-"] .inner-con {margin-top:30px;}
	.product div[class*="row-"]>article {width:100%;}

	.product .ceramic .feature .inner-con>div {padding:0 10px;}

	.product div[class*="row-"] h3 {font-size:52px;}
	.product div[class*="row-"] h4 {font-size:24px;}
	.product .ceramic .feature .inner-con>div>p {font-size:18px; height:60px;}


	.product p.major-ment {font-size:24px; margin-top:50px; font-weight:300;}
	.product p.middle-ment {font-size:20px; margin-top:80px; font-weight:300;}
	.product p.sub-ment {font-size:18px; margin-top:50px; font-weight:400;}

	.product .ceramic .img.bottom {padding:70px 50px 0;}
	.product .ceramic .new-approach .con-left,
	.product .ceramic .new-approach .con-right {padding-bottom:70px;}
	.product .ceramic .new-approach p {font-size:20px; margin-top:30px;}
	.product .ceramic .new-approach p br {display:none;}

	.product .half-wrap.simple {flex-wrap:wrap;}
	.product .half-wrap.simple .half {width:100%;}
	.product .half-wrap.simple .half h3 br {display:none;}
	.product .half-wrap.simple .half p br {display:none;}

	.product .row-table .inner-table .in>div {font-size:18px;}

	/*GTR Series*/
	.product .gait .feature .img {width:300px;}
	.product .gait .feature .txt ul li {font-size:20px;}
	.product .gait .row-txt-wrap {padding-top:10%;}

	/*GenScan RTP-16*/
	.product .layout-type1.half-wrap {flex-wrap:wrap;}
	.product .layout-type1.half-wrap .half {width:100%;}
	.product .layout-type1.half-wrap .half .img.center {padding:70px 5vw;}
	ul.check-white li+li {margin-top:20px;}

	/*Bio 3D printer*/
	.product .bio .feature .inner-con {flex-wrap:wrap;}
	.product .bio .feature .inner-con .box {width:50%;}
	.product .bio .feature .inner-con .box:nth-child(2)~.box {margin-top:50px;}

	.product .configuration .top-tit {flex-wrap:wrap;}
	.product .configuration .top-tit>* {width:100%;}
	.product .configuration .top-tit .tab {text-align:left; margin-top:30px;}
	.product .configuration .top-tit .tab li {padding:0 20px 0 0;}

	
}

/* ********************************* PC over : 992 ~  ********************************* */
@media screen and (min-width:992px), print{


	.only-pc {display:block !important;}
	.except-pc {display:none !important;}






}




/* ************************ 테블릿 (~991) ************************ */
@media screen and (max-width: 991px) {

	.only-pc {display:none !important;}
	.except-pc {display:block !important;}




	/*테이블::::*/
	.scrollAllWrap {
		width:100%; position:relative;
		/* margin-top:50px; */
	}
	.scrollAllWrap:before {
		content:"좌 · 우로 드래그(Drag) 할 수 있습니다.";
		display:block; padding:10px; font-size:12px; color:#000; background:transparent;
	}
	.scrollAllWrap .scrollIn {overflow-x:auto;}
	.scrollAllWrap .scrollIn table {width:120vw !important; margin:0 !important; white-space:nowrap;}

	/*공통*/
	.row-intro-wrap .inner-infor h2 {font-size:60px;}
	.row-intro-wrap .inner-infor ul {margin-top:30px;}
	.row-intro-wrap .inner-infor ul li {font-size:18px; font-weight:300;}
	.row-intro-wrap .inner-infor .btn {margin-top:50px; flex-wrap:wrap; flex-direction:column; align-items:center;}
	.row-intro-wrap .inner-infor .btn a {margin:0;}
	.row-intro-wrap .inner-infor .btn a+a {margin-top:5px;}
	.row-intro-wrap .inner-infor .btn.industry a {margin : 0;}

	.product div[class*="row-"] .inner-con {margin-top:30px;}
	.product div[class*="row-"]>article {width:100%;}


	.product div[class*="row-"] h3 {font-size:48px;}
	.product div[class*="row-"] h4 {font-size:22px;}

	.product .layout-basic2 {padding:50px 5vw 70px;}

	.product p.major-ment {font-size:20px; margin-top:50px; font-weight:300;}
	.product p.middle-ment {font-size:18px; margin-top:50px; font-weight:300;}
	.product p.sub-ment {font-size:16px; margin-top:50px; font-weight:400;}

	.product .ceramic .img.bottom {padding:70px 50px 0;}
	.product .ceramic .new-approach .con-left,
	.product .ceramic .new-approach .con-right {padding-bottom:70px;}
	.product .ceramic .new-approach p {font-size:20px; margin-top:30px;}
	.product .ceramic .new-approach p br {display:none;}

	.product .half-wrap.simple {flex-wrap:wrap;}
	.product .half-wrap.simple .half {width:100%;}
	.product .half-wrap.simple .half h3 br {display:none;}
	.product .half-wrap.simple .half p br {display:none;}

	.product .row-table .inner-table .in>div {font-size:17px; padding:20px 30px;}

	.template_list.item03 {max-width:860px; margin:0 auto; row-gap:30px;}
	.template_list.item03>li {width:calc(50% - 5px);}
	.template_list .card {padding:45px 30px 55px;}


	/*allen*/
	.product .half-wrap.row-intro-wrap {flex-wrap:wrap; height:auto; flex-direction:column-reverse;}
	.product .half-wrap.row-intro-wrap .half {width:100%; padding:70px 5vw;}
	.product .half-wrap.row-intro-wrap .half:first-child {padding-top:0;}


	.product .ceramic .feature .inner-con {flex-wrap:wrap;}
	.product .ceramic .feature .inner-con>div {padding:0; width:100%;}
	.product .ceramic .feature .inner-con>div+div {margin-top:50px; padding-top:50px; border-top:1px dotted #ccc;}
	.product .ceramic .feature .inner-con>div>p {font-size:18px; height:auto;}
	.product .ceramic .feature .inner-con>div>p br {display:none;}
	.product .ceramic .feature .inner-con>div>.img {margin-top:30px;}

	.product .ceramic .new-approach {flex-wrap:wrap; padding-bottom:70px;}
	.product .ceramic .new-approach>div {width:100%;}
	.product .ceramic .new-approach p {font-size:18px; margin-top:50px;}
	.product .ceramic .new-approach .con-left,
	.product .ceramic .new-approach .con-right {padding:0;}

	.product .ceramic .simple .img.bottom {padding:50px 5vw 0;}
	.product .ceramic .new-approach .img.bottom {padding:50px 5vw;}


	/*GTR Series*/
	.product .gait .feature .img {width:250px; left:initial; right:0;}
	.product .gait .feature .img:before {top:20px; left:20px;}
	.product .gait .feature .txt {padding:0 300px 0 0;}
	.product .gait .feature .txt ul li {font-size:20px; padding-left:40px; background-size:20px;}
	.product .gait .feature .txt ul li+li {margin-top:20px;}

	.product .gait .row-txt-wrap {background-size:100%; padding-top:0;}

	.product .gait .product-detail {flex-wrap:wrap; padding:70px 5vw;}
	.product .gait .product-detail .box {width:100%;}
	.product .gait .product-detail .box + .box {margin-top:50px; padding-top:50px; border-top:1px dotted #ccc;}
	.product .gait .product-detail .box .img {height:auto;}


	/*GenScan RTP-16*/
	.product .layout-type1.half-wrap {flex-wrap:wrap;}
	.product .layout-type1.half-wrap .half {width:100%;}
	.product .layout-type1.half-wrap .half .img.center {padding:70px 5vw;}
	ul.check-white li+li {margin-top:20px;}

	/*Bio 3D printer*/
	.product .bio .feature .inner-con {flex-wrap:wrap;}
	.product .bio .feature .inner-con .box {width:50%;}
	.product .bio .feature .inner-con .box:nth-child(2)~.box {margin-top:50px;}

	.product .row-txt-wrap {background-size:100%; background-position:center 50px;}
	.product .bio .artificial-skin .in-box {flex-wrap:wrap;}
	.product .bio .artificial-skin .in-box>div {width:100% !important;}
	.product .bio .artificial-skin .in-box>div.txt {padding:0;}
	.product .bio .artificial-skin .in-box .txt h4 {margin:20px 0 20px;}
	.product .bio .artificial-skin .in-box .txt ul li {font-size:18px; padding-left:30px; background-size:16px;}
	.product .bio .artificial-skin .in-box .txt p {font-size:18px;}
	.product .bio .artificial-skin .in-box .txt p br {display:none;}

	.product .bio .artificial-skin p.major-ment,
	.product .bio .artificial-skin h3 {text-align:left;}
	.product p.major-ment {margin-top:30px; font-size:18px;}
	.product p.major-ment br {display:none;}

	.product .layout-basic {padding:50px 5vw;}

	.product .bio .organoid2 .in-img {margin:30px 0;}

	.product .configuration .top-tit {flex-wrap:wrap;}
	.product .configuration .top-tit>* {width:100%;}
	.product .configuration .top-tit .tab {text-align:left; margin-top:30px;}
	.product .configuration .top-tit .tab li {padding:0 20px 0 0;}
	
	/*ceo 인사말*/

	.greeting .company-intro h2 { font-size : 36px }
	.greeting .company-intro p { font-size : 18px; }
	
	.greeting .ceo-explain .text { padding : 20px;}
	.greeting .ceo-explain p { font-size : 16px;}
	.greeting .ceo-explain p:nth-of-type(1) { font-size : 24px; }
	
	/*레이어팝업*/
	.layer-popup-wrap {padding:5vh 5vw;}
	.layer-popup-wrap>.wrap .img img {max-width:100%;}
	.layer-popup-wrap>.wrap .title span {font-size:16px; text-align:center; line-height:1.4;}


	/*레이어팝업-견적문의*/
	.fix-height-wrap {flex-wrap:wrap;}
	.fix-height-wrap>article {width:100%;}
	.fix-height-wrap>article:first-child {margin-right:0;}
	.fix-height-wrap>article:last-child {margin-left:0; margin-top:30px;}
	.fix-height-wrap>article .fix-height {height:100px !important; border:1px solid #ddd; padding:30px; overflow-y:auto;}
	.checkWrap_common {text-align:left;}
	.checkWrap_common input[type='checkbox']+label {padding-left:20px; background-size:15px; background-position:left 12px;}

	/* 연구개발 */
	.mtrs .inner {width:93.75%;}
	.mtrs .layout01 .inner-blank {width:93.75%;}
	.mtrs .layout01 .flex-wrap > div {width:100%;}
	.mtrs .con01 .txt-wrap {padding:20px 0 0 30px;}
	.mtrs .txt-box p + p {padding-top:10px;}
	.mtrs .circle-list li {width:calc(50% - 10px); max-width:320px;}
	.mtrs .circle-list li .circle:after {display:none;}
	.mtrs .img-list.fit {justify-content:center;}
	.mtrs .card-wrap .card {width:calc(33.333% - 14px); padding:40px 25px;}
	
	/* Bioinks */
	.bio .flex_row > div {width:100%;}
	.bio .img_wrap .img_box {margin: 0 auto 30px;}
	.bio .imgList-2 {gap:20px;}
	.bio .imgList-2 > li {width: calc(50% - 10px);}
	
	/* artificial skin */
	.arti .con01 .flex_row {flex-direction:column;}
	.arti .con01 .flex_row .img_wrap {width:100%; max-width:335px;}
	.arti .con01 .flex_row .txt_wrap {width:100%;}
	.arti .con02 .img_box {text-align: center; margin-bottom: 50px;}
	.arti .con02 .img_box img {width: 100%; max-width: fit-content;}








}

/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {

	/*ready-wrap*/
	.ready-wrap {padding:10vh 20vw; text-align:center;}

	.product .half-wrap.row-intro-wrap .half {padding:30px 5vw;}
	.product .half-wrap.row-intro-wrap .half+.half {padding-bottom:30px;}
	.row-intro-wrap .inner-infor h2 {font-size:40px; word-break:break-all;}
	.row-intro-wrap .inner-infor .btn {margin-top:30px;}

	.product div[class*="row-"] .inner-con {margin-top:20px;}

	.product .gait .product-detail .box h3,
	.product div[class*="row-"] h3 {font-size:30px;}
	.product .gait .feature .txt ul li {font-size:14px;}
	.product .layout-type1.half-wrap .half .img.center,
	.product .layout-basic2,
	.product .layout-basic,
	.product .gait .product-detail {padding:30px 5vw;}


	table[class*="type"] tr>* {font-size:14px !important; padding:10px 20px;}
	table.type3 tbody tr td {padding:20px;}
	table[class*="type"] tr ul.check-red li {background-position:left 7px !important; font-size:14px !important;}

	/**/
	.product .gait .feature .img {position:relative;}
	.product .gait .feature .txt {padding:50px 0 0 0;}
	.product .gait .product-detail .box p {margin-top:20px;}


	/*GenScan RTP-16*/
	.product div[class*="mole"].contents-inner .check-white li {font-size:15px; padding-left:40px; background-size:16px; background-position:left 5px;}
	.product div[class*="mole"].contents-inner .check-black li {font-size:15px;} 
	.product .bio .feature .inner-con .box {width:100%;}
	.product .bio .feature .inner-con .box+.box {margin-top:50px; padding-top:50px; border-top:1px dotted #ccc;}
	.product .bio .feature .inner-con .box p {font-size:16px; margin-top:10px;}
	.product .bio .feature .inner-con .box h4 br,
	.product .bio .feature .inner-con .box p br {display:none;}
	.product .bio .feature .inner-con .box i img {height:60px;}

	.product .bio .organoid .inner-con {flex-wrap:wrap;}
	.product .bio .organoid .inner-con .in-img {width:100%; padding-right:0;}
	.product .bio .organoid .inner-con .in-img+.in-img {margin-top:50px; padding-top:50px; border-top:1px dotted #ccc;}
	.product .bio .organoid .inner-con .in-img h4 {font-size:20px;}
	.product .bio .organoid .inner-con .in-img p {font-size:16px;}
	.product .bio .organoid .inner-con .in-img p br {display:none;}

	.product .configuration .top-tit .tab li {display:contents;}
	.product .configuration .top-tit .tab li a {width:calc(50% - 5px); display:inline-block; font-size:18px; padding:15px 0;}
	.product .configuration .top-tit .tab li:first-child a {margin-right:5px;}
	.product .configuration .top-tit .tab li:last-child a {margin-left:5px;}


	/*allen*/
	.row-intro-wrap .inner-infor .btn.industry a { width : 330px!important; }
	.row-intro-wrap .inner-infor .btn.industry { grid-template-columns: repeat(1,1fr); place-items: center;}
	.row-intro-wrap .inner-infor .btn.industry a:nth-child(3) { grid-column : 1/2;}
	
	.row-intro-wrap .inner-infor ul li br {display:none;}
	.product .ceramic .new-approach p,
	.product p.middle-ment {margin-top:30px; font-size:16px;}

	.product .ceramic .simple .img.bottom {padding:30px 5vw 0;}
	.product .ceramic .new-approach .img.bottom {padding:30px 5vw;}

	.product .row-table .inner-table .in {flex-wrap:wrap;}
	.product .row-table .inner-table .in>div {width:100%; padding:10px 20px; font-size:15px;}
	.product .row-table .inner-table .in .subject {padding-bottom:5px;}
	.product .row-table .inner-table .in .explain {padding-top:0;}


	.product p.major-ment {font-size:16px;}
	.product p.sub-ment {margin-top:30px;}

	/*ceo 인사말*/
	.greeting .company-intro { height : 300px; }
	.greeting .company-intro p { padding : 0 20px }
	
	.greeting .ceo-explain { flex-direction : column; margin: 50px 0; }
	.greeting .ceo-explain .text { width : 100%; }
	.greeting .ceo-explain img { padding: 50px 20px 0 20px;}

	/* 연구개발 */
	.sub_visual .inner {width:93.75%; height:350px;}
	.template_list.item03>li {width:100%;}
	.template_list .card.eng {min-height:230px;}
	.writeForm_btn {margin-top:40px;}
	.writeForm_btn a:last-of-type {margin-left:2%;}

	.mtrs .circle-list li {width:100%;}
	.mtrs .img-list.item2 li {width:100%; max-width:420px;}
	.mtrs .img-list.item3 li {width:calc(50% - 10px);}
	.mtrs .img-list.item4 li {width:calc(50% - 10px);}
	.mtrs .card-wrap .card {width:calc(50% - 10px); padding:40px 25px;}

	.bio .imgList-2 {flex-wrap:wrap;}
	.bio .imgList-2 > li {width:100%;}
	
	/* artificial skin */
	.arti .con02 .row01 ul {flex-wrap:wrap;}
	.arti .con02 .row01 ul li {width:100%;}



}