@charset "UTF-8";

@media screen and (max-width:1440px) {
	header>section>section:last-child>nav{
		display: none;
	}
	.title-text{
		font-size: 1.3em;
	}
	.main-text{
		font-size: 2.7em;
	}
	.sub-text {
		font-size: 1.0em;
	}
	.main_02 > .text-banner{
		width: 100%;
		text-align: center;
	}
	section.text-banner > section > section:last-child{
		font-size: 0.8em;
	}
	.main_02{
		padding:0;
	}
	.main_02 .icon-description{
		width:100%;
		margin: 20px 0;
	}
	.main_02 .description,
	.main_03 .mainWrapper > section:last-child,
	.main_04 .mainWrapper,
	.main_05 .mainWrapper > section:last-child{
		flex-direction: column;
	}
	.main_05 .mainWrapper > section:last-child{
		height:auto;
	}
	.main_03 .mainWrapper > section:last-child > section{
		height:200px;
		margin: 30px 0;
	}
	.main_02 .content{
		font-size:0.75rem;
		width:80%;
	}
	.main_03{
		padding:0;
	}
	
	.workImgViewWrapper .swiper-slide > section{
		width:90%;
	}
	
	.mainWrapper{
		width:100%;
	}
	.main_04, .main_05{
		padding:0;
	}
	.main_04 .mainWrapper > section{
		margin: 0;
	}
	.main_04 .mainWrapper > section > section.content{
		width:80%;
	}
	.main_05 .mainWrapper > section{
		width:80%;
		text-align: center;
	}
	.main_05 .mainWrapper > section:last-child > section{
		width:80%;
		height:300px;
		margin:30px 0;
	}
	.main_06{
		padding:0;
	}
	.main_06 .reviewWrapper{
		height:auto;
		flex-direction: column;
	}
	.main_06 .reviewWrapper > section{
		width:80%;
		margin-bottom:30px;
	}
	.main_06 .reviewLeft{
		height:250px
	}
	.main_06 .reviewBoard{
		flex:none;
		height:200px;
	}
	.main_07 .mainWrapper{
		text-align: center;
	}
	.main_08{
		padding:50px 0 0 0;
	}
	.main_08 .items .list > section{
		width:70%;
		height:30px;
		border:0;
		border-bottom:1px solid #f8f8f8;
		margin:5px auto;
		font-size: 0.9em;
	}
	.main_08 .category > ul{
		margin: 30px 0;
	}
	.main_08 .items{
		height:450px;
	}
	.main_09{
		font-size: 2.2em;
		height:300px;
	}
	.main_09 > p{
		font-size: 0.8rem;
		text-align: center;
	}
	.main_10{
		padding:0;
	}
	.main_10 > section > section{
		height:auto;
		flex-direction: column;
	}
	.main_10 > section > section > section:last-child{
		flex-direction: column;
	}
	.main_10 > section > section > section:last-child > section{
		height: 300px;
    	margin: 30px 30px
	}
	.info > section:first-child{
		margin: 0;
	}
	.info{
		align-items:center;
	}
	.infoWrapper > section:first-child,
	.infoWrapper > section:last-child > article{
		text-align: center;
	}
	.infoWrapper > section:first-child{
		width:80%;
	}
	.infoWrapper{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		width:100%;
	}
	.hiddenMenu{
		display: flex;
	}
	.offcanvas.offcanvas-end{
		width:80%;
	}
	.openSection{
		width:100%;
	}
	.main_03 .mainWrapper > section:last-child{
		height:250px;
	}
	.main_03 div.swiper-slide > section{
		margin:0 5px;
	}

	.contentFooter{
		margin-bottom:0;
	}
	
	.contentTitle {
		width:100%;
		text-align: center;
	}
	.companyOverViewWrapper, .companyGreetingsWrapper, .companyOrganizationChartWrapper, .chartWrapper, .certificationTechnologyWrapper, .wayToComeWrapper{
		width:100%;
	}
	.companyOverViewTitle{
		text-align: center;
	}
	.companyOverViewTitle > p:first-child{
		padding:10px 0;
	}
	.companyOverViewTitle > p:first-child:after{
		height:100%;
	}
	.companyOverViewIntro > section{
		width:100%;
		border-bottom:1px solid #dcdcdc;
	}
	.companyOverViewIntro{
		justify-content: center;
    	align-items: center;
    	opacity: 1;
	}
	.ceoGreetings > p{
		text-align: center;
	}
	.greetings {
		flex-wrap: wrap;
	}
	.greetings > section:last-child{
		margin-left: 0;
		width:100%;
	}
	.greetings > section{
		width:90%;
	}
	
	.visonComm > p:first-child{
		text-align: center;
		width:90%;
	}
	.vison_round_scheme{
		flex-direction: column;
	}
	.vison_round_scheme > section{
		margin:20px 0;
	}
	.visonComm > p{
		width:90%;
		text-align: center;
	}
	.vison_top > section, .vison_bottom > section{
		width:auto;
		height: 80%;
	}
	.vison_strong{
		font-size: 1.5rem;
		padding:0 15px;
	}
	.vison_middle > section{
		width:auto;
		margin-right: 0;
	}
	.vison_middle > section:last-child{
		margin-left: 100px;
	}
	.vison_top > section{
		top:80px;
	}
	.vison_bottom{
		position: relative;
	}
	.vison_bottom > section{
		position: absolute;
		top: -80px;
    	width: 200px;
	}
	.vison_scheme{
		padding:0;
	}
	.yearBarWrapper{
		height:100%;
	}
	.chartWrapper > section{
		height:auto;
	}
	.leftContent, .rightContent{
		width:180px;
	}
	.chartWrapper, .companyOrganizationChartWrapper {
	    background-size: contain;
	    background-repeat: repeat-y;
	}
	.companyOrganizationChartWrapper {
	    padding-top: 50px;
	    padding-bottom: 50px;
	}
	.companyOrganizationChartWrapper > section{
		display: flex;
		justify-content: center;
	}
	.chartSectionBar{
		all:unset;
	}
	.chartSectionSap{
		width:10px;
		background-color: #ffffff;
	}
	.chartSectionSub > section{
		width: auto;
    	height: auto;
	}
	.chartSectionSubCon{
		flex-direction: column;
		width:auto;
		height:100%;
	}
	.chartSectionSubCon > section{
		width:auto;
		align-items: center;
		background-color: #adbecc;
		margin: 20px 0;
		margin-right: 10px;
	}
	.chartSectionSubCon > section > section{
		width:110px;
		height:auto;
	}
	.chartSection:last-child > section > section {
		background-color: #ffffff;
	}
	.conList > section > section > p{
		padding : 5px 0;
	}
	.certificationTechnologyWrapper > section{
		flex-direction: column;
		align-items: center;
	}
	.wayToComeWrapper > section{
		flex-direction: column;
	}
	.wayToComeWrapper > section > section{
		margin:0 10px;
	}
	.wayToComeWrapper > section > section:last-child{
		display: flex;
		justify-content: center;
	}
	.wayToComeWrapper > section > section:last-child > section{
		margin: 0 10px;
	}
	.wayToComeWrapper > section > section:first-child{
		margin-bottom:30px;
	}
	.wayToComeWrapper .map{
		width:100%;
	}
	.wayToComeWrapper .mapCompany{
		display: none;
	}
	.wayToComeSap{
		display:none; 
	}
	.wayToComeWrapper > section > section:last-child > section:not(:first-child){
		padding-left:0;
	}
	section.lsServiceTitle{
		padding: 0 20px;
		text-align: center;
	}
	section.lsServiceTitle > p:last-child{
		display: flex;
    	flex-direction: column;
	}
	.lsServiceList > section:last-child{
		width:200px;
		font-size:0.8rem;
	}
	.korMap{
		margin:0;
		flex-direction: column;
	}
	.korMap_right{
		width:auto;
	}
	section.lsServiceTitle{
		margin-bottom: 0;
	}
	.serviceArea{
		display: none;
	}
	.senterAddr{
		padding-right:20px;
		padding-left:20px;
		text-align: center;
	}
	.do_map_wrapper > img{
		width:80%;
	}
	.lsServiceTitleBar:before{
		bottom: 5px;
	}
	.korMap > section:last-child {
    	margin: 0 10px;
	}
	.lsServiceContent > table,
	.preventiveDiagnosisContent > section:first-child,
	.preventiveDiagnosisContent > section:last-child,
	.preventiveDiagnosisContent > section{
		width:90%;
	}
	.preventiveDiagnosisContent > section:first-child + section{
		width:100%;
	}
	.checkHMIWrapper > section{
		flex-direction: column;
	}
	.checkHMIWrapper > section > section:last-child{
		margin-left: 0;
		width: 400px;
		height: auto;
	}
	.distributionChart > section:first-child{
		display: none;
	}
	.distributionChart > section > section > section:first-child{
		position:absolute;
		display: flex;
		color:#ffffff;
		left: 50%; /* Add this line */
    	transform: translateX(-50%); /* Add this line */
    	width: 100%;
    	justify-content: center;
    	font-size: 0.8rem;
	}
	.distributionChart > section{
		position: relative;
		flex-wrap: wrap;
	}
	.distributionChart > section > section{
		margin:10px 0;
	}
	.distributionChart img{
		width:100%;
	}
	
	.tableChart > section:first-child + section{
		width:200px;
		height:200px;
	}
	.tableChart:first-child > section:first-child, .tableChart:last-child > section:first-child{
		left: -70px
	}
	.tableChart:first-child > section:last-child, .tableChart:last-child > section:last-child{
		right: -70px;
	}
	.tableChart > section:first-child, .tableChart > section:last-child{
		width:150px;
		height:150px;
	}
	.tableChart:first-child > section:first-child, .tableChart:first-child > section:last-child{
		top:120px;
	}
	.tableChart:last-child > section:first-child, .tableChart:last-child > section:last-child{
		bottom:120px;
	}
	.omTableList{
		flex-direction: column;
		align-items: center;
	}
	.onmTitle > p{
		padding:0 20px;
		text-align: center;
	}
	.omTableList > section:first-child, .omTableList > section:last-child{
		width:90%;
	}
	.tableChart:first-child > section:first-child > span:first-child,
	.tableChart:first-child > section:last-child > span:first-child,
	.tableChart:last-child > section:first-child > span:first-child,
	.tableChart:last-child > section:last-child > span:first-child{
		display: none;
	}
	.customerWrapper > section{
		padding: 50px 20px;
	}
	.partners {
	    width: 100px;
	    margin: 0 10px;
	}
	.constructionWrapper{
		width:100%;
	}
	.constructionWrapper > section{
		flex-wrap: wrap;
		padding:25px 0;
	}
	.constructionWrapper > section:first-child > span:last-child {
		font-size: 1.2rem;
	}
	.constructionWrapper > section:first-child + section > section{
		width:100%;
	}
	.constructionWrapper > section:first-child + section > section:last-child {
		height:400px;
	}
	.constructionWrapper > section.major > section:first-child > p {
		display: flex;
    	flex-direction: column;
    	font-size:2.0rem;
	}
	.constructionWrapper > section.major > section:first-child > p > span{
		font-size:1.2rem;
	}
	.constructionWrapper > section.projectsList > section{
		height:auto;
		flex-wrap: wrap;
	}
	.constructionWrapper > section.projectsList > section > section:first-child,
	.constructionWrapper > section.projectsList > section > section:last-child{
		width:100%;
		height:auto;
	}
	.constructionWrapper > section.projectsList > section > section:first-child{
		font-size:1.3rem;
		padding:10px 0;
	}
	.constructionWrapper > section.projectsList > section > section:last-child{
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.constructionWrapper > section.projectsList > section > section:last-child > section{
		height:auto;
	}
	.constructionWrapper > section.projectsList > section > section:last-child > section > img{
		height:auto;
		width: 100%;
	}
	.constructionWrapper > section.projectsList > section > section:first-child:before{
		width:0;
		height:0;
	}
	.constructionWrapper > section.projectsList > section > section:last-child > section:nth-of-type(2) {
		margin-top:15px;
	}
	.constructionWrapper > section:last-child > p:first-child{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	.constructionWrapper > section:last-child > p{
		text-align: center;
	}
	.questionWrapper > section, .noticeWrapper > section{
		padding:50px 10px;
	}
	.questionWrapper > section > section, .noticeWrapper > section > section{
		width:100%;
	}
	.noticeWrapper article:nth-of-type(4),
	.noticeWrapper article:last-child,
	.questionWrapper article:nth-of-type(4),
	.questionWrapper article:nth-of-type(5),
	.questionWrapper article:nth-of-type(6){
		display: none;
	}
	.boardLine > article:nth-of-type(3){
		border-right:0;
	}
	.questionWriteWrapper .inputLine .questionInput,
	section.inputLine.infoAgree .questionInput{
		width:auto;
	}
	.readLine{
		flex-direction: column;
	}
	.readLine > section{
		width: 100%;
	}
	.readLine > section > section:last-child{
		padding: 0 0 10px 20px;
	}
	.readLine > section:first-child {
		border-bottom:1px solid #f8f8f8;
	}
	.readLine input[name="getDate"]{
		font-size:0.75rem;
	}
	.performanceWrapper .boardLine > article:not(:nth-of-type(3)){
		display: none;
	}
	.performanceWrapper > section > section{
		width:100%;
	}
	.performanceWrapper{
		padding:0 10px;
	}
	.performanceWrapper > section:last-child,
	.questionWrapper > section:last-child,
	.noticeWrapper > section:last-child{
		width:100%;
		flex-direction: column;
	}
	.performanceWrapper > section:last-child > section:first-child,
	.questionWrapper > section:last-child > section:first-child,
	.noticeWrapper > section:last-child > section:first-child{
		width:100%;
	}
	.performanceWrapper > section:last-child{
		padding:10px 0 0 0;
	}
	.questionWrapper > section:last-child,
	.noticeWrapper > section:last-child{
		padding-right: 10px;
		padding-left: 10px;
	}
	.performanceWrapper > section:last-child > section:last-child,
	.questionWrapper > section:last-child > section:last-child,
	.noticeWrapper > section:last-child > section:last-child{
		padding:20px 0 0 0;
		text-align: center;
	}
 	.productSpecification > section > section:first-child{
		width:100px;
		padding:8px;
		font-size:0.8rem;
	}
	.productSpecification > section > section:last-child{
		flex:1;
		font-size:0.8rem;
	}

	.checkHMIWrapper > section > section:first-child > img{
		width:100%;
	}
	.centerMenuWrapper{
		display: none;
	}
	.blankSection{
		display: none;
	}
}

.accordion-body > ul{
	list-style: none;
}
.accordion-body > ul > li{
	margin:10px 0;
	font-size: 0.9rem;
	border-bottom:1px solid #eeeeee;
}
.offcanvas-header{
	border-bottom:1px solid #dcdcdc;
}