@charset "utf-8";

@media (max-width: 1400px) {
	/* HEADER */
	#gnb>ul>li>a {padding:0 40px;}

	.m-product .title-wrap {display: block; margin-bottom: 30px;}
	.m-product .section-title {margin-bottom: 60px;}
	.m-product .tab-btn ul {justify-content: flex-end;}
	.m-product .slide-wrap {position: relative; height: 437px;}
	.m-product .slide-items {width: 1600px;}

	/* FULLPAGE NAV */
	#fp-nav {left: 15px;}

	/* FOOTER */
	.footer-info .wrap {flex-direction: column;}
	.btn-quick {right: 15px;}
	#sub .btn-quick.inactive {bottom: 486px;}
}

@media (max-width: 1200px) {
	/* HEADER */
	#header.hide {transform:translateY(0);}
	#gnb>ul>li>a {font-size: 20px; padding:0 25px;}
	#gnb .submenu {width: 160px;}
	#gnb .submenu ul li a {font-size:16px;}

	.m-product .slide-wrap {position: relative; height: 396px;}
	.m-product .slide-items {width: 1400px;}
}

@media (max-width: 1024px) {
	/* HEADER */
	#gnb {display:none;}

	.fp-section.fp-table, .fp-slide.fp-table, .fp-tableCell, .fp-scrollable {height: auto !important;}

	.main-visual .text-slide .text-box h2 {font-size: 46px;}
	.main-visual .paging {margin-top: 40px;}

	/* SECTION 공통 */
	.section-title {margin-bottom: 50px;}
	.section-title .eng {font-size: 22px; margin-bottom: 10px;}
	.section-title .title {font-size: 36px;}

	.m-product {padding: 120px 0;}
	.m-product .section-title {margin-bottom: 50px;}
	.m-product .tab-btn ul li a {font-size: 18px; padding: 9px 30px;}
	.m-product .slide-wrap {height: 396px;}
	.m-product .slide-items {width: calc(100% + 20px); margin: 0 -10px;}
	.m-product .slide-item {padding: 0 10px;}
	.m-product .slide-item a {padding: 26px 26px 20px 26px;}
	.m-product .slide-item a:before {bottom: -2px; right: -2px; width: 90px; height: 90px; background-size: 90px auto;}
	.m-product .slide-item a:after {bottom: 45px; right: -26px; background-size: 160px auto;}
	.m-product .slide-item .img-box {margin-bottom: 20px;}
	.m-product .slide-item .text-box {padding-right: 65px;}
	.m-product .slide-item .text-box h4 {font-size: 20px;}
	.m-product .slide-item .btn {width: 44px; height: 44px;}

	.m-company {padding: 120px 0;}
	.m-company ul {gap: 20px;}
	.m-company ul li .text-box {padding: 30px 25px;}
	.m-company ul li .text-box h4 {font-size: 22px;}
	.m-company ul li .text-box p {font-size: 18px;}

	.m-resources {padding: 120px 0;}
	.m-resources ul {gap: 20px;}
	.m-resources ul li .img-box:after {background-size: 70px auto;}
	.m-resources ul li .text-box {height: 75px;}
	.m-resources ul li .text-box h4 {font-size: 22px;}

	.m-contact .box-wrap {height: auto; margin-top: 0;}
	.m-contact .contact-wrap {display: block; flex: 1 1 auto; }
	.m-contact .contact-wrap > div {width: 100%;}
	.m-contact .contact-wrap .map .root_daum_roughmap {height:400px !important;}
	.m-contact .contact-wrap .map .root_daum_roughmap .wrap_map {height: 400px !important;}
	.m-contact .contact-wrap .info {height: auto;}
	.m-contact .contact-wrap .info .inner {max-width: none; width: 100%; padding: 30px 15px;}
	.m-contact .contact-wrap .info .title {font-size: 22px; margin-bottom: 10px;}
	.m-contact .contact-wrap .info .details-wrap .btn {max-width: 32px; width: 100%;}
	.m-contact .contact-wrap .info-location dt {max-width: 95px; font-size: 16px;}
	.m-contact .contact-wrap .info-location dd {font-size: 16px;}
	.m-contact .contact-wrap .info-contact .details-wrap p {font-size: 16px; margin-bottom: 10px;}
	.m-contact .contact-wrap .info-contact .details-wrap dl {font-size: 18px; margin-right: 25px;}
	.m-contact .contact-wrap .info-contact .details-wrap dt {margin-right: 16px;}
	.m-contact .partner-wrap {padding: 56px 0;}
	.m-contact .partner-wrap .title {font-size: 28px; margin-bottom: 30px;}
	.m-contact .partner-wrap .logo-wrap ul {margin: -5px;} 
	.m-contact .partner-wrap .logo-wrap ul li {width: 25%; padding: 5px;}

	/* FOOTER */
	.footer-top {padding: 40px 0 30px;}
	.footer-info .wrap .title {font-size: 16px; margin-bottom: 10px;}
	.footer-info .wrap .details {gap: 5px 40px;}
	.footer-info .wrap .details li {font-size: 16px;}
	.footer-bottom .copyright p {font-size: 15px;}
	.footer-bottom ul li a {font-size: 16px;}

	#sub .btn-quick.inactive {bottom: 418px;}
	.btn-contact {width: 90px; height: 90px; background-size: 90px auto;}
}

