@charset "utf-8";

@media (max-width: 1400px) {
	#header .logo a {left:15px;}
	#gnb {margin-right: 17px;}

	.main-visual .swiper-slide {/* height: 600px; */}

	.section01 .col {gap: 70px;}

	.section02 .col {padding:0; gap: 60px;}
	.section02 .img-box .inner {padding: 30px 26px 24px;}

	.section03 .col {padding: 0;}
	
	.btn-quick {right: 15px;}
}

@media (max-width: 1024px) {
	#header {height:80px;}
	#header .logo img {width: 38px;}
	#gnb {display:none;}
	.sitemap-btn {display: block;}

	#main {padding-top:80px;}

	/* main-visual */
	.main-visual {padding-bottom: 100px;}
	.main-visual .swiper-slide {/* height: 500px; */}
	.main-visual .btns {width:190px; height:48px;padding:0 20px;}
	.main-visual .btns .paging .visual-pagination {font-size:16px;}
	.main-visual .btns .paging .visual-pagination .swiper-pagination-current {font-size:18px;}
	.main-visual .btns .control {right:20px;}

	/* section01 */
	.section01 .cnt01 {padding:80px 0;}
	.section01 .cnt02 {padding:120px 0 90px;}
	.section01 .cnt03 {padding:90px 0 170px;}
	.section01 .col {gap: 40px;}
	.section01 .img-box {max-width: 63.3%;}
	.section01 .txt-box {padding-bottom:30px;}
	.section01 .txt-box h3 {font-size:38px; margin-bottom:10px;}
	.section01 .txt-box p {font-size:20px;  margin-bottom:30px;}
	.section01 .txt-box p br {display: none;}
	.section01 .txt-box .more a {font-size:20px;}
	.section01 .txt-box .more a:hover {transform: translateX(0);}

	/* section02 */
	.section02 {margin-bottom:200px;}
	.section02 .col {flex-direction: column; gap: 60px;}
	.section02 .col .row {width: 100%;}
	.section02 .tit-box {padding-bottom:18px;}
	.section02 .tit-box h3 {font-size:30px;}
	.section02 .txt-box ul li {padding:24px 10px;}
	.section02 .txt-box ul li a {font-size:18px;}
	.section02 .img-box .inner {padding:30px 30px 24px;}
	.section02 .img-box .inner .txt h4 {font-size:18px;}

	/* section03 */
	.section03 {padding-bottom:200px;}
	.section03 .col {flex-direction: column; gap: 50px;}
	.section03 .tit-box {width:100%; flex: auto; padding-right:0;}
	.section03 .tit-box h3 {font-size:38px; margin-bottom:20px; display: flex; align-items: center; gap: 12px;}
	.section03 .tit-box h3 br {display: none;}
	.section03 .btn-plus {margin-left: 0; margin-top: 0;}
	.section03 .tit-box p {font-size:20px; margin-bottom:30px;}
	.section03 .tit-box p br {display: none;}
	.section03 .tit-box .more a {font-size:20px;}
	.section03 .tit-box .more a:hover {transform: translateX(0);}
	.section03 .txt-box {max-width: 100%;}
	.section03 .inner {padding:22px 20px;}
	.section03 .inner .tit {padding-right:50px;}
	.section03 .inner .txt {padding-top:24px;}
	.section03 .inner .box span {font-size:16px;}
	.section03 .inner .tit .box p {font-size:20px; padding-top: 4px;}
	.section03 .inner .txt .box p {font-size:18px; padding-top: 1px;}

	/* footer */
	#footer {padding:60px 0 70px;}

	.foot-info .logo {margin-bottom:20px;}
	.foot-info .logo img {width: 38px;}
	.foot-info .info {font-size:16px;}
	.foot-info .info ul {display:flex; margin-bottom:20px;}
	.foot-info .info li {padding-right:20px;}
	.foot-cnt {padding-top: 34px;}
	.foot-cnt ul.bt {margin:0 -15px 20px;}
	.foot-cnt ul.bt li {padding:0 15px;}
	.foot-cnt ul.bt li a {font-size:16px;}
	.foot-cnt ul.sns {margin:0 -6px;}
	.foot-cnt ul.sns li {padding:0 6px;}

	.btn-quick {bottom: 40px; right: 15px;}
	.btn-quick.inactive {bottom: 248px;}
	.btn-scroll-top {width: 60px; height: 60px;}
}

@media (max-width: 768px) {
	/* main-visual */
	.main-visual {padding-bottom: 80px;}
	.main-visual .swiper-slide {/* height: 400px; */}

	/* section01 */
	.section01 .cnt01 {padding:70px 0 60px;}
	.section01 .cnt02 {padding:60px 0 60px;}
	.section01 .cnt03 {padding:60px 0 120px;}
	.section01 .col {gap: 30px; align-items:flex-start; flex-direction: column;}
	.section01 .cnt:nth-child(even) .col {flex-direction:column; align-items:flex-end; text-align: right;}
	.section01 .img-box {max-width: 100%;}
	.section01 .txt-box {padding-bottom:0;}
	.section01 .txt-box h3 {font-size:30px;}
	.section01 .txt-box p {font-size:18px;}
	.section01 .txt-box .more a {font-size:18px;}

	/* section02 */
	.section02 {margin-bottom:120px;}
	.section02 .col {gap: 60px;}
	.section02 .tit-box {padding-bottom:14px;}
	.section02 .tit-box h3 {font-size:26px;}
	.section02 .txt-box ul li {padding:20px 10px;}
	.section02 .txt-box ul li a {font-size:16px;}
	.section02 .img-box .imgs {margin:0 -10px;}
	.section02 .img-box .box {padding:0 10px;}
	.section02 .img-box .inner {padding:30px 15px 24px;}
	.section02 .img-box .inner .txt h4 {font-size:16px;}

	/* section03 */
	.section03 {padding-bottom:140px;}
	.section03 .col {gap: 30px;}
	.section03 .tit-box h3 {font-size:30px; margin-bottom:10px;}
	.section03 .tit-box p {font-size:18px; margin-bottom:30px;}
	.section03 .tit-box .more a {font-size:18px;}
	.section03 .inner {padding:22px 20px;}
	.section03 .inner .txt {padding-top:20px;}
	.section03 .inner .box span {font-size:16px;}
	.section03 .inner .tit .box p {font-size:18px;}
	.section03 .inner .txt .box p {font-size:16px;}

	/* footer */
	#footer {padding:40px 0 50px;}

	.foot {flex-direction: column; justify-content: center; text-align: center;}
	.foot-info .logo img {/* width: 180px; */}
	.foot-info .info {font-size:15px;}
	.foot-info .info ul {display:flex; margin-bottom:15px;}
	.foot-info .info li {padding-right:20px;}
	.foot-info .info li img {width: 22px;}
	.foot-cnt {padding-top: 20px;}
	.foot-cnt ul.bt {margin:0 -15px 20px;}
	.foot-cnt ul.bt li {padding:0 15px;}
	.foot-cnt ul.bt li a {font-size:15px;}
	.foot-cnt ul.sns {margin:0 -6px; justify-content: center;}
	.foot-cnt ul.sns li {padding:0 6px;}

	.btn-quick.inactive {bottom: 305px;}
	.btn-scroll-top {width: 50px; height: 50px;}
}

@media (max-width: 480px) {
	
}