select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;
    &::-ms-expand;
  }
  
  
  @font-face{font-family:'Noto Sans KR'; src:url('/garage/font/noto-sans-kr-v8-korean_latin-regular.woff')}
  @font-face{font-family:'Noto Sans KR'; src:url('/garage/font/noto-sans-kr-v8-korean_latin-regular.eot')}
  
  
  a {color: #407abd; text-decoration: underline}
  img {border: 0px; padding: 0px; margin: 0px}
  body {font-size: 12px; font-family: 'Noto Sans KR', sans-serif; margin: 0px; padding: 0px; background-color: #07668C}
  .body_site {font-size: 12px; font-family: 'Noto Sans KR', sans-serif; margin: 0px; padding: 0px}
  
  
  .pad_5 {padding: 5%}
  .pad20 {padding: 20px}
  
  .cent {text-align: center}
  .t_12 {font-size: 12px}
  .i_cus  {cursor: pointer}
  .i_12 {height: 12px}
  
  .flt_l {float: left;}
  .flt_r {float: right;}
  
  .red {color: red}
  .clear {clear: both}
  .no_dis {display: none}
  .t_14_blue {color: #07668C; font-size: 14px}
  .t_blue {color: #07668C; text-decoration: underline; cursor: pointer}
  .t_bk  {color: #4d4d4d}
  .t_green {color: #1eaf78}
  .t_red {color: #D90404; text-decoration: underline; cursor: pointer}
  .t_gray {color: gray}
  .black_bg {display: none; width: 100%; height: 100vh; top: 0px; left: 0px; background-image: url('/garage/images/op40.png'); position: fixed; z-index: 100}
  
  
  .login_wrap {position: fixed; top: calc(50vh - 200px); left: calc(50% - 150px); width: 300px; height: 340px; display: none; background: white; box-shadow: 0px 0px 10px gray}
  .login_t {line-height: 60px; font-size: 20px; color: white; background-color: #07668C; text-align: center; margin: 0px 0px 15px 0px;}
  .login_ipt {width: 240px; height: 40px; border: 1px solid #e5e5e5; margin: 0px auto 0px auto; background: #f2f2f2; border-radius: 5px}
  .login_txt {width: 240px; height: 30px; line-height: 30px; font-size: 16px; color: #333; margin: 10px auto 5px auto; font-weight: bold}
  .login_bt {display: none; width: 240px; height: 46px; line-height: 46px; border-radius: 3px; margin: 30px auto 10px auto; background: #07668C; color: white; text-align: center; font-size: 18px; cursor: pointer}
  .login_bt:hover {background: #07506d}
  .ipt_login {width: 218px; height: 38px; border: 1px solid #efefef; padding: 0px 10px; background-color: #f2f2f2; border-radius: 5px}
  
  .wrap {min-width: 1280px; font-size: 14px}
  
  
  /* side_bar */
  .side_bar {float: left; width: 200px; min-height: 100vh; background: #07668C}
  .side_bar_t {height: 49px; padding: 0px 10px; margin: 0px 0px 0px 0px; overflow: hidden}
  
  .side_bar_m {height: 40px; line-height: 40px; padding: 0px 20px; font-size: 14px; color: #bfe3f1; cursor: pointer; margin: 0px 0px 0px 0px; border-top: 1px solid #07506d; font-weight: 200; }
  .side_bar_n {height: 24px; line-height: 24px; padding: 0px 20px 5px 20px; font-size: 12px; color: white; cursor: pointer; }
  .side_bar_n:hover {background: #033d54; cursor: pointer; color: white}
  div.side_bar_n a {color: white; text-decoration: none}
  .side_bar_m_arrow {height: 40px; line-height: 40px; padding: 0px 20px; font-size: 14px; color: #bfe3f1; cursor: pointer; margin: 0px 0px 0px 0px; border-top: 1px solid #07506d; font-weight: 200; background-image: url('/garage/images/ic_arrow_down_white.png'); background-size: 10px; background-repeat: no-repeat; background-position: calc(100% - 20px) center}
  .side_bar_inner {background: #075a7b; padding: 5px 0px}
  
  .side_bar_tl {float: left; width: 30px; height: 20px; text-align: center; padding: 15px 10px 15px 0px; border-right: 1px solid #07506d}
  div.side_bar_tl img {height: 20px}
  .side_bar_tr {float: right; width: calc(100% - 55px); line-height: 28px; border-radius: 5px; margin: 10px 0px 10px 10px; border: 1px solid #093f55; color: white; text-align: center; background: #07506d;}
  .side_bar_tr:hover {cursor: pointer; background: #063c51; border: 1px solid #063c51}
  
  /* body */
  .rarea {float: right; width: calc(100% - 200px); min-height: 100vh; background: white; padding: 0px 0px 100px 0px}
  .notice_bar {height: 49px; line-height: 49px; padding: 0px 20px; color: black; border-bottom: 1px solid #e6e6e6; font-size: 12px; background: #F2F2F0}
  .notice_body {float: left; width: 40%;}
  div.notice_body a {text-decoration: none; color: red; font-weight: bold;}
  .notice_me {float: right; width: 30%; text-align: right}
  div.notice_me a {text-decoration: none; color: #07668C; font-weight: bold}
  div.notice_me img {height: 16px; vertical-align: middle}
  .search_student {float: left; width: 25%; padding: 0px 2.5%}
  .ipt_search_student {height: 26px; line-height: 26px; border: 1px solid #dfdfdf; border-radius: 5px; width: 150px; margin: 10px 0px; padding: 0px 10px; background: #f7f7f7}
  
  .menu {margin: 30px 30px 20px 30px}
  div.menu span {font-size: 30px; font-weight: bold}
  .menu_l {float: left; width: 70%; height: 50px; color: #333}
  .menu_l2 {float: left; width: 50%; height: 50px}
  .menu_sel {float: left; width: 150px; line-height: 38px; border: 1px solid #dfdfdf; border-radius: 3px}
  .menu_sel_bt {float: left; width: 70px; height: 38px; line-height: 38px; border: 1px solid #32639b; background: #407abd; border-radius: 3px; margin: 0px 0px 0px 10px; text-align: center; color: white; font-size: 14px}
  .menu_sel_bt:hover {cursor: pointer; background: #9b0b0b}
  
  .menu_bt {float: right; height: 30px; line-height: 30px; text-align: center; color: white; background: #033d54; border-radius: 3px; font-size: 12px; padding: 0px 15px;}
  .menu_bt:hover {cursor: pointer; box-shadow: 0px 0px 5px #033d54}
  div.menu_bt a {color: white; text-decoration: none;}
  
  
  .menu_bt_pur {float: right; width: 100px; height: 28px; line-height: 28px; text-align: center; border-radius: 5px; font-size: 12px; border: 1px solid #357994; color: #033d54; background-color: #e1eaf0}
  .menu_bt_pur:hover {cursor: pointer; background: #033d54; color: white;}
  .menu_bt_pink {float: right; width: 100px; height: 28px; line-height: 28px; text-align: center; border-radius: 5px; font-size: 12px; border: 1px solid #357994; color: #033d54; background-color: #e1eaf0}
  .menu_bt_pink:hover {cursor: pointer; background: #033d54; color: white;}
  .menu_bt_gr {float: right; width: 100px; height: 28px; line-height: 28px; text-align: center; border-radius: 5px; font-size: 12px; border: 1px solid #357994; color: #033d54; background-color: #e1eaf0}
  .menu_bt_gr:hover {cursor: pointer; background: #033d54; color: white; border: 1px solid #033d54}
  div.menu_bt_gr a {text-decoration: none;}
  div.menu_bt_gr:hover a {text-decoration: none; color: white}
  .menu_bt_yel {float: right; width: 100px; height: 28px; line-height: 28px; text-align: center; border-radius: 5px; font-size: 12px; border: 1px solid #357994; color: #033d54; background-color: #e1eaf0}
  .menu_bt_yel:hover {cursor: pointer; background: #033d54; color: white;}


  .menu_bt_down {float: right; width: 120px; height: 30px; line-height: 30px; text-align: center; color: white; background: #07668C; border-radius: 3px; font-size: 12px; margin: 0px 10px 0px 0px}
  .menu_bt_down:hover {cursor: pointer; box-shadow: 0px 0px 5px #07668C}
  
  .menu_bt_invite {float: right; height: 30px; line-height: 30px; text-align: center; color: white; background: #0f475d; border-radius: 3px; font-size: 12px; margin: 0px 10px 0px 0px; padding: 0px 15px}
  .menu_bt_invite:hover {cursor: pointer; box-shadow : 0px 0px 5px #0f475d}
  div.menu_bt_invite a {color: white; text-decoration: none}
  
  
  .menu_navi {float: right; line-height: 28px; border: 1px solid #07668C; border-radius: 3px; padding: 0px 10px; font-size: 12px; margin: 10px 0px 10px 10px; color: #333; background: #bfe3f1;}
  .menu_navi:hover {cursor: pointer; }
  
  .menu_print {float: right; line-height: 28px; border: 1px solid blue; border-radius: 3px; padding: 0px 10px; font-size: 12px; margin: 10px 0px 10px 10px; color: white; background: #269fcc;}
  .menu_print:hover {cursor: pointer; }
  div.menu_print a {color: white; text-decoration: none}
  
  /* table */
  .tb_w {border-top: 1px solid #e6e6e6; margin: 0px 30px; background: white; text-align: center; font-size: 12px}
  .tb_t {height: 36px; line-height: 36px; border-bottom: 1px solid #e6e6e6; background: #f7f7f7; overflow: hidden}
  .tb_t2 {height: 50px; line-height: 25px; border-bottom: 1px solid #e6e6e6; background: #f7f7f7; overflow: hidden}
  .tb_tr {height: 36px; line-height: 36px; border-bottom: 1px solid #e6e6e6; overflow: hidden}
  .tb_tr_pic {height: 73px; line-height: 73px; border-bottom: 1px solid #e6e6e6; overflow: hidden}
  .tb_tr_ajx {height: 36px; line-height: 36px; border-bottom: 1px solid #e6e6e6; overflow: hidden; color: #dfdfdf}
  .tb_tr_view {line-height: 26px; border-bottom: 1px solid #e6e6e6; padding: 20px 0px}
  .tb_tr_impo {height: 36px; line-height: 36px; border-bottom: 1px solid #e6e6e6; overflow: hidden; background: #ffe9e9}
  
  .tb_tr_s {height: 36px; line-height: 36px; border-bottom: 1px dotted gray; overflow: hidden}
  .tb_tr_retire {height: 36px; line-height: 36px; border-bottom: 1px solid #e6e6e6; color: gray}
  .tb_tr:hover {background: #f7f7f7; cursor: pointer}
  .tb_idx {float: left; width: 150px; line-height: 30px; height: 30px; border: 1px solid #e6e6e6; border-radius: 3px; margin: 0px 0px 20px 0px}
  .tb_idx_bt {float: left; width: 80px; line-height: 30px; height: 30px; border: 1px solid #185b76; border-radius: 3px; margin: 0px 0px 0px 10px; text-align: center; background: #07668C; color: white; cursor: pointer; font-size: 14px}
  .tb_idx_bt:hover {background: #0c5876;}
  
  .td_5 {float: left; width: 5%}
  .td_5_r {float: left; width: calc(5% - 1px); border-right: 1px solid #e6e6e6}
  .td_7 {float: left; width: 7%}
  .td_7_red {float: left; width: 7%; color: red}
  .td_7_red_no {float: left; width: 7%}
  .td_7_no {float: left; width: 7%}
  div.td_7 span {color: red}
  .td_9 {float: left; width: 9%}
  .td_10 {float: left; width: 10%}
  .td_13 {float: left; width: 13%}
  .td_15 {float: left; width: 15%}
  .td_20 {float: left; width: 20%}
  .td_25 {float: left; width: 25%}
  .td_30 {float: left; width: 30%}
  .td_35 {float: left; width: 35%}
  .td_40 {float: left; width: 40%}
  .td_45 {float: left; width: 45%}
  .td_50 {float: left; width: 50%}
  .td_60 {float: left; width: 60%}
  .td_85 {float: left; width: 85%}
  .td_95 {float: left; width: 95%; text-align: left}
  
  .ipt_td {width: calc(100% - 12px); border: 1px solid #D90404; height: 24px; line-height: 24px; margin: 5px 5px; text-align: center; color: black}
  
  
  /* register */
  
  .regi_w {margin: 0px 30px; padding: 20px; border: 1px solid #e6e6e6; border-radius: 5px; overflow-y: scroll}
  .regi_w2 {margin: 0px 0px; padding: 0px; border: 1px solid #e6e6e6; border-radius: 5px; overflow-y: scroll}
  
  .regi_w_pinned {margin: 20px; padding: 20px; border: 1px solid #dfdfdf; border-radius: 5px;}
  
  .regi_t {line-height: 30px; padding: 0px 0px 20px 0px; font-size: 16px;}
  .regi_t_modi {height: 50px; line-height: 50px; background-color: #07668C; color: white; padding: 0px 20px; margin: 0px 0px 0px 0px; font-size: 18px; font-weight: bold}
  .regi_t_bt {float: right; padding: 0px 10px; height: 30px; line-height: 30px; font-size: 14px; background: gray; cursor: pointer; margin: 10px 0px; border-radius: 5px;}
  
  .regi_c {margin: 0px 0px 10px 0px;}
  .regi_l {float: left; width: calc(30% - 2px); line-height: 40px; font-size: 12px; color: #333}
  .regi_r {float: left; width: 70%; line-height: 40px; height: 40px; border: 1px solid #e6e6e6; border-radius: 5px}
  .regi_r_add {float: left; width: calc(70% - 160px); line-height: 40px; height: 40px; border: 1px solid #e6e6e6; border-radius: 5px}
  
  .regi_r_add_bt {float: left; width: 88px; font-size: 12px; line-height: 30px; margin: 5px 10px; height: 30px; background: #D90404; border: 1px solid #D90404; border-radius: 2px; color: white; text-align: center; cursor: pointer}
  .regi_r_cancel_bt {float: left; width: 48px; font-size: 12px; line-height: 30px; margin: 5px 0px; height: 30px; background: #F2F2F0; border: 1px solid #F2F2F0; border-radius: 2px; color: gray; text-align: center; cursor: pointer}
  
  
  .regi_r_bt {float: left; width: 150px; margin: 0px calc(70% - 150px) 0px 0px; line-height: 40px; height: 40px; background: #F2B705; border: 1px solid #F29F05; border-radius: 5px; color: white; text-align: center;}
  .regi_r_bt:hover {cursor: pointer; background: #F29F05}
  .regi_r_no_line {float: left; width: 70%; line-height: 40px; height: 40px; border: 1px solid white; border-radius: 5px}
  
  .regi_r_photo {float: left; width: 70%; line-height: 40px; border: 1px solid white; border-radius: 5px}
  .regi_r_atphoto {float: left; width: 100px; height: 100px; background: #f2f2f2; background-size: cover; margin: 0px 10px 10px 0px}
  
  .regi_r_mini {float: left; width: 35%; line-height: 40px; height: 40px; border: 1px solid #e6e6e6; border-radius: 5px}
  .regi_r_mini20 {float: left; width: 20%; line-height: 40px; height: 40px; border: 1px solid #e6e6e6; border-radius: 5px; margin: 0px 10px 0px 0px}
  
  .regi_txt {float: left; width: calc(70% - 20px); line-height: 40px; padding: 10px; height: 278px; border: 1px solid #e6e6e6; border-radius: 5px}
  .regi_txt_area {width: calc(100% - 2px); height: 276px; border: 1px solid white; padding: 0px; margin: 0px}
  .ipt_regi_r {width: calc(100% - 22px); height: 36px; line-height: 36px; margin: 0px; border: 0px; background: white; padding: 0px 10px; border-radius: 6px; font-size: 14px}
  .ipt_regi_mini {width: 60px; height: 36px; line-height: 36px; margin: 0px; border: 1px solid #e6e6e6; background: white; padding: 0px 10px; border-radius: 6px; font-size: 14px}
  .ipt_regi_r_readonly {width: calc(100% - 22px); height: 36px; line-height: 36px; margin: 0px; border: 0px; background: white; padding: 0px 10px; border-radius: 6px; font-size: 14px; color: gray}

  .regi_special {float: left; width: 200px; margin: 0px 25px 25px 0px}
  div.regi_special img {width: 100%}
  .regi_special_t {height: 48px; line-height: 24px; overflow: hidden; margin: 0px 0px 0px 0px}
  
  .sel_regi_r {width: calc(100% - 2px); line-height: 26px; height: 26px; border: 1px solid white; font-size: 14px; background: white; padding: 0px 10px; border-radius: 6px; background-image: url('/garage/images/arrow_down.png'); background-position: calc(100% - 10px) center; background-repeat: no-repeat}
  .sel_regi_r_line {width: calc(90% - 2px); line-height: 26px; height: 26px; border: 1px solid #dfdfdf; font-size: 14px; background: white; padding: 0px 10px; border-radius: 6px; background-image: url('/garage/images/arrow_down.png'); background-position: calc(100% - 10px) center; background-repeat: no-repeat; margin: 0px auto}
  .sel_regi_r_mini {width: 200px; line-height: 38px; height: 38px; border: 1px solid #e6e6e6; font-size: 14px; background: white; padding: 0px 10px; border-radius: 6px; background-image: url('/garage/images/arrow_down.png'); background-position: calc(100% - 10px) center; background-repeat: no-repeat}
  .sel_regi_r_level {width: calc(90% - 2px); line-height: 26px; height: 26px; border: 1px solid #dfdfdf; font-size: 14px; background: white; padding: 0px 10px; border-radius: 6px; background-image: url('/garage/images/arrow_down.png'); background-position: calc(100% - 10px) center; background-repeat: no-repeat; margin: 0px 5%}
  
  .sel_regi_ipt {width: calc(90% - 2px); padding: 2px 5%; height: 20px; line-height: 20px; border: 1px solid white; font-size: 14px; border-radius: 7px}
  
  
  
  .regi_l_ord {float: left; width: calc(35% - 2px); line-height: 40px; font-size: 12px; color: #333}
  .regi_memo_ord {float: left; width: 62.5%; line-height: 40px; font-size: 12px; color: #333; border: 1px solid #e6e6e6; border-radius: 5px}
  .regi_r2_ord {float: right; width: 20.5%; line-height: 40px; height: 40px; border: 1px solid #e6e6e6; border-radius: 5px; margin: 0px 2.5% 0px 0px}
  
  
  .regi_l2 {float: left; width: calc(15% - 2px); line-height: 40px; font-size: 14px; color: #333}
  .regi_r2 {float: left; width: 32.5%; line-height: 40px; height: 40px; border: 1px solid #e6e6e6; border-radius: 5px; margin: 0px 2.5% 0px 0px}
  .regi_r2_long {float: left; width: 82.5%; line-height: 40px; height: 80px; border: 1px solid white; border-radius: 5px; margin: 0px 2.5% 0px 0px}
  .regi_r2_no_line {float: left; width: 32.5%; line-height: 40px; height: 40px; border: 1px solid white; border-radius: 5px; margin: 0px 2.5% 0px 0px}
  
  .regi_bt {float: left; height: 40px; line-height: 40px; padding: 0px 15px; font-size: 16px; text-align: center; color: white; background: #07668C; border-radius: 10px}
  .regi_bt:hover {cursor: pointer; background: #971719}
  .regi_bt_c {float: right; height: 40px; line-height: 40px; padding: 0px 15px; text-align: center; color: white; background: #828277; border-radius: 10px; font-size: 16px}
  .regi_bt_c:hover {cursor: pointer; background: #5f5f58}
  .regi_bt_d {float: left; height: 40px; line-height: 40px; padding: 0px 15px; text-align: center; color: white; background: red; border-radius: 10px; font-size: 16px}
  .regi_bt_d:hover {cursor: pointer; background: #5f5f58}
  .regi_bt_se {float: left; height: 40px; line-height: 40px; padding: 0px 15px; font-size: 16px; text-align: center; color: white; background: rgb(174, 72, 72); border-radius: 10px; margin: 0px 10px 0px 10px; cursor: pointer}
  
  .regi_w_new {line-height: 30px; height: 30px; border-bottom: 1px solid #dfdfdf; margin: 0px 0px 10px 0px; background: #f2f2f2; padding: 0px 10px}
  .regi_w_new2 {line-height: 30px; margin: 0px 0px 10px 0px; font-weight: bold; text-decoration: underline}
  
  /* student*/
  .stu_tab {float: left; line-height: 36px; padding: 0px 30px; text-align: center; color: white; cursor: pointer; background-color: #a1a1a1; border-right: 1px solid white; font-size: 12px;}
  .stu_tab:hover {background: #07668C; color: white}
  .stu_tab_s {float: left; line-height: 36px; padding: 0px 30px; text-align: center; background: #07668C; color: white; border-right: 1px solid white; font-size: 12px;}

  div.stu_tab a {color: white}
  div.stu_tab_s a {color: white}

  .stu_line {height: 2px; background: #07668C; margin: 0px 30px}
  .stu_tab_cons {float: left; line-height: 36px; padding: 0px 30px; text-align: center; background: #054a65; color: white}
  div.stu_tab_cons a {color: white; text-decoration: none;}
  div.stu_tab a {color: #bebcbc; text-decoration: none;}
  
  .sheet {margin: 20px 10px; background: white; padding: 20px; border-radius : 5px; font-size: 16px}
  .sheet_prt {border: 1px solid #e6e6e6; height: 40px; line-height: 40px; border-radius: 5px; text-align: center}
  .sheet_prt:hover {cursor: pointer; background: #f2f2f2}
  .sheet_bt {border: 1px solid #e6e6e6; width: 100px; height: 30px; text-align: center; margin: 20px auto 0px auto; border-radius: 5px; background: #f7f7f7}
  .sheet_bt:hover {cursor: pointer; background: #f2f2f2}
  
  .sheet_prt_l {float: left; border: 1px solid red; background: #b01114; color: white; height: 40px; line-height: 40px; padding: 0px 30px; border-radius: 5px; font-size: 16px; text-align: center; cursor: pointer;}
  .sheet_prt_r {float: left; border: 1px solid #e6e6e6; height: 40px; line-height: 40px; padding: 0px 10px; border-radius: 5px; font-size: 16px; margin: 0px 0px 0px 10px; text-align: center; cursor: pointer}
  
  
  /* report */
  .report {width: 1000px; height: 1415px; background-image: url('/garage/images/report.png')}
  
  .report_t {line-height: 50px; text-align: center; font-size: 20px; background: #2f8e1b; color: white}
  .report_people {padding: 30px 0px; font-size: 16px; line-height: 24px; border-bottm: 1px solid #b8b2b2}
  .report_l {float: left; width: calc(50% - 20px); height: 250px; margin: 0px 0px 20px 0px}
  .report_r {float: right; width: calc(50% - 20px); height: 250px;  margin: 0px 0px 20px 0px}
  .report_lt {line-height: 41px; background: #f2f2f2; font-size: 16px; padding: 0px 20px; border-radius: 5px}
  .report_memo {border: 1px solid #e6e6e6; padding: 0px 10px; height: 100px; border-radius: 5px}
  .report_memo_t {line-height: 40px; font-size: 16px; border-bottom: 1px solid #e6e6e6; padding: 0px 20px}
  
  .report_lr {height: 200px}
  
  .report_ment {width: 500px; margin: 20px 10px; background: white; padding: 20px; border-radius : 5px; font-size: 16px}
  
  
  /* 뮨 */
  
  .abs_login {background: white; border-radius: 5px; padding: 10px; font-size: 16px}
  .abs_ipt {border: 1px solid #e6e6e6; line-height: 40px; border-radius: 5px;  -webkit-appearance: none;}
  
  .abs_bt {height: 50px; line-height: 50px; background: #3e7b92; border-radius: 5px; text-align: center; color: white}
  
  .abs_tt {line-height: 40px; font-size: 16px; border-bottom: 1px solid #bbb9b9; text-align: center}
  
  .abs_m {float: left; width: 50%; height: 80px; line-height: 80px; text-align : center; border-bottom: 1px solid white; background: #caf1ca; cursor: pointer}
  .abs_m_mid {float: left; width: 50%; height: 80px; line-height: 80px; text-align : center; border-bottom: 1px solid white; background: #f7dbdb}
  .abs_m_kinder {float: left; width: 50%; height: 80px; line-height: 80px; text-align : center; border-bottom: 1px solid white; background: #dce7f8}
  
  .abs_book {padding: 10px 0px; line-height: 40px; border-bottom: 1px dotted #4bc04b}
  .abs_book2 {padding: 10px 0px; line-height: 40px; border-bottom: 1px dotted #4a93bf}
  .ipt_abs_book {width: 90%; padding: 0px 5%; height: 40px; line-height: 40px; border: 1px solid #e6e6e6}
  
  .abs_t {line-height: 30px; background: #4bc04b; color: white; text-align: center}
  .abs_t2 {line-height: 30px; background: #4a93bf; color: white; text-align: center}
  
  
  
  .read_m {float: left; width: 100%; height: 80px; line-height: 80px; text-align : center; border-bottom: 1px solid white; background: #f3f8f3; cursor: pointer}
  
  .read_m_chk {float: left; width: 100%; height: 80px; line-height: 80px; text-align : center; border-bottom: 1px solid white; background: #388538; cursor: pointer; color: white;}
  
  
  .book_m {float: left; width: 80%; height: 80px; line-height: 80px; text-align : center; border-bottom: 1px solid white; background: #f3f8f3; cursor: pointer}
  
  .book_m_chk {float: left; width: 80%; height: 80px; line-height: 80px; text-align : center; border-bottom: 1px solid white; background: #388538; cursor: pointer; color: white;}
  
  .book_m_title {float: right; width: 20%; height: 40px; line-height: 20px; padding: 20px 0px; text-align: center; border-bottom: 1px solid white; background: #84c884; color: white}
  .book_m_ipt {width: 95%; margin: 2.5%; border: 1px solid #e6e6e6}
  .ipt_book_m_ipt {width: 95%; padding: 2.5%; border: 1px solid white; background: white}
  
  /* shhet */
  
  .print_sheet {width: 1240px; height: 1754px}
  div.print_sheet img {width: 100%}
  .print_auth {position: relative; width: 500px; height: 40px; margin: -50px 0px 0px 200px; font-size: 16px; line-height: 40px}
  .print_bt {width: 200px; height: 70px; border: 1px solid #e6e6e6; text-align: center; line-height: 70px; background: #f2f2f2; margin: 20px 0px; font-size: 16px; cursor: pointer}
  
  
  
  
  /* pagenate */
  .pagena {float: right; position: relative; left: -50%; margin: 40px 0px 0px 0px; font-size: 12px}
  .pagena_m {float: left; position: relative; left: 50%; min-width: 13px; height: 23px; line-height: 23px; padding: 0px 5px; margin: 0px 0px 0px 5px; text-align: center; border: 1px solid #e6e6e6; background: white; border-radius: 3px; color: #333}
  .pagena_m:hover {cursor: pointer; background: #f2f2f2}
  .pagena_m_s {float: left; position: relative; left: 50%; min-width: 13px; height: 23px; line-height: 23px; padding: 0px 5px; margin: 0px 0px 0px 5px; text-align: center; border: 1px solid #e6e6e6; background: #07668C; border-radius: 3px; color: white}
  div.pagena_m:hover a {color: white}
  div.pagena_m a {color: #333}

  .pagena_lite {text-align: center; margin: 70px 0px; font-size: 14px}
  
  
  
  
  /* site */
  
  
  .wrap_site {width: 1280px; margin: 0px auto}
  
  .header {height: 50px; background: #8fc320; color: white; padding: 20px 0px}
  .header_sub {height: 50px; color: black; padding: 20px 0px}
  .header_logo {float: left; width: 100px; height: 34px; padding: 8px 0px; margin: 0px 400px 0px 0px;}
  .header_m {float: left; margin: 13px 50px 0px 0px; height: 24px; line-height: 24px; font-size: 16px; cursor: pointer}
  .header_m:hover {text-decoration: underline}
  .header_go_admin {float: right; width: 90px; height: 24px; margin: 13px 0px; background: white; color: #8fc320; border-radius: 12px; text-align: center; line-height: 24px; cursor: pointer}
  .header_go_bookhis {float: right; width: 90px; height: 24px; margin: 13px 10px; background: white; color: #8fc320; border-radius: 12px; text-align: center; line-height: 24px; cursor: pointer}
  
  .header_go_admin_sub {float: right; width: 90px; height: 24px; margin: 13px 0px; background: #8fc320; color: white; border-radius: 12px; text-align: center; line-height: 24px; cursor: pointer}
  
  
  .header_sub_img {height: 200px; background: url('/garage/images/sub_banner.png'); background-size: 100%}
  
  /* site index */
  
  .idx_bar {height: 110px; background: white}
  .idx_m {float: left; height: 44px; margin: 28px 30px 0px 0px}
  .idx_m_c {float: left; width: 40px; height: 40px; border-radius: 22px; border: 2px solid #8fc320; line-height: 40px; font-size: 20px; text-align: center; color: black;}
  .idx_m_t {float: left; height: 120px; height: 44px; line-height: 22px; font-size: 16px; margin: 0px 0px 0px 10px;}
  .idx_banner {position: absolute; width: 180px; height: 420px; background: url('/garage/images/idx.png'); background-size: 100%; margin: -80px 0px 0px 145px }
  .idx_main {height: 595px; background: url('/garage/images/idx_banner.png');}
  .idx_txt {height: 200px; padding: 150px 120px;}
  .idx_txt_mark {float: left; height: 40px; width: 10px; background: #1eaf78; margin: 80px 40px 0px 0px;}
  .idx_txt_l {float: left; width: 480px; height: 64px; line-height: 32px; margin: 68px 0px; font-size: 30px; color: #b3b3b3}
  .idx_txt_r {float: right; width: 500px; line-height: 28px; font-size: 18px; color: #4d4d4d}
  .idx_txt_2 {height: 250px; padding: 75px 0px; background: url('/garage/images/idx_banner_2.png');}
  .idx_txt_2_t {float: right; width: 420px; height: 180px; padding: 35px 30px; margin: 0px 127px 0px 0px; background: #1eaf78; color: white; font-size: 18px}
  div.idx_txt_2_t span {font-size: 28px; font-weight: bold}
  
  .site_sub {height: 50px; background: #8fc320; color: white; padding: 0px 0px}
  .site_navi {float: left; font-size: 16px; color: white; line-height: 50px}
  .site_menu {float: right; font-size: 14px; color: #5fd38d; line-height: 50px}
  div.site_menu a {text-decoration: none; color: #46dfa5; margin: 0px 0px 0px 20px}
  div.site_navi a {text-decoration: none; color: white;}
  
  /* intro */
  
  .site_hello_txt {float: left; width: 900px; font-size: 16px; line-height: 30px; margin: 100px 0px; color: #474444}
  div.site_hello_txt span {font-size: 24px;}
  .site_hello_img {float: right; width: 350px; height: 430px; background: #F2f2f2; margin: 100px 0px}
  .site_map_txt {font-size: 16px; line-height: 22px; margin: 40px 0px}
  div.site_map_txt span {color: #8fc320}
  
  .site_branch_m {height: 250px; border: 1px solid #e6e6e6; margin: 0px 0px 20px 0px}
  .site_branch_m_photo {float: left; width: 400px; height: 250px; background: #f2f2f2}
  .site_branch_m_txt {float: left; width: 878px}
  .site_branch_m_t {width: 95%; padding: 0px 2.5%; height: 49px; line-height: 49px; border-bottom: 1px solid #e6e6e6; font-size: 16px; text-align: left}
  .site_branch_m_c {width: 95%; padding: 0px 2.5%; height: 49px; line-height: 49px; border-bottom: 1px solid #e6e6e6; font-size: 14px; text-align: left}
  .site_pr_line {float: left; width: 100px; height: 3px; background: #8fc320; margin: 0px 50px 0px 0px}
  .site_pr_txt {float: left; width: 500px; line-height: 36px; font-size: 20px; color: #a1a1a1; margin: -10px 0px 0px 0px}
  .site_pr_photo {float: right; width: 600px; height: 400px; margin: -100px 0px 0px 0px; background-size: 100%; background-position: center center}
  
  .site_tab_s {float: left; width: 150px; line-height: 50px; height: 48px; border-bottom: 2px solid #1eaf78; color: #1eaf78; font-size: 14px; text-align: center}
  .site_tab {float: left; width: 150px; line-height: 50px; height: 50px; font-size: 14px; text-align: center}
  .site_tab:hover {cursor: pointer; height: 48px; border-bottom: 2px solid #1eaf78; background: #e8faf3; color: #1eaf78}
  
  
  .site_pr_t {font-size: 30px; color: #1eaf78; line-height: 40px;}
  .site_pr_t_txt {line-height: 30px; font-size: 18px; margin: 20px 0px 0px 0px}
  
  
  /* order  */
  .order_t {height: 40px; line-height: 40px; border-bottom: 1px solid #e6e6e6; color: black; font-weight: bold}
  .order_binder {height: 40px; line-height: 40px; border-bottom: 1px solid #e6e6e6; background: #f2f2f2; text-align: center}
  div.order_binder span {color: blue}
  .order_b {line-height: 40px; border-bottom: 1px solid #e6e6e6}
  .order_b_res {line-height: 40px; border-bottom: 1px solid #e6e6e6; background-color: #f7f7f7}

  .order_l {float: left; width: 280px; padding: 0px 10px}
  .order_c {float: left; width: 120px; padding: 0px 10px}
  .order_r {float: left; width: calc(100% - 461px); padding: 0px 10px; border-left: 1px solid #f2f2f2; font-size: 12px}
  .order_r2 {float: left; width: 299px; padding: 0px 10px; border-left: 1px solid #f2f2f2}
  .order_r3 {float: left; width: 279px; padding: 0px 10px; border-left: 1px solid #f2f2f2}
  .order_r4 {float: left; width: 600px; padding: 0px 10px; border-left: 1px solid #f2f2f2}

  .order_r_student {float: left; width: 50%; height: 40px; line-height: 40px}
  .order_r_student_grade {width: calc(100% - 20px); height: 30px; line-height: 30px; padding: 0px 10px; background: #f7f7f7}
  
  .order_l2 {float: left; width: 640px; padding: 0px 10px}
  
  
  .sel_order_r {width: 50px; height: 27px; border: 1px solid #e6e6e6; font-size: 12px; padding: 0px 5px; border-radius: 6px; background-image: url('/garage/images/arrow_down.png'); background-position: 35px center; background-repeat: no-repeat; text-align: center}
  .ipt_order_r {width: 80px; height: 28px; border: 1px solid #e6e6e6; padding: 0px 5px; border-radius: 5px; margin: 5px 0px}
  
  
  .branch_select {float: left; height: 30px; line-height: 30px; padding: 0px 10px; border: 1px solid #dfdfdf; border-radius: 5px; text-align: center; margin: 0px 10px 10px 0px}
  .branch_select:hover {background: #f2f2f2; cursor: pointer}
  div.branch_select span {font-size: 9px; color: red}
  
  .new_order_b {float: left; width: calc(50% - 30px); padding: 0px 0px 0px 20px; border-bottom: 1px solid #dfdfdf; line-height: 40px}
  .new_order_b_long {float: left; width: calc(100% - 40px); padding: 0px 20px 0px 20px; border-bottom: 1px solid #dfdfdf; line-height: 40px}
  
  .new_order_l {float: left; width: 50%; line-height: 40px; font-weight: bold}
  .new_order_c {float: left; width: 15%; margin: 0px 5% 0px 0px; line-height: 40px; color: #ff7800; text-align: right}
  .new_order_l2 {float: left; width: 40%; line-height: 40px; font-weight: bold}
  .new_order_c2 {float: left; width: 25%; margin: 0px 5% 0px 0px; line-height: 40px; color: #ff7800; text-align: right}
  .new_order_r {float: left; width: 30%}
  .new_order_r_ipt {width: 100px; height: 28px; line-height: 28px; padding: 0px 10px; margin: 5px; border: 1px solid #c5c5c5; border-radius: 5px; text-align: center}
  
  
  /* special sheet */
  
  .ipt_special {padding: 5px 10px; width: 300px; height: 20px; line-height: 20px; border: 1px solid #dfdfdf; border-radius: 5px}
  .special_bt {border: 1px solid #4684aa; height: 36px; line-height: 36px; border-radius: 5px; text-align: center; background: #65aad4; color: white}
  .special_bt:hover {cursor: pointer; background: #336280}
  
  .sel_special {border: 1px solid #e5e5e5; line-height: 24px; height: 24px; padding: 0px 3px; font-size: 10px}
  
  
  /* monthly sheet */
  .rep_w {width: calc(100% - 62px); margin: 30px; border: 1px solid #dfdfdf; background: white}
  .rep_t {height: 30px; line-height: 30px; border-bottom: 1px solid #dfdfdf; background: #f2f2f2}
  .rep_c {height: 30px; line-height: 30px; border-bottom: 1px solid #dfdfdf}
  .rep_td {padding: 0px 10px; border-bottom: 1px solid #dfdfdf}
  
  
  /* book */
  
  .book_add {display: none; position: fixed; top: 0px; left: 0; width: 100%; height: 100vh; background-image: url('/garage/images/op70.png'); z-index: 100}
  .book_add_w {width: 600px; height: 40px; background: white; margin: 200px auto; padding: 20px;}
  
  
  /* test*/
  .q_test {margin: 20px 40px; border: 1px solid #efefef; border-radius: 3px; padding: 0px}
  .q_test_t {line-height: 30px; padding: 10px 20px; border-bottom: 1px solid #efefef; background: #f2f2f2}
  .q_test_t_x {line-height: 30px; padding: 10px 20px; border-bottom: 1px solid red; background: #D90404; color: white}
  .q_test_see {border: 1px solid #efefef; margin: 10px; padding: 10px;}
  .q_test_my {line-height: 30px; color: red}
  
  
  .q_test_q {padding: 5px 30px; line-height: 30px;}
  .q_test_q_s {padding: 5px 30px; line-height: 30px; background: #f2e3b8; color: black}
  
  .q_test_word {float: left; height: 30px; line-height: 30px; padding: 0px 10px; border: 1px solid #dfdfdf; margin: 20px 0px 20px 20px}
  
  .q_test_return {width: 140px; height: 90px; line-height: 90px; padding: 0px 50px; font-size: 30px; color: white; background: green; margin: 0px auto; text-align: center}
  div.q_test_return a {color: white; text-decoration: none}
  .q_test_score {margin: 0px auto; line-height: 100px; padding: 50px 0px; font-size: 40px; text-align: center}
  
  .q_test_type_2 {padding: 10px 30px}
  div.q_test_type_2 span {color : #F2B705}
  .q_test_info {font-size: 10px; color: #dfdfdf; text-align: right; padding: 10px 30px;}
  div.q_test_info a {color: #07668C; text-decoration: none}
  div.q_test_info span {color: #07668C; text-decoration: none;}
  .q_test_type_mix {line-height: 24px; border: 1px dotted #dfdfdf; padding: 5px 10px; margin: 10px 30px 0px 30px; border-radius: 5px;}
  div.q_test_type_mix span {font-weight: bold; color: #07668C}
  
  /* quest */
  .quest_add_w {width: 1040px; height: calc(90vh - 130px); overflow-y: scroll; padding: 10px; background: white; margin: 50px auto; line-height: 40px; font-size: 12px}
  .quest_l {float: left; width: 150px; height: 40px; border-bottom: 1px solid #dfdfdf; padding: 0px 10px; background: #f2f2f2}
  .quest_r {float: left; width: 810px; height: 40px;  border-bottom: 1px solid #dfdfdf; padding: 0px 10px;}
  
  .ipt_quest_r {width: 600px; height: 28px; line-height: 28px; border: 1px solid #dfdfdf; margin: 4px 0px; padding: 0px 10px}
  .ipt_quest_r_mini {width: 180px; height: 28px; line-height: 28px; border: 1px solid #dfdfdf; margin: 4px 0px; padding: 0px 10px}
  
  .quest_l_lar {float: left; width: 150px; height: 420px; border-bottom: 1px solid #dfdfdf; padding: 0px 10px; background: #f2f2f2}
  .quest_r_lar {float: left; width: 810px; height: 400px; border-bottom: 1px solid #dfdfdf; padding: 10px 10px;}
  .ipt_quest_r_lar {width: 778px; height: 380px; line-height: 30px; border: 1px solid #dfdfdf; margin: 10px 0px; padding: 0px 10px}
  
  .quest_ok {float: left; width: 100px; height: 40px; line-height: 40px; background: #07668C; text-align: center; color: white; margin: 20px 0px 10px 180px; cursor: pointer}
  .quest_cancel {float: left; width: 80px; height: 40px; line-height: 40px; background: #F2F2F0; text-align: center; margin: 20px 0px 10px 20px; cursor: pointer}
  
  
  
  
  /* trial */
  
  .trial_m {float: left; width: 35%; height: 60px; line-height: 60px; padding: 0px 0px; margin: 50px 0px 0px 10%; border: 3px solid #04BF33; cursor: pointer; text-align: center; font-size: 24px; border-radius: 33px; overflow: hidden}
  .trial_m:hover {background:#04BF33; color: white; cursor: pointer}
  .trial_t {width: 25%; line-height: 80px; border-bottom: 3px solid #b3b3b3; color: black; text-align: center; font-size: 24px; margin: 100px auto 0px auto}
  .trial_t2 {height: 30px; line-height: 30px; background: #F2B705; color: white; text-align: center}
  
  .trial_top {float: right; margin: -100px 0px 0px 0px; font-size: 16px; line-height: 20px; background: #04BF33; padding: 10px 20px; color: white; border-radius: 20px}
  
  .trial_list {float: left; width: 35%; height: 50px; line-height: 50px; padding: 0px 0px; margin: 30px 0px 0px 10%; border: 1px solid #04BF33; cursor: pointer; background: #04BF33; color: white; font-size: 20px; border-radius: 26px}
  .trial_list_number {float: left; width: 40px; height: 40px; text-align: center; background: #049c2a; color: white; font-size: 20px; font-weight: bold; border-radius: 20px; margin: 5px; line-height: 40px}
  .trial_list_number_s {float: left; width: 40px; height: 40px; text-align: center; background: #efefef; color: white; font-size: 20px; font-weight: bold; border-radius: 20px; margin: 5px; line-height: 40px}
  .trial_list_text {float: right; width: calc(100% - 90px); padding: 0px 20px; text-align: left}
  
  .trial_list_s {float: left; width: 35%; height: 50px; line-height: 50px; padding: 0px 0px; margin: 30px 0px 0px 10%; border: 1px solid #dfdfdf; cursor: pointer; background: #dfdfdf; color: white; font-size: 20px; border-radius: 26px}
  
  
  .trial_start {font-size: 20px; text-align: center; margin: 40px 0px}
  div.trial_start span {font-size: 30px; font-weight: bold}
  .trial_bt {width: 200px; height: 60px; background: #04BF33; text-align: center; line-height: 60px; font-weight: bold; font-size: 20px; color: white; margin: 0px auto;}
  .trial_bt:hover {cursor: pointer; background: #0a8028 }
  .trial_next {float: right; width: 150px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: white; background: #07668C; margin: 40px 40px 100px 0px; cursor: pointer}
  
  .trial_finish {text-align: center; font-size: 30px; padding: 30px 0px}
  
  /* exam */
  
  .exam {width: 90%; height: 100vh; background-image: url('/garage/images/exam_bg.png'); background-size: 500px; background-position: right bottom; background-repeat: no-repeat; padding: 0px 5%}
  .exam_logo {padding: 50px 0px; height: 60px; text-align: left}
  div.exam_logo img {height: 60px}
  .exam_start {text-align: center; font-size: 30px; padding: 20px 0px}
  .exam_phone {width: 50%; height: 100px; border: 3px solid green; margin: 40px auto; background: white; text-align: center}
  .ipt_exam_phone {width: calc(100% - 42px); padding: 0px 20px; height: 98px; line-height: 98px; border: 1px solid white; font-size: 70px; text-align: center}
  .exam_bt {width: 50%; height: 100px; line-height: 100px; font-size: 40px; color: white; background: #04BF33; border: 3px solid #0e541f; border-radius: 50px; margin: 20px auto; text-align: center}
  .exam_bt:hover {cursor: pointer; background: #0ba531}
  
  .exam_student {width: 50%; height: 80px; line-height: 80px; border: 3px solid #04BF33; margin: 40px auto 40px auto; background: white; padding: 0px 20px; font-size: 20px; color: black; text-align: center}
  div.exam_student span {font-size: 30px; font-weight: bold}
  .exam_student:hover {cursor: pointer; background: #04BF33; color: white}
  
  .exam_bt_back {width: 20%; height: 70px; line-height: 70px; background: #c5c5c5; color: white; text-align: center; margin: 70px auto; border-radius: 35px; font-size: 30px}
  
  
  .view_cl {}
  
  
  
  
  /* pop up. */
  
  .popup_create {margin: 10px 30px 50px 30px; border: 1px solid #dfdfdf; padding: 20px; background: white; border-radius: 5px}
  .popup_l {float: left; width: 25%; line-height: 50px; height: 50px;}
  .popup_r {float: left; width: 75%; line-height: 50px; height: 50px;}
  .popup_submit {width: 100px; line-height: 30px; text-align: center; color: white; background: blue; border-radius: 5px; border: 1px solid black; margin: 20px 0px 0px 25%}
  
  
  
  
  .bbs_tab_s {float: left; width: 118px; height: 39px; line-height: 40px; border: 1px solid #dfdfdf; border-bottom: 0px; text-align: center; cursor: pointer}
  .bbs_tab {float: left; width: 120px; height: 39px; line-height: 40px; background: #f2f2f2; border-bottom: 1px solid #dfdfdf; text-align: center; cursor: pointer}
  .bbs_select {width: 200px; height: 34px; padding: 0px 10px; line-height: 34px; border: 1px solid #dfdfdf; background-image: url('/garage/images/arrow_down.png'); background-repeat: no-repeat; background-size: 14px; background-position: calc(100% - 10px) center}
  
  .nbbs_tab_s {float: left; height: 39px; line-height: 40px; padding: 0px 40px; border: 1px solid #dfdfdf; border-bottom: 0px; text-align: center; cursor: pointer}
  .nbbs_tab {float: left; height: 39px; line-height: 40px; padding: 0px 40px; background: #f2f2f2; border-bottom: 1px solid #dfdfdf; text-align: center; cursor: pointer}
  
  .nbbs_se_tab_s {float: left; height: 30px; line-height: 30px; border: 1px solid #07668c; border-radius: 20px; margin: 10px 10px 0px 0px; padding: 0px 20px; color: white; background-color: #07668c}
  .nbbs_se_tab {float: left; height: 30px; line-height: 30px; border: 1px solid #dfdfdf; border-radius: 20px; margin: 10px 10px 0px 0px; padding: 0px 20px; color:gray; cursor: pointer;}
  
  
  .wrap_for_modify{position: fixed; top: 50px; left: calc(50% - 470px); padding: 20px; width: 1080px; height: 600px; overflow-y: scroll; background: white; border: 1px solid #dfdfdf; box-shadow: 0px 0px 5px gray; z-index: 100}
  
  
  
  .new_br_count_w {background: #e9f0f8; min-height: calc(100vh - 70px)}
  .new_br_count_t {line-height: 80px; border-bottom: 1px solid #dfdfdf; background: white; padding: 0px 30px; font-size: 20px}
  .new_br_count_l {float: left; width: 262px;}
  .new_br_graph {float: right; width: calc(100% - 354px); height: 538px; border: 1px solid #dfdfdf; background: white; margin: 30px 30px 30px 0px; padding: 30px}
  .new_br_count_lt {line-height: 20px; font-weight: bold; font-size: 16px; margin: 20px 0px 0px 0px}
  .new_br_count_lc {line-height: 120px; font-weight: bold; font-size: 40px; color: #07668C}
  .new_br_count_lb {line-height: 20px; font-size: 11px; margin: 0px 0px 20px 0px; color: gray}
  
  .new_br_count_box {width: 200px; height: 200px; border: 1px solid #dfdfdf; background: white; text-align: center; margin: 30px;}
  
  .new_br_count_b {width: 200px; line-height: 24px; border: 1px solid #dfdfdf; background: white; margin: 5px 30px; font-size: 12px}
  .new_br_count_bl {float: left; width: 80px; padding: 0px 0px; background: #f7f7f7; text-align: center}
  .new_br_count_br {float: right; width: 100px; text-align: right; padding: 0px 10px; color: #2697c3}
  
  .new_br_branch {line-height: 28px; border: 1px solid #dfdfdf; border-radius: 15px; margin: 25px 0px; padding: 0px 20px; font-size: 14px; background-image: url('/garage/images/arrow_down.png'); background-repeat: no-repeat; background-size: 10px; background-position: calc(100% - 15px) center}
  .new_br_branch:hover {background-color: #e9f0f8; cursor: pointer}
  
  .new_br_count_txt {text-align: center; margin: 0px 30px; color: #2584bf; font-size: 11px}
  
  /* book history new css */
  
  .his_wrap {margin: 0px 30px 30px 30px;}
  .his_wrap_l {float: left; width: 510px;}
  .his_wrap_r {float: right; width: calc(100% - 560px); height: 500px; padding: 20px; border: 1px solid #dfdfdf; border-radius: 5px; margin: 20px 0px 0px 0px}
  .his_m {float: left; width: 148px; line-height: 40px; padding: 0px 0px; border: 1px solid #dfdfdf; background-color: white; margin: 20px 20px 0px 0px; border-radius: 5px}
  .his_m:hover {cursor: pointer; border: 1px solid #07668C}
  .his_m_date {float: left; width: 98px; color: gray; text-align: center}
  
  .his_m_count {float: left; width: 50px; margin: 0px 0px 0px 0px; font-weight: bold; font-size: 16px; text-align: center; padding: 0px 0px; color: #07668C}
  .his_m_count_zero {float: left; width: 50px; margin: 0px 0px 0px 0px; font-weight: bold; font-size: 14px; color: #dfdfdf; text-align: center}
  
  
  .ie_bann {position: fixed; top: 0px; left: 0px; width: 100%; height: 600px; background-color: #176943; padding: calc(50vh - 300px) 0px; color: white; font-size: 20px; text-align: center; background-image: url('/garage/images/ie_bann.png'); background-repeat: no-repeat; background-position: center calc(50vh - 300px); background-size: 900px; z-index: 4000}
  .ie_bann_bt {width: 200px; height: 50px; line-height: 50px; margin: 550px auto 0px auto; border: 1px solid #072e1b; color: white; text-align: center; font-size: 18px; border-radius: 5px; cursor: pointer; background: #0b4c2d}
  
  
  
  .month_tab_s {float: left; height: 30px; line-height: 30px; background-color: #dfdfdf; color: black; padding: 0px 15px; margin: 0px 0px 0px 0px; cursor: pointer}
  .month_tab {float: left; height: 30px; line-height: 30px; background-color: white; color: gray; padding: 0px 15px; margin: 0px 0px 0px 0px; cursor:pointer}
  .month_tab:hover {background-color: #dfdfdf;  color: black}
  
  
  
  
  /* pinned sheet */
  .sheet_popup {width: 800px; height: 550px; background-color: white; box-shadow: 0px 0px 10px black; margin: 100px auto}
  .sheet_popup_t {background-color: #07668C; padding: 0px 20px; line-height: 40px; font-size: 14px; color: white}
  .sheet_popup_t_bt {float: right; height: 24px; line-height: 24px; padding: 0px 10px; margin: 7px 0px; color: white; border: 1px solid white; border-radius: 5px; cursor: pointer}
  .sheet_popup_bt {float: left; width: 100px; height: 40px; line-height: 40px; background-color: #e61212; color: white; text-align: center; font-size: 14px; cursor: pointer; margin: 40px 10px 0px 30%; border-radius: 5px}
  .sheet_popup_bt_gray {float: left; width: 80px; height: 40px; line-height: 40px; background-color: gray; color: white; text-align: center; font-size: 14px; cursor: pointer; margin: 40px 0px 0px 0px; border-radius: 5px}
  
  
  /* title bar search add */
  .notice_search {float: left; height: 50px}
  .ipt_notice_search {height: 30px; line-height: 30px; border: 1px solid #dfdfdf; border-radius: 3px; width: 200px; margin: 9px 10px; padding: 0px 15px}
  
  
  
  .btm_bt {float: left; padding: 0px 20px; line-height: 30px; border: 1px solid #0a4861; background-color: #07668C; color: white; cursor: pointer; margin: 0px 0px 20px 20px; border-radius: 5px;}
  
  
  
  /* added by DJK for order */
  
  .new_ord_w {margin: 0px 30px; padding: 0px; border: 1px solid #e6e6e6; border-radius: 5px}
  .new_ord_t {background: #43b0df; color: white; padding: 20px; border-top-left-radius: 4px; border-top-right-radius: 4px}
  div.new_ord_t span {font-weight: bold}
  
  
  /* added by DJK in 230816 */
  .student_invite_w {position: absolute; top: 100px; left: 400px; width: 500px; height: 220px; background-color: white; border-radius: 15px; border: 1px solid #dfdfdf; box-shadow: 0px 0px 20px gray}
  .student_invite_t {height: 40px; line-height: 40px; background: #115a7a; color: white; font-size: 16px; text-align: center; border-top-left-radius: 15px; border-top-right-radius: 15px;}
  .student_invite_m {margin: 15px 20px; line-height: 40px; height: 40px; width: 200px; font-size: 16px; padding: 0px 10px; border: 1px solid #dfdfdf}
  .student_invite_b {padding: 0px 20px; font-size: 12px; }
  .student_invite_bt_s {float: left; margin: 20px 10px 0px 20px; border-radius: 5px; background-color: black; color: white; padding: 0px 20px; line-height: 30px; font-size: 14px; cursor: pointer}
  .student_invite_bt {float: left; margin: 20px 20px 0px 0px; border-radius: 5px; background-color: gray; color: white; padding: 0px 20px; line-height: 30px; font-size: 14px; cursor: pointer}
  
  
   .nmenu_title {font-size: 20px; margin: 5px 0px 10px 0px}
  .newtt_h2 {margin: 40px 20px 20px 20px; font-size: 20px; font-weight: bold;}
  
  .newtb_w {border: 1px solid #dfdfdf; border-bottom: 0px; margin: 20px; line-height: 44px; font-size: 16px}
  .newtb_trl {float: left; width: 200px; padding: 0px 10px; background-color: #f2f2f2; border-bottom: 1px solid #dfdfdf; line-height: 44px;}
  .newtb_trr {float: right; width: calc(100% - 250px); padding: 0px 15px; border-bottom: 1px solid #dfdfdf; line-height: 44px;}
  
  .newtb_tr_lar {border-bottom: 1px solid #dfdfdf; background: #f2f2f2;}
  .newtb_trl_lar {float: left; width: 200px; padding: 0px 10px; background-color: #f2f2f2; line-height: 44px;}
  .newtb_trr_lar {float: right; width: calc(100% - 250px); padding: 10px 15px; background: white; line-height: 24px;}
  
  .newtb_ins {height: 36px; line-height: 36px; padding: 0px 10px; border: 1px solid #dfdfdf; margin: 3px 0px; font-size: 16px; }
  .newtb_sel {height: 36px; line-height: 36px; padding: 0px 30px 0px 10px; background-image: url('/garage/images/ic_arrow_down.png'); background-position: 95% center; background-size: 12px; background-repeat: no-repeat; border: 1px solid #dfdfdf; margin: 3px 0px; font-size: 16px; }
  .newtb_btm_bt {float: left; padding: 0px 20px; line-height: 40px; height: 40px; background-color: rgb(17, 69, 147); color: white; font-size: 16px; border-radius: 5px; margin: 10px 10px 20px 0px; cursor: pointer;}
  .newtb_btm_bt_r {float: right; padding: 0px 20px; line-height: 40px; height: 40px; background-color: rgb(17, 69, 147); color: white; font-size: 16px; border-radius: 5px; margin: 10px 0px 20px 10px; cursor: pointer;}
  
  
  .new_regi_w {margin: 0px 30px; padding: 0px; border: 1px solid #dfdfdf}
  .new_regi_t {line-height: 22px; border-bottom: 1px solid #dfdfdf; padding: 20px; background-color: #f2f2f2; font-size: 20px;}
  .new_table_lef {float: left; width: 50%; line-height: 40px;}
  .new_table_rig {float: left; width: 49.5%; border-left: 1px solid #dfdfdf; line-height: 40px;}
  
  .new_table_header {line-height: 44px; border-bottom: 1px solid #dfdfdf; background-color: rgb(216, 227, 245); text-align: center; color: black;}
  .new_table_tr {line-height: 44px; border-bottom: 1px solid #dfdfdf; background-color: #f2f2f2; text-align: center;}
  .new_table_td {line-height: 44px; border-bottom: 1px solid #dfdfdf; text-align: center;}
  .new_table_td_se {line-height: 44px; border-bottom: 1px solid #dfdfdf; text-align: center; background-color: #F2f2f2}
  
  
  .new_table_td_1 {float: left; width: 45%; border-right: 1px solid #dfdfdf;}
  div.new_table_td_1 span {font-size: 12px; color: blue; cursor: pointer;}
  .new_table_td_2 {float: left; width: 20%; border-right: 1px solid #dfdfdf;}
  .new_table_td_3 {float: left; width: calc(10% - 3px); border-right: 1px solid #dfdfdf;}
  .new_table_td_4 {float: left; width: 20%}
  
  .new_table_int {width: 50px; height: 30px; border: 1px solid #dfdfdf; line-height: 30px; text-align: center; margin: 6px auto;}
  .new_table_total {line-height: 30px; background-color: #c1d5e6; padding: 20px; text-align: center; font-size: 26px; border-bottoms: 1px solid #dfdfdf}
  div.new_table_total span {color: red}
  .new_table_change {line-height: 70px; color: gray; text-align: center;}
  
  
  
  
  /* 2024 */
  
  .nsheet {}
  
  .nipt_100 {width: calc(100% - 22px); height: 38px; line-height: 38px; border: 1px solid #dfdfdf; border-radius: 5px; padding: 0px 10px; font-size: 16px; margin: 2.5% 0px}
  .ncolor_title {height: 50px; line-height: 50px; text-align: center; color: white; font-size: 20px; background: rgb(16, 96, 47);}
  .nbottom_bt_green {height: 40px; line-height: 40px; margin: 2.5% 0px; border-radius: 5px; text-align: center; color: white; background:  rgb(30, 130, 69); font-size: 16px; cursor: pointer;}
  .nbottom_bt_gray {height: 40px; line-height: 40px; border-radius: 5px; text-align: center; color: #333; background: #dfdfdf; font-size: 14px; cursor: pointer;}
  
  .nregi_t {line-height: 30px; padding: 10px 20px; border-bottom: 1px solid #dfdfdf; ; font-size: 16px; font-weight: bold; background-color:#f2f2f2 }
  .nregi_w {margin: 0px 30px; padding: 0px; border: 1px solid #dfdfdf}
  .nregi_c {padding: 10px 20px; border-top: 1px solid #efefef; background: white}
  .nregi_bt {padding: 20px 20px; border-top: 1px solid #dfdfdf; background-color: #f7f7f7}
  
  
  .nregi_l2 {float: left; width: 190px; line-height: 40px; font-size: 14px; color: #333; font-weight: bold}
  div.nregi_l2 span {color: red}
  .nregi_r2 {float: left; width: calc(45% - 202px); line-height: 40px; height: 40px; margin: 0px 5% 0px 0px; border: 1px solid #e6e6e6; border-radius: 5px}
  .nregi_r2_long {float: left; width: calc(100% - 202px); line-height: 40px; height: 40px; border: 1px solid #e6e6e6; border-radius: 5px; margin: 0px}
  .nregi_r2_big {float: left; width: calc(100% - 202px); line-height: 40px; height: 80px; border-radius: 5px; margin: 0px}
  .nregi_r2_no_line {float: left; width: calc(45% - 200px); line-height: 42px; height: 42px; margin: 0px 5% 0px 0px; border-radius: 5px}
  .nregi_r2_long_no_line {float: left; width: calc(100% - 202px); line-height: 42px; height: 42px; margin: 0px}
  
  
  .nsel_regi_70 {width: 70px; line-height: 38px; height: 38px; border: 1px solid #dfdfdf; font-size: 14px; background: white; padding: 0px 10px; border-radius: 6px; background-image: url('/garage/images/arrow_down.png'); background-position: calc(100% - 10px) center; background-repeat: no-repeat}
  .nsel_regi_100 {width: 100px; line-height: 38px; height: 38px; border: 1px solid #dfdfdf; font-size: 14px; background: white; padding: 0px 10px; border-radius: 6px; background-image: url('/garage/images/arrow_down.png'); background-position: calc(100% - 10px) center; background-repeat: no-repeat}
  .nsel_regi_200 {width: 200px; line-height: 38px; height: 38px; border: 1px solid #dfdfdf; font-size: 14px; background: white; padding: 0px 10px; border-radius: 6px; background-image: url('/garage/images/arrow_down.png'); background-position: calc(100% - 10px) center; background-repeat: no-repeat}
  .nsel_regi_300 {width: 300px; line-height: 38px; height: 38px; border: 1px solid #dfdfdf; font-size: 14px; background: white; padding: 0px 10px; border-radius: 6px; background-image: url('/garage/images/arrow_down.png'); background-position: calc(100% - 10px) center; background-repeat: no-repeat}
  
  .nipt_regi_300 {width: 300px; height: 38px; line-height: 38px; margin: 0px; border: 1px solid #dfdfdf; background: white; padding: 0px 10px; border-radius: 6px; font-size: 14px}
  
  .nsheet {margin: 10px; padding: 20px; background-color: white; border-radius: 10px;}
  .nsheet_name {font-size: 20px; font-weight: bold;}
  .nsheet_info {font-size: 14px; padding: 10px 0px 30px 0px}
  div.nsheet_info span {color: #07668C; font-weight: bold;}
  
  .nsheet_prt {line-height: 50px; height: 50px; background-color: #07668c; color: white; text-align: center; margin: 5px 0px 0px 0px; border-radius: 10px; font-size: 14px}
  .nsheet_prt:hover {cursor: pointer; box-shadow: 0px 0px 5px #07668c;}
  
  .nsheet_bt {line-height: 44px; height: 44px; background-color: gray; color: white; text-align: center; margin:10px 0px 0px 0px; border-radius: 10px; font-size: 14px; cursor: pointer;}
  
  
  .norder_binder {height: 50px; line-height: 50px; background-color: #07668c; text-align: center; color: yellow}
  div.norder_binder span {color: white}
  
  .norder_t {height: 40px; line-height: 40px; border-bottom: 1px solid #e6e6e6; color: black; font-weight: bold; background-color: #f7f7f7}
  .norder_l {float: left; width: 330px; padding: 0px 10px; font-weight: bold;}
  .norder_c {float: left; width: 180px; padding: 0px 10px; text-align: center;}
  .norder_r {float: left; width: calc(50% - 571px); padding: 0px 10px; border-left: 1px solid #f2f2f2; font-size: 12px; background-color: #f7f7f7}
  .norder_r2 {float: left; width: calc(100% - 571px); height: 200px; padding: 0px 10px 10px 10px; border-left: 1px solid #f2f2f2; font-size: 12px; background-color: #f7f7f7}
  
  .norder_bt {float: left; padding: 0px 20px; margin: 30px 25px; line-height: 60px; color: white; font-size: 18px; background-color: #07668c; cursor: pointer; border-radius: 10px;}
  
  
  .form_wrap {position: fixed; width: 1000px; height: 700px; box-shadow: 0px 0px 10px black; background-color: white; border-radius: 10px; top: 100px; left: 100px; z-index: 100}
  .form_title {line-height: 20px; padding: 20px 20px 0px 20px; font-size: 20px; color: black; font-weight: bold;}
  
  .form_ipt_t {margin: 10px 0px; font-size: 11px; font-weight: bold;}
  .form_ipt_text {width: calc(100% - 40px); height: 30px; line-height: 30px; border: 1px solid #dfdfdf; border-radius: 5px; padding: 0px 20px; margin: 0px 0px 20px 0px}
  .form_ipt_body {width: calc(100% - 40px); height: 300px; line-height: 30px; border: 1px solid #dfdfdf; border-radius: 5px; padding: 0px 20px; margin: 0px 0px 20px 0px}
  .form_ipt_sel {width: 200px; height: 30px; line-height: 30px; border: 1px solid #dfdfdf; border-radius: 5px; padding: 0px 10px; margin: 0px 0px 20px 0px; background-image: url('/garage/images/arrow_down.png'); background-position: calc(100% - 10px) center; background-repeat: no-repeat}
  
  .form_submit {float: left; height: 40px; line-height: 40px; padding: 0px 20px; background-color: #07668C; color: white; font-size: 16px; margin: 20px 10px 0px 0px; cursor: pointer; border-radius: 6px;}
  .form_shut {float: left; height: 40px; line-height: 40px; padding: 0px 10px; background-color: gray; color: white; font-size: 14px; margin: 20px 10px 0px 0px; cursor: pointer; border-radius: 6px;}
  
  
  
  
  .nbbs_w {margin: 50px 30px}
  .nbbs_title {font-size: 20px; line-height: 24px; padding: 10px 20px;}
  .nbbs_writer {font-size: 12px; color: gray; padding: 10px 20px; border-bottom: 1px solid #dfdfdf; margin: 0px 0px 20px 0px}
  .nbbs_attached {float: left; line-height: 30px; color: white; font-size: 13px; background-color: #07668C; border-radius: 15px; padding: 0px 20px; margin: 5px 20px; cursor: pointer;}
  div.nbbs_attached a {color: white; text-decoration: none;}
  .nbbs_body {margin: 30px 20px;}
  
  .news_sheet_lef {float: left; width: calc(100% - 300px);}
  .news_sheet_rig {float: right; padding: 60px 20px; width: 250px; }
  .news_sheet_attached {float: left; margin: 5px; padding: 0px 15px; height: 30px; line-height: 30px; background-color: #07668c; color: white; border-radius: 15px; cursor: pointer;}
  div.news_sheet_attached a {color: white; text-decoration: none;}



  /* new bbs Design 241217 */

.nbbs_w {font-size: 14px}
.nbbs_t {border-top: 1px solid #c5c5c5; border-bottom: 1px solid #dfdfdf}
.nbbs_c {border-bottom: 1px solid #dfdfdf}
.nbbs_b {background-color: #f2f2f2; border-bottom: 1px solid #dfdfdf}

.nbbs_l {float: left; width: 200px; line-height: 40px; height: 40px; background-color: #f2f2f2; padding: 0px 10px;}
.nbbs_r {float: left; width: calc(100% - 240px); line-height: 40px; height: 40px; padding: 0px 10px}
.nbbs_r_extend {float: left; width: calc(100% - 240px); min-height: 300px; line-height: 30px; padding: 5px 10px; background-color: white}



.allnew_ipt_text {border: 1px solid #dfdfdf; width: 90%; margin: 0px 2.5%; padding: 0px 0px 0px 5%; border-radius: 5px;}
.allnew_select {border: 1px solid #dfdfdf; width: 90%; margin: 0px 2.5%; padding: 0px 0px 0px 5%; border-radius: 5px; background-image: url('/garage/images/arrow_down.png'); background-position: calc(100% - 10px) center; background-repeat: no-repeat}



/* for Excel Book Insert 250220 */
.nregi_c_for_book {float: left; width: calc(50% - 40px); margin: 0px; padding: 10px 20px; border-top: 1px solid #efefef; background: white}
.nregi_c_for_number {width: 80px; height: 38px; line-height: 38px; border: 1px solid #dfdfdf; text-align: center; border-radius: 5px; margin: 0px 10px 0px 0px; background-color: #f9f9f9}
.nregi_c_for_name {width: calc(100% - 150px); height: 38px; line-height: 38px; border: 1px solid #dfdfdf; text-align: left; border-radius: 5px; padding: 0px 10px; background-color: #f9f9f9}


/* for monthly Sheet Preview 250224 */

.mtable {display: none; box-shadow: 1px 1px 5px gray; position: fixed; background-color: white; width: 1200px; height: 800px; overflow-y: scroll; top: calc(50vh - 450px); left: calc(50% - 600px); border-radius: 10px;}
.mtable_header {width: 95%; height: 50px; line-height: 50px; background-color: #2584bf; color: white; font-size: 18px; padding: 0px 2.5%}
.mtable_header_bt {float: right; padding: 0px 20px; height: 36px; line-height: 36px; background-color: #07668C; cursor: pointer; border-radius: 5px; margin: 7px 0px;}

.mtable_tr {line-height: 24px; font-size: 14px; border-bottom: 1px solid #dfdfdf}
.mtable_td45 {float: left; width: 45%; height: 24px; padding: 14px 0px; background-color: #f2f2f2; text-align: center; border-bottom: 1px solid #dfdfdf}
.mtable_td55 {float: left; width: 55%; height: 24px; padding: 14px 0px; background-color: white; text-align: center; border-bottom: 1px solid #dfdfdf}
.mtable_td35 {float: left; width: 35%; height: 24px; background-color: white}
.mtable_td65 {float: left; width: calc(65% - 30px); padding: 15px; background-color: #f2f2f2}

/* for Rollin Banner */
.form_lef {float: left; width: 200px; line-height: 20px; padding: 10px; margin: 0px 0px 20px 0px; font-weight: bold}
.form_rig {float: right; width: calc(100% - 230px); line-height: 40px; margin: 0px 0px 20px 0px}
.form_select {width: 150px; height: 36px; border: 1px solid #dfdfdf; border-radius: 5px; line-height: 36px; padding: 0px 20px; background-image: url('/garage/images/arrow_down.png'); background-position: calc(100% - 10px) center; background-repeat: no-repeat; background-size: 14px;}
.form_text {width: 500px; height: 36px; border: 1px solid #dfdfdf; border-radius: 5px; line-height: 36px; padding: 0px 10px}
.form_submit {float: left; height: 40px; padding: 0px 20px; background-color: #307cab; border-radius: 5px; color: white; text-align: center; margin: 0px 10px 0px 0px; cursor: pointer}
.form_close {float: left; height: 40px; padding: 0px 20px; background-color: #d8dbdc; border-radius: 5px; color: gray; text-align: center; margin: 0px 20px 0px 0px; cursor: pointer}


.wbbs_txt {width: 750px; margin: 0px 30px 0px 30px; background-color: #07668C; color: white; padding: 15px;}

.wbbs_tab_w {float: left; margin: 10px 30px 20px 30px; font-size: 14px;}
.wbbs_tab_s {float: left; height: 45px; line-height: 45px; padding: 0px 20px; background-color: #07668C; color: white; margin: 0px 1px 0px 0px}
.wbbs_tab {float: left; height: 45px; line-height: 45px; padding: 0px 20px; background-color: #f2f2f2; color: #07668C; margin: 0px 1px 0px 0px}
.wbbs_tab:hover {cursor: pointer; background-color: #07668C; color: white}

.wbbs_search {float: right; margin: 13px 30px 20px 30px}
.wbbs_search_sel {float: left; height: 40px; line-height: 40px; background-color: white; border: 1px solid #dfdfdf; border-radius: 5px; font-size: 14px; padding: 0px 45px 0px 15px; margin: 0px 10px 0px 0px; cursor: pointer;}
.wbbs_search_ipt {float: left; width: 150px; height: 40px; line-height: 40px; background-color: white; border: 1px solid #dfdfdf; border-radius: 5px; font-size: 14px; padding: 0px 15px;}
.wbbs_search_bt {float: left; height: 40px; line-height: 40px; padding: 0px 15px;  border-radius: 5px; background-color: #07668c; color: white; margin: 0px 0px 0px 10px; cursor: pointer;}
.wbbs_search_bt_type2 {float: right; height: 40px; line-height: 40px; padding: 0px 20px;  border-radius: 5px; background-color: #D90404; color: white; margin: 0px 0px 0px 10px; cursor: pointer;}

.wbbs_se_s {float: left; height: 20px; line-height: 20px; padding: 8px 20px; border-radius: 20px; border: 1px solid #07668C; background-color: #07668C; color: white; margin: 0px 10px 30px 0px}
.wbbs_se {float: left; height: 20px; line-height: 20px; padding: 8px 20px; border-radius: 20px; border: 1px solid #07668C; color: #07668C; margin: 0px 10px 30px 0px; cursor: pointer;}

.wbbs_dse_s {float: left; height: 20px; line-height: 20px; padding: 8px 20px; border-radius: 20px; border: 1px solid #07668C; background-color: #07668C; color: white; margin: -20px 10px 30px 0px}
.wbbs_dse {float: left; height: 20px; line-height: 20px; padding: 8px 20px; border-radius: 20px; border: 1px solid #07668C; color: #07668C; margin: -20px 10px 30px 0px; cursor: pointer;}


/* report */

.nreport_ment {font-size: 16px; margin: 0px; background-color: white; padding: 20px;}

.nreport_bt {float: left; width: 160px; height: 40px; line-height: 40px; background-color: #07668c; border-radius: 10px; text-align: center; color: white; font-size: 16px; cursor: pointer;}
.nreport_close {float: right; width: 60px; height: 40px; line-height: 40px; background-color: gray; border-radius: 10px; text-align: center; color: white; font-size: 16px; cursor: pointer;}
.nreport_reset {float: right; width: 120px; height: 40px; line-height: 40px; background-color: #f2f2f2; border-radius: 10px; text-align: center; color: gray; font-size: 14px; margin: 0px 10px; cursor: pointer;}

.nreport_title {font-size: 18px; font-weight: bold; border-bottom: 1px solid gray; padding: 0px 0px 10px 0px; margin: 0px 0px 20px 0px}
.nreport_m {float: left; width: 50%; margin: 0px 0px 15px 0px}
.nreport_m2 {margin: 0px 0px 15px 0px}
.nreport_t {font-size: 11px; margin: 0px 0px 10px 0px}
.nreport_ipt {width: 70%; height: 40px; line-height: 40px; border: 1px solid #dfdfdf; padding: 0px 10px; border-radius: 5px; background-color: #f2f2f2}
.nreport_ipt2 {float: left; width: 70%; height: 40px; line-height: 40px; border: 1px solid #dfdfdf; padding: 0px 10px; border-radius: 5px; background-color: #f2f2f2}
.nreport_ai {float: left; margin: 0px 10px; padding: 0px 10px; line-height: 40px; background-color: #336280; border-radius: 5px; color: white; cursor: pointer; font-size: 12px;}
.nreport_txtarea {width: 95%; padding: 2.5%; height: 250px; overflow-y: scroll; border: 1px solid #dfdfdf; margin: 10px 0px}


/* for upgrade 250910 By DJK */
.upgrade_bt_s {width: 80%; height: 26px; line-height: 26px; margin: 5px 10%; background-color: #07668C; color: white; border-radius: 10px; text-align: center; border: 0px; cursor: pointer;}
.upgrade_bt {width: 80%; height: 26px; line-height: 26px; margin: 5px 10%; background-color: #dfdfdf; color: white; border-radius: 10px; text-align: center; border: 0px; cursor: pointer;}

.upgrade_bt_print {width: 80%; height: 26px; line-height: 26px; margin: 5px 10%; background-color: gray; color: white; border-radius: 10px; text-align: center; border: 0px; cursor: pointer;}
div.upgrade_bt_print a {color: white; text-decoration: none;}

.upgrade_popup {position: fixed; top: calc(50svh - 350px); left: calc(50% - 500px); width: 1000px; height: 600px; background-color: white}
.upgrade_popup_t {height: 60px; line-height: 60px; background-color: #07668c; color: white; font-size: 18px; text-align: center;}
div.upgrade_popup_t a {color: yellow; cursor: pointer; font-size: 16px;}
.upgrade_popup_c {height: 540px; overflow-y: scroll;}

.menu_bt_res {float: left; width: 100px; height: 28px; line-height: 28px; text-align: center; border-radius: 5px; font-size: 12px; border: 1px solid #357994; color: #033d54; background-color: #e1eaf0; margin: 0px 10px 0px 0px;}
div.menu_bt_res a {color: #033d54}
.menu_bt_res:hover {background-color: #357994; color: white; cursor: pointer;}
div.menu_bt_res:hover a {color: white}



.sps_view {background-color: #f7f7f7; padding: 20px; border-radius: 10px; margin: 20px 0px 0px 0px;}
.sps_view_p {float: left; width: 400px;}
div.sps_view_p img {width: 100%;}
.sps_view_m {float: left; width: calc(100% - 540px); margin: 20px 0px 0px 30px}
.sps_view_qr {float: right; width: 90px; height: 90px;}
div.sps_view_qr img {width: 100%}
.sps_view_mt {font-size: 14px; font-weight: bold; margin: 20px 0px 0px 0px}
.sps_view_mc {margin: 10px 0px}
.sps_view_mc_ipt {width: 500px; height: 40px; line-height: 40px; border: 1px solid #dfdfdf; background-color: white; padding: 0px 10px; border-radius: 10px;}
.sps_view_mc_ipt_mini {width: 300px; height: 40px; line-height: 40px; border: 1px solid #dfdfdf; background-color: white; padding: 0px 10px; border-radius: 10px;}

.sps_view_bt_s {float: left; width: 100px; height: 40px; line-height: 40px; margin: 50px 10px 0px 0px; background-color: #07668C; border-radius: 7px; color: white; text-align: center; font-size: 14px; cursor: pointer;}
.sps_view_bt {float: left; width: 70px; height: 40px; line-height: 40px; margin: 50px 10px 0px 0px; background-color: gray; border-radius: 7px; color: white; text-align: center; font-size: 14px; cursor: pointer;}

.special_bt_close {border: 1px solid #dfdfdf; height: 36px; line-height: 36px; border-radius: 5px; font-size: 14px; margin: 10px 0px; text-align: center; background: #efefef; color: #333; cursor: pointer;}


/* book talk */
.book_talk {display: none; position: fixed; top: 10vh; left: calc(50% - 640px); width: 1280px; max-height: 90vh; background: white; z-index: 10; box-shadow: 0px 0px 10px black}