@charset "utf-8";
/*---------------------연구소 소개   ----------------------*/

/**** pc ****/
@media only all and (min-width:1301px) {
	.rnd_01_01_01{ width: 100%; float: left; margin-top: 50px }
	.rnd_01_01_01 .imgbox_st{ width: 100%; float: left; position: relative }
	.rnd_01_01_01 .imgbox_st .icon{position:  absolute; top: -30px; left: 40px; z-index: 1}

	.rnd_01_01_01 .imgbox_st .tt1{position:  absolute; top: 70px; left: 40px; z-index: 1 ; color: #fff; font-size: 28px;  line-height: 25px }
	.rnd_01_01_01 .imgbox_st .tt1 em{ width: auto;float: left; color: #fff; font-weight: 700; ; font-size: 28px;line-height: 25px; margin-right: 5px }
	.rnd_01_01_01 .imgbox_st .ts2{position:  absolute; top:100px; left: 40px; z-index: 1 ; color: #fff; font-size:12px;  line-height: 15px}
	
		.imgbox_bg1{ background: url(../images/sub03/img01_01_02.png ); background-position: center center; background-size: cover; width: 100%;height:200px }
		.imgbox_bg2{ background: url(../images/sub03/img01_01_03.jpg ); background-position: center center; background-size: cover; width: 100%;height:200px }
		.imgbox_bg3{ background: url(../images/sub03/img01_01_04.jpg ); background-position:center center; background-size: cover; width: 100%;height:200px }
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
		.rnd_01_01_01{ width: 100%; float: left; margin-top: 50px }
	.rnd_01_01_01 .imgbox_st{ width: 100%; float: left; position: relative }
	.rnd_01_01_01 .imgbox_st .icon{position:  absolute; top: -30px; left: 40px; z-index: 1}

	.rnd_01_01_01 .imgbox_st .tt1{position:  absolute; top: 70px; left: 40px; z-index: 1 ; color: #fff; font-size: 28px;  line-height: 25px }
	.rnd_01_01_01 .imgbox_st .tt1 em{ width: auto;float: left; color: #fff; font-weight: 700; ; font-size: 28px;line-height: 25px; margin-right: 5px }
	.rnd_01_01_01 .imgbox_st .ts2{position:  absolute; top:100px; left: 40px; z-index: 1 ; color: #fff; font-size:12px;  line-height: 15px}
	
	.imgbox_bg1{ background: url(../images/sub03/img01_01_02.png ); background-position: center center; background-size: cover; width: 100%;height:200px }
	.imgbox_bg2{ background: url(../images/sub03/img01_01_03.jpg ); background-position:center center; background-size: cover; width: 100%;height:200px }
	.imgbox_bg3{ background: url(../images/sub03/img01_01_04.jpg ); background-position: center center; background-size: cover; width: 100%;height:200px }
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	.rnd_01_01_01{ width: 100%; float: left; margin-top: 10px }
	.rnd_01_01_01 .imgbox_st{ width: 100%; float: left; position: relative }
	.rnd_01_01_01 .imgbox_st .icon{position:  absolute; top: -30px; left: 40px; z-index: 1; display: none}

	.rnd_01_01_01 .imgbox_st .tt1{position:  absolute; top: 30px; left: 20px; z-index: 1 ; color: #fff; font-size: 20px;  line-height: 25px }
	.rnd_01_01_01 .imgbox_st .tt1 em{ width: auto;float: left; color: #fff; font-weight: 700; ; font-size: 20px;line-height: 25px; margin-right: 5px }
	.rnd_01_01_01 .imgbox_st .ts2{position:  absolute; top:60px; left: 20px; z-index: 1 ; color: #fff; font-size:12px;  line-height: 15px}
	
	.imgbox_bg1{ background: url(../images/sub03/img01_01_02.png ); background-position:  center center; background-size: cover; width: 100%; height:150px }
	.imgbox_bg2{ background: url(../images/sub03/img01_01_03.jpg ); background-position: center center; background-size: cover; width: 100%; height:150px }
	.imgbox_bg3{ background: url(../images/sub03/img01_01_04.jpg ); background-position:center center; background-size: cover; width: 100%; height:150px }
}


/*---------------------연구소 소개   ----------------------*/

/**** pc ****/
@media only all and (min-width:1301px) {
	.rnd_01_02_01{ width: 100%; float: left; margin-top: 50px }
	.rnd_01_02_01 ul { width: 100%; float: left; display:flex;flex-direction:row;justify-content: center; flex-wrap: wrap;   justify-content: space-around;  - }
	.rnd_01_02_01 ul li{ width: 30%;    }
	.rnd_01_02_01 ul li .inbox01{ width: 260px ; height: 260px; margin: 0px auto;;  border-radius: 300px;  background-color: #000; overflow: hidden ; margin-bottom: 30px }
	.rnd_01_02_01 ul li .inbox01 .img{ width: 260px ; height: 260px; float: left;   margin-left: 0px;  opacity: 0.5; transition: all 1s;
-moz-transition: all 1s; /* Firefox 4 */
-webkit-transition: all 1s; /* Safari and Chrome */
-o-transition: all 1s; /* Opera */  margin-left: -50px
 }
		.rnd_01_02_01 ul li .inbox01 .img img{ -webkit-transform: rotate(0) scale(1); ;
	transform: rotate(0) scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out; 
 }
	.rnd_01_02_01 ul li:hover .inbox01 .img{ width: 275px ; height: 270px; float: left;   margin-left: 0px;  opacity: 0.9 ;margin-left: -50px}
			.rnd_01_02_01 ul li:hover .inbox01 .img img{	-webkit-transform: rotate(0) scale(1.2);
	transform: rotate(0) scale(1.2);
 }
	
	.rnd_01_02_01 ul li .line{ width:50% ; height: 30px; float: left;   border-right: 1px solid #333; margin-bottom: 1vw}
	.rnd_01_02_01 ul li .textbox{ width:100% ;  float: left;  margin-bottom:10px}
	.rnd_01_02_01 ul li .textbox .tx1{ width:100% ;  float: left;  margin-bottom:10px; font-size: 22px; color: #000; text-align: center;  font-weight: 900; letter-spacing: -1px}
/*.rnd_01_02_01 ul li .textbox .tx2{ width:100% ;  float: left;  margin-bottom:10px; font-size: 15px; line-height: 20px; color: #666; text-align: center;  margin-right: 5px;; letter-spacing: 0.5px}*/
    .rnd_01_02_01 ul li .textbox .tx2{ width:100% ;  float: left;  margin-bottom:10px; font-size: 15px; line-height: 20px; color: #666; text-align: center;  margin-right: 5px;; letter-spacing: 0.5px; line-height: 25px;}
.rnd_01_02_01 ul li .textbox .tx2 em{ color: #000; font-weight: 700; font-family: 'Noto Sans KR', sans-serif; }	
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
	.rnd_01_02_01{ width: 100%; float: left; margin-top: 50px }
	.rnd_01_02_01 ul { width: 100%; float: left; display:flex;flex-direction:row;justify-content: center; flex-wrap: wrap;   justify-content: space-around;  - }
	.rnd_01_02_01 ul li{ width: 30%;    }
	.rnd_01_02_01 ul li .inbox01{ width: 260px ; height: 260px; margin: 0px auto;;  border-radius: 300px;  background-color: #000; overflow: hidden ; margin-bottom: 30px }
	.rnd_01_02_01 ul li .inbox01 .img{ width: 260px ; height: 260px; float: left;   margin-left: 0px;  opacity: 0.5; transition: all 1s;
-moz-transition: all 1s; /* Firefox 4 */
-webkit-transition: all 1s; /* Safari and Chrome */
-o-transition: all 1s; /* Opera */  margin-left: -50px
 }
		.rnd_01_02_01 ul li .inbox01 .img img{ -webkit-transform: rotate(0) scale(1); ;
	transform: rotate(0) scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out; 
 }
	.rnd_01_02_01 ul li:hover .inbox01 .img{ width: 275px ; height: 270px; float: left;   margin-left: 0px;  opacity: 0.9 ;margin-left: -50px}
			.rnd_01_02_01 ul li:hover .inbox01 .img img{	-webkit-transform: rotate(0) scale(1.2);
	transform: rotate(0) scale(1.2);
 }
	
	.rnd_01_02_01 ul li .line{ width:50% ; height: 30px; float: left;   border-right: 1px solid #333; margin-bottom: 1vw}
	.rnd_01_02_01 ul li .textbox{ width:100% ;  float: left;  margin-bottom:10px}
	.rnd_01_02_01 ul li .textbox .tx1{ width:100% ;  float: left;  margin-bottom:10px; font-size: 22px; color: #000; text-align: center;  font-weight: 900; letter-spacing: -1px}
/*.rnd_01_02_01 ul li .textbox .tx2{ width:100% ;  float: left;  margin-bottom:10px; font-size: 15px; line-height: 20px; color: #666; text-align: center;  margin-right: 5px;; letter-spacing: 0.5px}*/
    .rnd_01_02_01 ul li .textbox .tx2{ width:100% ;  float: left;  margin-bottom:10px; font-size: 15px; line-height: 20px; color: #666; text-align: center;  margin-right: 5px;; letter-spacing: 0.5px; line-height: 25px;}
.rnd_01_02_01 ul li .textbox .tx2 em{ color: #000; font-weight: 700; font-family: 'Noto Sans KR', sans-serif; }	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	.rnd_01_02_01{ width: 100%; float: left; margin-top: 50px }
	.rnd_01_02_01 ul { width: 100%; float: left; display:flex;flex-direction:row;justify-content: center; flex-wrap: wrap;   justify-content: space-around;   }
	.rnd_01_02_01 ul li{ width: 100%;    }
	.rnd_01_02_01 ul li .inbox01{ width: 200px ; height: 200px; margin: 0px auto;;  border-radius: 300px;  background-color: #000; overflow: hidden ; margin-bottom: 5px }
	.rnd_01_02_01 ul li .inbox01 .img{ width: 200px ; height: 200px; float: left;   margin-left: 0px;  opacity: 0.5; transition: all 1s;
-moz-transition: all 1s; /* Firefox 4 */
-webkit-transition: all 1s; /* Safari and Chrome */
-o-transition: all 1s; /* Opera */  margin-left: -50px
 }
		.rnd_01_02_01 ul li .inbox01 .img img{ -webkit-transform: rotate(0) scale(1); ;
	transform: rotate(0) scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out; 
 }
	.rnd_01_02_01 ul li:hover .inbox01 .img{ width: 200px ; height: 200px; float: left;   margin-left: 0px;  opacity: 0.9 ;margin-left: -50px}
			.rnd_01_02_01 ul li:hover .inbox01 .img img{	-webkit-transform: rotate(0) scale(1.2);
	transform: rotate(0) scale(1.2);
 }
	
	.rnd_01_02_01 ul li .line{ width:50% ; height: 30px; float: left;   border-right: 1px solid #333; margin-bottom: 1vw}
	.rnd_01_02_01 ul li .textbox{ width:100% ;  float: left;  margin-bottom:10px}
	.rnd_01_02_01 ul li .textbox .tx1{ width:100% ;  float: left;  margin-bottom:10px; font-size: 22px; color: #000; text-align: center;  font-weight: 900; letter-spacing: -1px}
/*.rnd_01_02_01 ul li .textbox .tx2{ width:100% ;  float: left;  margin-bottom:10px; font-size: 15px; line-height: 20px; color: #666; text-align: center;  margin-right: 5px;; letter-spacing: 0.5px}*/
    .rnd_01_02_01 ul li .textbox .tx2{ width:100% ;  float: left;  margin-bottom:10px; font-size: 15px; line-height: 20px; color: #666; text-align: center;  margin-right: 5px;; letter-spacing: 0.5px; line-height: 25px;}
.rnd_01_02_01 ul li .textbox .tx2 em{ color: #000; font-weight: 700; font-family: 'Noto Sans KR', sans-serif; }	
}





/*---------------------   ----------------------*/

/**** pc ****/
@media only all and (min-width:1301px) {
.rnd_01_02_02{ width: 100%; float: left; }
.rnd_01_02_02 .info{ width: 100%; float: left; border-top: 3px solid #333}
.rnd_01_02_02 .info ul { width: 100%; float: left; }
/*.rnd_01_02_02 .info ul li{ width: 100%;  float: left;  border-bottom: 1px solid #ccc; padding: 20px 0px; box-sizing: border-box; }	*/
    .rnd_01_02_02 .info ul li{ width: 100%;  float: left;  border-bottom: 1px solid #ccc; box-sizing: border-box; }
	
/*.rnd_01_02_02 .info ul li .fl_dt{ width: 20%; float: left;  background: url(../images/sub01/dt_line.gif); background-position: 80% center; background-repeat: no-repeat; font-size: 16px; color: #333;  padding: 5px 15px; box-sizing: border-box; margin: 0px}	*/
    .rnd_01_02_02 .info ul li .fl_dt{ width: 20%; float: left;  background: url(../images/sub01/dt_line.gif); background-position: 80% center; background-repeat: no-repeat; font-size: 16px; color: #333;  padding: 20px 15px; box-sizing: border-box; margin: 0px}
/*.rnd_01_02_02 .info ul li .fr_dt{ width: 80%; float: right; font-size: 16px; color: #666;  padding: 5px 0px; box-sizing: border-box; }	*/
    .rnd_01_02_02 .info ul li .fr_dt{ width: 80%; float: right; font-size: 16px; color: #666;  padding: 20px 0px; box-sizing: border-box; }	
.rnd_01_02_02 .info ul li .fr_dt .in_left{ width:30%; float: left; font-size: 16px; color: #666;  }
.rnd_01_02_02 .info ul li .fr_dt .in_right{ width:70%; float: left; font-size: 16px; color: #666;   }		
/*.rnd_01_02_02 .info ul li .fr_dt2{ width:80%; float: right; font-size: 16px; color: #666;  padding: 5px 0px; box-sizing: border-box; border-bottom: 1px solid #ccc}*/
    .rnd_01_02_02 .info ul li .fr_dt2{ width:80%; float: right; font-size: 16px; color: #666;  padding: 20px 0px; box-sizing: border-box; border-bottom: 1px solid #ccc}
.rnd_01_02_02 .info ul li .fr_dt2 .in_left{ width:30%; float: left; font-size: 16px; color: #666;  }
.rnd_01_02_02 .info ul li .fr_dt2 .in_right{ width:70%; float: right; font-size: 16px; color: #666;   }	
	
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
	.rnd_01_02_02{ width: 100%; float: left; }
.rnd_01_02_02 .info{ width: 100%; float: left; border-top: 3px solid #333}
.rnd_01_02_02 .info ul { width: 100%; float: left; }
/*.rnd_01_02_02 .info ul li{ width: 100%;  float: left;  border-bottom: 1px solid #ccc; padding: 20px 0px; box-sizing: border-box; }	*/
    .rnd_01_02_02 .info ul li{ width: 100%;  float: left;  border-bottom: 1px solid #ccc; box-sizing: border-box; }
	
/*.rnd_01_02_02 .info ul li .fl_dt{ width: 20%; float: left;  background: url(../images/sub01/dt_line.gif); background-position: 80% center; background-repeat: no-repeat; font-size: 16px; color: #333;  padding: 5px 15px; box-sizing: border-box; margin: 0px}	*/
    .rnd_01_02_02 .info ul li .fl_dt{ width: 20%; float: left;  background: url(../images/sub01/dt_line.gif); background-position: 80% center; background-repeat: no-repeat; font-size: 16px; color: #333;  padding: 20px 15px; box-sizing: border-box; margin: 0px}
/*.rnd_01_02_02 .info ul li .fr_dt{ width: 80%; float: right; font-size: 16px; color: #666;  padding: 5px 0px; box-sizing: border-box; }	*/
    .rnd_01_02_02 .info ul li .fr_dt{ width: 80%; float: right; font-size: 16px; color: #666;  padding: 20px 0px; box-sizing: border-box; }	
.rnd_01_02_02 .info ul li .fr_dt .in_left{ width:30%; float: left; font-size: 16px; color: #666;  }
.rnd_01_02_02 .info ul li .fr_dt .in_right{ width:70%; float: left; font-size: 16px; color: #666;   }		
/*.rnd_01_02_02 .info ul li .fr_dt2{ width:80%; float: right; font-size: 16px; color: #666;  padding: 5px 0px; box-sizing: border-box; border-bottom: 1px solid #ccc}*/
    .rnd_01_02_02 .info ul li .fr_dt2{ width:80%; float: right; font-size: 16px; color: #666;  padding: 20px 0px; box-sizing: border-box; border-bottom: 1px solid #ccc}
.rnd_01_02_02 .info ul li .fr_dt2 .in_left{ width:30%; float: left; font-size: 16px; color: #666;  }
.rnd_01_02_02 .info ul li .fr_dt2 .in_right{ width:70%; float: right; font-size: 16px; color: #666;   }	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	.rnd_01_02_02{ width: 100%; float: left; }
.rnd_01_02_02 .info{ width: 100%; float: left; border-top: 3px solid #333}
.rnd_01_02_02 .info ul { width: 100%; float: left; }
    .rnd_01_02_02 .info ul li{ width: 100%;  float: left;  border-bottom: 1px solid #ccc; box-sizing: border-box; }
	

    .rnd_01_02_02 .info ul li .fl_dt{ width: 100%; float: left;   background-position: 80% center; background-repeat: no-repeat; font-size: 16px; color: #333;  padding: 10px 5px; box-sizing: border-box; margin: 0px; font-weight: 900}

    .rnd_01_02_02 .info ul li .fr_dt{ width: 90%; float: right; font-size: 14px; color: #666;  padding: 5px 0px; box-sizing: border-box; }	
.rnd_01_02_02 .info ul li .fr_dt .in_left{ width:30%; float: left; font-size: 14px; color: #666;  }
.rnd_01_02_02 .info ul li .fr_dt .in_right{ width:70%; float: left; font-size: 14px; color: #666;   }		

    .rnd_01_02_02 .info ul li .fr_dt2{ width:90%; float: right; font-size: 14px; color: #666;  padding: 5px 0px; box-sizing: border-box; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin-top: -1px}
.rnd_01_02_02 .info ul li .fr_dt2 .in_left{ width:30%; float: left; font-size: 14px; color: #666;  }
.rnd_01_02_02 .info ul li .fr_dt2 .in_right{ width:70%; float: right; font-size: 14px; color: #666;   }	
}




/*---------------------  ----------------------*/

/**** pc ****/
@media only all and (min-width:1301px) {
.rnd_03_01{ width: 100%; float: left; }
.rnd_03_01 ul li{ width: 100%; float: left; ;  }
	
/*.rnd_03_01 ul li .rnd_img{ width: 220px;  height: 220px; float: left; text-align: center; padding-top: 1.7vw; border-radius: 300px; background-color: rgba(212, 212, 212, 0.5);  margin-top: 2vw }*/
    .rnd_03_01 ul li .rnd_img{ width: 220px;  height: 220px; float: left; text-align: center; padding-top:2vw; border-radius: 300px; background-color: rgba(212, 212, 212, 0.5);  margin-top: 2vw }
.rnd_03_01 ul li .rnd_img img{ }	
.rnd_03_01 ul li .tx_box{ width:calc(100% - 250px); float: right; border-bottom: 1px solid #ccc; padding: 1vw 0px 1vw 0px; display:flex;  flex-direction:column;justify-content: space-around;   height: 250px }
.rnd_03_01 ul li .tx_box .text{ width:100%; float: left; color: #000; font-size: 16px; line-height: 25px}	
.rnd_03_01 ul li .tx_box .text em{ width:100%; float: left; color: #000; font-size: 20px; margin-bottom: 10px; font-weight: 900}	
	
.rnd_03_01 ul li .tx_box2{ width:calc(100% - 250px); float: right; border-bottom: 1px solid #ccc; padding: 1vw 0px 1vw 0px; display:flex;  flex-direction:column;justify-content: space-around;   height: 300px }
.rnd_03_01 ul li .tx_box2 .text{ width:100%; float: left; color: #000; font-size: 16px; line-height: 25px}	
.rnd_03_01 ul li .tx_box2 .text em{ width:100%; float: left; color: #000; font-size: 20px; margin-bottom: 10px; font-weight: 900}	
		
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {.rnd_03_01{ width: 100%; float: left; }
.rnd_03_01 ul li{ width: 100%; float: left; ;  }
	
/*.rnd_03_01 ul li .rnd_img{ width: 220px;  height: 220px; float: left; text-align: center; padding-top: 1.7vw; border-radius: 300px; background-color: rgba(212, 212, 212, 0.5);  margin-top: 2vw }*/
    .rnd_03_01 ul li .rnd_img{ width: 220px;  height: 220px; float: left; text-align: center; padding-top: 3vw; border-radius: 300px; background-color: rgba(212, 212, 212, 0.5);  margin-top: 2vw }
.rnd_03_01 ul li .rnd_img img{ }	
.rnd_03_01 ul li .tx_box{ width:calc(100% - 250px); float: right; border-bottom: 1px solid #ccc; padding: 1vw 0px 1vw 0px; display:flex;  flex-direction:column;justify-content: space-around;   height: 250px }
.rnd_03_01 ul li .tx_box .text{ width:100%; float: left; color: #000; font-size: 16px; line-height: 25px}	
.rnd_03_01 ul li .tx_box .text em{ width:100%; float: left; color: #000; font-size: 20px; margin-bottom: 10px; font-weight: 900}	
	
.rnd_03_01 ul li .tx_box2{ width:calc(100% - 250px); float: right; border-bottom: 1px solid #ccc; padding: 1vw 0px 1vw 0px; display:flex;  flex-direction:column;justify-content: space-around;   height: 300px }
.rnd_03_01 ul li .tx_box2 .text{ width:100%; float: left; color: #000; font-size: 16px; line-height: 25px}	
.rnd_03_01 ul li .tx_box2 .text em{ width:100%; float: left; color: #000; font-size: 20px; margin-bottom: 10px; font-weight: 900}	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.rnd_03_01{ width: 100%; float: left; }
.rnd_03_01 ul li{ width: 100%; float: left; ; margin-bottom: 15px ; }

    .rnd_03_01 ul li .rnd_img{ width: 100px;  height: 100px; float: left; text-align: center; padding-top: 3vw; border-radius: 300px; background-color: rgba(212, 212, 212, 0.5);  margin-top: 2vw }
.rnd_03_01 ul li .rnd_img img{ width: 80px; }	
.rnd_03_01 ul li .tx_box{ width:calc(100% - 110px); float: right; border-bottom: 1px solid #ccc; padding: 1vw 0px 1vw 0px; display:flex;  flex-direction:column;justify-content: space-around;  padding-bottom: 15px   }
.rnd_03_01 ul li .tx_box .text{ width:100%; float: left; color: #000; font-size: 13px; line-height: 20px}	
.rnd_03_01 ul li .tx_box .text em{ width:100%; float: left; color: #000; font-size: 16px; margin-bottom: 10px; font-weight: 900}	
	
.rnd_03_01 ul li .tx_box2{ width:calc(100% - 110px); float: right; border-bottom: 1px solid #ccc; padding: 1vw 0px 1vw 0px; display:flex;  flex-direction:column;justify-content: space-around; padding-bottom: 15px   }
.rnd_03_01 ul li .tx_box2 .text{ width:100%; float: left; color: #000; font-size: 13px; line-height: 20px}	
.rnd_03_01 ul li .tx_box2 .text em{ width:100%; float: left; color: #000; font-size: 16px; margin-bottom: 10px; font-weight: 900}	
}



/*---------------------  ----------------------*/

/**** pc ****/
@media only all and (min-width:1301px) {
.rnd_arbox{ width: 100%; float: left; position: relative; line-height: 35px }
.rnd_arbox .ar_box1{ width: 100%;float: left; position: absolute; line-height: 35px; top:80px; padding-left:40%;  box-sizing: border-box 	}	
.rnd_arbox .ar_box1 .ar{float: left;  background: url(../images/sub03/ar_line.png); background-position: right center;  height: 42px}
.rnd_arbox .ar_box2{ width: 100%;float: left; position: absolute; line-height: 35px; top:120px; padding-left:40%;  box-sizing: border-box 	}	
.rnd_arbox .ar_box2 .ar{float: left;  background: url(../images/sub03/ar_line.png); background-position: right center;  height: 42px}
.rnd_arbox .ar_box3{ width: 100%;float: left; position: absolute; line-height: 35px; top:160px; padding-left:40%;  box-sizing: border-box 	}	
.rnd_arbox .ar_box3 .ar{float: left;  background: url(../images/sub03/ar_line.png); background-position: right center;  height: 42px}

.rnd_arbox .ar_box4{ width: 100%;float: left; position: absolute; line-height: 35px; top:200px; padding-left:40%;  box-sizing: border-box 	}	
.rnd_arbox .ar_box4 .ar{float: left;  background: url(../images/sub03/ar_line.png); background-position: right center;  height: 42px}

.rnd_arbox .ar_box5{ width: 100%;float: left; position: absolute; line-height: 35px; top:240px; padding-left:40%;  box-sizing: border-box 	}	
.rnd_arbox .ar_box5 .ar{float: left;  background: url(../images/sub03/ar_line.png); background-position: right center;  height: 42px}

.rnd_arbox .ar_box6{ width: 100%;float: left; position: absolute; line-height: 35px; top:280px; padding-left:40%;  box-sizing: border-box 	}	
.rnd_arbox .ar_box6 .ar{float: left;  background: url(../images/sub03/ar_line.png); background-position: right center;  height: 42px}


		
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:767px) {
.rnd_arbox{ width: 100%; float: left; position: relative; line-height: 35px }
.rnd_arbox .ar_box1{ width: 100%;float: left; position: absolute; line-height: 35px; top:70px; padding-left:40%;   box-sizing: border-box 	}	
.rnd_arbox .ar_box1 .ar{float: left;  background: url(../images/sub03/ar_line.png); background-position: right center;  height: 42px}
.rnd_arbox .ar_box2{ width: 100%;float: left; position: absolute; line-height: 35px; top:110px; padding-left:40%;  box-sizing: border-box 	}	
.rnd_arbox .ar_box2 .ar{float: left;  background: url(../images/sub03/ar_line.png); background-position: right center;  height: 42px}
.rnd_arbox .ar_box3{ width: 100%;float: left; position: absolute; line-height: 35px; top:140px; padding-left:40%;  box-sizing: border-box 	}	
.rnd_arbox .ar_box3 .ar{float: left;  background: url(../images/sub03/ar_line.png); background-position: right center;  height: 42px}

.rnd_arbox .ar_box4{ width: 100%;float: left; position: absolute; line-height: 35px; top:180px; padding-left:40%;  box-sizing: border-box 	}	
.rnd_arbox .ar_box4 .ar{float: left;  background: url(../images/sub03/ar_line.png); background-position: right center;  height: 42px}

.rnd_arbox .ar_box5{ width: 100%;float: left; position: absolute; line-height: 35px; top:220px; padding-left:40%;  box-sizing: border-box 	}	
.rnd_arbox .ar_box5 .ar{float: left;  background: url(../images/sub03/ar_line.png); background-position: right center;  height: 42px}

.rnd_arbox .ar_box6{ width: 100%;float: left; position: absolute; line-height: 35px; top:250px; padding-left:40%;  box-sizing: border-box 	}	
.rnd_arbox .ar_box6 .ar{float: left;  background: url(../images/sub03/ar_line.png); background-position: right center;  height: 42px}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	.rnd_arbox{ width: 100%; float: left; position: relative; line-height: 35px }
.rnd_arbox .ar_box1{ width:95% ;float: left; position: absolute; line-height: 35px; top:70px; margin-left:61%;  box-sizing: border-box 	}	
.rnd_arbox .ar_box1 .ar{float: left;  background: url(../images/sub03/ar_line.png); background-position: right center;  height: 42px}
.rnd_arbox .ar_box2{ width:95%;float: left; position: absolute; line-height: 35px; top:100px; margin-left:61%;  box-sizing: border-box 	}	
.rnd_arbox .ar_box2 .ar{float: left;  background: url(../images/sub03/ar_line.png); background-position: right center;  height: 42px}
.rnd_arbox .ar_box3{ width: 95%;float: left; position: absolute; line-height: 35px; top:130px; margin-left:61%;   box-sizing: border-box 	}	
.rnd_arbox .ar_box3 .ar{float: left;  background: url(../images/sub03/ar_line.png); background-position: right center;  height: 42px}

.rnd_arbox .ar_box4{ width: 95%;float: left; position: absolute; line-height: 35px; top:160px; margin-left:61%;   box-sizing: border-box 	}	
.rnd_arbox .ar_box4 .ar{float: left;  background: url(../images/sub03/ar_line.png); background-position: right center;  height: 42px}

.rnd_arbox .ar_box5{ width: 95%;float: left; position: absolute; line-height: 35px; top:192px; margin-left:61%;   box-sizing: border-box 	}	
.rnd_arbox .ar_box5 .ar{float: left;  background: url(../images/sub03/ar_line.png); background-position: right center;  height: 42px}

.rnd_arbox .ar_box6{ width: 95%;float: left; position: absolute; line-height: 35px; top:225px; margin-left:61%;   box-sizing: border-box 	}	
.rnd_arbox .ar_box6 .ar{float: left;  background: url(../images/sub03/ar_line.png); background-position: right center;  height: 42px}
}



/**** pc 주요제품 ****/
@media only all and (min-width:1301px) {
.rnd_05_01{ width: 100%; float: left; }
.rnd_05_01 ul{ width: 100%;  float: left;  }
.rnd_05_01 ul li{ width:100%; float: left; position: relative; margin-bottom: 20px }
.rnd_05_01 ul li .img_box{ width:300px; float: left; position: relative;  }
.rnd_05_01 ul li .tt_box{ width:calc(100% - 320px); float: right; position: relative;  }		
.rnd_05_01 ul li .tt_box .tx_b{ width:100%; float: left; font-size: 20px; color: #000; margin-bottom: 10px;font-weight: 900 }		
.rnd_05_01 ul li .tt_box .tx_s{ width:100%; float: left; font-size: 16px; color: #666;  ;line-height: 25px}		
		
	
	
.rnd_05_01 ul li .img_box{ width:300px; float: left; position: relative;  }
.rnd_05_01 ul li  .img_box .icon{  position: absolute; top: 50%; left:50%; z-index: 999 ;  margin-left: -15px; margin-top: -25px }
.rnd_05_01 ul li  .img_box  .icon i{ transition: all 1s;
-moz-transition: all 1s; /* Firefox 4 */
-webkit-transition: all 1s; /* Safari and Chrome */
-o-transition: all 1s; /* Opera */  font-size: 40px; color:rgba(255, 255, 255, 0); }	
.company_05_01_3 ul li  .text{  transition: all 1s;
-moz-transition: all 1s; /* Firefox 4 */
-webkit-transition: all 1s; /* Safari and Chrome */
-o-transition: all 1s; /* Opera */ position: absolute; top: 60%; left:0px; z-index: 999 ;  width: 100%; text-align: center; color:rgba(255, 255, 255, 0); font-size: 16px }
	
	
.rnd_05_01 ul li:hover  .img_box .icon{  position: absolute; top: 50%; left:50%; z-index: 999 ;  margin-left: -15px; margin-top: -25px }
.rnd_05_01 ul li:hover   .img_box .icon  i{ font-size: 40px; color:rgba(255, 255, 255, 1); }	
.rnd_05_01 ul li:hover  .img_box  .text{  position: absolute; top: 60%; left:0px; z-index: 999 ;  width: 100%; text-align: center; color:rgba(255, 255, 255, 1); font-size: 16px }
	
	
.rnd_05_01 ul li  .img_box .img {
	width: 100%;
	height: 230px; overflow: hidden; background-color: #000; position: relative; z-index: 1
}
/* Zoom In #2 */
.rnd_05_01 ul li .img_box  .img img {
	width: 100%;
	height: auto;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out; opacity: 1
}
.rnd_05_01 ul li:hover .img_box .img img {
	width: 120%;  margin-left: -10%; margin-top: -10%; opacity: 0.5
}
.rnd_05_01 ul li .img_box .tx{
	width: 100%; text-align: center ; padding: 10px 0px
}

	
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {.rnd_05_01{ width: 100%; float: left; }
.rnd_05_01 ul{ width: 100%;  float: left;  }
.rnd_05_01 ul li{ width:100%; float: left; position: relative; margin-bottom: 20px }
.rnd_05_01 ul li .img_box{ width:300px; float: left; position: relative;  }
.rnd_05_01 ul li .tt_box{ width:calc(100% - 320px); float: right; position: relative;  }		
.rnd_05_01 ul li .tt_box .tx_b{ width:100%; float: left; font-size: 20px; color: #000; margin-bottom: 10px;font-weight: 900 }		
.rnd_05_01 ul li .tt_box .tx_s{ width:100%; float: left; font-size: 16px; color: #666;  ;line-height: 25px}		
		
	
	
.rnd_05_01 ul li .img_box{ width:300px; float: left; position: relative;  }
.rnd_05_01 ul li  .img_box .icon{  position: absolute; top: 50%; left:50%; z-index: 999 ;  margin-left: -15px; margin-top: -25px }
.rnd_05_01 ul li  .img_box  .icon i{ transition: all 1s;
-moz-transition: all 1s; /* Firefox 4 */
-webkit-transition: all 1s; /* Safari and Chrome */
-o-transition: all 1s; /* Opera */  font-size: 40px; color:rgba(255, 255, 255, 0); }	
.company_05_01_3 ul li  .text{  transition: all 1s;
-moz-transition: all 1s; /* Firefox 4 */
-webkit-transition: all 1s; /* Safari and Chrome */
-o-transition: all 1s; /* Opera */ position: absolute; top: 60%; left:0px; z-index: 999 ;  width: 100%; text-align: center; color:rgba(255, 255, 255, 0); font-size: 16px }
	
	
.rnd_05_01 ul li:hover  .img_box .icon{  position: absolute; top: 50%; left:50%; z-index: 999 ;  margin-left: -15px; margin-top: -25px }
.rnd_05_01 ul li:hover   .img_box .icon  i{ font-size: 40px; color:rgba(255, 255, 255, 1); }	
.rnd_05_01 ul li:hover  .img_box  .text{  position: absolute; top: 60%; left:0px; z-index: 999 ;  width: 100%; text-align: center; color:rgba(255, 255, 255, 1); font-size: 16px }
	
	
.rnd_05_01 ul li  .img_box .img {
	width: 100%;
	height: 230px; overflow: hidden; background-color: #000; position: relative; z-index: 1
}
/* Zoom In #2 */
.rnd_05_01 ul li .img_box  .img img {
	width: 100%;
	height: auto;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out; opacity: 1
}
.rnd_05_01 ul li:hover .img_box .img img {
	width: 120%;  margin-left: -10%; margin-top: -10%; opacity: 0.5
}
.rnd_05_01 ul li .img_box .tx{
	width: 100%; text-align: center ; padding: 10px 0px
}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.rnd_05_01{ width: 100%; float: left; }
.rnd_05_01 ul{ width: 100%;  float: left;  }
.rnd_05_01 ul li{ width:100%; float: left; position: relative; margin-bottom: 20px }
.rnd_05_01 ul li .img_box{ width:100%; float: left; position: relative;  margin-bottom: 20px }
.rnd_05_01 ul li .img_box img{  margin-top: -50px}	
.rnd_05_01 ul li .tt_box{ width:100%; float: right; position: relative;  }		
.rnd_05_01 ul li .tt_box .tx_b{ width:100%; float: left; font-size: 20px; color: #000; margin-bottom: 10px;font-weight: 900 }		
.rnd_05_01 ul li .tt_box .tx_s{ width:100%; float: left; font-size: 16px; color: #666;  ;line-height: 25px}		
		
	

.rnd_05_01 ul li  .img_box .icon{  position: absolute; top: 50%; left:50%; z-index: 999 ;  margin-left: -15px; margin-top: -25px }
.rnd_05_01 ul li  .img_box  .icon i{ transition: all 1s;
-moz-transition: all 1s; /* Firefox 4 */
-webkit-transition: all 1s; /* Safari and Chrome */
-o-transition: all 1s; /* Opera */  font-size: 40px; color:rgba(255, 255, 255, 0); }	
.company_05_01_3 ul li  .text{  transition: all 1s;
-moz-transition: all 1s; /* Firefox 4 */
-webkit-transition: all 1s; /* Safari and Chrome */
-o-transition: all 1s; /* Opera */ position: absolute; top: 60%; left:0px; z-index: 999 ;  width: 100%; text-align: center; color:rgba(255, 255, 255, 0); font-size: 16px }
	
	
.rnd_05_01 ul li:hover  .img_box .icon{  position: absolute; top: 50%; left:50%; z-index: 999 ;  margin-left: -15px; margin-top: -25px }
.rnd_05_01 ul li:hover   .img_box .icon  i{ font-size: 40px; color:rgba(255, 255, 255, 1); }	
.rnd_05_01 ul li:hover  .img_box  .text{  position: absolute; top: 60%; left:0px; z-index: 999 ;  width: 100%; text-align: center; color:rgba(255, 255, 255, 1); font-size: 16px }
	
	
.rnd_05_01 ul li  .img_box .img {
	width: 100%;
	height: 230px; overflow: hidden; background-color: #000; position: relative; z-index: 1
}
/* Zoom In #2 */
.rnd_05_01 ul li .img_box  .img img {
	width: 100%;
	height: auto;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out; opacity: 1
}
.rnd_05_01 ul li:hover .img_box .img img {
	width: 120%;  margin-left: -10%; margin-top: -10%; opacity: 0.5
}
.rnd_05_01 ul li .img_box .tx{
	width: 100%; text-align: center ; padding: 10px 0px
}
}