@media all and (max-width: 1600px){
	.solaHeader {
		width: 100%; margin: auto; 
	}
	.solaHeader > li:last-child > span > div { 
		width: 100%; 
		left: auto; right: 0px;
	}

	.solaHeader > li:last-child > span:nth-child(1) > div { padding-right: 371px; }
	.solaHeader > li:last-child > span:nth-child(2) > div { padding-right: 140px; }
	.solaHeader > li:last-child > span:nth-child(3) > div { padding-right: 140px; }
	.solaHeader > li:last-child > span:nth-child(4) > div { padding-right: 70px; }
	.solaHeader > li:last-child > span:nth-child(5) > div { padding-right: 0px; }

	.pageinfo > ul { width: 100%; }
}

@media all and (max-width: 1370px){
	.main_About > div:last-child > ul > li > div:nth-child(2){
		font-size: 20px; letter-spacing: -2px;
	}
}

@media all and (max-width: 1300px){
	.solaHeader > li:last-child > span > a { 
		display: inline-block; padding: 0px 29px; font-size: 17px; font-weight: 700; color: #0a0a0a; 
	}
	.solaHeader > li:last-child > span:nth-child(1) > div { padding-right: 190px; }
	.solaHeader > li:last-child > span:nth-child(2) > div { padding-right: 0px; }
	.solaHeader > li:last-child > span:nth-child(3) > div { padding-right: 0px; }
	.solaHeader > li:last-child > span:nth-child(4) > div { padding-right: 0px; }
	.solaHeader > li:last-child > span:nth-child(5) > div { padding-right: 0px; }

	.footerlinks { display: none; }

	.footer_company { width: 100%; }
	.footer_company > ul { margin-top: 60px; }
	.footer_company > ul > li { float: left; width: 33.3333333333333333%; margin-top: 20px; }

	.footterArea > div { width: 100%; margin: auto; padding: 20px 10px; }

}
@media all and (max-width: 1024px){
	#hd { display: none;  }
	#hdMobile { display: block; }
	.headerline { height: 58px; }

	.mainVs { height: 380px; }
	.mainVs > div > div > p:nth-child(1) { font-size: 25px; font-weight: 400; color: #fff; margin-top: 0px; }

	.mainVs > div > div > p:nth-child(2) { display: none; }
	.mainVs > div > div > p:nth-child(3) { display: none; }
	.mainVs > div > div > p:nth-child(4) { display: block; font-size: 12px; margin-top: 20px; }
	.mainVs > div > div > p:nth-child(5) { display: block; font-size: 12px; margin-top: 5px; }
	.mainVs > div > div > p:nth-child(6) { display: block; font-size: 12px; margin-top: 5px; }

	.mainVs > div > div > p:nth-child(7) { margin-top: 30px; }
	.mainVs > div > div > p:nth-child(7) > a > img { height: 26px; }


	.subVs { height: 188px; }
	.subVs > div > div > p:nth-child(1) { font-size: 25px; font-weight: 400; color: #fff; margin-top: 0px; }
	.subVs > div > div > p:nth-child(2) { font-size: 12px; margin-top: 5px; }
	.subVs > div > div > p:nth-child(3) { font-size: 12px; margin-top: 20px; }
	.subVs > div > div > p:nth-child(4) { font-size: 12px; margin-top: 20px; }


	.main_About > div:last-child > ul > li > div:nth-child(2){
		font-size: 16px; letter-spacing: -2px;
	}
	.pageinfo { display: none; }
	.pageinfomobile { display: block; }
}

@media all and (max-width: 900px){
	.main_About { padding-top: 80px; }
	.main_About > div:first-child > p:first-child { font-size: 19px;}
	.main_About > div:first-child > p:nth-child(2) { display: none; }
	.main_About > div:first-child > p:nth-child(3) { display: block; font-size: 12px;}
	.main_About > div:first-child > p:nth-child(4) { display: block; font-size: 12px;}

	.main_About > div:last-child { margin-top: 50px; }
	.main_About > div:last-child > ul > li { float: left; width: calc(100% - 22px); margin: 0px 11px; margin-bottom: 40px;}

	.main_About > div:last-child > ul > li > div:first-child { padding-bottom: 10px; }
	.main_About > div:last-child > ul > li > div:nth-child(2){
		margin-top: 20px; font-size: 15px; letter-spacing: 0px;
	}
	.main_About > div:last-child > ul > li > div:nth-child(3){
		margin-top: 11px; font-size: 15px; 
	}
	.main_About > div:last-child > ul > li > div:nth-child(3) > span > a > img { height: 23px; }

	.main_About > div:last-child > ul > li > div:nth-child(4) {  margin-top: 10px; }


	.mainSliderpc { margin-top: 50px; }
	.mainSliderpc > div:first-child { text-align: center;  }
	.mainSliderpc > div:first-child > p:first-child { font-size: 19px; }

	.mainSlidermobile { margin-top: 50px; }
	.mainSlidermobile > div:first-child { text-align: center;  }
	.mainSlidermobile > div:first-child > p:first-child { font-size: 19px; }


}

@media all and (max-width: 1054px){
	.tableArea02 { width: 100%; }

	.tableArea03 tr td > img { width: 100%; }
	.solaGallery { width: calc(100% + 0px); margin-left: 0px; padding-top: 30px; margin-top: 30px; }
	.solaGallery > li { float: left; width: calc(33.3333333333333333% - 20px); margin: 0px 10px 50px;  }
}

@media all and (max-width: 873px){
	.tableArea01 { width: 634px; }
	.tableArea02 { width: 1054px; }

	.tableArea02 tr th { height: 30px; font-size: 13px; }
	.tableArea02 tr td { height: 30px; font-size: 13px; }
	.tableArea02 tr td:after {
		height: 16px; top: calc( 50% - 8px);
	}
	.contentsTxt > li > div.scrollpage2 { overflow: auto; }

	.tableArea03 tr th { height: 30px; font-size: 13px; }
	.tableArea03 tr td { height: 30px; font-size: 13px; padding: 5px; }
	.tableArea03 tr td.lineck { height: auto;}


    .hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff; left: 10px !important; top: 50px !important; width: calc(100% - 20px);}
    .hd_pops img{max-width:100%;height:auto}
    .hd_pops_con { width: calc(100% - 0px) !important;}
    .hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
    .hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

    
}

@media all and (max-width: 728px){
	.footterArea > div > ul {}
	.footterArea > div > ul > li { float: left; width: 100%; }
	.footterArea > div > ul > li:nth-child(2) { margin-lefT: -10px;  }
	.footterArea > div > ul > li:nth-child(2) > a { padding: 0px 10px; letter-spacing: -1px; }

	.footterArea > div > div > span { display: inline-block; width: calc(100% - 20px); }

	.contentsTxt > li > div.scrollpage { overflow: auto; }
	.contentsTxt > li > div.scrollpage img { width: 1200px; }

	.doubleTable { width: calc(100% + 0px); margin-left: 0px; margin-top: 10px; }
	.doubleTable > li { float: left; width: calc(100% - 0px); margin: 0px 0px 30px; }
	.doubleTable > li > div.titleTxt { font-weight: 600; font-size: 16px; }

}



@media all and (max-width: 640px){
	.mainSliderpc { display: none; }
	.mainSlidermobile { display: block; }

	.footer_company { width: 100%; display: none; }
	.companySlidermobile { display: block; }

	.contentsTxt > li > p { line-height: 20px; }
	.contentsTxt > li > p.titleTxt { font-size: 13px;}
	.contentsTxt > li > p.titleTxt2 { font-size: 13px;}
	.contentsTxt > li > p.commentTXt { font-size: 13px;}

	.tableArea01 tr th { line-height: 30px; font-size: 13px; }
	.tableArea01 tr th:after {
		height: 16px; top: calc( 50% - 8px);
	}
	.tableArea01 tr td { line-height: 30px; font-size: 13px; }
	.tableArea01 tr td:after {
		height: 16px; top: calc( 50% - 8px);
	}

	.solaGallery { width: calc(100% + 0px); margin-left: 0px; padding-top: 30px; margin-top: 30px; }
	.solaGallery > li { float: left; width: calc(100% - 0px); margin: 0px 0px 50px;  }
	.solaGallery > li > div:nth-child(2) > a { font-size: 13px; }

}