@charset "UTF-8";
.camel {
  color: #996005;
  font-weight: 500;
}

.green {
  color: #2e7d32;
  font-weight: 500;
}

.blue {
  color: #3598dc;
  font-weight: 500;
}

.red {
  color: #f1565f;
  font-weight: 500;
}

.home {
  min-width: 1500px;
  overflow-x: auto;
}

.wrapper {
  width: 100%;
  max-width: 1500px;
  position: relative;
  box-sizing: border-box;
  padding: 0 15px;
}

.part_mt {
  margin-top: 50px;
}

.blue_tit {
  font-size: 20px;
  color: #006eb9;
  margin-bottom: 10px;
  font-weight: 500;
}



/*로그인 */
.admin_login {
  background: #364150;
  height: 100%;
}

.admin_login .logo_bx {
  margin-bottom: 50px;
  color: #222;
  font-size: 24px;
  font-weight: 400;
}

.admin_login .logo_bx span {
  color: #32c5d2;
  font-weight: 500;
}


.admin_login .login_w {
  margin: 75px auto 0;
  text-align: center;
  width: 400px;
}

.admin_login .login_w .login_box {
  background: #fff;
  padding: 30px 30px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
}

.admin_login .login_w .login_box .tit {
  color: #222;
  font-weight: bold;
  margin-bottom: 50px;
  font-size: 16px;
}

.admin_login .login_w .login_box .txt_bx i {
  margin-bottom: 10px;
}

.admin_login .login_w .login_box .txt_bx .des {
  font-size: 16px;
  color: #8290a3;
  margin-bottom: 10px;
}

.admin_login .login_w .login_box .txt_bx .time_t {
  font-size: 30px;
  color: #f1565f;
  font-weight: bold;
}

.admin_login .login_w .login_box ul li {
  margin-bottom: 15px;
}

.admin_login .login_w .login_box ul li input {
  background: #dde3ec;
  color: #8290a3;
  width: 100%;
  box-sizing: border-box;
  border: none;
  height: 43px;
  line-height: 43px;
}

.admin_login .login_w .login_box ul li input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #8290a3;
}

.admin_login .login_w .login_box ul li input::-moz-placeholder {
  /* Firefox 19+ */
  color: #8290a3;
}

.admin_login .login_w .login_box ul li input:-ms-input-placeholder {
  /* IE 10+ */
  color: #8290a3;
}

.admin_login .login_w .login_box ul li input:-moz-placeholder {
  /* Firefox 18- */
  color: #8290a3;
}

.admin_login .login_w .login_box label {
  color: #8290a3;
}

.admin_login .login_w .login_box .login_submit {
  height: 40px;
  line-height: 40px;
  color: #fff;
  background: #32c5d2;
  border: none;
  width: 100%;
  margin-top: 10px;
}

.admin_login .login_w .login_box .login_submit:hover {
  background: #26a1ab;
}

.admin_login .login_w .my_account {
  padding: 15px 0 17px;
  text-align: center;
  background-color: #6c7a8d;
  color: #c3cedd;
  display: block;
  font-weight: 400;
}

.admin_login .login_w .my_account .time_t {
  font-size: 18px;
  font-weight: 500;
}

.admin_login .login_w .my_account a {
  padding: 15px 0 17px;
  text-align: center;
  background-color: #6c7a8d;
  color: #c3cedd;
  display: block;
  font-weight: 500;
}

.admin_login .login_w .copy_t {
  margin-top: 15px;
  color: #7a8ca5;
  font-size: 13px;
  letter-spacing: 0;
}

.admin_login .login_w .copy_t a {
  color: #7a8ca5;
}

.admin_login .caution_txt {
  margin-top: 10px;
  font-size: 13px;
  color: #f1565f;
  text-align: left;
}

/*탑부분*/
.m_btn_nav {
  position: absolute;
  top: 40px;
  right: -50px;
  width: 50px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 12px;
  background-color: #2c3542;
  color: #fff;
  box-sizing: border-box;
}
/* 
.m_btn_nav span {
  width: 25px;
  height: 1px;
  background: #fff;
  margin: 7px auto;
  display: block;
}

.m_btn_nav span:first-child {
  margin-top: 13px;
} */

/* @media screen and (max-width: 1400px) {
  .m_btn_nav {
    display: block;
  }
} */

.main_top {
  background: #202b38;
  position: fixed;
  width: 100%;
  z-index: 100;
}

.main_top .logo {
  position: absolute;
  top: 10px;
  left: 15px;
}

.main_top .logo img {
  height: 30px;
}

.main_top .inner {
  text-align: right;
  height: 50px;
  line-height: 50px;
  font-size: 13px;
}

.main_top .inner .login_txt {
  display: inline-block;
  color: #cccccc;
  vertical-align: middle;
}

.main_top .inner .login_txt .strong {
  font-size: 1.1em;
  color: #fff;
}

.main_top .inner a {
  margin-left: 10px;
  color: #88909e;
}

.main_top .inner a i {
  font-size: 18px;
  vertical-align: middle;
}

.main_top .inner a span {
  vertical-align: middle;
}

.main_top .inner a.logout {
  color: #32c5d2;
}

.main_top .inner a.logout i {
  margin-right: 5px;
}

/* @media screen and (max-width: 1400px) {
  .main_top .logo {
    left: 60px;
  }
} */

/* 사이드바 */
.sidebar {
  position: fixed;
  top: 50px;
  width: 220px;
  height: 100%;
  background: #2c3542;
  left: 0;
  box-sizing: border-box;
  z-index: 500;
  -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.sidebar .col_scroll {
    max-height: 90%;
}

 .sidebar.on {
    left: -220px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: 100;
  }

/* 
@media screen and (max-width: 1400px) {
  .sidebar {
    left: -220px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  .sidebar.on {
    left: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: 100;
  }
} */

.sidebar-top h2 a {
  display: block;
  padding: 0 15px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: 210px center;
  background-color: #364150;
  border-bottom: 1px solid #3d4957;
  position: relative;
}

.sidebar-top h2 a span {
  vertical-align: middle;
}

.sidebar-top h2 a i {
  display: inline-block;
  width: 25px;
  height: 22px;
  vertical-align: middle;
  background: url(../images/main/home_i.png) no-repeat 0 center;
  margin-right: 10px;
}

.sidebar-top ul li {
  margin: 0;
  padding: 0;
  line-height: 1.6;
}

.sidebar-top ul li:first-child {
  border-top: none;
  background-image: none;
  border-top: 0;
}

.sidebar-top ul li a {
  position: relative;
  display: block;
  color: #b4bcc8;
  text-decoration: none;
  background-color: #364150;
  background-repeat: no-repeat;
  background-position: 90% center;
  background-color: #2c3542;
  padding: 0 15px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
}

.sidebar-top ul li.admin_li ul li a {
  background: #564c4c;
  border-bottom: 1px solid #605154;
}

.sidebar-top ul li.admin_li ul li a:hover {
  background-color: #514444;
}

.sidebar-top ul li.admin_li a {
  background: #463a38;
}

.sidebar-top ul li.admin_li a.active {
  background-color: #ff6d00;
  color: #fff;
}

.sidebar-top ul li a.icon_no.active i:before, .sidebar-top ul li a.icon_no:hover i:before {
  content: "\e940";
}

.sidebar-top ul li a i {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
}

.sidebar-top ul li a i:before {
  content: "\e940";
}

.sidebar-top ul li a.active {
  background-color: #32c5d2;
  color: #fff;
}

.sidebar-top ul li a.active i:before {
  content: "\e943";
}

.sidebar-top ul li ul {
  border-bottom: 0 none;
  display: none;
}

.sidebar-top ul li ul:first-child li {
  border-top: 0 none;
}

.sidebar-top ul li ul li a {
  color: #b4bcc8;
  font-size: 14px;
  background: none;
  padding: 0 15px;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #3d4957;
  background: #364150;
  font-weight: normal;
  text-indent: 10px;
}

.sidebar-top ul li ul li a:before {
  content: "-";
  padding-right: 5px;
}

.sidebar-top ul li ul li a.active, .sidebar-top ul li ul li a:hover {
  background-color: #2c3542;
  background-image: none;
}

.sidebar-top ul li ul.lnb_depth03 li a {
  text-indent: 24px;
  font-size: 0.9em;
  color: #848fa0;
}

.sidebar-top ul li ul.lnb_depth03 li a.active, .sidebar-top ul li ul.lnb_depth03 li a:hover {
  background-color: #364150 !important;
  color: #fff;
}

/*섹션*/
.sub_wrap {
  margin-left: 220px;
  vertical-align: top;
  -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.sub_wrap.on {
     margin-left: 0;
	 -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.sub_wrap .linemap_box {
  border-bottom: 1px solid #ddd;
  padding: 0 0 0 20px;
}

.sub_wrap .sub_con {
  padding: 25px 0 110px 20px;
  min-height: 500px;
}

@media screen and (max-width: 1400px) {
/*   .sub_wrap {
    margin-left: 0;
  } */
  .sub_wrap .sub_con {
    padding: 40px 15px 60px;
  }
}

#section {
  position: relative;
  width: 97%;
  
  margin-top: 50px;
}

.sub_con .btn_list.btn_list_02 a {
  width: 60px;
}

.sub_con .btn_list li {
  float: left;
  margin-left: 5px;
}

.sub_con .btn_list li:first-child {
  margin-left: 0;
}

.sub_con .btn_list li a {
  display: block;
  padding: 3px 12px;
  text-align: center;
  background-color: rgba(136, 136, 136, 0.9);
  color: #fff;
}

.sub_con .btn_list li a:hover {
  background-color: #888888;
}

.sub_con .btn_list li a.btn_all {
  background-color: rgba(190, 21, 33, 0.9);
}

.sub_con .btn_list li a.btn_all:hover {
  background-color: #be1521;
}

.sub_con .btn_list li a.btn_balance {
  background-color: rgba(153, 102, 51, 0.9);
}

.sub_con .btn_list li a.btn_balance:hover {
  background-color: #996633;
}

.sub_con .btn_list li a.btn_success {
  background-color: rgba(43, 164, 39, 0.9);
}

.sub_con .btn_list li a.btn_success:hover {
  background-color: #2ba427;
}

.sub_con .btn_list li a.btn_cencel {
  background-color: rgba(68, 68, 68, 0.9);
}

.sub_con .btn_list li a.btn_cencel:hover {
  background-color: #444444;
}

.board_con .btn_box {
  position: relative;
}

.board_con .btn_box a {
  position: absolute;
  top: -40px;
  right: 0;
}

.sub_con .sub_tit {
  position: relative;
  margin-bottom: 30px;
}

.sub_con .sub_tit .st {
  font-size: 16px;
}

.sub_con .sub_tit h2 {
  font-size: 24px;
  color: #222;
  font-weight: 700;
  position: relative;
  padding: 0 0 0 10px;
}

.sub_con .sub_tit h2:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 2px;
  height: 20px;
  margin-top: -10px;
  background: #32c5d2;
}

.sub_con .sub_tit .tolltip {
  position: absolute;
  top: 0;
  right: 0;
}

 .sec_tit {
  color: #1474a7;
  font-weight: bold;
  position: relative;
  margin-bottom: 12px;
  font-size: 17px;
}


 .sec_tit_2 {
  color: #1474a7;
  font-weight: bold;
  position: relative;
  margin-bottom: 10px;
}

.txt_mt {
  margin-top: 35px;
}

/*말풍선*/
.tooltip_wrap {
  position: relative;
  position: relative;
  display: inline-block;
}

.tooltip_txt {
  display: inline-block;
}

.tooltip_txt:hover .tooltip2 {
  visibility: visible;
  opacity: 1;
  transform: translateX(0px);
  color: #444;
}

.tooltip_txt:active {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5) inset;
}

.tooltip_txt i {
  top: 1px;
}

/* Tooltips */
.tooltip2 {
  padding: 5px 10px;
  background: #fafafa;
  border: 1px solid #ccc;
  position: absolute;
  bottom: 50px;
  left: -86px;
  font-size: 13px;
  border-radius: 3px;
  letter-spacing: -0.5px;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  cursor: default;
  pointer-events: none;
  color: #444;
}

.tooltip2 .tooltip_arrow {
  width: 30px;
  height: 15px;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  margin-top: 0px;
  /* transform: translateX(-50%);*/
  overflow: hidden;
}

.tooltip2 .tooltip_arrow:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background: white;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  top: 0px;
  left: 50%;
  background: #fafafa;
  border: 1px solid #ccc;
  border-top: 0;
  z-index: 1;
}

gger_bar, .scroll-con .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #333;
  background-color: rgba(51, 51, 51, 0.85);
}

.modal-open {
  padding-right: 0 !important;
}

.tooltip_w {
  width: 200px;
  height: 100px;
}

.sub_menu_box {
  max-width: 1020px;
  margin-bottom: 50px;
}

.sub_menu_box li {
  float: left;
  width: 16.666666%;
}

.sub_menu_box li a {
  display: block;
  border: 1px solid #ddd;
  margin-left: -1px;
  text-align: center;
  height: 50px;
  line-height: 50px;
}

.sub_menu_box li a:hover, .sub_menu_box li a.on {
  background: #006eb9;
  color: #fff;
}

.table-type-01 .xi-file-download-o {
  font-size: 24px;
}

.table-form-01 input.text_right {
  padding: 0 7px;
  box-sizing: border-box;
  height: 32px;
  line-height: 32px;
}

