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

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

@media (max-width:1400px){
	.header{padding: 0 20px; box-sizing: border-box;} 
	.header .gnb{padding-left: 5%;}
	.gnb > li > a {padding: 0 28px;}

	.mcnt1{box-sizing: border-box; padding: 0 20px;}
	.mcnt2 .owl-carousel .owl-nav .owl-prev,
	.mcnt2 .owl-carousel .owl-nav .owl-next{top:21%}
	.mcnt2 .owl-carousel .owl-nav .owl-next, .mcnt2 .owl-carousel .owl-nav .owl-prev,
	.mcnt2 .owl-carousel .owl-nav .owl-next:before,
	.mcnt2 .owl-carousel .owl-nav .owl-next:after,
	.mcnt2 .owl-carousel .owl-nav .owl-prev:before,
	.mcnt2 .owl-carousel .owl-nav .owl-prev:after{width: 50px; height: 50px; }
	.mcnt2 .owl-carousel .owl-nav .owl-prev{left: 200px;}
	.mcnt2 .owl-carousel .owl-nav .owl-next{right: 200px;}

	.mcnt3 .lbx .tbw{padding-left: 50px;}
	.footer {box-sizing: border-box; padding: 50px 20px;}
}

@media (max-width:1024px){
	.header .gnb{padding-left: 1%;}
	.gnb > li > a {padding: 0 20px;}
}

@media (max-width:800px){
	.btn_mo_menu{display: block;}
	.gnb{display: none;}
	.gnb.op{display: block;  z-index: 1000005;}
	.header{z-index: 1000000050;}

/* main */
	.m_txt h3 {font-size: 45px;}
	.m_txt p{font-size: 30px;}
	.mv_sec .item .mv_img,
	.mv_sec,
	.mv_sec .item{height: 500px;}
	.mcnt1 ul li {width: 49%;margin-right: 2%; margin-bottom: 40px;}
	.mcnt1 ul li:nth-child(2n+2){margin-right: 0;}
	.mcnt1 {margin: 50px auto !important;}
	.mcnt1 ul li .tbx{margin-bottom: 20px;}
	.mcnt2 .owl-carousel .owl-nav .owl-prev{left: 15%;}
	.mcnt2 .owl-carousel .owl-nav .owl-next{right: 15%;}
	.mcnt2 .mcnt3_0{width: 350px; margin: 0 auto; text-align: center;}
	.mc_icn,
	.mc_icn:before{width: 180px; height: 190px; margin: 0 auto;}
	.mc_icn:before{background-size: 100% !important;}
	.mc_icn span {padding-top: 125px;}
	.owl-carousel .owl-item img{width: 50% !important;}
	.mcnt2 {padding-top: 50px; height: 600px;}
	.por {bottom: 50px;}
	.mcnt2 .owl-carousel .owl-nav .owl-prev, .mcnt2 .owl-carousel .owl-nav .owl-next{top:50%}
	.m_tit_box h2{font-size: 35px;}

}

@media (max-width:640px){
	.m_txt h3 {font-size: 35px;}
	.m_txt p{font-size: 20px;}
	.mv_sec .item .mv_img,
	.mv_sec,
	.mv_sec .item{height: 55vw;}
	.mv_sec .item .mv_img{background-size: 1000px !important;}
	.mcnt3 .lbx{width: 100%; float: none;}
	.mcnt3_wrap .rbx{position: static; width: 100%; float: none;}
	.mcnt3_wrap:before{width: 100%;}
	.mcnt3_wrap{height: 50vw;}
	.mcnt3_wrap:before{height: 50vw;}
	.tbw .tit_bn h4{font-size: 35px;}
	.tbw .tit_bn:before {height: 36px;}
	.mcnt3_wrap .rbx iframe{height: 100vw !important; margin-top: -30vw !important;}
	.footer{margin-top: 70vw !important;}
}


@media (max-width:440px){
	.goole-map{height: 70vw !important;}
	.header{padding: 0; padding-left: 20px;}
	.btn_mo_menu{width: 50px; margin-right: 0; height: 80px;}
	.btn_mo_menu:before,
	.btn_mo_menu:after{left: 12px; top:38px}
	.gnb.op{top:80px}
	.header .hd_logo{min-width:150px; }
	.hd_logo > a{background-size: 100%; height: 80px;}
	.h_lang a{line-height: 80px;}
	.main_wrap{padding-top: 80px;}
	.m_txt h3 {font-size: 6.5vw; margin-bottom: 1vw;}
	.m_txt p{font-size: 4vw}
	.m_txt .mt_c{padding-bottom: 20px;}
	.mv_sec .owl-nav.disabled+.owl-dots{bottom: 20px;}
	
	.mcnt1 ul li h3{font-size: 4.5vw; margin-bottom: 0;}
	.m_tit_box span{font-size: 3.8vw;}
	.m_tit_box h2{font-size: 7vw;}
	.mcnt1 ul li p{font-size: 3.8vw;}
	.mcnt1 ul li .tbx{padding-left: 16px;}
	.mcnt1 ul li .tbx:before{height: 10vw !important;}
	.mcnt1 { margin: 50px auto 10px !important;}
	.mcnt2{height: 450px;}
	.mcnt2_owl{margin-top: 5vw !important;}	
	.mc_icn, .mc_icn:before{width: 150px; height: 150px;}
	.mc_icn span {font-size: 18px;padding-top: 100px;}
	.mcnt2 .owl-carousel .owl-nav .owl-prev, .mcnt2 .owl-carousel .owl-nav .owl-next{top:220px}
	.more_b{height: 40px;}
	.more_b a{line-height: 40px;}
	.more_b a:after{height: 40px;}
	.mcnt2 .owl-carousel .owl-nav .owl-next{right: 5%;}
	.mcnt2 .owl-carousel .owl-nav .owl-prev{left: 5%;}
	.mct_txt h4{-ms-word-break: break-all; word-break: break-all; padding: 0 20px; -ms-word-break: keep-all; word-break: keep-all;}
	.mct_txt h4{font-size: 4vw;}

	.tbw .tit_bn h4{font-size: 7vw;}
	.mcnt3 .lbx p{font-size: 3.8vw;}
	.tbw .tit_bn{padding-left: 20px;}
	.tbw .tit_bn:before{height: 8vw;}
	.mcnt3 .lbx .tbw{padding-left: 20px;}
	.ft_sub2 p{font-size: 3.2vw;}
	.ft_sub2 .ft_menu li a{font-size: 3.8vw;}
	.footer {padding: 20px 20px;}
	
	.top_bt {right: 10px; width: 40px; height: 40px;}
	.top_bt a:after{width: 40px; height: 40px; }
}