@charset "utf-8";

@media (max-width: 1800px) {
#main{max-width:100%; overflow: hidden;}

}

@media (max-width: 1640px) {
/* header */
	#header .lang{left: 20px;}
	#header .btns{right: 20px;}
	
/* main */	
	.main-visual{}

	.main-visual .item{max-width:100vw; width: 100%;;}
	.main-visual .secting-img{border-radius: 20px;}
	.main-visual .txt-box{}
	.main-visual .txt-box{box-sizing: border-box; padding: 50px 40px;}	
}

@media (max-width: 1440px) {
/* header */
	#header .sitelogo{margin-left: 0; translate:-50% 0}
	#gnb{max-width:55vw}
	#gnb>ul>li{padding: 0 20px;}
	#gnb>ul>li>a{font-size: 16px;}
	#header .btns ul{width: 100px;}
	#header .btns ul li a{padding: 0 5px;}
	#header .btns ul li a p{width: auto; padding-right: 10px;}

/* main */
	.section01 .btns{width: calc(25vw - 40px); height: calc(25vw - 40px);}
}


@media (max-width: 1200px) {
/* header */	
	#gnb{max-width:60vw}
}

@media (max-width: 1024px) {
	#gnb {display:none;}

/* main */
	.main-visual .item{height: calc(100vh - 110px);}
	.main-visual .txt-box h2{font-size: 38px; line-height: 1.2;}
	.main-visual .txt-box p{font-size: 16px; line-height: 1.5;}

	.sec-tit{margin-bottom: 40px;}
	.sec-tit p{font-size: 14px;}
	.sec-tit h3{font-size: 26px; line-height: 1.5;}
	
	.section01{padding: 60px 0 250px;}
	.section01 .btns{width: calc(50vw - 30px); height: calc(50vw - 30px);}
	.section01 .inner .txt-box .cate{font-size: 12px;}
	.section01 .inner .txt-box p{font-size: 16px;}
	.section01 .inner .txt-box .txt{justify-content: flex-start;}
	.section01 .inner{margin-bottom: 20px;}
	.section01 .img01{bottom: 140px;}
	.section01 .img01 img{width: 60vw;}
	.section01 .img02{bottom: 20px;}
	.section01 .img02 img{width: 70vw;}
	
	.scroll-top{right: 20px; bottom: 50px; width: 40px; height: 40px;}
	
	.section02{padding: 60px 0;}
	.section02 .video{background-size: cover; background-position: -40vw center;}	
	.section02 .col{flex-direction: column; gap:20px;}	
	.section02 .col .row{width: 100% !important; padding: 0 20px; }
	.section02 .inner .tit h3{font-size: 28px;}
	.section02 .inner .tit p{font-size: 16px; line-height: 1.5;}
	.section02 .inner .tit{margin-bottom: 30px;}
	.section02 .inner{height: auto; padding: 40px 20px;}
	.section03{padding: 60px 0;}
	.section03 .sec-tit{margin-bottom: 30px;}
	.section04{padding-bottom: 60px;}
	.section04 .col{flex-direction: column; gap:20px}
	.section04 .txt-box{width: 100%; flex:100%;}
	.section04 .txt-box h3{font-size: 28px; margin-bottom: 20px;}
	.section04 .txt-box p{font-size: 16px; line-height: 1.5; margin-bottom: 30px;}
	.section04 .img-box{max-width:100%; }
	
/* footer */	
	#footer{padding: 40px 0 30px;}
	.foot{flex-direction: column; gap:30px;}
	.foot-cnt{width: 100%;}
	
}

@media (max-width: 640px) {
/* header */
	#header{height: 80px;}
	#header .btns ul{width: 85px; margin-right: 20px;}
	#header .btns ul li a{font-size: 12px; line-height: 20px;}
	#header .lang{display: none; }
	#header .sitelogo{translate: 0% 0; left: 20px; width: 180px; height: 100%; left: 20px; top: 0; margin-top: 0;}
	#header .sitelogo a{display: flex; height: 100%; width: 100%; align-items:center;} 
	
	.quick{width: 100%; transform: translateX(100%);}
	.quick .cnt .box{padding-bottom: 20px; margin-bottom: 20px;}	
	.quick .cnt01 .tit .search{padding: 0 15px;}
	.quick .cnt01 .tit .search {font-size: 16px;}
	.quick .cnt01 .tit .search input{font-size: 14px; line-height: 40px;}
	.quick .cnt01 .tit .search::placeholder{font-size: 14px;}	
	.quick .cnt01 .tit .search button{right: 15px;}
	.quick .cnt01 .inner .txt-box h4{font-size: 14px;}
	.quick .cnt02 .inner{flex-direction: column; }
	.quick .cnt02 .inner{align-items: flex-start; gap:20px}
	.quick .cnt02 .inner .txt-box{width: 100%; flex:100%; padding-left: 0;}
	.quick .cnt02 .inner .txt-box h4{font-size: 16px; line-height: 1.5; margin-bottom: 15px;} 
	.quick .cnt02 .inner .txt-box p{font-size: 14px;}
	
	
/* main */	
	.main-visual{padding-top: 80px;}
	.main-visual .item{height: calc(100vh - 80px);}
	.main-visual .txt-box h2{font-size: 30px;}
	.main-visual .txt-box p{font-size: 14px;}
	.main-visual .dots{right: 40px; bottom: 100px;}
	.section01{padding: 60px 0 220px;}
	.section01 .img01{bottom: 100px;}

/* footer */
	.foot-cnt .info dl{flex-direction: column;}
	.foot-cnt .info dd{width: 100%;}
	.foot-cnt .txt{flex-direction: column; gap:15px;     align-items: flex-start;}
	.foot-cnt .txt ul{flex-direction: column; gap:5px;}
}

@media (max-width: 480px) {
/* header */
	.quick .title{height: 60px; padding: 0 20px;}
	.quick .title h2{line-height: 60px; }
	.quick .title a{width: 60px; height: 60px;}
	.quick .wrap{padding: 30px 20px; height: calc(100vh - 60px);}
	.quick .wrap .cnt{padding: 20px 15px;}
	.quick .cnt .tit h3{font-size: 18px;}
	

/* main */
	.section01 .btns .more{width: auto; padding: 0 15px; font-size: 14px; line-height: 40px;}
	 

}