@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap");
@import url("https://www.home-learn.co.kr/web_font/pretendard/pretendard.css");
b {
  font-weight: 700; }

.sc_wrap * {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.sc_wrap img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  width: auto; }

.sc_wrap .inner {
  max-width: 1280px;
  padding: 0 40px;
  margin: 0 auto; }

.sc_wrap .slick-slide {
  height: auto; }

.sc_wrap .tit {
  line-height: 1.2;
  color: #fff;
  font-family: 'Pretendard';
  font-size: 65px;
  font-weight: 300;
  letter-spacing: normal; }

.sc_wrap .txt {
  display: inline-block;
  padding: 25px 60px;
  margin: 50px 0 56px;
  line-height: 1;
  color: #fff;
  font-family: 'Pretendard';
  font-size: 22px;
  font-weight: 400;
  letter-spacing: normal;
  border-radius: 36px;
  background: #000000; }

.sc_wrap .txt span {
  color: #51edf4; }

.sc_hero {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #002485), color-stop(50%, #1956d3));
  background: -o-linear-gradient(left, #002485 50%, #1956d3 50%);
  background: linear-gradient(to right, #002485 50%, #1956d3 50%); }

.sc1 {
  padding: 100px 0 0;
  background: #f0f2f6; }

.sc1 .tit {
  padding-bottom: 11px;
  margin-bottom: 55px;
  line-height: 1;
  color: #000;
  font-family: 'Pretendard';
  font-size: 70px;
  font-weight: 700;
  letter-spacing: normal;
  text-align: center; }

.sc1 .tit span {
  color: #4f33e9; }

.sc1 .tit b {
  border-bottom: 4px solid #4f33e9; }

.sc1 .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 48px; }

.sc1 .box.on i {
  -webkit-animation: motionObj 0.6s linear forwards;
          animation: motionObj 0.6s linear forwards; }

.sc1 .box i {
  display: block;
  opacity: 0;
  -webkit-transform: translateX(-100px);
      -ms-transform: translateX(-100px);
          transform: translateX(-100px); }

.sc1 .box i:last-child {
  -webkit-transform: translateX(100px);
      -ms-transform: translateX(100px);
          transform: translateX(100px); }

@-webkit-keyframes motionObj {
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes motionObj {
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

.sc2 {
  background: #bdf0eb; }

.sc3 {
  padding: 113px 0 130px;
  background: url(/assets/image/specialEbsRoom/bg_sc3.jpg) no-repeat top, #060444;
  text-align: center; }

.sc3 .inner {
  max-width: 1200px;
  padding: 0 55px; }

.sc3 .tit span {
  color: #51edf4; }

.sc3 .tit b.dot {
  position: relative;
  font-weight: 300; }

.sc3 .tit b.dot::after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #51edf4; }

.sc3 .txt {
  margin: 50px 0 70px;
  background: #4f33e9; }

.sc3 .txt span {
  color: #51edf4; }

.sc3 .txt b {
  font-weight: 600; }

.sc3 .pop_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.sc3 .pop {
  position: relative;
  margin-right: 50px;
  border-radius: 10px;
  text-align: left;
  cursor: pointer; }

.sc3 .pop:nth-child(3n) {
  margin-right: 0; }

.sc3 .pop:nth-child(n + 4) {
  margin-top: 50px; }

.sc3 .pop.on {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  -webkit-transition: 0.75s;
  -o-transition: 0.75s;
  transition: 0.75s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

.sc3 .pop.on .pop_wrap {
  display: block;
  z-index: 5; }

.sc3 .pop_wrap {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 50px 20px 30px 30px;
  background: url(/assets/image/specialEbsRoom/bg_pop_wrap.jpg) no-repeat;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  -webkit-perspective: 1000px;
          perspective: 1000px;
  border-radius: 10px; }

.sc3 .pop_wrap h3 {
  line-height: 1;
  color: #000;
  font-family: 'Pretendard';
  font-size: 30px;
  font-weight: 700;
  letter-spacing: normal; }

.sc3 .pop_wrap h3 span {
  color: #4f33e9; }

.sc3 .pop_wrap ul {
  margin: 37px 0 33px; }

.sc3 .pop_wrap li {
  position: relative;
  padding-left: 32px;
  line-height: 1.4;
  color: #000;
  font-family: 'Pretendard';
  font-size: 17px;
  font-weight: 700;
  letter-spacing: normal;
  word-break: keep-all; }

.sc3 .pop_wrap li:last-child {
  margin-bottom: 0; }

.sc3 .pop_wrap li strong {
  position: absolute;
  top: -1px;
  left: 0; }

.sc3 .pop_wrap li span {
  line-height: 1; }

.sc3 .pop_wrap li span strong {
  top: 1px;
  left: -32px; }

.sc3 .pop_wrap li a {
  padding-bottom: 5px;
  border-bottom: 1px solid #222; }

.sc3 .pop_wrap span {
  color: #4f33e9; }

.sc3 .pop_wrap b {
  position: absolute;
  left: 50%;
  bottom: 30px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
  padding: 11px 33px;
  margin: 0 auto;
  line-height: 1;
  color: #fff;
  font-family: 'Pretendard';
  font-size: 18px;
  font-weight: 700;
  letter-spacing: normal;
  border-radius: 20px;
  background: #4f33e9;
  text-align: center;
  white-space: nowrap; }

.sc3 .pop_wrap b.line2 {
  width: auto;
  line-height: 1.3;
  border-radius: 35px; }

@media (min-width: 1024px) and (max-width: 1201px) {
  .sc3 .inner {
    padding: 0 10px; }
  .sc3 .pop {
    margin-right: 18px;
    width: calc((100% / 3) - (36px / 3)); } }

.sc4 {
  padding: 120px 0 106px;
  background: url(/assets/image/specialEbsRoom/bg_sc4.jpg) no-repeat top, #6107e6;
  background-size: auto 100%;
  text-align: center;
  position: relative; }

.sc4 .tit span {
  color: #51edf4; }

.sc4 .txt {
  display: inline-block;
  padding: 25px 60px;
  margin: 50px 0 56px;
  line-height: 1;
  color: #fff;
  font-family: 'Pretendard';
  font-size: 22px;
  font-weight: 400;
  letter-spacing: normal;
  border-radius: 36px;
  background: #000; }

.sc4 .txt span {
  color: #51edf4;
  font-weight: 700; }

.sc4 .btn_book_pay {
  position: absolute;
  top: -125px;
  right: -31px; }

.sc4_1 {
  padding: 130px 0;
  text-align: center;
  background: #e8ebf0; }

.sc4_1 .txt {
  padding: 22px 40px;
  margin: 0 auto 40px;
  font-size: 30px;
  font-weight: 700;
  border-radius: 35px; }

.sc4_1 .txt span {
  color: #2d7fff; }

.sc4_1 .tit {
  margin-bottom: 86px;
  color: #000; }

.sc4_1 .tit span {
  color: #0b61e8; }

.sc4_1 span {
  color: #2d7fff; }

.sc4_1 .box {
  padding: 36px 0 40px;
  margin-top: 75px;
  background: url(/assets/image/specialEbsRoom/bg_sc4_1_box.png) no-repeat center; }

.sc4_1 .box_txt {
  line-height: 1;
  color: #075ee6;
  font-family: 'Pretendard';
  font-size: 33px;
  font-weight: 400;
  letter-spacing: normal; }

.sc4_1 .box_tit {
  margin-top: 10px;
  line-height: 1;
  color: #000;
  font-family: 'Pretendard';
  font-size: 50px;
  font-weight: 700;
  letter-spacing: normal; }

.sc4_1 .box_tit span {
  color: #075ee6; }

.sc4_1 .box_tit span:last-child {
  color: #0122a8; }

.sc5 {
  padding: 130px 0;
  text-align: center;
  background: url(/assets/image/specialEbsRoom/bg_sc5.png) no-repeat top; }

.sc5 .tit {
  color: #000; }

.sc5 .tit span {
  color: #5119f2; }

.sc5 .txt {
  margin: 50px 0 47px; }

.sc5 .pop {
  display: none;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 842px;
  height: 598px;
  z-index: 100; }

.sc5 .pop.pop1 {
  background: url(/assets/image/specialEbsRoom/bg_sc5_pop1.png); }

.sc5 .pop.pop2 {
  background: url(/assets/image/specialEbsRoom/bg_sc5_pop2.png); }

.sc5 .pop.pop3 {
  background: url(/assets/image/specialEbsRoom/bg_sc5_pop3.png); }

.sc5 .pop > img {
  position: absolute;
  left: 50%;
  bottom: 123px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block; }

.sc5 .pop_btn li {
  margin-bottom: 20px; }

.sc5 .pop_btn li:last-child {
  margin-bottom: 0; }

.sc5 .pop_close {
  position: absolute;
  top: 20px;
  right: 20px; }

.sc6 {
  padding: 130px 0;
  text-align: center;
  background: #060444; }

.sc6 .tit span {
  color: #51edf4; }

.sc6 .txt {
  margin: 50px 0 60px;
  color: #fff;
  background: #4f33e9; }

.sc6 .txt span {
  color: #fff; }

.sc6 .f_slide {
  padding-bottom: 50px; }

.sc6 .f_slide .slick-dots {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.sc6 .f_slide .slick-dots li {
  width: 20px;
  height: 20px;
  opacity: 0.15;
  border-radius: 50%;
  background: #fff; }

.sc6 .f_slide .slick-dots li:last-child {
  margin-left: 20px; }

.sc6 .f_slide .slick-dots li.slick-active {
  opacity: 1; }

.sc6 .f_slide .slick-dots li button {
  font-size: 0; }

.sc7 {
  padding: 130px 0 70px;
  text-align: center;
  background: #f0f2f6; }

.sc7 .inner {
  padding: 0; }

.sc7 .tit {
  line-height: 1;
  color: #000;
  font-family: 'Pretendard';
  font-size: 55px;
  font-weight: 400;
  letter-spacing: normal; }

.sc7 .ico_b {
  display: inline-block;
  width: 291px;
  height: 76px;
  margin: 20px 0 0;
  line-height: 76px;
  color: #fff;
  font-family: 'Pretendard';
  font-size: 55px;
  font-weight: 400;
  letter-spacing: normal;
  border-radius: 38px;
  background: -webkit-gradient(linear, left top, right top, from(#2871fa), to(#6717cd));
  background: -o-linear-gradient(left, #2871fa, #6717cd);
  background: linear-gradient(to right, #2871fa, #6717cd); }

.sc7 .txt {
  display: block;
  padding: 0;
  margin: 40px 0 52px;
  line-height: 1;
  color: #000;
  font-family: 'Pretendard';
  font-size: 22px;
  font-weight: 600;
  letter-spacing: normal;
  background: none; }

@media (max-width: 1023px) {
  .sc_hero {
    background: #1956d3; }
  .sc_wrap .tit {
    font-size: 55px; }
  .sc_wrap .txt {
    font-size: 26px; }
  .sc1 {
    padding: 140px 0 0;
    background: #f0f2f6; }
  .sc1 .inner {
    padding: 0; }
  .sc1 .box {
    margin-top: 0; }
  .sc2 .inner {
    padding: 0; }
  .sc3 {
    padding: 160px 0;
    background: url(/assets/image/specialEbsRoom/bg_sc3_MO.jpg) no-repeat top, #060444; }
  .sc3 .inner {
    max-width: 720px;
    padding: 0; }
  .sc3 .tit {
    white-space: nowrap; }
  .sc3 .tit b {
    font-size: 65px;
    letter-spacing: -1px; }
  .sc3 .tit b.dot {
    font-size: 55px; }
  .sc3 .tit b.dot::after {
    width: 5px;
    height: 5px; }
  .sc3 .txt {
    padding: 25px 0;
    width: 100%;
    max-width: 580px;
    margin: 50px auto 70px;
    line-height: 1.4;
    border-radius: 25px; }
  .sc3 .pop_list {
    padding: 0 25px; }
  .sc3 .pop {
    width: calc(50% - (45px / 2));
    border-radius: 10px;
    cursor: pointer; }
  .sc3 .pop:nth-child(n) {
    margin: 40px 45px 0 0; }
  .sc3 .pop:nth-child(2n) {
    margin-right: 0; }
  .sc3 .pop_wrap {
    padding: 50px 15px 30px 20px;
    background: url(/assets/image/specialEbsRoom/bg_pop_wrap.jpg) no-repeat;
    background-size: contain;
    border-radius: 10px; }
  .sc3 .pop_wrap h3 {
    font-size: 30px;
    font-weight: 700; }
  .sc3 .pop_wrap ul {
    margin: 20px 0 33px; }
  .sc3 .pop_wrap li {
    font-size: 17px;
    letter-spacing: -0.5px; }
  .sc3 .pop_wrap li a {
    padding-bottom: 2px; }
  .sc3 .pop_wrap b {
    bottom: 30px;
    padding: 11px 33px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 20px; }
  .sc3 .pop_wrap b.line2 {
    border-radius: 35px; }
  .sc4 {
    padding: 130px 0 123px;
    background: url(/assets/image/specialEbsRoom/bg_sc4_MO.jpg) no-repeat top, #6107e6;
    background-size: 720px 100%;
    text-align: center; }
  .sc4 .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column; }
  .sc4 .tit b {
    font-size: 65px; }
  .sc4 .txt {
    padding: 0;
    margin: 45px 0 50px;
    font-size: 26px;
    font-weight: 700;
    border-radius: 0;
    background: none; }
  .sc4 .txt span {
    color: inherit; }
  .sc4 img {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .sc4 .btn_book_pay {
    position: static;
    max-width: 321px;
    margin: 0 auto 53px; }
  .sc4_1 {
    padding: 100px 0; }
  .sc4_1 .inner::after {
    right: auto;
    left: 0;
    width: 100%;
    height: 293px;
    background: url(/assets/image/specialEbsRoom/ico_badge.png) no-repeat top;
    background-size: 172px; }
  .sc4_1 .txt {
    padding: 22px 40px;
    margin: 0 auto 40px;
    font-size: 30px;
    border-radius: 35px; }
  .sc4_1 .tit {
    line-height: 1;
    margin-bottom: 86px;
    font-weight: 400;
    font-size: 40px; }
  .sc4_1 .tit b {
    display: block;
    line-height: 1;
    padding-top: 8px;
    font-size: 65px; }
  .sc4_1 .box {
    padding: 0;
    margin-top: 80px;
    background: none; }
  .sc4_1 .box_txt {
    font-size: 33px; }
  .sc4_1 .box_tit {
    margin-top: 10px;
    font-size: 50px; }
  .sc4_1 .box_tit b {
    display: block;
    max-width: 302px;
    padding: 13px 0;
    margin: 20px auto 0;
    border-radius: 35px;
    background: #000; }
  .sc4_1 .box_tit span {
    color: #2870fa; }
  .sc4_1 .box_tit span:last-child {
    color: #fff; }
  .sc5 {
    padding: 160px 0;
    background: url(/assets/image/specialEbsRoom/bg_sc5_MO.png) no-repeat top; }
  .sc5 .tit {
    font-size: 65px; }
  .sc5 .txt {
    width: 100%;
    max-width: 640px;
    line-height: 1.4;
    padding: 25px 0;
    margin: 50px auto 67px;
    border-radius: 25px; }
  .sc5 .pop {
    position: fixed;
    bottom: auto;
    top: 5%;
    width: 640px;
    height: 946px; }
  .sc5 .pop.pop1 {
    background: url(/assets/image/specialEbsRoom/bg_sc5_pop1_MO.png); }
  .sc5 .pop.pop2 {
    background: url(/assets/image/specialEbsRoom/bg_sc5_pop2_MO.png); }
  .sc5 .pop.pop3 {
    background: url(/assets/image/specialEbsRoom/bg_sc5_pop3_MO.png); }
  .sc5 .pop > img {
    bottom: 267px;
    max-width: 450px; }
  .sc5 .pop_btn li {
    margin-bottom: 50px; }
  .sc5 .pop_btn li:last-child {
    margin-bottom: 0; }
  .sc5 .pop_close {
    position: absolute;
    top: 20px;
    right: 20px; }
  .sc6 {
    padding: 160px 0; }
  .sc6 .tit b {
    font-size: 65px; }
  .sc6 .txt {
    max-width: 640px;
    margin: 50px auto 70px;
    line-height: 1.4;
    font-size: 26px;
    border-radius: 25px; }
  .sc6 .f_slide {
    padding-bottom: 60px; }
  .sc6 .f_slide .slick-dots li {
    width: 20px;
    height: 20px; }
  .sc6 .f_slide .slick-dots li:last-child {
    margin-left: 20px; }
  .sc7 {
    padding: 160px 0 110px; }
  .sc7 .tit {
    font-size: 65px; }
  .sc7 .ico_b {
    width: 291px;
    height: 90px;
    margin: 20px 0 0;
    line-height: 89px;
    font-size: 65px;
    border-radius: 45px; }
  .sc7 .txt {
    margin: 50px 0 63px;
    line-height: 1.3;
    font-size: 26px; } }

@media (max-width: 767px) {
  .sc_wrap .inner {
    padding: 0; }
  .sc_wrap .tit {
    font-size: 7.64vw; }
  .sc_wrap .txt {
    padding: 3.47vw 8.33vw;
    font-size: 3.61vw;
    word-break: keep-all; }
  .sc1 {
    padding: 19.44vw 0 0; }
  .sc3 {
    padding: 22.22vw 0;
    background: url(/assets/image/specialEbsRoom/bg_sc3.jpg) no-repeat top, #060444;
    background-size: 100%; }
  .sc3 .inner {
    padding: 0; }
  .sc3 .tit b {
    font-size: 9vw;
    letter-spacing: -1px; }
  .sc3 .tit b.dot {
    font-size: 7.64vw; }
  .sc3 .tit b.dot::after {
    width: 0.69vw;
    height: 0.69vw; }
  .sc3 .txt {
    padding: 3.47vw 0;
    width: 100%;
    max-width: 80.56vw;
    margin: 6.94vw auto 9.72vw;
    line-height: 1.4;
    border-radius: 3.47vw; }
  .sc3 .pop_list {
    padding: 0 3.47vw; }
  .sc3 .pop {
    width: calc(50% - (6.25vw / 2));
    border-radius: 1.39vw;
    cursor: pointer; }
  .sc3 .pop:nth-child(n) {
    margin: 5.56vw 6.25vw 0 0; }
  .sc3 .pop:nth-child(2n) {
    margin-right: 0; }
  .sc3 .pop_wrap {
    padding: 6.94vw 2.08vw 4.17vw 2.78vw;
    background: url(/assets/image/specialEbsRoom/bg_pop_wrap.jpg) no-repeat;
    background-size: contain;
    border-radius: 1.39vw; }
  .sc3 .pop_wrap h3 {
    font-size: 4.17vw;
    font-weight: 700; }
  .sc3 .pop_wrap ul {
    margin: 4vw 0 4.58vw; }
  .sc3 .pop_wrap li {
    line-height: 3.47vw;
    padding-left: 4.44vw;
    font-size: 2.36vw;
    letter-spacing: -0.07vw; }
  .sc3 .pop_wrap li a {
    padding-bottom: 0.28vw; }
  .sc3 .pop_wrap li span strong {
    top: 0.56vw;
    left: -4.44vw; }
  .sc3 .pop_wrap b {
    bottom: 4.17vw;
    padding: 1.53vw 4.58vw;
    font-size: 2.5vw;
    font-weight: 700;
    border-radius: 2.78vw; }
  .sc3 .pop_wrap b.line2 {
    border-radius: 4.86vw; }
  .sc4 {
    padding: 18.06vw 0 17.08vw;
    background: url(/assets/image/specialEbsRoom/bg_sc4_MO.jpg) no-repeat bottom, #6107e6;
    background-size: 100%;
    text-align: center; }
  .sc4 .inner {
    padding: 0; }
  .sc4 .tit b {
    font-size: 9.03vw; }
  .sc4 .txt {
    margin: 6.25vw 0 6.94vw;
    font-size: 3.61vw;
    padding: 0; }
  .sc4 .btn_book_pay {
    max-width: 44.58vw;
    margin: 0 auto 7.36vw; }
  .sc4_1 {
    padding: 13.89vw 0; }
  .sc4_1 .inner::after {
    height: 40.69vw;
    background: url(/assets/image/specialEbsRoom/ico_badge.png) no-repeat top;
    background-size: 23.89vw;
    -webkit-filter: drop-shadow(0.49vw 0.49vw 1.39vw rgba(13, 14, 30, 0.39));
            filter: drop-shadow(0.49vw 0.49vw 1.39vw rgba(13, 14, 30, 0.39)); }
  .sc4_1 .txt {
    padding: 3.06vw 5.56vw;
    margin: 0 auto 5.56vw;
    font-size: 4.17vw;
    border-radius: 4.86vw; }
  .sc4_1 .tit {
    margin-bottom: 11.94vw;
    font-size: 5.56vw; }
  .sc4_1 .tit b {
    padding-top: 1.11vw;
    font-size: 9.03vw; }
  .sc4_1 .box {
    margin-top: 11.11vw; }
  .sc4_1 .box_txt {
    font-size: 4.58vw; }
  .sc4_1 .box_tit {
    margin-top: 1.39vw;
    font-size: 6.94vw; }
  .sc4_1 .box_tit b {
    max-width: 41.94vw;
    padding: 1.81vw 0;
    margin: 2.78vw auto 0;
    border-radius: 4.86vw; }
  .sc5 {
    padding: 22.22vw 0;
    background: url(/assets/image/specialEbsRoom/bg_sc5_MO.png) no-repeat top;
    background-size: 100%; }
  .sc5 .inner {
    padding: 0; }
  .sc5 .txt {
    width: 100%;
    max-width: calc(100% - 40px);
    line-height: 1.4;
    padding: 3.47vw 0;
    margin: 6.94vw auto 9.31vw;
    border-radius: 3.47vw; }
  .sc5 .pop {
    position: fixed;
    bottom: auto;
    top: 5%;
    width: 88.89vw;
    height: 131.39vw; }
  .sc5 .pop.pop1 {
    background: url(/assets/image/specialEbsRoom/bg_sc5_pop1_MO.png);
    background-size: contain; }
  .sc5 .pop.pop2 {
    background: url(/assets/image/specialEbsRoom/bg_sc5_pop2_MO.png);
    background-size: contain; }
  .sc5 .pop.pop3 {
    background: url(/assets/image/specialEbsRoom/bg_sc5_pop3_MO.png);
    background-size: contain; }
  .sc5 .pop > img {
    bottom: 37.08vw;
    max-width: 62.5vw; }
  .sc5 .pop_btn li {
    margin-bottom: 6.94vw; }
  .sc5 .pop_btn li:last-child {
    margin-bottom: 0; }
  .sc5 .pop_close {
    position: absolute;
    top: 2.78vw;
    right: 2.78vw; }
  .sc6 {
    padding: 22.22vw 0; }
  .sc6 .inner {
    padding: 0 20px; }
  .sc6 .tit {
    font-size: 7vw;
    white-space: nowrap;
    letter-spacing: -0.5px; }
  .sc6 .tit b {
    font-size: 9.03vw; }
  .sc6 .txt {
    margin: 6.94vw 0 9.72vw;
    line-height: 1.4;
    word-break: keep-all;
    border-radius: 3.47vw; }
  .sc6 .f_slide {
    padding-bottom: 8.33vw; }
  .sc6 .f_slide .slick-dots li {
    width: 2.78vw;
    height: 2.78vw; }
  .sc6 .f_slide .slick-dots li:last-child {
    margin-left: 2.78vw; }
  .sc7 {
    padding: 22.22vw 20px 15.28vw; }
  .sc7 .tit {
    font-size: 9.03vw; }
  .sc7 .txt {
    padding: 0; }
  .sc7 .ico_b {
    width: 40.42vw;
    height: 12.5vw;
    margin: 2.78vw 0 0;
    line-height: 12.36vw;
    font-size: 9.03vw;
    border-radius: 6.25vw; }
  .sc7 .txt {
    margin: 6.94vw 0 8.75vw;
    line-height: 1.3;
    font-size: 3.61vw; } }

.f_banner {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  z-index: 99;
  background: -webkit-gradient(linear, left top, right top, from(#2871fa), to(#6717cd));
  background: -o-linear-gradient(left, #2871fa, #6717cd);
  background: linear-gradient(to right, #2871fa, #6717cd); }

.f_banner .inner {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; }

.f_banner .inner > img {
  margin: 0; }

.f_banner a {
  z-index: 1;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.f_banner a.btn_book {
  left: 0;
  top: calc(50% - 14px); }

.f_banner a.btn_free {
  right: 176px; }

.f_banner a.btn_pay {
  right: -24px; }

.f_banner img {
  display: block;
  margin: 0 auto; }

@media (max-width: 1023px) {
  .f_banner {
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #2871fa), color-stop(50%, #6717cd));
    background: -o-linear-gradient(left, #2871fa 50%, #6717cd 50%);
    background: linear-gradient(to right, #2871fa 50%, #6717cd 50%); }
  .f_banner .inner {
    max-width: 720px;
    margin: 0 auto;
    background: -webkit-gradient(linear, left top, right top, from(#2871fa), to(#6717cd));
    background: -o-linear-gradient(left, #2871fa, #6717cd);
    background: linear-gradient(to right, #2871fa, #6717cd); }
  .f_banner a.btn_free {
    right: 220px; }
  .f_banner a.btn_pay {
    right: 40px; } }

@media (max-width: 767px) {
  .f_banner a {
    width: 23.61vw;
    max-width: 170px; }
  .f_banner a.btn_free {
    right: 30.56vw; }
  .f_banner a.btn_pay {
    right: 5.56vw; } }

.floating_book {
  position: fixed;
  right: 20px;
  bottom: 150px;
  z-index: 99; }

@media (max-width: 767px) {
  .floating_book {
    right: 2.78vw;
    bottom: 20.83vw;
    width: 16.81vw; } }