@import url(/assets/fonts/font.css);
/* The Modal*/
.modal {
  display: none;
  position: fixed;
  z-index: 90;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
/*countdown*/
.sticky {
  position: fixed;
  top: 0;
  z-index: 98;
}
.countdown {
	width: 100%;
	height: 100px;
	background-color: #fed831;
  }
  
  .countdown .timer {
	height: 100px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding-top: 10px; /* 숫자 위쪽에 여백 추가 */
  }
  
  .countdown .timer li {
	color: #000000;
	font-size: 24px;
	margin: 0 5px;
  }
  
  .countdown .timer .countdown-note {
	font-size: 12px;
	color: #333;
	font-weight: normal;
	width: 100%;
	text-align: center;
	line-height: 1.4;
  }
/*buy*/
#buy {
  display: none;
}
/* free-pass */
.free-pass br.pc {
  display: block;
}
.free-pass .layout {
  text-align: center;
  margin: 0 auto;
}
.free-pass .btn.buy {
  background: url(/assets/images/fire_pass/fire_buy_icon.svg) no-repeat right
    17.95px center;
  text-align: left;
  padding: 12.53px 50px 0 18.47px;
  height: 50px;
  width: 100%;
  color: #fff;
  font-size: 16px;
  letter-spacing: -0.8px;
  border-radius: 5px;
}
.free-pass b {
  font-weight: 700;
  font-family: inherit;
  color: inherit;
}
.free-pass h3 {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  text-align: center;
}
.free-pass h3 b {
  display: inline-block;
  padding-top: 10px;
}
.free-pass ul {
  font-size: 0;
}
.free-pass .section .tit-area {
  padding: 0;
}
.free-pass .sub-top {
  background: #451e00 url(/assets/images/fire_pass/fire_sec1_bg.png);
  height: auto;
  padding-top: 55px;
  padding-bottom: 65px;
}
.free-pass .sub-top .text-area {
  margin-bottom: 57.81px;
}
.free-pass .sub-top h4 {
  color: #cbcbcb;
  font-size: 16px;
  letter-spacing: -0.8px;
  margin-bottom: 10px;
  font-weight: 400;
}
.free-pass .sub-top h3 {
  display: inline-block;
  background: linear-gradient(265deg, #d400dd 0%, #ff9300 100%);
  box-shadow: 15px 15px 20px #0000004d;
  letter-spacing: -2.28px;
  width: auto;
  color: #fff;
  font-family: "Gmarket";
  border-radius: 46px;
  font-size: 38px;
  padding: 21px 60px 18px;
  line-height: 48px;
  font-weight: 700;
}
.free-pass .sub-top h3 b {
  padding-top: 0;
  color: #fff;
}
.free-pass .sub-top p {
  color: #fff;
  font-size: 12px;
  margin-top: 20px;
  line-height: 1.5;
  opacity: 0.4;
}
.free-pass .sub-top h2 {
  font-family: "Gmarket";
  margin-top: 0;
  color: #ffff00;
  text-shadow: 10px 10px 20px #00000090;
  font-weight: 400;
  font-size: 65px;
  padding-top: 30px;
}
.free-pass .sub-top ul {
  display: flex;
  width: 100%;
  max-width: 884px;
  margin: 0 auto;
  justify-content: space-between;
}
.free-pass .sub-top li {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ff8900;
  color: #ff8900;
  font-weight: 700;
  border-radius: 51px;
  width: 280px;
  height: 102px;
  font-size: 26px;
  line-height: 34px;
}
/*price-ara*/
.left {
  float: none;
  width: auto;
  margin-right: 0;
}
.free-pass .price-area {
  padding: 75px 0 100px;
}
.free-pass .price-area h3 {
  color: #4e4e4e;
  font-size: 35px;
  line-height: 50px;
  letter-spacing: -2.1px;
  font-weight: 500;
  margin-bottom: 54px;
}
.free-pass .price-area h3 b {
  font-family: "Gmarket";
  color: #ff8900;
  font-size: 40px;
  line-height: 48px;
}
.free-pass .price-area h3 span {
  color: #4e4e4e;
  font-family: inherit;
}
.free-pass .price-area span {
  display: inline-block;
}
.free-pass .price-area table {
  table-layout: fixed;
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  border-collapse: initial;
}
.free-pass .price-area th {
  color: #fff;
  font-weight: 700;
  background: #414e58;
  letter-spacing: -0.75px;
  font-size: 15px;
  line-height: 25px;
  border-bottom: 1px solid #647989;
}
.free-pass .price-area .yellow {
  color: #fee631;
  font-size: 17px;
}
.free-pass .price-area .yellow span {
  background: #fee631;
  color: #414e58;
  font-size: 13px;
  padding: 1px 10px;
  border-radius: 15px;
  margin-bottom: 5px;
}
.free-pass .price-area .yellowGreen {
  color: #e2ff00;
}
.free-pass .price-area tr:last-of-type th {
  border-bottom: 0;
}
.free-pass .price-area td {
  color: #4e4e4e;
  font-size: 16px;
  line-height: 23px;
  padding: 18px 0 17px;
  border-bottom: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5;
  vertical-align: top;
}
.free-pass .price-area td.sub_td {
  font-size: 18px;
  line-height: 26px;
}
.free-pass .price-area tr:nth-last-child(2) td {
  border-bottom: 0;
}
.free-pass .price-area tr:first-of-type {
  height: 60px;
}
.free-pass .price-area .green {
  background: #009aa7;
  text-align: center;
  color: #fff;
  border-bottom: 0;
}
.free-pass .price-area td.green {
  border-left: 4px solid #fff;
  border-right: 4px solid #fff;
}
.free-pass .price-area .purple {
  background: #7e30fa;
  text-align: center;
  color: #fff;
  border-bottom: 0;
}
.free-pass .price-area .greenTitle {
  font-family: "Gmarket";
  background: #009aa7;
  border-left: 4px solid #fff;
  border-right: 4px solid #fff;
  border-bottom: 0;
  font-size: 20px;
}
.free-pass .price-area .purpleTitle {
  font-family: "Gmarket";
  background: #7e30fa;
  border-bottom: 0;
  font-size: 20px;
}
.free-pass .price-area li {
  color: #4e4e4e;
  position: relative;
}
.free-pass .price-area h4 {
  font-family: "Gmarket";
  font-size: 18px;
  letter-spacing: -0.9px;
  line-height: 25px;
  color: #4e4e4e;
}
.free-pass .price-area ol {
  text-align: left;
  padding-left: 20px;
}
.free-pass .price-area .sub_td ol li {
  margin-bottom: 15px;
  word-break: keep-all;
}
.free-pass .price-area .sub_td ol li:first-of-type {
  color: #ff8900;
  font-weight: 500;
}
/* .free-pass .price-area .sub_td ol .green_li{color: #009AA7;}
.free-pass .price-area .sub_td ol .purple_li{color: #7E30FA;} */
.free-pass .price-area .subList {
  display: flex;
  flex-wrap: wrap;
}
.free-pass .price-area .subList li {
  width: 50%;
  position: relative;
  white-space: nowrap;
}
.free-pass .price-area .new::after {
  margin-left: 1px;
  content: "new";
  display: inline-block;
  padding: 2px;
  color: #fff;
  background: rgb(255, 123, 0);
  line-height: 1;
  font-size: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.free-pass .price-area ol span {
  width: 36px;
  height: 20px;
  border-radius: 4px;
  font-size: 13px;
  text-align: right;
}
.free-pass .price-area .special {
  position: relative;
  background: #f2f2f2;
  padding: 0;
  text-align: center;
}
.free-pass .price-area .special img {
  vertical-align: bottom;
}
.free-pass .price-area ul {
  display: inline-block;
  border-right: 1px solid rgba(227, 227, 227, 0.4);
  /* padding: 0 10px; */
  width: 45%;
}
.free-pass .price-area ul:last-of-type {
  border-right: 0;
}
.free-pass .price-area .day {
  font-family: "Gmarket";
  color: #fff;
  font-weight: 100;
  height: 32px;
  border-radius: 16px;
  font-size: 15px;
  letter-spacing: -0.75px;
  padding-top: 6px;
}
.free-pass .price-area .price {
  color: #fff;
  font-size: 19px;
  letter-spacing: -0.95px;
  padding: 20px 0 15px;
}
.free-pass .price-area .price b {
  font-size: 42px;
}
.free-pass .price-area .txt {
  color: #fff;
  font-size: 15px;
  letter-spacing: -0.95px;
  padding: 5px 0 10px;
}
.free-pass .price-area a {
  box-shadow: 5px 5px 6px #00000029;
  background: #fff;
  height: 45px;
  font-size: 16px;
  letter-spacing: -0.8px;
  width: 100%;
  border-radius: 5px;
  padding-top: 12px;
}
.free-pass .price-area .green {
  --parent-color: #07c4d5;
  --link-color: #0f464b;
}
.free-pass .price-area .green .day {
  background: var(--parent-color);
}
.free-pass .price-area .green .day b {
  color:#e5ef56;
}
.free-pass .price-area .green a {
  color: var(--link-color);
}
.free-pass .price-area .purple {
  --parent-color: #a979f5;
  --link-color: #3b1b6d;
}
.free-pass .price-area .purple .day {
  background: var(--parent-color);
}
.free-pass .price-area .purple .day b {
  color:#e2ed46;
}
.free-pass .price-area .purple a {
  color: var(--link-color);
}
.free-pass .price-area .payment1 {
  font-family: inherit;
  font-size: 12px;
  font-weight: 400;
  color: #000;
  height: 22px;
  background: #fff;
}
.free-pass .price-area .payment2 {
  font-family: inherit;
  font-size: 12px;
  font-weight: 400;
  color: #f6f8f3;
  height: 22px;
  background-color: var(--link-color);
  margin-bottom: 10px;
}
/*.free-pass .price-area .purple .payment2 {font-family:inherit;font-size:12px;font-weight:400;color:#f6f8f3;height:22px;background-color:var(--link-color);margin-bottom:10px;}*/
.free-pass .price-area .payment2 b {
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  color: #e6f32a;
}
/* sec1_1 */

.free-pass .sec1_1 {
  padding: 100px 0;
  background-color: #f2f2f2;
}
.free-pass .sec1_1 .title {
  word-break: keep-all;
}
.free-pass .sec1_1 .title h3 {
  color: #4e4e4e;
  font-size: 35px;
  line-height: 50px;
  letter-spacing: -2.1px;
  font-weight: 500;
  margin-bottom: 54px;
}
.free-pass .sec1_1 .title h3 b {
  font-family: "Gmarket";
  color: #ff8900;
  font-size: 40px;
  line-height: 48px;
}
.free-pass .sec1_1 .title h3 span {
  color: #4e4e4e;
  font-size: 30px;
  line-height: 50px;
  letter-spacing: -2.1px;
  font-weight: 400;
  margin-bottom: 54px;
}
/*
.videoSliderWrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  margin-top: 30px;
}

.videoSlider {
  overflow: hidden;
}

.sliderTrack {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.intervBox {
  width: 50%; 
  flex-shrink: 0;
  text-align: center;
}

.intervBox img {
  max-width: 100%;
  cursor: pointer;
}

.sliderArrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  color: #fff;
  border: none;
  font-size: 30px;
  padding: 10px;
  cursor: pointer;
  border-radius: 50%;
}

.sliderArrow.left {
  left: 10px;
}

.sliderArrow.right {
  right: 10px;
}
*/

.videoSliderWrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-top: 30px;
}
.videoSlider {
  overflow: hidden;
  width: 100%;
}

.sliderTrack {
  display: flex;
  gap: 10px;
  transition: transform 0.5s ease-in-out;
}

.intervBox {
  flex: 0 0 calc(50% - 5px); /* gap의 절반만 빼서 정확히 2개 표시 */
  box-sizing: border-box;
}


.intervBox img {
  width: 100%;
  height: auto;
  cursor: pointer;
  display: block;
  border-radius: 8px;
}

.sliderArrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;

  color: #fff;
  border: none;
  font-size: 30px;
  padding: 10px;
  cursor: pointer;
  border-radius: 50%;
}
.sliderArrow.left {
  left: 10px;
}
.sliderArrow.right {
  right: 10px;
}

