@charset "utf-8";

@media (max-width: 1600px) {
	/* HEADER */
	#gnb > ul > li > a {padding:0 35px; font-size: 20px;}
	.btn-inquiry-area {right: 90px;}

	/* FOOTER */
	.floating-btn {right: 15px;}
}

@media (max-width: 1200px) {
	/* HEADER */
	#gnb > ul > li > a {padding:0 20px; font-size: 18px;}

	/* MAIN */
	.section-service .text-box ul li .num {bottom: 44px; right: -30px; font-size: 140px;}

	.section-point .flex-box .text-box {padding-right: 60px;}
	.section-management .flex-box .text-box {padding-left: 60px;}
}

@media (max-width: 1024px) {
	/* HEADER */
	#header {height:80px;}
	#header.hide {transform:translateY(0);}
	#header .logo a {background-size: 130px auto;}
	#gnb {display:none;}
	.btn-inquiry-area {display: block; right: 80px;}
	.btn-inquiry-area a {font-size: 16px; padding: 0px 14px;}

	/* MAIN */
	.main-visual .text-box h2 {font-size: 90px;}
	.main-visual .text-box p {font-size: 40px;}

	.section-title .eng-title {font-size: 22px; margin-bottom: 12px;}
	.section-title .kor-title {font-size: 36px;}
	.section-title .details {font-size: 16px;}

	.section-service {height: auto;}
	.section-service .text-box {height: 100%;}
	.section-service .section-title-wrap {position: relative; top: auto; left: auto; transform: translateX(0); min-height: 350px;}
	.section-service .section-title {top: 120px;}
	.section-service .text-box ul {display: block;}
	.section-service .text-box ul li:not(:last-child) {border-right: none; border-bottom: 1px solid rgba(153,153,153,0.2);}
	.section-service .text-box ul li a {padding: 30px 10px;}
	.section-service .text-box ul li h4 {font-size: 20px;}
	.section-service .text-box ul li h4:after {bottom: 0;}
	.section-service .text-box ul li a:hover h4:after {width: 0;}
	.section-service .text-box ul li.active:hover h4:after {width: 100%;}
	.section-service .text-box ul li .num {bottom: -25px; right: 0; opacity: 0.06; font-size: 100px; transform: translateY(10px);}

	.section-system {padding: 160px 0 180px;}
	.section-system .section-title {margin-bottom: 80px;}
	.section-system ul li .icon {margin-bottom: 10px;}
	.section-system ul li .icon img {width: 110px;}
	.section-system ul li .num {margin-bottom: 15px;}
	.section-system ul li .num .title {width: 100%; font-size: 18px; margin-right: 0;}
	.section-system ul li .num .counting {font-size: 36px; margin-right: 8px;}
	.section-system ul li .num .unit {font-size: 20px;}
	.section-system ul li .details {font-size: 20px;}
	.section-system ul li .certification span {padding: 2px 12px; font-size: 16px; line-height: 1.2em;}

	.section-point {padding-bottom: 180px;}
	.section-point:before {background-size: 1100px auto;}
	.section-management {padding-bottom: 150px;}
	.section-management:before {background-size: 900px auto;}
	.section-point .flex-box .text-box {padding-right: 40px;}
	.section-management .flex-box .text-box {padding-left: 40px;}
	.section-overview .flex-box .section-title {margin-bottom: 20px;}
	.section-overview .flex-box .details {font-size: 20px;}
	.section-overview .flex-box .details:not(:last-child) {margin-bottom: 16px;}

	.section-premium {padding: 130px 0 110px;}
	#main .section-premium .container {padding: 0 15px;}
	.section-premium .section-title {margin-bottom: 60px;}
	.section-premium .slide-items {margin: 0 -20px;}
	.section-premium .slide-item {padding: 0 20px;}
	.section-premium .slide-item .img-box {padding: 0 30px;}
	.section-premium .slide-item .img-box span {font-size: 16px; padding: 4px 10px;}
	.section-premium .slide-item .text-box {margin-top: -50px; padding: 80px 30px 30px;}
	.section-premium .slide-item .text-box .cate {font-size: 16px;}
	.section-premium .slide-item .text-box .address {font-size: 20px;}
	.section-premium .slick-arrow {width: 46px; height: 46px;}
	.section-premium .slick-prev {left: 25px;}
	.section-premium .slick-next {right: 25px;}
	
	.section-inquiry .text-box h3 {font-size: 34px; margin-bottom: 30px;}
	.section-inquiry .text-box a {width: 210px;}
	.section-inquiry .text-box a span {font-size: 18px;}

	/* FOOTER */
	#footer {padding: 50px 0;}
	.footer-inner {align-items: flex-start; flex-direction: column;}
	.footer-head {gap: 40px; margin-bottom: 30px;}
	.footer-head .logo img {width: 160px;}
	.footer-head .policy {margin: 0 -15px;}
	.footer-head .policy li {padding: 0 15px;}
	.footer-head .policy li a {font-size: 16px;}
	.footer-info .company-info {gap: 4px 20px; max-width: none;}
	.footer-info .company-info p {font-size: 16px;}
	.footer-meta .sns-list {justify-content: flex-start; margin-bottom: 20px;}
	.footer-meta .sns-list img {width: 40px;}
	.footer-meta .copyright {font-size: 16px;}

	/* FOOTER */
	.floating-btn {top: auto; bottom: 50px; transform: translateY(0);}
	.btn-quick-link ul {gap: 6px; padding: 6px;}
	.btn-quick-link a {width: 40px; height: 40px;}
	.btn-quick-link .btn-inquiry span {font-size: 14px; padding: 2px 12px;}

	.floating-btn .btn-scroll-top {width: 52px; height: 40px;}
}

