@charset "UTF-8";
#container {
  padding-bottom: 70px;
  position: relative;
}
@media (max-width: 768px) {
  #container {
    padding-bottom: 30px;
  }
}
#container #mv article.mvsw {
  position: relative;
}
#container #mv article.mvsw ul {
  overflow: visible;
  max-width: calc(100% - 30px);
}
#container #mv article.mvsw ul li {
  margin: 0 5px;
}
#container #mv article.mvsw ul li a figure {
  aspect-ratio: 38/12.5;
}
#container #mv article.mvsw ul li a figure img {
  margin: 0 auto;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#container #mv article.mvsw .mvsw-next {
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 9;
  transform: translateY(-50%);
}
#container #mv article.mvsw .mvsw-prev {
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 9;
  transform: translateY(-50%);
}
#container #mv2 article.teacherSw_area {
  position: relative;
  margin: 20px 0;
}
#container #mv2 article.teacherSw_area .teacherSw {
  width: 90%;
  margin: 0 auto;
}
@media (max-width: 640px) {
  #container #mv2 article.teacherSw_area .teacherSw {
    width: 87%;
  }
}
#container #mv2 article.teacherSw_area ul li {
  width: 15.66666%;
}
@media (max-width: 768px) {
  #container #mv2 article.teacherSw_area ul li {
    width: 15.3333%;
  }
}
#container #mv2 article.teacherSw_area ul li a figure {
  width: 100%;
  height: 100%;
  margin-bottom: 5px;
}
#container #mv2 article.teacherSw_area ul li a figure img {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  -o-object-fit: contain;
     object-fit: contain;
  filter: grayscale(1);
}
#container #mv2 article.teacherSw_area ul li a dl {
  text-align: center;
}
#container #mv2 article.teacherSw_area ul li a dl dt {
  font-size: 1rem;
  margin-bottom: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
#container #mv2 article.teacherSw_area ul li a dl dd {
  display: flex;
  justify-content: center;
  font-size: 0.875rem;
}
#container #mv2 article.teacherSw_area ul li a dl dd em {
  margin-right: 3px;
}
#container #mv2 article.teacherSw_area ul li a dl dd em.sin {
  color: #EB7066;
}
#container #mv2 article.teacherSw_area ul li a dl dd em.tarot {
  color: #B488BB;
}
#container #mv2 article.teacherSw_area ul li a dl dd em.saju {
  color: #76A6D0;
}
#container #mv2 article.teacherSw_area ul li a dl dd em.sim {
  color: #EB7066;
}
#container #mv2 article.teacherSw_area ul li.on a figure img {
  filter: grayscale(0);
}
#container #mv2 article.teacherSw_area .teacher-next {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
}
#container #mv2 article.teacherSw_area .teacher-prev {
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
}
#container #list.sub_list .tab {
  background: #EEEEEE;
  display: flex;
  align-items: center;
  max-width: 100%;
  height: 40px;
}
#container #list.sub_list ul li {
  border: 0 !important;
}
#container #list.sub_list ul li.on {
  color: #DA3915;
}
#container #list .tab {
  max-width: calc(100% - 30px);
  margin: 0 auto 30px;
}
#container #list .tab ul {
  display: flex;
  width: 100%;
}
#container #list .tab ul li {
  width: 25%;
  color: #969696;
  aspect-ratio: 18/5 !important;
  border-left: 2px solid #eee;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
}
#container #list .tab ul li:last-child {
  border-right: 2px solid #eee;
}
#container #list .tab ul li a {
  line-height: 1;
  margin: -1px 0 0;
}
#container #list .tab ul li a figure {
  position: relative;
  width: 28px;
  height: 28px;
  margin: 0 auto;
}
#container #list .tab ul li a figure img {
  position: absolute;
  top: 0;
  left: 0;
  filter: grayscale(1);
}
#container #list .tab ul li a figure figcaption {
  text-align: center;
  color: #969696;
}
@media (max-width: 768px) {
  #container #list .tab ul li a figure figcaption {
    font-size: 0.75rem;
  }
}
#container #list .tab ul li a span {
  font-size: 1rem;
  color: #969696;
  display: block;
  margin: 5px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
#container #list .tab ul li.on[data-case=타로] span {
  color: #B488BB;
}
#container #list .tab ul li.on[data-case=사주] span {
  color: #76A6D0;
}
#container #list .tab ul li.on[data-case=신점] span {
  color: #F29544;
}
#container #list .tab ul li.on[data-case=신점] img {
  opacity: 1;
}
#container #list .tab ul li.on[data-case=신규] span {
  color: #2E457C;
}
#container #list .tab ul li.on[data-case=신규] img {
  opacity: 1;
}
#container #list .tab ul li.on[data-case=추천] span {
  color: #2E457C;
}
#container #list .tab ul li.on[data-case=추천] img {
  opacity: 1;
}
#container #list .tab ul li.on .on_icon {
  filter: grayscale(0);
}
#container #list .tab ul li[data-case=신규] img {
  opacity: 0.5;
}
#container #list .tab ul li[data-case=추천] img {
  opacity: 0.5;
}
#container #list .teacher-archive {
  max-width: calc(100% - 20px);
  margin: 0 auto;
}
#container #list .teacher-archive > ul li .box {
  display: flex;
}
#container #list .teacher-archive > ul li .box figure {
  width: 50%;
  display: flex;
  align-items: end;
  cursor: pointer;
}
@media (max-width: 360px) {
  #container #list .teacher-archive > ul li .box figure {
    width: 60%;
  }
}
#container #list .teacher-archive > ul li .box figure img {
  width: 100%;
}
#container #list .teacher-archive > ul li.teacher {
  padding: 5px 14px 10px 14px;
  position: relative;
  background: #eee;
  border-radius: 10px;
  justify-content: space-between;
  margin: 0 0 10px 0;
}
@media (max-width: 768px) {
  #container #list .teacher-archive > ul li.teacher {
    background-size: 160px 150px !important;
  }
}
#container #list .teacher-archive > ul li.teacher:last-child {
  margin: 0;
}
#container #list .teacher-archive > ul li.teacher div.info {
  width: 75%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 430px) {
  #container #list .teacher-archive > ul li.teacher div.info {
    width: 60%;
  }
}
#container #list .teacher-archive > ul li.teacher div.info .txt {
  cursor: pointer;
}
#container #list .teacher-archive > ul li.teacher div.info a.close {
  width: 25px;
  height: 25px;
  border-radius: 20px;
  text-align: center;
  position: absolute;
  right: 18px;
  top: 17px;
}
#container #list .teacher-archive > ul li.teacher div.info a.close:after {
  content: "";
  font-size: 25px;
  display: block;
  width: 100%;
  height: 36px;
  background: url("../img/close_arrow.png") no-repeat center/25px 25px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight: 500;
  transform: translate(-50%, -50%);
}
#container #list .teacher-archive > ul li.teacher div.info .name {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
#container #list .teacher-archive > ul li.teacher div.info .name em {
  background: #aaa;
  border-radius: 5px;
  font-family: "a600";
  color: #fff;
  height: 25px;
  padding: 4px 10px;
  align-items: unset;
  display: block;
}
#container #list .teacher-archive > ul li.teacher div.info .name b {
  font-size: 1.7rem;
  color: #aaa;
  letter-spacing: -1px;
  margin: 0 7px;
  height: auto;
  font-weight: 600;
}
#container #list .teacher-archive > ul li.teacher div.info .name h4 {
  color: #515151;
  font-size: 2.5rem !important;
  color: #515151;
  font-family: "a400";
  letter-spacing: -1px;
}
@media (max-width: 768px) {
  #container #list .teacher-archive > ul li.teacher div.info .name h4 {
    font-size: 1.25rem;
  }
}
#container #list .teacher-archive > ul li.teacher div.info .name h4 span {
  font-size: 1.25rem;
}
@media (max-width: 768px) {
  #container #list .teacher-archive > ul li.teacher div.info .name h4 span {
    font-size: 0.75rem;
  }
}
#container #list .teacher-archive > ul li.teacher div.info .hash em {
  font-size: 1rem;
  font-family: "a500";
  letter-spacing: -1px;
  color: #aaa;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
#container #list .teacher-archive > ul li.teacher div.info .coment p {
  font-family: "a500";
  font-size: 1rem;
  color: #515151;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
