@charset "UTF-8";
/*****************************************************************

Copyright C 그누위즈 테마 All rights reserved.
gnuwiz@naver.com & master@gnuwiz.com
본 페이지는 유료콘텐츠 그누위즈 테마 CSS입니다. 불법복제시 법적인 제제를 받으실 수 있습니다.
라이센스를 삭제하지 마세요. 라이센스 삭제시 불법 사용으로 간주될 수 있습니다.

******************************************************************/

/*반응형 responsive.css-----------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1780px) {
	/* main */
	/* gw-theme07-main-product */
	#gw-theme07-main-product .gw-product-box {
		padding: 0 3%;
		width: 100%;
	}
	#gw-theme07-main-product .gw-product-list-box {
		padding: 3% 40px 3% 560px !important;
	}

	/* tail */
	#ft_wr {
		padding: 0 3%;
		width: 100%;
	}
}

@media screen and (max-width: 1600px) {
	/* head */
	#logo > a > img {
		left: 3%;
	}
	#gnb {
		display: none;
	}
	/* main */
	.gw-sec-con-wrap {
		padding: 0 3%;
		width: 100%;
	}
	.gw-sec-container {
		padding: 0 3%;
		width: 100%;
	}

	/* gw-theme07-main-recruit */
	#gw-theme07-main-recruit .gw-sec-container {
		padding: 80px 3%;
	}
}

@media screen and (max-width: 1440px) {
	/* head */
	#hd.on {
		border: none;
	}
	#hd_wrapper {
		position: fixed;
		z-index: 99999;
	}
	#hd_wrapper .gnb-container {
		padding: 0 30px;
		height: 60px;
	}

	#logo > a > img {
		left: 0;
	}

	#menu-btn {
		right: 30px;
	}
	.hd_login {
		right: auto;
		display: none;
	}
	.hd_login.on {
		display: flex;
		left: 30px;
		z-index: 9999;
	}

	#mob-gnb {
		left: 0;
		top: -100%;
		height: calc(var(--vh, 1vh) * 100);
	}
	#mob-gnb.on {
		top: 0;
	}
	#mob-gnb .menu-bg {
		width: 100%;
		height: 0;
		background: #fff;
	}
	#mob-gnb.on .menu-bg {
		height: 100%;
	}
	#mob-gnb .menu-bg:before {
		display: none;
	}
	#mob-gnb .menu-container {
		padding: 0;
		width: 100%;
	}
	#mob-gnb .menu-tit-box {
		display: none;
	}
	#mob-gnb .menu-list {
		padding: 0;
		width: 100%;
		overflow-y: auto;
		height: auto;
		max-height: calc(var(--vh, 1vh) * 100);
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}
	#mob-gnb .menu-list > ul {
		gap: 0;
		text-align: center;
	}
	#mob-gnb .menu-list > ul > li {
		padding: 0;
		flex-direction: column;
		border-bottom: none;
		transform: translateX(0) translateY(-20px);
	}
	#mob-gnb.on .menu-list > ul > li {
		transform: translateY(0);
		width: 100%;
		text-align: center;
	}
	#mob-gnb .menu-list > ul > li:before {
		display: none;
	}
	#mob-gnb .menu-list > ul > li > .dep01 {
		display: block;
		width: 100%;
		height: 55px;
		line-height: 55px;
		font-family: "Noto Sans KR", sans-serif;
		font-weight: 800;
		font-size: var(--main-title04);
	}
	#mob-gnb .menu-list > ul > li > .dep01 .hassub {
		display: block;
		width: 100%;
	}
	#mob-gnb .menu-list > ul > li.open > .dep01 {
		position: relative;
		z-index: 10;
	}
	#mob-gnb .dep02 {
		display: none;
		padding: 20px 0;
		width: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		background: #f6f6f6;
		border-top: 2px solid var(--main-color);
	}
	#mob-gnb .dep02 > li {
		width: 100%;
	}
	#mob-gnb .dep02 > li:not(:last-child):before {
		display: none;
	}
	#mob-gnb .dep02 > li a {
		margin-right: 0;
		padding-bottom: 0;
		padding: 12px 5vw;
		position: relative;
		display: block;
		width: 100%;
		color: #666;
		font-weight: 500;
		font-size: 1rem;
	}
	#mob-gnb .dep02 > li a:hover {
		color: #666;
	}
	#mob-gnb .dep02 > li > a:hover > span:before {
		display: none;
	}

	/* main */
	#wrapper {
		padding-top: 60px;
		width: 100%;
	}
	.gw-sec {
		padding: 120px 0;
	}
	.gw-sec-con-wrap {
		padding: 0 40px;
	}

	/* gw-theme07-main-product */
	#gw-theme07-main-product .gw-sec-title > br {
		display: none;
	}
	#gw-theme07-main-product .gw-product-left {
		position: relative;
		top: 0;
		transform: translateY(0);
	}
	#gw-theme07-main-product .gw-product-right {
		width: 100%;
	}
	#gw-theme07-main-product .gw-product-list-box {
		padding: 3rem 0 3rem 50.5% !important;
	}
	#gw-theme07-main-product
		.gw-product-list
		.swiper-slide
		.gw-product-item:first-child
		> a {
		margin-left: 0;
	}
	#gw-theme07-main-product .gw-product-item > a {
		aspect-ratio: 1;
		width: 100%;
		height: 100%;
	}
	#gw-theme07-main-product .gw-product-item .gw-product-tit {
		color: rgba(255, 255, 255, 1) !important;
	}

	/* gw-theme07-main-business */
	#gw-theme07-main-business
		.main-business-cover-list
		.gw-list-item
		.gw-inner
		.gw-txt-box {
		padding: 30px;
	}

	/* gw-theme07-main-video */
	#gw-theme07-main-video .video-container {
		height: 60vh;
	}

	/* gw-theme07-main-partners */
	#gw-theme07-main-partners .gw-text-container {
		left: 40px;
	}

	/* gw-theme07-main-quick */
	#gw-theme07-main-quick .gw-main-quick-list {
		height: 450px;
	}

	/* tail */
	#ft .ft-top {
		padding: 50px 0 20px;
	}
	.ft-quick-container {
		right: 30px;
	}
}