@media (max-width: 768px) {
	/* MAIN */
	.main-visual .text-box h2 {font-size: 60px;}
	.main-visual .text-box p {font-size: 26px;}

	.section-title .eng-title {font-size: 18px; margin-bottom: 12px;}
	.section-title .kor-title {font-size: 28px;}
	.section-title .details {font-size: 16px;}
	.section-title .details br {display: none;}

	.section-service {height: auto;}
	.section-service .section-title-wrap {min-height: 340px;}
	.section-service .section-title {top: 100px;}
	.section-service .text-box ul li a {padding: 20px 10px;}
	.section-service .text-box ul li h4 {font-size: 18px;}
	.section-service .text-box ul li .num {font-size: 80px;}

	.section-system {padding: 80px 0 100px;}
	.section-system .section-title {margin-bottom: 40px;}
	.section-system ul {flex-direction: column; gap: 50px;}
	.section-system ul li .icon {margin-bottom: 10px;}
	.section-system ul li .icon img {width: 100px;}
	.section-system ul li .num .title {width: auto; font-size: 16px; margin-right: 15px;}
	.section-system ul li .num .counting {font-size: 32px; margin-right: 8px;}
	.section-system ul li .num .unit {font-size: 18px;}
	.section-system ul li .details {font-size: 18px;}

	.section-point {padding-bottom: 80px;}
	.section-point:before {background-size: 900px auto;}
	.section-management {padding-bottom: 100px;}
	.section-management:before {background-size: 600px auto;}
	.section-overview .flex-box {flex-direction: column; gap: 30px;}
	.section-overview .flex-box .text-box {width: 100%;}
	.section-point .flex-box .text-box {padding-right: 0;}
	.section-management .flex-box .text-box {padding-left: 0;}
	.section-overview .flex-box .img-box {width: 100%;}
	.section-overview .flex-box .details {font-size: 18px;}

	.section-premium {padding: 100px 0 80px;}
	.section-premium .section-title {margin-bottom: 50px;}
	.section-premium .slide-items {margin: 0 -10px;}
	.section-premium .slide-item {padding: 0 10px;}
	.section-premium .slide-item .img-box {padding: 0 25px;}
	.section-premium .slide-item .text-box {margin-top: -50px; padding: 70px 25px 30px;}
	.section-premium .slide-item .text-box .cate {font-size: 16px;}
	.section-premium .slide-item .text-box .address {font-size: 18px; margin-bottom: 12px;}
	.section-premium .slick-arrow {width: 40px; height: 40px;}
	.section-premium .slick-prev {left: 15px;}
	.section-premium .slick-next {right: 15px;}

	.section-inquiry {height: auto;}
	.section-inquiry .text-box {position: relative; top: auto; left: auto; transform: translate(0,0); background: #1F2E5F; padding: 80px 15px;}
	.section-inquiry .text-box .inner {width: 100%;}
	.section-inquiry .text-box h3 {font-size: 26px;}
	.section-inquiry .text-box a {width: 190px;}
	.section-inquiry .text-box a span {font-size: 16px;}

	.section-inquiry .backdrop {display: block; height: 100%;}
	.section-inquiry .backdrop .bg {width: 100%;}
	.section-inquiry .backdrop .bg-img {height: 350px;}

	/* FOOTER */
	#footer {padding: 40px 0;}
	.footer-inner {align-items: center;}
	.footer-head {flex-direction: column; gap: 20px; margin-bottom: 20px;}
	.footer-head .logo img {width: 140px;}
	.footer-head .policy li a {font-size: 15px;}
	.footer-info .company-info {justify-content: center;}
	.footer-info .company-info p {font-size: 15px; text-align: center;}
	.footer-meta .sns-list {justify-content: center; gap: 16px; margin-bottom: 20px;}
	.footer-meta .sns-list img {width: 40px;}
	.footer-meta .copyright {font-size: 15px;}
}

@media (max-width: 480px) {
	/* MAIN */
	.main-visual .text-box p br {display: none;}
}