#container #list .teacher-archive > ul li.teacher div.info .status {
  margin: 15px 0 0px 0;
}
#container #list .teacher-archive > ul li.teacher div.info .status p {
  font-family: "a500";
  font-size: 1rem;
  color: #515151;
}
#container #list .teacher-archive > ul li.teacher div.info .status a {
  display: flex;
  border-radius: 5px;
  background: brown;
  justify-content: center;
  align-items: center;
  max-width: 260px;
  height: 36px;
  line-height: 1.8;
  color: #fff;
  font-size: 1.25rem;
  font-family: "a600";
}
@media (max-width: 430px) {
  #container #list .teacher-archive > ul li.teacher div.info .status a {
    max-width: 200px;
  }
}
#container #list .teacher-archive > ul li.teacher div.info .status a i {
  margin: 0 8px 0 0;
  transition: 0.5s;
}
#container #list .teacher-archive > ul li.teacher div.info .status a.ing {
  background: #2E457C !important;
}
#container #list .teacher-archive > ul li.teacher .partner_icon {
  position: absolute;
  bottom: 48px;
  right: 13px;
}
@media (max-width: 768px) {
  #container #list .teacher-archive > ul li.teacher .partner_icon {
    right: 10px;
  }
}
#container #list .teacher-archive > ul li.teacher .partner_icon img {
  width: 40px;
}
#container #list .teacher-archive > ul li.teacher a.review {
  position: absolute;
  right: 14px;
  bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #fff;
  background: #aaa;
  padding: 5px;
  border-radius: 5px;
  height: 36px;
}
#container #list .teacher-archive > ul li.teacher a.review span {
  display: block;
  line-height: 1;
}
#container #list .teacher-archive > ul li.teacher a.review i {
  transition: 0.5s;
}
@media (max-width: 768px) {
  #container #list .teacher-archive > ul li.teacher a.review i {
    margin-top: 2px;
  }
}
#container #list .teacher-archive > ul li.teacher a.review i.active {
  transform: rotate(180deg);
}
#container #list .teacher-archive > ul li.teacher.sin {
  background: #FCE5CE;
}
#container #list .teacher-archive > ul li.teacher.sin .info .name em {
  background: #F29544;
}
#container #list .teacher-archive > ul li.teacher.sin .info .name b {
  color: #F29544;
}
#container #list .teacher-archive > ul li.teacher.sin .info .status a {
  background: #F29544;
}
#container #list .teacher-archive > ul li.teacher.sin a.review {
  background: #F29544;
}
#container #list .teacher-archive > ul li.teacher.tarot {
  background: #E8DCEC;
}
#container #list .teacher-archive > ul li.teacher.tarot .info .name em {
  background: #B488BB;
}
#container #list .teacher-archive > ul li.teacher.tarot .info .name b {
  color: #B488BB;
}
#container #list .teacher-archive > ul li.teacher.tarot .info .status a {
  background: #B488BB;
}
#container #list .teacher-archive > ul li.teacher.tarot a.review {
  background: #B488BB;
}
#container #list .teacher-archive > ul li.teacher.saju {
  background: #CFDDED;
}
#container #list .teacher-archive > ul li.teacher.saju .info .txt {
  cursor: pointer;
}
#container #list .teacher-archive > ul li.teacher.saju .info .name em {
  background: #76A6D0;
}
#container #list .teacher-archive > ul li.teacher.saju .info .name b {
  color: #76A6D0;
}
#container #list .teacher-archive > ul li.teacher.saju .info .status a {
  background: #76A6D0;
}
#container #list .teacher-archive > ul li.teacher.saju a.review {
  background: #76A6D0;
}
#container #list .teacher-archive > ul li.teacher.taro {
  background: #E8DCEC;
}
#container #list .teacher-archive > ul li.teacher.taro .info .name em {
  background: #B488BB;
}
#container #list .teacher-archive > ul li.teacher.taro .info .name b {
  color: #B488BB;
}
#container #list .teacher-archive > ul li.teacher.taro .info .status a {
  background: #B488BB;
}
#container #list .teacher-archive > ul li.teacher.taro a.review {
  background: #B488BB;
}
#container #list .teacher-archive > ul li.teacher.sim {
  background: url(http://untok.tium.co.kr/img/teacher2.png) no-repeat right bottom/235px auto #FCE5CE;
}
@media (max-width: 430px) {
  #container #list .teacher-archive > ul li.teacher.sim {
    background: url(http://untok.tium.co.kr/img/teacher2.png) no-repeat right bottom/160px auto #FCE5CE;
  }
}
#container #list .teacher-archive > ul li.teacher.sim .info .name em {
  background: #F29544;
}
#container #list .teacher-archive > ul li.teacher.sim .info .name b {
  color: #F29544;
}
#container #list .teacher-archive > ul li.teacher.sim .info .status a {
  background: #F29544;
}
#container #list .teacher-archive > ul li.teacher.sim a.review {
  background: #F29544;
}
#container #list .teacher-archive > ul li.teacher.absence {
  filter: grayscale(1);
}
#container #list .teacher-archive > ul li.review-cont {
  border-bottom: 1px solid #888888;
  margin-top: 10px;
  margin-bottom: 20px !important;
}
#container #list .teacher-archive > ul li.review-cont h3 {
  color: #888888;
  padding: 10px 20px;
}
@media (max-width: 768px) {
  #container #list .teacher-archive > ul li.review-cont h3 {
    font-size: 0.875rem;
    padding: 7px 10px;
  }
}
#container #list .teacher-archive > ul li.review-cont > ul {
  padding: 10px 20px;
  border-top: 1px solid #888888;
}
@media (max-width: 768px) {
  #container #list .teacher-archive > ul li.review-cont > ul {
    padding: 7px 10px;
  }
}
#container #list .teacher-archive > ul li.review-cont > ul li {
  margin: 10px 0;
}
@media (max-width: 768px) {
  #container #list .teacher-archive > ul li.review-cont > ul li {
    margin: 5px 0;
  }
}
#container #list .teacher-archive > ul li.review-cont > ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#container #list .teacher-archive > ul li.review-cont > ul li a p {
  width: calc(80% - 20px);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-family: "a500";
  text-align: left;
}
@media (max-width: 768px) {
  #container #list .teacher-archive > ul li.review-cont > ul li a p {
    font-size: 0.875rem;
  }
}
#container #list .teacher-archive > ul li.review-cont > ul li a em i {
  color: #f00;
}
#container #list .teacher-archive > ul li.review-cont a {
  text-align: center;
  color: #888888;
  display: block;
  font-family: "600";
}
@media (max-width: 768px) {
  #container #list .teacher-archive > ul li.review-cont a {
    font-size: 0.875rem;
    margin-bottom: 5px;
  }
}
#container #list .teacher-archive > ul li.review-cont a.more {
  padding: 0 0 15px 0;
}
@media (max-width: 768px) {
  #container #list .teacher-archive > ul li.review-cont a.more {
    padding: 0;
  }
}
#container #patners {
  border-radius: 10px;
  padding: 15px 20px;
  position: relative;
}
@media (max-width: 768px) {
  #container #patners {
    background-size: 150px 140px !important;
  }
}
#container #patners .partner_icon {
  position: absolute;
  bottom: 13px;
  right: 13px;
}
#container #patners .partner_icon img {
  width: 40px;
}
#container #patners .name {
  width: 80%;
}
@media (max-width: 360px) {
  #container #patners .name {
    width: 65%;
  }
}
#container #patners .name a {
  cursor: default;
}
#container #patners .name p {
  display: flex !important;
  align-items: center;
  margin: 0 !important;
}
#container #patners .name em {
  border-radius: 5px;
  color: #fff;
  height: 25px;
  padding: 4px 10px;
}
#container #patners .name b {
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  color: #666464;
  font-weight: 600;
  margin: 0 0 0 6px;
}
#container #patners .name b span {
  font-size: 16px;
}
#container #patners .name b .like_box {
  display: flex;
  align-items: center;
}
#container #patners .name b.like {
  font-size: 1rem;
  margin: 3px 0 5px 2px;
  color: #E52C2C;
}
#container #patners .name small {
  color: #515151;
  font-size: 1rem;
  display: block;
  margin: 15px 0 0;
}
#container #patners .name small .light {
  color: #888888;
  display: block;
}
#container #patners .name img[alt=상은보살] {
  width: 140px;
}
#container #patners .name .like_box {
  display: block;
  margin: 0 0 0 10px;
}
#container #patners .name span .icon {
  position: relative;
  width: 20px;
  height: 20px;
  display: block;
  margin: 0 5px 0 0;
}
#container #patners .name span .icon img {
  position: absolute;
  top: 0;
  left: 0;
}
#container #patners .name span .icon.on .out {
  opacity: 0;
  transition: all 0.3s;
}
#container #patners .name span .icon.on .on {
  opacity: 1;
}
#container #patners .name span .icon .out {
  opacity: 1;
}
#container #patners .name span .icon .on {
  opacity: 0;
  transition: all 0.3s;
}
#container #patners .name .flex {
  margin: 1px 0 0;
}
#container #patners .name .flex .titlefont {
  color: #515151;
  font-size: 2.5rem !important;
  color: #515151;
  font-family: "a400";
  letter-spacing: -1px;
  line-height: 1;
}
#container #patners_m {
  position: relative;
}
#container #patners_m.fixed-menu .name {
  position: fixed;
  top: 0;
  width: 100%;
  max-width: 768px;
  display: flex;
}
#container #patners_m .name {
  background: #fff;
  display: none;
  height: 80px;
}
#container #patners_m .name .n_box {
  padding: 20px;
  align-items: center;
  white-space: nowrap;
  background: #eee;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 60px;
}
@media (max-width: 430px) {
  #container #patners_m .name .n_box {
    height: 50px;
  }
}
#container #patners_m .name em {
  color: #fff;
  font-size: 1rem;
  display: inline-block;
  padding: 4px 10px;
  border-radius: 5px;
  font-weight: 600;
  height: 25px;
}
#container #patners_m .name .title {
  color: #000;
  margin: 0 1%;
}
#container #patners_m .name b {
  font-size: 21px;
  color: #666464;
}
@media (max-width: 430px) {
  #container #patners_m .name b {
    font-size: 16px;
  }
}
#container #patners_m .name b span {
  font-size: 16px;
}
#container #patners_m .name .like_box {
  display: flex;
  align-items: center;
  margin: 2px 0 0 10px;
  position: absolute;
  top: 20px;
  right: 26px;
}
@media (max-width: 430px) {
  #container #patners_m .name .like_box {
    top: 15px;
  }
}
@media (max-width: 360px) {
  #container #patners_m .name .like_box {
    margin: 2px 0 0 0;
  }
}
#container #patners_m .name .like_box .like {
  font-size: 11px;
  color: #E52C2C;
  margin: 0 0 0 10px;
}
#container #patners_m .name .like_box span.icon {
  position: relative;
  width: 20px;
  height: 20px;
  display: block;
  margin: 0 auto;
  float: left;
}
#container #patners_m .name .like_box span.icon img {
  position: absolute;
  top: 0;
  left: 0;
}
#container #patners_m .name .like_box span.icon.on .out {
  opacity: 0;
  transition: all 0.3s;
}
#container #patners_m .name .like_box span.icon.on .on {
  opacity: 1;
}
#container #patners_m .name .like_box span.icon .out {
  opacity: 1;
}
#container #patners_m .name .like_box span.icon .on {
  opacity: 0;
  transition: all 0.3s;
}
#container #patners_m {
  opacity: 0;
}
#container #patners_m.fixed-menu {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  opacity: 1;
}
#container #patners_m.fixed-menu .name {
  cursor: none;
}
#container #detail_area .menu_tab {
  display: flex;
  border-bottom: 3px solid #eee;
  justify-content: space-between;
  align-items: center;
}
#container #detail_area .menu_tab:after {
  content: "";
  display: none;
}
#container #detail_area .menu_tab.fixed-menu {
  position: fixed;
  width: 100%;
  max-width: 768px;
  top: 80px;
  z-index: 100;
  margin: 0;
}
@media (max-width: 430px) {
  #container #detail_area .menu_tab.fixed-menu {
    top: 65px;
  }
}
#container #detail_area .menu_tab.fixed-menu:after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  top: -14px;
  height: 14px;
  background: #fff;
}
#container #detail_area .menu_tab li {
  width: 100%;
  border-bottom: 1px solid #ddd;
  background: #fff;
}
#container #detail_area .menu_tab li:active .content {
  margin: 200px auto 150px;
}
#container #detail_area .menu_tab li a {
  display: block;
  text-align: center;
  height: 45px;
  line-height: 45px;
  font-size: 1.125rem;
}
@media (max-width: 768px) {
  #container #detail_area .menu_tab li a {
    height: 40px;
    line-height: 40px;
  }
}
#container #detail_area .menu_tab li a img {
  width: 16px;
  display: inline-block;
  margin: 0 2px 0 0;
}
#container #detail_area .menu_tab li a img.out {
  display: none;
}
#container #detail_area .menu_tab li a img.on {
  display: inline-block;
}
#container #detail_area .menu_tab li a b {
  color: #808080;
  font-size: 12px;
  font-weight: 500;
}
#container #detail_area .menu_tab li.active a {
  color: #fff;
}
#container #detail_area .menu_tab li.active b {
  color: #fff;
}
#container #detail_area .menu_tab li.active img.out {
  display: inline-block;
}
#container #detail_area .menu_tab li.active img.on {
  display: none;
}
#container #detail_area .menu_tab li:last-child img.out {
  display: inline-block;
}
#container #detail_area .tab-menu {
  background-color: #f1f1f1;
  border: 0;
  top: 0;
  z-index: 100;
  margin: 30px 0 0;
}
#container #detail_area .tab-menu.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
}
#container #detail_area .inner {
  margin: 30px auto;
}
#container #detail_area .inner .title_line {
  font-size: 1.1rem;
  color: #515151;
  margin: 30px 0 10px 0;
  display: block;
  font-weight: 600;
}
#container #detail_area .inner .thumb {
  margin: 0 0 30px 0;
  display: none;
}
#container #detail_area .inner .introduction {
  color: #4D4D4D;
  font-size: 14px;
  color: #000;
  line-height: 1.3;
  background: #eee;
  padding: 20px;
  margin: 10px 0 0;
}
#container #detail_area .inner .notice_area {
  margin: 30px 0 0;
}
#container #detail_area .inner .notice_area .flex {
  display: flex;
  justify-content: space-between;
}
#container #detail_area .inner .notice_area .flex .title_line {
  margin: 0;
  height: auto;
}
#container #detail_area .inner .notice_area .flex .time {
  font-size: 12px;
}
#container #detail_area .inner .sale_area {
  margin: 30px 0 0;
}
#container #detail_area .inner .sale_area .sales_Team {
  width: 100%;
  height: 120px;
  background-size: 160px auto;
  position: relative;
  display: table;
}
@media (max-width: 414px) {
  #container #detail_area .inner .sale_area .sales_Team {
    background-position: -21px 0px;
  }
}
#container #detail_area .inner .sale_area .sales_Team a {
  padding: 0 3% 0 0;
  text-align: right;
  display: table-cell;
  vertical-align: middle;
  font-size: 20px;
}
@media (max-width: 414px) {
  #container #detail_area .inner .sale_area .sales_Team a {
    font-size: 16px;
  }
}
#container #detail_area .inner .sale_area .sales_Team a big {
  font-size: 30px;
  color: #E52C2C;
}
@media (max-width: 414px) {
  #container #detail_area .inner .sale_area .sales_Team a big {
    font-size: 22px;
  }
}
#container #detail_area .inner .sale_area .sales_Team a .btn {
  font-size: 12px;
  background: #fff;
  width: 150px;
  height: 30px;
  line-height: 32px;
  border-radius: 30px;
  margin: 15px 8% 0 0;
  color: #232323;
}
@media (max-width: 414px) {
  #container #detail_area .inner .sale_area .sales_Team a .btn {
    width: 125px;
  }
}
#container #detail_area .inner .sale_area .title_line {
  margin: 0 0 10px 0;
}
#container #detail_area .inner .sns_area {
  margin: 30px 0 0;
}
#container #detail_area .inner .sns_area .icon_box {
  display: flex;
  justify-content: center;
  margin: 0 25px;
}
#container #detail_area .inner .sns_area .icon_box a {
  display: block;
  margin: 0px 25px 0 0;
  width: 100%;
  max-width: 60px;
}
#container #detail_area .inner .sns_area .icon_box a:last-child {
  margin: 0;
}
#container #detail_area .inner .best_area {
  margin: 30px 0 0;
}
#container #detail_area .inner .best_area .review {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  display: flex;
  font-size: 1rem;
  padding: 13px 0 13px 10px;
  line-height: 1.3;
}
#container #detail_area .inner .best_area .review .left {
  position: relative;
  margin-right: 20px;
}
#container #detail_area .inner .best_area .review .left:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 15px;
  margin: 0 10px;
  vertical-align: middle;
  background: #ddd;
  position: absolute;
  top: 0;
  right: -21px;
}
#container #detail_area .inner .best_area .review b {
  color: #F29544;
}
#container #detail_area .inner .best_area .review .scope {
  display: flex;
  vertical-align: top;
  align-items: center;
}
#container #detail_area .inner .best_area .review .scope img {
  height: 12px;
  margin: 0 0 0 5px;
}
#container #detail_area .inner .best_area .review .d_claration {
  margin: 0 0 0 5px;
}
#container #detail_area .inner .best_area .review_area ul li {
  position: relative;
  margin: 10px 0 0 0;
}
#container #detail_area .inner .best_area .review_area ul li .top small {
  background: #E52C2C;
  color: #fff;
  font-size: 1rem;
  padding: 0 4px;
  height: 22px;
  font-weight: 600;
  line-height: 22px;
}
#container #detail_area .inner .best_area .review_area ul li .top .nick {
  font-size: 1rem;
  line-height: 1.6;
  font-weight: 600;
  margin: 0 0 0 8px;
}
@media (max-width: 430px) {
  #container #detail_area .inner .best_area .review_area ul li .top .nick {
    line-height: 2;
  }
}
#container #detail_area .inner .best_area .review_area ul li .top .scope {
  margin: -3px 0 0;
}
#container #detail_area .inner .best_area .review_area ul li .top .d_claration {
  margin: 0 0 0 5px;
}
#container #detail_area .inner .best_area .review_area ul li .center {
  position: absolute;
  top: 10px;
  right: 20px;
}
#container #detail_area .inner .best_area .review_area ul li .center .num {
  width: 55px;
  height: 24px;
  border: 1px solid #DDDDDD;
  justify-content: space-around;
  align-items: center;
  font-size: 13px;
  line-height: 2;
  display: inline-flex;
  background: #fff;
}
#container #detail_area .inner .best_area .review_area ul li .center .num .like.on {
  display: none;
}
#container #detail_area .inner .best_area .review_area ul li .center .num .like.out {
  display: block;
}
#container #detail_area .inner .best_area .review_area ul li .center .num.on .like.on {
  display: block;
}
#container #detail_area .inner .best_area .review_area ul li .center .num.on .like.out {
  display: none;
}
#container #detail_area .inner .best_area .review_area ul li .border_line {
  background: #F8F8F8;
  padding: 10px;
  position: relative;
  border-bottom: 1px solid #ddd;
}
#container #detail_area .inner .best_area .review_area ul li .border_line .top {
  align-items: center;
}
#container #detail_area .inner .best_area .review_area ul li .rev_txt {
  padding: 10px;
  background: #F8F8F8;
}
#container #detail_area .inner .best_area .review_area ul li .rev_txt p {
  font-size: 1rem;
  margin: 10px 0;
  line-height: 1.5;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 414px) {
  #container #detail_area .inner .best_area .review_area ul li .rev_txt p {
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
#container #detail_area .inner .best_area .review_area ul li .rev_txt::after {
  content: "";
  display: block;
  clear: both;
}
#container #detail_area .inner .best_area .review_area ul li .rev_txt .float {
  float: left;
}
#container #detail_area .inner .best_area .review_area ul li .rev_txt .align {
  float: right;
}
#container #detail_area .inner .best_area .review_area ul li .rev_txt .align .txt_con:last-child {
  font-size: 1rem;
  margin: 0 10px;
}
#container #detail_area .inner .best_area .review_area ul li .rev_txt img {
  width: 50%;
  margin: 10px 0 0;
}
#container #detail_area .inner .best_area .review_area ul li .speech_bubble {
  background-color: #fff;
  border: #ddd solid 1px;
  font-size: 12px;
  font-weight: 500;
  height: auto;
  letter-spacing: -0.25px;
  margin-top: 8px;
  padding: 13px 11px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  width: 100%;
}
#container #detail_area .inner .best_area .review_area ul li .speech_bubble .bubble_txt {
  justify-content: space-between;
}
#container #detail_area .inner .best_area .review_area ul li .speech_bubble .bubble_txt h3 {
  font-size: 1rem;
  color: #515151;
}
#container #detail_area .inner .best_area .review_area ul li .speech_bubble p {
  color: #555;
  font-size: 1rem;
  margin: 15px 0 0;
}
#container #detail_area .inner .best_area .review_area ul li .speech_bubble:before {
  border-color: #ddd transparent;
  border-style: solid;
  border-width: 0 6px 8px 6.5px;
  content: "";
  display: block;
  left: 20px;
  position: absolute;
  top: -8px;
  width: 0;
  z-index: 0;
}
#container #detail_area .inner .best_area .review_area ul li .speech_bubble:after {
  border-color: #fff transparent;
  border-style: solid;
  border-width: 0 6px 8px 6.5px;
  content: "";
  display: block;
  left: 20px;
  position: absolute;
  top: -7px;
  width: 0;
}
#container #detail_area .inner .best_area .more_review a {
  display: block;
  font-size: 1rem;
  color: #2E457C;
  border-radius: 7px;
  border: 1px solid #2E457C;
  width: 200px;
  margin: 10px auto;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