@media screen and (max-width: 1280px) {
	.gw-mob {
		display: none;
	}

	/* gw-theme07-main-about */
	#gw-theme07-main-about .gw-sec-container > .gw-flex {
		flex-direction: column;
		align-items: flex-start;
		gap: 50px;
	}
	#gw-theme07-main-about .gw-tit-box {
		width: 100%;
	}
	#gw-theme07-main-about .gw-sec-title br {
		display: none;
	}
	#gw-theme07-main-about .gw-counter-box {
		width: 100%;
	}

	/* gw-theme07-main-service */
	#gw-theme07-main-service {
		padding: 100px 0 0;
		height: auto;
	}
	#gw-theme07-main-service .gw-bg {
		height: 100%;
	}
	#gw-theme07-main-service .gw-bg img {
		min-height: 100%;
	}
	#gw-theme07-main-service .main-tit-box {
		margin-top: 0;
		margin-bottom: 50px;
		position: relative;
	}
	#gw-theme07-main-service .gw-service-list {
		position: relative;
		flex-direction: column;
		height: auto;
	}
	#gw-theme07-main-service .gw-service-list .gw-list-item {
		padding: 30px;
		flex-direction: row;
		justify-content: flex-start;
		gap: 20px;
		width: 100%;
	}
	#gw-theme07-main-service .gw-service-list .gw-list-item:before {
		width: 100%;
		height: 1px;
	}
	#gw-theme07-main-service .gw-service-list .gw-list-item .gw-num {
		margin-top: 0;
		margin-bottom: 0;
	}
	#gw-theme07-main-service .gw-service-list .gw-list-item .gw-tit-box {
		width: 100%;
	}
	#gw-theme07-main-service .gw-service-list .gw-list-item .gw-tit {
		text-align: left;
		width: calc(100% - 3rem);
	}
	#gw-theme07-main-service .gw-service-list .gw-list-item .gw-ico {
		display: none;
	}
	#gw-theme07-main-service .gw-service-list .gw-list-item .gw-txt {
		display: none;
	}
	#gw-theme07-main-service .gw-service-list .gw-list-item .gw-link-box {
		z-index: 9;
		bottom: auto;
		top: 0;
		background: transparent;
		backdrop-filter: blur(0);
		transform: translateY(0);
	}
	#gw-theme07-main-service .gw-service-list .gw-list-item .gw-link-btn {
		bottom: auto;
		top: 50%;
		left: auto;
		right: 30px;
		transform: translateY(-50%);
		width: 3rem;
		height: 3rem;
		line-height: 3rem;
	}

	#gw-theme07-main-recruit .gw-txt-box {
		flex-direction: column;
		text-align: center;
	}
	#gw-theme07-main-recruit .gw-recruit-list {
		order: 0;
	}

	/* gw-theme07-main-inquiry */
	#gw-theme07-main-inquiry > form {
		width: 100%;
	}

	/* gw-theme07-main-quick */
	#gw-theme07-main-quick .gw-main-quick-list {
		height: 400px;
	}

	/*tail*/
	.ft-quick-container {
		right: 40px;
	}
}

