@charset "utf-8";

@media (max-width:1800px){
	main .mv-btn-box{left: 20px; translate: 0% 0;}
}


@media (max-width:1280px){
/* header */
	#header nav .gnb:hover{width: 800px;}
}

@media (max-width:1024px){
/* header */
	.header-wrap,
	#header{height: 80px;}
	#header nav .gnb{display: none; }
	#header .hd-logo > a{width: 150px;}
	#header .hd-logo > a img{width: 100%; margin-top: -20px;}
	.hd-bg{display: none !important; }

/* main */
	main .main-visual,
	main .main-visual .mv_owl .item .mv_img{height: 120vw;}
	main .main-visual .mv_owl .m_txt{padding-bottom: 12vw; }
	main .main-visual .mv_owl .m_txt p{font-size: clamp(24px, 4.6vw, 55px); line-height: 1.5; word-break: keep-all;}
	.main-business{padding-top: 12vw;}
	.main-title small{font-size: 16px; line-height: 1.5; margin-bottom: 5px;}
	.main-title h4{font-size: clamp(24px, 4.6vw, 55px); line-height: 1.5; word-break: keep-all;}
	.mcnt2-cnt{margin-top: 30px; flex-direction: column; gap:15px}
	.mcnt2-cnt > li figure {filter: brightness(0.8);}
	.mcnt2-cnt > li{height: auto; padding: 30px 15px;}
	.mcnt2-cnt > li{flex:1; }
	.mcnt2-cnt > li	.tbx > h5{margin-bottom: 0 !important; font-size: clamp(24px, 3.8vw, 40px); line-height: 1.5; word-break: keep-all;}
	.mcnt2-cnt > li	.tbx > p{height: auto !important; margin: 10px 0 20px  !important; font-size: 16px; line-height: 1.5; word-break: keep-all;}
	.mcnt2-cnt > li:nth-child(1) 	.tbx > p{height: auto !important; }
	.mcnt2-cnt > li .tbx .link-box > a{width: 40px; height: 40px;}
	.mcnt3 .mcnt3-cnt .mcnt3_owl, .mcnt3 .mcnt3-cnt .mcnt3_owl .item, .mcnt3 .mcnt3-cnt .mcnt3_owl .item .mv_img{height: 100dvh;}
	.mcnt3 .mcnt3-logo{top: 25%;}
	.mcnt3 .mcnt3-cnt .col4-box{width: 100%; left: 0; margin-left: 0;}
	.mcnt3 .mcnt3-cnt .col4-box ul{padding: 0 15px; 	box-sizing: border-box;}
	.mcnt3 .mcnt3-cnt .col4-box ul > li figure{width: 15vw; height: 15vw;}
	.mcnt3 .mcnt3-logo{width: 150px; margin-left: -75px;}
	.mcnt3 .mcnt3-logo img{width: 150px;}
	.mcnt3 .mcnt3-cnt .content-box h5{font-size: clamp(24px, 4.2vw, 48px); line-height: 1.5;}
	.mcnt3 .mcnt3-cnt .content-box p{font-size: 16px; line-height: 1.5; word-break: keep-all;}
	.mcnt3 .mcnt3-cnt .col4-box ul > li p{font-size: 18px; line-height: 1.5;}
	.mcnt3-btn-box > *{left: 50px; top: 35%;}
	.mcnt3-btn-box > .next_bt{right: 50px;}
	.mcnt4{padding: 13vw 0 15vw;}
	.mcnt4 .simply-scroll, .mcnt4 .simply-scroll .simply-scroll-clip{height: 433px !important; margin-top: 30px;}
	.mcnt4 .certificate > li{width: 300px; height: 430px !important;}
	.simply-scroll .simply-scroll-list li {padding: 5px;}
	.simply-scroll .simply-scroll-list li img{max-width:100%; width: 100%; }
	.mcnt5{padding: 12vw 0  8vw;}
	.mcnt5 .partner-wrap{margin-top: 30px;}
	.mcnt5 .partner-wrap ul > li{margin: 0 20px;}
	.mcnt5 .partner-wrap .simply-scroll, .mcnt5 .partner-wrap .simply-scroll-clip{height: 80px !important;}
	.mcnt5 .partner-wrap .simply-scroll .simply-scroll-list li{height: 80px !Important;}
	.mcnt6{margin-bottom: 12vw;}
	.mcnt6 .cnt-wrap{gap:30px}
	.mcnt6 .box{flex-direction: column;}
	.mcnt6 .box > *{width: 100%;}
	.mcnt6 .box > figure img{width: 100%; object-fit:cover;		}
	.mcnt6 .box > .tbx{padding-left: 0; padding-bottom: 0;}
	.mcnt6 .box > .tbx ul > li > a {font-size: 20px; height: 70px; padding-right: 15px; padding-bottom: 0;}
	.mcnt6 .box > .tbx ul > li > a i{top: 0;}
	.mcnt6 .box > .tbx .link-box{margin-top: 30px; margin-right: 0;}
	.mcnt6 .box > .tbx .link-box > a{font-size: 16px; height: 40px; width: 150px;}
	.mcnt6 .box:nth-child(even) > .tbx{padding-right: 0px; padding-left: 0;}
	.mcnt6 .box:nth-child(even) > .tbx ul > li > a{padding-right: 15px;}

	.quick.on{height: auto; padding-top: 0px; height: 60px; 	}
	.quick.on > a{}

	.quick{margin-right: 20px;  margin-bottom: 0; bottom: 100px; height: 60px;     flex-direction: row;}
	.quick > a{width: 45px; height: 45px; font-size: 0; align-content:center; text-align: center; gap:0px; position: relative; top: 80px;} 
	.quick > a i{display: block; text-align: center; }
	.quick > a:hover i{left: 0;}
	
/* pop */
	.pop-wrap{display: block;  max-height:90dvh; }
	.hd_pops{max-width:90%; width: auto; height: auto; position: fixed; left: 10px; top: 10px;}
	.hd_pops .hd_pops_con img{max-width:100%;}
	
}


