/* =========================================================================================
 *   공통스타일
 * =========================================================================================*/

body {
	font-family: 'Montserrat', 'S-CoreDream', sans-serif;
	font-size: 18px;
	line-height: 1.67;
	font-weight: 400;
	color: #666666;
	letter-spacing: -0.4px;
	word-break: keep-all;
	animation: fadein 1000ms ease-out;
}

@keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

a {
	font-family: 'Montserrat', 'S-CoreDream', sans-serif;
	text-decoration: none;
	color: #666;
	transition: all 0.3s ease;
}

a:hover {
	text-decoration: none;
	transition: all 0.3s ease;
}

h1,
h2,
h3,
h4,
h5 {
	font-family: 'Montserrat', 'S-CoreDream', sans-serif;
	font-weight: 500;
}

#contents {
	width: 100%;
	text-align: center;
}

.container {
	width: 100%;
	max-width: 1480px;
	margin-right: auto;
	margin-left: auto;
}

.container2 {
	width: 100%;
	max-width: 1250px;
	padding-inline: 25px;
	margin-inline: auto;
}

@media screen and (max-width: 1480px) {

	.container {
		width: 100%;
		padding: 0 20px;
		max-width: 100%;
	}
}


@media screen and (max-width: 1280px) {

	body {
		font-size: 16px;
	}

	.container {
		padding: 0 40px;
	}

	br.br-n {
		display: none;
	}
}

@media screen and (max-width: 1024px) {

	body {
		font-size: 14px;
		word-break: normal;
	}
}

@media screen and (max-width: 768px) {

	.container {
		padding: 0 20px;
	}
}



/* TOP버튼 */
#aside-foot {
	position: fixed;
	right: 15px;
	bottom: 15px;
	z-index: 9;
	display: flex;flex-direction: column;align-items: flex-end;
}

#go-top::before {
	font-family: 'xeicon';
	font-size: 28px;
	line-height: 1.4;
	padding: 0;
	opacity: 1;
	color: #FFF;
	content: '\e915';
	top: 8px;
	left: 15px;
}

#go-top {
	width: 55px;
	height: 55px;
	display: block;
	cursor: pointer;
	background: #172230;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#go-top:hover {
	color: #FFFFFF;
}

.btn-kakao-channel {
	width: 100%;max-width: 55px;
}
.btn-kakao-channel img {
	width: 100%;max-width: 100%;
}

@media screen and (max-width: 1024px) {

	#aside-foot {
		bottom: 40px;
	}

	#go-top::before {
		font-size: 22px;
		left: 12px;
	}

	#go-top {
		width: 45px;
		height: 45px;
	}

	.btn-kakao-channel {
		max-width: 45px;
	}
}

@media screen and (max-width: 480px) {

	#aside-foot {
		bottom: 30px;
	}
}




/* =========================================================================================
   *   팝업창 스타일
   * =========================================================================================*/

#popUp {
	position: fixed;
	max-width: 100%;
	height: auto;
	bottom: 0;
	margin-left: 0;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	z-index: 999999999;
	font-size: 0;
}


/* 팝업창 OPEN 버튼 */
#plus span {
	position: absolute;
	color: #FFF;
	font-size: 12px;
	font-weight: 500;
	right: 0;
	z-index: 99999;
	writing-mode: tb-rl;
	width: 100%;
	height: 100%;
	display: flex;
	letter-spacing: 2px;
	align-items: center;
	justify-content: center;
}


#plus::after {
	border-radius: 6px;
	content: '';
	display: block;
	position: relative;
	width: 42px;
	height: 90px;
	margin-left: -5px;
	background: #000000;
}


.popup-list .img {
	display: inline-block;
}


#new span {
	background: #fff;
	position: absolute;
	color: #1c8dc4;
	padding: 4px 10px;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 1px;
	margin-top: -5px;
}

#popUp .close {
	color: #FFFFFF;
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	width: 45px;
	height: 45px;
	background: #333333;
	z-index: 9;
}

#popUp .close:before {
	font-family: 'xeicon';
	padding: 0;
	font-size: 26px;
	top: 7px;
	opacity: 1;
	color: #FFF;
	content: '\e921';
	right: 18px;
}

#plus {
	position: fixed;
	color: #fff;
	left: -5px;
	bottom: 30px;
	margin-left: -425px;
	-webkit-transition: all 1.25s ease;
	-moz-transition: all 1.25s ease;
	-o-transition: all 1.25s ease;
	transition: all 1.25s ease;
	cursor: pointer;
	text-align: left;
	letter-spacing: 1px;
	z-index: 99999999999;
}

.today {
	padding: 10px;
	font-size: 12px;
	background: #333333;
}



@media all and (max-width: 1280px) {

	#plus {
		bottom: 100px;
	}
}

@media all and (max-width: 1024px) {

	/* 팝업창 이미지 사이즈 */
	.popup-list .img img {
		width: 300px;
		height: auto;
	}

	#plus {
		bottom: 100px;
	}

	#popUp .close {
		width: 38px;
		height: 38px;
	}

	#popUp .close:before {
		font-size: 22px;
	}
}

@media all and (max-width: 820px) {

	/* 팝업창 이미지 사이즈 */
	.popup-list .img img {
		width: 280px;
	}
}

@media all and (max-width: 640px) {

	/* 팝업창 이미지 사이즈 */
	.popup-list .img img {
		width: 200px;
	}
}





/* =========================================================================================
   *  섹션 타이틀 스타일
   * =========================================================================================*/

