@charset "UTF-8";
/*by. threeBLAB*/
/*
===================
===================
COMMON
===================
===================
*/
main {
  min-height: 768px; }

.dash, .slash {
  width: 12px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  /*BREAK*/ }
.blind{
  position:absolute;
  top:-9999px;
  font-size:0;
  line-height:0; }
@media screen and (max-width: 640px) {
  .dash, .slash {
    width: 10px; } }

.dash {
  font-size: 14px;
  color: #333;
  /*BREAK*/ }
@media screen and (max-width: 640px) {
  .dash {
    font-size: 12px; } }

.slash {
  font-size: 10px;
  color: #888; }

.contents-header.common {
  position: relative;
  padding-top: 3rem;
  padding-bottom: 3rem;
  /*BREAK*/ }
.contents-header.common .contents-ttl, .contents-header.common .contents-desc {
  position: relative;
  z-index: 2; }
.contents-header.common .contents-ttl {
  font-family: "yg-jalnan", "Malgun Gothic", "맑은 고딕", sans-serif;
  font-size: 1.8rem;
  color: #ff513c; }
.contents-header.common .contents-desc {
  margin-top: 1rem; }
.contents-header.common .lead-highlight {
  margin-bottom: .75rem;
  font-family: "yg-jalnan", "Malgun Gothic", "맑은 고딕", sans-serif;
  font-size: 1.2rem;
  color: #333;
  line-height: 1.25;
  display: block; }
.contents-header.common .lead-highlight span {
  color: #ff513c; }
.contents-header.common .leeead {
  font-size: 1.1rem;
  color: #666;
  line-height: 1.4; }
.contents-header.common img {
  position: absolute;
  top: -35px;
  right: 0; }
@media screen and (max-width: 1080px) {
  .contents-header.common {
    padding-bottom: 2.5rem; }
  .contents-header.common img {
    right: 1rem;
    width: 50%;
    max-width: 100%; } }
@media screen and (max-width: 480px) {
  .contents-header.common img {
    top: -18px;
    width: 55%; } }

.bread-crumb {
  height: 58px;
  font-size: 12px;
  color: #fff;
  line-height: 58px;
  background: url(https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/bread_crumb_bg.gif) no-repeat;
  background-size: cover; }
.bread-crumb ul {
  height: 100%;
  display: flex;
  align-items: center; }
.bread-crumb .home {
  position: relative;
  top: -1px;
  width: 15px;
  height: 15px;
  font-size: 0;
  background: url(https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/ic_home.webp) no-repeat;
  background-size: 15px 15px;
  background-position: 50% 50%; }
.bread-crumb .home ~ li::before {
  content: url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/bread_crumb_gap.webp");
  position: relative;
  top: 1px;
  margin-right: .65rem;
  margin-left: .65rem;
  display: inline-block; }
.bread-crumb .dep2 {
  font-weight: 300; }

.pagination {
  margin-top: 3.25rem;
  display: flex;
  justify-content: center;
  /*BREAK*/ }
.pagination > li > a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center; }
.pagination > li > a, .pagination > li > span {
  margin-left: 0;
  padding: 0 !important;
  font-size: .7rem; }
.pagination .first, .pagination .last {
  margin-right: .2rem;
  margin-left: .2rem;
  border-radius: 50px !important; }
.pagination .prev {
  margin-right: 1rem; }
.pagination .next {
  margin-left: 1rem; }
.pagination .pageeer a {
  color: #989ba0;
  border-color: #edecec;
  border-radius: 50px; }
.pagination .pageeer a:hover {
  color: inherit; }
.pagination li:not(.pageeer) {
  margin-right: .15rem;
  margin-left: .15rem; }
.pagination li:not(.pageeer) > a {
  color: #666;
  border-width: 0; }
.pagination li:not(.pageeer) > a:hover {
  border-radius: 50px; }
.pagination .active > a {
  color: #fff !important;
  background-color: #434343;
  border-radius: 50px; }
.pagination i {
  position: relative;
  top: 1px; }
@media screen and (max-width: 768px) {
  .pagination {
    margin-top: 2.5rem; }
  .pagination > li > a {
    width: 25px;
    height: 25px;
    line-height: 25px; }
  .pagination .prev {
    margin-right: .25rem; }
  .pagination .next {
    margin-left: .25rem; } }

.popup{
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.6);
  z-index:100; }
.popup .contents{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
  background:#fff;
  border-radius:24px;
  padding:50px 30px 40px; }
.popup .title{
  font-size:30px;
  font-weight:600;
  color:#222;
  text-align:center; }
.popup .close_popup{
  position:absolute;
  top:20px;
  right:20px;
  display:block;
  width:32px;
  height:32px;
  background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/icon_close_popup.webp") 0 0 / 100% 100% no-repeat; }
.popup .btn_box{
  text-align:center;
  margin-top:30px; }
.popup .btn_box a{
  display:inline-block;
  height:43px;
  line-height:45px;
  font-size:20px;
  font-weight:600;
  border-radius:8px;
  background:#333;
  color:#fff;
  text-align:center;
  padding:0 40px; }
@media screen and (max-width: 768px) {
.popup .contents{
  max-width:100%!important;
  height:100%;
  border-radius:0;
  top:0;
  left:0;
  transform:translate(0,0);
  padding:50px 16px 40px; }
.popup .title{
  font-size:26px; }
.popup .btn_box{
  margin-top:20px; }
.popup .close_popup{
  top:16px;
  right:16px;
  width:28px;
  height:28px; }
}

.common-btn {
  padding-top: 1.25rem;
  padding-right: 4.5rem;
  padding-bottom: 1.25rem;
  padding-left: 3.75rem;
  display: inline-block;
  background-color: #363844;
  -weckit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  /*BREAK*/ }
.common-btn span {
  position: relative;
  font-family: "yg-jalnan", "Malgun Gothic", "맑은 고딕", sans-serif;
  font-size: 1.2rem;
  color: #fff;
  line-height: 1;
  white-space: nowrap;
  display: block; }
.common-btn span::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -1.5rem;
  width: 15px;
  height: 18px;
  background: url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/main/ic_go.webp") no-repeat;
  background-position: 100% 50%;
  background-size: 15px 18px;
  background-repeat: no-repeat;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }
.common-btn.hvr-sweep-to-right:before {
  background-color: #eb8300;
  -weckit-border-radius: 0.45rem;
  -moz-border-radius: 0.45rem;
  border-radius: 0.45rem; }
@media screen and (max-width: 960px) {
  .common-btn {
    padding-right: 2.75rem;
    padding-left: 1.5rem; }
  .common-btn span {
    font-size: 1rem; } }
@media screen and (max-width: 480px) {
  .common-btn span {
    font-size: .9rem; }
  .common-btn span::after {
    width:10px;
    height:13px;
    background-size:10px 13px;
  } }



  /*
===================
===================
bootstrap MODAL
===================
===================
*/
.pwModify, .phoneModify, .adrModify, .cardodify {
  /*BREAK*/ }
.pwModify .modal-dialog, .phoneModify .modal-dialog, .adrModify .modal-dialog, .cardodify .modal-dialog {
  padding-left: 1rem; }
.pwModify .modal-content, .phoneModify .modal-content, .adrModify .modal-content, .cardodify .modal-content {
  background-clip: border-box; }
.pwModify .modal-header, .phoneModify .modal-header, .adrModify .modal-header, .cardodify .modal-header {
  padding-right: 1.5rem;
  padding-left: 1.5rem; }
.pwModify .modal-body, .pwModify .modal-footer, .phoneModify .modal-body, .phoneModify .modal-footer, .adrModify .modal-body, .adrModify .modal-footer, .cardodify .modal-body, .cardodify .modal-footer {
  margin-right: 1.5rem;
  margin-left: 1.5rem; }
.pwModify .modal-body, .phoneModify .modal-body, .adrModify .modal-body, .cardodify .modal-body {
  padding: 1.5rem 0 .75rem;
  white-space: nowrap; }
.pwModify .items, .phoneModify .items, .adrModify .items, .cardodify .items {
  font-size: 0.7rem;
  color: #333;
  display: flex;
  align-items: center;
  flex-flow: row wrap; }
.pwModify .items:nth-of-type(1) ~ .items, .phoneModify .items:nth-of-type(1) ~ .items, .adrModify .items:nth-of-type(1) ~ .items, .cardodify .items:nth-of-type(1) ~ .items {
  margin-top: .5rem; }
.pwModify .items .lab, .phoneModify .items .lab, .adrModify .items .lab, .cardodify .items .lab {
  padding-right: .75rem;
  width: 100px; }
.pwModify .items .content, .phoneModify .items .content, .adrModify .items .content, .cardodify .items .content {
  width: -moz-calc(100% - 100px);
  width: -o-calc(100% - 100px);
  width: -webkit-calc(100% - 100px);
  width: calc(100% - 100px); }
.pwModify .items .exp, .phoneModify .items .exp, .adrModify .items .exp, .cardodify .items .exp {
  margin-top: .15rem;
  margin-left: 100px;
  font-family: "Noto Sans KR", "AppleGothic", sans-serif;
  font-size: 12px;
  color: #ff513c;
  letter-spacing: -.06rem; }
.pwModify .items input[type="text"], .pwModify .items input[type="password"], .phoneModify .items input[type="text"], .phoneModify .items input[type="password"], .adrModify .items input[type="text"], .adrModify .items input[type="password"], .cardodify .items input[type="text"], .cardodify .items input[type="password"] {
  padding-right: .5rem;
  padding-left: .5rem;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  border: 1px solid #ccc;
  border-radius: 3px; }
.pwModify .items input[readonly], .phoneModify .items input[readonly], .adrModify .items input[readonly], .cardodify .items input[readonly] {
  background-color: #f7f7f7;
  border-color: #eee; }
.pwModify .items .side-bt, .phoneModify .items .side-bt, .adrModify .items .side-bt, .cardodify .items .side-bt {
  font-size: .65rem;
  display: inline-block;
  vertical-align: middle;
  border-radius: 3px; }
.pwModify .modal-footer, .phoneModify .modal-footer, .adrModify .modal-footer, .cardodify .modal-footer {
  padding-top: 1rem;
  border-top: 1px solid #eee; }
.pwModify .modal-footer .bt, .phoneModify .modal-footer .bt, .adrModify .modal-footer .bt, .cardodify .modal-footer .bt {
  border-radius: 5px; }
@media screen and (max-width: 768px) {
  .pwModify .items input[type="text"], .pwModify .items input[type="password"], .phoneModify .items input[type="text"], .phoneModify .items input[type="password"], .adrModify .items input[type="text"], .adrModify .items input[type="password"], .cardodify .items input[type="text"], .cardodify .items input[type="password"] {
    height: 35px;
    line-height: 35px; }
  .pwModify .items .side-bt, .phoneModify .items .side-bt, .adrModify .items .side-bt, .cardodify .items .side-bt {
    font-size: 12px; } }
@media screen and (max-width: 480px) {
  .pwModify .modal-body, .pwModify .modal-footer, .phoneModify .modal-body, .phoneModify .modal-footer, .adrModify .modal-body, .adrModify .modal-footer, .cardodify .modal-body, .cardodify .modal-footer {
    margin-right: 1rem;
    margin-left: 1rem; }
  .pwModify .items, .phoneModify .items, .adrModify .items, .cardodify .items {
    display: block; }
  .pwModify .items:nth-of-type(1) ~ .items, .phoneModify .items:nth-of-type(1) ~ .items, .adrModify .items:nth-of-type(1) ~ .items, .cardodify .items:nth-of-type(1) ~ .items {
    padding-top: .5rem;
    border-top: 1px solid #e6e6e6; }
  .pwModify .items .lab, .pwModify .items .content, .phoneModify .items .lab, .phoneModify .items .content, .adrModify .items .lab, .adrModify .items .content, .cardodify .items .lab, .cardodify .items .content {
    width: 100%; }
  .pwModify .items .lab, .phoneModify .items .lab, .adrModify .items .lab, .cardodify .items .lab {
    margin-bottom: 3px;
    padding-right: 0;
    font-size: 11px; }
  .pwModify .items .content, .phoneModify .items .content, .adrModify .items .content, .cardodify .items .content {
    font-size: 12px; }
  .pwModify .items .exp, .phoneModify .items .exp, .adrModify .items .exp, .cardodify .items .exp {
    margin-left: 0;
    font-size: 11px; } }

/*개인정보취급방침 모달*/
.agree-modal .modal-content {
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1); }
.agree-modal .modal-body {
  padding-right: 1rem;
  padding-left: 1rem; }
.agree-modal .modal-footer {
  border-top: 1px solid #e6e6e6; }
.agree-modal .modal-footer .bt {
  min-width: 80px; }

/*비밀번호 변경하기 모달*/
.pwModify {
  /*BREAK*/ }
.pwModify .modal-dialog {
  margin-right: auto;
  margin-left: auto;
  max-width: 400px; }
.pwModify [class*="password-inp"] {
  width: 240px; }
@media screen and (max-width: 480px) {
  .pwModify .modal-dialog {
    max-width: 280px; }
  .pwModify [class*="password-inp"] {
    width: 100%; } }

/*핸드폰 번호 변경하기 모달*/
.phoneModify {
  /*BREAK*/ }
.phoneModify .modal-dialog {
  margin-right: auto;
  margin-left: auto;
  max-width: 530px; }
.phoneModify .phone-inp1 {
  width: 75px; }
.phoneModify .phone-inp2, .phoneModify .phone-inp3 {
  width: 85px; }
.phoneModify .phone-inp4 {
  width: 181px; }
@media screen and (max-width: 520px) {
  .phoneModify .phone-inp1, .phoneModify .phone-inp2, .phoneModify .phone-inp3 {
    width: 55px; }
  .phoneModify .phone-inp4 {
    width: 90px; } }

/*주소 변경하기 모달*/
.adrModify {
  /*BREAK*/ }
.adrModify .modal-dialog {
  margin-right: auto;
  margin-left: auto;
  max-width: 400px; }
.adrModify .address-inp1 {
  width: 105px; }
.adrModify .address-inp2, .adrModify .address-inp3 {
  width: 240px; }
@media screen and (max-width: 480px) {
  .adrModify .modal-dialog {
    max-width: 280px; }
  .adrModify .address-inp2, .adrModify .address-inp3 {
    width: 100%; } }

/*카드번호 변경하기 모달*/
.cardodify {
  /*BREAK*/ }
.cardodify .modal-dialog {
  margin-right: auto;
  margin-left: auto;
  max-width: 550px; }
.cardodify [class*="card-inp"]:not(.card-inp7) {
  width: 85px; }
.cardodify .card-inp7 {
  width: 240px; }
@media screen and (max-width: 768px) {
  .cardodify [class*="card-inp"]:not(.card-inp7) {
    width: 65px; } }
@media screen and (max-width: 480px) {
  .cardodify [class*="card-inp"]:not(.card-inp7) {
    width: 55px; }
  .cardodify .card-inp7 {
    width: 200px; } }

/*빅박스 계정 탈퇴 확인 모달*/
.withdrawComplete .modal-dialog {
  margin-right: auto;
  margin-left: auto;
  max-width: 398px; }
.withdrawComplete .modal-body {
  text-align: center;
  padding:50px 30px 0; }
.withdrawComplete .modal-body:after{
  content:"";
  display:block;
  width:100%;
  height:1px;
  background:#eee;
  margin-top:50px; }
.withdrawComplete .modal-footer{
  padding:20px 0; }
.withdrawComplete .modal-footer .bt{
  border-radius:5px; }

/*로그인 > 빅박스 계정 탈퇴 모달*/
.withdrawAccount .modal-dialog {
  margin-right: auto;
  margin-left: auto;
  max-width: 415px; }
.withdrawAccount .modal-body {
  text-align: center;
  font-size:16px;
  padding:40px 30px 0; }
.withdrawAccount .modal-body:after{
  content:"";
  display:block;
  width:100%;
  height:1px;
  background:#eee;
  margin-top:35px; }
.withdrawAccount .modal-footer{
  padding:20px 0; }
.withdrawAccount .modal-footer .bt{
  border-radius:5px; }
.withdrawAccount .modal-title, .withdrawComplete .modal-title{
  font-size:14px; }
@media screen and (max-width: 768px) {
.withdrawAccount .modal-title, .withdrawComplete .modal-title{
  font-size:12px; }
.withdrawComplete .modal-dialog, .withdrawAccount .modal-dialog{
  max-width:310px;
  margin:0 auto; }
.withdrawComplete .modal-body, .withdrawAccount .modal-body{
  font-size:14px;
  padding:30px 24px 0; }
.withdrawComplete .modal-body:after{
  margin-top:29px; }
.withdrawAccount .modal-body:after{
  margin-top:23px; }
.withdrawAccount .modal-footer{
  padding:17px 0; } }

/*bootstrap CAROUSEL*/
.carousel.slide .carousel-control.left, .carousel.slide .carousel-control.right {
  background: none; }
.carousel.slide .glyphicon-chevron-left, .carousel.slide .glyphicon-chevron-right {
  display: none; }
.carousel.slide .glyphicon-chevron-left::before, .carousel.slide .glyphicon-chevron-right::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1.5rem;
  font-weight: 900; }
.carousel.slide .glyphicon-chevron-left::before {
  content: "\f053"; }
.carousel.slide .glyphicon-chevron-right::before {
  content: "\f054"; }

/*
===================
===================
introduction
===================
===================
*/
.introduction {
  padding-top: 2.5rem;
  /*BREAK*/ }
.introduction .contents-header, .introduction .item-ttl {
  text-align: center; }
.introduction .contents-header {
  margin-bottom: 2rem; }
.introduction .contents-header .contents-ttl {
  margin-top: .75rem;
  font-family: "yg-jalnan", "Malgun Gothic", "맑은 고딕", sans-serif;
  font-size: 1.5rem;
  color: #ff513c;
  line-height: 1.3; }
.introduction .bigboxis {
  margin-bottom: 6rem;
  min-height: 450px;
  background: url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/intro/character_img.webp") no-repeat;
  background-position: 100% 0; }
.introduction .bigboxis .txt-item {
  margin-right: 300px;
  padding-top: 4rem; }
.introduction .bigboxis p {
  font-size: 0.9rem;
  color: #666;
  letter-spacing: -.06rem; }
.introduction .bigboxis p::first-line {
  font-size: 1.2rem;
  color: #333; }
.introduction .bigboxis p:nth-of-type(1) ~ p {
  margin-top: 1.25rem; }
.introduction .brand-info-slide {
  position: relative;
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #f0f0ff; }
.introduction .brand-info-slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 270px;
  height: 250px;
  display: inline-block;
  background: url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/intro/slide_area_bg.webp") no-repeat;
  background-size: 270px 250px; }
.introduction .brand-info-slide::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/intro/pattern_bg.webp") repeat; }
.introduction .item-ttl, .introduction .carousel-custom {
  position: relative;
  z-index: 3; }
.introduction .brand-info-slide {
  padding-bottom: 6.5rem; }
.introduction .item-ttl {
  margin-bottom: 2.75rem;
  font-family: "yg-jalnan", "Malgun Gothic", "맑은 고딕", sans-serif; }
.introduction .item-ttl em, .introduction .item-ttl span {
  display: block; }
.introduction .item-ttl em {
  margin-bottom: .5rem;
  font-size: 1.8rem;
  color: #666;
  line-height: 1.35;
  letter-spacing: -0.04rem; }
.introduction .item-ttl span {
  font-size: 2.4rem;
  color: #8f3dba; }
.introduction .carousel-indicators {
  bottom: -3.25rem;
  margin-bottom: 0;
  height: 15px;
  line-height: 15px; }
.introduction .carousel-indicators .active {
  width: 35px;
  background-color: #8f3dba; }
.introduction .carousel-indicators li {
  width: 15px;
  height: 15px;
  margin: 0 2px;
  background-color: #fff;
  border-width: 0; }
@media screen and (max-width: 1080px) {
  .introduction .bigboxis {
    margin-top: 2rem;
    min-height: 39vw;
    background-size: 30vw;
    background-position: 95% 100%; }
  .introduction .bigboxis .txt-item {
    margin-right: 35vw; } }
@media screen and (max-width: 960px) {
  .introduction .bigboxis {
    margin-bottom: 4rem; }
  .introduction .bigboxis .txt-item {
    padding-top: 0; } }
@media screen and (max-width: 768px) {
  .introduction .contents-header img {
    max-width: 35%; }
  .introduction .bigboxis .txt-item p br:nth-of-type(1) ~ br {
    display: none; }
  .introduction .item-ttl em {
    font-size: 1.4rem; }
  .introduction .item-ttl span {
    font-size: 2rem; }
  .introduction .carousel-indicators {
    height: 10px; }
  .introduction .carousel-indicators .active {
    width: 20px; }
  .introduction .carousel-indicators li {
    width: 10px;
    height: 10px;
    line-height: 10px; } }
@media screen and (max-width: 640px) {
  .introduction .bigboxis {
    padding-bottom: 280px;
    background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/intro/character_img_mo.webp");
    background-size: 260px auto;
    background-position: 50% 100%; }
  .introduction .bigboxis .txt-item {
    margin-right: 0; } }
@media screen and (max-width: 480px) {
  .introduction .item-ttl em {
    font-size: 1.2rem; }
  .introduction .item-ttl span {
    font-size: 1.8rem; } }

/*
===================
===================
bigboxtv
===================
===================
*/
.bigboxtv .recommend{text-align:center;background:#F8F4E9;padding:80px 0 100px;}
.bigboxtv .recommend .tit_txt{font-size:24px;color:#121212;line-height:1;}
.bigboxtv .recommend .tit{font-family: "yg-jalnan";font-size:32px;color:#121212;}
.bigboxtv .recommend .tit strong{color:#FF513C;}
.bigboxtv .recommend .list{font-size:0;text-align:center;margin-top:40px;}
.bigboxtv .recommend .list li{display:inline-block;width:calc(33.333% - 55.333px);text-align:center;}
.bigboxtv .recommend .list li + li{margin-left:83px;}
.bigboxtv .recommend .list li img{width:100%;}
.bigboxtv .recommend .list .txt{display:block;font-size:20px;line-height:1.2;color:#666;margin-top:20px;padding-left:8%;}
.bigboxtv .recommend .desc_txt{font-family:"yg-jalnan";font-size:24px;color:#121212;margin-top:40px;}
.bigboxtv .recommend .desc_txt span{color:#FF513C;}
.bigboxtv .recommend .desc_txt2{font-size:24px;color:#999;margin-top:16px;}
.bigboxtv .recommend .desc_txt2 br{display:none;}
.bigboxtv .sequence {
  position: relative;
  overflow: hidden;
  background-color: #fff; }
.bigboxtv .sequence .section-ttl {
  text-align: center; }
.bigboxtv .sequence > ul {
  position: relative;
  z-index: 3; }
.bigboxtv .sequence .item {
  position:relative;
  background-size:445px auto!important;
  align-items:flex-start!important;
  padding-top:100px;
  min-height: 370px; }
.bigboxtv .sequence .item:nth-child(odd) {
  justify-content: flex-end;
  background-position:0 100%; }
.bigboxtv .sequence .item:nth-child(even) {
  background-position:  100% 100%;}
.bigboxtv .sequence .item:nth-of-type(1) ~ .item{
  border-top:0!important; }
.bigboxtv .sequence .item:after{
  position:absolute;top:0;left:calc(50% - .5px);
  content:"";display:block;height:100%;width:1px;
  border-left:2px dashed #ddd;
}
.bigboxtv .sequence .item:before{
  position:absolute;
  top:100px;
  left:calc(50% - 31.5px);
  font-family: "yg-jalnan";
  content:"1";
  display:block;
  width: 63px;
  height: 63px;
  font-size: 2rem;
  color: #fff;
  line-height: 63px;
  text-align: center;
  display: inline-block;
  background-color: #ff513c;
  border-radius: 50%;
  z-index: 1;
}
.bigboxtv .sequence .item1:before{content:"1";}
.bigboxtv .sequence .item2:before{content:"2";}
.bigboxtv .sequence .item3:before{content:"3";}
.bigboxtv .sequence .item4:before{content:"4";}
.bigboxtv .sequence .item5:before{content:"5";}
.bigboxtv .sequence .item .ttl::before{display:none!important;content:"";width:0;height:0;}
.bigboxtv .sequence .item > div{position:absolute;top:100px;left:0;}
.bigboxtv .sequence .item:nth-child(odd) > div{left:50%;padding-left:4rem;}
.bigboxtv .sequence .item:nth-child(even) > div{text-align:right;padding-left:8rem;}
.bigboxtv .sequence .item4 > div{padding-left:2.5rem!important;}
.bigboxtv .sequence .item1 {
  background: url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/bigboxtv/sequence_img1.webp") no-repeat; }
.bigboxtv .sequence .item2 {
  background: url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/bigboxtv/sequence_img2.webp") no-repeat; }
.bigboxtv .sequence .item3 {
  background: url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/bigboxtv/sequence_img3.webp") no-repeat; }
.bigboxtv .sequence .item4 {
  background: url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/bigboxtv/sequence_img4.webp") no-repeat; }
.bigboxtv .sequence .item5 {
  background: url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/bigboxtv/sequence_img5.webp") no-repeat; 
  margin-bottom:180px;}
.bigboxtv .sequence .item5:after{height:calc(100% + 180px);}
.bigboxtv .step .mo, .bigboxtv .step .ta{display:none;}
.bigboxtv .step .top{padding-top:80px;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/bigboxtv/bg_step_1.webp") center 0 / cover no-repeat;}
.bigboxtv .step .bottom{font-family: "yg-jalnan";color:#fff;text-align:center;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/bigboxtv/bg_step_2.webp") center center / cover no-repeat;padding:40px 0 126px;}
.bigboxtv .step .txt{font-size:30px;line-height:1.3;}
.bigboxtv .step .txt strong{color:#84BC3B;}
.bigboxtv .step .btn{display:inline-block;width:460px;height:80px;line-height:80px;font-size:26px;border-radius:40px;background:#84BC3B;margin-top:40px;padding:0;}
.bigboxtv .step .btn:hover{color:#fff;}
.bigboxtv .step .btn span:after{content:"";display:inline-block;width:28px;height:25px;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/bigboxtv/icon_right.webp") 0 0 / 100% 100% no-repeat;margin-left:16px;vertical-align:top;margin-top:28px;}
@media screen and (max-width: 1080px) {
  .bigboxtv .sequence .item{min-height:340px!important;background-size:40% auto!important;}
  .bigboxtv .sequence .item:nth-child(odd) > div{padding-left:5rem;}
  .bigboxtv .sequence .item:nth-child(even) > div{padding-left:10rem;}
  .bigboxtv .sequence .item4 > div{padding-left:4rem!important;}
  .bigboxtv .sequence .item5{margin-bottom:120px;}
  .bigboxtv .sequence .item5:after{height:calc(100% + 120px);}
  .bigboxtv .step .top img{width:100%;}
}
@media screen and (max-width: 1000px) {
  .bigboxtv .sequence .item{min-height:300px!important;}
  .bigboxtv .sequence .item:before{top:70px;}
  .bigboxtv .sequence .item > div{top:70px;}
  .bigboxtv .sequence .item:nth-child(even) > div{padding-left:8rem;}
  .bigboxtv .sequence .item4 > div{padding-left:3rem!important;}
}
@media screen and (max-width: 850px) {
  .bigboxtv .sequence .item{min-height:260px!important;}
  .bigboxtv .sequence .item:nth-child(even) > div{padding-left:5.5rem;}
  .bigboxtv .sequence .item4 > div{padding-left:0rem!important;}
}
@media screen and (max-width: 768px) {
  .bigboxtv .recommend{padding:50px 0 60px;}
  .bigboxtv .recommend .tit_txt{font-size:22px;}
  .bigboxtv .recommend .tit{font-size:28px;margin-top:4px;}
  .bigboxtv .recommend .list .thumb img{width:100%;margin-left:-7%;}
  .bigboxtv .recommend .list li{width:calc(33.333% - 22.666px);}
  .bigboxtv .recommend .list li + li{margin-left:34px;}
  .bigboxtv .recommend .list li:last-child br{display:block;}
  .bigboxtv .recommend .list .txt{font-size:16px;margin-top:16px;padding-left:0;}
  .bigboxtv .recommend .desc_txt{font-size:18px;}
  .bigboxtv .recommend .desc_txt2{font-size:14px;margin-top:14px;}
  .bigboxtv .recommend .desc_txt2 br{display:block;}
  .bigboxtv .sequence .item{min-height:420px!important;background-size:445px!important;}
  .bigboxtv .sequence .item:before{display:none;}
  .bigboxtv .sequence .item:after{display:none;position:static;left:auto;width:0;height:0;}
  .bigboxtv .sequence .item .ttl::before{display:block!important;}
  .bigboxtv .sequence .item > div{position:static;top:0;}
  .bigboxtv .sequence .item:nth-child(odd) > div{padding-left:3rem;}
  .bigboxtv .sequence .item:nth-child(even) > div{padding-left:3rem;text-align:left;}
  .bigboxtv .sequence .item4 > div{padding-left:3rem!important;}
  .bigboxtv .sequence .item5{margin-bottom:0;}
  .bigboxtv .sequence .item .tag{margin-top:.5rem!important;}
  .bigboxtv .step .top{background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/bigboxtv/ta_bg_step_1.webp");}
  .bigboxtv .step .top .pc{display:none;}
  .bigboxtv .step .top .ta{display:block;}
  .bigboxtv .step .bottom{padding-bottom:108px;}
  .bigboxtv .step .txt{font-size:25px;}
}
@media screen and (max-width: 600px) {
  .bigboxtv .sequence .item{min-height:450px!important;}
}
@media screen and (max-width: 480px) {
  .bigboxtv .recommend{padding:40px 0 80px;}
  .bigboxtv .recommend .tit_txt{font-size:18px;}
  .bigboxtv .recommend .tit{font-size:26px;}
  .bigboxtv .recommend .tit strong{display:block;}
  .bigboxtv .recommend .list{margin-top:30px;}
  .bigboxtv .recommend .list li{width:100%;display:block;}
  .bigboxtv .recommend .list li .thumb{max-width:268px;margin:0 auto;}
  .bigboxtv .recommend .list li + li{margin-left:0;margin-top:40px;}
  .bigboxtv .recommend .list .txt{font-size:18px;}
  .bigboxtv .recommend .list .txt br{display:none;}
  .bigboxtv .sequence .item{background-size:280px!important;padding-bottom:230px;min-height:0!important;}
  .bigboxtv .sequence .item .ttl em br{display:block!important;}
  .bigboxtv .step {background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/bigboxtv/m_bg_step.webp") 100% 100% / cover no-repeat;}
  .bigboxtv .step .bothside-space{padding:0 30px!important;}
  .bigboxtv .step .top {background:transparent;padding:60px 40px 0;}
  .bigboxtv .step .top .ta{display:none;}
  .bigboxtv .step .top .mo{display:block;max-width:280px;margin:0 auto;}
  .bigboxtv .step br{display:none;}
  .bigboxtv .step .mo{display:block;}
  .bigboxtv .step .bottom{background:transparent;padding:38px 0 93px;}
  .bigboxtv .step .txt{font-size:20px;}
  .bigboxtv .step .btn{width:100%;height:auto;line-height:1.3;border-radius:16px;padding:15px;}
  .bigboxtv .step .btn span:after{display:none;}
}
/*
===================
===================
wordkingdom
===================
===================
*/
.wordkingdom {
  /*BREAK*/ }
  /*
.wordkingdom .sequence {
  background: url(../img/wordkingdom/pattern_bg.png) repeat;
  background-color: #f5f5f5; }
.wordkingdom .sequence .item {
  min-height: 485px; }
.wordkingdom .sequence .item:nth-child(odd) {
  background-position: 100% 50%; }
.wordkingdom .sequence .item:nth-child(even) {
  padding-right: 3rem;
  justify-content: flex-end;
  background-position: 0 50%; }
.wordkingdom .sequence .item1 {
  background: url(../img/wordkingdom/sequence_img1.png) no-repeat; }
.wordkingdom .sequence .item2 {
  background: url(../img/wordkingdom/sequence_img2.png) no-repeat; }
.wordkingdom .sequence .item3 {
  background: url(../img/wordkingdom/sequence_img3.png) no-repeat; }
.wordkingdom .sequence .item4 {
  background: url(../img/wordkingdom/sequence_img4.png) no-repeat; 
  padding-right:0!important; }
.wordkingdom .sequence .item4 .ttl{
  font-size:1.15rem!important; }
.wordkingdom .how-to-learn {
  position: relative;
  padding-top: 6.5rem;
  padding-bottom: 8rem;
  overflow: hidden;
  background-color: #fff8f8; }
.wordkingdom .how-to-learn::before, .wordkingdom .how-to-learn::after {
  content: "";
  position: absolute; }
.wordkingdom .how-to-learn::before {
  top: 0;
  right: 0;
  width: 661px;
  height: 607px;
  background: url(../img/wordkingdom/circle_bg1.png) no-repeat;
  background-size: 661px; }
.wordkingdom .how-to-learn::after {
  bottom: 8rem;
  left: 10rem;
  width: 288px;
  height: 288px;
  background: url(../img/wordkingdom/circle_bg2.png) no-repeat;
  background-size: 288px; }
.wordkingdom .how-to-learn .item-container {
  padding-right: 1.5rem;
  padding-bottom: 3rem;
  padding-left: 1.5rem;
  text-align: center; }
.wordkingdom .how-to-learn .item-container .txt-item {
  font-size: 1.2rem;
  line-height: 1.15;
  letter-spacing: -0.06rem; }
.wordkingdom .how-to-learn .item-ttl {
  background-color: #ff513c; }
.wordkingdom .how-to-learn .list-item {
  margin-top: 1.5rem;
  display: flex;
  justify-content: center;
  flex-flow: row wrap; }
.wordkingdom .how-to-learn .list-item li {
  margin-right: .25rem;
  margin-left: .25rem;
  padding: .75rem;
  min-width: 180px;
  min-height: 125px;
  font-size: .9rem;
  display: flex;
  align-items: center;
  line-height: 1.25;
  letter-spacing: -0.06rem;
  background-color: #fff;
  border: 3px solid #ccc;
  border-radius: 10px; }
.wordkingdom .how-to-learn .list-item li > div {
  width: 100%; }
.wordkingdom .how-to-learn .list-item em, .wordkingdom .how-to-learn .list-item span {
  display: block; }
.wordkingdom .how-to-learn .list-item em {
  color: #666; }
.wordkingdom .how-to-learn .list-item span {
  color: #ff513c; }
.wordkingdom .dashed-border {
  border-color: #ff513c; }
.wordkingdom .q-circle {
  color: #ff513c;
  background-color: #fff; }
.wordkingdom .a-circle {
  color: #fff;
  background-color: #54504f; }
.wordkingdom .graph-item {
  margin-top: 3.25rem;
  text-align: center; }
.wordkingdom .graph-item figcaption {
  margin-top: 2.75rem;
  font-size: 1.2rem;
  color: #545454; }
@media screen and (max-width: 1080px) {
  .wordkingdom .sequence .item {
    height: 40vw; }
  .wordkingdom .how-to-learn::before {
    width: 450px;
    background-size: 450px; }
  .wordkingdom .how-to-learn::after {
    bottom: -6rem;
    left: -6rem; }
  .wordkingdom .how-to-learn .item-container {
    padding-bottom: 2rem; }
  .wordkingdom .how-to-learn .list-item li {
    margin-right: -1px;
    margin-bottom: -1px;
    margin-left: 0;
    padding-right: .5rem;
    padding-left: .5rem;
    min-width: 140px;
    min-height: 75px;
    border-radius: 0;
    border-width: 1px; }
  .wordkingdom .graph-item img {
    max-width: 100%; } }
@media screen and (max-width: 768px) {
  .wordkingdom .sequence .item {
    padding-bottom: 230px; }
  .wordkingdom .how-to-learn::before {
    width: 350px;
    background-size: 350px; }
  .wordkingdom .how-to-learn .item-container .txt-item {
    line-height: 1.45; }
  .wordkingdom .how-to-learn .list-item li {
    line-height: 1.45; }
  .wordkingdom .how-to-learn .list-item span br {
    display: none; }
  .wordkingdom .graph-item figcaption {
    font-size: 1rem; } }
@media screen and (max-width: 480px) {
  .wordkingdom .how-to-learn::before {
    width: 200px;
    background-size: 200px; }
  .wordkingdom .how-to-learn::after {
    bottom: -4rem;
    left: -4rem;
    width: 170px;
    height: 170px;
    background-size: 170px; }
  .wordkingdom .how-to-learn .list-item li {
    padding-top: 1rem;
    padding-bottom: 1rem;
    min-width: 0;
    width: 100%;
    min-height: 0; }
  .wordkingdom .how-to-learn .list-item em br {
    display: none; } }
*/
.color_pp{color:#D550E4 !important}
.color_org{color:#FF513C !important}
.color_gr{color:#81B504 !important}
.color_y_gr{color:#91CC04 !important}

.wordkingdom img{max-width:100%;}
.wordkingdom .inner{max-width:1280px;margin:0 auto;}
.wordkingdom .swiper-pagination-bullets{bottom:0;height:14px;}
.wordkingdom .swiper-pagination-bullets .swiper-pagination-bullet{opacity:1;width:14px;height:14px;margin:0 2px;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/ico_pagination.png') no-repeat 50% 50% / 10px auto;border-radius:0;vertical-align:top}
.wordkingdom .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/ico_pagination_on.png') no-repeat 50% 50% / 10px auto;}

.wordkingdom .quick_banner{position:fixed;left:calc(50% - 640px);bottom:0;z-index:100;max-width:1280px;width:100%;height:100px;background:linear-gradient(180deg, #D60A13, #FF1D29);text-align:center;border-radius:60px 60px 0 0}
.wordkingdom .quick_banner a{display:block;height:100%;}
.wordkingdom .quick_banner img{position:absolute;left:50%;bottom:0;z-index:1;max-width:1024px;transform:translate(-50%, 0)}

.wordkingdom .section1{padding:35px 0 0;text-align:center;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/bg_section1.jpg') 50% 50% / cover no-repeat;box-sizing:border-box;}
.wordkingdom .section1 h4{max-width:544px;margin:0 auto}
.wordkingdom .section1 .visual_slide{position:relative;max-width:858px;padding:0 104px 28px;margin:30px auto 0;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/bg_slide.png') no-repeat left 50% bottom -50% / 85% auto;}
.wordkingdom .section1 .visual_slide:before{content:'';position:absolute;left:90px;bottom:22px;z-index:2;width:88px;height:116px;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/bg_slide_left.png') no-repeat 50% 50% / 100% auto;transform:rotate(-28deg)}
.wordkingdom .section1 .visual_slide:after{content:'';position:absolute;right:75px;bottom:15px;z-index:2;width:95px;height:134px;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/bg_slide_right.png') no-repeat 50% 50% / 100% auto;transform:rotate(28deg)}
.wordkingdom .section1 .visual_slide .swiper-wrapper{}
.wordkingdom .section1 .swiper-container-horizontal>.swiper-pagination-bullets{bottom:70px;}
.wordkingdom .section1 .visual_slide .swiper-button-prev:after,
.wordkingdom .section1 .visual_slide .swiper-button-next:after{display:none}
.wordkingdom .section1 .visual_slide .swiper-button-prev{left:10px;width:74px;height:74px;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/btn_prev_blue.png') no-repeat 50% 50% / 100% auto;box-shadow:0 4px 10px rgb(0 0 0 / 10%);border-radius:50%;}
.wordkingdom .section1 .visual_slide .swiper-button-next{right:10px;width:74px;height:74px;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/btn_next_blue.png') no-repeat 50% 50% / 100% auto;box-shadow:0 4px 10px rgb(0 0 0 / 10%);border-radius:50%;}
.wordkingdom .section1 .banner{display:flex;align-items:center;justify-content:center;height:85px;background:#222729;}
.wordkingdom .section1 .banner p{max-width:647px}

.wordkingdom .section2{padding:60px 0 0;background:#894530 url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/bg_section2.jpg') no-repeat 50% 0 / 100% 100%}
.wordkingdom .section2 .inner{position:relative;padding-bottom:105px}
.wordkingdom .section2 .inner:after{content:'';position:absolute;right:50%;bottom:0;z-index:1;display:inline-block;width:312px;height:196px;margin-right:-580px;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/section2_cha2.png') no-repeat 50% 0 / 100% 100%}
.wordkingdom .section2 h5{max-width:600px;margin:0 auto}
.wordkingdom .section2 h5 img{width:100%}
.wordkingdom .section2 ul{margin-top:30px}
.wordkingdom .section2 ul li{position:relative;display:flex;justify-content:space-between;align-items:center;height:460px;padding:60px 80px;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/bg_list.png') no-repeat 50% 0 / 100% 100%}
.wordkingdom .section2 ul li + li{margin-top:55px;}
.wordkingdom .section2 ul li.list2,
.wordkingdom .section2 ul li.list4{flex-direction:row-reverse;}
.wordkingdom .section2 ul li.list3{padding:60px 28px 60px 80px;}
.wordkingdom .section2 ul li.list4{padding:60px 80px 60px 28px;}
.wordkingdom .section2 ul li:before{content:'';position:absolute;left:0;top:-120px;z-index:0;display:inline-block;width:243px;height:243px;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/ico_lantern.png') no-repeat 50% 0 / 100% 100%}
.wordkingdom .section2 ul li.list1:after{content:'';position:absolute;right:14px;top:-133px;z-index:1;display:inline-block;width:272px;height:272px;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/section2_cha1.png') no-repeat 50% 0 / 100% 100%}
.wordkingdom .section2 ul li .txt_box{display:inline-flex;flex-direction:column;height:294px;min-width:400px}
.wordkingdom .section2 ul li .txt_box.mid{justify-content:center;}
.wordkingdom .section2 ul li .txt_box.t_right{text-align:right;align-items:flex-end;}
.wordkingdom .section2 ul li .tit{font-size:40px;font-family:'yg-jalnan';color:#333}
.wordkingdom .section2 ul li .tit em{color:#f91a26}
.wordkingdom .section2 ul li .sub_txt{margin:10px 0 0;font-size:22px;color:#333}
.wordkingdom .section2 ul li .tag{font-size:20px;color:rgb(65 29 21 / 60%);font-weight:700;font-family:'Noto Sans KR';}
.wordkingdom .section2 ul li .btn_go{position:relative;display:inline-flex;align-items:center;justify-content:center;width:394px;height:68px;margin-top:auto;border-radius:12px;font-family:'yg-jalnan';font-size:26px;color:#fff;background:#F91A26 url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/bg_btn.png') no-repeat 50% 100% / 100% auto;padding-bottom:3px;}
.wordkingdom .section2 ul li.list4 .btn_go{margin-top:40px}
.wordkingdom .section2 ul li .btn_go span{display:inline-block;padding-right:30px;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/ico_arrow.svg') no-repeat 100% 50%;}
.wordkingdom .section2 ul li .img_box{max-width:655px;margin:0;/*padding:0 75px;*/}
.wordkingdom .section2 ul li .img_box img{max-width:550px}
.wordkingdom .section2 ul li .img_box.swiper-container{padding:0 52px 24px}
.wordkingdom .section2 ul li .img_box.slide_intro{z-index:2}
.wordkingdom .section2 .swiper-slide{width:550px}
.wordkingdom .section2 .swiper-container .swiper-btn{opacity:0;width:40px;height:40px;box-shadow:0 4px 4px rgb(0 0 0 / 25%);border-radius:50%;transition:all .2s;}
.wordkingdom .section2 .swiper-container:hover .swiper-btn{opacity:1 !important;}
.wordkingdom .section2 .swiper-container .swiper-btn:after{display:none}
.wordkingdom .section2 .swiper-container .swiper-button-prev:after,
.wordkingdom .section2 .swiper-container .swiper-button-next:after{display:none}
.wordkingdom .section2 .swiper-container .swiper-button-prev{left:0;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/btn_prev_org.png') no-repeat 50% 50% / 100% auto;}
.wordkingdom .section2 .swiper-container .swiper-button-next{right:0;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/btn_next_org.png') no-repeat 50% 50% / 100% auto;}
.wordkingdom .section2 .swiper-container .swiper-button-prev.swiper-button-disabled{box-shadow:none;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/btn_prev_org_disabled.png') no-repeat 50% 50% / 100% auto;}
.wordkingdom .section2 .swiper-container .swiper-button-next.swiper-button-disabled{box-shadow:none;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/btn_next_org_disabled.png') no-repeat 50% 50% / 100% auto;}

.wordkingdom .section3{padding:75px 0 45px;text-align:center;background:#5F2D2B url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/bg_section3.jpg') no-repeat 50% 0 / 100% 100%}
.wordkingdom .section3 h5{max-width:707px;margin:0 auto}
.wordkingdom .section3 .box{padding:50px 20px 100px;margin-top:35px;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/bg_box_paper.png?v1') no-repeat 50% 100% / 100% 100%}
.wordkingdom .section3 .box.box1{position:relative;padding:50px 0 40px}
.wordkingdom .section3 .box.box1:before{content:'';position:absolute;left:77px;top:-148px;width:184px;height:158px;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/section3_cha1.png') no-repeat 50% 100% / 100% auto}
.wordkingdom .section3 .box.box1:after{content:'';position:absolute;right:94px;top:-165px;width:161px;height:178px;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/section3_cha2.png') no-repeat 50% 100% / 100% auto}
.wordkingdom .section3 .box .inner{max-width:1040px;margin:0 auto}
.wordkingdom .section3 .box_num{display:inline-block;width:64px;}
.wordkingdom .section3 .sub_tit{margin:10px 0;font-family:'Noto Sans KR';font-size:26px;line-height:1.2;text-decoration:underline;}
.wordkingdom .section3 .main_tit{color:#333;font-size:36px;font-weight:700;font-family:'yg-jalnan';}
.wordkingdom .section3 .main_tit strong{display:inline-block;padding:0 14px;text-align:center;font-family:'yg-jalnan';font-size:36px;font-weight:700;color:#fff;line-height:50px;border-radius:25px}
.wordkingdom .section3 .main_tit strong.bg_pp{background:#D550E4}
.wordkingdom .section3 .main_tit strong.bg_org{background:#FF513C}
.wordkingdom .section3 .main_tit strong.bg_gr{background:#91CC04}
.wordkingdom .section3 .box1 .main_tit strong + strong{margin-left:4px;}
.wordkingdom .section3 .box1 .main_tit span{font-size:0;}
.wordkingdom .section3 .img_step{margin:20px 0 10px}
.wordkingdom .section3 .tab_slide{padding-bottom:45px}
.wordkingdom .section3 .tab_nav_slide{display:none;}
.wordkingdom .section3 .flex_box{display:flex;align-items:center;padding:35px 25px 0;justify-content:space-between}
.wordkingdom .section3 .tit{display:flex;align-items:center;justify-content:center;height:74px;color:#333;font-weight:700;font-size:36px;border:1px solid #D550E4;background:#FBEEFC;line-height:normal}
.wordkingdom .section3 .l_box{display:flex;align-items:center}
.wordkingdom .section3 .l_box div{text-align:left}
.wordkingdom .section3 .num_list{display:inline-block;width:42px;margin-right:95px}
.wordkingdom .section3 .tit_step{display:block;font-size:16px;}
.wordkingdom .section3 .txt_step{display:block;font-size:36px;font-weight:700}
.wordkingdom .section3 .sub_txt{margin-top:10px;color:#333;font-size:24px;font-family:'Noto Sans KR';}
.wordkingdom .section3 .img_graph{margin-top:30px}
.wordkingdom .section3 .img_grm{max-width:1063px;margin:10px auto 0;}
.wordkingdom .section3 .img_grm .mo_view{display:none}
.wordkingdom .section3 .r_box{max-width:480px;}

.wordkingdom .section4{position:relative;height:600px;padding:50px 0 0;text-align:center;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/bg_section4.jpg') no-repeat 50% 0 / cover;}
.wordkingdom .section4:after{position:absolute;bottom:0;left:calc(50% - 242px);content:"";display:block;width:484px;height:452px;background:url("https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/monty.png") 0 0 / 100% 100% no-repeat;margin:0 auto;}
.wordkingdom .section4 .inner{max-width:1024px;height:100%;}
.wordkingdom .section4 div{position:relative}
.wordkingdom .section4 img{max-width:911px;}
.wordkingdom .section4 .btn_box{position:absolute;bottom:35px;left:0;width:100%;display:flex;flex-direction:row;gap:16px;z-index:10;}
.wordkingdom .section4 .btn_box a{display:block;width:50%;height:80px;line-height:80px;font-family:'yg-jalnan';font-size:26px;color:#fff;}
.wordkingdom .section4 .btn_box a span:after{content:"";display:inline-block;width:26px;height:18px;background:url("https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/icon_arrow_right.png") 0 0 / 100% 100% no-repeat;margin-left:16px;}
.wordkingdom .section4 .btn_box a:nth-child(1){background:url("https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/bg_btn_1.png") 0 0 / 100% 100% no-repeat;}
.wordkingdom .section4 .btn_box a:nth-child(2){background:url("https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/bg_btn_2.png") 0 0 / 100% 100% no-repeat;}

.wordkingdom .review{padding:5px 0 70px!important;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/bg_review.jpg') 50% 50% / cover no-repeat}
.wordkingdom .review .review_slide{overflow:hidden;position:relative;margin-top:-60px;}
.wordkingdom .review .review_slide .swiper-slide{width:346px;height:550px;margin-right:7px;padding:24px;border-radius:30px;background:#fff;}
.wordkingdom .review .review_slide .img_box{overflow:hidden;max-height:202px;border-radius:10px;}
.wordkingdom .review .review_slide .txt_review{overflow:hidden;max-height:172px;font-family:'Pretendard';font-weight:300;font-size:18px;line-height:1.35;color:#000;word-break:break-all;}
.wordkingdom .review .review_slide .txt_review em{font-weight:700;text-decoration:underline;background:rgba(255, 47, 1, .05)}
.wordkingdom .review .review_slide .txt_box{padding-top:15px;margin-top:auto}
.wordkingdom .review .review_slide .txt_box .tit{margin-bottom:12px;font-size:28px;line-height:1.2;font-family:'yg-jalnan';color:#000;letter-spacing:-1.6px;}
.wordkingdom .review .review_slide .txt_box .tit span{color:#F91A26;}
.wordkingdom .review .review_slide .txt_box .info{position:absolute;left:24px;bottom:24px;font-family:'Pretendard';font-size:16px;line-height:1.4;color:#999;}
.wordkingdom .review .review_slide .txt_box .grade{display:inline-block;width:131px;height:22px;margin-left:10px;text-indent:-9999px;vertical-align:text-bottom;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom_event/ico_review.png') no-repeat 0 50% / 100% auto;}
.wordkingdom .review .review_slide .swiper-button-next:after,
.wordkingdom .review .review_slide .swiper-button-prev:after{display:none}
.wordkingdom .review .review_slide .swiper-button-prev,
.wordkingdom .review .review_slide .swiper-button-next{display:none;width:52px;height:52px;border-radius:50%;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);}
.wordkingdom .review .review_slide .swiper-button-prev{left:50%;margin-left:-512px;background:#242424 url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/btn_prev.png?v1') 50% 50% / 16px 15px no-repeat;}
.wordkingdom .review .review_slide .swiper-button-next{right:50%;margin-right:-512px;background:#242424 url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/btn_next.png?v1') 50% 50% / 16px 15px no-repeat;}
.wordkingdom .review .review_slide:hover .swiper-button-prev,
.wordkingdom .review .review_slide:hover .swiper-button-next{display:inline-block;}
 
/**/
.wordkingdom .dim{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color: rgba(0,0,0,.6);z-index:100;}
.wordkingdom .pop_wrap{display:none;position:fixed;left:50%;top:50%;z-index:101;max-width:1024px;width:100%;padding-top:60px;-webkit-transform: translate(-50%, -50%);transform:translate(-50%, -50%);}
.wordkingdom .pop_wrap .btn_close{position:absolute;right:0;top:0;width:80px;height:40px;text-indent:-9999px;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/btn_pop_close.png') no-repeat 50% 50% / 100% auto}
.wordkingdom .pop_video > div{position:relative;width:100%;height:0;padding-top:56%;}
.wordkingdom .pop_video > div iframe{position:absolute;left:0;top:0;width:100%;height:100%;}
.wordkingdom .pop_intro .pop_slide_intro{padding-bottom:28px}
.wordkingdom .pop_intro .swiper-button-prev:after,
.wordkingdom .pop_intro .swiper-button-next:after{display:none}
.wordkingdom .pop_intro .swiper-button-prev{left:20px;width:74px;height:74px;margin-top:-44px;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/btn_prev_org.png') no-repeat 50% 50% / 100% auto;box-shadow:0 4px 10px rgb(0 0 0 / 10%);border-radius:50%;}
.wordkingdom .pop_intro .swiper-button-next{right:20px;width:74px;height:74px;margin-top:-44px;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/btn_next_org.png') no-repeat 50% 50% / 100% auto;box-shadow:0 4px 10px rgb(0 0 0 / 10%);border-radius:50%;}
.wordkingdom .pop_intro .swiper-button-prev.swiper-button-disabled{box-shadow:none;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/btn_prev_org_disabled.png') no-repeat 50% 50% / 100% auto;}
.wordkingdom .pop_intro .swiper-button-next.swiper-button-disabled{box-shadow:none;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/btn_next_org_disabled.png') no-repeat 50% 50% / 100% auto;}
.wordkingdom .pop_m_version{padding-top:34px!important;}
.wordkingdom .pop_m_version .btn{padding:0;border:0;}
.wordkingdom .pop_m_version .btn img{vertical-align:top;}
.wordkingdom .pop_m_version .btn_close{width:30px!important;height:30px!important;background-image:url("https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/btn_pop_close_circle.png")!important;}

@media screen and (max-width: 1280px){
	.wordkingdom img{width:100%;}
	.wordkingdom .quick_banner{left:0;height:70px;}
	.wordkingdom .quick_banner img{max-width:720px;padding:0 20px;}
	.wordkingdom .section2 .inner:after{right:0;margin-right:0}
  .wordkingdom .review{padding:70px 0 !important;background-image:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/bg_review_ta.jpg');}
	.wordkingdom .review .sub_tit{text-align:center;padding:0 20px;}
  .wordkingdom .review .sub_tit img{max-width:796px;margin:0 auto;}
  .wordkingdom .review .review_slide{margin-top:40px;}
  .wordkingdom .review .review_slide .swiper-button-prev{display:inline-block;left:35px;margin-left:0;}
	.wordkingdom .review .review_slide .swiper-button-next{display:inline-block;right:115px;margin-right:0;}
}
@media screen and (max-width: 1024px){
	.wordkingdom .tab_block{display:block}
	.wordkingdom .section1 .visual_slide{background-position:left 50% bottom -100%;}
	.wordkingdom .section2 .inner:after{right:0;margin-right:0}
	.wordkingdom .section2 ul li{padding:60px 30px;background-size:auto 100%}
	.wordkingdom .section2 ul li.list3{padding:60px 30px;}
	.wordkingdom .section2 ul li.list4{padding:60px 30px;}
	.wordkingdom .section2 ul li:before{display:none}
	.wordkingdom .section2 ul li.list1:after{right:0;top:-100px;width:226px;height:225px;}
	.wordkingdom .section2 ul li .img_box.swiper-container{max-width:550px;padding:0 0 24px}
	.wordkingdom .section2 ul li .btn_go{width:355px;font-size:24px}
	.wordkingdom .section3{padding:75px 28px 27px}
	.wordkingdom .section3 h5{margin-bottom:185px}
	.wordkingdom .section3 .box{background-image:url("https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/bg_box_paper_tab.png?v1");padding:50px 32px 80px}
	.wordkingdom .section3 .box.box1{padding:50px 32px 40px}
	.wordkingdom .section3 .box.box3{padding:50px 46px 75px}
	.wordkingdom .section3 .box.box1:before{left:50%;margin-left:-144px;}
	.wordkingdom .section3 .box.box1:after{right:auto;margin-right:0;left:50%;}
	.wordkingdom .section3 .box1 .main_tit em{display:block}
	.wordkingdom .section3 .flex_box{padding:35px 15px 0}
	.wordkingdom .section3 .num_list{margin-right:40px}
	.wordkingdom .section3 .img_grm{margin:0 auto;}
	.wordkingdom .section3 .r_box{width:55%;}
  .wordkingdom .section4{padding:50px 28px 0;}
	.wordkingdom .pop_wrap{overflow-y:auto;max-width:80%;max-height:90vh;}
}
@media screen and (max-width: 1020px){
	.wordkingdom .review .review_slide .swiper-button-next{right:35px;}
}
@media screen and (max-width: 1080px){
	.wordkingdom .section2 .inner:after{display:none}
	.wordkingdom .section2 ul li .tit{font-size:32px}
}
@media screen and (max-width: 640px){
	.wordkingdom .tab_block{display:inline-block}
	.wordkingdom .mo_block{display:block}
	.wordkingdom .section1{background:#894530 url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/bg_section1_mo.jpg') no-repeat 50% 0 / 100% auto}
	.wordkingdom .section1 h4{max-width:266px}
	.wordkingdom .section1 .visual_slide{width:100%;padding:0 4.2% 7px;background-size:100% auto;background-position:50% 150%}
	.wordkingdom .section1 .visual_slide:before{left:0;width:42px;height:56px}
	.wordkingdom .section1 .visual_slide:after{right:0;width:46px;height:65px}
	.wordkingdom .section1 .visual_slide .swiper-button-prev,
	.wordkingdom .section1 .visual_slide .swiper-button-next{width:30px;height:30px;}
	.wordkingdom .section1 .visual_slide .swiper-button-prev{left:1.94%}
	.wordkingdom .section1 .visual_slide .swiper-button-next{right:1.94%}
	.wordkingdom .section1 .swiper-container-horizontal>.swiper-pagination-bullets{bottom:35px}
	.wordkingdom .section1 .banner{height:50px}
	.wordkingdom .section1 .banner p{max-width:328px}
	.wordkingdom .section2{padding:20px 15px 0;background:#894530 url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/bg_section2_mo.jpg') no-repeat 50% 0 / 100% auto}
	.wordkingdom .section2 h5{max-width:300px}
	.wordkingdom .section2 ul{margin-top:50px}
	.wordkingdom .section2 ul li{height:auto;align-items:flex-start;flex-direction:column;padding:55px 20px 110px;text-align:center;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/bg_list_mo.png') no-repeat 50% 0 / 100% 100%}
	.wordkingdom .section2 ul li .img_box.swiper-container{width:100%;}
	.wordkingdom .section2 ul li:before{display:inline-block;left:50%;margin-left:-121px;}
	.wordkingdom .section2 ul li .txt_box{display:flex;align-items:center;width:100%;height:auto;min-width:100%}
	.wordkingdom .section2 ul li .tit{display:block;width:100%;margin:0 auto;font-size:26px}
	.wordkingdom .section2 ul li .sub_txt{width:100%;font-size:16px}
	.wordkingdom .section2 ul li .tag{display:block;width:100%;font-size:14px}
	.wordkingdom .section2 ul li .btn_go{position:absolute;left:20px;bottom:20px;z-index:10;width:100%;height:60px;font-size:18px;width:calc(100% - 40px);}
	.wordkingdom .section2 ul li .btn_go span{background-size:12px auto;background-position:100% 48%;}
	.wordkingdom .section2 ul li .img_box{padding:0;margin-top:20px;}
	.wordkingdom .section2 ul li .txt_box.t_right{text-align:center;align-items:flex-start;}
	.wordkingdom .section2 ul li.list2,
	.wordkingdom .section2 ul li.list4{flex-direction:column;}
	.wordkingdom .section2 ul li.list1{position:relative;}
	.wordkingdom .section2 ul li.list1:after{display:none}
	.wordkingdom .section2 ul li.list3{padding:55px 20px 20px}
	.wordkingdom .section2 ul li.list4{padding:55px 20px 110px}
	.wordkingdom .section2 .inner{padding-bottom:40px}
	.wordkingdom .section2 .inner:after{display:none}
	.wordkingdom .section3{background:#5F2D2B url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/bg_section3_mo.jpg?v1') no-repeat 50% 0 / cover;padding:20px 16px 30px;}
	.wordkingdom .section3 .box{padding:22px 20px 25px;margin-top:20px;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/bg_box_paper_mo.png?v1') no-repeat 50% 100% / 100% 100%}
	.wordkingdom .section3 .box.box1{padding:22px 20px 25px}
	.wordkingdom .section3 .box.box2{padding:22px 20px 42px;}
	.wordkingdom .section3 .box.box3{padding:22px 20px 30px;}
	.wordkingdom .section3 .box_num{width:32px}
	.wordkingdom .section3 .sub_tit{font-size:14px}
	.wordkingdom .section3 .main_tit{font-size:18px}
	.wordkingdom .section3 .main_tit strong{padding:0 7px;line-height:25px;font-size:20px}
	.wordkingdom .section3 .main_tit strong:nth-child(2){margin:0;line-height:26px}
	.wordkingdom .section3 .box1 .main_tit strong{height:28px;line-height:28px;}
  .wordkingdom .section3 .tab li{height:42px}
	.wordkingdom .section3 .tab li a{font-size:14px;line-height:1.2}
	.wordkingdom .section3 .tit{height:38px;font-size:18px}
  .wordkingdom .section3 .tab_nav_slide{display:block;}
  .wordkingdom .section3 .tab_nav_slide .swiper-slide{padding:0 25px;}
  .wordkingdom .section3 .tab_slide .r_box{display:none;}
	.wordkingdom .section3 .l_box{width:100%;}
	.wordkingdom .section3 .r_box{display:block;width:100%;padding:0 25px;margin-bottom:20px;box-sizing:border-box}
	.wordkingdom .section3 .flex_box{flex-direction:column-reverse;padding:10px 0 0 0}
	.wordkingdom .section3 .num_list{margin-right:54px}
	.wordkingdom .section3 .txt_step{font-size:24px}
	.wordkingdom .section3 .img_step{margin:10px 0}
	.wordkingdom .section3 .sub_txt{font-size:16px}
	.wordkingdom .section3 .tab_slide{padding:0}
	.wordkingdom .section3 .swiper-pagination-bullets{display:none}
	.wordkingdom .section3 .img_graph{/*max-width:303px;*/margin:14px auto 0;}
  .wordkingdom .section3 .img_grm{margin:15px auto 0;}
	.wordkingdom .section3 .img_grm .mo_view{display:block}
	.wordkingdom .section3 .img_grm .pc_view{display:none}
	.wordkingdom .section3 .img_grm img{/*max-width:310px;*/margin:0 auto;/*background:#fff;*/}
	.wordkingdom .section4{height:480px;padding:33px 29px 25px;background:#5F2D2B url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/bg_section4_mo.jpg') no-repeat 50% 50% / cover}
	.wordkingdom .section4:after{bottom:50px;left:calc(50% - 137px);width:274px;height:303px;background-image:url("https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/m_monty.png");}
  .wordkingdom .section4 .btn_box{bottom:0;flex-direction:column;gap:16px 0;}
  .wordkingdom .section4 .btn_box a{width:100%;height:60px;line-height:58px;font-size:18px;}
  .wordkingdom .section4 .btn_box a span:after{margin-left:12px;vertical-align:-2px;}
  .wordkingdom .quick_banner{left:0;height:62px;border-radius:30px 30px 0 0}
	.wordkingdom .quick_banner img{max-width:328px;padding:0;}

  .wordkingdom .pop_wrap{max-width:340px;padding-top:30px;}
	.wordkingdom .pop_wrap .btn_close{width:52px;height:20px;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/btn_pop_close_mo.png') no-repeat 50% 50% / 100% auto}
	.wordkingdom .pop_intro .swiper-button-prev,
	.wordkingdom .pop_intro .swiper-button-next{width:40px;height:40px;margin-top:-34px;}

  .wordkingdom .review{padding:3px 0 45px!important;background-image:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/bg_review_mo.jpg');}
	.wordkingdom .review .sub_tit{padding:0;}
  .wordkingdom .review .sub_tit img{max-width:720px;}
	.wordkingdom .review .review_slide{padding:0 40px;margin-top:40px;}
	.wordkingdom .review .review_slide .swiper-slide{max-width:256px;height:428px;margin-right:0;padding:18px;}
	.wordkingdom .review .review_slide .swiper-button-prev{left:10px;}
	.wordkingdom .review .review_slide .swiper-button-next{right:10px}
	.wordkingdom .review .review_slide .img_box{max-height:144px}
	.wordkingdom .review .review_slide .txt_box .tit{font-size:20px;margin-bottom:10px;letter-spacing:-1px;}
	.wordkingdom .review .review_slide .txt_review{max-height:160px;font-size:14px;line-height:1.2;}
	.wordkingdom .review .review_slide .txt_box .info{font-size:14px}
	.wordkingdom .review .review_slide .txt_box .grade{width:110px;height:18px;margin-left:11px;}
}


/*
===================
===================
forestofexp
===================
===================
*/
.forestofexp {
  /*BREAK*/ }
.forestofexp .section-ttl {
  text-align: center; }
.forestofexp .section-ttl > strong, .forestofexp .section-ttl > em {
  display: block; }
.forestofexp .section-ttl > strong {
  margin-bottom: 1.25rem;
  font-family: "yg-jalnan", "Malgun Gothic", "맑은 고딕", sans-serif;
  font-size: 1.6rem;
  color: #333; }
.forestofexp .section-ttl > em {
  font-size: 1.2rem;
  line-height: 1.25; }
.forestofexp .section-ttl > em span {
  color: #8737e1;
  font-weight: 600; }
.forestofexp .how-to-learn {
  position: relative;
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  overflow: hidden;
  background: url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/forestofexp/pattern_bg1.webp") repeat;
  background-color: #fcf5f5; }
.forestofexp .how-to-learn::before, .forestofexp .how-to-learn::after {
  content: "";
  position: absolute; }
.forestofexp .how-to-learn::before {
  top: 0;
  left: 0;
  width: 661px;
  height: 607px;
  background: url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/forestofexp/circle_bg1.webp") no-repeat;
  background-size: 661px; }
.forestofexp .how-to-learn::after {
  bottom: -1.25rem;
  right: 10rem;
  width: 288px;
  height: 288px;
  background: url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/forestofexp/circle_bg2.webp") no-repeat;
  background-size: 288px; }
.forestofexp .how-to-learn .section-ttl {
  margin-bottom: 5rem; }
.forestofexp .how-to-learn .item-container {
  padding-right: 2rem;
  padding-bottom: 3rem;
  padding-left: 2rem;
  display: flex; }
.forestofexp .how-to-learn .item-container figure {
  margin-right: 1.5%;
  margin-left: 1.5%;
  width: 47%;
  text-align: center; }
.forestofexp .how-to-learn .item-container figure img {
  max-width: 100%; }
.forestofexp .how-to-learn .item-container figcaption {
  margin-top: 1rem;
  font-size: 1.15rem;
  color: #666;
  line-height: 1.25; }
.forestofexp .how-to-learn .item-container figcaption span {
  color: #ff513c; }
.forestofexp .how-to-learn .item-ttl {
  background-color: #8737e1; }
.forestofexp .dashed-border {
  position: relative;
  z-index: 3;
  border-color: #8737e1; }
.forestofexp .dashed-border::before {
  content: "";
  position: absolute;
  top: -94px;
  left: 50%;
  z-index: 0;
  margin-left: 215px;
  width: 114px;
  height: 90px;
  display: inline-block;
  background: url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/forestofexp/character.webp") no-repeat;
  background-size: 114px 90px;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }
.forestofexp .sequence {
  padding-top: 3.5rem;
  padding-bottom: 1.5rem;
  overflow: hidden;
  background: url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/forestofexp/pattern_bg2.webp") repeat;
  background-color: #f6f3fb; }
.forestofexp .sequence .item {
  min-height: 400px;
  background-position: 100% 50% !important; }
.forestofexp .sequence .item1 {
  background: url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/forestofexp/sequence_img1.webp") no-repeat; }
.forestofexp .sequence .item2 {
  background: url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/forestofexp/sequence_img2.webp") no-repeat; }
@media screen and (max-width: 1080px) {
  .forestofexp .section-ttl > em {
    font-size: 1rem; }
  .forestofexp .how-to-learn::before {
    width: 450px;
    background-size: 450px; }
  .forestofexp .how-to-learn::after {
    bottom: -6rem;
    right: -6rem; }
  .forestofexp .dashed-border::before {
    top: -74px;
    margin-left: 170px;
    width: 90px;
    height: 71px;
    background-size: 90px 71px; }
  .forestofexp .sequence .item {
    height: 30vw; } }
@media screen and (max-width: 768px) {
  .forestofexp .how-to-learn::before {
    width: 350px;
    background-size: 350px; }
  .forestofexp .dashed-border::before {
    top: -73px;
    margin-left: 150px; }
  .forestofexp .sequence .section-ttl {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #ccc; }
  .forestofexp .sequence .item {
    padding-bottom: 180px; } }
@media screen and (max-width: 640px) {
  .forestofexp .how-to-learn .section-ttl {
    margin-bottom: 7rem; }
  .forestofexp .how-to-learn .item-container {
    padding-right: 1.5rem;
    padding-bottom: 2rem;
    padding-left: 1.5rem;
    display: block; }
  .forestofexp .how-to-learn .item-container figure {
    margin-right: auto;
    margin-left: auto;
    width: 80%; }
  .forestofexp .how-to-learn .item-container figure:nth-of-type(1) ~ figure {
    margin-top: 1.5rem; }
  .forestofexp .dashed-border::before {
    top: -95px;
    margin-left: 0; } }
@media screen and (max-width: 480px) {
  .forestofexp .how-to-learn::before {
    width: 200px;
    background-size: 200px; }
  .forestofexp .how-to-learn::after {
    bottom: -4rem;
    right: -4rem;
    width: 170px;
    height: 170px;
    background-size: 170px; }
  .forestofexp .how-to-learn .item-container figure {
    width: 90%; } }

/*
===================
===================
readingoceans
===================
===================
*/
.readingoceans {
  /*BREAK*/ }
.readingoceans .dashed-border {
  border-color: #259ae4; }
.readingoceans .about {
  padding-top: 2rem;
  padding-bottom: 3.5rem; }
.readingoceans .about .item-container {
  padding-right: 2.5rem;
  padding-bottom: 3rem;
  padding-left: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap; }
.readingoceans .about .item-ttl {
  background-color: #259ae4; }
.readingoceans .about .img-item, .readingoceans .about .txt-item {
  margin-top: 1.25rem; }
.readingoceans .about .img-item {
  width: -moz-calc(100% - 250px);
  width: -o-calc(100% - 250px);
  width: -webkit-calc(100% - 250px);
  width: calc(100% - 250px);
  text-align: right; }
.readingoceans .about .img-item img {
  max-width: 100%; }
.readingoceans .about .txt-item {
  padding-left: 1rem;
  width: 250px;
  font-size: 14px; }
.readingoceans .about .txt-item dt {
  margin-bottom: .25rem;
  color: #ff513c; }
.readingoceans .about .txt-item dt:nth-of-type(1) ~ dt {
  margin-top: 1.5rem; }
.readingoceans .about .txt-item dd {
  color: #333;
  line-height: 1.35; }
.readingoceans .about .etc-item {
  margin-top: 3rem; }
.readingoceans .sequence {
  position: relative;
  padding-top: 3.5rem;
  padding-bottom: .5rem;
  overflow: hidden;
  background-color: #effbfd; }
.readingoceans .sequence::before, .readingoceans .sequence::after {
  content: "";
  position: absolute; }
.readingoceans .sequence::before {
  top: 3rem;
  right: 22.5%;
  width: 444px;
  height: 518px;
  background: url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/readingoceans/sequence_bg1.webp") no-repeat;
  background-size: 444px; }
.readingoceans .sequence::after {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 498px;
  background: url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/readingoceans/sequence_bg2.webp") no-repeat;
  background-size: 100%;
  background-position: 0 100%; }
.readingoceans .sequence .section-ttl {
  text-align: center; }
.readingoceans .sequence .section-ttl > strong, .readingoceans .sequence .section-ttl > em {
  display: block; }
.readingoceans .sequence .section-ttl > strong {
  margin-bottom: 1.25rem;
  font-family: "yg-jalnan", "Malgun Gothic", "맑은 고딕", sans-serif;
  font-size: 1.6rem;
  color: #333; }
.readingoceans .sequence .section-ttl > em {
  font-size: 1.2rem;
  line-height: 1.25; }
.readingoceans .sequence .section-ttl > em span {
  color: #8737e1;
  font-weight: 600; }
.readingoceans .sequence > ul {
  position: relative;
  z-index: 3; }
.readingoceans .sequence .item {
  min-height: 470px; }
.readingoceans .sequence .item:nth-child(odd) {
  background-position: 100% 50%; }
.readingoceans .sequence .item:nth-child(even) {
  padding-right: 3rem;
  justify-content: flex-end;
  background-position: 0 50%; }
.readingoceans .sequence .item1 {
  background: url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/readingoceans/sequence_img1.webp") no-repeat; }
.readingoceans .sequence .item2 {
  background: url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/readingoceans/sequence_img2.webp") no-repeat; }
.readingoceans .sequence .item3 {
  background: url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/readingoceans/sequence_img3.webp") no-repeat; }
.readingoceans .sequence .item4 {
  background: url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/readingoceans/sequence_img4.webp") no-repeat; 
  padding-right:0!important; }
.readingoceans .books {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  text-align: center; }
.readingoceans .books .section-ttl {
  margin-bottom: 3.5rem;
  font-family: "yg-jalnan", "Malgun Gothic", "맑은 고딕", sans-serif;
  font-size: 1.6rem;
  color: #259ae4; }
.readingoceans .books figure img {
  max-width: 100%; }
.readingoceans .books figcaption {
  margin-top: 3rem; }
.readingoceans .books figcaption span {
  margin-top: .5rem;
  margin-right: .1rem;
  margin-left: .1rem;
  padding: .75rem 1.5rem;
  font-size: 0.8rem;
  color: #fff;
  letter-spacing: -0.04rem;
  text-align: center;
  display: inline-block;
  background-color: #259ae4;
  border-radius: 50px; }
.readingoceans .reason {
  padding-top: 3.5rem;
  border-top: 2px solid #ccc; }
.readingoceans .reason .section-ttl, .readingoceans .reason .txt-item {
  display: flex;
  align-items: center; }
.readingoceans .reason .section-ttl em {
  font-size: 1.2rem; }
.readingoceans .reason .item-container {
  margin-top: 1rem; }
.readingoceans .reason .txt-item em {
  font-size: .9rem;
  line-height: 1.25; }
.readingoceans .reason .q-circle, .readingoceans .reason .a-circle {
  margin-right: 1rem;
  color: #fff; }
.readingoceans .reason .q-circle {
  background-color: #ff513c; }
.readingoceans .reason .a-circle {
  background-color: #54504f; }
.readingoceans .reason .graph-item {
  margin-top: 3.5rem;
  display: flex;
  flex-flow: row wrap; }
.readingoceans .reason .graph-item li {
  padding: 2rem 2.5rem;
  width: 47.5%;
  text-align: center;
  background-color: #f9f9f9; }
.readingoceans .reason .graph-item li:nth-of-type(1) ~ li {
  margin-left: 5%; }
.readingoceans .reason .graph-item span {
  margin-bottom: .75rem;
  font-size: .9rem;
  display: block; }
.readingoceans .reason .graph-item img {
  max-width: 100%; }
.readingoceans .skill-up {
  padding-top: 3.5rem;
  padding-bottom: 4.5rem; }
.readingoceans .skill-up .dashed-border {
  text-align: center; }
.readingoceans .skill-up .dashed-border .item-container {
  padding: 3rem; }
.readingoceans .skill-up .dashed-border .item-ttl {
  margin-bottom: 3rem;
  font-size: 1.2rem;
  color: #259ae4;
  line-height: 1.15;
  letter-spacing: -0.04rem; }
.readingoceans .skill-up .list-item {
  display: flex;
  justify-content: center;
  flex-flow: row wrap; }
.readingoceans .skill-up .list-item li {
  margin-right: 1.166666%;
  margin-left: 1.166666%;
  padding: .75rem;
  width: 31%;
  min-height: 150px;
  font-size: 1.2rem;
  color: #666;
  display: flex;
  align-items: center;
  line-height: 1.25;
  letter-spacing: -0.06rem;
  background-color: #fff;
  border: 3px solid #ccc;
  border-radius: 10px; }
.readingoceans .skill-up .list-item li > div {
  width: 100%; }
.readingoceans .skill-up .btn-item {
  margin-top: 3.5rem;
  text-align: center; }
.readingoceans .skill-up .btn-item .bt {
  width: 300px;
  height: 50px;
  font-family: "yg-jalnan", "Malgun Gothic", "맑은 고딕", sans-serif;
  font-size: .9rem;
  line-height: 50px;
  letter-spacing: -0.04rem;
  display: inline-block;
  border-radius: 50px; }
@media screen and (max-width: 1080px) {
  .readingoceans .about .img-item {
    width: 65%;
    text-align: left; }
  .readingoceans .about .txt-item {
    padding-left: 1.5rem;
    width: 35%; }
  .readingoceans .about .etc-item {
    text-align: center; }
  .readingoceans .about .etc-item img {
    max-width: 70%; }
  .readingoceans .sequence .item {
    height: 32.5vw; } }
@media screen and (max-width: 768px) {
  .readingoceans .about .img-item, .readingoceans .about .txt-item {
    width: 100%; }
  .readingoceans .about .img-item {
    text-align: center; }
  .readingoceans .about .img-item img {
    max-width: 75%; }
  .readingoceans .about .txt-item, .readingoceans .about .etc-item {
    margin-top: 2.5rem; }
  .readingoceans .about .txt-item {
    padding-left: 0;
    text-align: center; }
  .readingoceans .about .txt-item dd br {
    display: none; }
  .readingoceans .sequence .item {
    padding-bottom: 230px; } }
@media screen and (max-width: 640px) {
  .readingoceans .about .img-item img {
    max-width: 100%; }
  .readingoceans .about .etc-item img {
    max-width: 80%; }
  .readingoceans .reason .graph-item li {
    width: 100%; }
  .readingoceans .reason .graph-item li:nth-of-type(1) ~ li {
    margin-top: 1rem;
    margin-left: 0; }
  .readingoceans .reason .graph-item li img {
    max-width: 90%; }
  .readingoceans .skill-up .dashed-border .item-container {
    padding-right: 1.5rem;
    padding-left: 1.5rem; }
  .readingoceans .skill-up .dashed-border .item-ttl {
    margin-bottom: 2rem; }
  .readingoceans .skill-up .list-item li {
    min-height: 130px;
    font-size: 1rem; }
  .readingoceans .skill-up .list-item li br {
    display: none; }
  .readingoceans .skill-up .btn-item .bt {
    width: 250px;
    letter-spacing: 0; } }
@media screen and (max-width: 480px) {
  .readingoceans .about .etc-item img {
    max-width: 95%; }
  .readingoceans .skill-up .list-item li {
    margin-bottom: -1px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    width: 100%;
    min-height: 0;
    border-width: 1px;
    border-radius: 0; } }

/*
===================
===================
사용설명서 공통
===================
===================
*/
.manual {
  /*BREAK*/ }
.manual .sequence .item {
  display: flex;
  align-items: center; }
.manual .sequence .item:nth-of-type(1) ~ .item {
  border-top: 2px solid #ccc; }
.manual .sequence .item > div {
  padding-left: 4.5rem; }
.manual .sequence .item .ttl {
  position: relative;
  font-family: "yg-jalnan", "Malgun Gothic", "맑은 고딕", sans-serif;
  font-size: 1.2rem;
  line-height: 1.3;
  letter-spacing: -0.06rem; }
.manual .sequence .item .ttl::before {
  position: absolute;
  left: -4.5rem;
  width: 63px;
  height: 63px;
  font-size: 2rem;
  color: #fff;
  line-height: 63px;
  text-align: center;
  display: inline-block;
  background-color: #ff513c;
  border-radius: 50%; }
.manual .sequence .item .ttl em {
  color: #333; }
.manual .sequence .item .ttl strong {
  color: #ff513c; }
.manual .sequence .item .tag {
  margin-top: 1.65rem; }
.manual .sequence .item .tag span {
  margin-right: .5rem;
  font-size: 0.9rem;
  color: #666;
  display: inline-block; }
.manual .sequence .item1 .ttl::before {
  content: "1"; }
.manual .sequence .item2 .ttl::before {
  content: "2"; }
.manual .sequence .item3 .ttl::before {
  content: "3"; }
.manual .sequence .item4 .ttl::before {
  content: "4"; }
.manual .sequence .item5 .ttl::before {
  content: "5"; }
.manual .dashed-border {
  border-width: 4px;
  border-style: dashed;
  border-radius: 25px; }
.manual .dashed-border .item-container {
  position: relative;
  padding-top: 3.5rem;
  background-color: rgba(255, 255, 255, 0.82);
  border-radius: 25px; }
.manual .round {
  position: absolute;
  top: -35px;
  left: 50%;
  padding-right: 2.5rem;
  padding-left: 2.5rem;
  height: 70px;
  font-family: "yg-jalnan", "Malgun Gothic", "맑은 고딕", sans-serif;
  font-size: 1.2rem;
  color: #fff;
  line-height: 1.25;
  letter-spacing: -0.04rem;
  text-align: center;
  display: table;
  white-space: nowrap;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 50px; }
.manual .round > em {
  display: table-cell;
  vertical-align: middle; }
.manual [class*="-circle"] {
  margin-right: .35rem;
  width: 42px;
  height: 42px;
  font-family: "yg-jalnan", "Malgun Gothic", "맑은 고딕", sans-serif;
  font-size: 1.5rem;
  line-height: 42px;
  text-align: center;
  display: inline-block;
  border-radius: 50%; }
@media screen and (max-width: 1080px) {
  .manual .sequence .item {
    min-height: 0;
    background-size: 50%; }
  .manual .sequence .item > div {
    padding-left: 3.5rem; }
  .manual .sequence .item .ttl::before {
    left: -3.5rem;
    width: 45px;
    height: 45px;
    font-size: 1.5rem;
    line-height: 45px; }
  .manual .dashed-border {
    border-width: 3px; }
  .manual [class*="-circle"] {
    width: 35px;
    height: 35px;
    font-size: 1.25rem;
    line-height: 35px; } }
@media screen and (max-width: 768px) {
  .manual .sequence .item {
    padding-top: 2.5rem;
    height: auto;
    justify-content: flex-start !important;
    background-size: 280px;
    background-position: 50% 80% !important; }
  .manual .sequence .item:nth-child(even) {
    padding-right: 0; }
  .manual .sequence .item > div {
    padding-left: 3rem; }
  .manual .sequence .item .ttl::before {
    left: -3rem;
    width: 35px;
    height: 35px;
    font-size: 1.1rem;
    line-height: 35px; }
  .manual .sequence .item .ttl em br {
    display: none; }
  .manual .sequence .item .tag {
    margin-top: .75rem; }
  .manual .sequence .item .tag br {
    display: none; }
  .manual .dashed-border {
    border-width: 2px; }
  .manual .round {
    padding: .75rem 1.5rem;
    min-width: 280px;
    line-height: 1.45;
    white-space: normal; }
  .manual [class*="-circle"] {
    margin-right: .15rem;
    width: 25px;
    height: 25px;
    min-width: 25px;
    font-size: 1.1rem;
    line-height: 25px; } }
@media screen and (max-width: 480px) {
  .manual .dashed-border {
    border-width: 1px; } }

/*
===================
===================
learning-request
===================
===================
*/
.learning-request{
  padding-bottom: 4rem; }
.learning-request .contents-header{
  text-align:center; 
  padding-bottom:2rem;
}
.learning-request .contents-header .contents-ttl{
  font-size:44px; }
.learning-request .contents-header .lead-highlight{
  font-size:26px; }
.learning-request .contents-header .leeead{
  font-size:24px; }
.learning-request .contents-header .leeead br{
  display:none; }
.learning-request .contents-header .banner img{
  position:static;
  width:100%;
}
.learning-request .item-container:after{
  content:"";
  display:block;
  clear:both; }
.learning-request .item_box{
  float:left; }
.learning-request .tab_box{
  width:calc(100% - 450px); }
.learning-request .tab_menu_box{
  border:1px solid #E6E6E6;
  border-top-left-radius:16px;
  border-top-right-radius:16px; }
.learning-request .tab_menu_box:after{
  content:"";
  display:block;
  clear:both; }
.learning-request .tab_menu{
  float:left;
  width:50%;
  height:64px;
  line-height:64px;
  font-size:24px;
  color:#777;
  text-align:center; }
.learning-request .tab_menu.on{
  font-weight:600;
  color:#FF513C;
  border-bottom:2px solid #FF513C; }
.learning-request .tab_menu a{
  display:block;
  width:100%;
  height:100%; }
.learning-request .tab_con_box{
  background:#F4F4F4;
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px; }
.learning-request .tab_con{
  display:none;
  font-family:'Noto Sans KR';
  padding:30px 40px 60px; }
.learning-request .tab_con.on{
  display:block; }
.learning-request .select_tit{
  font-size:20px;
  font-weight:700; }
.learning-request .select_tit:nth-child(n+2){
  margin-top:40px; }
.learning-request .select_list{
  margin-top:10px; }
.learning-request .select_list li{
  position:relative;
  display:block;
  min-height:44px; }
.learning-request .select_list li + li{
  margin-top:10px; }
.learning-request .select_list label{
  position:relative;
  /*display:block;*/
  display:flex;
  align-items:center;
  width:100%;
  font-size:16px;
  font-weight:500;
  background:#fff;
  border:1px solid #ccc;
  border-radius:8px;
  padding:9px 42px 11px;
  cursor:pointer; }
.learning-request .select_list .icon.event{
  display:inline-block;
  width:75px;
  height:26px;
  background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/icon_event.webp") 0 0 / 100% 100% no-repeat;
  margin-left:10px;
}
.learning-request .select_list input[type='radio']{
  position:absolute;
  overflow:hidden;
  clip:rect(0,0,0,0);
  width:1px;
  height:1px;
  border:0;
  padding:0; }
.learning-request .select_list input[type='radio'] + label:before{
  position:absolute;
  top:calc(50% - 7px);
  left:20px;
  content:"";
  display:block;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#F4F4F4;
  box-sizing:border-box; }
.learning-request .select_list input[type='radio']:checked + label{
  border:1px solid #FF513C; }
.learning-request .select_list input[type='radio']:checked + label:before{
  border:4px solid #FF513C;
  background:#fff; }
.learning-request .select_list label span{
  display:block; }
.learning-request .select_list .lexile{
  display:inline-block;
  width:auto;
  font-family:'Roboto';
  font-size:14px;
  color:#333;
  background:#F3F0E6;
  border-radius:15px;
  padding:4px 24px 3px;
  margin-top:7px; }
.learning-request .pr_select_box{
  width:400px;
  border:4px solid #F4F4F4;
  border-radius:16px;
  background:#fff;
  padding:25px 20px 20px;
  margin-left:50px; }
.learning-request .pr_select_box .con_box{
  display:none; }
.learning-request .pr_select_box .con_box.on{
  display:block; }
.learning-request .pr_select_box .not_select{
  padding:65px 0 25px; }
.learning-request .pr_select_box .not_select .icon_cart{
  display:block;
  width:104px;
  height:84px;
  margin:0 auto; }
.learning-request .pr_select_box .not_select .txt{
  font-size:20px;
  color:#999;
  text-align:center;
  line-height:1;
  margin:20px 0 35px; }
.learning-request .pr_select_box .pay_con{
  font-family:'Noto Sans KR';
  padding:0 20px; }
.learning-request .pr_select_box .pay_con .pay_tit{
  font-size:24px;
  font-weight:600;
  letter-spacing:-0.4px; }
.learning-request .pr_select_box .keyword{
  font-size:0;
  margin-top:15px; }
.learning-request .pr_select_box .keyword li{
  display:inline-block;
  font-size:16px;
  font-weight:500;
  color:#666;
  background:#f4f4f4;
  border-radius:4px; 
  padding:6px 20px; 
  margin:0 10px 10px 0;
  vertical-align:top; }
.learning-request .pr_select_box .keyword li:last-child{
  margin-right:0; }
.learning-request .pr_select_box .benefit{
  margin-top:20px; }
.learning-request .pr_select_box .benefit li{
  font-size:18px; 
  font-weight:500;
  letter-spacing:-0.3px; }
.learning-request .pr_select_box .benefit li + li{
  margin-top:12px; }
.learning-request .pr_select_box .benefit li:before{
  content:"";
  display:inline-block;
  width:24px;
  height:24px;
  background-size:100% 100%;
  background-repeat:no-repeat;
  vertical-align:top; 
  margin:2px 9px 0 0; }
.learning-request .pr_select_box .benefit li.book:before{
  background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/bb_request/icon_benefit_1.webp"); }
.learning-request .pr_select_box .benefit li.activity:before{
  background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/bb_request/icon_benefit_2.webp"); }
.learning-request .pr_select_box .benefit li.get_gold::before{
  background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/bb_request/icon_benefit_3.webp"); }
.learning-request .pr_select_box .benefit li.use_gold::before{
  background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/bb_request/icon_benefit_4.webp"); }
.learning-request .pr_select_box .benefit li.theme::before{
  background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/bb_request/icon_benefit_5.webp"); }
.learning-request .pr_select_box .benefit li.unlimited::before{
  background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/bb_request/icon_benefit_6.webp"); }
.learning-request .pr_select_box .benefit li.video::before{
  background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/bb_request/icon_benefit_7.webp"); }
.learning-request .pr_select_box .pay_pr{
  line-height:1;
  border-top:2px solid #f4f4f4; 
  padding-top:15px; }
.learning-request .pr_select_box .pay_pr:after{
  content:"";
  display:block;
  clear:both; }
.learning-request .pr_select_box .pay_pr .tit{
  float:left;
  font-size:18px; }
.learning-request .pr_select_box .pay_pr .txt{
  float:right; }
.learning-request .pr_select_box .pay_pr .discount{
  font-size:18px;
  font-weight:500;
  color:#ff513c;
  margin-right:12px; }
.learning-request .pr_select_box .price{
  margin-top:40px; }
.learning-request .pr_select_box .price .txt span{
  display:inline-block; 
  vertical-align:top; }
.learning-request .pr_select_box .price .num{
  font-size:18px;
  font-weight:500; }
.learning-request .pr_select_box .price .dis_num{
  color:#999;
  text-decoration:line-through; }
.learning-request .pr_select_box .total_price{
    margin:15px 0 30px; }
.learning-request .pr_select_box .total_price .tit{
  padding-top:23px; }
.learning-request .pr_select_box .total_price .txt span{
  display:block; }
.learning-request .pr_select_box .total_price .num{
  font-size:38px;
  font-weight:800;
  line-height:1.4; }
.learning-request .pr_select_box .total_price .num i{
  font-size:18px;
  font-weight:600; }
.learning-request .pr_select_box .total_price .monthly{
  font-size:14px;
  color:#999;
  text-align:right;
  margin-top:8px; }
.learning-request .pr_select_box .scope{
  margin-top:20px; }
.learning-request .pr_select_box .scope img{
  width:100%; }
.learning-request .pr_select_box .scope + .pay_pr{
  margin-top:30px; }
.learning-request .btn-item .bt{
  width:100%; 
  height:64px;
  line-height:64px;
  border-radius:16px; }
.learning-request .btn-item .bt span{
  font-family:'yg-jalnan';
  font-size:26px; }
.learning-request .btn-item .bt:disabled span{
  opacity:.5; }
.learning-request .policy{
  font-family:'Noto Sans KR';
  border-radius:16px;
  margin-top:30px; }
.learning-request .policy .item:first-child .tit{
  border-radius:16px 16px 0 0; }
.learning-request .policy .item:last-child{
  margin-top:-1px; }
.learning-request .policy .item:last-child .tit{
  border-radius:0 0 16px 16px; }
 .learning-request .policy .item:last-child.on .tit{
  border-radius:0; }
.learning-request .policy .item:last-child .con{
  border-radius:0 0 16px 16px; }
.learning-request .policy .tit{
  position:relative;
  display:block;
  width:100%;
  height:48px;
  line-height:48px;
  font-size:16px;
  font-weight:700;
  color:#333;
  border:1px solid #e6e6e6;
  padding:0 30px; }
.learning-request .policy .tit:after{
  content:"";
  display:block;
  position:absolute;
  top:13px;
  right:20px;
  width:22px;
  height:22px;
  background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/icon_open.webp") 0 0 / 100% 100% no-repeat; }
 .learning-request .policy .item.on .tit:after{
   background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/icon_open_on.webp"); }
.learning-request .policy .con{
  display:none;
  background:#f4f4f4;
  padding:20px 35px 20px 47px; }
.learning-request .policy .con li{
  position: relative;
  font-size:14px;
  color:#777;
  line-height:1.4; }
.learning-request .policy .con li + li{
  margin-top:4px; }
.learning-request .policy .con li:before{
  content:"";
  display: block;
  position:absolute;
  top:5px;
  left:-17px;
  width:11px;
  height:8px;
  background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/icon_check.webp") 0 0 / 100% 100% no-repeat; }
.learning-request .policy .con li .btn_txt{
  display:inline-block;
  text-decoration:underline;
  text-underline-position:under; }
.learning-request .policy .con li .btn{
  display:inline-block;
  height:20px;
  line-height:18px;
  font-size:12px;
  color:#fff;
  text-align:center;
  border-radius:4px;
  background:#333;
  padding:0 13px;
  margin-left:8px;
  vertical-align:top; }
.policy_popup .contents{
  max-width:640px; }
.policy_popup .txt_box{
  max-height:85%;
  overflow-y:auto;
  font-size:14px;
  font-family:'Noto Sans KR';
  color:#666;
  line-height:1.5;
  background:#F5F5F5;
  border:1px solid #ddd;
  margin-top:10px;
  padding:30px 20px; }
.policy_popup .txt_box a{
  display:block;
  margin-top:10px;
  font-size:0; }
.policy_popup .txt_box .btn_txt{
  font-size:14px;
  line-height:20px;
  display:inline-block;
  text-decoration:underline;
  text-underline-position:under; }
.policy_popup .txt_box .btn{
  display:inline-block;
  height:20px;
  line-height:18px;
  font-size:12px;
  color:#fff;
  text-align:center;
  border-radius:4px;
  background:#FF513C;
  border:0;
  padding:0 13px;
  margin-left:12px;
  vertical-align:top; }
.policy_popup .txt_box .btn:active{
  box-shadow:none; }
@media screen and (max-width: 1024px){
.learning-request .tab_box{
  width:calc(100% - 388px); }
.learning-request .tab_con{
  padding:30px 34px 60px; }
.learning-request .pr_select_box{
  width:356px;
  margin-left:32px; }
.learning-request .pr_select_box .pay_pr .tit{
  font-size:16px; }
.learning-request .pr_select_box .pay_pr .discount{
  font-size:16px; }
.learning-request .pr_select_box .price .num{
  font-size:16px; }
.learning-request .pr_select_box .total_price .num{
  font-size:34px; }
.learning-request .pr_select_box .total_price .num i{
  font-size:16px; }
}
@media screen and (max-width: 768px){
.learning-request{
  padding-bottom:0; }
.learning-request .contents-header .contents-ttl{
  font-size:40px; }
.learning-request .contents-header .lead-highlight{
  font-size:24px; }
.learning-request .contents-header .lead-highlight br{
  display:none; }
.learning-request .contents-header .leeead{
  font-size:18px; }
.learning-request .contents-header .leeead br{
  display:block; }
.learning-request .item_box{
  float:none; }
.learning-request .tab_box{
  width:100%; 
  margin-bottom:40px; }
.learning-request .tab_menu{
  font-size:22px; }
.learning-request .tab_con{
  padding:30px 16px 60px; }
.learning-request .select_list .icon.event{
  width:65px;
  height:22.5px;
  margin-top:1px; }
.learning-request .pr_select_box{
  width:100%;
  border:0;
  border-radius:0;
  padding:0;
  margin:0; }
.learning-request .pr_select_box .pay_con{
  padding:0; }
.learning-request .pr_select_box .total_price{
  margin-bottom:51px; }
.learning-request .pr_select_box .btn-item{
  width:calc(100% + 40px);
  margin-left:-20px;
  border-top:1px solid #ddd;
  padding:20px 22px; }
.learning-request .policy{
  margin-top:40px; }
.learning-request .policy .tit{
  padding:0 20px; }
.learning-request .policy .con{
  padding:10px 25px 20px 27px; }
.learning-request .policy .con li .btn_txt{
  display:block; }
.learning-request .policy .con li .btn{
  margin:5px 0 0 0; }
.policy_popup .txt_box{
  line-height:1.6;
  padding:30px 16px; }
}
@media screen and (max-width: 480px){
.learning-request.bothside-space{
  padding-right:16px !important;
  padding-left:16px !important; }
.learning-request .pr_select_box .btn-item{
  width:calc(100% + 32px);
  margin-left:-16px; }
}
/*
===================
===================
cs
===================
===================
*/
.cs-device-info {
  background-color: #f4f4f4;
  /*BREAK*/ }
.cs-device-info dl {
  padding-top: 2.5rem;
  padding-bottom: 3rem;
  padding-left: 280px;
  min-height: 160px;
  background: url(https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom/monty.png) 100% 0 / 22.5% 97.5%   no-repeat;
  background-position: 2rem 50%; }
.cs-device-info dl:after {
  content: "";
  clear: both;
  display: block; }
.cs-device-info dt {
  margin-bottom: .5rem;
  float: none;
  font-size: 14px;
  color: #333; }
.cs-device-info dd {
  min-width: 230px;
  height: 85px;
  float: left;
  background-color: #fff;
  border: 2px solid #e2e3e3;
  border-radius: 10px; }
.cs-device-info dd:nth-of-type(1) ~ dd {
  margin-left: 1rem; }
.cs-device-info dd:nth-of-type(1) div {
  background: url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/cs/device_type_ic1.webp") no-repeat; }
.cs-device-info dd:nth-of-type(2) div {
  background: url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/cs/device_type_ic2.webp") no-repeat; }
.cs-device-info dd:nth-of-type(3) div {
  background: url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/cs/device_type_ic3.webp") no-repeat; }
.cs-device-info a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }
.cs-device-info a > div {
  padding-left: 70px;
  height: 50px;
  display: table;
  background-position: 0 0; }
.cs-device-info a em, .cs-device-info a span {
  display: block; }
.cs-device-info a em {
  font-size: 12px;
  color: #979797;
  letter-spacing: 0; }
.cs-device-info a span {
  font-size: 0.8rem;
  color: #666;
  display: table-cell;
  vertical-align: middle; }
@media screen and (max-width: 1080px) {
  .cs-device-info dl {
    padding-left: 25vw;
    min-height: 19vw;
    background-position: 1.5rem 50%;
    background-size: 17vw; }
  .cs-device-info dd {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    min-width: 0;
    height: 65px; }
  .cs-device-info dd:nth-of-type(1) ~ dd {
    margin-left: .5rem; }
  .cs-device-info a > div {
    padding-left: 50px;
    height: 40px;
    background-size: 40px !important; } }
@media screen and (max-width: 768px) {
  .cs-device-info dl {
    padding-top: 1.5rem;
    padding-right: .75rem;
    padding-bottom: 1.5rem;
    padding-left: 1.25rem;
    min-height: 120px;
    background-size: 110px;
    background-position: 97% 18px; }
  .cs-device-info dd {
    padding-right: .75rem;
    padding-left: .75rem;
    height: 50px; }
  .cs-device-info a > div {
    padding-left: 40px;
    height: 30px;
    background-size: 30px !important; }
  .cs-device-info a em {
    display: none; } }
@media screen and (max-width: 600px) {
  .cs-device-info a > div {
    padding-left: 30px; }
  .cs-device-info a span {
    display: none; } }
@media screen and (max-width: 480px) {
  .cs-device-info dl {
    min-height: 95px;
    background-size: 95px; }
  .cs-device-info dd {
    height: 40px; }
  .cs-device-info dd:nth-of-type(1) ~ dd {
    margin-left: .25rem; }
  .cs-device-info a > div {
    padding-left: 20px;
    height: 20px;
    background-size: 20px !important; } }

.cs {
  margin-bottom: 5rem;
  /*BREAK*/ }
.cs .link-panel {
  margin-top: 3rem;
  margin-bottom: 3rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: center; }
.cs .link-panel li {
  margin-bottom: -1px;
  margin-right: -1px;
  width: 160px;
  letter-spacing: -.06rem;
  white-space: nowrap; }
.cs .link-panel li:not(.on) {
  border: 1px solid #e6e6e6; }
.cs .link-panel li:not(.on):hover {
  border-color: transparent; }
.cs .link-panel .on, .cs .link-panel li:hover {
  color: #fff;
  background-color: #4b4846; }
.cs .link-panel a {
  height: 45px;
  font-size: 14px;
  line-height: 48px;
  text-align: center;
  display: block; }
.cs .notice-list .contents-top, .cs .notice-view .contents-top, .cs .mantoman-write .contents-top, .cs .mantoman-list .contents-top {
  border-bottom: 2px solid #ff513c; }
.cs .notice-list .contents-top, .cs .notice-view .contents-top, .cs .mantoman-write .contents-top, .cs .mantoman-list .contents-top, .cs .faq .contents-top {
  padding-bottom: 1.25rem; }
.cs .contents-top:after {
  content: "";
  clear: both;
  display: block; }
.cs .contents-top .contents-ttl {
  float: left;
  font-family: "yg-jalnan", "Malgun Gothic", "맑은 고딕", sans-serif;
  font-size: 1.8rem;
  color: #ff513c; }
.cs .contents-top .contents-search {
  float: right;
  display: flex; }
.cs .contents-top .contents-search .dropdown-toggle, .cs .contents-top .contents-search .search-sort-inp, .cs .contents-top .contents-search .search-btn {
  height: 40px;
  line-height: 40px; }
.cs .contents-top .contents-search .dropdown > button, .cs .contents-top .contents-search .dropdown-menu, .cs .contents-top .contents-search .search-sort-inp {
  color: #888;
  background-color: #fff;
  border: 1px solid #ccc; }
.cs .contents-top .contents-search .dropdown > button, .cs .contents-top .contents-search .dropdown-menu, .cs .contents-top .contents-search .search-sort-inp, .cs .contents-top .contents-search .search-btn {
  font-size: .7rem; }
.cs .contents-top .contents-search .dropdown > button, .cs .contents-top .contents-search .search-sort-inp, .cs .contents-top .contents-search .search-btn {
  border-radius: 3px; }
.cs .contents-top .contents-search .search-sort-inp, .cs .contents-top .contents-search .search-btn {
  margin-left: 4px; }
.cs .contents-top .dropdown > button {
  position: relative;
  text-align: left; }
.cs .contents-top .dropdown > button .caret {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }
.cs .contents-top .dropdown > button, .cs .contents-top .dropdown .dropdown-menu > li > a {
  padding-left: .75rem; }
.cs .contents-top .dropdown > button, .cs .contents-top .dropdown .dropdown-menu {
  min-width: 120px; }
.cs .contents-top .dropdown-menu {
  top: 39px;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-color: #ccc;
  border-radius: 0;
  box-shadow: none; }
.cs .contents-top .dropdown-menu > li {
  border-bottom: 1px solid #e6e6e6; }
.cs .contents-top .dropdown-menu > li a {
  padding-top: .5rem;
  padding-bottom: .5rem; }
.cs .contents-top .search-sort-inp {
  padding-right: .5rem;
  padding-left: .5rem; }
.cs .contents-top .search-btn {
  width: 85px;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  text-align: center;
  background-color: #888;
  border-width: 0; }
.cs .contents-top .search-btn img {
  position: relative;
  top: -1px;
  margin-left: .25rem; }
.cs .nav-tabs {
  margin-right: -7px;
  border-bottom-width: 0;
  overflow: hidden; }
.cs .nav-tabs:after {
  content: "";
  clear: both;
  display: block; }
.cs .nav-tabs > li {
  margin-right: -1px;
  width: 12.5%; }
.cs .nav-tabs > li > a {
  font-size: 0.7rem;
  color: #666;
  white-space: nowrap;
  border-radius: 0; }
.cs .nav-tabs > li.active a {
  color: #fff;
  background-color: #ff513c;
  border-width: 1px 1px 2px;
  border-style: solid;
  border-color: #ff513c; }
.cs .nav-tabs > li:not(.active) a {
  border-width: 1px 1px 2px;
  border-style: solid;
  border-color: #eee #eee #ff513c; }
.cs .nav-tabs a {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: block; }
.cs .panel-group {
  margin-top: 1px;
  border-top: 1px solid #e3e3e3; }
.cs .panel {
  margin-bottom: 0;
  border-width: 0;
  border-bottom: 1px solid #e3e3e3; }
.cs .panel-heading a, .cs .panel-body {
  padding: .75rem 1.5rem; }
.cs .panel-heading {
  padding: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }
.cs .panel-title a, .cs .panel-body {
  font-size: .7rem;
  display: flex; }
.cs .panel-title > a {
  align-items: center; }
.cs .panel-body {
  line-height: 1.75;
  display: flex;
  background-color: #f3f3f3;
  border-top-width: 0 !important; }
.cs .panel-default {
  border-radius: 0; }
.cs .panel-default > .panel-heading {
  color: #333;
  background: none;
  border-radius: 0; }
.cs .panel-group .panel + .panel {
  margin-top: 0; }
@media screen and (max-width: 960px) {
  .cs .link-panel {
    margin-top: 2rem;
    margin-bottom: 2rem;
    justify-content: flex-start; }
  .cs .link-panel li {
    padding-right: .5rem;
    padding-left: .5rem;
    width: 33.333333%; } }
@media screen and (max-width: 768px) {
  .cs .link-panel a {
    height: 38px;
    line-height: 38px; }
  .cs .nav-tabs {
    position: relative;
    margin-right: 0;
    padding-bottom: 2px;
    height: auto;
    min-height: 0; }
  .cs .nav-tabs::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #ff513c; }
  .cs .nav-tabs > li {
    width: 25%; }
  .cs .nav-tabs > li > a {
    font-size: 12px;
    border-bottom: 1px solid #eee !important; }
  .cs .panel-group {
    margin-top: 0; }
  .cs .panel-heading a, .cs .panel-body {
    padding-right: .75rem;
    padding-left: .75rem; }
  .cs .panel-title a, .cs .panel-body {
    font-size: 12px; }
  .cs .panel-title a {
    display: block; } }
@media screen and (max-width: 640px) {
  .cs .contents-top:after {
    content: "";
    clear: both;
    display: block; }
  .cs .contents-top .contents-ttl {
    font-size: 1.5rem;
    float: none; }
  .cs .contents-top .contents-search .dropdown-toggle, .cs .contents-top .contents-search .search-sort-inp, .cs .contents-top .contents-search .search-btn {
    height: 35px;
    line-height: 35px; }
  .cs .contents-top .contents-search {
    margin-top: .5rem; }
  .cs .contents-top .contents-search .dropdown-toggle, .cs .contents-top .contents-search .search-sort-inp, .cs .contents-top .contents-search .search-btn {
    float: none; }
  .cs .contents-top .contents-search .dropdown > button, .cs .contents-top .contents-search .dropdown-menu, .cs .contents-top .contents-search .search-sort-inp, .cs .contents-top .contents-search .search-btn {
    font-size: 12px; }
  .cs .contents-top .dropdown > button, .cs .contents-top .dropdown .dropdown-menu {
    min-width: 90px;
    white-space: nowrap; }
  .cs .contents-top .dropdown-menu {
    top: 34px; }
  .cs .contents-top .search-sort-inp {
    width: 120px; }
  .cs .contents-top .search-btn {
    width: 65px;
    font-size: 12px; }
  .cs .contents-top .search-btn img {
    margin-left: 2px;
    width: 15px; } }
@media screen and (max-width: 480px) {
  .cs .nav-tabs > li {
    width: 33.333333%; }
  .cs .link-panel a {
    font-size: 12px; }
  .cs .contents-top .contents-search {
    margin-top: .75rem; } }

/*
===================
===================
faq
===================
===================
*/
.faq-list {
  border-bottom: 1px solid #e3e3e3;
  /*BREAK*/ }
.faq-list [class*="-circle"] {
  margin-right: .6rem;
  width: 30px;
  height: 30px;
  color: #fff;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  border-radius: 50px; }
.faq-list .q-circle {
  background-color: #888; }
.faq-list .a-circle {
  background-color: #ff513c; }
.faq-list .q-area {
  min-width: 8rem; }
.faq-list .category {
  display: inline-block;
  color: #333; }
.faq-list .category::before {
  content: "["; }
.faq-list .category::after {
  content: "]"; }
.faq-list .q-ttl {
  color: #666;
  line-height: 1.5; }
@media screen and (max-width: 768px) {
  .faq-list [class*="-circle"] {
    margin-right: 5px;
    width: 20px;
    height: 20px;
    line-height: 20px; }
  .faq-list .q-area {
    min-width: 7rem; }
  .faq-list .q-ttl {
    margin-left: 25px; } }

/*
===================
===================
mantoman
===================
===================
*/
.mantoman-write {
  /*BREAK*/ }
.mantoman-write .item-ttl {
  padding-right: 1rem;
  padding-left: 1rem;
  width: 120px;
  background-color: #f8f8f8; }
.mantoman-write .col {
  padding-right: 1.5rem;
  padding-left: 1.5rem; }
.mantoman-write input[type="text"]:focus, .mantoman-write input[type="password"]:focus, .mantoman-write textarea:focus {
  border-color: #ff513c; }
.mantoman-write .dropdown-toggle {
  height: 40px;
  line-height: 40px; }
.mantoman-write .dropdown > button, .mantoman-write .dropdown-menu {
  color: #888;
  background-color: #fff;
  border: 1px solid #ccc; }
.mantoman-write .dropdown > button, .mantoman-write .dropdown-menu {
  font-size: .7rem; }
.mantoman-write .dropdown > button {
  border-radius: 3px; }
.mantoman-write .dropdown > button {
  position: relative;
  text-align: left; }
.mantoman-write .dropdown > button .caret {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }
.mantoman-write .dropdown > button, .mantoman-write .dropdown .dropdown-menu > li > a {
  padding-left: .75rem; }
.mantoman-write .dropdown > button, .mantoman-write .dropdown .dropdown-menu {
  width: 100%; }
.mantoman-write .dropdown-menu {
  top: 39px;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-color: #ccc;
  border-radius: 0;
  box-shadow: none; }
.mantoman-write .dropdown-menu > li {
  border-bottom: 1px solid #e6e6e6; }
.mantoman-write .dropdown-menu > li a {
  padding-top: .5rem;
  padding-bottom: .5rem; }
.mantoman-write textarea {
  height: 180px; }
.mantoman-write ::-webkit-input-placeholder {
  /* Chrome */
  line-height: 2.4; }
.mantoman-write :-ms-input-placeholder {
  /* IE 10+ */
  line-height: 2.4; }
.mantoman-write ::-moz-placeholder {
  /* Firefox 19+ */
  line-height: 2.4; }
.mantoman-write :-moz-placeholder {
  /* Firefox 4 - 18 */
  line-height: 2.4; }
.mantoman-write .btns {
  margin-top: 2.5rem;
  text-align: center; }
.mantoman-write .btns button, .mantoman-write .btns a {
  margin-right: 1px;
  margin-left: 1px;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  font-size: 0.75rem;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px; }
@media screen and (max-width: 768px) {
  .mantoman-write .dropdown > button, .mantoman-write .dropdown-menu {
    font-size: 12px; }
  .mantoman-write .btns button, .mantoman-write .btns a {
    font-size: 12px; } }
@media screen and (max-width: 640px) {
  .mantoman-write .col {
    padding-right: .5rem;
    padding-left: .5rem; } }
@media screen and (max-width: 480px) {
  .mantoman-write .dropdown-toggle {
    height: 35px;
    line-height: 35px; }
  .mantoman-write .item-ttl {
    background: none; }
  .mantoman-write.form-type1 .item, .mantoman-write.form-type1 .item-ttl, .mantoman-write.form-type1 .colgroup {
    display: block; }
  .mantoman-write.form-type1 .item-ttl, .mantoman-write.form-type1 .colgroup {
    width: 100%; }
  .mantoman-write.form-type1 .item-ttl {
    padding-top: 0;
    padding-bottom: 0; }
  .mantoman-write.form-type1 .col {
    padding-top: .5rem;
    padding-bottom: .5rem; } }

/*
===================
===================
mypage
===================
===================
*/
.mypage {
  padding-bottom: 5rem; }
.mypage .contents-header {
  margin-bottom: -1.5rem; }

/*
===================
===================
나의 프로필
===================
===================
*/
.myprofile {
  /*BREAK*/ }
.myprofile .section {
  width: 100%;
  display: table;
  border-top: 2px solid #ff513c; }
.myprofile .section:nth-of-type(1) ~ .section {
  margin-top: 1.5rem; }
.myprofile .section-ttl, .myprofile .item-container {
  display: table-cell;
  vertical-align: top; }
.myprofile .section-ttl {
  padding: 1.25rem 1.5rem;
  width: 135px;
  font-size: 0.8rem;
  color: #333;
  background-color: #f5f5f5;
  border-right: 1px solid #eee; }
.myprofile .item-container {
  width: -moz-calc(100% - 135px);
  width: -o-calc(100% - 135px);
  width: -webkit-calc(100% - 135px);
  width: calc(100% - 135px); }
.myprofile .item-ttl {
  padding-right: 1rem;
  padding-left: 2rem;
  width: 140px;
  border-right: 1px solid #eee; }
.myprofile .col {
  padding-left: 2rem; }
.myprofile .modify-bt {
  width: 90px;
  height: 40px;
  font-size: 0.7rem;
  color: #fff;
  line-height: 40px;
  text-align: center;
  background-color: #888;
  border-width: 0;
  border-radius: 4px; }
.myprofile input[type="text"], .myprofile input[type="password"] {
  border: 1px solid #eee !important; }
.myprofile .phone-inp1 {
  width: 65px; }
.myprofile .phone-inp2, .myprofile .phone-inp3, .myprofile [class*="card-inp"] {
  width: 80px; }
.myprofile .address-inp1 {
  width: 85px; }
.myprofile .address-inp2, .myprofile .address-inp3 {
  margin-top: .5rem;
  width: 100%; }
.myprofile .btn_withdraw{
  display:block;
  width:100%;
  height:40px;
  line-height:40px;
  font-size:14px;
  color:#888;
  text-align:center;
  background:#f5f5f5;
  border-radius:20px;
  margin-top:60px;
}
@media screen and (max-width: 1080px) {
  .myprofile .section, .myprofile .section-ttl, .myprofile .item-container {
    display: block; }
  .myprofile .section-ttl, .myprofile .item-container {
    width: 100%; }
  .myprofile .section-ttl {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    font-size: .9rem;
    border-bottom: 1px solid #e6e6e6;
    border-right-width: 0; }
  .myprofile .section-ttl, .myprofile .item-ttl {
    padding-right: .75rem;
    padding-left: 1.5rem; }
  .myprofile .modify-bt {
    width: 70px;
    font-size: 12px; } }
@media screen and (max-width: 640px) {
  .myprofile .section-ttl, .myprofile .item-ttl {
    padding-left: .5rem; }
  .myprofile .col {
    padding-left: .5rem; }
  .myprofile .form-type1 .item, .myprofile .form-type1 .item-ttl, .myprofile .form-type1 .colgroup {
    display: block; }
  .myprofile .form-type1 .item-ttl, .myprofile .form-type1 .colgroup {
    width: 100%; }
  .myprofile .form-type1 .item-ttl {
    padding-top: 0;
    padding-bottom: 0; }
  .myprofile .form-type1 .col {
    padding-top: .5rem;
    padding-bottom: .5rem; }
  .myprofile [class*="phone-inp"], .myprofile [class*="card-inp"] {
    width: 58px; } 
  .myprofile .btn_withdraw{
    height:24px;
    line-height:24px;
    font-size:12px;
    border-radius:12px;
    margin-top:30px; } }
@media screen and (max-width: 480px) {
  .myprofile .modify-bt {
    height: 35px;
    line-height: 35px; } }
@media screen and (max-width: 420px) {
  .myprofile [class*="phone-inp"] + .modify-bt, .myprofile [class*="card-inp"] + .modify-bt {
    margin-top: .5rem;
    display: block; } }

/*
===================
===================
나의 결제내역
===================
===================
*/
.myorder {
  /*BREAK*/ }
.myorder .contents-info {
  margin-bottom: 1.5rem;
  padding: .75rem 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/mypage/ic_caution.webp") no-repeat;
  background-position: 1.5rem 50%;
  background-color: #f5f5f5;
  border: 1px solid #eee; }
.myorder .contents-info .info-ttl {
  width: -moz-calc(100% - 95px);
  width: -o-calc(100% - 95px);
  width: -webkit-calc(100% - 95px);
  width: calc(100% - 95px);
  padding-right: 2.5rem;
  padding-left: 3.5rem;
  font-size: .7rem;
  line-height: 1.35; }
.myorder .contents-info .item {
  width: 95px;
  text-align: right; }
.myorder .contents-info .item .bt {
  font-size: .7rem;
  border-radius: 4px; }
.myorder .list-item {
  border-top: 2px solid #ff513c; }
@media screen and (max-width: 768px) {
  .myorder .contents-info .info-ttl {
    font-size: 12px; }
  .myorder .contents-info .item .bt {
    font-size: 12px; } }
@media screen and (max-width: 480px) {
  .myorder .contents-info {
    padding-right: 1rem;
    padding-left: 1rem;
    flex-flow: row wrap;
    background-size: 25px;
    background-position: 1rem 1.05rem; }
  .myorder .contents-info .info-ttl, .myorder .contents-info .item {
    width: 100%; }
  .myorder .contents-info .info-ttl {
    padding-right: 1rem;
    padding-left: 2.75rem; }
  .myorder .contents-info .item {
    margin-top: .5rem; } }

/*
===================
===================
나의 결제내역보기
===================
===================
*/
.myorder-view {
  /*BREAK*/ }
.myorder-view .item-container {
  display: flex;
  flex-flow: row wrap; }
.myorder-view .item {
  padding-top: 1.5rem; }
.myorder-view .item-ttl {
  margin-bottom: 1rem; }
.myorder-view .item-ttl span {
  width: 160px;
  height: 35px;
  font-size: .8rem;
  line-height: 35px;
  text-align: center;
  display: inline-block;
  border-radius: 50px; }
.myorder-view .item-ttl, .myorder-view .item-wrapper {
  padding-right: 1.5rem;
  padding-left: 1.5rem; }
.myorder-view .order-products {
  width: -moz-calc(100% - 390px);
  width: -o-calc(100% - 390px);
  width: -webkit-calc(100% - 390px);
  width: calc(100% - 390px);
  border-top: 2px solid #ff513c; }
.myorder-view .order-products .item-ttl span {
  color: #333;
  background-color: #eee; }
.myorder-view .order-products .item-wrapper {
  display: flex;
  flex-flow: row wrap; }
.myorder-view .order-products .img-item {
  margin-right: 30px;
  width: 70px; }
.myorder-view .order-products .img-item figcaption {
  margin-bottom: .25rem;
  font-size: 0.8rem;
  color: #333; }
.myorder-view .order-products .txt-item {
  width: -moz-calc(100% - 100px);
  width: -o-calc(100% - 100px);
  width: -webkit-calc(100% - 100px);
  width: calc(100% - 100px); }
.myorder-view .order-products .txt-item li {
  font-size: 0.7rem;
  color: #666;
  line-height: 1.65;
  counter-reset: list-number; }
.myorder-view .order-products .txt-item li::before {
  content: "";
  position: relative;
  top: -3px;
  margin-right: 4px;
  width: 5px;
  height: 1px;
  display: inline-block;
  background-color: #666; }
.myorder-view .order-products .txt-item p {
  margin-left: 23px;
  counter-increment: list-number; }
.myorder-view .order-products .txt-item p::before {
  content: counter(list-number) ") ";
  margin-right: 2px;
  margin-left: -15px;
  width: 15px;
  display: inline-block; }
.myorder-view .order-products .txt-item p:nth-of-type(1) ~ p {
  margin-top: .05rem; }
.myorder-view .order-products .total-price {
  margin-top: .5rem;
  padding: .65rem 1.5rem;
  width: 100%;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee; }
.myorder-view .order-products .total-price em {
  margin-right: 1.25rem;
  font-size: 0.8rem;
  color: #333; }
.myorder-view .order-products .total-price span {
  font-size: 0.9rem;
  color: #ff513c;
  letter-spacing: 0; }
.myorder-view .order-products .total-price span::after {
  content: "원";
  margin-left: 3px;
  font-size: 0.8rem;
  color: #333; }
.myorder-view .order-info {
  margin-left: 30px;
  width: 360px;
  background-color: #f5f5f5;
  border: 1px solid #eee; }
.myorder-view .order-info .item-ttl span {
  color: #fff;
  background-color: #444344; }
.myorder-view .order-info ul {
  border-top: 1px solid #eee; }
.myorder-view .order-info li {
  padding-top: .35rem;
  padding-bottom: .35rem;
  display: flex;
  border-bottom: 1px solid #eee; }
.myorder-view .order-info .lab {
  width: 90px;
  min-width: 90px;
  font-size: 0.8rem;
  color: #333; }
.myorder-view .order-info .content {
  font-size: 0.7rem;
  color: #666; }
.myorder-view .btn-item {
  margin-top: 1.5rem;
  text-align: right; }
@media screen and (max-width: 1080px) {
  .myorder-view .order-products {
    width: -moz-calc(100% - 320px);
    width: -o-calc(100% - 320px);
    width: -webkit-calc(100% - 320px);
    width: calc(100% - 320px); }
  .myorder-view .order-info {
    margin-left: 20px;
    width: 300px; }
  .myorder-view .order-info .lab {
    width: 65px;
    min-width: 65px; } }
@media screen and (max-width: 768px) {
  .myorder-view .item-ttl, .myorder-view .item-wrapper {
    padding-right: .75rem;
    padding-left: .75rem; }
  .myorder-view .item-ttl span {
    font-size: .9rem; }
  .myorder-view .order-products, .myorder-view .order-info {
    padding-bottom: 1.5rem;
    width: 100%; }
  .myorder-view .order-products .img-item {
    margin-right: 20px; }
  .myorder-view .order-products .txt-item {
    width: -moz-calc(100% - 90px);
    width: -o-calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
    width: calc(100% - 90px); }
  .myorder-view .order-products .txt-item li {
    font-size: 12px; }
  .myorder-view .order-products .total-price em {
    font-size: 12px; }
  .myorder-view .order-products .total-price span::after {
    font-size: 12px; }
  .myorder-view .order-info {
    margin-left: 0; } }
@media screen and (max-width: 400px) {
  .myorder-view .item-wrapper {
    display: flex;
    flex-flow: row wrap; }
  .myorder-view .img-item, .myorder-view .txt-item {
    width: 100% !important; }
  .myorder-view .img-item {
    margin-right: 0; }
  .myorder-view .txt-item {
    margin-top: .75rem; } }
/*
===================
===================
빅박스 계정 탈퇴
===================
===================
*/
.mywithdraw .txt{
  font-size:18px;
  line-height:1.27; }
.mywithdraw .txt a{
  color:#ff513c;
  text-decoration:underline; }
.mywithdraw .agree{
  justify-content:flex-start; }
.mywithdraw .form_box{
  background:#f8f8f8;
  margin-top:60px;
  padding:40px 50px 50px; }
.mywithdraw .form_box .tit{
  font-size:18px;
  font-weight:600;
  color:#333; }
.mywithdraw .form_box .radio_box{
  margin-top:20px; }
.mywithdraw .form_box .radio{
  display:block;
  margin:0; 
  padding:0; }
.mywithdraw .form_box .radio + .radio{
  margin-top:5px;
  margin-left:0; }
.mywithdraw .form_box .radio label{
  position:relative;
  font-size:16px;
  color:#666; 
  padding:0; }
.mywithdraw .form_box .radio label:hover{
  color:#666; }
.mywithdraw .form_box .radio input[type='text']:hover{
  color:#666; }
.mywithdraw .form_box .radio input[type='radio']{
  position:absolute;
  overflow:hidden;
  clip:rect(0,0,0,0);
  width:1px;
  height:1px;
  border:0;
  padding:0; }
.mywithdraw .form_box .radio input[type='radio'] + label:before{
  content:"";
  display:inline-block;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#fff;
  border:1px solid #ccc;
  box-sizing:border-box;
  vertical-align:top;
  margin:3px 8px 0 0; }
.mywithdraw .form_box .radio input[type='radio']:checked + label:before{
  border:4px solid #ff513c; }
.mywithdraw .form_box .radio input[type='text']{
  width:100%;
  height:40px;
  border:1px solid #ccc;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  padding:0 15px; }
.withdraw .btn_box{
  text-align:center;
  margin-top:40px; }
.withdraw .btn_box a{
  display:inline-block;
  width:117px;
  height:40px;
  line-height:40px;
  border-radius:4px;
  font-size:18px;
  text-align:center;
  border:1px solid transparent; }
.withdraw .btn_box .btn_cancel{
  background:#ff513c;
  border-color:#ff513c;
  color:#fff; }
.withdraw .btn_box .btn_withdraw{
  background:#f5f5f5;
  border-color:#edecec;
  color:#333;
  margin-left:10px; }
@media screen and (max-width: 768px) {
.mywithdraw .contents-ttl{
  font-size:24px; }
.mywithdraw .txt{
  font-size:13px; }
.mywithdraw .agree .chk{
  font-size:13px; }
.mywithdraw .form_box{
  margin-top:33px;
  padding:20px 20px 25px; }
.mywithdraw .form_box .tit{
  font-size:14px; }
.mywithdraw .form_box .radio_box{
  margin-top:7px; }
.mywithdraw .form_box .radio + .radio{
  margin-top:2px; }
.mywithdraw .form_box .radio label{
  font-size:13px; }
.mywithdraw .form_box .radio input[type='radio'] + label:before{
  margin:1px 5px 0 0; }
.mywithdraw .form_box .radio input[type='text']{
  font-size:12px;
  height:30px;;
  padding:0 10px; }
.withdraw .btn_box{
  margin-top:20px; }
.withdraw .btn_box a{
  width:88px;
  height:40px;
  line-height:40px;
  font-size:16px; }
.withdraw .btn_box .btn_withdraw{
  margin-left:2px; }
}
  

/*
===================
===================
회원가입
===================
===================
*/
.join-step{
	margin-bottom: 5rem;}
.join-step .agree{
	justify-content:flex-start;}
.join-step .agree:first-child{
	margin-top:0;}
.join-step .contents-info{
	padding: .75rem 0;
	text-align:right; }
.join-step .contents-info.line{
	border-bottom:2px solid #ff513c;}
.join-step .contents-info p{
	display:inline-block;font-size:.7rem;}
.join-step .contents-info a{
	margin-left:.25rem;
	font-size: .7rem;
    border-radius: 4px;}
.join-step .item-ttl {
	padding-right: 1rem;
	padding-left: 1rem;
	width: 120px;
	background-color: #f8f8f8;}
.join-step .col {
	padding-right: 1.5rem;
	padding-left: 1.5rem;}
.join-step input[type="text"]:focus, .join-step input[type="password"]:focus, .join-step textarea:focus {
	border-color: #ff513c;}
.join-step .col.pt0 {
	padding-top:0;}
.join-step .btns {
	margin-top: 2.5rem;
	text-align: center;}
.join-step .btns button, .join-step .btns a {
	margin-right: 1px;
	margin-left: 1px;
	padding-right: 1.5rem;
	padding-left: 1.5rem;
	font-size: 0.75rem;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	border-radius: 5px;}
.join-step .join_box .content{
	overflow-y:auto;
	padding: .75rem;
	margin:.75rem 0 1.5rem;
    width: 100%;
    height: 200px;
    line-height: 1.65;
	border:1px solid #ccc;
	border-top:2px solid #ff513c;}
.join-step .join_box .collect_list{
	margin-top:.75rem;}
.join-step .join_box .content p,
.join-step .join_box .collect_list li{
	font-size:.7rem;}
.join-step .join_box .content h2:first-child{
	margin:0 0 .75rem 0;}
.join-step .join_box .content h2,h3{
	margin:.75rem 0;
	font-size:.8rem;}
.join-step .join_box .agree .chk,
.join-step .join_box .txt{
	font-size:.8rem;}
.join-step .phone li + li{
  margin-top:5px; }
.join-step .phone .txt{
  margin-bottom:10px; }
.join-step .phone .msg{
  padding:5px 0; }
.join-step .phone .bt{
  width:110px;
  height:40px;
  line-height:40px ;
  font-size:.7rem; 
  border-radius:3px;}
.join-step .phone .bt:disabled{
  opacity:.5; }

.join-step .email-check .col .field{
  display:flex;
  gap: 0 4px;
}
.join-step .email-check .col .field input[type=text]{
  width: 220px !important;
}
.join-step .email-check .col .field #checkEmailBtn{
  width:110px;
  height:40px;
  line-height:40px ;
  font-size:.7rem; 
  border-radius:3px
}
@media screen and (max-width: 768px) {
  .join-step .btns button, .join-step .btns a {
    font-size: 12px; } }
@media screen and (max-width: 640px) {
  .join-step .col {
    padding-right: .5rem;
    padding-left: .5rem; } }
@media screen and (max-width: 480px) {
  .join-step .item-ttl {
    background: none; }
  .join-step.form-type1 .item, .join-step.form-type1 .item-ttl, .join-step.form-type1 .colgroup {
    display: block; }
  .join-step.form-type1 .item-ttl, .join-step.form-type1 .colgroup {
    width: 100%; }
  .join-step.form-type1 .item-ttl {
    padding-top: 0;
    padding-bottom: 0; }
  .join-step.form-type1 .col {
    padding-top: .5rem;
    padding-bottom: .5rem; } 
  .join-step .phone .bt{
    height:35px;
    line-height:35px;
    width:90px; }
  .join-step .email-check .col .field input[type=text]{
    width: 180px !important;
  }
  .join-step .email-check .col .field #checkEmailBtn{
    height:35px;
    line-height:35px;
    width:90px;
  }
  }
/*
===================
===================
로그인
===================
===================
*/
.member{font-family:'Noto Sans KR';max-width:1200px;padding:60px 0 100px;}
.member button{outline:none;border:0;background:transparent;}
.member .type_box{display:flex;font-family:'Noto Sans KR';}
.member .type_box .item{position:relative;width:calc(50% - 21px);text-align:center;border:0;padding:30px 0;}
.member .type_box .item + .item{margin-left:80px;}
.member .type_box .item + .item:before{position:absolute;top:0;left:-40px;content:"";display:block;width:1px;height:100%;background:#ccc;}
.member .type_box .ta{display:none;}
.member .type_box .tit{font-family:"GmarketSans";font-size:32px;font-weight:600;line-height:1.3;color:#000;}
.member .type_box .desc{font-size:20px;line-height:1.2;color:#666;letter-spacing:-.5px;margin-top:10px;}
.member .type_box .btn_box{margin-top:30px;}
.member .type_box .btn_box .btn{display:block;width:100%;height:90px;line-height:96px;font-family:"GmarketSans";font-size:28px;font-weight:500;color:#fff;background:#E9470D;letter-spacing:-.5px;border-radius:12px;padding:0;}
.member .type_box .txt{font-size:18px;color:#666;margin-top:30px;}
.member .type_box .txt a{display:inline-block;font-size:18px;font-weight:600;color:#E9470D;text-decoration:underline;margin-left:12px;}

.member_form .input_box{position:relative;}
.member_form .input_box input[type='text'],
.member_form .input_box input[type='password']{width:100%;height:64px;font-family: 'GmarketSans';font-size:20px;color:#666;background:#f3f4f8;border:0;border-radius:12px;padding:0 20px 0 62px;}
.member_form .input_box input[type='text']::placeholder,
.member_form .input_box input[type='password']::placeholder{color:#666;}
.member_form .input_box input:-webkit-autofill{transition:background-color 5000s;}
.member_form .input_box:after{content:"";display:block;position:absolute;left:20px;top:calc(50% - 16px);width:32px;height:32px;}
.member_form .input_box.id:after{background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/login/icon_id.webp") 0 0 / 100% 100% no-repeat;}
.member_form .input_box.pw:after{background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/login/icon_pw.webp") 0 0 / 100% 100% no-repeat;}
.member_form .input_box:nth-child(n+2){margin-top:10px;}
.member_form .c_check_box{position:relative;text-align:left;margin-top:14px;}
.member_form .c_check_box label{display:inline-block;line-height:25px;font-size:16px;font-weight:500;color:#666;cursor:pointer;}
.member_form .c_check_box input[type='checkbox']{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;border:0;padding:0;}
.member_form .c_check_box input[type='checkbox'] + label:before{content:"";display:inline-block;width:32px;height:32px;border-radius:50%;background:#f5f5f5 url("https://front.compasspub.com/contents/bigclass/images/icon_check_off.png") 50% 50% / 16px 12px no-repeat;border:1px solid #ccc;box-sizing:border-box;vertical-align:top;margin:-2px 8px 0 0;}
.member_form .c_check_box input[type='checkbox']:checked + label:before{background:#e9470d url("https://front.compasspub.com/contents/bigclass/images/icon_check_on.png") 50% 50% / 16px 12px no-repeat;border-color:#e9470d;}
.member_form .btn_box button{display:block;width:100%;height:55px;line-height:55px;text-align:center;font-size:24px;font-weight:600;color:#fff;border-radius:30px;background:#e9470d;margin-top:15px;}
.member_form .btn_login{display:block;width:100%;height:64px;line-height:64px;text-align:center;font-size:24px;font-weight:500;color:#fff;border-radius:12px;background:#e9470d;margin-top:24px;}
.member_form .menu{text-align:center;font-size:0;margin-top:10px;}
.member_form .menu a{display:inline-block;font-size:16px;line-height:1;font-weight:500;color:#666;}
.member_form .menu a + a:before{content:"";display:inline-block;width:1px;height:16px;background:#ccc;vertical-align:top;margin:0 20px;}

.sns_login .kakao{width:100%;height:90px;line-height:96px;font-family:"GmarketSans";font-size:30px;font-weight:500;letter-spacing:-.5px;border-radius:12px;color:#191919!important;background:#FEE500 url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/login/icon_kakao.webp") 28px 50% / 36px auto no-repeat;padding-left:65px;}
.sns_login .list{display:flex;justify-content:center;text-align:center;margin-top:30px;}
.sns_login .list li:nth-child(n+2){margin-left:70px;}
.sns_login .list li button{display:block;font-size:18px;line-height:1.2;color:#757575;letter-spacing:-.5px;}
.sns_login .list li button:before{content:"";display:block;width:56px;height:56px;margin:0 auto 7px;}
.sns_login .list .facebook:before{background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/login/icon_facebook.webp") 50% 0 / 100% 100% no-repeat;}
.sns_login .list .google:before{background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/login/icon_google.webp") 50% 0 / 100% 100% no-repeat;}
.sns_login .list .naver:before{background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/login/icon_naver.webp") 50% 0 / 100% 100% no-repeat;}
.sns_login .list .kakao-new:before{background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/login/icon_kakao.webp") 50% 0 / 100% 100% no-repeat;}

.join_complete{text-align:center;padding:80px 0 200px;}
.join_complete .mo{display:none;}
.join_complete .tit{font-size:40px;font-weight:500;line-height:1.4;color:#131313;letter-spacing:-.5px;}
.join_complete .tit:before{content:"";display:block;width:88px;height:88px;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/login/icon_complete.webp") 0 0 / 100% 100% no-repeat;margin:0 auto 30px;}
.join_complete .txt{font-family:'Noto Sans KR';font-size:24px;color:#131313;line-height:1.2;margin-top:10px;}
.join_complete .txt strong{font-weight:600;color:#E9470D;}
.join_complete .btn_box{font-size:0;margin-top:60px;}
.join_complete .btn_box a{position:relative;display:inline-block;width:300px;border-radius:4px;font-size:32px;font-weight:600;color:#fff;line-height:1.3;padding:23px 0 18px;}
.join_complete .btn_box a:nth-child(1){background:#E9470D;}
.join_complete .btn_box a:nth-child(2){background:#333;margin-left:10px;}
.join_complete .btn_box a.red{background:#E9470D;}
.join_complete .btn_box a.grey{background:#333;}
.join_complete .btn_box .tooltip{position:absolute;bottom:-42px;left:35px;display:block;width:100%;max-width:244px;height:52px;line-height:56px;font-family:'Noto Sans KR';font-size:14px;font-weight:400;color:#E9470D;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/login/bg_tooltip.webp") 0 0 / 100% 100% no-repeat;opacity:1;}

@media screen and (max-width: 1024px){
.member{padding:50px 24px 100px;}
.member .type_box .item + .item{margin-left:46px;}
.member .type_box .item + .item:before{left:-23px;}
.join_complete{padding:80px 0 140px;}
}
@media screen and (max-width: 768px){
.member .type_box .ta{display:block;}
.member .type_box .tit{font-size:26px;}
.member .type_box .desc{font-size:16px;line-height:1.4;margin-top:6px;}
.member .type_box .btn_box{margin-top:33px;}
.member .type_box .btn_box .btn{height:80px;line-height:80px;font-size:22px;}
.member_form .input_box input[type='text'],
.member_form .input_box input[type='password']{font-size:18px;}
.sns_login .kakao{height:80px;line-height:80px;font-size:22px;background-position:15px 50%;padding-left:36px;}
.sns_login .list li:nth-child(n+2){margin-left:37px;}
.sns_login .list li button{font-size:16px;}
.join_complete{padding:50px 0 80px;}
.join_complete .tit:before{width:64px;height:64px;margin-bottom:10px;}
.join_complete .tit{font-size:32px;}
.join_complete .txt{font-size:20px;}
.join_complete .btn_box{margin-top:40px;}
.join_complete .btn_box a{width:276px;} 
.join_complete .btn_box .tooltip{left:50%;transform:translateX(-50%);}
}
@media screen and (max-width:639px){
.member{padding:30px 16px 100px;}
.member .type_box{flex-direction:column;}
.member .type_box .tit .ta{display:none;}
.member .type_box .item{width:100%;padding:0;}
.member .type_box .item.simple{order:0;}
.member .type_box .item.basic{order:1;margin-top:60px;}
.member .type_box .item + .item{margin-left:0;}
.member .type_box .item + .item:before{display:none;}
.member .type_box .tit{font-size:24px;}
.member .type_box .txt{font-size:16px;margin-top:15px;}
.member .type_box .txt a{font-size:16px;margin-left:23px;}
.member .type_box .btn_box{margin-top:20px;}
.member .type_box .btn_box .btn{height:45px;line-height:45px;font-size:15px;border-radius:6px;padding:0;}
.member_form .input_box input[type='text'],
.member_form .input_box input[type='password']{height:45px;font-size:16px;border-radius:6px;}
.member_form .btn_login{height:45px;line-height:45px;font-size:20px;border-radius:6px;}
.sns_login .kakao{height:45px;line-height:45px;font-size:15px;border-radius:6px;padding:0;background-size:18px 16px;}
.sns_login .list li:nth-child(n+2){margin-left:57px;}
.sns_login .list li button{font-size:14px;}
.sns_login .list li button:before{width:44px;height:44px;margin-bottom:6px;}
.join_complete{padding:40px 20px 120px;}
.join_complete .pc{display:none;}
.join_complete .mo{display:block;}
.join_complete .tit{font-size:28px;}
.join_complete .tit:before{width:60px;height:60px;margin-bottom:22px;}
.join_complete .txt{font-size:16px;margin-top:7px;}
.join_complete .btn_box{margin-top:30px;}
.join_complete .btn_box a{display:block;max-width:280px;width:100%;font-size:22px;padding:15px 0 10px;margin:0 auto;}
.join_complete .btn_box a:nth-child(2){margin:10px auto 0;}
}

.login .item-wrapper{
	display: flex;
	flex-flow: row wrap;
	width:50%;
	margin:0 auto .75rem;}
.login .login_box{
	padding:1rem 0;}
.login .login_box .tit-item{
	width:120px;
	padding-top: .75rem;
	padding-bottom: .75rem;
	line-height:14px;
	font-size:.8rem;}
.login .login_box .txt-item{  
	width:calc(100% - 120px);}
.login .contents-info {
	padding: .75rem 0;
	text-align:right;}
.login .contents-info.line{
	border-bottom:2px solid #ff513c;}
.login .contents-info p{
	display:inline-block;
	font-size:.7rem;}
.login .contents-info a{
	margin-left:.25rem;
	font-size: .7rem;
	border-radius: 4px;}
.login .social{
	overflow:hidden;
	margin-top:2rem;
}
.login .social button{
	width:100%;
	height:50px;
	border:0 none;
	border-radius:2px;}
.login .social .btn_fb{
	background:#2a4d87 url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/login/btn_join_facebook_off@2x.webp") no-repeat;
	background-position: .75rem 50%;
	background-size:17px auto;
	color:#fff;}
.login .social .btn_google{
	background:#fff url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/login/btn_join_google_off@2x.webp") no-repeat .75rem 50%;
	background-size:16.5px auto;
	color:#687177;
	border:1px solid #abaeb3;}
.login .social .btn_naver{
	background:#00b438 url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/login/btn_join_naver_off@2x.webp") no-repeat .75rem 50%;
	background-size:17.7px auto;
	color:#fff;
  border-radius:12px; }
.login .social .btn_kakao{
  background:#FEE500 url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/login/icon_kakao.webp") 28px 50% / 36px auto no-repeat;
  color:#191919;
  border-radius:12px; }
.login .btns{
	margin:1.25rem 0;}
.login .btns button{
	border-radius:5px;}
@media screen and (max-width: 1080px) {
	.login .item-wrapper{
		width:100%;	}
	.social div{
		margin-bottom:.75rem;}}
@media screen and (max-width: 768px) {
	.login .login_box .tit-item,
	.login .login_box .txt-item,
	.login .login_box .txt-item input{
		width:100%;}
  .login .social .btn_naver,
  .login .social .btn_kakao{
    border-radius:6px; }}
/*
===================
===================
결제하기
===================
===================
*/
.order-write .item-wrapper{
	display:flex;
	flex-flow:row wrap;
	align-items:center;}
.order-write .item-wrapper .img-item {
	display:inline-block;
	margin-right: 30px;
	width: 70px;
}
.order-write .item-wrapper .txt-item {
  margin-right: 30px;
}
.order-write .item-wrapper.txt-item {
	width: -moz-calc(100% - 100px);
	width: -o-calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	width: calc(100% - 100px);
}
.order-write {
	padding-bottom:5rem;}
.order-write .section {
	width: 100%;
	display: table;
	border-top: 2px solid #ff513c; }
.order-write .section:nth-of-type(1) ~ .section {
	margin-top: 1.5rem; }
.order-write .section-ttl, .order-write .item-container {
	display: table-cell;
	vertical-align: top; }
.order-write .section-ttl {
	padding: 1.25rem 1rem;
	width: 135px;
	font-size: 0.8rem;
	color: #333;
	background-color: #f5f5f5;
	border-right: 1px solid #eee; }
.order-write .item-container {
	width: -moz-calc(100% - 135px);
	width: -o-calc(100% - 135px);
	width: -webkit-calc(100% - 135px);
	width: calc(100% - 135px); }
.order-write .item-ttl {
	padding-right: 1rem;
	padding-left: 1.5rem;
	width: 140px;
	border-right: 1px solid #eee; }
.order-write .col {
	padding-left: 2rem; }
.order-write input[type="text"], .order-write input[type="password"] {
	border: 1px solid #eee !important; }
.order-write .chk{
	vertical-align:middle;}
.order-write .chk:first-child{
	margin-right:1.25rem;}
.order-write .total{
	margin-top: .5rem;
	padding: .65rem 1.5rem;
	width: 100%;
	text-align: right;
	background-color: #f5f5f5;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	justify-content:space-between;}
.order-write .total div{
	text-align:left;}
.order-write .total p,
.order-write .total label{
	font-size:.75rem;vertical-align:bottom;}
.order-write .total .price.w_full{
	width:100%;}
.order-write .total .price em {
	margin-right: 1.25rem;
	font-size: 0.8rem;
	color: #333; }
.order-write .total .won {
	font-size: 0.9rem;
	color: #ff513c;
	letter-spacing: 0; }
.order-write .total .won::after {
	content: "원";
	margin-left: 3px;
	font-size: 0.8rem;
	color: #333; }
.order-write .btns{
	margin-top:2.5rem}

/*renewal _ 20211124*/
.order-write.new .contents-header{
  text-align:center; }
.order-write.new .contents-header .contents-ttl{
  font-size:36px; }
.order-write.new .pay-product .section-ttl{
  text-align:left; }
.order-write.new .section-ttl{
  font-size:18px;
  text-align:center; }
.order-write.new .item-wrapper .img-item {
  width: 110px;
  height:110px;
  line-height:110px;
  text-align:center;
  margin-right:40px; }
.order-write.new .item-wrapper .img-item:not(.logo){
  border:1px solid #DCDCDC;
  border-radius:16px;
  overflow:hidden; }
.order-write.new .item-wrapper .img-item.logo img{
  width:100%; }
.order-write.new .pay-product{
  display:block; }
.order-write.new .pay-product .section-ttl{
  display:block;
  width:100%;
  background:#F4F4F4;
  height:55px;
  color:#121212;
  line-height:55px;
  padding:0 0 0 40px; }
.order-write.new .item-wrapper{
  align-items:flex-start; }
.order-write.new .item-wrapper .txt-item{
  width:calc(100% - 150px);
  font-size:14px;
  color:#777; }
.order-write.new .item-wrapper .txt-item span{
  display:block; }
.order-write.new .item-wrapper .txt-item .tit{
  color:#000;
  font-size:17px; 
  margin:5px 0; }
.order-write.new .item-wrapper .txt-item .txt{
  margin-bottom:12px; }
.order-write.new .item-wrapper .txt-item .month{
  width:85px;
  height:30px;
  line-height:30px;
  text-align:center;
  font-size:14px;
  color:#ff513c;
  border:1px solid #ff513c;
  border-radius:6px; }
.order-write.new .pay-product .item-container{
  display:block;
  width:100%; }
.order-write.new .pay-product .item-container .col{
  padding:25px 40px; }
.order-write.new section:not(.agree){
  border-top: 2px solid #ff513c; }
.order-write.new section:nth-of-type(1) ~ section {
  margin-top: 1.5rem; }
.order-write.new .pay-info{
  display:table;
  width:100%; }
.order-write.new .pay-info .item-ttl{
  font-size:15px; }
.order-write.new .pay-info .form .col{
  font-size:.8rem; }
.order-write.new .search-bt{
  width: 90px;
  height: 40px;
  font-size: 13px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  background-color: #888;
  border-width: 0;
  border-radius: 4px; }
.order-write.new .address-inp2,
.order-write.new .address-inp3{
  margin-top:0.5rem;
  width:100%; }
.order-write.new .return-txt{
  font-size:14px;
  line-height:1.2;
  color:#777;
  margin-top:10px; }
.order-write.new .return-txt span{
  position: relative;
  padding-left:10px;
  display:block; }
.order-write.new .return-txt span:before{
  content:"";
  display:block;
  position:absolute;
  top:5px;
  left:0;
  width:3px;
  height:3px;
  border-radius:50%;
  background:#ff513c; }
.order-write.new .total{
  padding:1rem 1.5rem; }
.order-write.new .total p, .order-write.new .total label{
  font-size:15px; }
.order-write.new .total .price em{
  font-size:16px; }
.order-write.new .total .won{
  font-size:18px; }
.order-write.new .total .won span{
  font-size:15px; }   

@media screen and (max-width: 1080px) {
	.order-write .section, .order-write .section-ttl, .order-write .item-container {
		display: block; }
	.order-write .section-ttl, .order-write .item-container {
		 width: 100%; }
	.order-write .section-ttl {
		padding-right: 1.5rem;
		padding-left: 1.5rem;
		font-size: .9rem;
		border-bottom: 1px solid #e6e6e6;
		border-right-width: 0; }
	.order-write .section-ttl, .order-write .item-ttl {
		padding-right: .75rem;
		padding-left: 1.5rem; }
	.order-write .btns {
		margin-top: 2.5rem;
		text-align: center; }
	.order-write .btns button, .order-write .btns a {
		margin-right: 1px;
		margin-left: 1px;
		padding-right: 1.5rem;
		padding-left: 1.5rem;
		font-size: 0.75rem;
		color: #fff;
		display: inline-block;
		vertical-align: middle;
		border-radius: 5px; }
  .order-write.new .pay-product .item-container .col{
    padding:20px 25px; } 
  
  .order-write.new .section-ttl{
    text-align:left; 
    padding-left:40px; }

  }
@media screen and (max-width: 960px) {
  .order-write.new .form-type1 .item-ttl{
    width:130px;
  }
}
@media screen and (max-width: 768px) {
  /**/
  .order-write.new .section-ttl{
    text-align:center; 
    padding-left:0;
    padding-right:0; }
	.order-write .total .price em {
		font-size: 12px; }
	.order-write .total .won::after {
		font-size: 12px; } 
  .order-write.new .contents-header .contents-ttl{
    font-size:30px; }
  .order-write.new .pay-product .section-ttl{
    height:58px;
    line-height:58px;
    text-align:center;
    padding-left:0; }
  .order-write.new .pay-product .item-container .col{
    padding:15px 0 25px; }
  .order-write .item-wrapper{
    display: block;
    text-align:center; }
  .order-write.new .item-wrapper .img-item{
    width:100px;
    height:100px;
    line-height:100px;
    margin:0 auto; }
  .order-write.new .item-wrapper .txt-item{
    width:100%;
    font-size:13px;
    text-align:left; }
  .order-write.new .item-wrapper .txt-item .tit{
    font-size:15px;
    margin-top:15px; }
  .order-write.new .item-wrapper .txt-item .txt{
    margin-bottom:8px; }
  .order-write.new .item-wrapper .txt-item .month{
    width:70px;
    height:25px;
    line-height:25px;
    font-size: 12px; }
  .order-write.new .pay-info .item-ttl{
    font-size:14px; }
  .order-write.new .search-bt{
    font-size:12px; }
  .order-write.new .return-txt{
    font-size:12px;
    padding-left: 8px; }
  .order-write.new .return-txt span:before{
    top:4px; }
  .order-write.new .total p, .order-write.new .total label{
    font-size:13px; }
  .order-write.new .total .price em{
    font-size:14px; }
  .order-write.new .total .won{
    font-size:16px; }
  .order-write.new .total .won span{
    font-size:13px; } }
@media screen and (max-width: 640px) {
  .order-write .item-wrapper .img-item {margin-right: 0px;} 
  .order-write .item-wrapper .txt-item {margin-right: 0px;}
	.order-write .section-ttl, .order-write .item-ttl {
		padding-left: .5rem; }
	.order-write .col {
		padding-left: .5rem; }
	.order-write .form-type1 .item, .order-write .form-type1 .item-ttl, .order-write .form-type1 .colgroup {
		display: block; }
	.order-write .form-type1 .item-ttl, .order-write .form-type1 .colgroup {
		width: 100%; }
	.order-write .form-type1 .item-ttl {
		padding-top: 0;
		padding-bottom: 0; }
	.order-write .form-type1 .col {
		padding-top: .5rem;
		padding-bottom: .5rem; }
	.order-write [class*="phone-inp"], .order-write [class*="card-inp"] {
		width: 58px; } 
	.order-write .total div,
	.order-write .total .price{
		width:100%;}
	.order-write .total div{
		margin-bottom: .5rem;}
	.order-write .chk:first-child{
		margin:0 0 .5rem 0;}
  .order-write.new .form-type1 .item-ttl{
    width:100%;
    border:0;} }
@media screen and (max-width:480px) {
  .order-write.new .search-bt{
    height:35px;
    line-height:35px; } }
/*
===================
===================
상품 보기
===================
===================
*/
.order-type{
	padding-bottom:3rem;}
.order-type .item-container {
    display: flex;
    flex-flow: row wrap;}
.order-type .item-container .item{
	width:25%;}
.order-type .section-ttl {
	text-align: center;
	padding-bottom: 3rem;}
.order-type .section-ttl > strong {
	display: block;
	margin-bottom: 1.25rem;
	font-family: "yg-jalnan", "Malgun Gothic", "맑은 고딕", sans-serif;
	font-size: 1.6rem;
	color: #2e4256; }
.order-type .section-ttl > em {
	font-size: 1.2rem;
	line-height: 1.25; }
.order-type .mo_img{
	display:none;}
@media screen and (max-width: 1080px) {
	.order-type .section-ttl{
		padding-bottom:1.7rem;}
	.order-type .item-container .item{
		width:auto;
		max-width:500px;
		margin:0 auto;
		margin-bottom:1.25rem}
	.order-type .item-container .item img{
		width:100%;}
	.order-type .pc_img{
		display:none;}
	.order-type .mo_img{
		display:block;}}

/*
===================
===================
7일 무료 체험
===================
===================
*/
.free_trial .width{max-width:1024px;}
.free_trial .title_box{text-align:center;}
.free_trial h1.title{font-family:"yg-jalnan";text-align:center;}
.free_trial .mo{display:none;}
.free_trial .intro{padding:100px 0;background:#282548 url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/free_trial/bg_intro.webp") 50% 0 / 1920px auto no-repeat;}
.free_trial .intro a{display:block;}
.free_trial .intro .ta, .free_trial .intro .mo{display:none;}
.free_trial .intro img{width:100%;}

.free_trial .question{padding:100px 0;}
.free_trial .question .title{font-size:80px;line-height:1.4;color:#000;}
.free_trial .question .title strong{color:#FF513C;}
.free_trial .question ul{margin-top:106px;}
.free_trial .question ul li{display:flex;}
.free_trial .question ul li + li{margin-top:85px;}
.free_trial .question ul li:nth-child(even){justify-content:flex-end;}
.free_trial .question ul li:nth-child(even) .icon{order:2;}
.free_trial .question ul li:nth-child(even) .txt_box{background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/free_trial/bg_bubble_r.webp");}
.free_trial .question ul li:nth-child(even) .keyword{left:auto;right:76px;}
.free_trial .question ul li:nth-child(1) .txt_box{max-width:589px;padding:72px 43px 36px 81px;}
.free_trial .question ul li:nth-child(2) .txt_box{max-width:599px;padding:63px 83px 50px 61px;}
.free_trial .question ul li:nth-child(3) .txt_box{max-width:849px;padding:83px 50px 42px 91px;}
.free_trial .question ul li:nth-child(1) .keyword strong{color:#88CCCF;}
.free_trial .question ul li:nth-child(2) .keyword strong{color:#F5D3DC;}
.free_trial .question ul li:nth-child(3) .keyword strong{color:#F2BEB1;}
.free_trial .question .icon{min-width:120px;width:120px;height:120px;}
.free_trial .question .icon img{width:100%;}
.free_trial .question .txt_box{position:relative;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/free_trial/bg_bubble.webp") 0 0 / 100% 100% no-repeat;margin-top:15px;}
.free_trial .question .keyword{position:absolute;top:-35px;left:81px;display:inline-block;height:76px;line-height:80px;font-size:36px;font-weight:600;color:#fff;background:#333;border-radius:100px;padding:0 28px;}
.free_trial .question .txt{font-size:36px;color:#000;}
.free_trial .problem .point{padding:100px 0 60px;}
.free_trial .problem .point .title_box .title{max-width:929px;color:#fff;margin:0 auto;}
.free_trial .problem .point .title_box .title img{width:100%;vertical-align:top;}
.free_trial .problem .point .title_box .title:before{content:"";display:block;width:130px;height:130px;background-size:100% 100%;background-position:0 0;background-repeat:no-repeat;margin:0 auto;}
.free_trial .problem .point .title_box .txt{font-size:34px;letter-spacing:-1px;margin-top:50px;}
.free_trial .problem .contents{font-family:"yg-jalnan";margin-top:30px;}
.free_trial .problem .contents:before{content:"";display:block;background-position:0 0;background-size:100% 100%;background-repeat:no-repeat;margin:0 auto;}
.free_trial .problem .contents .tit_box{font-size:48px;color:#fff;line-height:1.4;text-align:center;border-radius:30px 30px 0 0;padding:50px;}
.free_trial .problem .contents .tit_box span{position:relative;display:inline-block;}
.free_trial .problem .contents .tit_box span:before{position:absolute;top:calc(50% - 40px);left:-95px;content:"";display:block;width:41px;height:80px;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/free_trial/icon_quot.webp") 0 0 / 100% auto no-repeat;}
.free_trial .problem .contents .tit_box span:after{position:absolute;top:calc(50% - 40px);right:-95px;content:"";display:block;width:41px;height:80px;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/free_trial/icon_quot_r.webp") 0 0 / 100% auto no-repeat;}
.free_trial .problem .contents .tit_box strong{text-decoration:underline;text-underline-position:under;}
.free_trial .problem .contents .con_box{text-align:center;background:#fff;border-radius:0 0 30px 30px;overflow:hidden;padding:61px 63px;}
.free_trial .problem .contents .con_box .method{display:inline-block;height:83px;line-height:83px;font-size:50px;color:#fff;background:#333;border-radius:60px;padding:0 44px;}
.free_trial .problem .contents .con_box .tit{font-size:100px;line-height:1;margin-top:30px;}
.free_trial .problem .contents .con_box .txt{font-size:44px;color:#333;text-align:left;background:#F5F5F5 url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/free_trial/voca.webp") 58px 40% / 165px auto no-repeat;border-radius:30px;padding:72px 50px 72px 261px;margin-top:50px;}
.free_trial .problem .contents .con_box .thumb{max-width:630px;margin:50px auto 0;}
.free_trial .problem .contents .con_box .thumb img{width:100%;}
.free_trial .problem .solution{padding:60px 0 100px;}
.free_trial .problem .solution .video{position:relative;width:100%;height:auto;padding-top:56.25%;}
.free_trial .problem .solution .video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.free_trial .problem .solution .txt{font-size:34px;color:#222;line-height:1.4;text-align:center;letter-spacing:-1px;margin-top:60px;}

.free_trial .bigboxtv .point{background:#FEECD5;}
.free_trial .bigboxtv .point .title_box .title:before{background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/free_trial/bigboxtv_icon_tit.webp");}
.free_trial .bigboxtv .point .title_box .txt strong{color:#FA8B00;}
.free_trial .bigboxtv .contents:before{width:673px;height:620px;background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/free_trial/bigboxtv_mom.webp");}
.free_trial .bigboxtv .contents .tit_box{background:#FA8B00;}
.free_trial .bigboxtv .contents .con_box .tit{color:#FA8B00;}
.free_trial .bigboxtv .contents .con_box .txt strong{color:#FA8B00;}
.free_trial .bigboxtv .solution .txt strong{color:#EB8300;}

.free_trial .word_kingdom .point{background:#F7E4E5;}
.free_trial .word_kingdom .point .title_box .title:before{background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/free_trial/kingdom_icon_tit.webp");}
.free_trial .word_kingdom .point .title_box .txt strong{color:#C12527;}
.free_trial .word_kingdom .contents:before{width:623px;height:676px;background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/free_trial/kingdom_mom.webp");}
.free_trial .word_kingdom .contents .tit_box{background:#C12527;}
.free_trial .word_kingdom .contents .con_box .tit{color:#C12527;}
.free_trial .word_kingdom .contents .con_box .txt{background-position:28px 40%;padding:75px 46px 75px 211px;}
.free_trial .word_kingdom .contents .con_box .txt strong{color:#C12527;}
.free_trial .word_kingdom .contents .con_box .thumb{margin-top:10px;}
.free_trial .word_kingdom .solution .txt strong{color:#C12527;}

.free_trial .reading_oceans .point{background:#EFF1FE;}
.free_trial .reading_oceans .point .title_box .title:before{background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/free_trial/oceans_icon_tit.webp");}
.free_trial .reading_oceans .point .title_box .txt strong{color:#7F8CFA;}
.free_trial .reading_oceans .contents:before{width:623px;height:676px;background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/free_trial/oceans_mom.webp");}
.free_trial .reading_oceans .contents .tit_box{background:#7F8CFA;}
.free_trial .reading_oceans .contents .con_box .tit{color:#7F8CFA;}
.free_trial .reading_oceans .contents .con_box .txt{font-size:42px;letter-spacing:-1.5px;background-position:23px 40%;padding:75px 10px 75px 198px;}
.free_trial .reading_oceans .contents .con_box .txt strong{color:#7F8CFA;}
.free_trial .reading_oceans .contents .con_box .thumb{margin-top:30px;}
.free_trial .reading_oceans .solution .txt strong{color:#7F8CFA;}
.free_trial .reading_oceans .solution .rolling{position:relative;height:756px;}
.free_trial .reading_oceans .solution .rolling:before{content:"";display:block;position:absolute;width:100%;height:756px;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/free_trial/reading_oceans_book.webp") 0 0 repeat-x;animation:rolling 300s linear infinite;}
@keyframes rolling {
	0%{
    background-position:0 0;
  }
	100%{
    background-position:-10000px 0;
  }
}

.free_trial .start{background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/free_trial/bg_start.webp") 0 0 / cover no-repeat;padding:120px 0 165px;}
.free_trial .start .width{max-width:1500px;}
.free_trial .start .title_box{font-size:70px;color:#333;letter-spacing:-1px;}
.free_trial .start .title_box:before{content:"";display:block;width:301px;height:174px;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/free_trial/logo_woongjin.webp") 0 0 / 100% 100% no-repeat;margin:0 auto 19px;}
.free_trial .start .title_box .logo{width:507px;display:inline-block;vertical-align:top;}
.free_trial .start .title_box .logo img{width:100%;}
.free_trial .start .title_box strong{font-family:"yg-jalnan";color:#FF513C;}
.free_trial .start .program{max-width:1082px;margin:120px auto;}
.free_trial .start .program img{width:100%;}
.free_trial .start .txt_box{text-align:center;}
.free_trial .start .txt_img{max-width:1247px;margin:0 auto;}
.free_trial .start .txt_img img{width:100%;}
.free_trial .start .txt{font-size:52px;color:#333;letter-spacing:-.5px;margin-top:40px;}
.free_trial .start .txt strong{font-family:"yg-jalnan";color:#fff;background:#FF513C;padding:10px;}
.free_trial .start .btn{display:block;max-width:1032px;width:100%;height:124px;line-height:124px;font-size:50px;color:#fff;font-weight:600;background:#363844;border-radius:100px;margin:80px auto 0;padding:0;}
.free_trial .start .btn span:after{content:"";display:inline-block;width:52px;height:52px;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/free_trial/icon_right.webp") 0 0 / 100% 100% no-repeat;vertical-align:top;margin:30px 0 0 4px;}

.free_trial .benefit{position:relative;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/free_trial/bg_benefit.webp") 0 0 / cover no-repeat;padding:138px 0 120px;}
.free_trial .benefit:before{position:absolute;top:-85px;left:calc(50% - 100px);content:"";display:block;width:200px;height:200px;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/free_trial/benefit_plus.webp") 0 0 / 100% 100% no-repeat;}
.free_trial .benefit .title_box{max-width:869px;margin:0 auto;}
.free_trial .benefit .title_box img{width:100%;}
.free_trial .benefit .big{margin-top:112px;}
.free_trial .benefit .big .item{position:relative;text-align:center;background:#FFEEEC;border:5px solid #333;border-radius:40px;padding:140px 45px 120px;}
.free_trial .benefit .big .item + .item{margin-top:100px;}
.free_trial .benefit .big .item .title{position:absolute;top:-50px;left:calc(50% - 115px);width:230px;height:104px;line-height:94px;text-align:center;font-family:"yg-jalnan";font-size:60px;color:#333;background:#FDD740;border:5px solid #333;border-radius:20px;}
.free_trial .benefit .big .item .big_tit{display:inline-block;height:80px;line-height:80px;font-family:"yg-jalnan";font-size:38px;color:#fff;background:#FF513C;padding:0 60px;border-radius:50px;margin-bottom:55px;}
.free_trial .benefit .big .item .big_tit strong{color:#FFEFAF;}
.free_trial .benefit .big .item .tit{font-family:"yg-jalnan";font-size:60px;color:#000;letter-spacing:-3px;}
.free_trial .benefit .big .item .tit strong{position:relative;color:#E9240C;}
.free_trial .benefit .big .item .tit strong:before{content:"";display:block;position:absolute;left:0;bottom:-2px;background:#FF513C;opacity:.1;border-radius:20px;width:100%;height:40px;}
.free_trial .benefit .big .item .txt{font-size:30px;margin-top:40px;}
.free_trial .benefit .big .item .txt + .coupon{margin-top:20px;}
.free_trial .benefit .big .item .coupon{max-width:840px;margin:40px auto 0;}
.free_trial .benefit .big .item .coupon img{width:100%;}
.free_trial .benefit .big .item .btn{display:block;max-width:700px;width:100%;height:106px;line-height:106px;font-size:50px;font-weight:600;color:#fff;text-align:center;background:#000;border-radius:100px;margin:90px auto 0;padding:0;}
.free_trial .benefit .big .big2 .tit strong{color:#FF763C;}

.free_trial .review{background:#363844;padding:100px 0 120px;}
.free_trial .review .title_box:before{content:"";display:block;width:74px;height:74px;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/free_trial/icon_heart.webp") 0 0 / 100% 100% no-repeat;margin:0 auto 30px;}
.free_trial .review .title_box .title{font-size:70px;color:#D7D7DA;line-height:1.3;}
.free_trial .review .title_box .title strong{font-size:80px;color:#FF513C;}
.free_trial .review .title_box .logo{width:456px;display:inline-block;vertical-align:top;}
.free_trial .review .title_box .logo img{width:100%;}
.free_trial .review .list_box{margin-top:120px;}
.free_trial .review .list{display:flex;flex-wrap:wrap;}
.free_trial .review .list li{position:relative;width:calc(50% - 9px);text-align:center;background:#fff;padding:50px 20px 40px;}
.free_trial .review .list li:before{position:absolute;top:-35px;left:calc(50% - 35px);content:"";display:block;width:70px;height:69px;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/free_trial/icon_sticky.webp") 0 0 / 100% 100% no-repeat;}
.free_trial .review .list li:nth-child(2n){margin-left:18px;}
.free_trial .review .list li:nth-child(n+3){margin-top:60px;}
.free_trial .review .list li h3:before{content:"#";display:block;font-weight:400;margin-bottom:5px;}
.free_trial .review .list li h3{font-family:"Noto Sans KR";font-size:44px;font-weight:800;color:#000;letter-spacing:-2.5px;}
.free_trial .review .list li .writer{font-size:30px;color:#999;margin-top:10px;}
.free_trial .review .list li .star{margin-top:24px;}
.free_trial .review .list li .star span{font-size:30px;color:#333;font-weight:700;}
.free_trial .review .list li .star span:before{content:"";display:inline-block;width:138px;height:24px;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/free_trial/icon_star.webp") 0 0 / 100% 100% no-repeat;vertical-align:top;margin:6px 11px 0 0;}
.free_trial .review .list li .txt{font-size:28px;color:#333;line-height:1.4;letter-spacing:-1px;margin-top:24px;}
.free_trial .review .list li .txt strong{position:relative;font-size:32px;color:#FF513C;text-decoration:underline;text-underline-position:under;}

.free_trial .notice{font-family:"Noto Sans KR";background:#F5F5F6;padding:50px 0;}
.free_trial .notice h1{font-size:24px;color:#333;font-weight:600;}
.free_trial .notice h3{font-size:24px;color:#333;font-weight:500;margin-top:32px;}
.free_trial .notice ul{margin-top:12px;}
.free_trial .notice ul li{position:relative;font-size:24px;color:#666;line-height:1.4;padding-left:15px;}
.free_trial .notice ul li:before{content:"-";display:block;position:absolute;top:0;left:0;}
.free_trial .notice span{display:block;font-size:24px;color:#666;line-height:1.4;margin-top:50px;}

.free_trial .fixed{position:sticky;bottom:0;background:#1A182F;padding:40px 0;}
.free_trial .fixed .box{display:flex;justify-content:space-between;align-items:center;}
.free_trial .fixed .countdown{display:flex;font-size:24px;color:#fff;align-items:baseline;}
.free_trial .fixed .countdown .item{display:block;height:41px;line-height:41px;font-family:"yg-jalnan";font-size:24px;background:#7A25CF;border-radius:6px;padding:0 16px;margin-right:6px;}
.free_trial .fixed .btn_apply{display:block;font-family:"yg-jalnan";font-size:24px;color:#FCC500;}
.free_trial .fixed .btn_apply span:after{content:"";display:inline-block;width:9px;height:17px;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/free_trial/icon_right_y.webp") 0 0 / 100% 100% no-repeat;margin-left:6px;}

@media screen and (max-width: 1080px) {
.free_trial .width{padding:0 50px;}
.free_trial .intro{padding:0;}
.free_trial .intro .width{padding:0;}
.free_trial .intro .pc{display:none;}
.free_trial .intro .ta{display:block;}

.free_trial .question{padding:60px 0;}
.free_trial .question .title{font-size:46px;}
.free_trial .question ul{margin-top:70px;}
.free_trial .question .icon{min-width:90px;width:90px;height:90px;}
.free_trial .question .keyword{top:-25px;left:50px;height:50px;line-height:54px;font-size:22px;}
.free_trial .question .txt{font-size:22px;}
.free_trial .question ul li + li{margin-top:40px;}
.free_trial .question ul li:nth-child(even) .keyword{right:50px;}
.free_trial .question ul li:nth-child(1) .txt_box{max-width:370px;padding:42px 25px 30px 50px;}
.free_trial .question ul li:nth-child(2) .txt_box{max-width:380px;padding:40px 50px 30px 40px;}
.free_trial .question ul li:nth-child(3) .txt_box{max-width:530px;padding:43px 20px 30px 65px;}
.free_trial .question ul li:nth-child(3) .txt_box .keyword{left:65px;}

.free_trial .problem .point{padding:60px 0 40px;}
.free_trial .problem .point .title_box .title:before{width:85px;height:85px;}
.free_trial .problem .point .title_box .title{max-width:600px;}
.free_trial .problem .point .title_box .txt{font-size:24px;margin-top:30px;}
.free_trial .problem .contents .tit_box{font-size:30px;padding:40px;}
.free_trial .problem .contents .con_box{padding:50px 40px;}
.free_trial .problem .contents .con_box .method{height:65px;line-height:65px;font-size:32px;padding:0 40px;}
.free_trial .problem .contents .con_box .tit{font-size:74px;margin-top:20px;}
.free_trial .problem .contents .tit_box span:before{left:-60px;}
.free_trial .problem .contents .tit_box span:after{right:-60px;}
.free_trial .problem .contents .con_box .txt{font-size:30px;background-size:140px auto;background-position:40px 40%;padding:52px 50px 52px 220px;margin-top:40px;}
.free_trial .problem .contents .con_box .thumb{max-width:440px;}
.free_trial .problem .solution{padding:50px 0 70px;}
.free_trial .problem .solution .txt{font-size:24px;margin-top:30px;}
.free_trial .bigboxtv .contents:before{width:440px;height:405px;}
.free_trial .word_kingdom .contents:before{width:450px;height:487px;}
.free_trial .word_kingdom .contents .con_box .txt{padding-left:211px;}
.free_trial .reading_oceans .contents:before{width:500px;height:542px;}
.free_trial .reading_oceans .contents .con_box .txt{padding:52px 40px 52px 198px;}
.free_trial .reading_oceans .solution .rolling{height:500px;}
.free_trial .reading_oceans .solution .rolling:before{height:500px;background-size:auto 100%;}

.free_trial .start{padding:60px 0 120px;}
.free_trial .start .title_box{font-size:38px;}
.free_trial .start .title_box:before{width:200px;height:115px;margin-bottom:10px;}
.free_trial .start .title_box .logo{width:290px;}
.free_trial .start .program{max-width:750px;margin:60px auto;}
.free_trial .start .txt_img{max-width:800px;}
.free_trial .start .txt{font-size:32px;margin-top:20px;}
.free_trial .start .txt strong{padding:7px;}
.free_trial .start .btn{max-width:800px;height:88px;line-height:90px;font-size:40px;margin:60px auto 0;}
.free_trial .start .btn span:after{width:42px;height:42px;margin-top:20px;}

.free_trial .benefit{padding:85px 0 100px;}
.free_trial .benefit:before{top:-55px;left:calc(50% - 55px);width:110px;height:110px;}
.free_trial .benefit .title_box{max-width:650px;}
.free_trial .benefit .big .item{padding:85px 70px;}
.free_trial .benefit .big .item .title{top:-47px;left:calc(50% - 100px);width:200px;height:94px;line-height:84px;font-size:50px;}
.free_trial .benefit .big .item .big_tit{font-size:26px;height:60px;line-height:60px;padding:0 35px;margin-bottom:20px;}
.free_trial .benefit .big .item .tit{font-size:36px;}
.free_trial .benefit .big .item .tit strong:before{height:20px;}
.free_trial .benefit .big .item .txt{font-size:20px;margin-top:20px;}
.free_trial .benefit .big .item .btn{height:86px;line-height:88px;font-size:36px;}

.free_trial .review{padding:80px 0 100px;}
.free_trial .review .title_box:before{width:64px;height:64px;margin-bottom:15px;}
.free_trial .review .title_box .title{font-size:46px;}
.free_trial .review .title_box .title strong{font-size:55px;}
.free_trial .review .title_box .logo{width:320px;vertical-align:middle;}
.free_trial .review .list_box{margin-top:80px;}
.free_trial .review .list li h3{font-size:32px;}
.free_trial .review .list li .writer{font-size:22px;}
.free_trial .review .list li .star span{font-size:22px;}
.free_trial .review .list li .star span:before{margin-top:1px;}
.free_trial .review .list li .txt{font-size:22px;}
.free_trial .review .list li .txt strong{font-size:24px;}
.free_trial .notice h3{font-size:22px;}
.free_trial .notice ul li{font-size:20px;}
.free_trial .notice span{font-size:20px;}

.free_trial .fixed{padding:25px 0;}
.free_trial .fixed .width{padding:0 20px;}
.free_trial .fixed .countdown{font-size:22px;}
.free_trial .fixed .countdown .item{font-size:22px;padding:0 12px;}
.free_trial .fixed .btn_apply{font-size:22px;}
} 

@media screen and (max-width: 767px) {
.free_trial .width{padding:0 20px;}
.free_trial .pc{display:none;}
.free_trial .mo{display:block;}
.free_trial .intro .ta{display:none;}
.free_trial .intro .mo{display:block;}

.free_trial .question{padding:40px 0;}
.free_trial .question .title{font-size:32px;}
.free_trial .question ul{margin-top:56px;}
.free_trial .question .icon{min-width:80px;width:80px;height:80px;}
.free_trial .question .txt_box{width:calc(100% - 66px);background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/free_trisal/m_bg_bubble.webp");margin:0 0 0 -14px;}
.free_trial .question .keyword{top:-18px;left:47px!important;height:36px;line-height:38px;font-size:16px;padding:0 21px;}
.free_trial .question .txt{font-size:16px;}
.free_trial .question ul li:nth-child(even) .txt_box{background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/free_trial/m_bg_bubble_r.webp");}
.free_trial .question ul li:nth-child(1) .txt_box{padding:32px 30px 20px 48px;}
.free_trial .question ul li:nth-child(2) .txt_box{padding:30px 30px 23px 29px;margin:0 -14px 0 0;}
.free_trial .question ul li:nth-child(3) .txt_box{padding:27px 30px 20px 48px;}
.free_trial .question ul li:nth-child(even) .keyword{right:auto;left:26px!important;}

.free_trial .problem .point{padding:40px 0 60px;}
.free_trial .problem .point .title_box .title{max-width:320px;}
.free_trial .problem .point .title_box .title:before{width:65px;height:65px;margin-bottom:10px;}
.free_trial .problem .point .title_box .txt{font-size:20px;line-height:1.4;margin-top:24px;}
.free_trial .problem .contents{margin-top:10px;}
.free_trial .problem .contents .tit_box{font-size:20px;border-radius:15px 15px 0 0;padding:25px 50px;}
.free_trial .problem .contents .tit_box span:before{width:21px;height:40px;top:calc(50% - 20px);left:-28px;}
.free_trial .problem .contents .tit_box span:after{width:21px;height:40px;top:calc(50% - 20px);right:-28px;}
.free_trial .problem .contents .tit_box strong{text-underline-position:unset;}
.free_trial .problem .contents .con_box{padding:30px 16px;}
.free_trial .problem .contents .con_box .method{height:55px;line-height:58px;font-size:24px;padding:0 44px;}
.free_trial .problem .contents .con_box .tit{font-size:40px;margin-top:14px;}
.free_trial .problem .contents .con_box .txt{font-size:24px;letter-spacing:-.5px;text-align:center;background-position:50% 16px;background-size:165px auto;margin-top:30px;padding:226px 17px 24px;}
.free_trial .problem .contents .con_box .thumb{width:248px;margin:30px auto 0;}
.free_trial .problem .solution{padding:40px 0;}
.free_trial .problem .solution .txt{font-size:22px;}
.free_trial .bigboxtv .contents:before{width:300px;height:282px;background-position:-12px 0;}
.free_trial .word_kingdom .contents:before{width:300px;height:322px;}
.free_trial .word_kingdom .solution .width{padding:0;}
.free_trial .reading_oceans .contents:before{width:300px;height:322px;background-position:5px 0;}
.free_trial .reading_oceans .contents .tit_box{padding:25px 30px;}
.free_trial .reading_oceans .solution .rolling{height:362px;}
.free_trial .reading_oceans .solution .rolling:before{height:362px;}
.free_trial .reading_oceans .solution .txt{letter-spacing:-1px;padding:0 20px;}

.free_trial .start{padding:30px 0 70px;}
.free_trial .start .title_box:before{width:170px;height:98px;margin-bottom:12px;}
.free_trial .start .title_box{font-size:16px;}
.free_trial .start .title_box .logo{width:162px;vertical-align:middle;}
.free_trial .start .title_box strong{font-size:24px;}
.free_trial .start .program{margin:40px auto;}
.free_trial .start .txt_img{width:222px;}
.free_trial .start .txt{font-size:16px;}
.free_trial .start .txt strong{line-height:1;padding:2px 5px 0;}
.free_trial .start .btn{height:70px;line-height:70px;font-size:18px;margin-top:40px;}
.free_trial .start .btn span:after{width:24px;height:24px;margin-top:21px;}

.free_trial .benefit{background:#FF513C;padding:40px 0;}
.free_trial .benefit:before{width:80px;height:80px;top:-40px;left:calc(50% - 40px);}
.free_trial .benefit .big{margin-top:56px;}
.free_trial .benefit .big .item{border-width:2px;border-radius:20px;padding:45px 15px 25px;}
.free_trial .benefit .big .item + .item{margin-top:56px;}
.free_trial .benefit .big .item .title{top:-26px;left:calc(50% - 47.5px);width:95px;height:45px;line-height:45px;font-size:24px;border-width:2px;border-radius:10px;}
.free_trial .benefit .big .item .big_tit{height:35px;line-height:35px;font-size:14px;padding:0 15px;margin-bottom:15px;}
.free_trial .benefit .big .item .tit{font-size:18px;letter-spacing:-.5px;}
.free_trial .benefit .big .item .tit strong:before{height:10px;bottom:2px;}
.free_trial .benefit .big .item .txt{font-size:14px;margin-top:5px;}
.free_trial .benefit .big .item .txt + .coupon{margin-top:5px;}
.free_trial .benefit .big .item .coupon{margin-top:10px;margin-right:-17px;padding:0 22px;}
.free_trial .benefit .big .item .btn{height:50px;line-height:50px;font-size:18px;margin:40px auto 0;}

.free_trial .review{padding:40px 0 50px;}
.free_trial .review .title_box:before{width:37px;height:37px;margin-bottom:15px;}
.free_trial .review .title_box .title{font-size:24px;line-height:1.5;}
.free_trial .review .title_box .logo{width:212px;vertical-align:middle;}
.free_trial .review .title_box .title em{font-size:32px;}
.free_trial .review .title_box .title strong{font-size:32px;}
.free_trial .review .list_box{margin-top:63px;}
.free_trial .review .list{flex-direction:column;}
.free_trial .review .list li:nth-child(2n){margin:0;}
.free_trial .review .list li{width:100%;padding:30px 15px 26px;}
.free_trial .review .list li:nth-child(n+2){margin-top:45px;}
.free_trial .review .list li h3{font-size:26px;}
.free_trial .review .list li .writer{font-size:14px;margin-top:10px;}
.free_trial .review .list li .star{margin-top:20px;}
.free_trial .review .list li .star span{font-size:16px;}
.free_trial .review .list li .star span:before{width:128px;height:22px;margin-top:-2px;}
.free_trial .review .list li .txt{font-size:18px;}
.free_trial .review .list li .txt strong{font-size:20px;text-underline-position:unset;}

.free_trial .notice{padding:40px 0;}
.free_trial .notice h1{font-size:16px;}
.free_trial .notice h3{font-size:14px;}
.free_trial .notice ul li{font-size:14px;padding-left:8px;}
.free_trial .notice span{font-size:14px;margin-top:30px;}

.free_trial .fixed{padding:20px 0;}
.free_trial .fixed .box{flex-direction:column;}
.free_trial .fixed .countdown{font-size:16px;}
.free_trial .fixed .countdown .item{height:31px;line-height:33px;font-size:14px;padding:0 6px;margin-right:4px;}
.free_trial .fixed .btn_box{margin-top:16px;}
.free_trial .fixed .btn_apply{font-size:14px;line-height:1;}
.free_trial .fixed .btn_apply span:after{width:6px;height:12px;}
}


/* 워드킹덤 프로모션 */
.wk .event_wrap{font-family:'Pretendard';font-weight:400;letter-spacing:-0.04em;}
.wk .event_wrap .mo_view{display:none}
.wk .event_wrap img{max-width:100%} 
.wk .event_wrap section{padding:100px 0}
.wk .event_wrap section .inner{max-width:1024px;margin:0 auto}
.wk .event_wrap section .sub_tit{text-align:center}
.wk .visual_area{padding:0 0 165px!important;}
.wk .visual_area .top_visual{max-width:1100px;margin:0 auto;}
.wk .visual_area{background:url("https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom_event/bg_visual_2.jpg") 50% 100% / cover no-repeat;}
.wk .info_area{margin-top:-20px;padding:10px 0 90px!important;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom_event/bg_info.png') 50% 0 / cover no-repeat;}
.wk .info_area .btn_box{margin-top:50px}
.wk .info_area .tit{display:none;}
.wk .review_area{padding:90px 0 !important;background:#FCE56E url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom_event/bg_review.png') no-repeat 50% 0}
.wk .review_area .sub_tit{margin-bottom:50px}
.wk .review_area .review_slide{overflow:hidden;position:relative;}
.wk .review_area .review_slide .swiper-slide{width:346px;height:550px;margin-right:7px;padding:24px;border-radius:30px;background:#fff;}
.wk .review_area .review_slide .img_box{overflow:hidden;max-height:202px;border-radius:10px;}
.wk .review_area .review_slide .txt_review{overflow:hidden;max-height:172px;font-weight:300;font-size:17px;line-height:1.29;text-align:justify;letter-spacing: -0.02em;color:#000;}
.wk .review_area .review_slide .txt_review em{font-weight:700;text-decoration:underline;background:rgba(255, 47, 1, .05)}
.wk .review_area .review_slide .txt_box{padding-top:15px;margin-top:auto}
.wk .review_area .review_slide .txt_box .tit{margin-bottom:12px;font-size:30px;line-height:1.2;font-family:'yg-jalnan';color:#000;letter-spacing:-.02em;}
.wk .review_area .review_slide .txt_box .info{position:absolute;left:24px;bottom:24px;font-size:16px;line-height:1.38;color:#999;}
.wk .review_area .review_slide .txt_box .grade{display:inline-block;width:131px;height:22px;margin-left:10px;text-indent:-9999px;vertical-align:text-bottom;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom_event/ico_review.png') no-repeat 0 50% / 100% auto;}
.wk .review_area .review_slide .swiper-button-next:after,
.wk .review_area .review_slide .swiper-button-prev:after{display:none}
.wk .review_area .review_slide .swiper-button-prev,
.wk .review_area .review_slide .swiper-button-next{display:none;width:52px;height:52px;border-radius:50%;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);}
.wk .review_area .review_slide .swiper-button-prev{left:50%;margin-left:-512px;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom_event/btn_prev.png') no-repeat 50% 50% / 100% auto}
.wk .review_area .review_slide .swiper-button-next{right:50%;margin-right:-512px;background:url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom_event/btn_next.png') no-repeat 50% 50% / 100% auto}
.wk .review_area .review_slide:hover .swiper-button-prev,
.wk .review_area .review_slide:hover .swiper-button-next{display:inline-block;}
.wk .point_area{background: url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom_event/bg_point.jpg') 50% 100% / cover no-repeat;}
.wk .point_area .sub_tit{margin-bottom:45px}
.wk .point_area .point_list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.wk .point_area .point_list li{width:calc(50% - 6px);padding:10px 16px 24px;background:#fff;text-align:center;border:1px solid #537DEA;border-radius:1px 0 0 0;}
.wk .point_area .point_list li:nth-child(n+3){margin-top:12px;}
.wk .point_area .point_list li .num_point{display:inline-block;width:126px;}
.wk .point_area .point_list li > p{margin:15px 0 20px;font-weight:800;font-size:36px;line-height:43px;text-align:center;letter-spacing:-0.02em;color:#222;}
.wk .point_area .point_list li .data_box{position:relative;padding-top:56%;width:100%;height:0;}
.wk .point_area .point_list li .data_box > iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.wk .point_area .point_list li .data_box .swiper{position:absolute;top:0;left:0;width:100%;height:100%;}
.wk .point_area .point_list li .data_box img{position:absolute;top:0;left:0;width:100%;height:100%;}
.wk .btn_box{display:flex;justify-content:space-between;align-items:center;margin-top:40px;}
.wk .btn_box a{position:relative;width:calc(50% - 6px);height:76px;font-weight:800;color:#fff;font-size:30px;line-height:76px;text-align:center;border-radius:20px;box-shadow:0 4px 0 #CC5500;}
.wk .btn_box a:after{content:'';position:absolute;left:15px;top:2px;display:block;opacity:0.2;width:calc(100% - 30px);height:5px;background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);border-radius:100px;}
.wk .btn_box a:hover{color:#fff}
.wk .btn_box a strong{color:#FFF839}
.wk .btn_box .btn_exp{background:linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 56.29%), #FF6B01;}
.wk .btn_box .btn_buy{background:linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 56.29%), #FF2F01;}

@media screen and (max-width: 1024px){
	/*tab*/
	.wk .event_wrap section .inner{padding:0 30px}
  .wk .visual_area{background-image:url("https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom_event/bg_visual_ta_2.jpg");}
  .wk .review_area{padding:90px 0 !important;background:#FCE56E url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom_event/bg_review_tab.png') no-repeat 50% 0 / 100% auto}
	.wk .review_area .review_slide .swiper-button-prev{display:inline-block;left:35px;margin-left:0;}
	.wk .review_area .review_slide .swiper-button-next{display:inline-block;right:35px;margin-right:0;}
	.wk .btn_box a{font-size:27px}
}
@media screen and (max-width: 640px){
	/*mo*/
	.wk .event_wrap .mo_view{display:block}
	.wk .event_wrap section .inner{padding:0 10px}
  .wk .visual_area{padding:0!important;}
  .wk .visual_area .inner{padding:0!important;}
	.wk .visual_area dl.period dt{padding:0 10px;margin-right:6px;font-size:16px}
	.wk .visual_area dl.period dd{font-size:16px}
	.wk .info_area{margin:0;background:#F2E4BA url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom_event/bg_info_mo.png') no-repeat 50% 0 / 100% auto;padding:70px 0 60px!important;}
	.wk .info_area .pc_view{display:none}
  .wk .info_area .tit{display:block;max-width:300px;margin:0 auto 30px;}
	.wk .info_area .mo_view li + li{margin-top:30px;}
	.wk .review_area{padding:60px 0 !important;background:#FCE56E url('https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom_event/bg_review_mo.png') no-repeat 50% 50% / 100% auto}
	.wk .review_area .sub_tit{max-width:320px;margin:0 auto 30px;}
	.wk .review_area .review_slide{padding:0 40px}
	.wk .review_area .review_slide .swiper-slide{max-width:256px;height:428px;margin-right:0}
	.wk .review_area .review_slide .swiper-button-prev{left:10px;}
	.wk .review_area .review_slide .swiper-button-next{right:10px}
	.wk .review_area .review_slide .img_box{max-height:144px}
	.wk .review_area .review_slide .txt_box .tit{font-size:20px;}
	.wk .review_area .review_slide .txt_review{max-height:160px;font-size:14px}
	.wk .review_area .review_slide .txt_box .info{font-size:14px}
	.wk .review_area .review_slide .txt_box .grade{width:110px;height:18px;margin-left:6px;}
	.wk .event_wrap .point_area{padding:40px 0}
	.wk .point_area{background-image:url("https://cdn.playbigbox.com/timecast/bigbox/images/wordkingdom_event/m_bg_point.jpg");background-position:50% 0;}
  .wk .point_area .sub_tit{max-width:330px;margin:0 auto 30px}
	.wk .point_area .point_list li{width:100%;padding:22px 8px 8px;margin-bottom:12px;}
	.wk .point_area .point_list li:nth-child(n+3){margin-top:0}
	.wk .point_area .point_list li:last-child{margin-bottom:0}
	.wk .point_area .point_list li .num_point{width:110px}
	.wk .point_area .point_list li > p{margin:10px 0 20px;font-size:26px;line-height:32px;}
	.wk .btn_box{/*width:calc(100% - 58px);*/width:100%;flex-direction:column;margin:40px auto 0;}
	.wk .btn_box a{width:100%;height:66px;line-height:66px;font-size:24px;}
	.wk .btn_box a.btn_exp{margin-bottom:20px}
}

/* 결제페이지 item 센터정렬 case */
.order-write.new.center .item-wrapper{align-items: center;justify-content: center;}
.order-write.new.center .item-wrapper .txt-item .month{margin:0 auto}
.order-write.new.center .item-wrapper .txt-item{text-align: center;}