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


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

    .continuing_01_02 .tx1{ width: 100%;  font-size: 24px; color: #333; text-align: left;  font-family: 'Noto Sans KR', sans-serif;  font-weight: 500; line-height: 35px; text-align: center;  letter-spacing: -1px }
   
	.continuing_01_02 .tx1 p{ width: 100%;  font-size: 24px; color: #333; text-align: left;  font-family: 'Noto Sans KR', sans-serif;  font-weight: 500}
	.continuing_01_02  .tx1 em{ color: #ff0028;}
	.continuing_01_02 .line{ width: 50%; float: left; border-right: 1px solid #666; height: 40px; margin: 2vw 0px }
	.continuing_01_02 .tx2{ width: 100%;  float: left; font-size: 16px; color: #666; text-align:left;  line-height: 25px; position: relative ; text-align: center}

	
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
	 .continuing_01_02{ width: 100%; float: left; margin-top: 3vw; }

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

    .continuing_01_02 .tx1{ width: 100%;  font-size: 18px; color: #333; text-align: left;  font-family: 'Noto Sans KR', sans-serif;  font-weight: 600; line-height: 25px; text-align: center}
 
	.continuing_01_02 .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}
	.continuing_01_02  .tx1 em{ color: #ff0028;}
	.continuing_01_02 .line{ width: 50%; float: left; border-right: 1px solid #666; height: 20px; margin: 2vw 0px }
	.continuing_01_02 .tx2{ width: 100%;  float: left; font-size: 14px; color: #666; text-align:left;  line-height: 20px; position: relative ; text-align: center}
}



/**** pc ****/
@media only all and (min-width:1301px) {
	.continuing_01_01{width: 100%; float: left; margin-top: 3vw}
	.continuing_01_01 .fl_img{width: 50%; float: left; text-align: right}
	.continuing_01_01 .fr_img{width: 48%; float:right; padding-top: 2vw}
	.continuing_01_01 .fr_img .tt_box{width: 100%; float: left;  margin-bottom: 1vw}
	.continuing_01_01 .fr_img .tt_box .title{width: 100%; float: left; margin-top: 3vw; font-size: 21px; color: #333; font-weight: 500; margin-bottom:10px;}
 .continuing_01_01 .fr_img .tt_box .tx{width: 100%; float: left; font-size: 16px; color: #666;  margin-bottom: 20px; line-height: 25px}	
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {	.continuing_01_01{width: 100%; float: left; margin-top: 3vw}
	.continuing_01_01 .fl_img{width: 50%; float: left; text-align: right}
	.continuing_01_01 .fr_img{width: 48%; float:right; padding-top: 2vw}
	.continuing_01_01 .fr_img .tt_box{width: 100%; float: left;  margin-bottom: 1vw}
	.continuing_01_01 .fr_img .tt_box .title{width: 100%; float: left; margin-top: 3vw; font-size: 21px; color: #333; font-weight: 500; margin-bottom:10px; }
 .continuing_01_01 .fr_img .tt_box .tx{width: 100%; float: left; font-size: 16px; color: #666;  margin-bottom: 20px; line-height: 25px}	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {	
	.continuing_01_01{width: 100%; float: left; margin-top: 3vw}
	.continuing_01_01 .fl_img{width: 100%; float: left; text-align: right}
	.continuing_01_01 .fl_img img{width: 100%; }
	.continuing_01_01 .fr_img .tt_box{width: 100%; float: left;  margin-bottom: 0.5vw}
	.continuing_01_01 .fr_img .tt_box .title{width: 100%; float: left; margin-top: 3vw; font-size: 21px; color: #333; font-weight: 500; margin-bottom:10px; }
 .continuing_01_01 .fr_img .tt_box .tx{width: 100%; float: left; font-size: 16px; color: #666;  margin-bottom: 20px; line-height: 25px}	
}
/*---------------------공통  ----------------------*/


/**** pc ****/
@media only all and (min-width:1301px) {
.continuing_02_01{width: 100%; float: left; margin-top: 1vw; display:flex;  flex-direction:row;justify-content: space-around; flex-wrap: wrap;  justify-content: space-between; }
.continuing_02_01 .inbox{width: 48%; }	
	
.continuing_02_01 .inbox .img_box{flex-basis:100%; float: left; box-sizing: 	border-box;    height: 250px; overflow: hidden}
.continuing_02_01 .inbox .img_box img{}	
.continuing_02_01 .inbox .text_box{flex-basis: 50%; float: left; padding: 2vw 0vw ; height: 318px; box-sizing: border-box ; position: relative}
.continuing_02_01 .inbox .text_box .title_b{width: 100%; float: left; font-size: 26px; color: #000; font-weight: 900; margin-bottom: 20px; box-sizing: border-box}
.continuing_02_01 .inbox .text_box .tx{width: 100%; float: left; font-size: 16px; color: #666;  line-height: 25px;  }	
.continuing_02_01 .inbox .text_box .um{ position: absolute; font-size: 80px; color: #eee; font-weight: 900; top: 10px;right: 0px}	
	
.continuing_02_01 .inbox .text_box .tx ul li{width: 100%; float: left; font-size: 16px; color: #666;  line-height: 25px;  padding-left: 15px; ; position: relative }	
	
.continuing_02_01 .inbox .text_box .tx ul li .dot{ position: absolute; top: 0px; left: 0px; font-size: 20px; color: #000; font-weight: 900 }	
	
.continuing_02_01 .text_box2{flex-basis: 50%; float: left;  box-sizing: border-box; height: 318px; }
.continuing_02_01 .text_box2 .title_b{width: 100%; float: left; font-size: 26px; color: #000; font-weight: 900; margin-bottom: 20px; padding-right: 3vw; box-sizing: border-box;  box-sizing: border-box; padding-top: 3vw}
.continuing_02_01 .text_box2 .tx{width: 100%; float: left; font-size: 16px; color: #666;  box-sizing: border-box; line-height: 25px; padding-right: 3vw; }	
	.oder_1{ order: 1} 
.oder_2{ order: 2} 
.oder_3{ order: 3} 	
.oder_4{ order: 4} 
.oder_5{ order: 5} 
.oder_6{ order: 6} 
.oder_7{ order: 7} 
.oder_8{ order: 8} 
.oder_9{ order: 9} 
	
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
		.continuing_02_01{width: 100%; float: left; margin-top: 1vw; display:flex;  flex-direction:row;justify-content: space-around; flex-wrap: wrap;  justify-content: space-between; }
.continuing_02_01 .inbox{width: 48%; }	
	
.continuing_02_01 .inbox .img_box{flex-basis:100%; float: left; box-sizing: 	border-box;    height: 250px; overflow: hidden}
.continuing_02_01 .inbox .img_box img{}	
.continuing_02_01 .inbox .text_box{flex-basis: 50%; float: left; padding: 2vw 0vw ; height: 318px; box-sizing: border-box ; position: relative}
.continuing_02_01 .inbox .text_box .title_b{width: 100%; float: left; font-size: 26px; color: #000; font-weight: 900; margin-bottom: 20px; box-sizing: border-box}
.continuing_02_01 .inbox .text_box .tx{width: 100%; float: left; font-size: 16px; color: #666;  line-height: 25px;  }	
.continuing_02_01 .inbox .text_box .um{ position: absolute; font-size: 80px; color: #eee; font-weight: 900; top: 10px;right: 0px}	
	
.continuing_02_01 .inbox .text_box .tx ul li{width: 100%; float: left; font-size: 16px; color: #666;  line-height: 25px;  padding-left: 15px; ; position: relative }	
	
.continuing_02_01 .inbox .text_box .tx ul li .dot{ position: absolute; top: 0px; left: 0px; font-size: 20px; color: #000; font-weight: 900 }	
	
	
.continuing_02_01 .text_box2{flex-basis: 50%; float: left;  box-sizing: border-box; height: 318px; }
.continuing_02_01 .text_box2 .title_b{width: 100%; float: left; font-size: 26px; color: #000; font-weight: 900; margin-bottom: 20px; padding-right: 3vw; box-sizing: border-box;  box-sizing: border-box; padding-top: 3vw}
.continuing_02_01 .text_box2 .tx{width: 100%; float: left; font-size: 16px; color: #666;  box-sizing: border-box; line-height: 25px; padding-right: 3vw; }
	.oder_1{ order: 1} 
.oder_2{ order: 2} 
.oder_3{ order: 3} 	
.oder_4{ order: 4} 
.oder_5{ order: 5} 
.oder_6{ order: 6} 
.oder_7{ order: 7} 
.oder_8{ order: 8} 
.oder_9{ order: 9} 
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.continuing_02_01{width: 100%; float: left; margin-top: 5vw; display:flex;  flex-direction:row;justify-content: space-around; flex-wrap: wrap;  justify-content: space-between;  }
.continuing_02_01 .inbox{width: 100%; }	
	
.continuing_02_01 .inbox .img_box{flex-basis:100%; float: left; box-sizing: 	border-box;   overflow: hidden}
.continuing_02_01 .inbox .img_box img{ width: 100%}	
.continuing_02_01 .inbox .text_box{flex-basis: 100%; float: left; padding: 2vw 0vw  4vw; box-sizing: border-box ; position: relative; margin-bottom: 30px}
.continuing_02_01 .inbox .text_box .title_b{width: 100%; float: left; font-size: 18px; color: #000; font-weight: 900; margin-bottom: 10px; box-sizing: border-box; margin-top: 20px}
.continuing_02_01 .inbox .text_box .tx{width: 100%; float: left; font-size: 16px; color: #666;  line-height: 25px;  }	
.continuing_02_01 .inbox .text_box .um{ position: absolute; font-size: 80px; color: #eee; font-weight: 900; top: 10px;right: 0px}	
	
.continuing_02_01 .inbox .text_box .tx ul li{width: 100%; float: left; font-size: 14px; color: #666;  line-height: 20px;  padding-left: 15px; ; position: relative }	
	
.continuing_02_01 .inbox .text_box .tx ul li .dot{ position: absolute; top: 0px; left: 0px; font-size: 20px; color: #000; font-weight: 900 }	
	
	
.continuing_02_01 .text_box2{flex-basis: 100%; float: left;  box-sizing: border-box;margin-bottom: 20px}
.continuing_02_01 .text_box2 .title_b{width: 100%; float: left; font-size: 20px; color: #000; font-weight: 900; margin-bottom: 5px; box-sizing: border-box;  box-sizing: border-box; padding-top: 3vw}
.continuing_02_01 .text_box2 .tx{width: 100%; float: left; font-size: 14px; color: #666;  box-sizing: border-box; line-height: 20px; padding-right: 3vw; }
.oder_1{ order: 1} 
.oder_2{ order: 2} 
.oder_3{ order: 4} 	
.oder_4{ order: 3} 
.oder_5{ order: 5} 
.oder_6{ order: 6} 
.oder_7{ order: 8} 
.oder_8{ order: 7} 
.oder_9{ order: 9} 	
}
/*---------------------공통  ----------------------*/



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

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



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

.continuing_02_02_01{ width: 100%; float: left; margin-top: 4vw}
.continuing_02_02_01 .fl_box{ width:65%; float: left; padding-right: 3vw; box-sizing: 	border-box;  border-right: 1px solid #ccc; }
.continuing_02_02_01 .fl_box .title{ width:100%; font-size: 30px; color: #000; font-weight: 700; float: left;font-family: 'Noto Sans KR', sans-serif;  margin-bottom: 20px ; text-align: right}
.continuing_02_02_01 .fl_box .stx{ width:100%;float: left;  font-size:18px; color: #666;   margin-bottom: 20px;  text-align: right ; text-align: right ; line-height: 25px}
.continuing_02_02_01 .fl_box .sign{ width:100%;float: left;  text-align: right}	
	
.continuing_02_02_01 .fr_box{ width:35%;float: right;  font-size:16px; color: #666;   margin-bottom: 20px ; box-sizing: 	border-box; padding-left:20px; text-align: right}
.continuing_02_02_01 .fr_box img{ }	
}	
	
	/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
.continuing_02_02_01{ width: 100%; float: left; margin-top: 4vw}
.continuing_02_02_01 .fl_box{ width:70% !important; float: left; padding-right: 3vw; box-sizing: 	border-box}
.continuing_02_02_01 .fl_box .title{ width:100%; font-size: 30px; color: #000; font-weight: 700; float: left;font-family: 'Noto Sans KR', sans-serif;  margin-bottom: 20px ; text-align: right}
.continuing_02_02_01 .fl_box .stx{ width:100%;float: left;  font-size:18px; color: #666;   margin-bottom: 20px;  text-align: right ; text-align: right ; line-height: 25px}
.continuing_02_02_01 .fl_box .sign{ width:100%;float: left;  text-align: right}	
	
.continuing_02_02_01 .fr_box{ width:30% !important;float: right;   font-size:16px; color: #666;   margin-bottom: 20px ;   box-sizing: 	border-box}
.continuing_02_02_01 .fr_box img{ width:100%; }
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.continuing_02_02_01{ width: 100%; float: left; margin-top: 4vw}
.continuing_02_02_01 .fl_box{ width:100%; float: left; padding-right: 3vw; box-sizing: 	border-box}
.continuing_02_02_01 .fl_box .title{ width:100%; font-size: 20px; color: #000; font-weight: 700; float: left;font-family: 'Noto Sans KR', sans-serif;  margin-bottom:10px ; }
.continuing_02_02_01 .fl_box .stx{ width:100%;float: left;  font-size:14px; color: #666;   margin-bottom:0px;   line-height: 20px}
.continuing_02_02_01 .fl_box .sign{ width:100%;float: left;  text-align: right}	
	
.continuing_02_02_01 .fr_box{ width:100%;float: left;  max-width: 406px;  font-size:16px; color: #666;   margin-bottom: 20px ;   box-sizing: 	border-box; text-align: center}
.continuing_02_02_01 .fr_box img{ width:70%; }}

	
	
/**** pc ****/
@media only all and (min-width:1301px) {
.continuing_02_02_03 {width:100%; float: left; position: relative ; height:580px; margin-top: 50px }	
.year_1{top: -10px; }
.year_2{top: 70px; }
.year_3{top: 160px; }
.year_4{top: 240px; }	
.year_5{top: 320px; }	
.year_6{top: 400px; }	
.year_7{top: 480px; }
.year_8{top: 560px; }
	
.year_rbox{width:50%;  position: absolute; left:50%}	
/*.year_rbox .year_icon{ position: absolute; left: -22px; top: 0px; }	*/
    .year_rbox .year_icon{ position: absolute; left: -23px; top: 5px; }
.year_rbox .year_tx{ position: absolute; left: 50px; top: 0px; font-size: 30px; font-family: 'Noto Sans KR', sans-serif;  font-weight: bold ; color: #000}	
.year_rbox .year_cont{ position: absolute; left: 150px; top: 5px; font-size:16px; line-height: 20px; color: #666}	
.year_rbox .year_cont ul { width:100%; float: left;   }		
.year_rbox .year_cont ul li{ width:100%; float: left;  margin-bottom: 5px }		
.year_rbox .year_cont ul li .tx_m{ width: 30px; float: left; color: #000; font-size: 18px}	
.year_rbox .year_cont ul li .tx_tt{ width:calc(100% - 40px) ; float: right;color: #666; font-size: 16px}	
	
.year_lbox{width:50%;  position: absolute; left:0%}	
/*.year_lbox .year_icon{ position: absolute; right: -23px; top: 0px; }*/
    .year_lbox .year_icon{ position: absolute; right: -22px; top: 5px; }
.year_lbox .year_tx{ position: absolute; right: 50px; top: 0px; font-size: 30px;font-family: 'Noto Sans KR', sans-serif;  font-weight: bold ; color: #000; text-align: right}	
.year_lbox .year_cont{ position: absolute; right: 150px; top: 5px; font-size:16px; line-height: 20px; color: #666; text-align: right}	
.year_lbox .year_cont ul { width:100%; float: left;   }		
.year_lbox .year_cont ul li{ width:100%; float: left;  margin-bottom: 5px }		
.year_lbox .year_cont ul li .tx_m{ width: 30px; float: right;color: #000; font-size: 18px;  text-align: right}	
.year_lbox .year_cont ul li .tx_tt{ width:calc(100% - 40px) ;float: left;  color: #666; font-size: 16px; text-align: right}	
		
	}
	/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {.continuing_02_02_03 {width:100%; float: left; position: relative ; height:580px; margin-top: 50px }	
.year_1{top: -10px; }
.year_2{top: 70px; }
.year_3{top: 160px; }
.year_4{top: 240px; }	
.year_5{top: 320px; }	
.year_6{top: 400px; }	
.year_7{top: 480px; }
.year_8{top: 560px; }
	
.year_rbox{width:50%;  position: absolute; left:50%}	
/*.year_rbox .year_icon{ position: absolute; left: -22px; top: 0px; }	*/
    .year_rbox .year_icon{ position: absolute; left: -23px; top: 5px; }
.year_rbox .year_tx{ position: absolute; left: 50px; top: 0px; font-size: 30px; font-family: 'Noto Sans KR', sans-serif;  font-weight: bold ; color: #000}	
.year_rbox .year_cont{ position: absolute; left: 150px; top: 5px; font-size:16px; line-height: 20px; color: #666}	
.year_rbox .year_cont ul { width:100%; float: left;   }		
.year_rbox .year_cont ul li{ width:100%; float: left;  margin-bottom: 5px }		
.year_rbox .year_cont ul li .tx_m{ width: 30px; float: left; color: #000; font-size: 18px}	
.year_rbox .year_cont ul li .tx_tt{ width:calc(100% - 40px) ; float: right;color: #666; font-size: 16px}	
	
.year_lbox{width:50%;  position: absolute; left:0%}	
/*.year_lbox .year_icon{ position: absolute; right: -23px; top: 0px; }*/
    .year_lbox .year_icon{ position: absolute; right: -22px; top: 5px; }
.year_lbox .year_tx{ position: absolute; right: 50px; top: 0px; font-size: 30px;font-family: 'Noto Sans KR', sans-serif;  font-weight: bold ; color: #000; text-align: right}	
.year_lbox .year_cont{ position: absolute; right: 150px; top: 5px; font-size:14px; line-height: 20px; color: #666; text-align: right}	
.year_lbox .year_cont ul { width:100%; float: left;   }		
.year_lbox .year_cont ul li{ width:100%; float: left;  margin-bottom: 5px }		
.year_lbox .year_cont ul li .tx_m{ width: 30px; float: right;color: #000; font-size: 18px;  text-align: right}	
.year_lbox .year_cont ul li .tx_tt{ width:calc(100% - 40px) ;float: left;  color: #666; font-size: 16px; text-align: right}	
	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.continuing_02_02_03 {width:100%; float: left;  }	

	
.year_rbox{width:100%; float: left; position: relative; margin-bottom: 0px!important ; padding: 0px !important ; margin-bottom: 20px}	
.year_rbox .year_icon{float: left; width: 30px }
.year_rbox .year_icon img{ width: 30px; height:  auto}	
.year_rbox .year_tx{ position: absolute; left: 30px; top: 0px; font-size: 20px; font-family: 'Noto Sans KR', sans-serif;  font-weight: bold ; color: #000; padding-top:0px}	
.year_rbox .year_cont{ float: left; width: 100%; font-size:13px; line-height: 20px; color: #666; margin-top: 10px; padding-left: 30px; box-sizing: border-box}	
.year_rbox .year_cont ul { width:100%; float: left;   }		
.year_rbox .year_cont ul li{ width:100%; float: left;  margin-bottom: 5px }		
.year_rbox .year_cont ul li .tx_m{ width: 30px; float: left; color: #000; font-size: 13px; }	
.year_rbox .year_cont ul li .tx_tt{ width:calc(100% - 40px) ; float: right;color: #666; font-size: 13px}	
	
.year_lbox{width:100%; float: left; position: relative;margin-bottom: 0px!important ; padding: 0px !important ; margin-bottom: 20px }	
.year_lbox .year_icon{float: left; width: 30px }
.year_lbox .year_icon img{ width: 30px; height:  auto}	
.year_lbox .year_tx{ position: absolute; left: 30px; top: 0px; font-size: 20px; font-family: 'Noto Sans KR', sans-serif;  font-weight: bold ; color: #000; padding-top:0px}	
.year_lbox .year_cont{ float: left; width: 100%; font-size:13px; line-height: 20px; color: #666; margin-top: 10px; padding-left: 30px; box-sizing: border-box}	
.year_lbox .year_cont ul { width:100%; float: left;   }		
.year_lbox .year_cont ul li{ width:100%; float: left;  margin-bottom: 5px }		
.year_lbox .year_cont ul li .tx_m{ width: 30px; float: left; color: #000; font-size: 13px; }	
.year_lbox .year_cont ul li .tx_tt{ width:calc(100% - 40px) ; float: right;color: #666; font-size: 13px}	
		
}

/**** pc ****/
@media only all and (min-width:1301px) {
/*.continuing_02_02_03 .line{width:50%; float: left; position: relative; height:100%; border-right: 3px solid #ff0000; 
    -webkit-animation-name: linean; 
    -webkit-animation-duration: 4s; 
    animation-name: linean;
    animation-duration: 4s;}*/	
    .continuing_02_02_03 .line{width:50%; float: left; position: relative; height:100%; border-right: 3px solid #ff0000; 
    -webkit-animation-name: linean; 
    -webkit-animation-duration: 4s; 
    animation-name: linean;
    animation-duration: 4s;
    top: 7px;}
    
	
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
.continuing_02_02_03 .line{width:50%; float: left; position: relative; height:100%; border-right: 3px solid #ff0000; 
    -webkit-animation-name: linean; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    animation-name: linean;
    animation-duration: 4s;}	

	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.continuing_02_02_03 .line{width:25px;  position: absolute; left:3px; top: -10px;height:100%; border-right: 3px solid #ff0000; 
    -webkit-animation-name: linean; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    animation-name: linean;
    animation-duration: 4s;}	

	
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes linean {
    from {height:0%; }
    to {height:100%; }
}

/* Standard syntax */
@keyframes linean{
    from {height:0%; }
    to {height:100%; }
}



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

.continuing_02_03_01{ width: 100%; float: left; }
.continuing_02_03_01 .tx1{ width: 100%; float: left;  margin-bottom: 20px; font-size: 18px; color: #000; font-weight: 900}
.continuing_02_03_01 .tx2{ width: 100%; float: left;  margin-bottom: 40px; font-size: 16px; color: #666;  line-height: 25px; }

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




/**** pc ****/
@media only all and (min-width:1301px) {
.continuing_01_03_02{ width: 100%; float: left;  }
.continuing_01_03_02 .fl_box{ width: 30%; float: left;  }
.continuing_01_03_02 .fr_box{ width: 65%; float: right;  }	
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
.continuing_01_03_02{ width: 100%; float: left;  }
.continuing_01_03_02 .fl_box{ width: 30%; float: left;  }
.continuing_01_03_02 .fr_box{ width: 65%; float: right;  }		

}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.continuing_01_03_02{ width: 100%; float: left;  }
.continuing_01_03_02 .fl_box{ width: 30%; float: left;  }
.continuing_01_03_02 .fr_box{ width: 65%; float: right;  }		


}





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

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

.continuing_01_03_02 .fl_box ul li .fr_dt2{ width:80%; float: right; font-size: 16px; color: #666;  padding: 20px 0px; box-sizing: border-box; border-bottom: 1px solid #ccc}
.continuing_01_03_02 .fl_box ul li .fr_dt2 .in_left{ width:30%; float: left; font-size: 16px; color: #666;  }
.continuing_01_03_02 .fl_box ul li .fr_dt2 .in_right{ width:70%; float: right; font-size: 16px; color: #666;   }	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.continuing_01_03_02 .fl_box ul { width: 100%; float: left; }
.continuing_01_03_02 .fl_boxo ul li{ width: 100%;  float: left;  border-bottom: 1px solid #ccc; box-sizing: border-box; }
.continuing_01_03_02 .fl_box ul li .fl_dt{ width: 100%; float: left;   background-position: 80% center; background-repeat: no-repeat; font-size: 16px; color: #333;  padding: 10px 5px; box-sizing: border-box; margin: 0px; font-weight: 900}
.continuing_01_03_02 .fl_box ul li .fr_dt{ width: 90%; float: right; font-size: 14px; color: #666;  padding: 5px 0px; box-sizing: border-box; }	
.continuing_01_03_02 .fl_box ul li .fr_dt .in_left{ width:30%; float: left; font-size: 14px; color: #666;  }
.continuing_01_03_02 .fl_box ul li .fr_dt .in_right{ width:70%; float: left; font-size: 14px; color: #666;   }		
.continuing_01_03_02 .fl_box ul li .fr_dt2{ width:90%; float: right; font-size: 14px; color: #666;  padding: 5px 0px; box-sizing: border-box; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin-top: -1px}
.continuing_01_03_02 .fl_box ul li .fr_dt2 .in_left{ width:30%; float: left; font-size: 14px; color: #666;  }
.continuing_01_03_02 .fl_box ul li .fr_dt2 .in_right{ width:70%; float: right; font-size: 14px; color: #666;   }	
}

/**** pc ****/
@media only all and (min-width:1301px) {
.continuing_01_02_01_pp{ width: 100%; float: left; margin-bottom: 50px   }
.continuing_01_02_01_pp .fl_box{ width: 45%; float: left;  }
.continuing_01_02_01_pp .fr_box{ width: 53%; float: right;  }	
.continuing_01_02_01_pp .fr_box .txbox{  float: left }		
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
.continuing_01_02_01_pp{ width: 100%; float: left; margin-bottom: 50px  }
.continuing_01_02_01_pp .fl_box{ width: 45%; float: left;  }
.continuing_01_02_01_pp .fr_box{ width: 50%; float: right;  }		
.continuing_01_02_01_pp .fr_box .txbox{  height: 300px; overflow: hidden ; float: left }	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.continuing_01_02_01_pp{ width: 100%; float: left; margin-bottom:80px  }
.continuing_01_02_01_pp .fl_box{  width: 100%; float: left; height: 200px; overflow: hidden  }
.continuing_01_02_01_pp .fr_box{ width: 100%; float: left;  }	
.continuing_01_02_01_pp .fr_box .txbox{   overflow: hidden ; float: left ; height: 220px;        text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    word-wrap: break-word;  white-space:norwap;}	 
}


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

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