/***  공통   ***/
/**** pc ****/
@media only all and (min-width:1301px) {
	.pc_view{display: block}
}

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



/**** pc ****/
@media only all and (min-width:1400px) {
.main_box{ width:100%; float: left }
#main_banner{ width:45%; float: left; height:686px; position: relative}
.main_right{ width:55%; float: left }

.main1 .play-stop {position: absolute; bottom: 100px; left: 50px; z-index: 9; background: url(../images/main/main_banner_stop.png) no-repeat 0 0; width:20px; height: 20px; text-indent: -9999px; }
.main1 .play-stop.play { background-image:url(../images/main/main_banner_play.png); }
.main1 .swiper-controls .prev{   position: absolute;
   top:calc(100% - 120px); left: 80px; background-color: #fff!important; width: 30px; height: 30px; background-color: #fff; border-radius: 50px;   display: flex;
  justify-content: center;
  align-items: center; z-index: 9;  box-sizing: border-box;cursor: pointer; background: url(../images/main/main_banner_back.png); background-repeat: no-repeat; background-position: center center
}
.main1 .swiper-controls .next{ position:absolute; z-index: 99999; bottom:100px;left:100px;   position: absolute;
 top:calc(100% - 120px); left: 120px;background-color: #fff!important; width: 30px; height: 30px; background-color: #fff; border-radius: 50px;   display: flex;
  justify-content: center;
  align-items: center;z-index: 9 ; border-left: 1px solid #e5e7ea; box-sizing: border-box;cursor: pointer;background: url(../images/main/main_banner_next.png); background-repeat: no-repeat; background-position: center center
}
	
.main1 .swiper-controls .swiper-pagination{   position: absolute;
   top:calc(100% - 80px); left:55px;
}
}
/**** 테블릿 ****/
@media all and (max-width:1399px) and (min-width:1025px) {
.main_box{ width:100%; float: left ; height: 100%}
#main_banner{ width:50%; float: left ;height:686px;}
.main_right{  width:50%; float: left }

.main1 .play-stop {position: absolute; bottom: 100px; left: 50px; z-index: 9; background: url(../images/main/main_banner_stop.png) no-repeat 0 0; width:20px; height: 20px; text-indent: -9999px; }
.main1 .play-stop.play { background-image:url(../images/main/main_banner_play.png); }
.main1 .swiper-controls .prev{   position: absolute;
   top:calc(100% - 120px); left: 80px; background-color: #fff!important; width: 30px; height: 30px; background-color: #fff; border-radius: 50px;   display: flex;
  justify-content: center;
  align-items: center; z-index: 9;  box-sizing: border-box;cursor: pointer; background: url(../images/main/main_banner_back.png); background-repeat: no-repeat; background-position: center center
}
.main1 .swiper-controls .next{ position:absolute; z-index: 99999; bottom:100px;left:100px;   position: absolute;
 top:calc(100% - 120px); left: 120px;background-color: #fff!important; width: 30px; height: 30px; background-color: #fff; border-radius: 50px;   display: flex;
  justify-content: center;
  align-items: center;z-index: 9 ; border-left: 1px solid #e5e7ea; box-sizing: border-box;cursor: pointer;background: url(../images/main/main_banner_next.png); background-repeat: no-repeat; background-position: center center
}
	
.main1 .swiper-controls .swiper-pagination{   position: absolute;
   top:calc(100% - 80px); left:55px;
}
}
/**** 테블릿 ****/
@media all and (max-width:1200px) and (min-width:768px) {
.main_box{ width:100%; float: left }
#main_banner{  width:100%; float: left ; position: relative}
.main_right{  width:100%; float: left }
.main1  { width:100%; float: left ; position: relative }
.main1 .play-stop {position: absolute; bottom: 100px; left: 40px; z-index: 9; background: url(../images/main/main_banner_stop.png) no-repeat 0 0; width:20px; height: 20px; text-indent: -9999px; }
.main1 .play-stop.play { background-image:url(../images/main/main_banner_play.png); }
.main1 .swiper-controls .prev{   position: absolute;
   top:calc(100% - 120px); left: 70px; background-color: #fff!important; width: 30px; height: 30px; background-color: #fff; border-radius: 50px;   display: flex;
  justify-content: center;
  align-items: center; z-index: 9;  box-sizing: border-box;cursor: pointer; background: url(../images/main/main_banner_back.png); background-repeat: no-repeat; background-position: center center
}
.main1 .swiper-controls .next{ position:absolute; z-index: 99999; bottom:100px;  position: absolute;
 top:calc(100% - 120px); left: 105px;background-color: #fff!important; width: 30px; height: 30px; background-color: #fff; border-radius: 50px;   display: flex;
  justify-content: center;
  align-items: center;z-index: 9 ; border-left: 1px solid #e5e7ea; box-sizing: border-box;cursor: pointer;background: url(../images/main/main_banner_next.png); background-repeat: no-repeat; background-position: center center
}
	
.main1 .swiper-controls .swiper-pagination{   position: absolute;
   top:calc(100% - 80px); left:45px;
}
	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.main_box{ width:100%; float: left }
#main_banner{ width:100%;  float: left }
.main_right{ width:100%; float: left }


.main1  { width:100%; float: left ; position: relative }
.main1 .play-stop {position: absolute; bottom: 60px; left: 20px; z-index: 9; background: url(../images/main/main_banner_stop.png) no-repeat 0 0; width:20px; height: 20px; text-indent: -9999px; }
.main1 .play-stop.play { background-image:url(../images/main/main_banner_play.png); }
.main1 .swiper-controls .prev{   position: absolute;
   top:calc(100% - 80px); left: 50px; background-color: #fff!important; width: 30px; height: 30px; background-color: #fff; border-radius: 50px;   display: flex;
  justify-content: center;
  align-items: center; z-index: 9;  box-sizing: border-box;cursor: pointer; background: url(../images/main/main_banner_back.png); background-repeat: no-repeat; background-position: center center
}
.main1 .swiper-controls .next{ position:absolute; z-index: 99999; bottom:60px;left:40px;   position: absolute;
 top:calc(100% - 80px); left: 85px;background-color: #fff!important; width: 30px; height: 30px; background-color: #fff; border-radius: 50px;   display: flex;
  justify-content: center;
  align-items: center;z-index: 9 ; border-left: 1px solid #e5e7ea; box-sizing: border-box;cursor: pointer;background: url(../images/main/main_banner_next.png); background-repeat: no-repeat; background-position: center center
}
	
.main1 .swiper-controls .swiper-pagination{   position: absolute;
   top:calc(100% - 40px); left:25px;
}
}




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

