@charset "utf-8";

@media (max-width: 1600px) {
/* header */	
	#header #gnb{margin-left: 10vw;}
	#header #gnb > ul{gap:40px}
	#header #gnb > ul > li > a{font-size: 18px;}
	
/* main */	
	.mcnt3 .owl-nav{right: 0px;}

/* footer */
	#footer{gap:40px;}
	#footer .ft-cnt ol > li > a{font-size: 16px;}
}

@media (max-width: 1200px) {
/* header */	
	#header #gnb{margin-left: 5vw;}
	
/* main */	
	.mcnt4 .cnt .box .tbx{padding: 20px;}
	.mcnt4 .cnt .box .tbx p{font-size: 28px;}
	.mcnt4 .cnt .box .tbx .link-box > a{height: 50px; width: auto; padding: 10px 20px; font-size: 16px;}
}

@media (max-width: 1024px) {
	#gnb {display:none;}
	
/* main */	
	.mcnt1,
	.mcnt1 .item{height: 80vw !important;}
	.mcnt1 .item .m_txt h3{font-size: 30px; line-height: 1.5;}
	.mcnt1 .item .m_txt p{font-size: 16px; line-height: 1.5;}
	
	.mcnt1 .mv-controll{bottom: 100px;}
	.mcnt2-wrap{height: auto; padding: 80px 0;}
	.main-tit b{font-size: 22px; margin-bottom: 20px;}

	.main-tit .box p{font-size: 32px; line-height: 1.5;}
	.main-tit .p-box{gap:2em;}
	.main-tit .p-box p{font-size: 16px; line-height: 1.5;}
	.mcnt2 .icon-box .left i{left: 0;}
	.mcnt2 .icon-box .left{bottom: 100px; left: 20px; opacity: 0.5;}
	.mcnt2 .icon-box .right {opacity: 0.5;}
	.mcnt2 .icon-box .right .i1{right: 20px; }
	.mcnt2 .icon-box .right .i2{right: 70px;}
	.mcnt3-wrap{height: auto; padding: 80px 0;}
	.mcnt3 .main-tit b{font-size: 22px; margin-bottom: 20px;}
	.mcnt3 .wrap4{padding-right: 50px;  box-sizing: border-box;}
	.mcnt3 .owl-nav{right: -50px;}
	.mcnt3 .owl-nav button span{width: 46px; height: 46px; background-size: 100%;		}
	.mcnt3 .item{scale:0.9;}
	.mcnt3 .item .m_txt .link-box a{width: auto; height: 50px; font-size: 16px; padding: 10px 20px;}	
	.mcnt3 .item .m_txt .box{padding: 20px;}
	.mcnt3 .item .m_txt .box p{font-size: 16px;}
	.mcnt4 .main-tit b{margin-bottom: 20px;}
	.mcnt4-wrap{height: auto; padding: 80px 0;}
	.mcnt5-wrap{height: auto; padding: 80px 0;}
	.mcnt4 .cnt{flex-direction: column; gap:20px;}
	.mcnt4 .cnt .box .tbx{padding-right: 220px;}
	.mcnt4 .cnt .box .tbx p{font-size: 22px;; word-break: break-all;}

	.mcnt5 .main-tit{margin-bottom: 50px;}
	.mcnt5-wrap .tit p{font-size: 26px;}
	.mcnt5-wrap .tit .link-box > a{font-size: 16px;}
	.mcnt5 .item .tbx p{font-size: 18px; line-height: 1.5;}
	
	.mcnt6 .cnt{height: auto; padding: 20px;}
	.mcnt6 .cnt .mcnt6-owl-box .item > a .tbx p{font-size: 16px;}
	.mcnt6 .cnt .mcnt6-owl-box .item > a .tbx .data{font-size: 14px;}
	.mcnt6 .cnt .mcnt6-owl-box .item > a .tbx .data:before{height: 18px; margin: 0 12px;}
	.mcnt6 .cnt .mcnt6-controll{gap:3px}
	.mcnt6 .cnt .mcnt6-controll .num{font-size: 14px; width: 30px;}
	
/* footer */	
	#footer{flex-direction: column; gap:20px;}
	#footer .ft-cnt{flex-direction: column; gap:15px;}
}

@media (max-width: 640px) {
/* main */	
	.mcnt1,
	.mcnt1 .item{height: 100vw !important;}
	.mcnt1 .item .m_txt h3{font-size: 26px; }
	.main-tit .p-box p br{display: none;}
	.mcnt1 .scroll-mv {display: none;}
	.mcnt1 .mv-controll{bottom: 40px;}
	
	.mcnt3 .owl-nav{display: none; top: 0;}
	.mcnt3 .item .mv_img{height:350px;}
	.mcnt3 .item .m_txt .box{background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 31.16%, rgba(0, 0, 0, 0.00) 80.88%);  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.40);}
	.mcnt3 .item .m_txt .box p{font-size: 14px; line-height: 1.5;}
	.mcnt4 .cnt .box .tbx{padding-right: 0;     justify-content: flex-start;}
	.mcnt4 .cnt .box .tbx p{font-size: 18px;}
	.mcnt2 .main-tit .box p{text-align: center;}
	.main-tit .box p{text-align: left;}
	
	.main .pin-spacer{background: #000;}
	

/* footer */
	.footer-wrap{padding: 40px 0;}
	.scroll-top{width: 45px; height: 45px; bottom: 300px; right: 20px;	}
	#footer .ft-cnt ul > li{font-size: 14px; line-height: 1.5;}
	#footer .ft-cnt ol > li:not(:last-child):after{display: none;}
	#footer .ft-cnt ol{flex-direction: column; align-self:start; gap:8px;}
	#footer .ft-cnt ol > li > a{font-size: 14px;}
}

@media (max-width: 480px) {
/* header */
	#header .sitelogo{width: 160px;}
	#header .sitemap-btn{margin-left: 10px;}

/* main */	
	.main-tit .box p{font-size: 26px;}
	.mcnt4 .cnt .box .img-box{height: 230px;}
	
	
}