@charset "utf-8";

@media (max-width: 1400px) {
	/* HEADER */
	#gnb {margin-left: 50px;}
	#gnb:hover > ul > li {width: 180px;}

	.main-equipment .equipment-item a {min-height: 500px;}
	
	/* FOOTER */
	html.scroll-fade .btn-scroll-top {right: 20px;}
}

@media (max-width: 1200px) {
	/* HEADER */
	#gnb {margin-left: 70px;}
	#gnb:hover > ul > li {width: 160px;}

	.main-equipment .equipment-item a {min-height: 450px;}
	.main-equipment .equipment-item-cate .text-box h4 {font-size: 36px;}
	.main-equipment .equipment-item-subcate .text-box h5 {font-size: 32px;}
}

@media (max-width: 1024px) {
	/* HEADER */
	#header.hide {transform:translateY(0);}
	#gnb {display:none;}

	.main-visual .slide-items {margin-bottom: 90px;}
	.main-visual .slide-item {height: 75dvh; min-height: 500px;}
	.main-visual .slide-item .text-box p {font-size: 26px;}
	.main-visual .slide-item .text-box h2 {font-size: 66px;}
	.main-visual .slick-dots {bottom: 30px;}
	.main-visual .btn-scroll {bottom: 50px; right: 30px;}
	.main-visual .intro-text {margin-bottom: 110px;}
	.main-visual .intro-text h3 {font-size: 36px; margin-bottom: 26px;}
	.main-visual .intro-text p {font-size: 18px;}
	.main-visual .btn-to-equipment a {font-size: 16px; padding: 12px 0;}

	.main-equipment .equipment-items {flex-wrap: wrap;}
	.main-equipment .equipment-items-trauma {flex-direction: row;}
	.main-equipment .equipment-item {width: 50%; flex: auto;}
	.main-equipment .equipment-item a {min-height: 350px;}
	.main-equipment .equipment-item-cate .text-box h4 {font-size: 32px;}
	.main-equipment .equipment-item-cate .text-box p {font-size: 18px;}
	.main-equipment .equipment-item-subcate .text-box {padding: 40px 10px;}
	.main-equipment .equipment-item-subcate .text-box h5 {font-size: 28px;}
	.main-equipment .consumables-items {flex-wrap: wrap;}
	.main-equipment .consumables-title {width: 100%; padding: 18px 15px; border-bottom: 1px solid #ddd;}
	.main-equipment .consumables-title p {font-size: 20px; padding-left: 42px;}
	.main-equipment .consumables-title p:before {top: 0; background-size: 26px auto;}
	.main-equipment .consumables-btn-wrap {width: 100%;}
	.main-equipment .consumables-btn a {font-size: 18px; padding: 18px 0;}

	.main-location {padding: 100px 0 110px;}
	.main-location .title {margin-bottom: 40px;}
	.main-location .title h3 {font-size: 36px;}
	.main-location .map .root_daum_roughmap {height:450px !important;}
	.main-location .map .root_daum_roughmap .wrap_map {height:450px !important;}
	.main-location .contact-info {padding: 30px 0;}
	.main-location .contact-info ul {margin: -5px -26px;}
	.main-location .contact-info ul li {padding: 5px 26px; font-size: 18px;}
	.main-location .contact-info ul li img {padding-top: 3px;}

	/* FOOTER */
	#footer {padding: 70px 0;}
	.footer-wrap {gap: 60px;} 
	.footer-contact {margin-bottom: 20px;}
	.footer-contact p {font-size: 16px;}
	.footer-copyright {font-size: 16px;}
	.footer-terms ul li a {font-size: 15px;}
	.btn-scroll-top {bottom: 70px; width:50px; height:50px;}
}

@media (max-width: 768px) {
	.main-visual {padding-top: 120px;}
	.main-visual .slide-items {margin-bottom: 80px;}
	.main-visual .slide-item {height: 75dvh; min-height: 400px;}
	.main-visual .slide-item .text-box p {font-size: 22px;}
	.main-visual .slide-item .text-box h2 {font-size: 54px;}
	.main-visual .slick-dots {bottom: 20px;}
	.main-visual .btn-scroll {bottom: 40px; right: 20px;}
	.main-visual .intro-text {margin-bottom: 100px;}
	.main-visual .intro-text h3 {font-size: 26px; margin-bottom: 26px;}
	.main-visual .intro-text h3 br.pc-only {display: none;}
	.main-visual .intro-text p {font-size: 16px;}
	.main-visual .intro-text p br {display: none;}

	.main-equipment .equipment-item {width: 50%;}
	.main-equipment .equipment-item a {min-height: 300px;}
	.main-equipment .equipment-item-cate .text-box h4 {font-size: 28px; margin-bottom: 5px;}
	.main-equipment .equipment-item-cate .text-box p {font-size: 16px;}
	.main-equipment .equipment-item-subcate .text-box {padding: 30px 10px;}
	.main-equipment .equipment-item-subcate .text-box h5 {font-size: 24px;}
	.main-equipment .equipment-item-subcate .text-box h5 span {margin-right: 12px;}
	.main-equipment .consumables-title {padding: 18px 15px;}
	.main-equipment .consumables-title p {font-size: 18px; padding-left: 38px;}
	.main-equipment .consumables-title p:before {background-size: 22px auto;}
	.main-equipment .consumables-btn a {font-size: 16px; padding: 16px 0;}

	.main-location .title {margin-bottom: 30px;}
	.main-location .title h3 {font-size: 30px;}
	.main-location .map .root_daum_roughmap {height:400px !important;}
	.main-location .map .root_daum_roughmap .wrap_map {height:400px !important;}
	.main-location .contact-info {padding: 25px 0;}
	.main-location .contact-info ul {margin: -5px -20px;}
	.main-location .contact-info ul li {padding: 5px 20px; font-size: 16px;}
	.main-location .contact-info ul li:after {display: none;}
	.main-location .contact-info ul li img {width: 22px; padding-top: 2px; margin-right: 10px;}

	/* FOOTER */
	#footer {padding: 50px 0;}
	.footer-wrap {gap: 30px; flex-direction: column;} 
	.footer-logo {max-width: 140px; width: 100%;}
	.footer-info-wrap {width: 100%; flex: auto; flex-direction: column; align-items: center; text-align: center;}
	.footer-contact {margin-bottom: 15px;}
	.footer-contact p {font-size: 15px;}
	.footer-copyright {font-size: 15px;}
	.footer-terms ul li a {font-size: 15px;}
	.btn-scroll-top {bottom: auto; top: 50px;}
}