@charset "utf-8";

/*기준에서 아래 사이즈로 적용*/

@media screen and (max-width:1790px) {
	
}
@media screen and (max-width:1500px) {
	.sub-content-clean li .panel-text {min-height:29rem;}
	.sub-content-clean .label_product .label_mek {width:27rem;margin:0.4rem;line-height:3rem;}
}
@media screen and (max-width:1370px) {
	.company-point li {width: calc(33.33% - 2%);}
	
	#sub-hero .owl-item {height:400px;background-position:center center !important;background-size:cover !important;}
	#sub-hero .owl-item .textline-01 {width:auto;font-size:4.5rem;line-height:5.5rem;}
	
	.device.pc-subview {display:none !important;}
	.device.mo-subview {display:block !important;}
	
	.jobs .job_date {position:relative;top:0;right:0;margin-top:2rem;}
	
	.wrap-subbottom {padding: 20rem 2rem 15rem 2rem;}
}
@media screen and (max-width:1230px) {
	header nav .main-menu > li {width:13rem;}
}
@media screen and (max-width:1150px) {
	.index-company-img {width:100%;}
	header.is-open nav .main-menu > li {padding:2% 7% 2% 7%;}
	header nav .main-menu > li {width:10rem;}
	.owl-content .owl-item {margin-bottom:0;}
	.owl-content li:nth-child(4n+0) {clear:none;}
	.owl-content .owl-nav {display:block;}
	.sub-content li .panel-text, .sub-content-news li .panel-text {min-height:20rem;}
	.sub-content-product li, .sub-content-news li {width:50%;}
	
	#recruit-welfare li {width:calc(50% - 2rem);margin:1rem;padding:17rem 2rem 3rem 2rem;}
}
@media screen and (min-width:960px) {
	header .btn-lang {display:block;}
}
@media screen and (max-width:960px) {
	.hd_pops {position:fixed;top:50% !important;left:50% !important;width:95%;transform:translate(-50%, -50%);}
	.hd_pops_con {width:auto !important;height:auto !important;}
	.hd_pops img {width:100%;}
	.wrap-subbottom {padding: 15rem 2rem 5rem 2rem;}
	.sub-content-product h5 {font-size:2.3rem;}
	.mek-con-title {font-size:3.5rem;}
	#title-area .wrap-ctitle .mek-csubtitle {font-size:4.2rem;line-height:5rem;}
	.mt10 {margin-top:7rem;}
	
	header nav .main-menu {display:none;}
	header nav .mekburger {display:block;}
	header .btn-lang.mright {display:block;}
	
	hr {margin-bottom: 6rem;}
	.wrap-section {padding:15% 5% 15% 5%;}
	footer .footer-inner {padding:15% 10%;}
	.btn-widewrap {margin-top: 6rem;}
	.btn-intranet {bottom:23%;}
	.company-point li {width: calc(50% - 2%);}
	.bg-covered.mainhero:after {background:linear-gradient(180deg, rgba(12,21,26,.2), rgba(255,255,255,0), rgba(255,255,255,0), rgba(12,21,26,.2));}
	
	.sub-content-product li, .sub-content-news li {width:100%;}
	
	header .mek-logo .logo-image {height:5.1rem;background-size:17rem;}
	header .mekburger {top:1.9rem;}
	header.slide1:not(.nav-fixed) .mek-logo .logo-image {height:5.1rem;background-size:17rem;}
	header.slide2:not(.nav-fixed) .mek-logo .logo-image {height:5.1rem;background-size:17rem;}
	
	header nav {padding:1.3rem 3rem;}
	header.nav-fixed nav {padding:1rem 3rem;}
	header.nav-fixed .mek-logo {margin-top:0;}
	header.nav-fixed .mekburger {top:1.5rem;}
	
	#index-hero .owl-item .slide-text {top:auto;bottom:17%;transform:inherit;}
	#index-hero .owl-item.active .slide-text {right:12%;bottom:15%;opacity:1;}
	#index-hero .owl-item .textline-01 {width:90%;font-size:5rem;line-height:4.7rem;}
	#index-hero .owl-item .textline-02 {width:90%;font-size:2rem;line-height:2.7rem;}
	
	.col-square:nth-child(even) > div {float:left;width:100%;background-size:cover;background-position:center center;}
	.col-square:nth-child(even) > ul {float:left;width:100%;}
	.col-square:nth-child(odd) > div {float:left;width:100%;background-size:cover;background-position:center center;}
	.col-square:nth-child(odd) > ul {float:left;width:100%;}
	
	#index-service .column-4 li {width:calc(100% - 2%);background-size:115%;}
	#index-service .column-4 li a {padding: 38% 0 17% 0;}
	#index-service .column-4 li:nth-child(1) {background-size:115%;}
	#index-service .column-4 li:nth-child(2) {background-size:115%;}
	#index-service .column-4 li:nth-child(3) {background-size:115%;}
	#index-service .column-4 li:nth-child(4) {background-size:115%;}
	#index-service .column-4 li:nth-child(5) {background-size:115%;}
	#index-service .column-4 li:nth-child(6) {background-size:115%;}
	#index-service .column-4 li:hover {background-size:130%;}
	
	#index-product .column-3 li {width:calc(50% - 3%);}
	#index-product .column-3 li .column-3-img {padding: 37% 0;}
	#cs-guide .column-3 li {width:calc(50% - 2rem);}
	#cs-guide .column-3 li .column-3-img {padding: 37% 0;}
	
	#index-news .news-contents-left {width:100%;}
	#index-news .news-contents-right {width:100%;padding:0;}
	#index-news .news-contents-right li {padding:2.2rem 1rem;}
	#index-news .news-contents-right li:first-child {padding:4rem 0 2.2rem 1rem;}
	#index-news .news-contents-right li:last-child {padding:2.2rem 0 4rem 1rem;}
	#index-news .news-contents-right li a {font-size:2.2rem;}
	
	#index-cs .news-contents-left {width:100%;padding-right:0;}
	#index-cs .news-contents-right {width:100%;margin-top:6rem;padding-left:0;}
	
	#index-information .information-list {column-count: 2;}
	
	.job_title {display:block;margin-top:2.5rem;line-height: 3.7rem;}
	.jobs .job_type {margin:0 2rem 0 1rem;}
	.jobs .active_badge {margin-right:1rem;}
	
	footer .footer-left {width:100%;}
	footer .footer-right {float:left;width:100%;margin-top:15%;}
	footer nav .foot-menu > li {width:50%;min-height:16rem;}
	footer nav .foot-menu .sub-menu li {margin: .5rem 0;}
	
	.owl-prev span, .owl-next span {width:2rem;height:4rem;margin-top:-2rem;}
	.sub-content .owl-nav, .sub-content-news .owl-nav {display:none;}
	
	a.mouse-scroll span {width:22px;height:42px;margin-left:-11px;}
	a.mouse-scroll span::before {top:7px;}
	
	p.content-g2 {line-height:3.3rem;}
	.company-point {margin-top:7rem;}
		
	.device.pc-view {display:none !important;}
	.device.mo-view {display:block !important;}
	
	.sub-content-clean li {width:50%;}
}
@media screen and (max-width:800px) {
	#recruit-company .img-system img {width:100%;}
	#recruit-company .content-g2 {width:auto;}
	#recruit-company .img-system-logo {margin-top:auto;}
	#recruit-company .img-system-logo img {width:90%;}
}
@media screen and (max-width:700px) {
	html {font-size:50%;}
	.wrap-subsection {padding: 15rem 5% 0 5%;}
	#title-area .wrap-ctitle {width:90%;}
	#index-product .column-3 li {width:calc(100% - 2%);}
	#cs-guide .column-3 li {width:calc(100% - 2rem);}
	#index-parallax .index-parallax-text {width:100%;}
	
	.btn-inquiry {padding:1.5rem 2rem;font-size:2rem;}
	section.footer-image .wrap-footer-image-text .footer-image-text-01 {font-size:3.5rem;line-height:4rem;}
	#recruit-info .recruit-info-02 td .arrow-next::after {width:20px;height:20px;}
	.btn-inquiry-num {margin:1.2rem;}
	
	.sub-content-clean li {width:100%;}
	.sub-content-clean li .panel-text {min-height:inherit;}
	.sub-content-clean .label_product .label_mek {font-size:2.5rem;line-height:4rem;}
	
	.owl-pop .owl-dots {bottom:1rem;}
}