#container #detail_area .content {
  margin: 30px auto 150px;
}
#container #detail_area .content.active {
  display: block;
}
#container #detail_area .content .float_box {
  margin: 0 0 40px 0;
  align-items: center;
}
#container #detail_area .content .float_box:after {
  content: "";
  display: block;
  clear: both;
}
@media (max-width: 500px) {
  #container #detail_area .content .float_box {
    display: block;
  }
}
#container #detail_area .content .float_box .left {
  width: 47%;
  font-size: 11px;
  position: relative;
  margin: 0 5px 0 0;
}
@media (max-width: 500px) {
  #container #detail_area .content .float_box .left {
    width: 100%;
  }
}
#container #detail_area .content .float_box .left p {
  background: #eee;
  padding: 20px 20px 16px 20px;
  display: flex;
  justify-content: space-between;
  margin: 0 0 10px 0;
  align-items: center;
  font-size: 15px;
}
#container #detail_area .content .float_box .left p:first-child span big {
  padding: 0 5px 0 0;
}
#container #detail_area .content .float_box .left big {
  font-size: 18px;
  font-weight: 600;
  margin: 0 5px 0 0;
}
@media (max-width: 430px) {
  #container #detail_area .content .float_box .left big {
    font-size: 14px;
  }
}
#container #detail_area .content .float_box .center {
  width: 1px;
  height: 120px;
  background: #eee;
  margin: 25px 10px 0;
}
@media (max-width: 500px) {
  #container #detail_area .content .float_box .center {
    display: none;
  }
}
#container #detail_area .content .float_box .right {
  width: 47%;
  font-size: 15px;
  color: #969696;
  line-height: 1.5;
}
@media (max-width: 500px) {
  #container #detail_area .content .float_box .right {
    width: 100%;
  }
}
#container #detail_area .content .float_box .right .review_btn {
  background: #2E457C;
  color: #fff;
  font-size: 1rem;
  display: block;
  border-radius: 5px;
  width: 150px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 5% auto 0;
}
#container #detail_area .content .float_box .right .review_btn img {
  display: inline-block;
  width: 18px;
  margin: 0 0 0 10px;
}
#container #detail_area .content .progress_box #progressBar {
  width: 100%;
  height: 25px;
  background: rgba(238, 238, 238, 0.9333333333);
  position: relative;
  border-radius: 7px;
}
#container #detail_area .content .progress_box #progressBar .bar {
  height: 100%;
  width: 80%;
  transition: width 0.5s ease;
  border-radius: 7px;
}
#container #detail_area .content .progress_box #progressBar .num {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 11px;
  color: #2E457C;
}
#container #detail_area .content .progress_box ul li {
  margin: 0 0 10px 0;
}
#container #detail_area .content .progress_box ul li .line {
  width: 3px;
  height: 14px;
  margin: 5px 2% 0 0;
}
#container #detail_area .content .progress_box ul li .field {
  width: 15%;
  font-size: 12px;
  line-height: 2;
}
#container #detail_area .content .progress_box ul li:nth-child(2) #progressBar .bar {
  width: 60%;
}
#container #detail_area .content .progress_box ul li:nth-child(3) #progressBar .bar {
  width: 30%;
}
#container #detail_area .content .progress_box ul li:nth-child(4) #progressBar .bar {
  width: 30%;
}
#container #detail_area .content .progress_box ul li:nth-child(5) #progressBar .bar {
  width: 60%;
}
#container #detail_area .content .progress_box ul li:nth-child(6) #progressBar .bar {
  width: 30%;
}
#container #detail_area .content .progress_box ul li.hidden-content {
  display: none;
}
#container #detail_area .content .progress_box ul li.hidden-content2 {
  display: none;
}
#container #detail_area .content .progress_style {
  margin: 50px 0 0;
}
#container #detail_area .content .progress_style #progressBar {
  width: 100%;
  height: 25px;
  background: rgba(238, 238, 238, 0.9333333333);
  position: relative;
  border-radius: 7px;
}
#container #detail_area .content .progress_style #progressBar .bar {
  height: 100%;
  width: 80%;
  transition: width 0.5s ease;
  border-radius: 7px;
}
#container #detail_area .content .progress_style #progressBar .num {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 11px;
  color: #2E457C;
}
#container #detail_area .content .progress_style ul li {
  margin: 0 0 10px 0;
  position: relative;
}
#container #detail_area .content .progress_style ul li .line {
  width: 3px;
  height: 14px;
  margin: 5px 2% 0 0;
}
#container #detail_area .content .progress_style ul li .field {
  width: 100%;
  font-size: 12px;
  line-height: 2;
  position: absolute;
  top: 1px;
  left: 10px;
  z-index: 1;
  color: #fff;
  font-weight: 500;
}
#container #detail_area .content .progress_style ul li:nth-child(1) #progressBar .bar {
  width: 90%;
}
#container #detail_area .content .progress_style ul li:nth-child(2) #progressBar .bar {
  width: 50%;
}
#container #detail_area .content .progress_style ul li:nth-child(3) #progressBar .bar {
  width: 80%;
}
#container #detail_area .content .progress_style ul li:nth-child(4) #progressBar .bar {
  width: 30%;
}
#container #detail_area .content .progress_style ul li:nth-child(5) #progressBar .bar {
  width: 60%;
}
#container #detail_area .content .progress_style ul li:nth-child(6) #progressBar .bar {
  width: 30%;
}
#container #detail_area .content .progress_style ul li.hidden-content {
  display: none;
}
#container #detail_area .content .progress_style ul li.hidden-content2 {
  display: none;
}
#container #detail_area .content .more_view {
  position: relative;
  border-bottom: 1px solid #ddd;
}
#container #detail_area .content .more_view #dropdownButton, #container #detail_area .content .more_view #dropdownButton2 {
  font-size: 1rem;
  text-align: center;
  display: block;
  margin: 50px auto 0px;
  padding-bottom: 20px;
  width: 100px;
  color: #000;
  position: relative;
}
#container #detail_area .content .more_view #dropdownButton:after, #container #detail_area .content .more_view #dropdownButton2:after {
  position: absolute;
  right: 13px;
  top: 2px;
  content: "";
  width: 7px;
  height: 7px;
  border-top: 2px solid #888;
  border-right: 2px solid #888;
  transform: rotate(134deg);
}
#container #detail_area .content .more_view #dropdownButton.showing::after, #container #detail_area .content .more_view #dropdownButton2.showing::after {
  position: absolute;
  right: 6px;
  top: 6px;
  content: "";
  width: 7px;
  height: 7px;
  border-top: 2px solid #888;
  border-right: 2px solid #888;
  transform: rotate(-45deg);
}
#container #detail_area .content .more_view .dropdown-content, #container #detail_area .content .more_view .dropdownContent2 {
  height: 0;
  overflow: hidden;
}
#container #detail_area .content .more_view .dropdown-content.show, #container #detail_area .content .more_view .dropdownContent2.show {
  display: block;
}
#container #detail_area .content .more_view .dropdown-content.on, #container #detail_area .content .more_view .dropdownContent2.on {
  height: 100%;
  margin: 0 0 50px 0;
}
#container #detail_area .content .more_view ul li:nth-child(1) #progressBar .bar {
  width: 20%;
}
#container #detail_area .content .more_view ul li:nth-child(2) #progressBar .bar {
  width: 50%;
}
#container #detail_area .content .more_view ul li:nth-child(3) #progressBar .bar {
  width: 80%;
}
#container #detail_area .content .review_tabs {
  margin: 50px 0 0;
}
#container #detail_area .content .review_tabs .tab-menu2 {
  justify-content: space-between;
}
#container #detail_area .content .review_tabs .tab-menu2 .tab-button {
  font-size: 1rem;
  color: #888888;
  font-weight: 600;
}
#container #detail_area .content .review_tabs .tab-menu2 .tab-button.active {
  border-bottom: 2px solid #2E457C;
  color: #2E457C;
  padding-bottom: 5px;
}
#container #detail_area .content .review_tabs .tab-content .tab {
  display: none;
}
#container #detail_area .content .review_tabs .tab-content .tab.active {
  display: block;
}
#container #detail_area .content .consult {
  line-height: 1.6;
}
#container #detail_area .content .consult p span {
  margin: 0 5px 0 0;
}
#container #detail_area .content .consult a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #2E457C;
  color: #fff;
  width: 200px;
  height: 40px;
  margin: 30px auto;
  line-height: 40px;
  border-radius: 5px;
}
@media (max-width: 430px) {
  #container #detail_area .content .consult a {
    width: 150px;
  }
}
#container #detail_area .content .qna_box ul {
  border-top: 1px solid #ddd;
}
#container #detail_area .content .qna_box .top_line {
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid #ddd;
}
#container #detail_area .content .qna_box .txt {
  padding: 26px;
}
#container #detail_area .content .qna_box .speech_bubble {
  background-color: #fff;
  border: #ddd solid 1px;
  font-size: 12px;
  font-weight: 500;
  height: auto;
  letter-spacing: -0.25px;
  margin: 15px auto;
  padding: 20px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  width: 95%;
}
#container #detail_area .content .qna_box .speech_bubble::before {
  border-color: #ddd transparent;
  border-style: solid;
  border-width: 0 6px 8px 6.5px;
  content: "";
  display: block;
  left: 20px;
  position: absolute;
  top: -8px;
  width: 0;
  z-index: 0;
}
#container #detail_area .content .qna_box .speech_bubble::before .bubble_txt {
  justify-content: space-between;
  align-items: center;
}
#container #detail_area .content .qna_box .speech_bubble p {
  margin: 20px 0 0;
}
#container #detail_area .content .qna_box .speech_bubble p::after {
  border-color: #fff transparent;
  border-style: solid;
  border-width: 0 6px 8px 6.5px;
  content: "";
  display: block;
  left: 20px;
  position: absolute;
  top: -7px;
  width: 0;
}
#container #detail_area .content .qna_box .inqurity {
  background: #F8F8F8;
  margin: 15px 0;
}
#container .more_review {
  text-align: center;
  color: #969696;
  font-size: 1rem;
  margin: 25px 0 0;
}
#container .more_review img {
  width: 16px;
  display: inline-block;
  vertical-align: baseline;
  margin: 0 0 0 6px;
}

