@charset "utf-8";

#top_network_mo .banner_m_wrap img { opacity: 1 !important; }
.banner_zone img { opacity: 1; }
.en .only_ko { display: none !important }
.ko .only_en { display: none !important }
.a11y_hidden { position: absolute; clip: rect(0, 0, 0, 0); clip-path: circle(0); width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; white-space: nowrap; overflow: hidden; }

.icn_spr { display: inline-block; background: url('../img/spr_etc.png?v=1') no-repeat; }

.icn_sns { position: relative; background: url(../img/spr_etc.png?v=1) no-repeat; }
.icn_sns::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity .2s; transition: opacity .2s; background: url(../img/spr_etc.png?v=1) no-repeat; }
.youtube .icn_sns { width: 25px; height: 17px; background-position: -2px -6px; }
.youtube .icn_sns::before { background-position: -2px -39px; }
.twitter .icn_sns { width: 22px; height: 18px; background-position: -37px -6px; }
.twitter .icn_sns::before { background-position: -37px -39px; }
.instagram .icn_sns { width: 22px; height: 22px; background-position: -68px -4px; }
.instagram .icn_sns::before { background-position: -68px -37px; }
.tiktok .icn_sns { width: 20px; height: 22px; background-position: -100px -4px; }
.tiktok .icn_sns::before { background-position: -100px -37px; }
.facebook .icn_sns { width: 10px; height: 20px; background-position: -129px -5px; }
.facebook .icn_sns::before { background-position: -129px -38px; }

.icn_stream { position: relative; }
.icn_stream::before,
.icn_stream::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('../img/spr_etc.png'); -webkit-transition: opacity .2s; transition: opacity .2s; content: ''; }
.icn_stream::after { opacity: 0; }
.icn_youtube { width: 18px; height: 18px; }
.icn_youtube::before { background-position: -270px 0px; }
.icn_youtube::after { background-position: -270px -24px; }
.icn_spotify { width: 19px; height: 19px; }
.icn_spotify::before { background-position: -298px 0px; }
.icn_spotify::after { background-position: -298px -24px; }
.icn_applemusic { width: 13px; height: 16px; }
.icn_applemusic::before { background-position: -327px 0px; }
.icn_applemusic::after { background-position: -327px -24px; }
.icn_melon { width: 17px; height: 20px;}
.icn_melon::before { background-position: -350px 0px; }
.icn_melon::after { background-position: -350px -24px; }
.icn_flo { width: 9px; height: 16px; }
.icn_flo::before { background-position: -377px 0px; }
.icn_flo::after { background-position: -377px -24px; }
.icn_vibe { width: 19px; height: 16px; }
.icn_vibe::before { background-position: -396px 0px; }
.icn_vibe::after { background-position: -396px -24px; }
.icn_bugs { width: 14px; height: 18px; }
.icn_bugs::before { background-position: -425px 0px; }
.icn_bugs::after { background-position: -425px -24px; }
.icn_genie { width: 8px; height: 19px; }
.icn_genie::before { background-position: -449px 0px; }
.icn_genie::after { background-position: -449px -24px; }
.icn_tidal { width: 20px; height: 14px; }
.icn_tidal::before { background-position: -467px 0px; }
.icn_tidal::after { background-position: -467px -24px; }
.icn_amazonmusic { width: 20px; height: 12px; }
.icn_amazonmusic::before { background-position: -498px 0px; }
.icn_amazonmusic::after { background-position: -498px -24px; }
.icn_deezer { width: 17px; height: 11px; }
.icn_deezer::before { background-position: -528px 0px; }
.icn_deezer::after { background-position: -528px -24px; }

/* body */
html,
body { position: relative; width: 100%; opacity: 1; }
body { overflow-x: hidden; }
body.overHidden { overflow-y: hidden; }
body.fade { opacity: 0; }


