#sub{
	width:100%;
	overflow:hidden;
}

.center{
	text-align:center;
}

.downloadBtn{
	display:block;
}

.downloadBtn a{
	padding:16px 24px;
	display:inline-block;
	
	border:1px solid #FF3939;
	color:#FF3939;
	font-size:18px;
	border-radius:50px;
	transition:all 0.5s
}

.downloadBtn a:hover{
	background:#FF3939;
	color:#fff;
}


#sub .tit{
	font-size:48px;
	color:#222;
	font-weight:700;
}




.contact .inquiry{
	width:100%;
	background:#fff;
}

.contact .inquiry .inner{
	width:1920px;
	margin:0 auto;
	padding:120px 6%;
	box-sizing:Border-box;
}


.contact .inquiry .inner .formBox{
	width:100%;
	margin-top:40px;
	border:1px solid #e5e5e5;
	border-radius:20px;
	box-sizing:Border-box;
	padding:0px 40px;
}

.contact .inquiry .inner .formBox dd{
	width:100%;
	padding:40px 0px;
	border-bottom:1px dashed #e5e5e5;
	box-sizing:border-box;
	display:flex;
}

.contact .inquiry .inner .formBox dd:last-child{
	border-bottom:0px dashed #e5e5e5;
}


.contact .inquiry .inner .formBox dd label{
	width:10%;
	font-size:18px;
	color:#444;
}

.contact .inquiry .inner .formBox dd .inputbox{
	width:90%;
	color:#444;
	font-size:18px;
}

.contact .inquiry .inner .formBox dd .inputbox::placeholder{
	color:#999;
}


.contact .inquiry .inner .submitBtn{
	width:200px;
	border-radius:50px;
	background:#e5e5e5;
	color:#222;
	transition:all 1s;
	font-size:18px;
	margin:40px auto 0;
	padding:16px 0px;
	text-align:center;
	display:block;
	cursor:pointer;
}



.contact .inquiry .inner .submitBtn:hover{
	color:#fff;
	background:#FF3939;
}





.contact .direction{
	width:1920px;
	margin:0 auto;
	padding:120px 6%;
	display:Flex;
	gap:80px;
	box-sizing:border-box;
}

.contact .direction .mapA{
	width:100%;
	position:relative;
	padding:24px;
	border:1px solid #FF3939;
	box-sizing:border-box;
	place-self:end;
}

.contact .direction .mapA .subj{
	position:absolute;
	font-size:36px;
	display:inline-block;
	padding:24px;
	background:#111;
	color:#FF3939;
	font-weight:600;
	top:-50px;
}

.contact .direction .mapA .map{
	width:100%;
	height:450px;
	overflow:hidden;
}

.contact .direction .info{
	width:100%;
	place-self:end;
}


.contact .direction .info .infoList{
	width:100%;
	margin-top:40px;
	display:flex;
	gap:20px;
	flex-flow:wrap;
}

.contact .direction .info .infoList li{
	width:100%;
	display:flex;
}

.contact .direction .info .infoList li .subj{
	width:15%;
	font-size:18px;
	color:#777;
	border-right:1px solid #444;
	margin-right:5%;
}

.contact .direction .info .infoList li .subs{
	width:80%;
	font-size:18px;
	color:#999;
}



/*about*/


.about .why{
	width:100%;
	background:#fff;
	position:Relative;
}

.about .why .inner{
	width:1920px;
	padding:120px 6%;
	box-sizing:border-box;
	margin:0 auto;
	position:relative;
	z-index:1;
}

.about .why .inner .downloadBtn{
	margin-top:80px;
}

.about .why .inner .whyList{
	width:100%;
	display:flex;
	gap:20px;
	margin-top:80px;
}

.about .why .inner .whyList li{
	width:100%;
}

.about .why .inner .whyList li .ico{
	width:150px;
}

.about .why .inner .whyList li .ico img{
	width:100%;
}