.section {
	padding: 120px 30px;
}

.section .section-info {
	width: 100%;
	text-align: center;
}

.section .section-info h2 {
	color: #000000;
	font-size: 48px;
	line-height: 1;
	font-weight: 700;
	padding-bottom: 20px;
	display: inline-block;
}

.section .section-info p {
	color: #666666;
	font-size: 17px;
	line-height: 1.67;
	padding-bottom: 60px;
	letter-spacing: -1px;
}


@media screen and (max-width: 1280px) {

	.section {
		padding: 80px 30px;
	}

	.section .section-info h2 {
		font-size: 40px;
		padding-bottom: 15px;
	}

	.section .section-info p {
		font-size: 16px;
		padding-bottom: 40px;
	}
}

@media screen and (max-width: 1024px) {

	.section .section-info {
		padding-top: 0;
	}

	.section .section-info h2 {
		font-size: 40px;
	}

	.section .section-info p {
		font-size: 15px;
	}
}

@media screen and (max-width: 820px) {

	.section {
		padding: 60px 20px;
	}

	.section .section-info h2 {
		font-size: 32px;
	}

	.section .section-info p {
		font-size: 14px;
		padding-bottom: 30px;
	}
}

@media screen and (max-width: 768px) {

	.section .section-info h2 {
		font-size: 27px;
	}

	.section .section-info p {
		font-size: 13px;
		padding-bottom: 25px;
	}
}




