@charset "UTF-8";

/*Com_edit*/
#klife{padding-top:10em}
.bo_cate{ margin-bottom: 10px;border-bottom:1px solid #ddd;border-left:1px solid #ddd;border-top-left-radius:7px}
.bo_cate ul{zoom:1;font-size:0}
.bo_cate li{display:inline-block;padding:0;min-width:200px;margin-bottom:-1px}

.bo_cate ul li:first-child a{color: #e67a7a;}
.bo_cate ul li:nth-of-type(2) a {color: #19a0b7;}
.bo_cate ul li:nth-of-type(3) a {color: #CA4E79;}
.bo_cate li a{display:block;font-size:16px;line-height:40px;padding:0 20px;border-radius:0;border:1px solid #e5e5e5;border-left-width:0;border-bottom-width:0;text-align:center;border-top-right-radius:7px;border-top-left-radius:7px;}

.bo_cate .bo_cate_on{z-index:2;font-weight: 700;border-bottom: 1px solid #FFF;}
.bo_cate .bo_cate_on2{background:#19a0b7;border:1px solid #19a0b7;color:#fff;margin-left:-1px;margin-bottom:-1px;border-top-left-radius:7px;border-top-right-radius:7px}

.cate_cap {font-size: 0.75em; color: #888;   text-align: left; }

.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}
#com_edit h3 {font-size: 0.8em;color: #19a0b7;}
#com_edit h3:first-of-type {color: #e67a7a;}
#com_edit table{margin:0 0 2em 0;width:100%}
#com_edit table caption{font-size: 0.75em;color: #19a0b7;text-align: left;font-weight: 500;}
#com_edit table:first-of-type caption{color: #e67a7a;}
#com_edit table:nth-of-type(2) caption{color: #19a0b7;}
#com_edit table:nth-of-type(3) caption{color: #CA4E79;}
/*#com_edit table tbody tr:hover{background-color:rgba(230,235,237,.25)}*/
#com_edit table td,#com_edit table th{padding:.75em;border:1px solid #dfe2e5;color:#7d8e91}
#com_edit table th{color:#fff;font-weight:400;padding:.75em;/* text-align:left; */background-color:#e67a7a;border-color:#e67a7a;}
#com_edit table:nth-of-type(2) th{background-color:#19a0b7;border-color:#19a0b7}
#com_edit table:nth-of-type(3) th{background-color: #CA4E79;border-color: #CA4E79;}
#com_edit table li {color:#7d8e91}
#com_edit table thead tr th:nth-child(1){}
#com_edit table thead tr th:nth-child(2){width:10%}
#com_edit table thead tr th:nth-child(3){width:10%}
#com_edit table thead tr th:nth-child(4){width:11%}
#com_edit table thead tr th:nth-child(5){width: 11%;}
#com_edit table thead tr th:nth-child(6){width: 18%;}
#com_edit table thead tr th:nth-child(7){width: 18%;}

#com_edit table tbody tr td { color: #444; font-size: 16px; padding: 0}
#com_edit table tbody tr td:first-child {padding: .75em}
#com_edit table tbody tr td .c_02 { color: #e67a7a; }
#com_edit table tbody tr td .c_01 { color: #19a0b7; }
#com_edit table tbody tr td img {vertical-align: bottom; margin-right: 1em}
/*#com_edit table tbody tr td a {color:#19a0b7}*/
#com_edit table tbody tr td input[type=text] {border: 0;padding: 0 0.5em; height: unset}
#com_edit table tbody tr td input[type=text]:focus {border: 0; box-shadow: unset}
#com_edit table tbody tr td .input_1 {width: 40%;float: left;border-right: 1px solid #eee !important;border-radius: 0}
#com_edit table tbody tr td .input_2 {width: 60%;display: inline-block}
#com_edit table tfoot{border-top:solid 1px rgba(210,215,217,.75)}
#com_edit table.alt{border-collapse:separate}
#com_edit table.alt tbody tr td{border:solid 1px rgba(210,215,217,.75);border-left-width:0;border-top-width:0}
#com_edit table.alt tbody tr td:first-child{border-left-width:1px}
#com_edit table.alt tbody tr:first-child td{border-top-width:1px}

#com_edit table.alt thead{border-bottom:0}
#com_edit table.alt tfoot{border-top:0}


/*사업영역 Type02 */
.cross {width:100%; max-width:1200px; margin:0 auto;  }
.cross:after{ content:""; display:block; clear:both;}
.cross ul {padding:0; margin:0; }
.cross ul li{float:left; width:100%; overflow:hidden; margin-bottom:60px; }
.cross ul li .cross_tit{font-size:2em;}
.cross ul li .cross_txt{font-size:1.2em; padding-top:20px; }
.cross ul li .cross_img{float:left; width:65%; height:340px; margin-bottom:50px; background:#f8f8f8;}
.cross ul li .cross_img img{height:340px;}
.cross ul li .cross_right{float:right; width:35%;  height:340px; background:#f8f8f8; padding:50px 50px 0 0px; box-sizing: border-box; }
.cross ul li.other_type .cross_img{float:right; width:65%; height:340px; background:#f8f8f8; margin-bottom:50px; text-align:right;}
.cross ul li.other_type .cross_right{float:left; width:35%;  height:340px; background:#f8f8f8; padding:50px 40px 0 50px; }
.cross ul li.other_type .cross_img img{height:340px; }


.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; }


/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){
	
	.cross {width:95%;}
	.cross ul li .cross_tit{font-size:1.5em; }
	.cross ul li .cross_txt{font-size:1em; }
	.cross ul li .cross_img{ width:60%; height:250px; margin-bottom:0px;}
	.cross ul li .cross_right{ width:40%;  height:250px; padding:30px 30px; margin-bottom:50px; }
	.cross ul li .cross_img img{height:100%;}
	.cross ul li.other_type .cross_img{ width:60%; height:250px; margin-bottom:0px;}
	.cross ul li.other_type .cross_right{ width:40%; height:250px; padding:30px 30px; }
	.cross ul li.other_type .cross_img img{height:100%;}

}


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


}



/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {		
	
	.business ul li { width:100%; margin-left:0px; margin-bottom:50px;}

	.cross ul li{ width:100%; height:auto;}
	.cross ul li .cross_img{float:left; width:100%; height:auto;}
	.cross ul li .cross_img img{width:100%;}
	.cross ul li .cross_right{width:100%; height:auto; padding:30px 20px; }
	.cross ul li.other_type .cross_right{width:100%; height:auto;  padding:30px; 20px; }
	.cross ul li.other_type .cross_img{float:right; width:100%; height:auto;}
	.cross ul li.other_type .cross_img img{width:100%;}

}



/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {
	
	.vision ul li { width:100%;}

}



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

	
}