@charset "UTF-8";
/*=======================================================================
* Project: GYM DOCTOR* Date:2017.01.20
* Author: Sinjin Lim
=======================================================================*/

/*=======================================================================
* Bootstrap Reset
* 부트 스트랩 혼용되어 지는 부분을 자체 소스로 대체 처리
=======================================================================*/
h1,h2,h3,h4,h5,h6,p {
  margin:0;
}
label {
  margin:0;
  max-width:none;
}
.table {
  margin-bottom:0 !important;
  border:0 !important;
}
.table>thead>tr>th,.table>thead>tr>td,.table>tbody>tr>th,.table>tbody>tr>td,.table>tfoot>tr>th,.table>tfoot>tr>td {
  padding:10px;
  height:45px;
  color:#9fa0aa;
  text-align:center;
  vertical-align:middle;
  border:0;
}
.table>thead>tr>th input[type="checkbox"],.table>thead>tr>td input[type="checkbox"],.table>tbody>tr>th input[type="checkbox"],.table>tbody>tr>td input[type="checkbox"],.table>tfoot>tr>th input[type="checkbox"],.table>tfoot>tr>td input[type="checkbox"] {
  display:inline-block !important;
}
.table>thead>tr>th {
  padding:10px;
  height:45px;
  color:#FFF;
  font-weight:normal;
  vertical-align:middle;
  background-color:#686D7B;
  border-top:0;
  border-bottom:0;
}
.table>thead>tr>th.info {
  font-weight:500;
  color:#FFF;
  font-weight:normal;
  background-color:#686D7B;
}
.table>thead>tr>th.sorting,.table>thead>tr>th.sorting_asc,.table>thead>tr>th.sorting_desc {
  cursor:pointer;
}
.table>thead>tr>th.sorting:after,.table>thead>tr>th.sorting_asc:after,.table>thead>tr>th.sorting_desc:after {
  content:"";
  display:inline-block;
  margin-left:5px;
  width:7px;
  height:12px;
  vertical-align:middle;
  background:url("../img/btn/table_sort.png") no-repeat left top;
  position:relative;
  top:-1px;
}
.table>thead>tr>th.sorting_asc:after {
  background-position:-7px top;
}
.table>thead>tr>th.sorting_desc:after {
  background-position:right top;
}
.table>caption+thead>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>th,.table>thead:first-child>tr:first-child>td {
  border-top:0;
}
.table>tbody+tbody {
  border-top:0;
}
.table>tbody>tr td {
  border-bottom:1px solid #f0f0f2;
}
.table .table {
  background-color:transparent;
}
table input[type="checkbox"] {
  display:inline-block !important;
}
table>thead>tr th {
  padding:5px;
  height:40px;
  color:#FFF;
  font-weight:normal;
  text-align:center;
  vertical-align:middle;
  background-color:#686D7B;
  border:1px solid #9fa0aa !important;
}
table>thead>tr:nth-child(2n) th {
  background-color:#7A7F8B;
}
table tbody tr,table tfoot tr {
  /* &.active,&:hover{background-color:$grayL;td{.modify{display:inline-block;}}}&.active{td{.ctr_btn{display:block;}}}*/
}
table tbody tr>th,table tbody tr>td,table tfoot tr>th,table tfoot tr>td {
  padding:5px;
  height:40px;
  text-align:center;
  vertical-align:middle;
  background-color:#f0f0f2;
  border:1px solid #9fa0aa !important;
}
table tbody tr>td *,table tfoot tr>td * {
  vertical-align:middle;
}
table tbody tr>td a:hover,table tfoot tr>td a:hover {
  text-decoration:underline;
}
table tbody tr>td input[type="text"],table tfoot tr>td input[type="text"] {
  padding-right:10px;
  width:calc(100% - 5px);
  text-align:right;
}
table tbody tr>td.align_left,table tfoot tr>td.align_left {
  text-align:left;
}
table tbody tr>td.align_right,table tfoot tr>td.align_right {
  text-align:right;
}
table tbody tr>td .add,table tfoot tr>td .add {
  display:inline-block;
  width:21px;
  height:21px;
  text-indent:-9999em;
  background:url("../img/btn/add.png") no-repeat center 50%;
  overflow:hidden;
}
table tbody tr>td .memo,table tfoot tr>td .memo {
  display:inline-block;
  text-align:left;
  cursor:default;
  position:relative;
}
table tbody tr>td .memo .tooltip_box,table tfoot tr>td .memo .tooltip_box {
  display:none;
  margin-top:15px;
  padding:10px;
  width:215px;
  font-size:12px;
  color:#FFF;
  background:rgba(66,72,90,0.9);
  border-radius:5px;
  position:absolute;
  top:-25px;
  left:-220px;
  z-index:5;
}
table tbody tr>td .memo .tooltip_box:before,table tfoot tr>td .memo .tooltip_box:before {
  content:"";
  width:0;
  height:0;
  border:5px solid transparent;
  border-left-color:rgba(66,72,90,0.9);
  position:absolute;
  right:-10px;
  top:12px;
}
table tbody tr>td .memo .tooltip_box .txt_box,table tfoot tr>td .memo .tooltip_box .txt_box {
  display:block;
  max-height:85px;
  word-break:keep-all;
  line-height:1.4;
  overflow:hidden;
  overflow-y:auto;
}
table tbody tr>td .memo:hover .tooltip_box,table tfoot tr>td .memo:hover .tooltip_box {
  display:block;
}
table tbody tr>td>.option_btn,table tfoot tr>td>.option_btn {
  display:inline;
  position:relative;
}
table tbody tr>td>.option_btn .ctr_btn,table tfoot tr>td>.option_btn .ctr_btn {
  display:none;
  white-space:nowrap;
  background-color:#f0f0f2;
  position:absolute;
  top:0;
  right:0;
  overflow:hidden;
}
table tbody tr>td>.option_btn .cancel,table tbody tr>td>.option_btn .save,table tbody tr>td>.option_btn .modify,table tfoot tr>td>.option_btn .cancel,table tfoot tr>td>.option_btn .save,table tfoot tr>td>.option_btn .modify {
  display:inline-block;
  line-height:25px;
  overflow:hidden;
}
table tbody tr>td>.option_btn .cancel,table tfoot tr>td>.option_btn .cancel {
  padding-left:30px;
  color:#F37054;
  background:url("../img/btn/cancel.png") no-repeat 5px 50%;
}
table tbody tr>td>.option_btn .save,table tfoot tr>td>.option_btn .save {
  padding-left:30px;
  color:#37B772;
  background:url("../img/btn/save.png") no-repeat 5px 50%;
}
table tbody tr>td>.option_btn .modify,table tfoot tr>td>.option_btn .modify {
  display:none;
  width:21px;
  height:21px;
  text-indent:-9999em;
  background:url("../img/btn/modify.png") no-repeat center 50%;
}
table tbody tr>td[rowspan="2"],table tfoot tr>td[rowspan="2"] {
  background-color:#FFF;
}
table tbody tr:nth-child(2n) td,table tfoot tr:nth-child(2n) td {
  background-color:#FFF;
}
.form-group {
  margin-bottom:0;
}
.well {
  background-color:#f0f0f2;
  border:1px solid #BABBC2;
  box-shadow:none;
}
.well .control-label {
  margin-right:10px;
}
.well .input-group .date input[type="text"] {
  width:100px;
}
.row {
  margin:0;
}
.label {
  display:inline-block;
  padding:0;
  font-size:13px;
  font-weight:normal;
  color:#42485A;
  text-align:left;
  line-height:34px;
  vertical-align:top;
  border-radius:0;
}
.dataTables_wrapper .col-sm-6 {
  width:auto;
}
.dataTables_wrapper .col-sm-6 select {
  margin:0 10px 0 5px;
  min-width:70px;
  line-height:1;
}
.dataTables_wrapper .col-sm-6 input[type="search"].form-control {
  width:120px;
}
.dataTables_wrapper .row .col-sm-12 {
  padding:0;
}
.dataTables_wrapper .row+.row {
  margin-top: 10px;
}



/*=======================================================================
* Style Reset
=======================================================================*/
html,body {
  height:100%;
}
* {
  margin:0;
  padding:0;
  font-family:inherit;
  font-size:100%;
  box-sizing:border-box;
  vertical-align:top;
  outline:none;
}
body {
  font-family:'Noto Sans KR',sans-serif;
  font-size:13px;
  color:#6e7794;
  font-weight:normal;
  line-height:1;
  background-color:#FFF;
}
h1,h2,h3,h4,h5,h6,strong {
  font-weight:500;
}
ul,ol {
  margin:0;
  list-style:none;
}
fieldset,img {
  max-width:100%;
  border:0;
}
a {
  color:#42485A;
  text-decoration:none;
  cursor:pointer;
}
a:hover {
  text-decoration:none;
}
em,i {
  font-style:normal;
}
table {
  table-layout:fixed;
  width:100%;
  border-collapse:collapse;
  cell-padding:0;
}
legend {
  display:none;
}
label {
  font-weight:normal;
}
input {
  border:0;
}
input[type="number"] {
  -moz-appearance:textfield;
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance:none;
}
input[type="text"],input[type="password"],input[type="number"],input[type="tel"],input[type="email"] {
  padding-left:10px;
  width:100%;
  height:34px;
  font-size:13px;
  border:1px solid #BABBC2;
  border-radius:5px;
}
input[type="text"]:focus,input[type="password"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="email"]:focus {
  border-color:#22B2FB;
}
input[type="text"]::-ms-reveal,input[type="text"]::-ms-clear,input[type="password"]::-ms-reveal,input[type="password"]::-ms-clear,input[type="number"]::-ms-reveal,input[type="number"]::-ms-clear,input[type="tel"]::-ms-reveal,input[type="tel"]::-ms-clear,input[type="email"]::-ms-reveal,input[type="email"]::-ms-clear {
  display:none;
}
input[type="text"].calendar {
  width:110px !important;
  background:url("../img/icon/ico_calendar.png") no-repeat 95% 50%;
}
select::-ms-expand {
  display:none;
}
select {
  padding:0 20px 0 10px;
  min-width:30%;
  height:34px;
  font-size:13px;
  background:url("../img/form/select_arrow.png") no-repeat right 10px top 50% #FFF !important;
  border:1px solid #BABBC2;
  border-radius:5px;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
}
select option {
  padding:0 10px;
}
select:focus {
  border-color:#22B2FB;
}
input[type="submit"],button {
  border:0;
  cursor:pointer;
}
input[type="checkbox"] {
  display:none !important;
}
input[type="checkbox"]+label {
  display:inline-block;
  padding-left:25px;
  line-height:34px;
  position:relative;
  overflow:hidden;
}
input[type="checkbox"]+label:before {
  content:"";
  margin:auto 0;
  width:20px;
  height:20px;
  background:url("../img/form/checkbox.png") no-repeat left top;
  position:absolute;
  left:0;
  top:0;
  bottom:0;
}
input[type="checkbox"]+label+input[type="checkbox"]+label {
  margin-left:20px;
}
input[type="checkbox"]:checked+label:before {
  background-position:left bottom;
}
input[type="radio"] {
  display:none !important;
}
input[type="radio"]+label {
  display:inline-block;
  padding-left:25px;
  line-height:34px;
  position:relative;
  overflow:hidden;
}
input[type="radio"]+label:before {
  content:"";
  margin:auto 0;
  width:20px;
  height:20px;
  background:url("../img/form/radio.png") no-repeat left top;
  position:absolute;
  left:0;
  top:0;
  bottom:0;
}
input[type="radio"]+label+input[type="radio"]+label {
  margin-left:20px;
}
input[type="radio"]:checked+label:before {
  background-position:left bottom;
}
textarea {
  padding:10px;
  width:100%;
  height:100px;
  line-height:1.4;
  background-color:#FFF;
  border:1px solid #BABBC2;
  border-radius:5px;
  resize:none;
  overflow-y:auto;
}
textarea:focus {
  border-color:#22B2FB;
}
.file_fake {
  display:inline-block;
  min-width:250px;
  font-size:0;
  position:relative;
}
.file_fake input[type="text"] {
  width:180px !important;
}
.file_fake input[type="file"] {
  width:100%;
  height:100%;
  opacity:0;
  cursor:pointer;
  position:absolute;
  left:0;
  top:0;
}
.file_fake .btn {
  margin-left:5px;
  min-width: 64px;
}



/*=======================================================================
* Common Style
=======================================================================*/
/* Section */
.section {
  margin:0 auto;
  padding:30px 66px;
  max-width:100%;
}
.section:after {
  content:"";
  display:block;
  height:0;
  clear:both;
  overflow: hidden;
}
/* Font Color */
.c_blue {
  color:#22B2FB !important;
}
.c_red {
  color:#F37054 !important;
}
.c_green {
  color: #37B772 !important;
}
/* Float */
.fl {
  float:left;
}
.fr {
  float: right;
}
/* Photo Image Round */
.pic {
  text-align:center;
  border-radius:50%;
  overflow:hidden;
}
.pic img {
  min-height: 100%;
}
/* Content Middle Align */
.mid_align {
  vertical-align:middle;
}
.mid_align>* {
  display:inline-block;
  vertical-align:middle;
}
.mid_align:before {
  content:"";
  display:inline-block;
  margin-right:-0.25em;
  width:0;
  height:100%;
  vertical-align: middle;
}
/* Design Custom Date picker */
.ui-datepicker {
  padding:0;
  width:300px;
  font-family:'Noto Sans KR',sans-serif;
  font-size:13px;
  background:#FFF;
  border:1px solid #BABBC2 !important;
  border-radius:10px;
}
.ui-datepicker .ui-widget-header {
  font-size:16px;
  line-height:1.5em;
  background:none;
  border:0;
}
.ui-datepicker .ui-datepicker-calendar {
  font-size:inherit;
}
.ui-datepicker .ui-datepicker-calendar thead tr th {
  padding:0.5em 0;
  color:#42485A;
  background-color:#f0f0f2;
}
.ui-datepicker .ui-datepicker-calendar thead tr th:last-child {
  color:#F37054;
}
.ui-datepicker .ui-datepicker-calendar td {
  padding:0.5em 0;
  text-align:center;
  background:none;
  border:0;
}
.ui-datepicker .ui-datepicker-calendar td span,.ui-datepicker .ui-datepicker-calendar td a {
  margin:0 auto;
  padding:0;
  width:30px;
  height:30px;
  color:inherit;
  text-align:center;
  line-height:30px;
  background:none;
  border:0;
  border-radius:50%;
}
.ui-datepicker .ui-datepicker-calendar td.ui-state-highlight a {
  color:#FFF;
  background-color:#22B2FB;
}
.ui-datepicker .ui-datepicker-calendar thead th,.ui-datepicker .ui-datepicker-calendar tbody td {
  border:0 !important;
}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
  border:0;
  top:5px;
}
.ui-datepicker .ui-datepicker-prev {
  background:url("../img/btn/datepicker_prev.png") no-repeat center 50%;
  left:0;
}
.ui-datepicker .ui-datepicker-next {
  background:url("../img/btn/datepicker_next.png") no-repeat center 50%;
  right: 0;
}
/* Tool TIp */
.tooltip {
  margin-right:10px;
  max-width:150px;
  color:#FFF;
  background-color:#42485A;
  position:absolute;
  z-index:100;
}
.tooltip:before {
  content:"";
  display:inline-block;
  width:0;
  height:100%;
  vertical-align:middle;
  /*float:leftpaging_simple_numbers:hidden;*/
}
.tooltip .box {
  display:inline-block;
  padding:10px;
  line-height:1.4;
  vertical-align: middle;
}



/*=======================================================================
* Button
=======================================================================*/
.button_area {
  margin-bottom:20px;
  font-size:0;
  text-align:center;
  clear:both;
}
.button_area>.btn+.btn {
  margin-left:10px;
}
*+.button_area {
  margin:20px 0 0;
  padding:20px 0;
  border-top: 1px solid #BABBC2;
}
/* Default Button */
.btn {
  display:inline-block;
  margin:0;
  padding:0 10px;
  min-width:95px;
  height:34px;
  font-size:13px;
  font-weight:500;
  color:#FFF;
  text-align:center;
  line-height:32px;
  border:0;
  border-radius:5px;
  cursor:pointer;
  overflow:hidden;
}
.btn:focus,.btn:hover {
  color:#FFF;
}
.btn.smaller {
  min-width:43px;
  padding:0;
  height:18px;
  line-height:16px;
}
.btn.small {
  min-width:43px;
  padding:0 10px;
  height:26px;
  line-height:24px;
}
.btn.purple {
  color:#FFF;
  background-color:#7A52CC;
}
.btn.green {
  color:#FFF;
  background-color:#37B772;
}
.btn.yellow {
  color:#42485A;
  background-color:#F39800;
}
.btn.yellow:focus,.btn.yellow:hover {
  color:#42485A;
}
.btn.red {
  background-color:#F37054;
}
.btn.blue {
  background-color:#22B2FB;
}
.btn.gray {
  background-color:#9fa0aa;
}
.btn.dark {
  background-color: #42485A;
}