@media screen and (max-width: 1024px) {
	.gw-pc {
		display: none !important;
	}
	.gw-mob {
		display: block;
	}

	/* 공통 */
	.gw-small-btn {
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-indent: 0;
	}
	.gw-small-btn:before {
		right: auto;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.gw-plus-btn {
		width: 40px;
		height: 40px;
	}

	/* gw-theme07-main-business */
	#gw-theme07-main-business .main-business-cover-list {
		margin-top: 50px;
		flex-direction: column;
	}
	#gw-theme07-main-business .main-business-cover-list .gw-list-item {
		flex: auto;
	}
	#gw-theme07-main-business
		.main-business-cover-list
		.gw-list-item:nth-child(3)
		.gw-bg {
		top: 0;
	}
	#gw-theme07-main-business .main-business-cover-list .gw-list-item .gw-bg {
		top: auto;
		background-position: center !important;
		height: 100%;
	}
	#gw-theme07-main-business
		.main-business-cover-list
		.gw-list-item
		.gw-inner {
		padding-top: 15rem;
		transform: none !important;
	}
	#gw-theme07-main-business
		.main-business-cover-list
		.gw-list-item:nth-child(1)
		.gw-inner
		.gw-line {
		display: none;
	}
	#gw-theme07-main-business
		.main-business-cover-list
		.gw-list-item
		.gw-inner:before {
		display: none;
	}
	#gw-theme07-main-business
		.main-business-cover-list
		.gw-list-item
		.gw-inner:after {
		display: none;
	}
	#gw-theme07-main-business
		.main-business-cover-list
		.gw-list-item
		.gw-inner
		.gw-txt-box {
		height: 100%;
		justify-content: center;
	}
	#gw-theme07-main-business
		.main-business-cover-list
		.gw-list-item:nth-child(even)
		.gw-inner
		.gw-txt-box {
		bottom: 0;
	}
	#gw-theme07-main-business
		.main-business-cover-list
		.gw-list-item
		.gw-inner
		.gw-txt-box
		.gw-tit {
		opacity: 1;
	}
	#gw-theme07-main-business
		.main-business-cover-list
		.gw-list-item
		.gw-inner
		.gw-txt-box
		.gw-txt {
		opacity: 0.8;
	}

	/*gw-theme07-main-video*/
	#gw-theme07-main-video .gw-bg-text {
		display: none;
	}
	#gw-theme07-main-video .video-container {
		width: 100%;
		height: 40vh;
	}
	#gw-theme07-main-video .gw-video-btn {
		right: 2.5%;
		bottom: -20px;
		width: 120px;
		height: 120px;
	}
	#gw-theme07-main-video .gw-bgline-container {
		display: none;
	}

	/*gw-theme07-main-partners*/
	#gw-theme07-main-partners .gw-partner-banner {
		flex-direction: column;
	}
	#gw-theme07-main-partners .gw-partner-banner > li {
		width: 100%;
	}
	#gw-theme07-main-partners .gw-partner-banner > li > a {
		height: 140px;
	}

	/*tail*/
	#ft {
		border-radius: 0;
	}
	#ft .ft-top {
		margin-right: 0;
		padding-bottom: 0;
	}
	#ft .ft-top .ft-top-box {
		flex-direction: column;
		align-items: flex-start;
	}
	#ft .ft-top .ft-bottom-box {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}
	#ft .ft-bottom {
		margin-right: 0;
		flex-direction: column;
		align-items: flex-start;
	}
	#ft_copy {
		padding-left: 0;
	}
	.ft-quick-container {
		bottom: 20px;
		right: 20px;
	}
	.ft-quick-container > li {
		width: 60px;
		height: 60px;
	}
	#gw-top_btn:hover > i {
		color: #fff;
	}
}