#charge_visual {
  background: url("/img/charge_visual.png") no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 200px;
  border-radius: 20px;
  margin: 10px auto 0;
}
@media (max-width: 414px) {
  #charge_visual {
    height: 150px;
  }
}
#charge_visual p {
  font-size: 1.125rem;
  color: #555555;
  margin: 25px 0 0;
}
#charge_visual .table_cell {
  text-align: center;
  vertical-align: middle;
}
#charge_visual h2 {
  color: #232323;
}

#prepayment .tab_box ul {
  margin: 30px 0;
}
#prepayment .tab_box ul li {
  margin: 0 15px 0;
  padding: 0 0 5px 0;
  font-size: 1.125rem;
}
#prepayment .tab_box ul li.active {
  color: #76A6D0;
  border-bottom: 2px solid #76A6D0;
}
#prepayment .tab_box ul li.active a {
  color: #76A6D0;
}
#prepayment .banner {
  background: url("/img/time_icon.png") no-repeat #C8C5FE;
  height: 130px;
  width: 100%;
  padding: 35px 25px;
  background-position: right center;
  background-size: 180px auto;
  border-radius: 10px;
}
@media (max-width: 414px) {
  #prepayment .banner {
    height: 135px;
  }
}
#prepayment .banner h3 {
  font-size: 1.125rem;
  color: #3838D0;
}
#prepayment .banner p {
  font-size: 1rem;
  color: #8680E6;
  margin: 15px 0 0;
}
#prepayment .auto_banner {
  background: url("/img/auto_banner.png") no-repeat #00AFA8;
  height: auto;
  width: 100%;
  padding: 35px 25px;
  background-position: right center;
  background-size: 600px auto;
  border-radius: 10px;
}
#prepayment .auto_banner h3 {
  color: #fff;
}
#prepayment .auto_banner p {
  color: #fff;
}
#prepayment .prepaid_box {
  margin: 30px 0 30px 3%;
}
@media (max-width: 430px) {
  #prepayment .prepaid_box {
    margin: 30px 0 30px 0;
  }
}
#prepayment .prepaid_box h4 {
  font-size: 1.125rem;
  color: #707070;
  margin: 0 0 12px 0;
}
#prepayment .prepaid_box h4 b {
  color: #76A6D0;
}
#prepayment .prepaid_box p {
  font-size: 1rem;
}
@media (max-width: 540px) {
  #prepayment .prepaid_box p br {
    display: none;
  }
}
#prepayment .prepaid_box .list p {
  margin: 0 0 5px 0;
  word-break: keep-all;
}
#prepayment .prepaid_box .list p i {
  background: url("/img/check_icon.png") no-repeat 0px 2px;
  background-size: 20px auto;
  width: 35px;
  height: 30px;
  display: table-cell;
}
#prepayment .prepaid_box .list p span {
  font-size: 1rem;
  color: #555555;
}
#prepayment .use {
  text-align: center;
  margin: 30px 0;
}
#prepayment .use a {
  display: inline-block;
  font-size: 1rem;
  border-radius: 20px;
  width: 180px;
  height: 42px;
  line-height: 42px;
  border: 1px solid #ddd;
  color: #555555;
  text-align: center;
}
@media (max-width: 430px) {
  #prepayment .use a {
    width: 160px;
    height: 37px;
    line-height: 37px;
  }
}
#prepayment .auto_benefits {
  background: #00AFA8;
  height: 100px;
  width: 100%;
  padding: 20px 25px;
  align-items: center;
  border-radius: 20px;
  margin: 0 0 20px 0;
}
@media (max-width: 414px) {
  #prepayment .auto_benefits {
    display: block;
    height: 125px;
    text-align: center;
  }
}
@media (max-width: 500px) {
  #prepayment .auto_benefits {
    height: auto;
  }
}
#prepayment .auto_benefits .inner h3 {
  color: #fff;
  font-size: 1.125rem;
}
#prepayment .auto_benefits .inner p {
  color: #fff;
  font-size: 1rem;
  margin: 10px 0 0;
}
#prepayment .auto_benefits .more_btn {
  display: inline-block;
  font-size: 1rem;
  border-radius: 20px;
  width: 175px;
  height: 37px;
  line-height: 40px;
  text-align: center;
  background: #fff;
  color: #00AFA8;
}
@media (max-width: 430px) {
  #prepayment .auto_benefits .more_btn {
    height: 33px;
    line-height: 35px;
    text-align: center;
  }
}
@media (max-width: 414px) {
  #prepayment .auto_benefits .more_btn {
    margin: 10px 0 0;
  }
}
#prepayment .benefits {
  background: #C5D6F4;
  height: 100px;
  width: 100%;
  padding: 20px 25px;
  align-items: center;
  border-radius: 20px;
}
@media (max-width: 414px) {
  #prepayment .benefits {
    display: block;
    height: auto;
    text-align: center;
  }
}
#prepayment .benefits .inner h3 {
  color: #4079E5;
  font-size: 1.125rem;
}
#prepayment .benefits .inner p {
  color: #617EC1;
  font-size: 1rem;
  margin: 10px 0 0;
}
#prepayment .benefits .more_btn {
  display: inline-block;
  font-size: 1rem;
  border-radius: 20px;
  width: 175px;
  height: 37px;
  line-height: 40px;
  text-align: center;
  background: #fff;
  color: #76A6D0;
}
@media (max-width: 430px) {
  #prepayment .benefits .more_btn {
    height: 33px;
    line-height: 35px;
    text-align: center;
  }
}
@media (max-width: 414px) {
  #prepayment .benefits .more_btn {
    margin: 10px 0 0;
  }
}
#time_choice {
  margin: 0 0 100px 0;
}
#time_choice h4 {
  font-size: 1.125rem;
  color: #888;
  font-weight: 500;
  line-height: 1;
  margin: 30px 0 10px;
  display: flex;
  align-items: center;
}
#time_choice h4 i {
  display: inline-block;
  width: 2px;
  height: 15px;
  background: #888;
  margin: 0px 10px 0;
}
#time_choice h4 span {
  color: #232323;
}
#time_choice .deps01 ul {
  position: relative;
}
#time_choice .deps01 ul li {
  float: left;
  width: 31.8%;
  border-radius: 10px;
  border: 1px solid #ddd;
  padding: 22px;
  height: 160px;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  margin: 0 2.3% 15px 0;
}
@media (max-width: 768px) {
  #time_choice .deps01 ul li {
    height: 140px;
  }
}
@media (max-width: 640px) {
  #time_choice .deps01 ul li {
    padding: 19px;
  }
}
@media (max-width: 540px) {
  #time_choice .deps01 ul li {
    width: 48.73%;
  }
}
@media (max-width: 430px) {
  #time_choice .deps01 ul li {
    height: 140px;
    padding: 15px;
  }
}
#time_choice .deps01 ul li:nth-of-type(3n) {
  margin: 0 0 15px 0;
}
@media (max-width: 540px) {
  #time_choice .deps01 ul li:nth-of-type(3n) {
    margin: 0 2.3% 15px 0;
  }
}
@media (max-width: 540px) {
  #time_choice .deps01 ul li:nth-of-type(2n) {
    margin: 0 0 15px 0;
  }
}
#time_choice .deps01 ul li.last_box {
  width: 66%;
  display: flex;
  flex-wrap: inherit;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 540px) {
  #time_choice .deps01 ul li.last_box {
    width: 100%;
  }
}
#time_choice .deps01 ul li.last_box .flex {
  width: 20%;
  padding: 10px 0 0;
}
#time_choice .deps01 ul li.last_box .pay_area {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}
#time_choice .deps01 ul li.last_box .pay_area label span {
  display: block;
  line-height: 3;
  margin: 0 0 0 6px;
  font-size: 16px;
  font-weight: 600;
  color: #2E457C;
}
@media (max-width: 430px) {
  #time_choice .deps01 ul li.last_box .pay_area label span {
    font-size: 12px;
  }
}
#time_choice .deps01 ul li.last_box .pay_area .last_pay {
  width: 100%;
}
#time_choice .deps01 ul li.last_box .pay_area .last_pay p {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
#time_choice .deps01 ul li.last {
  border: 0;
  font-size: 0.9rem;
  color: #2E457C;
  width: auto;
  height: auto;
  position: absolute;
  border-radius: 0;
  bottom: 0;
  right: 0;
}
@media (max-width: 540px) {
  #time_choice .deps01 ul li.last {
    position: initial;
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
#time_choice .deps01 ul li.last a {
  border-bottom: 2px solid #2E457C;
  display: block;
  padding: 0 0 2px 0;
  font-size: 1rem;
}
#time_choice .deps01 ul li.last i {
  position: relative;
}
#time_choice .deps01 ul li.last i:after {
  position: absolute;
  left: 6px;
  top: 4px;
  content: "";
  width: 10px;
  height: 10px;
  border-top: 3px solid #2E457C;
  border-right: 3px solid #2E457C;
  transform: rotate(45deg);
  border-radius: 3px;
}
@media (max-width: 768px) {
  #time_choice .deps01 ul li.last i:after {
    left: 6px;
    top: 4px;
    content: "";
    width: 8px;
    height: 8px;
  }
}
#time_choice .deps01 ul li .flex {
  position: relative;
  width: 100%;
}
#time_choice .deps01 ul li .flex input[type=checkbox] {
  display: none;
}
#time_choice .deps01 ul li .flex input[type=checkbox] + label {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  background: url("/img/checkbox_icon.png") no-repeat center/30px 30px;
}
@media (max-width: 768px) {
  #time_choice .deps01 ul li .flex input[type=checkbox] + label {
    background: url("/img/checkbox_icon.png") no-repeat center/20px 20px;
    width: 20px;
    height: 20px;
  }
}
#time_choice .deps01 ul li .flex input[type=checkbox]:checked + label {
  background: url("/img/checkbox_icon_w.png") no-repeat center/30px 30px;
}
@media (max-width: 430px) {
  #time_choice .deps01 ul li .flex input[type=checkbox]:checked + label {
    background: url("/img/checkbox_icon_w.png") no-repeat center/20px 20px;
  }
}
#time_choice .deps01 ul li .flex span {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 16px;
  font-weight: 600;
  color: #2E457C;
}
@media (max-width: 430px) {
  #time_choice .deps01 ul li .flex span {
    font-size: 12px;
  }
}
#time_choice .deps01 ul li .flex span big {
  font-size: 20px;
}
@media (max-width: 430px) {
  #time_choice .deps01 ul li .flex span big {
    font-size: 14px;
  }
}
#time_choice .deps01 ul li .charge_pay {
  color: #888;
}
#time_choice .deps01 ul li .total_pay {
  color: #2E457C;
}
#time_choice .deps01 ul li.active {
  background: #2E457C;
}
#time_choice .deps01 ul li.active .charge_pay {
  color: #fff;
}
#time_choice .deps01 ul li.active .flex span {
  color: #fff;
}
#time_choice .deps01 ul li.active .total_pay {
  color: #fff;
}
#time_choice .deps01 ul li .pay_area {
  width: 100%;
}
#time_choice .deps01 ul li .pay_area p {
  justify-content: space-between;
  display: flex;
  width: 100%;
}
#time_choice .deps01 ul li .pay_area p.txt {
  display: flex;
}
#time_choice .deps01 ul li .pay_area p.txt span {
  width: 100%;
}
#time_choice .deps01 ul li .pay_area p.txt span:first-child {
  width: 20px;
}
@media (max-width: 360px) {
  #time_choice .deps01 ul li .pay_area p.txt span br {
    display: none;
  }
}
#time_choice .deps01 ul li .pay_area p input {
  width: 100%;
  height: 50px;
  border-radius: 10px;
  border: 0;
  border: 1px solid #ddd;
  padding: 10px;
}
@media (max-width: 640px) {
  #time_choice .deps01 ul li .pay_area p input {
    height: 40px;
  }
}
#time_choice .deps01 ul li .pay_area p .pay_left {
  font-size: 1.125rem;
  width: 48%;
}
#time_choice .deps01 ul li .pay_area p .unpay {
  font-size: 1.125rem;
  width: 70%;
  text-align: right;
}
@media (max-width: 768px) {
  #time_choice .deps01 ul li .pay_area p .unpay {
    text-align: left;
    width: 100%;
  }
}
#time_choice .deps01 ul li .pay_area p .unpay big {
  font-size: 1.125rem;
  margin: 0 3px 0 0;
}
@media (max-width: 768px) {
  #time_choice .deps01 ul li .pay_area .charge_pay {
    flex-direction: column;
  }
}
#time_choice .deps02 ol li {
  float: left;
  width: 48.55%;
  border-radius: 10px;
  border: 1px solid #ddd;
  padding: 22px;
  display: flex;
  flex-wrap: wrap;
  font-size: 1.125rem;
  align-content: space-between;
  margin: 0 2.3% 15px 0;
}
#time_choice .deps02 ol li.active {
  border: solid 6px #2E457C;
  padding: 1.125rem;
}
@media (max-width: 768px) {
  #time_choice .deps02 ol li {
    padding: 15px;
  }
}
@media (max-width: 414px) {
  #time_choice .deps02 ol li {
    width: 100%;
  }
}
#time_choice .deps02 ol li:nth-of-type(2n) {
  margin: 0 0 15px 0;
}
#time_choice .deps02 ol li input[type=checkbox] {
  display: none;
}
#time_choice .deps02 ol li input[type=checkbox] + label {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  background: url("/img/checkbox_icon.png") no-repeat center/30px 30px;
}
@media (max-width: 768px) {
  #time_choice .deps02 ol li input[type=checkbox] + label {
    background: url("/img/checkbox_icon.png") no-repeat center/20px 20px;
    width: 24px;
    height: 24px;
  }
}
#time_choice .deps02 ol li input[type=checkbox]:checked + label {
  background: url("/img/checkbox_active.png") no-repeat center/30px 30px;
}
@media (max-width: 540px) {
  #time_choice .deps02 ol li input[type=checkbox]:checked + label {
    background: url("/img/checkbox_active.png") no-repeat center/20px 20px;
  }
}
#time_choice .deps02 ol li span {
  font-size: 1.125rem;
  margin: 0 0 0 3%;
  line-height: 1.7;
}
@media (max-width: 540px) {
  #time_choice .deps02 ol li span {
    margin: 0 0 0 1.5%;
    line-height: 1.5;
  }
}
#time_choice .deps03 .bor_box {
  border: 1px solid #ddd;
  margin: 0 40px;
  padding: 20px 5%;
}
@media (max-width: 540px) {
  #time_choice .deps03 .bor_box {
    margin: 0;
  }
}
#time_choice .deps03 .bor_box .flex {
  line-height: 2;
  width: 100%;
  justify-content: space-between;
}
#time_choice .deps03 .bor_box .flex p {
  color: #2E457C;
  font-size: 1rem;
}
#time_choice .deps03 .agree_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #ddd;
  padding: 20px 0;
  margin: 20px 0 0;
}
#time_choice .deps03 .agree_box input[type=checkbox] {
  display: none;
}
#time_choice .deps03 .agree_box input[type=checkbox] + label {
  display: inline-block;
  width: 20px;
  height: 20px;
  min-width: 20px;
  position: relative;
  background: url("/img/checkbox_icon.png") no-repeat center/20px 20px;
}
#time_choice .deps03 .agree_box input[type=checkbox]:checked + label {
  background: url("/img/checkbox_active.png") no-repeat center/20px 20px;
}
#time_choice .deps03 .agree_box span {
  font-size: 1rem;
  margin: 0 0 0 10px;
}
#time_choice .deps03 .agree_box .ag_inner {
  display: flex;
  align-items: center;
}
#time_choice .deps03 .agree_box .agree_btn {
  margin: 0 0 0 10px;
}
#time_choice .deps03 .agree_box .agree_btn a {
  border: 1px solid #ddd;
  font-size: 0.875rem;
  border-radius: 20px;
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25px;
  line-height: 25px;
  text-align: center;
}
@media (max-width: 430px) {
  #time_choice .deps03 .agree_box .agree_btn a {
    width: 65px;
  }
}
#time_choice .card_information {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 0 5% 30px;
}
#time_choice .card_information h4 {
  text-align: center;
  margin: 30px 0 10px;
}
#time_choice .card_information label {
  display: flex;
  width: 100%;
  margin: 0 0 15px 0;
}
@media (max-width: 540px) {
  #time_choice .card_information label {
    display: block;
  }
}
#time_choice .card_information label span.first {
  display: inline-block;
  width: 50%;
  font-size: 18px;
  line-height: 2;
}
@media (max-width: 540px) {
  #time_choice .card_information label span.first {
    font-size: 14px;
  }
}
#time_choice .card_information label .text_box {
  width: 100%;
}
#time_choice .card_information label .text_box.text2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#time_choice .card_information label .text_box input {
  width: 100%;
  border: 0;
  border: 1px solid #ddd;
  border-radius: 5px;
  height: 40px;
  padding: 10px;
  outline: 0;
  font-size: 16px;
}
@media (max-width: 430px) {
  #time_choice .card_information label .text_box input {
    font-size: 13px;
  }
}
#time_choice .card_information label .text_box input.win {
  width: 40%;
}
#time_choice .card_information label .text_box span {
  margin: 0 0 0 2%;
}
#time_choice .all_btn {
  margin: 30px 0 50px;
}
#time_choice .all_btn a {
  text-align: center;
  font-size: 1rem;
  color: #fff;
  background: #76A6D0;
  height: 45px;
  line-height: 45px;
  border-radius: 5px;
  font-weight: 600;
}