.about .why .inner .whyList li .subj{
	width:150px;
	background:#e5e5e5;
	padding:16px 12px;
	border-radius:50px;
	text-align:center;
	color:#222;
	box-sizing:border-box;
	margin-top:20px;
	font-size:16px;
}

.about .why .txBg{
	width:100%;
	font-size:28px;
	font-weight:bold;
	font-family:'poppins';
	color:#f7f7f7;
	white-space:nowrap;
	position:absolute;
	z-index:1;
	top:0px;
	left: 0%;
	z-index:0;
}

.about .why .txBg .slick-cloned{
	margin:0px 60px;
}


.redTit{
	font-size:48px;
	font-weight:600;
	font-family:'poppins','pretendard';
	color:#FF3B3B;
}

.about .whiteSubTit{
	font-size:24px;
	color:#fff;
	margin-top:12px;
}

.about .field{
	width:100%;
	background:#fff;
	position:Relative;
}

.about .field .inner{
	width:1920px;
	padding:120px 6%;
	box-sizing:border-box;
	margin:0 auto;
	position:Relative;
	z-index:1;
}

.about .field .inner .fieldList{
	width:100%;
	margin-top:40px;
	display:flex;
	flex-flow:wrap;
	gap:20px;
}

.about .field .inner .fieldList li{
	width:19.5%;
	padding:16px 0px;
	text-align:center;
	font-size:16px;
	background:#e5e5e5;
	color:#fff;
	box-sizing:border-box;
	border-radius:50px;
	color:#222;
}

.about .field .txBg{
	width:100%;
	font-size:200px;
	font-weight:bold;
	font-family:'poppins';
	color:#f7f7f7;
	white-space:nowrap;
	bottom:0;
	position:absolute;
	z-index:0;
	line-height:200px;
	left:0vw;
}

.about .field .txBg span{
	display:block;
}




.about .client{
	width:100%;
	background:#fff;
	position:Relative;
}

.about .client .inner{
	width:1920px;
	padding:120px 6%;
	box-sizing:border-box;
	margin:0 auto;
}

.about .client .inner .clientList{
	width:100%;
	margin-top:40px;
}

.about .client .inner .clientList li{
	width:100%;
}

.about .client .inner .clientList li img{
	width:100%;
}	


.about .history{
	width:100%;
}

.about .history .inner{
	width:1920px;
	padding:120px 6%;
	box-sizing:border-box;
	margin:0 auto;
}

.about .history .inner .historyList{
	width:100%;
	position:relative;
	margin-top:40px;
}

.about .history .inner .historyList dt{
	width:1px;
	height:100%;
	background:#FF3B3B;
	position:absolute;
	left:0;
}

.about .history .inner .historyList dd{
	width:100%;
	padding-left:80px;
	box-sizing:border-box;
	display:flex;
	margin-top:80px;
	position:relative;
}

.about .history .inner .historyList dd:first-child{
	margin-top:0px;
}

.about .history .inner .historyList dd:before{
	width:7px;
	height:7px;
	background:#FF3B3B;
	left:-3px;
	position:absolute;
	border-radius:50%;
	content:'';
	top:50%;
	transform:translateY(-50%);
}


.about .history .inner .historyList dd .year{
	width:15%;
	font-size:36px;
	color:#fff;
	font-weight:600;
	place-self:center
}

.about .history .inner .historyList dd .ct{
	width:85%;
	font-size:18px;
	color:#999;
	line-height:30px;
	place-self:center;
}





/*story*/

.story .businessArea{
	width:100%;
	background:#fff;
	position:relative;
}

.story .businessArea .inner{
	width:1920px;
	margin:0 auto;
	padding:120px 6%;
	box-sizing:border-box;
	text-align:center;
}

.story .businessArea .inner .mainTit{
	color:#222;
}


.story .businessArea .inner .thumbnail{
	width:100%;
	margin-top:40px;
	border-radius:20px;
	overflow:hidden;
}