::-moz-placeholder { color: #23363f; }

:-ms-input-placeholder { color: #23363f; }

::-webkit-input-placeholder { color: #23363f; }
input-placeholder { color: #23363f }

/* games */

.awesome { position: absolute; color: black; font-size: 50px; text-align: center; }
.awesome span { top: -15px; opacity: 0; position: relative; -webkit-transition: all 0.3s ease 1s; transition: all 0.3s ease 1s; }
.awesome span.in { opacity: 1; top: 0; }

.awesome span:nth-child(1) { transition-delay: 0.5s; }
.awesome span:nth-child(2) { transition-delay: 0.55s; }
.awesome span:nth-child(3) { transition-delay: 0.6s; }
.awesome span:nth-child(4) { transition-delay: 0.65s; }
.awesome span:nth-child(5) { transition-delay: 0.7s; }
.awesome span:nth-child(6) { transition-delay: 0.75s; }
.awesome span:nth-child(7) { transition-delay: 0.8s; }
.awesome span:nth-child(8) { transition-delay: 0.85s; }
.awesome span:nth-child(9) { transition-delay: 0.9s; }
.awesome span:nth-child(10) { transition-delay: 0.95s; }
.awesome span:nth-child(11) { transition-delay: 1s; }
.awesome span:nth-child(12) { transition-delay: 1.05s; }
.awesome span:nth-child(13) { transition-delay: 1.1s; }
.awesome span:nth-child(14) { transition-delay: 1.15s; }
.awesome span:nth-child(15) { transition-delay: 1.2s; }
.awesome span:nth-child(16) { transition-delay: 1.25s; }
.awesome span:nth-child(17) { transition-delay: 1.3s; }
.awesome span:nth-child(18) { transition-delay: 1.35s; }
.awesome span:nth-child(19) { transition-delay: 1.4s; }
.awesome span:nth-child(20) { transition-delay: 1.45s; }

/*.swiper-container { width: 100%; height: calc(100% - 50px); min-height: 640px; position: relative; top: 0px; box-sizing: border-box; background-size: auto 100%; background-color: #000; }
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { bottom: 0; top: auto; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #F3245C; }*/

/* custom_check */
.custom_check { position: relative; display: inline-block; }
.custom_check input[type="checkbox"],
.custom_check input[type="radio"] { position: absolute; left: -1px; top: -1px; width: 1px; height: 1px; opacity: 0; }
.custom_check input[type="checkbox"] + label { position: relative; display: inline-block; vertical-align: middle; max-width: 100%; padding-left: 47px; font-size: 16px; color: #fff; cursor: pointer; line-height: 1.4; box-sizing: border-box; }
.custom_check input[type="checkbox"] + label:before { display: block; content: ""; position: absolute; left: 0; top: 50%; width: 30px; height: 30px; background-color: #ffffff; border: 1px solid #ffffff; transition: all 0.25s; box-sizing: border-box; transform: translate(0, -50%); }

.form_check .custom_check input[type="checkbox"] + label:after { display: block; content: ""; overflow: hidden; position: absolute; left: 7.5px; top: calc(50% - 7.5px); z-index: 10; width: 15px; height: 15px; background: #fff; -webkit-transition: background-color .25s ease; transition: background-color .25s ease; }
.form_check .custom_check input[type="checkbox"]:focus + label::after { background-color: #ccc; }
.form_check .custom_check input[type="checkbox"]:checked + label::after { background-color: #000; }

.pages { position: relative; height: 100vh; min-height: 750px; }

/* start */
.main-wrapper { transition: background-position .9s ease; background: url(../img/bg_vertical.jpg) no-repeat; background-position-x: center; background-position-y: 0%; background-size: 100% auto; background-attachment: fixed; }

/* page_1 */
.page_1 { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); background: url(../img/page1_main_bg.jpg) no-repeat center / cover; }
.page_2, .page_3, .page_5 {  }

/* header */
.headerWrap { width: 124px; height: calc(100% - 50px); display: flex; align-items: center; position: absolute; top: 50px; z-index: 999; opacity: 0; -webkit-transition: .5s; transition: .5s; -webkit-transform: translateX(-124px); transform: translateX(-124px); }
.headerWrap.active { opacity: 1; -webkit-transition: .5s; transition: .5s; -webkit-transform: translateX(0); transform: translateX(0); }

:lang(ko-KR) .lang li:first-child { color: #000; font-weight: bold; background: #75d5ff; }

:lang(en-US) .lang li:last-child { color: #000; font-weight: bold; background: #75d5ff; }

/*  */
main { position: relative; display: flex; height: 100%; max-width: 100vw; justify-content: center; }

.mainWrapper { position: relative; text-align: center; display: flex; justify-content: space-between; flex-direction: column; }

.mainWrapper h1 { display: block; }
.mainWrapper h1 img { display: block; margin: 185px auto 0; max-width: 80%; }
.mainWrapper h2 { padding-top: 5vh; font-size: 0; text-align: center; position: relative; /*padding-right:111px;*/ }
.mainWrapper h2 * { display: inline-block; vertical-align: bottom; }
.mainWrapper h2 .btn_play { width: 111px; height: 100px; background: url(../img/btn_play.png) no-repeat; text-indent: -9999px; /*transition: 0.3s;*/ position: absolute; display: none; }

.mainWrapper h2 img { -webkit-animation-duration: 1s; animation-duration: 1s; }

.mainWrapper .btnWrap { display: flex; justify-content: center; margin-bottom: 70px; }

.mainWrapper .btns { position: relative; display: block; -webkit-transition: filter .25s, transform .25s; transition: filter .25s, transform .25s; }
.mainWrapper .btns ~ .btns { margin-left: 13px; }

.mainWrapper .btns.btn_trailer span { display: inline-block; vertical-align: top; width: 100%; }

.mainWrapper .btns.btn_trailer span + span { position: absolute; left: 0; top: 0; display: none; }

/*.mainWrapper .btns.btn_trailer:active span + span{
    display:block;
    cursor:default;
}*/


.btn_button { position: relative; top: 0; width: 290px; margin: 4vh auto 0; display: flex; height: 88px; align-items: center; background: #3596e7; border-radius: 0 20px 0 20px; -webkit-transition: filter .25s ease, top.25s ease; transition: filter .25s ease, top .25s ease; box-sizing: border-box; }
.en .btn_button { width: 396px; height: 88px; }
.btn_button:before { content: ""; display: block; width: 59px; height: 40px; margin-right: 10px; background: url(../img/ico_mail.png) no-repeat; -webkit-transform: translateY(-6px); transform: translateY(-6px); display: none; /*-webkit-transition: 0.3s;
  transition: 0.3s;*/ }
.btn_button img { margin: 0 auto; display: block; }
.ico_mouse { display: flex; align-items: center; position: fixed; z-index: 99; bottom: 5vh; left: 50%; margin-left: calc(-88.5px + 62px); display: none; }

.fadeInRight { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-animation-delay: .5s; animation-delay: .5s; }

.ico_mouse i { content: ""; display: block; width: 28px; height: 37px; margin: 0 20px; background: url(../img/ico_arr.png) no-repeat; /*-webkit-animation: flash 5s infinite alternate;
  animation: flash 5s infinite alternate;*/ }
.ico_mouse i:nth-of-type(2) { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.arrow, .arrow_right { display: block; position: absolute; z-index: 99; right: 40px; top: 54%; margin-top: -64px; cursor: pointer; -webkit-animation: little .5s infinite alternate; animation: little .5s infinite alternate; -webkit-animation-delay: .5s; animation-delay: .5s; }
.arrow.up { right: calc(50% - 22px); top: auto; top: 8vh; width: 44px; -webkit-animation: bounce2 .5s infinite alternate; animation: bounce2 .5s infinite alternate; }
.arrow.up img { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.arrow.down { right: calc(50% - 22px); top: auto; bottom: 3vh; width: 44px; -webkit-animation: bounce2 .5s infinite alternate; animation: bounce2 .5s infinite alternate; }
.arrow.down img { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.page_5.swiper-slide-active .arrow_right { display: block; }

.arrow_mo { position: absolute; max-width: 5rem; left: 50%; bottom: 12vh; display: none; margin-left: -2.5rem; cursor: pointer; z-index: 10; -webkit-animation: bounce2 .5s infinite alternate; animation: bounce2 .5s infinite alternate; }


/* sns_top */
.sns_top { position: fixed; top: 8vh; right: 40px; z-index: 94; display: flex; justify-content: space-between; align-items: center; -webkit-transition: transform .25s ease; transition: transform .25s ease; }
.sns_top li { width: 48px; height: 48px; }
.sns_top li + li { margin-left: 19px; }
.sns_top li a { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; overflow: hidden; font-size: 0; border: 1px solid rgba(255, 255, 255, .3); border-radius: 50%; text-indent: -9999px; -webkit-transition: border-color .2s, background-color .2s; transition: border-color .2s, background-color .2s; box-sizing: border-box; }

/* page_2 */
.movieWrap { position: relative; display: flex; height: 100%; max-width: 100vw; justify-content: center; align-items: center; }
.movieWrap::before { content: ''; display: block; position: absolute; right: 0; top: 0; width: 100%; max-width: 74%; height: 100%; border-radius: 0 0 0 45px; background: #f3235c; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -webkit-transition: .7s cubic-bezier(0.33, 1, 0.68, 1); transition: .7s cubic-bezier(0.33, 1, 0.68, 1); z-index: -1; }
.movieWrap.active::before { transform: translate3d(0, 0, 0); -webkit-transition-delay: .1s; transition-delay: .1s; }
.theMovie_slider { position: relative; display: flex; width: 100%; max-width: 1570px; min-height: 779px; max-height: 95%; background: #3596e7; opacity: 0; -webkit-transform: translate3d(0, 15%, 0); transform: translate3d(0, 15%, 0); -webkit-transition: transform .45s ease, opacity .7s ease; transition: transform .45s ease, opacity .7s ease; }
.movieWrap.active .theMovie_slider { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-delay: .45s; transition-delay: .45s; border-radius: 25px 0 25px 0; }
.movieWrap .theMovie { flex: 0 0 auto; display: flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 100%; padding: 130px 4%; box-sizing: border-box; }
.movieWrap .musicvideo { z-index: 1; }
.movieWrap .musicvideo .imgWrap img { border-radius: 22px; -webkit-animation: showMusicVideoImg .6s both; animation: showMusicVideoImg .6s both; }
.movieWrap .musicvideo .textWrap { -webkit-animation: showMusicVideoText .4s both .1s; animation: showMusicVideoText .4s both .1s; }
.movieWrap.nextPage .musicvideo { z-index: 0; }
.movieWrap.nextPage .musicvideo .imgWrap img { -webkit-animation: hideMusicVideoImg .6s both; animation: hideMusicVideoImg .6s both; }
.movieWrap.nextPage .musicvideo .textWrap { -webkit-animation: hideMusicVideoText .4s both; animation: hideMusicVideoText .4s both; }
.movieWrap .movietrailer { position: absolute; top: 0; left: 0; z-index: 0; }
.movieWrap .movietrailer .imgWrap img { visibility: hidden; -webkit-animation: hideMovieTrailerImg .6s both; animation: hideMovieTrailerImg .6s both; }
.movieWrap .movietrailer .textWrap { opacity: 0; visibility: hidden; -webkit-animation: hideMovieTrailerText .4s both; animation: hideMovieTrailerText .4s both; }
.movieWrap.nextPage .movietrailer { z-index: 1; }
.movieWrap.nextPage .movietrailer .imgWrap img { -webkit-animation: showMovieTrailerImg .6s both; animation: showMovieTrailerImg .6s both; }
.movieWrap.nextPage .movietrailer .textWrap { -webkit-animation: showMovieTrailerText .4s both .1s; animation: showMovieTrailerText .4s both .1s; }
.movieWrap .theMovie .imgWrap { display: block; position: relative; border-radius: 22px; overflow: hidden; }
.movieWrap .theMovie .imgWrap .img_box { display: block; -webkit-transition: transform .25s; transition: transform .25s; border-radius: 22px; }
.movieWrap .theMovie .imgWrap .img_box img { border-radius: 22px; }
.movieWrap .theMovie .imgWrap .icn_playBtn { position: absolute; top: 50%; left: 50%; width: 89px; height: 89px; border-radius: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-transition: background-color .2s; transition: background-color .2s; background: rgba(255, 255, 255, .9); }
.movieWrap .theMovie .imgWrap .icn_playBtn::before { position: absolute; top: 50%; left: 54%; width: 30px; height: 35px; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-transition: transform .2s; transition: transform .2s; background: url('../img/spr_etc.png?v=2') no-repeat; content: '';}
.movieWrap .theMovie .imgWrap .icn_playBtn.red::before { background-position: -600px -765px; }
.movieWrap .theMovie .imgWrap .icn_playBtn.blue::before { background-position: -600px -728px; }
.movieWrap .theMovie .imgWrap:focus .img_box { -webkit-transform: scale3d(1.05, 1.05, 1); transform: scale3d(1.05, 1.05, 1); }
.movieWrap .theMovie .imgWrap:focus .icn_playBtn { background: rgba(255, 255, 255, 1); }
.movieWrap .theMovie .imgWrap:focus .icn_playBtn::before { -webkit-transform: translate3d(-50%, -50%, 0) scale3d(1.05, 1.05, 1); transform: translate3d(-50%, -50%, 0) scale3d(1.05, 1.05, 1); }

.movieWrap .theMovie .textWrap { flex: 0 0 auto; display: flex; flex-direction: column; justify-content: space-between; margin-left: 5%; width: 480px; height: 519px; }
.movieWrap .theMovie .textWrap .text_title { position: relative; display: flex; align-items: center; color: #fff; font-size: 30px; margin-top: -28px; margin-bottom: 27px; }
/*.movieWrap .theMovie .textWrap .text_title::before { position: absolute; bottom: -16px; left: 0; width: 198px; height: 28px; background: url('../img/img_deco_underline_star.png') no-repeat center / contain; content: ''; }*/
.movieWrap .musicvideo .textWrap .text_title { margin-bottom: 34px; }
.movieWrap .musicvideo .textWrap .text_title::before { display: none; }
.movieWrap .musicvideo .textWrap .supTit { margin-top: 16px; font-size: 20px; color: #fff; font-weight: bold; line-height: 1.4; }
.movieWrap .theMovie .textWrap p img { display: block; }
.movieWrap .theMovie .textWrap .credits_title { display: block; margin-top: 44px; font-size: 24px; color: #ffee93; }
.movieWrap .theMovie .textWrap .credits_list { max-width: 100%; margin-top: 10px; }
.movieWrap .theMovie .textWrap .credits_item { position: relative; padding-left: 1em; font-size: 14px; color: #aed9f3; line-height: 1.4; font-weight: bold; }
.movieWrap .theMovie .textWrap .credits_item::before { position: absolute; top: calc(50% - 2px); left: 0; width: 4px; height: 4px; border-radius: 50%; background: #8ecef5; content: ''; }
.movieWrap .theMovie .textWrap .videoTit { margin-top: 1.2vh; }
.movieWrap .theMovie .textWrap .videoText { margin-top: 2vh; font-size: 20px; color: #b9dfff; letter-spacing: -.25px; line-height: 1.4; }
.en .movieWrap .theMovie .textWrap .videoText { font-size: 17px; }
.movieWrap .theMovie .textWrap .videoText em { font-weight: bold; }
.movieWrap .theMovie .textWrap .videoText em ~ em { margin-top: .8rem; display: block; }
.movieWrap .theMovie .textWrap .videoText span { color: #fff; }

.movieWrap .theMovie .snsWrap { display: flex; margin-left: -7px; }
.movieWrap .theMovie .snsWrap li + li { margin-left: 10px; }
.movieWrap .theMovie .snsWrap .btn_sharesns { display: flex; justify-content: center; align-items: center; width: 220px; height: 64px; font-size: 18px; color: #fff; text-align: center; border-radius: 50px; -webkit-transition: background-color .25s; transition: background-color .25s; font-weight: bold; }
.en .theMovie .snsWrap .btn_sharesns { font-size: 16px; }
.movieWrap .theMovie .snsWrap .btn_sharesns.twitter { background: #52c4ef; }
.movieWrap .theMovie .snsWrap .btn_sharesns.facebook { background: #ff2e63; }
.movieWrap .theMovie .snsWrap .btn_sharesns .icn_spr { margin-left: 10px; background-image: url('../img/spr_etc.png?v=2'); }
.movieWrap .theMovie .snsWrap .btn_sharesns .icn_facebookIcon { width: 8px; height: 17px; background-position: -0px -66px; }
.movieWrap .theMovie .snsWrap .btn_sharesns .icn_twitterIcon { width: 21px; height: 17px; background-position: -12px -66px; }

.movieWrap .music_title { display: flex; margin-top: .8rem; padding-left: 10px; }
.movieWrap .music_title > img { max-width: 100%; }
.movieWrap .music_down { position: relative; display: flex; justify-content: space-between; align-items: center; width: 440px; height: 76px; margin-top: 22px; margin-left: -10px; padding: 16px 20px; border-radius: 50px; background: #1a75be; box-sizing: border-box; }
.movieWrap .music_down .btn_down { position: relative; display: flex; align-items: center; width: 129px; height: 46px; padding-left: 23px; color: #fff; font-size: 14px; font-weight: bold; border-radius: 25px; box-sizing: border-box; -webkit-transition: background-color .25s; transition: background-color .25s; }
.movieWrap .music_down .btn_down.red { background: #ff2e63; }
.movieWrap .music_down .btn_down.blue { background: #52c4ef; }
.movieWrap .music_down .btn_down::before { content: ''; position: absolute; top: 50%; right: 19px; width: 11px; height: 12px; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); background: url('../img/spr_etc.png') no-repeat -80px -120px; }
.movieWrap .music_down .btn_down.original { background: #ff2e63; }
.movieWrap .music_down .btn_down.remix { background: #48c5ff; }
.movieWrap .music_down .btn_down span { position: relative; top: 0; -webkit-transition: top .1s ease; transition: top .1s ease; }
.movieWrap .music_down .btn_down span:nth-of-type(2) { -webkit-transition-delay: .05s; transition-delay: .05s; }
.movieWrap .music_down .btn_down span:nth-of-type(3) { -webkit-transition-delay: .05s; transition-delay: .05s; }
.movieWrap .music_down .btn_down span:nth-of-type(4) { -webkit-transition-delay: .075s; transition-delay: .075s; }
.movieWrap .music_down .btn_down span:nth-of-type(5) { -webkit-transition-delay: .1s; transition-delay: .1s; }
.movieWrap .music_down .btn_down span:nth-of-type(6) { -webkit-transition-delay: .125s; transition-delay: .125s; }
.movieWrap .music_down .btn_down span:nth-of-type(7) { -webkit-transition-delay: .15s; transition-delay: .15s; }
.movieWrap .music_down .btn_down span:nth-of-type(8) { -webkit-transition-delay: .175s; transition-delay: .175s; }

.movieWrap .stream_wrap { position: relative; border-radius: 25px; background: #fff; }
.movieWrap .stream_wrap .stream_opener { padding-top: 2px; color: #1a75be; font-size: 14px; border-radius: 25px 25px 25px 25px; border-bottom: 2px solid transparent; -webkit-transition: color .3s; transition: color .3s; background: #fff; z-index: 1; box-sizing: border-box; transition: border-radius .2s .249s, border-color .2s .249s; }
.movieWrap .stream_wrap.over .stream_opener { color: #2b2b2b; border-radius: 25px 25px 0 0; border-color: rgba(222, 222, 222, 0.8); transition: border-radius .0s .0s, border-color .0s .0s; }
.movieWrap .stream_wrap.over .stream_opener::before { opacity: 0; }
.movieWrap .stream_wrap.over .stream_opener::after { opacity: 1; }
.movieWrap .stream_wrap .stream_opener::before,
.movieWrap .stream_wrap .stream_opener::after { position: absolute; top: 50%; right: 17px; width: 15px; height: 13px; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: opacity .2s; transition: opacity .2s; background: url(../img/spr_etc.png?v=1) no-repeat; content: ''; }
.movieWrap .stream_wrap .stream_opener::before { background-position: -200px 0; }
.movieWrap .stream_wrap .stream_opener::after { opacity: 0; background-position: -200px -30px; }
.movieWrap .stream_wrap .stream_list { position: absolute; top: 46px; left: 0; display: none; width: 100%; padding: 4px 0; background: #fff; border-radius: 0 0 25px 25px; box-sizing: border-box; overflow-y: auto;  }
.movieWrap .stream_wrap .stream_list::-webkit-scrollbar { width: 5px; }
.movieWrap .stream_wrap .stream_list::-webkit-scrollbar-track { background: transparent; }
.movieWrap .stream_wrap .stream_list::-webkit-scrollbar-thumb { border: 1px solid transparent; border-top: 0; border-bottom: 0; border-radius: 999px; background-color: #f3245c; background-clip: padding-box; }
.movieWrap .stream_wrap .stream_list::-webkit-scrollbar-button { display: block; background: transparent; width: 0px; height: 2px; }
.movieWrap .stream_wrap .stream_list::-webkit-scrollbar-button:start { height: 3px; }
.movieWrap .stream_wrap .stream_list::-webkit-scrollbar-button:end { height: 10px; }
.movieWrap .stream_wrap .stream_link { position: relative; display: flex; padding: 12px 3px 12px 46px; width: 100%; font-size: 12px; font-weight: bold; color: #5f5f5f; box-sizing: border-box; }
.en .music_down .stream_link { font-size: 10px; }
.movieWrap .music_down .stream_link .icn_stream { position: absolute; top: 50%; left: 26px; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.movieWrap .streaming_wrap { position: relative; cursor: default; overflow: visible; -webkit-tap-highlight-color: transparent; }
.movieWrap .streaming_wrap::before { content: ''; position: absolute; bottom: -14px; right: -25px; width: 386px; height: 70px; border-radius: 50px; background: #1f6aa7; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: transform .65s ease-out; transition: transform .65s ease-out; }
.en .movieWrap .streaming_wrap::before { width: 245px; -webkit-transition: transform .65s ease-out; transition: transform .65s ease-out; }
.movieWrap .streaming_wrap .icn_wrap { position: relative; display: block; z-index: 1; }
.movieWrap .streaming_wrap .icn_wrap::before { content: ''; position: absolute; top: 50%; left: 50%; width: 42px; height: 42px; opacity: 0; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); background: url('../img/spr_etc.png') no-repeat -290px 0; z-index: 10; -webkit-transition: opacity .25s ease; transition: opacity .25s ease; }
.movieWrap .streaming_wrap .icn_streaming { display: block; width: 42px; height: 42px; }
.movieWrap .streaming_wrap .icn_streaming::before { content: ''; position: absolute; top: 50%; left: 50%; width: 42px; height: 42px; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-transition: opacity .25s ease; transition: opacity .25s ease; background: url('../img/spr_etc.png') no-repeat -240px 0; z-index: 2; }
.movieWrap .streaming_wrap .icn_streaming.hover { position: absolute; top: 50%; left: 50%; border-radius: 50%; background: #fff; -webkit-transition: background-color .25s ease, transform .25s ease; transition: background-color .25s ease, transform .25s ease;  -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1); z-index: 1; }
.movieWrap .streaming_wrap .streaming_list { position: absolute; top: 50%; right: 18px; display: flex; justify-content: space-between; align-items: center; padding-left: 24px; width: 0; height: 108px; box-sizing: border-box; -webkit-transition: width .55s ease-out, transform .55s ease-out, margin .55s ease-out, padding .2s ease-out; transition: width .55s ease-out, transform .55s ease-out, margin .55s ease-out, padding .2s ease-out; cursor: default; overflow: hidden; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.movieWrap .streaming_wrap .streaming_link { position: relative; display: flex; justify-content: center; align-items: center; width: 40px; margin: 0 auto; -webkit-transition: transform .15s ease; transition: transform .15s ease; border-radius: 100%; }
.movieWrap .streaming_wrap .streaming_link::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; -webkit-transition: transform .15s ease; transition: transform .15s ease; content: ''; z-index: -1; border-radius: 100%; }
.movieWrap .streaming_wrap .streaming_link.comingsoon { opacity: .7; cursor: not-allowed; }
.movieWrap .box_object { display: block; position: absolute; bottom: 3%; left: -20%; width: 29vw; min-width: 350px; max-width: 557px; opacity: 0; z-index: 10; pointer-events: none; -webkit-transition: opacity .4s, left .6s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity .4s, left .4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.movieWrap.active .box_object { left: 5%; opacity: 1; -webkit-transition-delay: .4s; transition-delay: .4s; -webkit-animation: bounce3 2.75s ease .8s both infinite; animation: bounce3 2.75s ease .8s both infinite; }
.movieWrap.nextPage .box_object { left: -20%; opacity: 0; transform: scale3d(0.4, 0.4, 1); transition-delay: 0s; }
.movieWrap .box_spark { position: absolute; bottom: 3%; left: -20%; }
.movieWrap .skate { display: block; position: absolute; bottom: 3%; left: -6%; width: 25vw; min-width: 350px; opacity: 0; -webkit-transition: left .4s, opacity .5s; transition: left .4s, opacity .5s; -webkit-transform-origin: left top; transform-origin: left top; -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); pointer-events: none; z-index: 10; }
.movieWrap.nextPage .skate { left: 8.5%; opacity: 1; -webkit-transition-delay: .4s; transition-delay: .4s; -webkit-animation: bounce3 2.75s infinite ease; animation: bounce3 2.75s infinite ease;  }
.movieWrap .skate img { display: block; max-height: 100%; max-width: 100%; user-select: none; pointer-events: none; }
.movieWrap .skate_spark { display: block; position: absolute; bottom: 0%; left: -18%; width : 42vw; max-width: 824px; opacity: 0; -webkit-transition: left .5s ease, opacity .15s; transition: left .5s ease, opacity .15s;  z-index: 11; pointer-events: none; }
.movieWrap.nextPage .skate_spark { opacity: 1; left: 0%; -webkit-animation: bounce3 2.75s infinite ease; animation: bounce3 2.75s infinite ease; -webkit-transition-delay: .4s; transition-delay: .4s; }
.streaming_txt { position: fixed; z-index:2; width: 0; height: 0; overflow: visible; }
.streaming_inner { position: absolute; bottom: 0; left: 50%; padding: 5px 12px; color: #fff; font-size: 14px; font-weight: bold; text-align: center; white-space: nowrap; background: rgba(0, 0, 0, .75); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }

.movie_slider_btn { position: absolute; top: 50%; width: 77px; height: 121px; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: transform .3s ease; transition: transform .3s ease; background: url('../img/spr_etc.png?v=1') no-repeat; z-index: 10; }
.movie_slider_btn.prev { left: 2%;  background-position: -640px -679px; }
.movie_slider_btn.next { right: 2%; background-position: -723px -679px; }
.movieWrap .movie_slider_btn.prev { display: none; }
.movieWrap.nextPage .movie_slider_btn.prev { display: block; }
.movieWrap .movie_slider_btn.next { display: block; }
.movieWrap.nextPage .movie_slider_btn.next { display: none; }

/* page_3 */
.page_3 { display: flex; justify-content: center; align-items: center; }
.page_3::before { content: ''; position: absolute; bottom: 0; left: 0; z-index: -1; width: 100%; height: 0; background: #ff2e63; -webkit-transition: height .5s cubic-bezier(0.33, 1, 0.68, 1); transition: height .5s cubic-bezier(0.33, 1, 0.68, 1); -webkit-transition-delay: .1s; transition-delay: .1s; }
.page_3.active::before { height: 46%; }
.introWrap { position: relative; width: 100%; max-width: 1215px; padding: 0 4vw; }
.intro_list { display: flex; justify-content: center; width: 100%; }
.intro_list .intro_item { display: flex; flex-direction: column; justify-content: space-between; max-width: 300px; width: 25%; height: 540px; border-radius: 10px; overflow: hidden; opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); -webkit-transition: opacity .5s cubic-bezier(0.33, 1, 0.68, 1), transform .5s cubic-bezier(0.33, 1, 0.68, 1); transition: opacity .5s cubic-bezier(0.33, 1, 0.68, 1), transform .5s cubic-bezier(0.33, 1, 0.68, 1); }
.introWrap.active .intro_list .intro_item { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.intro_list .intro_item + .intro_item { margin-left: 1%; }
.intro_list .intro_item:nth-of-type(1) { margin-top: -15px; background: #2386d9; }
.intro_list .intro_item:nth-of-type(2) { margin-top: 15px; background: #f89d0e; }
.intro_list .intro_item:nth-of-type(3) { margin-top: -15px; background: #ff712b; }
.intro_list .intro_item:nth-of-type(4) { margin-top: 15px; background: #9bc800; }
.introWrap.active .intro_item:nth-of-type(1) { transition-delay: .35s; }
.introWrap.active .intro_item:nth-of-type(2) { transition-delay: .475s; }
.introWrap.active .intro_item:nth-of-type(3) { transition-delay: .6s; }
.introWrap.active .intro_item:nth-of-type(4) { transition-delay: .725s; }
.intro_list .intro_item .intro_img { flex: 0 1 100%; background: aquamarine; }
.intro_list .intro_item .intro_desc { flex: 0 0 auto; padding: 15px; min-height: 120px; }
.en .intro_list .intro_item .intro_desc { min-height: 130px; }
.intro_list .intro_item .intro_desc p { color: #fff; }
.intro_list .intro_item .intro_desc .desc_top { font-size: 28px; }
.en .intro_list .intro_item .intro_desc .desc_top { font-size: 26px; }
.intro_list .intro_item .intro_desc .desc_bottom { margin-top: 10px; font-size: 18px; letter-spacing: -.25px; }
.en .intro_list .intro_item .intro_desc .desc_bottom { font-size: 15px; }

.introWrap .spark_effect { position: absolute; pointer-events: none; opacity: 0; -webkit-transition-duration: .25s; transition-duration: .25s; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-property: opacity, left, right, top, bottom; transition-property: opacity, left, right, top, bottom; -webkit-animation: bounce3 infinite; animation: bounce3 infinite; }
.introWrap.active .spark_effect { opacity: 1; -webkit-transition-delay: 1s; transition-delay: 1s; }
.introWrap .spark_effect.type1 { top: -39%; left: -7%; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; }
.introWrap.active .spark_effect.type1 { top: -35%; left: -4%; }
.introWrap .spark_effect.type2 { top: -17%; left: -10%; -webkit-animation-duration: 2s; animation-duration: 2s; }
.introWrap.active .spark_effect.type2 { top: -13%; left: -7%; -webkit-transition-delay: 1.05s; transition-delay: 1.05s; }
.introWrap .spark_effect.type3 { bottom: -13%; left: -11%; -webkit-animation-duration: 3.25s; animation-duration: 3.25s;  }
.introWrap.active .spark_effect.type3 { bottom: -8%; left: -8%; -webkit-transition-delay: 1.1s; transition-delay: 1.1s; }
.introWrap .spark_effect.type4 { top: -36%; right: -3%; -webkit-animation-duration: 2.75s; animation-duration: 2.75s; }
.introWrap.active .spark_effect.type4 { top: -32%; right: 1%; }
.introWrap .spark_effect.type5 { top: -18%; right: -11%; -webkit-animation-duration: 3s; animation-duration: 3s; }
.introWrap.active .spark_effect.type5 { top: -13%; right: -8%; -webkit-transition-delay: 1.05s; transition-delay: 1.05s; }
.introWrap .spark_effect.type6 { bottom: -22%; right: -13%; -webkit-animation-duration: 3.5s; animation-duration: 3.5s; }
.introWrap.active .spark_effect.type6 { bottom: -19%; right: -10%; -webkit-transition-delay: 1.1s; transition-delay: 1.1s; }

/* page_4 */
.galleryWrap { position: relative; display: flex; height: 100%; max-width: 1920px; justify-content: center; align-items: center; margin: 0 auto; padding: 0 5%; box-sizing: border-box; }

.page_4 .galleryWrap .gallery { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 1443px; height: auto; max-height: 100%; margin: 0; position: relative; }
.galleryWrap .gallery_slider_wrap { position: relative; display: flex; align-items: center; margin-top: 12vh; padding-bottom: 12vh; }
.galleryWrap .gallery ul { position: relative; display: flex; position: relative; justify-content: center; align-items: center; z-index: 1; }
.galleryWrap .gallery ul:nth-of-type(2n) { margin-top: 5vh; }

.galleryWrap .gallery ul li { position: relative; margin: 0.3%; }
.galleryWrap .gallery ul li.video { position: absolute; bottom: 0; left: 40.175%; width: 19.5%; border-radius: 20px; overflow: hidden; }
.galleryWrap .gallery ul li.video video { display: block; position: absolute; left: 0; top: 0; height: 100%; z-index: -1; -webkit-transform: scale(1.2); transform: scale(1.2); }
.galleryWrap .gallery ul li .preview_box { display: block; position: relative; border-radius: 20px; -webkit-transition: transform .2s; transition: transform .2s; }
.galleryWrap .gallery ul li .preview_box::before { content: ''; display: block; position: absolute; right: 1.2vh; bottom: 1.5vh; width: 4.8vh; height: 4.8vh; background: url(../img/img_gallery_btn_photo.png) no-repeat; background-size: contain; opacity: 0; -webkit-transition: .5s; transition: .5s; }
.galleryWrap .gallery ul .bent .preview_box::before { right: 0; left: 1.2vh; }
.galleryWrap .gallery ul li .preview_box:focus::before { opacity: 1; }
.galleryWrap .gallery ul li.bent a::before { right: auto; left: 1.2vh; }
.galleryWrap .gallery ul li.video a::before { background-image: url(../img/img_gallery_btn_movie.png); }
.galleryWrap .gallery ul li .preview_box img { display: block; position: relative; z-index: -1; width: 100%; opacity: 0; -webkit-transition: transform .5s, opacity .5s; transition: transform .5s, opacity .5s;  -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0);  }
.galleryWrap .gallery .swiper-slide-active.loaded  li .preview_box img.swiper-lazy-loaded { opacity: 1; -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0);  }

.galleryWrap .gallery ul li:first-child { margin-left: 0; }
.galleryWrap .gallery ul li:last-child { margin-right: 0; }
.galleryWrap .gallery .pc_slide_1 li:nth-of-type(2) { margin-bottom: 20%; }
.galleryWrap .gallery .pc_slide_1 li:nth-of-type(3) { position: absolute; bottom: 3.25%; left: 42.3%; width: 19.7%; }
.galleryWrap .gallery .pc_slide_1 li:nth-of-type(4) { margin-top: 1%; }
.galleryWrap .gallery .pc_slide_1 li:nth-of-type(5) { margin-top: 8%; margin-right: 0; }
.galleryWrap.active .gallery .pc_slide_1 li:nth-of-type(1) .preview_box img { -webkit-transition-delay: .2s; transition-delay: .2s; }
.galleryWrap.active .gallery .pc_slide_1 li:nth-of-type(2) .preview_box img { -webkit-transition-delay: .1s; transition-delay: .1s; }
.galleryWrap.active .gallery .pc_slide_1 li:nth-of-type(3) .preview_box img { -webkit-transition-delay: .25s; transition-delay: .25s; }
.galleryWrap.active .gallery .pc_slide_1 li:nth-of-type(4) .preview_box img { -webkit-transition-delay: .35s; transition-delay: .35s; }
.galleryWrap.active .gallery .pc_slide_1 li:nth-of-type(5) .preview_box img { -webkit-transition-delay: .45s; transition-delay: .45s; }
.galleryWrap.active .gallery .pc_slide_1 li:nth-of-type(6) .preview_box img { -webkit-transition-delay: .55s; transition-delay: .55s; }
.galleryWrap .gallery .pc_slide_2 li:nth-of-type(1) { margin-bottom: 12.7%; }
.galleryWrap .gallery .pc_slide_2 li:nth-of-type(2) .preview_box::before { right: auto; left: 1.2vh; }
.galleryWrap .gallery .pc_slide_2 li:nth-of-type(3) { position: absolute; bottom: 12.9%; left: 40.37%; width: 19.25%; }
.galleryWrap .gallery .pc_slide_2 li:nth-of-type(5) { margin-top: 6%; }
.galleryWrap.active .gallery .pc_slide_2 li:nth-of-type(1) .preview_box img { -webkit-transition-delay: .1s; transition-delay: .1s; }
.galleryWrap.active .gallery .pc_slide_2 li:nth-of-type(2) .preview_box img { -webkit-transition-delay: .2s; transition-delay: .2s; }
.galleryWrap.active .gallery .pc_slide_2 li:nth-of-type(3) .preview_box img { -webkit-transition-delay: .3s; transition-delay: .3s; }
.galleryWrap.active .gallery .pc_slide_2 li:nth-of-type(4) .preview_box img { -webkit-transition-delay: .35s; transition-delay: .35s; }
.galleryWrap.active .gallery .pc_slide_2 li:nth-of-type(5) .preview_box img { -webkit-transition-delay: .45s; transition-delay: .45s; }
.galleryWrap.active .gallery .pc_slide_2 li:nth-of-type(6) .preview_box img { -webkit-transition-delay: .55s; transition-delay: .55s; }
.galleryWrap .gallery .pc_slide_3 li:nth-of-type(2) { position: absolute; bottom: 53%; left: 16.75%; width: 41.25%; }
.galleryWrap .gallery .pc_slide_3 li:nth-of-type(3) { margin-top: 13.9%; }
.galleryWrap .gallery .pc_slide_3 li:nth-of-type(4) { margin-top: 9%; }
.galleryWrap .gallery .pc_slide_3 li:nth-of-type(5) { margin-bottom: 13.35%; margin-right: 0; }
.galleryWrap .gallery .pc_slide_3 li:nth-of-type(6) { position: absolute; bottom: 0; right: 0; width: 20%; }
.galleryWrap.active .gallery .pc_slide_3 li:nth-of-type(1) .preview_box img { -webkit-transition-delay: .2s; transition-delay: .2s; }
.galleryWrap.active .gallery .pc_slide_3 li:nth-of-type(2) .preview_box img { -webkit-transition-delay: .1s; transition-delay: .1s; }
.galleryWrap.active .gallery .pc_slide_3 li:nth-of-type(3) .preview_box img { -webkit-transition-delay: .25s; transition-delay: .25s; }
.galleryWrap.active .gallery .pc_slide_3 li:nth-of-type(4) .preview_box img { -webkit-transition-delay: .35s; transition-delay: .35s; }
.galleryWrap.active .gallery .pc_slide_3 li:nth-of-type(5) .preview_box img { -webkit-transition-delay: .45s; transition-delay: .45s; }
.galleryWrap.active .gallery .pc_slide_3 li:nth-of-type(6) .preview_box img { -webkit-transition-delay: .55s; transition-delay: .55s; }
.galleryWrap .gallery .pc_slide_4 li:nth-of-type(1) { margin-bottom: 17.5%; }
.galleryWrap .gallery .pc_slide_4 li:nth-of-type(2) { position: absolute; top: 50.4%; left: 0; width: 23.85%; }
.galleryWrap .gallery .pc_slide_4 li:nth-of-type(3) { margin-bottom: 22%; }
.galleryWrap .gallery .pc_slide_4 li:nth-of-type(4) { position: absolute; top: 50.4%; left: 24.3%; width: 37.75%; }
.galleryWrap .gallery .pc_slide_4 li:nth-of-type(5) { margin-right: 0; }
.galleryWrap .gallery .pc_slide_4 li:nth-of-type(5) .preview_box::before { right: auto; left: 1.2vh; }
.galleryWrap .gallery .pc_slide_4 li:nth-of-type(6) { position: absolute; top: 48.25%; right: 0; width: 20.2%; }
.galleryWrap.active .gallery .pc_slide_4 li:nth-of-type(1) .preview_box img { -webkit-transition-delay: .1s; transition-delay: .1s; }
.galleryWrap.active .gallery .pc_slide_4 li:nth-of-type(2) .preview_box img { -webkit-transition-delay: .2s; transition-delay: .2s; }
.galleryWrap.active .gallery .pc_slide_4 li:nth-of-type(3) .preview_box img { -webkit-transition-delay: .25s; transition-delay: .25s; }
.galleryWrap.active .gallery .pc_slide_4 li:nth-of-type(4) .preview_box img { -webkit-transition-delay: .35s; transition-delay: .35s; }
.galleryWrap.active .gallery .pc_slide_4 li:nth-of-type(5) .preview_box img { -webkit-transition-delay: .45s; transition-delay: .45s; }
.galleryWrap.active .gallery .pc_slide_4 li:nth-of-type(6) .preview_box img { -webkit-transition-delay: .615s; transition-delay: .615s; }

.galleryWrap .gallery .pc_slide_5 li { position: relative; }
.galleryWrap .gallery .pc_slide_5 li:nth-of-type(1) { margin-top: -11%; }
.galleryWrap .gallery .pc_slide_5 li:nth-of-type(2) .preview_box::before { right: auto; left: 1.2vh; }
.galleryWrap .gallery .pc_slide_5 li:nth-of-type(3) { position: absolute; top: 51.3%; left: 40.175%; width: 19.5%; }
.galleryWrap .gallery .pc_slide_5 li:nth-of-type(5) { margin-top: -12.6%; margin-right: 0; }
.galleryWrap .gallery .pc_slide_5 li:nth-of-type(6) { position: absolute; right: 0; top: 60.5%; width: 19.375%; }
.galleryWrap.active .gallery .pc_slide_5 li:nth-of-type(1) .preview_box img { -webkit-transition-delay: .1s; transition-delay: .1s; }
.galleryWrap.active .gallery .pc_slide_5 li:nth-of-type(2) .preview_box img { -webkit-transition-delay: .2s; transition-delay: .2s; }
.galleryWrap.active .gallery .pc_slide_5 li:nth-of-type(3) .preview_box img { -webkit-transition-delay: .3s; transition-delay: .3s; }
.galleryWrap.active .gallery .pc_slide_5 li:nth-of-type(4) .preview_box img { -webkit-transition-delay: .4s; transition-delay: .4s; }
.galleryWrap.active .gallery .pc_slide_5 li:nth-of-type(5) .preview_box img { -webkit-transition-delay: .5s; transition-delay: .5s; }
.galleryWrap.active .gallery .pc_slide_5 li:nth-of-type(6) .preview_box img { -webkit-transition-delay: .6s; transition-delay: .6s; }

.galleryWrap .cleaner { display: block; position: absolute; right: 17%; bottom: 63%; width: 16%; max-width: 384px; pointer-events: none; opacity: 0; -webkit-transition: .5s; transition: .5s; z-index: 10; }
.galleryWrap.active .cleaner { opacity: 1; -webkit-transition-delay: .6s; transition-delay: .6s; -webkit-animation: bounce3 3.5s ease; animation: bounce3 3.5s infinite ease; }
.galleryWrap .cleaner img { display: block; width: 100%; }
.galleryWrap .radio_spark { position: absolute; right: 9%; bottom: 66%; width: 36%; max-width: 753px; opacity: 0; -webkit-transition: opacity .5s; transition: opacity .5s; pointer-events: none; z-index: 10; }
.galleryWrap.active .radio_spark { opacity: 1; -webkit-transition-delay: .6s; transition-delay: .6s; -webkit-animation: bounce3 3.5s infinite; animation: bounce3 3.5s infinite; }

.galleryWrap .slider_btn_wrap { position: absolute; bottom: -80px; right: 5px; display: flex; align-items: center; }
.galleryWrap .slider_btn_wrap .slider_btn { position: relative; display: flex; width: 64px; height: 64px; -webkit-transition: filter .25s ease, transform .25s ease; transition: filter .25s ease, transform .25s ease; }
.galleryWrap .slider_btn_wrap .slider_btn::before { width: 13px; height: 26px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); background: url('../img/spr_etc.png') no-repeat; }
.galleryWrap .slider_btn_wrap .slider_btn.prev { border-radius: 0 14px; color: #3596e7; background: #3596e7; }
.galleryWrap .slider_btn_wrap .slider_btn.prev::before { content: ''; background-position: 0 -120px; }
.galleryWrap .slider_btn_wrap .slider_btn.next { border-radius: 14px 0; color: #fa275d; background: #fa275d; }
.galleryWrap .slider_btn_wrap .slider_btn.next::before { content: '';  background-position: -36px -120px; }

.galleryWrap .slider_page_wrap { left: 50%; bottom: 10%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }
.galleryWrap .slider_page_wrap span.swiper-pagination-bullet { position: relative; margin: 0 6px; width: 22px; height: 22px; background: url(../img/spr_etc.png?v=3) no-repeat; background-position-y: -260px; border-radius: 0; opacity: 1; outline: none; }
.galleryWrap .slider_page_wrap span.swiper-pagination-bullet:nth-of-type(1) { margin-right: 8px; }
.galleryWrap .slider_page_wrap span.swiper-pagination-bullet:focus::before { opacity: .7; }
.galleryWrap .slider_page_wrap span::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background: url(../img/spr_etc.png?v=3) no-repeat; background-position-y: -260px; border-radius: 0; -webkit-transition: opacity .25s; transition: opacity .25s; }
.galleryWrap .slider_page_wrap span:nth-of-type(1) { background-position-x: 0; }
.galleryWrap .slider_page_wrap span.swiper-pagination-bullet-active::before,
.galleryWrap .slider_page_wrap span.swiper-pagination-bullet-active:focus::before,
.galleryWrap .slider_page_wrap span.swiper-pagination-bullet-active:hover::before { opacity: 1; }
.galleryWrap .slider_page_wrap span:nth-of-type(1)::before { background-position-x: -28px; }
.galleryWrap .slider_page_wrap span:nth-of-type(2) { background-position-x: -56px; }
.galleryWrap .slider_page_wrap span:nth-of-type(2)::before { background-position-x: -80px; }
.galleryWrap .slider_page_wrap span:nth-of-type(3) { background-position-x: -103px; }
.galleryWrap .slider_page_wrap span:nth-of-type(3)::before { background-position-x: -130px; }
.galleryWrap .slider_page_wrap span:nth-of-type(4) { background-position: 0 -290px; }
.galleryWrap .slider_page_wrap span:nth-of-type(4)::before { background-position: -28px -290px; }
.galleryWrap .slider_page_wrap span:nth-of-type(5) { background-position: -56px -290px; }
.galleryWrap .slider_page_wrap span:nth-of-type(5)::before { background-position: -80px -290px; }

.galleryWrap .slider_pagination { display: none; }

/*.swiper_navi { opacity: 0 !important; width: 0 !important; height: 0 !important; }*/
.galleryWrap .swiper_navi.gallery_slider_btn { position: absolute; top: 50%; left: auto; right: auto; width: 77px; height: 121px; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: transform .3s ease; transition: transform .3s ease; background: url('../img/spr_etc.png?v=3') no-repeat; z-index: 10; }
.galleryWrap .swiper_navi.gallery_slider_btn.prev { left: 2%;  background-position: -640px -679px; }
.galleryWrap .swiper_navi.gallery_slider_btn.next { right: 2%; background-position: -723px -679px; }
.galleryWrap .swiper_navi.gallery_slider_btn.prev.swiper-button-disabled, 
.galleryWrap .swiper_navi.gallery_slider_btn.next.swiper-button-disabled { opacity: 0; }

/* page_5 */
.page_5 { position: relative; min-width: 100vw !important; display: flex; justify-content: flex-end; }

.page_5 > div { position: relative; width: 64%; min-width: 1024px; height: 100%; display: flex; align-items: center; padding: 0 6%; box-sizing: border-box; background-position: right 0; }
.page_5 > div::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0%; border-radius: 35px 0 0 0; background: #f3235c; -webkit-transition: .7s cubic-bezier(0.33, 1, 0.68, 1); transition: .7s cubic-bezier(0.33, 1, 0.68, 1);  }
.page_5 > div.active::before { height: 100%; -webkit-transition-delay: .1s; transition-delay: .1s; }
.page_5 > div .character { display: block; position: absolute; top: -8%; left: -46%; width: 50%; z-index: 2; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; -webkit-animation: character 4s infinite; animation: character 4s infinite; }
.page_5 > div.active .character { opacity: 1; -webkit-transition: opacity .75s .7s; transition: opacity .75s .7s; }
.page_5 > div .character img { display: block; width: 100%; max-width: 549px; }
.page_5 > div .cleaner_yellow { display: block; position: absolute; right: -135%; top: 50%; width: 75%; opacity: 0; -webkit-transform: translate3d(0%, -54%, 0); transform: translate3d(0%, -54%, 0); }
.page_5 > div.active .cleaner_yellow { opacity: 1; -webkit-transition: transform .6s ease 1s, opacity .6s ease 1s; transition: transform .6s ease 1s, opacity .6s ease 1s; -webkit-transform: translate3d(-68%, -54%, 0); transform: translate3d(-68%, -54%, 0); }
.page_5 > div .cleaner_yellow img { display: block; width: 100%; }

.page_5 .column_wrap { position: relative; display: flex; flex-direction: column; align-items: center; padding-top: 6%; opacity: 0; }
.page_5 > div.active .column_wrap {  opacity: 1; -webkit-transition: opacity .7s ease .45s; transition: opacity .7s ease .45s; }
.page_5 section { position: relative; display: block; z-index: 1; }
.page_5 section h2 { margin-bottom: 4%; }

/* email_form */
.page_5 .email_form { display: block; max-width: 700px; }
.page_5 .email_form article { display: block; }
.page_5 .email_form .form_text { display: block; }
.page_5 .email_form .form_label { display: flex; align-items: center; margin-bottom: 1%; color: #fff; font-size: 20px; font-weight: bold; }
.page_5 .email_form .form_label:before { content: ""; display: block; width: 12px; height: 13px; margin-right: 8px; background: url(../img/ico_star.png) no-repeat; }

.page_5 .email_form .form_text input,
.page_5 .email_form .form_select select { display: block; position: relative; border: none; background: #75d5ff; width: 100%; height: 100%; box-sizing: border-box; color: #141414; border-radius: 11px; font-size: 20px; padding: 18px 26px; font-weight: bold; }
.page_5 .email_form .form_select select { cursor: pointer; }

.page_5 .email_form .form_text label { width: 100%; }

.page_5 .email_form .form_select .form_label { margin-top: 4%; }
.page_5 .email_form .form_select div { display: flex; width: 100%; }
.page_5 .email_form .form_select div label { display: block; width: 43%; position: relative; }
.page_5 .email_form .form_select div label ~ label { width: calc(28% - 5px); margin-left: 10px; }
.page_5 .email_form .form_select label:after { content: ""; display: block; position: absolute; width: 18px; height: 12px; background: url(../img/ico_arr_down.png) no-repeat center / contain; top: 50%; right: 20px; margin-top: -6px; pointer-events: none; }
.page_5 .email_form .form_check { display: block; position: relative; margin-top: 3%; text-align: left; }

.page_5 .email_form .form_check .form_check_box:nth-of-type(1) span { display: flex; }
.page_5 .email_form .form_check .form_check_box:nth-of-type(1) .btn_privacy_more { flex: 0 0 auto; display: block; color: #fff; font-size: 15px; border: 1px solid rgba(255, 255, 255, 0.5); padding: 7px 12px; margin-left: 10px; box-sizing: border-box; font-weight: bold; min-width: 108px; text-align: center; }
.page_5 .email_form .form_check .form_check_box:nth-of-type(2) a { color: #cde79c; font-weight: bold; position: relative; padding-bottom: 2px; text-transform: capitalize; }
.page_5 .email_form .form_check .form_check_box:nth-of-type(2) a:before { content: ''; display: block; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background: #cde79c }

.page_5 .email_form .custom_check input[type="checkbox"] + label span { display: block; align-items: center; font-weight: bold }
.page_5 .email_form .form_check_box ~ .form_check_box { margin-top: 10px; }

.page_5 .btn_wrap { display: block; width: 100%; margin-top: 3%; }

.page_5 .register { margin: 0 auto; }
.page_5 .register:focus { -webkit-filter: brightness(1.1); filter: brightness(1.1); top: -6px; }
.page_5 .register img { width: 71px; }
.en .page_5 .register img { width: 181px; }

.page_5 footer { position: relative; z-index: 1; margin-top: 3%; }
.page_5 footer h3 { display: flex; justify-content: center; align-items: center; margin-top: 3%; }

.page_5 footer h3 a { display: flex; width: 122px; opacity: 0.6; max-height: 25px; }
.page_5 footer h3 a img { width: 100%; }

.page_5 footer span { position: relative; color: rgba(255, 255, 255, 0.4); font-size: 13px; margin-left: 15px; font-family: sans-serif; display: block; line-height: 1; }
.page_5 .select_culture { display: block; text-align: center; font-size: 0; }
.page_5 .select_culture li { position: relative; display: inline-block; }
.page_5 .select_culture li button { vertical-align: middle; font-weight: bold; font-size: 16px; color: rgba(255,255,255,.7); }
.page_5 .select_culture li button:focus { outline: auto; }
.page_5 .select_culture li:nth-child(2):before { content: ''; display: inline-block; vertical-align: middle; margin: -2px 18px 0; width: 2px; height: 20px; background: rgba(255,255,255,.2); }
:lang(ko-KR) .page_5 .select_culture li:first-child button { color: #fff; }
:lang(en-US) .page_5 .select_culture li:last-child button { color: #fff; }

.page_5 footer .term_list { width: 100%; padding: 0 0 1rem; text-align: center; font-size: 0; }
.page_5 footer .term_list .term_btn { display: inline-block; position: relative; padding: 0 .5rem; font-size: 14px; color: #fdbcce; opacity: 1; transition: color 0.2s; }
.page_5 footer .term_list .term_btn::before { content: ""; display: block; position: absolute; left: 0; top: 50%; width: 1px; height: 11px; margin-top: -5px; background-color: #fdbcce; }
.page_5 footer .term_list .term_btn:first-child::before { display: none }

.layer_popup_wrap { display: none; justify-content: center; align-items: center; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 9999; }
.layer_popup_wrap .dimmed { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.9); }

.layer_popup_wrap .layer_popup { display: block; position: relative; max-width: 840px; max-height: 600px; background: #75d5ff; border: 4px solid #000; border-radius: 0 2rem 0 2rem; border-bottom-width: 1rem; padding: 50px 20px; box-sizing: border-box; }
.layer_popup_wrap .layer_popup > div { overflow-y: auto !important; margin-top: 16px; max-height: 400px; }

.layer_popup_wrap .pop_head { color: #0f6ebd; font-size: 35px; font-weight: bold; text-align: center; }
.layer_popup_wrap .pop_head img { max-width: 80%; margin: 0 auto; display: block; }

.layer_popup_wrap .pop_subTit { color: #000; font-size: 19px; text-align: center; }
.layer_popup_wrap .pop_table { display: flex; flex-wrap: wrap; margin-top: 20px; }
.layer_popup_wrap .pop_table .table_title { flex: 0 1 32%; display: flex; justify-content: center; align-items: center; padding: 4px; margin-bottom: 5px; height: 60px; color:#bfe7fd; font-size: 16px; text-align: center; background: #3596e7; box-sizing: border-box; }
.layer_popup_wrap .pop_table .table_contents { flex: 0 1 68%; display: flex; align-items: center; flex-wrap: wrap; padding-left: 2.25%; margin-bottom: 5px; height: 60px; color: #000; font-size: 15px; background: #baeaff; box-sizing: border-box; }
.layer_popup_wrap .pop_table .table_contents .policy_emphasis { font-size: 18px; line-height: 1.3; }
.layer_popup_wrap .pop_table .table_contents .policy_normal { font-size: 15px; }
.layer_popup_wrap .pop_desc { margin-top: 20px; }

.layer_popup_wrap .pop_text { height: 460px; font-size: 1rem; color: #d9fbff; line-height: 1.4; max-height: 60vh; padding-right: .5rem; box-sizing: border-box; font-weight: bold; }
.layer_popup_wrap .pop_text strong { display: inline-block; margin: 1rem 0 .5rem; font-size: 1.1rem; color: #fff; }
.layer_popup_wrap .ico_close { display: block; position: absolute; right: 26px; top: 23px; }

.layer_popup_wrap .ko-pop { display: none; }
.layer_popup_wrap .en-pop { display: none; }

.layer_popup_wrap .en-pop .pop_text { white-space: pre-line; }

/* layer_popup_wrap */
.pop_subTit img { display: block; margin: 0 auto; }

.pop_table img { display: block; margin: 34px auto; }

.layer_popup ul { display: block; }

.layer_popup ul li, .layer_popup em { padding-left: 20px; line-height: 1.5; font-size: 1rem; background: url(../img/ico_star_blue.png) no-repeat 0 .5em; font-weight: bold; }
.en .layer_popup ul li, .layer_popup em { background-position: 0 .2em; }

.layer_popup a { color: #0067be }

/* popupLayer */
.popup_layer { display: none; position: fixed; top: 0; left: 0; z-index: 9999; background: rgba(0,0,0,.9); width: 100%; height: 100%; }
.popup_layer .popup_contents { color: #cccccc; border: 1px solid #373740; background: #1a1a23; box-sizing: border-box; padding: 2rem; width: 100%; max-height: 100%; }
#galleryPopup { border: none; background: transparent; height: 100%; }
.popup_contents .galleryPopup { max-height: 80rem; }
.popup_contents .galleryPopup { padding: 0; margin: 0 auto; position: relative; height: 100%; }
.galleryPopup .owl-carousel .owl-stage { overflow: hidden; height: 100%; }
.galleryPopup .owl-carousel.owl-drag .owl-stage .owl-item { display: flex; justify-content: center; align-items: center; height: 100%; max-width: 100%; -webkit-touch-callout: default; -webkit-user-select: default; -khtml-user-select: default; -moz-user-select: default; -ms-user-select: default; user-select: default; touch-action: initial; }
.galleryPopup .owl-carousel.owl-drag .owl-item > div { display: flex; max-height: 100%; justify-content: center; align-items: center; }
.galleryPopup .owl-carousel.owl-drag .owl-item > div > div { height: 90%; display: flex; justify-content: center; align-items: center; }
.galleryPopup .owl-carousel.owl-drag .owl-item > div > div > span { height: 77vh; display: flex; justify-content: center; align-items: center; }
.galleryPopup .owl-carousel.owl-drag .owl-item > div video { max-width: 100%; max-height: 100%; margin: 0 auto; max-height: 900px; width: 100%; }
.galleryPopup .owl-carousel .owl-item img { display: block; max-height: 100%; margin: 0 auto; width: auto; -webkit-touch-callout: default; -webkit-user-select: default; -khtml-user-select: default; -moz-user-select: default; -ms-user-select: default; user-select: default; }
.ie + .layer_popup_wrap + .popup_layer .galleryPopup .owl-carousel .owl-item img { width: 100%; }
/*.galleryPopup .owl-carousel .owl-item div::before {position:absolute; content:''; width:100%; height:100%; border:1px solid rgba(255, 255, 255,.2); box-sizing:border-box; left:0; top:0}*/
.galleryPopup .owl-carousel .owl-nav { position: fixed; z-index: 1; bottom: 38px; left: 50%; width: 100%; max-width: 180px; height: 31px; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.galleryPopup .owl-carousel .owl-nav:before { content: ''; display: block; width: 1px; height: 20px; position: absolute; left: 50%; top: 50%; margin-top: -10px; background-color: rgba(255,255,255,.2); }
.galleryPopup .owl-carousel .owl-nav button[class^="owl-"] { position: absolute; }
.galleryPopup .owl-carousel .owl-nav button[class^="owl-"] span { font-size: 0; width: 22px; height: 31px; display: block; }
.galleryPopup .owl-carousel .owl-nav button[class^="owl-"] span::before,
.galleryPopup .owl-carousel .owl-nav button[class^="owl-"] span::after { content: ''; height: 2px; width: 20px; top: 50%; right: 0; position: absolute; display: block; background-color: rgba(255,255,255,1); -webkit-transform-origin: top right; transform-origin: top right; }
.galleryPopup .owl-carousel .owl-nav button.owl-prev { left: 0; background: url(../img/ico_video_arr_left.png) no-repeat center / cover; }
.galleryPopup .owl-carousel .owl-nav button.owl-prev span::before { right: calc(100% - 2px); -webkit-transform: rotate(135deg); transform: rotate(135deg); display: none; }
.galleryPopup .owl-carousel .owl-nav button.owl-prev span::after { right: 100%; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); display: none; }
.galleryPopup .owl-carousel .owl-nav button.owl-next { right: 0; background: url(../img/ico_video_arr_right.png) no-repeat center / cover; }
.galleryPopup .owl-carousel .owl-nav button.owl-next span::before { right: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); display: none; }
.galleryPopup .owl-carousel .owl-nav button.owl-next span::after { right: 2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); display: none; }
.galleryPopup .owl-carousel .owl-dots { display: flex; width: 100%; position: fixed; z-index: 0; left: 0; bottom: 44px; justify-content: center; align-items: center; counter-reset: slides-num; }
.galleryPopup .owl-carousel .owl-dots:after { content: counter(slides-num); margin-left: 17px; opacity: .5; }
.galleryPopup .owl-carousel .owl-dot.active:before,
.galleryPopup .owl-carousel .owl-dots:after { font-size: 16px; }
.galleryPopup .owl-carousel .owl-dot { display: inline-block; opacity: 1; counter-increment: slides-num; }
.galleryPopup .owl-carousel .owl-dot.active:before { display: flex; justify-content: flex-end; text-align: center; content: counter(slides-num); margin-right: 17px; }
.galleryPopup .owl-carousel .owl-nav button.owl-next span::after { right: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.galleryPopup .owl-carousel .owl-item .icon_corner_right { right: 1px; }
.galleryPopup .owl-carousel .owl-item .icon_corner_left { left: 1px; }
.popup_contents#galleryPopup .galleryPop { max-height: 100%; height: 100%; }
.popup_contents#galleryPopup .galleryPop .owl-stage-outer { height: 100%; }
.btn_popup_down { position: fixed; top: 22px; right: 90px; width: 70px; box-sizing: border-box; z-index: 999; }
.btn_popup_close { position: fixed; top: 30px; right: 25px; width: 48px; height: 48px; box-sizing: border-box; overflow: hidden; font-size: 0; text-indent: -99999px; background: url(../img/icn_pop_close.svg) no-repeat; background-size: contain; background-position: center center; z-index: 999; }

/*overriding*/
.popup.moviePop { background: rgba(0,0,0,.9); }
#Movie .content .btnClose { position: absolute; top: -64px; right: 0px; width: 48px; height: 48px; overflow: hidden; font-size: 0; text-indent: -99999px; background: url(../img/icn_pop_close.svg) no-repeat; background-size: 48px auto; -webkit-transition: .3s; transition: .3s; opacity: 1; }

/*#Movie .content .btnClose:hover{
    -webkit-transform:rotate(-90deg); transform:rotate(-90deg);
}*/
.popup.moviePop .btnClose:before,
.popup.moviePop .btnClose:after { display: none; }

/* 쿠키 동의 팝업 추가 */
.cookieAlert { position: fixed; left: 0; right: 0; bottom: 0; font-size: 15px; overflow: hidden; -moz-transition: transform .7s ease-in-out; -o-transition: transform .7s ease-in-out; -webkit-transition: transform .7s ease-in-out; transition: transform .7s ease-in-out; -moz-transform: translate(0,100%); -ms-transform: translate(0,100%); -o-transform: translate(0,100%); -webkit-transform: translate(0,100%); transform: translate(0,100%); z-index: 100; }
.cookieAlert .alertInner { position: relative; display: flex; justify-content: flex-start; align-items: center; max-width: 1250px; margin: 0 auto; padding: 15px 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #222; border-radius: 4px; overflow: hidden; }
.cookieAlert.active { -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0,0); }
.cookieAlert .message { flex: 1 1 auto; padding-right: 16px; box-sizing: border-box; }
.cookieAlert .message span { display: block; line-height: 1.4; color: #fff; text-align: left; }
.cookieAlert .message a { display: inline-block; color: #31a8f0; text-decoration: underline; -moz-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; -webkit-transition: color .3s ease-in-out; transition: color .3s ease-in-out; }
.cookieAlert .message a:hover { color: #b2f7ff; }
.cookieAlert .cookieAllow { float: right; display: inline-flex; justify-content: center; align-items: center; padding: 8px 16px; font-size: 15px; line-height: 20px; color: #000; text-align: center; vertical-align: top; border-radius: 6px; text-shadow: 1px 1px rgba(255,255,255,.3); background-color: #f1d600; -moz-transition: background .2s ease-in-out; -o-transition: background .2s ease-in-out; -webkit-transition: background .2s ease-in-out; transition: background .2s ease-in-out; }
.cookieAlert .cookieAllow:hover { background-color: #fff; }

@media screen and (min-width: 1441px) {
    .main-wrapper.bottom { background-position-y: 100%; }
}

@media screen and (max-width:1440px) {
    .intro_list .intro_item .intro_desc .desc_top { font-size: 22px; }
    .intro_list .intro_item .intro_desc .desc_bottom { font-size: 16px; }

    .main-wrapper { background-attachment: inherit; background-size: auto 80%; background-position: center 100%; }

    .page_5 > div { width: 100%; display: flex; justify-content: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    .page_5 > div::before { border-radius: 0; }
    .page_5 > div .cleaner_yellow { display: none; }
    .page_5 > div .character { display: none; }
    .page_5 footer { max-width: 100%; left: 0; }
    .en .page_5 .email_form .form_check .form_check_box:nth-of-type(1) span { margin-top: 0; }
    .en .page_5 .email_form .form_check .form_check_box:nth-of-type(1) .btn_privacy_more { margin-top: 0; }
    .page_5 footer .term_list { padding: 0 0 0.4rem; }
}

@media (min-width: 1025px) and (max-height: 800px) {
    .page_5 .column_wrap { padding-top: 0; }
    .page_5 section h2 { margin-bottom: 2%; }
    .page_5 .email_form .form_select .form_label { margin-top: 2%; }
}

@media (max-width: 1024px) {
    .sns_top { top: .83rem; right: .583rem; }
    .pages { min-height: auto; max-height: none; height: 30rem; }

    /* page 1 */
    .page_1 { max-height: 690px; }
    .mainWrapper h1 img { margin: 5rem auto 0; width: 17rem; max-width: none; }
    .en .mainWrapper h1 img { width: 21.625rem; margin-right: 1rem; }
    .mainWrapper .btnWrap { margin-bottom: 3.33rem; }
    .mainWrapper .btns { width: 6.16rem; }

    /* page 2 */
    .movieWrap .theMovie_slider { height: 21.5rem; min-height: auto; max-height: none; }
    .movieWrap .theMovie { padding: 0 3%; }
    .movieWrap .theMovie .imgWrap .icn_playBtn { width: 72px; height: 72px; }
    .movieWrap .theMovie .imgWrap .icn_playBtn::before { left: 56%; }

    .movieWrap .theMovie .textWrap { width: 356px; height: auto; margin-left: 25px; }
    .movieWrap .theMovie .textWrap .text_title { margin-top: 0; margin-bottom: 13px; font-size: 22px; }
    .movieWrap .musicvideo .textWrap .text_title { margin-bottom: 12px; }
    .movieWrap .theMovie .textWrap .text_title::before { width: 161px; height: 23px; }
    .movieWrap .musicvideo .textWrap .special_text_img { width: 285px; }
    .en .musicvideo .textWrap .special_text_img { width: 342px; }
    .movieWrap .theMovie .textWrap .supTit { font-size: 15px; }
    .movieWrap .theMovie .textWrap .supTit img { max-width: 90%; }
    .movieWrap .theMovie .textWrap .videoTit img { max-width: 90%; }
    .movieWrap .theMovie .textWrap .videoText { font-size: .6rem; margin-top: .6rem; }
    .en .movieWrap .theMovie .textWrap .videoText { font-size: .495rem; }
    .movieWrap .theMovie .textWrap .videoText em ~ em { margin-top: .4rem; }

    .movieWrap .theMovie .textWrap .credits_title { margin-top: 16px; font-size: 17px; }
    .movieWrap .theMovie .textWrap .credits_list { margin-top: 4px; }
    .movieWrap .theMovie .textWrap .credits_item { font-size: 13px; }

    .movieWrap .theMovie .snsWrap { margin-top: 2.5rem; }
    .movieWrap .theMovie .snsWrap li a { width: 44px; }
    .movieWrap .theMovie .snsWrap .btn_sharesns { width: 180px; height: 46px; font-size: 14px; }

    .movieWrap .music_down { height: 52px; padding: 10px 12px; width: 100%; }
    .movieWrap .music_down .btn_down { width: 108px; height: 32px; padding-left: 14px; }
    .movieWrap .music_down .btn_down::before { right: 12px; }
    .movieWrap .stream_wrap .stream_opener::before, 
    .movieWrap .stream_wrap .stream_opener::after { right: 12px; }
    .movieWrap .stream_wrap .stream_opener { font-size: 14px; }
    .movieWrap .stream_wrap.over .stream_opener { border-radius: 20px 20px 0 0; }
    .movieWrap .streaming_wrap { cursor: pointer; }
    .movieWrap .streaming_wrap.active .icn_wrap::before { opacity: 1; }
    .movieWrap .streaming_wrap.active .icn_streaming::before { opacity: 0; }
    .movieWrap .streaming_wrap.active .icn_streaming.hover { background-color: #ff2e63; -webkit-transform: translate3d(-50%, -50%, 0) scale(1.15); transform: translate3d(-50%, -50%, 0) scale(1.15); }
    .movieWrap .streaming_wrap .streaming_list { width: 297px; top: -6%; flex-wrap: wrap; height: 115px; padding-left: 24px; border-radius: 14px; -webkit-transform: translate3d(113%, -50%, 0); transform: translate3d(113%, -50%, 0); }
    .movieWrap .streaming_wrap .streaming_item { width: 33%; }
    .en .movieWrap .streaming_wrap .streaming_item { width: auto; }
    .movieWrap .streaming_wrap.active .streaming_list { width: 220px; padding-right: 35px; transform: translate3d(0%, -50%, 0); }
    .movieWrap .streaming_wrap::before { bottom: -18px; right: -17px; width: 247px; height: 115px; border-radius: 14px; -webkit-transition: transform .525s ease-out; transition: transform .525s ease-out; }
    .movieWrap .streaming_wrap.active::before { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: transform .475s ease-out; transition: transform .475s ease-out; }
    .en .movieWrap .streaming_wrap::before { width: 247px; height: 72px; }
    .en .movieWrap .streaming_wrap .streaming_list { width: 0; top: 50%; flex-wrap: nowrap; height: auto; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }
    .en .movieWrap .streaming_wrap.active .streaming_list { width: 220px; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }
    .movieWrap .streaming_wrap .icn_streaming { width: 38px; height: 38px; }

    .movieWrap .music_down .stream_wrap .stream_list { top: 32px; border-radius: 0 0 20px 20px; }
    .movieWrap .stream_wrap .stream_link { padding-left: 35px; font-size: 12px; }
    .en .movieWrap .stream_wrap .stream_link { font-size: 10px; }
    .movieWrap .music_down .stream_link .icn_stream { left: 19px; }

    .movieWrap.active .box_object { display: none; }
    .movieWrap .skate { bottom: auto; top: 60%; left: 0; width: 35%; }
    .movieWrap.active .skate { display: none; left: 4%; }
    .movieWrap .skate_spark { bottom: auto; top: 43%; left: -16%; width: 22%; }
    .movieWrap.active .skate_spark { display: none; left: -12%; }

    .movie_slider_btn { width: 40px; height: 63px; }
    .movie_slider_btn.next { background-position: -730px -610px; }
    .movie_slider_btn.prev { background-position: -668px -610px; }

    /* page 3 */
    .intro_list .intro_item { max-width: 205px; height: 374px; }
    .intro_list .intro_item .intro_desc { padding: 0.416rem; min-height: 83px; }
    .en .intro_list .intro_item .intro_desc { min-height: 94px; }
    .intro_list .intro_item .intro_desc .desc_top { font-size: .725rem; }
    .en .intro_list .intro_item .intro_desc .desc_top { font-size: .7rem; }
    .intro_list .intro_item .intro_desc .desc_bottom { font-size: .541rem; margin-top: .25rem; }
    .en .intro_list .intro_item .intro_desc .desc_bottom { font-size: .416rem; }

    .introWrap .spark_effect img { width: 70%; }
    .introWrap .spark_effect.type1 { top: -41%; left: 4%; }
    .introWrap.active .spark_effect.type1 { top: -37%; left: 8%; }
    .introWrap .spark_effect.type2 { top: -19%; left: -3%; }
    .introWrap.active .spark_effect.type2 { top: -15%; left: 1%; }
    .introWrap .spark_effect.type3 { bottom: -23%; left: -2%; }
    .introWrap.active .spark_effect.type3 { bottom: -19%; left: 2%; }
    .introWrap .spark_effect.type4 { top: -36%; right: 4%; }
    .introWrap.active .spark_effect.type4 { top: -32%; right: 8%; }
    .introWrap .spark_effect.type5 { top: -17%; right: -7%; }
    .introWrap.active .spark_effect.type5 { top: -13%; right: -3%; }
    .introWrap .spark_effect.type6 { bottom: -30%; right: -4%; }
    .introWrap.active .spark_effect.type6 { bottom: -26%; right: -1%; }

    /* page 4 */
    .galleryWrap { padding: 0 2.5vw; }
    .galleryWrap .gallery ul li .preview_box { border-radius: 9px; }
    .galleryWrap .gallery ul li.video { left: 40.225%; width: 19.125%; }
    .galleryWrap .slider_btn_wrap { bottom: -47px; right:7px; }
    .galleryWrap .slider_btn_wrap .slider_btn { width: 1.834rem; height: 1.667rem; }
    .galleryWrap .slider_btn_wrap .slider_btn::before { width: .375rem; height: .708rem; }
    .galleryWrap .slider_btn_wrap .slider_btn.prev { border-radius: 0 8px; }
    .galleryWrap .slider_btn_wrap .slider_btn.prev::before { background-position: -.75rem -5rem; }
    .galleryWrap .slider_btn_wrap .slider_btn.next { border-radius: 8px 0; }
    .galleryWrap .slider_btn_wrap .slider_btn.next::before { background-position: -2.375rem -5rem; }
    .galleryWrap .gallery .slider_page_wrap { bottom: 3rem; }

    .galleryWrap .cleaner { right: 8%; bottom: 60%; width: 23%; }
    .galleryWrap .radio_spark { right: -1%; bottom: 60%; width: 50%; }

    .gallery .owl-dots { text-align: center; display: none; }
    .gallery .owl-dot { margin-top: 2.43rem; display: inline-block; }
    .gallery .owl-dot:not(:last-of-type) { margin-right: 0.625rem; }
    .gallery .owl-dot > span { display: block; width: .916rem; height: .916rem; background-color: #2b313d; border-radius: 50%; -webkit-transition: background-color .25s; transition: background-color .25s; }
    .gallery .owl-dot.active > span { background: #fe285e; }
    .gallery .owl-carousel .owl-item { display: flex; justify-content: center; }
    .gallery.on .owl-drag .owl-item { -ms-touch-action: auto; touch-action: auto; }
    .popup_layer .popup_contents { padding: 0rem; overflow-y: auto !important; margin: 0 auto; }
    .popup_contents#galleryPopup .galleryPop { height: 100%; }
    .popup_contents .galleryPopup { height: 100%; justify-content: center; align-items: center; display: flex; }
    .popup_contents .galleryPopup .owl-carousel .owl-stage-outer { height: 100%; }
    .galleryPopup .owl-carousel .owl-nav { bottom: 1rem; height: 1.292rem; max-width: 11rem; }
    .galleryPopup .owl-carousel .owl-nav:before { margin-top: -.6rem;  height: 1.2rem; }
    .galleryPopup .owl-carousel .owl-dots { bottom: 1.05rem; font-size: 1.8rem; }
    .galleryPopup .owl-carousel .owl-nav button[class^="owl-"] span { width: .916rem; height: 1.291rem; }
    .galleryPopup .owl-carousel .owl-dots:after { min-width: 2rem; margin-left: 1rem; }
    .galleryPopup .owl-carousel .owl-dot.active:before { min-width: 2rem; margin-right: 1rem; }
    .galleryPopup .owl-carousel .owl-dot.active:before,
    .galleryPopup .owl-carousel .owl-dots:after { font-size: 1rem; }
    
    .galleryWrap .swiper_navi.gallery_slider_btn { display: none; }

    .btn_popup_down { top: .6rem; right: 4rem; width: 3.6rem; }
    .btn_popup_close { width: 2.5rem; height: 2.5rem; top: .8rem; right: .8rem; }

    /* page 5 */
    .page_5 > div { justify-content: flex-start; width: 66%; min-width: auto; padding: 0 7%; }
    .page_5 > div::before { border-radius: 36px 0 0 0; }
    .page_5 > div .character { display: block; left: -61%; width: 70%; }
    .page_5 > div .cleaner_yellow { right: -141%; display: block; }
    .page_5 > div.active .cleaner_yellow { -webkit-transform: translate3d(-110%, -54%, 0); transform: translate3d(-110%, -54%, 0); }

    .page_5 .column_wrap { padding-top: 13%; }
    .page_5 section h2 img { width: 331px; }
    .page_5 .email_form { max-width: 465px; }
    .page_5 .email_form .form_label { font-size: .584rem; }
    .page_5 .email_form .form_select .form_label { margin-top: .834rem; }
    .page_5 .email_form .form_select label:after { top: 54%; right: 15px; width: 12px; height: 8px; }
    .page_5 .email_form .form_text input, 
    .page_5 .email_form .form_select select { padding: 16px 22px; font-size: .584rem; }
    .custom_check input[type="checkbox"] + label { padding-left: 1.34rem; font-size: .5rem; }
    .custom_check input[type="checkbox"] + label:before { width: 20px; height: 20px; }
    .form_check .custom_check input[type="checkbox"] + label:after { width: 10px; height: 10px; left: 5px; top: calc(50% - 5px); }
    .page_5 .email_form .form_check .form_check_box:nth-of-type(1) .btn_privacy_more { min-width: 3rem; padding: .21rem .458rem; font-size: .416rem; }

    .page_5 .btn_wrap { margin-top: 1rem; }
    .page_5 .btn_button { width: 8rem; height: 2.5rem; border-radius: 0 11px; }
    .en .page_5 .btn_button { width: 10.834rem; }
    .page_5 .btn_button img { width: 2rem; }
    .en .page_5 .btn_button img { width: 5rem; }
    .page_5 footer { margin-top: 1rem; }
    .page_5 footer h3 { margin-top: 1rem; }
    .page_5 footer .term_list .term_btn { padding: 0 0.75rem; font-size: .6rem; }
    .page_5 .select_culture li button { font-size: .75rem; }
    .page_5 footer h3 a { width: 4.458rem; }
    .page_5 footer h3 span { font-size: .5rem; }
}

@media screen and (max-width: 767px) {
    .only_pc { display: none; }
    body { overflow-y: auto; }

    .icn_spr { background-size: 33.333rem; }
    .icn_stream::before, 
    .icn_stream::after { background-size: 33.333rem; }
    
    .icn_youtube { width: 1.167rem; height: 1.167rem; }
    .icn_youtube::before { background-position: -11.25rem -2rem; }
    .icn_youtube::after { background-position: -11.25rem -3.75rem; }
    .icn_spotify { width: 1.209rem; height: 1.209rem; }
    .icn_spotify::before { background-position: -12.66rem -2rem; }
    .icn_spotify::after { background-position: -12.66rem -3.75rem; }
    .icn_applemusic { width: 0.834rem; height: 1.042rem; }
    .icn_applemusic::before { background-position: -14.12rem -2rem; }
    .icn_applemusic::after { background-position: -14.12rem -3.75rem; }
    .icn_melon { width: 1.084rem; height: 1.292rem; }
    .icn_melon::before { background-position: -15.2rem -2rem; }
    .icn_melon::after { background-position: -15.2rem -3.75rem; }
    .icn_flo { width: 0.584rem; height: 1.042rem; }
    .icn_flo::before { background-position: -16.54rem -2rem; }
    .icn_flo::after { background-position: -16.54rem -3.75rem; }
    .icn_vibe { width: 1.25rem; height: 1.041rem; }
    .icn_vibe::before { background-position: -17.37rem -2rem; }
    .icn_vibe::after { background-position: -17.37rem -3.75rem; }
    .icn_bugs { width: 0.917rem; height: 1.167rem; }
    .icn_bugs::before { background-position: -18.87rem -2rem; }
    .icn_bugs::after { background-position: -18.87rem -3.75rem; }
    .icn_genie { width: 0.5rem; height: 1.209rem; }
    .icn_genie::before { background-position: -20.04rem -2rem; }
    .icn_genie::after { background-position: -20.04rem -3.75rem; }
    .icn_tidal { width: 1.292rem; height: 0.875rem; }
    .icn_tidal::before { background-position: -20.79rem -2rem; }
    .icn_tidal::after { background-position: -20.79rem -3.75rem; }
    .icn_amazonmusic { width: 1.292rem; height: 0.792rem; }
    .icn_amazonmusic::before { background-position: -22.375rem -2rem; }
    .icn_amazonmusic::after { background-position: -22.375rem -3.75rem; }
    .icn_deezer { width: 1.125rem; height: 0.709rem; }
    .icn_deezer::before { background-position: -23.875rem -2rem; }
    .icn_deezer::after { background-position: -23.875rem -3.75rem; }
    
    body { height: auto; }

    .arrow.active, .arrow_right.active { display: none; }

    /*.swiper-container { height: auto; }*/
    .swiper-wrapper { display: block; background: #efefef; }
    .custom_check input[type="checkbox"] + label { padding-left: 2.583rem; font-size: 1rem; }
    .custom_check input[type="checkbox"] + label:before { width: 1.75rem; height: 1.75rem; }

    .form_check .custom_check input[type="checkbox"] + label:after { left: 0.4375rem; top: calc(50% - 0.4375rem); width: 0.875rem; height: 0.875rem; }

    /* sns_top */
    .sns_top { position: absolute; top: auto; bottom: 15.2rem; left: 50%; right: auto; justify-content: center; width: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .sns_top li { display: flex; justify-content: center; align-items: center; border-radius: 50%; }
    .sns_top li { width: 3.75rem; height: 3.75rem; }
    .sns_top li + li { margin-left: 1.667rem; }
    .sns_top li a .icn_sns{ background-size: 33.333rem; }
    .sns_top li a .icn_sns::before { display: none; }
    .sns_top li a.youtube .icn_sns { width: 2.25rem; height: 1.542rem; background-position: 0 -7.916rem; }
    .sns_top li a.twitter .icn_sns { width: 1.959rem; height: 1.625rem; background-position: -2.5rem -7.916rem; }
    .sns_top li a.instagram .icn_sns { width: 2rem; height: 2rem; background-position: -4.584rem -7.916rem; }
    .sns_top li a.tiktok .icn_sns { width: 1.625rem; height: 1.792rem; background-position: -6.917rem -7.916rem; }
    .sns_top li a.facebook .icn_sns { width: 0.917rem; height: 1.834rem; background-position: -8.833rem -7.916rem; }

    /* start */
    .pages { height: auto; min-height: 23rem; }
    /* page_1 */
    .swiper-wrapper { background: none; width: auto; }
    .page_1 { height: 100vh; max-height: 60rem; background: url(../img/bg_mo.jpg) no-repeat center / cover; }
    .arrow_mo { max-width: 4rem; margin-left: -2rem; }

    /* header */
    .headerWrap { width: 100%; height: 5.125rem; }

    /*  */
    .layer_pop { display: none; position: fixed; z-index: 9999; top: 30%; width: 26rem; left: 50%; margin-left: -13rem; cursor: pointer; }
    main { padding-left: 0; max-width: 25rem; margin: 0 auto; display: block; width: 100%; }
    .mainWrapper { height: 80%; display: block; }
    .mainWrapper h1 { padding-top: 3rem; }
    .mainWrapper h1 img { width: 20.91rem; margin: 0 auto; }
    .en .mainWrapper h1 img {  }
    .mainWrapper h2 { padding-top: 1.8rem; display: flex; align-items: flex-end; padding-right: 0; }
    .mainWrapper h2 img { max-width: 20.3rem; }
    .mainWrapper h2 .btn_play { width: 4.541rem; height: 3.833rem; background-size: cover; position: static; }
    .mainWrapper .btnWrap { display: block; margin-top: 2.083rem; max-width: 100%; font-size: 0; }
    .mainWrapper .btnWrap button { display: inline-block; margin: 0 auto; width: 14.829rem; }
    .mainWrapper .btnWrap button img { margin: 0 auto; }
    .mainWrapper .btns ~ .btns { margin-left: 0; margin-top: .75rem; }
    .btn_button { margin: 1.5rem auto 0; background: #3596e7; border-radius: 1.4rem 0 1.4rem 0; }
    .btn_button:before { width: 2.7916rem; height: 1.916rem; margin-right: 0.6rem; background-image: url(../img/ico_mail_mo.png); background-size: auto 100%; -webkit-transform: translateY(0); transform: translateY(0); }
    .btn_button img { max-height: 100%; }

    .arrow_mo { display: block; }

    .ico_mouse { display: flex; flex-direction: column; bottom: auto; top: 43rem; left: 50%; width: 2.83rem; position: absolute; margin-left: -1.415rem; }

    .ico_mouse i { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
    .ico_mouse i:nth-of-type(2) { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

    [data-animate]:not(.shake) { opacity: 1; }

    /* page_2 */
    .movieWrap { max-width: 100%; }
    .movieWrap:before { display: none; }
    .page_2 .movieWrap .theMovie_slider { display: block; max-width: none; height: auto; border-radius: 0; -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; opacity: 1; background: transparent; }
    .movieWrap .theMovie { display: block; max-width: 100%; max-height: 100%; height: auto; padding: 4.458rem 1.75rem; z-index: auto; }
    .movieWrap.nextPage .movietrailer { z-index: 0; }
    .movieWrap.nextPage .musicvideo { z-index: 1; }
    .movieWrap .musicvideo { background: #ff2e63; z-index: 1; }
    .movieWrap .movietrailer { position: relative; background: #3596e7; }
    .movieWrap .theMovie img { display: block; margin: 0 auto; }
    .movieWrap .theMovie .imgWrap { opacity: 1; max-width: 100%; }
    .page_2 .movieWrap .theMovie .imgWrap img { display: block; max-width: 100%; opacity: 1; visibility: visible; -webkit-animation: none; animation: none; }
    .movieWrap .theMovie .snsWrap { margin: 4rem 0 0; }
    .movieWrap .theMovie .snsWrap > li { width: 50%; }
    .movieWrap .theMovie .snsWrap .btn_sharesns { width: 100%; height: 4rem; font-size: 1.125rem; }
    .movieWrap .theMovie .snsWrap .btn_sharesns .icn_facebookIcon { width: 0.5rem; height: 1.042rem; background-position: 0 -3.667rem; }
    .movieWrap .theMovie .snsWrap .btn_sharesns .icn_twitterIcon { width: 1.25rem; height: 1.042rem; background-position: -0.667rem -3.667rem; }

    .page_2 .movieWrap .theMovie .textWrap { padding-left: 0; width: auto; margin: 2.25rem auto 0; opacity: 1; visibility: visible; -webkit-animation: none; animation: none; }
    .movieWrap .theMovie .textWrap .text_box { display: flex; flex-direction: column; align-items: center; padding-left: 0; }
    .movieWrap .theMovie .textWrap .text_title img { width: 100%; }
    .movieWrap .musicvideo .textWrap .text_title { margin-bottom: 0; }
    .movieWrap .movietrailer .textWrap .text_title { margin-bottom: 1rem; font-size: 2rem; width: 12.209rem; }
    .movieWrap .theMovie .textWrap .text_title::before { bottom: -1rem; width: 12.209rem; height: 1.584rem; background-image: url('../img/img_deco_underline_star_mo.png'); }
    .movieWrap .musicvideo .textWrap .text_title img { width: 16.625rem; }
    .movieWrap .musicvideo .textWrap .special_text_img { margin-top: 1rem; width: 24.375rem; }
    .en  .musicvideo .textWrap .special_text_img { width: 26.917rem; }
    .movieWrap .theMovie .textWrap .supTit { width: 22.125rem; }
    .movieWrap .musicvideo .textWrap .supTit { width: auto; max-width: 100%; font-size: 1.291rem; text-align: center; }
    .movieWrap .theMovie .textWrap .videoTit { width: 25.25rem; margin: 1rem auto 0; }
    .movieWrap .theMovie .textWrap .videoText { margin-top: 2rem; font-size: 1.2rem; text-align: center; line-height: 1.3; font-weight: bold; }
    .en .movieWrap .theMovie .textWrap .videoText { font-size: .975rem; }
    .movieWrap .theMovie .textWrap .videoText em ~ em { margin-top: .75rem; }
    .movieWrap .theMovie .textWrap .credits_title { margin-top: 2.5rem; font-size: 1.541rem; }
    .movieWrap .theMovie .textWrap .credits_list { margin-top: .85rem; text-align: center; }
    .movieWrap .theMovie .textWrap .credits_item { display: inline-block; text-align: center; font-size: 0.916rem; color: #ffb9c6; }
    .movieWrap .theMovie .textWrap .credits_item::before { background: #ffb9c6; }

    .movieWrap .music_title { margin-top: 5rem; padding-left: 0; }
    .movieWrap .music_down { height: 4.5rem; flex-wrap: nowrap; width: 100%; margin: 2.916rem auto 0; padding: 1rem 1.2rem; box-sizing: border-box; border-radius: 50px; background: #c60f3d; }
    .movieWrap .music_down .btn_down { width: 32%; height: 2.5rem; padding-left: 1.125rem; border-radius: 1.25rem; font-size: .75rem; }
    .movieWrap .stream_wrap.over .stream_opener { border-radius: 1.25rem 1.25rem 0 0; }
    .movieWrap .stream_wrap { width: 32%; }
    .movieWrap .stream_wrap .stream_opener { width: 100%; }
    .movieWrap .music_down .stream_wrap .stream_list { top: 2.5rem; border-radius: 0 0 1.25rem 1.25rem; }
    .movieWrap .stream_wrap .stream_link { padding: 1rem 3px 1rem 2.5rem; font-size: .75rem; }
    .movieWrap .stream_wrap .stream_link:active { color: #252525; }
    .movieWrap .music_down .stream_link .icn_stream { left: 1.3rem; }
    .stream_link:active .icn_stream::before { opacity: 0; }
    .stream_link:active .icn_stream::after { opacity: 1; }
    .movieWrap .music_down .btn_down::before { right: 1.2rem; width: .583rem; height: .625rem; background: url(../img/spr_etc.png) no-repeat -4.1667rem -5rem / 33.333rem 33.333rem; }
    .movieWrap .stream_wrap .stream_opener::before,
    .movieWrap .stream_wrap .stream_opener::after { right: 1rem; width: 1rem; height: 0.834rem; background-size: 33.333rem; }
    .movieWrap .stream_wrap .stream_opener::before { background-position: -9.334rem 0; }
    .movieWrap .stream_wrap .stream_opener::after { background-position: -9.334rem -1.25rem; }

    .movieWrap .streaming_wrap { position: static; }
    .movieWrap .streaming_wrap::before { right: 0; bottom: 0; height: 100%; width: 100%; border-radius: 50px; -webkit-transition: transform .65s ease-out; transition: transform .65s ease-out; }
    .en .movieWrap .streaming_wrap::before { height: 4.5rem; width: 14.5rem; }
    .en .movieWrap .streaming_wrap.active::before { -webkit-transition: transform .475s ease-out; transition: transform .475s ease-out; }
    .movieWrap .streaming_wrap .streaming_list { flex-wrap: nowrap; top: 50%; right: 0; width: 0; height: 4.5rem; padding-left: 1.25rem; margin-right: 3.5rem; border-radius: 2.5rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
    .movieWrap .streaming_wrap.active .streaming_list { width: 100%; padding-right: 4.75rem; margin-right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
    .en .movieWrap .streaming_wrap.active .streaming_list { width: 14.25rem; }
    .movieWrap .streaming_wrap .streaming_item { width: auto; }
    .en .movieWrap .streaming_wrap .streaming_item { width: auto; }
    .movieWrap .streaming_wrap .streaming_link { width: 2.334rem; }
    .movieWrap .streaming_wrap .icn_wrap::before { width: 2.5rem; height: 2.5rem; background: url('../img/spr_etc.png') no-repeat -12.583rem -2.416rem / 33.333rem 33.333rem; }
    .movieWrap .streaming_wrap .icn_streaming { width: 2.5rem; height: 2.5rem; }
    .movieWrap .streaming_wrap .icn_streaming::before { width: 2.5rem; height: 2.5rem; background: url('../img/spr_etc.png') no-repeat -9.75rem -2.416rem / 33.333rem 33.333rem; }


    .page_2 .movieWrap .movie_slider_btn.prev,
    .page_2 .movieWrap .movie_slider_btn.next { display: none; }

    /* page_3 */
    .page_3::before { height: 100%; }
    .page_3.active::before { height: 100%; }
    .introWrap { padding: 5.5rem 1.75rem; box-sizing: border-box; }
    .intro_list { flex-direction: column; }
    .page_3 .intro_list .intro_item { max-width: none; width: 100%; height: 23.458rem; margin-top: 0; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    .page_3 .intro_list .intro_item + .intro_item { margin-left: 0; margin-top: 1.66rem; }
    .intro_list .intro_item .intro_desc { min-height: 7.083rem; padding: 1rem 1rem .75rem 1rem;  }
    .intro_list .intro_item .intro_desc .desc_top { font-size: 2.083rem; }
    .en .intro_list .intro_item .intro_desc .desc_top { font-size: 1.875rem; }
    .intro_list .intro_item .intro_desc .desc_bottom,
    .en .intro_list .intro_item .intro_desc .desc_bottom { font-size: 1.333rem; }

    /* page_4 */
    .galleryWrap { display: block; max-width: 100%; padding: 7.5rem 0 31rem; background: url(../img/bg_mo_3.jpg) no-repeat; background-size: cover; }
    .page_4 .galleryWrap .gallery { display: block; }
    .galleryWrap .gallery ul { display: block; }
    .galleryWrap .gallery ul.only_pc { display: none; }
    .page_4 .galleryWrap .gallery ul li .preview_box img { margin: 0; opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
    .galleryWrap .gallery ul li.video { position: static; width: 100%; }
    .galleryWrap .gallery ul li:nth-of-type(1) { position: static; }
    .galleryWrap .gallery ul li:nth-of-type(5) { position: static; margin-top: 0; }
    .galleryWrap .gallery ul li:nth-of-type(6) { position: static; width: 100%; }
    .galleryWrap .gallery ul li .preview_box { border-radius: 1.4rem; }
    .galleryWrap .gallery ul li .preview_box::before { display: none; }
    .galleryWrap .cleaner { display: none; }
    .galleryWrap .gallery_slider_wrap { margin-top: 0; padding-bottom: 0; }
    .galleryWrap .slider_page_wrap { display: none; }
    .galleryWrap .gallery_slider_wrap.right ul:nth-of-type(1) { opacity: 1; z-index: 1; }
    .galleryPopup .owl-carousel .owl-item > div > div > span { width: 90%; }
    .ie .movieWrap .theMovie .imgWrap { width: 100%; }
    .galleryWrap .slider_pagination { position: relative; display: flex; justify-content: center; align-items: center; margin: 2rem auto 0; width: 13rem; height: 3.75rem; font-size: 1.8rem; color: #fff; font-weight: bold; border-radius: 2rem; background: #fe285e; }
    .galleryWrap .slider_pagination .slider_btn { position: absolute; top: 50%; width: 1.334rem; height: 1.667rem; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); background: url(../img/spr_etc.png) no-repeat; background-size: 33.333rem; }
    .galleryWrap .slider_pagination .slider_btn_prev { left: 0.5rem; background-position: -7.667rem -10.834rem; }
    .galleryWrap .slider_pagination .slider_btn_next { right: 0.5rem; background-position: -9.416rem -10.834rem; }

    .galleryWrap .slider_btn_wrap { display: none; }
    .galleryWrap .swiper_navi.gallery_slider_btn { display: none; }

    /* page_5 */
    .page_5 { width: 100% !important; min-width: 100% !important; background: #f3235c; }
    .page_5 .column_wrap { opacity: 1; }
    .page_5.pages > div .character { display: block; -webkit-transform: translateY(-45%); transform: translateY(-45%); }

    .page_5 > div { position: static; width: 100% !important; min-width: auto; display: block; padding: 0; opacity: 1; background: #f3235c; }
    .page_5 > div .character { opacity: 1; top: -14.5rem; left: auto; right: -5rem; height: auto; width: 84%; z-index: 0; -webkit-animation: none; animation: none; }
    .page_5 > div.active .character { left: auto; }
    .page_5 > div .character img { height: auto; }
    .page_5 > div .cleaner_yellow { display: none; }
    .page_5 section { width: 100%; padding: 2.833rem 2.5rem 0; box-sizing: border-box; }

    .page_5 section h2 { margin-bottom: 1.6rem; }
    .page_5 section h2 img { min-height: auto; max-height: none; width: 22.916rem; }

    /* email_form */
    .page_5 .email_form { max-width: 100%; }
    .page_5 .email_form .form_label { margin-bottom: 0.5rem; font-size: 1rem; }
    .page_5 .email_form .form_text input,
    .page_5 .email_form .form_select select { border: none; font-size: 1rem; padding: 0 1.33rem; height: 3.5rem; border-radius: 9px; }

    .page_5 .email_form .form_select .form_label { margin-top: 1.5rem; }
    .page_5 .email_form .form_select div label { width: calc(33.33% - 0.2rem); }
    .page_5 .email_form .form_select div label ~ label { width: calc(33.33% - 0.2rem); margin-left: 0.3rem; }
    .page_5 .email_form .form_select label:after { width: 0.708rem; height: 0.5rem; background-size: auto 100%; right: 0.78rem; }
    .page_5 .email_form .form_check { margin-top: 1.666rem; }
    .page_5 .email_form .form_check .form_check_box { max-width: 100%; }
    .page_5 .email_form .form_check .form_check_box:nth-of-type(1) .btn_privacy_more { min-width: 6.4rem; text-align: center; font-size: 0.83rem; padding: 0.541rem 1rem; margin-left: 0.5rem; }
    .page_5 .email_form .form_check_box ~ .form_check_box { margin-top: 1rem; }
    .page_5 .custom_check input[type="checkbox"] + label { font-size: 1.083rem; }
    .page_5 .btn_wrap { margin-top: 2rem; }
    .page_5 .register,
    .en .page_5 .register { margin: 1.5rem auto 0; width: 19.833rem; height: 4.5rem; border-radius: 0 1rem; }
    .page_5 .register img { width: 4.1667rem; }
    .en .page_5 .register img { width: 8.416rem; }

    .page_5 footer { position: static; display: block; margin-top: 9rem; padding-top: 2rem; padding-bottom: 1.5rem; max-width: 100%; }
    .page_5 footer h3 { flex-direction: column; margin-top: 2.2rem; margin-bottom: 1.5rem; padding-bottom: 0; }
    .page_5 footer h3 span { color: #ededed; font-size: 1rem; }
    .page_5 footer h3 a { position: relative; order: 1; width: 7.75rem; margin-top: 1rem; opacity: .85; }
    .page_5 footer h3 a img { display: block; }
    .page_5 footer .term_list { padding: 0 0 0.8rem; }
    .page_5 footer .term_list .term_btn { margin: 0; padding: 0 0.625rem; font-size: 1rem; line-height: 1.768 }
    .page_5 footer .term_list .term_btn::before { height: 0.75rem; margin-top: -0.375rem; }
    .page_5 .select_culture { margin-left: 0; }
    .en .page_5 .select_culture { margin-left: 0; }
    .page_5 .select_culture li button { font-size: 1.25rem; }

    .layer_popup ul li { font-size: .7rem; }
    .layer_popup_wrap .layer_popup { max-width: 95%; padding: 1.75rem; }
    .layer_popup_wrap .pop_head { font-size: 1.4rem; }
    .layer_popup_wrap .pop_subTit { font-size: .825rem; }
    .layer_popup_wrap .pop_table { margin-top: 1rem; }
    .layer_popup_wrap .pop_table .table_title { flex: 0 0 100%; margin-bottom: 0; padding: .4rem .1rem; height: auto; font-size: .725rem; }
    .layer_popup_wrap .pop_table .table_contents { flex: 0 0 100%; justify-content: center; text-align: center; margin-bottom: .5rem; padding: .5rem; height: auto; font-size: .7rem; }
    .layer_popup_wrap .pop_table .table_contents .policy_emphasis { font-size: .85rem; }
    .layer_popup_wrap .pop_table .table_contents .policy_normal { font-size: .7rem; }
    .layer_popup_wrap .layer_popup > div { margin-top: 1rem; }
    .layer_popup_wrap .pop_text { height: 20rem; }
    .layer_popup_wrap .ico_close { right: .75rem; top: .75rem; max-width: 2.5rem; }

    .pop_table img { margin: 1rem auto; }

    /* 쿠키 동의 팝업 추가 */
    .cookieAlert { font-size: 12px; }
    .cookieAlert .alertInner { padding: 10px; }
    .cookieAlert .message { padding-right: 6px; }
    .cookieAlert .message span { text-align: left; font-size: 12px; }
    .cookieAlert .cookieAllow { flex: 1 0 auto; font-size: 12px; }
}

@media (max-width: 480px) {
    .layer_popup_wrap .pop_table .table_contents .policy_emphasis { font-size: 12px; }
}

/* mouse over */
@media screen and (min-width: 1025px) {    
    .scroll-container .swiper-slide { overflow: auto; -webkit-overflow-scrolling: touch; }
    body { overflow: overlay; }
    .main-wrapper { overflow-x: hidden; overflow-y: overlay; }
    body::-webkit-scrollbar-thumb { background: #f3245c; }

    ::-webkit-scrollbar { width: 7px; border: 0; background: transparent; }
    ::-webkit-scrollbar-button:start:decrement,
    ::-webkit-scrollbar-button:end:increment { display: none }
    ::-webkit-scrollbar-button:start:decrement { display: none; }
    ::-webkit-scrollbar-button:end:increment { display: none; }
    ::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.25); }
    .ko-pop::-webkit-scrollbar-thumb,
    .en-pop::-webkit-scrollbar-thumb { background: #0067be; }
    
    .sns_top li a:hover { background: #fff; }
    .sns_top li a:hover .icn_sns::before { opacity: 1; }
    .sns_top.active { -webkit-transform: translate3d(0, -5vh, 0); transform: translate3d(0, -5vh, 0); }
    .mainWrapper h2 .btn_play:hover { background-image: url(../img/img_pop_7_ko.png); width: 305px; -webkit-transform: translateY(-6px); transform: translateY(-6px); cursor: default; }
    :lang(en-US) .mainWrapper h2 .btn_play:hover { background-image: url(../img/img_pop_7_en.png) }

    .btn_button:hover:before { display: none; }
    .page_5 .email_form .form_check .form_check_box:nth-of-type(1) .btn_privacy_more:hover { background: white; color: #e91e5a; }

    .ico_mouse:hover { -webkit-animation: bounce2 .3s infinite alternate; animation: bounce2 .3s infinite alternate; }
    .ico_mouse i { cursor: pointer; }

    .mainWrapper .btns:hover,
    .mainWrapper .btns:focus { -webkit-filter: brightness(1.1); filter: brightness(1.1); -webkit-transform: translateY(-8%); transform: translateY(-8%); }

    /* movieWrap*/
    .movieWrap .theMovie .imgWrap:hover .img_box { -webkit-transform: scale3d(1.05, 1.05, 1); transform: scale3d(1.05, 1.05, 1); }
    .movieWrap .theMovie .imgWrap:hover .icn_playBtn { background: rgba(255, 255, 255, 1); }
    .movieWrap .theMovie .imgWrap:hover .icn_playBtn::before { -webkit-transform: translate3d(-50%, -50%, 0) scale3d(1.05, 1.05, 1); transform: translate3d(-50%, -50%, 0) scale3d(1.05, 1.05, 1); }

    .movie_slider_btn:hover.prev { -webkit-transform: translate3d(-15%, -50%, 0); transform: translate3d(-15%, -50%, 0); }
    .movie_slider_btn:hover.next { -webkit-transform: translate3d(15%, -50%, 0); transform: translate3d(15%, -50%, 0); }

    .movieWrap .theMovie .textWrap .musicDown .downYoutube > span .btn_down { -webkit-transition: .5s; transition: .5s; }
    .movieWrap .theMovie .textWrap .musicDown .downYoutube > span .btn_down:hover { -webkit-filter: brightness(1.1); filter: brightness(1.1); }
    .galleryWrap .gallery ul li .preview_box { border-radius: 5%; }

    /* streaming hover */
    .movieWrap .streaming_wrap.active::before,
    .movieWrap .streaming_wrap:hover::before { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: transform .525s ease-out; transition: transform .525s ease-out; }
    .en .movieWrap .streaming_wrap.active::before,
    .en .movieWrap .streaming_wrap:hover::before { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: transform .475s ease-out; transition: transform .475s ease-out; }
    .movieWrap .streaming_wrap.active .icn_wrap::before,
    .movieWrap .streaming_wrap:hover .icn_wrap::before { opacity: 1; }
    .movieWrap .streaming_wrap.active .icn_streaming::before,
    .movieWrap .streaming_wrap:hover .icn_streaming::before { opacity: 0; }
    .movieWrap .streaming_wrap.active .icn_streaming.hover,
    .movieWrap .streaming_wrap:hover .icn_streaming.hover { border-radius: 50%; background-color: #ff2e63; -webkit-transform: translate3d(-50%, -50%, 0) scale(1.25); transform: translate3d(-50%, -50%, 0) scale(1.25); }
    .movieWrap .streaming_wrap.active .streaming_list,
    .movieWrap .streaming_wrap:hover .streaming_list { width: 344px; padding-right: 40px; }
    .en .movieWrap .streaming_wrap.active .streaming_list,
    .en .movieWrap .streaming_wrap:hover .streaming_list { width: 205px; }
    .movieWrap .streaming_wrap .streaming_link:hover::before { -webkit-transform: scale(1.11); transform: scale(1.11); }
    .movieWrap .streaming_wrap .streaming_link.comingsoon:hover::before { -webkit-transform: none; transform: none; }
    .movieWrap .music_down .btn_down:hover span { top: -3px; }
    .movieWrap .theMovie .snsWrap .btn_sharesns.facebook:hover,
    .movieWrap .music_down .btn_down.red:hover { background: #ff6087; }
    .movieWrap .theMovie .snsWrap .btn_sharesns.twitter:hover,
    .movieWrap .music_down .btn_down.blue:hover { background: #6ad4fd; }
    .movieWrap .music_down .stream_link:hover { color: #252525; }
    .stream_link:hover .icn_stream::before { opacity: 0; }
    .stream_link:hover .icn_stream::after { opacity: 1; }

    .btn_popup_down,
    .btn_popup_close { -webkit-transition: filter .2s ease; transition: filter .2s ease; }
    .btn_popup_down:hover,
    .btn_popup_close:hover { filter: drop-shadow(0px 0px 3px rgba(255, 255, 255, .3)); }

    .galleryWrap .gallery ul li .preview_box:hover::before { opacity: 1; }
    .page_4 .galleryWrap .slider_btn_wrap .slider_btn:hover { -webkit-filter: brightness(1.1); filter: brightness(1.1); -webkit-transform: translateY(-8%); transform: translateY(-8%); }
    .galleryWrap .slider_page_wrap span:hover::before { opacity: .7; }

    .galleryWrap .swiper_navi.gallery_slider_btn.next:hover { -webkit-transform: translate3d(15%, -50%, 0); transform: translate3d(15%, -50%, 0); }
    .galleryWrap .swiper_navi.gallery_slider_btn.prev:hover { -webkit-transform: translate3d(-15%, -50%, 0); transform: translate3d(-15%, -50%, 0); }

    .custom_check input[type="checkbox"] + label:hover::after { background-color: #ccc; }
    footer .term_list .term_btn:hover { color: #fff; }
    .page_5 .btn_button:hover { -webkit-filter: brightness(1.1); filter: brightness(1.1); top: -6px; }
    .page_5 .btn_button img { height: -1px; }
}



/* 1920px �̻� ���� */
@media screen and (min-width:1921px) {
    .movieWrap:before { max-width: 69%; }
    .movieWrap .theMovie { max-width: 1574px; }
    .movieWrap .theMovie .textWrap { max-width: 690px; }
}

@media all and (max-width: 768px) and (orientation:portrait) {
    #Movie .content { min-width: 90vw; min-height: 56.25vw; margin: 0 auto; }
}

@-webkit-keyframes little {
    from { -webkit-transform: translateX(10px); transform: translateX(10px) }
    90% { -webkit-transform: translateX(0); transform: translateX(0) }
    100% { -webkit-transform: translateX(0); transform: translateX(0) }
}
@keyframes little {
    from { -webkit-transform: translateX(10px); transform: translateX(10px) }
    90% { -webkit-transform: translateX(0); transform: translateX(0) }
    100% { -webkit-transform: translateX(0); transform: translateX(0) }
}

@-webkit-keyframes bounce2 {
    from { -webkit-transform: translateY(10px); transform: translateY(10px) }
    90% { -webkit-transform: translateY(0); transform: translateY(0) }
    100% { -webkit-transform: translateY(0); transform: translateY(0) }
}
@keyframes bounce2 {
    from { -webkit-transform: translateY(10px); transform: translateY(10px) }
    90% { -webkit-transform: translateY(0); transform: translateY(0) }
    100% { -webkit-transform: translateY(0); transform: translateY(0) }
}

@-webkit-keyframes bounce3 {
    from { -webkit-transform: translateY(-4%); transform: translateY(-4%); }
    50% { -webkit-transform: translateY(5%); transform: translateY(5%); }
    100% { -webkit-transform: translateY(-4%); transform: translateY(-4%); }
}
@keyframes bounce3 {
    from { -webkit-transform: translateY(-4%); transform: translateY(-4%); }
    50% { -webkit-transform: translateY(5%); transform: translateY(5%); }
    100% { -webkit-transform: translateY(-4%); transform: translateY(-4%); }
}

@-webkit-keyframes character {
    from { -webkit-transform: translate3d(0, 3%, 0); transform: translate3d(0, 3%, 0); }
    50% { -webkit-transform: translate3d(0, -3%, 0); transform: translate3d(0, -3%, 0); }
    100% { -webkit-transform: translate3d(0, 3%, 0); transform: translate3d(0, 3%, 0); }
}
@keyframes character {
    from { -webkit-transform: translate3d(0, 3%, 0); transform: translate3d(0, 3%, 0); }
    50% { -webkit-transform: translate3d(0, -3%, 0); transform: translate3d(0, -3%, 0); }
    100% { -webkit-transform: translate3d(0, 3%, 0); transform: translate3d(0, 3%, 0); }
}

@-webkit-keyframes hideMusicVideoImg {
    0% { -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); visibility: visible; }
    99% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; }
    100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: hidden; }
}
@keyframes hideMusicVideoImg {
    0% { -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); visibility: visible; }
    99% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; }
    100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: hidden; }
}

@-webkit-keyframes showMusicVideoImg {
    0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; }
    100% { -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); visibility: visible; }
}
@keyframes showMusicVideoImg {
    0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; }
    100% { -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); visibility: visible; }
}

@-webkit-keyframes hideMovieTrailerImg {
    0% { -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); visibility: visible; }
    99% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; }
    100% { -webkit-transform: translate3d(1000%, 0, 0); transform: translate3d(100%, 0, 0); visibility: hidden; }
}
@keyframes hideMovieTrailerImg {
    0% { -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); visibility: visible; }
    99% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; }
    100% { -webkit-transform: translate3d(1000%, 0, 0); transform: translate3d(100%, 0, 0); visibility: hidden; }
}

@-webkit-keyframes showMovieTrailerImg {
    0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; }
    100% { -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); visibility: visible; }
}
@keyframes showMovieTrailerImg {
    0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; }
    100% { -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); visibility: visible; }
}

@-webkit-keyframes hideMusicVideoText {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; visibility: visible; }
    99% { -webkit-transform: translate3d(-25%, 0, 0); transform: translate3d(-25%, 0, 0); opacity: 0; visibility: visible; }
    100% { -webkit-transform: translate3d(-25%, 0, 0); transform: translate3d(-25%, 0, 0); opacity: 0; visibility: hidden; }
}
@keyframes hideMusicVideoText {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; visibility: visible; }
    99% { -webkit-transform: translate3d(-25%, 0, 0); transform: translate3d(-25%, 0, 0); opacity: 0; visibility: visible; }
    100% { -webkit-transform: translate3d(-25%, 0, 0); transform: translate3d(-25%, 0, 0); opacity: 0; visibility: hidden; }
}

@-webkit-keyframes showMusicVideoText {
    0% { -webkit-transform: translate3d(-25%, 0, 0); transform: translate3d(-25%, 0, 0); opacity: 0; visibility: hidden; }
    1% { -webkit-transform: translate3d(-25%, 0, 0); transform: translate3d(-25%, 0, 0); opacity: 0; visibility: visible; }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0%, 0); opacity: 1; visibility: visible; }
}
@keyframes showMusicVideoText {
    0% { -webkit-transform: translate3d(-25%, 0, 0); transform: translate3d(-25%, 0, 0); opacity: 0; visibility: hidden; }
    1% { -webkit-transform: translate3d(-25%, 0, 0); transform: translate3d(-25%, 0, 0); opacity: 0; visibility: visible; }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0%, 0); opacity: 1; visibility: visible; }
}

@-webkit-keyframes hideMovieTrailerText {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; visibility: visible; }
    99% { -webkit-transform: translate3d(25%, 0, 0); transform: translate3d(25%, 0, 0); opacity: 0; visibility: visible; }
    100% { -webkit-transform: translate3d(25%, 0, 0); transform: translate3d(25%, 0, 0); opacity: 0; visibility: hidden; }
}
@keyframes hideMovieTrailerText {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; visibility: visible; }
    99% { -webkit-transform: translate3d(25%, 0, 0); transform: translate3d(25%, 0, 0); opacity: 0; visibility: visible; }
    100% { -webkit-transform: translate3d(25%, 0, 0); transform: translate3d(25%, 0, 0); opacity: 0; visibility: hidden; }
}

@-webkit-keyframes showMovieTrailerText {
    0% { -webkit-transform: translate3d(25%, 0, 0); transform: translate3d(25%, 0, 0); opacity: 0; visibility: hidden; }
    1% { -webkit-transform: translate3d(25%, 0, 0); transform: translate3d(25%, 0, 0); opacity: 0; visibility: visible; }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0%, 0); opacity: 1; visibility: visible; }
}
@keyframes showMovieTrailerText {
    0% { -webkit-transform: translate3d(25%, 0, 0); transform: translate3d(25%, 0, 0); opacity: 0; visibility: hidden; }
    1% { -webkit-transform: translate3d(25%, 0, 0); transform: translate3d(25%, 0, 0); opacity: 0; visibility: visible; }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0%, 0); opacity: 1; visibility: visible; }
}


/* NEWS LETTER */
.letter_container { display: flex; justify-content: center; align-items: center; min-height: 100vh; padding: 35px 0px; box-sizing: border-box; }
.letter_container::before { position: fixed; top: 0; left: 0; width: 100%; height: 100%;  z-index: -1; background: url(../img/newsletter/bg_newsletter.jpg) no-repeat; background-position: center; background-size: cover; content: ''; }
.letter_box { display: flex; flex-direction: column; align-items: center; }
.letter_header { position: relative; width: 100%; max-width: 600px; }
.letter_header .letter_logo { position: absolute; bottom: 20px; right: 15px; width: 150px; }
.letter_main { width: 100%; max-width: 600px; padding: 25px 25px; background: #41a9ff; box-sizing: border-box; }
.letter_contents_wrap { display: flex; flex-direction: column; align-items: center; width: 100%; margin: 0 auto; text-align: center; }
.letter_contents_title { margin: 1rem auto; width: 80%; font-size: 30px; color: #fff; line-height: 1.5; }
.letter_contents_detail { margin: 1rem auto; width: 80%; font-size: 15px; color: #d9fbff; line-height: 1.5; }
.letter_contents_image { margin: 1rem auto; width: 100%; }
.letter_contents_image img { width: 100%; }
.letter_footer .sns_top { position: relative; top: auto; right: auto; z-index: auto; justify-content: center; margin-top: 1.5rem; -webkit-transform: none; transform: none; }
.letter_footer .sns_top li { width: 35px; height: 35px; }
.letter_footer .sns_top li a { background: rgba(0, 0, 0, .25); }
.letter_footer .change_lang { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 1.5rem; padding: 0 20px; }
.letter_footer .btn_change_lang { margin: 4px 0; line-height: 1.5; font-size: 14px; color: #000; text-decoration: none; opacity: .7; -webkit-transition: opacity .2s; transition: opacity .2s; }
.letter_footer .btn_change_lang:hover { opacity: 1; }
.letter_footer .btn_change_lang + .btn_change_lang { position: relative; margin-left: 10px; padding-left: 10px; }
.letter_footer .btn_change_lang + .btn_change_lang::before { position: absolute; top: calc(50% - 4px); left: 0; width: 1px; height: 8px; background: #000; content: ''; }
.btn_letter { display: inline-block; margin: 0.5em 0; padding: 18px 30px; color: #fff; font-size: 15px; line-height: 1.4; text-align: center; text-decoration: none; border-radius: 15px 0 15px 0; box-sizing: border-box; }
.btn_letter.red { background: #fe285e; }
.btn_letter.blue { background: #3561db; }
.letter_footer .sns_wrap { display: flex; justify-content: center; align-items: center; margin-top: 1.5rem; }
.letter_footer .sns_wrap .sns_item + .sns_item { margin-left: 19px; }
.letter_footer .sns_wrap .sns_link { position: relative; display: flex; justify-content: center; align-items: center; width: 36px; height: 36px; overflow: hidden; border-radius: 50%; }
.letter_footer .sns_wrap .icn_sns { background-size: 800px 800px; }
.letter_footer .sns_wrap .icn_sns::before { opacity: 0.65; -webkit-transition: none; transition: none; }

.letter_container .lett_ko { display: none; }
.letter_ko  .lett_ko { display: block; }
.letter_ko  .lett_en { display: none; }
@media (max-width: 1024px) {
    .letter_container { padding-top: 0; }
}