.auto_choice {
  margin: 40px 0 100px !important;
  border-top: 1px solid #ddd;
}
.auto_choice h3 {
  font-size: 1.375rem;
  text-align: center;
  margin: 30px 0;
}
.auto_choice h3 small {
  font-size: 16px;
  color: #888;
}
@media (max-width: 430px) {
  .auto_choice h3 small {
    font-size: 12px;
  }
}

.pay_choice h3 {
  font-size: 1.375rem;
  text-align: center;
  margin: 30px 0;
}

#charge_result h3 {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  margin: 50px 0 30px;
}
#charge_result h3 img {
  width: 20px;
  height: 20px;
  margin: 0 10px 0;
  vertical-align: middle;
}
#charge_result h3 span {
  color: #76A6D0;
  font-weight: 600;
}
#charge_result h3 p {
  font-size: 14px;
  color: #888888;
  margin: 15px 0 0;
}
#charge_result .flex_box {
  border: 1px solid #ddd;
  padding: 20px 30px;
}
#charge_result .flex_box .flex {
  justify-content: space-between;
  align-items: center;
  color: #2E457C;
  font-size: 14px;
  line-height: 2;
}

#auto_result {
  margin: 0 0 150px 0;
}
#auto_result h3 {
  margin: 50px 0 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #76A6D0;
  font-size: 18px;
}
@media (max-width: 430px) {
  #auto_result h3 {
    font-size: 14px;
    align-items: inherit;
    margin: 30px 0;
  }
}
#auto_result h3 img {
  width: 20px;
  height: 20px;
  margin: 0 10px 0;
  vertical-align: middle;
}
#auto_result .agreement {
  justify-content: space-between;
  align-items: center;
  border: 1px solid #ddd;
  padding: 20px;
  font-size: 16px;
}
@media (max-width: 430px) {
  #auto_result .agreement {
    font-size: 13px;
  }
}
#auto_result .agreement span {
  color: #555555;
}
#auto_result .agreement span a {
  display: flex;
  align-items: center;
  margin: 0 0 0 5px;
}
#auto_result .agreement span a span {
  display: block;
  width: 33px;
  height: 22px;
  border-radius: 30px;
  background: #AFAFAF;
  position: relative;
}
@media (max-width: 430px) {
  #auto_result .agreement span a span {
    height: 18px;
  }
}
#auto_result .agreement span a span:after {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  left: 3.5px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 430px) {
  #auto_result .agreement span a span:after {
    width: 11px;
    height: 11px;
  }
}
#auto_result .agreement span a.on span {
  background-color: #76A6D0;
}
#auto_result .agreement span a.on span:after {
  left: auto;
  right: 3.5px;
}
#auto_result .agreement span.flex {
  color: #AFAFAF;
  line-height: 1.7;
}
#auto_result .agreement_result p {
  font-size: 16px;
  text-align: center;
  color: #888888;
  margin: 30px 0;
}
@media (max-width: 430px) {
  #auto_result .agreement_result p {
    font-size: 12px;
  }
}
#auto_result .agreement_result p #mySpan {
  color: #2E457C;
}
#auto_result .flex_box {
  border: 1px solid #ddd;
  padding: 20px;
}
#auto_result .flex_box .flex {
  align-items: center;
  line-height: 3;
}
#auto_result .flex_box .flex p {
  color: #888888;
  width: 35%;
  font-size: 15px;
}
@media (max-width: 430px) {
  #auto_result .flex_box .flex p {
    font-size: 12px;
  }
}
#auto_result .flex_box .flex span {
  color: #555;
}
@media (max-width: 430px) {
  #auto_result .flex_box .flex span {
    font-size: 12px;
  }
}
#auto_result .menu_area {
  margin: 30px 0;
}
#auto_result .menu_area ul {
  justify-content: space-around;
  align-items: center;
}
#auto_result .menu_area ul li {
  width: 30%;
  border: 1px solid #2E457C;
  color: #2E457C;
  text-align: center;
  height: 45px;
  font-size: 16px;
  line-height: 45px;
}
@media (max-width: 430px) {
  #auto_result .menu_area ul li {
    font-size: 12px;
  }
}
#auto_result .menu_area ul li.active {
  border: 0;
  background: #2E457C;
  color: #fff;
}

.btn_area {
  justify-content: space-between;
  align-items: center;
  text-align: center;
  margin: 30px 0;
}
.btn_area a {
  display: block;
  width: 100%;
  font-size: 1rem;
  color: #fff;
  background: #969696;
  height: 50px;
  line-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  border-radius: 5px;
}
.btn_area a:first-child {
  background: #76A6D0;
  margin: 0 2% 0 0;
}
@media (max-width: 768px) {
  .btn_area a {
    height: 45px;
  }
}
.btn_area #member_modify {
  margin: 0;
}

#toTopBtn {
  position: fixed;
  bottom: 120px;
  right: 20px;
  z-index: 99;
  font-size: 16px;
  border: none;
  outline: none;
  background: url("/img/totop.png") no-repeat;
  background-size: 30px auto;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.modal {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 0.3s ease;
}
.modal.show {
  opacity: 1;
  visibility: visible;
}

.modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 380px;
  z-index: 5;
  background: #F8F8F8;
  text-align: center;
  border-radius: 10px;
  overflow: hidden;
  padding: 30px 20px;
  text-align: left;
}
@media (max-width: 414px) {
  .modal-content {
    width: 315px;
    max-height: 400px;
    overflow-y: scroll;
  }
}
.modal-content p {
  color: #555555;
  font-weight: 500;
  text-align: center;
  margin: 20px 0;
  line-height: 1.3;
}
.modal-content h3 {
  font-size: 1.125rem;
  color: #232323;
  font-weight: 600;
}
.modal-content .reason .block {
  font-weight: 600;
}
.modal-content .reason p.ros {
  display: flex;
  margin: 0;
  text-align: left;
}
.modal-content .reason p.ros span {
  margin: 0;
  width: 100%;
}
.modal-content .reason p.ros span:first-child {
  width: 10px;
}
.modal-content .soge {
  align-items: center;
  border-bottom: 1px solid #ddd;
  padding: 10px 0 10px;
}
.modal-content .soge .thumb {
  width: 130px;
  border: 1px solid #eee;
  border-radius: 10px;
  margin: 0 20px 0 0;
}
.modal-content .soge .name {
  width: 56%;
}
.modal-content .soge .name .top {
  display: flex;
  align-items: center;
}
.modal-content .soge .name .top em {
  font-weight: 600;
  border-radius: 5px;
  color: #fff;
  height: 25px;
  padding: 4px 10px;
  display: block;
}
.modal-content .soge .name .titlefont {
  display: block;
  line-height: 1;
  color: #515151;
  font-size: 2.5rem;
  font-family: "a400";
  letter-spacing: -1px;
}
.modal-content .soge .name b {
  font-size: 1.7rem;
  font-weight: 600;
  color: #666464;
  margin: 0 7px;
  height: auto;
  padding-top: 5px;
}
.modal-content .soge .name img {
  width: 130px;
  margin: 20px 0 0;
}
.modal-content .select_choice {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}
.modal-content .select_choice .table {
  width: 100%;
  margin: 0 0 5px 0;
  color: #555;
}
.modal-content .select_choice .table:first-child {
  margin: 0 0 5px 0;
}
.modal-content .select_choice .table span {
  width: 90px;
  font-size: 14px;
}
.modal-content .select_choice select {
  background: url("/img/select_arrow.png") no-repeat right 7px center/12px;
  width: 100%;
  height: 35px;
  text-align: center;
  text-align: -webkit-center;
  font-size: 13px;
  color: #AAAAAA;
  outline: 0;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 0 10px;
}
.modal-content .select_choice select option {
  text-align: center;
}
.modal-content .ject {
  margin: 15px 0;
  color: #555555;
}
.modal-content .ject span {
  font-size: 14px;
  line-height: 1.5;
}
.modal-content .ject span label {
  display: block;
  line-height: 2.3;
}
.modal-content .ject span label .t_txt {
  border: 0;
  outline: 0;
  background: #F1F1F1;
  width: 76%;
  margin: 0 0 0 10px;
  padding: 4px 10px;
  font-size: 14px;
}
@media (max-width: 430px) {
  .modal-content .ject span label .t_txt {
    font-size: 11px;
  }
}
.modal-content .ject span small {
  font-size: 14px;
}
.modal-content .ject p {
  text-align: left;
}
.modal-content .rev_ject {
  margin: 10px 0;
}
.modal-content .rev_ject .table {
  width: 100%;
  line-height: 1.5;
  padding: 0 0 0 10px;
  color: #555;
}
.modal-content .rev_ject .table span {
  width: 90px;
}
.modal-content .rev_ject .table span:first-child {
  margin: 0 0 10px 0;
}
.modal-content .rev_ject .table span small {
  margin: 0 0 0 20px;
}
.modal-content .txt_box {
  margin: 20px 0 0;
}
.modal-content .txt_box textarea {
  background: transparent !important;
  border: 1px solid #ddd !important;
}
.modal-content .file span.table_cell {
  display: block;
  margin: 10px 0;
}
.modal-content .file input.table_cell {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.modal-content .reason span {
  font-size: 1rem;
  margin: 10px 0;
  color: #555;
}
.modal-content .reason textarea {
  resize: none;
  border: 0;
  outline: 0;
  background: #F1F1F1;
  color: #707070;
  font-size: 1rem;
  padding: 10px;
  width: 100%;
  height: 100px;
  line-height: 1.3;
  box-shadow: none;
}
.modal-content .reason p {
  font-size: 12px;
  margin: 10px 0 0;
  color: #555;
}
.modal-content .margin span {
  margin: 20px 0 10px 10px;
}
.modal-content .alarm_txt {
  text-align: center;
}
.modal-content .alarm_txt p {
  font-size: 15px;
  line-height: 1.6;
}
.modal-content .alarm_txt p:first-child {
  margin: 20px 0;
}
.modal-content .alarm_txt p span {
  color: #E52C2C;
}

.modal-buttons {
  display: flex;
  justify-content: space-between;
  margin: 25px 0 0;
}
.modal-buttons button {
  height: 40px;
  font-size: 1rem;
  color: #fff;
  width: 100%;
  border-radius: 5px;
  margin: 0 2px;
  font-weight: 500;
  line-height: 40px;
}
.modal-buttons #confirmBtn, .modal-buttons #re_cancelBtn, .modal-buttons #alarm_confirmBtn, .modal-buttons #con_cancelBtn,
.modal-buttons #rev_confirmBtn, .modal-buttons #bo_confirmBtn, .modal-buttons #se_confirmBtn {
  background: #76A6D0;
}
.modal-buttons #cancelBtn, .modal-buttons #re_confirmBtn, .modal-buttons #con_confirmBtn, .modal-buttons #rev_cancelBtn {
  background: #969696;
}

#calculate .flex select {
  background: url("/img/select_arrow.png") no-repeat right 7px center/12px #fff !important;
}
#calculate .flex .block .price_input {
  text-align: center;
}
#calculate .flex select {
  text-align: center !important;
}
#calculate .flex select option {
  text-align: center !important;
}

