/* Atomy font */
@font-face {
  font-family: 'atomy-font-normal';
  src: url("../fonts/Atomy-Medium.ttf");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'atomy-font-bold';
  src: url("../fonts/Atomy-Bold.ttf") ;
  font-style: normal;
  font-weight: bold;
}

@font-face {
  font-family: 'atomy-font-light';
  src: url("../fonts/Atomy-Light.ttf") ;
  font-style: normal;
  font-weight: normal;
}

/* main page */
.section--main {
  overflow: hidden;
  box-sizing: border-box;
  min-height: 100vh;
  padding-top: 115px; }
.section--main:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 115px;
  background-size: 120% auto;
  background-position: 50% 0;
  background-color: #000;
  opacity: 1;
  transition: height 0.3s;
  pointer-events: none; }
.section--main[data-current-month='1']:before {
  background-image: url("../images/top-visual-1.jpg"); }
.section--main[data-current-month='2']:before {
  background-image: url("../images/top-visual-2.jpg"); }
.section--main[data-current-month='3']:before {
  background-image: url("../images/top-visual-3.jpg"); }
.section--main[data-current-month='4']:before {
  background-image: url("../images/top-visual-4.jpg"); }
.section--main[data-current-month='5']:before {
  background-image: url("../images/top-visual-5.jpg"); }
.section--main[data-current-month='6']:before {
  background-image: url("../images/top-visual-6.jpg"); }
.section--main[data-current-month='7']:before {
  background-image: url("../images/top-visual-7.jpg"); }
.section--main[data-current-month='8']:before {
  background-image: url("../images/top-visual-8.jpg"); }
.section--main[data-current-month='9']:before {
  background-image: url("../images/top-visual-9.jpg"); }
.section--main[data-current-month='10']:before {
  background-image: url("../images/top-visual-10.jpg"); }
.section--main[data-current-month='11']:before {
  background-image: url("../images/top-visual-11.jpg"); }
.section--main[data-current-month='12']:before {
  background-image: url("../images/top-visual-12.jpg"); }
.section--main[data-current-month='13']:before {
  background-image: url("../images/top-visual-13.jpg"); }
.section--main[data-current-month='14']:before {
  background-image: url("../images/top-visual-14.jpg"); }
.section--main.fixed-headline:before {
  position: fixed;
  height: var(--headline-height); }
.section--main.fixed-headline .visit-apply {
  opacity: 1;
  pointer-events: all; }
.section--main .main-list-container {
  padding-bottom: 80px;
  overflow: visible; }
.section--main.fixed-headline .seat-apply {
  opacity: 1;
  pointer-events: all; }

.headline--main {
  position: fixed;
  top: 0;
  z-index: 5;
  box-sizing: border-box;
  width: 100%;
  height: 115px;
  margin: 0;
  padding: 53px 15px 0;
  text-align: center;
  background-color: transparent; }
.headline--main:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background-size: 120% auto;
  background-position: 50% 0;
  background-color: #000;
  opacity: 1;
  transition: background-size 0.3s, bottom 0.3s;
  pointer-events: none; }
[data-current-month='1'] .headline--main:after {
  background-image: url("../images/top-visual-1.jpg"); }
[data-current-month='2'] .headline--main:after {
  background-image: url("../images/top-visual-2.jpg"); }
[data-current-month='3'] .headline--main:after {
  background-image: url("../images/top-visual-3.jpg"); }
[data-current-month='4'] .headline--main:after {
  background-image: url("../images/top-visual-4.jpg"); }
[data-current-month='5'] .headline--main:after {
  background-image: url("../images/top-visual-5.jpg"); }
[data-current-month='6'] .headline--main:after {
  background-image: url("../images/top-visual-6.jpg"); }
[data-current-month='7'] .headline--main:after {
  background-image: url("../images/top-visual-7.jpg"); }
[data-current-month='8'] .headline--main:after {
  background-image: url("../images/top-visual-8.jpg"); }
[data-current-month='9'] .headline--main:after {
  background-image: url("../images/top-visual-9.jpg"); }
[data-current-month='10'] .headline--main:after {
  background-image: url("../images/top-visual-10.jpg"); }
[data-current-month='11'] .headline--main:after {
  background-image: url("../images/top-visual-11.jpg"); }
[data-current-month='12'] .headline--main:after {
  background-image: url("../images/top-visual-12.jpg"); }
[data-current-month='13'] .headline--main:after {
  background-image: url("../images/top-visual-13.jpg"); }
[data-current-month='14'] .headline--main:after {
  background-image: url("../images/top-visual-14.jpg"); }
.headline--main .date {
  font-size: 37px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.7);
  text-shadow: #555 1px 1px 1px;
  position: relative;
  top: 15px;
  z-index: 1; }
.headline--main .date .year {
  font-size: 13px; }
.headline--main .date .month {
  margin-left: -5px;
  color: #fff;
  font-weight: 300; }
.headline--main .date .month:after {
  content: attr(data-month);
  margin-left: 5px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 13px;
  font-weight: 400; }
.headline--main .navigation {
  position: absolute;
  top: 53px;
  right: 15px;
  left: 15px;
  z-index: 1;
  padding-top: 25px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  transition: border-top 0.3s; }
.headline--main .navigation .btn:before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid;
  border-color: #fff #fff transparent transparent;
  border-radius: 2px;
  opacity: .5; }
.headline--main .navigation .btn.active:before {
  opacity: 1; }
.headline--main .navigation .btn-arrow-left {
  margin-right: 70px; }
.headline--main .navigation .btn-arrow-left:before {
  transform: rotate(-135deg); }
.headline--main .navigation .btn-arrow-right {
  margin-left: 70px; }
.headline--main .navigation .btn-arrow-right:before {
  transform: rotate(45deg); }
.headline--main .calendar {
  position: absolute;
  top: 68px;
  right: 15px;
  z-index: 2; }
.headline--main .calendar .btn-calendar {
  width: 39px;
  height: 39px;
  border-radius: 50%;
  background-color: #00b5ef; }
.headline--main .calendar .btn-calendar .icon-calendar {
  color: #fff;
  font-size: 18px; }
.headline--main .visit-apply {
  align-items: center;
  background-color: #fff;
  font-size: 15px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
  margin-top: 25px;
  display: block;
}
.headline--main .visit-apply .icon {
  margin-right: 10px; }
.headline--main .visit-apply .card__label {
  border-top-color: #57f5e1; }

.headline--main .seat-apply {
  align-items: center;
  background-color: #fff;
  font-size: 15px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
  display: block;
}
.headline--main .seat-title {
  top: 19.2592%;
  left: 12.1212%;
  color: #fff;
  font-size: 4.2254vw;
  font-weight: 500;
}
.headline--main .seat-count {
  top: 53.14%;
  left: 19.1%;
  transform: translateX(-50%);
  color: #e556a6;
  font-size: 3.6620vw;
  font-weight: 600;
  opacity: 0;
  pointer-events: none;
}

.section--main.fixed-headline .seat-count {
  opacity: 1;
  pointer-events: all;
}


.main-list-container {
  margin-top: 108px;
  position: relative; }
.main-list-container .slide-item {
  min-height: calc(100vh - 264px); }
.main-list-container .empty {
  margin: 38px 0 100px 0; }

[data-header='fixed'][data-scroll-direction='up'] .headline--main, [data-header='fixed'][data-scroll-direction='down'] .headline--main {
  transition: transform .3s, height 0.3s; }

.main-banner-container.swiper-container {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9; }

.main-banner-container .swiper-wrapper {
  background-color: #f7f7f7; }
.main-banner-container .swiper-wrapper .slide-item {
  position: relative;
  overflow: hidden;
  height: 80px; }
.main-banner-container .swiper-wrapper .slide-item a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  text-align: center; }
.main-banner-container .swiper-wrapper .slide-item a:active {
  opacity: 1;
  -webkit-filter: brightness(70%);
  filter: brightness(70%); }
.main-banner-container .swiper-wrapper .slide-item img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.main-banner-container .swiper-pagination.swiper-pagination-bullets {
  bottom: 5px; }

.main-banner-container .swiper-pagination-bullet {
  border: 1px solid #fff;
  background-color: transparent;
  opacity: 1;
  width: 6px;
  height: 6px;
  border-radius: 50%; }
.main-banner-container .swiper-pagination-bullet-active {
  background-color: #fff; }

[data-scroll-direction='down'][data-header='fixed'] .header,
[data-scroll-direction='up'][data-header='fixed'] .header {
  position: fixed;
  opacity: 1; }

[data-scroll-direction='down'][data-header='fixed'] .headline--main,
[data-scroll-direction='up'][data-header='fixed'] .headline--main {
  transform: translateY(0); }

[data-scroll-direction='down'] .main-banner-container,
[data-scroll-direction='up'] .main-banner-container {
  transform: translateY(0);
  opacity: 1;
  transition: opacity .3s; }

[data-scroll-direction='down'] .main-banner-container {
  transform: translateY(100%);
  opacity: 0; }
[data-scroll-direction='down'] .main-banner-container.sticky {
  position: absolute;
  transform: translateY(0);
  opacity: 1; }

.footer {
  text-align: center;
  color: #666;
  padding: 15px 0; }
.footer img {
  width: 33px;
  height: 28px;
  vertical-align: middle;
  margin-right: 5px; }
.footer span {
  vertical-align: middle; }

.lock-scroll {
  padding-right: var(--scroll-bar-width); }
.lock-scroll,
.lock-scroll body {
  overflow: hidden; }

#reservationZone .visit-apply:after {
  content: '';
  display: block;
  padding-bottom: 20.45455%; }

#reservationZone .visit-apply img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#seatZone {
  text-align: left;
  margin-top:8px;

}
#seatZone .seat-apply:after {
  content: '';
  display: block;
  padding-bottom: 20.45455%; }

#seatZone .seat-apply img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  vertical-align: 0;
}

.reservation-zone .main-list-container .visual {
  display: block;
  margin: 0 8px; }
.reservation-zone .main-list-container .visual:before {
  content: '';
  display: block;
  /*padding-bottom: 20.45455%;*/
  padding-bottom: 6%;
  /*padding-bottom: calc(40.9091% + 50px);*/
}
.reservation-zone .main-list-container .visual_seat:before {
  padding-bottom: calc(40.9091% - 1px);
}
.reservation-zone .seatPdCheck .visual:before {
  padding-bottom: calc(40.9091% + 0px);
}

@-webkit-keyframes moveWing {
  70%, 100% {
    transform: rotate(0deg) rotateY(0deg); } }

@keyframes moveWing {
  70%, 100% {
    transform: rotate(0deg) rotateY(0deg); } }

@-webkit-keyframes moveShine {
  0%, 30% {
    background-position: -22px 0; }
  70%, 100% {
    background-position: 36px 0; } }

@keyframes moveShine {
  0%, 30% {
    background-position: -22px 0; }
  70%, 100% {
    background-position: 36px 0; } }

@-webkit-keyframes starSparkle {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes starSparkle {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

#popup-grade {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.8); }
#popup-grade .inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 268px;
  min-height: 300px;
  background: url(../images/grade/bg_item.png) no-repeat 0 0;
  background-size: 100% auto;
  text-align: center;
  padding: 23px 0 66px;
  box-sizing: border-box; }
#popup-grade .inner:before {
  content: '';
  position: absolute;
  left: 0;
  top: 165px;
  width: 100%;
  height: calc(100% - 300px);
  background: url(../images/grade/bg_item_m.png) repeat-y 0 0;
  background-size: 100% auto; }
#popup-grade .inner:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 135px;
  background: url(../images/grade/bg_item_b.png) no-repeat 0 0;
  background-size: 100% auto; }
#popup-grade .bird-area {
  display: inline-block;
  position: relative;
  z-index: 1; }
#popup-grade .bird-item {
  position: relative;
  z-index: 1;
  perspective: 500px; }
#popup-grade .bird-item .body {
  position: relative;
  width: 88px; }
#popup-grade .bird-item .ring {
  position: absolute;
  width: 105px;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%); }
#popup-grade .bird-item .wing {
  position: absolute;
  width: 75px;
  left: 50%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
#popup-grade .bird-item .wing.left {
  transform-origin: right center;
  transform: rotate(-100deg) scale(0.8);
  margin-left: -98px; }
#popup-grade .bird-item .wing.right {
  margin-left: 21px;
  transform-origin: left center;
  transform: rotate(100deg) scale(0.8); }
#popup-grade .grade {
  position: absolute;
  width: 36px;
  height: 36px;
  left: 50%;
  top: 70px;
  margin-left: -18px; }
#popup-grade .grade i {
  display: block;
  position: relative;
  overflow: hidden;
  font-size: 0; }
#popup-grade .grade i:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url(../images/grade/ani_grade_shine.png);
  background-repeat: no-repeat;
  background-size: 22px auto;
  background-position: -22px 0;
  mask-image: url(../images/grade/ani_grade_01.png);
  mask-size: cover;
  -webkit-mask-image: url(../images/grade/ani_grade_01.png);
  -webkit-mask-size: cover;
  -webkit-animation: moveShine 2s infinite alternate ease-in-out;
  animation: moveShine 2s infinite alternate ease-in-out; }
#popup-grade .grade i.grade_02:after {
  mask-image: url(../images/grade/ani_grade_02.png);
  -webkit-mask-image: url(../images/grade/ani_grade_02.png); }
#popup-grade .grade i.grade_03:after {
  mask-image: url(../images/grade/ani_grade_03.png);
  -webkit-mask-image: url(../images/grade/ani_grade_03.png); }
#popup-grade .grade i.grade_04:after {
  mask-image: url(../images/grade/ani_grade_04.png);
  -webkit-mask-image: url(../images/grade/ani_grade_04.png); }
#popup-grade .grade i.grade_05:after {
  mask-image: url(../images/grade/ani_grade_05.png);
  -webkit-mask-image: url(../images/grade/ani_grade_05.png); }
#popup-grade .grade i.grade_06:after {
  mask-image: url(../images/grade/ani_grade_06.png);
  -webkit-mask-image: url(../images/grade/ani_grade_06.png); }
#popup-grade .grade i.grade_07:after {
  mask-image: url(../images/grade/ani_grade_07.png);
  -webkit-mask-image: url(../images/grade/ani_grade_07.png); }
#popup-grade .grade i.active {
  display: block; }
#popup-grade .grade img {
  width: 100%; }
#popup-grade .star-item {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  font-size: 1px; }
#popup-grade .star-item i {
  position: absolute;
  left: 50%;
  top: 80%;
  background: url(../images/grade/ani_star.png);
  background-size: cover;
  will-change: transform;
  opacity: 0;
  -webkit-animation: starSparkle 0.2s infinite alternate;
  animation: starSparkle 0.2s infinite alternate; }
#popup-grade .text-area {
  position: relative;
  z-index: 1;
  padding: 10px 10px 0;
  color: #fff;
  font-size: 14px;
  line-height: 18px; }
#popup-grade .text-area strong {
  display: block;
  position: relative;
  margin: 8px 0;
  font-size: 18px;
  color: #ffe97e; }
#popup-grade .text-area strong:before, #popup-grade .text-area strong:after {
  content: '"'; }
#popup-grade .close {
  position: absolute;
  right: 0;
  top: 12px;
  width: 24px;
  height: 24px;
  background: none;
  border: 0;
  z-index: 1; }
#popup-grade .close:before, #popup-grade .close:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 2px;
  background: #fff;
  margin-top: -1px;
  transform: rotate(-45deg); }
#popup-grade .close:after {
  transform: rotate(45deg); }
#popup-grade .today {
  position: absolute;
  left: 0;
  bottom: -20px;
  width: 100%;
  z-index: 1;
  padding-left: 14px;
  box-sizing: border-box;
  color: #fff;
  font-size: 0;
  text-align: left; }
#popup-grade .today i {
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  border: 1px solid #fff; }
#popup-grade .today input {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  opacity: 0; }
#popup-grade .today input:checked + i {
  background: url(../images/grade/check.png) no-repeat 50% 50%;
  background-size: 12px; }
#popup-grade .today span {
  font-size: 11px;
  margin-left: 5px;
  line-height: 14px; }

/* login page */
.login {
  margin: 20px 35px 70px;
  line-height: 1.5; }
.login--top {
  text-align: center;
  margin-bottom: 20px; }
.login--top:before {
  content: '\EA53';
  color: #00b5ef;
  font-size: 30px;
  font-family: 'atomy-seminar-icon';
  display: block;
  margin: 0 auto 10px; }
.login--top img {
  width: 167px;
  margin: 0 auto 10px;
  display: none; }
