@charset "utf-8";

@media (max-width: 1600px) {
	/* HEADER */
	#gnb {margin-left: 150px;}

	.m-section01 .text-ani {transform: translateY(30px);}
	.m-section01 .text-ani p {font-size: 150px;}

	.m-section02 .wrap {gap: 100px;}
	.m-section02 .title-box {max-width: 450px; padding-left: 0;}

	.m-section04 .wrap {gap: 90px;}
	.m-section04 .title-box {max-width: 450px;}

	/* FOOTER */
	.footer-wrap {gap: 50px;}
}

@media (max-width: 1400px) {
	/* HEADER */
	#gnb > ul > li > a {position: relative; padding:0 30px; font-size: 20px;}
	#gnb .submenu {width:190px;}
	#gnb .submenu ul li a {font-size: 16px;}

	.m-section02 .wrap {gap: 60px;}

	.m-section04 .wrap {gap: 60px;}
}

@media (max-width: 1200px) {
	.section-title {font-size: 45px;}
	.m-section01 .center .title h4 {font-size: 38px;}
	
	.m-section02 .title-box {max-width: 350px;}

	.m-section04 .title-box {max-width: 350px;}
}

@media (max-width: 1024px) {
	#wrapper {overflow: hidden;}

	/* HEADER */
	#header.hide {transform:translateY(0);}
	#header .logo a {background-size: 220px;}
	#gnb {display:none;}

	/* MAIN-VISUAL */
	.main-visual .text-box .inner {/* max-width: 420px; */}
	.main-visual .text-box .inner:before {top: -145px; right: -20px; background-size: 180px;}
	.main-visual .text-box h2 {font-size: 34px; margin-bottom: 20px;}
	.main-visual .text-box p {font-size: 16px;}

	.m-section01 .intro {margin-bottom:150px;}
	.m-section01 .intro .vertical-line {margin: 0 auto 20px;}
	.m-section01 .intro .text-box {gap: 30px; padding-bottom: 60px;}
	.m-section01 .intro .text-box:before {background-size: 250px auto;}
	.m-section01 .intro .sub-title {font-size: 20px;}
	.section-title {font-size: 38px;}
	.section-desc {font-size: 20px;}

	.m-section01 .center {padding: 0 0 150px 0;}
	.m-section01 .center .title {margin-bottom: 40px;}
	.m-section01 .center .title h4 {font-size: 34px; margin-bottom: 10px;}
	.m-section01 .center .title p {font-size: 22px;}
	.m-section01 .center a {padding: 60px 40px 40px;}
	.m-section01 .center a:after {top: 20px; right: 20px; background-size: 50px auto;} 
	.m-section01 .center .text-box {gap: 20px;}
	.m-section01 .center .text-box p {font-size: 18px; padding-right: 60px;}
	.m-section01 .center .text-box p br {display: none;}
	.m-section01 .center .btn-more:after {width: 50px; height: 50px; background-size: 50px auto;}
	.m-section01 .center .btn-more img {width: 50px;}

	.m-section01 .text-ani {transform: translateY(18px);}
	.m-section01 .text-ani p {font-size: 80px;}
	.m-section01 .text-ani p:nth-child(2) {margin-top: 0;}

	.m-section02 {padding: 150px 0;}
	.m-section02 .wrap {flex-direction: column; gap: 50px;}
	.m-section02 .title-box {position: relative; top: auto; max-width: none;}
	.tab-menu ul {margin: 0 -15px;}
	.tab-menu ul li {padding: 0 15px;}
	.tab-menu ul li:after {height: 16px;}
	.tab-menu ul li a {font-size: 20px;}
	.tab-menu ul li a:after {width: 8px; height: 8px;}
	.m-section02 .section-desc {margin-bottom: 40px;} 
	.m-section02 .section-desc br {display: none;}
	.m-section02 .btn-more a {gap: 16px; font-size: 18px;}
	.m-section02 .content-box {width: 100%; flex: auto;}
	.m-section02 .slide-items {display: block; margin: -15px;}
	.m-section02 .slide-item {width: 50%; padding: 15px;}
	.m-section02 .slide-item:nth-child(even) {transform: translateY(0);}
	.m-section02 .slide-item a {padding: 20px 20px 30px 20px; box-shadow: unset;}
	.m-section02 .content-box .text-box p {font-size: 20px;} 

	.m-section03 {padding-top: 180px;}
	.m-section03 .title-box {margin-bottom: 100px;}
	.m-section03 .title-box .section-title {margin-bottom: 20px;}
	.m-section03 .item {padding:0 10px;}
	.m-section03 .inner {padding-top: 76px;}
	.m-section03 .inner:hover {padding-top: 0; padding-bottom: 76px;} 
	.m-section03 .inner:before {top: -70px;}
	.m-section03 .inner:hover:before {height: 70px;}
	.m-section03 .item .img-box:after {background-size: 40px auto;}
	.m-section03 .item .text p {font-size: 24px;}
	.m-section03 .btn-inquiry {max-width: 220px; width: 100%; height: 50px; font-size: 18px; padding-right: 24px; margin: 30px auto 0;}
	.m-section03 .btn-inquiry:after {right: 39px;}
	.m-section03 .inner:hover .text p {font-size: 28px;}

	.m-section04 {padding: 160px 0 160px;}
	.m-section04 .wrap {flex-direction: column; gap: 50px;}
	.m-section04 .title-box {max-width: none; width: 100%;}
	.m-section04 .section-title {margin-bottom: 20px;}
	.m-section04 .section-desc {margin-bottom: 40px;} 
	.m-section04 .btn-more a {font-size: 18px;}
	.m-section04 .content-box {width: 100%; flex: auto;}
	.m-section04 .tab-cont a {padding: 20px 15px;}
	.m-section04 .tab-cont .date {font-size: 16px; margin-bottom: 10px;}
	.m-section04 .tab-cont .title {font-size: 18px;}

	.banner {padding: 30px 0;}
	.banner .item {padding: 0 20px;}

	/* FOOTER */
	#footer {padding:60px 0;}
	.footer-wrap {gap: 30px;}
	.footer-wrap .logo {max-width: 232px;}
	.footer-wrap .wrap {flex-direction: column;}
	.footer-wrap .info-wrap {width: 100%; flex: auto;}
	.footer-wrap .policy {margin: 0 -20px 16px -20px;}  
	.footer-wrap .policy li {padding: 0 20px;}
	.footer-wrap .policy li a {font-size: 16px;}
	.footer-wrap .info {margin: -2px -10px; max-width: none;}  
	.footer-wrap .info li {padding: 2px 10px;}
	.footer-wrap .info li {font-size: 16px;}
	.footer-wrap .copyright {font-size: 16px; margin-top: 20px;}
	.footer-wrap .sns-link {max-width: none;}

	.btn-quick {right: 15px;}
	.btn-quick ul {gap: 10px;}
	.btn-quick a {width: 50px; height: 50px; border-radius: 25px;}
	.btn-quick .btn-inquiry {width: 50px; height: 50px;}
	.btn-quick .btn-scroll-top {width: 50px; height: 50px;}
	.btn-quick .btn-inquiry:hover {width: 160px;}
	.btn-quick a .icon {width: 30px;}
	.btn-quick .btn-inquiry span {font-size: 18px;}
}