@keyframes zoom {
	0% {
		transform: scale(1.3);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeIn02 {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 0.4;
	}
}

@keyframes fadeUp {
	0% {
		transform: translateY(200px);
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes fadeUp02 {
	0% {
		transform: translateY(100px);
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes fadeDown {
	0% {
		transform: translateY(-200px);
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes fadeLeft {
	0% {
		transform: translateX(-200px);
		opacity: 0;
	}

	100% {
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes upDown {
	0% {
		transform: translateY(-20px);
		opacity: 0;
	}

	100% {
		transform: translateY(10px);
		opacity: 1;
	}
}





/* =========================================================================================
   *  오른쪽툴팁 컬러변경 및 사이즈변경 
   * =========================================================================================*/

/* 
  
  - 컬러는 background 컬러를 변경해주시면 됩니다 
  - 사이즈 변경시 필요에 따라 위치도 변경해주시면 됩니다.
  
  */

/* 툴팁 위치 */
#fp-nav.right {
	right: 18px;
}

/* 툴팁 사이즈 및 컬러 */
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	height: 10px;
	width: 10px;
	border: 0;
	background: #a5a7a3;
	left: 50%;
	top: 50%;
	margin: -5px 0 0 -5px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}


/* 활성화 되었을 때 컬러 */
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
	background: #458AE4;
}

/* 마우스오버 컬러 */
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
	background: #458AE4;
}





/* =========================================================================================
   *  메인비주얼 슬라이드 텍스트 (이미지 사이즈는 변경하실 수 없습니다)
   * =========================================================================================*/

.main-visual {
	width: 100%;
	height: 100vh;
	position: relative;
	padding-top: 95px;
	margin: 0 auto;
	padding: 0;
}

.main-visual .main-slider .slider-visual>.visual-txt {
	letter-spacing: -1px;
	font-family: 'Montserrat', 'S-CoreDream', sans-serif;
	margin-top: -90px;
}

.main-visual .main-slider .slider-visual>.visual-txt>.inner-txt-con {
	text-align: center;
}

/* 타이틀 폰트 스타일 */
.main-visual .main-slider .slider-visual>.visual-txt>.inner-txt-con>.inner-txt-1 {
	font-size: 56px;
	line-height: 1.2;
	font-weight: 600;
	color: #FFFFFF;
	letter-spacing: 0px;
	margin-bottom: 30px;
}

/* 설명부분 폰트 스타일 */
.main-visual .main-slider .slider-visual>.visual-txt>.inner-txt-con>.inner-txt-2 {
	font-size: 21px;
	line-height: 1.4;
	font-weight: 400;
	color: #FFFFFF;
	letter-spacing: -1px;
}




@media screen and (max-width:1600px) {

	.main-visual {
		width: 100%;
		height: 100vh;
		height: calc(var(--vh, 1vh) * 100);
	}
}

@media screen and (max-width:1280px) {

	.main-visual .main-slider .slider-visual>.visual-txt>.inner-txt-con>.inner-txt-1 {
		font-size: 42px;
	}

	.main-visual .main-slider .slider-visual>.visual-txt>.inner-txt-con>.inner-txt-2 {
		font-size: 17px;
	}
}


@media screen and (max-width:1024px) {

	.main-visual .main-slider .slider-visual>.visual-txt>.inner-txt-con>.inner-txt-1 {
		font-size: 36px;
		margin-bottom: 20px;
	}

	.main-visual .main-slider .slider-visual>.visual-txt>.inner-txt-con>.inner-txt-2 {
		font-size: 16px;
	}
}


@media screen and (max-width:820px) {

	.main-visual .main-slider .slider-visual>.visual-txt {
		margin-top: 0;
	}

	.main-visual .main-slider .slider-visual>.visual-txt>.inner-txt-con>.inner-txt-1 {
		font-size: 28px;
	}

	.main-visual .main-slider .slider-visual>.visual-txt>.inner-txt-con>.inner-txt-2 {
		font-size: 14px;
	}
}

@media screen and (max-width:480px) {

	.main-visual .main-slider .slider-visual>.visual-txt {
		padding: 40px;
	}

}








/* =========================================================================================
   *  메인링크 배너
   * =========================================================================================*/

/* 배너01 배경컬러 및 폰트컬러 */
a.link-1 {
	color: #FFF;
	background: #ed1b24;
}

a.link-1:hover {
	background: #a90007;
	box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.5);
}

/* 배너02 배경컬러 및 폰트컬러 */
a.link-2 {
	color: #FFF;
	background: #283244;
}

a.link-2:hover {
	background: #141924;
	box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.5);
}

/* 배너03 배경컬러 및 폰트컬러 */
a.link-3 {
	color: #FFF;
	background: #555;
}

a.link-3:hover {
	background: #333;
	box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.5);
}

.m-link {
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 1;
	right: 0;
	text-align: left;
	display: flex;
}

.m-link .container {
	width: 100%;
	display: flex;
	padding: 0;
}

.m-link a {
	padding: 40px 45px;
	width: 33.3333%;
	display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
}

.m-link .icon {
	line-height: 0;
}

.m-link h2 {
	font-size: 22px;
	line-height: 2;
	font-weight: 500;
	padding: 0 30px 0 15px;
	word-break: keep-all;
}

.m-link p {
	font-size: 15px;
	line-height: 1.4;
	opacity: 0.7;
}

.bold {
	font-weight: 500;
}


@media screen and (max-width:1280px) {

	.m-link a {
		padding: 30px 35px;
		flex-wrap: wrap;
	}

	.m-link .icon img {
		width: 25px;
		height: auto;
	}

	.m-link h2 {
		font-size: 20px;
		padding-left: 15px;
		line-height: 0;
	}

	.m-link p {
		font-size: 15px;
		width: 100%;
		padding-top: 12px;
	}
}


@media screen and (max-width:1024px) {

	.m-link a {
		padding: 25px 30px;
	}

	.m-link .icon img {
		width: 22px;
	}

	.m-link h2 {
		font-size: 18px;
		padding-left: 10px;
	}

	.m-link p {
		font-size: 14px;
		padding-top: 12px;
	}
}


@media screen and (max-width:820px) {

	.m-link a {
		padding: 25px;
	}

	.m-link .icon img {
		width: 20px;
	}

	.m-link h2 {
		font-size: 16px;
	}

	.m-link p {
		font-size: 12px;
	}
}


@media screen and (max-width:820px) {

	.m-link {
		position: relative;
	}

	.m-link .container {
		flex-direction: column;
	}

	.m-link a {
		padding: 25px;
		width: 100%;

	}
}





/* =========================================================================================
   *  EJPack 영역
   * =========================================================================================*/

.our-work {
	padding: 120px 0;
	background: url('../../img/main/work_bg.jpg') no-repeat top center;
	background-size: cover;
}

/* 가운데 슬라이드 박스 사이즈 */
.work-wrap .ow-box {
	width: 100%;
	position: relative;
}

/* 슬라이드 좌우간격 */
.work-wrap .slick-slide {
	padding: 0 60px;
}

.work-wrap .slick-list {
	padding-left: 20% !important;
	padding-right: 20% !important;
	padding-bottom: 80px !important;
}

.work-wrap .slick-prev {
	left: 19%;
}

.work-wrap .slick-next {
	right: 19%;
}

/* 슬라이드 이미지 사이즈 */
.work-wrap .ow-box .img {
	width: 100%;
	height: auto;
	line-height: 0;
}

.work-wrap .ow-box .img img {
	width: 100%;
	height: auto;
}


.work-wrap .ow-box .txt {
	position: relative;
}

/* 텍스트박스 스타일 */
.work-wrap .ow-box .txt .inner {
	padding: 25px 30px;
	text-align: left;
	bottom: -60px;
	background: #FFF;
	left: 10%;
	right: 10%;
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	box-shadow: 3px 5px 10px rgba(30, 30, 30, 0.1);
}

/* 텍스트 스타일 */
.work-wrap .ow-box .txt h3 {
	font-size: 24px;
	line-height: 1.4;
	color: #000000;
	width: 100%;
	padding-bottom: 8px;
	width: 80%;
}

.work-wrap .ow-box .txt p {
	font-size: 16px;
	line-height: 1.4;
	color: #666666;
	width: 80%;
}

.work-wrap .ow-box .btn {
	text-align: right;
	width: 20%;
}

/* 버튼 */
a.ow-btn {
	display: inline-block;
	padding: 0 2px;
	color: #ed1b24;
	border-bottom: 2px solid #ed1b24;
	font-size: 13px;
	font-weight: 600;
}

a.ow-btn:hover {
	color: #000;
	border-bottom: 2px solid #000;
}



@media screen and (max-width: 1280px) {

	.our-work {
		padding: 80px 0;
	}

	/* 슬라이드 좌우간격 */
	.work-wrap .slick-slide {
		padding: 0 30px;
	}

	.work-wrap .slick-list {
		padding-left: 15% !important;
		padding-right: 15% !important;
		padding-bottom: 80px !important;
	}

	.work-wrap .slick-prev {
		left: 13.5%;
	}

	.work-wrap .slick-next {
		right: 13.5%;
	}

	/* 텍스트박스 스타일 */
	.work-wrap .ow-box .txt .inner {
		padding: 20px 25px;
		left: 7%;
		right: 7%;
	}

	/* 텍스트 스타일 */
	.work-wrap .ow-box .txt h3 {
		font-size: 20px;
		width: 80%;
	}

	.work-wrap .ow-box .txt p {
		font-size: 15px;
	}
}


@media screen and (max-width: 1024px) {

	/* 슬라이드 좌우간격 */
	.work-wrap .slick-list {
		padding-left: 13% !important;
		padding-right: 13% !important;
		padding-bottom: 70px !important;
	}

	.work-wrap .slick-prev {
		left: 11.5%;
	}

	.work-wrap .slick-next {
		right: 11.5%;
	}

	/* 텍스트박스 스타일 */
	.work-wrap .ow-box .txt .inner {
		left: 5%;
		right: 5%;
	}

	/* 텍스트 스타일 */
	.work-wrap .ow-box .txt h3 {
		font-size: 18px;
	}

	.work-wrap .ow-box .txt p {
		font-size: 14px;
	}

	/* 버튼 */
	a.ow-btn {
		border-bottom: 1px solid #8F8F8F;
		font-size: 12px;
	}
}



@media screen and (max-width: 820px) {

	.our-work {
		padding: 60px 0;
	}

	/* 슬라이드 좌우간격 */
	.work-wrap .slick-slide {
		padding: 0 60px;
	}

	.work-wrap .slick-list {
		padding-left: 0 !important;
		padding-right: 0 !important;
		padding-bottom: 10px !important;
	}

	.work-wrap .slick-prev {
		left: 1.5%;
	}

	.work-wrap .slick-next {
		right: 1.5%;
	}

	/* 텍스트박스 스타일 */
	.work-wrap .ow-box .txt .inner {
		left: 0;
		right: 0;
		bottom: 0;
		position: relative;
	}

	/* 텍스트 스타일 */
	.work-wrap .ow-box .txt h3 {
		font-size: 16px;
	}

	.work-wrap .ow-box .txt p {
		font-size: 13px;
	}

	/* 버튼 */
	a.ow-btn {
		border-bottom: 1px solid #8F8F8F;
		font-size: 12px;
	}
}


@media screen and (max-width: 480px) {

	/* 텍스트박스 스타일 */
	.work-wrap .ow-box .txt .inner {
		padding: 20px;
	}

	/* 텍스트 스타일 */
	.work-wrap .ow-box .txt h3 {
		width: 100%;
	}

	.work-wrap .ow-box .txt p {
		width: 100%;
	}

	.work-wrap .ow-box .btn {
		width: 100%;
		text-align: left;
		padding-top: 10px;
	}

	.work-wrap .ow-box .img {
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 56.25%;
		overflow: hidden;
	}

	.work-wrap .ow-box .img .img-in {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

	.work-wrap .ow-box .img .img-in img {
		width: 100%;
		height: 100%;
	}

	.work-wrap .slick-prev {
		left: 3%;
	}

	.work-wrap .slick-next {
		right: 3%;
	}
}






/* =========================================================================================
   *  PRODUCTS 영역
   * =========================================================================================*/

.service {
	background: url('../../img/main/service_bg.jpg') no-repeat top center;
	background-size: cover;
	font-size: 0;
	color: #FFF;
}

.service .section-info h2,
.service .section-info p {
	color: #FFF;
}

.service-wrap {
	display: block;
	width: 100%;
}

.s-icon {
	position: relative;
	display: inline-block;
	width: 20%;
	margin: 0;
	padding: 30px 20px;
	text-align: center;
	border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.s-icon:last-child {
	border-right: 0;
}

.s-icon .img {
	padding-bottom: 30px;
}

.s-icon h3 {
	font-size: 30px;
	padding-bottom: 20px;
}

.s-icon .count {
	font-size: 80px;
	text-align: center;
}

.s-icon p {
	font-size: 18px;
	opacity: 0.8;
	padding-bottom: 40px;
}




a.sv-btn {
	display: inline-block;
	padding: 8px 45px 8px 25px;
	margin: 0 auto;
	border: 1px solid rgba(255, 255, 255, 0.6);
	color: #FFF;
	font-size: 13px;
	font-weight: 500;
	text-align: left;
}

a.sv-btn:before {
	font-family: 'xeicon';
	font-size: 15px;
	line-height: 1.4;
	padding: 0;
	opacity: 1;
	margin-left: 10px;
	color: #FFF;
	content: '\e90b';
	right: 15px;
}

a.sv-btn:hover {
	color: #FFF;
	border: 1px solid #ed1b24;
	background: #ed1b24;
}

a.sv-btn img {
	display: inline-block !important;
	padding-left: 5px;
}



@media screen and (max-width: 1200px) {

	a.sv-btn {
		padding: 5px 35px 5px 20px;
		font-size: 12px;
	}
}


@media screen and (max-width: 1280px) {

	.s-icon .img {
		padding-bottom: 20px;
	}

	.s-icon .img img {
		width: 60px;
		height: 60px;
	}

	.s-icon h3 {
		font-size: 24px;
		padding-bottom: 10px;
	}

	.s-icon p {
		font-size: 16px;
		padding-bottom: 30px;
	}

	.s-icon p br {
		display: none;
	}

	a.sv-btn {
		padding: 6px 35px 6px 15px;
		font-size: 12px;
	}
}


@media screen and (max-width: 1024px) {

	.service-wrap {
		padding-top: 0;
	}

	.s-icon {
		padding: 0 20px;
	}

	.s-icon .img {
		padding-bottom: 20px;
	}

	.s-icon .img img {
		width: 45px;
		height: 45px;
	}

	.s-icon h3 {
		font-size: 20px;
		padding-bottom: 10px;
	}

	.s-icon p {
		font-size: 14px;
		padding-bottom: 20px;
	}

	a.sv-btn span {
		display: none;
	}
}

@media screen and (max-width: 820px) {

	.service-wrap {
		text-align: left;
	}

	.s-icon {
		width: 33.3333%;
		padding: 20px;
		text-align: center;
		border-right: 0;
	}

	.s-icon .img {
		padding-bottom: 10px;
	}

	.s-icon .img img {
		width: 35px;
		height: 35px;
	}

	.s-icon h3 {
		font-size: 18px;
		padding-bottom: 10px;
	}

	.s-icon p {
		font-size: 13px;
	}

	a.sv-btn {
		padding: 4px 35px 4px 15px;
	}
}


@media screen and (max-width: 600px) {

	.service-wrap {
		padding-top: 20px;
	}

	.s-icon {
		padding: 15px;
	}
}


@media screen and (max-width: 480px) {

	.s-icon {
		width: 50%;
		padding: 20px 10px;
	}

	.s-icon:nth-child(1),
	.s-icon:nth-child(2) {
		padding-top: 0;
	}

	.s-icon .img {
		padding-bottom: 10px;
	}

	.s-icon .img img {
		width: 30px;
		height: 30px;
	}
}


@media screen and (max-width: 320px) {

	.s-icon {
		width: 100%;
	}

	.s-icon:nth-child(2) {
		padding-top: 20px;
	}
}







/* =========================================================================================
   *  MANAGEMENT PHILOSOPHY 영역
   * =========================================================================================*/

.business {
	background: url('../../img/main/business_bg.jpg') no-repeat top center;
	background-size: cover;
}


/* 박스 4개 이미지 경로 */
.business-wrap .box:nth-child(1):before {
	background-image: url('../../img/main/business_01.jpg');
}

.business-wrap .box:nth-child(2):before {
	background-image: url('../../img/main/business_02.jpg');
}

.business-wrap .box:nth-child(3):before {
	background-image: url('../../img/main/business_03.jpg');
}

.business-wrap .box:nth-child(4):before {
	background-image: url('../../img/main/business_04.jpg');
}

/* 박스 넓이와 높이*/
.business-wrap .box {
	position: relative;
	flex: 50%;
	height: 295px;
	overflow: hidden;
	text-align: left;
	padding: 0 10px;
}

/* 마우스오버시 박스배경 컬러 */
.business-wrap .box:hover .box-content {
	opacity: 1;
	background: rgba(#ed1b24, 0.9);
}


/* 텍스트 부분 */
.business-wrap .box-content h3 {
	color: #FFFFFF;
	font-size: 30px;
	font-weight: 700;
	padding-bottom: 25px;
}

.business-wrap .box-content p {
	color: #F5F5F5;
	padding-bottom: 30px;
}

/* 버튼 */
.bn-btn span {
	display: inline-block;
	padding: 0;
	margin: 0 auto;
	color: #FFF;
	font-size: 15px;
	font-weight: 500;
}

.bn-btn span:after {
	font-family: 'xeicon';
	font-size: 16px;
	line-height: 1.6;
	margin-left: 5px;
	color: #FFF;
	content: '\e90b';
	position: absolute;
}

a.bn-btn {
	display: inline-block;
	width: 100%;
	height: 100%;
	z-index: 1;
}



.business-wrap {
	margin: 0 auto;
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 20px;
}

.business-wrap .box:before {
	content: "";
	display: block;
	width: 100%;
	height: 110%;
	background-size: cover;
	background-position: 0 0;
	pointer-events: none;
	transition: all 0.4s ease-in-out;
}

.business-wrap .box:last-child {
	margin-right: 0;
}

.business-wrap .box-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	padding: 40px;
	transform: translateY(0);
	transition: all 0.4s ease-in-out;
	box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.25);
}

.business-wrap .box:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200%;
	pointer-events: none;
	transform: translateY(0);
}

.business-wrap .box:after {
	transform: translateY(0);
}

.business-wrap .box:hover .box-content,
.business-wrap .box:focus-within .box-content {
	transform: translateY(0);
	transition: all 0.4s ease-in-out;
}

.business-wrap .box .business-wrap .box:hover {
	transform: translateY(0);
}

.business-wrap .box:hover:before {
	transform: translateY(-8%);
	transition: all 0.4s ease-in-out;
}




@media screen and (max-width: 1280px) {

	/* 박스 높이*/
	.business-wrap .box {
		height: 360px;
	}

	.business-wrap .box-content {
		padding: 30px;
		transform: translateY(0);
	}


	/* 텍스트 부분 */
	.business-wrap .box-content h3 {
		font-size: 24px;
		padding-bottom: 20px;
	}

	.business-wrap .box-content h3:after {
		display: none;
	}

	.business-wrap .box-content p {
		font-size: 14px;
		padding-bottom: 20px;
	}


	/* 버튼 */
	.bn-btn span {
		font-size: 12px;
	}

	.bn-btn span:after {
		font-size: 13px;
	}
}



@media screen and (max-width: 1024px) {

	/* 박스 넓이와 높이*/
	.business-wrap .box {
		height: 280px;
	}

	.business-wrap .box-content {
		padding: 25px;
	}


	/* 텍스트 부분 */
	.business-wrap .box-content h3 {
		font-size: 20px;
		padding-bottom: 15px;
	}

	.business-wrap .box-content p {
		font-size: 13px;
		padding-bottom: 20px;
	}

	.business-wrap .box-content p br {
		display: none;
	}

	.business-wrap .box:hover .business-wrap .box-content {
		transform: translateY(0);
	}

}



@media screen and (max-width: 820px) {

	.business-wrap {
		width: 100%;
	}

	/* 박스 넓이와 높이*/
	.business-wrap .box {
		width: 100%;
		margin-bottom: 0;
		flex: 0 0 100%;
	}

	.business-wrap .box-content {
		padding: 20px;
	}

}

@media screen and (max-width: 480px) {

	.business-wrap {
		width: 100%;
	}

	/* 박스 넓이와 높이*/
	.business-wrap .box {
		height: 180px;
	}

	/* 텍스트 부분 */
	.business-wrap .box-content h3 {
		font-size: 18px;
		padding-bottom: 0px;
	}
}



@media screen and (max-width: 320px) {

	/* 박스 넓이와 높이*/
	.business-wrap .box {
		width: 100%;
		height: 340px;
		margin-bottom: 5%;
	}

}






/* =========================================================================================
   *  NEW PRODUCTS 영역
   * =========================================================================================*/

.event {
	background: #F5F5F5;
}

/* 이미지 테두리 */
.event .board_output_gallery_img img {
	border: px solid #CCC;
}

/* 제목 스타일 */
.event .board_output_gallery_subject a {
	color: #000;
	font-size: 22px;
	font-weight: 500;
	margin-top: 5px;
	display: inline-block;
}

/* 이벤트기간 스타일 */
.event .board_output_gallery_description {
	font-size: 90%;
}

/* 이벤트기간 스타일 */
.event .board_output_gallery_etc {
	color: #999;
	font-size: 85%;
	padding-bottom: 30px;
	display: inline-block;
}

.main-new-product>table>tbody>tr>td {
	padding-bottom: 50px;
}



@media screen and (max-width: 1920px) {

	/*---- 칸수에 따라 넓이를 조절해주시면 됩니다.---*/

	/* 직사각형 3칸 */
	.output_gal_type1 tr td {
		width: 33%;
	}

	/* 정사각형 4칸 */
	.output_gal_type2 tr td {
		width: 25%;
	}

	/* 세로 직사각형 4칸 */
	.output_gal_type3 tr td {
		width: 25%;
	}
}


@media screen and (max-width: 1280px) {

	/* 제목 스타일 */
	.event .board_output_gallery_subject a {
		font-size: 19px;
	}
}

@media screen and (max-width: 1024px) {

	/* 제목 스타일 */
	.event .board_output_gallery_subject a {
		font-size: 17px;
	}
}

@media screen and (max-width: 820px) {

	/* 제목 스타일 */
	.board_output_gallery_subject a {
		font-size: 16px;
	}
}

@media screen and (max-width: 480px) {

	.board_output_gallery_subject {
		padding-bottom: 10px;
	}

	/* 직사각형 3칸 */
	.output_gal_type1 tr td {
		width: 100%;
		display: block;
	}

	/* 정사각형 3칸 */
	.output_gal_type2 tr td {
		width: 100%;
		display: block;
	}

	/* 세로 직사각형 4칸 */
	.output_gal_type3 tr td {
		width: 100%;
		display: block;
	}
}





/* =========================================================================================
   *  EJPack GLOBAL 영역
   * =========================================================================================*/

.promotion {
	background: url('../../img/main/promotion_bg.jpg') no-repeat top center;
	background-size: cover;
	font-size: 0;
	padding: 100px 30px;
}

.promotion .inner {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.promotion .inner .section-info h2,
.promotion .inner .section-info p {
	color: #FFF;
}

.promotion .inner .section-info {
	width: 44%;
	padding-right: 100px;
	padding-top: 0;
	text-align: left;
}

.promotion .inner .section-info h2 {
	position: relative;
	padding-bottom: 30px;
}

.promotion .inner .section-info p {
	padding-bottom: 40px;
}

.promotion .inner .movie-wrap {
	width: 56%;
}

.promotion .inner .movie-wrap .movie {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	text-align: left;
}

.promotion .inner .movie-wrap .movie video,
.promotion .inner .movie-wrap .movie iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	box-shadow: 5px 11px 19px 2px rgba(0, 0, 0, 0.3);
}




@media screen and (max-width: 1280px) {

	.promotion {
		padding: 80px 30px;
	}
}

@media screen and (max-width: 1024px) {

	.promotion {
		padding: 80px 30px;
	}

	.promotion .inner .section-info {
		margin-top: 0;
	}

	.promotion .inner .movie-wrap {
		margin-top: 0;
	}
}

@media screen and (max-width: 820px) {

	.promotion {
		padding: 60px 20px;
	}

	.promotion .inner .section-info {
		width: 100%;
		text-align: center;
		padding-right: 0;
	}

	.promotion .inner .section-info h2 {
		padding-bottom: 15px;
	}

	.promotion .inner .section-info h2:before {
		display: none;
	}

	.promotion .inner .section-info p {
		padding-bottom: 20px;
	}

	.promotion .inner .movie-wrap {
		width: 100%;
		padding-top: 40px;
	}

}





/* =========================================================================================
   *  NOTICE 영역
   * =========================================================================================*/

.notice {
	padding: 80px 0;
}

/* 공지사항 리스트 폰트스타일 */
.notice .wrap .output_table tr td a {
	color: #222222;
	font-size: 21px;
	line-height: 1.67;
}

.notice .wrap .output_table tr td a:hover {
	color: #787878;
}

/* 공지사항 박스스타일 날짜폰트 */
.notice .wrap .output_table tr td {
	font-size: 19px;
	line-height: 1.67;
	text-align: left;
	padding: 22px 15px;
	border-bottom: 2px solid #E5E5E5;
	text-align: left;
}

/* 공지사항 버튼 */
a.nt-btn {
	display: inline-block;
	color: #222;
	font-size: 17px;
	line-height: 1;
	font-weight: 400;
	position: relative;
	padding: 12px 30px;
	background: #fff;
	border: 1px solid #222;
}

a.nt-btn i {
	margin-left: 3px;
}

a.nt-btn:hover {
	background: var(--red);
	border-color: var(--red);
	color: white;
}


.notice .container {
	display: flex;
	width: 100%;
	align-items: center;
	flex-wrap: wrap;
}

.notice .section-info {
	width: 30%;
	text-align: left;
	padding-right: 30px;
}

.notice .section-info p {
	padding-bottom: 30px;
}

.notice .wrap {
	width: 70%;
}

.notice .wrap .output_table tr td:last-child {
	text-align: right;
}

.notice .wrap .output_table tr td:nth-child(1) {
	width: 40px !important;
	padding-left: 20px !important;
}

.notice .wrap .output_table tr td:nth-child(2) {
	width: 73% !important;
	padding-left: 0 !important;
}

.notice .wrap .output_table tr td:nth-child(3) {
	width: 25% !important;
	text-align: right;
}

.notice .wrap ul.link {
	width: 30%;
	display: flex;
	justify-content: flex-end;
}


@media screen and (max-width: 1280px) {

	.notice {
		padding: 60px 0;
	}

	/* 공지사항 리스트 폰트스타일 */
	.notice .wrap .output_table tr td a {
		font-size: 18px;
	}

	/* 공지사항 박스스타일 날짜폰트 */
	.notice .wrap .output_table tr td {
		font-size: 18px;
		padding: 15px;
	}

	/* 공지사항 버튼 */
	a.nt-btn {
		font-size: 15px;
		padding: 10px 24px;
	}
}

@media screen and (max-width: 1024px) {

	.notice .section-info {
		width: 100%;
		text-align: center;
	}

	.notice .wrap {
		width: 100%;
	}

	.notice .section-info p {
		padding-bottom: 20px;
	}

	/* 공지사항 리스트 폰트스타일 */
	.notice .wrap .output_table tr td a {
		font-size: 16px;
	}

	/* 공지사항 박스스타일 날짜폰트 */
	.notice .wrap .output_table tr td {
		font-size: 16px;
		padding: 12px;
	}

	a.nt-btn {
		display: none;
	}
}

@media screen and (max-width: 820px) {

	.notice {
		padding: 45px 0;
	}

	.notice .wrap .output_table tr {
		width: 100%;
		border-right: 0 !important;
	}

	/* 공지사항 리스트 폰트스타일 */
	.notice .wrap .output_table tr td a {
		font-size: 14px;
	}

	/* 공지사항 박스스타일 날짜폰트 */
	.notice .wrap .output_table tr td {
		font-size: 14px;
		padding: 12px;
	}
}


@media screen and (max-width: 480px) {

	.notice .wrap .output_table tr td:nth-child(1) {
		width: 20px !important;
		padding-left: 5px !important;
	}

	.notice .wrap .output_table tr td {
		word-break: keep-all !important;
		font-size: 13px;
	}

}





/* =========================================================================================
   *  CLIENT 영역
   * =========================================================================================*/

.cooper {
	padding: 35px 40px;
	width: 100%;
	display: flex;
	align-items: center;
	line-height: 0;
	background: #E9E9E9;
	border: 1px solid #CCC;
}

.cooper h2 {
	font-size: 24px !important;
	padding-bottom: 0 !important;
}

.cooper .section-info {
	width: 7%;
	display: flex;
	align-items: center;
}

.cooper .coop-wrap {
	width: 93%;
	position: relative;
	overflow: hidden;
}



/* =========================================================================================
   *  하단 풋터 영역
   * =========================================================================================*/

.footer {
	padding: 0;
}

footer {
	background: #333333;
	color: #CCCCCC;
	text-align: left;
	font-size: 16px;
	line-height: 1.78;
	padding: 40px 70px;
}

footer a,
footer a:hover {
	color: #CCCCCC;
}

footer .foot-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: var(--contentsWidth);
	margin: 0 auto;
}



/* 풋터 내용 */
footer .foot-wrap .f-cont {
	flex: 0 0 20%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

footer .foot-wrap .f-cont .f-logo {
	width: 30%;
	line-height: 0;
}

footer .foot-wrap .f-link {
	flex: auto;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;

}

footer .foot-wrap .f-cont .top-link {
	width: 30%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

footer .foot-wrap .f-cont .top-link li {
	padding-right: 30px;
	position: relative;
}

footer .foot-wrap .f-cont .top-link li:last-child {
	padding-right: 0;
}

footer .foot-wrap .f-cont .top-link li:after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 12px;
	background: #666666;
	right: 13px;
	top: 9px;
	position: absolute;
}

footer .foot-wrap .f-cont .top-link li:last-child:after {
	display: none;
}

footer .foot-wrap .f-cont .sns-link {
	width: 70%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

footer .foot-wrap .f-cont .sns-link li {
	padding-right: 20px;
}

footer .foot-wrap .f-cont .sns-link li i {
	font-size: 26px;
	line-height: 1;
}

footer .foot-wrap .bot-link {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
	column-gap: 30px;
}

footer .foot-wrap .bot-link b {
	font-weight: 500;
	color: #fff;
	margin-right: 5px;
}

footer .foot-wrap .copy_end {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-top: 35px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}



/* 풋터 전화번호 */
footer .foot-wrap .f-etc {
	flex: 0 0 20%;
	text-align: right;
}

footer .foot-wrap .sns-link {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 20px;
	font-size: 30px;
}

footer .foot-wrap .f-etc .footer-select {
	width: 30%;
	font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
}

footer .foot-wrap .f-etc .tel {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 36px;
	line-height: 1;
	letter-spacing: 0;
	color: #fff;
}

.call:before {
	font-family: 'xeicon';
	font-size: 36px;
	line-height: 1.4;
	padding: 0;
	opacity: 1;
	color: #FFF;
	content: '\e9d3';
}

footer .foot-wrap .f-etc .tel span {
	display: inline-block;
	color: #fff;
	margin-right: 5px;
}

footer .foot-wrap .f-etc .footer-select {
	position: relative;
	display: inline-block;
	width: 100%;
	padding-top: 10px;
	max-width: 250px;
	color: #cccccc;
	font-weight: 500;
	vertical-align: middle;
	text-align: left;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	text-transform: uppercase;
}

footer .foot-wrap .f-etc .footer-select .placeholder {
	position: relative;
	display: block;
	background-color: #595959;
	z-index: 1;
	padding: 8px 15px;
	border-radius: 2px;
	cursor: pointer;
}

footer .foot-wrap .f-etc .footer-select .placeholder:hover {
	background: #595959;
}

footer .foot-wrap .f-etc .footer-select .placeholder:after {
	position: absolute;
	right: 1em;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
	font-family: 'xeicon';
	content: '\e941';
	z-index: 10;
}

footer .foot-wrap .f-etc .footer-select.is-open .placeholder:after {
	content: '\f077';
}

footer .foot-wrap .f-etc .footer-select.is-open ul {
	display: block;
}

footer .foot-wrap .f-etc .footer-selectfooter .foot-wrap .f-etc .footer-select--white .placeholder {
	background: #fff;
	color: #999;
}

footer .foot-wrap .f-etc .footer-selectfooter .foot-wrap .f-etc .footer-select--white .placeholder:hover {
	background: #CCCCCC;
}

footer .foot-wrap .f-etc .footer-select ul {
	display: none;
	position: absolute;
	overflow: hidden;
	width: 100%;
	background: #EEEEEE;
	border-radius: 2px;
	left: 0;
	bottom: 50px;
	list-style: none;
	padding: 15px;
	z-index: 100;
}

footer .foot-wrap .f-etc .footer-select ul li {
	display: block;
	text-align: left;
	padding: 5px 10px;
	color: #999;
	cursor: pointer;
}

footer .foot-wrap .f-etc .footer-select ul li:hover {
	color: var(--red);
}




@media screen and (max-width: 1480px) {

	footer .foot-wrap .f-cont .f-logo {
		width: 100%;
	}

	footer .foot-wrap .f-cont .f-link {
		width: 100%;
	}

	footer .foot-wrap .f-cont .top-link {
		width: 100%;
		padding-top: 20px;
	}
}



@media screen and (max-width: 1280px) {

	footer .foot-wrap .f-cont .f-logo img {
		width: 200px;
	}

	footer .foot-wrap .f-etc .tel {
		font-size: 32px;
	}

	.call:before {
		font-size: 32px;
	}

	footer .foot-wrap .f-etc .footer-select {
		max-width: 200px;
	}
}



@media screen and (max-width: 1024px) {

	footer {
		font-size: 14px;
		padding: 30px;
	}

	footer .foot-wrap .f-cont {
		width: 60%;
	}

	footer .foot-wrap .f-cont .f-logo img {
		width: 160px;
	}

	footer .foot-wrap .f-etc {
		width: 40%;
	}

}



@media screen and (max-width: 820px) {

	footer .foot-wrap {
		flex-direction: column;
		justify-content: center;
		text-align: center;
		gap: 20px;
	}

	footer .foot-wrap .f-cont {
		width: 100%;
	}

	footer .foot-wrap .f-cont .f-logo img {
		margin-right: -60px;
	}

	footer .foot-wrap .f-etc {
		width: 100%;
		text-align: center;
		padding-top: 20px;
	}

	footer .foot-wrap .f-etc .footer-select {
		padding-top: 15px;
	}

	footer .foot-wrap .f-cont .bot-link {
		padding-top: 15px;
	}

	footer .foot-wrap .f-etc .tel {
		font-size: 24px;
	}

	footer .foot-wrap .f-etc .sns-link {
		font-size: 22px;
	}

	.call:before {
		font-size: 24px;
	}

	.notice .wrap .output_table tr td:nth-child(1) {
		width: 50px !important;
	}

	.notice .wrap .output_table tr td:nth-child(3) {
		width: 106px !important;
	}

	.notice .wrap .output_table tr td:nth-child(2) {
		width: auto !important;
	}


}



@media screen and (max-width: 480px) {

	footer .foot-wrap .f-cont .f-logo img {
		width: 140px;
	}

	footer .foot-wrap .f-cont .sns-link li {
		padding-right: 12px;
	}

	footer .foot-wrap .f-cont .sns-link li i {
		font-size: 22px;
		line-height: 2;
	}
}