/*
@media screen and (max-width: 600px) {
  .intervBox {
    flex: 0 0 calc(100% - 10px);  모바일은 한 장씩 
  }
}
*/

/*section*/
.free-pass .section1 {
  border-bottom: 1px solid #b0b0b0;
  padding-top: 100px;
  background: none;
  height: auto;
}
.free-pass .section1 .title h3 {
  color: #4e4e4e;
  font-size: 35px;
  line-height: 50px;
  letter-spacing: -2.1px;
  font-weight: 500;
  margin-bottom: 54px;
}
.free-pass .section1 .title h3 b {
  font-family: "Gmarket";
  color: #ff8900;
  font-size: 40px;
  line-height: 48px;
}
.free-pass .section1 ul {
  display: flex;
  flex-wrap: wrap;
  background-repeat: no-repeat;
  background-position: right bottom;
  justify-content: flex-start;
  padding: 0 0 100px;
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}
.free-pass .section1 ul > li {
  overflow: hidden;
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
  height: 290px;
  width: 24.7%;
  margin-bottom: 5px;
  background-color: #b2b1a4;
  background-position: bottom center;
  margin-left: 0.3%;
}
.free-pass .section1 ul > li::after {
  position: absolute;
  left: 0;
  bottom: 0;
  display: inline-block;
  width: 100%;
  height: 70%;
  content: "";
  background: linear-gradient(180deg, #eae9e100 0, #6e6c60 100%) no-repeat
    bottom right;
  mix-blend-mode: multiply;
}
.free-pass .section1 .new::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url(/assets/images/fire_pass/fire_new_teacher.png) no-repeat top
    left;
  background-size: contain;
  width: 96px;
  height: 96px;
}
.free-pass .section1 ol {
  position: absolute;
  text-align: left;
  top: 52%;
  left: 24px;
}
.free-pass .section1 ol li {
  position: relative;
  z-index: 1;
  font-family: "Gmarket";
  color: #fff;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: -0.26px;
}
.free-pass .section1 ol .subject {
  font-family: "NotoSansKR";
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.75px;
}
.free-pass .section1 ol .name {
  font-family: "Gmarket";
  font-size: 23px;
  letter-spacing: -0.46px;
  line-height: 33px;
  font-weight: 700;
  padding: 6px 0 13px;
}
/* sec2 */