.main_right .main_a{ width:100%; float: left }
.main_right .main_a .inbox{ width:33.3333%; float: left ; background-color: #e0f5fc; height: 295px; display: flex; justify-content: center;  align-items: center; flex-direction:column; }

.main_right .main_a .inbox.bg1{ background-color: #e0f5fc}
.main_right .main_a .inbox.bg2{ background-color: #f4fcf7}
.main_right .main_a .inbox.bg3{ background-color: #e4f9f6}


.main_right .main_a .inbox .tx1{ width:100%; float: left ; font-size:16px; color: #7a97a1; text-align: center; margin-bottom: 10px ;margin-top: 20px  }
.main_right .main_a .inbox .tx2{ width:100%; float: left ; font-size:25px; color: #222; font-weight: 400; text-align: center;  }

.main_right .main_a .inbox .tx2 em{font-weight:900;  }
.main_right .main_a .inbox .img{ width:100%; float: left ;text-align: center;  margin-top: 10px  }
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
	

.main_right .main_a{ width:100%; float: left }
.main_right .main_a .inbox{ width:33.3333%; float: left ; background-color: #e0f5fc; height: 295px; display: flex;
  justify-content: center;  align-items: center;  flex-direction:column;}

.main_right .main_a .inbox.bg1{ background-color: #e0f5fc}
.main_right .main_a .inbox.bg2{ background-color: #f4fcf7}
.main_right .main_a .inbox.bg3{ background-color: #e4f9f6}


.main_right .main_a .inbox .tx1{ width:100%; float: left ; font-size:16px; color: #7a97a1; text-align: center; margin-bottom: 10px ;margin-top: 20px  }
.main_right .main_a .inbox .tx2{ width:100%; float: left ; font-size:25px; color: #222; font-weight: 400; text-align: center;  }

.main_right .main_a .inbox .tx2 em{font-weight:900;  }
.main_right .main_a .inbox .img{ width:100%; float: left ;text-align: center;  margin-top: 10px  }
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	

.main_right .main_a{ width:100%; float: left }
.main_right .main_a .inbox{ width:100%; float: left ; background-color: #e0f5fc; height: 100px; position: relative; padding:30px 20px; box-sizing: border-box }

.main_right .main_a .inbox.bg1{ background-color: #e0f5fc}
.main_right .main_a .inbox.bg2{ background-color: #f4fcf7}
.main_right .main_a .inbox.bg3{ background-color: #e4f9f6}


.main_right .main_a .inbox .tx1{ width:100%; float: left ; font-size:14px; color: #7a97a1; margin-bottom: 5px }
.main_right .main_a .inbox .tx2{ width:100%; float: left ; font-size:20px; color: #222; font-weight: 400;   }

.main_right .main_a .inbox .tx2 em{font-weight:900;  }
.main_right .main_a .inbox .img{position: absolute; right: 10px; top: 10px }
.main_right .main_a .inbox .img img{ width: 100px}	
}



/**** pc ****/
@media only all and (min-width:1301px) {
	
.main_right .main_b{ width:100%; float: left }
.main_right .main_b .inbox{ width:25%; float: left; height: 215px;  display: flex; justify-content: center;  align-items: center; flex-direction:column;}
.main_right .main_b .inbox .icon{ width: 110px; height: 110px; display: flex; justify-content: center; align-items: center; border-radius: 110px; overflow: hidden; background-color: #e2e2e2; margin-bottom: 10px; }
.main_right .main_b .inbox .icon img{ width:94px; }

.main_right .main_b .inbox .tx{ width:100%; float: left ; font-size:20px;  color: #000; text-align: center }

.main_right .main_b .inbox:first-child{background-color: #fff;}
.main_right .main_b .inbox:first-child .icon{background-color: #e2e2e2;}
.main_right .main_b .inbox:nth-child(2){background-color: #f6f6f6;}
.main_right .main_b .inbox:nth-child(2) .icon{background-color: #fff;}
.main_right .main_b .inbox:nth-child(3){background-color: #fff;}
.main_right .main_b .inbox:nth-child(3) .icon{background-color: #e2e2e2;}
.main_right .main_b .inbox:nth-child(4){background-color: #f6f6f6;}
.main_right .main_b .inbox:nth-child(4) .icon{background-color: #fff;}

}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
	.main_right .main_b{ width:100%; float: left }
	.main_right .main_b .inbox{ width:25%; float: left; height: 215px;  display: flex;justify-content: center; align-items: center;  flex-direction:column;}
.main_right .main_b .inbox .icon{ width:110px;  height: 110px ;    display: flex;
  justify-content: center;
  align-items: center; border-radius: 110px; overflow: hidden; background-color: #e2e2e2; margin-bottom: 10px}
.main_right .main_b .inbox .icon img{ width:94px; }

.main_right .main_b .inbox .tx{ width:100%; float: left ; font-size:20px;  color: #000; text-align: center }

.main_right .main_b .inbox:first-child{background-color: #fff;}
.main_right .main_b .inbox:first-child .icon{background-color: #e2e2e2;}
.main_right .main_b .inbox:nth-child(2){background-color: #f6f6f6;}
.main_right .main_b .inbox:nth-child(2) .icon{background-color: #fff;}
.main_right .main_b .inbox:nth-child(3){background-color: #fff;}
.main_right .main_b .inbox:nth-child(3) .icon{background-color: #e2e2e2;}
.main_right .main_b .inbox:nth-child(4){background-color: #f6f6f6;}
.main_right .main_b .inbox:nth-child(4) .icon{background-color: #fff;}
}



/**** 모바일 ****/
@media only all and (max-width:767px) {
.main_right .main_b{ width:100%; float: left }
.main_right .main_b .inbox{ width:50%; float: left ;  height:200px;  display: flex;
  justify-content: center;  align-items: center;  flex-direction:column;}
.main_right .main_b .inbox .icon{ width:90px;  height: 90px ;    display: flex;
  justify-content: center;
  align-items: center; border-radius: 110px; overflow: hidden; background-color: #e2e2e2; margin-bottom: 10px}
.main_right .main_b .inbox .icon img{ width:80px; }

.main_right .main_b .inbox .tx{ width:100%; float: left ; font-size:16px;  color: #000; text-align: center }

.main_right .main_b .inbox:first-child{background-color: #fff;}
.main_right .main_b .inbox:first-child .icon{background-color: #e2e2e2;}
.main_right .main_b .inbox:nth-child(2){background-color: #f6f6f6;}
.main_right .main_b .inbox:nth-child(2) .icon{background-color: #fff;}
.main_right .main_b .inbox:nth-child(4){background-color: #fff;}
.main_right .main_b .inbox:nth-child(4) .icon{background-color: #e2e2e2;}
.main_right .main_b .inbox:nth-child(3){background-color: #f6f6f6;}
.main_right .main_b .inbox:nth-child(3) .icon{background-color: #fff;}

}




/**** pc ****/
@media only all and (min-width:1301px) {
.main_right .main_c{ width:100%; float: left }
.main_right .main_c .inbox{ width:20%; float: left; height: 198px; display: flex; justify-content: center;  align-items: center; flex-direction:column;}
.main_right .main_c .inbox .icon{  width:100%; float: left ; text-align: center}
.main_right .main_c .inbox .icon img{ width:94px; }
.main_right .main_c .inbox .tx{ width:100%; float: left ; font-size: 18px; color: #fff; text-align: center }
.main_right .main_c .inbox.bg1{ background-color: #435262}
.main_right .main_c .inbox.bg2{ background-color: #ffad2d}
.main_right .main_c .inbox.bg3{ background-color: #adc456}
.main_right .main_c .inbox.bg4{ background-color: #1291ca}
.main_right .main_c .inbox.bg5{ background-color: #2cbab8}
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
.main_right .main_c{ width:100%; float: left }
.main_right .main_c .inbox{ width:20%; float: left ;  height: 198px;  display: flex;
  justify-content: center;  align-items: center;  flex-direction:column;}
.main_right .main_c .inbox .icon{  width:100%; float: left ; text-align: center}
.main_right .main_c .inbox .icon img{ width:94px; }

.main_right .main_c .inbox .tx{ width:100%; float: left ; font-size:20px;  color: #fff; text-align: center }

.main_right .main_c .inbox.bg1{ background-color: #435262}
.main_right .main_c .inbox.bg2{ background-color: #ffad2d}
.main_right .main_c .inbox.bg3{ background-color: #adc456}
.main_right .main_c .inbox.bg4{ background-color: #1291ca}
.main_right .main_c .inbox.bg5{ background-color: #2cbab8}
}

/**** 모바일 ****/
@media only all and (max-width:767px) {
.main_right .main_c{ width:100%; float: left }
.main_right .main_c .inbox{ width:50%; float: left ;  height: 140px;  display: flex;
  justify-content: center;  align-items: center;  flex-direction:column;}
.main_right .main_c .inbox:last-child{ width:100%; float: left ;  height: 140px;  display: flex;
  justify-content: center;  align-items: center;  flex-direction:column;}
.main_right .main_c .inbox .icon{  width:100%; float: left ; text-align: center}
.main_right .main_c .inbox .icon img{ width:70px; }
.main_right .main_c .inbox .tx{ width:100%; float: left ; font-size:20px;  color: #fff; text-align: center ; margin-bottom: 20px}
.main_right .main_c .inbox.bg1{ background-color: #435262}
.main_right .main_c .inbox.bg2{ background-color: #ffad2d}
.main_right .main_c .inbox.bg3{ background-color: #adc456}
.main_right .main_c .inbox.bg4{ background-color: #1291ca}
.main_right .main_c .inbox.bg5{ background-color: #2cbab8}
}

/********** 서브메인 *************/


@media only all and (min-width:1301px) {
	
#submain{ width:100%; float: left;display: table-cell;
    vertical-align: middle;
    margin: 0 auto;background: url(../images/sub/submain_leftbg.jpg); }
#submain .leftmenu{ width:250px; float: left;    }
#submain .fr_cont{ width: calc(100% - 250px); float: left }
#submain .fr_cont .sm_a{ width:100% ; float: left }
#submain .fr_cont .sm_a .big_banner{ width:75% ; float: left; height: 500px }
.submain1  {width:75% ; float: left; position: relative; height: 500px }
.submain1 .play-stop {position: absolute;    top:calc(100% - 65px);  right: 50px; z-index: 9; background: url(../images/main/main_banner_stop.png) no-repeat 0 0; width:20px; height: 20px; text-indent: -9999px; }
.submain1 .play-stop.play { background-image:url(../images/main/main_banner_play.png); }
.submain1  .swiper-controls .prev{   position: absolute;
   top:calc(100% - 100px);right: 90px; background-color: #fff!important; width: 30px; height: 30px; background-color: #fff; border-radius: 50px;   display: flex;
  justify-content: center;
  align-items: center; z-index: 9;  box-sizing: border-box;cursor: pointer; background: url(../images/main/main_banner_back.png); background-repeat: no-repeat; background-position: center center
}
.submain1 .swiper-controls .next{ position:absolute; z-index: 99999;   position: absolute;
 top:calc(100% - 100px); right:50px;background-color: #fff!important; width: 30px; height: 30px; background-color: #fff; border-radius: 50px;   display: flex;
  justify-content: center;
  align-items: center;z-index: 9 ; border-left: 1px solid #e5e7ea; box-sizing: border-box;cursor: pointer;background: url(../images/main/main_banner_next.png); background-repeat: no-repeat; background-position: center center
}
	
.submain1 .swiper-controls .swiper-pagination{   position: absolute;
   top:calc(100% - 60px); right:70px;
}	
	
	
.big_banner_in1{ width:100% ;  height: 500px; background: url(../images/sub/submain_banner1.jpg) ; background-size: cover;position: relative }
.big_banner_in1 .tx{ position:absolute; left: 80px; top: 80px; color: #fff; font-size: 22px;}
.big_banner_in1 .tx em{  color: #fff; font-size: 36px;}	
	
	
#submain .fr_cont .sm_a .timebox{ width:25% ; float: left; height: 500px; background-color: #e9eaf5 ; position: relative; padding: 30px; box-sizing: border-box;}
#submain .fr_cont .sm_a .timebox .titlebox{ width:338px ; height: 83px;  float: left; position: absolute; left: -30px; top: 30px; background: url(../images/sub/submain_titlebg1.png); color: #fff; padding:15px 0px 0px 110px; box-sizing: border-box; font-size: 20px; font-weight: 700; z-index: 9}
#submain .fr_cont .sm_a .timebox .time_in{ width:calc(100% - 20px) ; float: left;   margin-top: 90px; margin-left: 20px ;background: url(../images/sub/time_line.png); background-position: left top; background-repeat: repeat-y}
#submain .fr_cont .sm_a .timebox .time_in ul { width:100% ; float: left; }
#submain .fr_cont .sm_a .timebox .time_in ul li{ width:100% ; float: left; position: relative; padding-left: 90px; box-sizing: border-box ;  font-size: 15px; color: #333; margin-bottom: 30px}
#submain .fr_cont .sm_a .timebox .time_in ul li em{  color: #666699; margin-right: 20px; font-weight: 700; position: absolute; left: 30px; top: 0px}
#submain .fr_cont .sm_a .timebox .time_in ul li .icon{ width: 5px; height: 5px; border-radius: 10px; background-color: #5151a6; position: absolute; left: -2px; top: 4px; }
/**** pc ****/
}

@media all and (max-width:1300px) and (min-width:768px) {
	
#submain{ width:100%; float: left }
#submain .leftmenu{ width:250px; float: left }
#submain .fr_cont{ width:100%; float: left }
#submain .fr_cont .sm_a{ width:100% ; float: left }
#submain .fr_cont .sm_a .big_banner{ width:75% ; float: left; height: 500px }
	
	.submain1  {width:75% ; float: left; position: relative; height: 500px }
.submain1 .play-stop {position: absolute;    top:calc(100% - 65px);  right: 50px; z-index: 9; background: url(../images/main/main_banner_stop.png) no-repeat 0 0; width:20px; height: 20px; text-indent: -9999px; }
.submain1 .play-stop.play { background-image:url(../images/main/main_banner_play.png); }
.submain1  .swiper-controls .prev{   position: absolute;
   top:calc(100% - 100px);right: 90px; background-color: #fff!important; width: 30px; height: 30px; background-color: #fff; border-radius: 50px;   display: flex;
  justify-content: center;
  align-items: center; z-index: 9;  box-sizing: border-box;cursor: pointer; background: url(../images/main/main_banner_back.png); background-repeat: no-repeat; background-position: center center
}
.submain1 .swiper-controls .next{ position:absolute; z-index: 99999;   position: absolute;
 top:calc(100% - 100px); right:50px;background-color: #fff!important; width: 30px; height: 30px; background-color: #fff; border-radius: 50px;   display: flex;
  justify-content: center;
  align-items: center;z-index: 9 ; border-left: 1px solid #e5e7ea; box-sizing: border-box;cursor: pointer;background: url(../images/main/main_banner_next.png); background-repeat: no-repeat; background-position: center center
}
	
.submain1 .swiper-controls .swiper-pagination{   position: absolute;
   top:calc(100% - 60px); right:70px;
}	
	
.big_banner_in1{ width:100% ;  height: 500px; background: url(../images/sub/submain_banner1.jpg) ; background-size: cover;position: relative }
.big_banner_in1 .tx{ position:absolute; left: 80px; top: 80px; color: #fff; font-size: 22px; line-height: 36px}
.big_banner_in1 .tx em{  color: #fff; font-size: 36px;}	
		
	
#submain .fr_cont .sm_a .timebox{ width:25% ; float: left; height: 500px; background-color: #e9eaf5 ; position: relative; padding: 30px; box-sizing: border-box;}
#submain .fr_cont .sm_a .timebox .titlebox{ width:calc(100% + 30px) ; height: 83px;  float: left; position: absolute; left: -30px; top: 35px; background: url(../images/sub/submain_titlebg1.png); color: #fff; padding:15px 0px 0px 110px; box-sizing: border-box; font-size: 20px; font-weight: 700; z-index: 9}
#submain .fr_cont .sm_a .timebox .time_in{ width:calc(100% - 20px) ; float: left;   margin-top: 90px; margin-left:0px ;background: url(../images/sub/time_line.png); background-position: left top; background-repeat: repeat-y}
#submain .fr_cont .sm_a .timebox .time_in ul { width:100% ; float: left; }
#submain .fr_cont .sm_a .timebox .time_in ul li{ width:100% ; float: left; position: relative; padding-left: 90px;box-sizing: border-box ;  font-size: 15px; color: #333; margin-bottom: 20px}
#submain .fr_cont .sm_a .timebox .time_in ul li em{  color: #666699; margin-right: 20px; font-weight: 700; position: absolute; left: 30px; top: 0px}
#submain .fr_cont .sm_a .timebox .time_in ul li .icon{ width: 5px; height: 5px; border-radius: 10px; background-color: #5151a6; position: absolute; left: -2px; top: 4px; }

}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	
#submain{ width:100%; float: left }
#submain .leftmenu{ width:250px; float: left ; display: none!important}
#submain .fr_cont{ width: 100% ; float: left }
#submain .fr_cont .sm_a{ width:100% ; float: left }
#submain .fr_cont .sm_a .big_banner{ width: 100% ;  float: left; height: 250px ; overflow: hidden; margin-top: 70px}

	.submain1  {width:100% ; float: left; position: relative; height: 250px ;margin-top: 50px}
.submain1 .play-stop {position: absolute;   bottom:20px;  left: 50%; margin-left: 50px; z-index: 9; background: url(../images/main/main_banner_stop.png) no-repeat 0 0; width:20px; height: 20px; text-indent: -9999px; }
.submain1 .play-stop.play { background-image:url(../images/main/main_banner_play.png); }
.submain1  .swiper-controls .prev{  position: absolute;
   top:50%; left:10px;background-color: #fff!important; width: 30px; height: 30px;border-radius: 50px;   display: flex;
  justify-content: center;
  align-items: center; z-index: 9;  box-sizing: border-box;cursor: pointer; background: url(../images/main/main_banner_back.png); background-repeat: no-repeat; background-position: center center;display: none; 
}
.submain1 .swiper-controls .next{ position:absolute; z-index: 99999;   position: absolute;
 top:50%; right:10px;background-color: #fff!important; width: 30px; height: 30px; border-radius: 50px;   display: flex;
  justify-content: center;
  align-items: center;z-index: 9 ; border-left: 1px solid #e5e7ea; box-sizing: border-box;cursor: pointer;background: url(../images/main/main_banner_next.png); background-repeat: no-repeat; background-position: center center;display: none; 
}
	
.submain1 .swiper-controls .swiper-pagination{   position: absolute;
  bottom:20px;  left: 50%;  margin-left: -50px;
}	
	
	
.big_banner_in1{ width:100% ;  height: 250px; background: url(../images/sub/submain_banner1.jpg) ; background-size: cover;position: relative ; background-position: center center}
.big_banner_in1 .tx{ position:absolute; left: 20px; top: 30px; color: #fff; font-size: 16px;}
.big_banner_in1 .tx em{  color: #fff; font-size: 20px;}	
		
	
#submain .fr_cont .sm_a .timebox{ width: 100% ;  float: left;  background-color: #e9eaf5 ; position: relative; padding:20px 15px; box-sizing: border-box;}
#submain .fr_cont .sm_a .timebox .titlebox{ width:100% ;  float: left;   color: #000; box-sizing: border-box; font-size: 20px; font-weight: 700; z-index: 9; border-bottom: 1px solid #ccc; padding-bottom: 10px}
#submain .fr_cont .sm_a .timebox .time_in{ width:100%; float: left;   margin-top: 20px; margin-left: 10px ;background: url(../images/sub/time_line.png); background-position: left top; background-repeat: repeat-y}
#submain .fr_cont .sm_a .timebox .time_in ul { width:100% ; float: left; }
#submain .fr_cont .sm_a .timebox .time_in ul li{ width:100% ; float: left; position: relative;padding-left: 80px; box-sizing: border-box ;  font-size: 13px; color: #333; margin-bottom: 10px}
#submain .fr_cont .sm_a .timebox .time_in ul li em{  color: #666699; margin-right: 20px; font-weight: 700; position: absolute; left: 20px; top: 0px}
#submain .fr_cont .sm_a .timebox .time_in ul li .icon{ width: 5px; height: 5px; border-radius: 10px; background-color: #5151a6; position: absolute; left: -2px; top: 4px; }
/**** pc ****/
}





/**** pc ****/
@media only all and (min-width:1301px) {
	#submain .fr_cont .sm_b{ width:100% ; float: left }
#submain .fr_cont .sm_b a.bin1{ width:25% ; float: left ; height: 260px; padding: 50px; box-sizing: border-box;  background: url( ../images/sub/submain2_img1.png); background-color: #4b9ace ; background-position: 90% 90%; background-repeat: no-repeat; position: relative}
#submain .fr_cont .sm_b a.bin1 .tx1{ width:100% ; float: left ; color: #fff; font-size: 24px; font-weight: 700 ; margin-bottom: 10px }
#submain .fr_cont .sm_b a.bin1 .tx2{ width:100% ; float: left ; color: rgba(255,255,255,0.7); font-size: 16px; line-height: 22px; font-weight: 700 ; margin-bottom: 10px }
#submain .fr_cont .sm_b a.bin1 .moreicon{position: absolute; right: 20px ;top: 20px }
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
	#submain .fr_cont .sm_b{ width:100% ; float: left }
#submain .fr_cont .sm_b a.bin1{ width:25% ; float: left ; height: 260px; padding: 30px; box-sizing: border-box;  background: url( ../images/sub/submain2_img1.png); background-color: #4b9ace ; background-position: 90% 90%; background-repeat: no-repeat; position: relative}
#submain .fr_cont .sm_b a.bin1 .tx1{ width:100% ; float: left ; color: #fff; font-size: 24px; font-weight: 700 ; margin-bottom: 10px }
#submain .fr_cont .sm_b a.bin1 .tx2{ width:100% ; float: left ; color: rgba(255,255,255,0.7); font-size: 16px; line-height: 22px; font-weight: 700 ; margin-bottom: 10px }
#submain .fr_cont .sm_b a.bin1 .moreicon{position: absolute; right: 20px ;top: 20px }
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	#submain .fr_cont .sm_b{ width:100% ; float: left }
#submain .fr_cont .sm_b a.bin1{ width:50% ; float: left ; height: 180px; padding: 15px; box-sizing: border-box;  background: url( ../images/sub/submain2_img1.png); background-color: #4b9ace ; background-position: 90% 90%; background-repeat: no-repeat;  background-size: 90px; position: relative}
#submain .fr_cont .sm_b a.bin1 .tx1{ width:100% ; float: left ; color: #fff; font-size: 18px; font-weight: 700 ; margin-bottom: 10px }
#submain .fr_cont .sm_b a.bin1 .tx2{ width:100% ; float: left ; color: rgba(255,255,255,0.7); font-size: 12px; line-height: 16px; font-weight: 700 ; margin-bottom: 10px }
#submain .fr_cont .sm_b a.bin1 .moreicon{position: absolute; right: 10px ;top: 5px }
}




/**** pc ****/
@media only all and (min-width:1301px) {
	
#submain .fr_cont .sm_b a.bin2{ width:25% ; float: left ; height: 260px; padding: 50px; box-sizing: border-box;  background: url( ../images/sub/submain2_img2.png); background-color: #945fa6 ; background-position: 120% 110%; background-repeat: no-repeat; position: relative}
#submain .fr_cont .sm_b a.bin2 .tx1{ width:100% ; float: left ; color: #fff; font-size: 24px; font-weight: 700 ; margin-bottom: 10px }
#submain .fr_cont .sm_b a.bin2 .tx2{ width:100% ; float: left ; color: rgba(255,255,255,0.7); font-size: 16px; line-height: 22px; font-weight: 700 ; margin-bottom: 10px }
#submain .fr_cont .sm_b a.bin2 .moreicon{position: absolute; right: 20px ;top: 20px }

}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
	
#submain .fr_cont .sm_b a.bin2{ width:25% ; float: left ; height: 260px; padding: 30px; box-sizing: border-box;  background: url( ../images/sub/submain2_img2.png); background-color: #945fa6 ; background-position: 150% 130%; background-repeat: no-repeat; position: relative}
#submain .fr_cont .sm_b a.bin2 .tx1{ width:100% ; float: left ; color: #fff; font-size: 24px; font-weight: 700 ; margin-bottom: 10px }
#submain .fr_cont .sm_b a.bin2 .tx2{ width:100% ; float: left ; color: rgba(255,255,255,0.7); font-size: 16px; line-height: 22px; font-weight: 700 ; margin-bottom: 10px }
#submain .fr_cont .sm_b a.bin2 .moreicon{position: absolute; right: 20px ;top: 20px }

}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	
#submain .fr_cont .sm_b a.bin2{ width:50% ; float: left ; height: 180px; padding: 15px; box-sizing: border-box;  background: url( ../images/sub/submain2_img2.png);  background-size: 150px; background-color: #945fa6 ; background-position: 100% 100%; background-repeat: no-repeat; position: relative}
#submain .fr_cont .sm_b a.bin2 .tx1{ width:100% ; float: left ; color: #fff; font-size: 18px; font-weight: 700 ; margin-bottom: 10px }
#submain .fr_cont .sm_b a.bin2 .tx2{ width:100% ; float: left ; color: rgba(255,255,255,0.7); font-size: 12px; line-height: 16px; font-weight: 700 ; margin-bottom: 10px }
#submain .fr_cont .sm_b a.bin2 .moreicon{position: absolute; right: 10px ;top: 5px }

}





/**** pc ****/
@media only all and (min-width:1301px) {
	
#submain .fr_cont .sm_b{ width:100% ; float: left }
#submain .fr_cont .sm_b a.bin3{ width:25% ; float: left ; height: 260px; padding: 50px; box-sizing: border-box;  background: url( ../images/sub/submain2_img3.png); background-color: #00b49b ; background-position: 90% 90%; background-repeat: no-repeat; position: relative}
#submain .fr_cont .sm_b a.bin3 .tx1{ width:100% ; float: left ; color: #fff; font-size: 24px; font-weight: 700 ; margin-bottom: 10px }
#submain .fr_cont .sm_b a.bin3 .tx2{ width:100% ; float: left ; color: rgba(255,255,255,0.7); font-size: 16px; line-height: 22px; font-weight: 700 ; margin-bottom: 10px }
#submain .fr_cont .sm_b a.bin3 .moreicon{position: absolute; right: 20px ;top: 20px }


}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
	
#submain .fr_cont .sm_b{ width:100% ; float: left }
#submain .fr_cont .sm_b a.bin3{ width:25% ; float: left ; height: 260px; padding: 30px; box-sizing: border-box;  background: url( ../images/sub/submain2_img3.png); background-color: #00b49b ; background-position: 90% 90%; background-repeat: no-repeat; position: relative}
#submain .fr_cont .sm_b a.bin3 .tx1{ width:100% ; float: left ; color: #fff; font-size: 24px; font-weight: 700 ; margin-bottom: 10px }
#submain .fr_cont .sm_b a.bin3 .tx2{ width:100% ; float: left ; color: rgba(255,255,255,0.7); font-size: 16px; line-height: 22px; font-weight: 700 ; margin-bottom: 10px }
#submain .fr_cont .sm_b a.bin3 .moreicon{position: absolute; right: 20px ;top: 20px }


}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	
#submain .fr_cont .sm_b{ width:100% ; float: left }
#submain .fr_cont .sm_b a.bin3{ width:50% ; float: left ; height: 180px; padding: 15px; box-sizing: border-box;  background: url( ../images/sub/submain2_img3.png);  background-size: 90px; background-color: #00b49b ; background-position: 90% 90%; background-repeat: no-repeat; position: relative}
#submain .fr_cont .sm_b a.bin3 .tx1{ width:100% ; float: left ; color: #fff; font-size: 18px; font-weight: 700 ; margin-bottom: 10px }
#submain .fr_cont .sm_b a.bin3 .tx2{ width:100% ; float: left ; color: rgba(255,255,255,0.7); font-size: 12px; line-height: 18px; font-weight: 700 ; margin-bottom: 10px }
#submain .fr_cont .sm_b a.bin3 .moreicon{position: absolute; right:10px ;top: 5px }


}



/**** pc ****/
@media only all and (min-width:1301px) {
	#submain .fr_cont .sm_b{ width:100% ; float: left }
#submain .fr_cont .sm_b .bin4{ width:25% ; float: left ; height: 260px; padding: 50px; box-sizing: border-box;  background-color: #5f61a6; background-position: 90% 90%; background-repeat: no-repeat; position: relative}
#submain .fr_cont .sm_b .bin4 .tx1{ width:100% ; float: left ; color: #fff; font-size: 24px; font-weight: 700 ; margin-bottom: 10px }
#submain .fr_cont .sm_b .bin4 .tx2{ width:100% ; float: left ; color: rgba(255,255,255,0.7); font-size: 16px; line-height: 22px; font-weight: 700 ; margin-bottom: 20px }
#submain .fr_cont .sm_b .bin4 .moreicon{position: absolute; right: 20px ;top: 20px }
	
#submain .fr_cont .sm_b .bin4 .imgbox{width:100% ; float: left ;  display: flex;
  justify-content: center;
  align-items: center;  flex-direction:row;justify-content: space-between;}
#submain .fr_cont .sm_b .bin4 .imgbox .inbox1{ width:46% ; float: left ; height: 70px;  background-size: cover;   display: flex;
  justify-content: center;
  align-items: center; color: #fff; font-size: 14px; background: url("../images/sub/seat1.jpg") ; opacity:0.7;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 */  

}
#submain .fr_cont .sm_b .bin4 .imgbox{width:100% ; float: left ;  display: flex;
  justify-content: center;
  align-items: center;  flex-direction:row;justify-content: space-between;}
#submain .fr_cont .sm_b .bin4 .imgbox .inbox1:hover{ width:46% ; float: left ; height: 70px;  background-size: cover;   display: flex;
  justify-content: center;
  align-items: center; color: #fff; font-size: 14px; background: url("../images/sub/seat1.jpg") ; opacity: 1}	
	
#submain .fr_cont .sm_b .bin4 .imgbox .inbox2{ width:46% ; float: left ; height: 70px;  background-size: cover;   display: flex;
  justify-content: center;
  align-items: center; color: #fff; font-size: 14px; background: url("../images/sub/seat2.jpg"); opacity:0.7;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 */ }	
	
#submain .fr_cont .sm_b .bin4 .imgbox .inbox2:hover{ width:46% ; float: left ; height: 70px;  background-size: cover;   display: flex;
  justify-content: center;
  align-items: center; color: #fff; font-size: 14px; background: url("../images/sub/seat2.jpg"); opacity: 1}	

}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
	#submain .fr_cont .sm_b{ width:100% ; float: left }
#submain .fr_cont .sm_b .bin4{ width:25% ; float: left ; height:260px; padding: 30px; box-sizing: border-box;  background-color: #5f61a6; background-position: 90% 90%; background-repeat: no-repeat; position: relative}
#submain .fr_cont .sm_b .bin4 .tx1{ width:100% ; float: left ; color: #fff; font-size: 24px; font-weight: 700 ; margin-bottom: 10px }
#submain .fr_cont .sm_b .bin4 .tx2{ width:100% ; float: left ; color: rgba(255,255,255,0.7); font-size: 16px; line-height: 22px; font-weight: 700 ; margin-bottom: 30px }
#submain .fr_cont .sm_b .bin4 .moreicon{position: absolute; right: 20px ;top: 20px }
	#submain .fr_cont .sm_b .bin4 .imgbox{width:100% ; float: left ;  display: flex;
  justify-content: center;
  align-items: center;  flex-direction:row;justify-content: space-between;}
	#submain .fr_cont .sm_b .bin4 .imgbox .inbox1{ width:46% ; float: left ; height: 70px;  background-size: cover;   display: flex;
  justify-content: center;
  align-items: center; color: #fff; font-size: 14px; background: url("../images/sub/seat1.jpg") ; opacity:0.7;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 */  

}
#submain .fr_cont .sm_b .bin4 .imgbox .inbox1:hover{ width:46% ; float: left ; height: 70px;  background-size: cover;   display: flex;
  justify-content: center;
  align-items: center; color: #fff; font-size: 14px; background: url("../images/sub/seat1.jpg") ; opacity: 1}	
	
#submain .fr_cont .sm_b .bin4 .imgbox .inbox2{ width:46% ; float: left ; height: 70px;  background-size: cover;   display: flex;
  justify-content: center;
  align-items: center; color: #fff; font-size: 14px; background: url("../images/sub/seat2.jpg"); opacity:0.7;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 */ }	
	
#submain .fr_cont .sm_b .bin4 .imgbox .inbox2:hover{ width:46% ; float: left ; height: 70px;  background-size: cover;   display: flex;
  justify-content: center;
  align-items: center; color: #fff; font-size: 14px; background: url("../images/sub/seat2.jpg"); opacity: 1}	


}
/**** 모바일 ****/
@media only all and (max-width:767px) {
#submain .fr_cont .sm_b{ width:100% ; float: left }
#submain .fr_cont .sm_b .bin4{ width:50% ; float: left ; height: 180px; padding: 15px; box-sizing: border-box;   background-size: 90px;background-color: #5f61a6; background-position: 90% 90%; background-repeat: no-repeat; position: relative}
#submain .fr_cont .sm_b .bin4 .tx1{ width:100% ; float: left ; color: #fff; font-size: 18px; font-weight: 700 ; margin-bottom: 10px }
#submain .fr_cont .sm_b .bin4 .tx2{ width:100% ; float: left ; color: rgba(255,255,255,0.7); font-size: 12px; line-height: 18px; font-weight: 700 ; margin-bottom: 10px }
#submain .fr_cont .sm_b .bin4 .moreicon{position: absolute; right: 10px ;top: 5px }
	#submain .fr_cont .sm_b .bin4 .imgbox{width:100% ; float: left ;  display: flex;
  justify-content: center;
  align-items: center;  flex-direction:row;justify-content: space-between;}
		#submain .fr_cont .sm_b .bin4 .imgbox .inbox1{ width:48% ; float: left ; height: 70px;  background-size: cover;   display: flex;
  justify-content: center;
  align-items: center; color: #fff; font-size: 14px; background: url("../images/sub/seat1.jpg") ; opacity:0.7;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 */  

}
#submain .fr_cont .sm_b .bin4 .imgbox .inbox1:hover{ width:48% ; float: left ; height: 70px;  background-size: cover;   display: flex;
  justify-content: center;
  align-items: center; color: #fff; font-size: 14px; background: url("../images/sub/seat1.jpg") ; opacity: 1}	
	
#submain .fr_cont .sm_b .bin4 .imgbox .inbox2{ width:46% ; float: left ; height: 70px;  background-size: cover;   display: flex;
  justify-content: center;
  align-items: center; color: #fff; font-size: 14px; background: url("../images/sub/seat2.jpg"); opacity:0.7;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 */ }	
	
#submain .fr_cont .sm_b .bin4 .imgbox .inbox2:hover{ width:46% ; float: left ; height: 70px;  background-size: cover;   display: flex;
  justify-content: center;
  align-items: center; color: #fff; font-size: 14px; background: url("../images/sub/seat2.jpg"); opacity: 1}	


}




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

#submain .fr_cont .sm_c{ width:100% ; float: left }
#submain .fr_cont .sm_c .news_titlebox{ width:25% ; float: left ; background-color: #f4f4f9; padding-left: 60px; box-sizing: border-box; height: 380px; position: relative }
#submain .fr_cont .sm_c .news_titlebox .line{ width:100% ;  float: left ; height: 50px; border-left: 1px solid #333; margin-bottom: 20px}
#submain .fr_cont .sm_c .news_titlebox .tx1{ width:100% ;  float: left ; font-size: 12px; margin-bottom: 10px;text-transform: uppercase}
#submain .fr_cont .sm_c .news_titlebox .tx2{ width:100% ;  float: left ; font-size: 30px; color: #000; margin-bottom: 20px;font-weight: 500}
#submain .fr_cont .sm_c .news_titlebox .tx2 em{ color: #000;font-weight: 900}
#submain .fr_cont .sm_c .news_titlebox .tx3{ width:100% ;  float: left ; font-size: 14px; color: #666; line-height: 22px}
#submain .fr_cont .sm_c .news_titlebox .more{ bottom: 60px; left: 50px; position:absolute}


#submain .fr_cont .sm_c .news_titlebox .tab{ width:160px ;position: absolute; right: -50px; top: 80px}
#submain .fr_cont .sm_c .news_titlebox .tab ul li{ width:110px ;float: left; margin-bottom: 1px; background-color: #e9e9f1; box-sizing: border-box; color: #333}
#submain .fr_cont .sm_c .news_titlebox .tab ul li a{ font-size: 14px; color: #333; letter-spacing: -1px;  width: 100%;  float: left; padding: 0px 20px; height: 47px;line-height: 47px}
#submain .fr_cont .sm_c .news_titlebox .tab ul li  a .icon{ width:50px ; height: 47px; position: absolute; right: -50px; top: 0px; z-index: 99999; display:none; background: url(../images/sub/submain2_news_go.jpg)}



#submain .fr_cont .sm_c .news_titlebox .tab ul li.selected { width:110px ;float: left; margin-bottom: 1px; background-color: #333399;  box-sizing: border-box; color: #333; position: relative}
#submain .fr_cont .sm_c .news_titlebox .tab ul li.selected  a .icon{ width:50px ;position: absolute; right: -50px; top: 0px; z-index: 99999; display: block; background: url(../images/sub/submain2_news_go.jpg); height: 47px}

#submain .fr_cont .sm_c .news_titlebox .tab ul li.selected  a{ font-size: 14px; width: 100%;float: left; color: #fff; padding: 0px 20px; height: 47px;line-height: 47px;}


#submain .fr_cont .sm_c .news_list{ width:75% ; float: left ;  padding:0px 90px; box-sizing: border-box; height: 380px; position: relative ; background-color: #fff}
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
	

#submain .fr_cont .sm_c{ width:100% ; float: left }
#submain .fr_cont .sm_c .news_titlebox{ width:25% ; float: left ; background-color: #f4f4f9; padding-left: 30px; box-sizing: border-box; height: 380px; position: relative }
#submain .fr_cont .sm_c .news_titlebox .line{ width:100% ;  float: left ; height: 30px; border-left: 1px solid #333; margin-bottom: 20px}
#submain .fr_cont .sm_c .news_titlebox .tx1{ width:100% ;  float: left ; font-size: 11px; margin-bottom: 5px}
#submain .fr_cont .sm_c .news_titlebox .tx2{ width:100% ;  float: left ; font-size: 26px; color: #000;margin-bottom: 10px;font-weight: 500}
#submain .fr_cont .sm_c .news_titlebox .tx2 em{ color: #000;font-weight: 900}
#submain .fr_cont .sm_c .news_titlebox .tx3{ width:100% ;  float: left ; font-size: 13px; color: #666; line-height:18px}
#submain .fr_cont .sm_c .news_titlebox .more{ bottom: 60px; left: 50px; position:absolute}


#submain .fr_cont .sm_c .news_titlebox .tab{ width:160px ;position: absolute; right: -50px; top: 170px}
#submain .fr_cont .sm_c .news_titlebox .tab ul li{ width:110px ;float: left; margin-bottom: 1px; background-color: #e9e9f1; box-sizing: border-box; color: #333}
#submain .fr_cont .sm_c .news_titlebox .tab ul li a{ font-size: 14px; color: #333; letter-spacing: -1px;  width: 100%;  float: left; padding: 0px 20px; height: 30px;line-height: 30px}
#submain .fr_cont .sm_c .news_titlebox .tab ul li  a .icon{ width:50px ; height: 30px; position: absolute; right: -50px; top: 0px; z-index: 99999; display:none; background: url(../images/sub/submain2_news_go.jpg); background-size: cover}



#submain .fr_cont .sm_c .news_titlebox .tab ul li.selected { width:110px ;float: left; margin-bottom: 1px; background-color: #333399;  box-sizing: border-box; color: #333; position: relative}
#submain .fr_cont .sm_c .news_titlebox .tab ul li.selected  a .icon{ width:30px ;position: absolute; right: -30px; top: 0px; z-index: 99999; display: block; background: url(../images/sub/submain2_news_go.jpg); ; background-size: cover;height: 30px}

#submain .fr_cont .sm_c .news_titlebox .tab ul li.selected  a{ font-size: 14px; width: 100%;float: left; color: #fff; padding: 0px 20px; height: 30px;line-height: 30px;}


#submain .fr_cont .sm_c .news_list{ width:75% ; float: left ;  padding: 30px 40px; box-sizing: border-box; height: 380px; position: relative ; background-color: #fff}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
#submain .fr_cont .sm_c{ width:100% ; float: left;  box-sizing: border-box;}
#submain .fr_cont .sm_c .news_titlebox{ width:100% ; float: left ; background-color: #f4f4f9;  box-sizing: border-box;  position: relative;; padding-top: 20px; box-sizing: border-box; }
#submain .fr_cont .sm_c .news_titlebox .line{ width:100% ;  float: left ; height:20px; border-left: 1px solid #333; margin-bottom: 5px; display: none}
#submain .fr_cont .sm_c .news_titlebox .tx1{ width:100% ;  float: left ; font-size: 11px; margin-bottom: 10px; padding: 0px 15px; box-sizing: border-box;}
#submain .fr_cont .sm_c .news_titlebox .tx2{ width:100% ;  float: left ; font-size: 26px; color: #000;font-weight: 200; margin-bottom: 10px;font-weight: 500; padding: 0px 15px;  box-sizing: border-box;}
#submain .fr_cont .sm_c .news_titlebox .tx2 em{ color: #000;font-weight: 900}
#submain .fr_cont .sm_c .news_titlebox .tx3{ width:100% ;  float: left ; font-size: 12px; color: #666; line-height: 22px; padding: 0px 15px;box-sizing: border-box;  margin-bottom: 20px}
#submain .fr_cont .sm_c .news_titlebox .more{ top: 10px; right: 10px; position:absolute}


#submain .fr_cont .sm_c .news_titlebox .tab{ width:100% ;float: left ; margin-top: 10px}
#submain .fr_cont .sm_c .news_titlebox .tab ul li{ width:20% ;float: left; margin-bottom: 1px; background-color: #e9e9f1; box-sizing: border-box; color: #333}
#submain .fr_cont .sm_c .news_titlebox .tab ul li a{ font-size: 12px; color: #333; letter-spacing: -1px;  width: 100%;  float: left; padding: 0px 0px; height: 47px;line-height: 47px; text-align: center}



#submain .fr_cont .sm_c .news_titlebox .tab ul li.selected { width:20% ;float: left; margin-bottom: 1px; background-color: #333399;  box-sizing: border-box; color: #333; position: relative}
#submain .fr_cont .sm_c .news_titlebox .tab ul li.selected  a .icon{ width:50px ;position: absolute; right: -50px; top: 0px; z-index: 99999; display: none}

#submain .fr_cont .sm_c .news_titlebox .tab ul li.selected  a{ font-size: 12px; width: 100%;float: left; color: #fff; padding: 0px 0px; height: 47px;line-height: 47px}


#submain .fr_cont .sm_c .news_list{ width:100% ; float: left ;   box-sizing: border-box; position: relative }
}



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

#submain .fr_cont .sm_c2_1{ width:50% ; float: left; }
#submain .fr_cont .sm_c2_1.bg1{background-color: #f4f4f9; }
#submain .fr_cont .sm_c2_1.bg2{background-color: #fff; }
	
#submain .fr_cont .sm_c2_1 .news_titlebox{ width:250px ; float: left ;  padding-left: 60px; box-sizing: border-box; height: 380px; position: relative }
#submain .fr_cont .sm_c2_1 .news_titlebox .line{ width:100% ;  float: left ; height: 50px; border-left: 1px solid #333; margin-bottom: 20px}
#submain .fr_cont .sm_c2_1 .news_titlebox .tx1{ width:100% ;  float: left ; font-size: 12px; margin-bottom: 10px;text-transform: uppercase}
#submain .fr_cont .sm_c2_1 .news_titlebox .tx2{ width:100% ;  float: left ; font-size: 30px; color: #000; margin-bottom: 20px;font-weight: 500}
#submain .fr_cont .sm_c2_1 .news_titlebox .tx2 em{ color: #000;font-weight: 900}
#submain .fr_cont .sm_c2_1 .news_titlebox .tx3{ width:100% ;  float: left ; font-size: 14px; color: #666; line-height: 22px}
#submain .fr_cont .sm_c2_1 .news_titlebox .more{ top: 150px; left: 50px; position:absolute}


#submain .fr_cont .sm_c2_1 .news_list{ width:calc(100% - 250px) ; float: left ;  padding:70px 50px 0px 0px; box-sizing: border-box; position: relative ;}
#submain .fr_cont .sm_c2_1 .news_list ul { width:100% ; float: left ; }	
#submain .fr_cont .sm_c2_1 .news_list ul li{ width:100% ; float: left ; padding: 10px 0px; color: #333; font-size: 16px; }
#submain .fr_cont .sm_c2_1 .news_list ul li em{ color: #666 ;float: right}	
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
	
#submain .fr_cont .sm_c2_1{ width:100% ; float: left; }
#submain .fr_cont .sm_c2_1.bg1{background-color: #f4f4f9; }
#submain .fr_cont .sm_c2_1.bg2{background-color: #fff; }
	
#submain .fr_cont .sm_c2_1 .news_titlebox{ width:250px ; float: left ;  padding-left: 60px; box-sizing: border-box; height: 380px; position: relative }
#submain .fr_cont .sm_c2_1 .news_titlebox .line{ width:100% ;  float: left ; height: 50px; border-left: 1px solid #333; margin-bottom: 20px}
#submain .fr_cont .sm_c2_1 .news_titlebox .tx1{ width:100% ;  float: left ; font-size: 12px; margin-bottom: 10px;text-transform: uppercase}
#submain .fr_cont .sm_c2_1 .news_titlebox .tx2{ width:100% ;  float: left ; font-size: 30px; color: #000; margin-bottom: 20px;font-weight: 500}
#submain .fr_cont .sm_c2_1 .news_titlebox .tx2 em{ color: #000;font-weight: 900}
#submain .fr_cont .sm_c2_1 .news_titlebox .tx3{ width:100% ;  float: left ; font-size: 14px; color: #666; line-height: 22px}
#submain .fr_cont .sm_c2_1 .news_titlebox .more{ top: 150px; left: 50px; position:absolute}


#submain .fr_cont .sm_c2_1 .news_list{ width:calc(100% - 250px) ; float: left ;  padding:70px 50px 0px 0px; box-sizing: border-box; position: relative ;}
#submain .fr_cont .sm_c2_1 .news_list ul { width:100% ; float: left ; }	
#submain .fr_cont .sm_c2_1 .news_list ul li{ width:100% ; float: left ; padding: 10px 0px; color: #333; font-size: 16px; }
#submain .fr_cont .sm_c2_1 .news_list ul li em{ color: #666 ;float: right}	

}
/**** 모바일 ****/
@media only all and (max-width:767px) {
#submain .fr_cont .sm_c2_1{ width:100% ; float: left;  box-sizing: border-box;}
#submain .fr_cont .sm_c2_1.bg1{background-color: #f4f4f9; }
#submain .fr_cont .sm_c2_1.bg2{background-color: #fff; }
	
	
#submain .fr_cont .sm_c2_1 .news_titlebox{ width:100% ; float: left ; box-sizing: border-box;  position: relative;; padding-top: 20px; box-sizing: border-box; }
#submain .fr_cont .sm_c2_1 .news_titlebox .line{ width:100% ;  float: left ; height:20px; border-left: 1px solid #333; margin-bottom: 5px; display: none}
#submain .fr_cont .sm_c2_1 .news_titlebox .tx1{ width:100% ;  float: left ; font-size: 11px; margin-bottom: 10px; padding: 0px 15px; box-sizing: border-box;}
#submain .fr_cont .sm_c2_1 .news_titlebox .tx2{ width:100% ;  float: left ; font-size: 26px; color: #000;font-weight: 200; margin-bottom: 10px;font-weight: 500; padding: 0px 15px;  box-sizing: border-box;}
#submain .fr_cont .sm_c2_1 .news_titlebox .tx2 em{ color: #000;font-weight: 900}
#submain .fr_cont .sm_c2_1 .news_titlebox .tx3{ width:100% ;  float: left ; font-size: 12px; color: #666; line-height: 22px; padding: 0px 15px;box-sizing: border-box;  margin-bottom:10px}
#submain .fr_cont .sm_c2_1 .news_titlebox .more{ top: 10px; right: 10px; position:absolute}

#submain .fr_cont .sm_c2_1 .news_list{ width:100% ; float: left ;  padding:20px; box-sizing: border-box; position: relative ;}
#submain .fr_cont .sm_c2_1 .news_list ul { width:100% ; float: left ; }	
#submain .fr_cont .sm_c2_1 .news_list ul li{ width:100% ; float: left ; padding: 10px 0px; color: #333; font-size: 14px; }
#submain .fr_cont .sm_c2_1 .news_list ul li em{ color: #666 ;float: right}	
}




/**** pc ****/
@media only all and (min-width:1401px) {
	.news_list_inbox{width:100%;  float: left; margin-top: 50px  }
.news_list_inbox{width:100%; float: left; padding: 0px 0px 0px; box-sizing: border-box  }
.data{width:60px; float: left; text-align: center ; color: #666; font-size: 12px; }
.data em{width:100%; float: left; text-align: center ;font-family: 'Lato', sans-serif;  color: #000 ; font-weight: 700; font-size: 50px; margin-top: 0px; line-height: 50px;  }
.news_list_inbox .list{width:calc(100% - 60px); float: left;  padding-left: 20px; box-sizing: border-box}
.news_list_inbox .list .tx_b{width:100% ; float: left;;font-family: 'Noto Sans KR', sans-serif;  color: #000 ; font-weight: 700; font-size:20px; margin-bottom: 20px ; line-height: 25px; letter-spacing: -2px}
.news_list_inbox .list .tx_b a{width:100% ; float: left;;font-family: 'Noto Sans KR', sans-serif;  color: #000 ; font-weight: 700; font-size:20px;line-height: 25px; letter-spacing: -2px}

.news_list_inbox .list .tx_s{width:100% ; float: left; color: #666 ; font-size: 14px; margin-bottom: 5px; padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 10px; line-height: 20px}
.news_list_inbox .list .tx_time{width:100% ; float: left; color: #666 ; font-size: 13px; margin-bottom: 5px; padding-bottom: 2px; margin-bottom: 10px}
.news_list_inbox .list .tx_ar{width:100% ; float: left;;font-family: 'Noto Sans KR', sans-serif;  color: #000 ; font-weight: 700;  font-size: 13px;  margin-bottom: 5px; padding-bottom: 2px; font-size: 14px; }
.news_list_inbox .list .more{float: left; color: #666 ; font-size: 12px; border-bottom: 1px solid #ccc}
}
/**** 테블릿 ****/
@media all and (max-width:1400px) and (min-width:768px) {
	.news_list_inbox{width:100%;  float: left; margin-top: 40px  }
.news_list_inbox{width:100%; float: left; padding: 0px 5px; box-sizing: border-box  }
.data{width:60px; float: left; text-align: center ; color: #666; font-size: 12px; }
.data em{width:100%; float: left; text-align: center ;font-family: 'Lato', sans-serif;  color: #000 ; font-weight: 700; font-size: 50px; margin-top: 0px; line-height: 50px;  }
.news_list_inbox .list{width:calc(100% - 60px); float: left;  padding-left: 25px; box-sizing: border-box}
.news_list_inbox .list .tx_b{width:100% ; float: left;;font-family: 'Noto Sans KR', sans-serif;  color: #000 ; font-weight: 700; font-size:20px; margin-bottom: 20px ; line-height: 25px; letter-spacing: -2px}
.news_list_inbox .list .tx_b a{width:100% ; float: left;;font-family: 'Noto Sans KR', sans-serif;  color: #000 ; font-weight: 700; font-size:20px;line-height: 25px; letter-spacing: -2px}

.news_list_inbox .list .tx_s{width:100% ; float: left; color: #666 ; font-size: 14px; margin-bottom: 5px; padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 10px; line-height: 20px}
.news_list_inbox .list .tx_time{width:100% ; float: left; color: #666 ; font-size: 13px; margin-bottom: 5px; padding-bottom: 2px; margin-bottom: 10px}
.news_list_inbox .list .tx_ar{width:100% ; float: left;;font-family: 'Noto Sans KR', sans-serif;  color: #000 ; font-weight: 700;  font-size: 13px;  margin-bottom: 5px; padding-bottom: 2px; }
.news_list_inbox .list .more{float: left; color: #666 ; font-size: 12px; border-bottom: 1px solid #ccc}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.news_list_inbox{width:100%;  float: left; margin-top: 40px  }
.news_list_inbox{width:100%; float: left; padding: 0px 0px; box-sizing: border-box  }
.data{width:50px; float: left; text-align: center ; color: #666; font-size: 12px; line-height: 13px }
.data em{width:100%; float: left; text-align: center ;font-family: 'Lato', sans-serif;  color: #000 ; font-weight: 700; font-size: 40px; margin-top: 0px; line-height: 40px;  }
.news_list_inbox .list{width:calc(100% - 50px); float: left;  padding-left: 15px; box-sizing: border-box}
.news_list_inbox .list .tx_b{width:100% ; float: left;;font-family: 'Noto Sans KR', sans-serif;  color: #000 ; font-weight: 700; font-size:18px; margin-bottom: 10px ; line-height: 25px; letter-spacing: -2px}
.news_list_inbox .list .tx_b a{width:100% ; float: left;;font-family: 'Noto Sans KR', sans-serif;  color: #000 ; font-weight: 700; font-size:20px;line-height: 25px; letter-spacing: -2px}

.news_list_inbox .list .tx_s{width:100% ; float: left; color: #666 ; font-size: 14px; margin-bottom: 5px; padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 10px; line-height: 20px}
.news_list_inbox .list .tx_time{width:100% ; float: left; color: #666 ; font-size: 13px; margin-bottom: 5px; padding-bottom: 2px; margin-bottom: 10px}
.news_list_inbox .list .tx_ar{width:100% ; float: left;;font-family: 'Noto Sans KR', sans-serif;  color: #000 ; font-weight: 700;  font-size: 13px;  margin-bottom: 5px; padding-bottom: 2px; }
.news_list_inbox .list .more{float: left; color: #666 ; font-size: 12px; border-bottom: 1px solid #ccc}
}



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

#submain .fr_cont .sm_d{ width:100% ; float: left }
#submain .fr_cont .sm_d .calendar{ width:55% ; float: left; height: 488px ; background: url(../images/sub/submain2_calendarbg.jpg); background-size: cover; padding:0px 60px; box-sizing: border-box }
#submain .fr_cont .sm_d .calendar .titlebox{ width:50% ; float: left; position: relative; height: 488px ; }

#submain .fr_cont .sm_d .calendar .titlebox .line{ width:100% ;  float: left ; height: 80px; border-left: 1px solid #fff; margin-bottom: 20px}
#submain .fr_cont .sm_d .calendar .titlebox .tx1{ width:100% ;  float: left ; font-size: 12px; margin-bottom: 10px; color: #fff;text-transform: uppercase}
#submain .fr_cont .sm_d .calendar .titlebox .tx2{ width:100% ;  float: left ; font-size: 30px; color: #fff;font-weight: 200; margin-bottom: 20px;font-weight: 500}
#submain .fr_cont .sm_d .calendar .titlebox .tx2 em{ color: #fff;font-weight: 900}
#submain .fr_cont .sm_d .calendar .titlebox .tx3{ width:100% ;  float: left ; font-size: 14px; color: #fff; line-height: 22px}
#submain .fr_cont .sm_d .calendar .titlebox .more{ bottom: 150px; left: 0px; position:absolute}
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
	

#submain .fr_cont .sm_d{ width:100% ; float: left }
#submain .fr_cont .sm_d .calendar{ width:55% ; float: left; height: 488px ; background: url(../images/sub/submain2_calendarbg.jpg); background-size: cover; padding:0px 30px; box-sizing: border-box }
#submain .fr_cont .sm_d .calendar .titlebox{ width:45% ; float: left; position: relative; height: 488px ; }

#submain .fr_cont .sm_d .calendar .titlebox .line{ width:100% ;  float: left ; height: 30px; border-left: 1px solid #fff; margin-bottom: 20px}
#submain .fr_cont .sm_d .calendar .titlebox .tx1{ width:100% ;  float: left ; font-size: 11px; margin-bottom: 10px; color: #fff}
#submain .fr_cont .sm_d .calendar .titlebox .tx2{ width:100% ;  float: left ; font-size: 30px; color: #fff;font-weight: 200; margin-bottom: 20px;font-weight: 500}
#submain .fr_cont .sm_d .calendar .titlebox .tx2 em{ color: #fff;font-weight: 900}
#submain .fr_cont .sm_d .calendar .titlebox .tx3{ width:100% ;  float: left ; font-size: 14px; color: #fff; line-height: 22px}
#submain .fr_cont .sm_d .calendar .titlebox .more{ bottom: 150px; left: 0px; position:absolute}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	

#submain .fr_cont .sm_d{ width:100% ; float: left }
#submain .fr_cont .sm_d .calendar{ width:100% ;float: left; background: url(../images/sub/submain2_calendarbg.jpg); background-size: cover; padding:20px 15px; box-sizing: border-box }
#submain .fr_cont .sm_d .calendar .titlebox{width:100% ; float: left; position: relative;  }

#submain .fr_cont .sm_d .calendar .titlebox .line{ width:100% ;  float: left ; height: 80px; border-left: 1px solid #fff; margin-bottom: 20px; display: none}
#submain .fr_cont .sm_d .calendar .titlebox .tx1{ width:100% ;  float: left ; font-size: 11px; margin-bottom: 5px; color: #fff}
#submain .fr_cont .sm_d .calendar .titlebox .tx2{ width:100% ;  float: left ; font-size: 26px; color: #fff;font-weight: 200; margin-bottom: 10px;font-weight: 500}
#submain .fr_cont .sm_d .calendar .titlebox .tx2 em{ color: #fff;font-weight: 900}
#submain .fr_cont .sm_d .calendar .titlebox .tx3{ width:100% ;  float: left ; font-size: 12px; color: #fff; line-height: 22px}
#submain .fr_cont .sm_d .calendar .titlebox .more{ top: 10px; right: 0px; position:absolute}
}




/**** pc ****/
@media only all and (min-width:1301px) {
	
#submain .fr_cont .sm_d .calendar .calendar_inbox{ width:50% ; float: left; padding-top: 60px }
#submain .fr_cont .sm_d .calendar .calendar_inbox .title{ width:100% ; float: left; color: #fff; font-size: 20px; font-weight: 900; position: relative ; margin-bottom: 20px}
#submain .fr_cont .sm_d .calendar .calendar_inbox .title .info{ position: absolute; right: 0px; top: 0px;}
#submain .fr_cont .sm_d .calendar .calendar_inbox .title .info .in{ width: 50%; float: left; padding-left: 40px;box-sizing: border-box; position: relative; color: #fff; font-size: 14px; line-height: 20px}
#submain .fr_cont .sm_d .calendar .calendar_inbox .title .info .in .icon1{ position: absolute; left: 10px; top:0px; width: 20px; height: 20px; border-radius: 50px; background-color: #63c9ac}
#submain .fr_cont .sm_d .calendar .calendar_inbox .title .info .in .icon2{ position: absolute; left: 10px; top:0px; width: 20px; height: 20px; border-radius: 50px; background-color: #6d91fa}

}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
	
#submain .fr_cont .sm_d .calendar .calendar_inbox{ width:55% ; float: left; padding-top: 60px }
#submain .fr_cont .sm_d .calendar .calendar_inbox .title{ width:100% ; float: left; color: #fff; font-size: 20px; font-weight: 900; position: relative ; margin-bottom: 20px}
#submain .fr_cont .sm_d .calendar .calendar_inbox .title .info{ position: absolute; right: 0px; top: 0px;}
#submain .fr_cont .sm_d .calendar .calendar_inbox .title .info .in{ width: 50%; float: left; padding-left: 40px;box-sizing: border-box; position: relative; color: #fff; font-size: 14px; line-height: 20px}
#submain .fr_cont .sm_d .calendar .calendar_inbox .title .info .in .icon1{ position: absolute; left: 10px; top:0px; width: 20px; height: 20px; border-radius: 50px; background-color: #63c9ac}
#submain .fr_cont .sm_d .calendar .calendar_inbox .title .info .in .icon2{ position: absolute; left: 10px; top:0px; width: 20px; height: 20px; border-radius: 50px; background-color: #6d91fa}

}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	
#submain .fr_cont .sm_d .calendar .calendar_inbox{ width:100% ; float: left; padding-top: 30px }
#submain .fr_cont .sm_d .calendar .calendar_inbox .title{ width:100% ; float: left; color: #fff; font-size: 20px; font-weight: 900; position: relative ; margin-bottom: 20px}
#submain .fr_cont .sm_d .calendar .calendar_inbox .title .info{ position: absolute; right: 0px; top: 0px;}
#submain .fr_cont .sm_d .calendar .calendar_inbox .title .info .in{ width: 50%; float: left; padding-left: 40px;box-sizing: border-box; position: relative; color: #fff; font-size: 14px; line-height: 20px}
#submain .fr_cont .sm_d .calendar .calendar_inbox .title .info .in .icon1{ position: absolute; left: 10px; top:0px; width: 20px; height: 20px; border-radius: 50px; background-color: #63c9ac}
#submain .fr_cont .sm_d .calendar .calendar_inbox .title .info .in .icon2{ position: absolute; left: 10px; top:0px; width: 20px; height: 20px; border-radius: 50px; background-color: #6d91fa}

}





.calendar_inbox .cd_box{ width:100% ; float: left ; border: 1px solid rgba(255,255,255,0.46); background-color: rgba(255,255,255,0.2); }

.calendar_inbox .cd_box .yearbox{ width:100% ; float: left ; border-bottom: 1px solid rgba(255,255,255,0.46); height: 50px; padding: 0px 20px; position: relative; text-align: center; color: #fff; font-size: 18px; font-weight: 700; line-height: 50px; box-sizing: border-box}

.calendar_inbox .cd_box .yearbox .ar_left{ position: absolute; left: 20px; top: 7px}
.calendar_inbox .cd_box .yearbox .ar_right{ position: absolute; right: 20px; top:7px}

.calendar_inbox .cd_box .yearbox2{ width:100% ; float: left ; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+26,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.3) 0%,  rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.calendar_inbox .cd_box .daybox .day_head{ width:100% ; float: left ;display:flex; flex-direction:row; }
.calendar_inbox .cd_box .daybox .day_head .indiv{ width:100% ; float: left ; width: 14.2%; text-align: center; color: #fff; font-size: 14px; font-weight: 700;font-family: 'Noto Sans KR', sans-serif; padding: 10px 0px }

.calendar_inbox .cd_box .daybox .day_body{ width:100% ; float: left ;display:flex; flex-direction:row; }


.tb_day { width:100%;; float:left }
.tb_day  caption{ display: none }
.tb_day  summary{ display: none }
.tb_day thead th{
  border:none; color:#fff; font-size:15px;  text-align:center; padding:10px 10px ;  font-weight: 700; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; 
}



.tb_day tbody td {
border:none; color:#fff; font-size:13px;  text-align:center; padding:5px 3px ; font-weight:bold; 
}
.tb_day tbody td .day{ width: 35px; height: 35px; border-radius: 50px; color:#fff;display: flex;
  justify-content: center;
  align-items: center;  }
.tb_day tbody td .spday1{ width: 35px; height: 35px; border-radius: 50px; color:#fff; background-color: #63c9ac;  display: flex;
  justify-content: center;
  align-items: center; }

.tb_day tbody td .spday2{ width: 35px; height: 35px; border-radius: 50px; color:#fff; background-color: #6d91fa;  display: flex;
  justify-content: center;
  align-items: center; }




/**** pc ****/
@media only all and (min-width:1301px) {
	
#submain .fr_cont .sm_d .csbox1{ width:50% ; float: left; height: 244px;}
#submain .fr_cont .sm_d .csbox1 .faq{width:50% ; float: left ; height: 244px; padding: 40px; box-sizing: border-box;  background: url(../images/sub/submain2_img5.png); background-color: #00bfa5; background-position: 90% 90%; background-repeat: no-repeat; position: relative}
#submain .fr_cont .sm_d .csbox1 .faq .tx1{ width:100% ; float: left ; color: #fff; font-size: 30px; font-weight: 700 ; margin-bottom: 10px }
#submain .fr_cont .sm_d .csbox1 .faq .tx2{ width:100% ; float: left ; color: rgba(255,255,255,0.7); font-size: 14px; line-height: 22px; font-weight: 700 ; margin-bottom: 10px }

#submain .fr_cont .sm_d .csbox1 .bbs{width:50% ; float: left ; height: 244px; padding: 40px; box-sizing: border-box;  background: url(../images/sub/submain2_img6.png); background-color: #41478f; background-position: 90% 90%; background-repeat: no-repeat; position: relative}
#submain .fr_cont .sm_d .csbox1 .bbs .tx1{ width:100% ; float: left ; color: #fff; font-size: 24px; font-weight: 700 ; margin-bottom: 10px }
#submain .fr_cont .sm_d .csbox1 .bbs .tx2{ width:100% ; float: left ; color: rgba(255,255,255,0.7); font-size: 14px; line-height: 22px; font-weight: 700 ; margin-bottom: 10px }
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
	
#submain .fr_cont .sm_d .csbox1{ width:50% ; float: left; height: 400px ;}
#submain .fr_cont .sm_d .csbox1 .faq{width:100% ; float: left ; height: 200px; padding:50px 30px; box-sizing: border-box;  background: url(../images/sub/submain2_img5.png); background-color: #00bfa5; background-position: 90% 90%; background-repeat: no-repeat; position: relative}
#submain .fr_cont .sm_d .csbox1 .faq .tx1{ width:100% ; float: left ; color: #fff; font-size: 26px; font-weight: 700 ; margin-bottom: 10px }
#submain .fr_cont .sm_d .csbox1 .faq .tx2{ width:100% ; float: left ; color: rgba(255,255,255,0.7); font-size: 14px; line-height: 22px; font-weight: 700 ; margin-bottom: 10px }

#submain .fr_cont .sm_d .csbox1 .bbs{width:100% ; float: left ; height: 200px; padding:50px 30px; box-sizing: border-box;  background: url(../images/sub/submain2_img6.png); background-color: #41478f; background-position: 90% 90%; background-repeat: no-repeat; position: relative}
#submain .fr_cont .sm_d .csbox1 .bbs .tx1{ width:100% ; float: left ; color: #fff; font-size: 26px; font-weight: 700 ; margin-bottom: 10px }
#submain .fr_cont .sm_d .csbox1 .bbs .tx2{ width:100% ; float: left ; color: rgba(255,255,255,0.7); font-size: 14px; line-height: 18px; font-weight: 700 ; margin-bottom: 10px }
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	
#submain .fr_cont .sm_d .csbox1{ width:100% ; float: left; height: 200px ;}
#submain .fr_cont .sm_d .csbox1 .faq{width:50% ; float: left ; height: 200px ;padding:40px 20px; box-sizing: border-box;  background: url(../images/sub/submain2_img5.png); background-color: #00bfa5; background-position: 90% 90%; background-repeat: no-repeat; position: relative}
#submain .fr_cont .sm_d .csbox1 .faq .tx1{ width:100% ; float: left ; color: #fff; font-size: 20px; font-weight: 700 ; margin-bottom: 10px }
#submain .fr_cont .sm_d .csbox1 .faq .tx2{ width:100% ; float: left ; color: rgba(255,255,255,0.7); font-size: 12px; line-height: 18px; font-weight: 700 ; margin-bottom: 10px }

#submain .fr_cont .sm_d .csbox1 .bbs{width:50% ; float: left ; height: 200px ; padding:40px 20px; box-sizing: border-box;  background: url(../images/sub/submain2_img6.png); background-color: #41478f; background-position: 90% 90%; background-repeat: no-repeat; position: relative}
#submain .fr_cont .sm_d .csbox1 .bbs .tx1{ width:100% ; float: left ; color: #fff; font-size: 20px; font-weight: 700 ; margin-bottom: 10px }
#submain .fr_cont .sm_d .csbox1 .bbs .tx2{ width:100% ; float: left ; color: rgba(255,255,255,0.7); font-size: 12px; line-height: 18px; font-weight: 700 ; margin-bottom: 10px }
}




/**** pc ****/
@media only all and (min-width:1301px) {
	
#submain .fr_cont .sm_d .csbox2{ width:50% ; float: left; height: 244px ; background: url(../images/sub/submain2_mapbg.jpg); background-size: cover; padding:50px 70px 0px ; box-sizing: border-box; position: relative}
#submain .fr_cont .sm_d .csbox2 .cstx1{ width:100% ; float: left; font-size: 16px; margin-bottom: 0px }
#submain .fr_cont .sm_d .csbox2 .cstx2{ width:100% ; float: left; font-size: 40px; margin-bottom: 5px; color: #41478f; font-weight: 700 ;font-family: 'Noto Sans KR', sans-serif; }

#submain .fr_cont .sm_d .csbox2 .cstx3{ width:100% ; float: left; font-size: 14px; margin-bottom: 20px;line-height: 20px }

#submain .fr_cont .sm_d .csbox2 .cstx3 em{width:100% ; float: left; font-size: 18px;  color: #000;font-family: 'Noto Sans KR', sans-serif; font-weight: 700; margin-bottom: 10px }


#submain .fr_cont .sm_d .csbox2 .map_title{ float: left; padding: 10px ; color: #fff; background-color: #41478f; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: 15px}
#submain .fr_cont .sm_d .csbox2 .mapimg{ width:100% ; float: left; box-sizing: border-box; border: 5px solid #fff; }
#submain .fr_cont .sm_d .csbox2 .mapimg img{ width:100% ; }
	
#submain .fr_cont .sm_d .csbox2 .gomap1{ width: 250px; position: absolute; top: 60px; right: 50px; background: url("../images/sub/map_go1.jpg") ; background-position: 20px center; background-repeat: no-repeat ;  background-color: #2cb400; padding: 20px 20px 20px 130px;  color: #fff;box-sizing: border-box }	
#submain .fr_cont .sm_d .csbox2 .gomap2{ width: 250px; position: absolute; top: 130px; right: 50px; background: url("../images/sub/map_go2.jpg") ; background-position: 20px center; background-repeat: no-repeat ;  background-color: #258fff; padding: 20px 20px 20px 130px;  color: #fff;box-sizing: border-box }	
		
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
	
#submain .fr_cont .sm_d .csbox2{ width:50% ; float: left; height: 400px ; background: url(../images/sub/submain2_mapbg.jpg); background-size: cover; padding:50px ; box-sizing: border-box;  position: relative}
#submain .fr_cont .sm_d .csbox2 .cstx1{ width:100% ; float: left; font-size: 16px; margin-bottom: 20px }
#submain .fr_cont .sm_d .csbox2 .cstx2{ width:100% ; float: left; font-size: 36px; margin-bottom: 30px; color: #41478f; font-weight: 900 ; }

#submain .fr_cont .sm_d .csbox2 .cstx3{ width:100% ; float: left; font-size: 15px; margin-bottom: 20px;line-height: 20px }

#submain .fr_cont .sm_d .csbox2 .cstx3 em{width:100% ; float: left; font-size: 15px;  color: #000 }


#submain .fr_cont .sm_d .csbox2 .map_title{ float: left; padding: 10px ; color: #fff; background-color: #41478f; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: 15px}
#submain .fr_cont .sm_d .csbox2 .mapimg{ width:100% ; float: left; box-sizing: border-box; border: 5px solid #fff; }
#submain .fr_cont .sm_d .csbox2 .mapimg img{ width:100% ; }
	
#submain .fr_cont .sm_d .csbox2 .gomap1{  width:100% ; float: left;  background: url("../images/sub/map_go1.jpg") ; background-position: 20px center; background-repeat: no-repeat ;  background-color: #2cb400; padding: 20px 20px 20px 130px;  color: #fff;box-sizing: border-box }	
#submain .fr_cont .sm_d .csbox2 .gomap2{ width:100% ; float: left;  background: url("../images/sub/map_go2.jpg") ; background-position: 20px center; background-repeat: no-repeat ;  background-color: #258fff; padding: 20px 20px 20px 130px;  color: #fff;box-sizing: border-box }	
		
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
		
#submain .fr_cont .sm_d .csbox2{ width:100% ; float: left; ; background: url(../images/sub/submain2_mapbg.jpg); background-size: cover; padding:20px 20px 20px 20px ; box-sizing: border-box}
#submain .fr_cont .sm_d .csbox2 .cstx1{ width:100% ; float: left; font-size: 16px; margin-bottom: 10px ; text-align: center}
#submain .fr_cont .sm_d .csbox2 .cstx2{ width:100% ; float: left; font-size: 32px; margin-bottom: 10px; color: #41478f; font-weight: 700 ;; text-align: center ;font-family: 'Noto Sans KR', sans-serif;}

#submain .fr_cont .sm_d .csbox2 .cstx3{ width:100% ; float: left; font-size: 14px; margin-bottom: 20px;line-height: 20px ; text-align: center}

#submain .fr_cont .sm_d .csbox2 .cstx3 em{width:100% ; float: left; font-size: 16px;  color: #000 }


#submain .fr_cont .sm_d .csbox2 .map_title{ float: left; padding: 10px ; color: #fff; background-color: #41478f; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: 15px}
#submain .fr_cont .sm_d .csbox2 .mapimg{ width:100% ; float: left; box-sizing: border-box; border: 5px solid #fff; }
#submain .fr_cont .sm_d .csbox2 .mapimg img{ width:100% ; }
	
	#submain .fr_cont .sm_d .csbox2 .gomap1{ width:50% ; float: left; background: url("../images/sub/map_go1.jpg") ; background-position: center 5px; background-repeat: no-repeat ;  background-color: #2cb400; padding: 35px 0px 10px 0px;  text-align: center; color: #fff;box-sizing: border-box }	
#submain .fr_cont .sm_d .csbox2 .gomap2{  width:50% ; float: left;  background: url("../images/sub/map_go2.jpg") ; background-position: center 5px; background-repeat: no-repeat ;  background-color: #258fff; padding: 35px 0px 10px 0px;   color: #fff;box-sizing: border-box }	
}



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

.submain_news { width:75%;  float: left}
.submain_news  .news-wrap { padding:30px 50px 0px 100px; position:relative; background-color: #fff; height: 380px; box-sizing: border-box }
.submain_news  .news-wrap .swiper-container { }
.submain_news  .news-wrap dl dt a { position:absolute;left:-110px; top:60px; width:110px ;float: left; margin-bottom: 1px; background-color: #e9e9f1!important; box-sizing: border-box; color: #333 ;font-size: 14px; letter-spacing: -1px; padding: 0px 20px; height: 47px;line-height: 47px; border-radius: 0px}

.submain_news  .news-wrap dl dt a .icon{ width:50px ; height: 47px; position: absolute; right: -50px; top: 0px; z-index: 99999; display:none; background: url(../images/sub/submain2_news_go.jpg)}

.submain_news  .news-wrap dl dt a:before { }
.submain_news  .news-wrap dl dd {  }
.submain_news  .news-wrap dl dd .swiper-slide a { display:block; }
.submain_news  .news-wrap dl dd .swiper-slide a figure { display:block; }
.submain_news  .news-wrap dl dd .swiper-slide a figure > p { position:relative; border-radius:5px; overflow:hidden; margin-bottom:23px;  }
.submain_news  .news-wrap dl dd .swiper-slide a figure > p img { width:100%; }
.submain_news  .news-wrap dl dd .swiper-slide a figure > p em { position:absolute;left:0; top:0; width:45px; height:45px; line-height:43px; text-align:center; background:#169268; border-radius:5px; font-size:18px; font-weight:500; font-style:normal; color:#fff; }
.submain_news  .news-wrap dl dd .swiper-slide a figure > p em.type2 { background:#f09a13; }
.submain_news  .news-wrap dl dd .swiper-slide a figure figcaption strong { display:block; font-size:20px; color:#000; line-height:30px; height:60px; overflow:hidden; margin-bottom:23px; font-weight:400; }
.submain_news  .news-wrap dl dd .swiper-slide a figure figcaption p { font-size:16px; line-height:26px; color:#898989; height:78px; overflow:hidden; margin-bottom:30px; }
.submain_news  .news-wrap dl dd .swiper-slide a figure figcaption span { font-size:14px; opacity:0.5; }
.submain_news  .news-wrap dl dd .swiper-scrollbar { position:absolute;bottom:-40px;z-index:10; opacity:1 !important; width:auto; left:0%; right:0%; background:#eee; height:3px; overflow:hidden;border-radius:3px; }
.submain_news  .news-wrap dl dd .swiper-scrollbar-drag { background:#333399;}
.submain_news  .news-wrap dl dd .swiper-button-prev { left:0; width:auto; top:0;  right:inherit;  height: auto; background: none;  opacity:1; z-index:100; text-align:left;}
.submain_news  .news-wrap dl dd .swiper-button-prev span { display: block; width:95px; height: 31px; text-align: left;  background: url(../images/sub/news_ar_left.png)}
.submain_news  .news-wrap dl dd .swiper-button-prev:after,
.submain_news  .news-wrap dl dd .swiper-button-next:after {  display: none; }
.submain_news  .news-wrap dl dd .swiper-button-next { left:inherit; width:auto; top:0; right:0;  height: auto; background: none;  opacity:1; z-index:100;}
.submain_news  .news-wrap dl dd .swiper-button-next span { display: block; width:95px; height: 31px;  color: #222;  background: url(../images/sub/news_ar_right.png) ;}
.submain_news  .news-wrap .slider-box { position: relative;}

.submain_news  .news-wrap dl.active dt a { background-color: #333399!important; color: #fff}

.submain_news  .news-wrap dl.active dt a .icon{ width:50px ; height: 47px; position: absolute; right: -50px; top: 0px; z-index: 99999; background: url(../images/sub/submain2_news_go.jpg) ; display: block}

.submain_news  .news-wrap dl.active dt a:before { display: none; }
.submain_news  .news-wrap dl.active dd { display: block !important; }
.submain_news  .news-wrap dl:nth-child(2) dt a { top:108px; }
.submain_news  .news-wrap dl:nth-child(3) dt a { top:156px; }
.submain_news  .news-wrap dl:nth-child(4) dt a { top:204px; }
.submain_news  .news-wrap dl:nth-child(5) dt a { top:252px; }
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {

.submain_news  { width:75%;  float: left }
.submain_news  .news-wrap { padding:50px 50px 0px 100px; position:relative; background-color: #fff; height: 380px; box-sizing: border-box }
.submain_news  .news-wrap .swiper-container { }
.submain_news  .news-wrap dl dt a { position:absolute;left:-110px; top:60px; width:110px ;float: left; margin-bottom: 1px; background-color: #e9e9f1!important; box-sizing: border-box; color: #333 ;font-size: 14px; letter-spacing: -1px;  float: left; padding: 0px 20px; height: 47px;line-height: 47px; border-radius: 0px}

.submain_news  .news-wrap dl dt a .icon{ width:50px ; height: 47px; position: absolute; right: -50px; top: 0px; z-index: 99999; display:none; background: url(../images/sub/submain2_news_go.jpg)}

.submain_news  .news-wrap dl dt a:before { }
.submain_news  .news-wrap dl dd {  }
.submain_news  .news-wrap dl dd .swiper-slide a { display:block; }
.submain_news  .news-wrap dl dd .swiper-slide a figure { display:block; }
.submain_news  .news-wrap dl dd .swiper-slide a figure > p { position:relative; border-radius:5px; overflow:hidden; margin-bottom:23px;  }
.submain_news  .news-wrap dl dd .swiper-slide a figure > p img { width:100%; }
.submain_news  .news-wrap dl dd .swiper-slide a figure > p em { position:absolute;left:0; top:0; width:45px; height:45px; line-height:43px; text-align:center; background:#169268; border-radius:5px; font-size:18px; font-weight:500; font-style:normal; color:#fff; }
.submain_news  .news-wrap dl dd .swiper-slide a figure > p em.type2 { background:#f09a13; }
.submain_news  .news-wrap dl dd .swiper-slide a figure figcaption strong { display:block; font-size:20px; color:#000; line-height:30px; height:60px; overflow:hidden; margin-bottom:23px; font-weight:400; }
.submain_news  .news-wrap dl dd .swiper-slide a figure figcaption p { font-size:16px; line-height:26px; color:#898989; height:78px; overflow:hidden; margin-bottom:30px; }
.submain_news  .news-wrap dl dd .swiper-slide a figure figcaption span { font-size:14px; opacity:0.5; }
.submain_news  .news-wrap dl dd .swiper-scrollbar { position:absolute;bottom:-40px;z-index:10; opacity:1 !important; width:auto; left:0%; right:0%; background:#eee; height:3px; overflow:hidden;border-radius:3px; }
.submain_news  .news-wrap dl dd .swiper-scrollbar-drag { background:#333399;}
.submain_news  .news-wrap dl dd .swiper-button-prev { left:0; top:inherit; width:auto; top:0;  right:inherit;  height: auto; background: none;  opacity:1; z-index:100; text-align:left;}
.submain_news  .news-wrap dl dd .swiper-button-prev span { display: block; width:95px; height: 31px; text-align: left;  background: url(../images/sub/news_ar_left.png)}
.submain_news  .news-wrap dl dd .swiper-button-prev:after,
.submain_news  .news-wrap dl dd .swiper-button-next:after {  display: none; }
.submain_news  .news-wrap dl dd .swiper-button-next { left:inherit; width:auto; top:0; right:0;  height: auto; background: none;  opacity:1; z-index:100;}
.submain_news  .news-wrap dl dd .swiper-button-next span { display: block; width:95px; height: 31px;  color: #222;  background: url(../images/sub/news_ar_right.png) ;}
.submain_news  .news-wrap .slider-box { position: relative;}

.submain_news  .news-wrap dl.active dt a { background-color: #333399!important; color: #fff}

.submain_news  .news-wrap dl.active dt a .icon{ width:50px ; height: 47px; position: absolute; right: -50px; top: 0px; z-index: 99999; display:none; background: url(../images/sub/submain2_news_go.jpg) ; display: block}

.submain_news  .news-wrap dl.active dt a:before { display: none; }
.submain_news  .news-wrap dl.active dd { display: block !important; }
.submain_news  .news-wrap dl:nth-child(2) dt a { top:108px; }
.submain_news  .news-wrap dl:nth-child(3) dt a { top:156px; }
.submain_news  .news-wrap dl:nth-child(4) dt a { top:204px; }
.submain_news  .news-wrap dl:nth-child(5) dt a { top:252px; }
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
#fullpage  {width:100%;  float: left}
.submain_news  { max-width:100%;  float: left }
.submain_news  .news-wrap { padding:50px 15px 0px 15px; position:relative; background-color: #fff;  height: 330px; box-sizing: border-box;  }
.submain_news  .news-wrap .swiper-container { }
	
.submain_news  .news-wrap dl dt a { position:absolute;left:0px; top:0px; width:20% ;float: left; margin-bottom: 1px; background-color: #e9e9f1!important; box-sizing: border-box; color: #333 ;font-size: 13px; letter-spacing: -1px;  float: left; padding: 0px!important; height: 40px;line-height: 40px; border-radius: 0px; text-align: center; box-sizing: border-box}

.submain_news  .news-wrap dl dt a .icon{;display: none; width:50px ; height: 47px; position: absolute; right: -50px; top: 0px; z-index: 99999; display:none; background: url(../images/sub/submain2_news_go.jpg)}

.submain_news  .news-wrap dl dt a:before { }
.submain_news  .news-wrap dl dd {  }
.submain_news  .news-wrap dl dd .swiper-slide a { display:block; }

.submain_news  .news-wrap dl dd .swiper-scrollbar { position:absolute;bottom:-10px;z-index:10; opacity:1 !important; width:auto; left:0%; right:0%; background:#eee; height:3px; overflow:hidden;border-radius:3px; }
.submain_news  .news-wrap dl dd .swiper-scrollbar-drag { background:#333399;}
.submain_news  .news-wrap dl dd .swiper-button-prev { left:0; top:inherit; width:auto; top:0;  right:inherit;  height: auto; background: none;  opacity:1; z-index:100; text-align:left;}
.submain_news  .news-wrap dl dd .swiper-button-prev span { display: block; width:95px; height: 31px; text-align: left;  background: url(../images/sub/news_ar_left.png)}
.submain_news  .news-wrap dl dd .swiper-button-prev:after,
.submain_news  .news-wrap dl dd .swiper-button-next:after {  display: none; }
.submain_news  .news-wrap dl dd .swiper-button-next { left:inherit; width:auto; top:0; right:0;  height: auto; background: none;  opacity:1; z-index:100;}
.submain_news  .news-wrap dl dd .swiper-button-next span { display: block; width:95px; height: 31px;  color: #222;  background: url(../images/sub/news_ar_right.png) ;}
.submain_news  .news-wrap .slider-box { position: relative;}

.submain_news  .news-wrap dl.active dt a { background-color: #333399!important; color: #fff; text-align: center}

.submain_news  .news-wrap dl.active dt a .icon{ width:50px ; height: 47px; position: absolute; right: -50px; top: 0px; z-index: 99999; display:none; background: url(../images/sub/submain2_news_go.jpg) ; display: none}

.submain_news  .news-wrap dl.active dt a:before { display: none; }
.submain_news  .news-wrap dl.active dd { display: block !important; }
.submain_news  .news-wrap dl:nth-child(2) dt a { left:20%; top:0px; }
.submain_news  .news-wrap dl:nth-child(3) dt a { left:40%; top:0px;  }
.submain_news  .news-wrap dl:nth-child(4) dt a { left:60%; top:0px;  }
.submain_news  .news-wrap dl:nth-child(5) dt a { left:80%; top:0px;  }
}





/**** pc ****/
@media only all and (min-width:768px) {
	.tb_info{width:100%; float: left; box-sizing: border-box; font-size: 16px ; line-height: 25px; color: #666; margin-bottom: 20px; margin-top: 10px}
}

/**** 모바일 ****/
@media only all and (max-width:767px) {
	.tb_info{width:100%; float: left; box-sizing: border-box; font-size: 12px ; line-height: 20px; color: #666; margin-bottom: 20px}
}


.ci_box{idth:100%; float: left; }



/**** 2020-01-28 수정 ****/
/**** pc ****/
@media only all and (min-width:1301px) {
.kntool_popup_layerpopup   {width: auto; position:absolute;z-index:99999;float:left;background-color:#000;box-shadow:5px 5px 5px rgba(0,0,0,0.5);left:100px;top:100px;}
.kntool_popup_layerpopup .images   { display: block; }
.kntool_popup_layerpopup a   { display: block; cursor: pointer; }
.kntool_popup_layerpopup .popupin{  } 
.kntool_popup_layerpopup   .popup_bottom{width: 100%; background-color: #000; font-size: 11px; color: #fff; padding: 3px 8px 3px 8px;  box-sizing: border-box; position: relative}

.kntool_popup_layerpopup   .popup_bottom .button_today_close{ line-height: 25px!important; height: 25px!important;float: left ;background-color: #000;  font-size: 12px; color: #fff}
.kntool_popup_layerpopup   .popup_bottom .button_close{position: absolute; right: 5px; top: 7px; ;background-color: #000;  font-size: 12px; color: #fff}
.kntool_popup_layerpopup   .popup_bottom .button_close a{color: #fff;}
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
.kntool_popup_layerpopup   {width: auto; position:absolute;z-index:99999;float:left;background-color:#000;box-shadow:5px 5px 5px rgba(0,0,0,0.5);left:100px;top:100px;}
.kntool_popup_layerpopup .images   { display: block; }
.kntool_popup_layerpopup a   { display: block; cursor: pointer; }
.kntool_popup_layerpopup .popupin{  } 
.kntool_popup_layerpopup   .popup_bottom{width: 100%; background-color: #000; font-size: 11px; color: #fff; padding: 3px 8px 3px 8px;  box-sizing: border-box; position: relative}

 
.kntool_popup_layerpopup   .popup_bottom .button_today_close{ line-height: 25px!important; height: 25px!important;float: left ;background-color: #000;  font-size: 12px; color: #fff}
.kntool_popup_layerpopup   .popup_bottom .button_close{position: absolute; right: 5px; top: 7px; ;background-color: #000;  font-size: 12px; color: #fff}
.kntool_popup_layerpopup   .popup_bottom .button_close a{color: #fff;}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.kntool_popup_layerpopup   { width: 100%!important;position:absolute;z-index:99999;float:left;background-color:#000;left:0px;top:0px;}
.kntool_popup_layerpopup .images   { display: block; }
.kntool_popup_layerpopup a   { width: 100%!important; float: left; cursor: pointer; }
.kntool_popup_layerpopup .popupin{ width: 100%; float:left;}  
.kntool_popup_layerpopup .popupin>a>img{ width: 100%!important;}
.kntool_popup_layerpopup .popupin>img{ width: 100%!important;} 
.kntool_popup_layerpopup   .popup_bottom{width: 100%; float:left;  background-color: #000; font-size: 11px; color: #fff; padding: 3px 8px 3px 8px;  box-sizing: border-box; position: relative}

.kntool_popup_layerpopup   .popup_bottom .button_today_close{ line-height: 25px!important; height: 25px!important;float: left ;background-color: #000;  font-size: 12px; color: #fff}
.kntool_popup_layerpopup   .popup_bottom .button_close{position: absolute; right: 5px; top: 7px; ;background-color: #000;  font-size: 12px; color: #fff}
.kntool_popup_layerpopup   .popup_bottom .button_close a{color: #fff;}

/* 2020-02-10 모바일 팝업 추가 */
div.kntool_popup_layerpopup {left:0 !important; top:0 !important; max-width:100% !important; z-index:100000; margin-top:50px;}
div.kntool_popup_layerpopup img {width:100%;}
}

/* 20.02.05 khj 추가 */
/* 메인 */
@media only all and (min-width: 1301px){
	.main_right .main_c .inbox { width: 135px; height:135px; border-radius: 90%; float: none; display:flex; vertical-align: middle;	
	}
	.main_right .main_c ul li { width: 20%; float: left; text-align: center; padding: 20px 0; position: relative;
	display: flex; justify-content: center;}
	.main_right .main_c .inbox .icon img { width: 80px; }
	.main_right .main_c ul li:last-child .inbox .tx { margin-top: -10px; }
}

@media only all and (max-width: 1560px){
	.main_right .main_c .inbox { width: 120px; height: 120px; border-radius: 90%; float: none; display:flex; vertical-align: middle;}
	.main_right .main_c ul li { width: 20%; height: 120px; float: left; text-align: center; position: relative; display: flex; justify-content: center; padding: 20px 0; }
	.main_right .main_c .inbox .tx { font-size: 15px; }
	.main_right .main_c ul li:last-child .inbox .tx { margin-top: -10px; }
	.main_right .main_c .inbox .icon img { width: 65px; }
} 
@media only all and (max-width: 767px) {
	.main_right .main_c { padding-bottom: 25px; }
	.main_right .main_c ul li { width: 50%; height: auto; }
	.main_right .main_c .inbox,.main_right .main_c .inbox:last-child { width: 130px; height: 130px; border-radius: 90%; float: none; display:flex; vertical-align: middle;}
}
@media print {
	.header{display:none}
}