@media screen and (max-width: 768px) {
	/* head */
	#hd_wrapper .gnb-container {
		padding: 0 20px;
	}
	.hd_login.on {
		left: 20px;
	}
	#menu-btn {
		right: 20px;
		width: 40px;
		height: 40px;
	}

	/*main*/
	.gw-sec {
		padding: 80px 0;
	}
	.gw-sec-container {
		padding: 0 20px;
	}
	.gw-sec-con-wrap {
		padding: 0 20px;
	}

	/* gw-theme07-main-product */
	#gw-theme07-main-product .gw-product-btn {
		margin-left: 0;
	}

	/* gw-theme07-main-business */
	#gw-theme07-main-business
		.main-business-cover-list
		.gw-list-item
		.gw-inner
		.gw-txt-box {
		padding: 20px;
	}

	/* gw-theme07-main-service */
	#gw-theme07-main-service .main-tit-box {
		padding: 0 20px;
	}
	#gw-theme07-main-service .gw-service-list .gw-list-item {
		padding: 20px;
	}
	#gw-theme07-main-service .gw-service-list .gw-list-item .gw-link-btn {
		right: 20px;
	}

	/*gw-theme07-main-partners*/
	#gw-theme07-main-partners .gw-text-container {
		left: 20px;
	}

	/* gw-theme07-main-quick */
	#gw-theme07-main-quick .gw-main-quick-list {
		flex-direction: column;
		height: auto;
	}
	#gw-theme07-main-quick .gw-main-quick-item {
		flex: auto;
		height: 17rem;
	}
	#gw-theme07-main-quick .gw-main-quick-item:first-child {
		border-radius: 0 7rem 0 0;
	}
	#gw-theme07-main-quick .gw-main-quick-item:last-child {
		border-radius: 0 0 0 7rem;
	}
	#gw-theme07-main-quick .gw-bg > img {
		width: 100%;
		object-fit: cover;
	}
	#gw-theme07-main-quick .gw-main-quick-item .gw-more-btn {
		display: none;
	}
	#gw-theme07-main-quick .gw-main-quick-gw-inner p {
		padding-top: 10px;
	}
}

@media screen and (max-width: 576px) {
	/*haed*/
	.logo {
		width: 250px;
	}
	#logo.on {
		display: none;
	}
	#mob-gnb .menu-list > ul > li > .dep01:before {
		right: 20px;
	}
	.hd_login.on {
		left: 20px;
	}
	#hd_wrapper .gnb-container .util {
		width: 100%;
		justify-content: end;
	}
	#hd.on #hd_wrapper .gnb-container .util {
		justify-content: space-between;
	}

	/* gw-theme07-main-product */
	#gw-theme07-main-product .gw-product-list-box {
		padding: 2rem 2rem 2rem 0 !important;
	}

	/* gw-theme07-main-about */
	#gw-theme07-main-about .gw-counter-box {
		flex-direction: column;
		margin-bottom: 0 !important;
	}
	#gw-theme07-main-about .gw-counter-box > li {
		padding: 20px 0;
		gap: 0;
		border-bottom: 1px solid #ddd;
		width: 100%;
	}
	#gw-theme07-main-about .gw-counter-box > li:not(:last-child):before {
		display: none;
	}
	#gw-theme07-main-about .gw-counter-box > li:last-child {
		padding-bottom: 0;
		border-bottom: none;
	}
	#gw-theme07-main-about .gw-txt-box .gw-txt01 {
		margin-bottom: 10px;
	}

	/*gw-theme07-main-video*/
	#gw-theme07-main-video .video-container {
		height: 30vh;
	}

	/*gw-theme07-main-partners*/
	#gw-theme07-main-partners .gw-partner-container > div {
		height: 80px;
	}
	#gw-theme07-main-partners .gw-partner-item {
		width: 150px;
		height: 80px;
	}

	/*gw-theme07-main-inquiry*/

	/* gw-theme07-main-recruit */
	#gw-theme07-main-recruit .gw-recruit-list .gw-list-item a {
		width: 8rem;
		height: 8rem;
	}
	#gw-theme07-main-recruit .gw-recruit-list .gw-list-item a .gw-tit {
		font-size: var(--main-text01);
	}

	/*tail*/
	#ft-logo {
		margin-bottom: 0 !important;
		width: 250px;
	}
	#ft .ft-top .gw-sns-container > li > a {
		width: 35px;
		height: 35px;
	}
	#ft_copy {
		font-size: 12px;
	}
	#ft_company h2 {
		font-size: 14px;
	}
	#ft_company .ft_info {
		font-size: 12px;
		line-height: 1.75;
	}
	#ft_company .ft_info span {
		display: block;
		margin-right: 0;
	}
	#ft_company .ft_info > p > span:not(:last-child):after {
		display: none;
	}
	#ft_company .gw-right-box {
		width: 100%;
	}
	#ft .family-site-container > button {
		height: 50px;
		line-height: 50px;
	}
	.ft-quick-container > li {
		font-size: 12px;
	}
}

@media screen and (max-width: 375px) {
	/*haed*/
	.hd_pops_con {
		width: 280px !important;
	}

	/*gw-theme07-main-location*/

	#gw-theme07-main-location .gw-right {
		padding: 60px 0;
	}

	/* gw-theme07-main-recruit */
	#gw-theme07-main-recruit .gw-recruit-list .gw-list-item a {
		width: 6rem;
		height: 6rem;
	}
}

/*반응형 responsive.css-----------------------------------------------------------------------------------------------------------------*/