/* 회사개요 */
div.company01{background:url("../../../images/company/company01_img_1.jpg") 0 0 no-repeat;}
	.company01 .title{font-size:28px;line-height:35px;}
	.company01 .title span{font-size:25px; font-weight:600; color:#227ed2; line-height:50px;}
	.company01 .text{margin-top:70px;}
	.cominfo{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:15px 30px;margin:45px 0 40px 0;}
	.cominfo ul{float:left;}
	.cominfo ul li{line-height:25px;background:url("../../../images/list-icon.jpg") 0 12px no-repeat; padding:0 0 0 7px}
	.cominfo ul li .sp1{font-weight:bold;color:#666;display:inline-block;width:110px;}
	.cominfo ul li .sp2{font-weight:bold;color:#666;display:inline-block;width:60px;}
	
	/* company01_tab */
	div#content_body ul.tab2{position:relative;overflow:hidden;width:720px;height:48px;font-size:18px;background:url("../../../images/tap_bg.gif") 0 0 no-repeat;margin:0 0 20px 0;}
	div#content_body ul.tab2:after{content:"";display:block;clear:both;}
	div#content_body ul.tab2 li {float:left;height:100%;width:360px;}
	div#content_body ul.tab2 li a {display:inline-block; text-align:center;color:#666;padding-top:10px;}
	div#content_body ul.tab2 li span {display:block;width:360px;height:48px;padding:0;
													 *display:inline;zoom:1;}
	div#content_body ul.tab2 li.active a {width:360px;height:48px;background:url("../../../images/tap_point.gif") top center no-repeat;}
	div#content_body ul.tab2 li.active span {height:100%;color:#fff;font-weight:bold;}
	div.courseDetail{display:none;position:relative;padding:0;clear:both;}
	div#course1{display:block;}
	
		
/* 인사말 */
div.company02{}
	.company02 .title{padding-bottom:130px; border-bottom:1px solid #ddd;
					  background:url("../../../images/company/company02_img_2.jpg") right bottom no-repeat;}
		.company02 .title .t1{font-size:45px; line-height:1.8em;font-weight:600;}
		.company02 .title .t2{font-size:20px; line-height:1.3em; color:#227ed2;}
	.company02 .text{margin-top:30px;font-size:15px;}
		.company02 .text .ttl{font-size:20px; line-height:30px;}
		.company02 .text .box{display:block;border:1px solid #ddd; padding:10px 15px; background:#f1f1f1; font-size:20px; line-height:35px;}	
	
	
/* 회사연혁 */
div.company03{}
	.historyTop{border-top:1px solid #ddd;border-bottom:1px solid #ddd; padding:20px 0;margin:0 0 20px 0;}
	.historyTop p{text-align:center;font-size:16px;}
	.historyTop p strong{color:#e41d25;}
	.history{margin:0;padding:30px 10px;}
	.history dt{width:130px;padding:0;float:left;}
	.history dt strong{font-size:38px; font-weight:600; letter-spacing:-2px;}
	.history dt strong.year_now{color:#227ed2;}
	.history dt strong.year_g11{color:#666;}
	.history dt strong.year_g10{color:#999;}
	
	
	.history dd{width:560px;padding:5px 0 0 0;float:left;}
	.history dd ul{display:block;}
	.history dd li{padding:5px 0;border-bottom:1px dotted #ccc;}
	.history dd li span.date{display:inline-block;width:20px;padding:0 10px 0 0;color:#227ed2;}
	.history dd li span.text{padding:0 10px 0 8px;color:#333;}
		
	
/* 회사연혁 */
div.company04{width:100%;}
	.company04 img{float:left;margin:20px 5px 0 0;}


/* ESG경영 */
.company08 *{box-sizing: border-box;}
.com8_img{position:relative; border:1px solid #ddd;}
.com8_img img{width:100%;}
.com8_img::after{
	content:"";
	position:absolute; top:-1px; left:-1px;
	display:block; width:60px; height:60px;
	border:8px solid #00278b;
	border-right:0; border-bottom:0;
}
.com8_img::before{
	content:"";
	position:absolute; bottom:-1px; right:-1px;
	display:block; width:60px; height:60px;
	border:8px solid #00278b;
	border-left:0; border-top:0;
}
a.btn_down{
	display:block; margin:0 auto; margin-top:30px; 
	width:250px; height:60px; line-height:60px; 
	background:#00278b; border:0;
	color:#fff; text-align:center; font-size:16px; font-weight:bold;}

.unknown_info{margin-bottom:20px; padding:20px 25px; background:#f5f5f5; }
.unknown_info ul li{position:relative; margin-bottom:5px; padding-left:8px; color:#666; }
.unknown_info ul li:after{content:""; position:absolute; left:0; top:8px; width:3px; height:3px; background:#666; display:block;}
.unknown_info ul li:last-child{margin-bottom:0;}

.unknown_form strong{color:red;}
.unknown_form dl.sbj{border-top:2px solid #333; padding-top:10px;}
.unknown_form dl{display:flex;}
.unknown_form dl dt{width:20%; line-height:37px; font-weight:bold;}
.unknown_form dl dd{width:80%;}
.unknown_form dl input,
.unknown_form dl textarea{padding:10px; border:1px solid #ddd}
.unknown_form dl button.btn_idcheck{height:37px; line-height:37px; margin-left:5px; padding:0 10px; border:1px solid #666; text-align:center; font-size:12px; vertical-align:middle; border-radius:3px; -webkit-border-radius:3px;}
.unknown_form dl.userid span.idcheck_no{display:block; color:red; font-size:12px; }
.unknown_form dl.userid span.idcheck_ok{display:block; color:blue; font-size:12px; }
.unknown_form dl.userpw span{display:inline-block; margin-left:5px; font-size:12px; color:#666;}
.unknown_form dl.userid input,
.unknown_form dl.userpw input{width:334px;}

.unknown_form dl.chaptcha input{height:60px; line-height:60px;}
.unknown_form dl.chaptcha button{vertical-align:top; padding:3px 5px; background:#f1f1f1; border:1px solid #ddd; border-radius:3px; -webkit-border-radius:3px; font-size:11px; color:#666;}

.unknown_privacy dl{margin:20px 0; padding:15px 20px; background:#f5f7f9; border:1px solid rgba(0, 39, 139, .1)}
.unknown_privacy dt{margin-bottom:5px; font-weight:bold; color:#00278b;}
.unknown_privacy dd{ color:#666;}
.unknown_privacy p{text-align:center;}
.unknown_privacy input,
.unknown_privacy label{font-size:16px;}
.unknown_privacy span{display:inline-block; margin-top:5px; color:#666; font-size:12px; }

a.btn_submit,
input.btn_submit,
button.btn_submit{
	display:block; margin:0 auto; margin-top:50px; 
	width:150px; height:50px; line-height:50px; 
	background:#00278b; border:0;
	color:#fff; text-align:center; font-size:16px; font-weight:bold;}
.unknown_form dl label.error{color:red !important;}


/* 주거래처현황 */
div.company05{width:100%;}
	.company05 .com5List{}
	.company05 .com5List li{float:left; width:210px; margin:12px;} 
	
	
/* 찾아오시는길  */
div.company07{width:100%;}
	.company07 .map{width:720px; height:350px;}
	.company07 .mapinfo{width:100%; margin-top:40px;}
	.company07 .mapinfo ul li{float:left; border:1px solid #ddd; padding:5px 20px 5px 12px; margin-right:10px; 
								font-size:16px; font-weight:bold;}
	.company07 .mapinfo ul li img{width:70px;}
	.company07 .mapinfo ul li.company_img{float:none; padding:40px 0 40px 150px; margin-bottom:10px; margin-right:0;
										  font-size:14px; font-weight:normal; line-height:30px;
										  background:url("../../../images/company/mapimg_1.jpg") 20px 0 no-repeat;}
	.company07 .mapinfo ul li.company_img strong{margin-right:20px; color:#0491b4;}
	.company07 .mapinfo ul li.company_img a{display:inline-block; padding:0 5px 1px 5px; line-height:18px; background:#bbb; 
											border:1px solid #aaa; border-radius:6px 6px; font-size:12px; color:#fff;}