#calculate h3, #terms_modal h3, #poricy_modal h3, #rev_more h3,
#inquiry_more h3, #history_more h3, #sent_more h3, #answer_more h3,
#correction_more h3, #modify_more h3 {
  text-align: left;
}
#calculate .close, #terms_modal .close, #poricy_modal .close, #rev_more .close,
#inquiry_more .close, #history_more .close, #sent_more .close, #answer_more .close,
#correction_more .close, #modify_more .close {
  position: absolute;
  top: 30px;
  right: 22px;
  width: 17px;
}
#calculate .flex, #terms_modal .flex, #poricy_modal .flex, #rev_more .flex,
#inquiry_more .flex, #history_more .flex, #sent_more .flex, #answer_more .flex,
#correction_more .flex, #modify_more .flex {
  justify-content: space-around;
  margin: 20px 0 15px;
  align-items: center;
}
#calculate .flex span, #terms_modal .flex span, #poricy_modal .flex span, #rev_more .flex span,
#inquiry_more .flex span, #history_more .flex span, #sent_more .flex span, #answer_more .flex span,
#correction_more .flex span, #modify_more .flex span {
  width: 100%;
  font-size: 1rem;
  text-align: center;
}
#calculate .flex span:first-child, #terms_modal .flex span:first-child, #poricy_modal .flex span:first-child, #rev_more .flex span:first-child,
#inquiry_more .flex span:first-child, #history_more .flex span:first-child, #sent_more .flex span:first-child, #answer_more .flex span:first-child,
#correction_more .flex span:first-child, #modify_more .flex span:first-child {
  margin: 0 2% 0 0;
}
#calculate .flex select, #terms_modal .flex select, #poricy_modal .flex select, #rev_more .flex select,
#inquiry_more .flex select, #history_more .flex select, #sent_more .flex select, #answer_more .flex select,
#correction_more .flex select, #modify_more .flex select {
  display: block;
  margin: 10px 0 0;
  width: 100%;
  background: url("/img/select_arrow_g.png") no-repeat right 7px center/12px #fff;
  width: 100%;
  height: 40px;
  font-size: 1rem;
  color: #AAAAAA;
  outline: 0;
  border: 1px solid #ddd;
  border-radius: 5px;
  text-align: left;
  padding: 10px;
}
#calculate .flex select:first-child, #terms_modal .flex select:first-child, #poricy_modal .flex select:first-child, #rev_more .flex select:first-child,
#inquiry_more .flex select:first-child, #history_more .flex select:first-child, #sent_more .flex select:first-child, #answer_more .flex select:first-child,
#correction_more .flex select:first-child, #modify_more .flex select:first-child {
  color: #76A6D0;
}
#calculate .total_btn, #terms_modal .total_btn, #poricy_modal .total_btn, #rev_more .total_btn,
#inquiry_more .total_btn, #history_more .total_btn, #sent_more .total_btn, #answer_more .total_btn,
#correction_more .total_btn, #modify_more .total_btn {
  background: #fff;
  border: 1px solid #76A6D0;
  text-align: center;
}
#calculate .total_btn a, #terms_modal .total_btn a, #poricy_modal .total_btn a, #rev_more .total_btn a,
#inquiry_more .total_btn a, #history_more .total_btn a, #sent_more .total_btn a, #answer_more .total_btn a,
#correction_more .total_btn a, #modify_more .total_btn a {
  display: block;
  padding: 8px 0;
  color: #76A6D0;
  font-size: 16px;
}
#calculate .total_btn a img, #terms_modal .total_btn a img, #poricy_modal .total_btn a img, #rev_more .total_btn a img,
#inquiry_more .total_btn a img, #history_more .total_btn a img, #sent_more .total_btn a img, #answer_more .total_btn a img,
#correction_more .total_btn a img, #modify_more .total_btn a img {
  display: inline-block;
  width: 19px;
  margin: 0 7px 0 0;
  vertical-align: sub;
}
#calculate .timer p, #terms_modal .timer p, #poricy_modal .timer p, #rev_more .timer p,
#inquiry_more .timer p, #history_more .timer p, #sent_more .timer p, #answer_more .timer p,
#correction_more .timer p, #modify_more .timer p {
  font-size: 1.125rem;
  text-align: center;
  margin: 30px 0 20px;
  color: #76A6D0;
}
#calculate .timer p span, #terms_modal .timer p span, #poricy_modal .timer p span, #rev_more .timer p span,
#inquiry_more .timer p span, #history_more .timer p span, #sent_more .timer p span, #answer_more .timer p span,
#correction_more .timer p span, #modify_more .timer p span {
  color: #515151;
}
#calculate .terms, #terms_modal .terms, #poricy_modal .terms, #rev_more .terms,
#inquiry_more .terms, #history_more .terms, #sent_more .terms, #answer_more .terms,
#correction_more .terms, #modify_more .terms {
  background: #F1F1F1;
  padding: 15px;
  overflow-y: scroll;
  height: 151px;
  margin: 15px 0 0;
}
#calculate .terms h4, #terms_modal .terms h4, #poricy_modal .terms h4, #rev_more .terms h4,
#inquiry_more .terms h4, #history_more .terms h4, #sent_more .terms h4, #answer_more .terms h4,
#correction_more .terms h4, #modify_more .terms h4 {
  font-size: 1rem;
  color: #555555;
}
#calculate .terms p, #terms_modal .terms p, #poricy_modal .terms p, #rev_more .terms p,
#inquiry_more .terms p, #history_more .terms p, #sent_more .terms p, #answer_more .terms p,
#correction_more .terms p, #modify_more .terms p {
  font-size: 1rem;
  color: #BBBBBB;
  margin: 20px 0 0;
}
#calculate #calc_confirmBtn, #terms_modal #calc_confirmBtn, #poricy_modal #calc_confirmBtn, #rev_more #calc_confirmBtn,
#inquiry_more #calc_confirmBtn, #history_more #calc_confirmBtn, #sent_more #calc_confirmBtn, #answer_more #calc_confirmBtn,
#correction_more #calc_confirmBtn, #modify_more #calc_confirmBtn {
  width: 100%;
  height: 40px;
  background: #76A6D0;
  color: #fff;
  border-radius: 5px;
  margin: 0 auto;
  display: block;
  font-weight: 600;
  font-size: 16px;
  line-height: 43px;
}
#calculate .poricys, #terms_modal .poricys, #poricy_modal .poricys, #rev_more .poricys,
#inquiry_more .poricys, #history_more .poricys, #sent_more .poricys, #answer_more .poricys,
#correction_more .poricys, #modify_more .poricys {
  height: 300px;
  overflow-y: scroll;
  border: 1px solid #ddd;
  padding: 0px 10px 20px;
  margin: 20px 0;
}
#calculate .poricys p, #terms_modal .poricys p, #poricy_modal .poricys p, #rev_more .poricys p,
#inquiry_more .poricys p, #history_more .poricys p, #sent_more .poricys p, #answer_more .poricys p,
#correction_more .poricys p, #modify_more .poricys p {
  text-align: left;
  margin: 0;
}
#calculate .poricys h4, #terms_modal .poricys h4, #poricy_modal .poricys h4, #rev_more .poricys h4,
#inquiry_more .poricys h4, #history_more .poricys h4, #sent_more .poricys h4, #answer_more .poricys h4,
#correction_more .poricys h4, #modify_more .poricys h4 {
  margin: 20px 0 15px;
}
#calculate .poricys .table, #terms_modal .poricys .table, #poricy_modal .poricys .table, #rev_more .poricys .table,
#inquiry_more .poricys .table, #history_more .poricys .table, #sent_more .poricys .table, #answer_more .poricys .table,
#correction_more .poricys .table, #modify_more .poricys .table {
  line-height: 1.5;
}
#calculate .poricys .table span:first-child, #terms_modal .poricys .table span:first-child, #poricy_modal .poricys .table span:first-child, #rev_more .poricys .table span:first-child,
#inquiry_more .poricys .table span:first-child, #history_more .poricys .table span:first-child, #sent_more .poricys .table span:first-child, #answer_more .poricys .table span:first-child,
#correction_more .poricys .table span:first-child, #modify_more .poricys .table span:first-child {
  padding: 0 5px 0 0;
}
#calculate #patners, #terms_modal #patners, #poricy_modal #patners, #rev_more #patners,
#inquiry_more #patners, #history_more #patners, #sent_more #patners, #answer_more #patners,
#correction_more #patners, #modify_more #patners {
  border-radius: 10px;
  background-size: 140px auto;
  background-position: right;
  margin: 10px 0 0;
}
#calculate #patners .name, #terms_modal #patners .name, #poricy_modal #patners .name, #rev_more #patners .name,
#inquiry_more #patners .name, #history_more #patners .name, #sent_more #patners .name, #answer_more #patners .name,
#correction_more #patners .name, #modify_more #patners .name {
  width: 100%;
  padding: 12px;
}
#calculate #patners .name em, #terms_modal #patners .name em, #poricy_modal #patners .name em, #rev_more #patners .name em,
#inquiry_more #patners .name em, #history_more #patners .name em, #sent_more #patners .name em, #answer_more #patners .name em,
#correction_more #patners .name em, #modify_more #patners .name em {
  border-radius: 5px;
  color: #fff;
  height: 25px;
  padding: 4px 10px;
  display: block;
}
#calculate #patners .name b, #terms_modal #patners .name b, #poricy_modal #patners .name b, #rev_more #patners .name b,
#inquiry_more #patners .name b, #history_more #patners .name b, #sent_more #patners .name b, #answer_more #patners .name b,
#correction_more #patners .name b, #modify_more #patners .name b {
  display: inline-block;
  line-height: 1;
  color: #666464;
  letter-spacing: -1px;
  margin: 0 7px 0;
  font-weight: 600;
}
#calculate #patners .name b.like, #terms_modal #patners .name b.like, #poricy_modal #patners .name b.like, #rev_more #patners .name b.like,
#inquiry_more #patners .name b.like, #history_more #patners .name b.like, #sent_more #patners .name b.like, #answer_more #patners .name b.like,
#correction_more #patners .name b.like, #modify_more #patners .name b.like {
  margin: 3px 0 5px 2px;
  color: #E52C2C;
}
#calculate #patners .name small, #terms_modal #patners .name small, #poricy_modal #patners .name small, #rev_more #patners .name small,
#inquiry_more #patners .name small, #history_more #patners .name small, #sent_more #patners .name small, #answer_more #patners .name small,
#correction_more #patners .name small, #modify_more #patners .name small {
  color: #515151;
  font-size: 1rem;
  display: block;
}
#calculate #patners .name img[alt=상은보살], #terms_modal #patners .name img[alt=상은보살], #poricy_modal #patners .name img[alt=상은보살], #rev_more #patners .name img[alt=상은보살],
#inquiry_more #patners .name img[alt=상은보살], #history_more #patners .name img[alt=상은보살], #sent_more #patners .name img[alt=상은보살], #answer_more #patners .name img[alt=상은보살],
#correction_more #patners .name img[alt=상은보살], #modify_more #patners .name img[alt=상은보살] {
  width: 115px;
}
@media (max-width: 430px) {
  #calculate #patners .name img[alt=상은보살], #terms_modal #patners .name img[alt=상은보살], #poricy_modal #patners .name img[alt=상은보살], #rev_more #patners .name img[alt=상은보살],
  #inquiry_more #patners .name img[alt=상은보살], #history_more #patners .name img[alt=상은보살], #sent_more #patners .name img[alt=상은보살], #answer_more #patners .name img[alt=상은보살],
  #correction_more #patners .name img[alt=상은보살], #modify_more #patners .name img[alt=상은보살] {
    width: 105px;
  }
}
#calculate #patners .name .light, #terms_modal #patners .name .light, #poricy_modal #patners .name .light, #rev_more #patners .name .light,
#inquiry_more #patners .name .light, #history_more #patners .name .light, #sent_more #patners .name .light, #answer_more #patners .name .light,
#correction_more #patners .name .light, #modify_more #patners .name .light {
  color: #888888;
  margin: 10px 0 0;
  display: block;
  text-align: left;
}
@media (max-width: 430px) {
  #calculate #patners .name .light, #terms_modal #patners .name .light, #poricy_modal #patners .name .light, #rev_more #patners .name .light,
  #inquiry_more #patners .name .light, #history_more #patners .name .light, #sent_more #patners .name .light, #answer_more #patners .name .light,
  #correction_more #patners .name .light, #modify_more #patners .name .light {
    margin: 0;
  }
}
#calculate #patners .name .like_box, #terms_modal #patners .name .like_box, #poricy_modal #patners .name .like_box, #rev_more #patners .name .like_box,
#inquiry_more #patners .name .like_box, #history_more #patners .name .like_box, #sent_more #patners .name .like_box, #answer_more #patners .name .like_box,
#correction_more #patners .name .like_box, #modify_more #patners .name .like_box {
  display: flex;
  align-items: center;
}
#calculate #patners .name span .icon, #terms_modal #patners .name span .icon, #poricy_modal #patners .name span .icon, #rev_more #patners .name span .icon,
#inquiry_more #patners .name span .icon, #history_more #patners .name span .icon, #sent_more #patners .name span .icon, #answer_more #patners .name span .icon,
#correction_more #patners .name span .icon, #modify_more #patners .name span .icon {
  position: relative;
  width: 20px;
  height: 20px;
  display: inline-block;
}
#calculate #patners .name span .icon img, #terms_modal #patners .name span .icon img, #poricy_modal #patners .name span .icon img, #rev_more #patners .name span .icon img,
#inquiry_more #patners .name span .icon img, #history_more #patners .name span .icon img, #sent_more #patners .name span .icon img, #answer_more #patners .name span .icon img,
#correction_more #patners .name span .icon img, #modify_more #patners .name span .icon img {
  position: absolute;
  top: 0;
  left: 0;
}
#calculate #patners .name span .icon.on .out, #terms_modal #patners .name span .icon.on .out, #poricy_modal #patners .name span .icon.on .out, #rev_more #patners .name span .icon.on .out,
#inquiry_more #patners .name span .icon.on .out, #history_more #patners .name span .icon.on .out, #sent_more #patners .name span .icon.on .out, #answer_more #patners .name span .icon.on .out,
#correction_more #patners .name span .icon.on .out, #modify_more #patners .name span .icon.on .out {
  opacity: 0;
  transition: all 0.3s;
}
#calculate #patners .name span .icon.on .on, #terms_modal #patners .name span .icon.on .on, #poricy_modal #patners .name span .icon.on .on, #rev_more #patners .name span .icon.on .on,
#inquiry_more #patners .name span .icon.on .on, #history_more #patners .name span .icon.on .on, #sent_more #patners .name span .icon.on .on, #answer_more #patners .name span .icon.on .on,
#correction_more #patners .name span .icon.on .on, #modify_more #patners .name span .icon.on .on {
  opacity: 1;
}
#calculate #patners .name span .icon .out, #terms_modal #patners .name span .icon .out, #poricy_modal #patners .name span .icon .out, #rev_more #patners .name span .icon .out,
#inquiry_more #patners .name span .icon .out, #history_more #patners .name span .icon .out, #sent_more #patners .name span .icon .out, #answer_more #patners .name span .icon .out,
#correction_more #patners .name span .icon .out, #modify_more #patners .name span .icon .out {
  opacity: 1;
}
#calculate #patners .name span .icon .on, #terms_modal #patners .name span .icon .on, #poricy_modal #patners .name span .icon .on, #rev_more #patners .name span .icon .on,
#inquiry_more #patners .name span .icon .on, #history_more #patners .name span .icon .on, #sent_more #patners .name span .icon .on, #answer_more #patners .name span .icon .on,
#correction_more #patners .name span .icon .on, #modify_more #patners .name span .icon .on {
  opacity: 0;
  transition: all 0.3s;
}
#calculate #patners .name .flex, #terms_modal #patners .name .flex, #poricy_modal #patners .name .flex, #rev_more #patners .name .flex,
#inquiry_more #patners .name .flex, #history_more #patners .name .flex, #sent_more #patners .name .flex, #answer_more #patners .name .flex,
#correction_more #patners .name .flex, #modify_more #patners .name .flex {
  display: block;
  margin: 0;
  line-height: 1;
}
#calculate #patners .name .flex span, #terms_modal #patners .name .flex span, #poricy_modal #patners .name .flex span, #rev_more #patners .name .flex span,
#inquiry_more #patners .name .flex span, #history_more #patners .name .flex span, #sent_more #patners .name .flex span, #answer_more #patners .name .flex span,
#correction_more #patners .name .flex span, #modify_more #patners .name .flex span {
  font-size: 2.5rem !important;
}
#calculate .inherit_box, #terms_modal .inherit_box, #poricy_modal .inherit_box, #rev_more .inherit_box,
#inquiry_more .inherit_box, #history_more .inherit_box, #sent_more .inherit_box, #answer_more .inherit_box,
#correction_more .inherit_box, #modify_more .inherit_box {
  border: 1px solid #ddd;
  margin: 15px 0;
}
#calculate .inherit_box ul, #terms_modal .inherit_box ul, #poricy_modal .inherit_box ul, #rev_more .inherit_box ul,
#inquiry_more .inherit_box ul, #history_more .inherit_box ul, #sent_more .inherit_box ul, #answer_more .inherit_box ul,
#correction_more .inherit_box ul, #modify_more .inherit_box ul {
  margin: 0;
  justify-content: flex-start;
}
#calculate .inherit_box ul li, #terms_modal .inherit_box ul li, #poricy_modal .inherit_box ul li, #rev_more .inherit_box ul li,
#inquiry_more .inherit_box ul li, #history_more .inherit_box ul li, #sent_more .inherit_box ul li, #answer_more .inherit_box ul li,
#correction_more .inherit_box ul li, #modify_more .inherit_box ul li {
  width: 100%;
  border-bottom: 1px solid #ddd;
  margin: 0;
  justify-content: flex-start;
}
#calculate .inherit_box ul li:first-child, #terms_modal .inherit_box ul li:first-child, #poricy_modal .inherit_box ul li:first-child, #rev_more .inherit_box ul li:first-child,
#inquiry_more .inherit_box ul li:first-child, #history_more .inherit_box ul li:first-child, #sent_more .inherit_box ul li:first-child, #answer_more .inherit_box ul li:first-child,
#correction_more .inherit_box ul li:first-child, #modify_more .inherit_box ul li:first-child {
  border-right: 1px solid #ddd;
}
#calculate .inherit_box ul li:last-child, #terms_modal .inherit_box ul li:last-child, #poricy_modal .inherit_box ul li:last-child, #rev_more .inherit_box ul li:last-child,
#inquiry_more .inherit_box ul li:last-child, #history_more .inherit_box ul li:last-child, #sent_more .inherit_box ul li:last-child, #answer_more .inherit_box ul li:last-child,
#correction_more .inherit_box ul li:last-child, #modify_more .inherit_box ul li:last-child {
  border-bottom: 0;
}
#calculate .inherit_box ul li span, #terms_modal .inherit_box ul li span, #poricy_modal .inherit_box ul li span, #rev_more .inherit_box ul li span,
#inquiry_more .inherit_box ul li span, #history_more .inherit_box ul li span, #sent_more .inherit_box ul li span, #answer_more .inherit_box ul li span,
#correction_more .inherit_box ul li span, #modify_more .inherit_box ul li span {
  text-align: left;
  margin: 0 0 0 7px;
}
@media (max-width: 414px) {
  #calculate .inherit_box ul li span, #terms_modal .inherit_box ul li span, #poricy_modal .inherit_box ul li span, #rev_more .inherit_box ul li span,
  #inquiry_more .inherit_box ul li span, #history_more .inherit_box ul li span, #sent_more .inherit_box ul li span, #answer_more .inherit_box ul li span,
  #correction_more .inherit_box ul li span, #modify_more .inherit_box ul li span {
    width: 65px;
  }
}
#calculate .inherit_box ul li span.scope img, #terms_modal .inherit_box ul li span.scope img, #poricy_modal .inherit_box ul li span.scope img, #rev_more .inherit_box ul li span.scope img,
#inquiry_more .inherit_box ul li span.scope img, #history_more .inherit_box ul li span.scope img, #sent_more .inherit_box ul li span.scope img, #answer_more .inherit_box ul li span.scope img,
#correction_more .inherit_box ul li span.scope img, #modify_more .inherit_box ul li span.scope img {
  width: 65px;
}
@media (max-width: 430px) {
  #calculate .inherit_box ul li span.scope img, #terms_modal .inherit_box ul li span.scope img, #poricy_modal .inherit_box ul li span.scope img, #rev_more .inherit_box ul li span.scope img,
  #inquiry_more .inherit_box ul li span.scope img, #history_more .inherit_box ul li span.scope img, #sent_more .inherit_box ul li span.scope img, #answer_more .inherit_box ul li span.scope img,
  #correction_more .inherit_box ul li span.scope img, #modify_more .inherit_box ul li span.scope img {
    width: 40px;
  }
}
#calculate .inherit_box ul li span.first, #terms_modal .inherit_box ul li span.first, #poricy_modal .inherit_box ul li span.first, #rev_more .inherit_box ul li span.first,
#inquiry_more .inherit_box ul li span.first, #history_more .inherit_box ul li span.first, #sent_more .inherit_box ul li span.first, #answer_more .inherit_box ul li span.first,
#correction_more .inherit_box ul li span.first, #modify_more .inherit_box ul li span.first {
  background: #CFDDED;
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #76A6D0;
  margin: 0;
  font-weight: 600;
}
#calculate .inherit_box ul li span.last1, #terms_modal .inherit_box ul li span.last1, #poricy_modal .inherit_box ul li span.last1, #rev_more .inherit_box ul li span.last1,
#inquiry_more .inherit_box ul li span.last1, #history_more .inherit_box ul li span.last1, #sent_more .inherit_box ul li span.last1, #answer_more .inherit_box ul li span.last1,
#correction_more .inherit_box ul li span.last1, #modify_more .inherit_box ul li span.last1 {
  width: 32.55%;
}
@media (max-width: 414px) {
  #calculate .inherit_box ul li span.last1, #terms_modal .inherit_box ul li span.last1, #poricy_modal .inherit_box ul li span.last1, #rev_more .inherit_box ul li span.last1,
  #inquiry_more .inherit_box ul li span.last1, #history_more .inherit_box ul li span.last1, #sent_more .inherit_box ul li span.last1, #answer_more .inherit_box ul li span.last1,
  #correction_more .inherit_box ul li span.last1, #modify_more .inherit_box ul li span.last1 {
    width: 33%;
  }
}
#calculate .inherit_box ul li span.last2, #terms_modal .inherit_box ul li span.last2, #poricy_modal .inherit_box ul li span.last2, #rev_more .inherit_box ul li span.last2,
#inquiry_more .inherit_box ul li span.last2, #history_more .inherit_box ul li span.last2, #sent_more .inherit_box ul li span.last2, #answer_more .inherit_box ul li span.last2,
#correction_more .inherit_box ul li span.last2, #modify_more .inherit_box ul li span.last2 {
  width: 100%;
}
#calculate .inherit_box ul li.bot, #terms_modal .inherit_box ul li.bot, #poricy_modal .inherit_box ul li.bot, #rev_more .inherit_box ul li.bot,
#inquiry_more .inherit_box ul li.bot, #history_more .inherit_box ul li.bot, #sent_more .inherit_box ul li.bot, #answer_more .inherit_box ul li.bot,
#correction_more .inherit_box ul li.bot, #modify_more .inherit_box ul li.bot {
  border-bottom: 1px solid #ddd;
}
#calculate .txtbox span, #terms_modal .txtbox span, #poricy_modal .txtbox span, #rev_more .txtbox span,
#inquiry_more .txtbox span, #history_more .txtbox span, #sent_more .txtbox span, #answer_more .txtbox span,
#correction_more .txtbox span, #modify_more .txtbox span {
  font-size: 1rem;
  font-weight: 600;
}
#calculate .txtbox p, #terms_modal .txtbox p, #poricy_modal .txtbox p, #rev_more .txtbox p,
#inquiry_more .txtbox p, #history_more .txtbox p, #sent_more .txtbox p, #answer_more .txtbox p,
#correction_more .txtbox p, #modify_more .txtbox p {
  text-align: left;
  border: 1px solid #ddd;
  padding: 10px;
  margin: 10px 0;
  overflow-y: scroll;
  height: 60px;
}
#calculate .txtbox p span, #terms_modal .txtbox p span, #poricy_modal .txtbox p span, #rev_more .txtbox p span,
#inquiry_more .txtbox p span, #history_more .txtbox p span, #sent_more .txtbox p span, #answer_more .txtbox p span,
#correction_more .txtbox p span, #modify_more .txtbox p span {
  color: #888;
  font-weight: 500;
}

