@charset "utf-8";

@media (max-width: 1630px) {
	#header .sitelogo a {left:15px;}
	
	#gnb {margin-left:150px;}
	#gnb>ul>li {padding:0 40px;}
	
	.sitemap-btn {right:15px;}
	
	.quick {margin-top:-160px;}
	.quick a {width:230px; height:80px; transform:translateX(150px);}
	.quick a span {max-width:80px;}
	.quick a p {font-size:18px;}
	
	.main-visual .origin .item .img {right:80px;}
	.main-visual .origin .item .img img {width:600px;}
	
	.section02 .items {padding:0 40px;}
	.section02 .slick-prev {left:0;}
	.section02 .slick-next {right:0;}
	
	.scrolltop {bottom:240px; right:15px; transition:all 0.4s; overflow:hidden; z-index:55; display:none;}

	
}

@media (max-width: 1200px) {
	#gnb>ul>li {padding:0 30px;}
	#gnb>ul>li>a {font-size:20px;}
	
	.main-visual .origin .item .img {right:80px; top:auto; transform:translateY(0); bottom:60px;}
	.main-visual .origin .item .img img {width:400px;}
}

@media (max-width: 1024px) {
	#header {height:100px; position:absolute;}
	#header.hide {transform:translateY(0);}
	#gnb {display:none;}
	
	/* main-visual */
	.main-visual .thumb .wrap {justify-content:flex-start; padding-top:200px;}
	.main-visual .thumb .items {margin-bottom:40px;}
	.main-visual .thumb .item h2 {font-size:50px;}
	.main-visual .thumb .item p {font-size:20px; margin-top:14px;}
	.main-visual .thumb .paging ul li button {width:45px;}
	
	.main-visual .origin .item .img {right:15px; bottom:120px;}
	.main-visual .origin .item .img img {width:380px;}
	/* section */
	.section {padding-top:80px;}
	.sec-tit {margin-bottom:70px;}
	.sec-tit .tt {font-size:13px; line-height:26px;}
	.sec-tit h3 {font-size:50px; margin-bottom:16px;}
	.sec-tit p {font-size:20px;}
	/* section01 */
	.section01 {padding-bottom:120px;}
	.section01 .scrolldown {bottom:30px;}
	/* section02 */
	.section02 {padding-bottom:120px;}
	.section02 .banner {margin-bottom:26px; padding-bottom:26px;}
	.section02 .banner .col {display:flex; margin:0 -10px -20px; flex-wrap:wrap;}
	.section02 .banner .col .row {padding:0 10px; margin-bottom:20px; width:33.33333%;}
	.section02 .items {margin-bottom:80px;}
	.section02 .item ul { margin:0 -5px -10px; justify-content:center;}
	.section02 .item ul li {width:16.666667%; padding:0 5px; margin-bottom:10px;}
	/* section03 */
	.section03 {padding-top:0;}
	.section03 .inner {padding:40px 15px; display:block;}
	.section03 .inner .txt {width:100%; padding-right:0;}
	.section03 .inner .txt h3 {font-size:28px;}
	.section03 .inner .txt p {font-size:18px;}
	.section03 .inner .more {max-width:none; margin-top:60px;}
	.section03 .inner .more a {line-height:50px; font-size:18px; display:inline-block; width:200px;}
	/* footer */
	#footer {padding:50px 0 150px;}
	.foot-logo {margin-bottom:28px;}
	#footer p {font-size:15px;}
	.foot-info {margin-bottom:18px; padding-bottom:18px;}
	.foot-info p span {padding-left:20px; margin-right:20px;}
	.foot-info p span:before {width:16px; height:16px; margin-top:-8px;}
	.foot-cnt ul li a {font-size:15px;}
	
	.quick {margin-top:0; top:auto; right:0; bottom:0; display:flex; width:100%; transition:all 0.4s;}
	.quick a {width:100%; height:auto; transform:translateX(0); display:block; text-align:center;}
	.quick a:hover {transform:translateX(0);}
	.quick a span {width:100%; max-width:60px; display:block; margin:0 auto;}
	.quick a p {width:100%; font-size:15px; transform:translateX(0); padding:0 5px 10px;}

	.quick.hide {transform:translateY(0);}
	.quick.active {transform:translateY(100%);}

}
@media (max-width: 800px) {
	.section02 .item ul li {width:25%;}
}

@media (max-width: 640px) {

	#header {height:80px;}
	/* main-visual */
	.main-visual {height:auto;}
	.main-visual .origin .item height:550px;
	.main-visual .thumb .wrap {padding-top:120px;}
	.main-visual .thumb .items {margin-bottom:20px;}
	.main-visual .thumb .item h2 {font-size:32px;}
	.main-visual .thumb .item p {font-size:18px; margin-top:10px;}
	.main-visual .thumb .paging ul li button {width:30px;}
	
	.main-visual .origin .item .img {bottom:15px;}
	.main-visual .origin .item .img img {width:300px;}
	/* section */
	.sec-tit {margin-bottom:40px;}
	.sec-tit .tt {letter-spacing:.1em; padding:0 10px; font-size:12px;}
	.sec-tit h3 {font-size:28px; margin-bottom:12px;}
	.sec-tit h3 strong {display:block;}
	.sec-tit p {font-size:16px;}
	/* section01 */
	.section01 {padding-bottom:100px;}
	.section01 .scrolldown {bottom:30px; margin-left:-30px;}
	.section01 .scrolldown img {width:60px;}
	/* section02 */
	.section02 {padding-bottom:100px;}
	.section02 .banner {margin-bottom:20px; padding-bottom:20px;}
	.section02 .items {margin-bottom:40px;}
	.section02 .item ul li {width:33.3333333%;}
	/* section03 */
	.section03 {padding-top:0;}
	.section03 .col {display:block;}
	.section03 .col .row {width:100%; display:flex; align-items:center; min-height:280px;}
	.section03 .inner {padding:30px 15px; display:block;}
	.section03 .inner .txt h3 {font-size:24px;}
	.section03 .inner .txt p {font-size:16px;}
	.section03 .inner .more {margin-top:40px;}
	.section03 .inner .more a {line-height:40px; font-size:16px; width:140px;}
	/* footer */
	#footer {padding:30px 0 110px;}
	.foot-logo {margin-bottom:20px; text-align:center;}
	.foot-logo img {width:260px;}
	#footer p {font-size:14px; text-align:center;}
	.foot-info {margin-bottom:12px; padding-bottom:12px;}
	.foot-info p span {padding-left:18px; margin-right:0;}
	.foot-info p span:before {width:14px; height:14px; margin-top:-7px;}
	.foot-info p br {display:block;}
	.foot-cnt {display:block;}
	.foot-cnt ul {justify-content:center; margin-top:12px;}
	.foot-cnt ul li a {font-size:14px;}
	
	.quick a span {max-width:50px;}
	.quick a p {font-size:13px;}

	.scrolltop {width:44px; height:44px;  bottom:90px;}
	.scrolltop:after {width:42px; height:42px;}
	
}

@media (max-width: 400px) {
	.section02 .items {padding:0;}
	.section02 .item ul {margin:0 0 -10px;}
	.section02 .item ul li {padding:0; margin-bottom:10px;}
	.section02 .slick-arrow {top:auto; margin-top:0; bottom:-62px;}
}