.table-form-01.proj_input_list .li_01 {
  width: 70px;
  display: inline-block;
  vertical-align: middle;
}

.table-form-01.proj_input_list .li_02 {
  width: 180px;
  display: inline-block;
  vertical-align: middle;
}

.table-form-01.proj_input_list .li_03 {
  width: 100px;
  display: inline-block;
  vertical-align: middle;
}

.table-form-01.proj_input_list .li_04 {
  width: 80px;
  display: inline-block;
  vertical-align: middle;
}

.proj_input_list .li_01 {
  width: 70px;
  display: inline-block;
  vertical-align: middle;
}

.proj_input_list .li_02 {
  width: 180px;
  display: inline-block;
  vertical-align: middle;
}

.proj_input_list .li_03 {
  width: 100px;
  display: inline-block;
  vertical-align: middle;
}

.proj_input_list .li_04 {
  width: 80px;
  display: inline-block;
  vertical-align: middle;
}

.proj_input_list .li_05 {
  width: 120px;
  display: inline-block;
  vertical-align: middle;
}

/*상담예약*/
.reser_calendar .calendar_wrap {
  position: relative;
}

.reser_calendar .calendar_wrap .term_data {
  position: absolute;
  top: 20px;
  left: 0;
}

.reser_calendar .calendar_wrap .term_data .tit {
  font-size: 17px;
  color: #333;
  font-weight: 500;
  margin-right: 10px;
}

.reser_calendar .calendar_wrap .btn_date_wr {
  position: absolute;
  top: 20px;
  right: 0;
}

.reser_calendar .calendar_wrap .calendar_top {
  margin-bottom: 20px;
  font-size: 30px;
}

.reser_calendar .calendar_wrap .calendar_top .prev_month, .reser_calendar .calendar_wrap .calendar_top .next_month {
  display: inline-block;
  vertical-align: middle;
  color: #333;
}

.reser_calendar .calendar_wrap .calendar_top .text {
  display: inline-block;
  width: 170px;
  color: #333;
  font-weight: 500;
}

.reser_calendar .calendar_wrap .calendar_top img {
  vertical-align: middle;
}

.reser_calendar .calendar_type_01 {
  width: 100%;
  text-align: left;
}

.reser_calendar .calendar_type_01 thead th {
  color: #666;
  padding: 8px 0;
  text-align: center;
  border: 1px solid #ddd;
  border-bottom: 0;
  background: #f8f8f8;
}

.reser_calendar .calendar_type_01 tbody {
  background: #fff;
}

.reser_calendar .calendar_type_01 tbody td {
  position: relative;
  width: 14.258%;
  font-weight: normal;
  padding: 5px 5px;
  height: 140px;
  vertical-align: top;
  border: 1px solid #ccc;
  color: #333;
}

.reser_calendar .calendar_type_01 tbody td .sucess_txt {
  display: inline-block;
  padding: 2px 5px;
  background: #ff3333;
  color: #fff;
  font-size: 12px;
}

.reser_calendar .calendar_type_01 tbody td .btn_date_modify {
  display: inline-block;
  padding: 2px 5px;
  background: #777;
  color: #fff;
  font-size: 12px;
}

.reser_calendar .calendar_type_01 tbody td a.date_txt {
  font-weight: 500;
  display: inline-block;
  margin-top: 5px;
}

.reser_calendar .calendar_type_01 tbody td a.date_txt.part_01 {
  color: #006eb9;
}

.reser_calendar .calendar_type_01 tbody td a.date_txt.part_02 {
  color: #be1521;
}

.reser_calendar .calendar_type_01 tbody td a.date_txt.part_03 {
  color: #996633;
}

.reser_calendar .calendar_type_01 tbody td a.date_txt.part_04 {
  color: #2ba427;
}

.cursor_default {
  cursor: default;
}

/*팝업*/
#pop_submit .modal-dialog {
  margin: 0 auto;
  max-width: 400px;
}

#pop_submit .modal-dialog .modal-header {
  background: #006eb9;
  color: #fff;
  text-align: left;
}

#pop_submit .modal-dialog .tit {
  color: #333;
  font-size: 18px;
  font-weight: 400;
}

#pop_date_wr .modal-dialog, #pop_date_modify .modal-dialog {
  margin: 0 auto;
  max-width: 550px;
}

#pop_date_wr .modal-dialog .modal-header, #pop_date_modify .modal-dialog .modal-header {
  background: #006eb9;
  color: #fff;
  text-align: left;
}

#pop_date_wr .modal-dialog .tit, #pop_date_modify .modal-dialog .tit {
  color: #333;
  font-size: 18px;
  font-weight: 400;
}

.tbl_bot_bx {
  position: relative;
  margin-top: 10px;
}

.tbl_bot_bx .bot_sorlt_bx {
  position: absolute;
  top: 0;
  right: 0;
}

.top_branch_view_area {
  margin-bottom: 20px;
  margin-top: -40px;
}

.top_branch_view_area span {
  padding: 0 10px;
  position: relative;
  font-weight: 500;
}

.top_branch_view_area span:before {
  position: absolute;
  content: '';
  top: 50%;
  left: -1px;
  height: 10px;
  margin-top: -5px;
  border-left: 1px solid #ddd;
}

.top_branch_view_area span:first-child:before {
  display: none;
}

.top_branch_view_area span.all_branch {
  color: #666;
}

.top_branch_view_area span.on_branch {
  color: #32c5d2;
}

.top_branch_view_area span.off_branch {
  color: #36c6d3;
}

.top_branch_view_area span.all_txt {
  color: #666;
}

.top_branch_view_area span.txt_c_01 {
  color: #32c5d2;
}

.top_branch_view_area span.txt_c_02 {
  color: #36c6d3;
}

.top_branch_view_area span.txt_c_03 {
  color: #f1565f;
}

.top_branch_view_area span.txt_c_04 {
  color: #659be0;
}

.top_branch_view_area span.txt_c_05 {
  color: #f1565f;
}

.table-type-01 .all_txt {
  color: #666;
}

.table-type-01 .txt_c_01 {
  color: #32c5d2;
}

.table-type-01 .txt_c_02 {
  color: #36c6d3;
}

.table-type-01 .txt_c_03 {
  color: #f1565f;
}

.table-type-01 .txt_c_04 {
  color: #659be0;
}

.table-type-01 .txt_c_05 {
  color: #f1565f;
}

@media screen and (max-width: 1400px) {
  .body {
    font-size: 14px;
  }
}

.col_w {
  width: 150px;
}

@media screen and (max-width: 1400px) {
  .col_w {
    width: 95px;
  }
}

.radio_type_01 {
  display: inline-block;
}

.radio_type_01 label {
  display: inline-block;
  min-width: 50px;
  height: 32px;
  padding: 0 10px;
  border-radius: 3px;
  line-height: 32px;
  text-align: center;
  background: #ddd;
  font-size: 14px;
  margin:0;
  cursor: pointer;
}

.radio_type_01 input[type="radio"] + label::before {
  display: none;
}

.radio_type_01 input[type=radio]:checked + label {
  background: #32c5d2 !important;
  color: #fff !important;
}

.radio_type_02 {
  display: inline-block;
}

.radio_type_02 label {
  display: inline-block;
  width: 50px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  background: #ddd;
  font-size: 13px;
}

.radio_type_02 input[type="radio"] + label::before {
  display: none;
}

.radio_type_02 input[type=radio]:checked + label {
  background: #f1565f !important;
  color: #fff !important;
}


.radio_type_gate.radio_type_01  label{
  width:100px;
  
}

.th_s_tit {
  color: #222;
  font-weight: 400;
  margin-right: 10px;
   height: 32px;
   line-height: 32px;
  display: inline-block;
  vertical-align: middle;
}


  .table-form-01 td  .txt *{
  
 
  display: inline-block;
  vertical-align: middle;
  }
.file_box {
  width: 100%;
  vertical-align: middle;
  display: inline-block;
}

.table-type-01 tr td a:hover {
  text-decoration: underline !important;
}

input[type="text"].index_t {
  min-width: 70px;
  width: 70px;
  text-align: center;
}

.img_view_list {
  margin-top: 10px;
  border-top: 1px solid #ddd;
  padding-top: 10px;
}

.img_view_list li {
  float: left;
  margin-right: 10px;
}

.img_view_list li .tit {
  display: inline-block;
  font-size: 16px;
}

.img_view_list li .tit i {
  font-size: 20px;
  margin-left: 5px;
  cursor: pointer;
}

.img_view_list li img {
  width: 130px;
}

table .btn_01 {
  display: inline-block;
  text-align: center;
  height: 34px;
  line-height: 34px;
  padding: 0 10px;
  font-size: 13px;
  color: #fff;
  border: 1px solid #666;
  background: #666;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 3px;
}

table .btn_02 {
  display: inline-block;
  text-align: center;
  height: 34px;
  line-height: 34px;
  padding: 0 10px;
  font-size: 14px;
  color: #fff;
  border: 1px solid #32c5d2;
  background: #32c5d2;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 3px;
}

.input_date {
  position: relative;
  padding-right: 30px !important;
  display: inline-block;
  width: 110px;
  vertical-align: middle;

}


.xi-close-square{
  font-size: 22px;
  color:#666;
  display:inline-block;
  vertical-align: middle;
}
.input_date input {
  width: 100%;
}

.input_date:after {
  content: '';
  content: "\e9a4";
  position: absolute;
  top: 7px;
  right: 0;
  font-family: xeicon !important;
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #222;
  font-size: 20px;
}

table, th, td {
  border-collapse: collapse;
  border-spacing: 0;
  font-weight: normal;
  font-size: 14px;
}

@media screen and (max-width: 1400px) {
  table, th, td {
    font-size: 13px;
  }
}

.input_connect_t {
  height: 32px;
  line-height: 32px;
  display: inline-block;
}

.info_txt {
  background: #f6f6f6;
  padding: 10px 5px;
}

.common_tab_wrap .tab_area {
  margin-bottom: 15px;
}

.common_tab_wrap .tab_area li {
  float: left;
  width: 100px;
}

.common_tab_wrap .tab_area li a {
  display: block;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #ddd;
  border-right: 1px solid #fff;
}

.common_tab_wrap .tab_area li a.on {
  background: #32c5d2;
  color: #fff;
}

.common_tab_wrap .tab_con textarea {
  width: 400px;
}

.common_tab_wrap .tab_con .tit {
  display: inline-block;
  vertical-align: bottom;
}

.price_bx {
  font-size: 18px;
  font-weight: 500;
  display: inline-block;
}
/*
.mfp-close-btn-in .mfp-close {
  background: url(../images/icon/close_i.png) no-repeat 0 0;
  width: 20px;
  height: 20px;
  background-size: 20px auto;
  opacity: 1;
  top: 18px;
}
*/
.pop-con {
  text-align: left;
  padding: 0 0 20px;
}

.pop-con .pop_header {
  padding: 20px;
  text-align: left;
}

.pop-con .pop_header .st {
  font-size: 13px;
  display: inline-block;
  margin-right: 10px;
}

.pop-con .pop_header h3 {
  font-size: 20px;
  font-weight: 500;
  position: relative;
  padding-left: 10px;
  color: #222;
  display: inline-block;
}

.pop-con .pop_header h3:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 2px;
  height: 20px;
  margin-top: -10px;
  background: #32c5d2;
}

.pop-con .pop_body {
  padding: 20px;
  padding-top: 0;
}

.pop_sms_txt {
  width: 800px;
}

.pop_reser_excel_con {
  width:1200px;
}

input[type="radio"].mfp-close {
  position: static !important;
  width: 18px !important;
  height: 18px !important;
  background: inherit !important;
  border: inherit !important;
}


.pop_icon  i{
  font-size: 18px;
}
.pop_footer .mfp-close {
  display: inline-block;
  height: 34px !important;
  line-height: 34px !important;
  width: 75px !important;
  color: #222;
  border: 1px solid #ced3da;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 3px;
  position: relative;
  background: #fff;
  text-indent: 16px;
  font-size: 15px;
  top: 0;
  vertical-align:top;
}

.pop_footer .mfp-close:before {
  content: "\e922";
  position: absolute;
  top: 8px;
  left: -7px;
  font-family: xeicon !important;
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #222;
  font-size: 16px;
}

.pop_common_con {
  width: 550px;
}
.pop_common_con_02 {
  width: 1000px;
}

.pop_common_con_03 {
  width: 1100px;
}



.sub_con  .set_tab_area{
	position:relative;
	margin-bottom:20px;
}

.sub_con  .set_tab_area:before{
   content:'';
   position:absolute;
   bottom:0;
   left:0;
   width:100%;
   border-bottom:1px solid #ddd;
}
.sub_con  .set_tab_area  li{
	width:10%;
	float:left;
	box-sizing:border-box;
	padding:0 2px;
}
.sub_con  .set_tab_area  li a{
	    display: block;
    height: 40px ;
    line-height: 40px ;
    color: #222;
    border: 1px solid #ddd;
    position: relative;
    background: #fff;
	text-align:center;
	margin-left:-1px;
	
}
.str{
	color:#333;
	font-weight:bold;
}

.sub_con  .ch_set_list  > li{
	border-top:1px dotted #ddd;
	padding:10px 0;
	
}


.sub_con  .ch_set_list >  li:first-child{
	border-top:0;
	
}
.sub_con  .set_tab_area  li a.on{
	background:#32c5d2;
	color:#fff;
	
}
.calendar_wrap .calendar_top {
  height: 70px;
  line-height: 70px;
  background: #00aeef;
  position: relative;
  font-size: 30px;
}

