@charset "utf-8";
@import url(media_sub.css);
/**** Media Query *********************************/

@media (max-width:1300px){
	.header{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0 20px;}
	.header .gnb {padding-left: 0%; padding-right: 0;}
	.main_intro {padding: 120px 100px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.owl-carousel .owl-nav button.owl-next {right: -80px;}
	.owl-carousel .owl-nav button.owl-prev {left: -80px;}
	
	.main_product {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; padding: 0 20px; margin: 50px auto 100px;}
	.main_product img{width: 100%; }
	.main_loca{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;padding:  120px 20px 0	}
	.footer{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 40px 20px 0;}
	
}


@media (max-width:1100px){
	.header .gnb {padding-left: 3%; padding-right: 0;	}
	.m_loca_cnt .right_box {width: 48%;}
	.m_loca_cnt .left_box {width: 52%;}
	.m_loca_cnt .left_box > div {overflow: hidden;}
}

@media (max-width:800px){
/*	layout*/
	.header{display: none;}
	#m_header{display: block;}
	
/*	main*/
	.twrap > .txt_v span {font-size: 12px;line-height: 38px;letter-spacing: 4px;}
	.twrap > .txt_v h4 {font-size: 40px;line-height: 50px;margin-bottom: 15px;}
	.twrap > .txt_v.on h4 {font-size: 40px;}
	.twrap > .txt_v p {font-size: 14px; line-height: 30px;}
	.main_wrap .bx-pager.bx-default-pager {right: 0%;top: 35%;}
	.m_scroll {margin-left: -50px;}
	.m_cnt_box ul li {width: 49%;margin-right: 2%; margin-bottom: 80px;}
	.m_cnt_box ul li:nth-child(2n+2){margin-right: 0;}
	.m_title_box span {bottom: auto; top: 5px;}
	.main_intro {padding: 120px 20px;}
	.century_main_products{padding: 0 50px;}
	.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {width: 30px; height: 60px; -webkit-background-size: 100%; background-size: 100%; }
	.owl-carousel .owl-nav button.owl-next {right: -50px;}
	.owl-carousel .owl-nav button.owl-prev {left: -50px;}
	.quick_wrap {right: 10px;}
	.main_our .owl-carousel .owl-nav button.owl-prev, .main_our .owl-carousel .owl-nav button.owl-next {width: 25px; height: 60px; -webkit-background-size: 100%; background-size: 100%; top:20% !important}
	.m_loca_cnt .right_box , .m_loca_cnt .left_box {width: 100%; float: none;}
	
	.m_loca_cnt .left_box > div .txt_box {padding-top: 6%;}
	.main_loca {padding: 50px 20px 0;}
	.m_loca_cnt .left_box{overflow: hidden; margin-bottom: 15px;}
	.m_loca_cnt .left_box > div{float: left; width: 50%;}
	.m_loca_cnt .left_box > div .txt_box p:after {right: 24px;top: -41px;}
	.m_title_box {margin-bottom: 35px;}
	
	.main_gnb11 a {width: 270px;}

}

@media (max-width:640px){
	.m_scroll{display: none;}
	.quick_wrap{display: none;}
	.m_title_box span {bottom: 53px;}
	.main_intro  .owl-carousel .owl-nav button.owl-next, .main_intro .owl-carousel .owl-nav button.owl-prev{top: 39%;}
	.m_loca_cnt .left_box > div .txt_box p {-ms-word-break: keep-all; word-break: keep-all;}
	
	.ft_sub2 {padding-left: 0; padding-top: 10px; text-align: center;}
	.ft_sub2:before {display: none;}
	.ft_menu {text-align: center;}
	.footer {padding: 20px; height: auto;}
	.ft_copy {text-align: center;}
	.ft_copy span {text-align: center; margin-right: 15px;}
	.ft_menu{margin-bottom: 5px;}
}

@media (max-width:440px){
	.main_wrap .bx_visu > li img {transform: scale(2) !important; max-width: 200% !important; margin-left: -100px}
	.main_wrap .bx_visu > li.fir_m_visu.on img {transform: scale(1.5) !important; max-width: 200% !important; margin-left: -100px;}
	.main_wrap .bx_visu > li:nth-child(2) img{padding-top: 220px; margin-top: -220px;}
	.twrap > .txt_v { padding: 0 20px; padding-top: 33.5%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}	
	.twrap > .txt_v span {font-size: 3.2vw; line-height: 1.7em; letter-spacing: 2.5px;}
	.twrap > .txt_v.on h4, .twrap > .txt_v h4 {font-size: 6vw; line-height: 1.7em;}
	.twrap > .txt_v p {font-size: 3.2vw; line-height: 1.7em; -ms-word-break: keep-all; word-break: keep-all;}
	.twrap > .txt_v p br{display: none;}
	.main_wrap .bx-pager.bx-default-pager { right: auto;left: 50%;top: auto;bottom: 5%; width: 150px; margin-left: -75px;}
	.main_wrap .bx-wrapper .bx-pager .bx-pager-item {display: inline-block; vertical-align: top; } 
	.main_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover, .main_wrap .bx-wrapper .bx-pager.bx-default-pager a.active {height: 10px; vertical-align: top; margin-bottom: 0;}

	.m_title_box h3 {font-size: 6vw; line-height: 1.7em; margin-bottom: 10px;}
	.m_title_box p {font-size: 3.6vw; line-height: 1.7em; -ms-word-break: keep-all; word-break: keep-all;}
	.m_title_box span {top: 9px; bottom: auto;}
	.m_title_box {margin-bottom: 30px;}
	.m_cnt_box ul li .txt_box {padding-top: 10px; width: 90%;left: 5%;}
	.m_cnt_box ul li .txt_box span {font-size: 3.2vw; line-height: 1.7em;}
	.m_cnt_box ul li .txt_box h4 {font-size: 4.2vw; line-height: 1.7em;}
	.m_title_box span a {font-size: 3.2vw;line-height: 26px;}
	
	.main_product {margin: 50px auto 50px;}
	.main_intro {padding: 50px 20px;}
	.main_intro  .owl-carousel .owl-nav button.owl-next, .main_intro .owl-carousel .owl-nav button.owl-prev{top: 33%;}
	.century_main_products {padding: 0px;}
	.main_intro  .owl-carousel .owl-nav button.owl-next, .main_intro .owl-carousel .owl-nav button.owl-prev{display: none;}
	.main_intro .item .title_box h3 {padding-left: 4%; font-size: 2.7vw; }
	.main_intro .item .title_box span {width: 20px;height: 20px;background: #005792 url(../../images/main/m_int_plu.png) center no-repeat;margin-right: 7%; margin-top: 25px;}
	.m_title_box h3 {margin-bottom: 50px;}
	.m_title_box span {right: auto; left: 50%; margin-left: -46px; top:50px;}
	.m_loca_cnt .left_box > div .txt_box h3 {font-size: 4vw; line-height: 1.7em;}
	.m_loca_cnt .left_box > div .txt_box p {font-size: 2.7vw; line-height: 1.7em;}
	.m_loca_cnt .right_box iframe {height: 250px;}
	.m_loca_cnt .left_box {height: 130px;}
	.m_loca_cnt .left_box > div .txt_box {padding-top: 10.5%;}
	
	.m_loca_cnt .left_box > div .txt_box {padding-left: 20px;}
	.ft_menu > li > a {font-size: 3.6vw;}
	.ft_copy {font-size: 3.2vw; line-height: 1.7em;}
	.layer_sitemap .layer_cnt{overflow: auto !important; height: 80% !important; padding-top: 15%;}
	.m_loca_cnt .left_box > div .txt_box p:after {width: 20px; height: 20px; -webkit-background-size: 100%;background-size: 100%;     right: 12px; top: -33px;} 
	.sadjhaskdasd a{line-height: 1.5em !important; padding-top: 1px;}
	.lnb li {vertical-align: top;}
}
@media (max-width:414px){
	.main_loca {height: auto; padding-bottom: 60px;}
	

}


@media (max-width:340px){
	.main_gnb11 a {width: 210px;}

}