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

/**** pc ****/
@media only all and (min-width:1301px) {
	.visual_img01 { 
		width: 100%; margin-top:0px; height: 100vh; position: relative; overflow: hidden; transition: all 0.5s;
		-moz-transition: all 0.5s; /* Firefox 4 */
		-webkit-transition: all 0.5s; /* Safari and Chrome */
		-o-transition: all 0.5s; /* Opera */  
	}
	.visual_img01>img { width: 100%; }
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:769px) {
	.visual_img01 { 
		width: 100%; height: 100vh; position: relative; overflow: hidden; transition: all 0.5s;
		-moz-transition: all 0.5s; /* Firefox 4 */
		-webkit-transition: all 0.5s; /* Safari and Chrome */
		-o-transition: all 0.5s; /* Opera */  
	}
	.visual_img01>img{ width: 100%; }
}
/**** 모바일 ****/
@media only all and (max-width:768px) {
	.visual_img01 { 
		width: 100%; margin-top: 0px; height: 100vh; position: relative; overflow: hidden; transition: all 0.5s;
		-moz-transition: all 0.5s; /* Firefox 4 */
		-webkit-transition: all 0.5s; /* Safari and Chrome */
		-o-transition: all 0.5s; /* Opera */  
	}
	.visual_img01>img { width: 100%; }
}

