@charset "utf-8";

@media (max-width: 1850px) {
	/* main */
	.main-visual .arrows01 .slick-prev {left: 20px;}
	.main-visual .arrows01 .slick-next {right: 20px;}
}

@media (max-width: 1700px) {
	/* header */
	#header:hover #gnb>ul>li {padding:0 100px;}
	#gnb .submenu ul {padding: 40px 0;}

	/* footer */
	.scroll-top {right:15px;}

}

@media (max-width: 1600px) {
	/* header */
	#gnb>ul>li {padding: 0 45px;}
	#header:hover #gnb>ul>li {padding:0 85px;}

	/* sub */
	/* s2 */
	.product .item .info-box > p br {display: none;}
}

@media (max-width: 1400px) {
	/* header */
	#gnb>ul>li {padding: 0 35px;}
	#header:hover #gnb>ul>li {padding:0 55px;}
	#gnb .submenu ul {padding: 15px 0;}
	#gnb .submenu ul li a {font-size: 18px;}

	/* main */
	.sec03 .wrap .sec-title {padding-left: 0;}

	/* s1-1 */
	.about .text-box h3 br {display: none;}

	/* s2 */
	.product .item .img-box {max-width: 500px; margin-right: 60px;}
	
}

@media (max-width: 1200px) {
	/* header */
	#gnb>ul>li {padding: 0 35px;}
	#gnb>ul>li>a {font-size: 22px;}
	#header:hover #gnb>ul>li {padding:0 35px;}
	#gnb .submenu ul {padding: 15px 0;}
	#gnb .submenu ul li a {font-size: 16px;}

	/* main */
	.sec01 .wrap {margin: 0 -15px;}
	.sec01 .box {padding: 0 15px;}

	/* sub */
	#lnb ul li {margin-right: 50px;}

	/* s1-1 */
	.about .text-box {padding-top: 100px;}

	/* 1-2 */
	.patent .gallery-list ul {margin-left:-20px;}
	.patent .gallery-list ul li {width:calc(25% - 20px); margin-left:20px; margin-bottom:50px;}
	.patent .gallery-list ul li .inner {padding:25px 20px;}

	/* s2 */
	.product .item .img-box {max-width: 400px; margin-right: 50px;}
	
}