/*=======================================================================
* Form
=======================================================================*/
fieldset:after {
  content:"";
  display:block;
  height:0;
  clear:both;
  overflow:hidden;
}
fieldset .photo {
  position:relative;
}
fieldset .photo *.label {
  line-height:34px;
  position:absolute;
  left:0;
  top:0;
}
fieldset .photo .pic {
  margin-right:50px;
  width:70px;
  height:70px;
  float:left;
}
fieldset .photo p {
  font-size:13px;
  color:#F37054;
  line-height:34px;
}
fieldset .photo .file_fake input[type="text"] {
  width:166px;
  font-size:13px;
}
fieldset .photo:after {
  content:"";
  display:block;
  height:0;
  clear:both;
  overflow:hidden;
}
fieldset form>div label:first-child,fieldset>div label:first-child {
  display:inline-block;
  width:80px;
}
fieldset form>div.textarea,fieldset>div.textarea {
  font-size:0;
}
fieldset form>div.textarea label,fieldset>div.textarea label {
  font-size:13px;
  line-height:75px;
}
fieldset textarea {
  width:calc(100% - 120px);
  font-size:13px;
}
fieldset input[type="number"],fieldset input[type="tel"] {
  padding:0;
  width:95px;
  text-align:center;
}
fieldset input[type="number"]+input[type="number"],fieldset input[type="number"]+input[type="tel"],fieldset input[type="tel"]+input[type="number"],fieldset input[type="tel"]+input[type="tel"] {
  margin-left:5px;
}
fieldset input[type="text"],fieldset input[type="email"] {
  width:calc(100% - 120px);
}
fieldset .date select,fieldset .birth select {
  min-width:80px;
  width:80px;
}
fieldset .date select+select,fieldset .birth select+select {
  margin-left:5px;
}

fieldset .address, fieldset .in_out_tit, fieldset .repair_pass {
  padding-left:120px;
  position:relative;
}
/* 20170424 박동혁 수정 전
fieldset .address {
  padding-left:90px;
  position:relative;
}
*/
fieldset .address *.label, fieldset .in_out_tit *.label, fieldset .repair_pass *.label {
  line-height:34px;
  position:absolute;
  left:0;
  top:0;
}
fieldset .address input[type="text"], fieldset .in_out_tit input[type="text"], fieldset .repair_pass input[type="text"] {
  width:100%;
}
fieldset .address p.zip {
  font-size:0;
}
fieldset .address p.zip input[type="text"] {
  margin-right:5px;
  width:115px;
  font-size:13px;
}
fieldset .price input[type="text"] {
  width:170px;
}
fieldset .memo *.label {
  line-height:34px;
}
fieldset form>div>p+p,fieldset>div>p+p {
  margin-top:10px;
}
fieldset form>div,fieldset form>p,fieldset>div,fieldset>p {
  font-size:0;
  line-height:34px;
}
fieldset form>div label:first-child,fieldset form>div *.label,fieldset form>p label:first-child,fieldset form>p *.label,fieldset>div label:first-child,fieldset>div *.label,fieldset>p label:first-child,fieldset>p *.label {
  display:inline-block;
  width:120px;
  color:#42485A;
}
fieldset .off_day ul li { margin: 10px 0; }
fieldset .off_day ul li:first-letter { margin-right: 20px; }
fieldset .off_day ul li span { margin: 0 5px; }
fieldset .off_day ul li select { margin-left: 20px; }
/* 20170424 박동혁 수정 전
fieldset form>div label:first-child,fieldset form>div *.label,fieldset form>p label:first-child,fieldset form>p *.label,fieldset>div label:first-child,fieldset>div *.label,fieldset>p label:first-child,fieldset>p *.label {
  display:inline-block;
  width:90px;
  color:#42485A;
}*/



fieldset form>div>*,fieldset form>p>*,fieldset>div>*,fieldset>p>* {
  font-size:13px;
}
fieldset form>div>*:not(p):not(label):not(.label)+*,fieldset form>p>*:not(p):not(label):not(.label)+*,fieldset>div>*:not(p):not(label):not(.label)+*,fieldset>p>*:not(p):not(label):not(.label)+* {
  margin-left:5px;
}
fieldset form>p+*,fieldset form>div+*,fieldset>p+*,fieldset>div+* {
  margin-top: 5px;
}



/*=======================================================================
* Common List Search
=======================================================================*/
.search_bar {
  margin:-30px -66px 0;
  padding:20px 0;
  font-size:0;
  text-align:center;
  border-bottom:1px solid #BABBC2;
}
.search_bar fieldset {
  padding:0 66px;
  text-align:left;
}
.search_bar fieldset>div+*:not(select):not(input),.search_bar fieldset>p+*:not(select):not(input) {
  padding-top:0;
  border-top:0;
}
.search_bar fieldset .date_set {
  display:inline-block;
}
.search_bar fieldset .date_set input[type="text"].calendar {
  height:26px;
}
.search_bar fieldset .date_set>span {
  margin:0 5px;
  font-size:13px;
  line-height:26px;
}
.search_bar fieldset .date_set+* {
  margin-left:5px;
}
.search_bar fieldset select {
  margin:0;
  padding-top:0;
  padding-right:31px;
  min-width:120px;
  max-width:120px;
  height:26px;
  line-height:24px;
  background:url("../img/form/select_arrow_dual.png") no-repeat right 50% !important;
}

.search_bar fieldset select.long_294 { margin-right: 20px; min-width: 294px; max-width: 294px; }

.search_bar fieldset select+* {
  margin-left:5px;
}
.search_bar fieldset input[type="text"] {
  width:250px;
}
.search_bar fieldset input[type="text"]+.btn {
  margin-left:5px;
}
.search_bar fieldset .search_box {
  float:right;
}
.search_bar fieldset .search_box input[type="text"] {
  width:250px;
  height:26px;
  border-right:0;
  border-radius:5px 0 0 5px;
}
.search_bar fieldset .search_box .search {
  width:26px;
  height:26px;
  background:url("../img/icon/btn_view.png") no-repeat center 50% #22B2FB;
  background-size:14px;
  border-radius:0 5px 5px 0;
}
.search_bar+* {
  margin-top:20px;
}
.select_option {
  font-size:0;
  text-align:center;
  overflow:hidden;
}
.select_option *>*+* {
  margin-left:5px;
}
.select_option input+label {
  margin-left:0;
  font-size:13px;
  line-height:24px;
}
.select_option input+label+* {
  margin-left:10px;
}
.select_option+* {
  margin-top: 20px;
}



