@charset "utf-8";

@media (max-width: 1440px) {
/* header */
	#header #gnb > ul{gap:3.5vw}
	#header #gnb > ul > li > a{font-size: 18px;}

/* main */
	.mv-controll{width: auto; left: 20px; translate:0; }
}

@media (max-width: 1024px) {
/* header */
	.header-wrap{height: 80px;}
	#header{height: 100%;}
	#gnb {display:none;}

/* main */
	.mv_sec,
	.mv_sec .item{height: 70vw;}
	.mv_sec .m_txt .box h3{font-size: clamp(20px, 5.5vw, 65px); line-height: 1.5; margin-bottom: 15px;}
	.mv_sec .m_txt .box p{font-size: clamp(14px, 2.8vw, 26px); line-height: 1.5;}
	.mv-controll{bottom: 40px;}
	.mv_sec .mv-scroll{right: 20px; padding-bottom: 20px;}
	.mcnt-box{padding-top: 12vw;}
	.main-title h4{font-size: clamp(22px, 4.2vw, 45px); line-height: 1.5;}
	.main-title .link-box{margin-bottom: 4vw; margin-top: 5vw;}
	.main-title .link-box a{font-size: 16px;}
	.mcnt-box .item > a .tbx{padding: 3vw 15px;}
	.mcnt-box .item > a .tbx .txt{padding: 0px 0; padding-bottom: 20px;}
	.mcnt-box .item > a .tbx .txt p{font-size: 18px; line-height: 1.5;}
	.mcnt-box .item > a .tbx .info{padding: 10px 0 0;}
	.mcnt-box .item > a .tbx .info > span{font-size: 16px;}
	.mcnt2{margin-top: 12vw; padding-top: 0;}
	.mcnt3-wrap{margin-top: 12vw; padding: 8vw 0; height: auto;}
	.mcnt3-wrap > h4{font-size: clamp(24px, 5.5vw, 54px);}
	.mcnt3-wrap:after{display: none;}
	.mcnt3{padding: 0; flex-direction: column; padding-top: 8vw;}
	.mcnt3 .box{width: 100%; }
	.mcnt3 .box:last-child{border-top: 1px solid rgba(255,255,255,0.2); margin-top: 8vw; padding-top: 8vw;}
	.mcnt3 .box figure{height: auto; padding-bottom: 5vw;}
	.mcnt3 .box .tbx strong{font-size: 20px; line-height: 1.5;}
	.mcnt3 .box .tbx p{font-size: 16px; line-height: 1.5; margin-bottom: 5vw;}
	.mcnt3 .box .tbx .link-box a{height: 50px; font-size: 14px; width: 200px; padding: 0 20px;}
	
/* footer */
	#footer{height: auto; flex-direction: column; align-content: flex-start; padding: 8vw 20px; padding-bottom: 100px;}
	#footer .ft-logo{width: 100%; margin-bottom: 10px;}
	#footer ol{padding-bottom: 0;	}
	#footer ul{width: 100%;}
	#footer ul > li{margin-bottom: 0;}
	#footer ol{align-self:flex-start;}
	
	.quick-box{width: 100%; translate:0; margin-top: 0; bottom: 0; top: auto; border: none;  background: rgba( 255, 255,255, 0.8 );box-shadow: 0 8px 32px 0 rgba(255,255,255, 0.8 );backdrop-filter: blur( 20px );-webkit-backdrop-filter: blur( 20px );}
	.quick-box ul{display: flex; flex-wrap:wrap; }
	.quick-box ul > li{flex:1}
	.quick-box ul > li > a{background: none; border: 0; height: 80px;}
	.quick-box ul > li > a i img{width: 40px;}
	.quick-box > .ft-top{display: none;}
}
@media (max-width: 480px) {
/* header */
	.sitelogo{width: 160px;}
/* main */
	.mv_sec,
	.mv_sec .item{height: 80vw;}
	.mcnt3 .box figure img{width: 15vw;}

}

/* sub */
@media (max-width: 1280px) {
	.s1 .arti1 .tbx .box{left: 20px; width: 200px; height: 150px; padding:20px;}
	.s1 .arti1 .tbx .box p{font-size: 24px;}
}
@media (max-width: 1024px) {
	.sub-visual{height: 60vw; margin-bottom: 12vw;}
	.sub-visual p{font-size: clamp(24px, 5.5vw, 60px)}
	.s1{padding-bottom: 15vw; background-size: 50%;}
	.s1 .arti1 figure{height: 200px;}
	.s1 .arti1 .tbx .txt{padding-top: 80px; padding-left: 0;}
	.s1 .arti1 .tbx .txt h5{font-size: clamp(24px, 4.2vw, 45px); line-height: 1.5; margin-bottom: 15px; word-break: keep-all;}
	.s1 .arti1 .tbx .txt h5 br{display: none;}
	.s1 .arti1 .tbx .txt p{font-size: 14px; line-height: 1.5; margin-bottom: 1.5em; word-break: keep-all;}
	.s1 .arti1 .tbx .txt p br{display: none;}
	
	.bo-wrap{margin-bottom: 15vw;}
}
@media (max-width: 480px) {
	.sub-visual p{padding-top: 40px;}
	.s1 .arti1 .tbx .box{width: 150px; height: 120px; top: -65px;}

}