@media (max-width: 1024px) {
	/* header */
	#header {height:100px;}
	#header .sitelogo a {background-size: 160px auto;}
	#header.hide {transform:translateY(0);}

	#gnb {display:none;}

	.lang-selector {position: absolute; top: 50%; margin-top: -18px; right: 80px;}
	.lang-selector button {width: 85px; height: 36px; font-size: 16px; padding-left: 40px;}
	.lang-selector button:before {background-size: 18px auto;}
	.lang-selector ul {top: 18px; border-radius: 0 0 20px 20px; padding-top: 18px; }
	.lang-selector ul li a {font-size: 16px; line-height: 36px; padding-left: 40px;}

	.sitemap-btn {display: block;}

	/* main */
	.main-visual {height: 550px; margin: 160px auto 130px;}
	.main-visual .origin .item {height: 550px;}
	.main-visual .thumb .text-box {padding: 80px 80px;}
	.main-visual .thumb .text-box h2 {font-size: 58px; margin-bottom: 24px;}
	.main-visual .thumb .text-box h2 span {font-size: 46px;}
	.main-visual .thumb .text-box p {font-size: 25px;}
	.main-visual .arrows01 .slick-arrow {margin-top: -30px; width: 60px; height: 60px;}

	.sec-title {margin-bottom: 40px;}
	.sec-title h3 {font-size: 50px;}

	.sec01 {padding: 100px 0 120px;}
	.sec01 .wrap {display: flex; margin: 0 -10px;}
	.sec01 .box {width: 25%; padding: 0 10px;}
	.sec01 .box a {padding: 12px 12px 30px;}
	.sec01 .box .text-box {padding: 0 5px;}
	.sec01 .box h4 {font-size: 22px; padding: 20px 0;}
	.sec01 .box p {line-height: 50px; font-size: 18px;}

	.sec02 {padding: 90px 0 100px;}
	.sec02 .sec-title {margin-bottom: 40px;}
	.sec02 .tab-menu { max-width: 420px; margin: 0 auto 70px;}
	.sec02 .tab-menu li {max-width: 210px; height: 50px;}
	.sec02 .tab-menu li a {font-size: 18px; line-height: 50px;}
	.sec02 .tab-content-wrap {height: 410px;}
	.sec02 .swiper-slide {padding: 40px 30px 50px;}
	.sec02 .swiper-slide b {font-size: 16px; margin-bottom: 15px;}
	.sec02 .swiper-slide h4 {font-size: 28px; margin-bottom: 25px;}
	.sec02 .swiper-slide p {font-size: 18px; margin-bottom: 25px;}
	.sec02 .swiper-slide .date {font-size: 16px;}
	.sec02-controller {margin: 50px auto 0;}
	.sec02-controller .sec02-arrows > div {width: 13px; height: 21px; background-color: transparent; background-repeat: no-repeat; background-position: center top; border: 0; font-size: 0; transition: all 0.5s; margin-bottom: 3px; cursor: pointer;}

	.sec03 {padding: 90px 0 90px;}
	.sec03 .text-box b {font-size: 26px; margin-bottom: 15px;}
	.sec03 .text-box p {font-size: 16px;}
	.sec03 .wrap {margin-top: 50px; padding-top: 18px;} 
	.sec03 .wrap ul li:nth-child(1) {margin-right: 35px;}
	.sec03 .wrap ul li a {padding-left: 40px; font-size: 24px;}
	.sec03 .wrap ul li a:before {margin-top: -13px; width: 26px; height: 26px;}

	/* footer */
	#footer .policy-wrap .container {padding: 0;}
	#footer .policy-wrap ul li {height: 60px;}
	#footer .policy-wrap ul li a {font-size: 18px; padding: 0 20px;}
	#footer .info-wrap {padding: 80px 0 55px;}
	#footer .info-wrap .footer-logo {max-width: 270px;}
	#footer .info-wrap .footer-logo img {width: 220px;}
	#footer .info-wrap .info .row {display: block; margin: 0 -17px;}
	#footer .info-wrap dl {font-size: 18px; margin-bottom: 6px;}
	#footer .info-wrap dl:after {display: none;}
	#footer .info-wrap dt {margin-right: 5px;}
	#footer .copyright p {font-size: 16px; margin-top: 26px;}
	.scroll-top {bottom: 100px; width: 55px; height: 55px;}

	/* sub */
	.sub-visual {margin-top: 100px; padding-top: 80px;}
	.sub-visual .path {margin: 0 -10px 30px;}
	.sub-visual .path li {font-size: 18px; padding: 0 10px;}
	.sub-visual .cate-title {margin-bottom: 40px;}
	.sub-visual .cate-title h2 {font-size: 50px;}

	#lnb {margin-bottom: 60px;}
	#lnb ul li {height: 65px; margin-right: 40px;}
	#lnb ul li a {font-size: 22px; line-height: 1.3em;}

	.sub-visual-img {height: 280px;}
	.sub-visual-img01 {height: 350px;}
	.sub-visual-img .text-box h3 {font-size: 45px; margin-bottom: 20px; padding-top: 10px;}
	.sub-visual-img .text-box p {font-size: 25px;}

	.real-cont {padding: 0 0 180px;}
	.real-cont.pt-155 {padding-top: 100px;}

	/* s1-1 */
	.about .text-box {padding-top: 70px;}
	.about .text-box h3 {font-size: 32px; margin-bottom: 40px;}
	.about .text-box p {font-size: 20px;}
	.about .process {margin-top: 100px; padding: 70px 0 60px;}
	.about .process h4 {font-size: 28px; margin-bottom: 40px;}
	.about .process ol {flex-wrap: wrap;}
	.about .process ol li {max-width: 160px;}
	.about .process ol li:after {top: 38px; right: -11px; content: ''; width: 22px; height: 22px;}
	.about .process ol li .icon {width: 100px; height: 100px; background-size: 100px auto; margin: 0 auto 10px;}
	.about .process ol li p {font-size: 15px; margin-bottom: 20px;}

	/* 1-2 */
	.patent .gallery-list ul {margin-left:-20px;}
	.patent .gallery-list ul li {width:calc(33.333% - 20px); margin-left:20px; margin-bottom:40px;}
	.patent .gallery-list ul li .inner {padding:20px 15px;}
	.patent .gallery-list ul li .thumb {margin-bottom:15px;}
	.patent .gallery-list ul li .tit {font-size:16px;}
	.patent .popup-imgWrap {width: 400px; height: 500px; padding: 50px 0;}
	.patent .popup-imgWrap .popup-imgInner .close-btn {top:-30px; right:15px;}

	/* s2 */
	.product .item {display: block; padding: 70px 0 100px;}
	.product .item .img-box {max-width: none; margin: 0 auto 40px; text-align: center;}
	.product .item .notice {font-size: 16px; padding: 0 2px; margin-top: 25px;}
	.product.immun .item10 .notice p {margin-top: 20px;}
	.product .item .swiper-main {margin-bottom: 20px;}
	.product .item .info-box {width: 100%; flex: auto;}
	.product .item .info-box > h4 {font-size: 24px; margin-bottom: 5px;}
	.product .item .info-box > p {font-size: 16px;}
	.product .item .info-box table {margin-top: 20px;}
	.product .item .info-box table caption {font-size: 18px; padding: 10px 15px;}
	.product .item .info-box table th {width: 180px; font-size: 15px; padding: 10px 15px;}
	.product .item .info-box table td {font-size: 15px; padding: 10px 15px;}
	.product .item .info-box table td li {padding-left: 10px;}
	.product .item .info-box table td li:not(:last-child) {margin-bottom: 10px;}
	.product .item .info-box table td li:before {top: 10px;}
}