.calendar_wrap .calendar_top .prev_month, .calendar_wrap .calendar_top .next_month {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
}

.calendar_wrap .calendar_top .text {
  display: inline-block;
  width: 170px;
  color: #fff;
}

.calendar_wrap .calendar_top img {
  vertical-align: middle;
}

.calendar_type_01 {
  width: 100%;
  text-align: left;
}

.calendar_type_01 thead th {
  background: #f6f6f6;
  color: #fff;
  padding: 5px 0;
  text-align: center;
  border: 1px solid #ddd;
  border-bottom: 0;
  color: #666;
}

.calendar_type_01 tbody {
  background: #fff;
  text-decoration: none;
  text-decoration-padding-bottom: 20px;
}

.calendar_type_01 tbody td {
  padding-bottom: 10px;
  height: 100px;
}

.calendar_type_01 tbody td:hover, .calendar_type_01 tbody td.today {
  background: #fff6c5;
}

.calendar_type_01 tbody th, .calendar_type_01 tbody td {
  position: relative;
  width: 14.258%;
  font-weight: normal;
  vertical-align: top;
  border: 1px solid #ddd;
  color: #333;
  padding: 0 5px;
}

.calendar_type_01 tbody th .date, .calendar_type_01 tbody td .date {
  padding: 10px 10px 10px;
  color: #222;
  font-weight: 500;
}

.calendar_type_01 tbody th .date.prev_date, .calendar_type_01 tbody td .date.prev_date, .calendar_type_01 tbody th .date.next_date, .calendar_type_01 tbody td .date.next_date {
  color: #aaa;
}

.calendar_type_01 tbody th .date.blue, .calendar_type_01 tbody td .date.blue {
  color: #3598dc;
}

.calendar_type_01 tbody th .date.red, .calendar_type_01 tbody td .date.red {
  color: #f1565f;
}

.calendar_type_01 tbody th a, .calendar_type_01 tbody td a {
  display: block;
  height: 125px;
}

.calendar_type_01 tbody th a.cursor_default:hover p.date, .calendar_type_01 tbody td a.cursor_default:hover p.date {
  color: #333;
  background: #fff;
}

.calendar_type_01 tbody th a:hover p.date, .calendar_type_01 tbody td a:hover p.date {
  background: #00aeef;
  color: #fff;
}

.calendar_type_01 tbody th a p.date, .calendar_type_01 tbody td a p.date {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #333;
  font-size: 14px;
  border-radius: 50%;
}

.calendar_type_01 tbody .schedul_txt {
  margin-bottom: 3px;
}

.calendar_type_01 tbody .schedul_txt a {
  box-sizing: border-box;
  display: block;
  height: 26px;
  line-height: 26px;
  font-size: 13px;
  text-align: center;
  letter-spacing: -0.5px;
  color: #fff;
  font-weight: 400;
}

.calendar_type_01 tbody .schedul_txt.schedul_btn_01 a {
  background: #3598dc;
}

.calendar_type_01 tbody .schedul_txt.schedul_btn_02 a {
  background: #1bbc9b;
}

.calendar_type_01 tbody .schedul_txt.schedul_btn_03 a {
  background: #b0bec5;
}

.calendar_type_01 tbody .schedul_txt.schedul_btn_04 a {
  background: #32c5d2;
}

.calendar_type_01 tbody .schedul_txt.schedul_btn_05 {
  background: #32c5d2;
}

.calendar_type_01 tbody .schedul_txt.schedul_btn_on a {
  background: #f1565f;
}

.calendar_type_01 tbody .schedul_txt.schedul_btn_off a {
  background: #222;
  color: #fff;
}

.cursor_default {
  cursor: default;
}

.calender_setting {
  margin-top: 30px;
  margin-bottom: 30px;
}

.calender_setting .this_month_txt {
  position: relative;
  border: 1px solid #ddd;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #222;
  display: block;
}

.calender_setting .this_month_txt:before {
  content: "\e9a4";
  position: absolute;
  top: 7px;
  left: 10px;
  font-family: xeicon !important;
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #222;
  font-size: 20px;
}

.calender_setting .control_bx {
  position: relative;
}

.calender_setting .control_bx .tit {
  border: 1px solid #ddd;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #222;
  display: block;
}

.calender_setting .control_bx .btn_prev_month {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #222;
  border-right: 1px solid #ddd;
}

.calender_setting .control_bx .btn_prev_month i {
  vertical-align: middle;
}

.calender_setting .control_bx .btn_next_month {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #222;
  border-left: 1px solid #ddd;
}

.calender_setting .control_bx .btn_next_month i {
  vertical-align: middle;
}

.calender_setting .btn_schedule_list li {
  float: left;
  width: 16.666%;
  box-sizing: border-box;
  padding-left: 2px;
}

.calender_setting .btn_schedule_list li:first-child {
  padding-left: 0px;
}

.calender_setting .btn_schedule_list li a {
  display: inline-block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  border-radius: 3px;
}

.calender_setting .btn_schedule_list li a.btn_01 {
  background: #222;
}

.calender_setting .btn_schedule_list li a.btn_02 {
  background: #3598dc;
}

.calender_setting .btn_schedule_list li a.btn_03 {
  background: #1bbc9b;
}

.calender_setting .btn_schedule_list li a.btn_04 {
  background: #b0bec5;
}

.calender_setting .btn_schedule_list li a.btn_05 {
  background: #32c5d2;
}

.calender_setting .btn_schedule_list li a.btn_06 {
  background: #32c5d2;
}

.calender_setting .btn_schedule_list li a.btn_on {
  background: #1bbc9b;
}

.calender_setting .btn_schedule_list li a.btn_off {
  background: #666;
  color: #fff;
}

.calender_setting .btn_setting a {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  background: #fff;
  color: #222;
  text-align: center;
  font-size: 14px;
  border-radius: 3px;
  border: 1px solid #ced3da;
  letter-spacing: -0.8px;
}

.calender_setting .btn_setting a i {
  font-size: 20px;
  margin-right: 2px;
  display: inline-block;
  vertical-align: middle;
}

.calender_setting .btn_setting a i.xi-pen {
  margin-right: 10px;
}

.reser_time_input li {
  position: relative;
}

.reser_time_input li:first-child:before {
  display: none;
}

.reser_time_input li:before {
  content: '~';
  position: absolute;
  top: 5px;
  left: -7px;
}

.reser_time_tab_wrap .tab_area {
  margin-bottom: 10px;
}

.reser_time_tab_wrap .tab_area > li {
  float: left;
  width: 14.28571%;
}

.reser_time_tab_wrap .tab_area > li a {
  display: block;
  text-align: center;
  height: 30px;
  line-height: 30px;
  background: #f6f6f6;
  border: 1px solid #ddd;
  margin-left: -1px;
}

.reser_time_tab_wrap .tab_area > li a.on {
  background: #32c5d2;
  color: #fff;
}

.schedule_details_con .sec_01 {
  position: relative;
  text-align: center;
}

.schedule_details_con .sec_01 .btn_back {
  position: absolute;
  top: 0;
  right: 0;
}

.schedule_details_con .sec_01 .calender_tit {
  position: absolute;
  top: 0;
  left: 0;
  color: #222;
}

.schedule_details_con .sec_01 .calender_tit i {
  font-size: 24px;
  display: inline-block;
  margin-right: 2px;
  vertical-align: middle;
}

.schedule_details_con .sec_01 .calender_tit .st {
  color: #3598dc;
  font-weight: 500;
}

.calendar_wrap_2 {
  max-width: 350px;
  margin: 0 auto;
}

.calendar_wrap_2 .calendar_type_02 {
  width: 100%;

}

.tbl_border{
	  border:1px solid #ccc;
  height:300px;
}
.calendar_wrap_2 .calendar_type_02 thead th {
  padding: 12px 0;
  text-align: center;
  color: #333;
  font-weight: bold;
  background: none;
}
.calendar_all_wrap{
	padding:0 20px;
	margin-top:10px;
}
.calendar_wrap_2 .calendar_type_02 thead th:last-child.on {
  background: #fff !important;
}

.calendar_wrap_2 .calendar_type_02 thead th.on {
  color: #fff;
  background: #3598dc !important;
}

.calendar_wrap_2 .calendar_type_02 tbody {
  background: #fff;
}

.calendar_wrap_2 .calendar_type_02 tbody td {
  position: relative;
  width: 14.258%;
  font-weight: normal;
  vertical-align: top;
  height: 42px;
  color: #333;
  padding: 0;
}

.calendar_wrap_2 .calendar_type_02 tbody td a {
  font-weight: 500;
  display: block;
  text-align: center;
  line-height: 40px;
 /*  cursor:default; */
  height: 37px;
  width: 37px;
  line-height: 37px;
  display:inline-block;
}

.calendar_wrap_2 .calendar_type_02 tbody td a.date {
  font-weight: 500;
  display: block;
  text-align: center;
  color: #222;
}

.calendar_wrap_2 .calendar_type_02 tbody td a.date.prev_date, .calendar_wrap_2 .calendar_type_02 tbody td a.date.next_date {
  color: #aaa;
}

.calendar_wrap_2 .calendar_type_02 tbody td a.date.on {
  color: #fff;
  background: #3598dc !important;
}

.calendar_wrap_2 .calendar_type_02 tbody td a.date.today, .calendar_wrap_2 .calendar_type_02 tbody td a.date.possible_bg {
  background: #32c5d2;
  color: #fff;
}

.calendar_wrap_2 .calendar_type_02 tbody td a.date.schedul_btn_01 {
  background: #3598dc;
  color: #fff;
}

.calendar_wrap_2 .calendar_type_02 tbody td a.date.schedul_btn_02 {
  background: #1bbc9b;
  color: #fff;
}

.calendar_wrap_2 .calendar_type_02 tbody td a.date.schedul_btn_03 {
  background: #b0bec5;
  color: #fff;
}

.calendar_wrap_2 .calendar_type_02 tbody td a.date.schedul_btn_04 {
  background: #32c5d2;
  color: #fff;
}

.calendar_wrap_2 .calendar_type_02 tbody td a.date.schedul_btn_05 {
  background: #32c5d2;
  color: #fff;
}

/* .calendar_wrap_2 .calendar_type_02 tbody td:last-child a.date.on {
  background: #fff !important;
  color: #222 !important;
}
 */
.calendar_wrap_2 .bot_txt {
  text-align: right;
  margin-top: 10px;
}

.calendar_wrap_2 .bot_txt .today_bg {
  width: 15px;
  height: 15px;
  background: #32c5d2;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.calendar_wrap_2 .bot_txt .on_bg {
  width: 15px;
  height: 15px;
  background: #3598dc;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.calendar_wrap_2 .bot_txt .txt {
  font-size: 12px;
  display: inline-block;
  line-height: 15px;
  vertical-align: middle;
}

.calendar_wrap_2 .control_bx {
  position: relative;
  width: 270px;
  margin: 0 auto 10px;
}

.calendar_wrap_2 .control_bx .tit {

  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #222;
  display: block;
  font-weight:bold;
}

.calendar_wrap_2 .control_bx .btn_prev_month {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #222;
  border-right: 1px solid #ddd;
}

.calendar_wrap_2 .control_bx .btn_prev_month i {
  vertical-align: middle;
}

.calendar_wrap_2 .control_bx .btn_next_month {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #222;
  border-left: 1px solid #ddd;
}

.calendar_wrap_2 .control_bx .btn_next_month i {
  vertical-align: middle;
}

.view_calendar_wrap .month_tit {
  text-align: center;
  color: #222;
  font-weight: 500;
  margin-bottom: 20px;
  font-size: 16px;
}

.view_calendar_wrap .tit_box {
  font-size: 24px;
  padding: 10px 10px;
  background: #f9f9f9;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid  #ddd;
  text-align: center;
  margin-bottom: 15px;
}

.view_calendar_wrap .btn_schedule_list {
  width: 360px;
  margin: 0 auto 20px;
}

.view_calendar_wrap .btn_schedule_list li {
  float: left;
  width: 16.666%;
  box-sizing: border-box;
  padding-left: 2px;
}

.view_calendar_wrap .btn_schedule_list li:first-child {
  padding-left: 0;
}

.view_calendar_wrap .btn_schedule_list li a {
  display: inline-block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  color: #fff;
  text-align: center;
  font-size: 13px;
  border-radius: 3px;
}

.view_calendar_wrap .btn_schedule_list li a.btn_01 {
  background: #222;
}

.view_calendar_wrap .btn_schedule_list li a.btn_02 {
  background: #3598dc;
}

.view_calendar_wrap .btn_schedule_list li a.btn_03 {
  background: #1bbc9b;
}

.view_calendar_wrap .btn_schedule_list li a.btn_04 {
  background: #b0bec5;
}

.view_calendar_wrap .btn_schedule_list li a.btn_05 {
  background: #32c5d2;
}

.view_calendar_wrap .btn_schedule_list li a.btn_06 {
  background: #32c5d2;
}

.top_qty_area {
  margin-top: -50px;
  margin-bottom: 30px;
}

.top_qty_area .tit {
  color: #222;
  margin-right: 20px;
  width: auto;
  font-weight: 500;
}

.top_qty_area span {
  display: inline-block;
  width: 88px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
}

.top_qty_area span.s_01 {
  background: #222;
}

.top_qty_area span.s_02 {
  background: #3598dc;
}