/*=======================================================================
* Table Style
=======================================================================*/
.table_area .data_info {
  margin-bottom:10px;
  font-size:0;
  text-align:right;
}
.table_area .data_info:after {
  content:"";
  display:block;
  height:0;
  clear:both;
  overflow:hidden;
}
.table_area .data_info .fl .btn+.btn {
  margin-left:10px;
}
.table_area .data_info .fr>p {
  display:inline-block;
  font-size:13px;
  line-height:26px;
  position:relative;
  overflow:hidden;
}
.table_area .data_info .fr>p span {
  margin-right:10px;
}
.table_area .data_info .fr>p strong {
  color:#22B2FB;
}
.table_area .data_info .fr>p+p {
  margin-left:10px;
  padding-left:10px;
}
.table_area .data_info .fr>p+p:before {
  content:"";
  margin:auto 0;
  width:1px;
  height:50%;
  background-color:#BABBC2;
  position:absolute;
  left:0;
  top:0;
  bottom: 0;
}
/* Icon Button */
.icon {
  display:inline-block;
  text-indent:-9999em;
  background-color:transparent;
  background-image:url("../img/icon/icon_set.png");
  background-repeat:no-repeat;
}
.icon.smaller {
  width:22px;
  height:22px;
}
.icon.small {
  width:30px;
  height:30px;
}
.icon.medium {
  width:36px;
  height:36px;
}
.icon.setting_g {
  background-position:0 -278px;
}
.icon.search_d {
  background:url("../img/btn/search_dark.png") no-repeat center 50%;
}
.icon.search_w {
  background: url("../img/btn/search_white.png") no-repeat center 50%;
}
/* Tab */
.tab_area {
  background-color:#f0f0f2;
  border-bottom:1px solid #BABBC2;
}
.tab_area:before {
  content:"";
  display:block;
  height:0;
  clear:both;
  overflow:hidden;
}
.tab_area .section {
  padding-top:10px;
  padding-bottom:0;
}
.tab_area p {
  display:inline-block;
  padding-right:20px;
  font-size:16px;
  color:#22B2FB;
  line-height:40px;
  position:relative;
  overflow:hidden;
}
.tab_area p:before {
  content:"";
  display:inline-block;
  margin:auto 0;
  width:0;
  height:0;
  border:5px solid transparent;
  border-left-color:#42485A;
  position:absolute;
  right:0;
  top:0;
  bottom:0;
}
.tab_area p+* {
  margin-left:5px;
}
.tab_area ul {
  display:inline-block;
  font-size:0;
  position:relative;
  bottom:-1px;
}
.tab_area ul li {
  display:inline-block;
  min-width:95px;
  font-size:13px;
  overflow:hidden;
}
.tab_area ul li+li {
  margin-left:-1px;
}
.tab_area ul li button {
  display:inline-block;
  padding:0 10px;
  width:100%;
  min-height:40px;
  color:#6e7794;
  line-height:1.4;
  background-color:#FFF;
  border:1px solid #BABBC2;
  border-radius:5px 5px 0 0;
}
.tab_area ul li button>span {
  display:block;
  margin-bottom:5px;
  color:#6e7794;
}
.tab_area ul li button.active {
  color:#22B2FB;
  border-bottom:1px solid #FFF;
}
.tab {
  flex:1 100%;
  position:relative;
  bottom:-30px;
}
.tab ul {
  font-size:0;
}
.tab ul li {
  display:inline-block;
}
.tab ul li+li {
  border-left:1px solid #BABBC2;
}
.tab ul li a {
  display:block;
  padding:0 20px 0 10px;
  height:33px;
  font-size:13px;
  line-height:33px;
  background-color:#f0f0f2;
  position:relative;
}
.tab ul li a.ico:before {
  content:"";
  margin-right:10px;
  width:25px;
  height:33px;
  float:left;
}
.tab ul li a.ico.chart:before {
  background:url("../img/icon/ico_chart_dark.png") no-repeat center 50%;
}
.tab ul li a.ico.left:before {
  background:url("../img/icon/ico_left_dark.png") no-repeat center 50%;
}
.tab ul li a.ico.cup:before {
  background:url("../img/icon/ico_cup_dark.png") no-repeat center 50%;
}
.tab ul li a.ico.heart:before {
  background:url("../img/icon/ico_heart_dark.png") no-repeat center 50%;
}
.tab ul li a.ico.mission:before {
  background:url("../img/icon/ico_mission_dark.png") no-repeat center 50%;
}
.tab ul li a.ico.set:before {
  background:url("../img/icon/ico_set_dark.png") no-repeat center 50%;
}
.tab ul li a.ico.active {
  color:#BABBC2;
  background-color:#42485A;
}
.tab ul li a.ico.active.chart:before {
  background:url("../img/icon/ico_chart_gray.png") no-repeat center 50%;
}
.tab ul li a.ico.active.left:before {
  background:url("../img/icon/ico_left_gray.png") no-repeat center 50%;
}
.tab ul li a.ico.active.cup:before {
  background:url("../img/icon/ico_cup_gray.png") no-repeat center 50%;
}
.tab ul li a.ico.active.heart:before {
  background:url("../img/icon/ico_heart_gray.png") no-repeat center 50%;
}
.tab ul li a.ico.active.mission:before {
  background:url("../img/icon/ico_mission_gray.png") no-repeat center 50%;
}
.tab ul li a.ico.active.set:before {
  background: url("../img/icon/ico_set_gray.png") no-repeat center 50%;
}
/* Column */
.column {
  position:relative;
}
.column h3 {
  margin:-20px -20px 20px;
  padding:20px;
  font-size:16px;
  color:#42485A;
  border-bottom:1px solid #BABBC2;
  overflow:hidden;
}
.column *+h3 {
  margin:30px 0 20px;
  padding:0 0 10px;
  background-color:transparent;
  border-bottom:1px solid #BABBC2;
}
.column .tab_area {
  margin:-20px -20px 20px;
  padding:10px 20px 0;
  border-bottom:1px solid #BABBC2;
}
.column .tab_area ul li {
  min-width:70px;
}
.column .tab_area ul li button {
  line-height:22px;
}
.column .option_t {
  margin-bottom:20px;
  font-size:16px;
}
.column *+.option_t {
  margin-top:30px;
}
.column+.column {
  margin-left:10px;
}
.column.col_span .grid_list ul {
  margin-left:-10px;
}
.column.col_span .grid_list ul li {
  width:calc((100% - 30px) / 3);
}
.column .introduce_box p {
  margin-bottom:10px;
}
.column .introduce_box .description {
  line-height:1.4;
}
.column .info_area .profile {
  vertical-align:middle;
  overflow:hidden;
}
.column .info_area .profile>.pic {
  margin-right:10px;
  width:42px;
  height:42px;
  float:left;
}
.column .info_area .profile>.name {
  font-size:16px;
  font-weight:500;
  line-height:1.4;
}
.column .info_area .profile>.name>span {
  display:block;
  font-size:13px;
  font-weight:normal;
}
.column .info_area .profile+.introduce_box {
  margin-top:10px;
}
.column .info_area .introduce_box {
  clear:both;
}
.column .info_area .introduce_box .date {
  margin-top:10px;
  line-height:1.4;
}
.column .info_area .introduce_box .date strong {
  display:block;
  color:#BABBC2;
}
.column .info_area .introduce_box .description {
  line-height:1.4;
}
.column .mission_check {
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid #BABBC2;
}
.column .mission_check>p {
  color:#F37054;
}
.column .mission_check .form {
  font-size:0;
}
.column .mission_check .form fieldset span+span {
  margin-left:20px;
}
.column .mission_check .form fieldset label {
  font-size:13px;
}
.column .mission_check .form fieldset input[type="text"] {
  padding-left:0;
  width:60px;
  font-size:13px;
  text-align:center;
}
.column .mission_check .form fieldset button {
  margin-left:10px;
  padding:0;
  min-width:50px;
}
.column .ui-datepicker {
  width:auto;
  font-size:16px;
  background:none;
  border:0 !important;
  border-radius:10px;
}
.column .ui-datepicker .ui-widget-header {
  margin-bottom:20px;
  font-size:18px;
}
.column .ui-datepicker .ui-datepicker-calendar thead tr th {
  padding:0.5em 0;
  background-color:#f0f0f2;
}
.column .ui-datepicker .ui-datepicker-calendar td {
  padding:1em 0;
}
.column .ui-datepicker .ui-datepicker-calendar td span,.column .ui-datepicker .ui-datepicker-calendar td a {
  width:30px;
  height:30px;
  line-height:30px;
}
.column .ui-datepicker .ui-datepicker-prev {
  left:20px;
}
.column .ui-datepicker .ui-datepicker-next {
  right:20px;
}
.column .service_choice {
  margin:0 auto;
  max-width:70%;
  min-width:360px;
}
.column .service_choice h4 {
  margin-bottom:10px;
  color:#BABBC2;
}
.column .service_choice+.service_choice {
  margin-top:30px;
}
.column .service_choice .blank {
  text-align:center;
  border-style:dashed;
}
.column .service_choice .blank p {
  padding:30px 0;
  color:#9fa0aa;
  background:url("../img/icon/check.png") no-repeat center 10px;
}
.column .more a,.column .add a {
  display:inline-block;
  width:auto;
  height:21px;
  text-indent:30px;
  line-height:21px;
  background:url("../img/btn/list_more.png") no-repeat left 50%;
  overflow:hidden;
}
.column .more a {
  background:url("../img/btn/list_more.png") no-repeat left 50%;
}
.column .add a {
  background:url("../img/btn/add.png") no-repeat left 50%;
}
.column>.more,.column>.add {
  position:absolute;
  right:20px;
  top:20px;
}
.column:after {
  content:"";
  display:block;
  height:0;
  clear:both;
  overflow:hidden;
}
.service_make .section,.data_area .section,.profile_area .section,.schedule_set .section,.trainer_info .section {
  display:flex;
  flex-flow:row wrap;
  justify-content:flex-start;
}
.service_make .section .column,.data_area .section .column,.profile_area .section .column,.schedule_set .section .column,.trainer_info .section .column {
  flex:0 1 auto;
  width:calc((100% - 21px) / 3);
}
.service_make .section .column.col_span,.data_area .section .column.col_span,.profile_area .section .column.col_span,.schedule_set .section .column.col_span,.trainer_info .section .column.col_span {
  flex:0 1 auto;
  width:calc(((100% - 15px) / 3) * 2);
}
.service_make .section .column.col_span+.column,.data_area .section .column.col_span+.column,.profile_area .section .column.col_span+.column,.schedule_set .section .column.col_span+.column,.trainer_info .section .column.col_span+.column {
  margin-left:10px;
}
.service_make .section .column .sort_date,.data_area .section .column .sort_date,.profile_area .section .column .sort_date,.schedule_set .section .column .sort_date,.trainer_info .section .column .sort_date {
  padding:0 0 10px;
  font-size:0;
  text-align:center;
  line-height:34px;
}
.service_make .section .column .sort_date input[type="text"],.data_area .section .column .sort_date input[type="text"],.profile_area .section .column .sort_date input[type="text"],.schedule_set .section .column .sort_date input[type="text"],.trainer_info .section .column .sort_date input[type="text"] {
  width:100px;
}
.service_make .section .column .sort_date>*,.data_area .section .column .sort_date>*,.profile_area .section .column .sort_date>*,.schedule_set .section .column .sort_date>*,.trainer_info .section .column .sort_date>* {
  font-size:13px;
}
.service_make .section .column .sort_date>*+*,.data_area .section .column .sort_date>*+*,.profile_area .section .column .sort_date>*+*,.schedule_set .section .column .sort_date>*+*,.trainer_info .section .column .sort_date>*+* {
  margin-left:5px;
}
.service_make .section .column .sort_date select,.data_area .section .column .sort_date select,.profile_area .section .column .sort_date select,.schedule_set .section .column .sort_date select,.trainer_info .section .column .sort_date select {
  min-width:50px;
}
.service_make .section .column .sort_date input[type="number"],.data_area .section .column .sort_date input[type="number"],.profile_area .section .column .sort_date input[type="number"],.schedule_set .section .column .sort_date input[type="number"],.trainer_info .section .column .sort_date input[type="number"] {
  width:100px;
}
.service_make .section .column .sort_date+.column.col_span,.data_area .section .column .sort_date+.column.col_span,.profile_area .section .column .sort_date+.column.col_span,.schedule_set .section .column .sort_date+.column.col_span,.trainer_info .section .column .sort_date+.column.col_span {
  margin-left:10px;
}
.service_make .section .column .grid_list,.data_area .section .column .grid_list,.profile_area .section .column .grid_list,.schedule_set .section .column .grid_list,.trainer_info .section .column .grid_list {
  max-height:450px;
  overflow:hidden;
  overflow-y:auto;
}
.service_make .section .column,.schedule_set .section .column,.trainer_info .section .column {
  padding:20px;
  background-color:#FFF;
  border:1px solid #BABBC2;
  border-radius:5px;
}
.notify {
  margin-top:10px;
}
.notify p {
  padding-left:31px;
  color:#9fa0aa;
  line-height:1.4;
  position:relative;
}
.notify p:first-child:before {
  content:"";
  margin:auto 0;
  width:21px;
  height:21px;
  background:url("../img/icon/ex_mark.png") no-repeat center 50%;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
}
.notify p+p {
  margin-top: 5px;
}
/* Full Area */
.free_area .section {
  max-width:60%;
  position:relative;
}
.free_area .section>fieldset {
  margin:0 auto;
  padding:20px;
  width:100%;
  background-color:#FFF;
  border-radius:5px;
  border:1px solid #BABBC2;
}
.free_area .section>fieldset input[type="text"],.free_area .section>fieldset input[type="email"],.free_area .section>fieldset input[type="password"] {
  width:250px;
}
.free_area .section>fieldset select {
  -ms-min-width:auto;
  min-width:100px;
}
.free_area .section>fieldset .time select {
  min-width:50px;
}
.free_area .section>fieldset .time>*:not(.label)+* {
  margin-left:5px;
}
.free_area .section>fieldset .address .zip+p input[type="text"],.free_area .section>fieldset .address .zip+p+p input[type="text"] {
  width:100%;
}
.free_area .section>fieldset+.button_area {
  margin-top:0;
  border:0;
}
.free_area .section>fieldset+fieldset {
  margin-top:20px;
}
.free_area .section.schedule_set .section { max-width: none; padding: 0; }
.free_area .product_flow {
  margin-bottom:20px;
  padding:10px;
  background-color:#FFF;
  border-radius:5px;
  border:1px solid #BABBC2;
}
.free_area .product_flow ul {
  display:flex;
  flex-flow:row wrap;
  justify-content:flex-start;
}
.free_area .product_flow ul li {
  flex:1;
  padding:20px 0;
  text-align:center;
  text-transform:uppercase;
  border:1px dashed #BABBC2;
  border-radius:5px;
}
.free_area .product_flow ul li.active {
  color:#FFF;
  background-color:#22B2FB;
  border-color:transparent;
}
.free_area .product_flow ul li+li {
  margin-left:20px;
}
.free_area .pr_form {
  padding:20px;
  background-color:#FFF;
  border:1px solid #BABBC2;
  border-radius:5px;
  position:relative;
}
.free_area .section h3.tit { margin-bottom: 20px; font-size: 16px; font-weight: 500; color: #42485A; }
.free_area .section fieldset + h3.tit { margin-top: 30px; }

.free_area .pr_form h3 {
  margin:-20px -20px 10px;
  padding:20px;
  font-size:16px;
  color:#42485A;
  background:#f0f0f2;
  overflow:hidden;
}
.free_area .pr_form .add {
  position:absolute;
  top:20px;
  right:20px;
}
.free_area .pr_form .add a {
  display:inline-block;
  width:21px;
  height:21px;
  text-indent:-9999em;
  background:url("../img/btn/add.png") no-repeat center 50%;
  overflow:hidden;
}
.free_area .pr_form .notify {
  display:none;
}
.free_area .pr_form .notify.active {
  display:block;
}
.free_area .pr_form .grid_list:not(.latest) ul li {
  width:calc((100% - 60px) / 3);
}
.free_area .pr_form .pr_option {
  padding:0 10px;
  font-size:13px;
  color:#FFF;
  line-height:34px;
  background-color:#22B2FB;
  border-radius:5px;
  position:relative;
}
.free_area .pr_form .pr_option>.remove {
  display:inline-block;
  width:30px;
  height:34px;
  text-indent:-9999em;
  background:url("../img/icon/ico_obj_del.png") no-repeat center 50%;
  position:absolute;
  top:0;
  right:0;
}
.free_area .pr_form .pr_option>.add {
  display:inline-block;
  padding-left:30px;
  width:30px;
  height:34px;
  text-indent:-9999em;
  background:url("../img/btn/itm_add.png") no-repeat center 50%;
  position:absolute;
  top:0;
  right:0;
}
.free_area .pr_form .pr_option+p {
  margin-top:10px;
}
.free_area .pr_form .product_info fieldset input[type="text"] {
  width:calc(100% - 90px);
}
.free_area .pr_form .product_info fieldset input[type="checkbox"]+label+input[type="checkbox"]+label {
  margin-left:10px;
}
.free_area .pr_form .product_info fieldset input[type="radio"]+label {
  min-width:90px;
}
.free_area .pr_form .product_info fieldset input[type="radio"]+label i {
  margin-left:0;
}
.free_area .pr_form .product_info fieldset input[type="radio"]+label input[type="text"] {
  display:none;
}
.free_area .pr_form .product_info fieldset input[type="radio"]+label input[type="number"] {
  display:none;
  width:30px;
}
.free_area .pr_form .product_info fieldset input[type="radio"]+label input[type="number"]+i {
  display:none;
  margin-left:10px;
}
.free_area .pr_form .product_info fieldset input[type="radio"]:checked+label>i {
  display:none;
}
.free_area .pr_form .product_info fieldset input[type="radio"]:checked+label input[type="text"],.free_area .pr_form .product_info fieldset input[type="radio"]:checked+label input[type="number"] {
  display:inline-block;
}
.free_area .pr_form .product_info fieldset input[type="radio"]:checked+label input[type="text"]+i,.free_area .pr_form .product_info fieldset input[type="radio"]:checked+label input[type="number"]+i {
  display:inline-block;
}
.free_area .pr_form .product_info fieldset .date input[type="text"] {
  width:110px;
}
.free_area .pr_form .product_info fieldset .date input[type="text"]+input[type="text"] {
  margin-left:10px;
}
.free_area .pr_form .product_info fieldset select {
  margin-left:10px;
  min-width:initial;
  width:80px;
}
.free_area .pr_form .product_info fieldset span.option {
  display:block;
}
.free_area .pr_form .product_info fieldset .price span:last-child {
  margin-left:10px;
}
.free_area .pr_form .product_info .price_option {
  padding:10px 0;
  max-height:450px;
  font-size:0;
  position:relative;
  overflow:hidden;
  overflow-y:auto;
}
.free_area .pr_form .product_info .price_option .grid_list ul li {
  padding-bottom:20px;
}
.free_area .pr_form .product_info .price_option .grid_list ul li .card_itm:after {
  display:none;
}
.free_area .pr_form .product_info .price_option .grid_list ul li>.view {
  display:none;
}
.free_area .pr_form .product_info .price_option .grid_list ul li>.remove {
  left:auto;
  right:20px;
  bottom:auto;
  top:20px;
}
.free_area .pr_form .product_info .price_option .grid_list ul li .pr_option {
  color:#42485A;
  background-color:transparent;
  border:1px solid #f0f0f2;
}
.free_area .pr_form .product_info .option_btn {
  margin-top:20px;
  text-align:center;
}
.free_area .pr_form .product_info.flex_area {
  display:flex;
  flex-flow:row wrap;
  justify-content:flex-start;
}
.free_area .pr_form .product_info.flex_area .total_price,.free_area .pr_form .product_info.flex_area fieldset,.free_area .pr_form .product_info.flex_area .price_option {
  width:50%;
}
.free_area .pr_form .product_info.flex_area fieldset {
  padding-right:20px;
}
.free_area .pr_form .product_info.flex_area fieldset p .label,.free_area .pr_form .product_info.flex_area fieldset p label {
  margin-right:0;
}
.free_area .pr_form .product_info.flex_area .option_btn {
  flex:none;
  width:100%;
}
.free_area .pr_form .product_info.flex_area .total_price {
  padding:10px 0 10px 20px;
}
.free_area .pr_form .product_info.flex_area>*:first-child+* {
  padding-left:20px;
  border-left:1px solid #BABBC2;
  position:relative;
}
.free_area .pr_form .product_info.flex_area .package_list .remove {
  width:21px;
  text-indent:-9999em;
  left:auto;
}
.free_area .pr_form+.pr_form {
  margin-top:20px;
}
.free_area .product_box {
  display:none;
}
.free_area .product_box.buy {
  display:block;
}
.free_area .product_box.buy fieldset input[type="text"] {
  width:215px;
}
.free_area .product_box.buy fieldset input[type="text"]+span {
  margin-left:5px;
  color:#42485A;
}
.free_area .product_box.buy fieldset select {
  margin-left:0;
  width:110px;
}
.free_area .product_box.buy fieldset select+input[type="text"] {
  margin-left:5px;
  width:100px;
}
.free_area .product_box.buy fieldset .total strong {
  font-size:16px;
  color:#22B2FB;
}
.free_area .product_box.buy fieldset .receivable strong {
  color: #F37054;
}



/*=======================================================================
* Content Top
=======================================================================*/
.con_top {
  background-color:#f0f0f2;
}
.con_top .section+.section {
  padding-top:0;
}
.con_top .date_set {
  margin:0 auto 10px;
  width:250px;
  text-align:center;
  position:relative;
}
.con_top .date_set .select {
  display:inline-block;
  min-width:60px;
}
.con_top .date_set .select select {
  padding-right:30px;
  min-width:initial;
  font-size:16px;
  background:url("../img/form/custom_select_arrow.png") no-repeat right 10px top 50% transparent !important;
  border:0;
}
.con_top .date_set .prev,.con_top .date_set .next {
  display:inline-block;
  margin:auto 0;
  width:21px;
  height:21px;
  text-indent:-9999em;
  position:absolute;
  top:0;
  bottom:0;
  overflow:hidden;
}
.con_top .date_set .prev {
  background:url("../img/btn/select_left.png") no-repeat center 50%;
  left:0;
}
.con_top .date_set .next {
  background:url("../img/btn/select_right.png") no-repeat center 50%;
  right:0;
}
.con_top .info {
  display:flex;
  flex-flow:row wrap;
  justify-content:center;
  clear:both;
}
.con_top .info .itm {
  padding:0 10px;
  text-align:center;
}
.con_top .info .itm span {
  display:block;
  margin-bottom:10px;
}
.con_top .info .itm strong {
  font-size:16px;
}
.con_top .info .itm+.itm {
  border-left:1px solid #BABBC2;
}
.con_top .fl+select {
  margin-left:5px;
  min-width:initial;
  height:26px;
  line-height:24px;
  background:url("../img/form/select_arrow_dual.png") no-repeat right 50% !important;
}
.con_top .date_area {
  display:inline-block;
  font-size:0;
}
.con_top .date_area select {
  min-width:initial;
  height:26px;
  line-height:24px;
  background:url("../img/form/select_arrow_dual.png") no-repeat right 50% !important;
}
.con_top .date_area>*+* {
  margin-left:5px;
}
.con_top .date_area+select {
  margin-left:5px;
  min-width:initial;
  height:26px;
  line-height:24px;
  background:url("../img/form/select_arrow_dual.png") no-repeat right 50% !important;
}
.con_top .data_info {
  line-height:24px;
  overflow:hidden;
}
.con_top .data_info .date_set {
  width:initial;
}
.con_top .data_info .date_set .calendar {
  height:26px;
}

.usage_history .data_info .fl:nth-child(even) { margin-left: 20px; padding-left: 20px; position: relative; }
.usage_history .data_info .fl:nth-child(even):before { content:"|"; color: #BABBC2; position: absolute; left: 0; }
.usage_history .time { clear: both; padding-top: 10px; }
.usage_history .time .label { line-height: inherit; margin-right: 10px; }
.usage_history .time select { min-width: 20px; height: 26px; background-color: #FFF; }


.chart_section .chart_area {
  display:flex;
  flex-flow:row wrap;
  justify-content:flex-start;
  margin-left:-10px;
}
.chart_section .chart_area .itm {
  flex:0 1 auto;
  margin:0 0 20px 20px;
  width:calc((100% - 40px) / 2);
  border:1px solid #BABBC2;
  border-radius:5px;
  position:relative;
  overflow:hidden;
}
.chart_section .chart_area .itm h3 {
  padding:20px;
  font-size:16px;
  color:#42485A;
  background:#f0f0f2;
  overflow:hidden;
}
.chart_section .chart_area .itm .chart_itm {
  height:310px;
}
.chart_section .chart_area .itm .chart_itm.fl,.chart_section .chart_area .itm .chart_itm.fr {
  width:50%;
}
.chart_section .chart_area .itm .ctr_btn {
  font-size:0;
  position:absolute;
  top:17px;
  right:20px;
}
.chart_section .chart_area .itm .ctr_btn .prev,.chart_section .chart_area .itm .ctr_btn .next {
  display:inline-block;
  margin:auto 0;
  width:21px;
  height:21px;
  text-indent:-9999em;
  overflow:hidden;
}
.chart_section .chart_area .itm .ctr_btn .prev {
  background:url("../img/btn/select_left.png") no-repeat center 50%;
}
.chart_section .chart_area .itm .ctr_btn .next {
  margin-left:5px;
  background:url("../img/btn/select_right.png") no-repeat center 50%;
}
.accounting_pw {
  height:calc(100% - 120px);
  text-align:center;
}
.accounting_pw .pw_box {
  display:inline-block;
  padding-top:140px;
  max-width:250px;
  vertical-align:middle;
  background:url("../img/icon/book.png") no-repeat center top;
}
.accounting_pw .pw_box fieldset {
  margin-top:30px;
  text-align:center;
}
.accounting_pw .pw_box fieldset p input[type="password"] {
  padding:0;
  width:100%;
  text-align:center;
}
.accounting_pw .pw_box fieldset p+p {
  padding-top:0;
  border-top:0;
}
.accounting_pw .pw_box fieldset p+p .btn {
  width:100%;
}
.accounting_pw:before {
  content:"";
  display:inline-block;
  width:0;
  height:100%;
  vertical-align: middle;
}



/*=======================================================================
* Back Button Area
=======================================================================*/
.bar_area {
  padding:10px 66px;
  height:54px;
  background-color:#FFF;
  box-shadow:1px 1px 4px #BABBC2;
  position:relative;
  z-index:1;
}
.bar_area.fix_sc {
  width:100%;
  position:fixed;
  left:0;
  top:0;
  z-index:800;
}
.bar_area .prev {
  display:inline-block;
  width:30px;
  height:30px;
  text-indent:-9999em;
  background:url("../img/icon/ico_back.png") no-repeat center 50%;
  position:absolute;
  left:18px;
  top:10px;
}
.bar_area h2 {
  font-size:16px;
  line-height:32px;
}
.bar_area .fl a {
  display:inline-block;
  font-size:16px;
  color:#9fa0aa;
  line-height:32px;
}
.bar_area .fl a+a {
  margin-left:10px;
  padding-left:17px;
  background:url("../img/icon/location_arrow.png") no-repeat left 50%;
}
.bar_area .fl a:hover {
  text-decoration:underline;
}
.bar_area .fl a:last-child {
  font-weight:500;
  color:#42485A;
  cursor:default;
  text-decoration:none;
}
.bar_area .fr {
  font-size:0;
}
.bar_area .fr>*+* {
  margin-left:10px;
}
.bar_area .fr.nav ul {
  margin-top:-10px;
  font-size:0;
}
.bar_area .fr.nav ul li {
  display:inline-block;
}
.bar_area .fr.nav ul li a {
  display:block;
  padding:0 20px 0 54px;
  height:54px;
  font-size:13px;
  line-height:54px;
  position:relative;
}
.bar_area .fr.nav ul li a:before {
  content:"";
  width:54px;
  height:100%;
  background-repeat:no-repeat;
  background-position:center 50%;
  position:absolute;
  left:0;
  top:0;
}
.bar_area .fr.nav ul li a.n_01:before {
  background-image:url("../img/icon/ico_nav_01_g.png");
}
.bar_area .fr.nav ul li a.n_02:before {
  background-image:url("../img/icon/ico_nav_02_g.png");
}
.bar_area .fr.nav ul li a.n_03:before {
  background-image:url("../img/icon/ico_nav_03_g.png");
}
.bar_area .fr.nav ul li a.n_04:before {
  background-image:url("../img/icon/ico_nav_04_g.png");
}
.bar_area .fr.nav ul li a.n_05:before {
  background-image:url("../img/icon/ico_nav_05_g.png");
}
.bar_area .fr.nav ul li a.appointment:before {
  background-image:url("../img/icon/ico_nav_appointment.png");
}
.bar_area .fr.nav ul li a.class:before {
  background-image:url("../img/icon/ico_nav_class.png");
}
.bar_area .fr.nav ul li a.place:before {
  background-image:url("../img/icon/ico_nav_place.png");
}
.bar_area .fr.nav ul li a.active {
  color:#FFF;
  background-color:#22B2FB;
}
.bar_area .fr.nav ul li a.active.n_01:before {
  background-image:url("../img/icon/ico_nav_01_w.png");
}
.bar_area .fr.nav ul li a.active.n_02:before {
  background-image:url("../img/icon/ico_nav_02_w.png");
}
.bar_area .fr.nav ul li a.active.n_03:before {
  background-image:url("../img/icon/ico_nav_03_w.png");
}
.bar_area .fr.nav ul li a.active.n_04:before {
  background-image:url("../img/icon/ico_nav_04_w.png");
}
.bar_area .fr.nav ul li a.active.n_05:before {
  background-image:url("../img/icon/ico_nav_05_w.png");
}
.bar_area .fr.nav ul li a.active.appointment:before {
  background-image:url("../img/icon/ico_nav_appointment_w.png");
}
.bar_area .fr.nav ul li a.active.class:before {
  background-image:url("../img/icon/ico_nav_class_w.png");
}
.bar_area .fr.nav ul li a.active.place:before {
  background-image:url("../img/icon/ico_nav_place_w.png");
}
.cont_box {
  margin:0 auto;
  max-width:60%;
  border:1px solid #BABBC2;
  border-radius:5px;
}
.cont_box h3 {
  padding:20px;
  font-size:16px;
  color:#42485A;
  border-bottom:1px solid #BABBC2;
  position:relative;
}
.cont_box .cont_body {
  padding:30px 20px;
}
.cont_box .cont_body .service_type_set fieldset>span {
  display:inline-block;
}
.cont_box .cont_body .service_type_set fieldset>span+span {
  margin-left:30px;
}
.cont_box .cont_body .service_type_set fieldset p>*:not(.label):not(label)+* {
  margin-left:5px;
}
.cont_box .cont_body .service_type_set fieldset p input[type="radio"]+label>*+* {
  margin-left:5px;
}
.cont_box .cont_body .service_type_set fieldset p input[type="radio"]+label+input[type="radio"]+label {
  margin-left:30px;
}
.cont_box .cont_body .service_type_set .type_info {
  padding:20px 0 0;
}
.cont_box .cont_body .service_type_set .type_info p {
  display:none;
}
.cont_box .cont_body .service_type_set .type_info p span {
  color:#F39800;
}
.cont_box .cont_body .service_type_set .btn_area {
  margin-top:30px;
  font-size:0;
}
.cont_box .cont_body .service_type_set .btn_area .btn+.btn {
  margin-left:10px;
}
.cont_box .cont_body .service_type_set .button_area {
  padding-top:0;
  border-top:0;
}
.sms_info {
  margin-bottom:50px;
}
.sms_info h2 {
  margin-bottom:10px;
  font-size:16px;
  color:#42485A;
}
.sms_info ul li {
  padding-left:10px;
  position:relative;
}
.sms_info ul li+li {
  margin-top:10px;
}
.sms_info ul li:before {
  content:"";
  width:3px;
  height:3px;
  background-color:#BABBC2;
  border-radius:50%;
  position:absolute;
  left:0;
  top:5px;
}
.sms_form {
  min-width:235px;
  position:relative;
}
.sms_form h3 {
  margin-bottom:20px;
  font-size:16px;
  color:#42485A;
}
.sms_form fieldset {
  padding:10px;
  border:1px solid #BABBC2;
  border-radius:5px;
  position:relative;
}
.sms_form fieldset .state:after {
  content:"";
  display:block;
  height:0;
  clear:both;
  overflow:hidden;
}
.sms_form fieldset .state>*:last-child {
  float:right;
}
.sms_form fieldset .label {
  width:60px;
}
.sms_form fieldset select {
  width:calc(100% - 60px);
}
.sms_form fieldset .time select {
  min-width:initial;
  width:70px;
}
.sms_form fieldset textarea {
  width:100%;
  height:150px;
}
.sms_form fieldset button {
  width:100%;
}
.sms_form .sms_make {
  margin-top:20px;
}
.sms_form .sms_make p {
  line-height:1.4;
}
.sms_form .sms_make p button {
  color:#22B2FB;
  line-height:1.4;
  background-color:transparent;
}
.sms_form .sms_make p+p {
  margin-top:5px;
}
.sms_form .use_check {
  position:absolute;
  top:0;
  right:0;
}
.sms_form .use_check input[type="checkbox"]+label {
  margin-left:50px;
  width:40px;
  height:20px;
  text-indent:-9999em;
  border:1px solid #BABBC2;
  border-radius:10px;
  cursor:pointer;
  overflow:visible;
}
.sms_form .use_check input[type="checkbox"]+label:before {
  margin:initial;
  width:16px;
  height:16px;
  background:#BABBC2;
  border-radius:50%;
  left:1px;
  top:1px;
  transition:left 150ms ease-in-out;
}
.sms_form .use_check input[type="checkbox"]+label:after {
  content:"미사용";
  display:inline-block;
  width:40px;
  text-indent:0;
  text-align:right;
  line-height:18px;
  position:absolute;
  left:-50px;
  top:0;
  z-index:10;
}
.sms_form .use_check input[type="checkbox"]:checked+label:before {
  background-color:#22B2FB;
  left:21px;
}
.sms_form .use_check input[type="checkbox"]:checked+label:after {
  content:"사용";
}
.sms_auto {
  display:flex;
  flex-flow:row wrap;
  justify-content:flex-start;
}
.sms_auto .sms_form {
  flex:1;
}
.sms_auto .sms_form fieldset {
  min-height:400px;
}
.sms_auto .sms_form fieldset button.btn {
  margin:0 auto;
  width:93%;
  position:absolute;
  left:0;
  bottom:20px;
  right:0;
}
.sms_auto .sms_form+.sms_form {
  margin-left: 20px;
}



/*=======================================================================
* 안내 문구
=======================================================================*/
.sign_info {
  padding:20px;
  line-height:1.4;
  background-color:#f0f0f2;
  border-radius:10px;
}
.sign_info+* {
  margin-top: 30px;
}



/*=======================================================================
* 예약 설정 공통
=======================================================================*/
.reservation_set h3 {
  font-size:16px;
  color:#42485A;
}
.reservation_set h3+.notify_txt {
  margin-top:10px;
  line-height:1.4;
}
.reservation_set h3+.notify_txt .btn_area {
  margin-top:20px;
}
.reservation_set *+h3 {
  margin-top:30px;
  padding-top:30px;
  border-top:1px solid #BABBC2;
}
.reservation_set fieldset {
  margin-top:20px;
}
.reservation_set fieldset p input[type="radio"]+label span:first-child+span {
  display:none;
}
.reservation_set fieldset p input[type="radio"]:checked+label span:first-child {
  display:none;
}
.reservation_set fieldset p input[type="radio"]:checked+label span:first-child+span {
  display:block;
}
.reservation_set fieldset p input[type="radio"]:checked+label span:first-child+span input[type="number"] {
  width:50px;
}
.reservation_set fieldset p input[type="radio"]:checked+label span:first-child+span select {
  min-width: 50px;
}



/*=======================================================================
* No Data Area
=======================================================================*/
.no_data {
  padding:30px 0;
  text-align:center;
}
.no_data p:first-child {
  padding-top:40px;
  font-size:13px;
  font-weight:500;
  background:url("../img/icon/warnning.png") no-repeat center top;
}
.no_data .button_area {
  padding:0;
  border-top: 0;
}



/*=======================================================================
* Health
=======================================================================*/
.health_area {
  display:flex;
  flex-flow:row wrap;
  justify-content:flex-start;
  margin-left:-20px;
}
.health_area .health_section {
  flex:0 1 auto;
  margin-left:20px;
  padding:20px;
  width:calc((100% - 80px) / 4);
  background-color:#FFF;
  border:1px solid #BABBC2;
  border-radius:5px;
  position:relative;
  overflow:hidden;
}
.health_area .health_section h3 {
  margin:-20px -20px 0;
  padding:20px;
  font-size:16px;
  color:#42485A;
  background:#f0f0f2;
  overflow:hidden;
}
.health_area .health_section .grid_list {
  margin-top:30px;
}
.health_area .health_section .grid_list ul li .health_sub {
  display:block;
  overflow:hidden;
}
.health_area .health_section .grid_list ul li .health_sub p {
  color:#9fa0aa;
  clear:both;
}
.health_area .health_section .grid_list ul li .health_sub p+p {
  margin-top:10px;
}
.health_area .health_section .grid_list ul li .health_sub p>span {
  color:#42485A;
  float:right;
}
.health_area .health_section .grid_list ul li .health_sub p:first-child {
  font-size:16px;
  color:#42485A;
}
.health_area .health_section .grid_list ul li .health_sub p:first-child+p {
  margin-top:20px;
}
.health_area .health_section .grid_list ul li .health_sub+.date>span {
  margin-right:10px;
}
.health_area .health_section .grid_list ul li .health_info {
  display:block;
  margin-top:10px;
  padding-top:10px;
  color:#42485A;
  border-top:1px solid #f0f0f2;
  overflow:hidden;
}
.health_area .health_section .grid_list ul li .health_info p {
  clear:both;
}
.health_area .health_section .grid_list ul li .health_info p>span {
  float:right;
}
.health_area .health_section .grid_list ul li .health_info p>span i {
  font-size:18px;
  color:#22B2FB;
  vertical-align:bottom;
}
.health_area .health_section .grid_list ul li .health_info p+p {
  margin-top:10px;
}
.health_area .health_section .add {
  display:inline-block;
  width:auto;
  height:21px;
  text-indent:25px;
  background:url("../img/btn/add.png") no-repeat left 50%;
  position:absolute;
  top:20px;
  right:20px;
  overflow: hidden;
}



/*=======================================================================
* Basic List
=======================================================================*/
.basic_list {
  position:relative;
}
.basic_list ul li {
  padding:0 0 10px;
  position:relative;
  clear:both;
  overflow:hidden;
}
.basic_list ul li *.label {
  display:inline-block;
  margin-right:10px;
  width:85px;
  color:#BABBC2;
  line-height:1;
}
.basic_list ul li *.label+i {
  color:#42485A;
}
.basic_list ul li .info p {
  max-width:70%;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}
.basic_list ul li .info p+p {
  margin-top:10px;
}
.basic_list ul li .enter,.basic_list ul li .out {
  display:inline-block;
}
.basic_list ul li .enter>strong,.basic_list ul li .out>strong {
  display:inline-block;
  margin-right:5px;
}
.basic_list ul li .enter+span,.basic_list ul li .out+span {
  margin-left:30px;
}
.basic_list ul li .record {
  display:flex;
  font-size:0;
}
.basic_list ul li .record>p {
  flex:1;
  font-size:13px;
}
.basic_list ul li .record>p+p {
  padding-left:20px;
  position:relative;
}
.basic_list ul li .record>p+p:before {
  content:"";
  margin:auto 0;
  width:1px;
  height:100%;
  background-color:#BABBC2;
  position:absolute;
  left:0;
  top:0;
  bottom:0;
}
.basic_list ul li+li {
  padding-top:10px;
  border-top:1px solid #f0f0f2;
}
.basic_list>.more {
  position:absolute;
  top:-60px;
  right:0;
}
.basic_list.card ul li .status {
  position:absolute;
  top:30px;
  right:20px;
}
.basic_list.card ul li .btn {
  min-width:50px;
  position:absolute;
  top:0;
  right: 0;
}



/*=======================================================================
* Grid List
=======================================================================*/
.grid_list {
  clear:both;
}
.grid_list ul {
  display:flex;
  flex-flow:row wrap;
  justify-content:flex-start;
  margin-left:-20px;
}
.grid_list ul li {
  flex:0 1 auto;
  margin:0 0 10px 10px;
  padding:20px 10px;
  width:calc((100% - 50px) / 5);
  color:#42485A;
  background-color:#FFF;
  border:1px solid #BABBC2;
  border-radius:5px;
  position:relative;
  overflow:hidden;
}
.grid_list ul li:before {
  content:"";
  width:0;
  height:100%;
  float:left;
  overflow:hidden;
}
.grid_list ul li>* {
  display:inline-block;
  vertical-align:middle;
  position: static;
  z-index: 1;
}
.grid_list ul li>.add_service {
  width:100%;
  height:100%;
  text-indent:-9999em;
  position:absolute;
  left:0;
  top:0;
  z-index:5;
  overflow:hidden;
}
.grid_list ul li>input[type="checkbox"]+label {
  width:100%;
  height:100%;
  text-indent:-9999em;
  background:transparent;
  cursor:pointer;
  position:absolute;
  left:0;
  top:0;
  z-index:5;
}
.grid_list ul li>input[type="checkbox"]+label:before {
  display:none;
  margin:auto;
  width:100%;
  height:100%;
  background:url("../img/form/list_check_cicle.png") no-repeat center 50%;
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
}
.grid_list ul li>input[type="checkbox"]:checked+label:before {
  display:block;
}
.grid_list ul li .pic {
  width:42px;
  height:42px;
}
.grid_list ul li .pic+.info {
  margin-left:10px;
}
.grid_list ul li .name_tag {
  margin-left:10px;
}
.grid_list ul li .name_tag p+p {
  margin-top:5px;
  font-size:16px;
}
.grid_list ul li .program_tag {
  padding-left:25px;
  line-height:1.4;
  position:relative;
}
.grid_list ul li .program_tag:before {
  content:"";
  margin:auto;
  width:10px;
  height:10px;
  background-color:#BABBC2;
  border-radius:50%;
  position:absolute;
  left:0;
  top:0;
  bottom:0;
}
.grid_list ul li .program_tag>* {
  display:block;
}
.grid_list ul li .program_tag strong {
  font-size:16px;
}
.grid_list ul li .program_tag span {
  font-size:13px;
}
.grid_list ul li>.profile {
  display:block;
  overflow:hidden;
}
.grid_list ul li>.profile .pic {
  margin-right:10px;
  float:left;
}
.grid_list ul li>.profile .name {
  font-size:16px;
  font-weight:500;
}
.grid_list ul li>.profile>p {
  line-height:22px;
}
.grid_list ul li>.profile+.card_itm {
  margin-top:10px;
}
.grid_list ul li>.info>p>.name {
  font-size:16px;
}
.grid_list ul li>.info>p>.name+span {
  margin-left:10px;
  vertical-align:bottom;
}
.grid_list ul li>.info>p+p {
  margin-top:10px;
}
.grid_list ul li>.info>p>span:first-child {
  display:inline-block;
  margin-right:10px;
}
.grid_list ul li>.info .study {
  font-size:18px;
  line-height:42px;
}
.grid_list ul li>.time {
  margin:auto 0;
  height:36px;
  position:absolute;
  right:20px;
  top:-40px;
  bottom:0;
}
.grid_list ul li>.time .start {
  color:#22B2FB;
}
.grid_list ul li>.time .end {
  margin-top:10px;
  color:#F37054;
}
.grid_list ul li .card_itm {
  display:block;
}
.grid_list ul li .card_itm>p.title {
  word-break:break-all;
  font-size:16px;
  font-weight:500;
  color:#42485A;
  line-height:1.4;
}
.grid_list ul li .card_itm .unit {
  font-size:13px;
  line-height:1.4;
  position:relative;
}
.grid_list ul li .card_itm .unit strong {
  display:block;
  font-weight:normal;
  color:#BABBC2;
}
.grid_list ul li .card_itm .unit span {
  display:block;
  color:#6e7794;
  overflow:hidden;
}
.grid_list ul li .card_itm .unit span+strong {
  margin-top:10px;
}
.grid_list ul li .card_itm .unit span>i {
  float:right;
}
.grid_list ul li .card_itm .info {
  position:static;
  bottom:20px;
  right:20px;
}
.grid_list ul li .card_itm .info>.pic {
  float:right;
}
.grid_list ul li .card_itm .info>.name {
  margin-right:10px;
  float:right;
  position:relative;
  top:28px;
}
.grid_list ul li .card_itm .info .unit {
  text-align:right;
}
.grid_list ul li .card_itm .info .btn {
  position:absolute;
  left:20px;
  bottom:7px;
}
.grid_list ul li .card_itm .description>p {
  color:#BABBC2;
}
.grid_list ul li .card_itm .description .txt {
  height:40px;
  color:#6e7794;
  line-height:1.4;
  overflow:hidden;
}
.grid_list ul li .card_itm .description+.info {
  position:relative;
  bottom:auto;
  right:auto;
}
.grid_list ul li .card_itm>*+* {
  margin-top:5px;
}
.grid_list ul li .card_itm>*+*.info {
  margin-top:20px;
}
.grid_list ul li .receivable {
  margin:0;
  padding:5px 10px;
  color:#FFF;
  text-align:center;
  background-color:#F37054;
  border-radius:0 0 5px 5px;
  position:absolute;
  top:0;
  right:10px;
}
.grid_list ul li.product>.card_itm>.unit:first-child {
  font-size:16px;
  font-weight:500;
}
.grid_list ul li.product>.card_itm>.unit:first-child strong {
  font-size:13px;
}
.grid_list ul li.product>.card_itm>.unit:first-child span {
  color:#42485A;
}
.grid_list ul li.product>.card_itm>.unit strong {
  display:inline-block;
  width:60px;
}
.grid_list ul li.product>.card_itm>.unit .cnt_ctr {
  display:inline-block;
  padding:0;
  width:30px;
  height:19px;
  text-align:center;
  border-radius:0;
}
.grid_list ul li.product>.card_itm>.unit .btn_cnt {
  display:inline-block;
  width:11px;
  line-height:0;
}
.grid_list ul li.product>.card_itm>.unit .btn_cnt>a {
  display:inline-block;
  width:11px;
  height:9px;
  text-indent:-9999em;
  background:url("../img/btn/count_up_down.png") no-repeat center top;
}
.grid_list ul li.product>.card_itm>.unit .btn_cnt>a.cnt_down {
  background-position:center bottom;
}
.grid_list ul li.product>.card_itm .price {
  font-size:16px;
}
.grid_list ul li.product>.card_itm+.buy {
  display:block;
  margin-top:10px;
  text-align:right;
}
.grid_list ul li.product>.card_itm+.buy p select {
  width:99.9%;
}
.grid_list ul li.product>.card_itm+.buy p+p {
  margin-top:10px;
}
.grid_list ul li.product>.card_itm .info .unit,.grid_list ul li.product>.card_itm .info .btn {
  position:absolute;
  right:20px;
}
.grid_list ul li.product>.card_itm .info .unit+.dark,.grid_list ul li.product>.card_itm .info .btn+.dark {
  left:auto;
}
.grid_list ul li.product>.card_itm .info .unit {
  text-align:right;
  bottom:4px;
}
.grid_list ul li.product>.card_itm:after {
  content:"";
  width:100%;
  height:1px;
  background-color:#f0f0f2;
  position:absolute;
  left:0;
  bottom:40px;
}
.grid_list ul li.product:after {
  content:"";
  width:6px;
  height:100%;
  position:absolute;
  left:0;
  top:0;
  overflow:hidden;
}
.grid_list ul li.product.class:after {
  background-color:#F39800;
}
.grid_list ul li.product.class .price {
  color:#F39800;
}
.grid_list ul li.product.appointment:after {
  background-color:#7A52CC;
}
.grid_list ul li.product.appointment .price {
  color:#7A52CC;
}
.grid_list ul li.product.place:after {
  background-color:#22B2FB;
}
.grid_list ul li.product.place .price {
  color:#22B2FB;
}
.grid_list ul li.product.package:after {
  background-color:#F37054;
}
.grid_list ul li.product.package .price {
  color:#F37054;
}
.grid_list ul li.product.option:after {
  background-color:#21242D;
}
.grid_list ul li.product.option .price {
  color:#21242D;
}
.grid_list ul li.rooming {
  padding:20px;
}
.grid_list ul li.rooming:after {
  display:none;
}
.grid_list ul li.rooming .card_itm>.unit:first-child span {
  color:#42485A;
}
.grid_list ul li>.modify,.grid_list ul li>.view,.grid_list ul li>.remove {
  width:21px;
  height:21px;
  text-indent:-9999em;
  background-repeat:no-repeat;
  background-position:center 50%;
  position:absolute;
  top:20px;
  z-index:10;
  overflow:hidden;
}
.grid_list ul li>.modify,.grid_list ul li>.view,.grid_list ul li>.remove {
  width:auto;
  height:21px;
  text-indent:28px;
  line-height:21px;
  background-repeat:no-repeat;
  background-position:left 50%;
  position:absolute;
  bottom:10px;
  z-index:10;
  overflow:hidden;
}
.grid_list ul li>.view {
  display: none;
  background-image:url("../img/btn/view.png");
  right:20px;
}
.grid_list ul li:hover>.view { display: block; }
.grid_list ul li>.remove {
  background-image:url("../img/btn/remove.png");
  left:20px;
}
.grid_list ul li>.modify {
  background-image:url("../img/btn/modify.png");
  right:20px;
}
.grid_list ul li .service_itm {
  display:block;
  margin-bottom:60px;
}
.grid_list ul li .service_itm>p span {
  display:block;
  color:#F39800;
}
.grid_list ul li .service_itm>p i {
  display:block;
  margin-top:10px;
  font-size:16px;
}
.grid_list ul li .service_detail {
  margin:0 -1px;
  width:calc(100% + 2px);
  position:absolute;
  left:0;
  top:85px;
  overflow:hidden;
}
.grid_list ul li .service_detail .use_service {
  display:none;
  padding:0 10px 20px;
  position: relative;
}
.grid_list ul li .service_detail .use_service>p {
  padding-left:10px;
  color:#6e7794;
  clear:both;
  position:relative;
  overflow:hidden;
}
.grid_list ul li .service_detail .use_service>p:before {
  content:"";
  width:2px;
  height:13px;
  position:absolute;
  left:0;
  top:3px;
}
.grid_list ul li .service_detail .use_service>p span,.grid_list ul li .service_detail .use_service>p i {
  display:block;
  line-height:1.5;
}
.grid_list ul li .service_detail .use_service>p+p {
  margin-top:10px;
}
.grid_list ul li .service_detail .use_service>p.pr_pt:before {
  background-color:#7A52CC;
}
.grid_list ul li .service_detail .use_service>p.pr_class:before {
  background-color:#F39800;
}
.grid_list ul li .service_detail .use_service>p.pr_place:before {
  background-color:#22B2FB;
}
.grid_list ul li .service_detail .use_service>p.pr_option:before {
  background-color:#21242D;
}
.grid_list ul li .service_detail .use_itm {
  display:none;
  padding:0 10px 20px;
}
.grid_list ul li .service_detail .use_itm>p {
  color:#6e7794;
  clear:both;
  overflow:hidden;
}
.grid_list ul li .service_detail .use_itm>p span {
  float:left;
}
.grid_list ul li .service_detail .use_itm>p i {
  float:right;
}
.grid_list ul li .service_detail .use_itm>p+p {
  margin-top:10px;
}
.grid_list ul li .service_detail .service_price {
  display:block;
  padding:10px;
  border-top:1px dashed #BABBC2;
}
.grid_list ul li .service_detail .service_price:after {
  content:"";
  display:block;
  height:0;
  clear:both;
}
.grid_list ul li .service_detail .service_price p:first-child {
  font-size:16px;
  line-height:32px;
  float:left;
}
.grid_list ul li .service_detail .service_price p:last-child {
  display:none;
  float:right;
}
.grid_list ul li .service_detail .service_price p:last-child .memo {
  display:inline-block;
  padding:0 10px;
  line-height:34px;
  background-color:#f0f0f2;
  border-radius:5px;
  cursor:default;
  position:relative;
}
.grid_list ul li .service_detail .service_price p:last-child .memo .tooltip_box {
  display:none;
  margin-top:15px;
  padding:10px;
  width:180px;
  font-size:12px;
  color:#FFF;
  background:rgba(66,72,90,0.9);
  border-radius:5px;
  position:absolute;
  bottom:40px;
  left:0px;
  z-index:5;
}
.grid_list ul li .service_detail .service_price p:last-child .memo .tooltip_box:before {
  content:"";
  width:0;
  height:0;
  border:5px solid transparent;
  border-top-color:rgba(66,72,90,0.9);
  position:absolute;
  left:30px;
  bottom:-10px;
}
.grid_list ul li .service_detail .service_price p:last-child .memo .tooltip_box .txt_box {
  max-height:85px;
  word-break:keep-all;
  line-height:1.4;
  overflow:hidden;
  overflow-y:auto;
}
.grid_list ul li .service_detail .service_price p:last-child .memo:hover .tooltip_box {
  display:block;
}
.grid_list ul li .service_detail .service_price p:last-child .btn {
  min-width:70px;
}
.grid_list ul li .service_type {
  margin:-20px -20px 0;
  padding:20px 20px;
}
.grid_list ul li .service_type>p {
  font-size:13px;
  position:relative;
}
.grid_list ul li .service_type>p:before {
  content:"";
  margin:auto 0;
  width:2px;
  height:100%;
  position:absolute;
  left:-10px;
  top:0;
  bottom:0;
}
.grid_list ul li .service_type.class {
  color:#F39800;
}
.grid_list ul li .service_type.class>p:before {
  background-color:#F39800;
}
.grid_list ul li .service_type.pt {
  color:#7A52CC;
}
.grid_list ul li .service_type.pt>p:before {
  background-color:#7A52CC;
}
.grid_list ul li .service_type.place {
  color:#22B2FB;
}
.grid_list ul li .service_type.place>p:before {
  background-color:#22B2FB;
}
.grid_list ul li .service_type.option {
  color:#21242D;
}
.grid_list ul li .service_type.option>p:before {
  background-color:#21242D;
}
.grid_list ul li.rooming .service_info {
  margin: 10px -20px -20px;
  padding: 10px 20px;
}
.grid_list ul li .service_info {
  display:block;
  margin:0 -10px -20px;
  padding:10px;
  font-size:0;
  background-color:#f0f0f2;
}
.grid_list ul li .service_info span {
  margin-right:10px;
  color:#BABBC2;
}
.grid_list ul li .service_info strong {
  color:#6e7794;
}
.grid_list ul li .service_info>div {
  font-size:13px;
}
.grid_list ul li .service_info>div strong {
  display:inline-block;
  max-width:85%;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}
.grid_list ul li .service_info>p {
  display:inline-block;
  width:50%;
  font-size:13px;
}
.grid_list ul li .service_info>p+div {
  margin-top:10px;
}
.grid_list ul li .service_setting {
  display:block;
}
.grid_list ul li .service_setting>p {
  font-size:0;
}
.grid_list ul li .service_setting>p * {
  font-size:13px;
}
.grid_list ul li .service_setting>p *+* {
  margin-left:5px;
}
.grid_list ul li .service_setting>p+p {
  margin-top:5px;
}
.grid_list ul li .service_setting input[type="number"] {
  padding:0;
  width:50px;
  text-align:center;
}
.grid_list ul li .service_setting select {
  min-width:80px;
}
.grid_list ul li .service_setting select+span {
  line-height:34px;
}
.grid_list ul li .function_btn {
  width:100%;
  height:100%;
  font-size:0;
  text-align:center;
  position:absolute;
  left:0;
  top:0;
}
.grid_list ul li .function_btn:before,.grid_list ul li .function_btn:after {
  content:"";
}
.grid_list ul li .function_btn:before {
  display:inline-block;
  margin-right:-0.25em;
  width:0;
  height:100%;
  vertical-align:middle;
}
.grid_list ul li .function_btn:after {
  width:100%;
  height:100%;
  background-color:rgba(66,72,90,0.8);
  position:absolute;
  left:0;
  top:0;
  z-index:0;
}
.grid_list ul li .function_btn>* {
  opacity:0;
  position:relative;
  z-index:1;
}
.grid_list ul li .function_btn:after {
  opacity:0;
}
.grid_list ul li .function_btn>.btn {
  margin-top:30px;
  vertical-align:middle;
  position:relative;
  overflow:visible;
}
.grid_list ul li .function_btn>.btn:before {
  content:"";
  display:inline-block;
  margin:0 auto;
  width:100%;
  height:30px;
  position:absolute;
  left:0;
  top:-35px;
  right:0;
}
.grid_list ul li .function_btn>.btn.modify:before {
  background:url("../img/icon/btn_modify.png") no-repeat center 50%;
}
.grid_list ul li .function_btn>.btn.time:before {
  background:url("../img/icon/btn_time.png") no-repeat center 50%;
}
.grid_list ul li .function_btn>.btn.delete:before {
  background:url("../img/icon/btn_delete.png") no-repeat center 50%;
}
.grid_list ul li .function_btn>.btn.refund:before {
  background:url("../img/icon/btn_refund.png") no-repeat center 50%;
}
.grid_list ul li .function_btn>.btn.receivable:before {
  background:url("../img/icon/btn_receivable.png") no-repeat center 50%;
}
.grid_list ul li .function_btn>.btn.view:before {
  background:url("../img/icon/btn_view.png") no-repeat center 50%;
}
.grid_list ul li .function_btn>.btn.cart:before {
  background:url("../img/icon/btn_cart.png") no-repeat center 50%;
}
.grid_list ul li .function_btn>.btn.count:before {
  background:url("../img/icon/btn_count.png") no-repeat center 50%;
}
.grid_list ul li .function_btn>.btn+.btn {
  margin-left:10px;
}
.grid_list ul li .function_btn input[type="checkbox"]+label {
  position:absolute;
  left:0;
  top:0;
  opacity:1;
}
.grid_list ul li .function_btn input[type="checkbox"]+label:before {
  display:none;
}
.grid_list ul li .function_btn input[type="checkbox"]:checked+label {
  width:100%;
  height:100%;
  font-size:0;
  background:url("../img/form/list_check_cicle.png") no-repeat center 50%;
}
.grid_list ul li:hover {
  overflow:visible;
}
.grid_list ul li:hover .service_detail {
  background-color:#FFF;
  border:1px solid #BABBC2;
  border-top:0;
  border-radius:0 0 5px 5px;
  z-index:10;
}
.grid_list ul li:hover .service_detail .use_service {
  display:block;
}
.grid_list ul li:hover .service_detail .use_itm {
  display:block;
}
.grid_list ul li:hover .service_price p:last-child {
  display:inline-block;
}
.grid_list ul li:hover .function_btn>*,.grid_list ul li:hover .function_btn:after {
  opacity:1;
}
.grid_list ul li:hover .function_btn input[type="checkbox"]+label {
  font-size:13px;
  width:auto;
  height:34px;
  font-size:13px;
  color:#FFF;
  background:none;
  position:absolute;
  left:10px;
  top:10px;
}
.grid_list ul li:hover .function_btn input[type="checkbox"]+label:before {
  display:inline-block;
}
.grid_list.latest ul {
  margin-left:0;
}
.grid_list.latest ul li {
  flex:none;
  margin:0;
  width:100%;
}
.grid_list.latest ul li+li {
  margin-top:10px;
}
.grid_list.latest.row ul li {
  padding:10px 40px 10px 20px;
}
.grid_list.latest.row ul li.rooming {
  padding-right:20px;
}
.grid_list.latest.row ul li .card_itm {
  display:flex;
  flex-flow:row wrap;
  justify-content:flex-start;
}
.grid_list.latest.row ul li .card_itm:after {
  display:none;
}
.grid_list.latest.row ul li .card_itm>.unit {
  word-break:break-all;
}
.grid_list.latest.row ul li .card_itm>.unit:first-child {
  font-size:13px;
}
.grid_list.latest.row ul li .card_itm>.unit strong {
  display:block;
  width:auto;
}
.grid_list.latest.row ul li .card_itm>* {
  flex:1;
  margin:0;
  padding-right:10px;
}
.grid_list.latest.row ul li .card_itm>*:first-child {
  flex:2;
  line-height:1.4;
}
.grid_list.latest.row ul li .card_itm>*.price {
  font-size:13px;
  text-align:right;
}
.grid_list.latest.row ul li.product .info {
  flex:1.3;
  margin-right:-30px;
  text-align:center;
}
.grid_list.latest.row ul li.product .info .unit {
  bottom:10px;
}
.grid_list.latest.row ul li.product .info button {
  margin-top:5px;
  min-width:90px;
  position:relative;
  left:auto;
  top:auto;
  bottom:auto;
  right:-10px;
}
.grid_list.latest.row ul li>.remove {
  margin:auto 0;
  top:0;
  bottom:0;
  right:10px;
}
.grid_list.latest.row ul li+li {
  margin-top:10px;
}
/* 20170518 박동혁 추가 */
.grid_list.time_line ul li { padding-left: 100px; min-height: 116px; }
.grid_list.time_line ul li .pic { position: relative; z-index: 20; top: 10px; }
.grid_list.time_line ul li .pic ~ .info { margin-top: 20px; width: calc(100% - 60px); }
.grid_list.time_line ul li .pic ~ .info > p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.grid_list.time_line ul li .info .time { display: flex; flex-wrap: wrap; position: absolute; left: 0; top: 0; width: 120px; height: 100%; background: #F2F2F2; padding: 14px 27px 14px 10px; align-items: center; }
.grid_list.time_line ul li .info .time p { font-size: 13px; position: relative;  }
.grid_list.time_line ul li .info .time .start:before { content: "시작"; display: inline-block; margin-bottom: 5px; width: 100%; color: #BABABA; }
.grid_list.time_line ul li .info .time .end:before { content: "종료"; display: inline-block; margin-bottom: 5px; width: 100%; color: #BABABA; }
.grid_list.time_line ul li .info p .name:hover a { border-bottom: 1px solid #7A7F8B; }
.grid_list.time_line ul li .info .study { line-height: inherit; margin-bottom: 20px; }
.grid_list.time_line ul li .info .study ~ p { margin-top: inherit; }
.grid_list.time_line ul li .info .study ~ p + p { margin-top: 10px; }
.grid_list.time_line ul li .info .study,
.grid_list.time_line ul li .info .study ~ p { margin-left: 30px;  }
.grid_list.time_line ul li .pic ~ .view { position: absolute; width: 42px; height: 42px; border-radius: 50%; left: 100px; top: 40px; font-size: 0; background-image: url("../img/icon/btn_view.png"); background-position: center; background-color: rgba(34,178,251,.5); z-index: 100; }
.trainer_info .section .column h3 span { margin-left: 20px; font-size: 14px; color: #7A7F8B; }

.section.grid_list.time_line ul li  { width: calc((100% - 80px) / 2) !important; }
.section.grid_list.time_line ul li .pic ~ .info { width: calc(100% - 60px); margin-top: 0px; }
.section.grid_list.time_line ul li .pic ~ .info > p { min-width: 142px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.section.grid_list.time_line ul li .info .study { margin-top: 15px; }
/*
.section.grid_list.time_line ul li .pic ~ .info { margin-top: 0; max-width: 140px; }
.section.grid_list.time_line ul li .pic ~ .info p { max-width: 140px; white-space: nowrap; }
.section.grid_list.time_line ul li .info .study { margin-top: 25px; }
*/

.grid_list.member ul li {
  padding:0;
  position:relative;
}
.grid_list.member ul li:before,.grid_list.member ul li:after {
  display:none;
}
.grid_list.member ul li>* {
  display:block;
  vertical-align:top;
}
.grid_list.member ul li .profile_box {
  padding:20px;
}
.grid_list.member ul li .profile_box .pic {
  width:42px;
  height:42px;
  float:left;
}
.grid_list.member ul li .profile_box .info {
  margin-left:10px;
  float:left;
}
.grid_list.member ul li .profile_box .info>p:first-child {
  font-size:16px;
  font-weight:500;
}
.grid_list.member ul li .profile_box .info>p:first-child+p {
  margin-top:10px;
  color:#BABBC2;
}
.grid_list.member ul li .profile_box:after {
  content:"";
  display:block;
  height:0;
  clear:both;
  overflow:hidden;
}
.grid_list.member ul li .product_box {
  background-color:#f0f0f2;
  /* p{padding-left:10px;font-size:$baseFs;font-weight:500;text-overflow:ellipsis;white-space:nowrap;position:relative;overflow:hidden;&>span{display:block;margin-top:7px;color:$darkL;}&:before{content:"";width:2px;height:13px;position:absolute;left:0;top:1px;overflow:hidden;}&.pr_class:before{background-color:$pr_class;}&.pr_appointment:before{background-color:$pr_appointment;}&.pr_place:before{background-color:$pr_place;}&.pr_package:before{background-color: $pr_package;}}*/
  height:140px;
  background-color:#f0f0f2;
  white-space:nowrap;
  position:relative;
  overflow:hidden;
}
.grid_list.member ul li .product_box .pr_group {
  display:block;
  padding:30px 20px;
  height:140px;
  font-size:0;
}
.grid_list.member ul li .product_box .pr_group p {
  padding-left:20px;
  min-height:30px;
  font-size:13px;
  font-weight:500;
  text-overflow:ellipsis;
  white-space:nowrap;
  position:relative;
  overflow:hidden;
}
.grid_list.member ul li .product_box .pr_group p>label {
  width:100%;
  height:100%;
  text-indent:-9999em;
  cursor:pointer;
  position:absolute;
  top:0;
  right:0;
}
.grid_list.member ul li .product_box .pr_group p>label:before {
  top:0;
  right:0;
  left:auto;
}
.grid_list.member ul li .product_box .pr_group p>span {
  display:block;
  margin-top:5px;
  color:#6e7794;
}
.grid_list.member ul li .product_box .pr_group p:before {
  content:"";
  width:2px;
  height:13px;
  position:absolute;
  left:0;
  top:1px;
  overflow:hidden;
}
.grid_list.member ul li .product_box .pr_group p.pr_class:before {
  background-color:#F39800;
}
.grid_list.member ul li .product_box .pr_group p.pr_appointment:before {
  background-color:#7A52CC;
}
.grid_list.member ul li .product_box .pr_group p.pr_place:before {
  background-color:#22B2FB;
}
.grid_list.member ul li .product_box .pr_group p.pr_package:before {
  background-color:#F37054;
}
.grid_list.member ul li .product_box .pr_group p+p {
  margin-top:20px;
}
.grid_list.member ul li .product_box>.ctr_box {
  width:100%;
  position:absolute;
  left:0;
  top:0;
}
.grid_list.member ul li .product_box>.ctr_btn {
  margin:0 auto;
  width:100%;
  height:12px;
  text-indent:-9999em;
  background-repeat:no-repeat;
  background-position:center 50%;
  position:absolute;
  left:0;
  right:0;
  z-index:10;
  overflow:hidden;
}
.grid_list.member ul li .product_box>.ctr_btn.prev {
  background-image:url("../img/btn/slide_prev.png");
  top:5px;
}
.grid_list.member ul li .product_box>.ctr_btn.next {
  background-image:url("../img/btn/slide_next.png");
  bottom:5px;
}
.grid_list.member ul li .product_box.before_slide:before,.grid_list.member ul li .product_box.after_slide:after {
  content:"";
  height:100%;
  position:absolute;
  top:0;
  z-index:9;
}
.grid_list.member ul li .locker_box {
  padding:10px 20px;
}
.grid_list.member ul li .locker_box .locker_key {
  position:relative;
}
.grid_list.member ul li .locker_box .locker_key label {
  display:inline-block;
  line-height:34px;
}
.grid_list.member ul li .locker_box .locker_key input[type="text"] {
  margin:0 5px 0 10px;
  padding:0;
  width:46px;
  background-color:transparent;
  border:0;
}
.grid_list.member ul li .locker_box .locker_key a {
  display:inline-block;
  width:34px;
  height:34px;
  text-indent:-9999em;
  background-repeat:no-repeat;
  background-position:center 50%;
  overflow:hidden;
}
.grid_list.member ul li .locker_box .locker_key a.dialer {
  background-image:url("../img/btn/dialer.png");
}
.grid_list.member ul li .locker_box .locker_key:before {
  content:"";
  width:80px;
  height:3px;
  background-color:#6e7794;
  opacity:0.3;
  position:absolute;
  right:8px;
  bottom:0;
}
.grid_list.member ul li .locker_box .enter_time {
  line-height:34px;
}
.grid_list.member ul li .locker_box .enter_time span {
  margin-right:20px;
  color:#6e7794;
}
.grid_list.member ul li .locker_box .enter_time span i {
  display:inline-block;
  margin-left:5px;
  color:#22B2FB;
}
.grid_list.member ul li .locker_box .enter_time strong {
  color:#37B772;
}
.grid_list.member ul li .locker_box .btn {
  min-width:64px;
}
.grid_list.member ul li .locker_box .key {
  padding-left:25px;
  line-height:20px;
  position:absolute;
  top:54px;
  right:20px;
}
.grid_list.member ul li .locker_box .key:before {
  content:"";
  width:20px;
  height:20px;
  background:url("../img/icon/ico_lock.png") no-repeat center 50%;
  position:absolute;
  left:0;
  top:0;
  bottom:0;
}
.grid_list.member ul li .locker_box:after {
  content:"";
  display:block;
  height:0;
  clear:both;
  overflow:hidden;
}
.grid_list.member ul .view {
  position:absolute;
  top:20px;
  bottom:auto;
  left:auto;
  right:20px;
}
.grid_list.member ul .remove {
  position:absolute;
  top:52px;
  bottom:auto;
  left:auto;
  right: 44px;
}




/*=======================================================================
* Profile Area
=======================================================================*/
.profile_area {
  color:#42485A;
  border-bottom:1px solid #BABBC2;
}
.profile_area .column .pic {
  margin-right:15px;
  width:75px;
  height:75px;
  float:left;
}
.profile_area .column p {
  line-height:20px;
}
.profile_area .column .maker {
  padding:15px;
}
.profile_area .column .maker .name {
  margin-top:5px;
  font-size:18px;
  font-weight:500;
}
.profile_area .column .info {
  margin-right:30px;
  padding:15px;
}
.profile_area .column .info .name {
  font-size:18px;
  font-weight:500;
}
.profile_area .column .info>p {
  float:left;
}
.profile_area .column .info>p+p {
  margin-left:15px;
}
.profile_area .column .info>p>a {
  color:#22B2FB;
}
.profile_area .column .itm {
  padding:10px 0;
}
.profile_area .column .itm p strong {
  color:#22B2FB;
}
.profile_area .column .itm p+p {
  margin-top:15px;
}
.profile_area .column .itm p.ico {
  padding-left:35px;
  position:relative;
}
.profile_area .column .itm p.ico:before {
  content:"";
  display:inline-block;
  width:22px;
  height:22px;
  background-repeat:no-repeat;
  background-position:center 50%;
  position:absolute;
  left:0;
  top:0;
  overflow:hidden;
}
.profile_area .column .itm .male:before {
  background-image:url("../img/icon/gender_male.png");
}
.profile_area .column .itm .female:before {
  background-image:url("../img/icon/gender_female.png");
}
.profile_area .column .itm .pin:before {
  background-image:url("../img/icon/pin.png");
}
.profile_area .column .itm .phone:before {
  background-image:url("../img/icon/phone.png");
}
.profile_area .column .itm .email:before {
  background-image:url("../img/icon/email.png");
}
.profile_area .column .itm .time:before {
  background-image:url("../img/icon/time.png");
}
.profile_area .column .itm .max_time:before {
  background-image:url("../img/icon/max_time.png");
}
.profile_area .column .itm .user:before {
  background-image:url("../img/icon/user.png");
}
.profile_area .column .itm .user_plus:before {
  background-image:url("../img/icon/user_plus.png");
}
.memo_txt {
  padding:10px;
  background-color:#f0f0f2;
  border-radius:5px;
  position:relative;
}
.memo_txt .memo {
  word-break:break-all;
  line-height:1.4;
}
.memo_txt .setting {
  position:absolute;
  top:-50px;
  right:0;
}
.memo_txt .setting a {
  display:inline-block;
  padding-left:30px;
  width:auto;
  height:22px;
  line-height:22px;
  background:url("../img/btn/modify.png") no-repeat left 50%;
  overflow: hidden;
}




/*=======================================================================
* Schedule Setting
=======================================================================*/
.schedule_set .week {
  display:flex;
  flex-flow:row wrap;
  justify-content:flex-start;
  font-size:0;
  overflow:hidden;
}
.schedule_set .week>* {
  flex:0 1 auto;
  width:calc((100% - 1px) / 7);
}
.schedule_set .week input[type="checkbox"]+label {
  display:block;
  padding:0;
  font-size:13px;
  text-align:center;
  line-height:30px;
  background-color:#f0f0f2;
  cursor:pointer;
}
.schedule_set .week input[type="checkbox"]+label:before {
  display:none;
}
.schedule_set .week input[type="checkbox"]:checked+label {
  color:#FFF;
  background-color:#22B2FB;
}
.schedule_set .option {
  line-height:36px;
}
.schedule_set .option div strong,.schedule_set .option p strong {
  display:inline-block;
  margin-right:10px;
  width:50px;
}
.schedule_set .option div+p,.schedule_set .option div+div,.schedule_set .option p+p,.schedule_set .option p+div {
  margin-top:10px;
}
.schedule_set .option div.noti_txt,.schedule_set .option p.noti_txt {
  padding-left:60px;
  line-height:1.4;
}
.schedule_set .option input[type="text"],.schedule_set .option textarea {
  width:calc(100% - 65px);
}
.schedule_set .option input.payment {
  width:30%;
}
.schedule_set * .time_input, .schedule_set * .btn_area {
  margin-top:20px;
}
.schedule_set .time_input {
  line-height:34px;
}
.schedule_set .time_input p strong {
  display:inline-block;
  margin-right:10px;
}
.schedule_set .time_input p input {
  padding-left:0;
  width:50px;
  text-align:center;
}
.schedule_set .time_input p+p {
  margin-top:20px;
}
.schedule_set .time_input p+p>input {
  width:110px;
}
.schedule_set .week_plan {
  height:100%;
  max-height:733px;
  background-color:#FFF;
  overflow-y:auto;
  padding-top: 100px;
}
.schedule_set .week_plan ul {
  display:flex;
  flex-flow:row wrap;
  justify-content:flex-start;
  min-height:100%;
  font-size:0;
  text-align:center;
}
.schedule_set .week_plan ul li {
  display:inline-block;
  padding:0 10px 10px;
  width:calc((100% - 1px) / 7);
  font-size:13px;
  text-align:left;
  position:relative;
}
.schedule_set .week_plan ul li:after {
  content:"";
  width:2px;
  height:100%;
  background-color:#f0f0f2;
  position:absolute;
  left:26px;
  top:0;
  z-index:0;
  box-sizing:initial;
}
.schedule_set .week_plan ul li>span {
  display:block;
  margin:0 -10px;
  padding:5px 10px 5px 45px;
  font-size:16px;
  color:#42485A;
  background-color:#f0f0f2;
  position:relative;
  z-index:1;
}
.schedule_set .week_plan ul li>span:before {
  content:"";
  margin:auto 0;
  width:10px;
  height:10px;
  background-color:#42485A;
  border:2px solid transparent;
  border-radius:50%;
  box-sizing:initial;
  position:absolute;
  left:20px;
  top:0;
  bottom:0;
  z-index:1;
}
.schedule_set .week_plan ul li .sc_time {
  margin-top:10px;
  padding:10px 10px 10px 35px;
  color:#42485A;
  border-radius:5px;
  position:relative;
}
.schedule_set .week_plan ul li .sc_time:before {
  content:"";
  margin:auto 0;
  width:10px;
  height:10px;
  background-color:#FFF;
  border:2px solid #BABBC2;
  border-radius:50%;
  position:absolute;
  left:10px;
  top:0;
  bottom:0;
  z-index:2;
  box-sizing:initial;
}
.schedule_set .week_plan ul li .sc_time>p+p {
  margin-top:5px;
}
.schedule_set .week_plan ul li .sc_time .tooltip_box {
  display:none;
  margin-top:15px;
  padding:10px;
  width:215px;
  font-size:12px;
  color:#FFF;
  background:rgba(66,72,90,0.9);
  border-radius:5px;
  position:absolute;
  top:50%;
  left:0;
  z-index:5;
}
.schedule_set .week_plan ul li .sc_time .tooltip_box:before {
  content:"";
  width:0;
  height:0;
  border:5px solid transparent;
  border-bottom-color:rgba(66,72,90,0.9);
  position:absolute;
  left:12px;
  top:-10px;
}
.schedule_set .week_plan ul li .sc_time .tooltip_box .txt_box {
  max-height:85px;
  word-break:break-all;
  line-height:1.4;
  overflow:hidden;
  overflow-y:auto;
}
.schedule_set .week_plan ul li .sc_time .remove {
  margin:auto 0;
  width:21px;
  height:21px;
  text-indent:-9999em;
  background:url("../img/btn/remove.png") no-repeat center 50%;
  cursor:pointer;
  position:absolute;
  top:0;
  left:6px;
  bottom:0;
  z-index:3;
  overflow:hidden;
  transform:scale(0);
  transition:all 300ms ease-in-out;
}
.schedule_set .week_plan ul li .sc_time:hover {
  background-color:#f0f0f2;
}
.schedule_set .week_plan ul li .sc_time:hover .remove {
  transform:scale(1);
}
.schedule_set .week_plan ul li .sc_time:hover .tooltip_box {
  display:block;
}
.schedule_set .week_plan ul li .sc_time input {
  width:30px;
  background:transparent;
}
.schedule_set .week_plan ul li.active>span:before {
  background-color:#22B2FB;
}
.schedule_set .week_plan ul li.active .sc_time:before {
  border-color:#22B2FB;
}
.schedule_set .week_plan ul li.active:after {
  background-color:#22B2FB;
}
.schedule_set .week_plan+.notify {
  padding:20px;
  width:100%;
  background-color:#f0f0f2;
  position:absolute;
  left:0;
  top: -10px;
}
/*170508 박동혁 추가*/
.schedule_set .section .column .btn_area { text-align: center; margin-top: 50px; }
.schedule_set .section .column .btn_area a + a { margin-left: 10px; }
.schedule_set.reservation_set h3 { border: none; padding-top: 0; }
.schedule_set.reservation_set h3 + p { position: relative; top: -10px; margin-bottom: 10px; }
.schedule_set.reservation_set .on_off_day { margin: 0 auto; padding: 20px; width: 100%; background-color: #FFF; border-radius: 5px; border: 1px solid #BABBC2; }
.schedule_set.reservation_set .on_off_day fieldset { margin: 5px 0; }
.schedule_set.reservation_set .on_off_day > p { font-size: 14px; margin-bottom: 10px; }
.schedule_set.reservation_set .on_off_day fieldset + p { margin-top: 30px; }
.schedule_set.reservation_set .on_off_day .section { margin-top: 20px; }
.schedule_set.reservation_set .on_off_day .section .ui-datepicker .ui-datepicker-calendar thead tr th { font-size: 12px; }
.schedule_set.reservation_set .on_off_day .section .column:first-child { padding: 0; }
.schedule_set.reservation_set fieldset > span { margin-right: 20px; font-size: 16px; color: #42485A; }
.schedule_set.reservation_set fieldset > p label { margin: 0 20px; }
.schedule_set.reservation_set fieldset > p label span select { margin: 0 5px; }
.schedule_set.reservation_set fieldset > span,.schedule_set.reservation_set fieldset > p { display: inline; vertical-align: middle; }
.schedule_set.reservation_set fieldset .area_info ul { display: flex; margin-top: 20px; }
.schedule_set.reservation_set fieldset .area_info ul li { justify-content: space-between; margin-right: 10px; padding: 10px 30px; background: #F5F6F7; border-radius: 5px; }
.schedule_set.reservation_set fieldset > button { margin-left: 10px; }
fieldset .center_pic { display: flex; position: relative; margin-top: 10px; margin-bottom: 30px; max-width: 967px; flex-wrap: wrap; }
fieldset .center_pic .c_red { position: absolute; bottom: -20px; }
fieldset .pic.center { margin: 10px 10px 10px 0; width: 183px; height: 150px; border-radius: inherit; }
fieldset .pic.center img { position: relative; min-width: 183px; min-height: 150px; }
fieldset .no_img_data { display: inline-block; width: 100%; height: 100%; background: #ececec; border-radius: 5px; position: relative; }
fieldset .no_img_data::before { content: "이미지가 없습니다."; position: absolute; left: 0; right: 0; top: 50%; margin-top: -12px; }
.function_close { position: relative; }
.function_close:hover .x_close { display: inherit; }
.function_close .x_close { display: none; font-size: 0; width: 20px; height: 20px; text-align: center; color: #FFF; border-radius: 50%; background: #da4146; position: absolute; right: 5px; top: 5px; }
.x_close:before { content: "X"; margin: -7px 0 0 0; font-size: 12px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; cursor: pointer; }
.version_txt ul li { font-size: 14px; line-height: 2.5em; color: #6e7794; }
.version_txt ul li span { position: absolute; left: 130px; margin-left: 30px; color: #42485A;  }
.sms_table_top { margin-bottom: 10px; font-size: 16px; line-height: 2.5em; color: #6e7794;  }
.sms_table_top .btn { margin: 3px 0 0 10px;  }

.product_box.buy h4 { font-size: 17px; font-weight: 400; margin: 15px 0 10px; }
.txt_info { display: block; }

.grid_list ul li .service_detail .use_service > p { position: relative; }
.grid_list ul li .service_detail .use_service > p .use_tool { display: none; }
.grid_list ul li .service_detail .use_service > p:hover > .use_tool { display: inline-block; position:absolute; top: 10px; right: 10px; text-align: center; }
.grid_list ul li .service_detail .use_service > p .use_tool a { display: block; font-weight: 500; padding: 4px 6px; background: #22B2FB; color: #FFF; border-radius: 5px; }
.grid_list ul li .service_detail .use_service > p .use_tool a + a { margin-top: 5px; }



.holiday_cnt {
  margin-bottom:20px;
  padding-bottom:10px;
  font-size:16px;
  border-bottom:1px solid #BABBC2;
}
.holiday_cnt span {
  color:#F37054;
}
.holiday_itm {
  margin-right:-10px;
  font-size:0;
}
.holiday_itm span {
  display:inline-block;
  margin:0 10px 10px 0;
  padding:0 10px;
  min-width:80px;
  font-size:13px;
  color:#FFF;
  background-color:#42485A;
  border-radius:5px;
  overflow:hidden;
}
.holiday_itm span>* {
  display:inline-block;
  height:30px;
  line-height:28px;
}
.holiday_itm span .remove {
  display:none;
  width:30px;
  text-indent:-9999em;
  background:url("../img/icon/ico_obj_del.png") no-repeat center 50%;
  float:right;
  overflow: hidden;
}




/*=======================================================================
* Locker Area
=======================================================================*/
.locker_area .locker_cat {
  margin-bottom:30px;
  font-size:0;
  text-align:center;
}
.locker_area .locker_cat>p {
  display:inline-block;
  font-size:13px;
  line-height:20px;
  position:relative;
  overflow:hidden;
}
.locker_area .locker_cat>p:before {
  content:"";
  display:inline-block;
  margin-right:5px;
  width:15px;
  height:15px;
  vertical-align:middle;
  position:relative;
  overflow:hidden;
}
.locker_area .locker_cat>p.period:before {
  background-color:#8AC97B;
}
.locker_area .locker_cat>p.before_expiration:before {
  background-color:#E0DC9A;
}
.locker_area .locker_cat>p.expiration:before {
  background-color:#F1656A;
}
.locker_area .locker_cat>p.impossible:after {
  content:"";
  width:4px;
  height:200%;
  background-color:#F1656A;
  transform:rotate(45deg);
  position:absolute;
  left:47.3%;
  top:-48.55%;
}
.locker_area .locker_cat>p.impossible:before {
  border:1px solid #BABBC2;
}
.locker_area .locker_cat>p.impossible:after {
  width:2px;
  height:30px;
  right:auto;
  left:5px;
  top:-1px;
}
.locker_area .locker_cat>p+p {
  margin-left:20px;
}
.locker_list ul {
  margin-left:-10px;
  font-size:0;
}
.locker_list ul li {
  display:inline-block;
  margin:0 0 10px 10px;
  width:108px;
  height:108px;
  color:#42485A;
  text-align:center;
  border:1px solid #BABBC2;
  border-radius:5px;
  position:relative;
  overflow:hidden;
}
.locker_list ul li:before {
  content:"";
  display:inline-block;
  margin-right:-0.25em;
  width:0;
  height:100%;
  vertical-align:middle;
}
.locker_list ul li>* {
  display:inline-block;
  vertical-align:middle;
}
.locker_list ul li .locker_box {
  font-size:13px;
}
.locker_list ul li .locker_box>a {
  width:100%;
  height:100%;
  text-indent:-9999em;
  position:absolute;
  left:0;
  top:0;
}
.locker_list ul li.use {
  border:0;
}
.locker_list ul li.use p+p {
  margin-top:3px;
}
.locker_list ul li.use p:first-child {
  margin:0;
  position:absolute;
  left:10px;
  top:10px;
}
.locker_list ul li.use p:first-child+p {
  margin-top:15px;
}
.locker_list ul li.use p:first-child+p+p {
  margin-top:10px;
}
.locker_list ul li.period {
  background-color:#8AC97B;
}
.locker_list ul li.expiration {
  background-color:#F1656A;
}
.locker_list ul li.before_expiration {
  background-color:#E0DC9A;
}
.locker_list ul li.impossible:after {
  content:"";
  width:4px;
  height:200%;
  background-color:#F1656A;
  transform:rotate(45deg);
  position:absolute;
  left:47.3%;
  top: -48.55%;
}




/*=======================================================================
* Popup
=======================================================================*/
.popup {
  display:none;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.6);
  position:fixed;
  left:0;
  top:0;
  z-index:1000;
}
.popup .box {
  margin:auto;
  padding:0 20px;
  width:540px !important;
  background:#FFF;
  border-radius:5px;
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  overflow:hidden;
}
.popup .box h2 {
  margin:0 -20px;
  padding:0 20px;
  font-size:16px;
  color:#FFF;
  line-height:58px;
  background-color:#42485A;
}
.popup .box h3 {
  margin:0 0 20px;
  padding-bottom:0;
  font-size:16px;
  color:#42485A;
  border-bottom:0;
}
.popup .box *:not(legend)+h3 {
  margin-top:20px;
}
.popup .box fieldset+h3 {
  margin-top:10px;
  padding-top:20px;
  border-top:1px solid #f0f0f2;
}
.popup .box .pop_con {
  padding:20px 0;
}
.popup .box .pop_con .explain_box {
  margin:0 -20px;
  padding:0 20px;
  height:240px;
  text-align:justify;
  line-height:1.4;
  overflow:hidden;
  overflow-y:auto;
}
.popup .box .search {
  margin-bottom:20px;
  position:relative;
}
.popup .box .search fieldset input[type="text"] {
  width:100%;
}
.popup .box .search .icon {
  position:absolute;
  top:2px;
  right:0;
}
.popup .box .search_result {
  margin:0 -20px 20px;
  padding:0 20px;
  height:110px;
  overflow:hidden;
  overflow-y:auto;
}
.popup .box .search_result ul li {
  padding-left:10px;
  line-height:28px;
  clear:both;
  position:relative;
  overflow:hidden;
}
.popup .box .search_result ul li strong {
  display:inline-block;
  min-width:100px;
  font-size:16px;
}
.popup .box .search_result ul li button {
  float:right;
}
.popup .box .search_result ul li+li {
  margin-top:10px;
}
.popup .box .nonmember {
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid #BABBC2;
}
.popup .box .nonmember fieldset p {
  text-align:center;
}
.popup .box .nonmember fieldset p>*+* {
  margin-left:5px;
}
.popup .box .nonmember fieldset p input[type="text"] {
  padding-left:0;
  width:23%;
  text-align:center;
}
.popup .box .nonmember fieldset p input[type="tel"] {
  width:53%;
}
.popup .box .nonmember fieldset p button {
  min-width:20%;
}
.popup .box .locker_user .pic {
  width:42px;
  height:42px;
  float:left;
}
.popup .box .locker_user .info {
  padding:15px 0 0 20px;
  float:left;
}
.popup .box .locker_user .info p:first-child {
  font-size:18px;
  font-weight:500;
  color:#42485A;
}
.popup .box .locker_user .info p+p {
  margin-top:10px;
}
.popup .box .locker_user .date {
  padding:10px 0;
  font-size:16px;
  color:#22B2FB;
  text-align:center;
  clear:both;
}
.popup .box .locker_user:after {
  content:"";
  display:block;
  height:0;
  clear:both;
  overflow:hidden;
}
.popup .box .obj_locker {
  height:200px;
  font-size:0;
  overflow:hidden;
  overflow-y:auto;
}
.popup .box .obj_locker .locker_itm {
  margin:0;
}
.popup .box .obj_locker .locker_itm+.locker_itm {
  margin-top:5px;
  padding-top:5px;
  border-top:1px solid #f0f0f2;
}
.popup .box .obj_locker .locker_itm>span,.popup .box .obj_locker .locker_itm>i {
  display:inline-block;
  font-size:13px;
  line-height:34px;
}
.popup .box .obj_locker .locker_itm span:first-child {
  width:20%;
}
.popup .box .obj_locker .locker_itm span:first-child+span {
  width:30%;
}
.popup .box .obj_locker .locker_itm i {
  width:15%;
  text-align:center;
}
.popup .box .obj_locker .locker_itm>*+* {
  margin-left:5px;
}
.popup .box .obj_locker .locker_itm>*+span {
  margin-left:5px;
  padding:0 10px;
  text-align:center;
}
.popup .box .obj_locker .locker_itm a {
  display:inline-block;
  width:21px;
  height:21px;
  text-indent:-9999em;
  position:relative;
  top:8px;
  overflow:hidden;
}
.popup .box .obj_locker .locker_itm a.modify {
  background:url("../img/btn/modify.png") no-repeat center 50%;
}
.popup .box .obj_locker .locker_itm a.del {
  background:url("../img/btn/remove.png") no-repeat center 50%;
}
.popup .box .obj_locker .locker_itm a.btn {
  margin-left:5px;
  width:auto;
  height:26px;
  text-indent:0;
  top:4px;
}
.popup .box .set_locker {
  font-size:0;
}
.popup .box .set_locker input[type="text"] {
  width:40%;
}
.popup .box .set_locker input[type="number"] {
  margin:0 5px;
  width:60px;
}
.popup .box .set_locker .btn {
  padding:0;
  min-width:80px;
}
.popup .box .modify_locker {
  font-size:0;
}
.popup .box .modify_locker>*+* {
  margin-left:10px;
}
.popup .box .modify_locker input[type="text"] {
  width:50%;
}
.popup .box .modify_locker .btn {
  padding:0;
  min-width:38px;
}
.popup .box .modify_locker .btn+.btn {
  margin-left:4px;
}
.popup .box .locker_choice {
  margin-bottom:20px;
  text-align:center;
}
.popup .box .locker_choice select {
  width:100%;
}
.popup .box .locker_list {
  margin:0 -20px;
  padding:10px 20px;
  height:240px;
  border-top:1px solid #BABBC2;
  overflow:hidden;
  overflow-y:auto;
}
.popup .box .locker_list ul {
  display:flex;
  flex-flow:row wrap;
  justify-content:flex-start;
  margin-left:-10px;
}
.popup .box .locker_list ul li {
  flex:0 1 auto;
  width:calc((100% - 70px) / 7);
  height:40px;
}
.popup .box .grid_list {
  margin:0 -20px;
  padding:5px 20px;
  height:350px;
  overflow-y:auto;
}
@media only screen and (max-height:768px) {
  .popup .box .grid_list {
    height:250px;
  }
}
.popup .box .grid_list>ul {
  margin-bottom:5px;
}
.popup .box .grid_list>ul>li+li {
  margin-top:10px;
}
.popup .box .pr_sale>*+* {
  margin-top:20px;
}
.popup .box .pr_sale .pr_introduce .txt {
  margin:-20px -20px 0;
  padding:10px 20px;
  height:80px;
  line-height:1.4;
  text-align:justify;
  border-bottom:1px solid #BABBC2;
  overflow:hidden;
  overflow-y:auto;
}
.popup .box .pr_sale .pr_introduce .txt:after {
  content:"";
  display:block;
  height:10px;
  overflow:hidden;
}
.popup .box .pr_sale .pr_basic_info .grid_list {
  height:220px;
}
.popup .box .pr_sale .pr_basic_info>ul li>span {
  display:inline-block;
  width:100px;
}
.popup .box .pr_sale .pr_basic_info>ul li>i {
  color:#42485A;
}
.popup .box .pr_sale .pr_basic_info>ul li+li {
  margin-top:10px;
}
.popup .box .pr_sale .pr_price_info .price_box {
  margin:0 -20px -20px;
  padding:0 20px;
  height:150px;
  border-top:1px solid #BABBC2;
  overflow:hidden;
  overflow-y:auto;
}
.popup .box .pr_sale .pr_price_info .price_box p {
  padding:10px 0;
  line-height:26px;
  clear:both;
  overflow:hidden;
}
.popup .box .pr_sale .pr_price_info .price_box p strong {
  font-size:16px;
  color:#22B2FB;
}
.popup .box .pr_sale .pr_price_info .price_box p>*+* {
  margin-left:20px;
}
.popup .box .pr_sale .pr_price_info .price_box p .btn {
  float:right;
}
.popup .box .pr_sale .pr_price_info .price_box p+p {
  border-top:1px solid #f0f0f2;
}
.popup .box .pr_sale .pr_price_info.package .price_box {
  height:auto;
}
.popup .box .expenses {
  margin-bottom:-20px;
}
.popup .box .expenses ul {
  margin:0 -20px;
  height:160px;
  overflow:hidden;
  overflow-y:auto;
}
.popup .box .expenses ul li {
  padding:0 10px 5px;
  line-height:30px;
  overflow:hidden;
}
.popup .box .expenses ul li p {
  display:inline-block;
}
.popup .box .expenses ul li p:first-child {
  min-width:50%;
}
.popup .box .expenses ul li p:first-child+p {
  min-width:100px;
  text-align:right;
}
.popup .box .expenses ul li p:last-child {
  font-size:0;
  float:right;
  position:relative;
  top:4px;
}
.popup .box .expenses ul li p:last-child button+button {
  margin-left:10px;
}
.popup .box .expenses ul li+li {
  padding-top:5px;
  border-top:1px solid #f0f0f2;
}
.popup .box .expenses .add,.popup .box .expenses .modify,.popup .box .expenses .remove {
  display:inline-block;
  width:21px;
  height:21px;
  text-indent:-9999em;
  overflow:hidden;
}
.popup .box .expenses .add {
  background:url("../img/btn/add.png") no-repeat center 50%;
}
.popup .box .expenses .modify {
  background:url("../img/btn/modify.png") no-repeat center 50%;
}
.popup .box .expenses .remove {
  background:url("../img/btn/remove.png") no-repeat center 50%;
}
.popup .box .expenses .add_form {
  padding:20px 0;
  font-size:0;
  text-align:center;
}
.popup .box .expenses .add_form input[type="text"] {
  width:35%;
}
.popup .box .expenses .add_form input[type="text"]+input[type="text"] {
  margin-left:10px;
  width:25%;
}
.popup .box .expenses .add_form button {
  margin-left:10px;
  padding:0;
  width:60px;
}
.popup .box .expenses .add_form button.blue {
  width:130px;
}
.popup .box .expenses .total_price {
  margin:0 -20px;
  padding:10px;
  color:#42485A;
  text-align:right;
  line-height:30px;
  background-color:#f0f0f2;
}
.popup .box .expenses .total_price strong {
  margin:0 5px;
  font-size:18px;
  color:#22B2FB;
  vertical-align:baseline;
}
.popup .box fieldset.record {
  padding-bottom:20px;
  border-bottom:1px solid #BABBC2;
}
.popup .box fieldset.record>div *.label,.popup .box fieldset.record>div label,.popup .box fieldset.record>p *.label,.popup .box fieldset.record>p label {
  width:110px;
}
.popup .box fieldset.record>div input[type="text"],.popup .box fieldset.record>p input[type="text"] {
  width:calc(100% - 120px);
}
.popup .box fieldset.record>div input+span,.popup .box fieldset.record>p input+span {
  margin-left:10px;
}
.popup .box fieldset.record>div input+span+input,.popup .box fieldset.record>p input+span+input {
  margin-left:10px;
}
.popup .box fieldset.record>div select,.popup .box fieldset.record>p select {
  min-width:43%;
}
.popup .box fieldset.record>div select+.btn,.popup .box fieldset.record>p select+.btn {
  margin-left:10px;
}
.popup .box fieldset.record>div textarea,.popup .box fieldset.record>p textarea {
  width:calc(100% - 120px);
}
.popup .box fieldset.record .add_itm {
  margin:20px -20px 0;
  padding:10px 20px;
  height:135px;
  overflow:hidden;
  overflow-y:auto;
}
.popup .box fieldset.record .add_itm p {
  padding:0 30px 0 10px;
  color:#FFF;
  background-color:#7A52CC;
  border-radius:5px;
  position:relative;
  overflow:hidden;
}
.popup .box fieldset.record .add_itm p span {
  display:inline-block;
  position:relative;
}
.popup .box fieldset.record .add_itm p span:first-child {
  min-width:75%;
}
.popup .box fieldset.record .add_itm p span:first-child+span {
  padding-left:10px;
}
.popup .box fieldset.record .add_itm p span:first-child+span:before {
  content:"";
  margin:auto 0;
  width:1px;
  height:50%;
  background-color:#BABBC2;
  position:absolute;
  left:0;
  top:0;
  bottom:0;
}
.popup .box fieldset.record .add_itm p .remove {
  width:21px;
  height:21px;
  text-indent:-9999em;
  background:url("../img/btn/del.png") no-repeat center 50%;
  position:absolute;
  top:5px;
  right:5px;
  overflow:hidden;
}
.popup .box fieldset.record .add_itm p+p {
  margin-top:10px;
}
.popup .box fieldset.record:last-child {
  padding-bottom:0;
  border-bottom:0;
}
.popup .box .memo textarea {
  width:100%;
}
.popup .box .pop_btn {
  padding:20px 0 20px;
  font-size:0;
  text-align:center;
  border-top:1px solid #BABBC2;
}
.popup .box .pop_btn>.btn+.btn {
  margin-left:10px;
}
.popup .box .close {
  width:50px;
  height:50px;
  text-indent:-9999em;
  background:url("../img/btn/close_x.png") no-repeat center 50%;
  position:absolute;
  top:5px;
  right:0;
  overflow:hidden;
}
.popup.gx_log .box {
  width:800px;
}
.popup.gx_log .box p:first-child {
  margin-bottom:20px;
  font-size:16px;
  text-align:right;
}
.popup.gx_log .box .table_area {
  max-height:400px;
  overflow:hidden;
  overflow-y:auto;
}
.popup.gx_log .box .table_area .align_right {
  padding-right: 10px;
}

.img_find_search { border-radius: 5px; border: 1px solid #D3D3D3; background: #D3D3D3; padding: 10px; width: inherit; }

/*기존 팝업 추가 주석 170515 박동혁 추가*/
.popup .pop_txt_list ul li { float: left; padding-left: 10px; position: relative; line-height: 1.5em; }
.popup .pop_txt_list ul li + li { margin-top: 10px; }
.popup .pop_txt_list ul li::before { content: "ㆍ"; position: absolute; left: -5px; }
.popup .pop_txt_list + p { margin-top: 20px; }

/*================= 팝업 v02  - 기존 팝업 베이스 =================*/
.popup.pop_white .box .d_block { display: block; }
.popup.pop_white .box h2 { color: #575757; background-color: #F5F6F7; }
.popup.pop_white .box h2 .select_day { padding: 0 12px; margin-right: 10px; font-size: 14px; color: #FFF; background: #22B2FB; border-radius: 15px; }
.popup.pop_white .box .label { font-weight: 500; font-size: 13px; }
.popup.pop_white .box .time { display: inline-block; }
.popup.pop_white .box .time select { width: 56px; min-width: inherit; }
.popup.pop_white .pop_caution { margin-top: 10px; padding: 20px; font-size: 13px; line-height: 19px; background: #F5F6F7; }
.popup.pop_white .pop_caution span { display: block; text-align: center; font-size: 16px; margin-bottom: 20px; }
.popup.pop_white .pop_tab { width: calc(100% + 40px); position: relative; top: -20px; left: -20px; background-color: #f5f6f7; }
.popup.pop_white .pop_tab ul { display: flex; position: inherit; }
.popup.pop_white .pop_tab ul li { flex: 1; }
.popup.pop_white .pop_tab ul li button { flex: 1; background-color: inherit; border: inherit; border-radius: inherit; }
.popup.pop_white .pop_tab ul li button.active { border-bottom: 4px solid #22B2FB; }
.popup.pop_white .box_input legend { display: inline-block; width: 120px; float: left; font-size: 13px; font-weight: 500; line-height: 34px; color: #42485a; }
.popup.pop_white .box_input p { display: inline-block; font-size: 13px; width: calc(100% - 120px); line-height: 34px; }
.popup.pop_white .box_input.search .btn_plus { display: inline-block; font-size: 13px; width: calc(100% - 218px); line-height: 34px; }
.popup.pop_white .box_input.search .btn_plus .icon { right: 105px }
.popup.pop_white .search_box { display: inline-block; width: 300px; }
.popup.pop_white .search_box button { padding: 7px 18px; background-color: #22B2FB; border-radius: 5px; color: #FFF; }
.popup.pop_white .search { margin-top: 20px; }
.popup.pop_white .no_memeber { padding: 20px; width: calc(100% + 40px); position: relative; left: -20px; font-size: 0; }
.popup.pop_white .no_memeber span { width: 120px; }
.popup.pop_white .no_memeber p input { width: 150px; text-align: left; padding-left: 10px; }
.popup.pop_white .pop_con input.type_01:checked ~ div.no_memeber { display: none; }
.popup.pop_white .pop_con input.type_02:checked ~ div.search { display: none; }
.popup.pop_white .state_box { display: block; }
.popup.pop_white .state_box p { display: inline-block; width: 100%; margin: 10px 0; }
.popup.pop_white .state_box p.tit { font-size: 18px; font-weight: 500; text-align: center; }
.popup.pop_white .state_box p.tit span { display: block; margin: 20px 0; font-size: 14px; }
.popup.pop_white .state_box .after_change { background: #e9e9e9; padding: 20px 0; text-align: center; border-radius: 5px; }
.popup.pop_white .state_box .ticket_state { padding:20px 0; text-align:center; border-top:1px solid #e6e6e6; overflow:hidden; }
.popup.pop_white .state_box .ticket_state p { margin-bottom:20px; font-size:17px; font-weight:600; }
.popup.pop_white .state_box .ticket_state .fl,.ticket_state .fr { width:50%; position:relative; }
.popup.pop_white .state_box .ticket_state .fl span,.ticket_state .fl strong,.ticket_state .fr span,.ticket_state .fr strong { display:block; line-height:1.4; }
.popup.pop_white .state_box .ticket_state .fl strong,.ticket_state .fr strong { font-size:24px; font-weight:600; color:#F37054; }
.popup.pop_white .state_box .ticket_state .fr:after { content:""; margin:auto 0; width:20px; height:20px; border:1px solid gray; border-left:0; border-bottom:0; transform:rotate(45deg); position:absolute; top:1px; left:-20px; bottom: 0; }
.popup.pop_white .state_box + fieldset { margin-top: 20px; }
.popup.pop_white .state_box .text_space { margin-right: 20px; }
.popup .pop_txt_list ul { overflow: hidden; margin-top: 20px; }
.popup.pop_white .pop_set_cost input[placeholder="금액"] { margin: 0 5px; width: 200px; }
.popup.pop_white .table_area { max-height: 200px; overflow-y: auto; }
.popup.pop_white .table_area input[type="checkbox"] { text-indent: -99999px; font-size: 0; opacity: 0; position: absolute; }
.popup.pop_white .table_area label { padding-left:18px; }
.popup.pop_white .table_area ~ .select_option { margin-top: 10px; }
/*================= //팝업 v02  - 기존 팝업 베이스 =================*/

/*================= 상단 sms_area =================*/
.top_service_info { margin-right: 20px; padding: 0 20px; float: left; border-right: 1px solid #555b6b; border-left: 1px solid #555b6b; }
.top_service_info > div { display: inline-block; }
.top_service_info > div + div { margin-left: 20px; }
.top_service_info > div span { display: inline-block; margin-top: 7px; font-size: 16px; color: #FFF; }
.top_service_info > div p { color: #9da1ad; }
.top_service_info > div a { margin-top: 7px; min-width: 20px; height: 20px; font-size: 12px; background: #555b6b; line-height: 18px; }




/*=======================================================================
* Key Pad
=======================================================================*/
.key_pad {
  height:100%;
  overflow:hidden;
}
.key_pad>* {
  width:50%;
  height:100%;
}
.key_pad .introduce {
  float:left;
  position:relative;
}
.key_pad .introduce .logo {
  width:15%;
  position:absolute;
  left:1.5em;
  top:1.5em;
  z-index:10;
}
.key_pad .introduce .intro {
  width:100%;
  height:calc(100% - (100% / 4));
  text-align:center;
  vertical-align:middle;
  background-size:100%;
  position:absolute;
  left:0;
  top:0;
}
.key_pad .introduce > img {
  width:100%;
  height:calc(100% - (100% / 4));
  text-align:center;
  vertical-align:middle;
  background-size:100%;
  position:absolute;
  left:0;
  top:0;
}
.key_pad .introduce .intro>* {
  display:inline-block;
  vertical-align:middle;
}
.key_pad .introduce .intro .txt div {
  margin:0 auto;
  width:150px;
  height:150px;
}
.key_pad .introduce .intro .txt p {
  font-size:3vw;
  font-weight:bold;
  color:#006CB8;
}
.key_pad .introduce .intro .txt p:first-child {
  line-height:1.4;
}
.key_pad .introduce .intro .txt p:first-child span {
  display:block;
}
.key_pad .introduce .intro .txt p:first-child strong {
  color:#1FBCBE;
}
.key_pad .introduce .intro .txt p+p {
  margin-top:1em;
  font-size:2vw;
  color:#6e7794;
}
.key_pad .introduce .intro:before {
  content:"";
  display:inline-block;
  margin-right:-0.25em;
  width:0;
  height:100%;
  vertical-align:middle;
}
.key_pad .introduce .field {
  width:100%;
  height:calc(100% / 4);
  background-color:#006CB8;
  position:absolute;
  left:0;
  bottom:0;
  overflow:hidden;
}
.key_pad .introduce .field input[type="text"] {
  width:100%;
  height:100%;
  font-size:5vw;
  font-weight:500;
  color:#FFF;
  text-align:center;
  background:transparent;
  border:0;
  border-radius:0;
}
.key_pad .number_pad {
  float:right;
}
.key_pad .number_pad ul {
  margin-right:-1px;
  display:flex;
  flex-flow:row wrap;
  justify-content:flex-start;
  height:100%;
}
.key_pad .number_pad ul li {
  flex:0 1 auto;
  width:calc((100% - 1px) /3);
  height:calc(100% / 4);
  vertical-align:middle;
  border-top:1px solid #006CB8;
  border-left:1px solid #006CB8;
  overflow:hidden;
}
.key_pad .number_pad ul li:nth-child(1),.key_pad .number_pad ul li:nth-child(2),.key_pad .number_pad ul li:nth-child(3) {
  border-top:0;
}
.key_pad .number_pad ul li button {
  width:100%;
  height:100%;
  font-size:4vw;
  font-weight:600;
  color:#006CB8;
  background-color:#FFF;
}
.key_pad .number_pad ul li button:active {
  color:#FFF;
  background-color:#006CB8;
}


.enter_choice {
  height:100%;
  text-align:center;
  background:url("../img/pad/pad_bg.jpg") no-repeat center 50%;
  background-size:cover;
}
.enter_choice:before {
  content:"";
  display:inline-block;
  margin-right:-0.25em;
  width:0;
  height:100%;
  vertical-align:middle;
}
.enter_choice .today_check {
  display:inline-block;
  margin:0 auto;
  width:80%;
  color:#42485A;
  text-align:left;
  vertical-align:middle;
  padding: 30px 20px 120px 20px !important;
}



/* 20170421 박동혁 추가 */
.enter_choice.grid_list ul li { width: calc((100% - 30px) / 2);  }
.today_check { padding: 30px 66px 110px 66px; }
.today_check h1 { margin-bottom: 30px; font-size:22px; text-align:left;}
.today_check .service_empty { font-size: 3em; text-align: center; }
.today_check .service_empty i { font-size: 0.7em; color: #006cb8; display: block; margin-top: 2em; }
.today_check ul { margin-bottom: 40px; }
.today_check ul.booking li .service_info { background: #f3f3f3; }
.today_check ul li.Imminent { border: 2px solid #F37054; }
.today_check ul li input[type='radio']:checked ~ div { display: block; background: #006cb8; }
.today_check ul li input[type='radio']:checked ~ div * { color: #FFF !important; }
.today_check ul li input[type='radio']:checked ~ div > label p::before { display: none; }
.today_check ul li .service_type { overflow: hidden; display: block; margin: -20px -10px 0; }
.today_check ul li .service_type > i { font-size: 16px; }
.today_check ul li .service_type > i strong { color: #7A7F8B; }
.today_check ul li .service_type span { float:right; margin-top: 10px; }
.today_check ul li .service_type label { margin-top: 10px; width: calc(100% - 90px); float: left; font-size: 18px; color: #565656; font-weight: 600; }
.today_check ul li .service_type label p { position: relative; }
.today_check ul li .service_type label i { display: block; margin-bottom: 10px; font-size: 14px; color: #565656; }
.today_check ul li .service_type label p::before { content: ""; margin: auto 0; width: 2px; height: 100%; position: absolute; left: -20px; top: 0; bottom: 0; }
.today_check ul li .service_type label::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.today_check ul li .service_info { display: block; margin: 0 -10px -20px; padding: 20px; background: #FFF; border-top: 1px dashed #BABBC2; }
.today_check ul li .service_type.class>label p:before { background-color:#F39800; }
.today_check ul li .service_type.pt>label p:before { background-color:#7A52CC; }
.today_check ul li .service_type.place>label p:before { background-color:#22B2FB; }
.today_check ul li .service_info p { font-size: 14px; font-weight: 500; }
.today_check ul li .service_info p strong { font-weight: 400; }
.today_check ul li .service_info p:last-child { text-align: right; }
.today_check .red_p { color: #f94748 !important; }
.today_check > p { width: 100%; height: 100px; background-color: #006cb8; position: fixed; bottom: 0; left: 0; }
.today_check > p i { font-size: 16px; font-weight: 500; margin-left: -124px; position: absolute; top: -40px; left: 77%; text-align: right; }
.today_check > p i::before { content: "!"; padding: 0 10px; font-weight: 600; color: #FFF; background: #ffb941; border-radius: 50%; position: relative; right: 10px; }
.today_check > p button { display: block; width: 100%; height: 100px; font-size: 26px; font-weight: 500; color: #FFF; background: #006cb8; }
/* //20170421 박동혁 추가 */

/* 20170421 박동혁 수정
.enter_choice .today_check ul {
  overflow:hidden;
  overflow-y:auto;
}
.enter_choice .today_check ul li input[type="radio"]+label {
  display:block;
  padding:20px 0 20px 90px;
  font-size:26px;
  font-weight:500;
  line-height:40px;
  background-color:#f0f0f2;
  border:1px solid #BABBC2;
  border-radius:10px;
}
.enter_choice .today_check ul li input[type="radio"]+label:before {
  width:30px;
  height:30px;
  background-image:url("../img/pad/radio_btn.png");
  background-size:100%;
  left:20px;
}
.enter_choice .today_check ul li input[type="radio"]:checked+label {
  color:#FFF;
  background-color:#006CB8;
  border-color:#006CB8;
}
.enter_choice .today_check ul li+li {
  margin-top:1.5em;
}
.enter_choice .today_check p {
  margin-top:3em;
  text-align:center;
}
.enter_choice .today_check p button {
  padding:0.5em 1.5em;
  font-size:30px;
  color:#FFF;
  background-color:#006CB8;
  border-radius:10px;
}
*/

.enter_complete {
  height:100%;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.enter_complete>* {
  display:inline-block;
  vertical-align:middle;
}
.enter_complete:before,.enter_complete:after {
  content:"";
}
.enter_complete:before {
  display:inline-block;
  margin-right:-0.25em;
  width:0;
  height:100%;
  vertical-align:middle;
}
.enter_complete:after {
  width:100%;
  height:100%;
  background:url("../img/pad/pad_bg.jpg") no-repeat center 50%;
  background-size:cover;
  opacity:0.5;
  position:absolute;
  left:0;
  top:0;
  z-index:-1;
  animation:bgRotate 60s linear infinite;
}
.enter_complete .box {
  font-weight:500;
}
.enter_complete .box p:first-child {
  font-size:4vw;
  color:#1FBCBE;
  line-height:1.4;
}
.enter_complete .box p:first-child+p {
  font-size:3.5vw;
  color:#006CB8;
}
.enter_complete .box .logo {
  margin:0 auto;
  width:10%;
  position:fixed;
  left:0;
  right:0;
  bottom:70px;
}


.popup .box.wide_pop { width: 1000px !important; height: 800px !important; }

@keyframes bgRotate {
  0% {
    transform:rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}




/*=======================================================================
* Navigation Animation
=======================================================================*/
#nav>a:hover {
  animation:ef 300ms alternate infinite;
}
@keyframes ef {
  0% {
    transform:scale(1);
  }
  100% {
    transform:scale(1.1);
  }
}
@keyframes ef {
  0% {
    transform:scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}




/*=======================================================================
* Page Top Button
=======================================================================*/
.page_top {
  position:fixed;
  bottom:10px;
  right:7px;
}
.page_top a {
  display:block;
  width:50px;
  height:50px;
  color:#FFF;
  text-align:center;
  line-height:65px;
  background:url("../img/btn/top_arrow.png") no-repeat center 25% #22B2FB;
  border-radius: 50%;
}




/*=======================================================================
* Media Query
=======================================================================*/
@media only screen and (max-width:1750px) {
  .grid_list ul li {
    width:calc((100% - 80px) / 4);
  }
}
@media only screen and (max-width:1425px) {
  .section {
    padding:30px 20px;
  }
  .bar_area {
    padding:10px 20px;
  }
  .search_bar {
    margin:-30px -20px 0;
  }
  .search_bar fieldset {
    padding:0 20px;
  }
  .grid_list ul {
    margin-left:-10px;
  }
  .grid_list ul li {
    margin:0 0 10px 10px;
    width:calc((100% - 40px) / 4);
  }
  .free_area .section {
    max-width:80%;
  }
  .data_area .section .column,.profile_area .section .column,.schedule_set .section .column,.trainer_info .section .column {
    padding:20px 10px;
  }
  .data_area .section .column h3,.profile_area .section .column h3,.schedule_set .section .column h3,.trainer_info .section .column h3 {
    margin:-20px -10px 20px;
  }
  .health_area .health_section {
    width:calc((100% - 40px) / 2);
  }
  .health_area .health_section:nth-child(3),.health_area .health_section:nth-child(4) {
    margin-top:20px;
  }
  .column.col_span .grid_list ul li {
    width:calc((100% - 20px) / 2);
  }
  .tab ul li a:after {
    width:1px;
    height:100%;
    background:#BABBC2;
    position:absolute;
    left:0;
    top:0;
  }
  .tab ul li+li {
    margin-left:0;
  }
  .tab ul li:last-child:after {
    display:none;
  }
}
@media only screen and (max-width:1285px) {
  .grid_list ul li {
    width:calc((100% - 30px) / 3);
  }
  .free_area .pr_form .grid_list:not(.latest) ul li {
    width:calc((100% - 20px) / 2);
  }
}
@media only screen and (max-width:965px) {
  .grid_list ul li {
    width:calc((100% - 20px) / 2);
  }
}
@media only screen and (max-width:655px) {
  .grid_list ul {
    margin-left:0;
  }
  .grid_list ul li {
    flex:none;
    margin-left:0;
    width: 100%;
  }
}




/*=======================================================================
* Effect
=======================================================================*/
.popup[style="display:block;"] .box {
  animation:300ms rotate alternate forwards;
}
@keyframes rotate {
  0% {
    transform:scale(0);
    opacity:0;
  }
  100% {
    transform:scale(1);
    opacity: 1;
  }
}