@charset "utf-8";

/* 내용관리 */
#ctt {margin:20px 0;padding:0px;background:#fff; border:0px solid red;}
.ctt_admin {text-align:right}
.ctt_admin a.btn{display:inline-block;text-decoration:none;vertical-align:middle;border:0;background:transparent; font-size:0.9em; border:1px solid #ddd; border-radius:3px;} /* daontheme */
.ctt_admin a.btn:hover{color:#000; background-color:#000; color:#fff; border:1px solid #000;}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

/* 인사말 */
.company .ceo_msg {width:100%;}
.company .ceo_msg .con_left {position:relative; top:0; left:0; float:right; width:35%; font-size:2em; color:#000; line-height:1.4em;  margin-top:30px;}
.company .ceo_msg .con_left .nemo { width:300px; height:250px; margin-left:50px;  border:10px solid #eee;}
.company .ceo_msg .con_left .nemo_txt {position:absolute; width:310px; padding:20px 0; left:50%; margin-left:-165px; text-align:center; top:55px; background:#fff; z-index:1; border:0px solid red;}
.company .ceo_msg .con_left .nemo_txt p {font-size:2em; color:#000; line-height:1.4em;}
.company .ceo_msg .con_left .nemo_txt img {padding-top:15px;}

/* 사업영역 */
.content1 {display: flex; flex-wrap: wrap; font-size: 20px; width: 80%;}

.content11 {padding: 50px; flex: 50%; border: 1px solid #ccc; align-items: center; margin-left: -1px;}
.content22 {padding: 50px; flex: 100%; border: 1px solid #ccc; align-items: center; margin-left: -1px;}
.content1 .icon {background: rgba(235,235,235,0.1); width: 100px; height: 100px; display: flex; justify-content: center; align-items: center; border-radius: 50%; border: 2px solid #ccc; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);}
.content1 .icon img {width: 60px;}
.content1 .title span {color: #454545; text-align: left; font-weight: 600; line-height: 2;}
.content1 .title h2 {font-weight: bold; font-size: 20px; line-height: 1.6em; padding-top: 30px;}
.content12 {text-align: left; margin-left: 30%;}
.content13 {text-align: left; margin-left: 40%;}
.spah {font-size: 17px; margin-right: 5px;}
#ctt_con img {max-width: 100%; height: auto;}

.gripper h2{font-size:24px; margin-bottom: 20px; color: #15427a; font-weight: 600;} 
.gripper table {border: 1px solid; border-collapse: collapse; box-shadow: 6px 6px 4px #e1e8eb;}
.gripper th {background-color: rgb(16, 110, 190); padding: 15px; color: white; border-right: white 1px solid;}
.gripper th:nth-last-of-type(1){border-right: rgb(16, 110, 190) 1px solid;}
.gripper td {border: rgb(16, 110, 190) 1px solid; padding: 25px 15px; font-size: 16px; }
.gripper td img{width:20%; float: right;}

.petc {display:flex; flex-wrap: wrap;}
.petc div {width:900px; background-image: url(/theme/myweb/img/petctr.png); background-repeat: no-repeat;}
.petc div h2 {font-size: 24px; color: #2a4b97;}
.petc div h3 {font-size: 20px;}
.petc div p {font-size: 22px; color: green;}
.petc div span {font-size: 16px;}
.petc img{width:300px;}

.inspect {display:flex; flex-wrap: wrap; height: 350px;}
.inspect div {width:700px; }
.inspect h2 {font-size: 24px; color: #2a4b97;}
.inspect div p {font-size: 22px; color: green;}
.inspect div span {font-size: 16px;}
.inspect img{width:500px;}

/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {		
.ipimg img{margin-top:200px;}
	


}



/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {
	
.vision ul li { width:100%;}
.company .ceo_msg .con_left {float: none; width: 100%; text-align: center; margin-top: 0px; padding-bottom: 60px;}
.company .ceo_msg .con_left .nemo {margin-left: 18px;}
}

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

	
}