.top_qty_area span.s_03 {
  background: #f1565f;
}

.top_qty_area span.s_04 {
  background: #32c5d2;
}

.top_qty_area span.s_05 {
  background: #b0bec5;
}

.calender_setting2 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.calender_setting2 .this_month_txt {
  border: 1px solid #ddd;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #222;
  display: block;
}

.calender_setting2 .control_bx {
  position: relative;
}

.calender_setting2 .control_bx .tit {
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #222;
  display: inline-block;
  margin-left: 10%;
}

.calender_setting2 .control_bx .btn_prev_month, .calender_setting2 .control_bx .btn_next_month {
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  display: inline-block;
  color: #222;
  border: 1px solid #ddd;
}

.calender_setting2 .control_bx .btn_prev_month i, .calender_setting2 .control_bx .btn_next_month i {
  vertical-align: middle;
}

.calender_setting2 .btn_link_list li:first-child a {
  border-left: 1px solid #ddd;
}

.calender_setting2 .btn_link_list li a {
  display: inline-block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  border: 1px solid #ddd;
  border-left: none;
  color: #222;
  text-align: center;
  font-size: 14px;
}

.calender_setting2 .btn_link_list li a.on {
  background: #32c5d2;
  color: #fff;
}

.calender_setting2 .right_btn_bx a.btn_01 {
  background: #32c5d2;
  color: #222;
}

.calender_setting2 .right_btn_bx a.btn_02 {
  background: #1bbc9b;
  color: #222;
}

.calender_setting2 .right_btn_bx a.btn_03 {
  background: #f79d9e;
  color: #222;
}

.calender_setting2 .btn_schedule_list li {
  padding-left: 2px;
}

.calender_setting2 .btn_schedule_list li:first-child {
  padding-left: 0;
}

.calender_setting2 .btn_schedule_list li a {
  display: inline-block;
  width: 100%;
  height: 34px;
  line-height: 34px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  border-radius: 3px;
}

.calender_setting2 .btn_schedule_list li a.btn_01 {
  background: #666;
}

.calender_setting2 .btn_schedule_list li a.btn_02 {
  background: #f1565f;
}

.calender_setting2 .btn_schedule_list li a.btn_03 {
  background: #222;
}

.calender_setting2 .btn_schedule_list li a.btn_04 {
  background: #b0bec5;
}

.calender_setting2 .btn_schedule_list li a.btn_05 {
  background: #32c5d2;
}

.calender_setting2 .btn_schedule_list li a.btn_06 {
  background: #32c5d2;
}

.calender_setting2 .btn_schedule_list li a.btn_07 {
  background: #f79d9e;
}

.calender_setting2 .btn_schedule_list li a.btn_on {
  background: #f1565f;
}

.calender_setting2 .btn_schedule_list li a.btn_off {
  background: #222;
  color: #fff;
}

.calender_setting2 .btn_setting a {
  display: inline-block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  background: #777;
  color: #fff;
  text-align: center;
  font-size: 14px;
}

.calendar_type_week {
  width: 100%;
}

.calendar_type_week .top_tit {
  color: #222;
  font-weight: 500;
  padding: 10px 0;
}

.calendar_type_week thead th {
  background: #f6f6f6;
  color: #fff;
  padding: 5px 0;
  text-align: center;
  border: 1px solid #ddd;
  border-bottom: 0;
  color: #666;
}

.calendar_type_week tbody {
  background: #fff;
  text-decoration: none;
}

.calendar_type_week tbody td {
  padding: 0;
}

.calendar_type_week tbody td.today {
  background: #32c5d2;
}

.calendar_type_week tbody th, .calendar_type_week tbody td {
  position: relative;
  font-weight: normal;
  vertical-align: middle;
  border: 1px solid #ddd;
  color: #333;
  text-align: center;
  padding:0px 3px;
}

.calendar_type_week tbody th.schedul_txt, .calendar_type_week tbody th .schedul_txt {
  padding: 15px 10px;
  word-wrap: break-word;
  word-break: keep-all;
  text-align: left;
  font-size: 13px;
  color: #fff;
  font-weight: 400;
}

.calendar_type_week tbody td.schedul_txt, .calendar_type_week tbody td .schedul_txt {
  padding: 15px 10px;
  word-wrap: break-word;
  word-break: keep-all;
  text-align: left;
  font-size: 13px;
  color: #fff;
  font-weight: 400;
}

.calendar_type_week tbody th.schedul_txt.schedul_btn_01, .calendar_type_week tbody th.schedul_txt .schedul_btn_01 {
  background: #3598dc;
}

.calendar_type_week tbody th .schedul_txt.schedul_btn_01, .calendar_type_week tbody th .schedul_txt .schedul_btn_01 {
  background: #3598dc;
}

.calendar_type_week tbody td.schedul_txt.schedul_btn_01, .calendar_type_week tbody td.schedul_txt .schedul_btn_01 {
  background: #3598dc;
}

.calendar_type_week tbody td .schedul_txt.schedul_btn_01, .calendar_type_week tbody td .schedul_txt .schedul_btn_01 {
  background: #3598dc;
}

.calendar_type_week tbody th.schedul_txt.schedul_btn_01 .tit, .calendar_type_week tbody th.schedul_txt .schedul_btn_01 .tit {
  font-weight: bold;
}

.calendar_type_week tbody th .schedul_txt.schedul_btn_01 .tit, .calendar_type_week tbody th .schedul_txt .schedul_btn_01 .tit {
  font-weight: bold;
}

.calendar_type_week tbody td.schedul_txt.schedul_btn_01 .tit, .calendar_type_week tbody td.schedul_txt .schedul_btn_01 .tit {
  font-weight: bold;
}

.calendar_type_week tbody td .schedul_txt.schedul_btn_01 .tit, .calendar_type_week tbody td .schedul_txt .schedul_btn_01 .tit {
  font-weight: bold;
}

.calendar_type_week tbody th.schedul_txt.schedul_btn_01 .tit span, .calendar_type_week tbody th.schedul_txt .schedul_btn_01 .tit span {
  color: #0070c0;
}

.calendar_type_week tbody th .schedul_txt.schedul_btn_01 .tit span, .calendar_type_week tbody th .schedul_txt .schedul_btn_01 .tit span {
  color: #0070c0;
}

.calendar_type_week tbody td.schedul_txt.schedul_btn_01 .tit span, .calendar_type_week tbody td.schedul_txt .schedul_btn_01 .tit span {
  color: #0070c0;
}

.calendar_type_week tbody td .schedul_txt.schedul_btn_01 .tit span, .calendar_type_week tbody td .schedul_txt .schedul_btn_01 .tit span {
  color: #08548a;
}

.calendar_type_week tbody th.schedul_txt.schedul_btn_02, .calendar_type_week tbody th.schedul_txt .schedul_btn_02 {
  background: #1bbc9b;
}

.calendar_type_week tbody th .schedul_txt.schedul_btn_02, .calendar_type_week tbody th .schedul_txt .schedul_btn_02 {
  background: #1bbc9b;
}

.calendar_type_week tbody td.schedul_txt.schedul_btn_02, .calendar_type_week tbody td.schedul_txt .schedul_btn_02 {
  background: #1bbc9b;
}

.calendar_type_week tbody td .schedul_txt.schedul_btn_02, .calendar_type_week tbody td .schedul_txt .schedul_btn_02 {
  background: #1bbc9b;
}

.calendar_type_week tbody th.schedul_txt.schedul_btn_02 .tit, .calendar_type_week tbody th.schedul_txt .schedul_btn_02 .tit {
  font-weight: bold;
}

.calendar_type_week tbody th .schedul_txt.schedul_btn_02 .tit, .calendar_type_week tbody th .schedul_txt .schedul_btn_02 .tit {
  font-weight: bold;
}

.calendar_type_week tbody td.schedul_txt.schedul_btn_02 .tit, .calendar_type_week tbody td.schedul_txt .schedul_btn_02 .tit {
  font-weight: bold;
}

.calendar_type_week tbody td .schedul_txt.schedul_btn_02 .tit, .calendar_type_week tbody td .schedul_txt .schedul_btn_02 .tit {
  font-weight: bold;
}

.calendar_type_week tbody th.schedul_txt.schedul_btn_02 .tit span, .calendar_type_week tbody th.schedul_txt .schedul_btn_02 .tit span {
  color: #2e7d32;
}

.calendar_type_week tbody th .schedul_txt.schedul_btn_02 .tit span, .calendar_type_week tbody th .schedul_txt .schedul_btn_02 .tit span {
  color: #2e7d32;
}

.calendar_type_week tbody td.schedul_txt.schedul_btn_02 .tit span, .calendar_type_week tbody td.schedul_txt .schedul_btn_02 .tit span {
  color: #2e7d32;
}

.calendar_type_week tbody td .schedul_txt.schedul_btn_02 .tit span, .calendar_type_week tbody td .schedul_txt .schedul_btn_02 .tit span {
  color: #086552;
}

.calendar_type_week tbody th.schedul_txt.schedul_btn_03, .calendar_type_week tbody th.schedul_txt .schedul_btn_03 {
  background: #32c5d2;
}

.calendar_type_week tbody th .schedul_txt.schedul_btn_03, .calendar_type_week tbody th .schedul_txt .schedul_btn_03 {
  background: #32c5d2;
}

.calendar_type_week tbody td.schedul_txt.schedul_btn_03, .calendar_type_week tbody td.schedul_txt .schedul_btn_03 {
  background: #32c5d2;
}

.calendar_type_week tbody td .schedul_txt.schedul_btn_03, .calendar_type_week tbody td .schedul_txt .schedul_btn_03 {
  background: #32c5d2;
}

.calendar_type_week tbody th.schedul_txt.schedul_btn_03 .tit, .calendar_type_week tbody th.schedul_txt .schedul_btn_03 .tit {
  font-weight: bold;
}

.calendar_type_week tbody th .schedul_txt.schedul_btn_03 .tit, .calendar_type_week tbody th .schedul_txt .schedul_btn_03 .tit {
  font-weight: bold;
}

.calendar_type_week tbody td.schedul_txt.schedul_btn_03 .tit, .calendar_type_week tbody td.schedul_txt .schedul_btn_03 .tit {
  font-weight: bold;
}

.calendar_type_week tbody td .schedul_txt.schedul_btn_03 .tit, .calendar_type_week tbody td .schedul_txt .schedul_btn_03 .tit {
  font-weight: bold;
}

.calendar_type_week tbody th.schedul_txt.schedul_btn_03 .tit span, .calendar_type_week tbody th.schedul_txt .schedul_btn_03 .tit span {
  color: #996005;
}

.calendar_type_week tbody th .schedul_txt.schedul_btn_03 .tit span, .calendar_type_week tbody th .schedul_txt .schedul_btn_03 .tit span {
  color: #996005;
}

.calendar_type_week tbody td.schedul_txt.schedul_btn_03 .tit span, .calendar_type_week tbody td.schedul_txt .schedul_btn_03 .tit span {
  color: #996005;
}

.calendar_type_week tbody td .schedul_txt.schedul_btn_03 .tit span, .calendar_type_week tbody td .schedul_txt .schedul_btn_03 .tit span {
  color: #996005;
}

.calendar_type_week tbody th.schedul_txt.schedul_btn_04, .calendar_type_week tbody th.schedul_txt .schedul_btn_04 {
  background: #f79d9e;
}

.calendar_type_week tbody th .schedul_txt.schedul_btn_04, .calendar_type_week tbody th .schedul_txt .schedul_btn_04 {
  background: #f79d9e;
}

.calendar_type_week tbody td.schedul_txt.schedul_btn_04, .calendar_type_week tbody td.schedul_txt .schedul_btn_04 {
  background: #f79d9e;
}

.calendar_type_week tbody td .schedul_txt.schedul_btn_04, .calendar_type_week tbody td .schedul_txt .schedul_btn_04 {
  background: #f79d9e;
}

.calendar_type_week tbody th.schedul_txt.schedul_btn_04 .tit, .calendar_type_week tbody th.schedul_txt .schedul_btn_04 .tit {
  font-weight: bold;
}

.calendar_type_week tbody th .schedul_txt.schedul_btn_04 .tit, .calendar_type_week tbody th .schedul_txt .schedul_btn_04 .tit {
  font-weight: bold;
}

.calendar_type_week tbody td.schedul_txt.schedul_btn_04 .tit, .calendar_type_week tbody td.schedul_txt .schedul_btn_04 .tit {
  font-weight: bold;
}

.calendar_type_week tbody td .schedul_txt.schedul_btn_04 .tit, .calendar_type_week tbody td .schedul_txt .schedul_btn_04 .tit {
  font-weight: bold;
}

.calendar_type_week tbody th.schedul_txt.schedul_btn_04 .tit span, .calendar_type_week tbody th.schedul_txt .schedul_btn_04 .tit span {
  color: #df203c;
}

.calendar_type_week tbody th .schedul_txt.schedul_btn_04 .tit span, .calendar_type_week tbody th .schedul_txt .schedul_btn_04 .tit span {
  color: #df203c;
}

.calendar_type_week tbody td.schedul_txt.schedul_btn_04 .tit span, .calendar_type_week tbody td.schedul_txt .schedul_btn_04 .tit span {
  color: #df203c;
}

