/* 1920px 이상 */
@media all and (min-width: 1920px) {
	body {
		position: relative;
	}

	.down-scroll {
		/* right: 4.469vw; */
		position: absolute;
	}

	.header {
		max-width: 100%;
		left: 50%;
		transform: translateX(-50%);
	}

	.main .main-visual .tit-txt {
		font-size: 86px;
	}

	.main .main-visual .sub-txt {
		font-size: 24px;
	}

	.main .reference .tit-txt {
		font-size: 72px;
	}
}

/* 1800px 이하 */
@media all and (max-width: 1800px) {
	body {
		width: 100%;
		max-width: 100%;
		min-width: 100%;
	}

	.ham-dep1 {
		justify-content: center;
	}

	.ham-dep1 > li {
		margin-right: 3.729vw;
	}

	.ham-dep1 > li .tit {
		font-size: 35px;
	}

	.ham-dep1 > li .ham-dep2 {
		padding-top: 40px;
	}

	.ham-dep1 > li .ham-dep2 li a {
		font-size: 16px;
	}
}

/* 1440px 이하 */
@media all and (max-width: 1440px) {
	/* 메인 비주얼 슬라이더 */
	.main .main-visual .slider-nav li {
		text-indent: -9999px;
	}

	.main .main-visual .slick-dots {
		position: absolute;
		bottom: 45px;
		left: 25px;
		display: flex !important;
	}

	.main .main-visual .slick-dots li {
		font-size: 0;
		margin-right: 25px;
		width: 6px;
		height: 6px;
		border-radius: 100%;
		opacity: 0.2;
		background-color: #fff;
	}

	.main .main-visual .slick-dots li:last-child {
		margin: 0;
	}

	.main .main-visual .slick-dots li.slick-active {
		opacity: 1;
	}

	.main .main-visual .slick-dots li button {
		display: none;
	}

	.slick-dots li {
		text-indent: -9999px;
	}

	/* 회사소개 영역 */
	.main .cp-overview .inner {
		align-items: center;
		height: 100%;
	}

	.main .cp-overview .inner .txt-box {
		margin: 0 0 0 -40px;
	}

	/* 주요사업, 레퍼런스 공통 */
	.main .mj-business .inner,
	.main .reference .inner {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 0;
	}

	.main .mj-business .tit-txt,
	.main .reference .tit-txt {
		margin-top: 5rem;
	}

	/* 레퍼런스 타이틀 SVG 아이콘 위치 조정 */
	.main .reference .tit-txt a {
		right: 10px;
	}

	.main .reference .tit-txt a .svgImg {
		margin-left: -20px;
	}

	/* SVG 아이콘 공통 */
	.svgImg {
		width: 50px;
		height: 50px;
		margin-left: -20px;
	}

	/* 섹션02 텍스트 */
	.main .section02 .inner .tit-txt {
		font-size: 48px;
	}

	.main .section02 .inner .sub-txt {
		font-size: 16px;
		padding: 20px 0 0 80px;
	}
}