.story .businessArea .inner .thumbnail img{
	width:100%;
}

.story .businessArea .inner .tabMenu{
	width:100%;
	margin-top:40px;
	display:flex;
	justify-content:center;
	gap:10px;
	flex-flow:wrap;
}

.story .businessArea .inner .tabMenu li{
	width:auto;
	padding:16px 20px;
	background:#e5e5e5;
	color:#222;
	cursor:pointer;
	box-sizing:border-box;
	border-radius:50px;
	font-size:16px;
}

.story .businessArea .inner .tabMenu li.current{
	background:#FF3B3B;
	color:#fff;
}

.story .businessArea .inner .arrow{
	width:30px;
	margin:0 auto;
	animation:bagEvntBounce 2s ease-in-out infinite
}

.story .businessArea .inner .arrow img{
	width:100%;
	margin:80px auto 0;
}


.story .visualArea{
	width:100%;
	background:#fff;
	position:relative;
	padding-bottom:120px;
}

.story .visualArea .inner{
	width:1920px;
	margin:0 auto;
	padding:0px 6% 0px;
	box-sizing:border-box;
}


.story .visualArea .txBg{
	width:100%;
	font-size:200px;
	font-weight:bold;
	font-family:'poppins';
	color:#f7f7f7;
	white-space:nowrap;
	top:50%;
	transform:translateY(-50%);
	position:absolute;
	z-index:0;
	line-height:200px;
	left:100vw;
}

.story .visualArea .txBg span{
	display:block;
}


.story .visualArea .inner dd{
	width:100%;
	margin-top:60px;
}

.story .visualArea .inner dd:first-child{
	margin-top:0px;
}

.story .visualArea .inner dd .deTit{
	width:100%;
	text-align:center;
	font-size:36px;
	color:#222;
	font-weight:600;
}

.story .visualArea .inner dd .highlightVisual{
	width:100%;
	margin-top:20px;
}

.story .visualArea .inner dd .highlightVisual li{
	width:100%;
	margin:0px 10px;
	border-radius:20px;
	overflow:hidden;
	transform:scale(0.8);
}

.story .visualArea .inner dd .highlightVisual li img{

	/*
	width:100%;

	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position:center;
	position: absolute;
	*/
}

.story .visualArea .inner dd .highlightVisual li.slick-center{
	transform:scale(1)
}

.story .visualArea .downloadBtn{
	margin:40px auto 0;
	text-align:center;
	width:200px;
	background:#FF3939;
	color:#fff;
	padding:16px 0px;
	border-radius:5px;
}






/*community*/

.community .communityList{
	width:1920px;
	margin:0 auto;
	padding:120px 6% 60px;
	box-sizing:border-box;
}

.community .communityList .thumbnail{
	width:100%;
	border-radius:20px;
	overflow:hidden;
}
.community .communityList .thumbnail img{
	width:100%;
}

.community .communityList .redTit{
	width:100%;
	text-align:center;
	margin-top:40px;
}

.community .communityList .list{
	width:100%;
	margin-top:80px;
}

.community .communityList .list dd{
	width:100%;
	padding:40px 0px;
	border-bottom:1px  solid #444;
}

.community .communityList .list dd a{
	width:100%;
	display:flex;
}

.community .communityList .list dd .thum{
	width:35%;
	place-self:center;
	border-radius:20px;
	overflow:hidden;
}

.community .communityList .list dd .thum img{
	width:100%;
}

.community .communityList .list dd .txA{
	width:65%;
	place-self:center;
	padding-left:40px;
	box-sizing:border-box;
}

.community .communityList .list dd .txA .subj{
	width:100%;
	font-size:18px;
	color:#d9d9d9;
	font-weight:500;
}

.community .communityList .list dd .txA .subs{
	width:100%;
	font-size:16px;
	color:#777;
	margin-top:20px;
	line-height:26px;
	word-break:keep-all;
}