.login--top span {
  color: #757575; }
.login__input--box {
  display: block;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
  color: #757575; }
.login__input--box .icon {
  font-size: 15px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: 2px;
  transform: translateY(-50%); }
.login__input--box input {
  font-size: 14px;
  width: 100%;
  height: 38px;
  border: 0;
  padding: 0 25px;
  margin: 10px 0;
  box-sizing: border-box;
  color: #757575; }
.login__input .btn-login {
  display: block;
  width: 100%;
  line-height: 46px;
  margin: 16px 0 18px;
  font-size: 14px; }
.login__input .btn-login span {
  margin-left: 4px;
  font-size: 16px; }
.login__input .find-info {
  text-align: center;
  color: #757575; }
.login__input .error-message {
  color: #721c24;
  display: block;
  margin-top: 5px; }
.login + .btn-close {
  position: absolute;
  top: 0;
  right: 4px;
  font-size: 20px;
  padding: 0 11px;
  height: 53px; }
.login .cs-info {
  margin-top: 20px; }

.btn-login {
  background-color: #00b5ef;
  color: #fff; }

.layer-login {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  padding-top: 50px;
  background-color: #fff;
  transform: translateY(100%);
  pointer-events: none;
  opacity: 0;
  transition: transform 0.3s, opacity 0.3s; }
.layer-login.active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all; }

.auto-login input {
  left: 0;
  right: auto; }
.auto-login input:checked + label:before {
  background-color: #00b5ef;
  border-color: #00b5ef; }
.auto-login input:checked + label:after {
  border-color: #fff; }

.auto-login label {
  color: #757575;
  font-size: 12px;
  padding-left: 30px;
  width: auto;
  display: inline-block; }
.auto-login label:before {
  width: 22px;
  height: 22px; }

/* content detail page */
.detail {
  margin: 18px 15px 18px;
  padding: 0 5px;
  font-size: 11px; }
.detail__title {
  padding-bottom: 18px;
  border-bottom: 1px solid #eee; }
.detail__title--category {
  color: #18a5dd; }
.detail__title--main-title {
  display: block;
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.2; }
.detail__title--meta {
  color: #757575; }
.detail__title--meta span {
  display: block; }
.detail__title--meta time + span {
  display: inline-block; }
.detail__title--meta time + span:before {
  display: inline-block;
  content: '';
  width: 1px;
  height: 8px;
  margin: 0 6px 0 3px;
  background-color: #ccc; }
.detail__title--util {
  margin-top: 10px; }
.detail__title--util .btn + .btn {
  margin-left: 5px; }
.detail__content {
  font-size: 13px;
  margin-top: 0;
  word-break: break-all; }
.detail__content--text {
  margin: 15px 0; }
.detail__content--text img {
  display: block;
  margin: 20px 0; }
.detail__content--image {
  margin: 20px 0; }
.detail__content--image strong {
  font-size: 15px; }
.detail__content--image .image {
  margin-top: 10px;
  max-width: 100%; }
.detail__content .flex-line {
  display: flex;
  flex-wrap: wrap; }
.detail__content .flex-line li {
  flex: 1 0 auto; }
.detail__content .corp-title {
  display: block;
  margin-top: 30px; }
.detail__content .corp-list {
  margin-top: 10px; }
.detail__content .corp-list .office:before {
  content: '-';
  display: inline-block;
  margin: 0 3px; }
.detail__content .corp-list .radio input:checked ~ i:before {
  background-color: #00b5ef; }
.detail__content .corp-list .radio i {
  position: relative;
  border: 1px solid #e5e5e5;
  background-color: #fff; }
.detail__content .corp-list .radio i:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #e5e5e5; }
.detail__content .corp-intro {
  margin-top: 10px; }
.detail__content .corp-intro a {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  color: #00b5ef; }
.detail__content .corp-intro a small {
  flex: none;
  display: inline-block;
  margin-right: 5px;
  padding: 0 8px;
  line-height: 17px;
  font-size: 10px;
  background-color: #00b5ef;
  color: #fff;
  border-radius: 3px; }
.detail__content .corp-intro a .icon {
  vertical-align: -2px; }
.detail__util {
  display: flex;
  justify-content: center; }
.detail__util .btn {
  width: auto;
  height: 44px;
  line-height: 42px;
  border-radius: 22px;
  padding: 0 20px; }
.detail__util .btn.pic {
  padding: 0 10px;
  width: 44px; }
.detail__util .btn + .btn {
  margin-left: 9px; }
.detail.btns {
  margin-top: 30px; }

.icon.small-caution {
  width: 12px;
  height: 12px;
  background-color: #acacac;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  font-size: 7px;
  font-weight: bold; }
.icon.small-caution:before {
  display: block;
  margin: 2px 0 0 1px; }

.badge--bullet {
  position: absolute;
  top: 50%;
  transform: translateY(-62%);
  width: 11px;
  height: 11px;
  background-image: url("../../resources/images/icons/badge-bullet.png");
  background-size: 100% auto;
  background-repeat: no-repeat; }

.badge--info {
  width: 13px;
  height: 13px;
  vertical-align: initial;
  background-image: url("../../resources/images/icons/badge-info.png");
  background-size: 100% auto;
  background-repeat: no-repeat; }

.badge--home {
  width: 13px;
  height: 13px;
  vertical-align: initial;
  background-image: url("../../resources/images/icons/badge-home.png");
  background-size: 100% auto;
  background-repeat: no-repeat; }

/* no contents */
.contents--empty {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 100px 0; }
.contents--empty .icon {
  margin-bottom: 10px;
  font-size: 50px; }

.bordered:before {
  content: '';
  display: block;
  height: 6px;
  border-top: 1px solid #ddd;
  background-color: #f2f2f2;
  margin: 0; }

.empty {
  color: #666;
  padding: 0px 0 40px;
  font-size: 14px;
  text-align: center; }
.empty .empty--pre--messages {
  font-size: 15px;
  color: #666666;
}
.empty .ch-link {
  display: inline-block;
  margin: 0 auto;
  width: auto;

}
.empty img {
  margin-top: 23px;
  width: 275px;
  margin-bottom: 10px; }
.empty .empty--ch--messages {
  margin: 20px auto 0;
  font-size: 15px;
  color: #666666;

}
.empty .ch-link-button {
  display: block;
  background-color: #ffffff;
  width: 150px;
  line-height: 45px;
  margin: 30px auto 0 auto;
  padding: 0 25px;
  color: #000000;
  font-size: 14px;
  border-radius: 100px;
}
.empty .icon-channel-arrow {
  background: url(../images/icon_channel_arrow.png) no-repeat 0 0;
  width: 12.5px;
  height: 14px;
  background-size: cover;
  margin-right: 6px;
}
.empty .accent {
  color:#000000;
}

.empty .icon {
  font-size: 40px;
  color: #ccc; }
.empty .icon-page-caution {
  width: 65px;
  height: 65px;
  margin-bottom: 10px;
  box-sizing: border-box;
  padding-top: 10px; }
.empty .icon-page-loading {
  font-size: 32px;
  padding-bottom: 15px;
  box-sizing: border-box; }
.empty .icon-page-nocontents {
  font-size: 32px;
  padding-bottom: 15px;
  box-sizing: border-box; }

.icon-border {
  border: 3px solid #e5e5e5;
  border-radius: 50%;
  width: 66px;
  height: 66px;
  font-size: 30px;
  color: #ccc; }

/* error page */
.error {
  min-height: 100%;
  height: 100%; }

.page-error {
  text-align: center;
  height: 100%; }
.page-error .document,
.page-error #content {
  height: 100%; }
.page-error #content:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }
.page-error .error-wrapper {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  transform: translateY(-50%); }
.page-error .error-wrapper .icon-page-error {
  font-size: 30px; }
.page-error .error-wrapper .icon-sprite-authorized {
  margin-bottom: 10px; }
.page-error .text--main {
  font-size: 16px;
  margin: 13px 0;
  line-height: 1.2; }
.page-error .text--sub {
  color: #757575; }
.page-error .btn {
  display: block;
  width: 250px;
  line-height: 42px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-size: 14px;
  margin: 30px auto 0; }
.page-error .btn .icon {
  color: #00b5ef;
  margin-top: -3px;
  margin-right: 5px; }

.section--calendar {
  box-sizing: border-box;
  min-height: 100vh;
  transition: background-color 0.3s; }
.section--calendar .calendar--top {
  text-align: left; }
.section--calendar .calendar--date .date {
  margin-left: -5px; }
.section--calendar .calendar--date .date .year {
  position: absolute;
  left: 55px;
  top: 10px; }

.calender--wrap {
  padding-bottom: 12px;
  background-color: #fff; }

.calendar-item {
  box-sizing: border-box;
  padding: 0 15px; }
.calendar-item.fc {
  text-align: center; }
.calendar-item.fc th,
.calendar-item.fc td {
  border-color: transparent;
  border-width: 0; }
.calendar-item.fc .fc-scroller {
  margin-top: -15px;
  padding-top: 15px; }
.calendar-item.fc .fc-day-header {
  padding-bottom: 10px; }
.calendar-item.fc .fc-basic-view .fc-day-top {
  position: relative;
  height: 25px;
  transition: height 0.3s; }
.calendar-item.fc .fc-basic-view .fc-day-top .fc-day-number {
  float: none; }
.calendar-item.fc .fc-basic-view .fc-body .fc-row {
  min-height: 95px;
  transition: min-height 0.3s; }
.calendar-item.fc .fc-time {
  display: none; }
.calendar-item.fc .fc-more {
  color: #333;
  font-size: 8px;
  letter-spacing: -0.5px;
  white-space: nowrap; }
.calendar-item.fc .fc-more-cell {
  text-align: right; }
.calendar-item.fc .fc-day-number {
  line-height: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  margin-left: -12px;
  padding: 0;
  border-radius: 50%;
  pointer-events: none; }
.calendar-item.fc .fc-day.active-day {
  position: relative; }
.calendar-item.fc .fc-day.active-day:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  pointer-events: none; }
.calendar-item.fc .fc-day.active-day.fc-other-month:after {
  display: none; }
.calendar-item.fc td.active-day .fc-day-number {
  color: #fff;
  background-color: #e5e5e5;
  box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.26); }
.calendar-item.fc td.fc-today {
  background-color: transparent; }
.calendar-item.fc td.fc-today .fc-day-number {
  color: #fff;
  background-color: #f33e5b !important;
  box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.26); }
.calendar-item.fc .fc-event {
  color: #000;
  text-align: left;
  font-size: 8px;
  line-height: 15px;
  overflow: hidden;
  height: 15px;
  padding: 0 5px;
  border: 0;
  border-radius: 0;
  transition: color 0.3s, height 0.3s; }
.calendar-item.fc .fc-event.oneday {
  background-color: #8ad7f8; }
.calendar-item.fc .fc-event.success {
  background-color: #fbbbb4; }
.calendar-item.fc .fc-event.regular-tour {
  background-color: #ffc425; }
.calendar-item.fc .fc-event.small-tour {
  background-color: #eeb78a; }
.calendar-item.fc .fc-event.promotion {
  background-color: #c8a1f0; }
.calendar-item.fc .fc-event.ceremony {
  background-color: #9cefb1; }
.calendar-item.fc .fc-event.work-shop {
  background-color: #acc2ef; }
.calendar-item.fc .fc-event.etc {
  background-color: #efacd8; }
.calendar-item.fc .fc-event.kbnh {
  background-color: #8ad7f8; }
.calendar-item.fc .fc-event.class {
  background-color: #54e8d4; }
.calendar-item.fc .fc-event.second {
  background-color: #ffe174; }
.calendar-item.fc .fc-event.video {
  background-color: #d9e271; }
.calendar-item.fc .fc-event.onsa {
  background-color: #dde497; }
.calendar-item.fc .fc-event.onods {
  background-color: #afb747; }
.calendar-item.fc .fc-event.onspt {
  background-color: #6d903e; }
.calendar-item.fc .fc-event.fmd {
  color: #fff;
  background-color: #f8566b; }
.calendar-item.fc .fc-row.fc-rigid {
  overflow: visible; }

.calendar-info {
  display: flex;
  flex-wrap: wrap;
  padding: 15px; }
.calendar-info li {
  display: flex;
  align-items: center;
  flex: 1 1 50%;
  margin: 3px 0;
  font-size: 10px;
  letter-spacing: -0.5px; }
.calendar-info li:before {
  content: '';
  flex: none;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 4px; }
.calendar-info li.regionone:before {
  background-color: #80d1f7; }
.calendar-info li.oneday:before {
  background-color: #8ad7f8; }
.calendar-info li.success:before {
  background-color: #fbbbb4; }
.calendar-info li.parttime:before {
  background-color: #ffe174; }
.calendar-info li.onsa:before {
  background-color: #dde497; }
.calendar-info li.onods:before {
  background-color: #afb747; }
.calendar-info li.onspt:before {
  background-color: #6d903e; }
.calendar-info li.fmd:before {
  background-color: #f8566b; }

[data-sort-type] .calendar-item.fc .fc-event {
  background-color: #ccc; }

[data-sort-type] .select-day-list .card {
  display: none; }

[data-sort-type='apply'] .calendar-item.fc .fc-event.apply {
  background-color: #00b5ef; }

[data-sort-type='apply'] .select-day-list .apply {
  display: block; }

[data-sort-type='wish'] .calendar-item.fc .fc-event.wish {
  background-color: #e25757; }

[data-sort-type='wish'] .select-day-list .wish {
  display: block; }

.select-day {
  color: #777;
  font-size: 12px; }
.select-day-list {
  background-color: #f5f5f5;
  opacity: 0;
  transition: opacity 0.3s; }
.select-day-list-inner {
  position: relative;
  padding: 18px 30px; }
.select-day-list-inner .remove-select {
  position: absolute;
  top: 11px;
  right: 25px;
  padding: 5px 10px; }
.select-day-list-inner .empty {
  padding: 20px 0; }
.select-day-list .card {
  margin: 7px 0;
  padding: 0;
  border: 0;
  border-radius: 10px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); }
.select-day-list .card a {
  padding: 18px 20px; }
.select-day-list .card h3 {
  font-size: 14px;
  margin-bottom: 5px; }
.select-day-list .card__meta {
  font-size: 11.5px; }

.calendar-container {
  overflow: visible !important;
  transition-duration: 0.3s !important; }

[data-show-date] .section--calendar {
  background-color: #f5f5f5; }

[data-show-date] .calendar-item .fc-row {
  height: auto !important; }

[data-show-date] .calendar-item .fc-event {
  font-size: 0;
  height: 4px; }

[data-show-date] .calendar-item .fc-basic-view .fc-body .fc-row {
  min-height: 40px; }

[data-show-date] .calendar-item .fc-basic-view .fc-day-top {
  height: 14px; }

[data-show-date] .calendar-item .fc-more-cell {
  display: none; }

[data-show-date] .select-day-list {
  opacity: 1; }

.calendar-item .fc-row .fc-bg {
  z-index: 10; }

.calendar-item#calendar .fc-row .fc-bg {
  z-index: 1; }

.comment--layer .private {
  text-align: right; }
.comment--layer .private .checkbox {
  display: inline-flex; }

.select-score {
  font-size: 16px;
  text-align: center;
  width: 143px;
  margin: 0 auto;
  display: block; }
.select-score .score-range {
  position: relative;
  display: block;
  height: 26px;
  background-size: auto 100%;
  background-repeat: space;
  background-image: url("../images/sprite/score-off.png"); }
.select-score .score-range:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: block;
  width: 0;
  height: 100%;
  pointer-events: none; }
.select-score output {
  display: block; }
.select-score output strong {
  font-weight: normal; }
.select-score input[type='range'] {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  opacity: 0; }
.select-score input[type='range']::-webkit-slider-runnable-track {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-appearance: none; }
.select-score input[type='range']::-webkit-slider-thumb {
  cursor: pointer;
  display: block;
  width: 20%;
  -webkit-appearance: none;
  opacity: 0; }
.select-score[data-score] .score-range:before {
  background-size: auto 100%;
  background-repeat: space;
  background-image: url("../images/sprite/score-on.png"); }
.select-score[data-score='1'] .score-range:before {
  width: 20%; }
.select-score[data-score='2'] .score-range:before {
  width: 40%; }
.select-score[data-score='3'] .score-range:before {
  width: 60%; }
.select-score[data-score='4'] .score-range:before {
  width: 80%; }
.select-score[data-score='5'] .score-range:before {
  width: 100%; }
.select-score.new {
  position: relative;
  padding: 15px 0 8px;
  font-size: 12px;
  color: #757575;
  width: 100%; }
.select-score.new .score-range {
  width: 215px;
  height: 36px;
  margin: 0 auto;
  background-image: url("../images/icons/score-off.png"); }
.select-score.new[data-score] .score-range:before {
  background-image: url("../images/icons/score-on.png"); }
.select-score.new[data-score] .score-txt p {
  display: none; }
.select-score.new[data-score] .score-like {
  display: block; }
.select-score.new[data-score=''] .score-range:before {
  background-image: url("../images/icons/score-on.png"); }
.select-score.new[data-score=''] .score-txt .txt {
  display: block; }
.select-score.new[data-score='0'] .score-txt .txt {
  display: block; }
.select-score.new[data-score='0'] .score-like {
  display: none; }
.select-score.new[data-score='1'] .score-range:before {
  width: 36px; }
.select-score.new[data-score='1'] .score-txt .txt1 {
  display: block; }
.select-score.new[data-score='2'] .score-range:before {
  width: 82px; }
.select-score.new[data-score='2'] .score-txt .txt2 {
  display: block; }
.select-score.new[data-score='3'] .score-range:before {
  width: 126px; }
.select-score.new[data-score='3'] .score-txt .txt3 {
  display: block; }
.select-score.new[data-score='4'] .score-range:before {
  width: 171px; }
.select-score.new[data-score='4'] .score-txt .txt4 {
  display: block; }
.select-score.new[data-score='5'] .score-range:before {
  width: 100%; }
.select-score.new[data-score='5'] .score-txt .txt5 {
  display: block; }
.select-score.new .score-txt {
  margin: 12px 0 20px; }
.select-score.new .score-txt p {
  display: none; }
.select-score.new .score-txt p strong {
  font-weight: normal;
  color: #00B5EF; }
.select-score.new .score-txt .txt {
  display: block; }
.select-score.new:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: -20px;
  width: calc(100% + 40px);
  height: 7px;
  border-top: 1px solid #ddd;
  background: #f2f2f2; }

.comment--layer .header--sub {
  border-bottom: none;
  box-shadow: none;
  z-index: 11; }

.visual-headline {
  position: relative;
  padding: 25px; }
.visual-headline .visual {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  pointer-events: none; }
.visual-headline .visual > i {
  display: block;
  width: 100%;
  height: 100%; }
.visual-headline .visual .image i {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-filter: blur(1px);
  filter: blur(1px);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat; }
.visual-headline .visual .dim {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6); }
.visual-headline .title-info {
  position: relative;
  text-align: center;
  z-index: 1; }
.visual-headline .title-info h2 {
  font-size: 24px;
  color: #fff;
  line-height: 30px; }
.visual-headline .title-info .date {
  margin-top: 20px;
  line-height: 30px;
  height: 30px;
  padding: 0 15px;
  border-radius: 15px;
  background-color: #00b5ef;
  color: #fff; }

.score-title {
  font-size: 19px;
  color: #000;
  text-align: center;
  line-height: 24px; }

.score-like {
  display: none;
  position: relative;
  padding: 30px 0 7px; }
.score-like .title {
  margin-bottom: 15px;
  font-size: 16px;
  color: #000;
  line-height: 21px;
  text-align: center; }
.score-like .title span {
  display: block;
  font-size: 14px;
  color: #555;
  line-height: 17px; }
.score-like dl {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding-right: 50px;
  margin: 13px 0;
  text-align: left;
  justify-content: center;
  display: flex;
  height: 40px;
  flex-direction: column; }
.score-like dl dt {
  font-size: 15px; }
.score-like dl dt p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #555; }
.score-like dl dt span {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #00B5EF; }
.score-like dl dt span:before {
  content: '- '; }
.score-like dl dd {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px; }
.score-like dl dd .checkbox {
  margin: 0; }
.score-like dl dd .checkbox input ~ i {
  width: 39px;
  height: 39px;
  border-radius: 0;
  transition: none;
  margin: 0;
  background: url("../images/icons/like-off.png") no-repeat 0 0;
  background-size: 100%; }
.score-like dl dd .checkbox input ~ i:before {
  display: none; }
.score-like dl dd .checkbox input:checked ~ i {
  background-image: url("../images/icons/like-on.png"); }
.score-like:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -20px;
  width: calc(100% + 40px);
  height: 7px;
  border-top: 1px solid #ddd;
  background: #f2f2f2; }

.score-comment {
  padding: 20px 0;
  margin-bottom: 20px; }
.score-comment textarea {
  border-radius: 5px;
  background: #fff;
  color: #000; }
.score-comment .word-count {
  position: static;
  margin-top: 6px;
  text-align: right; }

.comment {
  position: relative;
  margin: 20px 0 0;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #f0f0f0; }
.comment:first-of-type {
  padding-top: 10px; }
.comment .content {
  padding-top: 10px; }
.comment .content .disabled {
  padding: 15px;
  font-size: 12px;
  text-align: center;
  color: #757575;
  background-color: #fafafa;
  border-radius: 8px; }
.comment .content .disabled p {
  margin-top: 5px; }
.comment .meta {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 11px;
  color: #888; }
.comment .meta span {
  display: inline-block; }
.comment .meta span:before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 10px;
  margin-right: 2px;
  background-color: #eee; }
.comment .meta span:first-child:before {
  content: none; }
.comment__count {
  color: #00b5ef;
  font-weight: normal; }
.comment__list {
  position: relative; }
.comment__list .score {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 75px;
  height: 15px;
  background-size: 15px 100%;
  background-repeat: repeat-x;
  background-image: url("../images/sprite/score-off.png"); }
.comment__list .score:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-size: 15px 100%;
  background-repeat: repeat-x;
  background-image: url("../images/sprite/score-on.png"); }
.comment__list .score[data-score='1']:before {
  width: 20%; }
.comment__list .score[data-score='2']:before {
  width: 40%; }
.comment__list .score[data-score='3']:before {
  width: 60%; }
.comment__list .score[data-score='4']:before {
  width: 80%; }
.comment__list .score[data-score='5']:before {
  width: 100%; }
.comment__list .btn-comment-more {
  display: block;
  margin: 10px auto 0;
  padding: 10px;
  text-align: center;
  font-size: 14px;
  color: #757575; }
.comment__list .btn-comment-more span {
  display: inline-block;
  vertical-align: middle; }
.comment__list .btn-comment-more span .icon {
  vertical-align: sub; }
.comment__status {
  position: absolute;
  bottom: calc(100% + 20px);
  right: 0;
  font-size: 14px;
  padding-bottom: 5px; }
.comment__status span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px; }

.survey__status {
  margin-top: 20px;
  text-align: center;
  font-size: 11px;
  color: #999; }
.survey__status p {
  font-size: 19px;
  color: #000; }

.survey--layer .layer--wrap .section > .inner {
  padding-bottom: 0; }

.survey-header {
  text-align: center;
  padding: 35px 20px 30px;
  background-color: #fafafa; }
.survey-header h2 {
  color: #000;
  font-size: 20px; }

.survey-desc {
  color: #555;
  font-size: 14px;
  margin-bottom: 20px; }

.survey-meta strong {
  color: #fff;
  font-size: 10px;
  font-weight: normal;
  line-height: 19px;
  display: inline-block;
  height: 19px;
  margin: 0 auto 10px;
  padding: 0 10px;
  border-radius: 8.5px;
  background-color: #00b5ef; }

.survey-meta span {
  display: block; }

.survey-body {
  padding: 0 20px; }

.survey-item {
  padding: 30px 0;
  border-top: 1px dashed #E5E5E5; }
.survey-item:first-child {
  border-top: 0; }
.survey-item_title {
  font-size: 16px;
  word-break: break-all;
  margin-bottom: 15px; }
.survey-item li {
  margin-top: 20px; }
.survey-item li:first-child {
  margin-top: 0; }
.survey-item .input-text, .survey-item .input-textarea {
  width: 100%;
  border-color: #e5e5e5;
  border-radius: 5px;
  background-color: #fff; }
.survey-item .checkbox,
.survey-item .radio {
  display: inline-flex;
  align-items: center;
  margin-right: 7.5px;
  margin-bottom: 0; }

.survey-foot {
  display: flex;
  padding: 0 15px 40px; }
.survey-foot .btn {
  height: 44px;
  margin: 0 5px;
  border-radius: 3px; }

[data-mobile-type='ios'] .section.surveyn {
  padding-top: calc(73px + 20px);
}
[data-mobile-type='android'] .section.surveyn {
  padding-top: calc(73px + 23px);
}

.surveyn {
  padding: 73px 15px 100px; }
.surveyn img {
  width: 100%; }
.surveyn .fixed-bottom {
  background: none; }
.surveyn .required {
  color: #e35758; }
.surveyn .svy-desc {
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 8px; }
.surveyn-info {
  margin: 0 0 28px;
  border-radius: 5px;
  overflow: hidden; }
.surveyn-info h2 {
  padding: 12px 30px;
  font-size: 21px;
  font-weight: 500;
  line-height: 25px;
  color: #fff;
  text-align: center;
  background: #00b5ef; }
.surveyn-info .info-cont {
  padding: 20px 30px;
  border-radius: 0 0 5px 5px;
  border: 1px solid #eee;
  border-top: 0 none;
  text-align: center;
  background: #fff; }
.surveyn-info .info-cont > strong {
  font-size: 15px;
  color: #333;
  line-height: 20px; }
.surveyn-info .info-cont > p {
  margin-top: 18px;
  font-size: 13px;
  line-height: 20px;
  color: #757575; }
.surveyn-info .info-cont .event-info {
  margin-top: 15px;
  padding: 18px 20px 0;
  border-top: 1px solid #eee; }
.surveyn-info .info-cont .event-info .btn-gift {
  position: relative;
  padding-left: 38px;
  text-align: left;
  font-size: 14px;
  color: #101010;
  line-height: 20px; }
.surveyn-info .info-cont .event-info .btn-gift strong {
  display: block;
  color: #00b5ef; }
.surveyn-info .info-cont .event-info .btn-gift .icon {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%); }
.surveyn .svy-item {
  margin-bottom: 15px;
  padding: 12px 15px;
  border: 1px solid #eee;
  background-color: #fff; }
.surveyn .svy-item-ask {
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 20px;
  color: #010101; }
.surveyn .svy-item-ask .img {
  position: relative;
  padding-top: 59%;
  margin-top: 8px;
  overflow: hidden;
  background: #f2f2f2; }
.surveyn .svy-item-ask .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%); }
.surveyn .svy-item-info {
  margin-bottom: 5px;
  font-size: 13px;
  line-height: 20px;
  color: #757575; }
.surveyn .svy-item-asw .asw-list {
  margin-top: 12px; }
.surveyn .svy-item-asw .asw-list > li {
  font-size: 13px;
  color: #666;
  text-align: left; }
.surveyn .svy-item-asw .asw-list > li + li {
  margin-top: 10px; }
.surveyn .svy-item-asw .asw-list > li label {
  display: inline-block;
  margin-bottom: 0; }
.surveyn .svy-item-asw .asw-list > li label .form {
  display: inline-flex;
  position: relative;
  padding-left: 30px;
  align-items: center;
  min-height: 22px; }
.surveyn .svy-item-asw .asw-list > li label .img {
  display: block;
  position: relative;
  padding-top: 67%;
  overflow: hidden;
  background: #f2f2f2; }
.surveyn .svy-item-asw .asw-list > li label .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%); }
.surveyn .svy-item-asw .asw-list > li.etc .etc-form {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #eee;
  width: calc(100% - 30px);
  height: 30px;
  margin-left: 30px;
  font-size: 13px;
  color: #666;
  box-sizing: border-box;
  transition: border .3s; }
.surveyn .svy-item-asw .asw-list > li.etc .etc-form:focus {
  outline: 0;
  border-color: #aaa; }
.surveyn .svy-item-asw.img .asw-list {
  width: calc(100% + 12px);
  margin-left: -6px;
  font-size: 0;
  margin-top: 0; }
.surveyn .svy-item-asw.img .asw-list > li {
  display: inline-block;
  width: calc(50% - 1px);
  padding: 0 6px;
  vertical-align: top;
  margin-top: 10px;
  box-sizing: border-box; }
.surveyn .svy-item-asw.img .asw-list > li.etc {
  width: 100%; }
.surveyn .svy-item-asw.img .asw-list > li .img {
  margin-bottom: 6px; }
.surveyn .svy-item-asw.img .asw-list > li label {
  display: block; }
.surveyn .svy-item .input-textarea {
  width: 100%;
  resize: none; }
.surveyn .svy-item .byte {
  margin-top: 5px;
  font-size: 11px;
  line-height: 1;
  text-align: right;
  color: #757575; }
.surveyn .svy-item .radio i {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  min-width: 20px;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  background-color: #fff; }
.surveyn .svy-item .radio i:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #e5e5e5; }
.surveyn .svy-item .radio input:checked ~ i:after {
  background-color: #00b5ef; }
.surveyn .svy-item .checkbox input ~ i {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  min-width: 20px;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  background-color: #fff; }
.surveyn .svy-item .checkbox input ~ i:before {
  width: 12px;
  height: 11px;
  background: url(../images/check-white3.png) no-repeat 0 0/cover;
  z-index: 1; }
.surveyn .svy-item .checkbox input:checked ~ i {
  border-color: #00b5ef;
  background-color: #00b5ef; }
.surveyn .svy-item .checkbox input:checked ~ i:before {
  background: url(../images/check-white2.png) no-repeat 0 0/cover; }
.surveyn .svy-item-short .input-textarea {
  height: 55px; }
.surveyn .svy-item-desc .input-textarea {
  height: 130px; }
.surveyn .svy-item-score .info {
  margin-top: 5px;
  overflow: hidden;
  font-size: 11px;
  line-height: 1.5;
  color: #757575; }
.surveyn .svy-item-score .info .left {
  width: 50%;
  float: left; }
.surveyn .svy-item-score .info .right {
  width: 50%;
  float: right;
  text-align: right; }
.surveyn .svy-item-score .slider-bar {
  position: relative;
  margin: 5px 1px 8px;
  height: 20px;
  border-radius: 10px;
  border: 1px solid #e5e5e5;
  background-color: #f9f9f9; }
.surveyn .svy-item-score .slider-bar .ui-slider-handle {
  display: block;
  position: absolute;
  z-index: 2;
  width: 22px;
  height: 22px;
  top: -2px;
  margin-left: -11px;
  background: #fff;
  border: 1px solid #c5c5c5;
  border-radius: 50%;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  cursor: default;
  touch-action: pan-x; }
.surveyn .svy-item-score .slider-bar .ui-slider-handle:focus {
  outline: none; }
.surveyn .svy-item-score .slider-bar .ui-slider-range {
  position: absolute;
  z-index: 1;
  top: 0;
  height: 100%;
  border-radius: 10px 0 0 10px;
  background-color: #00b5ef; }
.surveyn .svy-item-score .num {
  position: relative;
  width: 100%;
  padding-left: 6px;
  font-size: 15px;
  line-height: 1;
  box-sizing: border-box; }
.surveyn .svy-item-score .num span {
  float: left;
  width: 10%;
  text-align: right; }
.surveyn .svy-item-score .num span:first-child {
  float: none;
  width: auto;
  position: absolute;
  top: 0;
  left: -1px; }
.surveyn .svy-item-score .num span.on {
  font-weight: bold;
  color: #00b5ef; }
.surveyn .svy-item-score .num:after {
  content: '';
  display: table;
  clear: both; }
.surveyn .svy-item-datetime .form-line {
  position: relative;
  border: 1px solid #e5e5e5;
  background-color: #f9f9f9; }
.surveyn .svy-item-datetime .form-line .input-text {
  width: 100%;
  padding-left: 43px;
  border: 0 none;
  background-color: transparent; }
.surveyn .svy-item-datetime .form-line .input-text::-moz-placeholder {
  color: #757575; }
.surveyn .svy-item-datetime .form-line .input-text:-ms-input-placeholder {
  color: #757575; }
.surveyn .svy-item-datetime .form-line .input-text::-ms-input-placeholder {
  color: #757575; }
.surveyn .svy-item-datetime .form-line .input-text::placeholder {
  color: #757575; }
.surveyn .svy-item-datetime .form-line .svy-icon {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  pointer-events: none;
  width: 20px;
  height: 19px;
  background: url(../images/icons/calendar_sky.png) no-repeat 50% 50%;
  background-size: 100% auto;
  z-index: 1; }
.surveyn .svy-item-datetime .form-line .svy-icon-time {
  left: 16px;
  width: 18px;
  height: 18px;
  background-image: url(../images/icons/time.png); }
.surveyn .svy-item-datetime .form-line > div {
  position: absolute;
  width: calc(100% + 2px);
  margin: 4px 0 5px -1px;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  z-index: 5; }
.surveyn .svy-item-datetime .form-line > div .table-condensed {
  width: 100%; }
.surveyn .svy-item-datetime .form-line > div .table-condensed th, .surveyn .svy-item-datetime .form-line > div .table-condensed td {
  position: relative;
  text-align: center; }
.surveyn .svy-item-datetime .form-line > div .table-condensed td {
  color: #555; }
.surveyn .svy-item-datetime .form-line > div .table-condensed .picker-switch {
  pointer-events: none; }
.surveyn .svy-item-datetime .form-line > div .table-condensed .dow {
  padding: 10px 0 5px; }
.surveyn__status {
  margin-top: -10px; }
.surveyn__status .list__item__info {
  position: relative;
  display: block;
  padding: 17px 15px 0; }
.surveyn__status .card__bookmark {
  top: -1px;
  right: 10px; }
.surveyn__status .list__title {
  display: -webkit-box;
  width: 100%;
  font-size: 16px;
  letter-spacing: -0.5px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }
.surveyn__status .list__event_title {
  width: 100%;
  margin-top: 7px;
  font-size: 13px;
  font-weight: 600;
  color: #00b5ef;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  line-height: 15px; }
.surveyn__status .list__event_title i {
  vertical-align: top;
  margin: 2px 3px 0 0; }
.surveyn__status .list__item__util {
  margin-top: 10px; }
.surveyn__status .list__item__date {
  font-size: 12px;
  line-height: 18px; }
.surveyn__status .survey__status {
  margin-top: 5px;
  text-align: right; }
.surveyn__status .survey__status .card__status.ing {
  border-color: #00b5ef;
  color: #00b5ef; }

.event--layer {
  /*
	.event--head {
		padding:32px 15px 12px;
		h2 {
			font-size:16px;
			line-height:20px;
			text-align:center;
			strong {
				font-weight:normal;
			}
		}
	}
	*/ }
.event--layer .layer--wrap {
  max-width: 310px; }
.event--layer .event--body {
  margin: 15px 15px 0; }
.event--layer .event--body img {
  width: 100%; }

.ui-timepicker-container {
  border-color: #e5e5e5 !important;
  height: 120px !important;
  z-index: 10 !important; }
.ui-timepicker-container a:hover {
  border-color: transparent;
  background-color: #f9f9f9; }

.seminar--section {
  background-color: #f5f5f5; }
.seminar--section .btn-seat {
  margin-top: 15px; }

.seminar--teacher {
  min-height: 100vh;
  background-color: #f2f2f2;
  box-sizing: border-box; }

.seminar__wrapper .tab-menu li {
  border-left: none;
  font-size: 15px;
  color: #888; }
.seminar__wrapper .tab-menu li.active {
  color: #00b5ef; }

.seminar__header {
  z-index: 11; }
.seminar__header .header__function .btn {
  color: #fff; }
.seminar__header .header__function--right .btn:not(.btn-zzim) {
  opacity: 0;
  padding: 0 5px;
  pointer-events: none;
  transition: opacity 0.3s; }

.header__top .main__header {
  color: #ffffff;
  width: 100%;
  margin-top: 15px;
  position: fixed;
  align-items: center;
  text-align: center;
  justify-items: center;
  font-size: 13pt;
}

.header__middle .main__header {
  color: #ffffff;
  width: 100%;
  margin-top: 15px;
  position: fixed;
  align-items: center;
  text-align: center;
  justify-items: center;
  font-size: 13pt;
}
.header__setting {
  background-color: #01b4ee;
  position: relative;
  height: 53px;
}

.seminar--section .seminar--caution {
  margin: 30px auto 0;
  position: relative;
  border-radius: 15px;
  border: 1px solid #e8ecef;
  background-color: #ffffff;
  width: 85%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16);
  z-index: 2;
}

.seminar--caution .seminar--caution--header {
  margin:  12px auto 0;
  border-radius: 6px;
  background-color: #e8ecef;
  width: 85%;
  height: 50px;
  text-align: center;
  vertical-align: center;
}

.seminar--caution--text {
  text-align: left;
  margin: 23px;
  border : 0px;
  box-shadow: none;
  width: 280px;
  color: #666666;
  font-size: 12px;
  z-index: 1;
}

.seminar--caution--text p {
  margin-bottom: 18px;
  width: 85%;
}

.seminar--caution .seminar--caution--header p {
  font-weight: bolder;
  text-align: center;
  margin-top: 15px;
  font-size: 17px;
  color: #000000;
}

.seminar__headline .seminar--question--text {
  color: #000000;
  margin: 30px auto 0;
  width: 50%;
  font-size: 15px;
  font-weight: bolder;
}

.interpret--yn #interpreter--yn {
  margin: 30px auto 0;
  border-radius: 5px;
  border: 1px solid #01b4ee;
  background-color: white;
  color: #01b4ee;
  font-size: 16px;
  width: 85%;
  height: 45px;
}

.interpret--next {
  position: fixed;
  background-color: #cacaca;
  bottom : 0;
  right: 0;
  left: 0;
  height: 4.5em;
  line-height: 45px;
  z-index: 99;
}

.interpret--next img {
  text-align: center;
  vertical-align: middle;
  font-size: 17px;
}

.interpret--next a {
  text-align: center;
  vertical-align: middle;
  font-size: 17px;
  color: #ffffff;
}

.certificate--next {
  display: flex;
  justify-content: center;
  position: fixed;
  background-color: #cacaca;
  bottom : 0;
  right: 0;
  left: 0;
  height: 4.5em;
  line-height: 45px;
}

.certificate--next--user {
  display: flex;
  justify-content: center;
  position: fixed;
  background-color: #e556a6;
  color:white;
  bottom : 0;
  right: 0;
  left: 0;
  height: 4.5em;
  line-height: 45px;
}

.certificate--next--user img {
  text-align: center;
  vertical-align: middle;
  font-size: 17px;
}

.certificate--next--user a {
  text-align: center;
  vertical-align: middle;
  font-size: 17px;
  color: #ffffff;
}

.certificate--next img {
  text-align: center;
  vertical-align: middle;
  font-size: 17px;
}

.certificate--next a {
  text-align: center;
  vertical-align: middle;
  font-size: 17px;
  color: #ffffff;
}

.interpreter--info {
  background-color: #e5e5e5;
  border: 1px none #e5e5e5;
  border-top-style: solid;
  margin: 0 -22px 0 -22px;
  height: 3.5em;
  text-align: center;
  vertical-align: middle;
  line-height: 3.5em;
}

.interpreter--info p {
  font-size: 16px;
  color: #000000;
}

.modify--next {
  display: flex;
  justify-content: center;
  position: fixed;
  background-color: #e556a6;
  bottom : 0;
  right: 0;
  left: 0;
  height: 4.5em;
  line-height: 45px;
}

.modify--next img {
  text-align: center;
  vertical-align: middle;
  font-size: 17px;
}

.modify--next a {
  text-align: center;
  vertical-align: middle;
  font-size: 17px;
  color: #ffffff;
}



.seminar__headline {
  color: #fff;
  text-align: center;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
  box-sizing: border-box;
  height: 150px; }
.seminar__headline__inner {
  transition: background-color 0.3s; }
.seminar__headline h2 {
  padding: 3px 20px 0;
  font-size: 22px; }
.seminar__headline .info {
  margin-bottom: 6px; }
.seminar__headline .date {
  line-height: 30px;
  height: 30px;
  padding: 0 15px;
  border-radius: 15px;
  background-color: #00b5ef;
}
.seminar__headline .date__big {
  line-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 300px;
  padding: 0 15px;
  border-radius: 20px;
  background-color: #ffffff;
  box-shadow: 2px 2px #000000;
  border: 1px #dadada;
  color: #000000;
}

.interpret--yn {
  height: 160px;
}

.interpreter--seminar--name {
  text-align: center;
  vertical-align: middle;
  display: flex;
  justify-content: center;
  line-height: 25px;
}
.interpreter--seminar--name h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 40px;
  word-break: break-all;
  text-shadow: 0 3px 3px rgb(0 0 0 / 16%);
}

.interpreter__headline {
  color: #fff;
  text-align: center;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
  box-sizing: border-box;
  height: 150px; }
.interpreter__headline__inner {
  transition: background-color 0.3s;
}
.interpreter__headline h2 {
  padding: 3px 20px 0;
  font-size: 22px;
}
.interpreter__headline .info {
  margin-bottom: 6px;
}
.interpreter__headline .date {
  line-height: 15px;
  height: 30px;
  padding: 0 15px;
}
.interpreter__headline .date__big {
  line-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 300px;
  padding: 0 15px;
  border-radius: 20px;
  background-color: #ffffff;
  box-shadow: 0 3px 3px rgb(0 0 0 / 16%);
  border: 1px solid #dadada;
  color: #000000;
}
.interpreter__headline__inner img {
  width: 104px;
  height: 70px;
}

.seminar--question--text {
  margin-top: 30px;
  font-family: atomy-font-normal;
  font-size: 15px;
  color: #000000;
}


.seminar__name {
  text-align: center;
  vertical-align: middle;
  display: flex;
  justify-content: center;
  line-height: 25px;
}
.seminar__name h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  word-break: break-all;
  text-shadow: 0 3px 3px rgb(0 0 0 / 16%);
}

.register--box {
  position: relative;
  margin-top: 50px;
  padding: 0 20px;
  font-size: 15px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.info--header {
  margin-bottom: 30px;
  font-weight: bold;
}

.info--header--user {
  margin-bottom: 30px;
  margin-top: 30px;
  font-weight: bold;
}

.input--namebox {
  flex: 1 1 0;
  display: flex;
  align-items: baseline;
  margin-bottom: 10px;
}

.input--namebox p {
  display: flex;
  justify-content: flex-start;
  vertical-align: middle;
  width: 200px;
  align-items: stretch;
}

.input--namebox input{
  width: 100%;
  height: 40px;
  padding-left: 14px;
  border: 1px solid #e5e5e5;
}

.input--phonebox {
  flex: 1 1 0;
  display: flex;
  align-items: baseline;
}
.input--phonebox p {
  display: flex;
  justify-content: flex-start;
  vertical-align: middle;
  width: 200px;
  align-items: flex-start;
}

.input--phonebox input {
  width: 100%;
  height: 40px;
  padding-left: 14px;
  border: 1px solid #e5e5e5;
}

.input--certifi__nm {
  display: none;
  flex: 1 1 0;
  align-items: baseline;
  position: relative;
  justify-content: space-between;
  margin-top: 10px;
}
.input--certifi__nm label {
  color: #01b4ee;
  display: flex;
  justify-content: flex-start;
  vertical-align: middle;
  width: 200px;
  align-items: flex-start;
}

.input--certifi__nm input {
  width: 100%;
  height: 40px;
  padding-left: 14px;
  border: 1px solid #e5e5e5;
}
.input--certifi__nm div{
  position: absolute;
  display: flex;
  top: 25%;
  right: 10px;
  color: #01b4ee;
}

.certificate {
  text-align: right;
  margin-top: 10px;
}

.certificate button {
  width: 130px;
  height: 45px;
  border: 1px solid #01b4ee;
  border-radius: 22px;
  text-align: center;
  vertical-align: middle;
}
.certificate button>p {
  font-size: 14px;
  color: #01b4ee;
}

.certificate__ok {
  display: none;
  margin-top: 10px;
  position: relative;
  text-align: center;
}
.certificate__ok button {
  background-color: #01b4ee;
  border-radius: 5px;
  width: 100%;
  height: 44px;
}
.certificate__ok button>p {
  font-size: 16px;
  color: white;
}

.contour hr {
  padding-top: 7px;
  background-color: #e8ecef;
  border-top: 2px solid #cccccc;
  margin-top: 30px;
}

.interpreter__control__box {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 20px;
}
.interpreter__textbox h2 {
  font-size: 15px;
  font-weight: bold;
}

.interpreter__checked__textbox p {
  font-size: 15px;
  font-weight: bold;
  margin-left: 20px;
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-items: center;
}

.interpreter__checked__textbox a {
  color: #01b4ee;
  font-size: 15px;
}

.interpreter--caution .caution--checked--text {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 5px 20px 30px;
  width: 350px;
  height: 50px;
  font-size: 11px;
  color: #757575;
  line-height: 5px;
}

.caution--checked--text p[name="line_one"] {
  display: flex;
  align-items: center;
  justify-items: center;
}

.caution--checked--text p[name="line_two"] {
  margin-left: 20px;
}

.checked__hr {
  text-align: center;
  color: #eeeeee;
  display: flex;
  justify-content: center;
}

.checked__hr hr {
  width:90%;
}

.interpreter--input {
  display: flex;
  width: 100%;
  flex: 0 1 auto;
}
.interpreter--input input {
  font-size: 15px;
  font-weight: bold;
  width: 60%;
  height: 39px;
  padding-left: 12px;
  margin-top: 10px;
  border: 1px solid #e5e5e5;
  float: left;
  flex: 1 1 auto;
}
.interpreter--input button {
  width: 44px;
  height: 43px;
  border: 1px solid #e5e5e5;
  border-left: none;
  float: left;
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.caution--text {
  position: relative;
  margin-top: 10px;
  width: 350px;
  font-size: 11px;
  color: #757575;
}

.caution--text p>i {
  width: 12px;
  height: 12px;
}

.caution--text a {
  color: #01b4ee;
  font-size: 11px;
}

.caution--text .two_row {

}

.interpreter__terms__box {
  flex: 0 1 auto;
}

.interpreter--nouser--terms {
  margin-top: 20px;
  border: 1px solid #e5e5e5;
  height: 103px;
  padding: 15px;
  flex: 1 1 auto;
}
.interpreter--nouser--terms p {
  font-size: 13px;
  line-height: 17px;
}

.interpreter--nouser--terms div {
  color: #666666;
  margin-top: 10px;
  line-height: 15px;
}

.certifi--btn {
  margin: 10px 20px 150px 0px;
  vertical-align: middle;
  font-size: 13px;
  color: #666666;
}

.interpreter--input .icon {
  background-color: #000000;
  width: 14px;
  height: 3px;
  display: block;
}
.interpreter--input .icon-inc:after {
  content: '';
  display: inline-block;
  width: 3px;
  height: 14px;
  font-weight: 700;
  background-color: inherit;
  transform: translateY(-5px);
}

.caution--text p {
  display: flex;
  vertical-align: middle;
  align-items: center;
  margin-bottom: 10px;
}

.caution--text i {
  min-width: 12px;
  min-height: 12px;
  margin-right : 4px;
  margin-top: 2px;
}
.seminar__headline .perid {
  margin-top: 12px;
}
.icon-timer-white {
  line-height: 2;
  margin-right: 7px;
}
.icon-timer-white:before {
  content: '';
  background-image: url(../images/icons/icon_clock_sub.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 16px;
  width: 13px;
  display: inline-block;
}
.seminar__headline .perid--time {
  font-size: 17px;
}
.seminar__headline #countDown {
  font-size: 17px;
}
.seminar__visual {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 247px;
  pointer-events: none; }
.seminar__visual > i {
  display: block;
  width: 100%;
  height: 100%; }
.seminar__visual > img {
  display: block;
  width: 100%;
  height: 100%; }
.seminar__visual--image {
  position: relative;
  overflow: hidden;
  background-color: #1aa5de; }
.img-radius {
  border-radius: 0 0 100px 100px;}
.seminar__visual--image i {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -3px;
  left: 0;
  -webkit-filter: blur(1px);
  filter: blur(1px);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat; }
.seminar__visual--dim {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6); }
.seminar__visual--image--143, .seminar__visual--image--177 {
  position: relative;
  overflow: hidden;
  background-color: #1aa5de;
  border-radius: 15px;
}
.seminar__visual--image i {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -3px;
  left: 0;
  -webkit-filter: blur(1px);
  filter: blur(1px);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat; }
.seminar__visual--dim {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6); }

.seminar__box {
  position: relative;
  z-index: 2;
  margin: 10px 20px 0;
  padding: 15px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16);
  border-radius: 8px;
  background-color: #fff; }

.applicationInterpreter {
  text-align: center;
  line-height: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.applicationInterpreter #ApplicateInterpreter {
  width: 90%;
  height: 40px;
  background-color: #e556a6;
  position: relative;
  font-size: 13px;
  text-align: center;
  border-radius: 6px;
  color : white;
}

.seminar__user {
  position: relative;
  text-align: center;
  background-color: #fafafa; }
.seminar__user:before, .seminar__user:after {
  content: '';
  display: block;
  height: 6px;
  background: #f2f2f2; }
.seminar__user:after {
  border-top: 1px solid #ddd; }
.seminar__user span {
  display: inline-block;
  margin: 10px 20px;
  padding-left: 28px;
  font-size: 14px;
  line-height: 22px;
  background: url("../images/icons/icon-user.png") no-repeat 0 -3px;
  background-size: 25px; }

.seminar__utils {
  display: flex;
  padding: 0; }
.seminar__utils li {
  text-align: center;
  flex: 1; }
.seminar__utils li button {
  display: block;
  width: 100%;
  height: 85px; }
.seminar__utils li button .sprite {
  display: block;
  margin: 0 auto 5px; }
.seminar__utils li.disabled {
  opacity: 0.5;
  -webkit-filter: grayscale(1);
  filter: grayscale(1); }
.seminar--attend .seminar__utils {
  flex-direction: column;
  align-items: center;
  padding: 20px 0;
  margin-top: 20px;
  font-size: 14px; }
.seminar--attend .seminar__utils > strong {
  padding-left: 27px;
  background: url("../images/icons/icon-off.png") no-repeat 0 50%;
  background-size: auto 16px; }
.seminar--attend .seminar__utils.online > strong {
  padding-left: 18px;
  background-image: url("../images/icons/icon-on.png");
  background-size: auto 12px; }
.seminar--attend .seminar__utils.online .attend-count--total strong {
  color: #add54d; }

.seminar__notice {
  margin-bottom: 20px;
  padding: 0; }
.seminar__notice button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 15px; }
.seminar__notice button .icon {
  margin-right: 5px; }

.seminar__period {
  margin-bottom: 20px;
  text-align: center; }
.seminar__period .date {
  display: inline-block;
  height: 30px;
  padding: 0 15px;
  color: #fff;
  font-size: 11px;
  background-color: #00b5ef;
  border-radius: 15px; }
.seminar__period .date:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%; }
.seminar__period .date time {
  vertical-align: middle; }

.seminar__summary {
  margin-bottom: 20px; }
.seminar__summary li {
  position: relative;
  border-top: 1px solid #efefef; }
.seminar__summary li:first-child {
  border-top: 0; }
.seminar__summary li > a,
.seminar__summary li > div {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 56px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 43px; }
.seminar__summary li .sprite {
  position: absolute;
  top: 50%;
  left: 0;
  width: 36px;
  height: 36px;
  text-align: center;
  margin-top: -18px;
  border-radius: 50%;
  border: 1px solid #efefef; }
.seminar__summary li .sprite:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }
.seminar__summary li .sprite .icon {
  display: inline-block;
  vertical-align: middle; }
.seminar__summary li .title {
  font-size: 11px;
  font-weight: 400;
  color: #757575;
  display: block; }
.seminar__summary li .content {
  color: #000;
  font-size: 14px;
  line-height: 1.3;
  padding-left: 0;
  display: block; }
.seminar__summary li .content small {
  font-size: 14px; }
.seminar__summary li .content .next {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%); }

.seminar__teacher {
  margin: 25px 20px 0; }
.seminar__teacher h3 {
  font-size: 15px;
  margin-bottom: 7px;
  position: relative; }
.seminar__teacher h3 .btn-guide {
  position: absolute;
  top: -3px;
  right: 0; }
.seminar__teacher__card {
  display: flex;
  overflow-x: auto;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  margin: 0 -20px;
  padding-bottom: 40px; }
.seminar__teacher__card:before, .seminar__teacher__card:after {
  content: '';
  border-left: 15px solid transparent; }
.seminar__teacher__card::-webkit-scrollbar {
  display: none; }
.seminar__teacher__card li {
  position: relative;
  flex: none;
  box-sizing: border-box;
  width: 140px;
  margin: 0 5px;
  padding: 16px 0;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16); }
.seminar__teacher__card li a {
  display: block;
  padding: 13px 20px; }
.seminar__teacher__card li .bookmark {
  color: #e5e5e5;
  font-size: 20px;
  line-height: 1;
  position: absolute;
  top: 0;
  right: 10px; }
.seminar__teacher__card li .bookmark.active {
  color: #E25757; }
.seminar__teacher--photo {
  position: relative;
  width: 75px;
  margin: 0 auto 10px;
  text-align: center; }
.seminar__teacher--photo .thumbnail {
  width: 75px;
  height: 75px;
  border: 1px solid #e9e9e9;
  background-color: #f9f9f9;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center; }
.seminar__teacher--photo .level {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 18px; }
.seminar__teacher--photo .level .icon {
  width: 18px;
  height: 18px; }
.seminar__teacher--photo .level .icon:before {
  width: 100%;
  height: 100%; }
.seminar__teacher--detail {
  font-size: 11px;
  color: #757575;
  text-align: center; }
.seminar__teacher--detail span {
  display: block;
  line-height: 1.4;
  font-size: 10px;
  color: #757575; }
.seminar__teacher--detail .name {
  font-weight: 400; }
.seminar__teacher--detail .name span {
  display: block; }
.seminar__teacher--detail .name span:first-child {
  font-size: 14px;
  color: #101010; }
.seminar__teacher--detail .name span[lang='en'] {
  margin-bottom: 10px; }
.seminar__teacher__list a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 13px 25px 13px 20px; }
.seminar__teacher__list .seminar__teacher__profile {
  position: relative;
  border-bottom: 1px solid #eee; }
.seminar__teacher__list .seminar__teacher--photo {
  margin: 0 15px 0 0; }
.seminar__teacher__list .seminar__teacher--detail {
  text-align: left; }
.seminar__teacher__list .seminar__teacher--detail > span {
  display: inline-block; }
.seminar__teacher__list .seminar__teacher--detail > span:after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 10px;
  height: 0.83333rem;
  margin-left: 4px;
  margin-left: 0.33333rem;
  background-color: #eee;
  vertical-align: middle; }
.seminar__teacher__list .seminar__teacher--detail > span:last-child:after {
  content: none; }
.seminar__teacher__list .seminar__teacher--detail .name span:first-child {
  font-size: 16px; }
.seminar__teacher__list .seminar__teacher--detail .name span[lang='en'] {
  margin-bottom: 0; }
.seminar__teacher__list .bookmark {
  position: absolute;
  top: 50%;
  right: 25px;
  color: #e5e5e5;
  font-size: 20px;
  line-height: 1;
  transform: translateY(-50%); }
.seminar__teacher__list .bookmark.active {
  color: #E25757; }

.seminar__place .box {
  position: relative;
  padding-top: 26px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  box-sizing: border-box; }
.seminar__place .box:before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  display: block;
  width: 100%;
  height: 6px;
  border-top: 1px solid #ddd;
  background-color: #f2f2f2; }
.seminar__place .box:first-child:before {
  display: none; }

.seminar__place .wrap-map {
  position: relative;
  margin-top: 10px;
  padding-bottom: 56.25%; }
.seminar__place .wrap-map .map,
.seminar__place .wrap-map #map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.seminar__place .place-info {
  display: block;
  margin: 10px 0 15px;
  padding: 0 10px;
  font-size: 14px;
  line-height: 1.3; }
.seminar__place .place-info p {
  color: #757575;
  font-size: 11px;
  margin-top: 5px; }
.seminar__place .place-info:first-of-type {
  color: #555;
  font-size: 14px;
  margin-top: 0; }
.seminar__place .place-info:first-of-type strong {
  font-size: 16px;
  color: #000; }
.seminar__place .place-info.place-tel, .seminar__place .place-info.place-traffic {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 56px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 43px;
  border-bottom: 1px solid #efefef; }
.seminar__place .place-info.place-tel:last-child, .seminar__place .place-info.place-traffic:last-child {
  border-bottom: 0; }
.seminar__place .place-info .sprite {
  position: absolute;
  top: 50%;
  left: 0;
  width: 36px;
  height: 36px;
  text-align: center;
  margin-top: -18px;
  border-radius: 50%;
  border: 1px solid #efefef; }
.seminar__place .place-info .sprite:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }
.seminar__place .place-info .sprite .icon {
  display: inline-block;
  vertical-align: middle; }
.seminar__place .place-info .title {
  font-size: 11px;
  font-weight: 400;
  color: #757575;
  display: block; }
.seminar__place .place-info .content {
  color: #000;
  font-size: 14px;
  line-height: 1.3;
  padding-left: 0;
  display: block; }
.seminar__place .place-info .content small {
  font-size: 14px; }

.seminar__place .place-maps {
  text-align: center; }
.seminar__place .place-maps li {
  display: inline-block;
  min-width: 24%;
  border-top: none; }
.seminar__place .place-maps li .sprite {
  position: static; }
.seminar__place .place-maps li a {
  display: block;
  min-height: 0;
  padding: 0; }
.seminar__place .place-maps li strong {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  font-weight: normal; }

.seminar__place .place-images .place-slider {
  position: relative;
  margin-top: 10px; }

.seminar__place .place-images .swiper-slide {
  position: relative;
  padding-bottom: 56.25%; }
.seminar__place .place-images .swiper-slide .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }
.seminar__place .place-images .swiper-slide .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover; }
.seminar__place .place-images .swiper-slide .content {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 8px 10px;
  color: #fff;
  font-size: 13px;
  background-color: rgba(0, 0, 0, 0.5); }

.seminar__place .place-images .swiper-pagination {
  position: absolute;
  right: 10px;
  top: 10px;
  left: inherit;
  bottom: inherit;
  width: auto;
  padding: 2px 5px;
  color: #fff;
  font-size: 10px;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.6); }

.seminar__tab-content .boxwrap {
  padding: 0 20px 15px;
  background-color: #fff; }

.seminar__teacher__page {
  position: relative;
  background-color: #f2f2f2; }
.seminar__teacher__page > div {
  padding: 20px;
  background-color: #fff; }
.seminar__teacher__page > div.seminar__teacher--seminar {
  background-color: #f2f2f2; }
.seminar__teacher__page .bookmark {
  position: absolute;
  right: 20px;
  top: 46px;
  font-size: 20px;
  color: #e5e5e5; }
.seminar__teacher__page .bookmark.active {
  color: #e35758; }
.seminar__teacher__page .bookmark .icon {
  vertical-align: top; }
.seminar__teacher__page .seminar__teacher--info {
  display: flex;
  justify-content: flex-start;
  align-items: center; }
.seminar__teacher__page .seminar__teacher--info .seminar__teacher--photo {
  margin: 0 15px 0 0; }
.seminar__teacher__page .seminar__teacher--info .seminar__teacher--detail {
  text-align: left; }
.seminar__teacher__page .seminar__teacher--info .seminar__teacher--detail .name span:first-child {
  font-size: 16px; }
.seminar__teacher__page .seminar__teacher--info .seminar__teacher--detail .name span[lang='en'] {
  margin: 5px 0; }
.seminar__teacher__page .seminar__teacher--info .seminar__teacher--detail span {
  font-size: 12px; }
.seminar__teacher__page .seminar__teacher--info .seminar__teacher--detail > span {
  display: inline-block; }
.seminar__teacher__page .seminar__teacher--info .seminar__teacher--detail > span:after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 10px;
  margin-left: 4px;
  background-color: #eee;
  vertical-align: middle; }
.seminar__teacher__page .seminar__teacher--info .seminar__teacher--detail > span:last-child:after {
  content: none; }
.seminar__teacher__page .seminar__teacher--media {
  margin: -20px 0; }
.seminar__teacher__page .seminar__teacher--media .wrap-media {
  position: relative;
  padding-bottom: 56.25%;
  background-color: #F2F2F2; }
.seminar__teacher__page .seminar__teacher--media .wrap-media > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  outline: 0; }
.seminar__teacher__page .seminar__teacher--additional {
  font-size: 13px; }
.seminar__teacher__page .seminar__teacher--additional .title {
  font-size: 15px;
  border-bottom: 1px solid #efefef;
  margin-bottom: 10px;
  padding-bottom: 10px; }
.seminar__teacher__page .seminar__teacher--additional li {
  position: relative;
  padding-left: 10px;
  margin-top: 5px; }
.seminar__teacher__page .seminar__teacher--additional li:before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 9px;
  width: 2px;
  height: 2px;
  background-color: rgba(0, 0, 0, 0.5); }
.seminar__teacher__page .seminar__teacher--seminar {
  border-top: 1px solid #ddd; }
.seminar__teacher__page .seminar__teacher--seminar .title {
  font-size: 15px; }
.seminar__teacher__page .seminar__teacher--seminar .card--teacher {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  border: 0; }
.seminar__teacher__page .seminar__teacher--seminar .card--teacher a {
  padding: 15px 20px;
  font-size: 12px; }
.seminar__teacher__page .seminar__teacher--seminar .card--teacher h3 {
  font-size: 14px; }
.seminar__teacher__page .seminar__teacher--seminar .card__meta--date {
  display: block;
  margin-bottom: 5px; }
.seminar__teacher__page .seminar__teacher--seminar .card__meta--number:before {
  content: none; }

.seminar--attend {
  background-color: #fafafa;
  border-bottom: 1px solid transparent;
  height: 100%; }
.seminar--attend .attend-count {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 30px 0 20px; }
.seminar--attend .attend-count a {
  flex: 1 1 50%;
  text-align: center; }
.seminar--attend .attend-count a + a {
  position: relative; }
.seminar--attend .attend-count a + a:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 50%;
  background-color: #e5e5e5; }
.seminar--attend .attend-count--year {
  display: block; }
.seminar--attend .attend-count--total {
  margin: 10px 0;
  border-bottom: 1px solid; }
.seminar--attend .attend-count--total strong {
  margin-right: 3px;
  color: #00b5ef;
  font-size: 40px; }
.seminar--attend .attend-count--rank {
  color: #555;
  font-size: 13px; }
.seminar--attend .attend-count--summary {
  color: #707070;
  margin: 20px 0;
  text-align: center; }
.seminar--attend .attend-count--summary strong {
  color: #000;
  font-weight: normal; }
.seminar--attend .seminar__box.select-line {
  padding: 0;
  display: flex;
  border: 1px solid #e5e5e5;
  box-shadow: none;
  margin-top: 15px; }
.seminar--attend .seminar__box.select-line .selectbox {
  flex: 1;
  position: relative; }
.seminar--attend .seminar__box.select-line .selectbox + .selectbox {
  border-left: 1px solid #e5e5e5; }
.seminar--attend .seminar__box.select-line .selectbox .icon {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px; }
.seminar--attend .seminar-list--wrap {
  margin: 20px 20px 0; }
.seminar--attend .seminar-list li {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  padding-left: 52px; }
.seminar--attend .seminar-list li:before {
  content: '';
  position: absolute;
  top: 42px;
  left: 21px;
  width: 1px;
  height: 36px;
  background-color: #e5e5e5; }
.seminar--attend .seminar-list li:last-child:before {
  display: none; }
.seminar--attend .seminar-list li .icon {
  position: absolute;
  top: 0;
  left: 0; }
.seminar--attend .seminar-list li span {
  font-size: 11px;
  color: #757575; }
.seminar--attend .seminar-list li strong {
  font-size: 14px;
  letter-spacing: -.25px;
  margin: 3px 0; }
.seminar--attend .seminar-list li strong em {
  display: inline-block;
  height: 16px;
  padding: 0 8px;
  margin-right: 6px;
  border-radius: 8px;
  border: 1px solid #00b5ef;
  line-height: 14px;
  color: #00b5ef;
  font-size: 11px;
  vertical-align: top; }

.seminar-info h3 {
  float: none; }
.seminar-info h3 .btn-guide {
  position: absolute;
  top: -3px;
  right: 0; }


#seat_loading {
  visibility: visible;
}
#seat_loading.done {
  visibility: hidden;
}
.seat--visaul {
  background-color: #00b5ef;
  z-index: 11;
}
.seat--section {
  background-color: #ffffff; }


.fixed-bottom #issuance_link:before {
  display: none;
}

.seat__header .header__function .btn {
  color: #fff; }

.seat__headline {
  position: -webkit-sticky;
  text-align: center;
  position: sticky;
  top: 0;
  z-index: 10;
  box-sizing: border-box;
  color: #fff;
}

.headline__my-ticket {
  position: -webkit-sticky;
  text-align: center;
  position: sticky;
  top: 0;
  z-index: 10;
  box-sizing: border-box;
  color: #fff;
}


.seat__headline__inner {
  transition: background-color 0.3s; }
.seat__headline h2 {
  padding-top: 27px;
  font-size: 24px;
  line-height: 24px;
}
.seat__headline h3 {
  margin-top: 12px;
  font-size: 20px;
  line-height: 20px;
}
.seat__headline time.seat--view--time {
  font-size: 12px;
  line-height: 25px;
  color: #666666;
  font-family: 'Noto Sans KR';
  background-color: #ffffff;
  display: inline-block;
  margin-top: 15px;
  width: 180px;
  border-radius: 20px;
}

.seat__headline h2.seat--view--title {
  font-size: 25px;
  padding-top: 23px;

}


.seat__visual {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 157.5px;
  pointer-events: none;
  margin-top: 53px;
}
[data-mobile-type='android'] .seat__visual {
  margin-top: 76px;
}


.seat__visual > i {
  display: block;
  width: 100%;
  height: 100%; }
.seat__visual--image {
  position: relative;
  overflow: hidden;
  background-image: url(../images/topround_bg.png);
  background-size: cover;
}

.img-radius {
  border-radius: 0 0 100px 100px;}

.seat__box {
  position: relative;
  z-index: 2;
  margin: 5px 30px 0;
  padding: 12.5px;
  box-shadow: 0 3px 3px rgb(0 0 0 / 7%);
  border-radius: 15px;
  border: 1px solid #dadada;
  background-color: #fff;
  box-sizing: border-box;
}



.seat__summary {
  margin-bottom: 28px;
  cursor: pointer;
}
.seat__list {
  margin-top: 19px;
}

.seat__summary li {
  position: relative; }
.seat__summary li:first-child {
  border-top: 0; }
.seat__summary li.seat__summary__list:first-child {

}

.seat__summary li.content {

}
.seat__summary li.content:after {
  content:'';
  height:0px;
  display: block;
  clear:both;
}
.seat__summary li.content div {
  padding: 30px 0 19.5px 0;
  width: 33.3333%;
  float: left;
}

.seat__summary li.content div h3.seat-content-title {
  font-size: 19px;
  line-height: 19px;
  margin-bottom: 10px;
  text-align: center;
  color: #000;
  font-weight: 600;
  font-family: 'atomy-font-normal';
}
.seat__summary li.content div span.seat-content-count-myticket {
  font-size: 30px;
  line-height: 30px;
  text-align: center;
  color: #000000;
  font-weight: bold;
}

.seat__summary li.content div span.seat-content-count-dividend {
  font-size: 30px;
  line-height: 30px;
  text-align: center;
  color: #00b5ef;
  font-weight: bold;
}

.seat__summary li.content div span.seat-content-count-entry {
  font-size: 30px;
  line-height: 30px;
  text-align: center;
  color: #00b5ef;
  font-weight: bold;
}
.seat__summary li.content div span.seat-content-count-remaining {
  font-size: 30px;
  line-height: 30px;
  text-align: center;
  color: #e556a6;
  font-weight: bold;
}
.seat__summary li.content div span.seat-content-count-unentry {
  font-size: 30px;
  line-height: 30px;
  text-align: center;
  color: #e556a6;
  font-weight: bold;
}

.seat__summary li.content > div:after {
  content: '';
  width: 1px;
  height: 59px;
  background: #e5e5e5;
  display: block;
  position: absolute;
  top: 30px;
  left: calc(100% - 1px);
}

.seat__summary li.content > div:last-child:after {
  display:none;
}

.seat__summary li > a,
.seat__summary li > div {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 56px;
  padding-top: 10px;
  padding-bottom: 10px;}

.seat__summary li .title {
  font-size: 11px;
  font-weight: 600;
  display: block;
  text-align: center;
  background-color: #e8ecef;
  border-radius: 10px;
  padding: 17px 0px 16px 0;
  min-height: 50px;
  box-sizing: border-box;
  height: 50px;
}
.seat__summary li.seat__summary__list .title {
  height: 67px;
}

.seat__summary li .title h3 {
  font-size: 17px;
  color: #000000;
  line-height: 17px;
  font-family: 'atomy-font-normal';
}

.seat__summary li.seat__summary__list .title h3 {
  font-size: 17px;
  font-family: 'atomy-font-bold';
}
.seat__summary li .title time {
  color: #666666;
  font-weight: 100;
  font-size: 12px;
  line-height: 12px;
  font-family: 'atomy-font-normal';
  display: inline-block;
  margin-top: 10px;
  letter-spacing: 0.1px;
}
.seat__summary li.seat__summary__list .title time {
  margin-top: 10px;
}


.seat__summary li .content {
  color: #000;
  font-size: 14px;
  line-height: 1.3;
  padding-left: 0;
  display: block; }


.my-ticket {
  box-sizing: border-box;
  padding-top: 16px;
  height: 50px;
  margin: 23px auto 20px;
  border: 1px solid #01b4ee;
  border-radius: 15px;
  width: calc(100% - 50px);
  text-align: center;
  background-color: white;
  font-weight: bold;
  font-family: 'atomy-font-normal';
  font-size: 17px;
  line-height: 17px;
  box-shadow: 0 3px 3px rgb(0 0 0 / 7%);
  color: #000;
}
.my-ticket i {
  font-size: 12px;
  margin-right: 6px;
}

.seat__view__summary {
  margin-bottom: 13px;
  margin-top: 13px;
  padding: 15px;
}
.seat__view__summary li {
  position: relative; }
.seat__view__summary li.content {
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
}
.seat__view__summary li.content div {
  padding: 0;
  min-height: initial;
}
.seat__view__summary li.content div h3.seat-content-title {
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  color: #000;
  font-weight: bold;
  font-family: 'atomy-font-normal';
}
.seat__view__summary li.content div span.seat-content-count-dividend {
  font-size: 30px;
  line-height: 30px;
  margin-top: 10px;
  text-align: center;
  color: #e556a6;
  font-weight: bold;
}

.seat__view__summary li.content div span.seat-content-count-remaining {
  font-size: 30px;
  line-height: 30px;
  margin-top: 10px;
  text-align: center;
  color: #00b5ef;
  font-weight: bold;
}
.seat__view__summary li.content:after {
  content: '';
  width: 1px;
  height: 54px;
  background: #e5e5e5;
  display: block;
  position: absolute;
  top: 0px;
  left: calc(50% - 1px);
}

.seat__view__summary li > a,
.seat__view__summary li > div {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 56px;
  padding-top: 10px;
  padding-bottom: 10px;}

.seat--select {
  width: 100%;
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  margin-bottom: 49px;
  -ms-overflow-style:none;  /* IE and Edge */
  scrollbar-width:none; /* Firefox */
}
.seat--select .bx-wrapper{
  border: 0px;
}
.seat--select .seat__box {
  margin: 5px 25px 0;
}

.seat--select .bx-wrapper .bx-pager {
  background-color: #e8ecef;
  margin-top: 12px;
  display: inline-block;
  width: 50px;
  padding: 2.5px 0;
  border-radius: 9px;
  left: calc(50% - 25px);
  bottom: -29px;
}

.seat--select .bx-wrapper .bx-next {
  background: url(../images/icons/arrow_next.png) no-repeat;
  background-size: 19px;
  width: 19px;
  height: 31px;
  right: 20px;
  z-index: 11;
  margin-top: -15.5px;
}
.seat--select .bx-wrapper .bx-next:hover {
  background-position: 0 0;
}
.seat--select .bx-wrapper .bx-prev {
  background: url(../images/icons/arrow_prev.png) no-repeat;
  background-size: 19px;
  width: 19px;
  height: 31px;
  left: 20px;
  z-index: 11;
  margin-top: -15.5px;
}
.seat--select .bx-wrapper .bx-prev:hover {
  background-position: 0 0;
}
.seat--select::-webkit-scrollbar {
  display:none; /* Chrome , Safari , Opera */
}

.seat--select .seat--view--select-wrap {
}
.seat--select .seat--view--select-wrap:first-child {
}
.seat--select .seat--view--select-wrap:last-child {
}

.seat--select button {
  border: 1px solid #E5E5E5;
  border-radius: 10px;
  padding: 13px 0 12px 0;
  transition: border .3s, color .3s;
  letter-spacing: -0.5px;
  width: 120px;
}
.seat--select .seat--active button{
  border-color: #00b5ef;
}

.seat--select button .title {
  font-size: 13px;
  font-family: 'atomy-font-normal';
  color: #000000;
}

.seat--select button .count {
  font-size: 17px;
  font-family: 'atomy-font-bold';
  color: #00b5ef;
}
.seat--select button .black {
  color: #000000;
}

.my-registration-issue {
  box-sizing: border-box;
  margin: auto;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 15px;
  margin-bottom: 10px;
}


.seat--view--contents {

}
.seat--view--contents .list--container {
  min-height: 350px;
  margin: 0;
  margin-top:2px;
}

.seat--view--contents .entry_list--container {
  margin: 0 25px;
}
.seat--view--contents .entry_list--container table {
  text-align: center;
}
.seat--view--contents .entry_list--container table th{
  font-size: 12px;
  font-weight: 600;
  height: 37px;
}
.seat--view--contents .entry_list--container table td{
  height: 41px;
  vertical-align: middle;
}
.seat--view--contents .entry_list--container table td .icon-delete{
  font-size:14px;
}
.my-ticket-table-wait {
  display: inline-block;
  box-sizing: border-box;
  width: 35px;
  line-height: 21px;
  border-radius: 3px;
  border: 1px solid #c0c0c0;
  color: #666666;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 11px;
}

.my-ticket-table-complete {
  display: inline-block;
  box-sizing: border-box;
  width: 35px;
  line-height: 21px;
  border-radius: 3px;
  border: 1px solid #e556a6;
  color: #e556a6;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 11px;
}



.seat--view--contents .list--container li.seat--list {
  display:none;
}
.seat--view--contents .list--container li.seat--list--active {
  display:block;
}
.entry__btn {
  border-radius: 5px;
  margin-top: 20px;
  margin-bottom: 40px;
}
.seat--list .seat--qr-space{
  position: relative;
}

.seat--list .seat--qr-space .qr--code {
  margin: 0 auto;
  width: 150px;
  height: 150px;
  border: 2px solid #000000;
  position:relative;
  display:block;
}
.seat--list .seat--list--con--wrap {
  margin-top: 30px;
}

.seat--list--con--wrap .seat--guide {

}
.seat--list--con--wrap .seat--guide p {
  font-family: 'atomy-font-normal';
  font-size: 15px;
  color: #000000;
  text-align: center;
  line-height: 23px;
}
.seat--list--con--wrap .seat--guide span {
  margin-top: 12px;
  text-align: center;
  font-size: 15px;
  font-family: 'atomy-font-normal';
  color: #00b5ef;
  display: block;
}
.seat--list--con--wrap .seat--guide span > a {
  position:relative;
}
.seat--list--con--wrap .seat--guide span > a:after {
  content: '';
  height: 1px;
  width: 73px;
  background-color: #00b5ef;
  position: absolute;
  bottom: 1px;
  left: 0;
}



.seat--list--con--wrap .seat--guide--noticket {
  padding-top: 57.5px;
}
.seat--list--con--wrap .seat--guide--noticket p {
  font-family: 'atomy-font-normal';
  font-size: 15px;
  color: #000000;
  text-align: center;
  line-height: 23px;
}
.seat--list--con--wrap .seat--guide--noticket p.noticket_guid {
  margin-top: 15px;
}

.seat--list--con--wrap .seat--guide--noticket span {
  margin-top: 52.5px;
  text-align: center;
  font-size: 15px;
  font-family: 'atomy-font-normal';
  color: #00b5ef;
  display: block;
}
.seat--list--con--wrap .seat--guide--noticket span > a {
  position:relative;
}
.seat--list--con--wrap .seat--guide--noticket span > a:after {
  content: '';
  height: 1px;
  width: 85px;
  background-color: #00b5ef;
  position: absolute;
  bottom: 1px;
  left: 0;
}


.seat--list--con--wrap .button--wrap {
  height: auto;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.seat--list--con--wrap .button--wrap button {
  margin-right: 10px;
  height: 30px;
  width: 90px;
  border: 1px solid #00b5ef;
  border-radius: 30px;
  font-size: 13px;
  font-family: 'atomy-font-bold';
  color: #00b5ef;
  text-align: center;
}
.seat--list--con--wrap .button--wrap button:last-child {
  margin-right:0;
}


.seat--bottom--notice {
  position: relative;
  margin: 15px 30px 15px;
}

.seat--bottom--notice .seat--notice-area:before {
  content: '';
  display: block;
  height: 1px;
  width: 300px;
  background-color: #e5e5e5;
  position: absolute;
  top: 0;
  left: calc(50% - 150px);

}

.seat--bottom--notice .seat--notice-area {
  position: relative;
  padding-top: 15px;
  font-size: 13px;
  text-align: center;
  color: #757575;
  font-family: 'atomy-font-normal';
}

header.none--shadow{
  border-bottom: 0;
  box-shadow: none;
}

.seat--qr--info {

}
.seat--info .seat--header {
  height: 76px;
  z-index: 13;
}
.seat--info .seat--header .header__top{
  position: relative;
  height: 100%;
}
.seat--close{
  position: absolute;
  right: 25px;
  top: 38px;
  z-index: 13;
}
.seat-info--wrap {
  background-color: initial;
  width: 100%;
}
.seat-info--wrap .seat-info__content{
  overflow: hidden;
}
.seat-info--wrap .seat-info__content .qr--code{
  background-color: #ffffff;
  border: 3px solid #09a8db;
  padding: 14px;
  width: 166px;
  margin: 0 auto;
}
.seat-info--wrap .seat-info__content .seat--qr--text{
  color: #ffffff;
  margin-top: 20px;
  font-size: 20px;
  text-align: center;
  font-family: 'atomy-font-normal';
}
.seat-qr__content .title {
  text-align: center;
  margin-top: 20px;
  font-family: 'atomy-font-bold';
  font-size: 17px;
  margin-bottom: 20px;
}
.seat-info--qr--wrap {
  background-color: #ffffff;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 10px;
}
.seat--top--guide{
  text-align: center;
  font-family: 'atomy-font-normal';
  font-size: 15px;
  color: #00b5ef;
  margin-bottom: 19px;
}
.seat--top--guide p {


}
.qr--code {
  border: 3px solid #00b5ef;
  text-align: center;
  width: fit-content;
  margin: 0 auto;
}
.seat--qr--text{
  margin: 20px 0;
  text-align: center;
  font-family: 'atomy-font-normal';
  font-size: 15px;
  font-weight: 600;
}
.seat--qr--count{
  position: absolute;
  z-index: 13;
  width: 50px;
  left: calc(50% - 25px);
  bottom: 72px;
  text-align: center;
  line-height: 21px;
  font-family: 'atomy-font-normal';
  font-size: 15px;
  font-weight: 600;
  color: #fff;

  border: 2px solid #fff;
  border-radius: 20px;
}
.seat--qr--info > .dim {
  background-color: rgba(0, 0, 0, 0.7);
}
.seat-zone--layer .boxwrap {
  padding-top:20px;
}
.seat--zone--wrap {
  background-color: #fff;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 10px;
}

.seat-zone--layer .title .zone--title--box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
}

.seat-zone--layer .title .zone--title--box > h3 {
  margin-top: 20px;
  position: relative;
  font-size: 17px;
  font-family: 'atomy-font-bold';
  text-align: center;
}
.seat-zone--layer .title .zone--title--box > p {
  font-size: 17px;
  font-family: 'atomy-font-bold';
  text-align: center;
  line-height: 36px;
}
.seat--zone--notice {
  font-family: 'atomy-font-bold';
  font-size: 15px;
  text-align: center;
  margin: 20px 0;
}
.seat-zone--layer .zone--table-area {
  margin-top: 20px;

}
.seat-zone--layer .zone--table-wrap table{
  margin-bottom: 20px;
}
.seat-zone--layer .zone--table-wrap thead th{
  font-size: 14px;
  font-family: 'atomy-font-bold';
}
.seat-zone--layer .zone--table-wrap tbody td{
  font-family: 'atomy-font-normal';
  font-size: 12px;
  text-align: center;
  padding: 14px 0px;
}
.seat-zone--layer button.seat-btn {
  height: 30px;
  width: 90px;
  border: 1px solid #00b5ef;
  border-radius: 30px;
  font-size: 13px;
  font-family: 'atomy-font-bold';
  color: #00b5ef;
  text-align: center;
  margin: 0 auto;
  display: block;
}


.section.seat--section.ticket_put .my-ticket {
  width: calc(100% - 30px);
  height: 80px;
  border: 0px;
  border-radius: 15px;
  margin-bottom: 36px;
  border-color: #DADADA;
}

.section.seat--section.ticket_put .my-ticket span {
  font-weight: normal;
  color: #757575;
}

.section.seat--section.ticket_put .my-ticket > h3 {
  margin-top: 7px;

}

#entry-from {

}
#entry-from:after {
  content: '';
  display: block;
  height: 200px;
}
#entry-from .box {
  margin: 0 25px 0 25px;
  padding-bottom: 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#entry-from .entry_head_box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.entry_head_box .checkbox input ~ i {
  width: 22px;
  min-width: 22px;
  height: 22px;
  margin-right: 8px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 0;

}
.entry_head_box .checkbox input:checked ~ i {
  background-color: #19b4e0;

}

.entry_head_box .checkbox input ~ i:before {
  filter: opacity(0.5) drop-shadow(0 0 0 gray);
}

.entry_head_box .checkbox :checked ~ i:before {
  filter: opacity(1) drop-shadow(0 0 0 white);
}

.entry_head_box .self_txt {
  font-size: 13px;
  color: #757575;
}
#entry-from .phone_certification {
  margin: 0 25px 0 25px;
  padding-bottom: 15px;
  display: flex;
  justify-content: flex-end;
}

#entry-from .phone_certification > button {
  width: 130px;
  height: 45px;
  border-radius: 22px;
  border: 1px solid #01b4ee;
  color: #01b4ee;
}

#entry-from #fregister_private {
  width: 100%;
}

#entry-from #fregister_private .privacy-page {
  border: 1px solid #e5e5e5;
  padding: 15px;
  line-height: 16px;
  margin-bottom: 10px;
}

#entry-from #fregister_private .privacy-page .privacy-page-body {
  color: #757575;
}

#entry-from #fregister_private .privacy-page h4 {
  font-width: 600;
  margin-bottom: 5px;
}


.blurring.none {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / 68%);
  color: #ffffff;
  font-size: 17px;
  padding: 32px 10px;
  box-sizing: border-box;
  word-break: keep-all;
}

.blurring.display {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / 68%);
  color: #ffffff;
  font-size: 17px;
  padding: 32px 10px;
  box-sizing: border-box;
  word-break: keep-all;
  text-shadow: 0px 0px 4px rgb(0 0 0 / 74%);
}


.seat-number--layer .boxwrap {
  padding-top:20px;
}
#entry-from .box .sponsor_box{
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-top: 15px;
}
#entry-from .box h2{
  font-size: 17px;
  font-weight: 600;
}
#entry-from .box .box__title {
  width: 95px;
  font-size: 14px;
}
#entry-from .box .box__title h3 {
  line-height: 40px;
}

#entry-from .box .box__content{
  width: calc(100% - 95px);
}
#entry-from .box .box__content .inputwrap {
  background-color: #fff;
  padding: 0;
}

#entry-from .box .box__content input{

}

#entry-from .box .box__content #atomyId {
  background-color: #f9f9f9;
}

#entry-from .box .box__content #atomyId, #entry-from .box .box__content #name {
  border-color: #E5E5E5;
}

#entry-from .box .box__content #timer {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  padding: 0 10px;
  top: 0;
  right: 0px;
  width: 42px;
  height: 100%;
  text-align: center;
  color: #01b4ee;
}


.box.phone_certification_check #certification_check {
  font-family: "Noto Sans";
  color: #fefefe;
  font-size: 16px;
  background-color: #01b4ee;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  height: 44px;
}

.entryUserInfos {
  color: #00b5ef;
  font-size: 22px;
}
.entryUserInfos > button {
  border-radius: 30px;
  color: #00b5ef;
  font-size: 22px;
  border: 1px solid;
  padding: 5px 10px;
}

.seat_bottom_text {
  position: relative;
  width: calc(100% - 30px);
  margin: 0 auto;
  padding-top: 15px;
  margin-top: 30px;
  line-height: 1.6;
}

.seat_bottom_text::before {
  content: "";
  background-color: #e5e5e5;
  position: absolute;
  width: 100%;
  height: 1px;
  top: 0;
  z-index: 1;
}

.seat_bottom_text > p {
  text-align: center;
  font-size: 13px;
  color: #757575;
  font-family: atomy-font-bold;
}

#entry-from .inputwrap .btn {
  width: 70px;
  font-size: 14px;
  border-top: 0;
  border-bottom: 0;
}

.seat-number--layer .title .zone--title--box {
  border: 1px solid #00b5ef;
  border-radius: 15px;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
}

.seat-number--layer .title .zone--title--box > h3 {
  position: relative;
  height: 46px;
  font-size: 20px;
  font-family: 'atomy-font-bold';
  line-height: 46px;
  text-align: center;
}
.seat-number--layer .title .zone--title--box > h3:after {
  content: '';
  display: block;
  height: 1px;
  width: 280px;
  background-color: #e5e5e5;
}
.seat-number--layer .title .zone--title--box > p {
  height: 46px;
  line-height: 46px;
  font-size: 16px;
  font-family: 'atomy-font-normal';
}
.seat-number--layer .zone--table-area {
  margin-top: 20px;

}
.seat-number--layer .zone--table-wrap table{
  margin-bottom: 20px;
}
.seat-number--layer .zone--table-wrap thead th{
  font-size: 14px;
  font-family: 'atomy-font-bold';
}
.seat-number--layer .zone--table-wrap tbody td{
  font-family: 'atomy-font-normal';
  font-size: 12px;
  text-align: center;
}
.seat-number--layer button.seat-btn {
  height: 30px;
  width: 90px;
  border: 1px solid #00b5ef;
  border-radius: 30px;
  font-size: 13px;
  font-family: 'atomy-font-bold';
  color: #00b5ef;
  text-align: center;
  margin: 0 auto;
  display: block;
}


.iconSuccess_flex {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0;
}

.iconSuccess_flex > .success {
  width: 77px;
  height: 68px;
}

.iconSuccess_flex > img {
  width: 150px;
  height: 155px;
}

.iconSuccess_flex > p {
  padding: 15px 0 20px;
  font-size: 15px;
  font-family: atomy-font-normal;
  color: #000000;
}


#seat--content--flex {
  display: flex;
  justify-content: space-around;
  flex-wrap: nowrap;
  min-height: 150px!important;
}

#seat--content--flex .col-md-6 {
  flex: 0 0 auto;
  width: 50%;
  padding: 0 10px;
}

#seat--content--flex .col-md-6  .text-bg-whiteGray {
  height: 100%!important;
  padding: 0rem!important;
  border-radius: 15px;
  background-color: #f9f9f9;
  display: flex;
  justify-content: space-around;
  border-color: #cacaca;
}

#seat--content--flex .col-md-6  .text-bg-whiteGray > button {
  flex-direction: column !important;
  color: #757575;
  font-size: 18px;
  line-height: 2;
}

.my-registering-btn {
  width: calc(100% - 30px);
  margin: 0 auto;
}


#seat--content--flex .col-md-6 .text-bg-gray {
  height: 100%!important;
  padding: 0rem!important;
  border-radius: 15px;
  background-color: #ccc;
  display: flex;
  justify-content: space-around;
}

#seat--content--flex .col-md-6 .text-bg-gray > button {
  color: #fff;
  font-size: 18px;
}



.seat-map--layer .section .only--img--wrap {
  padding: 0;
  width: 100%;
  height: 100%;
}
.seat-map--layer .section .only--img--wrap .box {
  padding: 0;
  width: 100%;
  height: 100%;
  position:relative;
}
.seat-map--layer .section .only--img--wrap .img-box {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  widtH: 100%;
}

.seat-guide--layer .section .only--bigImg--wrap {
  padding: 0;
  width: 100%;
  height: 100%;
}
.seat-guide--layer .section .only--bigImg--wrap .box {
  padding: 0;
  width: 100%;
  height: 100%;
  position:relative;
}
.seat-guide--layer .section .only--bigImg--wrap .img-box {
  widtH: 100%;
}
.seat-guide--layer .section .only--bigImg--wrap .img-box img {
  widtH: 100%;
}

.seat--view--url {
  margin: 0 25px;
}
.seat--taging--wrap {
  margin-top: 23px
}
.seat--view--share {
  margin-top: 23px
}
.seat--view--url .seat__url__box {
  background-color: #f7f7f7;
  border-radius: 10px;
  padding: 25px 20px;
  margin-top: 2px;
}

.seat--view--url .seat__url__box .seat-url-title{
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
}

.seat--view--url .seat__url__box .seat-url-link{
  text-align: center;
  display: inline-block;
  width: 100%;
  font-size: 13px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
  word-break: break-all;
}
.seat--view--url .seat__url__box .seat__url__btn{
  padding-top: 10px;
  display: flex;
}
.seat--view--url .seat__url__box .seat__url__btn button {
  border-radius: 5px;
  font-size: 15px;
}
.seat--view--url .seat__url__box .seat__url__btn button.seat-url-copy {
  margin-right: 10px;
  background-color: inherit;
  box-sizing: border-box;
  border: 1px solid #666666;
  color: #666666;
}
.seat--view--url .seat__notice {
  margin-top: 20px;
  font-size: 11px;
  color: #757575;
}
.seat--view--url .seat__notice dl {
  display: flex;
  flex-direction: row;
  align-content: flex-end;
  flex-wrap: wrap;
  align-items: flex-start;
}

.seat--view--url .seat__notice dt {
  width: 16px;
}

.seat--view--url .seat__notice dd {
  width: calc(100% - 16px);
}

.icon-readingglasses {
  content: '';
  background-image: url(../images/icons/btn_readingglasses.png);
  background-size: contain;
  width: 42px;
  height: 42px;
  position: absolute;
  bottom: -24px;
  right: -24px;
}

.icon-seat-arrow-right {
  background-image: url(../images/icons/icon_arrow.png);
  background-size: contain;
  content: '';
  margin-left: 4px;
  height: 11px;
  width: 6px;
}
.seat--guide--noticket .icon-seat-arrow-right {
  position: absolute;
  top: 6px;
  right: -12.5px;

}
.icon-noticket {
  background-image: url(../images/icons/img_noticket.png);
  background-size: contain;
  content: '';
  width: 76px;
  height: 76px;
}
.icon-close-white {
  background-image: url(../images/icons/btn_close_white.png);
  background-size: contain;
  content: '';
  width: 18px;
  height: 18px;
}

[data-header='fixed'] .header__function--right .btn {
  opacity: 1 !important;
  pointer-events: all !important; }
[data-header='fixed'] .header__function--right .btn:last-child {
  padding-right: 20px; }
[data-header='fixed'] .header__function--right .btn-zzim {
  opacity: 0;
  padding: 0;
  pointer-events: none;
  transition: opacity 0.3s, padding 0.1s; }

[data-header='fixed'] .seminar__headline {
  pointer-events: none; }
[data-header='fixed'] .seminar__headline__inner {
  padding-right: 125px;
  padding-left: 55px;
  background-color: #00b5ef; }
[data-header='fixed'] .seminar__headline h2 {
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  padding: 0;
  margin-top: 0;
  line-height: 53px;
  font-size: 15px; }
[data-header='fixed'] .seminar__headline .btn-zzim,
[data-header='fixed'] .seminar__headline .date,
[data-header='fixed'] .seminar__headline .info,
[data-header='fixed'] .seminar__headline .perid {
  display: none; }

.timeline__item {
  display: flex;
  padding: 15px 10px;
  border-bottom: 1px solid #eee;
  align-items: stretch;
  justify-content: stretch; }
.timeline__item:first-child {
  border-top: 1px solid #eee; }
.timeline__item:first-child .content:before {
  top: 2px; }
.timeline__item:last-child {
  border-bottom: none; }
.timeline__item:last-child .content:before {
  bottom: 100%; }
.timeline__item + .only--content {
  margin-top: -13px; }
.timeline__item + .only--content ~ .only--content {
  margin-top: 0; }

.timeline .only--content {
  position: relative;
  padding: 5px 0;
  border-bottom: 0; }
.timeline .only--content:before {
  content: '';
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  background: #fff;
  top: -1px;
  width: 70px; }

.timeline .time {
  position: relative;
  font-size: 12px;
  color: #aaa;
  width: 80px;
  flex: 0 0 80px; }
.timeline .time:after {
  content: '';
  position: absolute;
  display: inline-block;
  z-index: 3;
  left: 50%;
  top: 2px;
  display: inline-block;
  margin-left: 14px;
  width: 7px;
  height: 7px;
  border: 4px solid #fff;
  border-radius: 10px;
  background-color: #00b5ef;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }

.timeline .content {
  flex: 1 1 auto;
  position: relative;
  font-size: 13px;
  color: #000; }
.timeline .content:first-child {
  margin-left: 90px; }
.timeline .content:first-child:after {
  content: none; }
.timeline .content:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  right: 100%;
  margin-right: 19px;
  top: -20px;
  bottom: -20px;
  z-index: 2;
  background-color: #eee; }

.info-txt {
  margin-top: 15px;
  text-align: center;
  font-size: 14px;
  line-height: 23px; }

.check-attend {
  /*
	.empty {
		position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	    width: 100%;
	}
	*/ }
.check-attend .card.chk-com {
  background-color: #e1f8ff;
  border-bottom-color: #e1f8ff; }
.check-attend .card.chk-com:after {
  content: '';
  position: absolute;
  top: 20px;
  right: 20px;
  width: 60px;
  height: 60px;
  background: url("../images/icons/att-chk.png") no-repeat 0;
  background-size: cover; }

html[lang="ko"] .check-attend .card.chk-com:after {
  background-image: url("../images/icons/att-chk-ko.png"); }

.reservation-list {
  background-color: #fafafa;
  min-height: calc(100vh - 89px);
  box-sizing: border-box;
  margin-top: 47px;
  padding-top: 18px; }

.reservation-card {
  padding: 18px 22px;
  display: flex;
  flex-wrap: wrap; }
.reservation-card .btn-cancel {
  position: absolute;
  right: 22px;
  top: 50%;
  order: 2;
  align-self: center;
  width: auto;
  min-width: 60px;
  height: 40px;
  margin-top: -20px;
  margin-top: -20px;
  margin-bottom: 36px;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 38px;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  color: #757575;
  font-size: 14px; }

.reservation-date, .reservation-corp {
  display: block;
  font-size: 16px;
  margin-bottom: 3px; }
.reservation-date i, .reservation-corp i {
  margin-right: 3px; }

.reservation-user {
  display: block;
  font-size: 13px;
  font-weight: 500;
  margin-top: 8px; }

.reservation-member, .reservation-country {
  color: #555;
  font-size: 12px;
  margin-right: 100px; }

.reservation-info {
  flex: 1; }
.reservation-info span {
  display: block;
  margin-top: 5px; }

.reservation-language {
  color: #1aa5de; }

.reservation-status {
  border-top: 1px solid #eee;
  margin-top: 10px;
  padding-top: 10px;
  order: 3;
  flex: 1 1 100%; }
.reservation-status .status-date {
  display: block; }
.reservation-status .card__status {
  float: right;
  margin-top: 0; }

.reservation-calendar {
  padding: 20px;
  height: calc(100vh - 138px);
  transition: height .3s;
  box-sizing: border-box; }
.reservation-active .reservation-calendar {
  height: 220px; }
.reservation-calendar--wrap {
  padding-top: 10px;
  box-sizing: border-box;
  transition: height .3s; }
.reservation-calendar--top {
  position: relative;
  text-align: center; }
.reservation-calendar--top > button {
  position: absolute;
  top: 50%;
  margin-top: -12px;
  width: 10px;
  height: 30px;
  font: 0/0 a; }
.reservation-calendar--top > button:before, .reservation-calendar--top > button:after {
  content: '';
  position: absolute;
  width: 1px;
  height: 16px;
  background-color: #000; }
.reservation-calendar--top > button:before {
  top: 1px;
  transform: rotate(-45deg); }
.reservation-calendar--top > button:after {
  bottom: 2px;
  transform: rotate(45deg); }
.reservation-calendar--top > button.prev-month {
  left: 25%;
  transform: rotate(180deg); }
.reservation-calendar--top > button.next-month {
  right: 25%; }
.reservation-calendar--top > button.disabled {
  opacity: .3; }
.reservation-calendar--top .date {
  position: relative; }
.reservation-calendar--top .year {
  position: absolute;
  top: -18px;
  right: -4px;
  color: rgba(0, 0, 0, 0.5); }
.reservation-calendar--top .month {
  font-size: 38px; }
.reservation-calendar--top .month:after {
  content: attr(data-month);
  font-size: 12px;
  font-weight: 500;
  color: #848484;
  margin-left: 7px; }
.reservation-calendar .calendar {
  width: 100%;
  height: 100%;
  text-align: center;
  table-layout: fixed; }
.reservation-calendar .calendar thead td {
  height: 32px;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase; }
.reservation-calendar .calendar thead td:first-child {
  color: #d00f10; }
.reservation-calendar .calendar thead td:last-child {
  color: #1aa5de; }
.reservation-calendar .calendar tbody td {
  font-size: 14px; }
.reservation-calendar .calendar tbody td button {
  min-width: 14px; }
.reservation-calendar .calendar tbody td.sun button {
  color: #d00f10; }
.reservation-calendar .calendar tbody td.sat button {
  color: #1aa5de; }
.reservation-calendar .calendar tbody td.disabled button {
  opacity: .3; }
.reservation-calendar .calendar tbody td.now button, .reservation-calendar .calendar tbody td.active-day button {
  position: relative;
  color: #fff; }
.reservation-calendar .calendar tbody td.now button:before, .reservation-calendar .calendar tbody td.active-day button:before {
  content: '';
  position: absolute;
  top: -2px;
  left: -4px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  z-index: -1; }
.reservation-calendar .calendar tbody td.now button:before {
  background-color: #f33e5b; }
.reservation-calendar .calendar tbody td.active-day button:before {
  background-color: #e5e5e5; }

.reservation-form {
  position: relative;
  background-color: #f5f5f5; }
.reservation-form .box {
  padding-bottom: 20px; }
.reservation-form__btn {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15px;
  border-top: 1px solid #eee;
  background-color: #f5f5f5; }
.reservation-form__btn:before, .reservation-form__btn:after {
  content: '';
  display: block;
  width: 15px;
  height: 1px;
  background-color: #ccc;
  margin: 0 auto; }
.reservation-form__btn:before {
  margin-top: 5px; }
.reservation-form__btn:after {
  margin-top: 2px; }
.reservation-active .reservation-form__btn {
  position: static; }
.reservation-form__contents {
  display: none;
  padding: 0 20px 40px;
  position: relative; }
.reservation-form__contents .box__header .icon {
  margin-left: 5px; }
.reservation-form__contents .box__content .notice {
  padding: 16px;
  border: 1px solid #e5e5e5;
  border-radius: 3px; }
.reservation-form__contents .box__content .notice span {
  position: relative;
  display: block;
  padding-left: 10px; }
.reservation-form__contents .box__content .notice span:before {
  content: '-';
  position: absolute;
  top: 0;
  left: 0; }
.reservation-form__contents .box__content .notice p + p {
  margin-top: 10px; }
.reservation-form__contents .box__content .notice p.temporary {
  font-weight: bold; }
.reservation-form__contents .box__content .notice p.temporary strong {
  color: #19b4e0; }
.reservation-active .reservation-form__contents {
  display: block; }
.reservation-form__contents .btn-close {
  position: absolute;
  top: 0;
  right: 20px; }
.reservation-form__contents .btn-close .icon {
  font-weight: bold;
  color: #8f8f8f; }
.reservation-form__contents .select--container {
  margin: 0;
  border-radius: 3px;
  width: 100%;
  height: 40px;
  line-height: 38px;
  color: #757575; }
.reservation-form__contents .select-date {
  display: block;
  color: #777;
  font-size: 12px;
  margin-bottom: 12px; }
.reservation-form__contents .select-form {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  padding: 20px 15px; }
.reservation-form__contents .select-form .inputwrap {
  background-color: #fff;
  padding-right: 0;
  border-radius: 3px; }
.reservation-form__contents .select-form .inputwrap input {
  padding: 0 15px; }
.reservation-form__contents .select-form .inputwrap input::-moz-placeholder {
  color: #757575; }
.reservation-form__contents .select-form .inputwrap input:-ms-input-placeholder {
  color: #757575; }
.reservation-form__contents .select-form .inputwrap input::-ms-input-placeholder {
  color: #757575; }
.reservation-form__contents .select-form .inputwrap input::placeholder {
  color: #757575; }
.reservation-form__contents .select-form > .btn {
  border-radius: 3px; }
.reservation-form__contents .select-time {
  line-height: 50px;
  border-bottom: 1px solid #eee;
  position: relative; }
.reservation-form__contents .select-time:last-child {
  border-bottom: 0; }
.reservation-form__contents .select-time input {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  opacity: 0;
  pointer-events: none; }
.reservation-form__contents .select-time input:checked ~ label:after {
  opacity: 1; }
.reservation-form__contents .select-time input[disabled] ~ label {
  opacity: .3; }
.reservation-form__contents .select-time label {
  width: 100%;
  height: 100%;
  padding-left: 36px;
  padding-right: 5px;
  display: flex;
  font-size: 14px;
  box-sizing: border-box; }
.reservation-form__contents .select-time label:after {
  content: '';
  display: block;
  clear: both; }
.reservation-form__contents .select-time label:before, .reservation-form__contents .select-time label:after {
  content: '';
  border-radius: 50%;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }
.reservation-form__contents .select-time label:before {
  width: 24px;
  height: 24px;
  border: 1px solid #e5e5e5;
  left: 0; }
.reservation-form__contents .select-time label:after {
  width: 12px;
  height: 12px;
  background-color: #00b5ef;
  left: 6px;
  opacity: 0;
  transition: opacity .3s; }
.reservation-form__contents .select-time .time, .reservation-form__contents .select-time__title .time {
  width: 20%; }
.reservation-form__contents .select-time .count, .reservation-form__contents .select-time__title .count {
  width: 30%;
  text-align: center; }
.reservation-form__contents .select-time .lang, .reservation-form__contents .select-time__title .lang {
  width: 50%;
  text-align: right; }
.reservation-form__contents .select-time__title {
  display: flex;
  padding-left: 36px;
  padding-right: 5px;
  margin-top: 5px;
  font-size: 10px;
  color: #757575; }
.reservation-form.loading-wrap {
  height: calc(100vh - 358px); }
.reservation-form .fading-circle {
  position: absolute; }

.reservation-selectbox {
  text-align: right;
  margin: 0 15px 8px;
  border: 0;
  background-color: rgba(0, 0, 0, 0); }
.reservation-selectbox .select {
  line-height: 1;
  width: auto;
  height: 20px;
  padding: 0 20px 0 10px;
  border: 0; }
.reservation-selectbox .icon {
  right: 0; }

.reservation-place .place-traffic .sprite {
  top: 0;
  margin-top: 10px; }

.reservation-place .place-traffic .content {
  font-size: 12px; }

.interpreter {
  position: relative;
  padding: 177px 80px 0;
  background-color: #f5f5f5;
  box-sizing: border-box;
  background-image: url("../images/interpreter/bg_line.png");
  background-position: 107% 0; }
.application .interpreter {
  padding-top: 70px; }
.page-main .interpreter {
  padding-top: 216px; }
.page-main .interpreter:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/interpreter/visual.png");
  background-repeat: no-repeat;
  background-position: 90% 65%;
  background-size: 48% auto; }
.interpreter .header {
  display: none; }
.interpreter .section {
  padding-top: 0; }
.interpreter .section.step {
  text-align: center; }
.interpreter .section.step strong {
  font-size: 22px;
  font-weight: 500;
  color: #00b5ef;
  letter-spacing: -1.65px; }
.application .interpreter .section.step strong {
  color: #010101; }
.interpreter .section.step .desc {
  margin-top: 14px;
  font-size: 42px;
  font-weight: 500;
  letter-spacing: -3.15px; }
.interpreter .section.step .sub {
  display: block;
  margin-top: 22px;
  font-size: 22px;
  color: #707070;
  letter-spacing: -1.1px; }
.interpreter .section.step.left {
  text-align: left; }
.interpreter .section.util {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 65px;
  left: 80px;
  right: 80px; }
.interpreter .section.radio {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 60px; }
.interpreter .section.radio .btn {
  flex-direction: column;
  align-items: center;
  justify-content: flex-end; }
.interpreter .section.radio .btn + .btn {
  margin-left: 14px; }
.interpreter .section.radio .btn span {
  margin-bottom: 25px; }
.interpreter .section.radio.pre .btn, .interpreter .section.radio.member .btn, .interpreter .section.radio.partner .btn {
  background-repeat: no-repeat;
  background-position: 50% 30%; }
.interpreter .section.radio.pre .btn:first-child {
  background-image: url("../images/interpreter/pre.png"); }
.interpreter .section.radio.pre .btn:last-child {
  background-image: url("../images/interpreter/visit.png"); }
.interpreter .section.radio.member .btn:first-child {
  background-image: url("../images/interpreter/member.png"); }
.interpreter .section.radio.member .btn:last-child {
  background-image: url("../images/interpreter/nonmem.png"); }
.interpreter .section.radio.partner .btn:first-child {
  background-image: url("../images/interpreter/me.png"); }
.interpreter .section.radio.partner .btn:last-child {
  background-image: url("../images/interpreter/partner.png"); }
.interpreter .section.form {
  max-width: 680px;
  margin: 60px auto 0; }
.interpreter .section.form .note {
  margin-top: 40px;
  font-size: 20px;
  color: #777;
  letter-spacing: -1.5px; }
.interpreter .intro strong {
  display: block;
  font-size: 42px;
  font-weight: 500;
  letter-spacing: -3.15px; }
.interpreter .intro span {
  display: block;
  margin: 22px 0 60px;
  color: #707070;
  font-size: 22px;
  letter-spacing: -1.1px; }
.interpreter .qr {
  height: calc(100vh - 177px);
  background-image: url("../images/interpreter/qr.png");
  background-repeat: no-repeat;
  background-position: 100% 0%;
  background-size: 64% auto; }
.interpreter .qr .step {
  padding-top: 50px; }
.interpreter .lang-select {
  margin-top: 110px; }
.interpreter .lang-list {
  display: flex; }
.interpreter .lang-list li {
  margin-right: 10px; }
.interpreter .form-wrap {
  flex: 1 1 auto; }
.interpreter .form-submit {
  margin-top: 40px; }
.interpreter .form-line {
  position: relative;
  display: flex;
  align-items: center;
  margin: 15px 0; }
.interpreter .form-line strong, .interpreter .form-line span {
  display: block;
  flex: 1; }
.interpreter .form-line strong {
  max-width: 190px;
  text-align: left;
  font-size: 26px;
  font-weight: 500;
  letter-spacing: -1.95px; }
.interpreter .form-line span {
  position: relative; }
.interpreter .form-line input, .interpreter .form-line select {
  width: 100%;
  height: 70px;
  line-height: 70px;
  padding: 0 30px;
  background-color: #fff;
  background-image: none;
  border: 0;
  border-radius: 10px;
  font-size: 24px;
  box-sizing: border-box; }
.interpreter .form-line input:-moz-read-only, .interpreter .form-line select:-moz-read-only {
  background-color: #efefef;
  opacity: 1; }
.interpreter .form-line input:read-only, .interpreter .form-line input:disabled, .interpreter .form-line select:read-only, .interpreter .form-line select:disabled {
  background-color: #efefef;
  opacity: 1; }
.interpreter .form-line select {
  -webkit-appearance: none; }
.interpreter .form-line select ~ i:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 70px;
  height: 100%;
  background: linear-gradient(to right, transparent, #efefef 15%); }
.interpreter .form-line select ~ i:after {
  content: '';
  position: absolute;
  top: 33px;
  right: 28px;
  border-top: 7px solid #000;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent; }
.interpreter .form-line .required {
  display: inline-block;
  margin-left: 5px; }
.interpreter .form-line .available {
  position: absolute;
  bottom: -30px;
  right: 0;
  font-size: 17px;
  color: #777; }
.interpreter .complete {
  position: relative;
  margin-bottom: 80px;
  text-align: center; }
.interpreter .complete p {
  margin-top: 40px;
  line-height: 1.5;
  font-size: 38px;
  font-weight: 500;
  letter-spacing: -2.85px; }
.interpreter .complete p em {
  display: block; }
.interpreter .complete .icon {
  display: inline-block;
  vertical-align: middle; }
.interpreter .complete .icon-complete {
  width: 140px;
  height: 140px;
  background-image: url("../images/interpreter/complete.png");
  background-repeat: no-repeat;
  background-position: 50% 50%; }
.interpreter .btn:active {
  opacity: 1;
  background-color: #00b5ef;
  color: #fff; }
.interpreter .btn-start {
  height: 82px;
  line-height: 82px;
  padding: 0 110px;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -2.1px;
  color: #fff;
  border-radius: 41px;
  background-color: #00b5ef; }
.interpreter .btn-home {
  order: 2;
  font-size: 42px; }
.interpreter .btn-prev {
  display: inline-block;
  width: 45px;
  height: 45px;
  order: 1; }
.interpreter .btn-prev .icon {
  position: static;
  width: 100%;
  height: 100%;
  background-image: url("../images/interpreter/arrow.png");
  background-repeat: no-repeat;
  background-position: 50% 50%; }
.interpreter .btn-lang {
  height: 70px;
  line-height: 70px;
  padding: 0 40px;
  border-radius: 10px;
  color: #555;
  background-color: rgba(238, 238, 238, 0.8);
  font-size: 18px;
  font-weight: 300;
  letter-spacing: -1.35px; }
.interpreter .btn-lang.active {
  color: #fff;
  background-color: #00b5ef; }
.interpreter .btn-xl {
  width: 50%;
  height: 300px;
  font-size: 28px;
  letter-spacing: -2.1px;
  background-color: #fff;
  border-radius: 10px; }
.interpreter .btn-identify {
  position: absolute;
  right: 0;
  height: 70px;
  padding: 0 30px;
  background-color: #00b5ef;
  color: #fff;
  font-size: 24px;
  border-radius: 10px; }
.interpreter .btn-submit, .interpreter .btn-complete {
  width: 100%;
  height: 82px;
  line-height: 82px;
  color: #fff;
  background-color: #00b5ef;
  font-size: 28px;
  font-weight: 300;
  letter-spacing: -2.1px; }
.interpreter ~ .sweet-alert {
  width: 50vw; }

@-webkit-keyframes checkbox-check {
  0% {
    width: 0;
    height: 0;
    border-color: #fff;
    transform: translate3d(0, 0, 0) rotate(45deg); }
  33% {
    width: 25px;
    height: 0;
    transform: translate3d(0, 0, 0) rotate(45deg); }
  100% {
    width: 25px;
    height: 80px;
    border-color: #fff;
    transform: translate3d(0, -26px, 0) rotate(45deg); } }

@keyframes checkbox-check {
  0% {
    width: 0;
    height: 0;
    border-color: #fff;
    transform: translate3d(0, 0, 0) rotate(45deg); }
  33% {
    width: 25px;
    height: 0;
    transform: translate3d(0, 0, 0) rotate(45deg); }
  100% {
    width: 25px;
    height: 80px;
    border-color: #fff;
    transform: translate3d(0, -26px, 0) rotate(45deg); } }

.instructor--section .tab-menu {
  position: static;
  display: flex; }
.instructor--section .tab-menu li {
  flex: 1 1 50%;
  font-size: 15px;
  letter-spacing: -0.75px;
  color: #888; }
.instructor--section .tab-menu li.active {
  color: #00b5ef; }

.instructor--section.feedback, .instructor--section .inner {
  padding: 0 15px 40px; }

.instructor--section input {
  height: 35px;
  line-height: 35px; }

.instructor--section .checkbox {
  height: 24px;
  line-height: 24px; }
.instructor--section .checkbox input {
  width: 100%;
  height: 100%;
  line-height: initial; }

.instructor--section .empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 0;
  border: solid #41465a;
  border-width: 2px 0 1px; }
.instructor--section .empty p {
  margin-top: 15px;
  color: #a0a5b4;
  letter-spacing: -0.7px; }

.instructor--section .search-category {
  display: flex;
  flex-wrap: wrap;
  border-top: 2px solid #41465a; }
.instructor--section .search-category span {
  flex: 0 1 50%; }
.instructor--section .search-category span:nth-child(2n) select {
  border-left-width: 0; }
.instructor--section .search-category span:last-child:not(:nth-child(even)) {
  position: relative; }
.instructor--section .search-category span:last-child:not(:nth-child(even)):before {
  content: '';
  position: absolute;
  top: -2px;
  left: 100%;
  width: 100%;
  height: 100%;
  margin-left: -2px;
  border: 1px solid #e5e5e5;
  z-index: -1; }
.instructor--section .search-category select {
  width: 100%;
  margin: 0;
  border-top-width: 0; }

.instructor--section .search-date {
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 10px; }
.instructor--section .search-date em {
  margin: 0 5px; }
.instructor--section .search-date .date {
  position: relative; }
.instructor--section .search-date .date .input-text {
  width: 100%;
  height: 46px; }
.instructor--section .search-date .date > div {
  position: absolute;
  width: 200px;
  margin: 5px 0;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  z-index: 5; }
.instructor--section .search-date .date > div .table-condensed {
  width: 100%; }
.instructor--section .search-date .date > div .table-condensed th, .instructor--section .search-date .date > div .table-condensed td {
  position: relative;
  text-align: center; }
.instructor--section .search-date .date > div .table-condensed td {
  color: #555; }
.instructor--section .search-date .date > div .table-condensed td.weekend {
  color: #d00f10; }
.instructor--section .search-date .date > div .table-condensed td.weekend:last-child {
  color: #00b6f0; }
.instructor--section .search-date .date > div .table-condensed td.holi {
  color: #d00f10; }
.instructor--section .search-date .date > div .table-condensed td.old, .instructor--section .search-date .date > div .table-condensed td.new {
  opacity: 0.5; }
.instructor--section .search-date .date > div .table-condensed .picker-switch {
  pointer-events: none; }
.instructor--section .search-date .date > div .table-condensed .dow {
  padding: 10px 0 5px; }
.instructor--section .search-date .date .icon-calendar {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 16px;
  color: #8d93a3; }

.instructor--section .form-group .search-date {
  margin-top: 0; }

.instructor--section .form-line span {
  flex: 1 1; }
.instructor--section .form-line span + span {
  margin-left: 5px; }

.instructor--section .form-line input {
  width: 100%; }

.instructor--section .form-line .btn {
  align-self: stretch;
  flex: none;
  min-width: 60px;
  margin-left: 5px;
  padding: 0 10px;
  background-color: #8d93a3;
  color: #fff; }

.instructor--section .total {
  position: absolute;
  top: 0; }
.instructor--section .total em {
  color: #00b6f0; }

.instructor--section .pagination ul {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  font-size: 15px; }
.instructor--section .pagination ul li {
  flex: 0 1 14.286%; }
.instructor--section .pagination ul li.active {
  color: #00b5ef; }
.instructor--section .pagination ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  margin: 0 auto; }
.instructor--section .pagination ul li .btn {
  border: 1px solid #dce1e6;
  border-radius: 3px; }
.instructor--section .pagination ul li .btn .icon {
  margin-left: 2px; }
.instructor--section .pagination ul li .btn .icon + .icon {
  margin-left: -2px; }
.instructor--section .pagination ul li .btn-prev, .instructor--section .pagination ul li .btn-first {
  transform: rotate(180deg); }

.feedback-loading span, .lecture-loading span {
  display: inline-block;
  background-color: #eee; }

.feedback-loading .date, .feedback-loading region, .lecture-loading .date, .lecture-loading region {
  height: 17px; }

.feedback-loading .date, .lecture-loading .date {
  width: 60px; }

.feedback-loading .region, .lecture-loading .region {
  width: 25px; }

.feedback-loading .area, .feedback-loading .name, .lecture-loading .area, .lecture-loading .name {
  height: 20px; }

.feedback-loading .area, .lecture-loading .area {
  width: 90px; }

.feedback-loading .name, .lecture-loading .name {
  width: 70px;
  margin-left: 10px; }
.feedback-loading .name:before, .lecture-loading .name:before {
  visibility: hidden; }

.feedback-loading .feedback-status, .feedback-loading .lecture-status, .lecture-loading .feedback-status, .lecture-loading .lecture-status {
  width: 45px;
  height: 17px; }

.feedback-loading .feedback-deadline, .feedback-loading .lecture-deadline, .lecture-loading .feedback-deadline, .lecture-loading .lecture-deadline {
  width: 50%;
  height: 14px;
  background-color: #eee; }

.feedback-wrap, .lecture-wrap {
  position: relative;
  margin-top: 20px;
  padding-top: 20px;
  font-size: 11px; }

.feedback-item, .lecture-item {
  position: relative;
  margin: 10px 0;
  padding: 15px;
  border: 1px solid #bec8d2; }
.feedback-item:first-child, .lecture-item:first-child {
  margin-top: 0; }
.feedback-item .btn, .lecture-item .btn {
  height: 35px;
  font-size: 13px; }
.feedback-item .btn + .btn, .lecture-item .btn + .btn {
  margin-left: 5px; }
.feedback-item .btn-wrap, .lecture-item .btn-wrap {
  display: flex; }
.feedback-item .btn-wrap .btn, .lecture-item .btn-wrap .btn {
  flex: 1 1 50%; }
.feedback-item.prior, .lecture-item.prior {
  padding-left: 50px; }
.feedback-item.prior .checkbox, .lecture-item.prior .checkbox {
  margin-bottom: 0; }
.feedback-item.prior .checkbox-wrap, .lecture-item.prior .checkbox-wrap {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%); }
.feedback-item.prior .name, .lecture-item.prior .name {
  color: #999; }
.feedback-item.prior .lecture-info, .lecture-item.prior .lecture-info {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0; }
.feedback-item.prior .lecture-title, .lecture-item.prior .lecture-title {
  display: block; }

.feedback-info, .lecture-info {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #dce1e6; }

.feedback-meta .region, .lecture-meta .region {
  margin-left: 5px; }

.feedback-title, .lecture-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 15px; }
.feedback-title .area, .lecture-title .area {
  min-width: 60px;
  margin-right: 4px; }
.feedback-title .type, .lecture-title .type {
  flex: 1 0 auto;
  max-width: 100%;
  word-break: break-all; }
.feedback-title .name, .lecture-title .name {
  display: inline-flex;
  align-items: center;
  flex: none;
  width: 100%;
  margin-top: 3px;
  color: #1aa5de; }

.feedback-status, .lecture-status {
  display: flex;
  align-items: center;
  margin-bottom: 10px; }
.feedback-status .status, .lecture-status .status {
  margin-right: 5px;
  padding: 0 6px;
  line-height: 18px;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  border-radius: 3px; }
.feedback-status .ing, .lecture-status .ing {
  background-color: #f8566b; }
.feedback-status .cancel, .lecture-status .cancel {
  background-color: #a0a5b4; }
.feedback-status .complete, .lecture-status .complete {
  background-color: #00b6f0; }

.feedback-deadline, .lecture-deadline {
  margin-top: 10px;
  color: #a0a5b4; }

.instructor--detail {
  padding: 0 30px 40px; }

.instructor--info {
  display: flex;
  align-items: center;
  padding: 20px 0; }
.instructor--info.shorten .instructor--photo {
  width: 25px;
  height: 25px; }
.instructor--info.shorten .instructor--summary {
  flex-direction: row;
  align-items: center; }
.instructor--info.shorten .instructor--summary span {
  margin-top: 0;
  margin-left: 4px; }

.instructor--photo {
  width: 75px;
  height: 75px;
  margin-right: 15px;
  border-radius: 50%;
  overflow: hidden; }
.instructor--photo img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover; }

.instructor--summary {
  display: flex;
  flex-direction: column; }
.instructor--summary strong {
  font-size: 16px; }
.instructor--summary span {
  color: #757575; }
.instructor--summary span:last-child {
  margin-top: 5px; }
.instructor--summary span em + em:before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 9px;
  margin: 0 5px;
  background-color: #eee; }

.instructor--assign {
  margin-bottom: 20px; }
.instructor--assign .assign-box {
  margin: 10px 0;
  border: 1px solid #dce1e6;
  color: #222; }
.instructor--assign .assign-box:first-child {
  margin-top: 0; }
.instructor--assign .assign-box.result li {
  flex: 1 1 50%; }
.instructor--assign .assign-box.ing li {
  flex: 1 1 25%; }
.instructor--assign .assign-summary {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  background-color: #41465a;
  color: #fff; }
.instructor--assign .assign-summary span {
  opacity: 0.8;
  margin-right: 8px; }
.instructor--assign .assign-summary span .icon {
  margin-right: 4px; }
.instructor--assign .assign-summary strong {
  font-size: 14px; }
.instructor--assign .assign-detail {
  display: flex;
  align-items: center;
  height: 63px; }
.instructor--assign .assign-detail + ul {
  border-top: 1px solid #dce1e6; }
.instructor--assign .assign-detail li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%; }
.instructor--assign .assign-detail li + li {
  border-left: 1px solid #dce1e6; }
.instructor--assign .assign-detail li span {
  order: 2; }
.instructor--assign .assign-detail li strong {
  order: 1; }
.instructor--assign .assign-status strong {
  font-size: 15px;
  letter-spacing: -0.25px; }
.instructor--assign .assign-status.possible strong {
  color: #00b6f0; }
.instructor--assign .assign-status.impossible strong {
  color: #a0a5b4; }
.instructor--assign .assign-status.nonresponse strong {
  color: #f8566b; }

.instructor--util .btn {
  font-size: 14px;
  color: #41465a;
  background-color: #fff;
  box-shadow: 0px 2px 6px #00000033; }
.instructor--util .btn .icon {
  margin-right: 20px; }
.instructor--util .btn span {
  max-width: 70%; }

.instructor--calendar .instructor--info {
  align-items: flex-end;
  height: 40px;
  padding: 0 15px;
  background-color: #fff;
  overflow: hidden;
  transition: height 0.3s; }
[data-show-date] .instructor--calendar .instructor--info {
  height: 0; }

.instructor--calendar .instructor--photo {
  width: 25px;
  height: 25px; }

.instructor--calendar .fc-header-toolbar {
  display: none; }

.instructor--calendar .calendar--wrap {
  overflow: visible; }

.instructor--calendar .calendar--top {
  position: relative;
  padding-left: 15px;
  padding-right: 15px; }
.instructor--calendar .calendar--top .select {
  width: auto;
  line-height: 33px;
  height: 33px;
  margin: 0;
  border-radius: 6px; }
.instructor--calendar .calendar--top .select-period {
  position: absolute;
  right: 5px;
  top: -28px; }
.instructor--calendar .calendar--top .select-period select {
  padding-left: 0;
  font-size: 20px;
  font-weight: 700;
  border-width: 0;
  letter-spacing: -0.3px; }
.instructor--calendar .calendar--top .select-type select {
  width: 100%; }

.instructor--calendar .calendar--wrap {
  background-color: #fff; }

.instructor--calendar .calendar-container {
  margin-top: 20px; }

.instructor--calendar .select-day-list-inner {
  border-top: 1px solid #eee; }
.instructor--calendar .select-day-list-inner .title {
  font-size: 15px; }

.instructor--calendar .card {
  border-radius: 5px;
  overflow: hidden; }
.instructor--calendar .card h3 {
  display: flex;
  margin: 6px 0 8px;
  font-size: 15px;
  font-weight: 700; }
.instructor--calendar .card h3 span {
  width: auto; }
.instructor--calendar .card .date, .instructor--calendar .card .region {
  color: #777; }
.instructor--calendar .card .region {
  margin-left: 3px; }
.instructor--calendar .card__meta {
  border-top: 2px solid #41465a; }
.instructor--calendar .card__meta li {
  display: flex;
  align-items: stretch;
  margin-top: 0;
  min-height: 42px;
  color: #222;
  border-bottom: 1px solid #dce1e6; }
.instructor--calendar .card__meta li:before {
  display: none; }
.instructor--calendar .card__meta li strong, .instructor--calendar .card__meta li span {
  display: flex;
  align-items: center;
  min-height: 100%;
  padding: 10px 15px;
  box-sizing: border-box; }
.instructor--calendar .card__meta li strong {
  width: 110px;
  background-color: #f6f8fA; }

.instructor--statistics .chart-item {
  display: flex;
  flex-direction: column;
  padding: 0 30px; }

.instructor--statistics .chart-title {
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 700;
  color: #222;
  text-align: center; }

.instructor--statistics .chart-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%; }

.instructor--statistics .chart-category {
  width: 100%;
  margin-left: 20px;
  font-size: 14px; }
.instructor--statistics .chart-category li {
  display: flex;
  justify-content: space-between; }
.instructor--statistics .chart-category strong.first {
  color: #0092c0; }
.instructor--statistics .chart-category strong.second {
  color: #00b6f0; }
.instructor--statistics .chart-category strong.third {
  color: #4dccf5; }

.instructor--statistics .chart-my-lecture {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: none;
  width: 110px;
  height: 110px; }
.instructor--statistics .chart-my-lecture .total {
  position: static;
  align-self: center;
  margin-top: 5px;
  order: 2;
  font-size: 10px;
  color: #666;
  letter-spacing: -0.6px; }

.instructor--statistics .chart-my-seminar {
  max-width: 250px;
  margin: 0 auto; }

.instructor--statistics .chart-status {
  display: flex;
  align-items: center;
  height: 78px;
  margin: 20px 0;
  padding: 12px 0;
  background-color: #f5f6f9;
  border: 1px solid #e3e7eb;
  box-sizing: border-box; }
.instructor--statistics .chart-status li {
  flex-basis: calc((100% - 4px) / 5);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 5px; }
@media (min-width: 450px) {
  .instructor--statistics .chart-status li {
    justify-content: center; } }
.instructor--statistics .chart-status li + li {
  border-left: 1px dotted #bec8d2; }
.instructor--statistics .chart-status li strong {
  order: 1;
  font-size: 16px; }
.instructor--statistics .chart-status li span {
  order: 2;
  font-size: 11px;
  color: #666;
  text-align: center; }

.instructor--statistics .slick-track {
  display: flex; }

.instructor--statistics .slick-dots {
  display: flex;
  justify-content: center;
  margin-top: 15px; }
.instructor--statistics .slick-dots li {
  width: 6px;
  height: 6px;
  margin: 0 3px;
  border-radius: 50%;
  background-color: #ddd;
  font: 0/0 a; }
.instructor--statistics .slick-dots li.slick-active {
  background-color: #00b6f0; }

.instructor--table {
  position: relative;
  padding-bottom: 10px; }
.instructor--table + .instructor--table .title {
  margin-top: 10px; }
.instructor--table .title {
  display: block;
  margin-bottom: 7px;
  font-size: 14px; }
.instructor--table .desc {
  display: block;
  margin-bottom: 7px; }
.instructor--table .update {
  display: block;
  margin-bottom: 5px;
  font-size: 11px;
  color: #a0a5b4; }
.instructor--table .img {
  position: relative;
  display: block;
  width: 82px;
  height: 82px;
  margin-bottom: 12px;
  overflow: hidden;
  border-radius: 50%;
  background: url("../../resources/images/icons/lector-img.svg") no-repeat 50% 50%;
  background-size: cover;
  border: 1px solid #ccc; }
.instructor--table .img .ing {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1; }
.instructor--table .img .re {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(229, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1; }
.instructor--table .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  background: #fff; }
.instructor--table dl {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  border-top: 2px solid #41465a;
  border-bottom: 1px solid #41465a; }
.instructor--table dl dt, .instructor--table dl dd {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 15px;
  border-bottom: 1px solid #d9dfe6;
  box-sizing: border-box; }
.instructor--table dl dt {
  width: 40%;
  background-color: #f5f7fa; }
.instructor--table dl dt.full {
  width: 100%;
  justify-content: space-between; }
.instructor--table dl dt.full + dd {
  width: 100%;
  border-left: 0; }
.instructor--table dl dd {
  width: 60%;
  border-left: 1px solid #d9dfe6; }
.instructor--table dl dd#atomyImg {
  display: block; }
.instructor--table dl dd textarea {
  width: 100%; }
.instructor--table dl dd .select {
  width: 100%;
  height: 35px;
  line-height: 35px;
  margin: 0; }
.instructor--table dl dd .search-date .date .input-text {
  height: 35px;
  line-height: 35px; }
.instructor--table dl dd .radio {
  margin-right: 15px; }
.instructor--table dl dd .radio i {
  position: relative; }
.instructor--table dl dd .radio i:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  border: 1px solid #bec8d2;
  border-radius: 50%; }
.instructor--table dl dd .radio input:checked ~ i:after {
  border-color: #00b6f0; }
.instructor--table .checkbox-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px; }
.instructor--table .checkbox-item {
  margin: 0 5px; }
.instructor--table .checkbox-all label {
  margin-bottom: 0; }

.lector-img-layer {
  overflow: hidden; }
.lector-img-layer .layer--body {
  position: absolute;
  top: calc(53px + var(--statusbar));
  left: 0;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  padding: 15px 15px 40px;
  z-index: 15;
  background-color: #fff; }
.lector-img-layer .layer--body.full {
  height: calc(100% - (53px + var(--statusbar)));
  overflow-y: auto; }
.lector-img-layer .layer--body .info-txt li {
  position: relative;
  padding-left: 10px;
  font-size: 13px;
  color: #222;
  line-height: 23px;
  text-align: left; }
.lector-img-layer .layer--body .info-txt li:before {
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #222; }
.lector-img-layer .layer--body .info-txt li p {
  font-size: 10px;
  line-height: 17px; }
.lector-img-layer .layer--body .info-txt li + li {
  margin-top: 2px; }
.lector-img-layer .layer--body .info-img {
  display: block;
  width: 170px;
  margin: 20px auto 25px; }
.lector-img-layer .layer--body .enroll-img {
  position: relative;
  width: 230px;
  height: 230px;
  margin: 20px auto 37px;
  border-radius: 50%;
  border: 1px solid #E5E5E5;
  overflow: hidden;
  background: url("../../resources/images/icons/lector-img.svg") no-repeat 50% 50%;
  background-size: cover; }
.lector-img-layer .layer--body .enroll-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  background: #fff; }
.lector-img-layer .layer--body .btn-wrap {
  display: table;
  width: calc(100% + 12px);
  margin-left: -6px; }
.lector-img-layer .layer--body .btn-wrap li {
  display: table-cell;
  width: 50%;
  padding: 0 6px; }

/* icon */
.icon-x:before, .icon-x:after {
  content: '';
  position: absolute; }

.icon-x:before {
  top: 4px;
  left: 7px;
  width: 2px;
  height: 10px;
  background-color: #9c9c9c;
  transform: rotate(-45deg); }

.icon-x:after {
  top: 4px;
  right: 8px;
  width: 2px;
  height: 10px;
  background-color: #9c9c9c;
  transform: rotate(-135deg); }

.icon-check:before, .icon-check:after {
  content: '';
  position: absolute; }

.icon-check:after {
  top: 4px;
  left: 3.5px;
  width: 10px;
  height: 6px;
  box-sizing: border-box;
  border-left: 2px solid #19b4e0;
  border-bottom: 2px solid #19b4e0;
  transform: rotate(-45deg); }

.icon-exclamation-triangle {
  width: 14px;
  height: 13px;
  text-align: center;
  background-image: url(../images/svg/triangle-round.svg);
  background-size: 100% 100%; }
.icon-exclamation-triangle:after {
  content: '!';
  display: inline-block;
  margin-top: 1px;
  line-height: 13px;
  font-size: 9px;
  color: #fff;
  font-weight: 700;
  vertical-align: top; }

.icon-exclamation {
  width: 12px;
  height: 12px;
  background-image: url(../images/sprite/exclamation.png);
  background-size: 100% 100%; }

.icon-check-off {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(../images/sprite/check-off.png);
  background-size: 100% 100%;
}

.icon-check-on {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(../images/sprite/check-on.png);
  background-size: 100% 100%;
}

.interpreter__lang__box {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #eeeeee;
}

.checkwrap {
  margin-top: 10px;
}

.check-box {
  display: block;
  position: relative;
  margin-bottom: 20px;
  min-width: 22px;
  min-height: 22px;
}
.check-box input {
  display: none;
  width: 22px !important;
  min-height: 22px !important;
}
.check-box input + label {
  padding: 0 0 0 30px !important;
  min-height: 22px;
  line-height: 22px;
  font-size: 15px;
  color: #757575;
}

.check-box input[type="checkbox"] + label {
  background: url(../images/icon-checkbox.png) 0 50% no-repeat;
  background-size: 22px 22px !important;
}

.check-box input[type="checkbox"]:checked + label {
  background: url(../images/icon-checkbox-checked.png) 0 50% no-repeat;
}

/* etc */
.hidden {
  position: absolute;
  font: 0/0 a;
  visibility: hidden;
  display: none; }

.cs-info {
  padding-top: 24px;
  text-align: center;
  font-size: 11px;
  color: #757575; }
.cs-info .tel {
  display: inline-block;
  margin-bottom: 5px;
  padding-left: 8px;
  font-size: 9px;
  color: #666;
  vertical-align: middle;
  /*text-align: left; */
}
.cs-info .tel span {
  display: block;
  font-weight: 400;
  font-size: 17px; }

.btn__vip {
  background-color: #fbd15f; }
.btn__vip .icon-check:after {
  border-color: #fbd15f; }
.btn__vip small {
  font-size: 0.7em; }

.bordered-box {
  padding: 10px;
  border: 1px solid #e5e5e5;
  font-size: 11px; }

.text-info {
  display: block;
  color: #757575;
  font-size: 11px;
  line-height: 1.2; }

.text-warning {
  display: block;
  color: #1aa5de;
  font-size: 13px;
  line-height: 1.2; }

.text-alert {
  color: #e25757;
  font-style: normal; }

.registration__summary {
  padding: 53px 20px 0;
  border-bottom: 1px solid #eee;
  background-color: #00b5ef; }

.registration__name {
  padding-top: 0;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 1.1;
  text-align: center;
  word-break: break-word;
  color: #fff; }

.registration__period {
  margin-bottom: 12px;
  text-align: center; }
.registration__period .roundbox {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 10px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 10px;
  font-weight: 400;
  border-radius: 9.5px;
  background-color: rgba(0, 0, 0, 0.3); }
.registration__period .date {
  padding-top: 6px;
  font-size: 13px;
  color: #fff;
  font-weight: 400; }

.registration__seminar {
  margin-bottom: 30px;
  text-align: center; }
.registration__seminar .title {
  color: rgba(255, 255, 255, 0.7);
  font-size: 10px; }
.registration__seminar .number {
  color: #fff;
  font-size: 13px; }

.registration__info {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin: 0 -20px;
  padding: 0 20px;
  background-color: #00abe2; }
.registration__info li {
  position: relative;
  display: table-cell;
  vertical-align: top;
  text-align: left;
  box-sizing: border-box;
  padding: 15px 0 15px 15px; }
.registration__info li:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 1px;
  height: 35px;
  margin-top: -17px;
  background-color: rgba(238, 238, 238, 0.2); }
.registration__info li:first-child {
  padding-left: 0; }
.registration__info li:first-child:before {
  display: none; }
.registration__info li .icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 8px;
  border: 1px solid;
  border-color: rgba(229, 229, 229, 0.3);
  border-radius: 50%;
  color: #fff;
  text-align: center; }
.registration__info li .icon-board-check {
  font-size: 15px; }
.registration__info li .icon-board-check:before {
  margin-left: 3px; }
.registration__info li .icon:before {
  display: block;
  margin-top: 10px; }
.registration__info li div {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  max-width: 100px; }
.registration__info li div .title {
  display: block;
  font-size: 10px;
  font-weight: 400;
  color: #baeeff; }
.registration__info li div .content {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #fff; }

.required {
  color: #19b4e0;
  vertical-align: middle;
  margin-left: 2px;
  margin-right: 4px; }

.leftseat {
  color: #757575;
  font-size: 11px;
  margin-top: 5px; }

@media (max-width: 400px) {
  .registration__info li .icon {
    display: none; } }

.setting button.select {
  line-height: normal; }

.setting .list--multi:before {
  margin: 0 -15px; }

.setting .btn__primary {
  display: block; }

.btn-move .icon-map {
  width: 12px;
  height: 12.5px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url("../images/icons/map-link.png"); }
.btn-move .icon-map:before {
  display: none; }

.gmnoprint,
.gm-style a {
  display: none !important; }

/*# sourceMappingURL=maps/content.css.map */

/* 통역기 신청 관련 CSS (new 2023.02.22) : START */
.mb10 { margin-bottom: 10px !important; }
.mt30 { margin-top: 30px !important; }
.t-center { text-align: center; }
.tran-top-box {
  position: relative;
  display: block;
  z-index: 1;
  width: 100%;
  min-height: 185px;
  background-image: url("../../resources/images/seminar_interpret_bg_b.png");
  background-repeat: no-repeat; background-position: center top;
  background-size: 100% 185px;
}
.tran-img-phone-box { position:relative; display: block; width: 100%; padding-top: 9px; text-align: center; }
.tran-img-phone { width: 104px; height: 70px; }

.tran-guide-box { position:relative; padding: 0 20px;  text-align: center; margin-top: 30px; z-index: 999; }
.tran-guide-block { background-color: #ffffff; padding: 12px 12px 22px 12px; border: 1px solid #DADADA; border-radius: 15px; box-shadow: 0 1px 3px rgb(0 0 0 / 16%); }
.tran-guide-title { background-color: #E8ECEF; padding: 20px; border-radius: 10px; font-size: 17px; text-align: center; font-family: 'atomy-font-bold'; }
.tran-guide-content { padding: 20px 23px 0px 23px; text-align: left; font-family: 'atomy-font-normal'; font-size: 15px; color: #666666; line-height: 1.6;  }


.tran-seminar-name {
  margin-top: 20px;
  text-align: center;
  color: #fff;
  font-size: 22px;
  text-shadow: 0 3px 3px rgb(0 0 0 / 16%);
}
.tran-seminar-date {
  margin-top: 7px;
  color: #fff;
  text-align: center;
}
.tran-seminar-date-zone { position: relative; width: 100%; text-align: center; display: flex; justify-content: center; }
.tran-seminar-date-box {
  line-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 300px;
  border-radius: 20px;
  background-color: #ffffff;
  box-shadow: 0 3px 3px rgb(0 0 0 / 16%);
  border: 1px solid #dadada;
  color: #000000;
}
/* 통역기 신청 관련 CSS (new 2023.02.22) : END */