@media (max-width: 768px) {
	/* HEADER */
	#header {height: 60px;}
	#header .logo img {width: 160px;}
	.lang-selector {right: 75px;}

	.main-visual .text-slide .text-box h2 {font-size: 36px;}
	.main-visual .paging {margin-top: 30px;}

	/* SECTION 공통 */
	.section-title {margin-bottom: 40px;}
	.section-title .eng {font-size: 18px; margin-bottom: 5px;}
	.section-title .title {font-size: 26px;}

	.m-product {padding: 100px 0;}
	.m-product .section-title {margin-bottom: 40px;}
	.m-product .tab-btn ul li a {font-size: 16px; padding: 9px 20px;}
	.m-product .slide-wrap {height: 405px;}
	.m-product .slide-item a {padding: 20px;}
	.m-product .slide-item a:after {display: none;}
	.m-product .slide-item .img-box {margin-bottom: 15px;}
	.m-product .slide-item .text-box h4 {font-size: 18px;}

	.m-company {padding: 100px 0;}
	.m-company ul {flex-wrap: wrap; justify-content: center; gap: 20px;}
	.m-company ul li {width: calc(50% - 10px);}
	.m-company ul li .img-box img {width: 100%;}
	.m-company ul li .text-box h4 {font-size: 20px;}
	.m-company ul li .text-box p {font-size: 16px;}
	.m-company ul li a:hover {transform: translateY(0);}

	.m-resources {padding: 100px 0;}
	.m-resources ul {flex-wrap: wrap; gap: 20px;}
	.m-resources ul li {width: calc(50% - 10px);}
	.m-resources ul li .text-box {height: 65px;}
	.m-resources ul li .text-box h4 {font-size: 20px;}

	.m-contact .contact-wrap .map .root_daum_roughmap {height:300px !important;}
	.m-contact .contact-wrap .map .root_daum_roughmap .wrap_map {height: 300px !important;}
	.m-contact .contact-wrap .info .title {font-size: 20px; margin-bottom: 10px;}
	.m-contact .partner-wrap {padding: 50px 0;}
	.m-contact .partner-wrap .title {font-size: 24px; margin-bottom: 30px;}
	.m-contact .partner-wrap .logo-wrap ul li {width: 33.333%;}

	/* FOOTER */
	.footer-top {padding: 30px 0 20px;}
	.footer-info {flex-direction: column-reverse;}
	.footer-info .wrap {width: 100%; flex: auto;}
	.footer-info .headquarters {max-width: none;}
	.footer-info .vietnam {max-width: none;}
	.footer-info .wrap .title {font-size: 15px; text-align: center;}
	.footer-info .wrap .details {justify-content: center; text-align: center; gap: 5px 25px;}
	.footer-info .wrap .details li {font-size: 15px;}
	.footer-info .logo {max-width: 100px;}
	.footer-bottom {padding: 19px 0 26px;}
	.footer-bottom .wrap {display: block;}
	.footer-bottom .copyright p {font-size: 14px; text-align: center; margin-bottom: 10px;}
	.footer-bottom ul {justify-content: center; margin: 0 -15px;}
	.footer-bottom ul li {padding: 0 15px;}
	.footer-bottom ul li a {font-size: 15px;}

	#sub .btn-quick.inactive {position: fixed; bottom: 40px;}
}

@media (max-width: 480px) {
	.main-visual .text-slide .text-box h2 {font-size: 32px;}
	.main-visual .text-slide .text-box h2 br {display: none;} 

	.m-product .slide-wrap {height: 464px;}

	.m-company ul li {width: 100%;}

	.m-resources ul li {width: 100%;}
	.m-resources ul li img {width: 100%;}

	.m-contact .contact-wrap .info .details-wrap {flex-direction: column; gap: 15px;}
	.m-contact .contact-wrap .info .details-wrap .text {width: 100%; flex: auto;}
	.m-contact .partner-wrap .logo-wrap ul li {width: 50%;}
}