.calendar_type_week tbody td .schedul_txt.schedul_btn_04 .tit span, .calendar_type_week tbody td .schedul_txt .schedul_btn_04 .tit span {
  color: #df203c;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-box {
  border: none;
  border-radius: 0;
  background: #fff;
  border: 1px solid #666;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
  border: 1px solid #eee;
  padding: 10px 5px 5px;
  overflow: hidden;
  border-left: none;
  line-height: 1.7;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-box .sec_tit {
  color: #222;
  position: relative;
  padding: 0 0 0 10px;
  margin-bottom: 10px;
  font-weight: 500;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-box .sec_tit:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 2px;
  height: 14px;
  margin-top: -7px;
  background: #32c5d2;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-box .pop_btn_list {
  width: 150px;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-box .pop_btn_list li {
  margin: 5px 0;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-box .pop_btn_list li a {
  display: block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  font-size: 13px;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-box .pop_btn_list li a.tool_btn_01 {
  background: #1bbc9b;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-box .pop_btn_list li a.tool_btn_02 {
  background: #32c5d2;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-box .pop_btn_list li a.tool_btn_03 {
  background: #f79d9e;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-box .pop_btn_list li a.tool_btn_04 {
  background: #777777;
  color: #fff;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-box .pop_btn_list li a.tool_btn_05 {
  background: #3598dc;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-box .pop_btn_list li a.tool_btn_ok {
  background: #32c5d2;
}

.visual_about.html_bx .btn_list {
  width: 150px;
}

.visual_about.html_bx .btn_list li {
  margin: 5px 0;
}

.visual_about.html_bx .btn_list li a {
  display: block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #222;
  font-size: 13px;
}

.visual_about.html_bx .btn_list li a.tool_btn_01 {
  background: #1bbc9b;
}

.visual_about.html_bx .btn_list li a.tool_btn_02 {
  background: #32c5d2;
}

.visual_about.html_bx .btn_list li a.tool_btn_03 {
  background: #f79d9e;
}

.visual_about.html_bx .btn_list li a.tool_btn_04 {
  background: #777777;
}

.visual_about.html_bx .btn_list li a.tool_btn_05 {
  background: #3598dc;
}

.visual_about.html_bx .btn_list li a.tool_btn_ok {
  background: #32c5d2;
}

.tooltipster-base {
  pointer-events: inherit;
}

/* 
.tooltip_templates{
  display: none;
} */
.tooltip_templates {
  display: none;
}

.info_top_txt_bx {
  padding: 20px 20px;
  background: #f9f9f9;
  color: #222;
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid #ddd;
}

.calendar_type_date .btn_list2 li {
  display: inline-block;
  padding-left: 5px;
}

.calendar_type_date .btn_list2 li:first-child {
  padding-left: 0;
}

.calendar_type_date .btn_list2 li a {
  display: block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #3598dc;
  font-size: 14px;
  letter-spacing: -1px;
  padding: 0;
}

.calendar_type_date .btn_list2 li a:hover {
  text-decoration: underline !important;
}

.calendar_type_date .btn_list2 li a.tool_btn_01 {
  color: #f1565f;
}

.calendar_type_date .btn_list2 li a.tool_btn_02 {
  color: #3598dc;
}

.calendar_type_date .btn_list2 li a.tool_btn_03, .calendar_type_date .btn_list2 li a.tool_btn_ok {
  color: #f1565f;
}

.raservation_new_wrap .new_tit {
  color: #3598dc;
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 20px;
}

.raservation_new_wrap .branch_list li {
  margin: 5px 0;
}

.raservation_new_wrap .branch_list li a {
  display: block;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border: 1px solid #ddd;
  background: #f9f9f9;
  color: #222;
  font-weight: 500;
}

.raservation_new_wrap .branch_list li a.on {
  background: #32c5d2;
  color: #fff;
}

#sortable td {
  cursor: move;
}

/*등록 */
.btn-type-01 {
  display: inline-block !important;
  height: 34px !important;
  line-height: 34px !important;
  text-align: center;
  color: #fff;
  border: 1px solid #32c5d2!important;
  cursor: pointer;
  padding: 0 15px;
  min-width:85px;
  width: auto !important;
  box-sizing: border-box !important;
  border-radius: 3px;
  position: relative;
  background: #32c5d2!important;
}

.btn-type-01:hover {
 
  border: 1px solid #26a1ab!important;

  background: #26a1ab!important;
}
.btn-type-02 {
  display: inline-block !important;
  height: 34px !important;
  line-height: 34px !important;
  text-align: center;
  color: #666;
  border: 1px solid #e1e5ec!important;
  cursor: pointer;
  padding: 0 15px;
  min-width:85px;
  width: auto !important;
  box-sizing: border-box !important;
  border-radius: 3px;
  position: relative;
  background: #e1e5ec!important;
}
.btn-type-02:hover {
 
  border: 1px solid #c2cad8!important;

  background: #c2cad8!important;
}
.btn-type-03 {
  display: inline-block !important;
  height: 34px !important;
  line-height: 34px !important;
  text-align: center;
  color: #fff;
  border: 1px solid #536881;
  cursor: pointer;
  padding: 0 15px;
  min-width:85px;
  width: auto !important;
  box-sizing: border-box !important;
  border-radius: 3px;
  position: relative;
  background: #536881;
}


.btn-type-03:hover {
 
  border: 1px solid #475a71!important;

  background: #475a71!important;
}

.btn-type-04 {
  display:inline-block !important;
  height: 34px !important;
  line-height: 34px !important;
  min-width: 80px !important;
  text-align: center;
  color: #666;
  border: 1px solid #ced3da;
  cursor: pointer;
  padding: 0 15px;
  width: auto !important;
  box-sizing: border-box !important;
  border-radius: 3px;
  position: relative;
  background: #fff;
}


.btn-type-04:hover {
 

  background: #e6e6e6 !important;
}



.btn-type-tbl {
  display: inline-block !important;
  height:34px !important;
  line-height:34px !important;
  text-align: center;
  color: #fff;
  cursor: pointer;
  padding: 0 10px;
  min-width:60px;
  width: auto !important;
  box-sizing: border-box !important;
  border-radius: 3px;
  position: relative;
  background: #536881;
}


.btn_date {
  display: inline-block;
  text-align: center;
  height: 32px;
  line-height: 32px;
  width: 90px !important;
  color: #222;
  border: 1px solid #ced3da;
  cursor: pointer;
  padding: 0 16px;
  box-sizing: border-box;
  border-radius: 3px;
  position: relative;
  background: #fff;
  text-indent: 10px;
  font-size: 14px;
}

.btn_date:before {
  content: "\e9a4";
  position: absolute;
  top: 7px;
  left: 5px;
  font-family: xeicon !important;
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #222;
  font-size: 16px;
}

.btn_del {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  min-width: 60px !important;
  color: #222;
  border: 1px solid #ced3da;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 3px;
  position: relative;
  padding: 0 15px;
  background: #fff;
  text-indent: 16px;
  font-size: 14px;
}

.btn_del:before {
  content: "\e96e";
  position: absolute;
  top: 8px;
  left: -7px;
  font-family: xeicon !important;
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #222;
  font-size: 16px;
}

.btn_modify {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  min-width: 60px !important;
  padding: 0 15px;
  color: #222;
  border: 1px solid #ced3da;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 3px;
  position: relative;
  background: #fff;
  text-indent: 16px;
  font-size: 14px;
}

.btn_modify:before {
  content: "\e9c4";
  position: absolute;
  top: 8px;
  left: -7px;
  font-family: xeicon !important;
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #222;
  font-size: 16px;
}

.btn_list {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  min-width: 85px !important;
  padding: 0 15px;
  color: #222;
  border: 1px solid #ced3da;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  position: relative;
  background: #fff;
  text-indent: 16px;
  font-size: 14px;
}

.btn_list:before {
  content: "\e95f";
  position: absolute;
  top: 8px;
  left: -3px;
  font-family: xeicon !important;
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #222;
  font-size: 16px;
}

.btn_censel {
  display: block;
  margin: 0 auto;
  height: 32px;
  line-height: 32px;
  width: 60px !important;
  color: #222;
  border: 1px solid #ced3da;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 3px;
  position: relative;
  background: #fff;
  text-indent: 16px;
  font-size: 14px;
}

.btn_censel:before {
  content: "\e922";
  position: absolute;
  top: 8px;
  left: -7px;
  font-family: xeicon !important;
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #222;
  font-size: 16px;
}

.btn_common {
  display: inline-block;
  text-align: center;
  height: 34px;
  line-height: 34px;
  min-width: 90px;
  padding: 0 10px;
  color: #fff;
  border: 1px solid #777;
  background: #777;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 3px;
}


.table-form-01 .btn-type-01, .table-form-01 .btn-type-02, .table-form-01 .btn-type-03 {
  height: 34px;
  line-height: 34px;
}

.table-type-01 .btn_modify, .table-type-01 .btn_del {
  padding: 0 8px;
}

.main_search_box .btn-type-01 {
  background: #536881;
  text-indent: 0;
  color: #fff;
  border: 1px  solid #536881;
  margin-left: 5px;
  text-align: center;
}
.main_search_box .btn-type-01:hover {
  background: #475a71;

  border: 1px  solid #475a71;

}


/*텍스트 */
.txt_arrow {
  color: #32c5d2;
  font-weight: 500;
}

.txt_on {
  color: #36c6d3;
  font-weight: 500;
}

.txt_off {
  color: #f1565f;
  font-weight: 500;
}

.time_list li {
  margin: 0 0 10px;
  box-sizing: border-box;
  padding: 0 5px;
  float: left;
}

.time_list li a {
  display: block;
  height: 34px;
  line-height: 34px;
  text-align: center;
  width: 88px;
  background: #fff;
  color: #222;
  font-weight: 500;
  border-radius: 3px;
}

.time_list li a.on {
  background: #3598dc;
  color: #fff;
  border-color: #3598dc;
}

.time_list li a.end {
  background: #ced3da !important;
  text-decoration: line-through !important;
  color: #666 !important;
  cursor:default;
}

.form_w .tbl_bx .branch_list {
  margin-top: 20px;
}

.form_w .tbl_bx .branch_list li a {
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #222;
  background: #fff;
  color: #222;
  font-weight: 500;
}

.form_w .tbl_bx .branch_list li a.on {
  background: #222;
  color: #fff;
}

.form_w .tbl_bx .resoult_time_bx {
  margin-top: 20px;
  background: #32c5d2;
  padding: 20px 10px;
  font-size: 23px;
  color: #222;
  text-align: center;
}

.form_w .tbl_bx .resoult_time_bx .tit {
  display: inline-block;
  padding-left: 35px;
  background: url(../images/icon/calendar_i_wh.png) no-repeat 0 center;
  font-weight: 500;
}

.time_list_top_txt {
  margin-bottom: 10px;
}

.time_list_top_txt .end_bg {
  width: 15px;
  height: 15px;
  background: #ced3da;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.time_list_top_txt .txt {
  font-size: 12px;
}

.info_bx {
  border: 1px solid #ddd;
  background: #f9f9f9;
  padding: 20px;
}

.info_bx .tit {
  font-weight: 500;
  color: #222;
  margin-bottom: 10px;
}

.resoult_time_txt {
  font-size: 24px;
  color: #0070c0;
  font-weight: 500;
}

.sec_bx {
  margin-top: 30px;
}

.pop-con .tbl_wrap {
  max-height: 400px;
  overflow: auto;
}

.pop-con .tbl_wrap::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #fff;
}

.pop-con .tbl_wrap::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: #fff;
}

.pop-con .tbl_wrap::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #ddd;
}

.checkbox_tr label {
  margin-right: 25px;
  display: inline-block;
}

table label {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 5px;
  line-height: 32px;
  height: 32px;
}

.td_bx .td_tit {
  color: #222;
  position: relative;
  padding: 0 0 0 10px;
  margin-bottom: 15px;
  font-weight: 500;
}

.td_bx .td_tit:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 2px;
  height: 12px;
  margin-top: -6px;
  background: #32c5d2;
}

.table-form-01 table th, .table-form-01 table td {
  border: none;
  padding: 5px 5px;
}

.table-form-01 table th {
  background: none;
  text-indent: 10px;
}

/*프린트 설정 */
body.print_body {
  background: #cccccc;
}

@media print {
  html, body {
    margin: 0;
    box-shadow: none;
  }
  page {
    margin: 0;
    box-shadow: none;
    box-shadow: none;
  }
  .print_content {
    padding: 0px;
  }
  .btn_print {
    display: none;
  }
  .chart_print_con.chart_old, .chart_print_con.chart_new {
    background: none !important;
  }
}

.print_content .sub_tit {
  position: relative;
  margin-bottom: 30px;
}

.print_content .sub_tit .st {
  font-size: 16px;
}

.print_content .sub_tit h2 {
  font-size: 24px;
  display: inline-block;
  color: #222;
  position: relative;
  padding: 0 0 0 10px;
}

.print_content .sub_tit h2:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 2px;
  height: 20px;
  margin-top: -10px;
  background: #32c5d2;
}

/*프린트 사이즈 설정 */
page {
  display: block;
  /*  margin-bottom: 5mm; */
  background: #fff;
}



/*차트 1*/
.chart_print_con.chart_old {
  background: url(../images/sub/chart_old.jpg) no-repeat center center;
  background-size: 19.01cm 26.81cm;
  height: 26.81cm;
}

.chart_print_con.chart_new {
  background: url(../images/sub/chart_new.jpg) no-repeat center center;
  background-size: 19.01cm 26.81cm;
  height: 26.81cm;
  width: 19.01cm;
  /*  border:1px solid red;*/
  margin: 0 auto;
}

