@charset "utf-8";

@media (max-width: 1560px) {
/* header */
	#header .sitelogo{width: 130px;		}
	#header .sitelogo a:after{background-size: cover;}
	#header #gnb{padding-right: 0;}
	#header #gnb > ul > li:nth-child(1){width: 115px;}
	#header #gnb > ul > li:nth-child(2){width: 155px;}
	#header #gnb > ul > li:nth-child(3){width: 101px;}
	#header #gnb > ul > li:nth-child(4){width:134px}
	#header #gnb > ul > li:nth-child(5){width: 195px;}
	#header #gnb > ul > li:nth-child(6){width:115px}
	#header #gnb:hover > ul > li{width: 125px !important;}
	#header #gnb > ul > li > a{font-size: 16px;}
	#header #gnb > ul > li .subm ul > li > a{font-size: 14px;}
	#header #gnb:hover{padding-right: 0px}

/* main */
	#fp-nav.fp-left{left: 25px;}
	.main-con{left: 20px;}
	main .main-visual .mv_owl .m_txt{padding-left: 50px;}
}

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

/* main */
	.mcnt2_owl .mcnt2-item ol{height: auto;}
	main .main-visual .mv_owl .m_txt{padding-bottom: 0px; padding-top: 5vw; align-items:center;}
	main .main-visual .mv_owl .m_txt h3{font-size: clamp(24px, 5.5vw, 55px);  line-height: 1.5;}
	.scroll-mv{right: 20px; bottom: 20px;}
	.main-tit h3{font-size: clamp(24px, 4vw, 40px); line-height: 1.5;  margin-bottom: 5px;}
	.main-tit p{font-size: 16px; line-height: 1.5;}
	.mcnt3_owl{margin-top: 30px;}
	.mcnt3_wrap{padding-top: 0px;}
	.mcnt4{height: auto; flex-direction: column;}
	.mcnt4 > .lbx{height: 40dvh; background-size: cover;}
	.mcnt4 > *{width: 100%;}
	.mcnt4 > .rbx{padding:5vw 0;}
	.mcnt4 > .rbx h4{font-size: clamp(24px, 4vw, 40px); line-height: 1.5; }
	.mcnt4 > .rbx p{font-size: 16px; line-height: 1.5; margin: 5px 0 10px;}
	.mcnt4 > .rbx .link-box > a{font-size: 16px; height: 40px;}
	.scroll-top{right: 20px; bottom: 20px; width: 35px; height: 35px;}
	.mcnt2_wrap{min-height:0px !important}

	.ft_wrap{padding: 20px 0; position: relative; z-index: 100;}
	.ft-top{padding-bottom: 10px;}
	.ft-top ul > li{font-size: 14px; line-height: 1.5;}
	.ft-bottom{margin-top: 15px;}
	.ft-bottom p{font-size: 14px;}
	.ft-bottom ul{margin-top: 10px;}
	.ft-bottom ul > li > a{font-size: 14px;}
	
       
	
	.mcnt2_owl .mcnt2-item h5{ font-size: clamp(24px, 4.6vw, 50px); margin-bottom: 20px;}
	.mcnt2_owl .mcnt2-item ul > li{font-size: 16px; height: 45px;}
	.mcnt2_owl .owl-nav > *{top: 0px; margin-top: 0; left: 0; width: 20px; height: 30px; background-size: 100% !Important;}
	.mcnt2_owl .owl-nav > .owl-next{left: auto; right: 1px; background-size: 100% !Important;}

	.mcnt2_wrap{background-size: cover; padding-bottom: 50px;}
	.mcnt2_owl .mcnt2-item ol{gap:15px 2%}
	.mcnt2_owl .mcnt2-item ol > li{width: 49%; }
	
	
	/* main-quick */
	.main-quick .q_contact .info span {max-width:80px; line-height: 48px; font-size: 18px; margin-right: 20px;}
	.main-quick .q_contact .info dl {gap: 10px;}
	.main-quick .q_contact .info dl ~ dl {margin-left: 20px;}
	.main-quick .q_contact .info dl:nth-of-type(1)::after {right: -10px;}
	.main-quick .q_contact .info dl dt {max-width: 35px;}
	.main-quick .q_contact .info dl dd {font-size: 16px;}
	.main-quick .q_contact > a {max-width: 150px; line-height: 53px; font-size: 18px;}
}

@media (max-width: 768px){
	/* main-quick */
	.main-quick {display: none;}
	.mo-main-quick {display: block;}
	.mo-main-quick .q_contact .info dl ~ dl {margin-left: 60px;} 
	.mo-main-quick .q_contact .info dl:nth-of-type(1)::after {right: -30px;}
}


@media (max-width: 480px){
	.mo-main-quick {padding: 15px 0;}
	.mo-main-quick .q_contact .info dl ~ dl {margin-left: 20px;} 
	.mo-main-quick .q_contact .info dl:nth-of-type(1)::after {right: -10px;}
	.main-quick .q_contact .info dl dt {max-width: 30px;}
	.mo-main-quick .q_contact > a {max-width: 90px; line-height: 43px; font-size: 16px;}
	
	.scroll-top {bottom: 95px; right: 10px;}
}