@media (max-width:640px){
/* main */
	.mcnt3 .mcnt3-cnt .col4-box ul > li{flex:40%}
	.mcnt3 .mcnt3-logo{top: 100px;}
	.mcnt3 .mcnt3-cnt{clip-path: circle(14% at 50% 37%);}
	.mcnt3 .mcnt3-cnt .content-box small{top: -7%;}
	.mcnt3 .mcnt3-cnt .col4-box ul{gap:15px 0}
	.mcnt3 .mcnt3-cnt .col4-box ul > li figure{width: 20vw; height: 20vw; padding: 20px; box-sizing: border-box;}
	.mcnt3 .mcnt3-cnt .col4-box ul > li figure img{max-width:100%;}
	.mcnt3 .mcnt3-cnt .col4-box ul > li p{margin-top: 20px;}
	
/* footer */
	#footer .ft-top{padding-top: 30px; padding-bottom: 20px; }
	#footer .ft-top .ft-logo{padding-top: 0;}
	#footer .ft-top .ft-logo img{width: 150px;}
	#footer .ft-top .footer-cate{width: 100%; margin-top: 20px;}
	#footer .ft-top .footer-cate ul > li > a{font-size: 20px; line-height: 1.9em;}
	#footer .ft-top .footer-info ul > li{font-size: 14px; line-height: 1.5; }
	#footer .ft-top .footer-info ul > li span{width: 70px;}
	#footer .ft-bottom{height: auto; gap:10px; padding-bottom: 30px;}
	#footer .ft-bottom p{font-size: 14px;}
	#footer .ft-bottom ol > li > a{font-size: 14px; }

/* quick-pop */
	.quick-pop-wrap{position: fixed; width: 100vw; height: calc(100vh - 120px); left: 0vw; top: 20px; right: auto ;bottom: auto; pointer-events: none; max-height:95vh; overflow-x: auto; display: block;}
	.quick-pop-wrap .quick-pop{position: relative; width: 95vw; left: 2.5vw; top: 0px; margin-bottom: 10px; padding: 30px 15px;}
	.quick-pop-wrap .quick-pop h4{font-size: 20px; padding-bottom: 10px;}
	.quick-pop-wrap .quick-pop .tbx b{font-size: 14px; line-height: 1.5;}
	.quick-pop-wrap .quick-pop .tbx ol > li{font-size: 12px; line-height: 1.5; word-break: keep-all;}
	.quick-pop-wrap .quick-pop .tbx .link-box {margin: 20px auto 0;max-width: 250px; font-size: 14px;}
	.quick-pop-wrap .quick-pop .tbx .link-box > a{height: 40px; }
	.quick-pop-wrap .quick-pop .tbx .link-box-col2 > a{height: 40px;}
}

@media (max-width:480px){
/* main */
	main .mv-btn-box{padding: 0;}
	main .mv-btn-box .box{margin-bottom: 0;}
	.mcnt3-btn-box > *{left: 20px; width: 15px;}
	.mcnt3-btn-box > * img{max-width:100%;}
	.mcnt3-btn-box > .next_bt{right: 20px;}
	.mcnt4 .simply-scroll, .mcnt4 .simply-scroll .simply-scroll-clip{height: 280px !important; margin-top: 30px;}
	.mcnt4 .certificate > li{width: 200px; height: 278px !important;}
	.mcnt4 .link-box{margin-top: 30px;}
	.mcnt4 .link-box > a{width: 220px; font-size: 16px; height: 50px;}

}