@import url('https://fonts.googleapis.com/css2?family=Montserrat+Subrayada:wght@400;700&family=Montserrat:wght@600;700;800&display=swap');

#idx_wrapper {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 100vh;
	z-index: 0;
}

/* 메인슬라이더 */
#visual {
	position: relative;
	width: 100%;
	height: 100vh;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	visibility: hidden;
}

#visual .sliderbx {
	z-index: 10;
	width: 100% !important;
	height: 100vh;
	position: relative;
}
#visual .sliderbx::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	}
#visual .sliderbx li {
	width: 100% !important;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	position: relative;
}
/* --- Vimeo 비디오용 추가 CSS --- */
#visual .mv01 {
	position: relative;
	width: 100%;
	height: 100vh; /* 전체 화면 꽉 채우기 */
	overflow: hidden;
	}
#visual .mv01 .video-wrap {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 0;
	}
#visual .mv01 iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100vw;
	height: 56.25vw; /* 16:9 기본 비율 (9 / 16 * 100 = 56.25) */
	min-height: 100vh;
	min-width: 190.78vh;
	transform: translate(-50%, -50%);
	object-fit: cover;
	border: none;
	}
/* --- //Vimeo 비디오용 추가 CSS --- */

#visual .area_txt {
	position: absolute;
	top: 50%;
	left: 10%;
	/* width: auto; */
	/* white-space: nowrap; */
	/* height: 100%; */
	z-index: 15;
	transform: translateY(-50%);
	color: #fff;
}

#visual .area_txt > h3 {
	font-size: 6em;
	line-height: 1.3;
	letter-spacing: -0.03em;
	font-family: 'Noto Sans KR';
	font-weight: 600;
	color: #fff;
	/*background: linear-gradient(316.15deg, #a8e6c1 51%, #0C733D 104.94%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;*/
}
#visual .area_txt > p {
	font-size: 24px;
	font-weight: 300;
	line-height: 1.6;
	color: #fff;
	margin-top: 30px;
}
#visual .area_txt a{margin-top: 45px;background: #fff;color: #000;    height: 55px;line-height: 55px;border-color: #fff;padding:0 20px ;min-width: 200px;transition: 0.3s}
#visual .area_txt a:hover{background: transparent;color: #fff}
#visual .area_txt > ul li {
	margin-top: 100px
}


#visual div.bx-pager {
	z-index: 50;
	position: absolute;
	top: 87%;
	right: 50px;
	transform: translateY(-50%);
}

#visual div.bx-pager div {
	margin: 0 0 40px;
}

#visual div.bx-pager div:last-child {
	margin: 0;
}

#visual div.bx-pager div a {
	font-family: 'Oswald', sans-serif;
	position: relative;
	font-size: 15px;
	font-weight: 400;
	color: #fff;
	transition: all 0.3s ease;
	opacity: 0.4;
}

#visual div.bx-pager div a.active {
	opacity: 1;
	font-weight: 600;
}

#visual div.bx-pager div a:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -25px;
	width: 5px;
	height: 5px;
	background: #fff;
	border-radius: 50%;
	transform: translateX(-50%);
	opacity: 0.4;
}

#visual div.bx-pager div a:before {
	content: '0';
	display: inline;
	width: auto;
	height: auto;
}

#visual div.bx-pager div:last-child a:after {
	display: none;
}

#visual .bx-controls-direction {
	display: none;
}

.scrolldown {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100px;
	height: 130px;
	z-index: 52;
	font-weight: 500;
	color: #fff;
	text-align: center;
}

.scrolldown a {
	position: relative;
	display: block;
	height: 100%;
	position: relative;
	box-sizing: border-box;
}

.scrolldown .icon {
	position: absolute;
	top: 17%;
	left: 50%;
	display: inline-block;
	width: 20px;
	height: 30px;
	border: 2px #111 solid;
	border-radius: 30px;
	transform: translateX(-50%);
}

.scrolldown .icon::after {
	content: '';
	position: absolute;
	top: 7px;
	left: 50%;
	margin-left: -2px;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background-color: #111;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-animation: scrollDownPointer 1.5s infinite;
	animation: scrollDownPointer 1.5s infinite;
}

.scrolldown a > i.txt {
	font-family: 'Oswald', sans-serif;
	position: relative;
	display: inline-block;
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	color: #fff;
	transform: rotate(-90deg);
	;
}

.scrolldown a > i.txt:before {
	content: '';
	position: absolute;
	left: -50%;
	bottom: 6px;
	background: url('../img/common/icon_scroll_arrow.svg')no-repeat center;
	width: 9px;
	height: 9px;
	background-size: cover;
	transform: rotate(90deg) !important;
}

.fixed_bg {
	position: fixed;
	z-index: -1;
	opacity: 0;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 120vh;
	background: url('../img/main/business_bg.png')no-repeat center;
	background-size: cover;
	transition: all 0.1s ease;
}

body.on .fixed_bg {
	z-index: 1;
	opacity: 1;
}

body.on #idx_wrapper {
	z-index: -1;
}

body.on .scrolldown {
	z-index: -1;
}



/* counter_area */
.counter_area .title.align_center p{
	padding-top: 0 !important;
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 19px !important;
	color: #333 !important;
	font-weight: 400 !important;
	line-height: 28px !important;
	letter-spacing: -.7px !important;
	font-family: 'SUIT' !important;
	}
