/* 사업영역 Type01 */
.busi1-1 {width:100%; }
.busi1-1:after { content:""; display:block; clear:both; }
.busi1-1 ul { width:100%; overflow:hidden;}
.busi1-1 ul li {display:inline-block; vertical-align:top; width:49%; margin-right:2%; margin-bottom:2%; background:#fff; border-radius:0; overflow:hidden; border:1px solid #eee; box-sizing:border-box; }
.busi1-1 ul li:nth-child(even) {float:right; margin-right:0; }
.busi1-1 ul li a {display:block;  }
.busi1-1 ul li dl {width:100%; font-size:0; }
.busi1-1 ul li dl dt {display:inline-block; vertical-align:middle; width:40%; text-align:center; border-radius:0; overflow:hidden;}
.busi1-1 ul li dl dt img {max-width:100%; transition: 0.5s all ease;}
.busi1-1 ul li dl dd {position:relative; display:inline-block; vertical-align:top; width:60%; padding:40px 4% 0 4%;}
.busi1-1 ul li dl dd .num { position:relative; display:block; text-align:center; width:50px; height:50px; line-height:50px; font-size:1em; color:#666; font-style:normal; font-weight:500; background:#eee; border-radius:0; }
.busi1-1 ul li dl dd .num:before { z-index:0; content: ""; display: block; position: absolute; right:50px; top:50%; transform: translateY(-50%); width:0; height:1px; background:#fff; transition: 0.5s all ease;}
.busi1-1 ul li dl dd h4.t1 {margin:20px 0; font-size:1.85em; color:#000; line-height:1.4; font-weight:700; }
.busi1-1 ul li dl dd p { font-size:1em; color:#222; line-height:1.6; word-break:keep-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.busi1-1 ul li dl dd p span {display:inline; font-size:1em; color:#000; font-weight:700;}
.busi1-1 ul li:hover dl dt img {transform:scale(1.1);}
.busi1-1 ul li:hover dl dd .num {color:#fff; background:#222; }
.busi1-1 ul li:hover dl dd .num:before { z-index:0; content: ""; display: block; position: absolute; right:40px; top:50%; transform: translateY(-50%); width:130%; height:1px; background:#222; }



/* 사업영역 Type02 */
.busi2-1 {width:100%;}
.busi2-1:after { content:""; display:block; clear:both; }
.busi2-1 ul {display:flex; flex-wrap: wrap; width:100%; }
.busi2-1 ul li{display:flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width:100%; margin-bottom:50px; }
.busi2-1 ul li:last-child {margin-bottom:0;}
.busi2-1 ul li .imgs { position:relative; width:50%;}
.busi2-1 ul li .imgs img {max-width:100%; }
.busi2-1 ul li .txts{width:50%; padding:0 0 0 60px; }
.busi2-1 ul li .txts .num { display:block; text-align:center; width:50px; height:50px; line-height:50px; font-size:1.25em; color:#fff; font-weight:500; font-style:normal; border-radius:25px 0;}
.busi2-1 ul li .txts h3.t1 { display:block; margin:20px 0 30px 0; font-size:2em; color:#000; line-height:1.2;  font-weight:600; word-break:keep-all;}
.busi2-1 ul li .txts h3.t1 span {color:#45a6e6;}
.busi2-1 ul li .txts p { display:block; margin-top:10px; font-size:1.15em; color:#666; line-height:1.6; word-break:keep-all;}
.busi2-1 ul li .txts p span {display:inline; font-size:1em; color:#000; font-weight:500;}
.busi2-1 ul li:nth-child(even) { flex-direction: row-reverse;}
.busi2-1 ul li:nth-child(even) .txts{ padding:0 60px 0 0; }
.busi2-1 ul li:nth-child(1) .txts .num {background:#45a6e6;}
.busi2-1 ul li:nth-child(2) .txts .num {background:#00529b;}
.busi2-1 ul li:nth-child(3) .txts .num {background:#001364;}
.busi2-1 ul li:nth-child(1) h3.t1 span {color:#45a6e6;}
.busi2-1 ul li:nth-child(2) h3.t1 span {color:#00529b;}
.busi2-1 ul li:nth-child(3) h3.t1 span {color:#001364;}

table.tbl_busi2 {width:100%; margin-top:100px; border-spacing: 0; border-collapse: collapse; box-sizing: border-box; border-top:1px solid #000;}
table.tbl_busi2 thead tr th {padding:15px 15px; text-align:center; font-size:1.15em; color:#000; line-height:1.4; font-weight:600; background:#f7f7f7; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; }
table.tbl_busi2 thead tr th:first-child {border-left:0;}
table.tbl_busi2 tbody tr th {width:30%; padding:25px; text-align:center; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; }
table.tbl_busi2 tbody tr th:first-child {border-left:0;}
table.tbl_busi2 tbody tr th .imgs {width:100%; text-align:center;}
table.tbl_busi2 tbody tr th .imgs img {max-width:100%;}
table.tbl_busi2 tbody tr th p {margin-top:10px; font-size:1.25em; color:#000; font-weight:500; line-height:1.4; word-break:keep-all; }
table.tbl_busi2 tbody tr td {width:70%; padding:15px 25px; text-align:left; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; }
table.tbl_busi2 tbody tr td p {position:relative; margin-top:10px !important; padding-left:12px; font-size:1em; color:#666; line-height:1.4; word-break:keep-all;}
table.tbl_busi2 tbody tr td p:first-child {margin-top:0 !important;}
table.tbl_busi2 tbody tr td p:before {content: ""; display: block; position: absolute; left:0; top:10px; width:4px; height:4px; background:#555;}



/* 사업영역 Type03 */
.busi3-1 {width:100%;  border-top:1px solid #222;}
.busi3-1:after { content:""; display:block; clear:both; }
.busi3-1 ul { width:100%; padding:0; margin:0; overflow:hidden;}
.busi3-1 ul li { display:inline-block; vertical-align:top; width:100%; padding:40px 4%; background:#fff; overflow:hidden; border-bottom:1px solid #ddd; box-sizing:border-box; transition: 0.5s all ease;}
.busi3-1 ul li:nth-child(even) {background:#f5f5f5; }
.busi3-1 ul li dl {position:relative; width:100%; font-size:0; }
.busi3-1 ul li dl dt {display:inline-block; vertical-align:middle; width:40%; text-align:center;  overflow:hidden;}
.busi3-1 ul li dl dt img {max-width:100%; transition: 0.5s all ease;}
.busi3-1 ul li dl dd {display:inline-block; vertical-align:middle; width:60%; padding:0 4%; }
.busi3-1 ul li dl dd .num { display:inline; padding:5px; font-size:15px; color:#222; font-style:normal; border-bottom:1px solid #222;}
.busi3-1 ul li dl dd h4.t1 {margin:20px 0; font-size:1.85em; color:#000; line-height:1.4; font-weight:700; }
.busi3-1 ul li dl dd p { font-size:1em; color:#222; line-height:1.6; word-break:keep-all; }
.busi3-1 ul li dl dd p span {display:inline; font-size:1em; color:#000; font-weight:700;}
.busi3-1 ul li dl dd a {position:absolute; right:0; top:0; display:inline-block; padding:10px 15px; min-width:120px; text-align:center; background:#fff; border:1px solid #ddd; box-sizing:border-box; transition: 0.2s all ease;}
.busi3-1 ul li:hover a { color:#fff; background:#45a6e6; border:1px solid #45a6e6; }
.busi3-1 ul li:hover dl dt img {transform:scale(1.1);}



/*사업영역 Type04 */
.busi4-1 { width:100%; }
.busi4-1:after { content:""; display:block; clear:both; }
.busi4-1 ul { width:100%; padding:0; margin:0; overflow:hidden;}
.busi4-1 ul li { float:left; width:32%; margin-right:2%; }
.busi4-1 ul li:nth-child(3n) {margin-right:0; }
.busi4-1 ul li img { display:block; width:100%;}
.busi4-1 ul li strong { display:block; margin-top:30px; font-size:1.5em; font-weight:700; line-height:1.4; text-align:center; }
.busi4-1 ul li span { display:block; margin-top:20px; font-size:1em; line-height:1.6; text-align:center; letter-spacing:-0.04em; }
table.tbl_busi4{width:100%; border-top:1px solid #333; border-collapse:collapse; background:#fff;}
table.tbl_busi4 th{width:35%; padding:10px 10px; text-align:center; font-size:1em; color:#000; line-height:1.4; font-weight:normal; background:#f2f2f2; border-bottom:1px solid #ddd; }
table.tbl_busi4 td{width:65%; padding:10px 20px; text-align:left; font-size:1em; color:#000; line-height:1.4; border-bottom:1px solid #ddd; }
table.tbl_busi4 td .btn_go {display:inline-block; margin:20px 0; padding:10px 30px; font-size:1em; color:#fff; background:#222; border:1px solid #000; transition: 0.5s all ease; }
table.tbl_busi4 td .btn_go:hover {color:#000; background:#fff; }



/*사업영역 Type05 */
.busi5-1 {width:100%; }
.busi5-1:after{ content:""; display:block; clear:both;}
.busi5-1 ul {width:100%; padding:0; margin:0; overflow:hidden;}
.busi5-1 ul li{float:left; width:100%; overflow:hidden; margin-bottom:100px; }
.busi5-1 ul li:last-child {margin-bottom:0;}
.busi5-1 ul li .con_box { width:100%; }
.busi5-1 ul li .con_box:after{ content:""; display:block; clear:both;}
.busi5-1 ul li .con_box .imgs{float:left; width:45%; }
.busi5-1 ul li .con_box .imgs img{max-width:100%;}
.busi5-1 ul li .con_box .txts{float:right; width:55%; padding:30px 0 30px 50px; box-sizing: border-box; }
.busi5-1 ul li .con_box .txts .tit{margin-bottom:30px; font-size:2em; color:#000; line-height:1.2; font-weight:700;}
.busi5-1 ul li .con_box .txts p{margin-top:20px; font-size:1em; color:#333;  line-height:1.6; word-break:keep-all;}
.busi5-1 ul li .con_box .txts .btn_go {display:inline-block; margin-top:40px; padding:10px 30px; font-size:1em; color:#fff; background:#222; border:1px solid #000; transition: 0.5s all ease; }
.busi5-1 ul li .con_box .txts .btn_go:hover {color:#000; background:#fff; }
.busi5-1 ul li.other_type .con_box .imgs{float:right; }
.busi5-1 ul li.other_type .con_box .txts{float:left; padding:30px 50px 30px 0;}
table.tbl_busi5{float:left; width:100%; border-top:1px solid #333; border-collapse:collapse; background:#fff;}
table.tbl_busi5 th{width:35%; padding:10px 10px; text-align:center; font-size:1em; color:#000; line-height:1.4; font-weight:normal; background:#f2f2f2; border-bottom:1px solid #ddd; }
table.tbl_busi5 td{width:65%; padding:10px 20px; text-align:left; font-size:1em; color:#000; line-height:1.4; border-bottom:1px solid #ddd; }

/*사업안내*/
.company6-1{width:100%; text-align:center;}
.company6-1:after{content:""; display:block; clear:both;}
.company6-1 ul{width:100%; padding:0; margin:0; overflow:hidden;}
.company6-1 ul li{position:relative; float:left; display:inline-block; width:23.5%; text-align:center; margin-right:2%; vertical-align:top; padding:0 15px; margin-bottom:50px;}
.company6-1 ul li:nth-child(4n){margin-right:0;}
.company6-1 ul li:after{position:absolute; top:30%; left:100%; background:#00529B; width:5px; height:5px; content:""; border-radius:5px;}
.company6-1 ul li:nth-child(4n):after{display:none;}
.company6-1 ul li .icons{width:70%; height:0; padding-top:70%; text-align:center; box-sizing:border-box;  border-radius:100%; margin:0 auto; position:relative;}
.company6-1 ul li .icons i{display:block; font-size:4em; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-shadow:5px 5px rgba(0,0,0,0.2);}
.company6-1 ul li:nth-child(1) .icons{background:#1985b7; color:#fff; background:url('../company/image/06_1.jpg') no-repeat center center; background-size:cover;}
.company6-1 ul li:nth-child(2) .icons{background:#00529b;color:#fff; background:url('../company/image/06_2.jpg') no-repeat center center; background-size:cover;}
.company6-1 ul li:nth-child(3) .icons{background:#6b7786; color:#fff; background:url('../company/image/06_3.jpg') no-repeat center center; background-size:cover;}
.company6-1 ul li:nth-child(4) .icons{background:#333; color:#fff; background:url('../company/image/06_4.jpg') no-repeat center center; background-size:cover;}
.company6-1 ul li strong{display:block; margin-top:20px; font-size:1.5em; text-align:center;}
.company6-1 ul li p{display:block; text-align:center; font-size:1.05em; line-height:20px; margin-top:20px;}

.company6-2{width:100%; margin-top:50px;}
.company6-2:after{content:""; display:block; clear:both;}
.company6-2 .tit-box{position:relative; width:100%; max-width:80%; margin:25px auto 0; padding:40px 15px; background:#fff; border:1px solid #eee; overflow:hidden;}
.company6-2 .tit-box:before{z-index:1; content: ""; display: block; position: absolute; left:0; top:0; width:20px; height:20px; border-left:3px solid #333; border-top:3px solid #333;}
.company6-2 .tit-box:after{z-index:1; content: ""; display: block; position: absolute; right:0; bottom:0; width:20px; height:20px; border-right:3px solid #333; border-bottom:3px solid #333;}
.company6-2 .tit-box .tit{width:22%; display:inline-block; vertical-align:middle; text-align:center; margin-right:2%; overflow:hidden;}
.company6-2 .tit-box .tit span{display:inline; vertical-align:middle; font-size:2em; color:#222; line-height:1.2; font-weight:700;}
.company6-2 .tit-box .tit em{display:inline; vertical-align:middle; margin-left:15px; font-size:1em; color:#aaa; font-weight:500; letter-spacing:0.25em; font-style:normal;}
.company6-2 .tit-box dl{width:75%; display:inline-block; vertical-align:middle;}
.company6-2 .tit-box dl dd{position:relative; margin-bottom:5px; padding-left:15px; font-size:1.15em; color:#222; line-height:1.6; word-break:keep-all;}
.company6-2 .tit-box dl dd:before{content: ""; display: block; position: absolute; left:0; top:12px; width:4px; height:4px; background:#555;}
.company6-2 .tit-box dl dd:last-child{margin-bottom:0;}



/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){
	
	.busi1-1 ul li dl dd {padding:25px 4% 0 4%;}


	.busi5-1 ul li{margin-bottom:50px; }
	.busi5-1 ul li .con_box .txts {padding:20px 0 30px 40px;}
	.busi5-1 ul li .con_box .txts .tit{font-size:1.5em; }
	.busi5-1 ul li .con_box .txts p{font-size:1em; }
	.busi5-1 ul li.other_type .con_box .txts{ padding:20px 40px 30px 0;}
	
}


/* 반응형 중간기기 992px 사이즈 이하*/
@media all and (max-width:992px){	
	
	.busi1-1 ul li {width:100%; margin-bottom:40px;}
	.busi1-1 ul li dl dt {vertical-align:middle; width:40%; }
	.busi1-1 ul li dl dd {vertical-align:middle; width:60%; padding:25px 4%;}


	.busi2-1 ul li{flex-direction: column; margin-bottom:50px;}
	.busi2-1 ul li .imgs { width:100%; text-align:center;}
	.busi2-1 ul li .imgs img {width:100%;}
	.busi2-1 ul li .txts{width:100%; padding:0; margin-top:20px; text-align:center;}
	.busi2-1 ul li .txts .num {margin:0 auto;}
	.busi2-1 ul li:nth-child(even) { flex-direction: column;}
	.busi2-1 ul li:nth-child(even) .txts{ padding:0; }


	.busi6-2 {padding:40px 25px; background:#f9f9f9;}
	.busi6-2 ul li { width:45%; margin:0; margin:2% 5% 2% 0;}
	.busi6-2 ul li:nth-child(3n) {margin-right:5%;}
	.busi6-2 ul li:nth-child(even) {margin-right:0;}


	.busi7-2 ul li {width:49%; margin-right:0;}
	.busi7-2 ul li:nth-child(even) {float:right; margin-right:0;}
	.busi7-2 ul li .txts p { min-height:auto;}

		.company6-1 ul li{width:50%; margin:0; margin-bottom:30px;}	
	
	.company6-2 .tit-box{max-width:100%;}
	.company6-2 .tit-box .tit span{font-size:1.5em;}
	.company6-2 .tit-box dl dd{padding-left:15px; font-size:1em;}	

}


/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {		
	
	
	table.tbl_busi2 { margin-top:50px; } 
	table.tbl_busi2 tbody tr th {width:40%; padding:15px; }
	table.tbl_busi2 tbody tr th p {font-size:1em;  }
	table.tbl_busi2 tbody tr td {width:60%; padding:15px 15px; }


	.busi3-1 ul li dl dt { width:100%;}
	.busi3-1 ul li dl dt img { width:100%;}
	.busi3-1 ul li dl dd { width:100%; padding:0; margin-top:25px; text-align:center;}
	.busi3-1 ul li dl dd a {position:relative; margin-top:30px; display:block;}


	.busi4-1 ul li{ width:100%; margin-left:0px; margin-bottom:50px;}


	.busi5-1 ul li{ width:100%; }
	.busi5-1 ul li .con_box .imgs{ width:100%; }
	.busi5-1 ul li .con_box .imgs img{width:100%;}
	.busi5-1 ul li .con_box .txts{width:100%; padding:30px;}
	.busi5-1 ul li .con_box .txts .btn_go {margin-top:30px;}
	.busi5-1 ul li.other_type .con_box .txts{width:100%; padding:30px;}
	.busi5-1 ul li.other_type .con_box .imgs{ width:100%; }
	.busi5-1 ul li.other_type .con_box .imgs img{width:100%;}

		.company6-1 ul li .icons i{font-size:3em;}

	.company6-2 .tit-box{padding:40px 25px;}	
	.company6-2 .tit-box .tit{width:100%; margin-right:0;}
	.company6-2 .tit-box dl{width:100%; margin-top:20px;}
	.company6-2 .tit-box dl dd:before{top:10px;}



}


/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {
	
	.busi1-1 ul li dl dt {width:100%; }
	.busi1-1 ul li dl dd {width:100%; text-align:center;}
	.busi1-1 ul li dl dd .num {margin:0 auto; color:#fff; background:#000;}
	.busi1-1 ul li dl dd .num:before { right:0; left:50%; top:0; transform:unset; width:1px; height:0;}
	.busi1-1 ul li dl dd p { display:block !important; -webkit-line-clamp: none !important;}
	.busi1-1 ul li:hover dl dd .num:before { right:0; left:50%; top:-40px;  transform:unset; width:1px; height:100%; }

	
	.company6-1 ul li .icons{width:100%; padding-top:100%;}
	.company6-1 ul li .icons i{font-size:3em;}
	.company6-1 ul li strong{font-size:1.3em;}

}


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

	
}