@charset "utf-8";

@media (max-width: 1600px) {
	/* HEADER */
	#gnb > ul > li {padding:0 30px;}
	header .btn-inquiry {right: 120px;}
	header .btn-inquiry ul li a {padding: 8px 30px;}

	.m-section03 .wrap {gap: 80px;}
	.m-section03 .cont-box {padding-right: 0;}
}

@media (max-width: 1300px) {
	/* HEADER */
	#gnb > ul {margin-left: 120px;} 
	#gnb > ul > li {padding:0 25px;}
	#gnb > ul > li > a {font-size:18px;}
	#gnb .submenu {width:105px;}
	#gnb .submenu ul li a {font-size: 16px;}
	header .btn-inquiry {right: 110px;}
	header .btn-inquiry ul li a {font-size: 16px; padding: 8px 20px;}

	.m-section03 .wrap {gap: 40px;}
	.m-section03 .title-box {top: 250px; max-width: 350px;}
	.m-section03 .slide-items {margin: -24px -15px;}
	.m-section03 .slide-item {padding: 24px 15px;}

	.m-section04 .cont-box .wrap {gap: 40px;}
	.m-section04 .catalogue-box {padding: 37px 50px 50px;} 

	/* footer */
	.footer-bottom {display: block;}
	.footer-bottom .policy ul {justify-content: flex-end; margin-top: 20px;}
}

@media (max-width: 1024px) {
	/* HEADER */
	#header {height: 80px;}
	#header .logo a {top: 50%; bottom: auto; transform: translateY(-50%);}
	#header .logo img {width: 80px;}
	#gnb {display:none;}
	header .btn-inquiry {top: 50%; bottom: auto; transform: translateY(-50%);}
	.sitemap-btn {top: 50%; bottom: auto; transform: translateY(-50%);}

	/* MAIN-VISUAL */
	.main-visual .text-slide .text-box h2 {font-size: 50px;}
	.main-visual .paging {margin-top: 80px;}
	.main-visual .slick-dots {gap: 10px;}
	.main-visual .slick-dots button {width: 60px;}

	.m-section01 {margin-bottom: 0;}
	.m-section01 .img-box {margin-bottom: 50px;}
	.m-section01 .img-box img {width: 220px;}
	.m-section01 .text-box p {font-size: 18px;} 

	.m-section02 {padding: 150px 0;}
	.m-section02 .card-stack {height: auto;}
	.m-section02 .card {position: relative; padding: 54px 40px;}
	.m-section02 .card:not(:last-child) {margin-bottom: 100px;}
	.m-section02 .card .inner {gap: 40px;}
	.m-section02 .card .text-box {margin-top: 20px;}
	.m-section02 .card .text-box h3 {font-size: 26px; margin-bottom: 30px;}
	.m-section02 .card .text-box .sub-title {font-size: 18px;}
	.m-section02 .card .text-box .details {font-size: 16px;}
	.m-section02 .card .text-box .btn {max-width: 70px; margin-top: 75px;}
	.btn-more {width: 70px; height: 70px;}
	.m-section02 .card .slide-box .items {margin: 0 -10px;}
	.m-section02 .card .slide-box .item {padding: 0 10px;}
	.m-section02 .card .slide-box .item .item-text {padding: 20px 20px;}
	.m-section02 .card .slide-box .item .item-text .branch-name {font-size: 20px;}
	.m-section02 .card .slide-box .item .item-text .station-distance {font-size: 16px;}
	.m-section02 .card02 .text-box h3 {margin-bottom: 60px;}
	.m-section02 .card .slick-arrow {width: 50px; height: 50px;}
	.m-section02 .card .slick-prev {margin-right: 15px;}

	.m-section03 {padding: 150px 0; overflow: hidden;}
	.m-section03 .wrap {flex-direction: column; gap: 50px;}
	.m-section03 .title-box {position: relative; top: auto; max-width: none;}
	.title-box h3 {font-size: 50px;}
	.title-box p {font-size: 18px; margin-top: 10px;}
	.m-section03 .btn-more-white {margin-top: 40px;}
	.m-section03 .cont-box {width: 100%; flex: auto; }
	.m-section03 .cont-box .slide-items {display: block; margin: -15px;}
	.m-section03 .cont-box .slide-item {width: 50%; padding: 15px;}
	.m-section03 .cont-box .slide-item:nth-child(odd) {transform: translateY(0);}
	.m-section03 .cont-box .slide-item a {padding: 35px 20px 40px 20px;}
	.m-section03 .cont-box .img-box {margin-bottom: 30px;}
	.m-section03 .cont-box .text-box .cate {margin-bottom: 10px;}
	.m-section03 .cont-box .text-box .title {font-size: 18px; margin-bottom: 25px;}

	.m-section04 {padding: 156px 0 180px;}
	.m-section04 .title-box h3 {margin-bottom: 50px;}
	.m-section04 .cont-box .wrap {flex-direction: column; gap: 20px;}
	.m-section04 .contact-box {width: 100%;}
	.m-section04 .contact-box ul li a {padding: 60px 10px;}
	.m-section04 .contact-box ul li .title {font-size: 18px; margin-bottom: 10px;}
	.m-section04 .contact-box ul li .arrow {margin-top: 25px;}
	.m-section04 .catalogue-box .title-box {margin-bottom: 40px;}
	.m-section04 .catalogue-box {width: 100%; padding: 37px 40px 40px;} 
	.m-section04 .catalogue-box .title {font-size: 26px;}
	.m-section04 .catalogue-box .download ul li a {width: 200px; padding: 6px 31px 6px 35px;}

	/* footer */
	#footer {padding: 60px 0;}
	#footer .logo {padding-bottom: 25px; margin-bottom: 25px;}
	#footer .logo img {width: 90px;}
	.footer-bottom .info .row {margin: 0 -15px;}  
	.footer-bottom .info dl {padding: 0 15px;}
	.footer-bottom .copyright {margin-top: 30px;}
	.footer-bottom .policy ul {gap: 10px;}
}