.visual_over{  position: absolute;  width: 100%; height: 100vh; height: 100%;background-color: rgba(0, 0, 0, 0.5); z-index: 0}
.visual_no{  position: absolute;  width: 100%; height: 100vh; height: 100%; z-index: 99; background-color: transparent;}
.visual_text{  position: absolute;  top: 32%; width: 100%; text-align: center; z-index: 99}
.visual_text .tx1{  width: 100%; text-align: center; float: left; margin-bottom: 0px; height: 130px}
.visual_text .tx2{  width: 100%; text-align: center; float: left; font-size: 25px; color: #fff}
.visual_text .tx3{  width: 100%; text-align: center; float: left; font-size: 25px; color: #fff; margin-top: 20px}

.visual_text2{  position: absolute;  top: 35%; width: 100%; text-align: center; z-index: 99}
.visual_text2 .tx1{  width: 100%; text-align: center; float: left; margin-bottom: 0px; height: 130px}
.visual_text2 .tx2{  width: 100%; text-align: center; float: left; font-size: 25px; color: #fff}
.visual_text2 .tx3{  width: 100%; text-align: center; float: left; font-size: 25px; color: #fff; margin-top: 20px}

/**** pc ****/
@media only all and (min-width:1301px) {
	.visual_mo{    width: 100%; height: 100vh; height: 800px; position: fixed; top: 100px}
	.video_box{width: 100%;  opacity:0.5}
	.video_box.large{width: 100%;  margin-top: 100px }
	.video_box.small{width: 100%;  margin-top: 0px}
	
	.video_box3{width: 100%;  opacity:1}
	.video_box3.large{width: 100%;  margin-top: 100px }
	.video_box3.small{width: 100%;  margin-top: 0px}
	
	.video_box2{width: 100%;  }
	.visual_mbg01{width: 100%; height: 400px; background: url(../images/main/main_f02.jpg) ; background-position: center center; background-size: cover }
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:769px) {
	.visual_mo{    width: 100%; height: 100vh; height: 800px; position: fixed; top: 100px}
	.video_box.large{width: 100%;  margin-top: 100px }
	.video_box.small{width: 100%;  margin-top: 0px}
	.video_box2{width: 100%;  }
	.visual_mbg01{width: 100%; height: 500px; background: url(../images/main/main_f02.jpg) ; background-position: center center; background-size: cover }
	
	.video_box3{width: 100%;  opacity:1}
	.video_box3.large{width: 100%;  margin-top: 100px }
	.video_box3.small{width: 100%;  margin-top: 0px}
}
/**** 모바일 ****/
@media only all and (max-width:768px) {
	.visual_mo{    width: 100%; height: 400px; position: fixed; top:60px}
	.video_box{width: 100%;  }
	.video_box2{width: 100%;  }
	.visual_mbg01{width: 100%; height: 500px; background: url(../images/main/main_f02.jpg) ; background-position: center center; background-size: cover }
	
	.video_box3{width: 100%;  opacity:1}
	.video_box3.large{width: 100%;   }
	.video_box3.small{width: 100%;
}

}
/*---------------------- ----------------------*/

/**** pc ****/
@media only all and (min-width:1367px) {
.cont_box1{ width: 100%; float: left;position: fixed ; height:auto; transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */ }
.cont_box1 .inbox{  width: 100%; height:auto ;margin: 200px auto 0px auto; overflow: hidden;z-index: -1; background: #000; transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */}
.cont_box1 .inbox{  width: 100%; height:auto ;margin: 200px auto 0px auto; overflow: hidden;z-index: -1; background: #000 ;  transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */}

.cont_box1.large{ width: 100%; float: left;position: fixed ; height:auto}
.cont_box1.large .inbox{  width: 100%; height:auto ;margin: 200px auto 0px auto; overflow: hidden;z-index: -1; background: #000 }
.cont_box1.large .inbox{  width: 100%; height:auto ;margin: 200px auto 0px auto; overflow: hidden;z-index: -1; background: #000 }

.cont_box1.small{ width: 100%; float: left;position: fixed ; height:auto}
.cont_box1.small .inbox{  width: 100%; height:auto ;margin: 80px auto 0px auto; overflow: hidden;z-index: -1; background: #000 }
.cont_box1.small .inbox{  width: 100%; height:auto ;margin: 80px auto 0px auto; overflow: hidden;z-index: -1; background: #000 }	
}
/**** 테블릿 ****/
@media all and (max-width:1366px) and (min-width:1000px) {
.cont_box1{ width: 100%; float: left;position: fixed ; height:auto; transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */ }
.cont_box1 .inbox{  width: 100%; height:auto ;margin: 200px auto 0px auto; overflow: hidden;z-index: -1; background: #000; transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */}
.cont_box1 .inbox{  width: 100%; height:auto ;margin: 200px auto 0px auto; overflow: hidden;z-index: -1; background: #000 ;  transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */}

.cont_box1.large{ width: 100%; float: left;position: fixed ; height:auto}
.cont_box1.large .inbox{  width: 100%; height:auto ;margin: 200px auto 0px auto; overflow: hidden;z-index: -1; background: #000 }
.cont_box1.large .inbox{  width: 100%; height:auto ;margin: 200px auto 0px auto; overflow: hidden;z-index: -1; background: #000 }

.cont_box1.small{ width: 100%; float: left;position: fixed ; height:auto}
.cont_box1.small .inbox{  width: 100%; height:auto ;margin: 80px auto 0px auto; overflow: hidden;z-index: -1; background: #000 }
.cont_box1.small .inbox{  width: 100%; height:auto ;margin: 80px auto 0px auto; overflow: hidden;z-index: -1; background: #000 }
}
/**** 테블릿 ****/
@media all and (max-width:999px) and (min-width:769px) {
.cont_box1{ width: 100%; float: left;position: fixed ; height:auto; transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */ }
.cont_box1 .inbox{  width: 100%; height:auto ;margin: 50px auto 0px auto; overflow: hidden;z-index: -1; background: #000; transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */}
.cont_box1 .inbox{  width: 100%; height:auto ;margin: 50px auto 0px auto; overflow: hidden;z-index: -1; background: #000 ;  transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */}

.cont_box1.large{ width: 100%; float: left;position: fixed ; height:auto}
.cont_box1.large .inbox{  width: 100%; height:auto ;margin: 50px auto 0px auto; overflow: hidden;z-index: -1; background: #000 }
.cont_box1.large .inbox{  width: 100%; height:auto ;margin: 50px auto 0px auto; overflow: hidden;z-index: -1; background: #000 }

.cont_box1.small{ width: 100%; float: left;position: fixed ; height:auto}
.cont_box1.small .inbox{  width: 100%; height:auto ;margin: 50px auto 0px auto; overflow: hidden;z-index: -1; background: #000 }
.cont_box1.small .inbox{  width: 100%; height:auto ;margin: 50px auto 0px auto; overflow: hidden;z-index: -1; background: #000 }
}

/*---

/**** 모바일 ****/
@media only all and (max-width:768px) {
.cont_box1{ width: 100%; float: left;position: fixed ; height: 400px;}
.cont_box1 .inbox{  width: 100%; height: 100%;  margin: 50px auto 0px auto; overflow: hidden;z-index: -1 }
}
/*---------------------- 메인 본문영역 ----------------------*/
.sp_01{ width: 100%; float: left; height:2vw }
/**** pc ****/
@media only all and (min-width:1301px) {
/* .cont_box2{ width: 100%; float: left; padding: 75px 0px 70px;  background: url(../images/main/main_contbg.png); background-position: center top;  margin-top:calc(200px + 15%); position: relative; z-index: 1} */
.cont_box2{ width: 100%; float: left; background-color: #FFF; padding: 0px 0px 50px;  margin-top:calc(200px + 25%); position: relative; z-index: 1; padding-bottom:150px; }

/* 20221019 상단으로 배너 변경 */
.cont_box2 .c_banner { width: 100%; float: left; margin: 0px 0px 0px 0px; display: flex; }
.cont_box2 .c_banner .bannerbox { width: calc(50% - 0.5px); }
.cont_box2 .c_banner .bannerbox img { width: 100%; }

.cont_box2 .inbox{ width: 1250px;  margin: 70px auto; position: relative; margin-bottom:50px; margin-top:150px}
/* .cont_box2 .inbox .title{width: 48%;  margin: 160px auto; font-size: 2.5vw; color: #000 ; margin-bottom: 40px; text-align: center; font-weight: bold; background: url(../images/main/main_b_title_img.png); background-position: left top; background-repeat: 	no-repeat} */
.cont_box2 .inbox .title{width: 100%;  margin: 170px auto; font-size: 2.5vw; color: #000 ; margin-bottom: 12px; text-align: center; font-weight: bold; }
.cont_box2 .inbox .title2{width: 100%;  margin: 0px auto; margin-bottom: 70px; font-size: 1.1vw; color: #000 ; text-align: center; font-weight: bold; }
.cont_box2 .inbox .stitle{   font-size: 17px; color: #666; text-align: center ;  margin-bottom: 50px;}	

/* 20221019인박스 내 배너는 주석처리
.cont_box2 .inbox .c_banner { width: 100%; float: left; margin: 2px 0px 0px 0px; display: flex; }
.cont_box2 .inbox .c_banner .bannerbox { width: calc(50% - 1px); }
.cont_box2 .inbox .c_banner .bannerbox img { width: 100%; } */
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
/* .cont_box2{ width: 100%; float: left; padding: 0px 0px;  background: url(../images/main/main_contbg.png); background-position: center top;  margin-top:30vw; position: relative; z-index: 1} */
.cont_box2{ width: 100%; float: left; background-color: #FFF; padding: 0px 0px; margin-top:44vw; position: relative; z-index: 1}

/* 20221019 상단으로 배너 변경  */
.cont_box2 .c_banner { width: 100%; float: left; margin: 0px 0px 0px 0px; display: flex; }
.cont_box2 .c_banner .bannerbox { width: calc(50% - 0.5px); }	
.cont_box2 .c_banner .bannerbox img { width: 100%; }	

.cont_box2 .inbox{ width: 100%; float: left;  position: relative; margin-bottom:50px; }
/* .cont_box2 .inbox .title{width: 100%;  margin:25vw auto; font-size: 4.5vw; color: #000 ; margin-bottom: 20px; text-align: center; font-weight: 900; background: url(../images/main/main_b_title_img.png); background-position: 20% top; background-repeat: 	no-repeat} */
.cont_box2 .inbox .title{width: 100%;  margin:3vw auto; font-size: 3.2vw; color: #000 ; margin-bottom: 10px; text-align: center; font-weight: 900; }
.cont_box2 .inbox .title2{width: 100%;  margin:0vw auto; font-size: 1.5vw; color: #000 ; text-align: center; margin-bottom: 30px; font-weight: 900; }
.cont_box2 .inbox .stitle{   font-size: 17px; color: #666; text-align: center ;  margin-bottom: 50px;}
/* 20221019인박스 내 배너는 주석처리
.cont_box2 .inbox .c_banner { width: 100%; float: left; margin: 2px 0px 0px 0px; display: flex; }
.cont_box2 .inbox .c_banner .bannerbox { width: calc(50% - 1px); }	
.cont_box2 .inbox .c_banner .bannerbox img { width: 100%; }	 */
}
/**** 모바일 ****/
@media all and (max-width:767px) and (min-width:420px) {
/* .cont_box2{ width: 100%; float: left; padding: 40px 0px 20px;  background: url(../images/main/main_contbg_m.png); background-position: center top; background-size: 100%; margin-top:35vw; position: relative; z-index: 1;} */
.cont_box2{ width: 100%; float: left; background-color: #FFF; padding: 0px 0px 20px; margin-top:52vw; position: relative; z-index: 1;}

/* 20221019 상단으로 배너 변경  */
.cont_box2 .c_banner { width: 100%; float: left; display: block; }
.cont_box2 .c_banner .bannerbox { width: 100%; display: grid; margin-top: 0px; }	
.cont_box2 .c_banner .bannerbox img { width: 100%; }

.cont_box2 .inbox{  width: 100% !important; float: left; position: relative;  margin: 7vw 0px 0px 0px; padding: 0px 5px; box-sizing: 	border-box}
/* .cont_box2 .inbox .title{width: 100%; float: left; font-size: 6vw; color: #000 ; margin-bottom: 20px; text-align: center; font-weight: bold; background: url(../images/main/main_b_title_img.png); background-size: 30px; background-position: 10% top; background-repeat: 	no-repeat} */
.cont_box2 .inbox .title{width: 100%; float: left; font-size: 6vw; color: #000 ; margin-top: 25px;margin-bottom: 20px; text-align: center; font-weight: bold; display: none;}
.cont_box2 .inbox .title2{display: none;}
.cont_box2 .inbox .stitle{   font-size: 17px; color: #666; text-align: center ;  margin-bottom: 50px;}
/* 20221019인박스 내 배너는 주석처리
.cont_box2 .inbox .c_banner { width: 100%; float: left; display: block; }
.cont_box2 .inbox .c_banner .bannerbox { width: 100%; display: grid; margin-top: 2px; }	
.cont_box2 .inbox .c_banner .bannerbox img { width: 100%; } */
}
/**** 모바일 ****/
@media only all and (max-width:420px) {
/* .cont_box2{ width: 100%; float: left; padding: 20px 0px 20px;  background: url(../images/main/main_contbg_m.png); background-position: center top; background-size: 100%; margin-top:35vw; position: relative; z-index: 1;} */
.cont_box2{ width: 100%; float: left; background-color: #FFF; padding: 20px 0px 20px; margin-top:50vw; position: relative; z-index: 1;}

/* 20221019 상단으로 배너 변경  */
.cont_box2 .c_banner { width: 100%; float: left; display: block; }
.cont_box2 .c_banner .bannerbox { width: 100%; display: grid; margin-top: 0px; }	
.cont_box2 .c_banner .bannerbox img { width: 100%; }

.cont_box2 .inbox{  width: 100% !important; float: left; position: relative;  margin: 7vw 0px 0px 0px; padding: 0px 5px; box-sizing: 	border-box}
/* .cont_box2 .inbox .title{width: 100%; float: left; font-size: 6vw; color: #000 ; margin-bottom: 20px; text-align: center; font-weight: bold; background: url(../images/main/main_b_title_img.png); background-size: 30px; background-position: 10% top; background-repeat: 	no-repeat} */
.cont_box2 .inbox .title{width: 100%; float: left; font-size: 6vw; color: #000 ; margin-top: 20px; margin-bottom: 20px; text-align: center; font-weight: bold;  display: none;}
.cont_box2 .inbox .title2{display: none;}
.cont_box2 .inbox .stitle{   font-size: 17px; color: #666; text-align: center ;  margin-bottom: 50px;}
/* 20221019인박스 내 배너는 주석처리
.cont_box2 .inbox .c_banner { width: 100%; float: left; display: block; }
.cont_box2 .inbox .c_banner .bannerbox { width: 100%; display: grid; margin-top: 2px; }	
.cont_box2 .inbox .c_banner .bannerbox img { width: 100%; }	 */
}
/*---------------------  ----------------------*/

/**** pc ****/
@media only all and (min-width:1301px) {
.cont_box2 .inbox .ininbox{  width: 100%; float: left; display:flex; justify-content: space-between; justify-content: space-around; }   
.cont_box2 .inbox .ininbox .inbox01{  min-width:310px; margin-right: 3px ; position: relative} 
.cont_box2 .inbox .ininbox .inbox01 .inbanner{ width:100%; } 
	
.main_brand{ float: left;  min-width:310px;} 	
.main_brand .tx_box{ position: absolute; top: 2vw; left: 2vw} 
.main_brand .tx_box .tx1{  width:100%; float: left; font-size:20px; color: #fff; font-weight: bold; margin-bottom: 0.5vw;  } 

.main_brand .tx_box .tx2{  width:100%; float: left; font-size:14px; color: #fff;} 
.main_brand_ar_r{  width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.5); text-align: center; }
.main_brand_ar_r i{ font-size: 25px; color: #fff; line-height: 40px}	
.main_brand_ar_l{ width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.5); text-align: center; }
.main_brand_ar_l i{ font-size: 25px; color: #fff; line-height: 40px} 	
	
	
.cont_box2 .inbox .ininbox .inbox02{  min-width:310px; margin-right: 3px; position: relative} 
.cont_box2 .inbox .ininbox .inbox02 .in02_1{  width: 100% ; float: left; margin-bottom: 3px;position: relative  } 
	
.cont_box2 .inbox .ininbox .inbox02 .in02_1 .tx_box{ position: absolute; top: 2vw; left: 2vw} 	
.cont_box2 .inbox .ininbox .inbox02 .in02_1 .tx_box .tx1{  width:100%; float: left; font-size:20px; color: #fff; font-weight: bold; margin-bottom: 0.5vw;  } 
.cont_box2 .inbox .ininbox .inbox02 .in02_1 .tx_box .tx2{  width:100%; float: left; font-size:14px; color: #333;} 
		
	
.cont_box2 .inbox .ininbox .inbox02 .in02_2{  width: 100% ; float: left;  position: relative; overflow: hidden ; } 	
.cont_box2 .inbox .ininbox .inbox02 .in02_2 .video_in{  width: 100% ; float: left;  height: 276px;  box-sizing: border-box	;overflow: hidden; background-color: #000; cursor:pointer; } 	
.cont_box2 .inbox .ininbox .inbox02 .in02_2 .video_in video{ margin-left: -25% ; height: 100%; opacity: 0.5} 	
.cont_box2 .inbox .ininbox .inbox02 .in02_2 .tx_box{ position: absolute; top: 2vw; left: 2vw; width: 100%; height: 100%;  box-sizing: border-box ; z-index: 999	} 	
.cont_box2 .inbox .ininbox .inbox02 .in02_2 .tx_box .tx1{  width:100%; float: left; font-size:20px; color: #fff; font-weight: bold; margin-bottom: 0.5vw;  } 
.cont_box2 .inbox .ininbox .inbox02 .in02_2 .tx_box .tx2{  width:100%; float: left; font-size:14px; color: #fff;} 
.cont_box2 .inbox .ininbox .inbox02 .in02_2 .tx_box .tx3{  position: absolute; left:30%; top:30%; text-align: center;; z-index: 99999999;  } 
.cont_box2 .inbox .ininbox .inbox02 .in02_2 .tx_box .tx3 i{ color: #fff; font-size: 40px; background-color: rgba(255, 255, 255, 0.2); border-radius: 50px; padding: 10px; transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */  }
	
.cont_box2 .inbox .ininbox .inbox02 .in02_2:hover .tx_box .tx3{  position: absolute; left:30%; top:30%; text-align: center;; z-index: 9999999999;  } 
.cont_box2 .inbox .ininbox .inbox02 .in02_2:hover  .video_in video{ margin-left: -25% ; height: 100%; opacity: 0.5; z-index: 999999; position: relative} 		
								
	
	
.cont_box2 .inbox .ininbox .inbox03{  min-width:310px; margin-right: 3px;  position: relative }
.cont_box2 .inbox .ininbox .inbox03 .in03_1{  width: 100% ; float: left; margin-bottom: 3px; ; position: relative  } 
.cont_box2 .inbox .ininbox .inbox03 .in03_1 .tx_box{ position: absolute; top: 2vw; left: 2vw} 	
.cont_box2 .inbox .ininbox .inbox03 .in03_1 .tx_box .tx1{  width:100%; float: left; font-size:20px; color: #fff; font-weight: bold; margin-bottom: 0.5vw;  } 
.cont_box2 .inbox .ininbox .inbox03 .in03_1 .tx_box .tx2{  width:100%; float: left; font-size:14px; color: #fff;} 
	
	
.cont_box2 .inbox .ininbox .inbox03 .in03_2{  width: 100% ; float: left;  position: relative   } 
.cont_box2 .inbox .ininbox .inbox03 .in03_2 .tx_box{ position: absolute; top: 2vw; left: 2vw} 	
.cont_box2 .inbox .ininbox .inbox03 .in03_2 .tx_box .tx1{  width:100%; float: left; font-size:20px; color: #fff; font-weight: bold; margin-bottom: 0.5vw; } 
.cont_box2 .inbox .ininbox .inbox03 .in03_2 .tx_box .tx2{  width:100%; float: left; font-size:14px; color: #fff;} 
		
	
.cont_box2 .inbox .ininbox .inbox04{  min-width:310px; position: relative  } 
.cont_box2 .inbox .ininbox .inbox04 .in04_1{  width: 100% ; float: left; margin-bottom: 3px; ; position: relative  } 
.cont_box2 .inbox .ininbox .inbox04 .in04_1 .tx_box{ position: absolute; top: 2vw; left: 2vw} 	
.cont_box2 .inbox .ininbox .inbox04 .in04_1 .tx_box .tx1{  width:100%; float: left; font-size:20px; color: #fff; font-weight: bold; margin-bottom: 0.5vw;  } 
.cont_box2 .inbox .ininbox .inbox04 .in04_1 .tx_box .tx2{  width:100%; float: left; font-size:14px; color: #fff;}

.cont_box2 .inbox .ininbox .inbox04 .in04_2{  width: 100% ; float: left;  position: relative   } 
.cont_box2 .inbox .ininbox .inbox04 .in04_2 .tx_box{ position: absolute; top: 2vw; left: 2vw} 	
.cont_box2 .inbox .ininbox .inbox04 .in04_2 .tx_box .tx1{  width:100%; float: left; font-size:20px; color: #fff; font-weight: bold; margin-bottom: 0.5vw; } 
.cont_box2 .inbox .ininbox .inbox04 .in04_2 .tx_box .tx2{  width:100%; float: left; font-size:14px; color: #fff;} 

}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
.cont_box2 .inbox .ininbox{  width: 100%; float: left;}   
.cont_box2 .inbox .ininbox .inbox01{  width:25%;float: left; padding:0px 2px; box-sizing: border-box; position: relative; margin-bottom: 2px} 
.cont_box2 .inbox .ininbox .inbox01 .inbanner{ width:100%; } 
	
.main_brand{ float: left; width:100%; } 	
.main_brand .tx_box{ position: absolute; top: 2vw; left: 2vw} 
.main_brand .tx_box .tx1{  width:100%; float: left; font-size:20px; color: #fff; font-weight: bold; margin-bottom: 0.5vw; } 
.main_brand .tx_box .tx2{  width:100%; float: left; font-size:14px; color: #fff;} 
.main_brand_ar_r{  width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.5); text-align: center; }
.main_brand_ar_r i{ font-size: 25px; color: #fff; line-height: 40px}	
.main_brand_ar_l{ width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.5); text-align: center; }
.main_brand_ar_l i{ font-size: 25px; color: #fff; line-height: 40px} 	


.cont_box2 .inbox .ininbox .inbox01  img{ width:100%; } 	
.cont_box2 .inbox .ininbox .inbox01 .tx_box{ position: absolute; top: 0vw; left: 0vw; padding: 2vw; box-sizing: border-box} 
.cont_box2 .inbox .ininbox .inbox01 .tx_box .tx1{  width:100%; float: left; font-size:2.5vw; color: #fff; font-weight: bold; margin-bottom: 0.5vw; } 
.cont_box2 .inbox .ininbox .inbox01 .tx_box .tx2{  width:100%; float: left; font-size:1.5vw; color: #fff;} 
	
.cont_box2 .inbox .ininbox .inbox02{ width:25%;float: left; padding:0px 2px;  box-sizing: border-box; position: relative; margin-bottom: 2px} 
.cont_box2 .inbox .ininbox .inbox02 .in02_1{  width: 100% ; float: left; margin-bottom: 3px;position: relative  }
.cont_box2 .inbox .ininbox .inbox02 .in02_1  img{ width:100%; } 	
.cont_box2 .inbox .ininbox .inbox02 .in02_1 .tx_box{ position: absolute; top: 0vw; left: 0vw; padding: 2vw; box-sizing: border-box} 	
.cont_box2 .inbox .ininbox .inbox02 .in02_1 .tx_box .tx1{  width:100%; float: left; font-size:2.5vw; color: #fff; font-weight: bold; margin-bottom: 0.5vw;  } 
.cont_box2 .inbox .ininbox .inbox02 .in02_1 .tx_box .tx2{  width:100%; float: left; font-size:1.5vw; color: #333;} 
		
	

	
.cont_box2 .inbox .ininbox .inbox02 .in02_2{  width: 100% ; float: left;  position: relative; overflow: hidden ; } 	
.cont_box2 .inbox .ininbox .inbox02 .in02_2 .video_in{  width: 100% ; float: left;  box-sizing: border-box	;overflow: hidden; background-color: #000; cursor:pointer; } 
/* 비디오 들어올 시 높이 설정 21.6vw가 적절 사진은 그냥 높이 직접 맞춰달라고 요청
.cont_box2 .inbox .ininbox .inbox02 .in02_2 .video_in{  width: 100% ; float: left;   height:21.5vw;  box-sizing: border-box	;overflow: hidden; background-color: #000; cursor:pointer; }  */		
.cont_box2 .inbox .ininbox .inbox02 .in02_2 .video_in video{ margin-left: -25% ; height: 100%; opacity: 0.5} 	
.cont_box2 .inbox .ininbox .inbox02 .in02_2 .tx_box{ position: absolute; top: 2vw; left: 2vw; width: 100%; height: 100%;  box-sizing: border-box	} 	
.cont_box2 .inbox .ininbox .inbox02 .in02_2 .tx_box .tx1{  width:100%; float: left; font-size:20px; color: #fff; font-weight: bold; margin-bottom: 0.5vw;  } 
.cont_box2 .inbox .ininbox .inbox02 .in02_2 .tx_box .tx2{  width:100%; float: left; font-size:14px; color: #fff;} 
.cont_box2 .inbox .ininbox .inbox02 .in02_2 .tx_box .tx3{  position: absolute; left:30%; top:30%; text-align: center;  } 
.cont_box2 .inbox .ininbox .inbox02 .in02_2 .tx_box .tx3 i{ color: #fff; font-size: 40px; background-color: rgba(255, 255, 255, 0.2); border-radius: 50px; padding: 10px; transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */  }
.cont_box2 .inbox .ininbox .inbox02 .in02_2:hover .tx_box .tx3{  position: absolute; left:30%; top:30%; text-align: center;  } 
.cont_box2 .inbox .ininbox .inbox02 .in02_2:hover .tx_box .tx3 i{ color: #fff; font-size: 40px; background-color: rgba(255, 255, 255, 0.5); border-radius: 50px; padding: 16px; margin-left: -4px; margin-top: -4px }	
	
	
	
.cont_box2 .inbox .ininbox .inbox03{ width:25%;float: left;  padding:0px 2px;  box-sizing: border-box;  position: relative }
.cont_box2 .inbox .ininbox .inbox03 .in03_1{  width: 100% ; float: left;  margin-bottom: 3px; ; position: relative  } 
.cont_box2 .inbox .ininbox .inbox03 .in03_1  img{ width:100%; } 
	
.cont_box2 .inbox .ininbox .inbox03 .in03_1 .tx_box{position: absolute; top: 0vw; left: 0vw; padding: 2vw; box-sizing: border-box} 	
.cont_box2 .inbox .ininbox .inbox03 .in03_1 .tx_box .tx1{  width:100%; float: left; font-size:2.5vw; color: #fff; font-weight: bold; margin-bottom: 0.5vw; } 
.cont_box2 .inbox .ininbox .inbox03 .in03_1 .tx_box .tx2{  width:100%; float: left; font-size:1.5vw; color: #fff;} 
	
	
.cont_box2 .inbox .ininbox .inbox03 .in03_2{  width: 100% ; float: left;   position: relative   } 
.cont_box2 .inbox .ininbox .inbox03 .in03_2  img{ width:100%; }	
.cont_box2 .inbox .ininbox .inbox03 .in03_2 .tx_box{ position: absolute; top: 0vw; left: 0vw; padding:2vw; box-sizing: border-box} 	
.cont_box2 .inbox .ininbox .inbox03 .in03_2 .tx_box .tx1{  width:100%; float: left; font-size:2.5vw; color: #fff; font-weight: bold; margin-bottom: 0.5vw;  } 
.cont_box2 .inbox .ininbox .inbox03 .in03_2 .tx_box .tx2{  width:100%; float: left; font-size:1.5vw; color: #fff;} 
		
	
.cont_box2 .inbox .ininbox .inbox04{ width:25%;float: left;  position: relative ;  padding:0px 2px;  box-sizing: border-box;} 
.cont_box2 .inbox .ininbox .inbox04 .in04_1{  width: 100% ; float: left; margin-bottom: 3px; ; position: relative  } 
.cont_box2 .inbox .ininbox .inbox04  .in04_1  img{ width:100%; }	
.cont_box2 .inbox .ininbox .inbox04 .in04_1 .tx_box{ position: absolute; top: 0vw; left: 0vw; padding: 2vw; box-sizing: border-box} 	
.cont_box2 .inbox .ininbox .inbox04 .in04_1 .tx_box .tx1{  width:100%; float: left; font-size:2.5vw; color: #fff; font-weight: bold; margin-bottom: 0.5vw; } 
.cont_box2 .inbox .ininbox .inbox04 .in04_1 .tx_box .tx2{  width:100%; float: left; font-size:1.5vw; color: #fff;}

.cont_box2 .inbox .ininbox .inbox04 .in04_2{  width: 100% ; float: left;   position: relative   } 
.cont_box2 .inbox .ininbox .inbox04 .in04_2  img{ width:100%; }	
.cont_box2 .inbox .ininbox .inbox04 .in04_2 .tx_box{ position: absolute; top: 0vw; left: 0vw; padding:2vw; box-sizing: border-box} 	
.cont_box2 .inbox .ininbox .inbox04 .in04_2 .tx_box .tx1{  width:100%; float: left; font-size:2.5vw; color: #fff; font-weight: bold; margin-bottom: 0.5vw;  } 
.cont_box2 .inbox .ininbox .inbox04 .in04_2 .tx_box .tx2{  width:100%; float: left; font-size:1.5vw; color: #fff;} 

}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.cont_box2 .inbox .ininbox{  width: 100%; float: left;}   
.cont_box2 .inbox .ininbox .inbox01{  width:50%;float: left; padding-right: 2px; box-sizing: border-box; position: relative; margin-bottom: 3px} 
.cont_box2 .inbox .ininbox .inbox01 .inbanner{ width:100%; } 
	
.main_brand{ float: left;  width:100%; } 	
.main_brand .tx_box{ position: absolute; top: 2vw; left: 2vw} 
.main_brand .tx_box .tx1{  width:100%; float: left; font-size:20px; color: #fff; font-weight: bold; margin-bottom: 0.5vw; font-family: 'Noto Sans KR', sans-serif; } 
.main_brand .tx_box .tx2{  width:100%; float: left; font-size:14px; color: #fff;} 
.main_brand_ar_r{  width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.5); text-align: center; }
.main_brand_ar_r i{ font-size: 25px; color: #fff; line-height: 40px}	
.main_brand_ar_l{ width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.5); text-align: center; }
.main_brand_ar_l i{ font-size: 25px; color: #fff; line-height: 40px} 	
	
.cont_box2 .inbox .ininbox .inbox01  img{ width:100%; } 	
.cont_box2 .inbox .ininbox .inbox01 .tx_box{ position: absolute; top: 0vw; left: 0vw; padding: 4vw; box-sizing: border-box} 
.cont_box2 .inbox .ininbox .inbox01 .tx_box .tx1{  width:100%; float: left; font-size:4vw; color: #fff; font-weight: bold; margin-bottom: 0.5vw;  } 
.cont_box2 .inbox .ininbox .inbox01 .tx_box .tx2{  width:100%; float: left; font-size:12px; color: #fff;} 
	
.cont_box2 .inbox .ininbox .inbox02{ width:50%;float: left; padding-left: 2px; box-sizing: border-box; position: relative; margin-bottom: 4px} 
.cont_box2 .inbox .ininbox .inbox02 .in02_1{  width: 100% ; float: left; margin-bottom: 3px;position: relative  }
.cont_box2 .inbox .ininbox .inbox02 .in02_1  img{ width:100%; } 	
.cont_box2 .inbox .ininbox .inbox02 .in02_1 .tx_box{ position: absolute; top: 0vw; left: 0vw; padding: 4vw; box-sizing: border-box} 	
.cont_box2 .inbox .ininbox .inbox02 .in02_1 .tx_box .tx1{  width:100%; float: left; font-size:4vw; color: #fff; font-weight: bold; margin-bottom: 0.5vw; } 
.cont_box2 .inbox .ininbox .inbox02 .in02_1 .tx_box .tx2{  width:100%; float: left; font-size:12px; color: #333;}
	
.cont_box2 .inbox .ininbox .inbox02 .in02_2{  width: 100% ; float: left;  position: relative; overflow: hidden ; } 	
.cont_box2 .inbox .ininbox .inbox02 .in02_2 .video_in{  width: 100% ; float: left; box-sizing: border-box	;overflow: hidden; background-color: #000; cursor:pointer; } 	
.cont_box2 .inbox .ininbox .inbox02 .in02_2 .video_in video{ margin-left: -25% ; height: 100%; opacity: 1} 	
.cont_box2 .inbox .ininbox .inbox02 .in02_2 .tx_box{ position: absolute; top: 2vw; left: 2vw; width: 100%; height: 100%;  box-sizing: border-box	} 	
.cont_box2 .inbox .ininbox .inbox02 .in02_2 .tx_box .tx1{  width:100%; float: left; font-size:20px; color: #fff; font-weight: bold; margin-bottom: 0.5vw;  } 
.cont_box2 .inbox .ininbox .inbox02 .in02_2 .tx_box .tx2{  width:100%; float: left; font-size:14px; color: #fff;} 
.cont_box2 .inbox .ininbox .inbox02 .in02_2 .tx_box .tx3{  position: absolute; left:30%; top:30%; text-align: center;  display: none } 
.cont_box2 .inbox .ininbox .inbox02 .in02_2 .tx_box .tx3 i{ color: #fff; font-size: 40px; background-color: rgba(255, 255, 255, 0.2); border-radius: 50px; padding: 10px; transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */  }
.cont_box2 .inbox .ininbox .inbox02 .in02_2:hover .tx_box .tx3{  position: absolute; left:30%; top:30%; text-align: center;  } 
.cont_box2 .inbox .ininbox .inbox02 .in02_2:hover .tx_box .tx3 i{ color: #fff; font-size: 40px; background-color: rgba(255, 255, 255, 0.5); border-radius: 50px; padding: 16px; margin-left: -4px; margin-top: -4px }	
	
	
.cont_box2 .inbox .ininbox .inbox03{ width:50%;float: left;  padding-right: 2px; box-sizing: border-box;  position: relative }
.cont_box2 .inbox .ininbox .inbox03 .in03_1{  width: 100% ; float: left;  margin-bottom: 3px; ; position: relative  } 
.cont_box2 .inbox .ininbox .inbox03 .in03_1  img{ width:100%; }	
.cont_box2 .inbox .ininbox .inbox03 .in03_1 .tx_box{position: absolute; top: 0vw; left: 0vw; padding: 4vw; box-sizing: border-box} 	
.cont_box2 .inbox .ininbox .inbox03 .in03_1 .tx_box .tx1{  width:100%; float: left; font-size:4vw; color: #fff; font-weight: bold; margin-bottom: 0.5vw;  } 
.cont_box2 .inbox .ininbox .inbox03 .in03_1 .tx_box .tx2{  width:100%; float: left; font-size:12px; color: #fff;} 	
	
.cont_box2 .inbox .ininbox .inbox03 .in03_2{  width: 100% ; float: left;   position: relative   } 
.cont_box2 .inbox .ininbox .inbox03 .in03_2  img{ width:100%; }	
.cont_box2 .inbox .ininbox .inbox03 .in03_2 .tx_box{ position: absolute; top: 0vw; left: 0vw; padding:3vw 4vw; box-sizing: border-box} 	
.cont_box2 .inbox .ininbox .inbox03 .in03_2 .tx_box .tx1{  width:100%; float: left; font-size:4vw; color: #fff; font-weight: bold; margin-bottom: 0.5vw; } 
.cont_box2 .inbox .ininbox .inbox03 .in03_2 .tx_box .tx2{  width:100%; float: left; font-size:12px; color: #fff;} 
		
	
.cont_box2 .inbox .ininbox .inbox04{ width:50%;float: left;  position: relative ; padding-left: 2px; box-sizing: border-box;} 
.cont_box2 .inbox .ininbox .inbox04 .in04_1{  width: 100% ; float: left; margin-bottom: 3px; ; position: relative  } 
.cont_box2 .inbox .ininbox .inbox04 .in04_1  img{ width:100%; }	
.cont_box2 .inbox .ininbox .inbox04 .in04_1 .tx_box{ position: absolute; top: 0vw; left: 0vw; padding: 4vw; box-sizing: border-box} 	
.cont_box2 .inbox .ininbox .inbox04 .in04_1 .tx_box .tx1{  width:100%; float: left; font-size:4vw; color: #fff; font-weight: bold; margin-bottom: 0.5vw; } 
.cont_box2 .inbox .ininbox .inbox04 .in04_1 .tx_box .tx2{  width:100%; float: left; font-size:12px; color: #fff;}
	
.cont_box2 .inbox .ininbox .inbox04 .in04_2{  width: 100% ; float: left; position: relative; } 
.cont_box2 .inbox .ininbox .inbox04 .in04_2  img{ width:100%; }		
.cont_box2 .inbox .ininbox .inbox04 .in04_2 .tx_box{ position: absolute; top: 0vw; left: 0vw; padding:3vw 4vw; box-sizing: border-box} 	
.cont_box2 .inbox .ininbox .inbox04 .in04_2 .tx_box .tx1{  width:100%; float: left; font-size:4vw; color: #fff; font-weight: bold; margin-bottom: 0.5vw; } 
.cont_box2 .inbox .ininbox .inbox04 .in04_2 .tx_box .tx2{  width:100%; float: left; font-size:12px; color: #fff;} 

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

/*----------------------  ----------------------*/
/**** pc ****/
@media only all and (min-width:1301px) {
.cont_box3{ width: 100%; float: left; padding: 0px 0px;  background: url(../images/main/ir_bg_revise2.png); background-position: center top;  margin-top:0px; position: relative; z-index: 1}
.cont_box3 .inbox{ width: 1250px;  margin: 0px auto;  box-sizing: border-box; padding: 2vw 4vw; position: relative; height: 255px;background: url(../images/main/ir_img.jpg); }
.cont_box3 .inbox .ir01{ width: 100%;   padding: 1.5vw 2vw 0px 3vw; box-sizing: border-box }
.cont_box3 .inbox .ir01 .fl_title{ width: 30%;  float:left; }
.cont_box3 .inbox .ir01 .fl_title .tx{ float: left;  margin-right: 15px; color: #fff; font-size:55px; line-height: 50px; font-weight: 900 }
.cont_box3 .inbox .ir01 .fl_title .line{ float: left;  border-bottom: 1px solid #fff; height: 45px; line-height: 45px;  width:50%} 
.cont_box3 .inbox .ir01 .fr_irumbox {  width: 65%;  float:right;  position: relative; margin-top: 15px }  	
.cont_box3 .inbox .ir01 .fr_irumbox .tx1{  position: absolute; left: 0px ;top: 0px; color: #fff; font-size: 18px;  }  
.cont_box3 .inbox .ir01 .fr_irumbox .tx1_updown{  position: absolute; left: 70px ;top: 0px; color: #fff; font-size: 18px;  }  
.cont_box3 .inbox .ir01 .fr_irumbox .tx1_2{  position: absolute; left: 100px ;top: 0px; color: #fff; font-size: 18px;  }  
	
.cont_box3 .inbox .ir01 .fr_irumbox .tx2{  position: absolute; left:180px ;top: 0px; color: #fff; font-size: 18px;  } 	
.cont_box3 .inbox .ir01 .fr_irumbox .tx3{  position: absolute; left: 0px ;top: 30px; color: #fff; font-size: 18px;   } 
.cont_box3 .inbox .ir01 .fr_irumbox .tx4{  position: absolute; left: 0px ;top: 50px; color: #fff; font-size: 60px;font-family: 'Noto Sans KR', sans-serif;   font-weight: 500 } 
.cont_box3 .inbox .ir01 .fr_irumbox .tx5{  position: absolute; left:12vw ;top: 80px; color: #fff; font-size: 18px;  } 	
.cont_box3 .inbox .ir01 .fr_irumbox .tx6{  position: absolute; left: 18vw ;top: 80px; color: #fff; font-size: 18px;  } 
.cont_box3 .inbox .ir01 .fr_irumbox .tx7{  position: absolute; left: 24vw ;top: 80px; color: #fff; font-size: 18px;  } 	

.cont_box3 .inbox .ir01 .fr_irumbox .left_tt{  width: 35%;float: left; } 	
.cont_box3 .inbox .ir01 .fr_irumbox .left_tt .ttx1{  width: 100%;float: left; color: #fff; font-size: 18px; } 		
.cont_box3 .inbox .ir01 .fr_irumbox .left_tt .ttx2{  width: 100%;float: left; color: #fff; font-size: 60px;; line-height: 66px; font-family: 'Noto Sans KR', sans-serif;   font-weight: 500 } 		

.cont_box3 .inbox .ir01 .fr_irumbox .right_tt{  width: 65%;float: right; margin-top: 33px } 	
.cont_box3 .inbox .ir01 .fr_irumbox .right_tt .tt1{ float: left;  color: #fff; font-size: 18px;  } 		
.cont_box3 .inbox .ir01 .fr_irumbox .right_tt .tt1_updown{ float: left;  color: #fff; font-size: 18px; margin: 0px 10px  }  
.cont_box3 .inbox .ir01 .fr_irumbox .right_tt .tt1_2{ float: left;  color: #fff; font-size: 18px;  }  
.cont_box3 .inbox .ir01 .fr_irumbox .right_tt .tt2{  width: 100%;float: left; color: #fff; font-size: 18px;  margin-top:10px  } 
	
	
.cont_box3 .inbox2{ width: 1250px;  margin: 0px auto;  box-sizing: border-box; padding: 0 0 0 0; position: relative; margin-bottom:90px; height: 360px; background-color: #fff;}	
.cont_box3 .inbox2 .fl_50{ width: calc(50% - 1px); float: left;  box-sizing: border-box; }	
.cont_box3 .inbox2 .fl_50 .title1{ float: left; font-weight: 700; font-size: 18px; color: #000 ; background: url(../images/main/main_newsimg01.png); background-size: 100%; background-repeat: no-repeat; width: 100%; height: 106px; padding: 0px 2vw; box-sizing: border-box; margin-bottom: 30px}
.cont_box3 .inbox2 .fl_50 .title1 a {  width: 100%; float: left; position: relative; line-height: 106px; color: #fff; font-size: 18px}	
.cont_box3 .inbox2 .fl_50 .title1 a em{ color: #FFF; margin-left: 10px;font-weight: 200}		
	
.cont_box3 .inbox2 .fl_50 .title2{ float: left; font-weight: 700; font-size: 18px; color: #000 ; background: url(../images/main/main_newsimg02.png);background-size: 100%;  background-repeat: no-repeat;  width: 100%;  height: 106px; padding: 0px 2vw; box-sizing: border-box; margin-bottom: 30px}
.cont_box3 .inbox2 .fl_50 .title2 a {  width: 100%; float: left; position: relative; line-height: 106px; color: #fff; font-size: 18px}	
.cont_box3 .inbox2 .fl_50 .title2 a em{ color: #FFF ;margin-left: 10px;font-weight: 200}	
.cont_box3 .inbox2 .sp_line{ width:0%; float: left; height: 300px; border-left: 1px solid #ccc; }		
	
.cont_box3 .inbox2 .fl_50 .list{ width:100% ; float: left; padding: 2vw;}		
.cont_box3 .inbox2 .fl_50 .list ul{ width:100%; float: left}	
.cont_box3 .inbox2 .fl_50 .list ul li{ width:50% !important ; padding: 0px 10px; box-sizing: border-box; float: left; font-size: 14px; color: #666; margin-bottom: 10px; line-height: 20px; cursor: pointer; text-align: left!important; word-break: break-all}	
.cont_box3 .inbox2 .fl_50 .list ul li em{ width:100% ; float: left; font-size: 19px; font-weight: 500; color: #000; margin-bottom: 10px;  line-height: 25px}	
	

}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
.cont_box3{ width: 100%; float: left; padding: 0px 0px;  background: url(../images/main/ir_bg_revise2.png); background-position: center top;  margin-top:0px; position: relative; z-index: 1}
.cont_box3 .inbox{ width: 100%; float: left; box-sizing: border-box; padding: 2vw 4vw 4vw 4vw; position: relative; background: url(../images/main/ir_img.jpg); }
.cont_box3 .inbox .ir01{ width: 100%; float: left;  padding: 3vw 2vw 0px 3vw; box-sizing: border-box }
.cont_box3 .inbox .ir01 .fl_title{ width: 20%;  float: left;}
.cont_box3 .inbox .ir01 .fl_title .tx{ float: left;  margin-right: 15px; color: #fff; font-size:55px; line-height: 50px; font-weight: 900 }
.cont_box3 .inbox .ir01 .fl_title .line{ float: left;  border-bottom: 1px solid #fff; height: 45px; line-height: 45px;  width:50%} 
.cont_box3 .inbox .ir01 .fr_irumbox {  width: 70%;  float:right;  position: relative }  	
.cont_box3 .inbox .ir01 .fr_irumbox .tx1{width: 100%; float: left;  color: #fff; font-size: 18px;  }  
.cont_box3 .inbox .ir01 .fr_irumbox .tx1_updown{  position: absolute; left: 70px ;top: 0px; color: #fff; font-size: 18px;  }  
.cont_box3 .inbox .ir01 .fr_irumbox .tx1_2{  position: absolute; left: 100px ;top: 0px; color: #fff; font-size: 18px;  }  
	
.cont_box3 .inbox .ir01 .fr_irumbox .tx2{  position: absolute; left:180px ;top: 0px; color: #fff; font-size: 18px;  } 	
.cont_box3 .inbox .ir01 .fr_irumbox .tx3{  width: 100%; float: left;  color: #fff; font-size: 18px;   } 
.cont_box3 .inbox .ir01 .fr_irumbox .tx4{ width: 40%; float: left; color: #fff; font-size: 50px;font-family: 'Noto Sans KR', sans-serif;   font-weight: 500 } 
.cont_box3 .inbox .ir01 .fr_irumbox .tx5{ width: 20%; float: left;  color: #fff; font-size: 18px; margin-top: 3vw  } 	
.cont_box3 .inbox .ir01 .fr_irumbox .tx6{ width: 20%; float: left;  color: #fff; font-size: 18px; margin-top: 3vw  } 
.cont_box3 .inbox .ir01 .fr_irumbox .tx7{  width: 20%; float: left;  color: #fff; font-size: 18px; margin-top: 3vw  } 	
	
.cont_box3 .inbox .ir01 .fr_irumbox .left_tt{  width: 35%;float: left; } 	
.cont_box3 .inbox .ir01 .fr_irumbox .left_tt .ttx1{  width: 100%;float: left; color: #fff; font-size: 18px; } 		
.cont_box3 .inbox .ir01 .fr_irumbox .left_tt .ttx2{  width: 100%;float: left; color: #fff; font-size: 60px;; line-height: 66px; font-family: 'Noto Sans KR', sans-serif;   font-weight: 500 } 		

.cont_box3 .inbox .ir01 .fr_irumbox .right_tt{  width: 65%;float: right; margin-top: 40px } 	
.cont_box3 .inbox .ir01 .fr_irumbox .right_tt .tt1{ float: left;  color: #fff; font-size: 18px;  } 		
.cont_box3 .inbox .ir01 .fr_irumbox .right_tt .tt1_updown{ float: left;  color: #fff; font-size: 18px; margin: 0px 10px  }  
.cont_box3 .inbox .ir01 .fr_irumbox .right_tt .tt1_2{ float: left;  color: #fff; font-size: 18px;  }  
.cont_box3 .inbox .ir01 .fr_irumbox .right_tt .tt2{  width: 100%;float: left; color: #fff; font-size: 18px;  margin-top:10px  }		
	
.cont_box3 .inbox2{ width:100%;  margin: 0px auto;  box-sizing: border-box; position: relative; margin-bottom:50px;height: 380px; background-color: #fff;}	
.cont_box3 .inbox2 .fl_50 { width: calc(50% - 1px); float: left;  box-sizing: border-box; }	
.cont_box3 .inbox2 .fl_50 .title1{ float: left; font-weight: 700; font-size: 18px; color: #000 ; background: url(../images/main/main_newsimg01.png); background-size: 100%; background-repeat: no-repeat; width: 100%; height: 8.2vw; padding: 0px 2vw; box-sizing: border-box; margin-bottom: 15px}
.cont_box3 .inbox2 .fl_50 .title1 a {  width: 100%; float: left; position: relative; line-height: 8.2vw; color: #fff; font-size: 18px}	
.cont_box3 .inbox2 .fl_50 .title1 a em{ color: #FFF; margin-left: 10px;font-weight: 200}		
	
.cont_box3 .inbox2 .fl_50 .title2{ float: left; font-weight: 700; font-size: 18px; color: #000 ; background: url(../images/main/main_newsimg02.png);background-size: 100%;  background-repeat: no-repeat;  width: 100%;  height: 8.2vw; padding: 0px 2vw; box-sizing: border-box; margin-bottom: 15px}
.cont_box3 .inbox2 .fl_50 .title2 a {  width: 100%; float: left; position: relative; line-height: 8.2vw; color: #fff; font-size: 18px}	
.cont_box3 .inbox2 .fl_50 .title2 a em{ color: #FFF ;margin-left: 10px;font-weight: 200}	

.cont_box3 .inbox2 .sp_line{ width:0%; float: left; height: 300px; border-left: 1px solid #ccc; }		
	
.cont_box3 .inbox2 .fl_50 .list{ width:100% ; float: left; padding: 2vw;}		
.cont_box3 .inbox2 .fl_50 .list ul{ width:100%; float: left}	
.cont_box3 .inbox2 .fl_50 .list ul li{ width:50% !important ; padding: 0px 10px; box-sizing: border-box; float: left; font-size: 14px; color: #666; margin-bottom: 10px; line-height: 20px; cursor: pointer; text-align: left!important; word-break: break-all}	
.cont_box3 .inbox2 .fl_50 .list ul li em{ width:100% ; float: left; font-size: 19px; font-weight: 500; color: #000; margin-bottom: 10px;  line-height: 25px}


}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.cont_box3{ width: 100%; float: left; padding: 0px 0px; background-color: #fff;  background-position: center top;  margin-top:0px; position: relative; z-index: 1!important; background-size: cover}
.cont_box3 .inbox{width: 100%; float: left;   box-sizing: border-box; padding: 2vw 2vw 2vw; position: relative; background: url(../images/main/ir_img.jpg); }
.cont_box3 .inbox .ir01{ width: 100%;  float: left; padding: 2vw; box-sizing: border-box }
.cont_box3 .inbox .ir01 .fl_title{ width:40%; float: left;  margin-bottom: 10px}
.cont_box3 .inbox .ir01 .fl_title img{ width: 100%;}	
	
.cont_box3 .inbox .ir01 .fl_title .tx{ float: left;  margin-right: 15px; color: #fff; font-size:26px; line-height: 50px; font-weight: 900 }
.cont_box3 .inbox .ir01 .fl_title .line{ float: left;  border-bottom: 1px solid #fff; height: 45px; line-height: 40px;  width:50%; display: none} 
.cont_box3 .inbox .ir01 .fr_irumbox {width: 60%; float: left;   position: relative }  	
.cont_box3 .inbox .ir01 .fr_irumbox .tx1{ width: 80%; float: left;color: #fff; font-size: 18px;  }  
.cont_box3 .inbox .ir01 .fr_irumbox .tx1_updown{  position: absolute; left: 70px ;top: 0px; color: #fff; font-size: 14px;  }  
.cont_box3 .inbox .ir01 .fr_irumbox .tx1_2{  position: absolute; left: 100px ;top: 0px; color: #fff; font-size: 14px;  }  
	
.cont_box3 .inbox .ir01 .fr_irumbox .tx2{   width: 50%; float: left; color: #fff; font-size: 14px;  } 	
.cont_box3 .inbox .ir01 .fr_irumbox .tx3{   width: 100%; float: left; color: #fff; font-size: 14px;   } 
.cont_box3 .inbox .ir01 .fr_irumbox .tx4{   width: 40%; float: left; color: #fff; font-size: 36px;font-family: 'Noto Sans KR', sans-serif;   font-weight: 500 } 
.cont_box3 .inbox .ir01 .fr_irumbox .tx5{   width: 20%; float: left; color: #fff; font-size: 14px; margin-top: 4vw } 	
.cont_box3 .inbox .ir01 .fr_irumbox .tx6{   width: 20%; float: left; color: #fff; font-size: 14px; margin-top: 4vw } 
.cont_box3 .inbox .ir01 .fr_irumbox .tx7{  width:20%; float: left; color: #fff; font-size: 14px; margin-top: 4vw } 		
	
.cont_box3 .inbox .ir01 .fr_irumbox .left_tt{  width:100%;float: left; } 	
.cont_box3 .inbox .ir01 .fr_irumbox .left_tt .ttx1{  width: 100%;float: left; color: #fff; font-size: 18px; } 		
.cont_box3 .inbox .ir01 .fr_irumbox .left_tt .ttx2{  width: 100%;float: left; color: #fff; font-size: 10vw;; line-height: 10vw; font-family: 'Noto Sans KR', sans-serif;   font-weight: 500 ; margin-bottom: 10px} 		

.cont_box3 .inbox .ir01 .fr_irumbox .right_tt{  width: 100%;float: right; } 	
.cont_box3 .inbox .ir01 .fr_irumbox .right_tt .tt1{ float: left;  color: #fff; font-size: 14px;  } 		
.cont_box3 .inbox .ir01 .fr_irumbox .right_tt .tt1_updown{ float: left;  color: #fff; font-size: 14px; margin: 0px 5px  }  
.cont_box3 .inbox .ir01 .fr_irumbox .right_tt .tt1_2{ float: left;  color: #fff; font-size: 14px;  }  
.cont_box3 .inbox .ir01 .fr_irumbox .right_tt .tt2{  width: 100%;float: left; color: #fff; font-size: 14px;  margin-top:5px  }
		
.cont_box3 .inbox2{ width: 100%;  float: left; box-sizing: border-box; padding: 5vw 5px 0vw ; position: relative;  background-color: #fff; z-index: -1; position: relative }	
.cont_box3 .inbox2 .fl_50{ width:100%; float: left;  box-sizing: border-box;  }	

.cont_box3 .inbox2 .fl_50 .title1{ float: left; font-weight: 700; font-size: 18px; color: #000 ; background: url(../images/main/main_newsimg01.png); background-size: cover; background-repeat: no-repeat; width: 100%; height: 16vw; padding: 0px 4vw; box-sizing: border-box; margin-bottom: 20px}
.cont_box3 .inbox2 .fl_50 .title1 a {  width: 100%; float: left; position: relative; line-height: 16vw; color: #fff; font-size: 18px}	
.cont_box3 .inbox2 .fl_50 .title1 a em{ color: #fff; font-weight: 200; margin-left: 10px}		
	
.cont_box3 .inbox2 .fl_50 .title2{ float: left; font-weight: 700; font-size: 18px; color: #000 ; background: url(../images/main/main_newsimg02.png);background-size: cover;;  background-repeat: no-repeat;  width: 100%;  height: 16vw; padding: 0px 4vw; box-sizing: border-box; margin-bottom: 20px}
.cont_box3 .inbox2 .fl_50 .title2 a {  width: 100%; float: left; position: relative; line-height: 16vw; color: #fff; font-size: 18px}	
.cont_box3 .inbox2 .fl_50 .title2 a em{ color: #fff; font-weight: 200; margin-left: 10px}				

.cont_box3 .inbox2 .fl_50 .list{ width:100%; float: left; margin-bottom: 20px}		
.cont_box3 .inbox2 .fl_50 .list ul{ width:100%; float: left}	
.cont_box3 .inbox2 .fl_50 .list ul li{ width:50% ; padding: 0px 5px; box-sizing: border-box; float: left; font-size: 13px; color: #666; margin-bottom: 10px}	
.cont_box3 .inbox2 .fl_50 .list ul li em{ width:100% ; float: left; font-size: 15px; color: #000; margin-bottom: 10px; }	

.cont_box3 .inbox2 .sp_line{ display: none}		
		
}



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


.cont_box4{ width: 100%; float: left; padding: 0px 0px;  background: url( ../images/main/main_04.png); background-position: center top;  position: relative; z-index: 99; height: 460px}
.cont_box4 .inbox{ width: 1250px;  margin: 4vw auto;  box-sizing: border-box; padding: 0vw 0vw; position: relative; }
.cont_box4 .inbox .title{   width: 100%; float: left; font-size: 30px ;  position: relative; }
.cont_box4 .inbox .title .tbg{ width: 250px;   float: left; height: 25px;   margin-top: 10px; background-color:rgba(255, 255, 255, 0.5);  z-index: 1; }	
.cont_box4 .inbox .title .tx{ float: left; font-size: 30px ; color: #000; font-weight: 900; margin-bottom: 5px}
.cont_box4 .inbox .ttx1{  width:100%; float: left; font-size:16px ; color: #333; margin-bottom: 30px}	
.cont_box4 .inbox .gonbtn{  width:100%; float: left; font-size:16px ; color: #fff; margin-bottom: 30px}	
.cont_box4 .inbox .gonbtn a{   width: 150px; text-align: center;  float: left; font-size:16px ; color: #fff;  margin-right:5px; background-color: #434343; padding: 10px 15px; }	
.cont_box4 .inbox .cs_box{  width:100%; float: left;  display:flex;  flex-direction:row; justify-content: space-between; flex-wrap: wrap;  }
.cont_box4 .inbox .cs_box .ininbox{  width:60%;  padding:1vw 0vw }	
.cont_box4 .inbox .cs_box .ininbox .cs_icon{  width:100px; float: left;  color: #000; line-height: 50px; font-size: 16px; font-weight: 500 }
.cont_box4 .inbox .cs_box .ininbox .cs_tx{  width:calc(100% - 100px); float: left; padding-left: 10px}	
.cont_box4 .inbox .cs_box .ininbox .cs_tx .cs_title{  width:100%; float: left;   font-size: 40px; font-weight: 600;font-family: 'Noto Sans KR', sans-serif;  letter-spacing: -3px;color: #333; margin-bottom:10px}
.cont_box4 .inbox .cs_box .ininbox .cs_tx  .cs_title em{  color: #333; font-size: 40px; font-weight: 700 ; padding-left: 20px;  letter-spacing: -1px}	
.cont_box4 .inbox .cs_box .ininbox .cs_tx .cs_stext{ float: left;  color: #333; font-size: 16px;  margin-right: 20px; width: auto; margin-bottom: 5px}		
.cont_box4 .inbox .cs_box .ininbox .cs_tx .cs_stext em{ color: #000; }		
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {


.cont_box4{ width: 100%; float: left; padding: 0px 0px;  background: url( ../images/main/main_04.png); background-position: center top;  position: relative; z-index: 99;}
.cont_box4 .inbox{ width: 100%; float: left;  margin: 4vw auto;  box-sizing: border-box; padding: 0vw 20px; position: relative; }
.cont_box4 .inbox .title{  width: 100%; float: left; font-size: 30px ;  position: relative; margin-bottom: 20px}
.cont_box4 .inbox .title .tbg{ width: 100%;   float: left; height: 25px;   margin-top: 10px; background-color:rgba(255, 255, 255, 0.5);  z-index: 1; }	
.cont_box4 .inbox .title .tx{font-size: 30px ; color: #000; font-weight: 900;  z-index: 1}
.cont_box4 .inbox .ttx1{  width:100%; float: left; font-size:16px ; color: #333; margin-bottom: 20px}	
.cont_box4 .inbox .gonbtn{  width:100%; float: left; font-size:16px ; color: #fff; margin-bottom: 20px}	
.cont_box4 .inbox .gonbtn a{   width: 150px; text-align: center;  float: left; font-size:16px ; color: #fff;  margin-right:5px; background-color: #434343; padding: 10px 15px; }	
.cont_box4 .inbox .cs_box{  width:100%; float: left;  display:flex;  flex-direction:row; justify-content: space-between; flex-wrap: wrap;  }
.cont_box4 .inbox .cs_box .ininbox{  width:80%;  padding:1vw 0vw }	
	
.cont_box4 .inbox .cs_box .ininbox .cs_icon{  width:100px; float: left;  color: #000; line-height: 50px; font-size: 16px; font-weight: 500 }
.cont_box4 .inbox .cs_box .ininbox .cs_tx{  width:calc(100% - 100px); float: left; padding-left: 10px}	
.cont_box4 .inbox .cs_box .ininbox .cs_tx .cs_title{  width:100%; float: left;   font-size: 30px; font-weight: 600;font-family: 'Noto Sans KR', sans-serif;  letter-spacing: -3px;color: #333; margin-bottom:10px}
.cont_box4 .inbox .cs_box .ininbox .cs_tx  .cs_title em{  color: #333; font-weight: 700 ; padding-left: 20px;  letter-spacing: -1px}	
.cont_box4 .inbox .cs_box .ininbox .cs_tx .cs_stext{ float: left;  color: #333; font-size: 16px;  margin-right: 20px; width: auto; margin-bottom: 5px}		
.cont_box4 .inbox .cs_box .ininbox .cs_tx .cs_stext em{ color: #000; }		
}
/**** 모바일 ****/
@media only all and (max-width:767px) {


.cont_box4{ width: 100%; float: left; padding: 0px 0px;  background: url( ../images/main/main_04.png); background-position: center top;  position: relative; z-index: 99; }
.cont_box4 .inbox{width: 100%;  float: left;   box-sizing: border-box; padding: 4vw; position: relative; }
.cont_box4 .inbox .title{width:100%; float: left;   float: left; font-size: 26px ;  position: relative; margin-bottom: 10px}
.cont_box4 .inbox .title .tx{ width: 100%; float: left; font-size: 24px ; color: #000; font-weight: 900;  z-index: 1}
.cont_box4 .inbox .ttx1{  width:100%; float: left; font-size:14px ; color: #333; margin-bottom: 20px}	
.cont_box4 .inbox .gonbtn{  width:100%; float: left; font-size:14px ; color: #fff; margin-bottom: 20px}	
.cont_box4 .inbox .gonbtn a{   width: 32%; text-align: center;  float: left; font-size:12px ; color: #fff;  margin-right:2px; background-color: #434343; padding: 10px 5px; }	
.cont_box4 .inbox .cs_box{  width:100%; float: left;  display:flex;  flex-direction:row; justify-content: space-between; flex-wrap: wrap;  }
.cont_box4 .inbox .cs_box .ininbox{  width:100%;  padding:1vw 0vw }	
.cont_box4 .inbox .cs_box .ininbox img{  width:100%;   }		
.cont_box4 .inbox .cs_box .ininbox .cs_icon{  width:60px; float: left;  color: #000; line-height: 50px; font-size: 16px; font-weight: 500 }
.cont_box4 .inbox .cs_box .ininbox .cs_icon img{  width:60px; width:60px; }
	
.cont_box4 .inbox .cs_box .ininbox .cs_tx{  width:calc(100% - 60px); float: left; padding-left: 10px}	
.cont_box4 .inbox .cs_box .ininbox .cs_tx .cs_title{  width:100%; float: left;   font-size: 20px; font-weight: 600;font-family: 'Noto Sans KR', sans-serif;  letter-spacing: -3px;color: #333; margin-bottom:10px}
.cont_box4 .inbox .cs_box .ininbox .cs_tx  .cs_title em{  color: #333; font-weight: 700 ; padding-left: 10px;  letter-spacing: -1px}	
.cont_box4 .inbox .cs_box .ininbox .cs_tx .cs_stext{ width:100%; float: left;   color: #333; font-size: 13px;  margin-right: 20px; width: auto; margin-bottom: 5px}		
.cont_box4 .inbox .cs_box .ininbox .cs_tx .cs_stext em{ color: #000; }			
}


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

/**** pc ****/
@media only all and (min-width:1301px) {
	.stinfo{ width: 100%;  margin: 0px auto;height: 72px; }
	.stinfo .inbox_ff{ background: url(../images/main/main_newsimg03.jpg); background-repeat: no-repeat; padding: 0px 5vw; position: relative; color: #fff; max-width: 1250px; margin: 0px auto; height: 72px;}
	
	.stinfo .tx1{ color: #fff; width: 40%; float:left ; font-size:26px ; font-weight: 700; line-height: 50px ; padding-top: 13px; text-align: left}
	.stinfo .tx1 em{ color: #fff;  font-size: 16px; margin-left: 10px }
	
	.stinfo .tx2_box{  float:right;color: #fff; width: 50%;  padding-top:18px }
	.stinfo .tx2_box .tx2{  float:left ; font-size: 33px; margin-right: 10px; line-height: 33px }
	.stinfo .tx2_box .tx3{ float:left ; font-size: 14px; margin-right: 10px; line-height: 33px  }
    .stinfo .tx2_box .tx4{ float:left ; font-size: 14px; margin-right: 10px ; line-height: 33px }
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
		.stinfo{ width: 100%; float: left;  margin: 0px auto;height: 72px; }
	.stinfo .inbox_ff{ background: url(../images/main/main_newsimg03.jpg); background-size: cover;  background-repeat: no-repeat; padding: 0px 5vw; position: relative; color: #fff; max-width: 1250px; margin: 0px auto; height: 72px;}
	
	.stinfo .tx1{ color: #fff; width: 40%; float:left ; font-size: 30px ; line-height: 50px ; padding-top: 10px; text-align: left}
	.stinfo .tx1 em{ color: #fff;  font-size: 20px }
	
	.stinfo .tx2_box{  width:60%; float:left ;color: #fff; width: 50%;  padding-top:15px }
	.stinfo .tx2_box .tx2{  float:left ; font-size: 33px; margin-right: 10px; line-height: 33px }
	.stinfo .tx2_box .tx3{ float:left ; font-size: 14px; margin-right: 10px; line-height: 33px  }
    .stinfo .tx2_box .tx4{ float:left ; font-size: 14px; margin-right: 10px ; line-height: 33px }
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
		.stinfo{ width:100%;  float: left; margin: 0px auto;height: 100px; }
	.stinfo .inbox_ff{ background: url(../images/main/main_newsimg03.jpg);background-size: cover;  background-repeat: no-repeat; padding: 0px 2vw; position: relative; color: #fff; max-width: 100%; margin: 0px auto; height: 100px;}
	
	.stinfo .tx1{ color: #fff; width: 100%; float:left ; font-size: 20px ; line-height: 20px ; padding:20px 10px; text-align: left}
	.stinfo .tx1 em{ color: #fff;  font-size: 16px }
	
	.stinfo .tx2_box{  width:60%; float:left ;color: #fff; width: 50%; padding-left: 30px; box-sizing: border-box; position: absolute; left: 50%; top: 10px }
	.stinfo .tx2_box .tx2{  float:left ; font-size: 26px; margin-right:2px; line-height: 26px }
	.stinfo .tx2_box .tx3{ float:left ; font-size: 14px; margin-right: 2px; line-height: 26px  }
    .stinfo .tx2_box .tx4{ float:left ; font-size: 14px; margin-right:2px ; line-height: 22px }
}