@media (max-width: 768px) {
	/* HEADER */
	#header {height: 60px;} 

	/* MAIN-VISUAL */
	.main-visual .text-box .inner {/* max-width: 380px; */ margin: 0 auto;}
	.main-visual .text-box .inner:before {top: -145px; right: -30px; background-size: 160px;}
	.main-visual .text-box h2 {font-size: 26px;}

	.m-section01 .intro {margin-bottom: 100px;}
	.m-section01 .intro .text-box:before {background-size: 200px auto;}
	.m-section01 .intro .sub-title {font-size: 16px;}
	.section-title {font-size: 25px;}
	.section-desc {font-size: 16px;}
	.m-section01 .intro .section-desc {max-width: 500px; width: 100%; margin:0 auto;}
	.m-section01 .intro .section-desc br {display: none;}

	.m-section01 .center {padding: 0 0 120px 0;}
	.m-section01 .center .wrap {flex-direction: column; align-items: center; gap: 60px;}
	.m-section01 .center .item {max-width: none;}
	.m-section01 .center .title {margin-bottom: 30px;}
	.m-section01 .center .title h4 {font-size: 24px;}
	.m-section01 .center .title p {font-size: 18px;}
	.m-section01 .center a {padding: 50px 30px 30px;}
	.m-section01 .center a:after {top: 0; right: 15px; background-size: 40px auto;} 
	.m-section01 .center .text-box {gap: 20px;}
	.m-section01 .center .text-box p {font-size: 16px;}
	.m-section01 .center .btn-more:after {width: 44px; height: 44px; background-size: 44px auto;}
	.m-section01 .center .btn-more img {width: 44px;}

	.m-section01 .text-ani {transform: translateY(12px);}
	.m-section01 .text-ani p {font-size: 54px;}

	.m-section02 {padding: 100px 0;}
	.tab-menu ul li a {font-size: 18px;}
	.m-section02 .section-desc {margin-bottom: 30px;} 
	.m-section02 .btn-more a {gap: 16px; font-size: 16px;}
	.m-section02 .slide-items {margin: -10px;}
	.m-section02 .slide-item {padding: 10px;}
	.m-section02 .content-box .text-box p {font-size: 18px;} 

	.m-section03 {padding-top: 130px;}
	.m-section03 .item {max-width: none;}
	.m-section03 .item .text p {font-size: 20px;}
	.m-section03 .inner:hover .text p {font-size: 24px;}

	.m-section03 .slick-current .inner {padding-top: 0; padding-bottom: 76px;} 
	.m-section03 .slick-current .inner:before {height: 70px;}
	.m-section03 .slick-current .inner .img-box {box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.30);}
	.m-section03 .slick-current .inner .img-box:before {opacity: 1;}
	.m-section03 .slick-current .inner .img-box:after {opacity: 1;}
	.m-section03 .slick-current .inner .text {top: 50%; transform: translate(-50%,-50%); transition-delay: 0.1s;}
	.m-section03 .slick-current .inner .text p {font-size: 24px;}
	.m-section03 .slick-current .inner .btn-box {opacity: 1; transition-delay: 0.5s;}

	.m-section04 {padding: 130px 0 160px;}
	.m-section04 .section-desc {margin-bottom: 30px;} 
	.m-section04 .btn-more a {font-size: 16px;}

	.banner {padding: 20px 0;}
	.banner .item {padding: 0 10px;}
	.banner .item img {height: 46px;}

	/* FOOTER */
	#footer {padding:50px 0;}
	.footer-wrap {flex-direction: column; align-items: center;}
	.footer-wrap .wrap {width: 100%; align-items: center; flex: auto;}
	.footer-wrap .info-wrap {width: 100%; flex: auto;}
	.footer-wrap .policy {justify-content: center;}  
	.footer-wrap .policy li a {font-size: 15px;}
	.footer-wrap .info {justify-content: center;}  
	.footer-wrap .info li {font-size: 15px; text-align: center;}
	.footer-wrap .copyright {font-size: 15px; margin-top: 15px; text-align: center;}
	.footer-wrap .sns-link ul {justify-content: center;}
}

@media (max-width: 480px) {
	.m-section01 .text-ani {transform: translateY(6px);}
	.m-section01 .text-ani p {font-size: 40px;}
}