@media (max-width: 768px) {
	/* HEADER */
	header .btn-inquiry ul li a {font-size: 14px; padding: 6px 10px;}
	header .btn-inquiry .dot {width: 4px; height: 4px; margin: 0 4px;}

	/* MAIN-VISUAL */
	.main-visual .text-slide .text-box h2 {font-size: 40px;}
	.main-visual .paging {margin-top: 60px;}

	.m-section01 .img-box {margin-bottom: 40px;}
	.m-section01 .img-box img {width: 160px;}

	.m-section02 {padding: 100px 0;}
	.m-section02 .card {padding: 50px 20px;}
	.m-section02 .card:not(:last-child) {margin-bottom: 60px;}
	.m-section02 .card .inner {flex-direction: column; gap: 30px;}
	.m-section02 .card .img-box {width: 100%;}
	.m-section02 .card .img-box img {width: 100%;}
	.m-section02 .card .text-box {display: block; width: 100%; margin-top: 0;}
	.m-section02 .card .text-box .text {max-width: none; width: 100%; padding-right: 0;}
	.m-section02 .card04 .text-box .text {max-width: none;}
	.m-section02 .card .text-box h3 {font-size: 24px; margin-bottom: 15px;}
	.m-section02 .card .text-box .btn {margin-top: 20px;}
	.m-section02 .card .slide-box {width: 100%; flex: auto;}
	.m-section02 .card .slide-box .item img {width: 100%;}
	.m-section02 .card02 .text-box {max-width: none;} 
	.m-section02 .card02 .text-box h3 {margin-bottom: 20px;}

	.m-section03 {padding: 100px 0;}
	.title-box h3 {font-size: 40px;}
	.m-section03 .btn-more-white {margin-top: 40px;}
	.m-section03 .cont-box {width: 100%; flex: auto; }
	.m-section03 .cont-box .slide-items {display: block; margin: -15px -10px;}
	.m-section03 .cont-box .slide-item {width: 50%; padding: 15px 10px;}
	.m-section03 .cont-box .slide-item:nth-child(odd) {transform: translateY(0);}
	.m-section03 .cont-box .slide-item a {padding: 35px 20px 40px 20px;}
	.m-section03 .cont-box .img-box {margin-bottom: 30px;}
	.m-section03 .cont-box .text-box .cate {margin-bottom: 10px;}
	.m-section03 .cont-box .text-box .title {font-size: 18px; margin-bottom: 25px;}

	.m-section04 {padding: 100px 0 120px;}
	.m-section04 .title-box h3 {margin-bottom: 30px;}
	.m-section04 .catalogue-box {padding: 37px 20px 40px;} 
	.m-section04 .catalogue-box .title {font-size: 24px;}

	/* footer */
	#footer {padding: 50px 0; text-align: center;}
	#footer .logo {padding-bottom: 25px; margin-bottom: 25px;}
	#footer .logo img {width: 90px;}
	.footer-bottom .info .row {flex-direction: column; gap: 8px; margin: 0 -15px;}  
	.footer-bottom .info dl {justify-content: center; flex-wrap: wrap; padding: 0 15px;}
	.footer-bottom .info dl:after {display: none;}
	.footer-bottom .info dt {margin-right: 15px;}
	.footer-bottom .copyright {margin-top: 20px;}
	.footer-bottom .policy ul {justify-content: center;}
	.footer-bottom .policy ul li a {padding: 12px 14px;}
}

@media (max-width: 480px) {
	/* HEADER */
	header .btn-inquiry {display: none;}

	/* MAIN-VISUAL */
	.main-visual .text-slide .text-box h2 {font-size: 28px;}

	.m-section02 .card .slide-box .items {margin: 0;}
	.m-section02 .card .slide-box .item {padding: 0;}

	.m-section04 .contact-box ul {flex-wrap: wrap;}
	.m-section04 .contact-box ul li {width: 100%;}
	.m-section04 .contact-box ul li a {padding: 30px 10px;}
}