@media (max-width: 768px) {
	/* header */
	#header {height:60px;}
	#header .sitelogo a {background-size: 140px auto;}

	/* main */
	.main-visual {height: 500px; margin: 90px auto 110px;}
	.main-visual .origin .item {height: 500px;}
	.main-visual .thumb .text-box {padding: 70px 65px;}
	.main-visual .thumb .text-box h2 {font-size: 48px; margin-bottom: 20px;}
	.main-visual .thumb .text-box h2 span {font-size: 36px;}
	.main-visual .thumb .text-box p {font-size: 20px;}
	.main-visual .arrows01 .slick-arrow {margin-top: -25px; width: 50px; height: 50px;}
	.main-controller .arrows02 {position: absolute; top: 25px;}
	.main-controller .wrap {position: absolute; top: 13px;}

	.sec-title {margin-bottom: 30px;}
	.sec-title h3 {font-size: 42px;}

	.sec01 {padding: 80px 0 100px;}
	.sec01 .wrap {flex-wrap: wrap; margin: -10px;}
	.sec01 .box {width: 50%; padding: 10px;}
	.sec01 .box a {padding: 10px 10px 25px;}
	.sec01 .box .text-box {padding: 0 5px;}
	.sec01 .box h4 {font-size: 18px; padding: 15px 0;}
	.sec01 .box p {line-height: 44px; font-size: 16px;}

	.sec02 {padding: 70px 0 80px;}
	.sec02 .sec-title {margin-bottom: 35px;}
	.sec02 .tab-menu { max-width: 300px; margin: 0 auto 60px;}
	.sec02 .tab-menu li {max-width: 150px; height: 45px;}
	.sec02 .tab-menu li a {font-size: 16px; line-height: 45px;}
	.sec02 .tab-content-wrap {height: 360px;}
	.sec02 .swiper-slide {padding: 40px 20px 40px;}
	.sec02 .swiper-slide b {font-size: 15px; margin-bottom: 10px;}
	.sec02 .swiper-slide h4 {font-size: 24px; margin-bottom: 20px;}
	.sec02 .swiper-slide p {font-size: 16px; margin-bottom: 20px;}
	.sec02 .swiper-slide .date {font-size: 15px;}
	.sec02-controller {margin: 40px auto 0;}

	.sec03 {padding: 80px 0;}
	.sec03 .text-box b {font-size: 22px; margin-bottom: 10px;}
	.sec03 .text-box p {font-size: 16px;}
	.sec03 .wrap {display: block; margin-top: 40px; padding-top: 18px;} 
	.sec03 .wrap .sec-title {margin-bottom: 15px;}
	.sec03 .wrap ul {flex-wrap: wrap;}
	.sec03 .wrap ul li:nth-child(1) {margin-right: 30px;}
	.sec03 .wrap ul li a {padding-left: 40px; font-size: 20px;}

	/* footer */
	#footer .policy-wrap ul li {height: 50px;}
	#footer .policy-wrap ul li a {font-size: 16px; line-height: 1.3em; padding: 0 15px;}
	#footer .info-wrap {padding: 50px 0 40px;}
	#footer .info-wrap .wrap {display: block;}
	#footer .info-wrap .footer-logo {max-width: none; margin: 0 auto 30px; text-align: center;}
	#footer .info-wrap .footer-logo img {width: 180px;}
	#footer .info-wrap .info .row {display: block; text-align: center;}
	#footer .info-wrap dl {justify-content: center; font-size: 16px; margin-bottom: 6px;}
	#footer .info-wrap dl:after {display: none;}
	#footer .info-wrap dt {margin-right: 5px;}
	#footer .copyright p {font-size: 15px; text-align: center; margin-top: 20px;}
	.scroll-top {width: 45px; height: 45px;}

	/* sub */
	.sub-visual {margin-top: 60px; padding-top: 60px;}
	.sub-visual .path {margin: 0 -10px 20px;}
	.sub-visual .path li {font-size: 16px; padding: 0 10px;}
	.sub-visual .cate-title {margin-bottom: 40px;}
	.sub-visual .cate-title h2 {font-size: 40px;}

	#lnb {margin-bottom: 50px;}
	#lnb ul li {flex: 1; height: 55px; margin-right: 0;}
	#lnb ul li a {font-size: 17px; padding: 0 6px;}
	#lnb ul li.active a:after {width: 100%;}
	#lnb ul li a:hover:after {width: 100%;}

	.sub-visual-img {height: 230px;}
	.sub-visual-img01 {height: 270px;}
	.sub-visual-img .text-box h3 {font-size: 35px; line-height: 1.2em; margin-bottom: 10px; padding-top: 0;}
	.sub-visual-img .text-box p {font-size: 18px;}

	.real-cont {padding: 0 0 150px;}
	.real-cont.pt-155 {padding-top: 80px;}

	/* s1-1 */
	.about .text-box {padding-top: 50px;}
	.about .text-box h3 {font-size: 26px; margin-bottom: 25px;}
	.about .text-box p {font-size: 18px;}
	.about .process {margin-top: 60px; padding: 60px 0 40px;}
	.about .process h4 {font-size: 22px; margin-bottom: 30px;}
	.about .process ol li {max-width: 140px;}

	/* 1-2 */
	.patent .gallery-list ul {margin-left:-20px;}
	.patent .gallery-list ul li {width:calc(50% - 20px); margin-left:20px; margin-bottom:30px;}
	.patent .gallery-list ul li .inner {padding:20px 15px;}
	.patent .gallery-list ul li .thumb {margin-bottom:15px;}
	.patent .gallery-list ul li .tit {font-size:16px;}
	.patent .popup-imgWrap {width: 300px; height: 450px;}
	.patent .popup-imgWrap .popup-imgInner .close-btn {top:-40px; right:5px;}

	/* s2 */
	.product .item {padding: 50px 0 60px;}
	.product .item .img-box {max-width: none; margin: 0 auto 30px;}
	.product .item .notice {font-size: 15px; padding: 0 10px; margin-top: 20px;}
	.product.immun .item10 .notice p {margin-top: 20px;}
	.product .item .swiper-thumb.slide-col04 {max-width: 412px;}
	.product .item .swiper-thumb.slide-col05 {max-width: 412px;}
	.product .item .swiper-main {margin-bottom: 20px;}

	.product .item .info-box > h4 {font-size: 20px; margin-bottom: 5px;}
	.product .item .info-box > p {font-size: 15px;}
	.product .item .info-box table {margin-top: 15px;}
	.product .item .info-box table caption {font-size: 18px; padding: 10px 15px;}
	.product .item .info-box table th {width: 140px; font-size: 15px; padding: 10px 15px;}
	.product .item .info-box table td {font-size: 15px; padding: 10px 15px;}
	.product .item .info-box table td li {padding-left: 10px;}
	.product .item .info-box table td li:not(:last-child) {margin-bottom: 8px;}
	.product .item .info-box table td li:before {top: 10px;}
}

@media (max-width: 480px) {
	/* main */
	.main-visual .thumb .text-box {padding: 60px 20px;} 
	.main-visual .thumb .text-box h2 {font-size: 40px; margin-bottom: 20px;}
	.main-visual .thumb .text-box h2 span {font-size: 30px;}
	.main-visual .arrows01 {display: none;}

	.sec-title h3 {font-size: 36px;}

	/* s1-1 */
	.about .img-box {position: relative;}
	.about .img-box img {max-width: 100%; width: 100%;}

	/* s1-2 */
	.patent .popup-imgWrap {width: calc(100% - 20px);}

	/* s2 */
	.product .item .info-box table th {width: 140px;}
}