.chart_print_con .chart_tbl_01 {
  width: 628px;
  margin: 0 auto;
  /*  border:1px solid #ddd;
      background:rgba(255,255,255,0.5);*/
  opacity: 1;
}

.chart_print_con .chart_tbl_01 th, .chart_print_con .chart_tbl_01 td {
  padding: 6px 5px;
  /*  border:1px solid red;*/
}

.chart_print_con .chart_tbl_01 .text_area_bx {
  padding: 10px 10px 0;
  max-height: 130px;
}

.chart_print_con .route_list li {
  padding: 1px 0;
}

.chart_print_con .route_list li .txt {
  margin-left: 55px;
}

.chart_print_con .submit_number {
  padding-left: 180px;
  font-size: 16px;
  color: #222;
  font-weight: 500;
}

.chart_print_con .sex_area span {
  width: 11px;
  height: 11px;
  border-radius: 11px;
  display: inline-block;
  color: #fff;
  text-indent: -999999999999999px;
}

.chart_print_con .sex_area span.on {
  /*  border:1px solid red;*/
}

.chart_print_con.chart_new .tbl_wrap {
  padding-top: 150px;
}

.chart_print_con.chart_old .tbl_wrap {
  padding-top: 140px;
}



.num_txt {
  display: inline-block;
  text-align: center;
  width: 40px;
  height: 25px;
  line-height: 25px;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.tbl_bot_txt {
  margin-top: 10px;
  color: #888;
}

#footer form {
  margin: 0px;
  margin-top: 2px;
}

#dhtmlgoodies_dragDropContainer ul {
  /* General rules for all <ul> */

  padding: 2px;
  min-height: 100px;

}

#dhtmlgoodies_dragDropContainer li {
  /* Movable items, i.e. <LI> */
  margin-bottom: 2px;
  cursor: pointer;
  font-size: 13px;
  border-radius:2px;
  margin: 5px 0;
}

#dragContent li, li#indicateDestination {
  /* Movable items, i.e. <LI> */
  margin-bottom: 2px;
  cursor: pointer;
  font-size: 0.9em;
}

#dragContent {
  /* Drag container */
  position: absolute;
  width: 150px;
  height: 20px;
  display: none;
  margin: 0px;
  padding: 0px;
  z-index: 2000;
}

#dragDropIndicator {
  /* DIV for the small arrow */
  position: absolute;
  width: 7px;
  height: 10px;
  display: none;
  z-index: 1000;
  margin: 0px;
  padding: 0px;
}

.search_box .col-lg-4-5 {
  width: 30%;
}

.search_box .mt_10.row .col-lg-2 input {
  width: 40% !important;
}

.pop_type_ju {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999999999;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background: rgba(0, 0, 0, 0.7);
}

.pop_type_ju .dis_tbl {
  display: table;
  width: 100%;
  height: 100%;
}

.pop_type_ju .dis_tbl .pop_w {
  width: 550px;
  margin: 0 auto;
  background: #fff;
  padding: 20px;
}

.pop_type_ju .pop_header {
  text-align: left;
}

.pop_type_ju .pop_header h3 {
  font-size: 20px;
  font-weight: 500;
  position: relative;
  padding-left: 10px;
  color: #222;
  display: inline-block;
}

.pop_type_ju .pop_header h3:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 2px;
  height: 20px;
  margin-top: -10px;
  background: #32c5d2;
}

.pop_wide {
  width: 1000px;
}

.select_cover {
  background: url(http://cnp2017.cafe24.com/m/cnp/images/sub/sel_link_1.png) no-repeat right center white;
  height: 34px;
  overflow: hidden;
}

.select_cover select {
  background: transparent;
  font-size: 14px;
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
}

.btn_symbol {
  position: relative;
  border: 1px solid #ccc;
  line-height: 30px;
  height: 30px;
  display: block;
  font-weight: 500;
  padding: 0 15px;
  color: #222;
}

.btn_symbol i {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -10px;
  font-weight: bold;
  color: #222;
  font-size: 20px;
}

.symbol_bx {
  border: 1px solid #ccc;
  border-top: 0;
  line-height: 30px;
  padding: 20px;
  display: none;
}

.symbol_bx ul:after {
  content: '';
  display: block;
  clear: both;
}

.symbol_bx ul li {
  width: 22px;
  height: 22px;
  float: left;
  border: 1px solid #ddd;
}

.symbol_bx ul a {
  display: block;
  text-align: center;
  color: #000;
  width: 22px;
  height: 22px;
  line-height: 22px;
}

.sec_tit {
  position: relative;
}

.sec_tit .btn_del {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -16px;
}

.common_tab_wrap .dis_inblock {
  padding-right: 80px;
}

.common_tab_wrap .byte_t {
  position: absolute;
  top: 10px;
  right: 0;
}

i.xi-close-circle {
  font-size: 20px;
  margin-left: 5px;
}

/*데쉬보드*/
.dashboard_con .main_top_view_bx {
  margin-bottom: 20px;
}
.dashboard_con .main_top_view_bx .dash_title{
margin-bottom:10px;
font-weight:600;
color:#222;
}

.dashboard_con .main_top_view_bx .caption_bx {
  text-align: right;
  margin-top: 10px;
  color: #888;
}

.dashboard_con .main_top_view_bx .item_number_list li .inner_bx {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 25px 10px;
  text-align: center;
}

.dashboard_con .main_top_view_bx .item_number_list li .inner_bx .number_t {
  font-size: 40px;
  font-weight: 300;
}

.dashboard_con .main_top_view_bx .item_number_list li .inner_bx .tit {
  font-weight: 500;
  color: #222;
}

.dashboard_con .main_top_view_bx .item_number_list li.li_01 .inner_bx .number_t {
  color: #32c5d2;
}

.dashboard_con .main_top_view_bx .item_number_list li.li_02 .inner_bx .number_t {
  color: #3598dc;
}

.dashboard_con .main_top_view_bx .item_number_list li.li_03 .inner_bx .number_t {
  color: #f1565f;
}

.dashboard_con .main_top_view_bx .item_number_list li.li_04 .inner_bx .number_t {
  color: #716aca;
}

.dashboard_con .main_top_view_bx .item_number_list li.li_05 .inner_bx .number_t {
  color: #32c5d2;
}

.dashboard_con .main_top_view_bx .item_number_list li.li_06 .inner_bx .number_t {
  color: #1bbc9b;
}

.dashboard_con .main_top_view_bx .item_number_list li.li_07 .inner_bx .number_t {
  color: #aed581;
}

.dashboard_con .main_top_view_bx .item_number_list li.li_08 .inner_bx .number_t {
  color: #f48fb1;
}

.dashboard_con .main_list_bx {
  border: 1px solid #ddd;
  border-radius: 6px;
  padding-top: 15px;
  padding-bottom: 10px;
  position: relative;
  height: 280px;
  overflow: hidden;
  margin-bottom: 20px;
}

.dashboard_con .main_list_bx .list_tit {
  color: #222;
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 15px;
  padding-left: 20px;
}

.dashboard_con .main_list_bx .dashboard_tbl {
  width: 100%;
  table-layout: fixed;
  text-align: center;
}

.dashboard_con .main_list_bx .dashboard_tbl th, .dashboard_con .main_list_bx .dashboard_tbl td {
  padding: 8px 2px;
}

.dashboard_con .main_list_bx .dashboard_tbl thead {
  background: #e8e8e8;
}

.dashboard_con .main_list_bx .dashboard_tbl thead th {
  color: #222;
  font-weight: 500;
  text-align: center;
  font-size: 12px;
}
/* 
.dashboard_con .main_list_bx .dashboard_tbl tbody tr:nth-child(even) {
  background: #f8f8f8;
} */

.dashboard_con .main_list_bx .dashboard_tbl tbody tr {

 border-bottom:1px dotted #ddd;
}

.dashboard_con .main_list_bx .dashboard_tbl tbody tr th {
  color: #222;
  font-weight: 500;
}

.dashboard_con .main_list_bx .dashboard_tbl tbody tr td a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}

.dashboard_con .main_list_bx .dashboard_tbl tbody tr td a:hover {
  text-decoration: underline  !important;
}

.dashboard_con .main_list_bx .dashboard_tbl tbody tr td a .name {
  color: #716aca;
  border-bottom: 1px solid #716aca;
  font-weight: 400;
}

.dashboard_con .main_list_bx .dashboard_tbl tbody tr td a .type {
  margin-left: 5px;
  font-weight: 500;
}

.dashboard_con .main_list_bx .dashboard_tbl tbody tr td a .type.type_01 {
  color: #32c5d2;
}

.dashboard_con .main_list_bx .dashboard_tbl tbody tr td a .type.type_02 {
  color: #3598dc;
}

.dashboard_con .main_list_bx .dashboard_tbl tbody tr td a .type.type_03 {
  color: #1bbc9b;
}

.dashboard_con .main_list_bx .dashboard_tbl tbody tr td a .type.type_04 {
  color: #f1565f;
}

.dashboard_con .main_list_bx .dashboard_tbl tbody tr td:last-child {
  font-size: 12px;
  color: #888;
}

.dashboard_con .main_list_bx .btn_more {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 55px;
  padding: 2px 0;
  border-radius: 20px;
  color: #fff;
  font-weight: 400;
  font-size: 13px;
  text-align: center;
}

.dashboard_con .main_list_bx .btn_more.btn_01 {
  background: #32c5d2;
}

.dashboard_con .main_list_bx .btn_more.btn_02 {
  background: #3598dc;
}

.dashboard_con .main_list_bx .btn_more.btn_03 {
  background: #f1565f;
}

.dashboard_con .main_list_bx .btn_more.btn_04 {
  background: #716aca;
}

.dashboard_con .main_list_bx .btn_more.btn_05 {
  background: #32c5d2;
}

.dashboard_con .main_list_bx .btn_more.btn_06 {
  background: #1bbc9b;
}

.dashboard_con .main_list_bx .btn_more.btn_07 {
  background: #aed581;
}

.dashboard_con .main_list_bx .btn_more.btn_08 {
  background: #f48fb1;
}
.chart_view_bx{
  background:#ddd;
  display:inline-block;
}

.chart_view_bx img{
  width:200px;
}





/*통계부분 */

.stati_tab_list{
  text-align:center;
}
.stati_tab_list li{
  display:inline-block;
  
}
.stati_tab_list li a{
      display: inline-block;
    width: 90px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    font-size: 15px;
    border-radius: 3px;
  background:#b0bec5;
  color:#fff;
  font-weight:400;
  
  
}

.stati_tab_list li a.btn_01.on{
  background: #3598dc;
  
  
}

.stati_tab_list li a.btn_02.on{
  background: #32c5d2;
  
  
}
.stati_tab_list li a.btn_03.on{
  background: #ffb400;
  
  
}
.stati_tab_list li a.btn_04.on{
  background: #e7505a;
  
  
}


.progress_col_bx{
  text-align:center;
}
.progress_col_bx .col_bx{
  display:inline-block;
  width:18px;
  position:relative;
  height:110px;
}

 .progress_tit{
    text-align:center;
    border-top:1px solid #ddd;
    padding:10px 0 0;
}

 .progress_col_bx  .col_bar{
  display:inline-block;
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  
}


 .progress_row_bx  .row_bar{
  display:inline-block;
  position:absolute;
  top:0;
  left:0;
  height:18px;  background: #3598dc;
  
}


 .progress_row_bx  .row_bx{
   height:18px;
  position:relative;
  margin-left:10px;
  
}