/* ====================================
   1280px 이하 해상도 대응
==================================== */
@media all and (max-width: 1280px) {
	/* 공통 */
	.header {
		height: 82px;
	}

	.header .maingnb {
		display: none;
	}

	.hammenu.mo-ver {
		display: block;
	}

	.main .container {
		width: 100%;
	}

	.main .section .fp-bg {
		position: static;
		transform: translateY(0);
	}

	.main .fp-tableCell,
	.main .section {
		height: auto !important;
	}

	.header .maingnb-wrap {
		width: auto;
	}

	.header-left {
		width: 100%;
		justify-content: space-between;
		padding: 0 1rem;
	}

	/* 메인 비주얼 */
	.main .main-visual .slick-next {
		right: 4.948vw;
	}

	.main .main-visual .slider-nav {
		width: 100%;
	}

	.main .main-visual .tit-txt {
		font-size: 48px;
	}

	.main .main-visual .sub-txt {
		display: block;
		font-size: 16px;
	}

	.main .main-visual .slider-nav li p {
		font-size: 14px;
	}

	/* 회사소개 */
	.main .cp-overview .inner {
		padding: 0;
	}

	.main .cp-overview .inner > img {
		width: 50%;
		height: auto;
	}

	.main .cp-overview .inner .txt-box {
		margin: 0 0 0 -15px;
	}

	.main .cp-overview .inner .sub-txt {
		font-size: 16px;
		word-break: keep-all;
		padding: 20px 0 0 60px;
	}

	.main .cp-overview .inner .browse-more {
		margin-top: 20px;
	}

	/* 주요사업 */
	.business-box li {
		height: 20vw;
	}

	/* 레퍼런스 */
	.main .reference .tit-txt a {
		right: 36px;
	}

	/* 햄버거 메뉴 */
	.ham-dep1 {
		width: 100%;
		padding: 100px 0 0 20px;
		flex-direction: column;
		border-right: 0;
	}

	.ham-dep1 > li {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		padding-bottom: 50px;
	}

	.ham-dep1 > li .ham-dep2 {
		display: none;
	}

	/* 푸터 */
	.footer {
		padding: 1.25rem 1rem;
		flex-direction: column;
		align-items: center;
	}

	.footer .logo {
		display: none;
	}

	.footer .right-box {
		display: block;
		flex-direction: column;
		align-items: center;
		width: 100%;
	}

	.footer .right-box .txt-box {
		margin: 0;
		justify-content: space-between;
	}

	.footer .right-box .txt-box .line {
		width: 100%;
		flex-wrap: nowrap;
		justify-content: space-between;
	}

	.footer .right-box .txt-box .line1 {
		padding: 15px;
		margin-bottom: 25px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		box-sizing: border-box;
	}

	.footer .right-box .txt-box .line2 {
		padding: 0 15px;
		flex-direction: column;
	}

	.footer .right-box .txt-box .line2 li span {
		font-size: 12px;
	}

	.footer .right-box .txt-box .line.pc-ver {
		display: none;
	}

	.footer .right-box .txt-box .line.mo-ver {
		display: block;
	}

	.footer .right-box .txt-box .line li {
		padding: 0;
	}

	.footer .right-box .txt-box .line1 li::after {
		display: none;
	}

	.footer .right-box .txt-box .line li a,
	.footer .right-box .txt-box .line2 li span {
		font-size: 12px;
	}

	.footer .right-box .txt-box .line2 li span.subject {
		padding-right: 20px;
		letter-spacing: 0.5px;
	}

	.footer .right-box .txt-box .line2 li span:first-child::after {
		background: #a4a4a4;
		right: 10px;
	}

	.footer .right-box .txt-box .line2 li span.con {
		color: #a4a4a4;
	}

	.footer .right-box .txt-box > p {
		text-align: left;
		padding-left: 15px;
		font-size: 13px;
		padding-bottom: 10px;
	}
}

@media all and (max-width: 1200px) {
	/* 헤더 트랜지션 */
	.header {
		transition: all 0.5s ease;
	}

	.header.on {
		transition: all 0.5s ease;
	}

	/* 메뉴 열림 시 헤더 배경 제거 */
	.menu.on ~ .header {
		border-bottom: 0;
		background: transparent !important;
	}

	/* 햄버거 아이콘 */
	.hammenu img {
		width: 29px;
		margin: 0 auto;
	}

	.hammenu img.color {
		display: none;
	}

	/* 헤더 활성화 시 아이콘 전환 */
	.header.on .hammenu img.white {
		display: none;
	}

	.header.on .hammenu img.color {
		display: block;
	}
}

