@charset "utf-8";

/* Layoyt (레이아웃)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	.sub-visual > div{position:relative; width:100%; height:350px; text-align:center; }
	
	.sub-visual.bg01 > div{background:url('/images/kor06r-18-0404/sub/sub_visual01.jpg') no-repeat center center/cover;}
	.sub-visual.bg02 > div{background:url('/images/kor06r-18-0404/sub/sub_visual02.jpg') no-repeat center center/cover;}
	.sub-visual.bg03 > div{background:url('/images/kor06r-18-0404/sub/sub_visual03.jpg') no-repeat center center/cover;}
	.sub-visual.bg04 > div{background:url('/images/kor06r-18-0404/sub/sub_visual04.jpg') no-repeat center center/cover;}

	.sub-visual h2{position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; height:45px; line-height:2; font-size:45px; color:#fff;}

	.sub-visual .navi_con{position:absolute;top:68%;bottom:0; left:0; right:0;text-align:center;}
	.sub-visual .navi_con ul li{display:inline;color:#fff;padding:0px 0px 0 20px;font-size:16px;background:url('/images/kor06r-18-0404/sub/icon_navi.png') no-repeat left 7px;margin-right:15px;font-weight:400;}
	.sub-visual .navi_con ul li.first_icon{position:relative;background:none;}
	.sub-visual .navi_con ul li.first_icon img{position:absolute;top:7px;right:0;border:0;}
	
	.sub-tab{height:53px; background:#f8f8f8;border-bottom:1px solid #dadada;}
	.sub-tab > ul:after{content:""; display:block; clear:both;}
	.sub-tab li{float:left;}
	.sub-tab li a{display:block; height:53px; text-align:center; line-height:53px; font-size:16px; color:#222; border-bottom:1px solid #dadada;border-left:1px solid #dadada;background:#f8f8f8;}
	.sub-tab li.active a{font-weight:400; background:#c40811; color:#fff; border-color:#dadada;}

	.sub-tab .col-1 li{width:100%;}
	.sub-tab .col-2 li{width:50%;}
	.sub-tab .col-3 li{width:33.33%;}
	.sub-tab .col-4 li{width:25%;}
	.sub-tab .col-5 li{width:20%;}


	@media only screen and (min-width:1201px) {
		.sub-tab > ul{margin:0 auto; width:1200px;}
		.sub-tab li:last-child a{border-right:1px solid #dadada;}
	}

	@media only screen and (max-width:1200px) {
		.sub-tab li:first-child a{border-left:0;}
	}

	@media only screen and (max-width:980px) {
		.sub-visual > div{height:250px;}
		.sub-visual h2{font-size:40px; height:40px;line-height:0.5;}	
		.sub-visual .navi_con{top:60%;}
		.sub-visual .navi_con ul li{font-size:14px;}
	}

	@media only screen and (max-width:768px) {
		.sub-visual > div{height:200px;}
		.sub-visual h2{font-size:30px;}
		.sub-visual .navi_con ul li{font-size:13px;background-size:7px auto;background-position:left 5px;padding:0px 0px 0 10px;margin-right:7px;}
		.sub-visual .navi_con ul li.first_icon img{position:absolute;top:5px;right:0;border:0;width:13px;}

		.sub-tab{height:auto;}
		.sub-tab .col-5 li{width:33.333%;}
		.sub-tab li.b_b01{border-bottom:1px solid #dadada;}
		.sub-tab li a{height:45px; line-height:45px; font-size:14px;border-bottom:0}
	}

/* SUB TITLE
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
h2.title_h2{position:relative;text-align:center;font-size:40px;font-weight:400;padding:20px 0 50px 0;color:#000;}
h2.title_h2:before{display:inline;content:"●  ●  ●";color:#999;font-size:8px;text-align:left;padding:0 30px 0 0;} 
h2.title_h2:after{display:inline;content:"●  ●  ●";color:#999;font-size:8px;text-align:right;padding:0 0 0 30px;} 
h3.title_h3{position:relative;font-size:27px;padding:10px 0 20px 0;color:#000;line-height:28px;background:url('/images/kor06r-18-0404/sub/icon_h3.png') no-repeat 2px 0;}
h4.title_h4{font-size:20px;background:url('/images/kor06r-18-0404/sub/icon_h4.png') no-repeat 0 16px;background-size:20px;font-weight:500;padding:15px 0 20px 30px;color:#000;}
h5.title_h5{font-size:18px;background:url('/images/kor06r-18-0404/sub/icon_h5.png') no-repeat 0 2px;padding:0 0 10px 20px;color:#000;font-weight:400;}

ul.bu01{}
ul.bu01 li:before{position:absolute;top:3px;left:0px;content:'·';color:#555;font-weight:900;padding:0 15px 0 0;} 
ul.bu01 li{position:relative;padding:3px 0px 2px 10px;} 



@media only screen and (max-width:980px) {
	h2.title_h2{font-size:35px;}
	h2.title_h2:before{font-size:6px;padding:0 20px 0 0;} 
	h2.title_h2:after{font-size:6px;padding:0 0 0 20px;} 		
	
	h3.title_h3{position:relative;font-size:25px;}	
	h4.title_h4{font-size:18px;background-size:17px;background-position:0 17px;padding:15px 0 20px 25px;}
	h5.title_h5{font-size:16px;background-size:9px auto;padding:0 0 10px 15px;}

}

@media only screen and (max-width:768px) {

	h2.title_h2{font-size:28px;padding:20px 0 30px 0;}
	h2.title_h2:before{font-size:4px;padding:0 15px 0 0;} 
	h2.title_h2:after{font-size:4px;padding:0 0 0 15px;}
	
	h3.title_h3{position:relative;font-size:20px;background-size:15px auto;padding:5px 0 10px 0;}
	h4.title_h4{font-size:16px;background-size:16px;background-position:0 12px;padding:10px 0 20px 25px;}
	h5.title_h5{font-size:14px;background-size:8px auto;padding:0 0 10px 15px;}
}

@media only screen and (max-width:480px) {

	h2.title_h2{font-size:25px;padding:20px 0 30px 0;font-weight:500;}
	h2.title_h2:before{font-size:3px;padding:0 15px 0 0;} 
	h2.title_h2:after{font-size:4px;padding:0 0 0 15px;} 

	h3.title_h3{font-size:17px;}

	h4.title_h4{font-size:15px;background-size:15px;background-position:0 13px;padding:10px 0 20px 20px;}

}





/* Sub Contents (서브 콘텐츠 영역)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	#subContents{padding:50px 0 80px 0; width:100%;}

	@media only screen and (min-width:1201px) {
		#subContents{margin:0 auto; width:1200px;}
	}
	@media only screen and (max-width:1200px) {
		#subContents{padding:50px 20px 80px 20px;}
	}
	@media only screen and (max-width:768px) {
		#subContents{padding:30px 10px;}
		
	}

/* 배경
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
#subContents .bg_box{background:#f9f9f9;border:1px solid #ddd;padding:20px 30px;text-align:justify;font-size:15px;font-weight:400;word-break:keep-all;margin-bottom:20px;}
#subContents .border_box{border:1px solid #ddd;padding:30px;text-align:center;font-size:18px;font-weight:400;word-break:keep-all;}


@media only screen and (max-width:980px) {
	#subContents .bg_box{font-size:16px;}
	#subContents .border_box{padding:30px;}
}
@media only screen and (max-width:768px) {
	#subContents .bg_box{padding:20px;font-size:14px;}
}

@media only screen and (max-width:480px) {
	#subContents .bg_box{padding:20px 10px;font-size:13px;}
	#subContents .border_box{padding:20px;}
}

/* 회사소개 - 오시는길
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.sub1_3 .map_con .root_daum_roughmap{width:100%;}
.sub1_3 .map_con{width:100%;margin:}
.sub1_3 .map_con < div{width:100%;}
.sub1_3 .map_info{padding:25px 0;height:80px;border-bottom:1px solid #ccc;}
.sub1_3 .map_info h2{float:left;font-size:18px;color:#222;font-weight:400;}
.sub1_3 .map_info ul{float:right;}
.sub1_3 .map_info ul li{float:left;margin-left:20px;}
.sub1_3 .map_info ul li span{display:inline-block;width:20px;height:20px;border-radius:20px;color:#fff;text-align:center;font-weight:500;margin-right:5px;}
.sub1_3 .map_info ul li span.tel{background:#1e2888;}
.sub1_3 .map_info ul li span.fax{background:#666;}

@media screen and (max-width:980px){
}

@media only screen and (max-width:768px) {
	.sub1_3 .map_info{padding:15px 0;height:auto;}
	.sub1_3 .map_info h2{float:none;font-size:15px;color:#222;font-weight:400;}
	.sub1_3 .map_info ul{float:none;margin:10px 0;padding:10px 0;}
	.sub1_3 .map_info ul li{margin-right:10px;margin-left:0;font-size:14px;}

}

@media only screen and (max-width:480px) {
}