@charset "UTF-8";
/*by. threeBLAB*/
/*
===================
===================
MAIN
===================
===================
*/
.idx {
  width: 100%;
  overflow-x: hidden; }

/*
===================
===================
MAIN COMMON
===================
===================
*/
.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;
  } }

#section {
  padding-top: 5rem;
  padding-bottom: 5rem;
  /*BREAK*/ }
#section > header {
  text-align: center; }
#section > header h3 {
  font-size: 2rem;
  color: #333;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.14rem; }
#section > header h3 br:not(.essential) {
  display: none; }
#section > header .lead {
  font-size: 1.5rem;
  color: #595959;
  line-height: 1.35;
  letter-spacing: -0.06rem; }
#section > header .lead br {
  display: none; }
@media screen and (max-width: 1080px) {
  #section {
    padding-right: 30px !important;
    padding-left: 30px !important; } }
@media screen and (max-width: 960px) {
  #section > header h3 br:not(.essential) {
    display: inline; } }
@media screen and (max-width: 768px) {
  #section {
    padding-right: 20px !important;
    padding-left: 20px !important; } }
@media screen and (max-width: 640px) {
  #section > header .lead br {
    display: inline; } }
@media screen and (max-width: 480px) {
  #section {
    padding-right: 10px !important;
    padding-left: 10px !important; }
  #section > header h3 {
    font-size: 1.45rem;
    line-height: 1.25;
    letter-spacing: -0.06rem; }
  #section > header .lead {
    font-size: .85rem;
    letter-spacing: -.02rem; } }