#successModal p, #non_members_Modal p, #non_review_Modal p, #guideModal p {
  color: #555555;
  font-weight: 500;
  text-align: center;
  margin: 40px 0;
  line-height: 1.3;
}
#successModal .close, #non_members_Modal .close, #non_review_Modal .close, #guideModal .close {
  width: 170px;
  height: 40px;
  background: #76A6D0;
  color: #fff;
  border-radius: 5px;
  margin: 0 auto;
  display: block;
  font-weight: 600;
  font-size: 16px;
  line-height: 43px;
}

#booking_myModal .flex {
  padding: 0 10px;
  justify-content: space-between;
  margin: 30px 0 10px;
}
#booking_myModal .reason {
  border: 1px solid #ddd;
  padding: 10px;
}
#booking_myModal .reason span:last-child {
  margin: 0;
}

#sent_more .txtbox p {
  height: 35px;
}
#sent_more .txt {
  margin: 20px 0;
}
#sent_more .txt .table {
  text-align: left;
  margin: 0;
  line-height: 1.5;
}
#sent_more .txt .table span {
  display: table-cell;
  padding: 0 5px 0 0;
}
#sent_more table {
  text-align: center;
  background: #F1F1F1;
}
#sent_more table tr th {
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
}
#sent_more table tr td {
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
}
#sent_more table tr td:first-child {
  border-right: 1px solid #ddd;
}
#sent_more table tr:last-child td {
  border-bottom: 0;
}

#inquiry_more .txt, #history_more .txt, #rev_more .txt {
  margin: 10px 0;
}
#inquiry_more .txt .table, #history_more .txt .table, #rev_more .txt .table {
  text-align: left;
  margin: 0;
  line-height: 1.5;
}
#inquiry_more .txt .table span, #history_more .txt .table span, #rev_more .txt .table span {
  display: table-cell;
  padding: 0 5px 0 0;
}
#inquiry_more table, #history_more table, #rev_more table {
  text-align: center;
}
#inquiry_more table tr .blue, #history_more table tr .blue, #rev_more table tr .blue {
  width: 80px;
}
@media (max-width: 430px) {
  #inquiry_more table tr .blue, #history_more table tr .blue, #rev_more table tr .blue {
    width: 70px;
  }
}
#inquiry_more table tr td, #history_more table tr td, #rev_more table tr td {
  padding: 15px 5px 15px 5px;
  text-align: left;
  width: 25%;
}
#inquiry_more table tr td.scope, #history_more table tr td.scope, #rev_more table tr td.scope {
  vertical-align: top;
}
#inquiry_more table tr td.scope img, #history_more table tr td.scope img, #rev_more table tr td.scope img {
  width: 55px;
}
#inquiry_more table tr td span, #history_more table tr td span, #rev_more table tr td span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
#inquiry_more table tr:last-child td, #history_more table tr:last-child td, #rev_more table tr:last-child td {
  border-bottom: 0;
}

#reservation .select_box {
  margin: 20px 0 0;
}
#reservation .left {
  width: 100%;
  position: relative;
  padding: 0 10px 0 0;
}
#reservation .left p {
  margin: 0;
}
#reservation .left .wix {
  text-align: left;
  width: 37%;
}
#reservation .right {
  padding: 0 0 0 10px;
  width: 100%;
  border-left: 1px solid #ddd;
}
#reservation .right p {
  margin: 0;
}
#reservation .right .wix {
  width: 37%;
  text-align: left;
}
#reservation .flex {
  justify-content: space-between;
  align-items: center;
}
#reservation .flex span {
  width: 50%;
}
#reservation .flex select {
  width: 100%;
  color: #555;
  height: 40px;
  border: 1px solid #ddd;
  background: url("/img/select_arrow_g.png") no-repeat 95% 16px/12px #fff;
  outline: 0;
  border-radius: 10px;
  padding: 10px 20px 10px 10px;
  text-align: center;
}
@media (max-width: 430px) {
  #reservation .flex select {
    background: url("/img/select_arrow_g.png") no-repeat 95% 13px/12px #fff;
    height: 35px;
  }
}
#reservation .flex ul li {
  width: 80px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #ddd;
  margin: 0 5px 0 0;
}
@media (max-width: 430px) {
  #reservation .flex ul li {
    width: 70px;
  }
}
#reservation .flex ul li:last-child {
  margin: 0;
}
#reservation .flex ul li.active {
  border: 3px solid #2E457C;
  color: #2E457C;
}
#reservation .flex ul li.active a {
  font-weight: 600;
}
#reservation .timer {
  margin: 0 0 15px 0;
}
#reservation .timer span {
  width: 30%;
}
#reservation .time_choice {
  margin: 15px 0;
}
#reservation .time_choice span {
  margin: 0 0 10px 0;
  display: block;
}
#reservation .time_choice ul li {
  float: left;
  width: 32%;
  margin: 0 2% 5px 0;
  border: 1px solid #ddd;
  border-radius: 5px;
  height: 35px;
  line-height: 35px;
  text-align: center;
}
#reservation .time_choice ul li:nth-of-type(3n) {
  margin: 0 0 5px 0;
}
#reservation .time_choice ul li.active {
  border: 2px solid #2E457C;
  color: #2E457C;
}
#reservation .time_choice ul li.active a {
  font-weight: 600;
  color: #2E457C;
}
#reservation .time_choice ul li a {
  display: block;
}

#Consultus .modal-content {
  width: 400px;
}
@media (max-width: 430px) {
  #Consultus .modal-content {
    width: 315px;
  }
}
#Consultus .flex {
  align-items: center;
  text-align: left;
  margin: 0 0 20px 0;
}
#Consultus .flex .thumb {
  width: 80px;
  border: 1px solid #ddd;
  border-radius: 10px;
  margin: 0 12px 0 0;
}
#Consultus .flex h3 {
  margin: 0 0 10px 0;
  text-align: left;
}
@media (max-width: 430px) {
  #Consultus .flex h3 {
    margin: 0 0 3px 0;
  }
}
#Consultus .flex span {
  line-height: 1;
  text-align: left;
}
@media (max-width: 430px) {
  #Consultus .flex span {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
#Consultus .flex big {
  color: #E52C2C;
}
#Consultus .box {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 15px;
}
#Consultus .box .bord1 {
  border: 1px solid #F29544;
  color: #F29544;
  padding: 5px 10px;
  border-radius: 15px;
}
@media (max-width: 430px) {
  #Consultus .box .bord1 {
    padding: 1px 8px;
  }
}
#Consultus .box .bord2 {
  border: 1px solid #2E457C;
  color: #2E457C;
  padding: 5px 10px;
  border-radius: 15px;
}
@media (max-width: 430px) {
  #Consultus .box .bord2 {
    padding: 1px 8px;
  }
}
#Consultus .box:first-child {
  margin: 0 0 20px 0;
}
@media (max-width: 430px) {
  #Consultus .box .flex2 {
    display: block;
  }
}
@media (max-width: 430px) {
  #Consultus .box .flex2 span:last-child {
    display: block;
    text-align: center;
  }
}
#Consultus .box.box1 {
  margin: 0 0 15px 0;
}
@media (max-width: 430px) {
  #Consultus .box.box1 .flex1 {
    margin: 0 0 7px 0;
  }
}
#Consultus .box.box1 .flex2 {
  margin: 0;
  flex-direction: column;
}
#Consultus .box.box1 .flex2 span:first-child {
  margin: 0 0 10px 0;
}
#Consultus .box.box2 .flex2 {
  margin: 0;
  flex-direction: column;
}
@media (max-width: 430px) {
  #Consultus .box.box2 .flex2 {
    display: block;
  }
}
#Consultus .box.box2 .flex2 span:first-child {
  margin: 0 0 10px 0;
}
#Consultus .box .flex {
  justify-content: space-between;
  align-items: center;
}
#Consultus .box .flex .color1 {
  color: #2E457C;
}
#Consultus .box .flex .color2 {
  color: #E52C2C;
}
#Consultus .box .flex span small {
  color: #515151;
}
#Consultus .box .flex span span {
  color: #2E457C;
}
#Consultus .box .flex img {
  width: 20px;
  display: inline-block;
  vertical-align: text-top;
}
#Consultus .box .flex .line {
  background: #707070;
  height: 21px;
}
#Consultus .box p {
  text-align: center;
  margin: 20px 0 0;
}
#Consultus .box p a {
  background: #F29544;
  color: #fff;
  display: block;
  width: 180px;
  height: 30px;
  line-height: 31px;
  margin: 0 auto;
  border-radius: 5px;
  font-size: 16px;
}
@media (max-width: 430px) {
  #Consultus .box p a {
    font-size: 14px;
  }
}
#Consultus #Consultus_Btn {
  background: #969696;
  color: #fff;
  width: 180px;
  margin: 0 auto;
}/*# sourceMappingURL=style.css.map */