@charset "utf-8";

.sub_visual{width:100%; height:310px; margin:0 auto; }
.sub_visual .inner{position:relative; height:100%;}
.sub_visual .inner .txt_box{position:absolute; left:50%; top:50%; width:100%; -o-transform:translate(-50% , -50%);-ms-transform:translate(-50% , -50%);-moz-transform:translate(-50% , -50%);-webkit-transform:translate(-50% , -50%);transform:translate(-50% , -50%);}
.sub_visual .inner .txt_box h3{font-size:46px; font-weight:bold; letter-spacing:-0.045em; color:#fff; text-align:center;}
.sub_visual .inner .txt_box p{font-size:20px; font-weight:100; letter-spacing:-0.045em; color:#fff; text-align:center; padding-top:10px; font-family: 'Poppins' , sans-serif;}

.sub_tab{position:absolute; bottom:0; width:100%; }
.sub_tab ul{font-size:0; letter-spacing:-4px; text-align:center; margin-bottom:0;}
.sub_tab ul li{display:inline-block; vertical-align:top; position:relative; background:#fff; height:56px;}
.sub_tab ul.tab01 li{width:100%;}
.sub_tab ul.tab02 li{width:50%;}
.sub_tab ul.tab03 li{width:33.3333%;}
.sub_tab ul.tab04 li{width:25%;}
.sub_tab ul.tab05 li{width:20%;}
.sub_tab ul.tab06 li{width:16.6666%;}
.sub_tab ul.tab07 li{width:14.285714%;}
.sub_tab ul.tab08 li{width:12.5%;}
/*.sub_tab ul li:last-of-type:before{display:none;}*/
/*.sub_tab ul li.on a:before{content:''; position:absolute; bottom:2px; left:0; width:100%; height:3px; background:#f4313f}*/
/*.sub_tab ul li a:hover:before{content:''; position:absolute; bottom:-3px; left:0; width:100%; height:3px; background:#f4313f;}*/
/*.sub_tab ul li:before{content:''; position:absolute; right:0; top:30px; width:2px; height:14px; background:#999999}*/
.sub_tab ul li p{display:table; width:100%; height:100%;}
.sub_tab ul li a{display:table-cell; font-size:16px; letter-spacing:-0.045em; color:#444444; font-weight:400; vertical-align:middle;}
.sub_tab ul li:hover{background:#f4313f}
.sub_tab ul li:hover a{color:#fff;} 
.sub_tab ul li.on{background:#f4313f}
.sub_tab ul li.on a{color:#fff;} 

.sub_tab2{width:100%; border-bottom:3px solid #e1e1e1;}
.sub_tab2 ul{font-size:0; letter-spacing:-4px; text-align:center; margin-bottom:0;}
.sub_tab2 ul li{display:inline-block; vertical-align:top; position:relative; margin:0 30px;}
.sub_tab2 ul li:before{content:''; position:absolute; right:-30px; top:50%; height:10px; width:1px; background:#e6e6e6; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
.sub_tab2 ul li:last-of-type:before{display:none;}
.sub_tab2 ul li a:hover:before{content:''; position:absolute; bottom:-3px; left:0; width:100%; height:3px; background:#f4313f}
.sub_tab2 ul li a{display:block; padding:9px 0; font-size:16px; letter-spacing:-0.045em; color:#666666; font-weight:200;}
.sub_tab2 ul li a:hover{color:#f4313f; font-weight:400;} 

.sub_tit {padding:90px 0 50px; }
.sub_tit h3 {font-size:34px; font-weight:bold; letter-spacing:-0.045em; text-align:center; color:#222222; }

#wrap.sub_tab_none .sub_tab{display:none;}


/********** 회사소개 **********/

/* 비전/핵심가치 */
/*.vision_con01 {padding-bottom:100px; background-color:#f9f9f9; }
.vision_con01 ul {font-size:0; text-align:center; padding-top:20px; padding-bottom:130px; }
.vision_con01 li {display:inline-block; vertical-align:top; width:280px; height:280px; margin-top:-83px; padding-top:80px; border-radius:50%;  text-align:center; box-sizing:border-box; }
.vision_con01 li img {}
.vision_con01 li > p {font-size:22px; font-weight:400; color:#ffffff; letter-spacing:-0.045em; }
.vision_con01 li .desc_box {text-align:left; }
.vision_con01 li .desc_box p {position:relative; font-size:18px; font-weight:300; color:#666666; padding-left:15px; box-sizing:border-box; letter-spacing:-0.045em; word-break:keep-all; }
.vision_con01 li .desc_box p:before {content:''; position:absolute; left:0; top:9px; width:5px; height:5px; background-color:#717171; }
.vision_con01 li .desc_box p span {display:block; font-size:18px; line-height:28px; font-weight:300; color:#999999; letter-spacing:-0.025em; }
.vision_con01 li.one {position:relative; z-index:0; padding-top:50px; margin-top:0; background:rgba(106,54,163,0.8); }
.vision_con01 li.one .desc_box {position:absolute; left:100%; top:-9px; width:390px; padding-left:95px; }
.vision_con01 li.one .desc_box:before {content:''; position:absolute; left:-58px; top:12px; width:140px; height:31px; background:url('/img/vision_line01.png') no-repeat center center; }
.vision_con01 li.two {position:relative; z-index:2; margin-right:-65px; background:rgba(65,40,145,0.8); }
.vision_con01 li.two .desc_box {position:absolute; right:100%; top:106%; width:320px;}
.vision_con01 li.two .desc_box:before {content:''; position:absolute; left:100%; top:-18px; width:140px; height:31px; background:url('/img/vision_line02.png') no-repeat center center; }
.vision_con01 li.thr {position:relative; z-index:1; background:rgba(27,35,118,0.8); }
.vision_con01 li.thr .desc_box {position:absolute; left:96%; top:99%; width:390px;}
.vision_con01 li.thr .desc_box:before {content:''; position:absolute; right:102%; top:-14px; width:58px; height:27px; background:url('/img/vision_line03.png') no-repeat center center; }
.vision_con01 ul br.wid75 {display:none; }*/

/*.vision_con01 {padding-bottom:100px; background-color:#f9f9f9; }
.vision_con01.type01{background-color:#fff;}
.vision_con01 ul {font-size:0; text-align:center; padding-top:20px; }
.vision_con01 li {display:inline-block; vertical-align:top; width:calc(33.33333% - 14px); margin-right:20px; background:#ffffff; min-height:450px; box-sizing:border-box;padding:70px 50px 0; position:relative;}
.vision_con01 li:nth-of-type(3){margin-right:0;}
.vision_con01 li:before{content:'01'; position:absolute; left:50%; top:-31px; width:62px; height:62px; background:#005cb8; font-size:22px; font-weight:500; letter-spacing:-0.045em; color:#fff; padding-top:14px; box-sizing:border-box; text-align:center; border-radius:50%;font-family: 'Poppins' , sans-serif;  -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%)}
.vision_con01 li:nth-of-type(2):before{content:'02'}
.vision_con01 li:nth-of-type(3):before{content:'03'}
.vision_con01 li img {}
.vision_con01 li > p {font-size:22px; font-weight:600; color:#005cb8; letter-spacing:-0.045em; padding-bottom:20px;}
.vision_con01 li .desc_box {text-align:center; padding-top:20px;  border-top:1px dashed #dcdcdc}
.vision_con01 li .desc_box p {position:relative; font-size:18px; font-weight:400; color:#666666; padding-left:15px; box-sizing:border-box; letter-spacing:-0.045em; word-break:keep-all; }
.vision_con01 li .desc_box p span {display:block; font-size:18px; line-height:28px; font-weight:400; color:#999999; letter-spacing:-0.025em; padding-top:20px;}
.vision_con01.type01 li {border:1px solid #d6d9dc}

@media all and (max-width:1200px){
	.vision_con01 li{padding:70px 20px 0}
}
@media all and (max-width:1000px){
	.vision_con01 li {width:calc(50% - 10px); margin-bottom:60px;}
	.vision_con01 li:nth-of-type(3){margin-right:20px;}
	.vision_con01 li:nth-of-type(2n){margin-right:0;}
}
@media all and (max-width:640px){
	.vision_con01 li {width:100%; margin-right:0;}
	.vision_con01 li:nth-of-type(3){margin-right:0;}
} */

.vision_con01 .sub_tit h3 i{display:inline-block; vertical-align:middle; margin-top:-10px;}
.vision_con01{padding-bottom:100px;}
.vision_con01 ul{font-size:0; overflow:hidden; margin-top:60px;}
.vision_con01 ul li{height:380px;}
.vision_con01 ul li .txt_box{float:left; width:50%; display:table; height:100%; padding:0 40px; box-sizing:border-box;}
.vision_con01 ul li .txt_box > div{display:table-cell; vertical-align:middle; width:100%; height:100%;}
.vision_con01 ul li .txt_box p{font-size:22px; font-weight:500; letter-spacing:0; color:#f4313f; display:inline-block; position:relative;  font-family: 'Poppins' , sans-serif;}
.vision_con01 ul li .txt_box p:before{content:''; position:absolute; top:-5px; left:-15px; width:10px; height:10px; border:3px solid #f4313f; box-sizing:border-box;}
.vision_con01 ul li .txt_box span{display:block; margin-top:30px; font-size:18px; font-weight:400; letter-spacing:-0.025em; color:#666666; line-height:26px;}
.vision_con01 ul li .img_box{float:left; width:50%; position:relative; height:100%; overflow:hidden;}
.vision_con01 ul li .img_box img{position:absolute; width:auto; height:100%; left:50%; top:0; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%);}
.vision_con01 ul li:nth-of-type(2n) .txt_box{float:right}
.vision_con01 ul li:nth-of-type(2n) .txt_box p:before{left:auto; right:-15px; }
.vision_con01 ul li:nth-of-type(2n) .img_box{float:right;}

@media all and (max-width:1000px){
	.vision_con01 ul li{height:auto;}
	.vision_con01 ul li .txt_box,.vision_con01 ul li .img_box{float:none; width:100%; display:block; padding:0;}
	.vision_con01 ul li .img_box img{position:relative; width:100%; height:auto; left:0; top:0; transform:translateX(0); -webkit-transform:translateX(0); -o-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); }
	.vision_con01 ul li .txt_box > div{display:block; padding:40px;}
	.vision_con01 ul li:nth-of-type(2n) .txt_box , .vision_con01 ul li:nth-of-type(2n) .img_box{float:none;}
	.vision_con01 ul li:nth-of-type(2n) .txt_box p:before{left:-15px; right:auto; }

}

.vision_con02{padding-bottom:150px; background:#f9f9f9}
.vision_con02 ul {font-size:0; margin-top:60px; text-align:center; overflow:hidden;}
.vision_con02 ul li{display:inline-block; vertical-align:top; width:33.333%; position:relative;}
.vision_con02 ul li:before{content:''; position:absolute; right:0; top:0; width:2px; height:150%; border:1px dotted #dcdcdc; box-sizing:border-box;}
.vision_con02 ul li:last-of-type:before{display:none;}
.vision_con02 ul li p{font-size:20px; font-weight:bold; letter-spacing:-0.045em; color:#222222; padding:25px 0 15px;}
.vision_con02 ul li span{display:block; font-size:18px; font-weight:400; letter-spacing:-0.045em; color:#666666; line-height:28px;}

@media all and (max-width:1000px){
	.vision_con02 ul li{width:50%; margin-bottom:40px;}
	.vision_con02 ul li:before{display:none;}
	.vision_con02 ul li:last-of-type{margin-bottom:0;}
}
/* 연혁 */
.history_con01 {padding-bottom:150px; background-color:#f9f9f9; }
.history_con01 .list_box{position:relative;}
.history_con01 .list_box:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.history_con01 .list_box > div{width:100%; padding-top:20px; padding-bottom:20px; position:relative; box-sizing:border-box; border-bottom:1px dashed #d6d9dc;}
.history_con01 .list_box > div b{display:inline-block; vertical-align:top; margin-bottom:5px; font-size:28px; font-weight:bold; letter-spacing:-0.025em; color:#222222; width:200px; padding-left:100px; box-sizing:border-box;}
.history_con01 .list_box > div dl:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.history_con01 .list_box > div dl{display:inline-block ;  vertical-align:top; font-size:16px; color:#444; letter-spacing:-0.025em; font-weight:200; width:calc(100% - 310px)}
.history_con01 .list_box > div dl dt{display:inline-block; vertical-align:top; font-size:22px; font-weight:300; width:30px;}
.history_con01 .list_box > div dl dd{width:calc(100% - 35px); display:inline-block; vertical-align:top; margin-top:5px;}

/*.history_con01 .list_box .left{float:left; text-align:right; padding-right:130px;}*/
/*.history_con01 .list_box .left{color:#6a36a3;}*/
/*.history_con01 .list_box .left dl{display:block;text-align: right;}*/
/*.history_con01 .list_box .left dl dt{text-align:right;float: none;}*/
/*.history_con01 .list_box .left dl dd{float:none;}*/
/*.history_con01 .list_box .left .line{right:2px; top:80px; background:#6a36a3}*/
/*.history_con01 .list_box .left .line:before{background:#6a36a3; left:-3px;}*/
/*.history_con01 .list_box .right{float:right; text-align:left; padding-top:100px; padding-left:130px;}*/
/*/*.history_con01 .tab_con .list_box .right.pt100{padding-top:100px;}*/
/*.history_con01 .list_box .right{color:#1b2376}*/
/*.history_con01 .list_box .right .line{left:2px; top:120px; background:#1b2376}*/
/*.history_con01 .list_box .right .line:before{background:#1b2376; right:-3px;}*/

@media all and (max-width:1000px){
	.history_con01 .list_box > div b{padding-left:30px; width:200px}
	.history_con01 .list_box > div dl{width:calc(100% - 210px)}
}


/* 사업장 위치 */

.contact_con01{padding-bottom:150px;}
.contact_con01 .map{width:100%; height:515px;}
.contact_con01 .map .wrap_map{height:100%}
.contact_con01 ul{padding:50px 0; margin-bottom:0; font-size:0; text-align:center; background:#fff; box-sizing:border-box;}
.contact_con01 ul li{display:inline-block; vertical-align:top; margin-right:30px;  box-sizing:border-box; position:relative;}
.contact_con01 ul li:last-child{margin-right:0;}
.contact_con01 ul li:nth-of-type(1):before{content:''; position:absolute; width:10px; height:10px; box-sizing:border-box; left:0; top:-3px; border:3px solid #0d145e}
.contact_con01 ul li p{font-size:18px; color:#666666; font-weight:300;}
.contact_con01 ul li:nth-of-type(1) p{padding-left:15px;}
.contact_con01 ul li p b{display:inline-block; margin-right:20px; color:#0d145e; font-family: 'Poppins' , sans-serif;}

@media all and (max-width:1000px){
	.contact_con01 ul{width:100%;}
}


/* ceo 인사말 */
.ceo_con01{padding:0 0 150px; }
.ceo_con01 .inner {overflow:hidden; }
.ceo_con01 .cons{position:relative;}
.ceo_con01 .cons:after{content:''; display:block; clear:both;}
.ceo_con01 .cons .left_area{width:50%; float:right; text-align:center;}
.ceo_con01 .cons .left_area img{}
.ceo_con01 .cons .right_area{width:50%; float:left;}
.ceo_con01 .cons .right_area .txt_box{}
.ceo_con01 .cons .right_area span{display:block; font-size:32px; color:#97c93e; letter-spacing:-0.045em; line-height:42px; font-weight:500; padding:60px 0 50px;}
.ceo_con01 .cons .right_area p{font-size:18px; color:#666666; letter-spacing:-0.025em; font-weight:400; line-height:28px; padding-bottom:20px;}
.ceo_con01 .cons .right_area p:last-of-type{padding-bottom:0;}
.ceo_con01 .cons .right_area p b{color:#f4313f; font-weight:700; font-size:30px;}
.ceo_con01 .cons .right_area p i{color:#f4313f; font-style:initial; font-weight:500;}
.ceo_con01 .cons .right_area .sign{text-align:right; position:relative; padding-top:60px;}
.ceo_con01 .cons .right_area .sign p{font-size:18px; color:#222; letter-spacing:-0.045em; font-weight:500; display:inline-block; vertical-align:bottom; padding-bottom:0; padding-right:15px;}
.ceo_con01 .cons .right_area .sign img{display:inline-block; vertical-align:bottom; position:relative; bottom:4px;}
@media all and (max-width:1200px){
	.ceo_con01 .cons .left_area{width:100%; padding:40px; box-sizing:border-box; background:none; height:auto; position:relative; float:none;}
	.ceo_con01 .cons .left_area img{display:block; margin:0 auto;}
	.ceo_con01 .cons .right_area{width:100%; float:none; margin:0;}
	.ceo_con01 .cons .right_area .txt_box{padding:0 140px; width:100%; box-sizing:border-box;}
}
@media all and (max-width:1000px){
	.ceo_con01 .cons .right_area .txt_box{padding:0 40px;}
	.ceo_con01 .cons .right_area h4:before{left:0;}
	.ceo_con01 .cons .right_area h4:after{width:100%;}
}
@media all and (max-width:640px){
	.ceo_con01{padding:60px 0 80px;}
	.ceo_con01 .cons .left_area{padding:10px;}
	.ceo_con01 .cons .right_area{padding:40px 0;}
	.ceo_con01 .cons .right_area .txt_box{padding:0 10px;}
	.ceo_con01 .cons .right_area h4{font-size:40px; line-height:50px;}
	.ceo_con01 .cons .right_area span{font-size:28px;}
}





/********** 사업분야 **********/
/* 사업분야 */
.carpart_con01 {padding-bottom:150px; background-color:#f9f9f9; }
.carpart_con01 ul {}
.carpart_con01 ul li {font-size:0; padding:20px 35px; border-top:1px solid #e1e1e1;}
.carpart_con01 ul li:last-of-type{border-bottom:1px solid #e1e1e1}
.carpart_con01 ul li .img_box{display:inline-block; vertical-align:top; width:40%; box-sizing:border-box; height:325px; position:relative; overflow:hidden;}
.carpart_con01 ul li .img_box img{position:absolute; left:50%; top:50%; width:auto; height:100%; -o-transform:translate(-50% , -50%);-ms-transform:translate(-50% , -50%);-moz-transform:translate(-50% , -50%);-webkit-transform:translate(-50% , -50%);transform:translate(-50% , -50%);}
.carpart_con01 ul li .txt_box{display:inline-block; vertical-align:top; width:60%; box-sizing:border-box; height:325px; position:relative;}
.carpart_con01 ul li .txt_box .tit{font-size:18px; font-weight:400; letter-spacing:-0.045em; color:#222222; position:relative; margin:0 80px 20px; padding-left:20px;}
.carpart_con01 ul li .txt_box .tit:before{content:''; position:absolute; left:0; top:7px; width:10px; height:10px; border:3px solid #0d145e; box-sizing:border-box;}
.carpart_con01 ul li .txt_box .desc{margin-left:100px;}
.carpart_con01 ul li .txt_box .desc p{font-size:16px; letter-spacing:-0.025em; line-height:28px; color:#000000; position:relative; padding-left:8px;}
.carpart_con01 ul li .txt_box .desc p:before{content:''; position:absolute; left:0; top:13px; width:4px; height:4px; background:#8a8a8a}
.carpart_con01 ul li .txt_box .desc span{display:block; font-size:15px; letter-spacing:-0.025em; line-height:28px;  color:#666666; }
.carpart_con01 ul li .btn_box{position:absolute; left:100px; bottom:0;}
.carpart_con01 ul li a{display:block; font-size:14px; font-weight:400; letter-spacing:-0.045em; color:#666666; width:255px; height:42px; line-height:40px; box-sizing:border-box; border:1px solid #d6d9dc; position:relative; padding-left:20px;}
.carpart_con01 ul li a:hover{color:#fff; border:1px solid #f4313f; background:#f4313f;}
.carpart_con01 ul li a img{position:absolute; right:15px; top:15px; }

@media all and (max-width:1000px){
	.carpart_con01 ul li .txt_box{padding-top:20px;}
	.carpart_con01 ul li .txt_box .tit{margin:0 40px 20px;}
	.carpart_con01 ul li .txt_box .desc{margin-left:40px;}
	.carpart_con01 ul li .img_box{width:100%; height:auto;}
	.carpart_con01 ul li .img_box img{position:relative; left:0; top:0; width:100%; height:auto; -o-transform:translate(0 , 0);-ms-transform:translate(0 , 0);-moz-transform:translate(0 , 0);-webkit-transform:translate(0 , 0);transform:translate(0 , 0);}
	.carpart_con01 ul li .txt_box{width:100%; height:auto;}
	.carpart_con01 ul li .btn_box{position:relative; margin-top:20px; left:40px;}
}

/******* 개발실적 *********/
/* 개발실적 상세페이지 */
.performance_con01{background:#f9f9f9}
.performance_read01{background:#f9f9f9}
.performance_read01 .inner{font-size:0;}
.performance_read01 .img_box{display:inline-block; vertical-align:top; width:50%; position:relative; overflow:hidden; text-align:center;}
.performance_read01 .img_box img{max-width:100%;height:auto;}
.performance_read01 .img_box .img_txt{font-size:24px; font-weight:bold; letter-spacing:-0.045em; color:#000000; text-align:center; padding:20px 0; width:100%; border-bottom-right-radius:40px; 
/*background:-webkit-gradient(linear, 100% 0, 0 0, from(#3913a8), to(#f4313f));*/
background:-webkit-linear-gradient(to right, #3913a8, #f4313f);
background:-moz-linear-gradient(to right, #3913a8, #f4313f);
background:-o-linear-gradient(to right, #3913a8, #f4313f);
/*background:linear-gradient(to right, #3913a8, #f4313f);*/}
.performance_read01 .txt_box{display:inline-block; vertical-align:top; width:calc(50% - 20px); box-sizing:border-box; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:73px 30px;}
.performance_read01 .txt_box .desc{font-size:18px; font-weight:300; letter-spacing:-0.025em; color:#666666; margin-bottom:40px;}
.performance_read01 .txt_box .desc b{display:inline-block; width:100px; }
.performance_read01 .txt_box .desc:last-of-type{margin-bottom:0;}
.performance_read02 {padding:40px 0 150px; background:#f9f9f9}
.performance_read02 .img_box {width:100%;}
.performance_read02 .img_box img{width:100%;}

@media all and (max-width:1000px){
	.performance_read01 .img_box{max-width:100%;height:auto;}
	.performance_read01 .txt_box{width:100%;}
}

/********* 고객지원 *********/
/* 공지사항 */
.notice_con01 .sub_tit{padding:90px 0 0;}


/************ 제품 ***********/
/* 자동차 자율주행 */
.driving_con01{font-size:0; background:#f9f9f9;}
.driving_con01 .img_box{display:inline-block; vertical-align:top; height:630px; width:920px; margin-right:20px; position:relative}
.driving_con01 .img_box img{width:100%; position:relative; z-index:1}
.driving_con01 .img_box ul li{z-index:2; position:absolute; width:22px; height:22px; border-radius:50%; background:#939393; font-size:14px; font-weight:bold; letter-spacing:-0.045em; color:#fff; text-align:center; display:none;}
.driving_con01 .txt_box{display:inline-block; vertical-align:top; height:630px; width:calc(100% - 940px); box-sizing:border-box; z-index:2; position:relative;}
.driving_con01 .img_box ul li.on {background:#005cb8; display:block;}
.driving_con01 .txt_box ul{margin-bottom:0; height:100%; overflow-y:scroll;  border:1px solid #e1e1e1; }
.driving_con01 .txt_box ul li{padding:16.5px;cursor:pointer; box-sizing:border-box; /*background:url('/img/driving_con01_icon01.png') no-repeat right 20px center*/}
.driving_con01 .txt_box ul li p{font-size:20px; color:#222222; letter-spacing:-0.045em; font-weight:500;}
.driving_con01 .txt_box ul li p span{display:inline-block; vertical-align:middle; width:22px; height:22px; border-radius:50%; background:#939393; font-size:14px; font-weight:bold; letter-spacing:-0.045em; color:#fff; text-align:center; margin-top:-3px; margin-right:7px; line-height:22px; }
.driving_con01 .txt_box .driving_pop{display:none; position:absolute ; bottom:-476px; left:-362%; z-index:10; width:443px; height:328px; border: 4px solid #005cb8; background-color:#fff; white-space:nowrap; text-align:center; }
.driving_con01 .txt_box .driving_pop:before {content:''; display:inline-block; vertical-align:middle; width:0; height:100%; }
.driving_con01 .txt_box .driving_pop img {max-width:100%; max-height:100%; vertical-align:middle;}
/*.driving_con01 .txt_box .driving_pop{display:none; position:absolute ; bottom:-270px; left:-110%; z-index:10;}*/
/*.driving_con01 .txt_box ul li:hover{border-color:#5f289b}*/
/*.driving_con01 .txt_box ul li:hover span{background:#5f289b}*/
.driving_con01 .txt_box ul li.on{border-color:#005cb8;}
.driving_con01 .txt_box ul li.on span{background:#005cb8}
.driving_con01 .txt_box ul li.on .driving_pop{display:block;}

/* .driving_con01 .txt_box ul li */

@media all and (max-width:1200px){
	.driving_con01 .img_box{display:block; width:735px; margin:0 auto;}
	.driving_con01 .txt_box{display:block; width:735px; height:auto; margin:0 auto; margin-top:50px;}
	.driving_con01 .txt_box ul{ overflow-y:inherit; }
}

@media all and (max-width:1000px){
 .driving_con01 .img_box .driving_pop{display:none;}
}

@media all and (max-width:800px){
	.driving_con01 .img_box{display:block; width:100%; margin:0 auto; height:auto;}
	.driving_con01 .txt_box{display:block; width:100%; height:auto; margin:0 auto; margin-top:50px;}
	.driving_con01 .txt_box ul{ overflow-y:inherit; }
}

.driving_con02{padding:60px 0 110px; background:#f9f9f9;}
.driving_con02 ul{font-size:0;}
.driving_con02 ul li{display:inline-block; vertical-align:top; width:calc(25% - 15px); margin-right:20px; margin-bottom:40px; border:1px solid #dadada; padding:10px; box-sizing:border-box;}
.driving_con02 ul li:nth-of-type(4n){margin-right:0;}
.driving_con02 ul li .img_box{width:100%; height:320px; position:relative; overflow:hidden;}
.driving_con02 ul li .img_box img{position:absolute; height:auto; width:100%; left:50%; top:50%;-o-transform:translate(-50% , -50%);-ms-transform:translate(-50% , -50%);-moz-transform:translate(-50% , -50%);-webkit-transform:translate(-50% , -50%);transform:translate(-50% , -50%); }
.driving_con02 ul li .img_box .more_box{ position:absolute; top:0; left:0; width:100%; height:100%; display:table; background:rgba(0,0,0,0.3);display:none;}
.driving_con02 ul li:hover .img_box .more_box{display:block; display:table;}
.driving_con02 ul li .img_box .more_box a{display:table-cell; vertical-align:middle; font-size:14px; font-weight:600; letter-spacing:0.04em; color:#ffffff; text-align:center;}
.driving_con02 ul li .txt_box {font-size:24px; letter-spacing:-0.045em; color:#444444; text-align:center; padding:15px 0; border-bottom-right-radius:35px;}

.driving_read01{font-size:0; background:#f9f9f9;}
.driving_read01 .img_box{display:inline-block; vertical-align:top; width:50%; position:relative; overflow:hidden; text-align:center;}
.driving_read01 .img_box img{max-width:100%; height:auto;}
/*.driving_read01 .img_box img.imgW{position:absolute; top:50%; left:50%; width:100%; height:auto;  -o-transform:translate(-50% , -50%);-ms-transform:translate(-50% , -50%);-moz-transform:translate(-50% , -50%);-webkit-transform:translate(-50% , -50%);transform:translate(-50% , -50%);}*/
.driving_read01 .txt_box{display:inline-block; vertical-align:top; width:calc(50% - 30px); margin-left:30px; box-sizing:border-box; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:40px 40px 20px 20px; box-sizing:border-box;}
.driving_read01 .txt_box .tit{font-size:20px; letter-spacing:-0.045em; color:#222222; line-height:30px;}
.driving_read01 .txt_box .desc{font-size:18px; font-weight:300; letter-spacing:-0.025em; color:#666666; line-height:28px; word-break:keep-all;}

.driving_read02 {background:#f9f9f9; padding:50px 0 150px;}
.driving_read02 .edit{background:#fff; word-break:keep-all; font-size:18px; font-weight:300; letter-spacing:-0.025em; color:#666666; line-height:28px; padding:40px;}

@media all and (max-width:1100px){
	.driving_con02 ul li{width:calc(33.3333% - 14px);}
	.driving_con02 ul li:nth-of-type(4n){margin-right:20px;}
	.driving_con02 ul li:nth-of-type(3n){margin-right:0;}
}

@media all and (max-width:1000px){
	.driving_read01 .img_box{width:100%;}
	.driving_read01 .img_box img{position:relative; top:0; left:0; width:100%; height:auto; -webkit-transform:translate(0 , 0); -o-transform:translate(0 , 0); -moz-transform:translate(0 , 0); -ms-transform:translate(0 , 0); transform:translate(0 , 0);}
	.driving_read01 .txt_box{width:100%; margin-left:0; margin-top:50px;}
}

@media all and (max-width:850px){
	.driving_con02 ul li{width:calc(50% - 10px);}
	.driving_con02 ul li:nth-of-type(3n){margin-right:20px;}
	.driving_con02 ul li:nth-of-type(2n){margin-right:0;}
}

@media all and (max-width:650px){
	.driving_con02 ul li{width:100%; margin-right:0;}
	.driving_con02 ul li:nth-of-type(3n){margin-right:0;}
}