@media all and (max-width: 767px) {
	.pc-ver { display: none; }
	.mo-ver { display: block; }

	/* Header */
	.header {
		padding: 0 1rem;
	}
	.header.on {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	.header h1.logo img { width: 80px; }
	.header h1.logo img.pc-ver,
	.header h1.logo img.white { display: none; }
	.header .header-left.off h1.logo .mo-ver img.white { display: block; }
	.header .header-left.off h1.logo .mo-ver img.color { display: none; }
	.header.on h1.logo img.color { display: block; }

	.header-left { padding: 0; }

	/* 햄버거 메뉴 */
	.hammenu img {
		width: 21px;
		margin-left: auto;
	}
	.hammenu img.pc-ver,
	.hammenu img.mo-ver.color { display: none; }
	.hammenu img.mo-ver.white { display: block; }

	/* Main Visual */
	.main .main-visual .slider-nav,
	.main .main-visual .slick-arrow {
		display: none !important;
	}
	.main .main-visual .txt-box {
		width: 100%;
		left: 0;
		padding-left: 20px;
	}
	.main .main-visual .tit-txt {
		font-size: 38px;
		line-height: 1.07;
	}
	.main .main-visual .sub-txt {
		font-size: 16px;
		letter-spacing: -0.5px;
		padding: 23px 0 29px;
		word-break: keep-all;
	}
	.main .main-visual .img-box img.pc-ver { display: none; }
	.main .main-visual .img-box img.mo-ver { display: block; }

	/* Scroll Down */
	.down-scroll.mo-ver {
		display: block !important;
		bottom: 35px;
		position: absolute;
	}
	.down-scroll.pc-ver { display: none !important; }
	.down-scroll::after {
		background: #000;
		opacity: 0.5;
	}
	.down-scroll img { width: 7px; }

	/* Browse More */
	.browse-more { width: auto; }
	.browse-more.pc-ver { display: none; }
	.browse-more.mo-ver {
		display: block;
	}
	.browse-more.mo-ver img { width: 50px; }
	.link-wrap { left: 20px; }
	.browse-more .link-wrap img,
	.brand .sec04 .browse-more .link-wrap img {
		width: 12px;
		margin-right: 5px;
	}
	.link-wrap img,
	.browse-more > img {
		margin-right: 5px;
	}

	/* Main Section */
	.main .container { padding: 0; }
	.main .section { padding: 0; }

	/* Section 02 - Overview */
	.main .cp-overview {
		padding: 140px 0 60px;
		background: url("../img/m_section02_bg.png") no-repeat bottom 40px right / 55%;
	}
	.main .cp-overview .fp-bg > img:first-child { display: none; }
	.main .cp-overview .inner {
		flex-direction: column;
		align-items: flex-start;
	}
	.main .cp-overview .inner > img.pc-ver { display: none; }
	.main .cp-overview .inner > img.mo-ver {
		display: block;
		width: 81.111vw;
		margin-left: auto;
	}
	.main .cp-overview .inner .txt-box {
		margin: -20px 0 0;
		padding-left: 25px;
	}
	.main .cp-overview .inner .tit-txt { font-size: 32px; }
	.main .cp-overview .inner .sub-txt {
		padding-top: 22px;
		font-size: 16px;
	}
	.main .cp-overview .inner .sub-txt br.mo-ver { display: block; }
	.main .cp-overview .inner .browse-more {
		padding-top: 0;
		margin-top: 40px;
	}
	.link-wrap2 span { color: #1f232d; }

	/* Section 03 - Business */
	.business-box li {
		height: 50vw;
		padding: 15px;
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: center;
	}
	.business-box li span { font-size: 18px; }
	.business-box li p {
		font-size: 0;
		visibility: visible;
		bottom: 15px;
		right: 15px;
		transform: none;
	}
	.business-box li p .circle-link img { width: 11px; }
	.circle-link img.pc-ver { display: none; }
	.circle-link img.mo-ver { display: block; }

	/* Section 05 - Reference */
	.main .reference {
		padding: 35px 0 85px;
	}
	.main .reference .inner {
		padding: 0 20px;
	}

	/* Full Menu */
	.menu {
		background: #304198;
	}
	.ham-dep1 {
		justify-content: flex-start;
		padding-top: 150px;
	}
	.ham-dep1 > li {
		flex-direction: column;
		align-items: center;
		margin-bottom: 40px;
	}
	.ham-dep1 > li .tit {
		font-size: 20px;
		width: auto;
	}
	.ham-dep1 > li .ham-dep2 {
		display: none;
		flex-direction: column;
		align-items: center;
		margin-top: 25px;
	}
	.ham-dep1 > li .ham-dep2 li a {
		font-size: 15px;
		margin-bottom: 22px;
	}
	.ham-dep1 > li .ham-dep2 li:last-child a {
		margin-bottom: 0;
	}
	.ham-dep1 > li .ham-dep2 li a span {
		text-align: center;
	}

	/* Sub Tab Menu */
	.sub-tab-menu {
		top: 82px;
	}
}

@media all and (max-width: 340px) {
	/* 메인 비주얼 텍스트 */
	.main .main-visual .tit-txt {
		font-size: 26px;
	}
	.main .main-visual .sub-txt {
		font-size: 14px;
		padding: 10px 0 20px;
	}

	/* 회사소개 */
	.main .cp-overview .inner .tit-txt {
		font-size: 22px;
	}
	.main .cp-overview .inner .sub-txt {
		padding: 22px 0 0;
		font-size: 14px;
	}

	/* 주요사업 박스 */
	.business-box li {
		height: 176px;
	}
	.business-box li:nth-child(odd) {
		margin-right: 0;
	}
	.business-box li span {
		font-size: 14px;
	}
	.business-box li p .circle-link {
		width: 30px;
		height: 30px;
	}

	/* 푸터 텍스트 크기 */
	.footer .right-box .txt-box .line li a,
	.footer .right-box .txt-box .line2 li span,
	.footer .right-box .txt-box .line4 li div span {
		font-size: 10px;
	}
}