.lnb .member_info_wrap {
  padding: 30px 0 30px 20px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
.lnb .member_info_wrap .tit {
  color: #fff;
  font-weight: 700;
  margin-bottom: 5px;
}
.lnb .member_info_wrap .member_list li {
  margin-top: 20px;
  color: #b4bcc8;
}
.lnb .member_info_wrap .member_list li:first-child {
  margin-top: 0;
}




/*프린트 설정 */
body.print_body {
  background: #cccccc;
}

@media print {
  html, body {
    margin: 0;
    box-shadow: none;
  }
  page {
    margin: 0;
    box-shadow: none;
    box-shadow: none;
  }
  .print_content {
    padding: 0px;
  }
  .btn_print {
    display: none;
  }
  .chart_print_con.chart_old, .chart_print_con.chart_new {
    background: none !important;
  }
  
  .paper .btn_bx {
    display: none;
margin-top:0;
font-size:0;	
height:0;}
	
	
  .paper .print_con .reser_list li {
    margin-top: 5px !important; }
     .paper .print_docu_wrap {
    padding-top: 0px; }
    .paper .print_con .top_tit {
    padding-bottom: 10px;
    margin-bottom: 10px; }
      .paper .print_con .top_tit h3 {
      font-size: 20px; }
    .paper .print_con .reser_list li {
    margin-top: 20px; }
    .paper   .print_con .reser_list li .tit {
      font-size: 14px;
      margin-bottom: 3px; }
    .paper .print_con .print_tbl th,   .paper .print_con .print_tbl td {
    padding: 3px 5px;
     font-size:12px;
	}

.print_tbl .btn_pay {
	
	height:20px;
	font-size:12px;
	line-height:20px;
}
.paper .print_con .top_tit{
	
	
	background-size:120px auto;
}
  
  
  
}



.reason_bx{
	max-width:400px;
	margin:0 auto;
	
	position:relative;
	font-size:15px;
	
}


.reason_bx dt{
	float:left;
	color:#222;
	font-weight:800;
	margin-right:15px;
	
}

.reason_bx dd{
	overflow:hidden;
}


.reason_bx dd textarea{
	width:100%;
	box-sizing:border-box;
}
 .print_con {
  position: relative;
  border: 1px solid #aaa;
  border-top: 2px solid #d0111b;
  padding: 30px; }
   .print_con .top_tit {
    background: url(../images/sub/logo_print.png) no-repeat right 10px;
    padding-bottom: 30px;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 30px; }
     .print_con .top_tit h3 {
      font-size: 36px;
      color: #222;
      font-weight: bold; }
     .print_con .top_tit .room_tk_tit {
      font-size: 24px;
      font-weight: 800;
      margin-bottom: 10px;
      color: #222; }
	  
	  
	 .print_con  .doc_tit_bx{
		  
		  text-align:center;
		  margin-bottom:30px;
		    font-size:20px;
			color:#222;
			font-weight:800;
		   
	  }
	  .print_con  .doc_tit_bx{
		    font-size:34px;
			color:#222;
	  }
	  
	  
	   .print_con  .name_bx{
		   margin-bottom:10px;
			color:#222;
	   }
	   
	   
	   
	   .print_con  .name_bx .name_t{
		    font-size:24px;
			font-weight:800;
			margin-bottom:5px;
	   }
	   
	   
	      .print_con  .booking_no{
		  
			color:#222;
			text-align:right;
			margin-bottom:10px;
			font-size:17px;
	   }
	  
	  
	  
	  .print_con .bot_info_bx{
		  margin-top:30px;
		  font-size:18px;
		  color:#222;
		  overflow:hidden;
		  
	  }
	  
	 
	  
	  
	  
	  .print_con .bot_info_bx .stemp_info_bx{
		  
		  float:right;
		  margin-top:30px;
		  padding-right:95px;
		  padding-bottom:20px;
		  position:relative;
		  line-height:1.8;
		  
		  
	  }
	  
	   .print_con .bot_info_bx .stemp_info_bx .stemp_t{
		  
			    font-size:20px;
			font-weight:800;
			margin-top:10px;
		  
	  }
	  
	  
	  	   .print_con .bot_info_bx .stemp_info_bx img{
		  
		     position:absolute;
			 bottom:0;
			 right:0;
	  }
	  
	  
	  
	     .print_con .top_tit .tit {
      font-size: 1.2em;
      font-weight: bold;
	  margin-bottom:5px;
      color: #222; }
	  
	  .paper .bollet > * {
  position: relative;
  padding-left: 10px;
  line-height: 1.7; }
	    .paper .bollet > *:before {
    content: '·';
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
    color: #666; }
	  .paper .bollet > span {
  display: inline-block;
  margin-left: 30px; }
  .paper .bollet > span:first-child {
    margin-left: 0; }
       .print_con .top_tit .room_tk_tit .red {
        font-weight: 400; }
   .print_con .red {
    color: #d0111b; }
   .print_con .bw {
    color: #896344; }
   .print_con .bold_5 {
    font-weight: 500; }
   .print_con .bold {
    font-weight: 800; }
   .print_con .txt_s {
    font-size: 0.8em; }
   .print_con .reser_list li {
    margin-top: 30px; }
     .print_con .reser_list li .tit {
      font-size: 18px;
      font-weight: 500;
      color: #896344;
      margin-bottom: 10px; }
     .print_con .reser_list li:first-child {
      margin-top: 0; }
   .print_con .print_tbl {
    width: 100%;
    border: 1px solid #ccc; }
     .print_con .print_tbl th {
      background: #e6e6e6;
      color: #222;
      font-weight: 500; }
     .print_con .print_tbl th,  .print_con .print_tbl td {
      padding: 12px 15px;
      border: 1px solid #ccc; }




section.border_top{
  border-top:1px dotted #ccc;
  padding-top: 20px;
}

#addfile_list li   ,#option_list li{
  margin: 5px 0;
}


.tbl_add_bx{
  position: relative;
}



.tbl_add_bx > a{
  position: absolute;
  top:-40px;
  right:0;
}


.table-type-01 .txttd {
   height: 32px;
   line-height: 34px;

}


.card_area  ,.account_area{

  padding-top:10px;
  margin-top: 10px;
  max-width:500px;
  background: #f4f4f4;
  padding: 15px 10px;
}


.sms_view_bx{
  border:1px solid #ddd;
  padding: 20px;
  min-height: 240px;
  overflow-y:auto;
  background: #f7f7f7;
}


.sms_txt_list li{
  margin: 5px 0;
  border:1px solid #ddd;
  padding: 5px 10px;
  position: relative;
}

.sms_txt_list li .sms_txt_bx{
 margin-right: 100px;
}


.sms_txt_list li a{
  position: absolute;
  top:50%;
  right:10px;
  margin-top: -16px;

}

.save_time{
  border:1px solid #ddd;
  padding: 5px ;
}




/*갤러리*/




.garray_list .btn-type-01{
	 position:absolute;
	 top:224px;
	 left:0;
}


.multiple_sel_bx{
	position:relative;
	 
}

.multiple_sel_bx .btn_save{
	position:absolute;
	top:0;
	right:0;
}

.multiple_sel_bx .index_list{
	position:absolute;
	top:40px;
	left:5px;
}

.multiple_sel_bx .index_list li{
	
	 height:27px;
	 line-height:27px;
	 color:#cc8006;
	 font-weight:500;
}
.multiple_sel_bx .sel_up{
	display:inline-block;
	width:30px;
	height:30px;
	line-height:30px;
	border-radius:3px;
	background:#666;
	color:#fff;
	text-align:center;
	margin-right:5px;
	
}
.multiple_sel_bx .txt_bx{
	display:inline-block;
	font-weight:500;
	color:#222;
	margin-left:10px;
	font-size:16px;
}
.multiple_sel_bx .sel_down{
	display:inline-block;
	width:30px;
	height:30px;
	line-height:30px;
	border-radius:3px;
	background:#666;
	color:#fff;
	text-align:center;
	
}
.multiple_sel_bx select{
	width:100%;
	height:213px;
	margin-top:10px;
	
   background-image:none;
}

.multiple_sel_bx select option{
	border:none;
	 height:26px;
	 line-height:26px;
	 font-size:14px;
}

.tbl_tit {
	position:relative;
	color:#222;
	font-weight:500;
	font-size:16px;
	margin-bottom:10px;
	padding-left:10px;
}


.room_sort_list li{
	
	
	display:inline-block;
	padding:0 10px;
	
	position:relative;
}


.room_sort_list li a{
	
	
	display:inline-block;
	color:#222;
}

.room_sort_list li a.on{
	
	
	color:red;
}

.room_sort_list li:first-child:before{
	
	
	display:none;
}


.room_sort_list li:before{
	content:'';
	position:absolute;
	top:50%;
	left:-1px;
     border-left:1px solid #ccc;
	 height:12px;
	 margin-top:-6px;
}



.table-type-01 table th, .table-type-01 table td {
    padding:5px 5px;
}


.date_bx{
	 position:relative;
	 width:30px;
	 height:30px;
	 margin:0 auto;
	text-align:center;
}
 .date_bx input[type=checkbox]{
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
  position: absolute;
  top:3px;
  left:0;

  width: 28px !important;
  height: 28px !important;
  margin: 0px !important;
  overflow: hidden !important;
  clip:auto;
  border: 0;
 
	
 }
 .date_bx input[type=checkbox] + label{
	width:28px;
	height:28px;
    display:inline-block;
	
	
	top:0;
	left:0;
	z-index:1;
	
 }
 .date_bx input[type=checkbox]:checked+label{
	
    display:block;
	background:#32c5d2;
	color:#fff;

 }
 
/* 
 
  .date_bx input[type=checkbox].peak:checked+label{
	
    display:block;
	background:#eb6a75;
	color:#fff;

 }
 
  .date_bx input[type=checkbox].weekend:checked+label{
	
    display:block;
	background:#e5e5e5;
	color:#fff;

 }
 
  
  .date_bx input[type=checkbox].weekday:checked+label{
	
    display:block;
	background:#84d0ff;
	color:#fff;

 } */
 
 
 
 
 /*댓글*/

.txt_post_wrap * {box-sizing:border-box}

.txt_post_wrap { margin-top: 40px; text-align: left; }

.txt_post_wrap .write_box .write_area { position: relative; padding: 20px; padding-right: 125px; background: #eee; }

.txt_post_wrap .write_box .write_area div { height: 70px; }

.txt_post_wrap .write_box .write_area textarea { width: 100%; height: 70px; min-height: 70px; padding: 10px; }

.txt_post_wrap .write_box .write_area .btn_submit { position: absolute; top: 20px; right: 20px; display: inline-block; height: 70px; line-height: 70px; text-align: center; width: 100px; background: #536881; font-size: 16px; color: #fff; }

.txt_post_wrap .write_box .write_area .btn_share { position: absolute; width: 55px; top: 20px; right: 20px; display: inline-block; height: 70px; line-height: 70px; text-align: center; background-color: #fff; border: 3px solid #777; box-sizing: border-box; background-repeat: no-repeat; background-position: center; color: #777; }

.txt_post_wrap .write_box .write_area .btn_share i { font-size: 2em; }

.txt_post_wrap .write_box .write_area .btn_share:hover, .txt_post_wrap .write_box .write_area .btn_share.on { background: #777; color: #fff; }

/* @media only screen and (max-width: 640px) { .txt_post_wrap .write_box .write_area { padding: 10px; padding-right: 105px; }
  .txt_post_wrap .write_box .write_area div { height: 50px; }
  .txt_post_wrap .write_box .write_area textarea { height: 50px; min-height: 50px; padding: 5px; }
  .txt_post_wrap .write_box .write_area .btn_submit { top: 10px; right: 50px; height: 50px; line-height: 50px; width: 50px; font-size: 15px; }
  .txt_post_wrap .write_box .write_area .btn_share { position: absolute; width: 35px; top: 10px; right: 10px; height: 50px; line-height: 50px; border: 2px solid #777; }
  .txt_post_wrap .write_box .write_area .btn_share i { font-size: 1em; } } */

.txt_post_wrap .btn_answer { display: inline-block; height: 28px; line-height: 28px; border: 1px solid #b94148; color: #b94148; width: 50px; font-size: 13px; text-align: center; }

.txt_post_wrap .btn_del {position:relative !important; top:auto !important; left:auto; display: inline-block; height: 28px; line-height: 28px; border: 1px solid #333; color: #333;     width: 74px; font-size: 13px; text-align: center; }

/* @media only screen and (max-width: 640px) { .txt_post_wrap .btn_answer, .txt_post_wrap .btn_del { width: 40px; font-size: 11px; height: 20px; line-height: 20px; } } */

.txt_post_wrap .list_box { margin-top: 30px; border-bottom: 1px solid #ccc; }

.txt_post_wrap .list_box .txt_num { height: 26px; line-height: 26px; }

.txt_post_wrap .list_box .txt_num i { margin-right: 5px; float: left; color: #536881; }

.txt_post_wrap .list_box .txt_num span {color: #b94148; }

.txt_post_wrap .post_list li { position: relative; border-top: 1px solid #ccc; }

.txt_post_wrap .post_list li.post_li .inner { padding: 15px 15px; }

.txt_post_wrap .post_list li.post_li .inner > .clearfix, .txt_post_wrap .post_list li.post_li .tab-wrap .inner > .tab.tabwrap_board, .tab-wrap .txt_post_wrap .post_list li.post_li .inner > .tab.tabwrap_board, .txt_post_wrap .post_list li.post_li .tabwrap .inner > .tab.tabwrap_board, .tabwrap .txt_post_wrap .post_list li.post_li .inner > .tab.tabwrap_board, .txt_post_wrap .post_list li.post_li .inner > .row_0, .txt_post_wrap .post_list li.post_li .inner > .row_5, .txt_post_wrap .post_list li.post_li .inner > .row_10, .txt_post_wrap .post_list li.post_li .main-visual .inner > .slide-content, .main-visual .txt_post_wrap .post_list li.post_li .inner > .slide-content, .txt_post_wrap .post_list li.post_li .inner > .sub-contents, .txt_post_wrap .post_list li.post_li .inner > .pf_view_content, .txt_post_wrap .post_list li.post_li .topmenu .inner > .snswrap, .topmenu .txt_post_wrap .post_list li.post_li .inner > .snswrap { margin-bottom: 5px; }

/* @media only screen and (max-width: 640px) { .txt_post_wrap .post_list li.post_li .inner { padding: 15px 0; } } */

/* .txt_post_wrap .post_list li .answer_box { background: #fafafa; display: none; } */

.txt_post_wrap .post_list li .answer_box .inner { position: relative; padding: 15px 15px 15px 30px; }

.txt_post_wrap .post_list li .answer_box .inner i { color: #b94148; position: absolute; top: 18px; left: 10px; }

.txt_post_wrap .post_list li .answer_box .inner .area-type-form { height: 60px; min-height: 60px; width: 100%; padding: 10px; }

.txt_post_wrap .post_list li .answer_box .inner .des_txt.write_txt { position: relative; padding-right: 160px; }

.txt_post_wrap .post_list li .answer_box .inner .btn_write { position: absolute; top: 0; right: 80px; display: inline-block; height: 60px; line-height: 60px; text-align: center; width: 72px; background:#b94148; color: #fff; }

.txt_post_wrap .post_list li .answer_box .inner .btn_censel { position: absolute; top: 0; right: 0; display: inline-block; height: 60px; line-height: 60px; text-align: center; width: 72px; background: #999; color: #fff; }

/* @media only screen and (max-width: 640px) { .txt_post_wrap .post_list li .answer_box .inner .area-type-form { height: 50px; min-height: 50px; padding: 5px; line-height: 1.3; }
  .txt_post_wrap .post_list li .answer_box .inner .des_txt.write_txt { padding-right: 100px; }
  .txt_post_wrap .post_list li .answer_box .inner .btn_write { right: 50px; }
  .txt_post_wrap .post_list li .answer_box .inner .btn_censel, .txt_post_wrap .post_list li .answer_box .inner .btn_write { height: 50px; line-height: 50px; width: 46px; } } */

.txt_post_wrap .post_list li .name_01 { font-weight: 500; color: #333; }

.txt_post_wrap .post_list li .date_01 { font-size: 13px; font-weight: 700; color: #999; }



.xi-close-square{
	cursor:pointer;
	font-size:22px;
}


/*sms 발송 */
.template_area{
	position:relative;
}
.template_area .left_txt_bx{
	width:600px;
	float:left;
}


.template_area .right_byte_bx{
	position:absolute;
	bottom:0;
	left:630px;
}

.template_area .left_txt_bx .info_txt_bx{
 background:#eee;
 padding:10px;
 text-align:center;
 margin-bottom:5px;
 color:#222;
}
.byte_tab{
	margin-top:20px;
}

.byte_tab li {
  float: left;
  width: 100px;
}

.byte_tab  li a {
  display: block;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #ddd;
  border-right: 1px solid #fff;
}

.byte_tab  li a.on {
  background: #32c5d2;
  color: #fff;
}

.pop_common_con .template_info_bx{
	 background:#eee;
 padding:10px;
 text-align:center;
 margin-top:10px;
 color:#222;
}

/* 2018-11-14 banghg*/
/*pay_status 결제상태*/
.reservation_list_table .table-type-01 td{font-size:13px}
.table-type-01 i.state{
  color:#333;
  font-size:12px;
  display: inline-block;
  padding:5px;
}
i.state[data-state='미결제'] { /*//1*/  background-color:#cbe7ae;} 
i.state[data-state='결제완료'] { /*//2*/  background-color:#ceeef4} 
i.state[data-state='환불완료'] { /*//3*/  background-color:#cdcdcd} 

i.state[data-state='장바구니'] { /*//1*/  border:1px solid #ddd;} 
i.state[data-state='접수'] { /*//2*/  background-color:#d1eab8;} 
i.state[data-state='확인중'] { /*//3*/  background-color:#f5d4d5} 
i.state[data-state='확정'] { /*//4*/  background-color:#e6d6f6} 
i.state[data-state='결제완료'] { /*//5*/  background-color:#1bbc9b;} 
i.state[data-state='만실'] { /*//6*/  background-color:#cdcdcd} 
i.state[data-state='취소(접수취소)'] { /*//7*/  background-color:#bfdef3} 
i.state[data-state='취소(확정취소)'] { /*//8*/  background-color:#aaa} 
i.state[data-state='환불접수'] { /*//9*/  background-color:#f1ce56;} 
i.state[data-state='환불완료'] {/*//10*/  background-color:#f19556;}
.table-type-01 .documents a{display:inline-block;float:left; padding:0 3px;font-size:16px;}
.table-type-01 .reserve_info_td{line-height:1.3; text-align:left}
.table-type-01 .reserve_info_td .reserve_info_txt p{margin-top:5px;position:relative;padding-left:65px;}
.table-type-01 .reserve_info_td .reserve_info_txt p:first-child{margin-top:0;}
.table-type-01 .reserve_info_td .reserve_info_txt p span{display: inline-block;color: #999;position: absolute;left: 0;top: 0;}




.tab-wrap, .tabwrap { position: relative; }

.tab-wrap .tab, .tabwrap .tab { padding: 0; list-style: none; }

.tab-wrap .tab li, .tabwrap .tab li { float: left; }

.tab-wrap .tab a, .tabwrap .tab a { display: inline-block; text-align: center; position: relative; width: 100%; }

.tab-wrap .tab a.active, .tab-wrap .tab a.on, .tab-wrap .tab a:hover, .tabwrap .tab a.active, .tabwrap .tab a.on, .tabwrap .tab a:hover { z-index: 1; }

.tab-wrap .tab-content, .tabwrap .tab-content { display: none; }

.tab.border { margin: 30px auto 30px; border-left:1px solid #ddd;}

.tab.border:before, .tab.border:after { display: table; content: ''; }

.tab.border:after { clear: both; }

.tab.border li {
  float: left;
  display: table;
  height: 40px;
  line-height: 40px;
}

.tab.border a {
  border: 1px solid #ddd;
  border-left: 0;
  line-height: 1.2;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  padding:0 20px;
  letter-spacing: -0.5px;
  color: #888;
  background-color:#f9f9f9;
}

.tab.border a:not(.on):hover {
  color: #e73c53;
}

.tab.border a.on, .tab.border a.active {
  color: #222;
  background-color:#fff;
  border-bottom: 0;
}


.state_btn .btn{
  line-height:1;
  border-radius:4px;
  padding:5px 5px;
  font-size:12px;
  color:#fff;
  display:inline-block;
  word-break:keep-all;
  background-color:#888;
}
.state_btn .btn:nth-child(1){
  background-color:#d9d9d9;
  color:#000;
}
.state_btn .btn:nth-child(2){
  background-color:#00b0f0;
  color:#fff;
}
.state_btn .btn:nth-child(3){
  background-color:#7030a0;
  color:#fff;
}


.training_view *{box-sizing:border-box;}
.training_view .section{margin-top:30px;}

.training_view .section.tab-wrap{
  margin-top:0;
  padding-top:60px;
}

.training_view .section:nth-child(1){margin-top:0;}
.training_view .section h5.tit{
  margin-bottom:10px;
  color:#222;font-size:18px;
  font-weight:700;
}
.training_view .txt_post_wrap{
margin-top:20px;
font-size:13px;
}
.training_view .txt_post_wrap .write_box .write_area{
  padding:0;
}
.training_view .txt_post_wrap .write_box .write_area div,
.training_view .txt_post_wrap .write_box .write_area textarea,
.training_view .txt_post_wrap .write_box .write_area .btn_submit{
  height:50px;
  min-height:50px;
}
.training_view .txt_post_wrap .write_box .write_area textarea{padding-right:100px;}
.training_view .txt_post_wrap .write_box .write_area .btn_submit{
  line-height:50px;top:0;right:0;
}

.training_view .info_wrap .item{margin-top:10px;}
.training_view .info_wrap .item:nth-child(4n+1){
  clear:left;
}

.training_view .info_wrap dl{
  min-height:80px;
  text-align:center;
  border:1px solid #ddd;
  padding:20px 10px;
  line-height: 1.3;
}
.training_view .info_wrap dt{
  padding:5px 10px;
  border-radius: 20px;
  background-color:#536881;
  color:#fff;
  display: inline-block;  
}
.training_view .info_wrap dd{
  display:block;
  margin-top:10px;
}

.ask_table_tit{font-size:18px;margin-bottom:10px;}
.ask_table_tit span{color:#222;}
.ask_table { border-top: 1px solid #e73c53; }

.ask_table dl { border-top: 1px solid #ddd; display: table; table-layout: fixed; width: 50%; float: left; text-align: left; }

.ask_table dl:nth-child(2n+1) { clear: left; }

.ask_table dl:last-child { border-bottom: 1px solid #ddd; width: 100%; }

.ask_table dl:last-child dt, .ask_table dl:last-child dd { display: block; width: 100%; }

.ask_table dt, .ask_table dd { display: table-cell; vertical-align: top; padding: 15px 10px; }

.ask_table dd { color: #888; }

.ask_table dt { width: 220px; color: #444; font-weight:700}




.exercise_view .prd_info, .exercise_list .prd_info { margin-left: -5px; margin-right: -5px; }

.exercise_view .prd_info:before, .exercise_view .prd_info:after, .exercise_list .prd_info:before, .exercise_list .prd_info:after { display: table; content: ''; }

.exercise_view .prd_info:after, .exercise_list .prd_info:after { clear: both; }

.exercise_view .prd_info .img_bx, .exercise_view .prd_info .txt_bx, .exercise_list .prd_info .img_bx, .exercise_list .prd_info .txt_bx { float: left; padding: 0 5px; }

.exercise_view .prd_info .txt_bx, .exercise_list .prd_info .txt_bx { text-align: left; }

.exercise_view .prd_info .txt_bx .state, .exercise_list .prd_info .txt_bx .state { display: inline-block; line-height: 28px; padding: 0 15px; border-radius: 28px; color: #fff; background-color: #999; font-size: 13px; }

.exercise_view .prd_info .txt_bx .state._on, .exercise_list .prd_info .txt_bx .state._on { background-color: #e73c53; }

.exercise_view { word-break: keep-all; }

.exercise_view .list > .item { padding: 50px 0; border-bottom: 1px solid #ddd; }

.exercise_view .list > .item:first-child { padding-top: 0; }

.exercise_view .list .wrap:before, .exercise_view .list .wrap:after { display: table; content: ''; }

.exercise_view .list .wrap:after { clear: both; }

.exercise_view .reply_wrap { float: right; width: 60%; }

.exercise_view .prd_info .img_bx { width: 40%; }

.exercise_view .prd_info .txt_bx { line-height: 1.4; width: 60%; }

.exercise_view .prd_info .txt_bx .exercise_chk { font-size: 12px; }

.exercise_view .prd_info .txt_bx .exercise_chk span { vertical-align: middle; }

.exercise_view .prd_info .txt_bx .exercise_chk .state { /*cursor: pointer;*/ text-align: center; min-width: 80px; margin-right: 10px; }

.exercise_view .prd_info .txt_bx .tit { color: #222; font-weight: 500; letter-spacing: -0.5px; font-size: 1.17647em; margin: 30px auto; }

.exercise_view .prd_info .txt_bx .txt { font-weight: 300; margin-bottom: 20px; }



.exercise_view .reply_wrap { float: right; width: 60%; }
.reply_wrap { word-break: break-all; text-align: left; font-size: 15px; }

.reply_wrap .reply_bx { margin-top: 10px; background-color: #f6f6f6; padding: 0 30px; }

.reply_wrap .item { position: relative; padding: 30px 0; border-top: 1px dashed #cdcdcd; }

.reply_wrap .item.dep1 { padding-left: 35px; background-image: url(../../images/icon/reply.png); background-repeat: no-repeat; background-position: left 30px; }

.reply_wrap .item.dep2 { padding-left: 70px; background-image: url(../../images/icon/reply.png); background-repeat: no-repeat; background-position: 35px 30px; }

.reply_wrap .item:first-child { border-top: 0; }

.reply_wrap .item .reply_btn { position: absolute; top: 30px; right: 0; border-radius: 28px; line-height: 28px; color: #666; border: 1px solid #ddd; padding: 0 15px; font-size: 14px; }

.reply_wrap .item_reply { display: none; margin-top: 20px; padding-left: 35px; background-image: url(../../images/icon/reply.png); background-repeat: no-repeat; background-position: left center; }

.reply_wrap .item .user .name { color: #333; font-weight: 500; margin-right: 10px; }

.reply_wrap .item .user .date { font-size: 12px; }

.reply_wrap .item .txt { margin-top: 5px; }

.reply_wrap .delete { margin-left: 10px; color: #666; font-size: 0; border: 1px solid #ddd; border-radius: 2px; text-align: center; width: 17px; height: 17px; }

.reply_wrap .delete:hover { background-color: #ddd; color: #333; }

.reply_wrap .delete i { font-size: 9px; vertical-align: middle; }
.reply_wrap .btn_bx{text-align: right}
.reply_wrap .btn_bx a{
  position: relative;
  display: inline-block;
  border-radius: 30px;
  line-height: 30px;
  padding: 0 20px;
  font-size: 14px;
  border: 1px solid #ddd;
  background-color: #fff;
}
/* .pop-con .mfp-close{font-size:30px;} */
.pop-con.pop-reply{padding:20px;}
.pop-con.pop-reply iframe{width:100%;}

.grade_btn button,
.grade_btn a,
.grade_btn span{  
  line-height:1;
  border-radius:4px;
  padding:5px 5px;
  /*font-size:12px;*/
  color:#fff;
  display:inline-block;
  word-break:keep-all;
  background-color:#fff;
  border:1px solid #fff;
}
.grade_btn .popup_link{background-color:#888;color:#fff;}

.grade_btn .grade_1 {color:#fff;border-color:#0070c0;background-color: #0070c0}
.grade_btn .grade_2 {color:#0070c0; border-color:#0070c0;}
.grade_btn .grade_3 {color:#00b050;border-color: #00b050}
.grade_btn .grade_4 {color:#ff0000;border-color:#ff0000;}
.grade_btn .grade_5 {color:#fff;background-color: #ff0000;border-color:#ff0000;}



.reply_write { position: relative; padding-right: 70px; }

.reply_write.file_box input { height: 55px; line-height: 55px; }

.reply_write .input, .reply_write .btn { line-height: 55px; height: 55px; border-radius: 4px; }

.reply_write .input { border: 1px solid #ddd; padding: 0 15px; width: 100%; }

.reply_write .btn { text-align: center; position: absolute; right: 0; top: 0; width: 66px; background-color: #e73c53; color: #fff; }