/*사업영역 Type01 */
.business { width:100%; max-width:1210px; margin:0 auto;  overflow:hidden;}
.business:after { content:""; display:block; clear:both; }
.business ul.supportType { padding:0; margin:10px 0px 20px; 0px; }
.business ul.supportType li { float:left; width:31.333333%; margin-left:1%; margin-right:1%; }
.business ul.supportType li img { display:block; width:100%;}
.business ul.supportType li strong { display:block; margin-top:30px; font-size:1.5em; font-weight:700; line-height:28px; text-align:center; }
.business ul.supportType li > span { display:block; margin-top:20px; font-size:1.2em; text-align:center; letter-spacing:-0.04em; }
.business h1 {
	font-size:1.9em;
	font-weight:bold;
	text-align:center;
	color: #ff9800;
}
.business h2 {
	font-size:1.6em;
	font-weight:bold;
	text-align:left;
	margin-top:20px;
}

.business .supportMethodDiv {
	margin-top:10px;
}
.business .supportMethodDiv:after {display:block; visibility:hidden; clear:both; content:""}

.business .supportMethodDiv ul {margin:0; padding:0; border-top:1px solid #000;  }
.business .supportMethodDiv ul li{float:left; width:49.9%;  padding:30px 0; border-right:1px solid #eee; border-bottom:1px solid #eee; overflow:hidden;}
.business .supportMethodDiv ul li:nth-child(even) { border-right:0; } 
.business .supportMethodDiv ul li .icon { position:relative; float:left; display:inline-block; width:25%; text-align:center;}
.business .supportMethodDiv ul li .icon i {display:inline-block; font-size:3em; line-height:100px; }
.business .supportMethodDiv ul li .icon em { position:absolute; top:-10%; left:15%; font-size:1.5em; opacity:0.2; }
.business .supportMethodDiv ul li .con_txt {float:right; width:75%;}
.business .supportMethodDiv ul li .con_txt p{  margin-bottom:10px; font-size:1.5em; }
.business .supportMethodDiv ul li .con_txt span {  display:block; word-break: keep-all; font-size:1.2em; }

.btn_go {display:inline-block; background:#222; color:#fff; text-align:center;  font-size:1em; margin:20px 0px; padding:10px 30px; border:1px solid #000;  transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
.btn_go:hover {color:#000; background-color:#fff; }





/* 반응형 중간기기 992px 사이즈 이하*/
@media all and (max-width:992px){
	

	.timeline .timeline-content ul li img{height:auto; }

}



/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {		
	

	.company .ceo_img { width:100%;  text-align:center;  height:auto;  }
	.company .ceo_img img { width:70%;height:auto;}
	.company .ceo_txt{ width:100%; padding:0; margin-top:40px;}




}



/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {

.company .ceo_txt h2{font-size:1.3em; font-weight:700;}

.timeline .timeline-icon {left:10px; margin-top:10px;}
.timeline .timeline-content { width: 90%; }
.timeline.timeline-alternating .timeline-block:nth-of-type(2n+1) .timeline-content{text-align:left; margin-left:30px; }
.timeline::before { left:10px; top:10px; }
.timeline.timeline-alternating:not(.timeline-left) .timeline-block:nth-of-type(2n) .timeline-content { left:0; margin-left:30px;}

}



/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {	

	.company .ceo_img img { width:100%;}


}


.business_type2{ width:100%; max-width:1200px; margin:0 auto;}
.business_type2:after{content:""; display:block; clear:both;}
.business_type2 .business_info { width:100%; background:#fff; margin-bottom:80px; }
.business_type2 .business_info:after{content:""; display:block; clear:both;}
.business_type2 .business_info ul{ padding:0; margin:0;}
.business_type2 .business_info ul li{ padding:0; margin:0;}
.business_type2 .business_info ul li.left_box { float:left; width:500px; height:500px; overflow:hidden; }
.business_type2 .business_info ul li.left_box img{ width:100%; height:100%; }
.business_type2 .business_info ul li.right_box{position:relative; float:right; width:54%; height:500px;}
.business_type2 .business_info ul li.right_box .txt02 ul li{font-size:12pt; }
.business_type2 .business_info ul li.right_box .txt03{ position:absolute; left:0; bottom:0; width:100%; font-size:12pt; color:#555; line-height:1.5em; text-transform: uppercase; background:#f8f8f8; overflow:hidden;}
.business_type2 .business_info ul li.right_box .txt03 span {display:block; padding:30px 40px; height:280px; }

.business_type2 .txt_area { width:100%; }
.business_type2 .txt_area h2 {display: inline-block; font-size:2em; font-weight:300; line-height:1.4em; color:#000; letter-spacing:-0.05em;}
.business_type2 .txt_area:after{content:""; display:block; clear:both;}
.business_type2 .txt_area .txt01 { float:left; width:100%; word-break: keep-all; }
.business_type2 .txt_area .txt01 p { padding:0; margin:0; margin-bottom:15px; padding:0;}
.business_type2 .txt_area .txt01 span.tit { display:block; font-size:2.2em; color:#000; font-weight:700; line-height:1.2em;  }
.business_type2 .txt_area .txt01 span.txt { display:block; font-size:1.15em; color:#333; font-weight:400; line-height:1.4em; }
.business_type2 .txt_area .txt02 { float:left; width:100%; margin-top:40px;}
.business_type2 .txt_area .txt02 ul {margin:0; padding:0; }
.business_type2 .txt_area .txt02 ul li { position:relative; color:#555; font-weight:400; line-height:1.5em; list-style:none; padding-left:3%; margin-bottom:5px;}
.business_type2 .txt_area .txt02 ul li:before {position:absolute; top:8px; left:0; content:""; display:inline-block; width:4px; height:4px; background:#555; margin-right:10px; vertical-align:middle;}



.business_type2 .con_arrow{ width:100%; max-width:1200px;  padding-bottom:20px;  margin:0 auto;}
.business_type2 .con_arrow p{position:relative; font-size:2em; color:#000; padding-left:30px; }
.business_type2 .con_arrow span{  position:absolute; right:0; display:inline-block; font-size: 1em;  padding-left: 10px;  color: #555;}
.business_type2 .con_arrow > p:before{position:absolute; top:4px; left:10px; display:inline-block; content:""; width:3px; height:23px; background-color:#1F88E5; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}

.business_type2 .con_box{ width:100%; padding:20px 0; border-top:1px solid #000; border-bottom:1px solid #000;}
.business_type2 .con_box:after{content:""; display:block; clear:both;}
.business_type2 .con_box ul { padding:0; margin:0; }
.business_type2 .con_box ul li {float:left; width:50%; list-style:none; margin:10px 0; }
.business_type2 .con_box ul li p{display:table; width:100%; }
.business_type2 .con_box ul li p > em, .business_type2 .con_box p > span{display:table-cell; vertical-align:top; }
.business_type2 .con_box ul li p > em{ width:30px; }
.business_type2 .con_box ul li p > em > strong{display:inline-block; width:30px; height:30px;  line-height:30px; color:#fff; background-color:#000; text-align:center; font-size:1em;  border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%; font-weight:500;}
.business_type2 .con_box ul li p > span{font-size:1em; line-height:30px; color:#555; letter-spacing:-0.75px;  padding:0 15px;}


.organization {
	margin: 0px auto;
	text-align: center;
}


@media screen and (max-width:992px){
	
	.content_wrap{width:100%;}
	.page_title{margin-bottom:50px;}	
	.page_title h1{font-size:2em;}
	.page_title h2{font-size:1em;}
	.s_tit{font-size:1.2em;}
	
	.business_type2 .business_info{margin-bottom:0px;}
	.business_type2 .business_info ul li.left_box { width:100%; height:300px;  }
	.business_type2 .business_info ul li.right_box{ width:100%; }
	.business_type2 .business_info ul li.right_box .txt03 {position:relative !important; margin-top:40px;}
	.business_type2 .business_info ul li.right_box .txt03 span {height:auto;}
	.business_type2 .txt_area { width:90%; margin:0 auto; border-top:0;}
	.business_type2 .txt_area .txt01 span.tit {font-size:1.85em;}
	.business_type2 .con_arrow{width:95%; margin:0 auto;}
	.business_type2 .con_box{width:95%; margin:0 auto;}

}

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


	.business_type2 .con_arrow p{ font-size:1.5em; margin-top:30px;}
	.business_type2 .con_box ul li { width:100%; }
	.visual_area { background:url('../image/sub_visual_msub05.jpg') no-repeat top center !important; background-size:cover !important;}
	#sub_tit {display:none;}

	.g_map img {width:100%; }
}