@charset "utf-8";
.com100_box{ width: 100%;  float: left }
.com_box{width: 100%;   float: left }
.com_fz{ font-size: 13px; line-height: 23px}

.sub_box{ width: 100%; min-height:calc(100vh - 90px); padding:40px; float: left;   margin-top: 90px ;  align-items: flex-start; min-width: 1300px ; height: auto; }

/**** div가운데 정렬 ****/
.com_box_center{width: 100%;   float: left;  display:flex; justify-content: center;  flex-direction:row; }

/**** 포인트 컬러 폰트  ****/
.fc_blue1{   color: #4667ba }
.fc_red1{   color:#df1826}
.fc_green1{   color:#497F27}

.fc_purple{   color:#9168bc}
.fc_orange{   color:#ff6633}


/**** 타이틀  스타일  ****/
.title_box{ width: 100% ; float: left;  position: relative ; margin-bottom: 20px}
.title_box .title_tx{ width: auto; float: left; font-size: 25px; color: #333; ;margin-right: 20px; letter-spacing: -1px ; line-height: 35px; font-weight:600 ;font-family: 'Noto Sans KR', sans-serif; }
.title_box .title_time{ width: 300px; float: left; font-size: 13px; color: #666;   background: url(../_img/icon_time.png);  background-position: left center; background-repeat: no-repeat; padding-left: 35px; line-height: 35px;  }
.title_box .title_time em{ font-size: 16px; color: #000; font-weight:700 ;;font-family: 'Noto Sans KR', sans-serif;margin-right: 5px; ; line-height: 35px  }

.title_s_st1{ width: 100% ; float: left; padding-left: 20px; position: relative ; font-size: 18px !important; color: #333; font-weight: 700; letter-spacing: -1px; ;font-family: 'Noto Sans KR', sans-serif;; line-height: 35px; margin-bottom: 5px}
.title_s_st1 i{ font-size: 20px; color: #333; line-height: 35px!important; position: absolute; left: 0px}
.title_s_st1 a{  float: right; color: #999; font-size: 12px}


.title_s_st2{ width: 100% ; float: left; padding-left: 15px; position: relative ; font-size: 18px !important; color: #333; font-weight: 700; letter-spacing: -1px; ;font-family: 'Noto Sans KR', sans-serif;; line-height: 35px; margin-bottom: 5px}
.title_s_st2 i{ font-size: 10px; color: #333; line-height: 35px!important; position: absolute; left: 0px}
.title_s_st2 a{  float: right; color: #999; font-size: 12px}

.title_s_st3{ width: 100% ; float: left; position: relative ; font-size: 18px !important; color: #333; font-weight: 700; letter-spacing: -1px; ;font-family: 'Noto Sans KR', sans-serif;; line-height: 35px; margin-bottom: 5px}
.title_s_st3 a{  float: right; color: #999; font-size: 12px}
.route_box{  position: absolute; right: 0px; background: url(../_img/r_home.png); background-repeat: no-repeat; background-position: center left; font-size: 13px; text-align: right; padding-left: 20px; box-sizing: border-box; top: 20px}

/**** 검색박스  ****/
.search_box{ width: 100% ; float: left;  border: 1px solid #ccc;  background-color: #fff ; }
.search_box .tl_box{ width:150px ; float: left;  border-right: 1px solid #ccc;  padding: 30px ; box-sizing: border-box}
.search_box .tr_box{ width:calc(100% - 150px); float: left;  border-right: 1px solid #ccc;  padding: 30px ; box-sizing: border-box}

.search_box_98{ width: 98% ; float: left;  border: 1px solid #ccc;  background-color: #fff ; }

.search_box2{ width: 100% ; float: left;  border: 1px solid #ccc;padding: 0px 0px 0px 5px;box-sizing: border-box; position: relative ;  background-color: #fff;  background-position: 20px center ; background-repeat: no-repeat}
.search_box2 .i{ position: absolute; left: 20px; top:10px; font-size: 45px; color: #999}
.search_box2 .fl_box{  float: left; display: flex;
  justify-content: center;
  align-items: center; height: 45px !important; }
.search_box2 .fl_box p{ float: left; line-height: 45px ; height: 45px; }
.search_box2 .fl_box p.tx span{ float: left; margin-right: 10px  }
.search_box2 .fl_box p.tx2 input{max-width: 130px;  border: 1px solid #ccc  !important; margin-left: 10px}
.search_box2 .fl_box p.tx{ float: left; line-height: 45px ; height: 645px;  padding: 0px 20px 0px 10px;display: flex;
  justify-content: center;
  align-items: center; }
.search_box2 .fl_box p.tx_noline{ float: left; line-height: 45px ; height: 45px; border-right: none; padding: 0px 10px 0px 20px;display: flex;
  justify-content: center;
  align-items: center; }

.search_box2 .fl_box p.title{  float: left; line-height: 45px ; height: 48px; padding: 0px 0px 0px 10px;display: flex;
  justify-content: center;
  align-items: center;  font-weight:500; font-size: 16px ; color: #333; font-family: 'Noto Sans KR', sans-serif; }
.search_box2 .fl_box select{  line-height: 35px ; height: 35px; }
.search_box2 .fl_box select.part{ min-width: 150px}
.search_box2 .fl_box select.dateyeay{  width: 80px}
.search_box2 .fl_box select.dateday{  width:50px}
.search_box2 .fr_box{  float:right; height: 45px !important;}
.search_box2 .fr_box2{  float:right; height: 45px !important; vertical-align: middle; line-height: 45px; padding-right: 10px; display: flex;
  justify-content: center;
  align-items: center;}

.search_box2 .fr_box .data_box{  width: 180px;  float: left; border-left: 1px solid #ccc; padding: 0px 5px;  height: 45px; line-height: 45px; position: relative}
.search_box2 .fr_box .data_box input{  border: none; text-align: left;  width: 180px!important; z-index: 9; background-color: transparent; background: url(../_img/day_icon.png); background-repeat: no-repeat; background-position: 95% center; padding-left: 10px; box-sizing: border-box}
.search_box2 .fr_box .data_box i{  position: absolute; right:10px; top: 20px ; color: #666; font-size: 25px; z-index:0 ; }
.search_box2 .fr_box input.search_btn{  float:right;  border: none; background-color: #313d43!important; background: url(../_img/zoom_img2.png); padding: 0px  !important; line-height: 45px; height: 45px; width: 45px; background-repeat: no-repeat; background-position: center center; cursor:pointer; text-indent: -999px ; overflow: hidden}
.search_box2 .fr_box input.search_btn:focus{  float:right;  border: none; background-color: #313d43!important; background: url(../_img/zoom_img2.png); padding: 0px  !important; line-height: 45px; height: 45px!important; width: 45px; background-repeat: no-repeat; background-position: center center; cursor:pointer; text-indent: -999px ; overflow: hidden}

.search_box2 .fr_box .data_box2{  width: 300px;  float: left; border-left: 1px solid #ccc; padding: 0px 5px !important; height: 45px; line-height: 62px; position: relative;   display: flex;
  justify-content: center;
  align-items: center;}
.search_box2 .fr_box .data_box2 input{float: left;  border: none; text-align: left;  width: 130px!important; z-index: 9; background-color: transparent; background: url(../_img/day_icon.png); background-repeat: no-repeat; background-position: 95% center;    }



.search_box2 .fr_box .data_box2 p{float: left; margin-right: 10px  }
.search_box2 .fr_box .data_box2 i{  position: absolute; right:10px; top: 20px ; color: #666; font-size: 25px; z-index:0 ; }



.search_box2 .fr_box .data_box3{  width: 250px;  float: left; border-left: 1px solid #ccc; padding: 0px 5px !important; height: 60px; line-height: 47px; position: relative;   display: flex;
  justify-content: center;
  align-items: center;}
.search_box2 .fr_box .data_box3 input{float: left;  border: none; text-align: left;  width: 130px!important; z-index: 9; background-color: transparent; background: url(../_img/day_icon.png); background-repeat: no-repeat; background-position: 95% 15px;  height: 45px!important; line-height: 45px!important;  }
.search_box2 .fr_box .data_box3 p{float: left; margin-right: 10px ; height: 45px!important; line-height: 45px!important; }
.search_box2 .fr_box .data_box3 i{  position: absolute; right:10px; top: 20px ; color: #666; font-size: 25px; z-index:0 ; }



.search_box2 .fr_box .data_box4{  width: 250px; float: left; border-left: 1px solid #ccc; border-top: 1px solid #ccc;  margin-top: -1px; padding: 0px 0px !important; height: 45px; line-height: 42px; }
.search_box2 .fr_box .data_box4 .ybox{  width: 140px;  float: left; border-right: 1px solid #ccc; padding: 0px 20px 0px 0px !important; height: 45px; line-height: 42px; }
.search_box2 .fr_box .data_box4 .ybox select{  width: 100px;  float: left; border: none; padding: 0px 5px 0px 20px!important; box-sizing: border-box; height: 45px!important; line-height: 45px!important; }
.search_box2 .fr_box .data_box4 .ybox .ttx{   float: right; border: none;  text-align: right; height: 45px; line-height: 42px; }
/**** 공통 박스 스타일 1 ****/

.search_box2 .fr_box .data_box4 .mbox{  float: right; padding: 0px 10px !important; height: 45px; line-height: 45px; padding: 0px 20px 0px 0px !important;  }
.search_box2 .fr_box .data_box4 .mbox select{  width: 60px;  float: left; border: none;  padding: 0px 5px 0px 10px!important;  box-sizing: border-box; height: 45px!important; line-height: 45px!important; }
.search_box2 .fr_box .data_box4 .mbox .ttx{  float: right; border: none;  text-align: right; height: 45px; line-height: 45px; }
/**** 공통 박스 스타일 1 ****/
.search_box2 .fr_box .data_box_sp{ width: 30px;   float: left; border-left: 1px solid #ccc; padding: 0px 10px !important; height: 45px; line-height: 45px; background-color: #eee }

.search_box2 .fr_box .data_box5{  width: 290px;  float: left; border-left: 1px solid #ccc; padding: 0px 5px !important; height: 45px; line-height: 45px; position: relative;   display: flex;
  justify-content: center;
  align-items: center;}
.search_box2 .fr_box .data_box5 select{  width: 100%;  float: left; border: none; padding: 0px 5px 0px 20px!important; box-sizing: border-box; height: 45px!important; line-height: 45px!important; }

.search_box2 .fr_box .data_box6{  width: 200px;  float: left; border-left: 1px solid #ccc; padding: 0px 5px !important; height: 45px; line-height: 45px; position: relative;   display: flex;
  justify-content: center;
  align-items: center;}
.search_box2 .fr_box .data_box6 select{  width: 100%;  float: left; border: none; padding: 0px 5px 0px 20px!important; box-sizing: border-box; height: 45px!important; line-height: 45px!important; }

.search_box2 .fr_box .data_box7{  width: 210px;  float: left; border-left: 1px solid #ccc; padding: 0px 5px !important; height: 45px; line-height: 45px; position: relative;   display: flex;
  justify-content: center;
  align-items: center;}
.search_box2 .fr_box .data_box7 select{  width: 100%;  float: left; border: none; padding: 0px 5px 0px 5px!important; box-sizing: border-box; height: 45px!important; line-height: 45px!important; }

.search_box2 .fr_box .data_box8{  width: 200px; float: left; border-left: 1px solid #ccc; border-top: 1px solid #ccc;  margin-top: -1px; padding: 0px 0px !important; height: 45px; line-height: 42px; }
.search_box2 .fr_box .data_box8 .ybox{  width: 120px;  float: left; border-right: 1px solid #ccc; padding: 0px 5px 0px 5px !important; height: 45px; line-height: 42px; }
.search_box2 .fr_box .data_box8 .ybox select{  width: 120px;  float: left; border: none; padding: 0px 5px 0px 5px!important; box-sizing: border-box; height: 45px!important; line-height: 45px!important; }
.search_box2 .fr_box .data_box8 .ybox .ttx{   float: right; border: none;  text-align: right; height: 45px; line-height: 42px; }
/**** 공통 박스 스타일 1 ****/

.search_box2 .fr_box .data_box8 .mbox{  float: right; padding: 0px 10px !important; height: 45px; line-height: 45px; padding: 0px 5px 0px 5px !important;  }
.search_box2 .fr_box .data_box8 .mbox select{  width: 40px;  float: left; border: none;  padding: 0px 5px 0px 5px!important;  box-sizing: border-box; height: 45px!important; line-height: 45px!important; }
.search_box2 .fr_box .data_box8 .mbox .ttx{  float: right; border: none;  text-align: right; height: 45px; line-height: 45px; }

.search_box3{ width: 100% ; float: left;  border: 1px solid #ccc;  background-color: #fff ; padding: 20px ; box-sizing: border-box }

.box_st1{ width: 100%; height: 100%;  background-color: #fff;  box-sizing: 	border-box;  border: 1px solid #ccc;  box-shadow:1px 1px 3px #ccc; }	

.search_box_popup-btn{ width: 50% ; float: left;}
.search_box_popup { width: 50% ; float: right;}
.search_box_popup .fr_box{  float:right;}
.search_box_popup .fr_box .data_box{  width: 180px;  float: left; border: 1px solid #ccc; padding: 10px 5px;  position: relative}
.search_box_popup  .fr_box .data_box input{  border: none; text-align: left;  width: 180px!important; z-index: 9; background-color: transparent; background: url(../_img/day_icon.png); background-repeat: no-repeat; background-position: 95% center; padding-left: 10px; box-sizing: border-box}
.search_box_popup  .fr_box .data_box i{  position: absolute; right:10px; top: 20px ; color: #666; font-size: 25px; z-index:0 ; }
.search_box_popup .fr_box .input_box{  width: 180px;  float: left; border: 1px solid #ccc; padding: 10px 0px;  position: relative}
.search_box_popup  .fr_box .input_box input{  border: none; text-align: left;  width: 100%; z-index: 9;  padding-left: 10px; box-sizing: border-box}


.search_box_popup .fr_box input.search_btn{  float:right;  border: none; background-color: #313d43!important; background: url(../_img/zoom_img2.png); background-size: 30px; padding: 0px  !important; line-height: 37px; height: 37px; width: 35px; background-repeat: no-repeat; background-position: center center; cursor:pointer; text-indent: -999px ; overflow: hidden}
.search_box_popup  .fr_box input.search_btn:focus{  float:right;  border: none; background-color: #313d43!important; background: url(../_img/zoom_img2.png);background-size: 30px; padding: 0px  !important; line-height:37px; height: 37px!important; width: 35px; background-repeat: no-repeat; background-position: center center; cursor:pointer; text-indent: -999px ; overflow: hidden}



.search_box_popup2 { width: 100% ; float:left;}
.search_box_popup2 .fl_box{  float:left;}
.search_box_popup2 .fr_box{  float:right;}
.search_box_popup2 .fr_box .data_box{  width: 180px;  float: left; border: 1px solid #ccc; padding: 10px 5px;  position: relative}
.search_box_popup2  .fr_box .data_box input{  border: none; text-align: left;  width: 180px!important; z-index: 9; background-color: transparent; background: url(../_img/day_icon.png); background-repeat: no-repeat; background-position: 95% center; padding-left: 10px; box-sizing: border-box}
.search_box_popup2  .fr_box .data_box i{  position: absolute; right:10px; top: 20px ; color: #666; font-size: 25px; z-index:0 ; }
.search_box_popup2 .fr_box .input_box{  width: 180px;  float: left; border: 1px solid #ccc; padding: 10px 0px;  position: relative}
.search_box_popup2  .fr_box .input_box input{  border: none; text-align: left;  width: 100%; z-index: 9;  padding-left: 10px; box-sizing: border-box}


.search_box_popup2 .fr_box input.search_btn{  float:right;  border: none; background-color: #313d43!important; background: url(../_img/zoom_img2.png); background-size: 30px; padding: 0px  !important; line-height: 37px; height: 37px; width: 35px; background-repeat: no-repeat; background-position: center center; cursor:pointer; text-indent: -999px ; overflow: hidden}
.search_box_popup2  .fr_box input.search_btn:focus{  float:right;  border: none; background-color: #313d43!important; background: url(../_img/zoom_img2.png);background-size: 30px; padding: 0px  !important; line-height:37px; height: 37px!important; width: 35px; background-repeat: no-repeat; background-position: center center; cursor:pointer; text-indent: -999px ; overflow: hidden}



/**** 공통  박스사이즈 ****/
.box_300_l{ width: 300px;  }	
.box_300_r{ width:calc(100% - 330px) ;  }	 




#login_wrap { float:left; width:100%; height:100%;height:100vh; background:url(../_img/loginbg.jpg); display:table-cell; vertical-align:middle; background-size: cover; display:flex; flex-direction:column; justify-content: center; align-items: center;
}
#login_wrap #inloginbox{ width:380px; margin:0 auto;   background-color:#fff;  }
#login_wrap #inloginbox .topimg{ width:100%; float:left; display:block;  background-color: #1B283A; position: relative; padding:25px;
}
#login_wrap #inloginbox .info_icon{  position: absolute; right: 20px;  top: 30px; }
#login_wrap #inloginbox .info_icon i{   color:  rgba(0,0,0,0.5); font-size: 40px}
#login_wrap #inloginbox .info_icon:hover i{   color:  rgba(0,0,0,1)}

#login_wrap #inloginbox .loginbox{ width:100%;   float:left; display:block; background-color:#fff; padding: 40px 50px; box-sizing: border-box; 
}

#login_wrap #inloginbox .loginbox .input_inbox{ width:100%;   float:left; position: relative; background-color: #404040; margin-bottom: 5px}
#login_wrap #inloginbox .loginbox .input_inbox .icon{  position: absolute; left: 10px; top: 7px}
#login_wrap #inloginbox .loginbox .input_inbox input{   width:100%;  float:left; background-color: #404040; line-height: 45px;  color: #fff; font-size: 14px; padding: 0px 10px 0px 40px; box-sizing: border-box; border: 1px solid #404040; height: 45px;}

#login_wrap #inloginbox .loginbox .input_inbox input:focus{   width:100%;  float:left; background-color: #404040; line-height:45px;  color: #fff; font-size: 14px; padding: 0px 10px 0px 40px; box-sizing: border-box; border-bottom: 3px solid #5384d0!important;}

#login_wrap #inloginbox .loginbox2 { width:100%;   float:left; margin-top: 5px;  margin-bottom: 10px}
#login_wrap #inloginbox .loginbox2 .fl{ width:50%;   float:left; font-size: 12px; text-align: right; box-sizing: border-box; padding-right: 20px; padding-top: 7px}
#login_wrap #inloginbox .loginbox2 .fr{ width:50%;   float:left;}



#login_wrap #inloginbox .login_btn{  width: 100%;  float:left;  line-height:30px; background-color: #5384d0; color: #fff; font-size: 15px;  text-align: center; margin-bottom: 10px}

#login_wrap #inloginbox .pw_fine{  width: 100%;  float:left; color: #999; font-size: 13px; line-height: 35px}
#login_wrap #inloginbox .pw_fine .yn{  width: 50%;  float:right;  letter-spacing: -1px;  }
#login_wrap #inloginbox .pw_fine .yn .ch_box{   float:right;  line-height: 35px; color: #999}	
#login_wrap #inloginbox .pw_fine .yn .tx_box{   float:left;  line-height: 35px; }	

#login_wrap #inloginbox .login_btn a{  width: 100%;  float:left;  line-height: 50px; background-color: #5384d0; color: #fff; font-size: 15px;  text-align: center}

input[type=submit].loginst{ width: 100%;  float:left; border: 1px solid #5384d0; line-height: 50px; color: #fff; font-size: 14px;    background-color: #5384d0!important; font-weight: 400;cursor: pointer; position: relative;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 */  display: inline-block; }
input[type=submit].loginst:hover{  width: 100%;  float:left;border: 1px solid #3160aa line-height:50px; color: #fff; font-size: 14px;    background-color: #3160aa!important; font-weight: 400; position: relative; ; display: inline-block }

input[type=submit].mainloginst{ width: 100%;  float:left; border: 1px solid #4464A3; line-height: 50px; color: #fff; font-size: 14px;    background-color: #4464A3!important; font-weight: 400;cursor: pointer; position: relative;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 */  display: inline-block; }
input[type=submit].mainloginst:hover{  width: 100%;  float:left;border: 1px solid #1B283A line-height:50px; color: #fff; font-size: 14px;    background-color: #1B283A!important; font-weight: 400; position: relative; ; display: inline-block }


.in_box2 { width:100%;  float:left; padding-top: 10px; text-align: center;  color: rgba(255,255,255,0.5);  text-decoration: none;  text-transform: uppercase; font-size: 12px}
.in_box2 a{ ; color: #fff; text-decoration: none; }



#login_wrap #inloginbox .info_icon:hover i{   color:  rgba(0,0,0,1); cursor:pointer;}



#login_wrap #inloginbox .info_icon  .infobox{ border-radius: 10px;  box-shadow:2px 2px 20px #000 ; background-color: #fff; box-sizing: border-box; padding: 20px 20px 20px 0x;  position: absolute;  right:-300px !important; top:-20px; width: 300px; min-height: 220px; line-height: 18px;  display:none; }

#login_wrap #inloginbox .info_icon .infobox .dot{position: absolute; left: 0px ;top: 0px; color: #000; font-weight: 900; background: url();;  display:none}

#login_wrap #inloginbox .info_icon:hover  .infobox{ border-radius: 10px;  box-shadow:2px 2px 20px #000 ; background-color: #fff; box-sizing: border-box; padding: 20px;  position: absolute;  right:-300px !important; top:-20px; width: 300px; min-height: 220px;  line-height: 18px;  display: block; }

#login_wrap #inloginbox .info_icon:hover  .infobox .dot{position: absolute; left: 0px ;top: 0px; color: #000; font-weight: 900;display: block}


#login_wrap #inloginbox .info_icon .infobox_aricon{  position: absolute;  right:-10px !important; top:10px;   
    width :0px;
    height:0PX;
    border-right: 20px solid transparent;
    border-top:20px solid #fff; transform:rotate(-45deg) ; display: none}


#login_wrap #inloginbox .info_icon:hover .infobox_aricon{  position: absolute;  right:-10px !important; top:10px;   
    width :0px;
    height:0PX;
    border-right: 20px solid transparent;
    border-top:20px solid #fff; transform:rotate(-45deg) ; display: block}

#login_wrap #inloginbox .info_icon:hover .infobox ul li{ position: relative; padding-left: 20px; box-sizing: border-box; font-size: 13px; margin-bottom: 5px}


.popupbody{ width: 100% ; float: left; box-sizing: border-box; padding:25px;}

/**** 타이틀  스타일  ****/
.calender_box1{ width: 100% ; float: left; box-sizing: border-box; padding: 15px 0px; background-color: #eee; border: 1px solid #ccc;  margin-top: 5px; flex-direction:column; justify-content: center; align-items: center; position: relative}

.calender_box1 .back{ position: absolute; left: 20px; top: 13px;  }
.calender_box1 .back i{ color: #999; font-size: 30px}
.calender_box1 .back:hover i{ color: #4464a3; font-size: 30px}
.calender_box1 .next{ position: absolute; right: 20px; top: 13px;  }
.calender_box1 .next i{ color: #999; font-size: 30px}

.calender_box1 .today{ width: 100% ; float: left; text-align: center; font-size: 18px}
.calender_box1 .today:hover i{ color: #4464a3; font-size: 30px}

.calender_box2 { width: 100% ; float: left; box-sizing: border-box; background-color: #4464a3;  }
.calender_box2 { width: 100% ; float: left; box-sizing: border-box; background-color: #4464a3;  }



.day_box_in{ width:100%; float:left; position: relative; border-top: 1px solid #9590c2; padding: 5px 0px; display:flex;flex-direction:row;justify-content: space-between; }
.day_box_in .left_ar{ position: absolute; top: 10px; left: 0px}
.day_box_in .left_ar i{ color: #fff; font-size: 20px}
.day_box_in .day_select{ width:150px ;  display:flex;  flex-direction:row;justify-content: center;}
.day_box_in .day_select .y_select{ height: 30px; position: relative ; margin-right: 10px}
.day_box_in .day_select .y_select i{  color: #fff; font-size: 18px; position: absolute; right: 0px; top: 10px}
.day_box_in .day_select .y_select select{ height: 30px; padding: 0px 20px 0px 5px; font-size: 11px; color: #fff; border: none; z-index: 999999 ;  background: url(../_img/select_icon.png); background-color: #2b2f48; background-repeat: no-repeat; background-position: 95% 60%; background-size: 15px}
.day_box_in .day_select .m_select{ height: 30px; position: relative }
.day_box_in .day_select .m_select i{  color: #fff; font-size: 18px; position: absolute; right: 0px; top: 10px}
.day_box_in .day_select .m_select select{ height: 30px; padding: 0px 20px 0px 5px; font-size: 11px; color: #fff; border: none; z-index: 999999 ; background: url(../_img/select_icon.png); background-color: #2b2f48; background-repeat: no-repeat; background-position: 95% 60%; background-size: 15px }


.day_box_in .right_ar{ position: absolute; top: 10px; right: 0px}
.day_box_in .right_ar i{ color: #fff; font-size: 20px}

.day_box_sc{ width:100%; float:left; position: relative;}
.day_box_sc table{width:100%; float:left; }
.day_box_sc thead th{height:45px; border:1px solid #2e4b84; margin-left: -1px;  border-bottom:1px solid #2e4b84; color:#fff; font-size:12px;  text-align:center; background-color:#4464a3;   box-sizing:border-box }
.day_box_sc tbody th{height:45px;  border-top:1px solid #5f6577; border-bottom:1px solid #5f6577; border-right:1px solid #5f6577;  color:#fff;  font-size:12px;  text-align:center;    }
.day_box_sc tbody th:first-child{border-left:1px solid #5f6577; }
.day_box_sc tbody th.on{ background-color: #4f4794}
.day_box_sc tbody th a {}
.day_box_sc tbody td {
 border-bottom:1px solid #5f6577;border-right:1px solid #5f6577;  COLOR:#fff; font-size:12px; text-align: center; line-height: 28px; height: 28px; cursor:pointer; text-align: center
}
.day_box_sc tbody td:first-child{border-left:1px solid #5f6577; }
.day_box_sc tbody td.on{ background-color: #4f4794}
.day_box_sc tbody td a {COLOR:#fff; }

.day_box_sc2{ width:100%; float:left; position: relative;}
.day_box_sc2 .fl_box{ width:16.2%; float:left; border-left: 1px solid #ccc; box-sizing: border-box}
.day_box_sc2 .fr_box{ width:83.8%; float:left; box-sizing: border-box}


.day_box_sc2{ width:100%; float:left; position: relative;}
.day_box_sc2 .fl_box table{width:100%; float:left; }
.day_box_sc2 .fl_box thead th{height:133px;   border-bottom:1px solid #2e4b84; color:#fff; font-size:12px;  text-align:center; background-color:#5384d0;   box-sizing:border-box; ;}

.day_box_sc2 .fl_box thead th .day_font1{width:100%; float:left; text-align: center; font-size: 20px; font-weight: 900  }
.day_box_sc2 .fl_box thead th .day_font2{width:100%; float:left; text-align: center; font-size: 30px; font-weight: 900 ; margin: 20px 0px }
.day_box_sc2 .fl_box thead th .day_font3{width:100%; float:left; text-align: center; font-size: 16px;   }

.day_box_sc2 .fl_box tbody th{height:45px;  border-top:1px solid #ccc; border-bottom:1px solid #999;  color:#333;  font-size:12px;  text-align:center;   background-color: #eee  }
.day_box_sc2 .fl_box tbody td {
 border-bottom:1px solid #ccc; COLOR:#333; font-size:12px; text-align: center; line-height: 46px; height: 46px; cursor:pointer; text-align: center
}

.day_box_sc2{ width:100%; float:left; position: relative;}
.day_box_sc2 .fr_box table{width:100%; float:left;border-left:1px solid #ccc; }
.day_box_sc2 .fr_box thead th{height:50px;    border-bottom:1px solid #2e4b84; color:#fff; font-size:12px;  text-align:center; background-color:#4464a3;   box-sizing:border-box; background-color: #f7f7f7 }
.day_box_sc2 .fr_box tbody th{height:50px;  border-top:1px solid #ccc; border-bottom:1px solid #ccc;  color:#fff;  font-size:12px;  text-align:center;    }
.day_box_sc2 .fr_box tbody td { float: left; width: 14.251%; border-left: none;
 border-bottom:1px solid #ccc;border-right:1px solid #ccc; COLOR:#333; box-sizing: border-box; font-size:12px; text-align: center; cursor:pointer; height:180px;  position: relative; padding:35px 30px  0px 30px; font-size: 13px;  text-align: left;  }
.day_box_sc2 .fr_box tbody td:hover { float: left; width: 14.251%; border-left: none;
 border-bottom:1px solid #ccc; COLOR:#333; box-sizing: border-box; font-size:12px; text-align: center; cursor:pointer; height:180px;  position: relative;  padding:35px 30px  0px 30px;font-size: 13px;  text-align: left;  background-color: #e6eaf0 }
.day_box_sc2 .fr_box tbody td.today{ float: left; width: 14.251%; border-left: none;
 border-bottom:1px solid #ccc; COLOR:#333; box-sizing: border-box; font-size:12px; text-align: center; cursor:pointer; height:180px;  position: relative; padding:15px 35px; font-size: 13px;  text-align: left;  background-color: #d2dbeb}

.day_box_sc2 .fr_box tbody td .um{ position: absolute; left: 10px; top:10px; font-size: 16px; font-weight: 700 ; color: #000}
.day_box_sc2 .fr_box tbody td a.gogo{  width:100%; float:left;  left: 10px; top: 0px;float: left; border-bottom: 1px solid #ccc; padding-bottom: 2px !important; box-sizing: border-box; color: #333; font-size: 11px; margin-right: 4px;line-height:13px; margin-bottom: 5px }
.day_box_sc2 .fr_box tbody td a.gogo .tl_tx{  width:60%; float:left;  color: #333; font-size: 11px; line-height:13px;  }
.day_box_sc2 .fr_box tbody td a.gogo .tr_tx{  width:40%; float:right;   color: #5384d0; font-size: 11px; line-height:13px;  text-align: right }


.day_box_sc2 .fr_box tbody td .um_sun{position: absolute; left: 10px; top:10px; font-size: 16px; font-weight: 700 ; color: #E72A2A  }
.day_box_sc2 .fr_box tbody td .um_sat{position: absolute; left: 10px; top: 10px; font-size: 16px; font-weight: 700 ; color: #4d78ce  }

.box_w3{ width:100%; float:left; display:flex;  flex-direction:row;justify-content: space-between; flex-wrap: wrap; margin-top: 30px   }
.box_w3_1{ width:40%; float:left; box-sizing: border-box;  padding: 0px 0px }
.box_w3_2{ width:20%; float:left; box-sizing: border-box; padding: 0px 20px }
.box_w3_3{ width:40%; float:left; box-sizing: border-box;  padding: 0px 0px }

.box_w2{ width:100%; float:left; display:flex;  flex-direction:row;justify-content: space-between; flex-wrap: wrap; margin-top: 30px   }
.box_w2_1{ width:50%; float:left; box-sizing: border-box;  padding: 0px 10px 0px 0px }
.box_w2_2{ width:50%; float:left; box-sizing: border-box; padding: 0px 0px 0px 10px}

.iframe_box{ width:100%;   float:left; }
.iframe_box iframe{ width:100%;  min-height:500px; overflow-x: scroll; overflow-y: hidden  }

.info_box{ width:100%;   float:left; background-color: #fff; border: 1px solid #ccc; padding:10px 20px;; box-sizing: border-box}
.info_box .sstitle{ width:100%;   float:left;  box-sizing: border-box; position: relative; padding-left: 15px; font-size: 17px; font-weight: 600; margin-bottom: 10px; margin-top: 10px}
.info_box .sstitle .icon{ position: absolute; left: 0px; top: 0px}
.info_box .tt{width:100%;   float:left;  box-sizing: border-box; position: relative; padding-left: 20px; font-size: 13px;  margin-bottom: 10px; line-height: 25px}
.info_box2{ width:100%;   float:left; background-color: #fff; border: 1px solid #ccc; padding:40px 50px 30px 220px; box-sizing: border-box;  position: relative; }

.info_box2 .icon{  position: absolute; left: 20px; top: 30px; width: 150px;  border-right: 1px solid #eee; text-align: center }
.info_box2 .icon i{  color: #999; font-size: 70px }

.box_3{  width:100%;   float:left; display:flex; flex-direction:row; justify-content: space-between; justify-content: space-around; flex-wrap: wrap; }
.box_3 .inbox{  width:32.5%;  }

.channel_box{  width:100%;   float:left; }

.channel_box .inbox01{  width:20%;   float:left;}
.channel_box .inbox02{  width:18%;   float:left;}
.channel_box .inbox03{  width:62%;   float:left;}
.channel_box .inbox04{  width:10%;   float:left; margin-right: -1px }
.channel_box .inbox05{  width:14.2%;   float:left; margin-left: -1px }

.channel_box .inbox33{  width:33.3%;   float:left; margin-right: -1px }
.channel_box .inbox08{  width:12.5%;   float:left; margin-right: -1px }
.channel_box .inbox09{  width:10%;   float:left; margin-right: -1px }
.channel_box .inbox10{  width:10%;   float:left; margin-right: -1px }

.channel_box2{  width:100%;   float:left;  }
.channel_box2 .ininbox{  width:10%;   float:left; }

.popup_body{  width:100%;   float:left;  padding: 30px; box-sizing: border-box}
.popup_body .popup_date{  width:100%;   float:left;  padding: 30px; box-sizing: border-box}


#loading {
 width: 100%;  
 height: 100%;  
 top: 0px;
 left: 0px;
 position: fixed;  
 display: block;  
 opacity: 0.7;  
 background-color: #fff;  
 z-index: 99999999;  
 text-align: center;  display: flex;
  justify-content: center;
  align-items: center; z-index: 9999999  } 
#loading-image {  width: 500px;  margin-left: -250px;
 position: absolute;  
 top: 50%;  
 left: 50%; 
 z-index: 99999999 }
.loading_text{  width: 100%;   float: left; text-align: center; margin: 20px 0px}

#loading .loding_in{} 

.popup_t1{  width:100%;   float:left;  font-size: 25px; font-weight: 700}


.popup_st1{  width:100%;   float:left; position: relative ; margin-bottom:20px}
.popup_st1 .popup_t1{  width:500%;   float:left;  font-size: 25px; font-weight: 700}
.popup_st1 .popup_btn{position: absolute; top:0px;  right: 180px}
.popup_st1 .popup_logo{position: absolute; top: 0px;  right: 0px}






.error_imgbox{
 width: 100%;  
 height: 100%;  
 top: 0px;
 left: 0px;
 position: fixed;  
 display: block;  
 opacity: 0.7;  
 background-color: #fff;  
 z-index: 99999999;  
 text-align: center;  display: flex;
  justify-content: center;
  align-items: center; z-index: 9999999  } 

.error_imgbox .error_img{  width: 500px;  margin-left: -250px;
 position: absolute;  
 top: 50%;  
 left: 50%; 
 z-index: 99999999 }

.cont_3w{ width: 100%; float: left; display:flex;  flex-direction:row; flex-wrap: wrap; justify-content: space-between; }
.cont_3w .inininbox01{ width: calc(25% - 20px) ; border-top: 3px solid #333}
.cont_3w .inininbox02{ width:calc(25% - 20px)  ; border-top: 3px solid #333 }
.cont_3w .inininbox03{ width: 50%; border-top: 3px solid #333 }

.cont_2w{ width: 100%; float: left; display:flex;  flex-direction:row; flex-wrap: wrap; justify-content: space-between;  }
.cont_2w .inininbox04{ width: calc(25% - 20px) ; border-top: 3px solid #333}
.cont_2w .inininbox05{ width: 75%; border-top: 3px solid #333 }

.cont_2w_set{ width: 100%; float: left; display:flex;  flex-direction:row; flex-wrap: wrap; justify-content: space-between;  }
.cont_2w_set .inininboxlt{ width: calc(15% - 10px) ; border-top: 3px solid #333}
.cont_2w_set .inininboxrt{ width: 85%; border-top: 3px solid #333 }