@charset "utf-8";

@media (max-width: 1400px) {
	.scrolltop {right:15px; bottom:215px;}
	.foot-cnt {padding-right:0;}
	.section02 .cnt .btn03 {margin-left:100px;}
	
}

@media (max-width: 1024px) {

	#header {height:100px;}
	#header .wrap {height:100px;}
	#gnb {display:none;}
	
	.main-visual .txt p {font-size:20px; margin-bottom:18px;}
	.main-visual .txt h2 {font-size:60px;}

	.scrolldown {bottom:40px; right:15px;}
	.scrolldown .circle {width:60px; height:60px; margin-top:-30px; margin-left:-30px;}
	.scrolldown .circle .point {width:6px; height:10px; margin-left:-3px;}
	/* section */
	.sec-tit {margin-bottom:60px;}
	.sec-tit h3 {font-size:50px; margin-bottom:20px; padding-right:16px;}
	.sec-tit h3:after {width:8px; height:8px; bottom:10px;}
	.sec-tit p {font-size:24px;}
	.sec-tit .more a {width:200px; font-size:16px; line-height:50px; padding:0 20px;}
	.sec-tit .more a:after {width:50px; height:50px; background:#00164b url('../img/main/sec-more.png') right 20px center no-repeat;}
	/* section01 */
	.section01 {padding:100px 0 120px;}
	.section01 .swiper {transform:translateX(0); padding-bottom:80px;}
	.section01 .swiper-slide {flex-basis:auto !important; width:100% !important; margin-top:0; display:flex; justify-content:center;}
	.section01 .swiper-slide.swiper-slide-active {flex-basis:auto !important; width:100% !important;}
	.section01 .swiper-slide .inner {max-width:none; height:auto;}
	.section01 .swiper-slide.swiper-slide-active .inner {margin:0;}
	.section01 .inner p {font-size:20px;}
	.section01 .swiper-slide.swiper-slide-active .inner p {font-size:30px; top:30px; left:30px;}
	.section01 .inner .more span {font-size:16px; bottom:30px; right:30px;}
	.section01 .arrows {left:50%; margin-left:-45px;}	
	/* section02 */
	.section02 {padding:0 0 120px;}
	.section02 .bg {position:absolute; top:-100px; right:0; opacity:0.3; z-index:-1;}
	.section02 .sec-tit {margin-bottom:60px;}
	.section02 .sec-tit .more {margin-top:60px;}
	.section02 .cnt {padding-top:300px;}
	.section02 .cnt .btn {width:300px; height:300px;}
	.section02 .cnt .btn01 {right:15px; top:120px; z-index:1;}
	.section02 .cnt .btn02 {top:360px; right:160px; z-index:2;}
	.section02 .cnt .btn03 {margin-left:0;}
	.section02 .cnt .btn p {font-size:30px;}
	.section02 .cnt .btn .back {margin-top:-160px; margin-left:-160px; width:320px; height:320px;}
	.section02 .animate-txt {bottom:0;}
	.section02 .animate-txt p {font-size:100px; padding:0 60px;}
	/* section03 */
	.section03 {padding:100px 0 120px;}
	.section03 .sec-tit {padding-right:200px;}
	.section03 .col .row {width:33.3333333%;}
	.section03 .col .col03 {display: none;}
	/* section04 */
	.section04 {padding:100px 0 120px;}
	.section04 .col {display:block;}
	.section04 .sec-tit {margin-bottom:60px;}
	.section04 .row {justify-content:flex-end;}
	.section04 .inner {margin-right:20px; padding-top:0; padding-bottom:0;}
	.section04 .inner:hover {padding-top:0; padding-bottom:0;}
	.section04 .inner a {width:200px; height:200px;}
	.section04 .inner a .icon {margin-bottom:10px;}
	.section04 .inner a .icon img {width:60px;}
	.section04 .inner a p {font-size:28px;}
	/* footer */ 
	#footer {padding:60px 0;}
	.foot-cnt {display:block; padding-right:0; text-align:center;}
	.foot-logo {max-width:none; margin-bottom:20px;}
	.foot-info {width:100%;}
	.foot-info .info {display:block; margin-bottom:20px; padding-bottom:20px;}
	.foot-info .info p {font-size:14px;}
	.foot-info .info p span {margin:0 2px;}
	.foot-info .info ul {justify-content:center; margin-top:20px;}
	.foot-info .info ul li {margin:0 10px;}
	.foot-info .info ul li a {width:140px; line-height:38px; font-size:14px;}
	
	.foot-info .txt-box p.copy {font-size:14px;}
	.foot-info .txt-box p.design {font-size:13px;}

	.scrolltop {transform:translateX(80px); bottom:140px; right:15px; width:46px; height:46px;}
	

}

@media (max-width: 640px) {
	#header {height:80px;}
	#header .wrap {height:80px;}
	
	.main-visual .txt p {font-size:16px; margin-bottom:10px;}
	.main-visual .txt h2 {font-size:50px;}
	.main-visual .visual-btn {left:15px; margin-left:0;}
	.scrolldown {bottom:30px;}
	.scrolldown .circle {width:50px; height:50px; margin-top:-25px; margin-left:-25px;}
	.scrolldown img {width:80px; height:80px;}
	/* section */
	.sec-tit {margin-bottom:30px;}
	.sec-tit h3 {font-size:36px; margin-bottom:16px; padding-right:10px;}
	.sec-tit h3:after {width:6px; height:6px;}
	.sec-tit p {font-size:20px;}
	
	.sec-tit .more a {width:200px; font-size:16px; line-height:50px; padding:0 20px;}
	.sec-tit .more a:after {width:50px; height:50px; background:#00164b url('../img/main/sec-more.png') right 20px center no-repeat;}
	/* section01 */
	.section01 {padding:80px 0 100px;}
	.section01 .swiper {transform:translateX(0); padding-bottom:80px;}
	.section01 .swiper-slide {flex-basis:auto !important; width:100% !important; margin-top:0; display:flex; justify-content:center;}
	.section01 .swiper-slide.swiper-slide-active {flex-basis:auto !important; width:100% !important;}
	.section01 .swiper-slide .inner {max-width:none; height:auto;}
	.section01 .swiper-slide.swiper-slide-active .inner {margin:0;}
	.section01 .inner p {font-size:20px;}
	.section01 .swiper-slide.swiper-slide-active .inner p {font-size:30px; top:30px; left:30px;}
	.section01 .inner .more span {font-size:16px; bottom:30px; right:30px;}
	.section01 .arrows {left:50%; margin-left:-45px;}
	/* section02 */
	.section02 {padding:0 0 100px;}
	.section02 .sec-tit {margin-bottom:30px;}
	.section02 .sec-tit .more {margin-top:30px;}
	.section02 .cnt {padding-top:0;}
	.section02 .cnt .btn {width:280px; height:280px; position:relative; text-align:center; display:block;}
	.section02 .cnt .btn01 {right:0; top:0; z-index:1;}
	.section02 .cnt .btn02 {top:0; right:0; z-index:2; margin:-60px 0 0 auto;}
	.section02 .cnt .btn03 {margin-left:0; margin-top:-60px;}
	.section02 .cnt .btn p {font-size:20px;}
	.section02 .animate-txt p {font-size:60px; padding:0 30px;}
	/* section03 */
	.section03 {padding:80px 0 100px;}
	.section03 .sec-tit {padding-right:0; margin-bottom:40px}
	.section03 .sec-tit .more {position:relative; margin:30px 0 0 auto;}
	.section03 .col .row {width:50%;}
	.section03 .col .col02 {display: none;}
	/* section04 */
	.section04 {padding:80px 0 100px;}
	.section04 .sec-tit {margin-bottom:30px;}
	.section04 .row {justify-content:center;}
	.section04 .inner a {width:180px; height:180px;}
	.section04 .inner a .icon img {width:40px;}
	.section04 .inner a p {font-size:20px;}
	/* footer */ 
	#footer {padding:30px 0;}
	.foot-info .info p {font-size:12px;}
	.foot-info .info p span {display:none;}
	.foot-info .info p br {display:block;}
	.foot-info .info ul li a {width:120px; line-height:32px; font-size:12px;}
	
	.foot-info .txt-box {display:block;}
	.foot-info .txt-box p.copy {font-size:13px; margin-bottom:14px;}
	.foot-info .txt-box p.design {font-size:12px;}

	.scrolltop {transform:translateX(80px); bottom:140px; right:15px; width:46px; height:46px;}
}

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