@charset "UTF-8";

.wrapper .inner {max-width:1200px; margin:0 auto;}

/* header */
header {position:absolute;top:0;left:0;right:0;width:100%;height:80px;background-color:rgba(0, 0, 0, 0.2);transition:all .3s ease-in-out;box-sizing:border-box;z-index:12;box-sizing:border-box;}
header .inner{padding:0 40px; box-sizing:border-box;}
header .inner:after {display:block;clear:both;content:''}
header .logo {float:left;margin-top:30px;width:250px;height:21px;background:url(/images/bioplant/logo.png) no-repeat 0 0; background-size:250px auto; cursor:pointer}
header.fixed {position:fixed;background-color:#ffffff;border-bottom:1px solid rgba(0, 0, 0, 0.2);z-index:12}
header.fixed .logo {background:url(/images/bioplant/logo_over.png) no-repeat 0 0; background-size:250px auto}

header .gnb {float:right; display:block; margin-top:20px}
header .gnb li {float:left}
header .gnb li:nth-of-type(n+2) {margin-left:30px}
header .gnb li a {position:relative; display:block;padding:10px 0;color:#ffffff;font-weight:400;font-size:14px;}
header .gnb li a::after {content:""; position:absolute; bottom:-19px; left:0; width:100%; height:2px; display:block; transition:all .3s ease-in-out;background-color:rgba(255,255,255,0)}

header .gnb li a.on {color:#050f2e}
header .gnb li a.on::after {background-color:#050f2e;}
header.fixed .gnb li a {color:rgba(0, 0, 0, 0.9)}
header .btn_ham {display:none}

/* cont */
.cont_top {position:relative;width:100%;color:#fff;font-size:24px;text-align:center}
.cont_top .inner {position:fixed;top:260px;left:50%;width:600px;margin-left:-300px;z-index:3;}
.cont_top .title {padding-bottom:20px;font-size:40px;font-weight:900}
.cont_top .desc {font-size:18px}
.cont_top .btn_box {display:block; margin-top:40px; text-align:center}
.cont_top .btn_box button {border:2px solid #ffffff; background-color:rgba(0,0,0,0.2); padding:15px 50px; border-radius:40px; color:#ffffff; font-weight:400;}
.cont_top .video_box {position:relative;overflow:hidden;width:100%;height:700px;background-color:rgba(0,0,0,0.3);}
.cont_top .video_box video {display:block; position:absolute;top:0;left:0;width:100%;min-width:1115px;height:auto;z-index:-100;z-index:-1}
.cont_top .video_box .ir {position:absolute;top:0;left:0;width:100%;height:700px;min-width:1110px;background: url(/images/bioplant/plant_photo.png) no-repeat;background-size:cover;z-index:-2}
.cont_body {position: relative; padding-bottom:80px; z-index: 4; background-color:#ffffff;}
.cont_body .intro {top:-60px;background-color:#050f2e !important;color:#ffffff;z-index:5 !important;animation:opacityAni 1.8s ease}
/* .cont_body .intro p {padding-right:400px} */
.cont_body .intro section {margin-top:0}
.cont_body .intro .photo {display:block;position:absolute;top:0;right:0;width:355px;height:100%;background:url(/images/bioplant/plant_photo.png) no-repeat -110px 0; background-size:auto 100%;}
.cont_body .intro .photo [data-btn="videoplay"] {position:absolute;top:50%;right:150px;margin-top:-25px;width:51px;height:57px;background:url(/images/bioplant/btn_play.png) no-repeat 0 0;z-index:1}
.cont_body .intro h3 {padding-top:0;}
.layVideo { display:none; position:absolute; top:0; left:0; width:100%; padding:100px; background-color:#050f2e; z-index:500; box-sizing:border-box;}
.layVideo h3 { position:absolute; top:50px; left:100px; font-size:20px!important}
.layVideo .box { position:relative; width:100%; padding-top:56.25%; margin:0 auto; padding-right:0 !important }
.layVideo .box iframe {position:absolute;left:0; top:0; width:100%; height:100% }
.layVideo [data-btn="close"] {position:absolute; top:20px; right:20px; width:80px; height:80px; background:url(/images/bioplant/btn_close.png) no-repeat 50% 50%; background-size:40px auto}
@keyframes opacityAni {
	0% {opacity:0;transform:translateY(300px);}
	100% {opacity:1;transform:translateY(0);}
  }

.cont_body .inner{position:relative;padding:40px;z-index:4;background-color:#ffffff;box-sizing:border-box;}
.cont_body .inner div.box:nth-of-type(n+2){margin-top:20px;overflow:hidden;clear:both}
.cont_body .article {margin-top:-40px} 
.cont_body section {overflow:hidden}
.cont_body section h3{padding:30px 0;font-size:24px;font-weight:700;}
.cont_body section h4{padding:30px 0;font-size:16px;font-weight:700;}
.dot_b > li {position:relative;padding-left:12px}
.dot_b > li:nth-of-type(n+2) {margin-top:6px}
.dot_b > li::before {content:"";display:block;position:absolute;top:10px;left:0;width:5px;height:2px;background-color:#050f2e}
.dot_s > li {position: relative;padding-left:8px}
.dot_s > li::before {content:"";display:block;position:absolute;top:10px;left:0;width:2px;height:2px;background-color:#050f2e;}
.building_dv {padding:10px 0; border-top:2px solid #050f2e; border-bottom:2px solid #050f2e;overflow:hidden;}
.building_dv dl {float:left; width:calc(100%/2 - 20px)}
.building_dv dl:nth-of-type(2) {margin-left:40px}
.building_dv dt:nth-of-type(n+2) {clear:both}
.building_dv dt {float:left;width:30%;padding:10px 0;font-size:12px;color:#050f2e;font-weight:400;}
.building_dv dd {float:right;width:65%;padding:10px 0}
.advantages_ul li {float:left;width:calc(100% / 6 - 20px);padding-top:110px;background-repeat:no-repeat;background-position:50% 20px;text-align:center;}
.advantages_ul li:nth-of-type(n+2) {margin-left:24px}
.advantages_ul li:nth-of-type(1) {background-image:url(/images/bioplant/pic_advantages.png)}
.advantages_ul li:nth-of-type(2) {background-image:url(/images/bioplant/pic_advantages2.png)}
.advantages_ul li:nth-of-type(3) {background-image:url(/images/bioplant/pic_advantages3.png)}
.advantages_ul li:nth-of-type(4) {background-image:url(/images/bioplant/pic_advantages4.png)}
.advantages_ul li:nth-of-type(5) {background-image:url(/images/bioplant/pic_advantages5.png)}
.advantages_ul li:nth-of-type(6) {background-image:url(/images/bioplant/pic_advantages6.png)}
.division_basic {overflow:hidden}
.division_basic li {float:left;width:calc(100% / 4 - 15px)}
.division_basic li:nth-of-type(n+2) {margin-left:20px}
.division_basic li img {width:100%;height:auto}
.syringe_filling_lines .tit li {float:left}
.syringe_filling_lines .tit {position:relative;display:block;padding:4px 20px;font-weight:400;text-align:center;}
.syringe_filling_lines .tit span {display:inline-block;padding:4px;background-color:#ffffff}
.syringe_filling_lines .tit span::after {content:"";position:absolute;top:15px;left:0;display:block;width:1px;height:7px;background-color:#050f2e}
.syringe_filling_lines .tit span::before {content:"";position:absolute;top:15px;right:0;display:block;width:1px;height:7px;background-color:#050f2e}
.syringe_filling_lines .tit::after {content:"";position:absolute; top:18px; left:0; display:block;width:100%;height:1px;background-color:#050f2e;z-index:-1}
.syringe_filling_lines > li:nth-of-type(1){width:100%;}
.syringe_filling_lines > li:nth-of-type(1) li {clear:both;overflow:hidden}
.syringe_filling_lines > li:nth-of-type(1) li:nth-of-type(1) {margin-top:20px}
.syringe_filling_lines > li:nth-of-type(1) li:nth-of-type(2) {margin-top:40px}
.syringe_filling_lines > li:nth-of-type(1) li span{position:relative;float:left;width:20%;overflow:hidden;}
.syringe_filling_lines > li:nth-of-type(1) li span em{position:relative; display:block; padding:2px 0; background-color:rgba(0,0,0,0.7); margin-bottom:-29px; color:#ffffff; text-align:center; z-index:1;}
.syringe_filling_lines > li:nth-of-type(1) li span img {width:100%;height:auto}
.syringe_filling_lines > li:nth-of-type(1) li div {float:right; width:76%}
.syringe_filling_lines > li:nth-of-type(1) li div dl {float:left}
.syringe_filling_lines > li:nth-of-type(1) li div dl:nth-of-type(n+2) {margin-left:80px}
.syringe_filling_lines > li:nth-of-type(1) li div dl:nth-of-type(3) {clear:both; margin-left:0}
.syringe_filling_lines > li:nth-of-type(1) li div dl:nth-of-type(n+3) {margin-top:20px}
.syringe_filling_lines > li:nth-of-type(1) li div dd {word-break:break-all;}
.syringe_filling_lines > li:nth-of-type(1) li div dt {font-size:12px; font-weight:400}
.syringe_filling_lines > li:nth-of-type(1) ul{overflow:hidden}
.syringe_filling_lines > li:nth-of-type(n+2) {float:left;width:calc(99.9% / 3 - 20px);margin-top:20px}
.syringe_filling_lines > li:nth-of-type(n+2) span {display:inline-block;margin-bottom:20px}
.syringe_filling_lines > li:nth-of-type(n+3) {margin-left:30px}
.syringe_filling_lines > li:nth-of-type(1) li {width:100%}
.figure_wrap figure { float:left; width:calc(100% / 2 - 10px); margin-left:20px}
.figure_wrap figure:nth-of-type(2n+1) { margin-left:0}
.figure_wrap figure figcaption { padding:10px 0; overflow:hidden; font-weight:400; }
.figure_wrap figure figcaption span { float:right; font-weight:300; }

.p_development_head​ {overflow: hidden;}
.p_development_head​ > li {float:left; width:calc(99.9% / 3 - 40px);}
.p_development_head​ > li .tit {position:relative; width:100%; height:60px; border:0; display:table}
.p_development_head​ > li .tit span {width:100%; height:60px; display:table-cell; vertical-align:middle; padding-left:10px; color:#ffffff; font-weight:400 }
.p_development_head​ > li .tit::after {content:""; position:absolute; top:9px; right:-22px; width:43px; height:43px; display: inline-block; transform: rotate(45deg);}
.p_development_head​ > li:nth-of-type(1) .tit span {border:1px solid #515f86; background-color:#515f86}
.p_development_head​ > li:nth-of-type(1) .tit::after {border-top: 1px solid #515f86; border-right: 1px solid #515f86; background-color:#515f86;}
.p_development_head​ > li:nth-of-type(2) .tit span {border:1px solid #283660; background-color:#283660}
.p_development_head​ > li:nth-of-type(2) .tit::after {border-top: 1px solid #283660; border-right: 1px solid #283660; background-color:#283660;}
.p_development_head​ > li:nth-of-type(3) .tit span {border:1px solid #050f2e; background-color:#050f2e}
.p_development_head​ > li:nth-of-type(3) .tit::after {border-top: 1px solidphoto #050f2e; border-right: 1px solid #050f2e; background-color:#050f2e;}
.p_development_head​ > li:nth-of-type(n+2) {margin-left:42px}
.p_development_head​ > li ul {padding:20px; overflow:hidden; min-height:70px}
.p_development_head​ > li .point {text-align:center; font-size:18px; font-weight:400}
.p_development_head​ > li:nth-of-type(1) .point {color:#515f86}
.p_development_head​ > li:nth-of-type(2) .point {color:#283660}
.p_development_head​ > li:nth-of-type(3) .point {color:#050f2e}
.p_development_head​ {margin-top:10px; padding:20px; overflow:hidden}
.p_development_head​ + .point_box {clear:both; padding:20px 0 40px 0; overflow:hidden;}
.p_development_head​ + .point_box p {width:calc(100% / 2 - 5px); float:left; padding-top:20px; font-weight:400; text-align:center}
.p_development_head​ + .point_box p strong {display:block; font-size:34px; font-weight:500;}
.p_development_head​ + .point_box p:nth-of-type(1) {border-top:2px solid #050f2e; border-image: linear-gradient(to right, #4f5d82 0%, #283660 100%); border-image-slice:1; }
.p_development_head​ + .point_box p:nth-of-type(2) {border-top:2px solid #050f2e; border-image: linear-gradient(to right, #283660 0%, #050f2e 100%); border-image-slice:1; margin-left:10px}
.p_development_body {float:left; width:calc(100%/2 - 20px)}
.p_development_body h4 {min-height:48px}
.p_development_body .photo {padding:20px 0}
.p_development_body .photo img {width:100%; height:auto}
.p_development_body.rgt {margin-left:40px}
.p_development_body .point {padding:20px 0}
.arrow_box li {float:left; width:calc(100%/5 - 42px)}
.arrow_box li:nth-of-type(n+2) {margin-left:40px}
.arrow_box li .tit {position:relative; width:100%; height:60px; border:0; display:table}
.arrow_box li .tit span {width:100%; height:60px; display:table-cell; border:1px solid #515f86; border-right:0; vertical-align:middle; padding-left:10px; font-weight:400; line-height:1.2em }
.arrow_box li .tit::after {content:""; position:absolute; top:9px; right:-22px; width:43px; height:43px; border-top: 1px solid #515f86; border-right: 1px solid #515f86; background-color:#ffffff; display: inline-block; transform: rotate(45deg); z-index:-1}
.arrow_box .point {padding:20px 0}
.arrow_box .point strong {font-weight:400}
.bio_analytics_head {overflow:hidden}
.bio_analytics_head > li {position:relative; float:left; width:calc(100%/2 - 10px); padding:20px; border:1px solid #d6dae8; box-sizing:border-box;}
.bio_analytics_head > li:nth-of-type(odd) {padding-right:120px}
.bio_analytics_head > li:nth-of-type(n+3) {margin-top:20px;}
.bio_analytics_head > li:nth-of-type(even) {margin-left:20px; padding-left:120px}
.bio_analytics_head > li > span {font-weight:400; display:block; padding-bottom:10px}
.bio_analytics_head > li .photo {position:absolute; width:100px; height:100px; border:1px solid #050f2e; box-sizing:border-box;}
.bio_analytics_head > li:nth-of-type(1) .photo {bottom:-11px; right: -11px; border-right:0; border-bottom:0}
.bio_analytics_head > li:nth-of-type(2) .photo {bottom:-11px; left: -12px; border-left:0; border-bottom:0}
.bio_analytics_head > li:nth-of-type(3) .photo {top:-12px; right: -11px; border-right:0; border-top:0}
.bio_analytics_head > li:nth-of-type(4) .photo {top:-12px; left: -12px; border-left:0; border-top:0}
.bio_analytics_body {border-top:2px solid #050f2e; border-bottom:2px solid #050f2e}
.bio_analytics_body > li {padding:20px 0; overflow:hidden}
.bio_analytics_body > li:nth-of-type(n+2) {border-top:1px solid #d6dae8}
.bio_analytics_body > li:nth-last-of-type(1) .tit {font-size:20px; font-weight:400}
.bio_analytics_body > li .tit {float:left; width:200px; box-sizing:border-box }
.bio_analytics_body > li > ul {float:left; width:calc(100% - 200px)}
.bio_analytics_body > li > ul > li span {display:block; padding-bottom:10px; font-weight:400;}
.bio_analytics_body > li .tit span {display:block; padding-top:4px; font-size:12px; color:#050f2e}
.bio_analytics_body > li .tit span strong {color:#050f2e; font-weight:400}
.bio_analytics_body > li .tit abbr {font-size:20px; font-weight:400; text-decoration:none;}
.bio_analytics_body > li:nth-last-of-type(1) ul.dot_s li:nth-last-of-type(1) {text-align:left}
.bio_analytics_body > li:nth-last-of-type(1) ul.dot_s li:nth-last-of-type(1) img {float:left; margin:0}
.bio_analytics_body > li:nth-last-of-type(1) ul.dot_s li:nth-last-of-type(1):before {display:none}
.bio_analytics_body > li:nth-of-type(1) > ul > li:nth-of-type(1) {float:left; width:50%}
.bio_analytics_body > li:nth-of-type(1) > ul > li:nth-of-type(n+2) {float:right; width:50%}
.bio_analytics_body > li:nth-of-type(1) > ul > li:nth-last-of-type(1) {margin-top:20px}
.partnership > li .tit {display:block; padding-bottom:10px; font-weight:400; color:#050f2e}
.partnership > li:nth-of-type(n+2) {padding-top:20px}

.brochure_btn_box { display:flex; gap:20px; padding:40px 0 }
.brochure_btn_box a { display:inline-block; padding:20px; flex:1; border:1px solid #050f2e; text-align:center; color:#050f2e }


/* footer */
footer {padding:30px 0;background-color:#050f2e;color:#e2e2e2;font-size:12px}
footer img {width:160px; height:auto}
footer .inner{padding:0 40px; box-sizing:border-box;}
footer .logo {display:inline-block;height:26px;margin-top:2px;vertical-align:top}
footer .info {display:inline-block;margin-left:34px;vertical-align:top}
footer .phone {margin-left:38px}
footer .phone>i {margin:4px 9px 0 0}
footer .copy {display:block;margin-top:6px}
.btn_top { position:fixed; bottom:0; right:0; width:60px; height:60px; background-color:#050f2e; text-indent:-9999px; z-index:100; }
.btn_top::before { 
	content: "";
	position: absolute;
	top: 26px;
	left: 26px;
	display: block;
	width: 9px;
	height: 9px;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	transform: rotate(45deg);
}

/* common */
.pdb20 { padding-bottom: 20px }
button.btn_basic { width: 120px; height: 35px; background-color: #89ac3b; color: #fff; border: 0; border-radius: 4px; text-align: center}
.tx_align { text-align: left; }

/* ani */
.article .box {
	opacity: 0;
	-webkit-transition: transform .8s linear, opacity .8s linear;
	-moz-transition: transform .8s linear, opacity .8s linear;
	-o-transition: transform .8s linear, opacity .8s linear;
	transition: transform .8s linear, opacity .8s linear;

	-moz-transform: translate3d(0, 50px, 0);
	-webkit-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
 }
 .article .box.action {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.article h3 {
	opacity: 0;
	-webkit-transition: transform .8s linear, opacity .8s linear;
	-moz-transition: transform .8s linear, opacity .8s linear;
	-o-transition: transform .8s linear, opacity .8s linear;
	transition: transform .8s linear, opacity .8s linear;

	-moz-transform: translate3d(0, 50px, 0);
	-webkit-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
 }
 .article h3.action {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* 테스크탑 (가로 해상도가 1200px 보다 작은 화면에 적용) */
@media  screen and (max-width: 1199px) {

} 

/* 태블릿 디바이스 (가로 해상도가 992px 보다 작은 화면에 적용) */
@media  screen and (max-width: 991px) {
	.layVideo {padding:80px}
	.layVideo [data-btn="close"] {top:0; right:0}
	.layVideo h3 {top:30px; left:80px}
	header .inner {padding:0 20px}
	header .gnb {float:inherit; display:none; position:fixed; top:79px; left:0; width:100%; margin-top:0; background-color:#ffffff; border-top: 1px solid #050f2e; border-bottom: 1px solid #050f2e;}
	header .gnb li {float:inherit; display:block; text-align:center;}
	header .gnb li:nth-of-type(n+2) {margin-left:0}
	header .gnb li:nth-of-type(1) {margin-top:20px}
	header .gnb li:nth-last-of-type(1) {margin-bottom:20px}
	header .gnb li a {color:inherit; padding:10px 0}
	header .gnb li a.on::after {display:none;}
	header .btn_ham_box {display:block; position:absolute; top:20px; right:20px; width:40px; height:40px; border-bottom:1px solid #ffffff}
	header.fixed .btn_ham_box button {border-bottom:1px solid #050f2e}
	header .btn_ham_box button {position:relative; width:40px; height:40px}
	header .btn_ham_box button::after {
		content: "";
		position: absolute;
		top: 12px;
		left: 14px;
		display: block;
		width: 9px;
		height: 9px;
		border-top: 1px solid #ffffff;
		border-left: 1px solid #ffffff;
		transform: rotate(225deg);
	}
	header.fixed .btn_ham_box button::after {border-top-color:#050f2e; border-left-color:#050f2e;}
	header .btn_ham_box button.on {background-color:#050f2e;}
	header .btn_ham_box button.on::after {
		top: 17px;
		left: 15px;
		transform: rotate(45deg);
		border-top: 1px solid #ffffff;
		border-left: 1px solid #ffffff;
	}
	header.fixed .btn_ham_box button.on::after {border-top-color:#ffffff; border-left-color:#ffffff;}
	.cont_body .inner {padding:20px}
	.syringe_filling_lines > li:nth-of-type(1) li:nth-of-type(2) div dl:nth-of-type(2) {width:76%; margin-left:0; margin-top:10px}
	.syringe_filling_lines > li:nth-of-type(1) li div dl:nth-of-type(n+3) {margin-top:10px}
	.syringe_filling_lines .tit {padding: 4px 10px;}
	.advantages_ul li {width:calc(100%/3 - 20px);}
	.advantages_ul li:nth-of-type(n+2) {margin-left:30px}
	.advantages_ul li:nth-of-type(1) {margin-left:0}
	.advantages_ul li:nth-of-type(4) {margin-left:0}
	.division_basic li {width: calc(100% / 2 - 10px)}
	.division_basic li:nth-of-type(3) {margin-left:0}
	.division_basic li:nth-of-type(n+3) {margin-top:20px}
		
	footer .inner {padding:0 20px;}
	footer .logo {display:block; padding-bottom:10px}
	footer .info {width:100%; margin-left:0; text-align:center}
	.btn_top {bottom:20px; right:20px; width:40px; height:40px}
	.btn_top::before {top:17px; left:16px}
	button:focus {outline:none;}
} 

/* 가로모드 모바일 디바이스 (가로 해상도가 768px 보다 작은 화면에 적용) */
@media  screen and (max-width: 767px) {
	.layVideo {padding:85px 40px 40px 40px}
	.layVideo h3 {width:100%; left:0; text-align:center}
	.cont_top .video_box {background-color: rgba(0,0,0,0.4);}
	.cont_top .video_box video {display:none}
	.cont_top .inner {top:200px}
	.cont_top .title {font-size:34px;}
	.cont_top .video_box .ir {top:0; left:inherit; right:50%; margin-right:-50vw; animation:bgAni 3s infinite alternate-reverse ease-in-out}
	.cont_body .intro {top:-160px}
	.cont_body .article {margin-top: -140px;}
	.cont_body .article section:nth-of-type(n+2) {margin-top:40px}
	.building_dv dl {width:100%}
	.building_dv dl:nth-of-type(2) {margin-left:0; margin-top:20px; padding-top:20px; border-top: 1px solid #d6dae8;}
	.advantages_ul li {width:calc(100%/2 - 10px); margin-top:20px}
	.advantages_ul li:nth-of-type(n+2) {margin-left:20px}
	.advantages_ul li:nth-of-type(3) {margin-left:0}
	.advantages_ul li:nth-of-type(5) {margin-left:0}
	.advantages_ul li:nth-of-type(n+1):nth-of-type(-n+2) {margin-top:0}
	.syringe_filling_lines > li:nth-of-type(1) li span {width:50%}
	.syringe_filling_lines > li:nth-of-type(1) li div {width:calc(50% - 20px)}
	.syringe_filling_lines > li:nth-of-type(1) li div dl {width:100%; margin-left:0 !important}
	.syringe_filling_lines > li:nth-of-type(n+2) {width:calc(50% - 20px)}
	.syringe_filling_lines > li:nth-of-type(n+3) {margin-left:20px}
	.syringe_filling_lines > li:nth-of-type(4) {margin-left:0}
	.p_development_head​ {padding:0; padding-right:32px}
	.p_development_head​ > li {width:calc(100%)}
	.p_development_head​ > li:nth-of-type(n+2) {margin-left:0; margin-top:20px}
	.p_development_head​ > li ul {min-height:auto;}
	.p_development_body {width:100%}
	.p_development_body.rgt {margin-left:0}
	.p_development_body h4 {min-height:auto;}
	.arrow_box li {width:94%}
	.arrow_box li:nth-of-type(n+2) {margin-left:0}
	.bio_analytics_head > li {width:100%; padding-right:120px !important; box-sizing:border-box; overflow: hidden;}
	.bio_analytics_head > li:nth-of-type(even) {margin-left:0; padding-left:0; padding:20px}
	.bio_analytics_head > li:nth-of-type(n+2) {margin-top:20px}
	.bio_analytics_head > li .photo {top:inherit !important; bottom:0 !important; left:inherit !important; right:0 !important; border:1px solid #050f2e !important; border-right:0 !important; border-bottom:0 !important}
	.bio_analytics_head > li:nth-of-type(odd) {padding-right:0}
	.bio_analytics_body > li:nth-of-type(1) > ul > li:nth-of-type(1) {width:100%}
	.bio_analytics_body > li:nth-of-type(1) > ul > li:nth-of-type(n+2) {width:100%}
	.bio_analytics_body > li:nth-of-type(1) > ul > li:nth-of-type(2) {margin-top:20px}
	footer span {display:block}
	footer .phone {margin-left:0; margin-top:10px}

	@keyframes bgAni {
		0% {transform:translateX(200px);}
		100% {transform:translateX(0);}
	  }

} 

/* 세로모드 모바일 디바이스 (가로 해상도가 576px 보다 작은 화면에 적용) */
@media  screen and (max-width: 575px) {
	.layVideo {top:-200px; padding:85px 12px 40px 12px}
	.layVideo [data-btn="close"] {background-size:30px auto;}
	header .inner {padding:0 12px}
	header .btn_ham_box {right:12px}
	.cont_top .inner {top:170px; width:336px; margin-left:-168px}
	.cont_body .article {margin-top: -150px;}
	.cont_body .inner {padding:40px 12px;}
	.cont_top .title {font-size:30px;}
	.cont_top .desc {font-size:16px;}
	.division_basic li {width:100%}
	.division_basic li:nth-of-type(n+2) {margin-left:0; margin-top:20px}
	.syringe_filling_lines > li:nth-of-type(1) li span {width:100%}
	.syringe_filling_lines > li:nth-of-type(1) li div {width:100%; padding-top:20px}
	.syringe_filling_lines > li:nth-of-type(n+2) {width:100%}
	.syringe_filling_lines > li:nth-of-type(n+3) {margin-left:0}
	.figure_wrap figure {width:100%; margin-left:0 }
	.figure_wrap figure figcaption span {float:none; display:block}
	.arrow_box li {width:90%}
	.bio_analytics_body > li > ul {width:100%; margin-top:20px}
	.btn_top {bottom:12px; right:12px}
	.brochure_btn_box { flex-direction:column }
}