@charset "utf-8";

.br {display:block;}

	@media screen and (max-width:1024px){
		.br {display:inline;}
	}


/* ================================== 회사소개 ================================== */

.company {}
.company .section {display:flex; font-size:18px;}
.company .section .textBox {position:relative; display: flex; flex-direction: column; justify-content: center; width:55%; z-index:2;}
.company .section .imageBox {position:relative; width:45%; z-index:2;}


.company .section h4 {font-size:35px; font-weight:700; line-height:140%; margin-bottom:95px;}
.company .section h4 b {color:#0075c1;}
.company .section p {color:#555; font-weight:300; line-height:160%; margin-bottom:35px; word-break:keep-all;}

	@media screen and (max-width:1439px){
		.company .section {font-size:110%;}

		.company .section h4 {font-size:190%;}
		.company .section p .br {display:inline;}
	}

	@media screen and (max-width:1199px){
		.company .section {flex-direction: column;}
		.company .section .textBox {width:100%;}
		.company .section .imageBox {width:100%; text-align:center; margin-bottom:20px;}
		.company .section .imageBox img {width:60%;}

		.company .section h4 {margin-bottom:45px;}
		.company .section p {margin-bottom:25px;}
	}

	@media screen and (max-width:799px){
		.company .section {font-size:100%;}
		.company .section .imageBox img {width:100%;}

		.company .section h4 {font-size:160%; margin-bottom:25px;}
	}

	@media screen and (max-width:499px){
		.company .section h4 {font-size:140%;}
	}


.company .section.top {position:relative; align-items: flex-end; margin-bottom:60px;}
.company .section.top:before {position:absolute; display:block; width:109%; height:240px; left:-5%; bottom:0; background:#f5f5f5; border-radius:30px; content:''; z-index:1;}
.company .section.top .imageBox {display:flex; align-items: flex-end;}
.company .section.top .imageBox .ceo {width:50%;}
.company .section.top .imageBox .companyLogo {display:flex; flex-direction: column; align-items:center; width:50%; font-weight:400; font-size:16px; margin-bottom:60px;}
.company .section.top .imageBox .companyLogo img {margin-bottom:5px;}
.company .section.top .imageBox .companyLogo .name {display:flex; align-items: center; font-weight:400; word-break:keep-all;}
.company .section.top .imageBox .companyLogo b {display:inline-block; font-size:24px; font-weight:700; margin-left:10px;}
.company .section.top p {font-size:20px; font-weight:600; line-height:160%; color:#333; margin-bottom:55px;}

.company.show .section {animation:fadeInDown 1s forwards;}

	@media screen and (max-width:1599px){
		.company .section.top .imageBox .companyLogo .name {flex-direction: column;}
	}

	@media screen and (max-width:1439px){
		.company .section.top .imageBox .ceo {width:70%; padding-right:2%;}
		.company .section.top .imageBox .companyLogo {width:30%;}
		.company .section.top .imageBox .companyLogo .name {font-size:95%; text-align:center;}
		.company .section.top .imageBox .companyLogo .name b {font-size:140%; margin-left:0;}
		.company .section.top p {font-size:110%;}
	}

	@media screen and (max-width:1199px){
		.company .section.top {flex-direction: column;}
		.company .section.top .textBox {width:100%; align-items: flex-end; text-align:right;}
		.company .section.top .textBox p {width:65%;}
		.company .section.top .imageBox {width:100%; margin-top:-200px; margin-bottom:0;}
		.company .section.top .imageBox img {width:auto;}
		.company .section.top .imageBox .ceo {width:52%;}
		.company .section.top .imageBox .companyLogo {width:48%;}
		.company .section.top .imageBox .companyLogo .name {flex-direction: revert;}
		.company .section.top .imageBox .companyLogo .name b {margin-left:10px;}
	}

	@media screen and (max-width:799px){
		.company .section.top {margin-bottom:0;}
		.company .section.top:before {height:150px;}
		.company .section.top p {font-size:100%;}
		.company .section.top .textBox p {width:100%;}
		.company .section.top .imageBox {align-items: normal; margin-top:-40px;}
		.company .section.top .imageBox .ceo {width:60%; margin-right:-10%; padding-right:0; text-align:center;}
		.company .section.top .imageBox .companyLogo {position:absolute; right:0; bottom:30px; width:40%; margin-bottom:0; margin-top:0;}
		.company .section.top .imageBox .companyLogo img {width:140px;}
		.company .section.top .imageBox .companyLogo .name {font-size:85%; flex-direction: column;}
		.company .section.top .imageBox .companyLogo .name b {margin-left:0;}

		.company .section.bottom {margin-top:40px;}
	}

	@media screen and (max-width:499px){
		.company .section {font-size:95%;}
		.company .section.top p {font-size:95%;}
		.company .section.top .imageBox .companyLogo img {width:100px;}
		.company .section.top .imageBox .companyLogo .name {font-size:70%;}

	}


/* ================================== 연혁 ================================== */

.history {}
.history .titleBox {display:flex; align-items: center; justify-content: space-between; color:#fff; background:url('../img/content/historyBg.jpg') center no-repeat; background-size:cover; border-radius:30px; height:300px; padding:0 5.6%;}
.history .titleBox h4 {font-size:30px; word-break:keep-all;}
.history .contentBox {margin-top:60px; border-top:2px solid #30353a; border-bottom:1px solid #999999; opacity:0;}
.history .contentBox .year {display:flex; letter-spacing:0; border-top:1px solid #ddd; }
.history .contentBox .year:first-child {border-top:0;}
.history .contentBox .year h5 {position:relative; width:18.6%; font-size:32px; font-weight:700; padding:29px 3.5%;}
.history .contentBox .year:first-child h5:before {position:absolute; display:block; width:100%; top:-2px; left:0; border-top:2px solid #0075c1; content:''; z-index:2;}
.history .contentBox .year ul {position:relative; width:81.4%; padding:20px 0;}
.history .contentBox .year ul:before {display:block; width:15px; height:110%; position:absolute; top:-2px; left:0; background:#fff; content:''; z-index:2;}
.history .contentBox .year ul li {display:flex; align-items: center; font-size:20px; font-weight:400; padding:12px 4.5%; word-break:keep-all;}
.history .contentBox .year ul li .month {display:flex; align-items: center; justify-content: center; width:32px; height:32px; font-size:16px; font-weight:700; border-radius:50%; color:#fff; background:#0075C1; margin-right:25px;}

.history .contentBox.show {animation:fadeInDown 1s forwards;}

	@media screen and (max-width:1439px){
		.history .titleBox img {width:25%;}
		.history .titleBox h4 {font-size:150%;}
		.history .contentBox .year h5 {font-size:190%;}
		.history .contentBox .year ul li {font-size:110%;}
		.history .contentBox .year ul li .month {font-size:100%; margin-right:3%;}
		.history .contentBox .year ul li span {width:calc(97% - 32px);}
	}

	@media screen and (max-width:1024px){
		.history .titleBox {height:250px;}
		.history .titleBox img {width:25%;}
		.history .titleBox h4 {font-size:140%;}
		.history .contentBox .year h5 {font-size:170%;}
		.history .contentBox .year ul li {font-size:105%;}
	}

	@media screen and (max-width:799px){
		.history .titleBox {flex-direction: column; justify-content: center; align-items: flex-end}
		.history .titleBox h4 {font-size:120%;}
		.history .titleBox h4 .br {display:inline;}
		.history .titleBox img {width:40%; margin-top:20px;}
		.history .contentBox {border-top:2px solid #0075c1;}
		.history .contentBox .year {flex-direction: column;}
		.history .contentBox .year:first-child h5:before {display:none;}
		.history .contentBox .year h5 {width:100%; padding:20px 0; font-size:150%;}
		.history .contentBox .year ul {width:100%; padding:0;}
		.history .contentBox .year ul:before {display:none;}
		.history .contentBox .year ul li {padding:0 0 20px; font-size:95%;}
		.history .contentBox .year ul li .month {font-size:90%;}
	}

	@media screen and (max-width:499px){
		.history .titleBox h4 {font-size:110%;}
		.history .contentBox .year h5 {font-size:140%:}
	}


/* ================================== 특허/인증/수상 ================================== */

.contentWrap.certificates {animation:fadeInDown 1s forwards;}

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

	}

/* ================================== 찾아오시는 길 ================================== */

.location {}
.location .mapBox {height:450px; border-radius:30px; overflow:hidden;}
.location .infoBox {display:flex; justify-content: space-between; margin-top:60px; padding:0 5.5%;}
.location .infoBox .info {}
.location .infoBox .info h4 {width:100%; font-size:35px; font-weight:600; color:#333; margin-bottom:40px; opacity:0;}
.location .infoBox .info .infoUl {}
.location .infoBox .info .infoUl li {display: flex; align-items: center; font-size:20px; font-weight:300; color:#555; margin-top:20px; opacity:0;}
.location .infoBox .info .infoUl li:first-child {margin-top:0;}
.location .infoBox .info .infoUl li .tit {display:flex; align-items:center; font-weight:600; margin-right:25px; min-width:117px; color:#333;}
.location .infoBox .info .infoUl li .tit:before {position:relative; display:inline-block; margin-right:10px;}
.location .infoBox .info .infoUl li.add .tit:before {content:url('../img/content/addIcon.png');}
.location .infoBox .info .infoUl li.tel .tit:before {content:url('../img/content/telIcon.png');}
.location .infoBox .info .infoUl li.fax .tit:before {content:url('../img/content/faxIcon.png');}
.location .infoBox .link {display: flex; align-items: center; justify-content: center; flex-direction: column; background:#f9f9f9; border-radius:20px; overflow:hidden; padding:40px 0; min-width:380px;}
.location .infoBox .link ul {}
.location .infoBox .link ul li {display:flex; align-items: center; justify-content: center; width:220px; height:50px; border-radius:25px; overflow:hidden; margin-bottom:25px;}
.location .infoBox .link ul li a {display:flex; align-items: center; justify-content: center; font-size:18px; font-weight:300; }
.location .infoBox .link ul li a:before {position:relative; display:inline-block; margin-right:10px;}
.location .infoBox .link ul li.naver {background:#03cf5d;}
.location .infoBox .link ul li.naver a {color:#fff;}
.location .infoBox .link ul li.naver a:before {content:url('../img/content/icon_Nmap.png');}
.location .infoBox .link ul li.kakao {background:#ffeb33;}
.location .infoBox .link ul li.kakao a:before {content:url('../img/content/icon_Kmap.png');}
.location .infoBox .link p {font-size:18px; font-weight:300; color:#767676; margin-top:5px;}

.location .infoBox.show .info h4 {animation:fadeInDown 1s forwards;}
.location .infoBox.show .info .infoUl li {animation:fadeInLeft 1s forwards; animation-delay:0.4s;}
.location .infoBox.show .info .infoUl li:nth-child(2) {animation-delay:0.6s;}
.location .infoBox.show .info .infoUl li:nth-child(3) {animation-delay:0.8s;}
.location .infoBox.show .link {animation:fadeIn 1s forwards;}

	@media screen and (max-width:1439px){
		.location .infoBox {padding:0; margin-top:50px;}
		.location .infoBox .info h4 {font-size:170%; margin-bottom:30px;}
		.location .infoBox .info .infoUl li {font-size:110%; word-break:keep-all;}
		
		.location .infoBox .link {min-width:320px;}
		.location .infoBox .link ul li {width:180px;}
		.location .infoBox .link ul li a {font-size:105%;}
		.location .infoBox .link p {font-size:105%;}
	}

	@media screen and (max-width:1024px){
		.location .mapBox {height:400px;}
		.location .infoBox {flex-direction: column;}
		.location .infoBox .info .infoUl li {margin-top:10px;}
		.location .infoBox .info .infoUl li .tit {margin-right:2%;}
		.location .infoBox .link {padding:30px 0; margin-top:20px;}
		.location .infoBox .link ul {display:flex;}
		.location .infoBox .link ul li {margin:0 1% 20px;}
		.location .infoBox .link ul li a {font-size:100%;}
		.location .infoBox .link p {font-size:100%; margin-top:0;}
	}

	@media screen and (max-width:799px){
		.location .mapBox {height:300px;}
		.location .infoBox .link {min-width:inherit; padding:20px 0;}
		.location .infoBox .info h4 {font-size:150%; margin-bottom:20px;}
		.location .infoBox .info .infoUl li {font-size:100%;}
		.location .infoBox .link ul li a {font-size:95%;}
		.location .infoBox .link p {font-size:95%;}
	}

	@media screen and (max-width:499px){
		.location .infoBox .info h4 {font-size:140%;}
		.location .infoBox .info .infoUl li {flex-direction: column; align-items: flex-start; font-size:95%; padding-left:40px;}
		.location .infoBox .info .infoUl li .tit {margin-left:-45px;}
		.location .infoBox .link ul {width:100%; padding:0 2%;}
		.location .infoBox .link ul li {width:50%;}
		.location .infoBox .link ul li a {font-size:90%;}
		.location .infoBox .link p {font-size:90%;}

	}

/* ================================== 제품소개 ================================== */

/* SD-200 & SD-C100 - 슬라이더 */
.product .proSlider {display:flex; align-items: stretch; opacity:0;}
.product .proSlider .slider {position:relative; width:50%; border-radius:70px; overflow:hidden; box-shadow:40px 0 60px rgba(0,0,0,0.2);}
.product .proSlider .slider img {width:100%;}
.product .proSlider .slider .slick-arrow {position:absolute; top:calc(50% - 14.5px); width:16px; height:29px; border-radius:50%; overflow:hidden; z-index:9; border:0; font-size:0; background-color:inherit; background-repeat:no-repeat;}
.product .proSlider .slider .slick-arrow.slick-prev {left:20px; background-image:url('../img/content/proSliderPrev.png');}
.product .proSlider .slider .slick-arrow.slick-next {right:20px; background-image:url('../img/content/proSliderNext.png');}
.product .proSlider .slider .slick-arrow.slick-disabled {filter: grayscale(100%); opacity:0.3;}
.product .proSlider .slider .slick-dots {position:absolute; display:flex; justify-content: center; width:100%; bottom:20px;}
.product .proSlider .slider .slick-dots li {margin:0 5px;}
.product .proSlider .slider .slick-dots li button {width:10px; height:10px; background-color:rgba(0,0,0,0.3); border-radius:50%; overflow:hidden; border:0; font-size:0;}
.product .proSlider .slider .slick-dots li.slick-active button {background-color:#000;}
.product .proSlider .textBox {display: flex; flex-direction: column; justify-content: center; width:60%; margin-left:-10%; background:url('../img/content/proSliderBg.png') right calc(100% + 70px) no-repeat; color:#fff; border-radius:0 70px 70px 0; padding:0 2% 0 calc(10% + 80px);}
.product .proSlider .textBox h4 {font-size:35px; font-weight:700; opacity:0;}
.product .proSlider .textBox p {font-size:20px; color:inherit; line-height:180%; margin-top:30px; opacity:0; word-break:keep-all;}

.product .proSlider.show {animation:fadeInDown 1s forwards;}
.product .proSlider.show .textBox h4 {animation:fadeInLeft 1s forwards; animation-delay:0.8s}
.product .proSlider.show .textBox p {animation:fadeInLeft 1s forwards; animation-delay:0.8s}

	@media screen and (max-width:1439px){
		.product .proSlider .slider {border-radius:50px;}
		.product .proSlider .textBox {border-radius:0 50px 50px 0; padding-left:calc(10% + 40px);}
		.product .proSlider .textBox h4 {font-size:190%;}
		.product .proSlider .textBox p {font-size:110%;}
		.product .proSlider .textBox p .br {display:inline;}
	}

	@media screen and (max-width:1149px){
		.product .proSlider {flex-direction: column;}
		.product .proSlider .slider {width:100%; border-radius:50px 50px 0 0;}
		.product .proSlider .textBox {width:100%; margin-left:0; border-radius:0 0 50px 50px; padding:40px 5%;}
	}

	@media screen and (max-width:799px){
		.product .proSlider .slider {border-radius:30px 30px 0 0;}
		.product .proSlider .textBox h4 {font-size:170%; border-radius:0 30px 30px 0;}
		.product .proSlider .textBox p {font-size:100%; margin-top:20px;}
	}

	@media screen and (max-width:499px){
		.product .proSlider .textBox h4 {font-size:150%;}
		.product .proSlider .textBox p {font-size:90%; margin-top:10px;}
		
	}

/* SD-100 */
.product01 .textBox p {font-size:18px; font-weight:300; color:#555; margin-top:30px; line-height:160%; opacity:0; word-break:keep-all;}
.product01 .textBox p b {font-weight:600;}
.product01 .textBox p:first-child {margin-top:0;}

.product01 .secBox {position:relative; display:flex;}
.product01 .secBox .imageBox {position:absolute; width:42%; margin-top:90px; border-radius:70px; overflow:hidden; z-index:2; box-shadow:10px -5px 20px rgba(0,0,0,0.1); background:#fff;}
.product01 .secBox .imageBox img {position:absolute; top:0;}
.product01 .secBox .textBox {width:85.2%; max-width:1118px; background:#f7f7f7; border-radius:30px; padding:122px 5% 122px 19%; margin-left:28.5%; margin-bottom:90px;}

.product01 .secBox .textBox p {color:#333; }

	@media screen and (max-width:1655px){
		.product01 .textBox p .br {display:inline;}
	}

	@media screen and (max-width:1439px){
		.product01 .secBox .textBox {padding:62px 2% 62px 17%;}
		.product01 .textBox p {font-size:105%; word-break:keep-all;}
		.product01 .textBox p .br {display:inline;}
	}

	@media screen and (max-width:799px){
		.product01 .textBox p {font-size:100%; margin-top:10px;}

		.product01 .secBox {flex-direction: column;}
		.product01 .secBox .imageBox {position:relative; width:100%; margin-top:0; border-radius:50px 50px 0 0; text-align:center;}
		.product01 .secBox .imageBox img {position:relative; width:80%;}
		.product01 .secBox .textBox {width:100%; margin-left:0; margin-bottom:0; padding:42px 7%; border-radius:0 0 50px 50px;}
	}

	@media screen and (max-width:499px){
		.product01 .textBox p {font-size:90%;}
	}

.product01 .sec01 {display:flex; flex-direction: row-reverse; flex-wrap: wrap; }
.product01 .sec01 .imageBox {width:50%; text-align:center;}
.product01 .sec01 .textBox {width:50%;}
.product01 .sec01 .textBox h4 {font-size:35px; font-weight:400; letter-spacing:-0.05em; color:#333; opacity:0; line-height:140%; word-break:keep-all;}
.product01 .sec01 .textBox h4 b {font-weight:700;}
.product01 .sec01 .textBox h4 .blue {color:#0075c1;}
.product01 .sec01 .textBox .sTit {display:inline-block; background:rgba(0,117,193,0.06); border-radius:0 10px 10px 0; padding:15px 20px; margin-top:30px; opacity:0; border-left:1px solid #0075c1;}
.product01 .sec01 .textBox .sTit h5 {font-size:18px; color:#0075c1; font-weight:600; line-height:160%; letter-spacing:-0.05em;}
.product01 .sec01 .textBox .sTit p {font-size:18px; margin-top:0; color:#333; font-weight:600;}

.product01 .sec01 .bottomImg {width:100%; text-align:center; margin-top:110px;}

.product01 .sec01 .textBox.show h4 {animation:fadeInLeft 1s forwards;}
.product01 .sec01 .textBox.show p {animation:fadeInLeft 1s forwards; animation-delay:0.3s;}
.product01 .sec01 .textBox.show .sTit{animation:fadeInLeft 1s forwards; animation-delay:0.3s;}
.product01 .sec01 .textBox.show .sTit h5 {animation:fadeInLeft 1s forwards; animation-delay:0.3s;}
.product01 .sec01 .bottomImg.show {animation:fadeIn 2s forwards;}


	@media screen and (max-width:1439px){
		.product01 .sec01 .imageBox {width:40%; padding-left:2%;}
		.product01 .sec01 .textBox {width:60%;}
		.product01 .sec01 .textBox h4 {font-size:190%;}
		.product01 .sec01 .textBox .sTit h5 {font-size:105%;}
		.product01 .sec01 .textBox .sTit p {font-size:105%;}

		.product01 .sec01 .bottomImg {margin-top:90px;}
	}

	@media screen and (max-width:1024px){
		.product01 .sec01 .textBox h4 {font-size:170%;}
		.product01 .sec01 .textBox .sTit {width:100%;}
		.product01 .sec01 .textBox .sTit h5 br {display:none;}
		.product01 .sec01 .textBox .sTit p {width:100%;}
	}

	@media screen and (max-width:799px){
		.product01 .sec01 {flex-direction: column;}
		.product01 .sec01 .imageBox {width:100%; padding-left:0; text-align:center; margin-bottom:30px;}
		.product01 .sec01 .imageBox img {width:60%;}
		.product01 .sec01 .textBox {width:100%;}
		.product01 .sec01 .textBox h4 {font-size:150%;}
		.product01 .sec01 .textBox .sTit h5 {font-size:100%;}
		.product01 .sec01 .textBox .sTit p {font-size:100%;}

		.product01 .sec01 .bottomImg {margin-top:70px;}
	}

	@media screen and (max-width:499px){
		.product01 .sec01 .textBox h4 {font-size:140%;}
		.product01 .sec01 .textBox .sTit h5 {font-size:95%;}
		.product01 .sec01 .textBox .sTit p {font-size:95%;}

		.product01 .sec01 .bottomImg {margin-top:50px;}
	}


.product01 .sec02 {margin:120px 0 80px;}
.product01 .sec02 .imageBox {padding-top:40%;}
.product01 .sec02 .imageBox .explain {position:absolute; width:100%; bottom:10%; left:0; text-align:center;}
.product01 .sec02 .textBox h4 {font-size:35px; font-weight:700; letter-spacing:-0.05em; padding-bottom:10px; opacity:0;}
.product01 .sec02 .textBox h4:after {position:relative; display:block; width:70px; height:2px; background:#0075c1; margin-top:19px; content:'';}

.product01 .sec02.show .imageBox {animation:fadeIn 1s forwards;}
.product01 .sec02.show .textBox h4 {animation:fadeInDown 1s forwards;}
.product01 .sec02.show .textBox p {animation:fadeInLeft 1s forwards; animation-delay:0.3s;}

	@media screen and (max-width:1439px){
		.product01 .sec02 .textBox h4 {font-size:190%;}
		.product01 .sec02 .imageBox .explain {font-size:100%;}
	}

	@media screen and (max-width:1024px){
		.product01 .sec02 .textBox h4 {font-size:170%;}
	}

	@media screen and (max-width:799px){
		.product01 .sec02 {margin:100px 0 70px;}
		.product01 .sec02 .imageBox {padding-top:0;}
		.product01 .sec02 .imageBox .explain {font-size:95%;}
	}

	@media screen and (max-width:499px){
		.product01 .sec02 {margin:80px 0 60px;}
		.product01 .sec02 .imageBox .explain {font-size:90%;}
		.product01 .sec02 .textBox h4 {font-size:150%;}

	}


.product01 .sec03 {}
.product01 .sec03 .titleBox {position:relative; width:200%; left:calc(-100% + 720px); color:#fff; text-align:center; padding:100px 0 210px; background:url('../img/content/product01Bg03.jpg') center no-repeat;}
.product01 .sec03 .titleBox h5 {font-size:30px; font-weight:600; letter-spacing:-0.05em; margin-bottom:32px;}
.product01 .sec03 .titleBox p {line-height:160%;}
.product01 .sec03 .contentBox {position:relative; display:flex; align-items:center; justify-content:center; justify-content: space-evenly; margin-top:-151px; z-index:2;}
.product01 .sec03 .contentBox .syringe {width:500px; }
.product01 .sec03 .contentBox .syringe .title {position:relative; display: flex; align-items: center; justify-content: center; width:74%; height:60px; margin:0 auto; font-size:20px; font-weight:600; letter-spacing:-0.025em; background:#000; border-radius:30px; color:#fff;}
.product01 .sec03 .contentBox .syringe .image {border-radius:20px; overflow:hidden; box-shadow:4px 8px 10px rgba(0,0,0,0.1); margin-top:-30px;}

.product01 .sec03 .contentBox.show {animation:fadeInDown 1s forwards;}

	@media screen and (max-width:1439px){
		.product01 .sec03 .titleBox {left:-50%;}
		.product01 .sec03 .titleBox h5 {font-size:180%;}
		.product01 .sec03 .contentBox {justify-content: space-between;}
		.product01 .sec03 .contentBox .syringe {width:48%;}
		.product01 .sec03 .contentBox .syringe .title {font-size:110%;}
	}

	@media screen and (max-width:799px){
		.product01 .sec03 .titleBox {padding:60px 0 170px;}
		.product01 .sec03 .titleBox h5 {font-size:160%;}
		.product01 .sec03 .titleBox p .br {display:block;}
		.product01 .sec03 .contentBox {flex-direction: column}
		.product01 .sec03 .contentBox .syringe {width:80%; margin-top:30px;}
		.product01 .sec03 .contentBox .syringe .title {font-size:105%; height:50px;}
	}

	@media screen and (max-width:499px){
		.product01 .sec03 .titleBox h5 {font-size:140%;}
		.product01 .sec03 .contentBox .syringe .title {width:64%; font-size:100%;}
	}


.product01 .sec04 {position:relative; display:flex; align-items:center; justify-content:center; margin:154px 0 132px;}
.product01 .sec04:before {position:absolute; display:block; top:-80px; left:-170px; content:url('../img/content/product01Bg04.png');}
.product01 .sec04 .imageBox {width:35%; max-width:500px; text-align:center; margin-right:65px;}
.product01 .sec04 .tableBox {width:53%; max-width:762px;}
.product01 .sec04 .tableBox table {width:100%; padding:0; border-top:1px solid #30353a; border-bottom:1px solid #000;}
.product01 .sec04 .tableBox table th,
.product01 .sec04 .tableBox table td {font-size:18px; border-bottom:1px solid #ddd; padding:22px 0; word-break:keep-all;}
.product01 .sec04 .tableBox table th {width:167px; font-weight:600;}
.product01 .sec04 .tableBox table td {font-weight:400; padding-left:9.5%;}

.product01 .sec04.show .tableBox {animation:fadeInRight 1s forwards;}

	@media screen and (max-width:1439px){
		.product01 .sec04 .imageBox {width:30%;}
		.product01 .sec04 .tableBox {width:58%;}
		.product01 .sec04 .tableBox table th,
		.product01 .sec04 .tableBox table td {font-size:105%;}
		.product01 .sec04 .tableBox table td  {padding-left:5.5%;}
	}

	@media screen and (max-width:1024px){
		.product01 .sec04 {margin:124px 0 102px;}
		.product01 .sec04 .imageBox {width:30%; margin-right:3%;}
		.product01 .sec04 .tableBox table th,
		.product01 .sec04 .tableBox table td {font-size:100%;}
		.product01 .sec04 .tableBox table th {width:147px;}
	}

	@media screen and (max-width:799px){
		.product01 .sec04 {flex-direction: column; margin:94px 0 72px;}
		.product01 .sec04 .imageBox {width:100%; margin-bottom:20px;}
		.product01 .sec04 .imageBox img {max-height:300px;}
		.product01 .sec04 .tableBox {width:100%;}
		.product01 .sec04 .tableBox table th,
		.product01 .sec04 .tableBox table td {font-size:90%;}
		.product01 .sec04 .tableBox table th {width:127px;}
		.product01 .sec04 .tableBox table td {padding-left:0;}
	}

	@media screen and (max-width:499px){
		.product01 .sec04 .tableBox table th,
		.product01 .sec04 .tableBox table td {padding:18px 0;}
		.product01 .sec04 .tableBox table th {width:107px;}
	}


.product01 .sec05 {margin:120px 0 100px;}
.product01 .sec05 .imageBox {padding-top:35%;}
.product01 .sec05 .textBox h5 {font-size:35px; font-weight:700; letter-spacing:-0.05em; padding-bottom:10px; opacity:0;}
.product01 .sec05 .textBox h5:after {position:relative; display:block; width:70px; height:2px; background:#0075c1; margin-top:19px; content:'';}
.product01 .sec05 .textBox p b {color:#0075c1;}
.product01 .sec05.show .textBox h5 {animation:fadeInDown 1s forwards;}
.product01 .sec05.show .textBox p {animation:fadeInLeft 1s forwards; animation-delay:0.3s;}

	@media screen and (max-width:1439px){
		.product01 .sec05 {margin:90px 0 70px;}
		.product01 .sec05 .textBox h5 {font-size:190%;}
	}

	@media screen and (max-width:799px){
		.product01 .sec05 {margin:60px 0 40px;}
		.product01 .sec05 .imageBox {padding-top:0;}
		.product01 .sec05 .textBox h5 {font-size:170%;}
		.product01 .sec05 .textBox h5:after {width:13%;}
	}

	@media screen and (max-width:499px){
		.product01 .sec05 .textBox h5 {font-size:150%;}
	}


.product01 .sec06 {width:100%;}
.product01 .sec06 h6 {text-align:center; font-size:28px; font-weight:600; word-break:keep-all;}
.product01 .sec06 ul {display: flex; justify-content: space-between; align-items: flex-start;}
.product01 .sec06 ul li {opacity:0;}
.product01 .sec06 ul li .tit {display:block; text-align:center; font-size:30px; font-weight:600; margin-top:60px;}

.product01 .sec06.show ul li {animation:fadeInLeft 1s forwards;}
.product01 .sec06.show ul li:nth-child(2) {animation-delay:0.3s;}

	@media screen and (max-width:1439px){
		.product01 .sec06 h6 {font-size:150%; margin-bottom:20px;}
		.product01 .sec06 ul li .tit {font-size:160%; margin-top:40px;}
	}

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

	@media screen and (max-width:799px){
		.product01 .sec06 h6 {font-size:130%;}
		.product01 .sec06 ul li .tit {font-size:140%;}
	}

	@media screen and (max-width:499px){
		.product01 .sec06 h6 {font-size:110%;}
		.product01 .sec06 ul {flex-direction: column;}
		.product01 .sec06 ul li {border:1px solid #eee; margin-bottom:20px; padding:20px 0;}
		.product01 .sec06 ul li .tit {margin-top:10px;}
	}


/* SD-100 - tab*/
.product01 .sec07 .tab {display:flex; margin-top:150px;}
.product01 .sec07 .tabNav {display:flex; flex-direction: column; width:250px; margin-top:75px; opacity:0;}
.product01 .sec07 .tabNav li {display:flex; align-items:center; margin-bottom:8px; }
.product01 .sec07 .tabNav li a {display:flex; width:100%; align-items:center; font-size:20px; font-weight:500; color:#ddd; background:#fff;}
.product01 .sec07 .tabNav li a:before {position:relative; display:block; margin-right:23px; opacity:0.25;}
.product01 .sec07 .tabNav li a:after {display:none; position:relative; width:100%; height:1px; background:url('../img/content/proTabLine.png') left center repeat-x;  margin-left:20px; content:'';}
.product01 .sec07 .tabNav li a:hover,
.product01 .sec07 .tabNav li a.active {font-weight:700; color:#000;}
.product01 .sec07 .tabNav li a:hover:before,
.product01 .sec07 .tabNav li a.active:before {opacity:1;}
.product01 .sec07 .tabNav li a.active:after {display:block;}
.product01 .sec07 .tabNav li a:hover b,
.product01 .sec07 .tabNav li a.active b {color:#0075c1;}

.product01 .sec07 .tabNav li.easy a:before { content:url('../img/content/proEasyIcon.png');}
.product01 .sec07 .tabNav li.safe a:before { content:url('../img/content/proSafeIcon.png');}
.product01 .sec07 .tabNav li.efficient a:before { content:url('../img/content/proEfficientIcon.png');}
.product01 .sec07 .tabNav li.multi a:before { content:url('../img/content/proMultiIcon.png');}

.product01 .sec07.show .tabNav {animation:fadeInLeft 1s forwards; animation-delay:0.3s;}

	@media screen and (max-width:1439px){
		.product01 .sec07 .tab {margin-top:120px;}
		.product01 .sec07 .tabNav {width:180px;}
		.product01 .sec07 .tabNav li a {font-size:110%;}
		.product01 .sec07 .tabNav li a:before {margin-right:5%;}
	}

	@media screen and (max-width:1024px){
		.product01 .sec07 .tab { flex-direction: column;}
		.product01 .sec07 .tabNav {width:100%; flex-direction: row; margin-top:62px;}
		.product01 .sec07 .tabNav li a {flex-wrap: wrap; font-size:105%;}
		.product01 .sec07 .tabNav li a:after {display:block; width:100%; height:20px; background:url('../img/content/proTabLine1.png') calc(50% - 4px) top repeat-y;}
	}

	@media screen and (max-width:799px){
		.product01 .sec07 .tab {margin-top:60px;}

	}

	@media screen and (max-width:499px){
		.product01 .sec07 .tab {margin-top:40px;}
		.product01 .sec07 .tabNav {flex-wrap: wrap;  margin-top:42px;}
		.product01 .sec07 .tabNav li {width:50%;}
		.product01 .sec07 .tabNav li a {font-size:100%;}
		.product01 .sec07 .tabNav li a:after,
		.product01 .sec07 .tabNav li a.active:after {display:none;}
	}

.product01 .sec07 .tabContent {width:calc(100% - 250px); background:#f8f8f8; border-radius:30px; overflow:hidden; padding:64px 82px; letter-spacing:-0.025em;}
.product01 .sec07 .tabWrap .titleBox {margin-bottom:65px;}
.product01 .sec07 .tabWrap .titleBox h5 {font-size:40px; color:#0075c1; font-weight:700; letter-spacing:-0.05em; text-transform: uppercase; margin-bottom:25px; animation: fadeInDown 1s ease-in-out forwards;}
.product01 .sec07 .tabWrap .titleBox p {font-size:18px; font-weight:400;  color:#000; line-height:160%; word-break:keep-all; animation: fadeInDown 1s ease-in-out forwards;}
.product01 .sec07 .tabWrap .contentBox {display:flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.product01 .sec07 .tabWrap .contentBox h6 {width:100%; font-size:25px; font-weight:700; color:#000; margin-bottom:25px;}
.product01 .sec07 .tabWrap .contentBox p {font-size:18px; letter-spacing:-0.03em; line-height:160%; color:#000; margin-bottom:20px;}

.product01 .sec07 .tabWrap .contentBox .image {animation:fadeInLeft 1s ease-in-out forwards; opacity:0;}
.product01 .sec07 .tabWrap .contentBox .video {width:69.5%;}
.product01 .sec07 .tabWrap .contentBox .frame {position:relative; width:100%; padding-top:65%; border-radius:30px; overflow:hidden; animation:fadeIn 1s ease-in-out forwards; opacity:0;}
.product01 .sec07 .tabWrap .contentBox .frame iframe {position:absolute; width:100%; height:100%; top:0; left:0;}

.product01 .sec07.show .tabContent {animation:fadeIn 1s forwards;}

	@media screen and (max-width:1599px){
		.product01 .sec07 .tabContent {padding:64px 5%;}
	}

	@media screen and (max-width:1439px){
		.product01 .sec07 .tabContent {width:calc(100% - 180px); padding:54px 5%;}
		.product01 .sec07 .tabWrap .titleBox h5 {font-size:220%;}
		.product01 .sec07 .tabWrap .titleBox p {font-size:105%;}
		.product01 .sec07 .tabWrap .contentBox h6 {font-size:130%;}
		.product01 .sec07 .tabWrap .contentBox p {font-size:105%;}

		.product01 .sec07 .tabWrap .contentBox .image {width:30%;}
		.product01 .sec07 .tabWrap .contentBox .video {width:70%; padding-left:3%;}
	}

	
	@media screen and (max-width:1024px){
		.product01 .sec07 .tabContent {width:100%;}
		.product01 .sec07 .tabWrap .titleBox {margin-bottom:55px;}
		.product01 .sec07 .tabWrap .titleBox h5 {font-size:200%;}
		.product01 .sec07 .tabWrap .titleBox p {font-size:100%;}
		.product01 .sec07 .tabWrap .contentBox h6 {font-size:120%; margin-bottom:15px;}
		.product01 .sec07 .tabWrap .contentBox p {font-size:100%;}

		.product01 .sec07 .tabWrap .contentBox .frame {height:255px;}
	}

	@media screen and (max-width:799px){
		.product01 .sec07 .tabContent {padding:34px 5%;}
		.product01 .sec07 .tabWrap .titleBox {margin-bottom:35px;}
		.product01 .sec07 .tabWrap .titleBox h5 {font-size:180%;}
		.product01 .sec07 .tabWrap .titleBox p {font-size:90%;}
		.product01 .sec07 .tabWrap .contentBox h6 {font-size:100%; margin-bottom:15px;}
		.product01 .sec07 .tabWrap .contentBox p {font-size:90%;}

		.product01 .sec07 .tabWrap .contentBox .video {margin-top:20px;}
		.product01 .sec07 .tabWrap .contentBox .frame {height:205px;}
	}

	@media screen and (max-width:499px){
		.product01 .sec07 .tabWrap .titleBox {margin-bottom:15px;}
		.product01 .sec07 .tabWrap .titleBox h5 {font-size:160%;}
		.product01 .sec07 .tabWrap .contentBox {flex-direction: column;}
		.product01 .sec07 .tabWrap .contentBox .image {width:130px;}
		.product01 .sec07 .tabWrap .contentBox .video {width:100%; padding-left:0; margin-top:40px;}
	}


.product01 .sec07 .tabWrap .contentBox .imgUl {display:flex;}
.product01 .sec07 .tabWrap .contentBox .imgUl li {margin-right:40px; animation:fadeInLeft 1s ease-in-out forwards; opacity:0;}
.product01 .sec07 .tabWrap .contentBox .imgUl li:nth-child(2) {animation-delay:0.2s;}
.product01 .sec07 .tabWrap .contentBox .imgUl li img {border-radius:30px; overflow:hidden;}
.product01 .sec07 .tabWrap .contentBox .imgUl li .tit {display:block; font-size:20px; text-align:center; margin-top:20px; }
.product01 .sec07 .tabWrap .contentBox .imgUl li .tit.blue {color:#0075c1; font-weight:700;}

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

	
	@media screen and (max-width:1024px){
		.product01 .sec07 .tabWrap .contentBox .imgUl li .tit {font-size:110%;}
	}

	@media screen and (max-width:799px){
		.product01 .sec07 .tabWrap .contentBox .imgUl li .tit {font-size:100%;}
	}

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

	}

.product01 .sec07 .tabWrap .contentBox .multiUl {position:relative; display:flex; justify-content:space-between; align-items:center; width:100%;}
.product01 .sec07 .tabWrap .contentBox .multiUl li {position:relative; width:25%; padding-top:20%; text-align:center; display:flex; flex-direction:column; justify-content:center; animation: fadeIn 1s ease-in-out forwards; align-items:center; opacity:0;}
.product01 .sec07 .tabWrap .contentBox .multiUl li:nth-child(1) {}
.product01 .sec07 .tabWrap .contentBox .multiUl li:nth-child(2) {animation-delay:.2s;}
.product01 .sec07 .tabWrap .contentBox .multiUl li:nth-child(3) {animation-delay:.5s;}
.product01 .sec07 .tabWrap .contentBox .multiUl li:nth-child(4) {animation-delay:.7s;}
.product01 .sec07 .tabWrap .contentBox .multiUl li:nth-child(5) {animation-delay:.9s;}
.product01 .sec07 .tabWrap .contentBox .multiUl::before,
.product01 .sec07 .tabWrap .contentBox .multiUl li::before {position:absolute; display:block; width:14px; height:14px; top:calc(50% - 7px); border-radius:50%; overflow:hidden; z-index:3; content:''; animation: fadeIn 1s ease-in-out forwards; animation-delay:1.4s; opacity:0;}
.product01 .sec07 .tabWrap .contentBox .multiUl::before {right:-7px; background:#000;}
.product01 .sec07 .tabWrap .contentBox .multiUl li:nth-child(1)::before {background:#143672;}
.product01 .sec07 .tabWrap .contentBox .multiUl li:nth-child(2)::before {background:#104cb4;}
.product01 .sec07 .tabWrap .contentBox .multiUl li:nth-child(3)::before {background:#0075c1;}
.product01 .sec07 .tabWrap .contentBox .multiUl li:nth-child(4)::before {background:#1aa5ff;}
.product01 .sec07 .tabWrap .contentBox .multiUl li:nth-child(5)::before {background:#63c2ff;}
.product01 .sec07 .tabWrap .contentBox .multiUl li::before {left:-7px;}

.product01 .sec07 .tabWrap .contentBox .multiUl::after,
.product01 .sec07 .tabWrap .contentBox .multiUl li::after {position:absolute; display:block;  width:28px; height:28px; top:calc(50% - 14px); border-radius:50%; overflow:hidden; background:#fff; z-index:2; animation: fadeIn 1s ease-in-out forwards; opacity:0; content:'';}

.product01 .sec07 .tabWrap .contentBox .multiUl::after {right:-14px;}
.product01 .sec07 .tabWrap .contentBox .multiUl li::after {left:-14px;}

.product01 .sec07 .tabWrap .contentBox .multiUl li .circle {display:flex; align-items: center; justify-content: center; position:absolute; width:100%; height:100%; top:0; left:0; font-weight:700; font-size:20px; color:#000; z-index:1;}
.product01 .sec07 .tabWrap .contentBox .multiUl li .circle::before {display:block; position:absolute; content:''; width:100%; height:100%; border:1px solid #8b7e71; border-bottom:1px dotted #9e968e; border-right:1px dotted #9e968e; border-radius:50%; opacity:0;}
.product01 .sec07 .tabWrap .contentBox .multiUl li:nth-child(1) .circle::before {animation: cirRotateR 1s ease-in-out forwards; animation-delay:.3s;}
.product01 .sec07 .tabWrap .contentBox .multiUl li:nth-child(2) .circle::before {animation: cirRotateL 1s ease-in-out forwards; animation-delay:.6s;}
.product01 .sec07 .tabWrap .contentBox .multiUl li:nth-child(3) .circle::before {animation: cirRotateR 1s ease-in-out forwards; animation-delay:.8s;}
.product01 .sec07 .tabWrap .contentBox .multiUl li:nth-child(4) .circle::before {animation: cirRotateL 1s ease-in-out forwards; animation-delay:1s;}
.product01 .sec07 .tabWrap .contentBox .multiUl li:nth-child(5) .circle::before {animation: cirRotateR 1s ease-in-out forwards; animation-delay:1.2s;}

	@media screen and (max-width:1599px){
		.product01 .sec07 .tabWrap .contentBox .multiUl li .circle {font-size:110%;}
	}

	@media screen and (max-width:1439px){
		.product01 .sec07 .tabWrap .contentBox .imgUl li {margin-right:4%;}
		.product01 .sec07 .tabWrap .contentBox .imgUl li .tit {font-size:110%;}
	}

	@media (max-width:1439px) and (min-width:1025px){
		.product01 .sec07 .tabWrap .contentBox .multiUl {flex-wrap: wrap; justify-content: center; width:100%;}
		.product01 .sec07 .tabWrap .contentBox .multiUl li {width:33.333%; padding-top:33.333%;}

		.product01 .sec07 .tabWrap .contentBox .multiUl::before {top:23%; background:#1aa5ff;}
		.product01 .sec07 .tabWrap .contentBox .multiUl li:nth-child(4)::before {background:#63c2ff;}
		.product01 .sec07 .tabWrap .contentBox .multiUl li:nth-child(5)::before {background:#000;}

		.product01 .sec07 .tabWrap .contentBox .multiUl::after {top:21%;}
	}

	@media (max-width:1024px) and (min-width:800px){
		.product01 .sec07 .tabWrap .contentBox .imgUl li .tit {font-size:105%;}

		.product01 .sec07 .tabWrap .contentBox .multiUl li::before {left:-9px;}
		.product01 .sec07 .tabWrap .contentBox .multiUl::before {right:-10px;}
		.product01 .sec07 .tabWrap .contentBox .multiUl::after,
		.product01 .sec07 .tabWrap .contentBox .multiUl li::after {width:24px; height:24px; top:calc(50% - 12px);}

		.product01 .sec07 .tabWrap .contentBox .multiUl li .circle {font-size:100%;}
	}

	@media screen and (max-width:799px){
		.product01 .sec07 .tabWrap .contentBox .imgUl li .tit {font-size:100%;}

		.product01 .sec07 .tabWrap .contentBox .multiUl {flex-wrap: wrap; justify-content: center; width:100%;}
		.product01 .sec07 .tabWrap .contentBox .multiUl li {width:33.333%; padding-top:33.333%;}

		.product01 .sec07 .tabWrap .contentBox .multiUl::before {top:23%; background:#1aa5ff;}
		.product01 .sec07 .tabWrap .contentBox .multiUl li:nth-child(4)::before {background:#63c2ff;}
		.product01 .sec07 .tabWrap .contentBox .multiUl li:nth-child(5)::before {background:#000;}

		.product01 .sec07 .tabWrap .contentBox .multiUl::after {top:20%;}

		.product01 .sec07 .tabWrap .contentBox .multiUl li .circle {font-size:90%;}
	}

	@media screen and (max-width:499px){
		.product01 .sec07 .tabWrap .contentBox .imgUl li .tit {font-size:90%;}

		.product01 .sec07 .tabWrap .contentBox .multiUl li:nth-child(4),
		.product01 .sec07 .tabWrap .contentBox .multiUl li:nth-child(5) {width:50%; padding-top:50%;}
		
		.product01 .sec07 .tabWrap .contentBox .multiUl::before {top:16%;}
		.product01 .sec07 .tabWrap .contentBox .multiUl::after {top:13%;}
	}

	@keyframes cirRotateR{ 
		0% { transform:rotate(-135deg); } 
		100% { transform:rotate(45deg); opacity:1; } 
	}
	@keyframes cirRotateL{ 
		0% { transform:rotate(45deg); } 
		100% { transform:rotate(-135deg); opacity:1; } 
	}
	@keyframes fadeInUp{ 
		0% {opacity:0;} 
		100% {opacity:1;}
	}


/* SD-200 */
.product02 .proSlider .textBox {background-color:#0075c1;}
.product02 .sec02 {margin-top:150px;}
.product02 .sec02 .titleBox {letter-spacing:-0.025em; text-align:center; margin-bottom:50px;}
.product02 .sec02 .titleBox h5 {font-size:40px; font-weight:700;}
.product02 .sec02 .sketchBox {margin:0 -8.5%;}
.product02 .sec02 .sketchBox .swiper-slide {transform:scale(0.8); opacity:0;}
.product02 .sec02 .sketchBox .swiper-slide img {width:100%; max-width:100%;}
.product02 .sec02 .sketchBox .swiper-slide-next{transform:scale(1.1);}

.product02 .sec02.show .sketchBox .swiper-slide {animation:fadeIn 1s forwards;}
.product02 .sec02.show .sketchBox .swiper-slide:nth-child(2) {animation-delay:.4s;}
.product02 .sec02.show .sketchBox .swiper-slide:nth-child(3) {animation-delay:.6s;}

	@media screen and (max-width:1439px){
		.product02 .sec02 {margin-top:130px;}
		.product02 .sec02 .titleBox {margin-bottom:35px;}
		.product02 .sec02 .titleBox h5 {font-size:220%;}
	}

	@media screen and (max-width:1024px){
		.product02 .sec02 {margin-top:110px;}
	}

	@media screen and (max-width:799px){
		.product02 .sec02 {margin-top:90px;}
		.product02 .sec02 .titleBox {margin-bottom:20px;}
		.product02 .sec02 .titleBox h5 {font-size:180%;}
		.product02 .sec02 .sketchBox {margin:0%;}
		.product02 .sec02 .sketchBox .swiper-slide {transform:scale(1);}
		.product02 .sec02 .sketchBox .swiper-slide-next{transform:scale(1);}
	}

	@media screen and (max-width:499px){
		.product02 .sec02 {margin-top:70px;}
	}

/* SD-C100 */
.product03 .proSlider .textBox {background-color:#104cb4;}
.product03 .proSlider .slider .slick-dots li button {background-color:rgba(255,255,255,0.3);}
.product03 .proSlider .slider .slick-dots li.slick-active button {background-color:#fff;}


/* ================================== 회사뉴스 ================================== */

.contentWrap.news {animation:fadeInDown 1s forwards;}


/* ================================== 언론보도 ================================== */

.contentWrap.media {animation:fadeInDown 1s forwards;}


/* ================================== 자주하는 질문 ================================== */

.contentWrap.faq {animation:fadeInDown 1s forwards;}


/* ================================== 문의하기 ================================== */

.contentWrap.inquiry {animation:fadeInDown 1s forwards;}