@charset "utf-8";
@import url(media_sub.css);

/**** Media Query *********************************/

@media (max-width:1800px){
	.header .hd_sub{box-sizing: border-box; padding: 0 20px;}
	.site_map{right: 20px;}
}

@media (max-width:1700px){
	.main_wrap .owl-theme .owl-nav .owl-next {margin-left: 40%;}
}

@media (max-width:1600px){
	.h_on{margin-right: 50px;}
	.gnb > li > a { padding: 0 0px 2px 0px; width: 140px;}
	.footer{box-sizing: border-box; padding: 0 20px;}
	.gnb .subm{width: 141px;}
	.gnb .subm > ul > li{width: 141px;}
	.gnb > li:last-child .subm{width: 142px;}

}

@media (max-width:1500px){
	.main_cnt1{box-sizing: border-box; padding: 0 20px;}
	.main_cnt2{padding: 50px 20px}
	.mcnt3 ul {padding: 130px 20px 120px; box-sizing: border-box;}
	.right_a {right: 20px;}
	.mcnt3 ul li{padding-right: 2vw;}
}

@media (max-width:1200px){
	.header .hd_logo{width: 21%;}
	.hd_logo > a,
	.hd_logo > a:after{background-size: 100% !important;}
	.gnb > li > a{width: 115px;}
	.main_wrap .owl-theme .owl-nav .owl-next {margin-left: 20%;}	
	.main_wrap .owl-theme .owl-nav{padding-left: 4%;}
	.gnb .subm{width: 116px;}
	.gnb .subm > ul > li{width: 116px;}
	.gnb > li:last-child .subm{width: 117px;}


/* cnt1 */
	.mcnt1 ul li{height: 350px;}
	.mcnt1 ul li:hover{height: 370px;}
	.mcnt1 ul li a .tbx b {width: 90%; margin-left: 5%;}
}

