@charset "utf-8";

@media (max-width: 1800px) {
	.about .menu {left:15px;}
}

@media (max-width: 1024px) {
	.sub-visual .lnb ul li a:hover {background:#fff; color:#666; border-bottom-color:#eee;}
	/* sub-visual */
	.sub-visual {height:400px;}
	.sub-visual .title {height:calc(100% - 60px);}
	.sub-visual .title h2 {font-size:40px;}
	/* lnb */
	.sub-visual .lnb ul li a {font-size:18px; height:60px;}
	/* sub common */
	.sub-title {padding:60px 0 100px;}
	.sub-title h3 {font-size:32px;}
	
	.doc-tit {margin-bottom:40px;}
	.doc-tit h4 {font-size:28px;}
	
	.real-cont {margin-bottom:120px;}
	/* sub 01 */
	.about .menu {display:none;}
	.about .wrap {margin-bottom:140px;}
	.about .cnt {padding-left:0;}
	.about .cnt-tit {margin-bottom:40px;}
	.about .cnt-tit h4 {font-size:40px; padding-right:100px;}
	.about .cnt-tit h4:after {width:80px;}
	.about .cnt01 .img-box {height:auto; margin-top:0; margin-bottom:40px;}
	.about .cnt01 .img-box img {position:relative; top:0; left:0; width:100%;}
	.about .cnt .cnt-txt {padding-left:0;}
	.about .cnt .cnt-txt p {font-size:20px; margin-bottom:24px;}
	.about .cnt02 .cnt-txt {margin-bottom:70px;}
	.about .cnt02 .col {padding-left:0; margin:0 -10px;}
	.about .cnt02 .col .row {padding:0 10px;}
	.about .cnt02 .col .row p {font-size:20px; margin-top:20px;}
	.about .message {padding:100px 0;}
	.about .message .img-box {position:relative;bottom:0; left:0;}
	.about .history .box {padding-left:0;}
	.about .history .col {margin-bottom:20px;}
	.about .history .year {max-width:120px; font-size:28px;}
	.about .history .txt li {font-size:20px;}
	/* sub 02 */
	.products-cnt .col {display:block; margin-bottom:100px;}
	.products-cnt .img-box {max-width:none; margin-top:50px; text-align:right;}
	.products-cnt .img-box .tt {display:none;}
	.products-cnt .txt-box {width:100%;}
	.products-cnt .txt-box h5 {font-size:40px; margin-bottom:30px;}
	.products-cnt .txt-box h5:after {bottom:18px;}
	.products-cnt .txt-box p {font-size:24px; margin-bottom:30px;}
	.products-cnt .txt-box ul li {padding-left:16px; font-size:18px;}
	.products-cnt .txt-box ul li sup {font-size:12px;}
	.products-cnt .txt-box ul li:before {top:8px; left:0;}
	.products .table table th {font-size:16px; height:auto;}
	.products .table table td {font-size:16px; height:auto;}
	/* sub 02 01 */
	.backplane .cnt01 .txt-box h5 {padding-right:100px;}
	.backplane .cnt01 .txt-box h5:after {width:80px;}
	.backplane .cnt02 {padding:100px 0; margin-top:60px;}
	.backplane .cnt02 .col {margin:0 -10px -20px;}
	.backplane .cnt02 .row {padding:0 10px; margin-bottom:20px;}
	.backplane .cnt02 .inner {padding:20px;}
	.backplane .cnt02 .inner .tit p {font-size:16px;}
	.backplane .cnt02 .inner .txt p {font-size:16px;}
	.backplane .cnt03 {padding:100px 0;}
	.backplane .cnt04 {margin-bottom:100px;}
	.backplane .cnt04 .col {margin-bottom:100px;}
	.backplane .cnt04 .row {padding:0 10px;}
	.backplane .cnt04 p {font-size:20px; margin-top:20px;}
	/* sub 02 02 */
	.driver .cnt01 {margin-bottom:100px;}
	.driver .cnt01 .txt-box h5 {padding-right:100px;}
	.driver .cnt01 .txt-box h5:after {width:80px;}
	.driver .cnt01 .img-box .tt {display:none;}
	.driver .cnt02 {margin-bottom:100px;}
	.driver .cnt03 {padding:100px 0;}
	.driver .cnt03.products-cnt .txt-box h5 {padding-right:100px;}
	.driver .cnt03.products-cnt .txt-box h5:after {width:80px;}
	.driver .cnt03 .tt {display:none;}
	.driver .cnt04 {margin-top:0; margin-bottom:60px;}
	.driver .cnt05 {padding:100px 0;}
	.driver .cnt06 {margin-bottom:100px;}
	.driver .cnt06 .col {margin:0 -10px;}
	.driver .cnt06 .col .row {padding:0 10px;}
	.driver .cnt06 .col .row p {font-size:20px; margin-top:20px;}
	.driver .cnt07 {margin-bottom:100px;}
	.driver .cnt07 .img-box {margin-top:100px;}
	
}

@media (max-width: 640px) {
	
	/* sub-visual */
	.sub-visual {height:300px;}
	.sub-visual .title h2 {font-size:28px;}
	/* lnb */
	.sub-visual .lnb ul li a {font-size:14px;}
	.sub-visual .lnb ul li a sup {font-size:12px; margin-top:-6px;}
	/* sub common */
	.sub-title {padding:60px 0 80px;}
	.sub-title h3 {font-size:28px;}
	
	.doc-tit {margin-bottom:30px;}
	.doc-tit h4 {font-size:24px;}
	/* sub 01 */
	.about .wrap {margin-bottom:100px;}
	.about .cnt-tit {margin-bottom:30px;}
	.about .cnt-tit h4 {font-size:28px; padding-right:60px;}
	.about .cnt-tit h4:after {width:40px;}
	.about .cnt01 .img-box {margin-bottom:30px;}
	.about .cnt .cnt-txt p {font-size:16px; margin-bottom:20px;}
	.about .cnt .cnt-txt p br {display:none;}
	.about .cnt02 .cnt-txt {margin-bottom:50px;}
	.about .cnt02 .col {padding-left:0; margin:0 0 -30px; display:block;}
	.about .cnt02 .col .row {padding:0; margin-bottom:30px; width:100%;}
	.about .cnt02 .col .row p {font-size:16px;}
	.about .message {padding:60px 0;}
	.about .history .year {max-width:70px; font-size:24px;}
	.about .history .txt li {font-size:16px;}
	/* sub 02 */
	.products-cnt .col {margin-bottom:60px;}
	.products-cnt .img-box {margin-top:40px;}
	.products-cnt .txt-box h5 {font-size:28px; margin-bottom:20px;}
	.products-cnt .txt-box h5:after {bottom:12px;}
	.products-cnt .txt-box p {font-size:20px; margin-bottom:20px;}
	.products-cnt .txt-box ul {display:block;}
	.products-cnt .txt-box ul li {padding-left:10px; font-size:16px; width:100%;}
	.products-cnt .txt-box ul li:before {top:6px; width:4px; height:4px;}
	.products .table table th {font-size:14px;}
	.products .table table td {font-size:14px;}
	
	.products-cnt .ti {margin-bottom:30px;}
	.products-cnt .ti h6 {font-size:18px;}
	/* sub 02 01 */
	.backplane .cnt01 .txt-box h5 {padding-right:60px;}
	.backplane .cnt01 .txt-box h5:after {width:40px;}
	.backplane .cnt02 {padding:80px 0;}
	.backplane .cnt02 .row {width:50%;}
	.backplane .cnt02 .inner {padding:15px; min-height:140px;}
	.backplane .cnt02 .inner img {width:50px;}
	.backplane .cnt02 .inner .tit p {font-size:14px;}
	.backplane .cnt02 .inner .txt p {font-size:14px;}
	.backplane .cnt03 {padding:80px 0;}
	.backplane .cnt04 {margin-bottom:80px;}
	.backplane .cnt04 .col {display:block; margin-bottom:0; text-align:center;}
	.backplane .cnt04 .col .row {width:100%; margin:0 auto 30px;}
	.backplane .cnt04 p {font-size:18px;}
	/* sub 02 02 */
	.driver .cnt01 {margin-bottom:80px;}
	.driver .cnt01 .txt-box h5 {padding-right:60px;}
	.driver .cnt01 .txt-box h5:after {width:40px;}
	.driver .cnt02 {margin-bottom:80px;}
	.driver .cnt03 {padding:80px 0;}
	.driver .cnt03.products-cnt .txt-box h5 {padding-right:60px;}
	.driver .cnt03.products-cnt .txt-box h5:after {width:40px;}
	.driver .cnt03.products-cnt .txt-box ul li {width:calc(50% - 12px);}
	.driver .cnt04 {margin-top:0; margin-bottom:60px;}
	.driver .cnt04 h6 {font-size:18px; margin-bottom:30px;}
	.driver .cnt05 {padding:80px 0;}
	.driver .cnt06 {margin-bottom:80px;}
	.driver .cnt06 .col {flex-wrap:wrap;}
	.driver .cnt06 .col .row {width:50%; margin-bottom:40px;}
	.driver .cnt06 .col .row p {font-size:16px; margin-top:16px;}
	.driver .cnt07 {margin-bottom:80px;}
	.driver .cnt07 .img-box {margin-top:80px;}
	
	
	
	.real-cont {margin-bottom:100px;}		
}

@media (max-width: 440px) {
	#header {height:80px;}
	
	.about .history .col {display:block; margin-bottom:20px;}
	.about .history .year {max-width:none; margin-bottom:10px;}
	.about .history .txt {padding-top:0; width:100%;}
	
}