.counter_area{background:#fff url("../img/main/performance_bg.png") no-repeat center / cover;padding: 100px 0;text-align: center;}
.counter_area .counter_img{max-width: 1400px; margin: 0 auto;}
.counter_area .counter_img img{width: 100%;}
.counterareabg{text-align:center;color: #000;margin: 0 auto;}
.counterareabg .title_wrap{border-top:1px solid #ffffff45; }
.counterareabg .title_wrap .inr{max-width: 1400px; display: flex; justify-content: center;    column-gap: 120px;}
.counterareabg .title{font-size: 1.1em;text-align:center;color: #000000;display:inline-block;position: relative;}
.counterareabg .title p{/* color: #ffffff95; */font-weight: 400;}
.counterareabg .title span{/* color: #ffffff56; */font-weight: 400;}
.counterareabg .counter_wrap .title .inr{text-align:center;display: grid;grid-template-columns: repeat(4, 1fr);align-items: center;justify-content: center; max-width: 1400px; margin: 0 auto;}
.counterareabg .title p{line-height: 1;}
.counterareabg .title p:nth-child(1){font-size: 48px;font-family: 'Montserrat';font-weight: 700;}
.counterareabg .title_wrap .title p:nth-child(1) .counter{ margin:0px !important; display:inline-block;    font-size: 60px;}
.counterareabg .title_wrap .title p:nth-child(1) .plus{font-size: 56px;}
.counterareabg .title_wrap .title p:nth-child(2){font-size: 18px;margin-top: 20px;letter-spacing: -0.05em}
@media(max-width: 768px){
	.counter_area{padding: 60px 0;}
	.counterareabg .title_wrap .inr,
	.counterareabg .title{display: block;width: 100%;}
	.counterareabg .title{margin-top: 40px;}
	.counterareabg .title:first-child{margin-top: 0;}
	.counterareabg .title p:nth-child(1){font-size: 26px;}
	.counterareabg .title p:nth-child(1) .counter{font-size: 40px;font-weight: 700;}
	.counterareabg .title p:nth-child(2){font-size: 16px;font-weight: 500;}
	}





/* cont_business */
.cont_business{padding-bottom: 0 !important;background: #000;}
.cont_business > ul > li .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.cont_business > ul > li .bg img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);opacity:.6;transition:filter 1.5s 2s ease;}
.cont_business > ul > li.wow.animated .bg img{filter:grayscale(0%);opacity:1}
.cont_business .inr{height: 100%;}
.cont_business > ul{}
.cont_business > ul > li{position: relative;height: calc(100vh - 80px);}
.cont_business > ul > li::after{content: '';background: rgba(0,0,0,0.5);position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.cont_business .txtBox{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;text-align: center;z-index: 1;}
.cont_business .txtBox .icon{    background: #2B2B2D;
	border-radius: 10px;
	border: 1px solid #ffffff70;
	width: 64px;
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 30px;}
.cont_business .txtBox .icon img{height: 32px;}
.cont_business .txtBox span{      font-size: 22px;
	line-height: 1.6;
	color: #ffffffc2;
	font-weight: 300;
	letter-spacing: 0.2em;display: block;margin-bottom: 10px;
	}
.cont_business .txtBox h4{    font-size: 50px;
	font-weight: 700;
	line-height: 1.3;
	color: #fff;
	display: block;
	margin-bottom: 30px;}
.cont_business .txtBox p{    font-size: 22px;
	line-height: 1.6;
	color: #fff;font-weight: 300;}
@media(max-width: 768px){
	.cont_business .txtBox{width: 90%;}
	.cont_business .txtBox .icon{width: 50px;height: 50px;}
	.cont_business .txtBox .icon img{height: 22px;}
	.cont_business .txtBox span{font-size: 15px;}
	.cont_business .txtBox h4{font-size: 34px;}
	.cont_business .txtBox p{font-size: 16px;}


	}



/* 비즈니스 레이어 (카드형 섹션) */
.cont_business{background: #000;}
.business_grid { display: grid; grid-template-columns: repeat(1, 1fr); margin-top: 60px; }
.b_item { height: 400px; position: relative; overflow: hidden; display: flex; align-items: center; border-bottom: 1px solid #222; }
.b_item .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0.3; transition: 0.6s; filter: grayscale(100%); }
.b_item:hover .bg { opacity: 0.6; filter: grayscale(0%); transform: scale(1.05); }
.b_item:nth-child(1) .bg{background-image: url('../img/main/cont_business01.jpg');}
.b_item:nth-child(2) .bg{background-image: url('../img/main/cont_business02.jpg');}
.b_item:nth-child(3) .bg{background-image: url('../img/main/cont_business03.jpg');}
.b_item:nth-child(4) .bg{background-image: url('../img/main/cont_business04.jpg');}
.b_item .txt_box { position: relative; z-index: 2; padding: 0 10%; }
.b_item .icon { font-size: 40px;margin-bottom: 25px; }
.b_item h4 { font-size: 36px; font-weight: 700; margin-bottom: 10px; }
.b_item p { font-size: 18px; color: #aaa; }




/* 아카데미 & 크루 섹션 (상세 소개) */
.detail_section { background-color: #08080a; }
.detail_section  .title h3{font-size: 40px !important;}
.detail_grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; margin-top: 60px; }
.detail_grid.reverse { direction: rtl; }
.detail_grid.reverse .txt_side { direction: ltr; }
.img_side img { width: 100%; border-radius: 20px; box-shadow: 0 20px 40px rgba(0,0,0,0.5); }
.txt_side h4 { font-size: 32px;  margin-bottom: 20px; font-weight: 700; }
.txt_side p {    line-height: 1.6; font-size: 18px; color: #ccc; margin-bottom: 30px; line-height: 1.6;}
.feature_list li { margin-bottom: 15px; display: flex; align-items: center; font-size: 17px;color: #fff;line-height: 1.6;}
.feature_list li i { color: #fff; margin-right: 15px; font-size: 20px; }
@media(max-width: 768px){
	.detail_grid{grid-template-columns: 1fr ;}
	.detail_section .title h3{font-size: 34px !important;line-height: 1.3 !important;}


	}




/* cont_problem */
.cont_problem{position: relative;z-index: 1;background: #000;}
.cont_problem .problem-list{display: flex;gap: 100px;justify-content: center}
.cont_problem .problem-list li{text-align:center}
.cont_problem .problem-list .icoBox{width:220px;height:220px;margin:0 auto 30px;border-radius:50%;background:#1B1B1D;display:flex;align-items:center;justify-content:center}
.cont_problem .problem-list .icoBox img{height: 60px;}
.cont_problem .problem-list .txtBox strong{display:block;font-size:25px;font-weight:700;line-height:1.3;color:#fff;}
.cont_problem .problem-list .txtBox p{margin-top:22px;font-size:20px;line-height:1.6;color:#aaa;word-break:keep-all;font-weight: 300;}
@media(max-width: 1024px){
	.cont_problem .problem-list{gap: 30px}
	.cont_problem .problem-list .icoBox{width: 180px;height: 180px;}
	.cont_problem .problem-list .icoBox img {width: 60%;}
	.cont_problem .problem-list .txtBox strong{font-size: 23px;}
	.cont_problem .problem-list .txtBox p{font-size: 18px;line-height: 1.4;margin-top: 15px;}

	}
@media(max-width: 769px){
	.cont_problem .problem-list{display: block !important;}
	.cont_problem .problem-list li{margin-bottom: 50px;}
	.cont_problem .problem-list li:last-child{margin-bottom: 0;}
	.cont_problem .problem-list .icoBox{margin: 0 auto 20px;}
	.cont_problem .problem-list .icoBox {
		width: 150px;
		height: 150px;
		}
	.cont_problem .problem-list .txtBox p{font-size: 16px;}

	}

/* IP & 매니지먼트 섹션 */
.cont_ipmag{background: #000;}
.cont_ipmag .title h3 {
	font-size: 40px !important;
	}
.cont_ipmag .ip_mgmt_grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-top: 60px;}
.cont_ipmag .card_item { background:#141416; padding: 50px; border-radius: 15px; border: 1px solid #222;}
.cont_ipmag .card_item:hover { border-color: #00bc80;}
.cont_ipmag .card_item .ico_top { font-size: 50px;  margin-bottom: 40px; }
.cont_ipmag .card_item h4 { font-size: 28px; margin-bottom: 30px; font-weight: 700; }
.cont_ipmag .card_item p { color: #999; font-size: 17px; margin-bottom: 20px; line-height: 1.6;}
@media(max-width: 768px){
	.cont_ipmag .title h3{font-size: 34px !important;line-height: 1.3 !important;}
	.cont_ipmag .ip_mgmt_grid{display: block;}
	.cont_ipmag .card_item{padding: 30px;margin-bottom: 15px;}


	}




/* 메가 라인업 (타임라인) */
#mega_lineup { background-color: #0a110f; }
.timeline { position: relative; margin-top: 80px; }
.timeline::after { content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: rgba(0, 188, 128, 0.3); transform: translateX(-50%); }
.t_item { width: 50%; padding: 30px 60px; position: relative; box-sizing: border-box; }
.t_item.left { text-align: right; left: 0; }
.t_item.right { text-align: left; left: 50%; }
.t_item .dot { position: absolute; top: 38px; width: 12px; height: 12px; background: #00bc80 ; border-radius: 50%; box-shadow: 0 0 15px #00bc80; z-index: 2; }
.t_item.left .dot { right: -6px; }
.t_item.right .dot { left: -6px; }
.t_item .date { color: #00bc80; font-family: 'Montserrat'; font-size: 18px; font-weight: 700; display: block; }
.t_item h4 { font-size: 24px; margin: 15px 0; font-weight: 700; color: #fff}
.t_item p { color: #888; font-size: 17px; }
@media(max-width:768px){
	#mega_lineup .timeline{margin-top:40px;}
	#mega_lineup .timeline::after{left:20px;transform:none;}
	#mega_lineup .t_item{width:100%;padding:20px 20px 20px 50px;text-align:left;left:0 !important;}
	#mega_lineup .t_item.left,#mega_lineup .t_item.right{text-align:left;}
	#mega_lineup .t_item .dot{left:14px !important;right:auto;top:26px;}
	#mega_lineup .t_item .date{font-size:14px;}
	#mega_lineup .t_item h4{font-size:18px;margin:10px 0;}
	#mega_lineup .t_item p{font-size:14px;}
	}





	/* 공지사항 */
.area_notice {
	position: absolute;
	bottom: -20px;
	right: 0;
	width: 720px;
	background: #192448;
	z-index: 50;
	opacity: 0;
	transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
}

.area_notice.active {
	bottom: 0;
	opacity: 1;
}

@media screen and (max-width:1024px) {
	#visual .area_txt {}

	#visual .area_txt > h3 {
		font-size: 50px;
	}

	#visual .area_txt > h2 {
		font-size: 45px;
	}

	#visual div.bx-pager {
		right: 25px;
	}

	.area_notice {
		width: 60%;
	}

	.area_notice .bx-wrapper li > a {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
}

@media screen and (max-width:768px) {
	#visual .area_txt{left: 5%;width: 90%;}
	#visual .area_txt > h3 {
		font-size: 38px;
	}

	#visual .area_txt > h2 {
		font-size: 35px;
	}

	#visual .area_txt > p {
		width: 90%;
		font-size: 16px;
	}
	#visual .area_txt a{font-size: 15px;min-width: 150px}
	.scrolldown {
		width: 80px;
		height: 80px;
	}

	.scrolldown .icon {
		top: 12%;
	}

	.scrolldown a > i.txt {
		padding-top: 0px;
	}

	.scrolldown a > i.txt:before {
		bottom: -8px;
	}

	.area_notice {
		width: calc(100% - 80px);
		width: -webkit-calc(100% - 80px);
	}

	#visual .area_txt > ul li {
		padding: 0px 25px;
	}

	#visual .area_txt > ul li svg {
		font-size: 1.4em;
	}

	#visual .area_txt > ul li {
		font-size: 20px;
	}
	
	#visual .area_txt > ul li p{
		padding: 5px 0;
		font-size: 1em;
	}
}

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



	#visual .area_txt > p {
		padding: 10px 0 0;
		font-size: 16px;
	}
}

@media screen and (max-width:550px) {
	#visual .area_txt {}


	#visual div.bx-pager {
		right: 15px;
	}

	#visual div.bx-pager div {
		margin: 0 0 20px;
	}

	#visual div.bx-pager div a:after {
		bottom: -15px;
		width: 4px;
		height: 4px;
	}

	#visual div.bx-pager div a {
		font-size: 14px;
	}

	#visual .area_txt > ul li {
		font-size: 15px;
	}

	#visual .area_txt > ul li {
		padding: 0px 10px;
	}

	#visual .area_txt > ul li svg {
		font-size: 1.2em;
	}

	.scrolldown {
		width: 70px;
		height: 100px;
	}

	.area_notice {
		width: calc(100% - 70px);
		width: -webkit-calc(100% - 70px);
	}

	.scrolldown .icon {
		top: 17%;
		width: 18px;
		height: 26px;
	}

	.scrolldown a > i.txt:before {
		display: none;
	}

	.scrolldown a > i.txt {
		font-size: 11px;
	}
}





/* cont_intro */
.cont_intro{position: relative;z-index: 1;background: #000 url(../img/main/contsArea_bg.png) no-repeat center bottom / cover;}
.cont_intro .tt strong{      font-size: 40px;
	font-weight: 700;
	line-height: 1.3;
	color: #fff;
	display: block;
	margin-bottom: 30px;}
.cont_intro .tt p{font-size: 20px;line-height: 1.6;color: #eee;font-weight: 300;}
.cont_intro .intro_keyword{display:flex;justify-content:center;gap:16px;margin-top:60px;flex-wrap:wrap}
.cont_intro .intro_keyword li{padding:14px 28px;border:1px solid #e2e9f1;border-radius:999px;background:#fff;font-size:18px;font-weight:600;line-height:1.4;color:#1a1a1a}
@media(max-width: 1024px){
	.cont_intro .tt strong{font-size: 28px;}
	.cont_intro .tt p{font-size: 18px;}
	}
@media(max-width: 769px){
	.cont_intro .intro_keyword li{font-size: 16px;font-weight: 500;padding: 12px 15px;}
	.cont_intro .intro_keyword{gap: 6px}
	.cont_intro .intro_keyword li{font-size: 15px;}

	}

/* 비즈니스 레이어 (카드형 섹션) */
.cont { padding: 120px 0; }
.business_grid { display: grid; grid-template-columns: repeat(1, 1fr); margin-top: 60px; }
.b_item { height: 400px; position: relative; overflow: hidden; display: flex; align-items: center; border-bottom: 1px solid #222; }
.b_item .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0.3; transition: 0.6s; filter: grayscale(100%); }
.b_item:hover .bg { opacity: 0.6; filter: grayscale(0%); transform: scale(1.05); }
.b_item .txt_box { position: relative; z-index: 2; padding: 0 10%; }
.b_item .icon { font-size: 40px; color: var(--main-color); margin-bottom: 15px; }
.b_item h4 { font-size: 36px; font-weight: 700; margin-bottom: 10px; }
.b_item p { font-size: 18px; color: #aaa; }
@media(max-width: 768px){
	.b_item h4{font-size: 28px;}
	.b_item p{line-height: 1.6;font-size: 16px;}
	}




/* cont_service */
.cont_service{background:#f5f8f3}
.cont_service .service_wrap{    max-width: 950px;
	margin: 0 auto;}
.cont_service .service_wrap li{display:flex;align-items:center;justify-content:space-between;gap:80px;margin-bottom: 100px;}
.cont_service .service_wrap li:last-child{margin-bottom: 0;}
.cont_service .imgBox{width:48%;text-align:center;border-radius: 20px;overflow: hidden}
.cont_service .imgBox img{max-width:100%;width:100%}
.cont_service .service_wrap li:nth-child(2n) .imgBox{order:2;}
.cont_service .txtBox{width:52%}
.cont_service .txtBox h3{font-size:34px;font-weight:700;line-height:1.4;color:#5b605d;word-break:keep-all;margin-bottom: 50px;}
.cont_service .txtBox p{font-size: 20px;
	line-height: 1.6;
	color: #555;
	word-break: keep-all;}
.cont_service .txtBox ul{margin-top:34px}
.cont_service .txtBox ul li{position:relative;padding-left:28px;font-size:22px;font-weight:600;line-height:1.8;color:#5b605d;word-break:keep-all}
.cont_service .txtBox ul li:before{content:"✔";position:absolute;left:0;top:0;color:#2f6bff;font-weight:700}
@media(max-width: 1024px){
	.cont.cont_service{padding-top: 0;}
	.cont_service .txtBox h3{font-size: 28px;margin-bottom: 30px;}
	.cont_service .txtBox p{font-size: 18px;}
	.cont_service .imgBox{width: 40%;}
	.cont_service .txtBox{width: 60%;}
	}
@media(max-width: 769px){
	.cont_service .service_wrap li{display: block;margin-bottom: 60px;}
	.cont_service .service_wrap li > div{width: 100%;}
	.cont_service .service_wrap li .txtBox{margin-top: 20px;}
	.cont_service .txtBox p{font-size: 16px;}
	}





/* cont_product */
.cont_product{background: #F0F2F4;}
.cont_product .tabs{margin-bottom: 40px;}
#content .cont_product .title h3{    font-size: 40px;
	font-weight: 700;
	line-height: 1.3;
	color: #222;background: none;
	display: block;text-fill-color:unset;-webkit-text-fill-color:unset;
	margin-bottom: 30px;}
.cont_product .pdSwiper{overflow: hidden}
.cont_product .swiper-slide{border-radius: 20px;overflow: hidden;background: #fff;padding: 40px 40px 0;text-align: center}
.cont_product .swiper-slide p{    font-size: 20px;
	line-height: 1.6;
	color: #4e5968;
	}
.cont_product .swiper-slide h4{    display: block;
	font-size: 25px;
	font-weight: 700;
	line-height: 1.3;
	color: #222;margin-top: 5px;}
.cont_product .swiper-slide .imgBox{min-height: 279px;    display: flex;
	justify-content: center;
	align-items: center;}
.cont_product .swiper-slide img{transition: 0.5s;max-width: 100%}
.cont_product .swiper-slide:hover img{transform: scale(1.1)}
@media(max-width: 1024px){
	#content .cont_product .title h3{font-size: 28px;}
	/*.cont_product ul.grid{grid-template-columns: repeat(2, 1fr);}*/
	.cont_product .swiper-slide p{font-size: 18px;}
	.cont_product .swiper-slide h4{font-size: 23px;}

	}
@media(max-width: 769px){
	/*.cont_product ul.grid{grid-template-columns: repeat(1, 1fr);}*/
	.cont_product .inr{width: 100% !important;}
	.cont_product .tab-content{padding-left: 4%;}
	.cont_product ul.tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;margin:0 0 40px 4%;}
	.cont_product ul.tabs li{flex:0 0 auto;padding:12px 14px;font-size:15px;margin-right:5px;white-space:nowrap;}
	}





/* cont_feature */
.cont_feature{background: #020203;}
#content .cont_feature .title h3{    font-size: 40px;
	font-weight: 700;
	line-height: 1.3;
	color: #222;background: none;
	display: block;text-fill-color:unset;-webkit-text-fill-color:unset;
	margin-bottom: 30px;}
.cont_feature li{background: #1B1B1D;border-radius: 20px;padding: 40px;}
.cont_feature li .num{color: #ffffffbd;font-size: 20px;}
.cont_feature li h4 {
	display: block;
	font-size: 25px;
	font-weight: 700;
	line-height: 1.3;
	color: #222;
	margin-top:15px;
	margin-bottom: 15px;
	}
.cont_feature li p {
	font-size: 20px;
	line-height: 1.6;
	color: #62656a;
	}
@media(max-width: 1024px){
	#content .cont_feature .title h3{font-size: 28px;}
	.cont_feature ul.grid{    grid-template-columns: repeat(2, 1fr) !important;}
	.cont_feature li p{font-size: 18px;}
	.cont_feature li h4{font-size: 23px;}
	}
@media(max-width: 769px){
	.cont_feature ul.grid{grid-template-columns: repeat(1, 1fr) !important;}

	}





.area_txt_wrap .area_btn {
	display: none;
}

.area_btn {
	font-size: 15px;
	font-weight: 500;
	color: #fff !important;
	transition: all 0.3s ease;
	font-family: 'Oswald', sans-serif;
	bottom: 0;
	right: 50px;
	position: absolute;
}

.area_marin .area_btn i {
	position: relative;
	display: inline-block;
	margin: 0 0 5px 10px;
	width: 20px;
	height: 1px;
	background: #fff;
	transition: all 0.3s ease;
}

.area_marin .area_btn i:before {
	content: '';
	position: absolute;
	opacity: 0;
	top: -2px;
	left: 30%;
	width: 5px;
	height: 5px;
	background: #fff;
	border-radius: 50%;
	transition: all 0.3s ease;
}

.area_marin .area_btn:hover i:before {
	opacity: 1;
	left: 98%;
}

@media screen and (max-width:1400px) {
	.area_marin .area_img {
		width: 40%;
		margin: 0 5% 0 0;
	}

	.area_marin .area_txt {
		width: 55%;
	}

	.area_marin .area_txt h3 {
		font-size: 40px;
	}
}

@media screen and (max-width:1200px) {
	.area_marin {
		position: relative;
		padding: 100px 0;
	}

	.area_marin {
		background: url('../img/main/img_company_bg.jpg') no-repeat center;
	}

	.area_marin .area_txt h3 {
		font-size: 35px;
	}

	.area_marin:after {
		width: 38%;
		bottom: 80px;
	}

	.area_marin .area_img {
		display: none;
	}

	.area_marin .area_txt h2 {
		color: #fff;
	}

	.area_marin .area_txt h3 {
		color: #fff;
	}

	.area_marin .area_txt p {
		color: #fff;
	}

	.area_txt_wrap .area_btn {
		display: block;
		position: relative;
		left: 0;
	}

	.area_txt_wrap .area_btn {
		font-size: 15px;
		font-weight: 500;
		color: #fff !important;
		transition: all 0.3s ease;
		font-family: 'Oswald', sans-serif;
	}

	.area_txt_wrap .area_btn i {
		position: relative;
		display: inline-block;
		margin: 0 0 5px 10px;
		width: 20px;
		height: 1px;
		background: #fff;
		transition: all 0.3s ease;
	}

	.area_txt_wrap .area_btn:hover i:before {
		opacity: 1;
		left: 98%;
	}

	.area_txt_wrap .area_btn i:before {
		content: '';
		position: absolute;
		opacity: 0;
		top: -2px;
		left: 30%;
		width: 5px;
		height: 5px;
		background: #fff;
		border-radius: 50%;
		transition: all 0.3s ease;
	}

}

@media screen and (max-width:1024px) {
	.area_marin .area_txt h3 {
		font-size: 32px;
		padding-top: 20px;
	}

	.area_marin .area_txt p {
		font-size: 16px;
	}
}

@media screen and (max-width:768px) {
	.area_marin {
		padding: 100px 0;
	}

	.area_marin .area_img {
		width: 60%;
		margin: 0 20%;
	}

	.area_marin .area_txt {
		width: 80%;
		margin: 0 10%;
	}

	.area_marin .area_txt {}

	.area_marin:after {
		width: 42%;
		bottom: 30px;
	}
}

@media screen and (max-width:650px) {
	.area_marin .area_img {
		width: 70%;
		margin: 0 15%;
	}

	.area_marin .area_txt {
		width: 90%;
		margin: 0 5%;
	}

	.area_marin .area_txt p {
		font-size: 16px;
	}

	.area_marin .area_txt p br {
		display: none;
	}
}

@media screen and (max-width:550px) {
	.area_marin {
		padding: 60px 0;
	}

	.area_marin .area_img {
		width: 86%;
		margin: 0 7%;
	}

	.area_marin .area_txt {
		width: 94%;
		margin: 0 3%;
	}

	.area_marin .area_txt {
		padding: 30px 0 0;
	}

	.area_marin .area_txt h3 {
		font-size: 26px;
	}

	.area_marin .area_txt p {
		padding: 12px 0;
		font-size: 15px;
	}

	.area_marin:after {
		bottom: 0;
	}
}

@media screen and (max-width:450px) {
	.area_marin .area_txt h3 {
		font-size: 22px;
	}
}

@media screen and (max-width:420px) {
	.area_marin {
		padding: 40px 0;
	}
}




/* cont_review */
.cont_review{/*background: url(../img/main/cont_review_bg.jpg) no-repeat;background-size: cover*/background: #1D3933;}
.cont_review .inr{overflow: hidden}
#content .cont_review .title h3{    font-size: 40px;
	font-weight: 700;
	line-height: 1.3;
	color: #222;background: none;
	display: block;text-fill-color:unset;-webkit-text-fill-color:unset;
	margin-bottom: 30px;}
.cont_review .swiper-slide{
	position: relative;
	border-radius: 16px;
	background: #fff;
	padding: 20px;
	overflow: unset;
	font-size: 17px;

	}
.cont_review .top{
	border-bottom: 1px solid #EFEFEF;
	padding-bottom: 15px;margin-bottom: 15px;
	}
.cont_review .top img{
	width: 60px;
	height: 60px;
	border-radius: 8px;
	margin-right: 10px;
	}
.cont_review .top .tit{
	font-size: 25px;
	font-weight: 700;
	line-height: 1.3;

	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	}
.cont_review ul{grid-gap: 20px; font-size: 16px;    margin-top: 80px;}
.cont_review .middle{min-height: 102px;
	margin-bottom: 25px;
	min-height: 160px;
	font-size: 20px;
	line-height: 1.6;
	color: #555;
	word-break: keep-all;
	}
.cont_review .date{
	color: #999696;
	line-height: 1;
	margin-bottom: 5px;
	font-size: 15px;
	}
.cont_review .name{    color: #999696;}
.cont_review .swiper-wrapper{
	padding-bottom: 40px;
	}
.cont_review .swiper-pagination{
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	}
.cont_review .swiper-pagination-bullet{
	width: 8px;
	height: 8px;border-radius: 50%;
	background: #000;
	opacity: 0.3;
	margin-right: 6px;
	}
.cont_review .swiper-pagination-bullet-active{
	opacity: 1;
	}
@media(max-width: 1024px){
	#content .cont_review .title h3{font-size: 28px;}
	.cont_review .top .tit{font-size: 23px;}
	.cont_review .middle{font-size: 18px;}

	}
@media(max-width: 768px){
	.cont_review .inr{width: 100%;}
	.cont_review .title{width: 90% !important;margin: 0 auto;}
	.reviewSwiper{padding-left: 4%;}
	.cont_review .swiper-slide{
		font-size: 15px;
		}
	.cont_review .middle{
		min-height: 96px;
		}
	.cont_review ul{
		display: block;
		}
	.cont_review li{
		width: 100%;
		padding-bottom: 100%;
		margin-bottom: 16px;
		}
	.cont_review li .txtBox{
		width: 100%;
		bottom: 10%;
		}
	.cont_review li strong{
		font-size: 26px;
		}
	.cont_review li p{
		font-size: 15px;
		line-height: 1.4;
		}


	}




/*cont_process*/
#content .cont_process .title h3{    font-size: 40px;
	font-weight: 700;
	line-height: 1.3;
	color: #222;background: none;
	display: block;text-fill-color:unset;-webkit-text-fill-color:unset;
	margin-bottom: 30px;}
.cont_process .title{width: 40%;margin-top: 10em;}
.cont_process ul{width: 45%;display: flex;flex-direction: column;row-gap: 20px}
.cont_process li{    background: #f5f8f3;
	border-radius: 20px;
	padding: 30px;}
.cont_process li span{    font-size: 18px;
	color: #0D7341 ;font-weight: 500;
	display: block;}
.cont_process li h4{    display: block;
	font-size: 25px;
	font-weight: 700;
	line-height: 1.3;
	color: #222;
	margin-top: 8px;
	margin-bottom: 20px;}
.cont_process li p{    font-size: 20px;
	line-height: 1.6;
	color: #4e5968;
	margin-bottom: 15px;}
@media(max-width: 1024px){
	#content .cont_process .title h3{font-size: 28px;}
	.cont_process .title{width: 40%;}
	.cont_process ul{width: 50%;}
	.cont_process li h4{font-size: 23px;}
	.cont_process li p{font-size: 18px;}

	}
@media(max-width: 769px){
	.cont_process .inr{display: block !important;}
	#content .title, .cont_process ul{width: 100%;margin-top: 0;}

	}


/* 연혁 */
.hi_wrap {
	display: flex;
	}

.hi_img {
	display: flex;
	flex-direction: column;
	}

.hi_img_2021 {
	margin-top: 220px;
	}

.hi_img_2022 {
	margin-top: 450px;
	}

.hi_img_2023 {
	margin-top: 690px;
	}

.hi_img img {
	max-width: 100%;
	margin-bottom: 10px;
	}

.hi_img1 {
	margin-bottom: 10px;
	}

.hi_right {
	margin-left: 150px;
	position: relative;
	}

.hi_right::before {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background: #d1d1d1;
	position: absolute;
	left: 14.8%;
	top: 0;
	}

.hi_right::after {
	content: '';
	display: block;
	position: absolute;
	left: 13.1%;
	top: 0;
	width: 20px;
	height: 20px;
	border-radius: 50px;
	border: 4px solid #0D7341 ;
	background-color: #ffffff;
	}

.hi_txtbox {
	margin-top: 50px;
	}

.hi_txtbox2 {
	margin-top: 100px;
	}

.hi_txt {
	margin-bottom: 25px;
	display: flex;
	position: relative;
	}

.hi_txt:last-child {
	margin: 0;
	}

.hi_txt::after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #d1d1d1;
	position: absolute;
	top: 9px;
	left: 14%;
	}


.hi_txt h5 {
	font-size: 28px;
	font-weight: 700;
	color: #222;
	margin-left: -10px;
	text-align: right;
	/*margin-right: 75px;*/
	position: relative;
	background: transparent !important;
	padding: 0 !important;
	font-family: 'Noto Sans KR';
	}

.hi_txt h5.txt_2015::before {
	content: "2015";
	display: block;
	font-size: 1.7em;
	color: #0d3388;
	position: absolute;
	left: 50%;
	top: -22px;
	transform: translateX(-50%);
	font-weight: 700;
	}

.hi_txt h5.txt_2013::before {
	content: "2013";
	display: block;
	font-size: 1.7em;
	color: #0d3388;
	position: absolute;
	left: 50%;
	top: -22px;
	transform: translateX(-50%);
	font-weight: 700;
	}
.hi_txt h5.txt_2011::before {
	content: "2011";
	display: block;
	font-size: 1.7em;
	color: #0d3388;
	position: absolute;
	left: 50%;
	top: -22px;
	transform: translateX(-50%);
	font-weight: 700;
	}
.hi_txt h5.txt_2022::before {
	content: "2022";
	display: block;
	font-size: 1.8rem;
	color: #8ad8ff;
	position: absolute;
	left: 50%;
	top: -22px;
	transform: translateX(-50%);
	font-weight: 700;
	}

.hi_cont {
	margin-left: 75px;
	width: 100%;
	max-width: 600px;
	}

.hi_cont p {
	font-size: 20px;
	line-height: 1.6;
	color: #666;
	padding: 3px 0;
	}
.hi_cont p span{ margin: 0 5px 0 0; font-weight: 700}

@media screen and (max-width:1300px) {
	.hi_right {
		margin-left: 8%;
		}
	}

@media screen and (max-width:1130px) {
	.hi_txt h5 {
		margin-right: 60px;
		}

	.hi_cont {
		margin-left: 60px;
		}

	.hi_right::before {
		left: 13.1%;
		}

	.hi_right::after {
		left: 12.3%;
		}

	.hi_txt::after {
		left: 12.6%;
		}
	}

@media screen and (max-width:1024px) {
	#his_cate {
		margin: 25px 0 100px;
		}

	.hi_wrap {
		justify-content: center;
		flex-direction: column;
		}

	.hi_img {
		justify-content: center;
		margin-bottom: 55px;
		margin-top: 0;
		flex-direction: row;
		overflow: hidden;
		overflow-x: scroll;
		}

	.hi_img img {
		width: 50%;
		}

	.hi_img1 {
		margin: 0 20px 0 0;
		}

	.hi_right {
		margin: 0 auto;
		}

	.hi_txt {
		margin-bottom: 30px;
		}

	.hi_right::before {
		left: 13.4%;
		}

	.hi_right::after {
		left: 12.6%;
		}

	.hi_txt::after {
		left: 12.9%;
		}
	}

@media(max-width:768px) {
	#his_cate {
		margin: 25px 0 80px;
		}

	.hi_txt {
		margin-bottom: 25px;
		}

	.hi_txt h5 {
		font-size: 2rem;
		}

	.hi_txt h5.txt_2019::before, .hi_txt h5.txt_2020::before {
		font-size: 1.9rem;
		left: 0;
		transform: none;
		}

	.hi_cont p {
		font-size: 1.9rem;
		}
	.hi_img1 {
		margin-bottom: 20px;
		}
	}

@media screen and (max-width:600px) {
	.hi_txt {
		margin-bottom: 30px;
		flex-direction: column;
		align-items: flex-start;
		}

	.hi_txt h5 {
		margin-right: 0;
		margin-bottom: 5px;
		}

	.hi_img {
		flex-direction: column;
		margin-bottom: 50px;
		}

	.hi_img img {
		width: auto;
		}

	.hi_img1 {
		margin: 0 0 20px 0;
		}

	.hi_cont {
		margin-left: 0;
		}

	.hi_right {
		margin: 0;
		padding: 0 0 0 40px;
		}

	.hi_right::before {
		left: 0;
		}

	.hi_right::after {
		left: -5px;
		}

	.hi_txt::after {
		left: -43.5px;
		}

	.hi_cont p {
		padding: 1px 0;
		}
	}


/* cont_cta */
.cont_cta{position: relative; background: url(../img/main/cont_cta_bg.jpg) no-repeat; background-size: cover;padding: 220px 0 !important;    background-position: center}
.cont_cta::after{    content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);}
.cont_cta .inr{position: relative;z-index: 1;}
.cont_cta img{height: 120px;}
.cont_cta p{        line-height: 1.4;
	font-weight: 600;
	font-size: 29px;margin-top: 20px;color: #fff;word-break: keep-all}
.cont_cta .flex{margin-top: 65px;}
.cont_cta a{height: 52px;line-height: 52px;background: #fff;color: #1a1a1a;opacity: 0.9;border-radius: 6px;padding: 0 30px;font-size: 18px;font-weight: 500;transition: 0.3s;min-width: 178px}
.cont_cta a:hover{opacity: 1;}
@media(max-width: 769px){
	.cont_cta p{font-size: 26px;}
	.cont_cta img{height: 70px;}

	}



/* cont_estimate */
.cont_estimate{background: #020203;}
.cont_estimate input{}
#content .cont_estimate .title h3{    font-size: 40px;
	font-weight: 700;
	line-height: 1.3;
	color: #222;background: none;
	display: block;text-fill-color:unset;-webkit-text-fill-color:unset;
	margin-bottom: 30px;}
.cont_estimate .formWrap{width: 550px;margin: 0 auto;}
.cont_estimate button{height: 55px;background: transparent;border-color: #fff}
.cont_estimate button:hover{color: #fff;background-color: #1B1B1D}
.cont_estimate textarea{min-height: 130px;margin-top: 5px;}
.cont_estimate button.supply{margin-top: 50px;background: #00BC80 ;border-color: #00BC80 }
.cont_estimate #join_agr{margin-top: 20px;}
.cont_estimate .row{margin: 0;margin-bottom: 20px;}
.cont_estimate .row:last-child{margin-bottom: 0;}
.cont_estimate label{font-size: 18px;color: #fff}
.cont_estimate label span{padding: 4px 6px;color: #fff;font-weight: normal;font-size: 0.9em;margin-right: 5px;}
@media(max-width: 1024px){
	#content .cont_estimate .title h3{font-size: 28px;}

	}
@media(max-width: 769px){
	.cont_estimate .formWrap{width: 100%;}

	}










	/* 진행사업 */
.area_work {
	position: relative;
	z-index: 1;
	background: #fff;
	text-align: center;
}

.area_work .title {
	text-align: left;
	position: relative;
}

.area_work .title > h2 {
	font-size: 50px;
	font-weight: bold;
	color: #222;
}

.area_work .title > p {
	display: block;
	padding: 10px 0 0;
	font-size: 16px;
	font-weight: 300;
	color: #555;
}


/* tab */
.tab ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.tab ul.title li:first-child {
	margin-left: 0;
}

.tab ul.title li {
	float: left;
	margin-left: 0px;
}

.tab ul.title li a {
	display: block;
	padding: 13px 50px;
	background: #eee;
	color: #222;
}

.tab ul.title li a.show {
	background: #bc3232;
	color: #fff;
}

.tab ul.title:after {
	content: "";
	display: block;
	clear: both;
}

.tab ul.panel li {
	display: none;
	overflow: hidden;
	height: auto;
}

.tab ul.title {
	text-align: center;
	margin-bottom: 40px;
}

.tab ul.title li {
	display: inline-block;
	float: none !important;
}



.table caption {
	display: none;
}

.area_work .area_table {}

.area_work .inr {}

.area_work:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 33%;
	background: #273547;
}

.area_work .area_left .title em {
	color: #fff;
}

.area_work .area_left .cont {
	text-align: left;
	color: #fff;
}

.area_work .area_left .cont h1 {
	font-size: 60px;
	font-family: 'Oswald', sans-serif;
	letter-spacing: -1.5px
}

.area_work .area_left .cont h5 {
	font-size: 21px;
	color: rgba(255, 255, 255, 0.45);
	margin-top: 120px;
	line-height: 1.6em
}

.area_work .area_left .cont p {
	font-size: 18px;
	line-height: 1.6em
}

.area_work .title em {
	text-transform: uppercase;
	font-style: normal;
	font-size: 30px;
	font-weight: 500;
	color: #ffa42d;
	font-family: 'Oswald', sans-serif;
}

.area_work .title em span {
	font-weight: 300;
	color: #ffa42d;
}

.area_work .area_btn {
	font-size: 15px;
	font-weight: 500;
	color: #787878 !important;
	transition: all 0.3s ease;
	font-family: 'Oswald', sans-serif;
	right: 0px;
	top: -2px;
	;
}

.area_work .area_btn i {
	position: relative;
	display: inline-block;
	margin: 0 0 5px 10px;
	width: 20px;
	height: 1px;
	background: #787878;
	transition: all 0.3s ease;
}

.area_work .area_btn:hover i:before {
	opacity: 1;
	left: 98%;
}

.area_work .area_btn i:before {
	content: '';
	position: absolute;
	opacity: 0;
	top: -2px;
	left: 30%;
	width: 5px;
	height: 5px;
	background: #787878;
	border-radius: 50%;
	transition: all 0.3s ease;
}

.work_info {
	margin: 30px 0 0;
}

.work_info > li {
	display: block;
	width: 100%;
}

.work_info > li:after {
	content: '';
	display: block;
	clear: both;
}

.work_info > li > em {
	float: left;
	padding: 15px;
	width: 30%;
	border-top: 2px solid #dc2020;
	box-sizing: border-box;
	vertical-align: top;
	font-size: 19px;
	font-weight: 500;
	color: #333;
	text-transform: uppercase;
}

.work_info > li > .work_content {
	float: left;
	padding: 18px 15px 15px;
	width: 70%;
	box-sizing: border-box;
	border-top: 2px solid #222;
}

.work_info > li > .work_content p {
	font-size: 16px;
	font-weight: 400;
	color: #666;
	line-height: 1.6em;
}

.area_work .table {
	margin: 0;
	border-top: 2px solid #eee;
	border-bottom: 2px solid #eee;
}

.area_work .table > thead {
	padding: 50px 0;
}

.area_work .table > tbody > tr:nth-child(2n-1) {
	background: #f9f9f9;
}

.area_work .table > tbody > tr > td {
	padding: 14px 20px;
	border-right: 1px solid #eee !important;
	vertical-align: middle;
	font-size: 16px;
	font-weight: 400;
	color: #333;
	text-align: center;
	word-break: keep-all;
}

.area_work .table > tbody > tr > td:first-child {
	font-weight: bold;
}

.area_work .table > tbody > tr > td:last-child {
	text-align: left;
	border-right: none !important;
}

.mob_info {
	display: none;
	margin: 0 0 10px;
	font-size: 15px;
	font-weight: 300;
	color: #333;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
	border-top: 1px solid #eee;
}

#tab1 .area_left {
	height: 100%;
	background: #273547;
}

.area_btn02 {
	position: relative;
	z-index: 1;
	margin: 50px 0 0;
	text-align: center;
	display: inline-block;
	min-width: 180px;
	padding: 15px 20px;
	box-sizing: border-box;
	border-radius: 6px;
	font-size: 15px;
	font-weight: 500;
	color: #333;
	border: 3px solid #eee;
	transition: all 0.5s ease;
}

.area_btn02:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background: #192448;
	z-index: -1;
	transition: all 0.5s ease;
}

.area_btn02:hover {
	color: #fff;
	border: 3px solid #192448;
	box-shadow: 0px 3px 7.36px 0.64px rgba(25, 36, 72, 0.32);
}

.area_btn02:hover:before {
	width: 100%;
}

@media screen and (max-width:1400px) {
	.area_work:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 33%;
		background: #fff;
	}

	.area_work .inr {
		width: 100%;
	}
}

@media screen and (max-width:1300px) {
	.tabs li {
		min-width: 75px;
	}
}

@media screen and (max-width:1100px) {
	.area_work .area_left .cont h5 {
		margin-top: 70px !important;
	}
}

@media screen and (max-width:1000px) {
	.tabs li {
		min-width: 50px;
	}
}

@media screen and (max-width:850px) {
	.tab_content {
		height: auto;
	}

	.tab_content .area_left {
		width: 100%;
	}

	.area_work .area_left .cont h5 {
		margin-top: 20px !important;
		line-height: 1.6em;
	}

	.tab_content .area_right {
		width: 100%;
		height: 100%;
		min-height: 350px;
	}

	.tabs {
		top: 50px;
	}

	.tabs li {
		min-width: 0px;
		margin: 0 5px 0 0;
	}

}

@media screen and (max-width:768px) {
	.area_work .title > h2 {
		font-size: 40px;
	}

	.area_work .title > p {
		font-size: 15px;
	}

	.tab_content .area_left {}

	.area_btn02 {
		min-width: 160px;
		background: #192448;
		border: none;
		box-shadow: 0px 3px 7.36px 0.64px rgba(25, 36, 72, 0.32);
		color: #fff !important;
	}

	.area_btn02:before {
		display: none;
	}

	.area_btn02:hover {
		border: none;
	}

	.tabs {
		font-size: 1em;
		width: 100%;
		margin-left: 30px;
	}

	.area_work .area_left .cont h1 {
		font-size: 45px;
	}

	.area_work .area_left .cont h5 {
		font-size: 17px;
	}

	.area_work .area_left .cont p {
		font-size: 14px;
	}
}

@media screen and (max-width:550px) {
	.tabs {
		width: 100%;
		margin-left: 10px;
	}

	.area_work .title > h2 {
		font-size: 30px;
	}

	.area_work .title > p {
		font-size: 14px;
	}

	.tab_content .area_left {
		padding: 40px;
	}

	.tab_content .area_right {
		padding: 40px;
	}

	.area_work .table > tbody > tr > td {
		padding: 12px 10px;
		font-size: 15px;
	}

	.area_btn02 {
		margin: 30px 0 0;
	}
}

@media screen and (max-width:450px) {
	.area_work .title > h2 {
		font-size: 27px;
	}

	.area_work .table > tbody > tr > td {
		padding: 10px;
	}
}

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



@-webkit-keyframes scrollDownPointer {
	60% {
		-webkit-transform: translate(0, 200%);
		transform: translate(0, 200%);
	}

	70% {
		opacity: 0;
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@keyframes scrollDownPointer {
	60% {
		-webkit-transform: translate(0, 200%);
		transform: translate(0, 200%);
	}

	70% {
		opacity: 0;
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@keyframes imagescale {
	0% {
		transform: scale(1) rotate(.001deg);
		;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
	}

	100% {
		transform: scale(1.3) rotate(.001deg);
		;
		-webkit-transform: scale(1.3);
		-moz-transform: scale(1.3);
		-o-transform: scale(1.3);
	}
}