@charset "utf-8";
/*---------------------공통  ----------------------*/

/**** pc ****/
@media only all and (min-width:1301px) {
.com_flfr{ width: 100%; float: left; margin-top:2vw}
.com_flfr .fl_01{ width:350px; float: left;}
.fl_01 .title1{ width:100%; float: left; padding-right: 5vw;}
/*.fl_01 .title1 .tx1{ width:100%; float: left; font-size: 30px;  line-height: 35px; color: #000; font-weight: 300; margin-bottom: 1vw}*/
.fl_01 .title1 .tx1{ width:100%; float: left; font-size: 30px;  line-height: 35px; color: #000; font-weight: 300; margin-bottom: 1vw; border-top: 1px solid #ccc; padding-top: 20px; }
.fl_01 .title1 .tx1 em{  color: #ff0000}
.fl_01 .title1 .tx2{ width:100%; float: left; font-size: 16px; color: #666;  line-height: 25px}
	
.fl_01 .title2{ width:100%; float: left; padding-right: 5vw;  box-sizing: border-box	}

.fl_01 .title2 .tx1{ width:100%; float: left; font-size: 30px;  line-height: 35px; color: #000; font-weight: 300; margin-bottom: 1vw; border-top: 1px solid #ccc; padding-top: 20px}
.fl_01 .title2 .tx2{ width:100%; float: left; font-size: 16px; color: #999;  line-height: 25px; text-align: left; position: relative}
.fl_01 .title2 .tx2 .scroll_info{ width:50%; float: left; font-size: 11px; color: #999;  line-height: 25px; text-align: right; position: absolute; right: 20px}	
.fl_01 .title2 .tx2 .scroll_info_icon{  position: absolute; right: 10px; color: #ccc; font-size: 20px;}	
	
	
.fl_01 .title2 .tx2 img{ width:60%; float: left; }
		
.fl_01 .title3{ width:100%; float: left; padding-right: 5vw;  box-sizing: border-box	}

.fl_01 .title3 .tx1{ width:100%; float: left; font-size: 26px; text-align: left; line-height: 35px; color: #000; font-weight: 300; margin-bottom: 0px; padding-top: 20px; padding-right: 20px; position: relative}
.fl_01 .title3 .tx1 .s_line{ width:30px; float: left;   position: 	absolute; top: 0px; right: 0px; height: 45px; border-bottom: 1px solid #666}
		
.fl_01 .title3 .tx2{ width:100%; float: left; text-align: left;font-size: 16px; color: #999;  line-height: 25px}
	
		
	
.com_flfr .fr_01{ width: calc(100% - 350px); float: right; font-size: 16px; color: #666;  line-height: 25px }
.com_flfr .fr_01 .mov{ width: 100%; float: right;font-size: 16px; color: #666;  line-height: 25px }
.com_flfr .fr_01 .mov video{ width: 100%; float: right; }
	
.com_flfr .fr_01 em{ width: 100% ; float: right;font-size:24px; color: #000;  margin-bottom: 15px; line-height: 35px }
	
.com_flfr .fr_01 .text_box{ width: 100% ; float: right;font-size: 16px; color: #666;  line-height: 25px }
.com_flfr .fr_01 .text_box .tx1{ width: 100% ; float: right;font-size: 20px; color: #000;  line-height: 25px; ;font-family:'Noto Sans Korean', 'Noto Sans KR'; margin-bottom: 10px }
.com_flfr .fr_01 .text_box .tx2{ width: 100% ; float: right;font-size: 16px; color: #666;  line-height: 20px;  margin-bottom: 30px}	
.com_flfr .fr_01 .img{ width: 100% ; float: right;font-size: 16px; color: #666;  line-height: 25px }	
	 .scroll_info{ display: none}	
 .scroll_info_icon{ display: none}	
 .scroll_info2{display: none}	
 .scroll_info_icon2{display: none}
	
	
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
.com_flfr{ width: 100%; float: left; margin-top: 2vw}
.com_flfr .fl_01{ width:230px; float: left;}
.fl_01 .title1{ width:100%; float: left; padding-right: 5vw;}
/*.fl_01 .title1 .tx1{ width:100%; float: left; font-size: 30px;  line-height: 35px; color: #000; font-weight: 300; margin-bottom: 1vw}*/
.fl_01 .title1 .tx1{ width:100%; float: left; font-size: 20px;  line-height: 35px; color: #000; font-weight: 300; margin-bottom: 1vw; border-top: 1px solid #ccc; padding-top: 20px; }
.fl_01 .title1 .tx1 em{  color: #ff0000}
.fl_01 .title1 .tx2{ width:100%; float: left; font-size: 14px; color: #666;  line-height: 25px; position: relative}
	
.fl_01 .title2{ width:100%; float: left; padding-right: 5vw;  box-sizing: border-box	}

.fl_01 .title2 .tx1{ width:100%; float: left; font-size: 20px;  line-height: 35px; color: #000; font-weight: 300; margin-bottom: 1vw; border-top: 1px solid #ccc; padding-top: 20px; ; margin-bottom: 20px}
.fl_01 .title2 .tx2{ width:100%; float: left; font-size: 14px; color: #999;  line-height: 25px; text-align: left}
.fl_01 .title2 .tx2 img{ width:60%; float: left; }
		
.fl_01 .title3{ width:100%; float: left; padding-right: 5vw;  box-sizing: border-box	}

.fl_01 .title3 .tx1{ width:100%; float: left; font-size: 26px; text-align: left; line-height: 35px; color: #000; font-weight: 300; margin-bottom: 0px; padding-top: 20px; padding-right: 20px; position: relative}
.fl_01 .title3 .tx1 .s_line{ width:30px; float: left;   position: 	absolute; top: 0px; right: 0px; height: 45px; border-bottom: 1px solid #666}
		
.fl_01 .title3 .tx2{ width:100%; float: left; text-align: left;font-size: 16px; color: #999;  line-height: 25px}
	
	 .scroll_info{ display: none}
 .scroll_info_icon{ display: none}	
 .scroll_info2{display: none}
 .scroll_info_icon2{display: none}
	
	
.com_flfr .fr_01{ width: calc(100% - 230px); float: right;font-size: 16px; color: #666;  line-height: 25px }
.com_flfr .fr_01 .mov{ width: 100%; float: right;font-size: 16px; color: #666;  line-height: 25px }
	.com_flfr .fr_01 .mov video{ width: 100%; float: right; }
	
.com_flfr .fr_01 em{ width: 100% ; float: right;font-size:24px; color: #000;  margin-bottom: 15px; line-height: 35px }
	
.com_flfr .fr_01 .text_box{ width: 100% ; float: right;font-size: 16px; color: #666;  line-height: 25px }
.com_flfr .fr_01 .text_box .tx1{ width: 100% ; float: right;font-size: 20px; color: #000;  line-height: 25px; ;font-family:'Noto Sans Korean', 'Noto Sans KR'; margin-bottom: 10px }
.com_flfr .fr_01 .text_box .tx2{ width: 100% ; float: right;font-size: 16px; color: #666;  line-height: 20px;  margin-bottom: 30px}	
	
	.com_flfr .fr_01 .img img{ width: 100% ;}	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.com_flfr{ width: 100%; float: left; margin-top: 1vw}
.com_flfr .fl_01{ width: 100%; float: left;}
.fl_01 .title1{ width:100%; float: left; }

.fl_01 .title1 .tx1{ width:100%; float: left; font-size: 20px;  line-height:25px; color: #000; font-weight: 900; margin-bottom: 1vw; ; }
.fl_01 .title1 .tx1 em{  color: #ff0000}

.fl_01 .title2{ width:100%; float: left;  box-sizing: border-box	}

.fl_01 .title2 .tx1{ width:100%; float: left; font-size: 20px;  line-height: 25px; color: #000; font-weight: 900; margin-bottom: 1vw;  padding-top: 20px}
.fl_01 .title2 .tx2{ width:100%; float: left; font-size: 13px; color: #999;  line-height: 20px; text-align: left; margin-bottom: 10px; position: relative}
.fl_01 .title2 .tx2 img{ width:20% !important; float: right; margin-top: -60px }
.fl_01 .title1 .tx2{ width:100%; float: left; font-size: 13px; color: #000;  line-height: 20px; margin-bottom: 30px; position: relative}
 .scroll_info{ width:50%; float: left; font-size: 11px; color: #999;  line-height: 25px; text-align: right; position: absolute; right:35px; top:20px}	
 .scroll_info_icon{ right: 10px; color: #333; font-size: 20px; position: absolute; right:5px; top: 20px}	
 .scroll_info2{ width:50%; float: left; font-size: 11px; color: #999;  line-height: 25px; text-align: right; position: absolute; right:35px; top:0px}	
 .scroll_info_icon2{ right: 10px; color: #333; font-size: 20px; position: absolute; right:5px; top: 0px}	
 .scroll_info3{ display: none}	
	
	
.fl_01 .title3{ width:100%; float: left;  box-sizing: border-box; }

.fl_01 .title3 .tx1{ width:100%; float: left; font-size: 20px; text-align: left; line-height: 25px; color: #000; font-weight: 700; margin-bottom: 0px; padding-top: 20px; position: relative}
.fl_01 .title3 .tx1 .s_line{ width:30px; float: left;   position: 	absolute; top: 0px; right: 0px; height: 45px; border-bottom: 1px solid #666}
		
.fl_01 .title3 .tx2{ width:100%; float: left; text-align: left;font-size: 13px; color: #999;  line-height: 20px}
	
		
	
.com_flfr .fr_01{ width: 100%; float: right;font-size: 13px; color: #666;  line-height: 20px }
.com_flfr .fr_01 .mov{ width: 100%; float: right;font-size: 13px; color: #666;  line-height: 20px }
.com_flfr .fr_01 .mov video{ width: 100%; float: right; }
	
.com_flfr .fr_01 em{ width: 100% ; float: right;font-size:16px; color: #000 !important;  font-weight: 500; margin-bottom: 5px; line-height: 20px }
	
.com_flfr .fr_01 .text_box{ width: 100% ; float: right;font-size: 13px; color: #666;  line-height: 20px }
.com_flfr .fr_01 .text_box .tx1{ width: 100% ; float: right;font-size: 20px; color: #000;  line-height: 20px; ;font-family:'Noto Sans Korean', 'Noto Sans KR'; margin-bottom: 10px }
.com_flfr .fr_01 .text_box .tx2{ width: 100% ; float: right;font-size: 13px; color: #666;  line-height: 20px;  margin-bottom: 30px}	
	
.com_flfr .fr_01 .img img{ width: 100% ;}		
	
}


/*----------------------기업 ----------------------*/

/**** pc ****/
@media only all and (min-width:1301px) {
    .company_00_00{ width: 40%; float: left; margin-top: 3vw}/*추가*/
    .company_00_00 > .presidentimg{width: 100%;}
    .presidentimg > img{margin: 0 auto;}
    .company_01_01{ width: 60%; float: left; margin-top: 3vw; border-left: 1px solid #888; padding-left: 20px;}
/*	.company_01_01{ width: 100%; float: left; margin-top: 3vw}*/
/*	.company_01_01 .tx1{ width: 100%;  font-size: 24px; color: #333; text-align: center;  font-family: 'Noto Sans KR', sans-serif;  font-weight: 500}*/
    .company_01_01 .tx1{ width: 100%;  font-size: 24px; color: #333; text-align: left;   font-weight: 600; line-height: 35px; margin-bottom: 3vw}
	.company_01_01 .tx1 p{ width: 100%;  font-size: 24px; color: #333; text-align: left;  font-weight: 600}
	.company_01_01  .tx1 em{ color: #ff0028;}
/*	.company_01_01 .line{ width: 50%; float: left; border-right: 1px solid #666; height: 40px; margin: 2vw 0px }*/
	.company_01_01 .tx2{ width: 100%;  float: left; font-size: 16px; color: #666; text-align:left;  line-height: 25px; position: relative }
/*    .company_01_01 .tx2{ width: 100%;  float: left; font-size: 16px; color: #666; text-align: center;  line-height: 25px; position: relative }*/
	.company_01_01 .tx2 .sign{  position: absolute; right:0px; bottom: 10px}
	
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
	 .company_00_00{ width: 35%; float: left; margin-top: 3vw}/*추가*/
    .company_00_00 > .presidentimg{width: 100%;}
    .presidentimg > img{width: 90%;}
    .company_01_01{ width: 55%; float: left; margin-top: 3vw; border-left: 1px solid #888; padding-left: 20px; box-sizing: border-box}

    .company_01_01 .tx1{ width: 100%;  font-size: 20px; color: #333; text-align: left;  font-weight: 600; line-height: 30px;; margin-bottom: 3vw}
	
	.company_01_01 .tx1 em{ color: #ff0028;}
	.company_01_01 .tx2{ width: 100%;  float: left; font-size: 16px; color: #666; text-align:left;  line-height: 20px; position: relative }

	.company_01_01 .tx2 .sign{  position: absolute; right:0px; bottom: 10px}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
		 .company_00_00{ width: 100%; float: left; margin-top: 3vw}/*추가*/
    .company_00_00 > .presidentimg{width: 100%; text-align: center}
    .presidentimg > img{width: 70%;}
    .company_01_01{ width: 100%; float: left; margin-top: 3vw;  box-sizing: border-box}

    .company_01_01 .tx1{ width: 100%;  font-size: 18px; color: #333; text-align: left;  font-weight: 600; line-height: 25px; margin-bottom: 3vw}

	.company_01_01  .tx1 em{ color: #ff0028;}
	.company_01_01 .tx2{ width: 100%;  float: left; font-size: 14px; color: #666; text-align:left;  line-height: 20px; position: relative }

	.company_01_01 .tx2 .sign{  position: absolute; right:0px; bottom: 20px}
}



/**** pc ****/
@media only all and (min-width:1301px) {
	.fl_box .img, .fl_box .tx1, .line .line_in, .close{ 
transition: all 1s;
-moz-transition: all 1s; /* Firefox 4 */
-webkit-transition: all 1s; /* Safari and Chrome */
-o-transition: all 1s; /* Opera */  
}
	
	.company_01_02{ width: 100%; float: left; margin-top: 4vw}
	.company_01_02 .fl_box{ width:50%; float: left; height: 325px; overflow: hidden; position: relative; background-color: #000}
	.company_01_02 .fl_box .img{ width:100%;  position: absolute; top: 0px; left: 0px ; opacity: 0.9}
	.company_01_02 .fl_box .tx1{ width:100%; height: 100%; text-align: center; font-size: 20px; color: #ccc ; position: absolute; top: 50%; z-index: 2	; font-size: 25px	}
	.company_01_02 .fl_box .line{ ;position: absolute; top: 40% ; width:100%;  text-align: center;  display:flex; justify-content: center; z-index: 3; height: 1px}
	.company_01_02 .fl_box .line .line_in{ width:20%;  border-bottom: 1px solid #fff; }
	.company_01_02 .fl_box .close{  position: absolute	; right: 10px; top: 10px;z-index: 1}
	.company_01_02 .fl_box .close i{ -webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out; color: #fff; font-size: 30px;}
	
	.company_01_02 .fl_box:hover .img{ width:100%;  position: absolute; top: 0px; left: 0px ; opacity: 0.5; 	-webkit-transform: scale(1.3);
	transform: scale(1.3);}
	.company_01_02 .fl_box:hover .tx1{ width:100%; height: 100%; text-align: center; font-size: 20px; color: #ccc ; position: absolute; top: 50%; z-index: 2	; font-size: 25px		}
	.company_01_02 .fl_box:hover .line{ ; position: absolute; top: 40% ; width:100%;  text-align: center;  display:flex; justify-content: center; z-index: 3; height: 1px}
	.company_01_02 .fl_box:hover .line .line_in{ width:30%;  border-bottom: 1px solid #fff; }
	.company_01_02 .fl_box:hover .close{  position: absolute	; right: 10px; top: 10px;z-index: 1}
	.company_01_02 .fl_box:hover .close i{  	-webkit-transform: rotate(15deg) scale(1);
	transform: rotate(180deg) scale(1); color: #fff; font-size: 30px;}
	


}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
}

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

/**** pc ****/
@media only all and (min-width:1301px) {
.company_02_01_1{ width: 100%; float: left; margin-top: 3vw}
.company_02_01_1 .fl_box{ width:350px; float: left; background-color: #ff0000; padding: 4vw 0vw; text-align: center; height: 300px  }
.company_02_01_1 .fl_box .logo{ width:100%; float: left; text-align: center; margin-bottom: 30PX}	
.company_02_01_1 .fl_box a.cigo{  padding: 10px 20px; border: 1px solid #ccc; border-radius: 50px; color:  #ccc; font-size: 16px; width: 100px; text-align: 	center; transition: all 1s;
-moz-transition: all 1s; /* Firefox 4 */
-webkit-transition: all 1s; /* Safari and Chrome */
-o-transition: all 1s; /* Opera */  }	
.company_02_01_1 .fl_box a:hover.cigo{  padding: 10px 20px; border: 1px solid #fff; border-radius: 50px; color:  #fff; font-size: 16px; width: 100px; text-align: 	center}	
	
/*.company_02_01_1 .fr_box{ width: calc(100% - 350px); float: left; height: 300px; overflow: hidden}*/
    .company_02_01_1 .fr_box{ width: 100%; float: left; height: 300px; overflow: hidden}
    .company_02_01_1 .fr_box>img{width: 100%;    }
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {

	
/*.company_02_01_1 .fr_box{ width: calc(100% - 350px); float: left; height: 300px; overflow: hidden}*/
    .company_02_01_1 .fr_box{ width: 100%; float: left; height: 300px; overflow: hidden}
    .company_02_01_1 .fr_box>img{width: 100%;    }	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {

/*.company_02_01_1 .fr_box{ width: calc(100% - 350px); float: left; height: 300px; overflow: hidden}*/
    .company_02_01_1 .fr_box{ width: 100%; float: left;  overflow: hidden}
    .company_02_01_1 .fr_box>img{width: 100%;    }	
}



/*--------------------- 개요 테이블 ----------------------*/

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

/**** pc ****/
@media only all and (min-width:1301px) {
.fr_01 .img_box3{ width: 100%;  }
.fr_01 .img_box3 ul{ width: 100%; float: left; display:flex; justify-content: space-around;   flex-direction:row; }	
.fr_01 .img_box3 ul li{ width:33%; float: left; }
.fr_01 .img_box3 ul li img{ width: 100% }

	
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
.fr_01 .img_box3{ width: 100%;  }
.fr_01 .img_box3 ul{ width: 100%; float: left; display:flex; justify-content: space-around;   flex-direction:row; }	
.fr_01 .img_box3 ul li{ width:33%; height: auto; float: left; }
.fr_01 .img_box3 ul li img{ width: 100% ; }	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.fr_01 .img_box3{ width: 100%;  }
.fr_01 .img_box3 ul{ width: 100%; float: left; display:flex; justify-content: space-around;   flex-direction:row; }	
.fr_01 .img_box3 ul li{ width:33%; height:100px;float: left;   }
.fr_01 .img_box3 ul li img{ width: 100% ; height: auto}
}



/*--------------------- ci----------------------*/

/**** pc ****/
@media only all and (min-width:1301px) {
.logo_inbox{ width: 100%; float: left; padding: 0px 10vw; box-sizing: border-box  }	
.logo_inbox .company_02_02_1_n{ width: 100%; float: left; padding: 0px 0vw; box-sizing: border-box; border-bottom: 1px solid #ccc;  }
.logo_inbox .company_02_02_1_n .logobox{ width: 100%; float: left; text-align: center; margin-bottom: 80px }
.logo_inbox .company_02_02_1_n .logo_tx{ width: 100%; float: left; text-align: center; margin-bottom: 80px; font-size: 16px; line-height: 25px }
.logo_inbox .company_02_02_2_n{ width: 100%; float: left; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 80px 0vw}
.logo_inbox .company_02_02_2_n .fl_logo{ width: 150px; float: left; }
.logo_inbox .company_02_02_2_n .fr_logotx{ width:calc(100% - 150px) ; float: left; font-size: 16px; padding-top: 30px ; line-height:25px}
.logo_inbox .company_02_02_3_n{ width: 100%; float: left; text-align: center; margin-bottom: 80px ; margin-top: 80px}	
.logo_inbox .company_02_02_3_n img{  margin: 0px 3vw }	
	
.logo_inbox .btn_down{ width: 100%; float: left;  text-align: center; margin-top: 30px }	
.logo_inbox .btn_down a.down{  padding: 15px 50px 15px 20px; color: #fff; background-color: #FF0004; position: relative}
.logo_inbox .btn_down a.down i{ position: absolute; right: 15px; top:10px; color: #fff; font-size: 25px }			
.logo_inbox .btn_down a:hover.down{ padding: 15px 50px 15px 20px; color: #fff; background-color: #B00002}
	
	}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {.logo_inbox{ width: 100%; float: left; padding: 0px 5vw; box-sizing: border-box  }	
.logo_inbox .company_02_02_1_n{ width: 100%; float: left; padding: 0px 0vw; box-sizing: border-box; border-bottom: 1px solid #ccc;  }
.logo_inbox .company_02_02_1_n .logobox{ width: 100%; float: left; text-align: center; margin-bottom: 50px }
.logo_inbox .company_02_02_1_n .logobox img{ width: 100%; }
	
.logo_inbox .company_02_02_1_n .logo_tx{ width: 100%; float: left; text-align: center; margin-bottom: 50px; font-size: 16px; line-height: 25px }
.logo_inbox .company_02_02_2_n{ width: 100%; float: left; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 50px 0vw}
.logo_inbox .company_02_02_2_n .fl_logo{ width: 150px; float: left; }
.logo_inbox .company_02_02_2_n .fr_logotx{ width:calc(100% - 150px) ; float: left; font-size: 16px; padding-top: 10px ; line-height:25px}
.logo_inbox .company_02_02_3_n{ width: 100%; float: left; text-align: center; margin-bottom: 30px ; margin-top: 50px }	
.logo_inbox .company_02_02_3_n img{  margin: 0px 3vw }	
	
.logo_inbox .btn_down{ width: 100%; float: left;  text-align: center; margin-top: 30px; margin-bottom: 50px }	
.logo_inbox .btn_down a.down{  padding: 15px 50px 15px 20px; color: #fff; background-color: #FF0004; position: relative}
.logo_inbox .btn_down a.down i{ position: absolute; right: 15px; top:10px; color: #fff; font-size: 25px }			
.logo_inbox .btn_down a:hover.down{ padding: 15px 50px 15px 20px; color: #fff; background-color: #B00002}
	

}
/**** 모바일 ****/
@media only all and (max-width:767px) {.logo_inbox{ width: 100%; float: left; padding: 0px 0px; box-sizing: border-box ; margin-bottom: 80px }	
.logo_inbox .company_02_02_1_n{ width: 100%; float: left; padding: 0px 0vw; box-sizing: border-box; border-bottom: 1px solid #ccc;  }
.logo_inbox .company_02_02_1_n .logobox{ width: 100%; float: left; text-align: center; margin-bottom: 50px }
.logo_inbox .company_02_02_1_n .logobox img{ width: 100%; }
	
.logo_inbox .company_02_02_1_n .logo_tx{ width: 100%; float: left; text-align: center; margin-bottom: 50px; font-size: 14px; line-height: 20px }
.logo_inbox .company_02_02_2_n{ width: 100%; float: left; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 30px 0vw}
.logo_inbox .company_02_02_2_n .fl_logo{ width: 100px; float: left; }
.logo_inbox .company_02_02_2_n .fr_logotx{ width:calc(100% - 100px) ; float: left; font-size: 14px; padding-top: 10px ; line-height:20px}
.logo_inbox .company_02_02_3_n{ width: 100%; float: left; text-align: center; margin-bottom: 30px ; margin-top: 3vw }	
.logo_inbox .company_02_02_3_n img{  margin: 0px 3vw }	
	
.logo_inbox .btn_down{ width: 100%; float: left;  text-align: center; margin-top: 30px }	
.logo_inbox .btn_down a.down{  padding: 15px 50px 15px 20px; color: #fff; background-color: #FF0004; position: relative}
.logo_inbox .btn_down a.down i{ position: absolute; right: 15px; top:10px; color: #fff; font-size: 25px }			
.logo_inbox .btn_down a:hover.down{ padding: 15px 50px 15px 20px; color: #fff; background-color: #B00002}
	

}



/*--------------------- ci----------------------*/

/**** pc ****/
@media only all and (min-width:1301px) {
.company_02_02_1{ width: 100%; float: left; border: 1px solid #ccc;  background: url(../images/sub01/img01_02_09.jpg);  padding: 3vw; box-sizing:	border-box; position: relative}
.company_02_02_1 .ci_box{ width: 100%; float: left;  margin-bottom: 3vw}	
.company_02_02_1 .ci_box .fl_b{ width: 300px; float: left; text-align: right ; padding-top: 30px; padding-right: 20px; box-sizing: 
	border-box}
.company_02_02_1 .ci_box .fr_b{ width:calc(100% - 300px) ; float: left;  font-size: 16px;  padding-right: 2vw; border-left: 1px solid #ccc; line-height: 28px !important;  margin-top: 2vw;  box-sizing: border-box;	 padding-left:20px}
.company_02_02_1 a.down{ position: absolute; padding: 10px 40px 10px 10px; color: #fff; bottom: 0px; right: 0px ; background-color: #FF0004}
.company_02_02_1 a.down i{ position: absolute; right: 10px; top: 7px; color: #fff; font-size: 25px }		
.company_02_02_1 a:hover.down{ position: absolute; padding: 10px 40px 10px 10px; color: #fff; bottom: 0px; right: 0px ; background-color: #B00002}

	}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
	.company_02_02_1{ width: 100%; float: left; border: 1px solid #ccc;  background: url(../images/sub01/img01_02_09.jpg);  padding: 3vw; box-sizing:	border-box; position: relative}
.company_02_02_1 .ci_box{ width: 100%; float: left;  margin-bottom: 3vw}	
.company_02_02_1 .ci_box .fl_b{ width: 30%; float: left;  text-align: right; padding-right: 20px; box-sizing: border-box; padding-top: 15px}
.company_02_02_1 .ci_box .fl_b img{  height: 50px }	
.company_02_02_1 .ci_box .fr_b{ width:70%; float: left;  font-size: 16px;  padding-right: 2vw; border-left: 1px solid #ccc; line-height: 28px !important;  margin-top: 2vw;  padding-left: 20px; box-sizing: border-box	}
.company_02_02_1 a.down{ position: absolute; padding: 10px 40px 10px 10px; color: #fff; bottom: 0px; right: 0px ; background-color: #FF0004}
.company_02_02_1 a.down i{ position: absolute; right: 10px; top: 7px; color: #fff; font-size: 25px }		
.company_02_02_1 a:hover.down{ position: absolute; padding: 10px 40px 10px 10px; color: #fff; bottom: 0px; right: 0px ; background-color: #B00002}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.company_02_02_1{ width: 100%; float: left; border: 1px solid #ccc;  background: url(../images/sub01/img01_02_09.jpg);  padding:5vw 3vw; box-sizing:	border-box; position: relative}
.company_02_02_1 .ci_box{ width: 100%; float: left;  margin-bottom: 3vw}	
.company_02_02_1 .ci_box .fl_b{ width: 100%; float: left; text-align: center}
.company_02_02_1 .ci_box .fl_b img{  height: 50px }
.company_02_02_1 .ci_box .fr_b{ width:100% ; float: left;  font-size: 14px;  line-height: 20px !important;  margin-top: 2vw; box-sizing:	}
.company_02_02_1 a.down{ position: absolute; padding: 10px 40px 10px 10px; color: #fff; bottom: 0px; right: 0px ; background-color: #FF0004}
.company_02_02_1 a.down i{ position: absolute; right: 10px; top: 7px; color: #fff; font-size: 20px }		
.company_02_02_1 a:hover.down{ position: absolute; padding: 10px 40px 10px 10px; color: #fff; bottom: 0px; right: 0px ; background-color: #B00002}
}

/*--------------------- ci----------------------*/

/**** pc ****/
@media only all and (min-width:1301px) {
.company_02_02_2{ width:50%; float: left; margin-right: -1px; border: 1px solid #ccc; padding: 3vw; box-sizing:border-box; margin-top: -1px; height:450px}
.company_02_02_2 .title{ float: left; font-size: 22px; color: #333; border-bottom: 1px solid #ccc; margin-bottom: 20px; font-weight: 700; font-family: 'Noto Sans KR', sans-serif; }
.company_02_02_2 .inbox{ width: 100%; float: left;  text-align: 
	center}
.company_02_02_3{ width:50%; float: left; margin-right: -1px; border: 1px solid #ccc; padding: 3vw; box-sizing:border-box; margin-top: -1px; height:850px; background-color: #f9f9f9}
.company_02_02_3 .title{ float: left; font-size: 22px; color: #333; border-bottom: 1px solid #ccc; margin-bottom: 20px; font-weight: 700; font-family: 'Noto Sans KR', sans-serif; }
.company_02_02_3 .inbox{ width: 100%; float: left;  text-align: 
	center}

	}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
	.company_02_02_2{ width:50%; float: left; margin-right: -1px; border: 1px solid #ccc; padding: 3vw; box-sizing:border-box; margin-top: -1px; height:35vw}
.company_02_02_2 .title{ float: left; font-size: 22px; color: #333; border-bottom: 1px solid #ccc; margin-bottom: 20px; font-weight: 700; font-family: 'Noto Sans KR', sans-serif; }
.company_02_02_2 .inbox{ width: 100%; float: left;  text-align: 	center}
.company_02_02_2 .inbox img{ width: 100%; }	
	
.company_02_02_3{ width:50%; float: left; margin-right: -1px; border: 1px solid #ccc; padding: 3vw; box-sizing:border-box; margin-top: -1px;  height:70vw; background-color: #f9f9f9}
.company_02_02_3 .title{ float: left; font-size: 22px; color: #333; border-bottom: 1px solid #ccc; margin-bottom: 20px; font-weight: 700; font-family: 'Noto Sans KR', sans-serif; }
.company_02_02_3 .inbox{ width: 100%; float: left;  text-align: 	center}
.company_02_02_3 .inbox img{ width: 100%; }		

}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	.company_02_02_2{ width:100%; float: left; margin-right: -1px; border: 1px solid #ccc; padding: 3vw; box-sizing:border-box; margin-top: -1px; }
.company_02_02_2 .title{ float: left; font-size: 20px; color: #333; border-bottom: 1px solid #ccc; margin-bottom: 20px; font-weight: 700; font-family: 'Noto Sans KR', sans-serif; }
.company_02_02_2 .inbox{ width: 100%; float: left;  text-align: 	center}
.company_02_02_2 .inbox img{ width: 100%; }	
.company_02_02_3{ width:100%; float: left; margin-right: -1px; border: 1px solid #ccc; padding: 3vw; box-sizing:border-box; margin-top: -1px;  background-color: #f9f9f9; margin-bottom: 3vw}
.company_02_02_3 .title{ float: left; font-size: 20px; color: #333; border-bottom: 1px solid #ccc; margin-bottom: 20px; font-weight: 700; font-family: 'Noto Sans KR', sans-serif; }
.company_02_02_3 .inbox{ width: 100%; float: left;  text-align: 	center}
.company_02_02_3 .inbox img{ width: 100%; }		

}

/*----------------------기업 비전  ----------------------*/

/**** pc ****/
@media only all and (min-width:1301px) {
	.company_03_01_1{ width: 100%; float: left; margin-top: 0vw}
	.company_03_01_1 .tx1{ width: 100%;  font-size: 24px; color: #333; text-align: center;  font-family: 'Noto Sans KR', sans-serif;  font-weight: 500}
	.company_03_01_1  .tx1 em{ color: #ff0028;}
	.company_03_01_1 .line{ width: 50%; float: left; border-right: 1px solid #666; height: 40px; margin:20px 0px }
	.company_03_01_1 .tx2{ width: 100%;  float: left; font-size: 16px; color: #666; text-align: center;  line-height: 25px; position: relative }
	.company_03_01_1 .tx2 .sign{  position: absolute; right:0px; bottom: 10px}
	
	.company_03_01_2 { width: 100%; float: left; text-align: center}
	
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
	.company_03_01_1{ width: 100%; float: left; margin-top: 2vw}
	.company_03_01_1 .tx1{ width: 100%;  font-size: 24px; color: #333; text-align: center;  font-family: 'Noto Sans KR', sans-serif;  font-weight: 500}
	.company_03_01_1  .tx1 em{ color: #ff0028;}
	.company_03_01_1 .line{ width: 50%; float: left; border-right: 1px solid #666; height: 30px; margin: 2vw 0px }
	.company_03_01_1 .tx2{ width: 100%;  float: left; font-size: 16px; color: #666; text-align: center;  line-height: 25px; position: relative }
	.company_03_01_1 .tx2 .sign{  position: absolute; right:0px; bottom: 10px}
	
	.company_03_01_2 { width: 100%; float: left; text-align: center}	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
		.company_03_01_1{ width: 100%; float: left; margin-top: 0vw}
	.company_03_01_1 .tx1{ width: 100%;  font-size: 20px; color: #333; text-align: center;  font-family: 'Noto Sans KR', sans-serif;  font-weight: 500}
	.company_03_01_1  .tx1 em{ color: #ff0028;}
	.company_03_01_1 .line{ width: 50%; float: left; border-right: 1px solid #666; height: 20px; margin: 1vw 0px }
	.company_03_01_1 .tx2{ width: 100%;  float: left; font-size: 14px; color: #666; text-align: center;  line-height: 20px; position: relative }
	.company_03_01_1 .tx2 .sign{  position: absolute; right:0px; bottom: 10px}
	
	.company_03_01_2 { width: 100%; float: left; text-align: center}
	.company_03_01_2 img{ width: 100%; }
}

/*----------------------기업 미션  ----------------------*/

/**** pc ****/
@media only all and (min-width:1301px) {
.company_03_01_2{ width: 100%; float: left; margin-top: 1vw;   }

.company_03_01_2 .fr_01 .img_box{ width: 100%; float: left; position: relative}
.company_03_01_2 .fr_01 .img_box .in01{ width: 50%; float: left; position: relative;  padding:2vw 7vw 2vw 2vw;  box-sizing: border-box;  text-align: left }
.company_03_01_2 .fr_01 .img_box .in01 .img{ width: 100%; float: left;  margin-bottom: 10px;  }
.company_03_01_2 .fr_01 .img_box .in01 .ttx{ width: 100%; float: left;  margin-bottom: 10px; font-size: 14px; color: #666 ; line-height: 25px }	
.company_03_01_2 .fr_01 .img_box .in01 .ttx em{  font-size: 20px; color: #000; margin-right: 5px ;float: left; width: auto ; line-height: 25px   }	
.company_03_01_2 .fr_01 .img_box .in01 .stx{ width: 100%; float: left;  margin-bottom: 10px; font-size: 16px; color: #666  }	
	
	
.company_03_01_2 .fr_01 .img_box .in02{ width: 50%; float: left; position: relative;   box-sizing: border-box;  padding:2vw 2vw 2vw 10vw;  text-align: left }
.company_03_01_2 .fr_01 .img_box .in02 .img{ width: 100%; float: left;  margin-bottom: 10px;  }
.company_03_01_2 .fr_01 .img_box .in02 .ttx{ width: 100%; float: left;  margin-bottom: 10px; font-size: 14px; color: #666 ; line-height: 25px  }	
.company_03_01_2 .fr_01 .img_box .in02 .ttx em{  font-size: 20px; float: left; color: #000; margin-right: 5px;  width: auto ; ; line-height: 25px   }	
.company_03_01_2 .fr_01 .img_box .in02 .stx{ width: 100%; float: left;  margin-bottom: 10px; font-size: 16px; color: #666  }	
	
	
.company_03_01_2 .fr_01 .img_box .in03{ width: 100%; float: left; }
.company_03_01_2 .fr_01 .img_box .in03 img{ width: 100%; }
	
.company_03_01_2 .fr_01 .img_box .in_center{ position: absolute; left: 50%; margin-left: -125px; top:23%;  }	
	
	
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
	    .company_03_01_2{ width: 100%; float: left; margin-top: 1vw;   }

.company_03_01_2 .fr_01 .img_box{ width: 100%; float: left; position: relative}
.company_03_01_2 .fr_01 .img_box .in01{ width: 50%; float: left; position: relative;  padding:2vw 7vw 7vw 2vw;  box-sizing: border-box;  text-align: left }
.company_03_01_2 .fr_01 .img_box .in01 .img{ width: 100%; float: left;  margin-bottom: 10px;  }
.company_03_01_2 .fr_01 .img_box .in01 .ttx{ width: 100%; float: left;  margin-bottom: 10px; font-size: 14px; color: #666 ; line-height: 25px }	
.company_03_01_2 .fr_01 .img_box .in01 .ttx em{  font-size: 20px; color: #000; margin-right: 5px ;float: left; width: auto ; line-height: 25px   }	
.company_03_01_2 .fr_01 .img_box .in01 .stx{ width: 100%; float: left;  margin-bottom: 10px; font-size: 16px; color: #666  }	
	
	
.company_03_01_2 .fr_01 .img_box .in02{ width: 50%; float: left; position: relative;   box-sizing: border-box;  padding:2vw 2vw 2vw 10vw;  text-align: left }
.company_03_01_2 .fr_01 .img_box .in02 .img{ width: 100%; float: left;  margin-bottom: 10px;  }
.company_03_01_2 .fr_01 .img_box .in02 .ttx{ width: 100%; float: left;  margin-bottom: 10px; font-size: 14px; color: #666 ; line-height: 25px  }	
.company_03_01_2 .fr_01 .img_box .in02 .ttx em{  font-size: 20px; float: left; color: #000; margin-right: 5px;  width: auto ; ; line-height: 25px   }	
.company_03_01_2 .fr_01 .img_box .in02 .stx{ width: 100%; float: left;  margin-bottom: 10px; font-size: 16px; color: #666  }	
	
	
.company_03_01_2 .fr_01 .img_box .in03{ width: 100%; float: left; }
.company_03_01_2 .fr_01 .img_box .in03 img{ width: 100%; }
	
.company_03_01_2 .fr_01 .img_box .in_center{ position: absolute; left: 50%; margin-left: -125px; top:33%;  }	
.company_03_01_2 .fr_01 .img_box .in_center img{ width: 60%; }	
	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
 .company_03_01_2{ width: 100%; float: left; margin-top: 1vw;   padding-top: 0vw; margin-bottom: 10vw}
	.company_03_01_2 img{ width: 100%; }
.company_03_01_2 .fr_01 .img_box{ width: 100%; float: left; position: relative}
.company_03_01_2 .fr_01 .img_box .in01{ width: 100%; float: left; position: relative;  padding:2vw 2vw 2vw 2vw;  box-sizing: border-box;  text-align: left }
.company_03_01_2 .fr_01 .img_box .in01 .img{ width: 25%; float: left;  margin-bottom: 5px; text-align: center  }
.company_03_01_2 .fr_01 .img_box .in01 .img img{ width: 80%;  }	
.company_03_01_2 .fr_01 .img_box .in01 .ttx{ width: 75%; float: right;  font-size: 12px; color: #666 ; height: 25px; margin-bottom: 0px!important}	
.company_03_01_2 .fr_01 .img_box .in01 .ttx em{   float: left;font-size: 18px;  margin-right: 10px; color: #000; float: left; width: auto ; line-height: 20px !important;  font-weight: 500  }	
.company_03_01_2 .fr_01 .img_box .in01 .sttx{ width: 75%; float: right;  margin-bottom: 2px; font-size: 13px; color: #666; letter-spacing: -1px  }	
	
	
.company_03_01_2 .fr_01 .img_box .in02{ width: 100%; float: left; position: relative;   box-sizing: border-box;  padding:2vw 2vw 2vw 2vw;  text-align: left }
.company_03_01_2 .fr_01 .img_box .in02 .img{ width: 25%; float: left;  margin-bottom: 10px;  }
.company_03_01_2 .fr_01 .img_box .in02 .img img{ width: 80%;  }		
.company_03_01_2 .fr_01 .img_box .in02 .ttx{ width: 75%; float: right; font-size: 12px; color: #666 ;  height: 25px; margin-bottom: 0px!important }	
.company_03_01_2 .fr_01 .img_box .in02 .ttx em{  font-size: 18px; font-weight: 500 ; float: left; color: #000; margin-right: 5px;  width: auto ; ; line-height: 25px   }	
.company_03_01_2 .fr_01 .img_box .in02 .sttx{width: 75%; float: right;  margin-bottom: 2px; font-size: 13px; color: #666 ;letter-spacing: -1px }	
	
	
.company_03_01_2 .fr_01 .img_box .in03{ width: 100%; float: left; display: none}
.company_03_01_2 .fr_01 .img_box .in03 img{ width: 100%; }
	
.company_03_01_2 .fr_01 .img_box .in_center{ position: absolute; left: 50%; margin-left: -125px; top:30%;   display: none}	
.company_03_01_2 .fr_01 .img_box .in_center img{ width: 50%; }		
}

/*----------------------공장소개   ----------------------*/

/**** pc ****/
@media only all and (min-width:1301px) {
	.company_05_01_1{ width: 100%; float: left; height: auto}
	.company_05_01_1 .bgline{ width: 50px; float: left;  border-right: 1px solid #333; z-index: 1; position: absolute; height:95%}
	.company_05_01_1 ul{ width: 100%;  float: left;  position: relative; z-index: 1  }
	.company_05_01_1 ul li{ width: 100%;  float: left; margin-bottom: 10px   }
	.company_05_01_1  ul li .year_t{ width: 100px;  float: left;  color: #000; font-size: 20px; font-weight: 500; font-family: 'Noto Sans KR', sans-serif;  background-color: #666; color: #fff; padding: 10px 0px; text-align: center; border-radius: 50px }
	.company_05_01_1  ul li .year_s{ width:calc(100% - 100px) ;  float: left;  color: #000; font-size: 17px;  padding-left: 10px;  box-sizing: border-box ; padding-top: 10px  
	}
	
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
		.company_05_01_1{ width: 100%; float: left; height: 	auto}
	.company_05_01_1 .bgline{ width: 50px; float: left;  border-right: 1px solid #333; z-index: 1; position: absolute; height:95%}
	.company_05_01_1 ul{ width: 100%;  float: left;  position: relative; z-index: 1  }
	.company_05_01_1 ul li{ width: 100%;  float: left; margin-bottom: 10px   }
	.company_05_01_1  ul li .year_t{ width: 100px;  float: left;  font-size: 20px; font-weight: 500; font-family: 'Noto Sans KR', sans-serif;  background-color: #666; color: #fff; padding: 10px 0px; text-align: center; border-radius: 50px }
	.company_05_01_1  ul li .year_s{ width:calc(100% - 100px) ;  float: left;  color: #000; font-size: 17px;  padding-left: 10px;   box-sizing: border-box ; padding-top: 10px  
	}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
		.company_05_01_1{ width: 100%; float: left; height:auto; margin-bottom: 50px}
	.company_05_01_1 .bgline{ width: 40px; float: left;  border-right: 1px solid #333; z-index: 1; position: absolute;  height:70%}
	.company_05_01_1 ul{ width: 100%;  float: left;  position: relative; z-index: 1  }
	.company_05_01_1 ul li{ width: 100%;  float: left; margin-bottom: 10px   }
	.company_05_01_1  ul li .year_t{ width: 80px;  float: left;  font-size: 16px; font-weight: 500; font-family: 'Noto Sans KR', sans-serif;  background-color: #666; color: #fff; padding: 7px 0px; text-align: center; border-radius: 50px }
	.company_05_01_1  ul li .year_s{ width:calc(100% - 80px) ;  float: left;  color: #000; font-size: 13px;  padding-left: 10px;  box-sizing: border-box;  padding-top: 5px  
	}
}
/*----------------------공장소개   ----------------------*/

/**** pc ****/
@media only all and (min-width:1301px) {
	.company_05_01_2{ width: 100%; float: left; height: auto}
	.company_05_01_2 ul{ width: 100%;display:flex; flex-direction:row;  justify-content: space-between;flex-wrap: wrap;   flex-wrap: wrap;  }
	.company_05_01_2 ul li{ width:32%; float: left; margin-bottom: 20px  }

	.company_05_01_2 ul li  .img {
	width: 100%;
	height: 200px; overflow: hidden; background-color: #000}
/* Zoom In #2 */
	.company_05_01_2 ul li .img img {
	width: 100%;
	height: auto;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out; opacity: 1}
	.company_05_01_2 ul li:hover  .img img {
	width: 120%;  margin-left: -10%; margin-top: -10%; opacity: 0.5}
	.company_05_01_2 ul li .tx{
	width: 100%; text-align: center ; padding: 10px 0px}

	
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {.company_05_01_2{ width: 100%; float: left; height: auto}
	.company_05_01_2 ul{ width: 100%;display:flex; flex-direction:row;  justify-content: space-between;flex-wrap: wrap;   flex-wrap: wrap;  }
	.company_05_01_2 ul li{ width:32%; float: left; margin-bottom: 20px  }

	.company_05_01_2 ul li  .img {
	width: 100%;
	height: 200px; overflow: hidden; background-color: #000}
/* Zoom In #2 */
	.company_05_01_2 ul li .img img {
	width: 100%;
	height: auto;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out; opacity: 1}
	.company_05_01_2 ul li:hover  .img img {
	width: 120%;  margin-left: -10%; margin-top: -10%; opacity: 0.5}
	.company_05_01_2 ul li .tx{
	width: 100%; text-align: center ; padding: 10px 0px}

}
/**** 모바일 ****/
@media only all and (max-width:767px) {.company_05_01_2{ width: 100%; float: left; height: auto}
	.company_05_01_2 ul{ width: 100%;display:flex; flex-direction:row;  justify-content: space-between;flex-wrap: wrap;   flex-wrap: wrap;  }
	.company_05_01_2 ul li{ width:48%; float: left; margin-bottom: 10px  }

	.company_05_01_2 ul li  .img {
	width: 100%;
	 overflow: hidden; background-color: #000}
/* Zoom In #2 */
	.company_05_01_2 ul li .img img {
	width: 100%;
	height: auto;}

}



/**** pc ****/
@media only all and (min-width:1301px) {
	.company_05_01_3{ width: 100%; float: left; height: auto}
	.company_05_01_3 ul{ width: 100%;display:flex; flex-direction:row;  justify-content: space-between;flex-wrap: wrap;   flex-wrap: wrap;   }
	.company_05_01_3 ul li{ width:32%; float: left; position: relative; margin-bottom: 20px }
.company_05_01_3 ul li  .icon{  position: absolute; top: 50%; left:50%; z-index: 999 ;  margin-left: -15px; margin-top: -25px }
.company_05_01_3 ul li   .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 }
	
	
	.company_05_01_3 ul li:hover  .icon{  position: absolute; top: 50%; left:50%; z-index: 999 ;  margin-left: -15px; margin-top: -25px }
.company_05_01_3 ul li:hover   .icon  i{ font-size: 40px; color:rgba(255, 255, 255, 1); }	
.company_05_01_3 ul li:hover  .text{  position: absolute; top: 60%; left:0px; z-index: 999 ;  width: 100%; text-align: center; color:rgba(255, 255, 255, 1); font-size: 16px }
	
	
	.company_05_01_3 ul li  .img {
	width: 100%;
	height: 230px; overflow: hidden; background-color: #000; position: relative; z-index: 1}
/* Zoom In #2 */
	.company_05_01_3 ul li .img img {
	width: 100%;
	height: auto;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out; opacity: 1}
	.company_05_01_3 ul li:hover  .img img {
	width: 120%;  margin-left: -10%; margin-top: -10%; opacity: 0.5}
	.company_05_01_3 ul li .tx{
	width: 100%; text-align: center ; padding: 10px 0px}

	
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
	.company_05_01_3{ width: 100%; float: left; height: auto}
	.company_05_01_3 ul{ width: 100%;display:flex; flex-direction:row;  justify-content: space-between;flex-wrap: wrap;   flex-wrap: wrap;   }
	.company_05_01_3 ul li{ width:32%; float: left; position: relative; margin-bottom: 20px }
.company_05_01_3 ul li  .icon{  position: absolute; top: 50%; left:50%; z-index: 999 ;  margin-left: -15px; margin-top: -25px }
.company_05_01_3 ul li   .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 }
	
	
	.company_05_01_3 ul li:hover  .icon{  position: absolute; top: 50%; left:50%; z-index: 999 ;  margin-left: -15px; margin-top: -25px }
.company_05_01_3 ul li:hover   .icon  i{ font-size: 40px; color:rgba(255, 255, 255, 1); }	
.company_05_01_3 ul li:hover  .text{  position: absolute; top: 60%; left:0px; z-index: 999 ;  width: 100%; text-align: center; color:rgba(255, 255, 255, 1); font-size: 16px }
	
	
	.company_05_01_3 ul li  .img {
	width: 100%;
	height: 230px; overflow: hidden; background-color: #000; position: relative; z-index: 1}
/* Zoom In #2 */
	.company_05_01_3 ul li .img img {
	width: 100%;
	height: auto;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out; opacity: 1}
	.company_05_01_3 ul li:hover  .img img {
	width: 120%;  margin-left: -10%; margin-top: -10%; opacity: 0.5}
	.company_05_01_3 ul li .tx{
	width: 100%; text-align: center ; padding: 10px 0px}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	.company_05_01_3{ width: 100%; float: left; height: auto}
	.company_05_01_3 ul{ width: 100%;display:flex; flex-direction:row;  justify-content: space-between;flex-wrap: wrap;   flex-wrap: wrap;   }
	.company_05_01_3 ul li{ width:49%; float: left; position: relative; margin-bottom: 7px }
.company_05_01_3 ul li  .icon{  position: absolute; top: 50%; left:50%; z-index: 999 ;  margin-left: -15px; margin-top: -25px }
.company_05_01_3 ul li   .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 }
	
	
	.company_05_01_3 ul li:hover  .icon{  position: absolute; top: 50%; left:50%; z-index: 999 ;  margin-left: -15px; margin-top: -25px }
.company_05_01_3 ul li:hover   .icon  i{ font-size: 40px; color:rgba(255, 255, 255, 1); }	
.company_05_01_3 ul li:hover  .text{  position: absolute; top: 60%; left:0px; z-index: 999 ;  width: 100%; text-align: center; color:rgba(255, 255, 255, 1); font-size: 16px }
	
	
	.company_05_01_3 ul li  .img {
	width: 100%;
	height:35vw; overflow: hidden; background-color: #000; position: relative; z-index: 1}
/* Zoom In #2 */
	.company_05_01_3 ul li .img img {
	width: 100%;
	height: auto;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out; opacity: 1}
	.company_05_01_3 ul li:hover  .img img {
	width: 120%;  margin-left: -10%; margin-top: -10%; opacity: 0.5}
	.company_05_01_3 ul li .tx{
	width: 100%; text-align: center ; padding: 10px 0px}
}

/*----------------------수탁사업----------------------*/
/**** pc ****/
@media only all and (min-width:1301px) {
	.company_05_03_1{ width: 100%; float: left;  border: 1px solid #ccc; padding: 2vw 4vw; box-sizing: border-box 	}
	.company_05_03_1 ul{ width: 100%; float: left; display:flex;  flex-direction:row;flex-wrap: wrap;   justify-content: space-between;    justify-content: flex-start;   }
	.company_05_03_1 ul li{ width:25%; float: left; position: relative ; margin: 1.5vw 0vw }
	.company_05_03_1 ul li .iconpart{  position: absolute; right: 20px; bottom: -50px}
	.company_05_03_1 ul li .img{ width: 100%; float: left; margin-bottom: 10px; padding-left: 2vw; text-align: left }
	.company_05_03_1 ul li .tx_box{ width: 100%; float: left;  padding-left: 50px; box-sizing: border-box ; position: relative ; font-size: 16px; color:  #666; text-align: left; line-height: 20px }
	.company_05_03_1 ul li .tx_box .um{ width: 40px; height: 40px; background-color: #cc3333; text-align: center; color: #fff; font-size: 18px; font-weight: 500;  line-height: 40px;  border-radius: 50px; position: absolute; left: 0px ; top: 0px}
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
	.company_05_03_1{ width: 100%; float: left;  border: 1px solid #ccc; padding: 2vw 4vw; box-sizing: border-box 	}
	.company_05_03_1 ul{ width: 100%; float: left; display:flex;  flex-direction:row;flex-wrap: wrap;   justify-content: space-between;    justify-content: flex-start;   }
	.company_05_03_1 ul li{ width:25%; float: left; position: relative ; margin: 1.5vw 0vw }
	.company_05_03_1 ul li .iconpart{  position: absolute; right: 20px; bottom: -50px}
	.company_05_03_1 ul li .img{ width: 100%; float: left; margin-bottom: 10px; padding-left: 2vw; text-align: left }
	.company_05_03_1 ul li .tx_box{ width: 100%; float: left;  padding-left: 50px; box-sizing: border-box ; position: relative ; font-size: 16px; color:  #666; text-align: left; line-height: 20px }
	.company_05_03_1 ul li .tx_box .um{ width: 40px; height: 40px; background-color: #cc3333; text-align: center; color: #fff; font-size: 18px; font-weight: 500;  line-height: 40px;  border-radius: 50px; position: absolute; left: 0px ; top: 0px}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	.company_05_03_1{ width: 100%; float: left;  border: 1px solid #ccc; padding: 2vw 4vw; box-sizing: border-box 	}
	.company_05_03_1 ul{ width: 100%; float: left; display:flex;  flex-direction:row;flex-wrap: wrap;   justify-content: space-between;    justify-content: flex-start;   }
	.company_05_03_1 ul li{ width:50%; float: left; position: relative ; margin: 1.5vw 0vw }
	.company_05_03_1 ul li .iconpart{  position: absolute; right: 20px; bottom: -50px; display: none}
	.company_05_03_1 ul li .img{ width: 100%; float: left; margin-bottom: 10px; padding-left: 2vw; text-align: center}
	.company_05_03_1 ul li .img img{ width: 50%;}
	.company_05_03_1 ul li .tx_box{ width: 100%; float: left;  padding-left: 30px; box-sizing: border-box ; position: relative ; font-size: 14px; color:  #666; text-align: left; line-height: 20px }
	.company_05_03_1 ul li .tx_box .um{ width: 25px; height: 25px; background-color: #cc3333; text-align: center; color: #fff; font-size: 15px; font-weight: 500;  line-height: 25px;  border-radius: 50px; position: absolute; left: 0px ; top: 0px}	
}


/*----------------------기업 ----------------------*/

/**** pc ****/
@media only all and (min-width:1301px) {
	.company_07_01{ width: 100%; float: left; margin-top:0px}
	.company_07_01 .map_box{ width: 100%; float: left; height: 400px; background-color: #ccc; margin-bottom: 3vw; overflow: hidden; position: relative}
	.company_07_01 .map_box .inmap{ width: 1250px; left: 50%; margin-left: -625px; position: 	absolute; top: 0px}
	.company_07_01 .map_info{ width: 100%; float: left; }
	.company_07_01 .map_info ul { width: 100%; float: left; display:flex; flex-direction:row;justify-content: space-between; flex-wrap: wrap;   }
	.company_07_01 .map_info ul li{  width: 25%; float: left; border-left: 1px solid #ccc}
	.company_07_01 .map_info ul li:first-child{ float: left; border-left:none}
.company_07_01 .map_info ul li .inicon{width: 100%; float: left;   display:flex;justify-content: center; flex-wrap: wrap; margin-bottom: 2vw  }
.company_07_01 .map_info ul li .inicon .icon{width: 85px; height: 85px;  border-radius: 100px;  background-color: #ed1a3b ; text-align: center; padding-top: 15px  }
.company_07_01 .map_info ul li .inicon .icon img{ }
.company_07_01 .map_info ul li .intext{width: 100%; float: left;    text-align:  center ; font-size: 16px; color: #666 }	
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
	.company_07_01{ width: 100%; float: left; margin-top:0px}
	.company_07_01 .map_box{ width: 100%; float: left; height: 400px; background-color: #ccc; margin-bottom: 3vw; overflow: hidden; position: relative}
	.company_07_01 .map_box .inmap{ width: 1250px; left: 50%; margin-left: -625px; position: 	absolute; top: 0px}
	.company_07_01 .map_info{ width: 100%; float: left; }
	.company_07_01 .map_info ul { width: 100%; float: left; display:flex; flex-direction:row;justify-content: space-between; flex-wrap: wrap;   }
	.company_07_01 .map_info ul li{  width: 25%; float: left; border-left: 1px solid #ccc}
	.company_07_01 .map_info ul li:first-child{ float: left; border-left:none}
.company_07_01 .map_info ul li .inicon{width: 100%; float: left;   display:flex;justify-content: center; flex-wrap: wrap; margin-bottom: 2vw  }
.company_07_01 .map_info ul li .inicon .icon{width: 85px; height: 85px;  border-radius: 100px;  background-color: #ed1a3b ; text-align: center; padding-top: 15px  }
.company_07_01 .map_info ul li .inicon .icon img{ }
.company_07_01 .map_info ul li .intext{width: 100%; float: left;    text-align:  center ; font-size: 16px; color: #666 }	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.company_07_01{ width: 100%; float: left; margin-top:0px; margin-bottom: 50px}
.company_07_01 .map_box{ width: 100%; float: left; height: 200px; background-color: #ccc; margin-bottom: 3vw; overflow: hidden; position: relative}
.company_07_01 .map_box .inmap{ width: 1250px; left: 50%; margin-left: -625px; position: absolute; top: -100px}
.company_07_01 .map_info{ width: 100%; float: left; margin-top: 10px }
.company_07_01 .map_info ul { width: 100%; float: left; display:flex; flex-direction:row;justify-content: space-between; flex-wrap: wrap;  }
.company_07_01 .map_info ul li{  width: 100%; float: left;  margin-bottom: 10px}
.company_07_01 .map_info ul li:first-child{ float: left; border-left:none}
.company_07_01 .map_info ul li .inicon{width:20%; float: left;   display:flex;justify-content: center; flex-wrap: wrap; margin-bottom: 2vw  }
.company_07_01 .map_info ul li .inicon .icon{width: 40px; height: 40px;  border-radius: 100px;  background-color: #ed1a3b ; text-align: center; padding-top: 5px  }
.company_07_01 .map_info ul li .inicon .icon img{width: 30px; }
.company_07_01 .map_info ul li .intext{  width:80%; float: left;   ; font-size: 13px; color: #666; padding-top: 10px }	
}

.sw_title{width: 100%; float: left;    text-align:  center ; font-size:14px; color: #999; margin: 30px 0px 50px 0px}	
.sw_title em{width: 100%; float: left;    text-align:  center ; font-size:18px; color: #000; margin-bottom: 10px }	

.sw_intext{width: 100%; float: left;    text-align:  center ; font-size: 16px; color: #666; margin: 30px 0px 50px 0px}	

/*----------------------기업 ----------------------*/

/**** pc ****/
@media only all and (min-width:1301px) {

.company_07_01 .map_info2{ width: 100%; float: left; }
.company_07_01 .map_info2 ul { width: 100%; float: left; display:flex; flex-direction:row;justify-content: space-between; flex-wrap: wrap;   }
.company_07_01 .map_info2 ul li{  width:33.3%; float: left; border-left: 1px solid #ccc}
.company_07_01 .map_info2 ul li:first-child{ float: left; border-left:none}
.company_07_01 .map_info2 ul li .inicon{width: 100%; float: left;   display:flex;justify-content: center; flex-wrap: wrap; margin-bottom: 2vw  }
.company_07_01 .map_info2 ul li .inicon .icon{width: 85px; height: 85px;  border-radius: 100px;  background-color: #ed1a3b ; text-align: center; padding-top: 15px  }
.company_07_01 .map_info2 ul li .inicon .icon img{ }
.company_07_01 .map_info2 ul li .intext{width: 100%; float: left;    text-align:  center ; font-size: 16px; color: #666 }	
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
.company_07_01 .map_info2{ width: 100%; float: left; }
.company_07_01 .map_info2 ul { width: 100%; float: left; display:flex; flex-direction:row;justify-content: space-between; flex-wrap: wrap;   }
.company_07_01 .map_info2 ul li{  width: 33.3%; float: left; border-left: 1px solid #ccc}
.company_07_01 .map_info2 ul li:first-child{ float: left; border-left:none}
.company_07_01 .map_info2 ul li .inicon{width: 100%; float: left;   display:flex;justify-content: center; flex-wrap: wrap; margin-bottom: 2vw  }
.company_07_01 .map_info2 ul li .inicon .icon{width: 85px; height: 85px;  border-radius: 100px;  background-color: #ed1a3b ; text-align: center; padding-top: 15px  }
.company_07_01 .map_info2 ul li .inicon .icon img{ }
.company_07_01 .map_info2 ul li .intext{width: 100%; float: left;    text-align:  center ; font-size: 16px; color: #666 }	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {

.company_07_01 .map_info2{ width: 100%; float: left; margin-top: 10px }
.company_07_01 .map_info2 ul { width: 100%; float: left; display:flex; flex-direction:row;justify-content: space-between; flex-wrap: wrap;  }
.company_07_01 .map_info2 ul li{  width: 100%; float: left;  margin-bottom: 10px}
.company_07_01 .map_info2 ul li:first-child{ float: left; border-left:none}
.company_07_01 .map_info2 ul li .inicon{width:20%; float: left;   display:flex;justify-content: center; flex-wrap: wrap; margin-bottom: 2vw  }
.company_07_01 .map_info2 ul li .inicon .icon{width: 40px; height: 40px;  border-radius: 100px;  background-color: #ed1a3b ; text-align: center; padding-top: 5px  }
.company_07_01 .map_info2 ul li .inicon .icon img{width: 30px; }
.company_07_01 .map_info2 ul li .intext{  width:80%; float: left;   ; font-size: 13px; color: #666; padding-top: 10px }	
}


/* 2018-09-26 수정사항 변경 값 180921_홈페이지 수정안.pptx 작업 */
.company_02_01_1 .fl_box { background-color: #ffffff; padding: 5.6vw 0vw; border-top: 2px solid #ff0004; }
.company_02_01_1 .fl_box .logo { margin-bottom: 0; }




/**** pc ****/
@media only all and (min-width:1301px) {

	
	.company_05_02{ width: 100%; float: left; margin-top: 4vw}



}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
}

/*---------------------공통  ----------------------*/


/**** pc ****/
@media only all and (min-width:1301px) {
    .company_06_01{ width: 100%; float: left; margin-top: 3vw; }

   .company_06_01 .tx1{ width: 100%;  font-size: 40px; color: #333; text-align: left;  font-family: 'Noto Sans KR', sans-serif;  font-weight: 500; line-height: 35px; text-align: center;  letter-spacing: -1px }
   
	.company_06_01 .tx1 p{ width: 100%;  font-size: 24px; color: #333; text-align: left;  font-family: 'Noto Sans KR', sans-serif;  font-weight: 500}
	.company_06_01 .tx1 em{ color: #ff0028;}
	.company_06_01 .line{ width: 50%; float: left; border-right: 1px solid #666; height: 40px; margin: 2vw 0px }
	.company_06_01 .tx2{ width: 100%;  float: left; font-size: 16px; color: #666; text-align:left;  line-height: 25px; position: relative ; text-align: center; margin-top: 50px}
  .company_06_02{ width: 100%; float: left; margin-top: 1vw; text-align: center; }
	
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
	 .company_06_01{ width: 100%; float: left; margin-top: 3vw; }

    .company_06_01 .tx1{ width: 100%;  font-size: 30px; color: #333; text-align: left;  font-family: 'Noto Sans KR', sans-serif;  font-weight: 600; line-height: 35px; text-align: center}
 
	.company_06_01 .tx1 p{ width: 100%;  font-size: 24px; color: #333; text-align: left;  font-family: 'Noto Sans KR', sans-serif;  font-weight: 600}
	.company_06_01  .tx1 em{ color: #ff0028;}
	.company_06_01 .line{ width: 50%; float: left; border-right: 1px solid #666; height: 40px; margin: 2vw 0px }
	.company_06_01 .tx2{ width: 100%;  float: left; font-size: 16px; color: #666; text-align:left;  line-height: 25px; position: relative ; text-align: center}
	  .company_06_02{ width: 100%; float: left; margin-top: 1vw;; text-align: center  }
	
	 .company_06_02 img{ width: 100%;   }
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	.company_06_01{ width: 100%; float: left; margin-top: 3vw; }

   .company_06_01 .tx1{ width: 100%;  font-size: 22px; color: #333; text-align: left;  font-family: 'Noto Sans KR', sans-serif;  font-weight: 600; line-height: 25px; text-align: center}
 
	.company_06_01 .tx1 p{ width: 100%;  font-size: 18px; color: #333; text-align: left;  font-family: 'Noto Sans KR', sans-serif;  font-weight: 600; text-align: center}
	.company_06_01  .tx1 em{ color: #ff0028;}
	.company_06_01 .line{ width: 50%; float: left; border-right: 1px solid #666; height: 20px; margin: 2vw 0px }
	.company_06_01 .tx2{ width: 100%;  float: left; font-size: 14px; color: #666; text-align:left;  line-height: 20px; position: relative ; text-align: center}
	  .company_06_02{ width: 100%; float: left; margin-top: 1vw; text-align: center }
	 .company_06_02 img{ width: 100%;   }
}