input {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}

.admin_header {
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 70px;
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 4;
  border-bottom: 1px solid #ddd;
}
.admin_header h1 {
  width: 120px;
}
.admin_header h1 img {
  width: 100%;
}
.admin_header .member_wrap {
  display: flex;
  gap: 10px;
  align-items: center;
}
.admin_header .member_wrap p {
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.admin_main {
  display: flex;
  gap: 124px;
  margin-top: 10px;
}
.admin_main nav {
  z-index: 2;
  background: #4A71D5;
  height: 100vh;
  width: 95px;
  padding-top: 68px;
  position: fixed;
  left: 0;
  top: 0;
}
.admin_main nav ul {
  display: flex;
  flex-direction: column;
}
.admin_main nav ul li {
  flex-direction: column;
  gap: 10px;
  position: relative;
  cursor: pointer;
  color: #fff;
  font-size: 17px;
  font-weight: 300;
  opacity: 0.9;
  display: flex;
  align-items: center;
  padding: 20px 0;
}
.admin_main nav ul li:hover {
  opacity: 1;
  font-weight: 500;
  background-color: #3151a3;
  position: relative;
}
.admin_main nav ul li:hover > .sub {
  display: flex;
}
.admin_main nav ul li img {
  /* margin-right: 30px; */
}
.admin_main nav ul .sub {
  width: 150px;
  display: none;
  background-color: #f9f9f9;
  z-index: 5;
  position: absolute;
  right: -150px;
  top: 0;
  box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1);
  border-radius: 0;
  padding: 0;
}
.admin_main nav ul .sub li {
  padding: 20px 30px;
  color: #000;
  border-radius: 0;
  position: relative;
}
.admin_main nav ul .sub li:after {
  content: "";
  position: absolute;
  background-image: url(/assets/img/admin/ico_arrow.png);
  width: 25px;
  height: 25px;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
}
.admin_main nav ul .sub li:hover {
  background-color: #ddd;
}
.admin_main .cont_wrap {
  flex: 1;
  padding: 100px 100px 100px 150px;
}
.admin_main .cont_wrap .cont_box {
  padding: 20px 0 0 0px;
  position: relative;
}
.admin_main .cont_wrap .cont_box h2 {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 35px;
}
.admin_main .cont_wrap .cont_box .tit_wrap {
  width: 100%;
  background-color: #fff;
}
.admin_main .cont_wrap .cont_box .tit_wrap span.warning {
  color: red;
  padding-top: 10px;
  font-size: 12px;
  display: block;
}
.admin_main .cont_wrap .cont_box .tab_list {
  display: flex;
  align-items: baseline;
}
.admin_main .cont_wrap .cont_box .tab_list ul {
  display: flex;
  gap: 45px;
  font-size: 18px;
  color: #999;
  position: relative;
}
/* .admin_main .cont_wrap .cont_box .tab_list ul::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 3px;
  background-color: #eee;
  z-index: -1;
} */
.admin_main .cont_wrap .cont_box .tab_list ul li {
  position: relative;
}
.admin_main .cont_wrap .cont_box .tab_list ul li:hover {
  color: #000;
  font-weight: 600;
  height: 30px;
  margin-bottom: 0px;
}
.admin_main .cont_wrap .cont_box .tab_list ul li:hover::after {
  content: "";
  width: 100%;
  height: 3px;
  background-color: #00DFAB;
  position: absolute;
  left: 0;
  bottom: -7px;
}
.admin_main .cont_wrap .cont_box .tab_list ul li.on {
  color: #000;
  font-weight: 600;
  height: 30px;
  margin-bottom: 0px;
}
.admin_main .cont_wrap .cont_box .tab_list ul li.on::after {
  content: "";
  width: 100%;
  height: 3px;
  background-color: #00DFAB;
  position: absolute;
  left: 0;
  bottom: -7px;
}
.admin_main .cont_wrap .cont_box .link_wrap {
  display: flex;
  gap: 10px;
  margin-left: auto;
  color: #f5f5f5;
  margin-bottom: 10px;
  position: absolute;
  right: 0;
}
.admin_main .cont_wrap .cont_box .link_wrap a {
  background-color: #16a6ff;
  border-radius: 5px;
  padding: 10px 15px;
  font-size: 14px;
  position: relative;
  font-weight: 500;
}
.admin_main .cont_wrap .cont_box .link_wrap a:last-child {
  background-color: #4A71D5;
}
.admin_main .cont_wrap .contents {
  /* padding-top: 30px; */
  overflow-y: scroll;
}
.admin_main .cont_wrap .contents .data_wrap {
  position: relative;
}
.admin_main .cont_wrap .contents .data_wrap > p {
  font-size: 14px;
}
.admin_main .cont_wrap .contents .stock_wrap {
  display: flex;
  gap: 40px;
  margin-top: 30px;
  padding-left: 10px;
}
.admin_main .cont_wrap .contents .stock_wrap .stock_box {
  padding: 15px;
  background: #fff;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 600;
  color: #444;
  display: flex;
  align-items: baseline;
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
}
.admin_main .cont_wrap .contents .stock_wrap .stock_box .stcok {
  font-size: 1.2em;
  color: #16a6ff;
  margin: 0 5px 0 15px;
}
.admin_main .cont_wrap .contents .stock_wrap .stock_box:nth-child(3) span, .admin_main .cont_wrap .contents .stock_wrap .stock_box:nth-child(4) span {
  color: #00DFAB !important;
}
.admin_main .cont_wrap .contents hr {
  margin: 30px 0;
  opacity: 0.3;
  width: 100%;
}
.admin_main .cont_wrap .contents .option_wrap {
display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  border-radius: 10px;
  margin-left: 10px;
  max-width: 1000px;
}

    .admin_main .cont_wrap .contents .option_wrap > div {
  position: relative;
}
.admin_main .cont_wrap .contents .option_wrap .grade:nth-of-type(4) {
    grid-column: auto / span 2;
}
.admin_main .cont_wrap .contents .option_wrap > div::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 3px;
  background-color: #000;
  border-radius: 3px;
  left: -10px;
  top: 17px;
  /* top: 50%;
  transform: translateY(-50%); */
}
.admin_main .cont_wrap .contents .option_wrap label {
  font-weight: 600;
  margin-right: 10px;
}
.admin_main .cont_wrap .contents .option_wrap select, .hasDatepicker
 {
  width: 190px;
  height: 36px;
  border: 1px solid #ccc;
  border-radius: 5px;
  position: relative;
  background-image: url(/assets/img/admin/ico_arrow_btm.png);
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
  padding: 10px;
  font-weight: 600;
}
.admin_main .cont_wrap .contents .option_wrap select::after {
  content: "";
  transform: rotate(90deg);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.admin_main .cont_wrap .contents .option_wrap .date span {
  margin: 0 10px;
}
.admin_main .cont_wrap .contents .option_wrap .date input {
  width: 180px;
  height: 35px;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
}
.admin_main .cont_wrap .contents .option_wrap .search {
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
}
.admin_main .cont_wrap .contents .option_wrap .search select {
  width: 120px;
}
.admin_main .cont_wrap .contents .option_wrap .search input {
  width: 100%;
  height: 35px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: url(/assets/img/admin/ico_search.png);
  background-repeat: no-repeat;
  background-position-x: 99%;
  background-position-y: center;
  padding: 10px;
}
.admin_main .cont_wrap .contents .option_wrap .search button {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0%;
bottom: 8px;
}
.admin_main .cont_wrap .contents .warning_wrap {
  margin-top: 30px;
  color: rgb(255, 118, 118);
  font-size: 13px;
  font-weight: 400;
}
.admin_main .cont_wrap .contents .warning_wrap p {
  margin-bottom: 10px;
}
.admin_main .cont_wrap .contents .toggle {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.admin_main .cont_wrap .contents .toggle p {
  font-weight: 600;
}
.admin_main .cont_wrap .contents .toggle img {
  transform: rotate(180deg);
  height: 50px;
}
.admin_main .cont_wrap .contents .table_wrap {
  position: relative;
  width: 100%;
  margin-top: 50px;
}
.admin_main .cont_wrap .contents .tbl-header {
  background: #eee;
  border-radius: 10px 10px 0 0;
  position: sticky;
  top: 0;
  z-index: 2;
}
.admin_main .cont_wrap .contents .tbl-content {
  min-height: 200px;
  overflow-y: auto;
  overflow-x: auto;
  margin-top: 0;
  border: 1px solid rgba(0, 0, 0, 0.06);
  padding-bottom: 0;
}
.admin_main .cont_wrap .contents .tbl-content.not {
  display: none;
  text-align: center;
  font-weight: 700;
  font-size: 28px;
  margin: 50px 0;
}
.admin_main .cont_wrap .contents table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
.admin_main .cont_wrap .contents th.num {
    width: 3%;
}
.admin_main .cont_wrap .contents th.status {
    width: 5%;
}
.admin_main .cont_wrap .contents th {
    background-color: #eee;
  padding: 20px 15px;
  text-align: center;
  line-height: 1.2;
  font-weight: 500;
  font-size: 15px;
  text-transform: uppercase;
}
.admin_main .cont_wrap .contents td {
  padding: 15px 0;
  text-align: left;
  vertical-align: middle;
  font-weight: 300;
  font-size: 15px;
  border-bottom: solid 1px rgba(255, 255, 255, 0.1);
  text-align: center;
  word-break: break-all;
}
.admin_main .cont_wrap .contents td button {
  padding: 8px;
  background: #4A71D5;
  color: #fff;
  border-radius: 5px;
  font-size: 11px;
  font-weight: 600;
}
.admin_main .cont_wrap .contents td a {
  position: relative;
}
.admin_main .cont_wrap .contents td a:after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #444;
  position: absolute;
  bottom: -1px;
  left: 1px;
}
.admin_main .cont_wrap .contents input[type=checkbox] {
  width: 15px;
  height: 15px;
  -webkit-appearance: auto !important;
     -moz-appearance: auto !important;
          appearance: auto !important;
}

.survey_wrap {
  display: none;
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
}
.survey_wrap .container {
  width: 500px;
  min-height: 500px;
  height: calc(100vh - 250px);
  overflow-y: scroll;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 20px;
  position: relative;
}
.survey_wrap .container button {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 30px;
  top: 30px;
}
.survey_wrap .container .cont_wrap {
  padding: 15px 0px;
}
.survey_wrap .container .cont_wrap h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}
.survey_wrap .container .cont_wrap hr {
  opacity: 0.3;
  margin-bottom: 30px;
}
.survey_wrap .container .cont_wrap .cont table {
  border: 1px solid #aaa;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.survey_wrap .container .cont_wrap .cont th,
.survey_wrap .container .cont_wrap .cont td {
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.5;
  vertical-align: middle;
  word-break: keep-all;
}
.survey_wrap .container .cont_wrap .cont .kv th {
  width: 220px;
  background: #f3f4f6;
  text-align: left;
  font-weight: 600;
}
.survey_wrap .container .cont_wrap .cont .qa td.q {
  background: #f3f4f6;
  text-align: left;
  font-weight: 600;
  width: 70%;
}
.survey_wrap .container .cont_wrap .cont .qa td.a {
  text-align: center;
  width: 30%;
}

.cont_wrap[data-page=add] .tit_wrap {
  position: initial !important;
}
.cont_wrap[data-page=add] .contents {
  padding-top: 0px !important;
}
.cont_wrap[data-page=add] .contents .contents {
  padding-top: 0 !important;
}

.taker_wrap {
  width: calc(100vw - 550px);
}
.taker_wrap .container .cont_wrap {
  padding: 15px 0px;
}
.taker_wrap .container .cont_wrap p {
  font-size: 14px;
}
.taker_wrap .container .cont_wrap .cont {
  border-top: 2px solid #16A6FF;
}
.taker_wrap .container .cont_wrap .cont .form-table,
.taker_wrap .container .cont_wrap .cont .qa-table {
  border-collapse: collapse;
  table-layout: fixed;
  margin: 0 0 18px;
  font-size: 16px;
}
.taker_wrap .container .cont_wrap .cont .form-table th,
.taker_wrap .container .cont_wrap .cont .form-table td,
.taker_wrap .container .cont_wrap .cont .qa-table td {
  padding: 15px 12px;
  vertical-align: middle;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  font-size: 15px;
  height: 66px;
}
.taker_wrap .container .cont_wrap .cont .form-table th {
  width: 220px;
  background: #f3f4f6;
  text-align: left;
  font-weight: 400;
  font-size: 15px;
}
.taker_wrap .container .cont_wrap .cont .field2 {
      height: 36px;
  border: 1px solid #d0d0d0;
  padding: 6px 10px;
}
.taker_wrap .container .cont_wrap .cont .field {
  width: 100%;
  height: 36px;
  border: 1px solid #d0d0d0;
  padding: 6px 10px;
}
.taker_wrap .container .cont_wrap .cont .inline {
  display: flex;
  align-items: center;
  gap: 8px;
}
.taker_wrap .container .cont_wrap .cont .select {
  width: 100%;
  height: 36px;
  border: 1px solid #d0d0d0;
  background: #fff;
  padding: 0 10px;
  position: relative;
  background-image: url(/assets/img/admin/ico_arrow_btm.png);
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
}
.taker_wrap .container .cont_wrap .cont .select::after {
  content: "";
  transform: rotate(90deg);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.taker_wrap .container .cont_wrap .cont .dash {
  display: inline-block;
  width: 14px;
  text-align: center;
  color: #555;
}
.taker_wrap .container .cont_wrap .cont .qa-table .q {
  background-color: #e7fffa;
  font-weight: 600;
  font-size: 15px;
}
.taker_wrap .container .cont_wrap .cont .qa-table td {
  border: none;
  padding: 20px 0;
}
.taker_wrap .container .add_wrap {
  display: flex;
  gap: 10px;
}
.taker_wrap .container .add_wrap .add {
  width: 100%;
  text-align: center;
  padding: 15px 0;
  background-color: #16A6FF;
  color: #fff;
  border-radius: 5px;
}
.taker_wrap .container .add_wrap .cancel {
  background-color: #999;
}
.taker_wrap .tr-hide {
  display: none;
}
.taker_wrap .inline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.taker_wrap .field {
  height: 32px;
  padding: 4px 8px;
  border: 1px solid #444;
}

.ui-datepicker {
  z-index: 999 !important;
}

.container2 {
  background: rgb(252.75, 252.75, 252.75);
  padding: 1rem;
  margin: 3rem auto;
  border-radius: 0.2rem;
  counter-reset: pagination;
  text-align: center;
  font-size: 15px;
}
.container2:after {
  clear: both;
  content: "";
  display: table;
}
.container2.middle {
  width: 32rem;
}
.container2.middle ul {
  width: 100%;
}
.container2.middle ul, .container2.middle li {
  list-style: none;
  display: inline;
  padding-left: 0px;
}
.container2.middle li {
  counter-increment: pagination;
}
.container2.middle li:hover:not(:first-child) a {
  color: rgb(252.75, 252.75, 252.75);
  background-color: #1d1f20;
  border: solid 1px #1d1f20;
}
.container2.middle li:last-child:hover {
  background-color: #fff;
}
.container2.middle li.active a {
  color: rgb(252.75, 252.75, 252.75);
  background-color: #1d1f20;
  border: solid 1px #1d1f20;
  font-weight: 700;
}
.container2.middle li:first-child {
  float: left;
}
.container2.middle li:first-child a:after {
  content: "Previous";
}
.container2.middle li:nth-child(2) {
  counter-reset: pagination;
}
.container2.middle li:last-child {
  float: right;
}
.container2.middle li:last-child a:after {
  content: "Next";
}
.container2.middle li:last-child a:hover {
  background-color: #fff;
  border: solid 1px rgb(214.5, 214.5, 214.5);
}
.container2.middle li a {
  border: solid 1px rgb(214.5, 214.5, 214.5);
  border-radius: 0.2rem;
  color: rgb(125.25, 125.25, 125.25);
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  padding: 0.5rem 0.9rem;
}
.container2.middle li a:after {
  content: " " counter(pagination) " ";
}
.container2.middle li a {
  display: none;
}
.container2.middle li:first-child a {
  display: inline-block;
  position: relative;
  padding: 18px;
}
.container2.middle li:first-child a:after {
  content: "";
  background-image: url(/assets/img/admin/ico_arrow.png);
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  transform: rotate(180deg);
  opacity: 0.5;
}
.container2.middle li:last-child a {
  display: inline-block;
  position: relative;
  padding: 18px;
}
.container2.middle li:last-child a:after {
  content: "";
  background-image: url(/assets/img/admin/ico_arrow.png);
  width: 23px;
  height: 23px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.5;
}
.container2.middle li:nth-child(2) a {
  display: inline-block;
}
.container2.middle li:nth-child(3) a {
  display: inline-block;
}
.container2.middle li:nth-child(4) a {
  display: inline-block;
}
.container2.middle li:nth-child(5) a {
  display: inline-block;
}
.container2.middle li:nth-last-child(2) a {
  display: inline-block;
}
.container2.middle li:nth-last-child(3) {
  display: inline-block;
}
.container2.middle li:nth-last-child(3):after {
  padding: 0 1rem;
  
}

.btn_delete {
  border-radius: 5px;
  background-color: rgb(255, 105, 105);
  padding: 6px 8px;
  display: none;
  position: absolute;
  left: 22px;
  top: -40px;
  z-index: 1;
}
.btn_delete.on {
  display: block;
}


/* 260625 지사추가관련 / css정리 */

/* 공통으로 가져갈 요소 */
:root{
  --blue:#4A71D5;
  --sky:#16a6ff;
  --red:#e70e0e;
  --green:#17952c;
  --gray:#aaa;
  --dgray:#757575;

}

input::placeholder, textarea::placeholder {color: #999;font-weight:normal;}

/* 기본 디자인 수정(필요) */
*{letter-spacing:-0.2px !important;}
nav{z-index:3 !important;}
.admin_main nav li img{width:30px;}
.admin_main nav ul .sub{width:180px;right:-180px;}
.admin_main .cont_wrap .contents td{font-weight:400;color:#666;padding:15px 10px;}
.admin_main .cont_wrap .contents td button{font-size:14px;line-height:normal;font-weight:500;padding:6px 8px;}
.admin_main .cont_wrap{padding-right:50px;}
.admin_main .cont_wrap .contents{overflow-y:inherit;}
.admin_main .cont_wrap .contents .data_wrap p:first-child{font-size:18px;margin-bottom:20px;}
.admin_main .cont_wrap .contents .data_wrap p:last-child{display:flex;width:100%;padding:40px 0;}
.admin_main .cont_wrap .cont_box h2{margin-bottom:20px;}
select, .hasDatepicker{background:#fff !important;padding:0 0 0 5px !important;-webkit-appearance: none !important;-moz-appearance: none !important;appearance: auto !important;}
select:before{display:none !important;} 



/* 기본 디자인 커스텀(불필요 시 삭제) */
hr{display:none;}
.adm2 .cont_wrap .cont_box .link_wrap{position:relative;justify-content: right;}
.adm2 .cont_wrap .contents .table_wrap{margin-top:0;}
.adm2 .cont_wrap .contents .option_wrap > div::before{background:#4A71D5;width:5px;height:5px;border-radius:0;}
.adm2 .cont_wrap .contents .option_wrap{max-width:none;}
.adm2 .cont_wrap .contents .option_wrap .grade:nth-of-type(4){grid-column: auto;}
.adm2 .cont_wrap .contents th{font-size:16px;font-weight:bold;border-top:2px solid var(--sky);background:#f5f5f5;}
.adm2 .cont_wrap .contents td a{text-decoration:underline;}
.adm2 .cont_wrap .contents td a:hover{color:var(--blue);}
.adm2 .cont_wrap .contents td a:after{display:none;}
.adm2 .cont_wrap .contents td:nth-child(6) a{word-break:break-all;}
.adm2 .cont_wrap .contents td button.mem_okay{background:#fff;border:1px solid var(--blue);color:var(--blue);}
 

/* 공통디자인 정리 */
.adm2 select{font-weight:normal;}
.adm2 select, .adm2 input[type="text"]{border:1px solid #ccc;}
sup.es{color: red;}
.adm2 strong{font-weight:bold;}
.adm2 input[type="text"]{height:36px;padding-left:5px;}


/* 테이블 */
.join_table label{margin-right:10px;}
.join_table input[type="radio"]{margin-right:5px;}
.adm2 table th{font-weight:500 !important;}
.adm2 .cont_wrap .contents .admin_table th{padding:15px;}
.adm2 .cont_wrap .contents .admin_table td > p{margin-top:5px;}

.admin_table{margin-top:10px;}
.admin_table table{border-top: 2px solid #16A6FF;width:100%;}
.admin_table th{background:#f5f5f5;font-weight:500;padding:15px 0;}
.admin_table th, .admin_table td{font-size:15px;text-align:center;} 
.admin_table td{border-bottom:1px dotted #ddd !important;padding:10px 5px;}
.admin_table td .adm_btn{font-size:14px;border-radius:3px;height:28px;padding:0 8px;}
.admin_table td a > p{margin-top:5px;}
.adm2 .st_on, .status-done{font-weight:bold;color:var(--green);}
.adm2 .st_off, .status-wait{font-weight:bold;color:var(--red);}
.adm2 .cont_wrap .contents td .b_detail{background:#fff;border:1px solid #777;color:#444;}
.adm2 .cont_wrap .contents td .b_login{color:#fff;background:var(--dgray);}

.join_table td{text-align:left !important;}
p.noti{margin-top:5px;color:#777;}
.join_table input:not([type="radio"]):not([type="checkbox"]) {height:36px;border:1px solid #ccc;padding-left:10px;}
.join_table .wrap input{width:100px;}
.join_table input[type="file"]{line-height:34px;}
span.chk{display:inline-flex;align-items: center;font-size:14px;margin-left:5px;}
.adm2 .cont_wrap .contents .b_table td a:after{display:none;}
.pd_table td{padding:10px 0 !important;}
.pd_table .search_none{font-weight:500;}

/* 검색 */
.b_option_wrap{display:flex;align-items: stretch;gap:20px;border-radius: 8px;margin:0 auto;justify-content: center;border:1px solid #ddd;padding:20px;background:#f9f9f9;min-width: 850px;justify-content: center;}
.b_option_wrap input[type="text"], .b_option_wrap select{height:36px;border-radius: 6px;background:#fff;min-width:100px;} 
.option_left {display:flex;gap:15px 30px;flex-wrap:wrap;width:max-content;}
.option_left.line2{width:min-content;}
.sale_cell {display:inline-flex; gap:50px; }
.sale_cell:last-child { margin-bottom: 0; }
.sale_cell div { display:inline-flex; align-items:center; gap:5px; }
.sale_cell label { display:inline-flex; font-weight:bold; align-items:center;margin-right:5px;width:max-content;}
.sale_cell label:before { content:''; background:var(--blue); width:5px; height:5px; border-radius:0; display:inline-block; margin-right:5px; }
.b_option_wrap > button {width: 100px;font-size:15px;}
.b_option_wrap > button.big{height:90px;}
.b_option_wrap .search input[type="text"]{border-radius:6px 0 0 6px;}
.b_option_wrap .line2 .search input[type="text"]{border-radius:6px;}
.b_option_wrap button.find{border-radius:0 6px 6px 0;text-indent:-9999px;margin-left:-5px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M4 9a5 5 0 1110 0A5 5 0 014 9zm5-7a7 7 0 104.2 12.6.999.999 0 00.093.107l3 3a1 1 0 001.414-1.414l-3-3a.999.999 0 00-.107-.093A7 7 0 009 2z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat center var(--dgray);background-size:24px;padding:0 0;width:40px;min-width:auto;}
.find_wrap{display:inline-flex;position:relative;}
.bz_find select{width:100px !important;}
.bz_find input[type="text"]{border-radius:5px;}
.bz_find button{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='none' stroke=''%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath fill='%23666666' fill-rule='evenodd' d='M4 9a5 5 0 1110 0A5 5 0 014 9zm5-7a7 7 0 104.2 12.6.999.999 0 00.093.107l3 3a1 1 0 001.414-1.414l-3-3a.999.999 0 00-.107-.093A7 7 0 009 2z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat center; min-width:auto; width:25px;height:25px;position:absolute;top:5px;right:5px;text-indent:-9999px;}
.adm2 .op_find input[type="text"]{width:250px;}
.adm2 .cont_wrap .contents .option_wrap{display:flex;gap:100px;max-width:none;}

/* 페이징 */
.pagination { text-align: center; margin-top: 20px; }
.pagination a, .pagination strong {display: inline-block; padding: 5px 12px;border: 1px solid #ddd; margin: 0 2px;text-decoration: none; color: #666; font-size: 13px;}
.pagination strong { background: #333; color: #fff; border-color: #333; }

/* 팝업 */
.admin_pop .pop_con{height:auto;overflow-y: auto;max-height:600px;}
.pop_con .pop_search{background:#f1f1f1;padding:10px;box-sizing:border-box;margin:30px 0;min-width:auto;border-radius:0;}
.pop_con .pop_search .sale_cell{gap:5px;}
.pop_search select{width:100px;height:36px;appearance: auto;-webkit-appearance: auto;border:1px solid #ccc;}
.pop_search input[type="text"]{height:36px;border:1px solid #ccc;padding-left:5px;width:300px;}
.pop_con h3{font-size:30px;font-weight:bold;}
#popBranch2 td{padding:15px 5px;}


/* 버튼 */
.b_toggle {display: inline-flex;align-items: center;border-radius: 8px;padding: 0 10px;cursor: pointer; user-select: none;height:45px;width:120px;justify-content: space-between; }
.b_toggle span { color: #fff; font-size: 16px; font-weight: 500; }
.tog { position: relative; width: 30px; height: 15px; flex-shrink: 0; }
.b_toggle .slider {position: absolute;inset: 0;background: rgba(255,255,255,0.3);border-radius: 24px;}
.b_toggle .slider::before {content: "";position: absolute;width: 15px; height: 15px;left: 0; top: 0;background: #fff;border-radius: 50%;}
.b_toggle.b_off { background: #999; } 
.b_toggle.b_on { background: var(--sky); }
.b_toggle.b_on .slider::before { left: 15px; }
.btn_top_wrap button, .table_top a, .top_wrap a, .top_wrap button, .table_top button{padding:0 12px;border: none;border-radius: 6px;font-size: 16px;font-weight: bold;color:#fff;display:inline-block;min-width:90px;text-align:center;height:40px;line-height:40px;}
.adm2 .exl_down{background:var(--green);display:inline-flex;align-items: center;gap:2px;justify-content: center;}
.adm2 .exl_down:before{content:'';display:inline-block;width:22px;height:22px;background:url("data:image/svg+xml,%3C!--%0Atags: %5Btable, extension, excel, format%5D%0Acategory: Document%0Aversion: '1.56'%0Aunicode: 'f03e'%0A--%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%0A%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4' /%3E%3Cpath d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z' /%3E%3Cpath d='M8 11h8v7h-8z' /%3E%3Cpath d='M8 15h8' /%3E%3Cpath d='M11 11v7' /%3E%3C/svg%3E%0A") no-repeat;background-size:contain;}
.adm2 .b_enter{background:var(--blue);}
.adm_btn{color: #fff;border-radius: 5px;font-size: 14px;font-weight: 500;min-width:50px;padding:0 10px;height:36px;}
.adm_btn_big{color:#fff;border-radius: 5px;font-size: 16px;position: relative;font-weight: 500;padding:0 10px;height:40px;/* line-height:40px; */text-align:center;min-width:90px;}
.adm_gray_line{background:#fff;color:#444;border:1px solid #777;line-height:25px;}
.admin_main .cont_wrap .contents td button.adm_gray_line{background:#fff;color:#666;border:1px solid #777;}
.adm_gray{background:var(--gray);}
.adm_dgray{background:var(--dgray);}
.adm_blue{background:var(--blue);}
.adm_blue_line{border:1px solid var(--blue) !important;color:var(--blue) !important;line-height:38px !important;}
.admin_table button{min-width:54px;box-sizing:border-box;}
.admin_table .btn_paper{background:var(--red) !important;margin-top:3px;}
button.bz_down{background:#fff !important;border:1px solid #777;color:#666 !important;display:inline-flex;align-items:center;margin-left:10px;}
button.bz_down:after{content:'';display:inline-block;width:20px;height:20px;background:url("data:image/svg+xml,%3C!--%0Acategory: Arrows%0Atags: %5Bsave, arrow%5D%0Aversion: '1.0'%0Aunicode: 'ea96'%0A--%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='%23777777' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%0A%3E%3Cpath d='M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2' /%3E%3Cpath d='M7 11l5 5l5 -5' /%3E%3Cpath d='M12 4l0 12' /%3E%3C/svg%3E%0A") no-repeat;background-size:contain; margin-left:5px;}


/* 기타, 정렬*/
.table_top{display:flex;justify-content: space-between;align-items: end;}
.adm2 .top_wrap{display:flex;justify-content: space-between;align-items: center;margin:30px 0 10px;}
.top_right{justify-content:right !important;gap:10px;}
.search_none{text-align:center;font-weight:500 !important;padding:50px 0 !important;font-size:15px;} 
.align_center{display:flex;justify-content: center;margin:40px 0 10px;}
.align_center button{min-width:100px;}
strong.total{color:var(--red);font-weight:bold;display:block;}
.adm2 .tit_wrap{margin-bottom:50px;padding-bottom:30px;border-bottom:1px dashed #ccc;}
.adm2 .tit_wrap .txt{font-size:18px !important;}
h6.sub_tit{font-weight:bold;font-size:20px;display:flex;align-items: center;margin-bottom:10px;}
h6.sub_tit:before{content:'';display:inline-block;width:4px;height:4px;background:var(--sky);margin-right:5px;}
.adm2 .good.chk {color: var(--sky);}
.adm2 .bad.chk {color: var(--red);}
.adm2 .good:before {content: "";width: 20px;height: 20px;background: url(../img/ico_good.png) no-repeat;background-size: contain;display:inline-block;margin-right:3px;}
.adm2 .bad:before {content: "";width: 20px;height: 20px;background: url(../img/ico_bad.png) no-repeat;background-size: contain;display:inline-block;margin-right:3px;}
p.mem_none{border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.adm2 .top_wrap h6.sub_tit{margin-bottom:0;}
.btn_top_wrap{justify-content: space-between !important;display:flex;align-items: center;gap:10px;}

.adm2 .join_branch input[type="text"]{height:36px;padding-left:5px;}
.adm2 .join_branch label{display:inline-flex;align-items: center;}

.adm2 .taker_wrap .inline{justify-content: flex-start;}
.adm2 .inline #emailLocal{max-width:120px;}
.adm2 .inline #emailDomainSelect{width:120px;}


.sale_nav{display:flex;justify-content: center;margin-bottom:50px;gap:20px;}
.sale_nav a{display:block;width:200px;font-size:20px;color:#888;text-align:center;height:50px;line-height:48px;border-radius:50px;background:#fff;border:1px solid #888;color:#666;}
.sale_nav a.on{color:#fff;background:var(--blue);font-weight:bold;border:none;line-height:50px;}
.sale_nav + .option_wrap{margin-bottom:30px;}
.sale_date #datepicker, .sale_date #datepicker2 {
  background: url("data:image/svg+xml,%3C!--%0Atags: %5Bmonthly-calendar, month-view, date-month, monthly-schedule, timeframe, calendar-grid, month, month-planner, monthly, date-grid%5D%0Aversion: '2.41'%0Aunicode: 'fd2f'%0A--%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ababab' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%0A%3E%3Cpath d='M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z' /%3E%3Cpath d='M16 3v4' /%3E%3Cpath d='M8 3v4' /%3E%3Cpath d='M4 11h16' /%3E%3Cpath d='M7 14h.013' /%3E%3Cpath d='M10.01 14h.005' /%3E%3Cpath d='M13.01 14h.005' /%3E%3Cpath d='M16.015 14h.005' /%3E%3Cpath d='M13.015 17h.005' /%3E%3Cpath d='M7.01 17h.005' /%3E%3Cpath d='M10.01 17h.005' /%3E%3C/svg%3E%0A") no-repeat right #fff !important;cursor: pointer;font-weight:normal;}

.total_sale {display: grid;grid-template-columns: repeat(3, 1fr);margin:50px auto 20px;}
.total_sale dl {display: flex;justify-content: space-between;align-items: center;margin: 0;height:40px;line-height:40px;}
.total_sale dt, .total_sale dd {box-sizing:border-box;border-top:1px solid #ddd;height:40px;width:50%;font-size:16px;}
.total_sale dt {font-weight: 500; color: #333;padding:0 10px;border-left:1px solid #ddd;background:#f5fbff;border-right:1px solid #ddd;}
.total_sale dd {margin: 0; color: #555;padding:0 10px;background:#fff;}
.total_sale dl:nth-child(3n) dd {border-right:1px solid #ddd;}
.total_sale dl:nth-last-child(-n+3) dt,
.total_sale dl:nth-last-child(-n+3) dd {border-bottom:1px solid #ddd;}
.pd_table td.pd_tit{border-right:1px dotted #ddd;}


/* 회원관리(/member) */
.form-table button{height:36px;}
.form-table button.btn_zip, .form-table .bus_btn_zip{background:#777 !important;height:36px;}
.button-group{display:flex;justify-content: space-between;align-items: center;margin-bottom:10px;}
.button-group button{width:80px;height:40px;line-height:40px;color:#fff;font-size:16px;border-radius:8px;margin:0 3px;}
.left-buttons button:last-child, .right-buttons button:first-child{background:var(--blue);}
.left-buttons button:first-child, .right-buttons button:last-child{background:#fff;border:1px solid var(--blue);color:var(--blue);line-height:38px;}
.taker_wrap .container .cont_wrap .cont .form-table th{background:#f5f5f5;}

/* 1:1문의 */
.inq-notice {background: #f0f4ff; border: 1px solid #c5d3f0;font-size:17px !important;border-radius: 6px; padding: 12px 16px;color: #4a71d5; margin-bottom: 14px;}
.ans-readonly {white-space: pre-wrap; line-height: 1.7;padding: 10px; background: #fafafa;border: 1px solid #eee; border-radius: 4px;color: #333;}
.ans-date { font-size: 13px; color: #999; margin-top: 6px;margin-top:5px;}
.file_wrap { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.input_file_name { width: 300px; background: #f5f5f5 !important; cursor: default; }
.file_wrap input[type="file"] { display: none; }
.btn_file {
    display: inline-block;
    background: #6c3fd4;
    color: #fff;
    padding: 9px 18px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
    white-space: nowrap;
}
.btn_file:hover { background: #5a32b0; }

/* 지사 학원관리 로그인 */
body.ac_intro{overflow-y:hidden;}
.ac_intro .index_wrap{width:100%;height:100%;overflow:hidden !important;background:url(/assets/img/admin/ac_login_bg.jpg) no-repeat;background-size:cover;display:flex;justify-content: center;align-items: center;}
.ac_intro .index_wrap .box{background:#fff;width:1100px;height:600px;-webkit-box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.2); box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.2);border-radius:20px;display:flex;align-items: center;padding:50px 0;box-sizing:border-box;}
.index_wrap .box .lf, .index_wrap .box .rt{display:inline-flex;justify-content: center;align-items: center;width:calc(100% / 2);flex-wrap:wrap;}
.index_wrap .box .rt{border-left:1px solid #ddd;padding:0 50px;}
.index_wrap .box .lf .ac_logo{width:auto;height:50px;}
.index_wrap .box h2{font-size:55px;font-weight:bold;width:100%;display:block;text-align:center;margin:30px 0 0;}
.index_wrap .box p{font-size:24px;color:#888;width:100%;text-align:center;position:relative;margin-top:50px;padding-top:50px;line-height:140%;font-weight:normal;} 
.index_wrap .box p:before{content:'';display:inline-block;width:100px;height:1px;background:#ccc;position:absolute;top:0;left:50%;margin-left:-50px;}
.index_wrap .box .login_wrap{background:#f9f9f9;border-radius:20px;display:flex;flex-wrap:wrap;width:300px;padding:70px 50px;box-sizing:content-box;justify-content: center;gap:10px;border:1px solid #ededed;}
.index_wrap .box h6{font-size:45px;font-weight:bold;margin-bottom:30px;text-align:center;display:block;}
.index_wrap .box label{position:relative;width:100%;}
.index_wrap .box input{width:100%;height:50px;border-radius:50px;border:1px solid #ddd;padding-left:40px;font-size:16px;}
.index_wrap .box button{width:100%;height:50px;line-height:50px;border-radius:50px;background:var(--blue);color:#fff;font-size:18px;font-weight:bold;}
.index_wrap .box .ac_id:before{content:'';display:inline-block;width:25px;height:25px;background:url("data:image/svg+xml,%3C!--%0Acategory: System%0Atags: %5Btick, person, account, role%5D%0Aversion: '1.0'%0Aunicode: 'eb49'%0A--%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='%23999999' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%0A%3E%3Cpath d='M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0' /%3E%3Cpath d='M6 21v-2a4 4 0 0 1 4 -4h4' /%3E%3Cpath d='M15 19l2 2l4 -4' /%3E%3C/svg%3E%0A") no-repeat;background-size:contain;position:absolute;top:12px;left:12px;}
.index_wrap .box .ac_pw:before{content:'';display:inline-block;width:25px;height:25px;background:url("data:image/svg+xml,%3C!--%0Aunicode: 'ff9f'%0Aversion: '3.12'%0A--%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='%23999999' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%0A%3E%3Cpath d='M5 13a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2z' /%3E%3Cpath d='M8 11v-4a4 4 0 1 1 8 0v4' /%3E%3Cpath d='M15 16h.01' /%3E%3Cpath d='M12.01 16h.01' /%3E%3Cpath d='M9.02 16h.01' /%3E%3C/svg%3E%0A") no-repeat;background-size:contain;position:absolute;top:12px;left:12px;}