.free-pass .sec2 {
  padding: 100px 0;
  background: #414e58;
}
.free-pass .sec2 .inner {
  max-width: 1176px;
}
.free-pass .sec2 .title h3 {
  color: #fff;
  font-size: 35px;
  line-height: 50px;
  letter-spacing: -2.1px;
  font-weight: 500;
  margin-bottom: 54px;
}
.free-pass .sec2 .title h3 b {
  font-family: "Gmarket";
  color: #ff8900;
  font-size: 40px;
  line-height: 48px;
  word-break: keep-all;
}
.free-pass .sec2 .sticky {
  position: unset;
}
.free-pass .sec2 table {
  border: 2px solid #e65100;
  table-layout: fixed;
  width: 100%;
  background: #fff;
}
.free-pass .sec2 table tr th {
  font-size: 24px;
  font-family: "Gmarket";
  color: #000;
  font-weight: 500;
  height: 60px;
  border: 1px solid #c9c7c3;
}
.free-pass .sec2 table tr td {
  border: 1px solid #c9c7c3;
  height: 90px;
  font-size: 16px;
  text-align: center;
  position: relative;
  z-index: 1;
  word-break: keep-all;
  width: 80px;
}
.free-pass .sec2 table tr td .textArea {
  position: absolute;
  left: 0;
  top: 30px;
  white-space: nowrap;
  width: 100%;
}
.free-pass .sec2 table tr td .textArea .txt {
  position: absolute;
  left: 0;
}
.free-pass .sec2 table tr td .textArea .txt.center {
  left: 50%;
}
.free-pass .sec2 table tr td .textArea .txt.right {
  left: unset;
  right: 0;
}
.free-pass .sec2 table tr td .textArea .txt.l350 {
  left: 125%;
}
.free-pass .sec2 table tr td .textArea .txt.l300 {
  left: 100%;
}
.free-pass .sec2 table tr td .textArea .txt.l200 {
  left: 40%;
}
.free-pass .sec2 table tr td .textArea .txt.l100 {
  left: -20%;
}
.free-pass .sec2 table tr td .textArea .txt.l30 {
  left: -30%;
}
.free-pass .sec2 table tr td .textArea.center {
  left: 50%;
}
.free-pass .sec2 table tr td .textArea.right {
  left: unset;
  right: 0;
}
.free-pass .sec2 table tr td .textArea.right .line.w50 {
  margin-left: 50%;
}
.free-pass .sec2 table tr td .textArea.center .line {
  margin: 0 auto 5px;
}
.free-pass .sec2 table tr td .line {
  height: 2px;
  position: relative;
  margin-bottom: 5px;
}
.free-pass .sec2 table tr td .line.w450 {
  width: 450%;
}
.free-pass .sec2 table tr td .line.w400 {
  width: 400%;
}
.free-pass .sec2 table tr td .line.w350 {
  width: 350%;
}
.free-pass .sec2 table tr td .line.w300 {
  width: 300%;
}
.free-pass .sec2 table tr td .line.w250 {
  width: 250%;
}
.free-pass .sec2 table tr td .line.w200 {
  width: 200%;
}
.free-pass .sec2 table tr td .line.w150 {
  width: 150%;
}
.free-pass .sec2 table tr td .line.w100 {
  width: 100%;
}
.free-pass .sec2 table tr td .line.w50 {
  width: 50%;
}
.free-pass .sec2 table tr td .line.center {
  margin: 0 auto 5px;
}
.free-pass .sec2 table tr td .line.right {
  margin: 0 0 5px auto;
}
.free-pass .sec2 table tr td .line::after {
  content: "";
  position: absolute;
  border-color: transparent #f34c27 transparent transparent;
  border-style: solid;
  border-width: 5px 10px 5px 0;
  float: left;
  height: 0;
  width: 0;
  left: -1px;
  top: 50%;
  transform: translateY(-50%);
}
.free-pass .sec2 table tr td .line::before {
  content: "";
  position: absolute;
  border-color: transparent transparent transparent #f34c27;
  border-style: solid;
  border-width: 5px 0 5px 10px;
  float: left;
  height: 0;
  width: 0;
  right: -1px;
  top: 50%;
  transform: translateY(-50%);
}
.free-pass .sec2 table tr:first-of-type th:first-of-type {
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  width: 180px;
}
.free-pass .sec2 table tr td:first-of-type {
  border-right: 1px solid #000;
  font-size: 24px;
  font-family: "Gmarket";
  text-align: center;
}
.free-pass .sec2 table tr:nth-of-type(1) th {
  border-bottom: 1px solid #000;
}
.free-pass .sec2 table tr:nth-of-type(2) td {
  border-top: 1px solid #000;
  color: #f34c27;
}
.free-pass .sec2 table tr:nth-of-type(2) td .line {
  background: #f34c27;
}
.free-pass .sec2 table tr:nth-of-type(3) td {
  color: #ba2b8c;
}
.free-pass .sec2 table tr:nth-of-type(3) td .line {
  background: #ba2b8c;
}
.free-pass .sec2 table tr:nth-of-type(3) td .line::after {
  border-color: transparent #ba2b8c transparent transparent;
}
.free-pass .sec2 table tr:nth-of-type(3) td .line::before {
  border-color: transparent transparent transparent #ba2b8c;
}
.free-pass .sec2 table tr:nth-of-type(4) td {
  color: #4e3ea0;
}
.free-pass .sec2 table tr:nth-of-type(4) td .line {
  background: #4e3ea0;
}
.free-pass .sec2 table tr:nth-of-type(4) td .line::after {
  border-color: transparent #4e3ea0 transparent transparent;
}
.free-pass .sec2 table tr:nth-of-type(4) td .line::before {
  border-color: transparent transparent transparent #4e3ea0;
}
.free-pass .sec2 table tr:nth-of-type(5) td {
  color: #38b3cc;
}
.free-pass .sec2 table tr:nth-of-type(5) td .line {
  background: #38b3cc;
}
.free-pass .sec2 table tr:nth-of-type(5) td .line::after {
  border-color: transparent #38b3cc transparent transparent;
}
.free-pass .sec2 table tr:nth-of-type(5) td .line::before {
  border-color: transparent transparent transparent #38b3cc;
}
.free-pass .sec2 table tr:nth-of-type(6) td {
  color: #234ebc;
}
.free-pass .sec2 table tr:nth-of-type(6) td .line {
  background: #234ebc;
}
.free-pass .sec2 table tr:nth-of-type(6) td .line::after {
  border-color: transparent #234ebc transparent transparent;
}
.free-pass .sec2 table tr:nth-of-type(6) td .line::before {
  border-color: transparent transparent transparent #234ebc;
}
.free-pass .sec2 table tr:nth-of-type(7) td {
  color: #19a443;
}
.free-pass .sec2 table tr:nth-of-type(7) td .line {
  background: #19a443;
}
.free-pass .sec2 table tr:nth-of-type(7) td .line::after {
  border-color: transparent #19a443 transparent transparent;
}
.free-pass .sec2 table tr:nth-of-type(7) td .line::before {
  border-color: transparent transparent transparent #19a443;
}
.free-pass .sec2 table tr:nth-of-type(8) td {
  color: #70b93d;
}
.free-pass .sec2 table tr:nth-of-type(8) td .line {
  background: #70b93d;
}
.free-pass .sec2 table tr:nth-of-type(8) td .line::after {
  border-color: transparent #70b93d transparent transparent;
}
.free-pass .sec2 table tr:nth-of-type(8) td .line::before {
  border-color: transparent transparent transparent #70b93d;
}
.free-pass .sec2 table tr:nth-of-type(9) td {
  color: #f4a308;
}
.free-pass .sec2 table tr:nth-of-type(9) td .line {
  background: #f4a308;
}
.free-pass .sec2 table tr:nth-of-type(9) td .line::after {
  border-color: transparent #f4a308 transparent transparent;
}
.free-pass .sec2 table tr:nth-of-type(9) td .line::before {
  border-color: transparent transparent transparent #f4a308;
}
.free-pass .sec2 table tr:nth-of-type(10) td {
  color: #f4084f;
  font-size: 16px;
}
/*
.free-pass .sec2 table tr:nth-of-type(10) .off_test {
  background-color: #f78bab;
}
  */
.free-pass .sec2 table tr:nth-of-type(10) td span {
  margin: 0 3px;
  font-size: 18px;
  color: #fff;
  background-color: #ec4476;
  padding: 3px 3px;
}

