@charset "utf-8";

@media (max-width: 1180px) {
	#header .inner-header, .inner, .tab-box {width: 100%;}
	.container, .middle-cont {width: 90%;}
	#footer .banner {height: 200px; background-position: center center}
	.middle-cont {font-size: 14px;}
	a.btn2, #footer .banner .top-text:after {display: none}
	.banner .top-text {margin-bottom: 10px; display: inline-block;}
	#footer .banner .f-info span {width: 100%; display: inline-block; border-right: none;}
	
	#header .logo {margin: 20px;}
	
	.gnb {right: 10%; font-size: 14px;}
	.gnb li {margin-right: 40px}
}

@media (max-width: 1110px) {
	.cont {width: 70%;}	
}

@media (max-width: 940px) {
	#header {height: 60px;}
	#header .logo {width: 180px;  margin: 9px 20px;}
	.open-btn {width: auto; height: auto; padding: 19px;}
	.gnb .inner {display: none}
	
	.mv-text {left: 20px;}
	.mv-text .text1 {font-size: 2em;}
	.mv-text .text2 {width: 90%; font-size: 1em;}
	
	.flexslider .flex-direction-nav {display: none}
	.flex-pauseplay a {top: auto; bottom: 40px; }
	.index .flex-pauseplay a {top: auto; left: 20px; bottom: 20px;}
	.sub-visual {height: 280px;}
	.sub-visual.who, .sub-visual.what, .sub-visual.contact, .sub-visual.careers {background-position: center center}
	.tab-box li a {padding: 25px 0; font-size: 12px; letter-spacing: -1px;}
	
	.cont-left .cont, .cont-right .cont {float:none; width: 100%; text-align: center;}
	.cont-left, .cont-right {text-align: center}
	.cont-right .ico {float: none;}
	.cont {width: 100%;}	
	
	.hr-bg {min-height: 200px; background-position: center;}
	.hr-cont .bg-content {width: 100%; min-height: 200px; }
}

@media (max-width: 768px){
	.business-list li, .business-list img, .cont-h .cont-image img {width: 100%;}
	.business-list li {margin-bottom: 30px;}
	
	.cont-h {display: inline-block}
	.cont-h >* {width: 100%; flex: none}
	.cont-h .cont-image {margin-top: 15px}
	.cont-right .cont-image img {transform: translateX(0);}
}



@media (max-width: 768px) and (orientation: landscape) {
    /* 가로모드 */
}
@media (max-width: 768px) and (orientation: portrait) {
    /* 세로모드 */
}

@media (aspect-ratio: 1/1) {
    /* 화면 영역의 가로 세로 비 */
}
@media (device-aspect-ratio: 16/9) {
    /* 출력 장치의 가로세로 비 */
}
@media (max-resolution: 300dpi) {
    /* 출력 장치의 해상도 */
}