/*
===================
===================
SHOWCASE
===================
===================
*/
.visual {padding-top:30px;}
.visual .swiper-slide{max-width:1600px;width:100%!important;border-radius:40px;overflow:hidden;opacity:.4;}
.visual .swiper-slide.swiper-slide-active{opacity:1;}
.visual .swiper-slide .mo{display:none;}
.visual .swiper-slide img{width:100%;vertical-align:middle;}
.visual .btn_box{position:absolute;bottom:30px;left:0;width:100%;text-align:center;font-size:0;z-index: 1;}
.visual .swiper-pagination{position:static;display:inline-block;line-height:1;}
.visual .swiper-pagination-bullet{width:24px;height:24px;background:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.8);opacity:1;box-sizing:border-box;vertical-align:top;}
.visual .swiper-pagination-bullet:nth-child(n+2){margin-left:10px;}
.visual .swiper-pagination-bullet-active{background:#fff;border-color:#fff;}
.visual .btn_play{display:inline-block;width:24px;height:24px;border:0;background-color:transparent;background:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/main/icon_pause.webp") 50% 50% / 22px 22px no-repeat;vertical-align:top;margin-left:16px;}
.visual .btn_play.pause{background-image:url("https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/main/icon_play.webp");}
@media screen and (max-width: 1600px){
.visual .swiper-slide{max-width:1200px;}
}
@media screen and (max-width: 1400px){
.visual{padding-top:20px;}
.visual .swiper-slide{max-width:1000px;border-radius:24px;}
.visual .btn_box{bottom:20px;}
.visual .swiper-pagination-bullet{width:20px;height:20px;}
.visual .swiper-pagination-bullet:nth-child(n+2){margin-left:8px;}
.visual .btn_play{width:20px;height:20px;background-size:100% 100%;margin-left:12px;}
}
@media screen and (max-width: 1200px){
.visual .swiper-slide{max-width:820px;}
}
@media screen and (max-width: 1020px){
.visual{padding-top:0;}
.visual .swiper-slide{max-width:100%;border-radius:0;}
}
@media screen and (max-width: 640px) {
.visual .swiper-slide .pc{display:none;}
.visual .swiper-slide .mo{display:block;}
.visual .swiper-slide{opacity:1;}
.visual .swiper-pagination-bullet{width:16px;height:16px;}
.visual .swiper-pagination-bulle:nth-child(n+2){margin-left:7px;}
.visual .btn_play{width:16px;height:16px;margin-left:10px;}
}

/*
===================
===================
SECTION1
===================
===================
*/
.section1 {
  /*BREAK*/ }
.section1 .container {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  max-width: 880px;
  text-align: center; }
.section1 img:not(.base) {
  position: absolute;
  top: 0;
  left: 0; }
.section1 img {
  width: 100%;
  display: block; }
.section1 .btn-item {
  position: absolute;
  bottom: 65px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }
@media screen and (max-width: 920px) {
  .section1 .btn-item {
    top: 35vw;
    bottom: auto; } }

/*
===================
===================
SECTION2
===================
===================
*/
.section2 {
  background-color: #f4f4f4;
  /*BREAK*/ }
.section2 header {
  margin-bottom: 5rem; }
.section2 header .lead:nth-of-type(1) {
  margin-top: .5rem; }
.section2 .top {
  margin-right: auto;
  margin-left: auto;
  max-width: 1050px; }
.section2 .top > .col {
  padding: 2.5rem 1.5rem; }
.section2 .top img {
  max-width: 100%; }
.section2 .analysis {
  width: 480px;
  background-color: #d5d5d5; }
.section2 .analysis figure {
  font-size: 0; }
.section2 .analysis .flex-center {
  align-items: flex-end; }
.section2 .analysis .list {
  margin-left: .5rem;
  min-width: 100px; }
.section2 .analysis .list li {
  font-size: 0.9rem;
  color: #545454; }
.section2 .analysis .list li::before {
  content: "";
  margin-right: .5rem;
  width: 15px;
  height: 15px;
  display: inline-block;
  -weckit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px; }
.section2 .analysis .list li:nth-of-type(1)::before {
  background-color: #ffa501; }
.section2 .analysis .list li:nth-of-type(2)::before {
  background-color: #712717; }
.section2 .analysis .list li:nth-of-type(3)::before {
  background-color: #bf2420; }
.section2 .analysis .exp {
  margin-top: 1.5rem;
  font-size: 1.2rem;
  color: #333;
  font-weight: 600;
  line-height: 1.35;
  text-align: center; }
.section2 .analysis .exp br {
  display: none; }
.section2 .paul-said {
  width: -moz-calc(100% - 480px);
  width: -o-calc(100% - 480px);
  width: -webkit-calc(100% - 480px);
  width: calc(100% - 480px);
  background-color: #fff;
  text-align: center; }
.section2 .paul-said .exp {
  margin-top: 1.5rem;
  padding-left: 1.5rem;
  font-size: 0.7rem;
  color: #595959;
  text-align: left; }
.section2 .btm {
  margin-top: 3.75rem;
  margin-right: auto;
  margin-left: auto;
  max-width: 885px;
  text-align: center; }
.section2 .btm figure {
  margin-right: -171px;
  margin-bottom: 1.5rem; }
.section2 .btm .col {
  position: relative;
  padding-top: .9rem;
  padding-right: 2.25rem;
  padding-bottom: .5rem;
  padding-left: 2.25rem;
  min-width: 430px;
  color: #fff; }
.section2 .btm .col::before {
  content: "";
  position: absolute;
  top: -37px;
  width: 72px;
  height: 37px;
  background-size: 3.6rem 1.85rem;
  background-repeat: no-repeat; }
.section2 .btm .col:nth-of-type(1) {
  background-color: #fea32e;
  -weckit-border-radius: 50px 0 50px 50px;
  -moz-border-radius: 50px 0 50px 50px;
  border-radius: 50px 0 50px 50px; }
.section2 .btm .col:nth-of-type(1)::before {
  right: 0;
  background: url(https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/main/possible_before1.webp) no-repeat; }
.section2 .btm .col:nth-of-type(2) {
  margin-left: .25rem;
  background-color: #e74015;
  -weckit-border-radius: 0 50px 50px 50px;
  -moz-border-radius: 0 50px 50px 50px;
  border-radius: 0 50px 50px 50px; }
.section2 .btm .col:nth-of-type(2)::before {
  left: 0;
  background: url(https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/main/possible_before2.webp) no-repeat; }
.section2 .btm p, .section2 .btm span {
  line-height: 1.35; }
.section2 .btm p {
  font-size: 1.1rem; }
.section2 .btm p br {
  display: none; }
.section2 .btm span {
  font-size: 1.8rem;
  display: block; }
@media screen and (max-width: 1080px) {
  .section2 header {
    margin-bottom: 3rem; }
  .section2 .analysis {
    width: 40%; }
  .section2 .analysis .list {
    min-width: 80px; }
  .section2 .analysis .list li {
    font-size: .75rem; }
  .section2 .analysis .list li::before {
    width: 10px;
    height: 10px;
    -weckit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; }
  .section2 .analysis .exp {
    font-size: 1rem; }
  .section2 .analysis .exp br {
    display: inline; }
  .section2 .paul-said {
    width: 60%; }
  .section2 .paul-said .exp {
    padding-left: 0;
    font-size: .65rem; }
  .section2 .btm {
    margin-top: 3rem; }
  .section2 .btm figure {
    margin-right: -135px;
    margin-bottom: 2.25rem; }
  .section2 .btm figure img {
    height: 120px; }
  .section2 .btm .col {
    padding-right: 1.75rem;
    padding-left: 1.75rem;
    min-width: 280px; }
  .section2 .btm p {
    font-size: 1rem; }
  .section2 .btm span {
    font-size: 1.5rem; } }
@media screen and (max-width: 640px) {
  .section2 .top {
    display: block; }
  .section2 .top > .col {
    padding-top: 2rem;
    padding-bottom: 2rem;
    width: 100%; }
  .section2 .btm figure {
    margin-right: auto;
    margin-bottom: 1.5rem; }
  .section2 .btm figure img {
    max-width: 100%;
    height: auto; }
  .section2 .btm .col {
    padding-top: 1.25rem;
    padding-bottom: .75rem;
    min-width: 0;
    width: 50%; }
  .section2 .btm .col::before {
    content: none; }
  .section2 .btm .col:nth-of-type(1) {
    -weckit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
  .section2 .btm .col:nth-of-type(2) {
    margin-left: auto;
    -weckit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
  .section2 .btm p br {
    display: inline; }
  .section2 .btm span {
    margin-top: .25rem; } }
@media screen and (max-width: 480px) {
  .section2 .btm {
    margin-top: 2rem; }
  .section2 .btm p {
    font-size: .75rem; }
  .section2 .btm span {
    font-size: 1.15rem; } }

/*
===================
===================
SECTION3
===================
===================
*/
.section3 {
  /*BREAK*/ }
.section3 header {
  margin-bottom: 1.75rem; }
.section3 figure {
  margin-right: auto;
  margin-left: auto;
  max-width: 1050px;
  text-align: center; }
.section3 .video_box {
  width: 100%;
  margin: 0 auto;
}
.section3 .video {
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 56.25%;
}
.section3 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section3 figcaption {
  margin-top: 2.5rem;
  font-family: "yg-jalnan", "Malgun Gothic", "맑은 고딕", sans-serif;
  line-height: 1.5;
  letter-spacing: -0.06rem; }
.section3 .first-letter, .section3 span {
  font-size: 1.2rem; }
.section3 .first-letter, .section3 .end-letter {
  display: inline-block; }
.section3 .first-letter {
  margin-bottom: .25rem;
  color: #666; }
.section3 strong {
  font-size: 1.6rem;
  color: #ff3c00; }

@media screen and (max-width: 1080px) {
  .section3 .first-letter, .section3 span {
    font-size: 1rem; }
  .section3 strong {
    font-size: 1.25rem; } }
@media screen and (max-width: 480px) {
  .section3 figcaption {
    line-height: 1.4;
    letter-spacing: -0.02rem; }
  .section3 .first-letter, .section3 span {
    font-size: .9rem; }
  .section3 strong {
    font-size: 1.05rem; } }

/*
===================
===================
SECTION4
===================
===================
*/
.section4 {
  text-align: center;
  background-color: #f8f7fa;
  /*BREAK*/ }
.section4 header {
  margin-bottom: .5rem; }
.section4 figure img {
  max-width: 100%; }
.section4 .content {
  margin-top: 5rem; }
.section4 .btn-item {
  margin-top: 4rem; }
@media screen and (max-width: 1280px) {
  .section4 figure:not(.content) img {
    max-width: 50%; } }
@media screen and (max-width: 1080px) {
  .section4 .content {
    margin-top: 2.5rem; }
  .section4 .btn-item {
    margin-top: 3.5rem; } }
@media screen and (max-width: 768px) {
  .section4 figure:not(.content) img {
    max-width: 70%; } }
@media screen and (max-width: 480px) {
  .section4 figure:not(.content) img {
    max-width: 85%; }
  .section4 .btn-item {
    margin-top: 1.5rem; } }

/*
===================
===================
SECTION5
===================
===================
*/
.section5 {
  max-height: 1080px;
  text-align: center;
  background: url(https://cdn.playbigbox.com/timecast/bigbox/image_webp/pages/html/img/main/childsday_bg.webp) no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat; }
.section5 header {
  margin-bottom: 2rem; }
.section5 header h3 {
  line-height: 1.4 !important; }
.section5 .container {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  max-width: 1050px!important;
  text-align: center; }
.section5 img:not(.base) {
  position: absolute;
  top: 0;
  left: 0; }
.section5 img {
  width: 100%;
  display: block; }
.section5 .btn-item {
  margin-top: 3.75rem; }

/*
===================
===================
SECTION6
===================
===================
*/
.section6 {
  background-color: #f4f4f4;
  /*BREAK*/ }
.section6 header {
  margin-bottom: 3rem; }
.section6 .list {
  margin-right: auto;
  margin-left: auto;
  max-width: 1100px; }
.section6 .list .flex-center {
  flex-flow: row wrap; }
.section6 .list li {
  margin-top: 1.5rem;
  margin-right: 1.5%;
  margin-left: 1.5%;
  padding-right: 1rem;
  padding-bottom: 1.25rem;
  padding-left: 1rem;
  width: 30.333333%;
  height: 390px;
  text-align: center;
  border: 1px solid #313131;
  border-radius: 1rem; }
.section6 .list figure {
  margin-bottom: 1rem;
  height: 215px; }
.section6 .list figure img {
  max-width: 100%; }
.section6 .list strong {
  color: #333;
  line-height: 1.15;
  letter-spacing: -0.06rem;
  line-height: 1.1;
  display: block; }
.section6 .list p {
  margin-top: .75rem;
  font-size: .9rem;
  line-height: 1.35;
  letter-spacing: -0.05rem; }
.section6 .list p span {
  color: #ff3c00; }
@media screen and (max-width: 1180px) {
  .section6 .list li {
    height: auto; }
  .section6 .list figure {
    height: auto; }
  .section6 .list strong br, .section6 .list p br {
    display: none; } }
@media screen and (max-width: 768px) {
  .section6 .list li {
    width: 47%; } }
@media screen and (max-width: 480px) {
  .section6 .list li {
    margin-top: .75rem;
    text-align: left; } }

/*
===================
===================
SECTION7
===================
===================
*/
.section7 {
  max-width:1050px;
  margin:0 auto;
  /*BREAK*/ }
.section7 header {
  margin-bottom: 3rem; }
.section7 .desc{
  font-size:1.38rem;
  font-weight:600;
  margin-top:1rem;
}
.section7 .desc span{
  color:#FF3C00;
}
.section7 .lead{
  font-size:1.4rem!important;
  margin-top:1rem;
}
.section7 .lead br{
  display:block!important;
}
.section7 .bigbox_img img{
  width:100%;
}
.section7 .btn-item {
  margin-top: 2.25rem;
  text-align: center; }
@media screen and (max-width:900px) {
.section7 .desc span{
  display:block;
}
}
@media screen and (max-width: 640px) {
.section7 .desc{
  font-size:1.2rem;}
.section7 .lead{
  font-size:1rem!important;
}
.section7 .lead br{
  display:none!important;
}
}
@media screen and (max-width: 480px) {
.section7 header{
  margin-bottom:2rem;
}
.section7 .desc{
  font-size:1rem;
  margin-top:.7rem;
  line-height: 1.3;
}
.section7 .lead{
  font-size:.8rem!important;
  margin-top:.7rem;
}
   }

/*
===================
===================
SECTION8
===================
===================
*/

.section8{padding:25px 0 100px;background:#F9F7EC;}
.section8 .inner{max-width:1160px;margin:0 auto;}
.section8 .title{text-align:center;}
.section8 .review_slide{overflow:hidden;position:relative;margin-top:-25px;}
.section8 .review_slide .swiper-slide{width:346px;height:550px;margin-right:7px;padding:24px;border-radius:30px;background:#fff;}
.section8 .review_slide .img_box{overflow:hidden;max-height:202px;border-radius:10px;}
.section8 .review_slide .img_box img{width:100%;}
.section8 .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;}
.section8 .review_slide .txt_review em{font-weight:700;text-decoration:underline;background:rgba(255, 47, 1, .05)}
.section8 .review_slide .txt_box{padding-top:15px;margin-top:auto}
.section8 .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;}
.section8 .review_slide .txt_box .tit span{color:#F91A26;}
.section8 .review_slide .txt_box .info{position:absolute;left:24px;bottom:24px;font-family:'Pretendard';font-size:16px;line-height:1.4;color:#999;}
.section8 .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;}
.section8 .review_slide .swiper-button-next:after,
.section8 .review_slide .swiper-button-prev:after{display:none}
.section8 .review_slide .swiper-button-prev,
.section8 .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);}
.section8 .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;}
.section8 .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;}
.section8 .review_slide:hover .swiper-button-prev,
.section8 .review_slide:hover .swiper-button-next{display:inline-block;}
.section8 .btn-item{margin-top:60px;text-align:center;}
@media screen and (max-width: 1080px){
.section8{padding:19px 0 100px;}
.section8 .title img{width:100%;}
.section8 .review_slide {margin-top:0;}
.section8 .review_slide .swiper-button-prev{display:inline-block;left:35px;margin-left:0;}
.section8 .review_slide .swiper-button-next{display:inline-block;right:115px;margin-right:0;}
}
@media screen and (max-width: 1020px){
.section8 .review_slide .swiper-button-next{right:35px;}
}
@media screen and (max-width: 640px){
.section8{padding:13px 0 60px;}
.section8 .title img{max-width:700px;}
.section8 .review_slide{padding:0 40px;margin-top:30px;}
.section8 .review_slide .swiper-slide{max-width:256px;height:428px;margin-right:0;padding:18px;}
.section8 .review_slide .swiper-button-prev{left:10px;}
.section8 .review_slide .swiper-button-next{right:10px}
.section8 .review_slide .img_box{max-height:144px}
.section8 .review_slide .txt_box .tit{font-size:20px;margin-bottom:10px;letter-spacing:-1px;}
.section8 .review_slide .txt_review{max-height:160px;font-size:14px;line-height:1.2;}
.section8 .review_slide .txt_box .info{font-size:14px}
.section8 .review_slide .txt_box .grade{width:110px;height:18px;margin-left:11px;}
.section8 .btn-item{margin-top:30px;}
}
/*
===================
===================
SECTION9
===================
===================
*/
.section9 {
  /*BREAK*/ }
.section9 header {
  margin-bottom: 4.5rem; }
.section9 .list {
  margin-right: auto;
  margin-left: auto;
  max-width: 1050px; }
.section9 .list li {
  padding: 1.4rem .75rem;
  width: 33.333333%;
  text-align: center;
  border: 1px solid #a0a0a0; }
.section9 .list li:nth-of-type(1) ~ li {
  margin-left: -1px; }
.section9 .list figure {
  margin-bottom: 2rem; }
.section9 .list figure img {
  max-width: 100%; }
.section9 .list strong {
  color: #7e60a6;
  line-height: 1.25;
  letter-spacing: -0.1rem;
  display: block; }
.section9 .list strong em {
  font-size: 1.5rem; }
.section9 .list p {
  font-size: 0.9rem;
  color: #595959;
  line-height: 1.25; }
.section9 .list .content {
  margin-top: 1.75rem;
  height: 4.75rem;
  letter-spacing: -.06rem; }
.section9 .list .tag {
  margin-top: 1.5rem; }
.section9 .list .tag span {
  display: inline-block; }
.section9 .list .btn-item {
  margin-top: 1.25rem;
  text-align: center; }
.section9 .list .btn-item a {
  margin-right: auto;
  margin-left: auto;
  padding-top: .5rem;
  padding-bottom: .5rem;
  width: 230px;
  height: 60px;
  display: table;
  background-color: #363844;
  border-radius: 10px; }
.section9 .list .btn-item a.hvr-sweep-to-right:before {
  background-color: #eb8300;
  -weckit-border-radius: 0.45rem;
  -moz-border-radius: 0.45rem;
  border-radius: 0.45rem; }
.section9 .list .btn-item span {
  font-size: 0.85rem;
  color: #fff;
  line-height: 1.15;
  letter-spacing: -0.05rem;
  display: table-cell;
  vertical-align: middle; }
@media screen and (max-width: 960px) {
  .section9 .list {
    max-width: 70%; }
  .section9 .list ul {
    display: block; }
  .section9 .list li {
    padding: 2.5rem;
    width: 100%; }
  .section9 .list li:nth-of-type(1) ~ li {
    margin-top: -1px;
    margin-left: auto; }
  .section9 .list .content {
    height: auto; } }
@media screen and (max-width: 768px) {
  .section9 .list p br {
    display: none; } }
@media screen and (max-width: 640px) {
  .section9 .list {
    max-width: 85%; } }
@media screen and (max-width: 480px) {
  .section9 .list {
    max-width: 100%; } }

/*
===================
===================
keyframes
===================
===================
*/
.cm_event_popup{position:fixed;top:18vh;right:20vw;font-family:'Noto Sans KR';z-index:100;border-radius:40px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.2);}
.cm_event_popup .contents{position:relative;max-width:360px;width:100%;}
.cm_event_popup .img_box{display:block;}
.cm_event_popup .img_box img{width:100%;}
.cm_event_popup .img_box .mo{display:none;}
.cm_event_popup .btn_box{font-size:0;}
.cm_event_popup .btn_box a{display:inline-block;width:50%;height:48px;line-height:48px;font-size:16px;font-weight:500;color:#777;text-align:center;background:#f8f8f8;}
.cm_event_popup .btn_box .btn_close{color:#000;border-left:1px solid #ccc;}
@media screen and (max-width:768px){
.cm_event_popup{top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);border-radius:0;}
.cm_event_popup .contents{border-radius:40px;overflow:hidden;}
.cm_event_popup .img_box .pc{display:none;}
.cm_event_popup .img_box .mo{display:block;}
.cm_event_popup .contents{max-width:600px;width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;}
.cm_event_popup .btn_box a{height:50px;line-height:50px;font-size:14px;}
}



/* 하단 플로팅 배너 */
.fixed_btn_box{display:none;position:sticky;bottom:0;flex-direction:row;width:100%;height:48px;align-items:center;background:#FF513C;z-index:10;}
.fixed_btn_box .item{position:relative;display:block;width:50%;height:100%;line-height:48px;font-family:'Noto Sans KR';text-align:center;font-size:14px;font-weight:500;color:#fff;}
.fixed_btn_box .item + .item:before{position:absolute;top:calc(50% - 18px);left:0;content:"";display:block;width:1px;height:36px;background:#FF978A;}
.fixed_btn_box .item span:before{content:"";display:inline-block;background-size:100% 100%;background-position:0 0;background-repeat:no-repeat;vertical-align:top;margin-top:12px;margin-right:8px;}
.fixed_btn_box .item.coupon span:before{width:30px;height:24px;background-image:url("https://cdn.playbigbox.com/timecast/bigbox/images/common/icon_coupon_w.png");}
.fixed_btn_box .item.app span:before{width:24px;height:24px;background-image:url("https://cdn.playbigbox.com/timecast/bigbox/images/common/icon_bigbox_w.png");}

@media screen and (max-width: 1020px){
.fixed_btn_box{display:flex;}
}