@media (max-width:800px){
/* hd */
/* main */
	.main_wrap .item span,
	.main_wrap .item div,
	.main_wrap .item,
	.main_wrap .owl-carousel .owl-stage,
	.main_wrap,
	.main_wrap .owl-carousel .owl-item{height: 500px;}
	.mtxt{padding-top: 22%;}
	.mtxt h4{font-size: 18px;}
	.mtxt h3{font-size: 50px; margin: 10px 0 20px;}
	.mtxt p{font-size: 16px;}
	.mvt {width: 100%; padding-left: 0; box-sizing: border-box; padding: 0 20px;}
	.main_wrap .owl-theme .owl-nav {margin-right: 20px;}
	.main_wrap .owl-theme .owl-dots .owl-dot{left: auto; right: 0;}
	.main_wrap .owl-theme .owl-dots{right: 45px;}
	.main_wrap .owl-theme .owl-nav [class*=owl-]{width: 30px;}
	.gnb > li:last-child .subm{width: 100%;}

/* cnt1 */
	.main_cnt1 {margin: 50px auto 50px !important;}
	.mcnt1 ul{height: auto;}
	.mcnt1 ul li {width: 49%; margin-right: 2%; margin-bottom: 20px;}
	.mcnt1 ul li:nth-child(2n+2){margin-right: 0;}
	.mcnt1 ul li a .ibox{background-size: 100% !important;}
	.mcnt1 ul li:hover{height: 350px; top:0}

/* cnt2 */
	.mcnt2 ul li {width: 100%; margin-right: 0;}

/* cnt3 */
	.mcnt3 ul li {width: 100% !important; margin-right: 0 !important; float: none; display: block; margin-bottom: 4vw; border-bottom: 1px solid #ddd; padding-bottom: 3vw;}
	.mcnt3 ul li:last-child{margin-bottom: 0 !important;}

/* cnt4 */
	.mcnt4 h3{font-size: 30px;}
	.main_cnt4 {height: 400px;}

/* ft */
	.footer p span {padding-right: 23px; padding-left: 0;}
	.footer p span:after {right: 10px;}
	.footer .ft_sub2 ul{float: none;}
	.footer p.cp_l{width: 100%; margin-top: 10px;}
}

@media (max-width:640px){
	.mtxt {padding-right: 5%; padding-top: 28%;}
	.mvt {line-height: 60px; height: 60px;}
	.btm_arr {bottom: 9px;}
	.main_wrap .owl-theme .owl-nav {margin-top: -60px; height: 60px;}
	.main_wrap .owl-theme .owl-nav [class*=owl-] {height: 60px;}
	.main_wrap .owl-theme .owl-dots .owl-dot {top: 14px;}
	
/* cnt1 */
	.mcnt1 ul li,
	.mcnt1 ul li:hover{height: 45vw;}
	.mcnt1 ul li a .tbx .mc1_num {padding: 2vw 0 2vw;}
	.mcnt1 ul li:hover a .tbx h3{padding-bottom: 4vw;}
	.mcnt1 ul li:hover a .tbx b {margin-top: 2vw;}
	.main_cnt1 {margin: 5vw auto 5vw !important;}
	.mtit{font-size: 37px; padding-top: 24px; margin-bottom: 2vw;}
	.tit_ty1 p{font-size: 16px;}
	.mcnt1{margin-top: 5vw;}

/* cnt3 */
	.mcnt3 ul {padding: 5vw 20px;}

/* cnt4 */
	.mcnt4 h3 {font-size: 25px; -ms-word-break: keep-all; word-break: keep-all; line-height: 1.7;}
	.mcnt4 p{font-size: 14px;}
	.mcnt4 p span {padding: 0px 10px;}

/* ft */	
	.footer{height: auto; padding: 2vw;}
	.footer .ft_sub1 {padding-top: 2vw; padding-bottom: 2vw;}
	.footer .ft_sub2{padding-top: 2vw;}
}

@media (max-width:440px){
	.header.m .h_on{margin-top: 25px;}
	.main_wrap .owl-carousel .owl-item,.main_wrap .item span, .main_wrap .item div, .main_wrap .item, .main_wrap .owl-carousel .owl-stage, .main_wrap{height: 93vw;}
	.mtxt h4{font-size: 3.6vw;}
	.mtxt p{font-size: 3.2vw;}
	.mtxt h3{font-size: 7vw;}
	.mtxt {padding-top: 38%;}
	.mvt h3{font-size: 3.2vw;}
	.btm_arr{width: 65px; margin-left: 24px; bottom: 14px;}
	.btm_arr img{width: 100%;}
	.main_wrap .owl-theme .owl-dots .owl-dot span:after{font-size: 3.2vw;}
	.main_wrap .owl-theme .owl-dots .owl-dot {top:18px}
	.header.m .hd_logo{width: 50%;}
	.h_on a {font-size: 3.2vw; width: auto; padding: 0px 5px; height: auto; line-height: 2;}
	#hd_pop{height: 0 !important;}
	.main_wrap .item div{display: none;} 
	.main_wrap .item div:nth-of-type(1){display: block; width: 100%; transition:.3s;}
	.main_wrap .active .item div span{background-size: 777px !important; background-position: 20% top !Important;}
	.sv_sec{background-size: 900px !important; 	height: 55vw; }


/* cnt1 */
	.mcnt1 ul li {margin-bottom: 10px;}
	.mcnt1 ul li a .tbx img{width: 20%;}
	.mcnt1 ul li a .tbx .mc1_num{font-size: 3vw;}
	.mcnt1 ul li a .tbx h3{font-size: 5vw;}
	.mcnt1 ul li a .tbx b {line-height: 2; font-size: 3.2vw;}
	.mcnt1 ul li:hover a .tbx b{line-height: 2; }
	.mcnt1 ul li a .tbx h3:after {width: 10px; height: 7px; background-size: 100%;}
	.mtit{font-size: 6vw;}
	.tit_ty1 p{font-size: 3.4vw;}

/* cnt2 */
	.main_cnt2{padding: 5vw 20px;}
	.mcnt2{margin-top: 5vw !important;}
	.mcnt2 ul li {margin-bottom: 3vw;}
	.mcnt2 ul li h4 {font-size: 4vw; padding: 2vw 0;}
	.mcnt2 ul li h4 span {width: auto; height: auto; font-size: 3.6vw; line-height: 3; padding: 0 10px;}

/* cnt3 */
	.mcnt3 ul li .data {font-size: 5vw; width: 20%; vertical-align: top;}
	.mcnt3 ul li .tbx h5 {font-size: 4vw; margin-top: 0; margin-bottom: 2vw;}
	.mcnt3 ul li .tbx .p_bx {height: auto; }
	.mcnt3 ul li .tbx .p_bx p{font-size: 3.6vw; line-height: 1.7;}
	.mcnt3 ul li .tbx span {font-size: 3.6vw; margin-top: 2vw;}

/* cnt4 */
	.main_cnt4{height: 65vw;}
	.mcnt4{padding: 0 20px; }
	.mcnt4 h3 {font-size: 5vw; line-height: 1.5; padding-top: 3vw;}
	.mcnt4 p{font-size: 3.6vw; margin: 2vw 0 4vw;}
	.mcnt4 a {width: auto; height: auto; line-height:3; font-size: 4vw; }
	.footer p{line-height: 1.4;}
	.footer p span{font-size: 3.2vw; line-height: 1.4; -ms-word-break: keep-all; word-break: keep-all;} 
	.footer p span:after {height: 0.8em; top: 0.5em; display: none;}
	.footer .ft_sub2 ul li a{font-size: 3.6vw;}
	.footer p.cp_l{font-size: 3.2vw;}
	.layer_box textarea{font-size: 3.6vw; line-height: 1.7;}

	.top_bt {width: 35px; height: 35px; bottom: 150px;}
	.top_bt a {line-height: 35px; font-size: 14px;}

	

}

@media (max-width:380px){
	.main_wrap .owl-theme .owl-dots .owl-dot {top: 19px;}

}
@media (max-width:360px){
	.header.m .h_on{margin-top: 8vw;}
	.main_wrap .owl-theme .owl-nav [class*=owl-] {width: 15px;}
	.main_wrap .owl-theme .owl-dots {right: 26px;}
	.main_wrap .owl-theme .owl-dots .owl-dot {height: 60px;line-height: 60px; top:0}
	.main_wrap .owl-theme .owl-dots .owl-dot span{padding: 0 !important; height: 60px; line-height: 60px;}


}