.free-pass .sec2 .btnArea a {
  width: 330px;
  background: #ff9000;
  color: #fff;
  line-height: 60px;
  text-align: center;
  font-size: 24px;
  border-radius: 10px;
}
.free-pass .sec2 .btnArea a img {
  vertical-align: baseline;
}
/* sec3 */
.free-pass .section3 {
  padding: 100px 0;
}
.free-pass .section3 .tit-area span {
  color: #4e4e4e;
  font-size: 35px;
  font-weight: 500;
  letter-spacing: -2.1px;
  margin-bottom: 93px;
}
.free-pass .section3 .tit-area span b {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 0, 0.7),
    rgba(230, 197, 14, 0.7)
  );
  padding: 2px 5px;
  color: black;
}
.free-pass .section3 h3 {
  color: #fd8440;
  font-family: "Gmarket";
  font-weight: 700;
  letter-spacing: -2px;
  font-size: 40px;
  margin-bottom: 20px;
}
.free-pass .section4 {
  padding: 82px 0;
}
.free-pass .section4 .tit-area span {
  display: inline-block;
  color: #4e4e4e;
  font-size: 35px;
  font-weight: 500;
  letter-spacing: -2.1px;
  margin-bottom: 20px;
}
.free-pass .section4 .tit-area h3 {
  color: #fd8440;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -2px;
  margin-bottom: 98px;
}
.free-pass .section4 .cont-area {
  max-width: 1029px;
  margin: 0 auto;
}
.free-pass .section4 .imgArea {
  margin-bottom: 95px;
}
.free-pass .section4 h4 {
  position: relative;
  color: #4e4e4e;
  font-size: 35px;
  font-weight: 500;
  letter-spacing: -2.1px;
}
.free-pass .section4 h4::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 50px;
  height: 1px;
  width: 100%;
  background: #fd8440;
}
.free-pass .section4 h4::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 50px;
  transform: translateY(50%);
  background-image: url(/assets/images/fire_pass/fire_sec4_arrow-left.svg),
    url(/assets/images/fire_pass/fire_sec4_arrow-right.svg);
  background-repeat: no-repeat;
  background-position: left center, right center;
  background-size: contain;
  width: 100%;
  height: 15px;
}
.free-pass .section4 h4 span {
  font-family: "Gmarket";
  background: #fff;
  z-index: 1;
  position: relative;
  display: inline-block;
  margin-top: 20px;
  padding: 0 20px;
  padding-bottom: 0;
  color: #fd8440;
  font-size: 40px;
  font-weight: 700;
  line-height: 49px;
  letter-spacing: -2.4px;
  border-left: 1px solid #fd8440;
  border-right: 1px solid #fd8440;
}
.free-pass .section5 {
  background: #f2f2f2;
  padding: 107.43px 0 106.57px;
}
.free-pass .section5 .tit-area span {
  font-size: 35px;
  line-height: 49px;
  font-weight: 500;
  color: #4e4e4e;
}
.free-pass .section5 .tit-area h3 {
  color: #504ad9;
  font-family: "Gmarket";
  font-weight: 700;
  font-size: 40px;
  padding-top: 20px;
  line-height: 47px;
  margin-bottom: 61px;
}
.free-pass .section5 ul {
  max-width: 1180px;
  margin: 0 auto;
  text-align: center;
}
.free-pass .section5 ul .top-title {
  color: #fff;
  background: linear-gradient(90deg, #007fff 0%, #be0ede 100%);
  font-family: "Gmarket";
  font-size: 36px;
  font-weight: 700;
  letter-spacing: -1.8px;
  padding: 21px 0 15px;
}
.free-pass .section5 ul .cont-area {
  background: #fff;
}
.free-pass .section5 .bottomArea {
  background: #545e5f;
  padding: 44px 0 35px;
  text-align: center;
}
.free-pass .section5 .bottomArea h4 {
  color: #fee631;
  font-family: "Gmarket";
  font-weight: 700;
  font-size: 30px;
  line-height: 43px;
  letter-spacing: -1.5px;
  margin-bottom: 5px;
}
.free-pass .section5 .bottomArea p {
  color: #fff;
  font-size: 25px;
  letter-spacing: -1.25px;
  line-height: 35px;
  text-align: center;
}
.free-pass .section6 {
  padding: 100px 0;
}
.free-pass .section6 h3 {
  color: #4e4e4e;
  font-weight: 500;
  line-height: 50px;
  letter-spacing: -2.1px;
  font-size: 35px;
}
.free-pass .section6 h3 b {
  color: #ff8900;
  font-family: "Gmarket";
  letter-spacing: -2px;
  font-size: 40px;
  line-height: 48px;
  margin-bottom: 54px;
}
.free-pass .section6 ul.cont-area {
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
  text-align: left;
}
.free-pass .section6 li {
  display: inline-block;
  width: 19.5%;
  margin: 0.2%;
  transition: 0.5s ease;
  background: #b2b1a4 no-repeat top center;
}
.free-pass .section6 li a {
  transition: 0.5s ease;
  position: relative;
  text-align: left;
  background: rgba(0, 0, 0, 0.4)
    url(/assets/images/fire_pass/fire_teacher_video.svg) no-repeat center;
  width: 100%;
  height: 230px;
  color: #fff;
  padding: 20px;
}
.free-pass .section6 li:hover {
  background-position-y: 40px;
}
.free-pass .section6 li:hover a {
  background-color: transparent;
  color: #000;
  background-image: none;
}
.free-pass .section6 li span {
  font-weight: 500;
  font-size: 12px;
}
.free-pass .section6 li b {
  font-family: "Gmarket";
  font-weight: 700;
  font-size: 17px;
  letter-spacing: -0.34px;
  line-height: 27px;
  padding-top: 10px;
}
.free-pass .section8 {
  padding: 0;
  background: #242b46;
}
.free-pass .section8 .cont-area {
  text-align: center;
  padding: 60px 0 94px;
}
.free-pass .section8 h3 {
  color: #fff;
  font-weight: 500;
  font-size: 35px;
  line-height: 50px;
  letter-spacing: -2px;
  margin-bottom: 101px;
}
.free-pass .section8 h3 b {
  font-family: "Gmarket";
  font-weight: 700;
  color: #24ffa3;
  font-size: 40px;
  line-height: 48px;
}
.free-pass .section8 .cont-area .cont1 {
  position: relative;
  border: 2px solid #24ffa3;
  border-radius: 10px;
  padding: 112px 0 56px;
}
.free-pass .section8 .cont-area .cont1 strong {
  position: absolute;
  display: inline-block;
  background: linear-gradient(101deg, #00f5ff 0%, #18fc32 100%);
  color: #242b46;
  border-radius: 53px;
  width: 558px;
  height: 105px;
  font-size: 25px;
  font-weight: 400;
  line-height: 36px;
  padding-top: 16px;
  letter-spacing: -1.25px;
  left: 50%;
  top: -50px;
  transform: translateX(-50%);
}
.free-pass .section8 .cont-area .cont1 li {
  margin: 0;
}
.free-pass .section8 .cont-area .cont1 ol {
  display: flex;
  width: 100%;
  justify-content: space-around;
  align-items: stretch;
}
.free-pass .section8 .cont-area .cont1 ol > li {
  border-right: 1px dashed #24ffa3;
  width: 25%;
}
.free-pass .section8 .cont-area .cont1 ol > li:last-of-type {
  border-right: 0;
}
.free-pass .section8 .cont-area .cont1 ul {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  margin: 0;
}
.free-pass .section8 .cont-area .cont1 .txt1 {
  color: #00c4ff;
  font-size: 20px;
  padding: 42px 0;
  line-height: 26px;
}
.free-pass .section8 .cont-area .cont1 .txt2 {
  background: #24ffa3;
  color: #242b46;
  font-weight: 700;
  font-size: 20px;
  width: 141px;
  height: 42px;
  line-height: 42px;
  border-radius: 23px;
  margin: 0 auto;
}
.free-pass .section7 .tit-area strong span {
  margin-top: 0;
}
.free-pass .section7 .cont1 .tab_con .tab-cont dd {
  line-height: 25px;
}
.free-pass .section7 .cont1 .tab-area ul {
  width: 100%;
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
}
.free-pass .section7 .cont1 .tab-area li {
  display: table-cell;
  width: auto;
  border: 1px solid #b0b0b0;
  background: #d5d5d5;
  color: #000;
}
.free-pass .section7 .cont1 .tab-area li:not(:last-child)::after {
  display: none;
}
.free-pass .section7 .cont1 .tab-area li:last-child {
  width: auto;
}
.free-pass .section7 .cont1 .tab-area li.on {
  border-color: #000;
  color: #fff;
}
@media all and (max-width: 1280px) {
  /* countdown */
  .countdown .timer li {
    font-size: 23px;
  }
  .countdown .timer li:nth-of-type(1) {
    margin-right: 10px;
  }
  /* price area */
  .free-pass .price-area td {
    font-size: 14px;
  }
  .free-pass .price-area table col:first-of-type {
    width: 12% !important;
  }
  .free-pass .price-area .day {
    font-size: 14px;
  }
  .free-pass .price-area .price b {
    font-size: 40px;
  }
  /* section */
  .free-pass .sub-top h3 {
    font-size: 33px;
  }
  /* sec2 */
  .free-pass .sec2 table tr th {
    font-size: 18px;
    height: 50px;
  }
  .free-pass .sec2 table tr td {
    height: 60px;
    font-size: 14px;
  }
  .free-pass .sec2 table tr td:first-of-type {
    font-size: 18px;
  }
}
@media all and (max-width: 1000px) {
  /* countdown */
  .countdown {
    height: 80px;
  }
  .countdown .timer {
    height: inherit;
  }
  .countdown .timer li {
    font-size: 18px;
  }
  .countdown .timer li span.num {
    font-size: 35px;
    width: 40px;
    height: 50px;
    line-height: 50px;
  }
  .countdown .timer li span.days_text {
    font-size: 18px;
  }
  .countdown .timer li.seperator img {
    width: 5px;
  }
  /* free-pass */
  .free-pass .section .tit-area span {
    font-size: 25px;
    line-height: 32px;
    margin-bottom: 0;
  }
  .free-pass .section .tit-area h3 {
    font-size: 30px;
    line-height: 40px;
    padding-top: 10px;
  }
  .free-pass .btn.buy {
    padding: 13px 30px 0 5px;
    background-position: right 5px center;
  }
  .free-pass .sub-top h3 {
    font-size: 27px;
    padding: 11px 35px;
  }
  .free-pass .sub-top h2 {
    font-size: 56px;
  }
  .free-pass .sub-top li {
    width: 32%;
    font-size: 20px;
    line-height: 27px;
    height: 90px;
  }
  .free-pass .section1 ul {
    justify-content: flex-start;
  }
  .free-pass .section1 ul > li {
    width: 32.3%;
    margin: 0.5%;
  }
  /* sec2 */
  .free-pass .sec2 table tr th {
    font-size: 14px;
    height: 40px;
  }
  .free-pass .sec2 table tr td {
    height: 50px;
    font-size: 10px;
  }
  .free-pass .sec2 table tr td:first-of-type {
    font-size: 14px;
  }
  .free-pass .sec2 table tr td .textArea {
    top: 10px;
  }
  .free-pass .sec2 table tr td .textArea .txt.l100 {
    left: 0;
  }
  .free-pass .section4 h4 {
    font-size: 25px;
  }
  .free-pass .section4 h4 span {
    font-size: 30px;
    line-height: 40px;
  }
  .free-pass .section4 h4::before {
    bottom: 38px;
  }
  .free-pass .section4 h4::after {
    bottom: 38px;
  }
  .free-pass .section5 .bottomArea h4 {
    font-size: 27px;
  }
  .free-pass .section6 h3 {
    font-size: 30px;
    line-height: 40px;
  }
  .free-pass .section6 h3 b {
    font-size: 35px;
  }
  .free-pass .section6 li {
    width: 24.6%;
  }
  .free-pass .section8 .cont-area .cont1 .txt1 {
    font-size: 17px;
  }
  .free-pass .section7 {
    padding: 60px 0 70px;
  }
  .free-pass .section7 .tit-area strong {
    font-size: 30px;
  }
  .free-pass .section7 .tit-area strong span {
    width: 26px;
  }
  .free-pass .section7 .cont1 .tab-area li {
    width: 33.3%;
    font-size: 25px;
  }
  .free-pass .section7 .cont1 .tab-area li:last-child {
    width: 33.3%;
  }
  .free-pass .section7 .cont1 .tab_con {
    padding: 40px 50px 60px;
  }
  /* price */
  .free-pass .price-area td {
    font-size: 12px;
  }
  .free-pass .price-area ul {
    padding: 0 5px;
  }
  .free-pass .price-area ol {
    padding-left: 10px;
  }
  .free-pass .price-area .day {
    font-size: 12px;
  }
  .free-pass .price-area .price {
    font-size: 16px;
  }
  .free-pass .price-area .price b {
    font-size: 36px;
  }
}
@media all and (max-width: 860px) {
  .free-pass br.pc {
    display: none;
  }
  .free-pass br.mo {
    display: block;
  }
  .free-pass img.pc {
    display: none;
  }
  .free-pass img.mo {
    display: block;
  }
  .free-pass .section .cont-area {
    width: 85%;
    margin: 0 auto;
  }
  /* price area */
  .free-pass .price-area .cont-area {
    width: 100%;
  }
  .free-pass .price-area h3 b {
    font-size: 35px;
    line-height: 45px;
  }
  .free-pass .price-area td {
    font-size: 14px;
  }
  .free-pass .price-area ol {
    padding-left: 10px;
  }
  .free-pass .price-area .subList li {
    width: 100%;
  }
  .free-pass .price-area .subList li.null {
    display: none;
  }
  .free-pass .price-area .yellow span {
    font-size: 12px;
  }
  .free-pass .price-area .special {
    padding-top: 30px;
    padding-left: 20px;
  }
  .free-pass .price-area .day {
    height: auto;
    line-height: 15px;
  }
  .free-pass .price-area .price b {
    font-size: 24px;
  }
  .free-pass .price-area a {
    height: 40px;
    padding-top: 10px;
  }
  /* section */
  .free-pass .sub-top h4 {
    font-size: 20px;
    line-height: 30px;
  }
  .free-pass .sub-top h3 {
    font-size: 32px;
    line-height: 37px;
  }
  .free-pass .sub-top h2 {
    font-size: 46px;
  }
  .free-pass .sub-top ul {
    display: none;
  }
  .free-pass .section1 {
    border-bottom: 0;
  }
  .free-pass .section1 ul {
    width: 85%;
    margin: 0 auto;
    justify-content: space-between;
    padding-bottom: 0;
  }
  .free-pass .section1 ul > li {
    width: 49.5%;
    margin: 0;
    margin-bottom: 5px;
  }
  .free-pass .section4 h4 span {
    font-size: 25px;
    line-height: 35px;
  }
  .free-pass .section4 h4::after {
    bottom: 55px;
  }
  .free-pass .section4 h4::before {
    bottom: 55px;
  }
  .free-pass .section5 ul {
    width: 85%;
    margin: 0 auto;
  }
  .free-pass .section5 ul .cont-area {
    width: 100%;
  }
  .free-pass .section5 ul .top-title {
    font-size: 30px;
  }
  .free-pass .section5 .bottomArea {
    display: none;
  }
  .free-pass .section6 ul.cont-area {
    width: 85%;
  }
  .free-pass .section6 li {
    width: 32.9%;
  }
  .free-pass .section8 h3 {
    font-size: 26px;
    line-height: 40px;
    margin-bottom: 54px;
  }
  .free-pass .section8 h3 b {
    font-size: 32px;
    line-height: 45px;
  }
  .free-pass .section8 .cont-area .cont1 {
    overflow: hidden;
    padding-top: 0;
  }
  .free-pass .section8 .cont-area .cont1 strong {
    position: static;
    transform: translateX(0);
    border-radius: 0;
    width: 100%;
    height: auto;
    font-size: 20px;
    line-height: 30px;
    padding: 16px 0;
    margin-bottom: 60px;
  }
  .free-pass .section8 .cont-area .cont1 ol {
    flex-wrap: wrap;
  }
  .free-pass .section8 .cont-area .cont1 ol > li {
    width: 50%;
    border-right: 0;
  }
  .free-pass .section8 .cont-area .cont1 ol > li:nth-of-type(1),
  .free-pass .section8 .cont-area .cont1 ol > li:nth-of-type(2) {
    margin-bottom: 60px;
  }
  .free-pass .section7 .tit-area {
    width: 85%;
    margin: 0 auto;
  }
  .free-pass .section7 .cont1 .tab-area li {
    font-size: 22px;
  }
}
@media all and (max-width: 750px) {
 
	/* countdown */
	.countdown {
		height: auto;
	}
	
	.countdown .timer {
		display: flex;           /* ✅ block → flex */
		flex-wrap: wrap;         /* ✅ 줄 바꿈은 허용 */
		justify-content: center; /* ✅ 가운데 정렬 */
		align-items: center;
		text-align: center;
		padding: 2rem 0;
	}
	
	.countdown .timer li {
		font-size: 0;
		display: flex;           /* ✅ inline-block → flex (정렬 유연하게) */
		align-items: center;
		margin: 0 0.5rem;
	}
	
	.countdown .timer li:nth-of-type(1) {
		font-size: 2.9rem;
		display: block;
		width: 100%;
		margin-bottom: 2rem;
	}
	
	.countdown .timer li:last-child {
		font-size: 1.6rem;
		display: block;
		width: 100%;
		margin-top: 1rem;
	}
	
	.countdown .timer li span.num {
		width: 6.4rem;
		height: 8rem;
		line-height: 7.4rem;
		font-size: 5.5rem;
	}
	
	.countdown .timer li span.days_text {
		position: relative;
		bottom: 1rem;
		font-size: 2.8rem;
	}
	
	.countdown .timer li.seperator img {
		width: 0.6rem;
		padding-bottom: 1rem;
	}
	
	.countdown .timer li:last-of-type {
		display: block !important; /* ✅ 숨기지 않고 보이도록 수정 */
	}

	.countdown .countdown-note {
		font-size: 1.4rem;
		width: 100%;
		margin-top: 1rem;
		line-height: 1.5;
		color: #333;
	}
  /*buy*/
  #buy {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    width: 100%;
    padding: 1rem 9rem 6rem;
    border-top: 1px solid #707070;
    z-index: 10;
  }
  #buy.active {
    border-radius: 3rem 3rem 0 0;
    box-shadow: 0px -1rem 1rem #00000017;
    border-top: 0;
  }
  #buy i {
    cursor: pointer;
    position: absolute;
    top: 2.5rem;
    left: 48%;
    width: 3rem;
    transform: rotate(180deg);
    transition: ease 0.3s;
  }
  #buy .cartNum,
  #buy .newPrice {
    display: none;
  }
  #buy.active i {
    top: 3.7rem;
    transform: rotate(0);
  }
  #buy .select-area {
    display: none;
    margin-top: 8rem;
  }
  #buy .selectbox {
    z-index: 2;
    position: relative;
    background: #fff;
    height: 8rem;
    margin-bottom: 4rem;
    padding: 2.5rem 3.2rem 4rem;
    border: 2px solid #a0a0a0;
    border-radius: 0.5rem;
  }
  #buy .selectbox .view_text {
    display: block;
    cursor: pointer;
    color: #707070;
    font-size: 3rem;
    background: url(/assets/images/fire_pass/mo_buy_arrow.svg) no-repeat right
      center;
    background-size: 2rem;
    letter-spacing: -0.2rem;
  }
  #buy .selectbox span {
    float: right;
    margin-right: 5rem;
  }
  #buy .selectbox span::after {
    content: "";
    position: absolute;
    background: #707070;
    right: 47%;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 3rem;
  }
  #buy .selectbox ul {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 7rem;
    border: 1px solid #dadada;
    background: #fff;
    padding-top: 1rem;
    border-radius: 0.5rem;
  }
  #buy .selectbox ul li {
    position: relative;
    color: #707070;
    line-height: 5rem;
    padding: 0 3.2rem;
    cursor: pointer;
    font-size: 3rem;
    letter-spacing: -0.2rem;
  }
  #buy .selectbox ul li:hover {
    background: #1e90ff;
    color: #fff;
  }
  #buy .select-area .price {
    position: relative;
  }
  #buy .select-area .price dt {
    font-size: 3rem;
    color: #707070;
  }
  #buy .select-area .price dd {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 3rem;
    color: #4e4e4e;
  }
  #buy .select-area .price dd span {
    font-size: 4rem;
  }
  #buy .btn-area {
    padding-top: 5rem;
    display: flex;
    justify-content: space-between;
  }
  #buy .btn-area button {
    border-radius: 0.5rem;
    width: 100%;
    height: 8rem;
    border: 2px solid #00a0f5;
    color: #00a0f5;
    font-size: 3rem;
  }
  #buy .btn-area button:first-child {
    background: #00a0f5;
    color: #fff;
  }
  /* free-pass */
  .free-pass br.pc {
    display: none;
  }
  .free-pass .btn.buy {
    display: none;
  }
  .free-pass h3 b {
    padding-top: 1rem;
  }
  .free-pass .sub-top {
    background-size: 0.5rem;
    padding-top: 8.6rem;
    padding-bottom: 9.5rem;
  }
  .free-pass .sub-top h4 {
    font-size: 2rem;
    margin-bottom: 0.7rem;
    line-height: 3rem;
  }
  .free-pass .sub-top h3 {
    box-shadow: 2rem 2rem 1rem #0000004d;
    border-radius: 5.9rem;
    font-size: 3.2rem;
    padding: 2.4rem 4.3rem 2rem;
    line-height: 3.7rem;
    text-shadow: 0px 0.3rem 0.6rem #00000053;
  }
  .free-pass .sub-top p {
    font-size: 1.4rem;
    margin-top: 3rem;
  }
  .free-pass .sub-top h2 {
    text-shadow: 1rem 1rem 2rem #00000090;
    font-size: 6rem;
    padding-top: 4.4rem;
  }
  /*price-ara*/
  .free-pass .price-area {
    padding: 8rem 0;
  }
  .free-pass .price-area .tit-area h3 {
    font-size: 3.5rem;
    line-height: 5rem;
    margin-bottom: 5.4rem;
  }
  .free-pass .price-area .tit-area h3 b {
    font-size: 4rem;
    line-height: 4.8rem;
  }
  .free-pass .price-area .tit-area h3 span {
    font-size: inherit;
    line-height: 4.8rem;
  }
  .free-pass .price-area table {
    width: 90%;
  }
  .free-pass .price-area table col:first-of-type {
    width: 8rem !important;
  }
  .free-pass .price-area tr:first-of-type {
    height: 6rem;
  }
  .free-pass .price-area .greenTitle {
    border-width: 0.4rem;
    font-size: 2.9rem;
  }
  .free-pass .price-area .purpleTitle {
    font-size: 2.9rem;
  }
  .free-pass .price-area th {
    font-size: 2rem;
    line-height: 2.5rem;
  }
  .free-pass .price-area .yellow {
    font-size: 2.2rem;
  }
  .free-pass .price-area .yellow span {
    font-size: 1.6rem;
    padding: 0 1rem;
    border-radius: 1.5rem;
    margin-bottom: 1rem;
  }
  .free-pass .price-area td {
    font-size: 1.7rem;
    line-height: 2.3rem;
    padding: 2.5rem 0 2rem;
  }
  .free-pass .price-area td.sub_td {
    font-size: 2rem;
    line-height: 2.8rem;
  }
  .free-pass .price-area ol {
    padding-left: 2rem;
  }
  .free-pass .price-area .sub_td ol li {
    margin-bottom: 2rem;
  }
  .free-pass .price-area .subList {
    flex-direction: column;
  }
  .free-pass .price-area .new::after {
    margin-left: 0.5rem;
    padding: 0.5rem;
    font-size: 1rem;
  }
  .free-pass .price-area ol span {
    width: 3.6rem;
    height: 2rem;
    border-radius: 0.4rem;
    font-size: 1.6rem;
    text-indent: 0;
  }
  .free-pass .price-area .special {
    padding-top: 3rem;
    padding-left: 2rem;
  }
  .free-pass .price-area td.green {
    border-width: 0.4rem;
  }
  .free-pass .price-area h4 {
    line-height: 2.9rem;
    font-size: 2.1rem;
  }
  .free-pass .price-area ul {
    padding: 1rem 5%;
    width: 100%;
    display: block;
    border-right: 0;
  }
  .free-pass .price-area a {
    display: none;
  }
  .free-pass .price-area .day {
    font-size: 2.5rem;
    height: 4rem;
    border-radius: 1.6rem;
    padding-top: 1rem;
  }
  .free-pass .price-area .day br {
    display: none;
  }
  .free-pass .price-area .price {
    font-size: 2rem;
    padding: 2.6rem 0 0;
  }
  .free-pass .price-area .price b {
    font-size: 5.2rem;
  }
  /* sec1_1 */
  /*
  .free-pass .sec1_1 {
    padding: 10rem 0;
  } */
  .free-pass .sec1_1 .title h3 {
    font-size: 3.5rem;
    line-height: 5rem;
    margin-bottom: 5.4rem;
  }
  .free-pass .sec1_1 .title h3 b {
    font-size: 4rem;
    line-height: 4.8rem;
  }
  .free-pass .sec1_1 .title h3 span {
    font-size: 3rem;
    line-height: 5rem;
    margin-bottom: 5.4rem;
  }
  .free-pass .sec1_1 .videoArea {
    flex-direction: column;
  }
  .free-pass .sec1_1 .videoArea img {
    cursor: pointer;
    width: 100%;
  }
  .free-pass .sec1_1 .videoArea img:first-of-type {
    margin-bottom: 4rem;
  }
  /*section*/
  .free-pass .section {
    padding-top: 10rem;
  }
  .free-pass .section .tit-area h3 {
    padding-top: 0;
    line-height: 1;
  }
  .free-pass .section1 .tit-area h3 {
    padding: 3.7rem 0 4.2rem;
    font-size: 3.5rem;
    line-height: 5rem;
  }
  .free-pass .section1 h3 {
    font-size: 3.5rem;
    line-height: 5rem;
  }
  .free-pass .section1 h3 b {
    font-size: 4rem;
    line-height: 4.8rem;
  }
  .free-pass .section1 .title h3 {
    font-size: 3.5rem;
    line-height: 5rem;
    margin-bottom: 5.4rem;
  }
  .free-pass .section1 .title h3 b {
    font-size: 4rem;
    line-height: 4.8rem;
  }
  .free-pass .section1 ul {
    padding-top: 0;
  }
  .free-pass .section1 ul > li {
    height: 38rem;
    margin-bottom: 0.5rem;
  }
  .free-pass .section1 .new::before {
    width: 9.6rem;
    height: 9.6rem;
  }
  .free-pass .section1 ol {
    left: 3rem;
  }
  .free-pass .section1 ol li {
    font-size: 1.7rem;
    line-height: 2.2rem;
  }
  .free-pass .section1 ol .subject {
    font-size: 1.9rem;
    line-height: 2.8rem;
  }
  .free-pass .section1 ol .name {
    font-size: 3rem;
    line-height: 4.3rem;
    padding: 0.8rem 0 1rem;
  }
  /* sec2 */
  .free-pass .sec2 {
    padding: 10rem 0;
  }
  .free-pass .sec2 .title h3 {
    font-size: 3.5rem;
    line-height: 5rem;
    margin-bottom: 5.4rem;
  }
  .free-pass .sec2 .title h3 b {
    font-size: 4rem;
    line-height: 4.8rem;
  }
  .free-pass .sec2 .tableArea {
    overflow-x: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE, Edge */
    -webkit-transform: translateZ(0); /* GPU 가속 (필요 시) */
    background: #fff;
  }
  /* 스크롤바 숨기기 (Chrome, Safari) */
  .free-pass .sec2 .tableArea::-webkit-scrollbar {
    display: none;
  }

  .free-pass .sec2 table {
    position: relative;
    width: 150rem;
  }
  .free-pass .sec2 .sticky {
    position: sticky !important;
    position: -webkit-sticky !important;
    left: -0.1rem;
    top: 0;
    z-index: 6;
  }
  .free-pass .sec2 table tr th {
    font-size: 2.4rem;
    height: 5rem;
    background: #fff;
    width: 8rem;
  }
  .free-pass .sec2 table tr td {
    height: 9rem;
    font-size: 1.8rem;
    background: #fff;
  }
  .free-pass .sec2 table tr td .textArea {
    top: 3rem;
  }
  .free-pass .sec2 table tr td.content {
    z-index: 4;
  }
  .free-pass .sec2 table tr td .line {
    height: 0.2rem;
    position: relative;
    margin-bottom: 0.5rem;
  }
  .free-pass .sec2 table tr td .line.center {
    margin: 0 auto 0.5rem;
  }
  .free-pass .sec2 table tr td .line.right {
    margin: 0 0 0.5rem auto;
  }
  .free-pass .sec2 table tr td .line::after {
    border-width: 0.5rem 1rem 0.5rem 0;
    left: -0.1rem;
  }
  .free-pass .sec2 table tr td .line::before {
    border-width: 0.5rem 0 0.5rem 1rem;
    right: -0.1rem;
  }
  .free-pass .sec2 table tr td:first-of-type {
    font-size: 2.4rem;
    padding: 0 1rem;
  }
  .free-pass .sec2 .move-left {
    position: absolute;
    width: 4.8rem;
    height: 4.8rem;
    background-color: #a9a9a9;
    background-image: url(/assets/images/fire_pass/sec2_left_mo.png);
    background-size: 1.2rem;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    right: 40%;
    bottom: 8rem;
  }
  .free-pass .sec2 .move-right {
    position: absolute;
    width: 4.8rem;
    height: 4.8rem;
    background-color: #a9a9a9;
    background-image: url(/assets/images/fire_pass/sec2_right_mo.png);
    background-size: 1.2rem;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    right: 30%;
    bottom: 8rem;
  }
  .free-pass .sec2 .btnArea {
    margin-top: 8rem;
    text-align: center;
  }
  .free-pass .sec2 .btnArea a {
    width: 33rem;
    background: #ff9000;
    color: #fff;
    line-height: 6rem;
    text-align: center;
    font-size: 2.4rem;
    border-radius: 1rem;
  }
  .free-pass .sec2 .btnArea a img {
    width: 2rem;
  }
  /* sec3 */
  .free-pass .section3 {
    padding: 5.2rem 0 10rem;
  }
  .free-pass .section3 .tit-area span {
    font-size: 3.5rem;
    margin-bottom: 5rem;
  }
  .free-pass .section3 .tit-area h3 {
    font-size: 4rem;
    margin-bottom: 1rem;
    line-height: 4.8rem;
  }
  .free-pass .section4 {
    padding: 10rem 0;
  }
  .free-pass .section4 .tit-area {
    margin-bottom: 0;
  }
  .free-pass .section4 .tit-area span {
    font-size: 3.5rem;
    margin-bottom: 1rem;
  }
  .free-pass .section4 .tit-area h3 {
    font-size: 4rem;
    margin-bottom: 5rem;
    line-height: 4.8rem;
    font-family: Gmarket;
  }
  .free-pass .section4 .imgArea {
    margin-bottom: 5rem;
  }
  .free-pass .section4 h4 {
    font-size: 3.5rem;
  }
  .free-pass .section4 h4::after {
    bottom: 7rem;
  }
  .free-pass .section4 h4::before {
    bottom: 7rem;
    height: 1.5rem;
  }
  .free-pass .section4 h4 span {
    margin-top: 1rem;
    padding: 0 1rem;
    font-size: 4rem;
    line-height: 4.8rem;
  }
  .free-pass .section5 {
    padding: 7rem 0;
  }
  .free-pass .section5 .tit-area span {
    font-size: 3.5rem;
    line-height: 4.9rem;
  }
  .free-pass .section5 .tit-area h3 {
    font-size: 4rem;
    padding-top: 2rem;
    line-height: 4.7rem;
    margin-bottom: 6rem;
  }
  .free-pass .section5 ul .top-title {
    font-size: 3.6rem;
    padding: 2.1rem 0 1.5rem;
  }
  .free-pass .section6 {
    padding: 7.7rem 0 10rem;
  }
  .free-pass .section6 h3 {
    line-height: 5rem;
    font-size: 3.5rem;
  }
  .free-pass .section6 h3 b {
    font-size: 4rem;
    line-height: 4.8rem;
    margin-bottom: 4rem;
  }
  .free-pass .section6 li {
    background-size: contain;
    background-position: bottom center;
  }
  .free-pass .section6 li a {
    height: 24rem;
    padding: 0;
    text-align: center;
    position: relative;
  }
  .free-pass .section6 li:hover {
    background-position-y: bottom;
  }
  .free-pass .section6 li:hover a {
    color: #fff;
  }
  .free-pass .section6 li span {
    position: absolute;
    bottom: 2rem;
    left: 0;
    width: 100%;
    font-size: 2.2rem;
  }
  .free-pass .section6 li b {
    font-size: 2.5rem;
    line-height: 2.7rem;
    padding-top: 1rem;
  }
  .free-pass .section8 .cont-area {
    padding: 6.8rem 0 9rem;
  }
  .free-pass .section8 h3 {
    font-size: 3.5rem;
    line-height: 5rem;
    margin-bottom: 5.4rem;
  }
  .free-pass .section8 h3 b {
    font-size: 4rem;
    line-height: 4.8rem;
  }
  .free-pass .section8 .cont-area {
    padding: 6.8rem 0 9rem;
  }
  .free-pass .section8 h3 {
    font-size: 3.5rem;
    line-height: 5rem;
    margin-bottom: 5.4rem;
  }
  .free-pass .section8 h3 b {
    font-size: 4rem;
    line-height: 4.8rem;
  }
  .free-pass .section8 .cont-area .cont1 {
    border-radius: 1rem;
    padding: 0;
  }
  .free-pass .section8 .cont-area .cont1 strong {
    position: static;
    transform: translateX(0);
    border-radius: 0;
    width: 100%;
    height: auto;
    padding: 1.9rem 0 2.6rem;
    font-size: 2.8rem;
    line-height: 4rem;
    margin-bottom: 0;
  }
  .free-pass .section8 .cont-area .cont1 ol {
    flex-wrap: wrap;
    padding: 6.1rem 0 7.5rem;
  }
  .free-pass .section8 .cont-area .cont1 ol > li {
    width: 50%;
    border-right: 0;
  }
  .free-pass .section8 .cont-area .cont1 ol > li:nth-of-type(1),
  .free-pass .section8 .cont-area .cont1 ol > li:nth-of-type(2) {
    margin-bottom: 9rem;
  }
  .free-pass .section8 .cont-area .cont1 .txt1 {
    font-size: 2.8rem;
    line-height: 4.2rem;
    padding: 2.5rem 0;
    color: #fff;
  }
  .free-pass .section8 .cont-area .cont1 .txt2 {
    font-size: 2.8rem;
    line-height: 7rem;
    width: 22.7rem;
    height: 6.8rem;
    border-radius: 4rem;
  }
  .free-pass .section7 .layout {
    padding: 0;
  }
  .free-pass .section7 .tit-area {
    width: 90%;
  }
  .free-pass .section7 .cont-area {
    width: 90%;
  }
  .free-pass .section7 .tit-area strong span {
    margin-top: 0;
  }
  .free-pass .section7 .cont1 .tab_con .tab-cont dd {
    line-height: 25px;
  }
  .free-pass .section7 .cont1 .tab-area ul {
    width: 100%;
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
  }
  .free-pass .section7 .cont1 .tab-area li {
    display: table-cell;
    width: auto;
    border: 1px solid #b0b0b0;
    background: #d5d5d5;
    color: #000;
    height: 6.9rem;
    line-height: 6.9rem;
  }
  .free-pass .section7 .cont1 .tab-area li:not(:last-child)::after {
    display: none;
  }
  .free-pass .section7 .cont1 .tab-area li:last-child {
    width: auto;
  }
  .free-pass .section7 .cont1 .tab-area li.on {
    border-color: #000;
    color: #fff;
  }
  .free-pass .section7 {
    padding: 5rem 0 6rem;
  }
  .free-pass .section7 .tit-area strong {
    font-size: 2.3rem;
  }
  .free-pass .section7 .tit-area strong span {
    margin-top: -0.3rem;
    margin-right: 1rem;
    width: 2.7rem;
  }
  .free-pass .section7 .tit-area strong span {
    font-size: 0;
    line-height: 1;
  }
  .free-pass .section7 .cont1 .tab-area {
    margin-top: 4rem;
  }
  .free-pass .section7 .cont1 .tab-area li {
    height: 7rem;
    font-size: 2.2rem;
  }
  .free-pass .section7 .cont1 .tab_con {
    padding: 3rem 2rem 6.5rem;
  }
  .free-pass .section7 .cont1 .tab_con .tab-cont dt {
    margin-bottom: 3rem;
    font-size: 2.2rem;
  }
  .free-pass .section7 .cont1 .tab_con .tab-cont dd {
    margin-bottom: 6.5rem;
    font-size: 1.8rem;
    line-height: 3rem;
  }
  /* countdown */
  .sticky .timer li:nth-of-type(1),
  .sticky .timer li:last-child {
    display: inline-block !important;
  }
  .intervBox {
    flex: 0 0 calc(100% - 10px);  모바일은 한 장씩 
  }
}