@charset "utf-8";

#wrap.playlist {padding-top:100px;}
#wrap.playlist .event_menu {position:fixed; top:0; bottom:auto; width:100%;}

/* common */
body {background: url('../img/common/bg_ivory.jpg') center top repeat-y;}
body.hidden {overflow:hidden;}

#wrap {width: 100%;}
#wrap section {position: relative; width:100%;}
#wrap .contents {position:relative; width:100%; max-width:2560px; margin:0 auto}

.mo {display: none;}
@media (max-width:1200px) { .pc {display: none;} .mo {display: inline-block;} }

/* LOADER */
.loader-overlay {z-index: 99; display:none; position: absolute; top: 0; left:0; width: 100%;height: calc(100vh - 100px - 64px); background: url('../img/common/bg_ivory.jpg') center top repeat-y;}
.loader-overlay .loader-inner {padding-top:680px;}
.loader-overlay .loader-inner .circle_motion {overflow:hidden; position:absolute; left:50%; top:50%; display:flex; flex-direction: column; align-items: center; justify-content: center; width:680px; height:680px; margin:-340px 0 0 -340px;}
.loader-overlay .loader-inner .circle_motion::before,
.loader-overlay .loader-inner .circle_motion::after {content:''; position:absolute; left:0; top:0; display:block; width:100%; height:100%; background: url('../img/common/loading_wave.png') 0 0 no-repeat; background-size: 100% auto;}
.loader-overlay .loader-inner .circle_motion::before {animation: rotate 30s infinite linear}
.loader-overlay .loader-inner .circle_motion::after {animation: rotate_revers 20s infinite linear}
@keyframes rotate {
  to {transform:rotate(0deg);}
  from {transform:rotate(360deg);}
}
@keyframes rotate_revers {
  to {transform:rotate(0deg);}
  from {transform:rotate(-360deg);}
}
.loader-overlay .loader-inner .logo img {width:160px;}
.loader-overlay .loader-inner .rolling_text {overflow:hidden; position:absolute; left:0; top:50%; width:100%; height:45px; text-align: center; margin-top:100px}
.loader-overlay .loader-inner .rolling_text .swiper-slide {width:100%; text-align: center; color:#40342E; font-family: 'TmoneyRoundWindExtraBold'; font-size: 30px; line-height: 42px; letter-spacing: -1.5px; animation: fadeIn 5s ease-in-out infinite;}
.loader-overlay .loader-inner .rolling_text .swiper-slide span {color:#EF6A00; font-family: 'TmoneyRoundWindExtraBold';}

.loader-overlay.loading_step4 {z-index:99999; opacity: 0; height:100%;}

.audio_player {width:612px; height:84px; display:flex; align-items: center; margin:0 auto; padding:0 36px 0 12px; border-radius: 20px; background-color: #5A4940;}
.audio_player audio {position:absolute; left:-9999px; width: 0; height:0; opacity: 0;}

.audio_player .btn_play {flex-shrink: 0; width:60px; height:60px; font-size:0; margin-right:10px; background: url('../img/event1/player_play.png') no-repeat;}
.audio_player .btn_play.on {background: url('../img/event1/player_pause.png') no-repeat;}

.audio_player .progress_area {display: flex; align-items: center; justify-content: space-between; width:100%;}
.audio_player .progress_area .progress_bar {position:relative; width: 448px;height: 4px; font-size: 0; border-radius: 10px; background:#40342E;}
.audio_player .progress_area .progress_bar .progress_inner {position:relative; width:0%; height:100%; background: #fff; border-radius: 10px;}
.audio_player .progress_area .progress_bar .progress_inner .handler {z-index:10; cursor:pointer; content:''; position:absolute; right:0; top:50%; display:block; width:12px; height:12px; border-radius: 100%; margin-top:-6px; background-color: #fff;}
.audio_player .progress_area .time {color: #E7D9CF; font-size: 13px; font-weight: 500; line-height: 16px; letter-spacing: -0.26px; margin-left:12px}
.audio_player .progress_area .control_dom {z-index:1; opacity:0; position:absolute; left:0; top:-500%; width:100%; height:1000%; background: red;} /* 재생바 컨트롤용 - 보이지않는 영역 */


.event_menu {z-index:100;position:fixed;left:0;bottom:0;display:flex;justify-content: center;width:100%;background-color: #40342E;}
.event_menu.sticky {position:sticky; top:0;}
.event_menu ul {display:flex; justify-content: center; width:100%;}
.event_menu li {margin:0 25px}
.event_menu li a {position:relative; display:flex; flex-direction: column; align-items: center; justify-content: center; width:100%; height:100px;  font-family: "TmoneyRoundWindExtraBold"; text-align: center; padding:22px 30px;}
.event_menu li a span {opacity:0.4; color:#E7D9CF; font-size: 16px; font-weight: 800;}
.event_menu li a strong {display: block; color:#E7D9CF; font-size: 23px; font-weight: 800; line-height: 33px; letter-spacing: -0.46px; margin-top:2px}
.event_menu li.on a strong {color:#EB339C;}
.event_menu li.on a::after {content:''; position:absolute; left:0; bottom:0; display:block; width:100%; height:8px; border-radius: 6px 6px 0px 0px; background: #EB339C;}

.event_menu li:nth-child(2).on a strong {color:#FF7214;}
.event_menu li:nth-child(2).on a::after {background:#FF7214;}

.event_menu .btn_menu {display: none;}

.event_menu.event1 {bottom:auto} /*강제상단고정*/

.footer {padding:80px 0 20px; background-color: #5A4940;}
.footer .inner {width:1200px; color:#fff; margin:0 auto}
.footer .inner .tit {font-size:0;}
.footer .inner .tit img {width:auto; height:21.05px}
.footer .inner .notice {color:#F8F4F0; font-family: Pretendard; font-size: 16px; font-weight: 500; line-height: 24px; margin-top:16px;}
.footer .inner .copyright {display:flex; align-items: center; justify-content: space-between; padding:16px 0; margin-top:60px; border-top:1px solid rgba(231,217,207,0.3);}
.footer .inner .copyright p {opacity:0.5;color:#F8F4F0;font-family: 'Pretendard';font-size: 16px;font-weight: 500;line-height: 24px;}
.footer .inner .copyright .footer_logo {width:90px;}

/* layer_popup_wrap */
.layer_popup_wrap {z-index:101; overflow:auto; display:none; position:fixed; left:0; right:0; top:0; bottom:0; padding:10%; background:rgba(0,0,0,0.2); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);}
.layer_popup_wrap .layer_popup {position:absolute; left:50%; top:50%; width:640px; border-radius: 40px; border: 10px solid rgba(255, 255, 255, 0.50); transform: translate(-50%, -50%);}
.layer_popup_wrap .layer_contents {text-align: center; padding:60px; border-radius: 30px; background-color: #fff;}
.layer_popup_wrap .layer_contents .btn_area {display: flex; align-items: center; justify-content: center; margin:0 -6px}
.layer_popup_wrap .layer_contents .btn_area .btn_process {width:300px; height:66px; font-family: 'TmoneyRoundWindExtraBold'; color:#fff; font-size: 23px; line-height: 33px; letter-spacing: -0.46px; text-align: center; border-radius: 40px; margin:0 6px; background-color: #EF6A00;}
.layer_popup_wrap .layer_popup .btn_close {position:absolute; right:8px; top:8px; display:block; width:48px; height:48px; text-indent:-999px; font-size:0; background: url('../img/common/btn_close.png') no-repeat; transition : all 0.3s ease;}
.layer_popup_wrap .layer_popup .btn_close:hover {transform:rotate(90deg)}
.layer_popup_wrap .layer_popup .btn_close:hover {transform:rotate(90deg)}

/* Login popup */
#loginPopup .layer_popup {width:560px;}
#loginPopup .layer_contents {text-align: center; padding:80px 10px 70px;}
#loginPopup .layer_contents img {width: auto;}
#loginPopup .layer_contents .tit {font-size:20px; line-height: 30px;}
#loginPopup .layer_contents .sub_tit {color:#999; line-height: 25px; text-align: center}
#loginPopup .layer_contents .sub_tit p {color:#5A4940; font-family: Pretendard; font-size: 16px; font-weight: 500; line-height: 24px;}
#loginPopup .layer_contents .sub_tit svg {display:inline-block; margin:28px 0 10px}
#loginPopup .layer_contents .btn_area {display: block; margin-top:15px;}
#loginPopup .layer_contents .btn_area button {margin-top:10px;}

/* 휴대폰번호 입력 */
#phonePopup .layer_popup {width:560px;}
#phonePopup .layer_contents {text-align: center; padding:60px;}
#phonePopup .layer_contents .tit {color:#40342E; font-family: 'TmoneyRoundWindExtraBold'; font-size: 25px; line-height: 33px; letter-spacing: -0.46px;}
#phonePopup .layer_contents .tit strong {color:#EF6A00; font-family: 'TmoneyRoundWindExtraBold';}
#phonePopup .layer_contents .phone_box {border-radius: 50px; border: 2px solid #5A4940; margin-top:32px; background:#FFF;}
#phonePopup .layer_contents .phone_box {display: flex;}
#phonePopup .layer_contents .phone_box dt {flex-shrink: 0; font-family: Pretendard; font-size: 18px; font-weight: 700; line-height: 24px; padding:20px 20px 20px 40px}
#phonePopup .layer_contents .phone_box dd {flex-shrink: 0; padding:10px}
#phonePopup .layer_contents .phone_box dd input {width:100%; height:40px; color:#5A4940; font-family: Pretendard; font-size: 18px; font-weight: 700; line-height: 24px; outline:none}
#phonePopup .layer_contents .phone_box dd input::placeholder {opacity:0.3;}
#phonePopup .layer_contents .btn_area {margin-top:10px}
#phonePopup .layer_contents .btn_area .btn_process {width:100%; height:64px; color:#5A4940; font-family: 'TmoneyRoundWindExtraBold'; font-size: 23px; font-weight: 800; line-height: 33px; letter-spacing: -0.46px; border-radius: 50px; background-color: rgba(90,73,64,0.3);}
#phonePopup .layer_contents .btn_area .btn_process span {opacity: 0.3;}
#phonePopup .layer_contents .btn_area .btn_process.on {opacity:1; background-color: #5A4940;}
#phonePopup .layer_contents .btn_area .btn_process.on span {opacity: 1; color:#fff}

#winnerPopup .layer_popup {width:1180px; border:0}
#winnerPopup .layer_popup .btn_close {right:22px; top:22px; filter: invert(1) brightness(2);}
#winnerPopup .layer_contents {overflow:hidden; padding:0; background-color: transparent;}
#winnerPopup .layer_title {display:flex; align-items: center; justify-content: center; width:100%; height:92px; background-color: #5A4940;}
#winnerPopup .layer_title img {width: auto;}
#winnerPopup .search_area {display:flex; align-items: center; justify-content: center; padding:10px 0; margin-top:-1px; background-color: #40342E;}
#winnerPopup .search_area .search_tit {color: #E7D9CF; font-family: Pretendard; font-size: 18px; font-weight: 700; line-height: 24px;}
#winnerPopup .search_area .search_box {display:flex; width:140px; height:44px; border-radius: 50px; background-color: #fff; margin-left:24px; }
#winnerPopup .search_area .search_box input {width:100%; height:44px;color:#5A4940; font-family: Pretendard; font-size: 18px; font-weight: 700; line-height: 24px; padding-left:28px; background-color: transparent; outline: none;}
#winnerPopup .search_area .search_box input::placeholder {opacity:0.3;}
#winnerPopup .search_area .search_box button {flex-shrink: 0; width:44px; height:44px; font-size:0; border-radius: 100%; background: #EF6A00 url('../img/common/icon_search.svg') center center no-repeat;}

#winnerPopup .white_area {background-color: #fff;}
#winnerPopup .result_area {overflow-y:auto; height:475px; padding:0 34px 40px 50px;}
#winnerPopup .result_area .winner_contents {text-align: left;}
#winnerPopup .result_area .winner_contents .event_winner {margin-top:40px}
#winnerPopup .result_area .winner_contents .event_winner p {color:#EF6A00; font-size: 23px; font-weight: 800; line-height: 33px; letter-spacing: -0.46px;}
#winnerPopup .result_area .winner_contents .event_winner p span {color:#5A4940; font-family: Pretendard; font-size: 14px; font-style: normal; font-weight: 700;line-height: 20px; margin-left:8px}
#winnerPopup .result_area .winner_contents .event_winner .flex {padding:6px; border-radius: 12px; margin-top:6px; background-color: #F8F4F0;}
#winnerPopup .result_area .winner_contents .event_winner .flex .scroll {overflow-y:auto; overflow-x: hidden; height:220px; display: flex; flex-wrap: wrap; padding:16px 10px 0 0;}
#winnerPopup .result_area .winner_contents .event_winner .flex .scroll::-webkit-scrollbar {width: 5px;}
#winnerPopup .result_area .winner_contents .event_winner .flex .scroll::-webkit-scrollbar-track {width:5px; background-color: transparent;}
#winnerPopup .result_area .winner_contents .event_winner .flex .scroll::-webkit-scrollbar-thumb {width:5px; border-radius: 10px; background-color: #C2B3AA;}

#winnerPopup .result_area .winner_contents .event_winner .flex dl {width:33.33%; margin-bottom:24px; padding-left:30px}
#winnerPopup .result_area .winner_contents .event_winner .flex dl dt {color:#EF6A00; font-size: 18px; font-weight: 700; line-height: 24px;}
#winnerPopup .result_area .winner_contents .event_winner .flex dl dd {margin-top:5px}
#winnerPopup .result_area .winner_contents .event_winner .flex dl dd ul {display: flex; flex-wrap: wrap;}
#winnerPopup .result_area .winner_contents .event_winner .flex dl dd ul li {width:33.33%; color:#5A4940; font-size: 16px; font-weight: 500; line-height: 24px; word-wrap: break-word;}
#winnerPopup .result_area .winner_contents .event_winner .flex dl dd ul li span {display: inline-block;}
#winnerPopup .result_area .winner_contents .event_winner .flex dl dd ul li span:first-child {margin-right:6px}
#winnerPopup .result_area .none_contents {display: none; height: 100%; align-items: center; justify-content: center; color:#5A4940; font-family: 'TmoneyRoundWindExtraBold'; font-size: 23px; line-height: 33px; letter-spacing: -0.46px;}

#winnerPopup .notice {display:flex; text-align: left; margin:0 50px; padding:10px 0 40px; border-top:1px solid #5A4940;}
#winnerPopup .notice ul:first-child {width:573px}
#winnerPopup .notice ul li {position:relative; color:#5A4940; font-family: Pretendard; font-size: 14px; font-weight: 500; line-height: 20px;  padding-left:10px;}
#winnerPopup .notice ul li::before {content:'•'; display:block; position:absolute; left:0; top:0}

#winnerPopup .result_area .winner_contents .event_winner:nth-child(1) dl:nth-child(4) {width:100%}
#winnerPopup .result_area .winner_contents .event_winner:nth-child(1) dl:nth-child(4) li {width:20%}
#winnerPopup .result_area .winner_contents .event_winner:nth-child(2) dl:nth-child(3),
#winnerPopup .result_area .winner_contents .event_winner:nth-child(2) dl:nth-child(4) {width:100%}
#winnerPopup .result_area .winner_contents .event_winner:nth-child(2) dl:nth-child(3) li,
#winnerPopup .result_area .winner_contents .event_winner:nth-child(2) dl:nth-child(4) li{width:20%}
#winnerPopup .result_area .winner_contents .event_winner:nth-child(3) dl:nth-child(4),
#winnerPopup .result_area .winner_contents .event_winner:nth-child(3) dl:nth-child(5) {width:100%}
#winnerPopup .result_area .winner_contents .event_winner:nth-child(3) dl:nth-child(4) li,
#winnerPopup .result_area .winner_contents .event_winner:nth-child(3) dl:nth-child(5) li{width:20%}

#winnerPopup .result_area .winner_contents.result {}

#winnerPopup .result_area .winner_contents.result .event_winner:nth-child(1) dl:nth-child(4),
#winnerPopup .result_area .winner_contents.result .event_winner:nth-child(2) dl:nth-child(3),
#winnerPopup .result_area .winner_contents.result .event_winner:nth-child(2) dl:nth-child(4),
#winnerPopup .result_area .winner_contents.result .event_winner:nth-child(3) dl:nth-child(4),
#winnerPopup .result_area .winner_contents.result .event_winner:nth-child(3) dl:nth-child(5) {width:33.33%}

#winnerPopup .result_area .winner_contents.result .event_winner .flex .scroll {align-items: center; justify-content: center;}
#winnerPopup .result_area .winner_contents.result .event_winner .flex dl dt {text-align: center;}
#winnerPopup .result_area .winner_contents.result .event_winner .flex dl dd ul {justify-content: center;}
#winnerPopup .result_area .winner_contents.result .event_winner .flex dl dd ul li {width:auto; text-align: center; margin:0 15px}

/* px */
@media (max-width:1200px){
  body {background: url('../img/common/mobile/bg_ivory_m.jpg') center top repeat-y; background-size: 100% auto;}
  .loader-overlay {min-height: calc(100vh - 84px);}
  .loader-overlay .loader-inner .circle_motion {justify-content: flex-start; width:294px; height:294px; margin:-147px 0 0 -147px; padding-top:84px; background-size: 100% auto;}
  .loader-overlay .loader-inner .logo img {width: 130px;}
  .loader-overlay .loader-inner .rolling_text {position: relative; top: calc(50% + 82.8px); height:28px;}
  .loader-overlay .loader-inner .rolling_text .swiper-slide {font-size:17px; line-height: 28px; letter-spacing: -0.34px;}

  .audio_player {display:flex; width:100%; height:56px; padding:0 24px 0 6px; border-radius: 12px;}
  .audio_player .btn_play {width:44px; height:44px; margin-right:4px; background-size: 100% auto;}
  .audio_player .btn_play.on {background-size: 100% auto;}
  .audio_player .progress_area .progress_bar {width: 100%;}
  .audio_player .progress_area .time {font-size: 11px; font-weight: 500; line-height: 16px; letter-spacing: -0.22px; margin-left:9px}

  .event_menu {overflow:hidden; position: relative; display: block; padding:8px 32px;}
  .event_menu ul {display: block;}
  .event_menu li {margin:0}
  .event_menu li a {height:auto; align-items: flex-start; padding: 14px 0; border-top:1px solid rgba(231, 217, 207, 0.4); background: url('../img/common/mobile/menu_arrow.svg') right 37px no-repeat; background-size:16px auto}
  .event_menu li:first-child a {border-top:0}
  .event_menu li a span {font-size:12px}
  .event_menu li a strong {font-size: 17px; line-height: 28px; letter-spacing: -0.34px; margin-top:0}
  .event_menu li.on a::after {display: none;}
  .event_menu.fixed {position:fixed; left:0; top:0; bottom:auto; padding:0 32px}
  .event_menu.fixed li {display: none;}
  .event_menu.fixed li.on {display: block;}
  .event_menu.fixed li a {padding: 12px 0 9px 0}
  .event_menu.fixed .btn_menu {position: absolute; right:0; top:0; display:block; width:65px; height:65px; font-size:0; background:#000 url('../img/common/mobile/btn_menu.png') center center no-repeat; background-size: 22px auto;}

  .event_menu.fixed.on li {display: block}
  .event_menu.fixed.on li a {padding: 14px 0;}
  .event_menu.fixed.on .btn_menu {display: none}

  .footer {overflow:hidden; width:100%; padding:50px 32px 16px}
  .footer .inner {width:100%}
  .footer .inner .tit img {height:49px}
  .footer .inner .notice {font-size:12px; line-height:16px; margin-top:16px}
  .footer .inner .copyright {align-items:flex-start; padding:10px 0 0; margin-top:36px}
  .footer .inner .copyright p {font-size:10px; line-height:14px; margin-right:20px;}
  .footer .inner .copyright .footer_logo {width:72px}

  .layer_popup_wrap {padding:24px}
  .layer_popup_wrap .layer_popup {width:calc(100% - 64px) !important; border:0;}
  .layer_popup_wrap .layer_popup .btn_close {right:4px; top:4px; width:40px; height:40px; background-image: url('../img/common/mobile/btn_close_m.png'); background-size: 100% auto;}
  .layer_popup_wrap .layer_contents {padding:40px 20px 20px; border-radius: 24px;}
  .layer_popup_wrap .layer_contents .btn_area {margin:0 -3px}
  .layer_popup_wrap .layer_contents .btn_area .btn_process {width:100%; height:44px; font-size: 14px; line-height: 20px; letter-spacing: -0.28px; margin:0 3px; border-radius: 24px;}

  #loginPopup .layer_contents {padding:44px 20px 20px}
  #loginPopup .layer_contents .tit img {width:200px}
  #loginPopup .layer_contents .sub_tit svg {margin:17px 0 8px}
  #loginPopup .layer_contents .sub_tit p {font-size:13px; line-height:20px; letter-spacing: -0.26px;}
  #loginPopup .layer_contents .btn_area {margin-top:16px}
  #loginPopup .layer_contents .btn_area button {width:100%; margin-top:8px; padding:0;}
  #loginPopup .layer_contents .btn_area button img {width:100%;}

  #phonePopup .layer_contents {padding:44px 20px 20px}
  #phonePopup .layer_contents .tit {font-size: 17px; line-height: 28px; letter-spacing: -0.34px;}
  #phonePopup .layer_contents .phone_box {margin-top:30px}
  #phonePopup .layer_contents .phone_box dt {position: relative; font-size:14px; line-height:22px; padding:15px 15px 15px 24px}
  #phonePopup .layer_contents .phone_box dt::after {content:''; position:absolute; right:0; top:50%; display:block; width:1px; height:14px; margin-top:-7px; background-color: #5A4940;}
  #phonePopup .layer_contents .phone_box dd {flex-shrink:inherit; width:100%; padding:15px}
  #phonePopup .layer_contents .phone_box dd input {height:22px; font-size:14px; line-height:22px;}
  #phonePopup .layer_contents .btn_area {margin-top:8px;}
  #phonePopup .layer_contents .btn_area .btn_process {height:52px; font-size: 17px; line-height: 28px; letter-spacing: -0.34px; margin:0}

  #winnerPopup .layer_popup {top:36px; left:50%; transform: translate(-50%, 0); padding-bottom:36px}
  #winnerPopup .layer_popup .btn_close {right:2px; top:2px}
  #winnerPopup .layer_title {height:70px; justify-content: flex-start; padding:20px}
  #winnerPopup .layer_title img {width:222px}
  #winnerPopup .search_area {padding:8px 20px; justify-content: space-between;}
  #winnerPopup .search_area .search_tit {font-size:13px; line-height:18px; text-align: left;}
  #winnerPopup .search_area .search_box {width:96px; height:36px; border-radius: 36px; margin-left:0}
  #winnerPopup .search_area .search_box input {height:36px; font-size:13px; padding-left:17px}
  #winnerPopup .search_area .search_box button {width:36px; height:36px; background-size:18px auto}
  #winnerPopup .result_area {height:auto; padding:0 20px 16px}
  #winnerPopup .result_area .winner_contents .event_winner {margin-top:16px}
  #winnerPopup .result_area .winner_contents .event_winner p {font-size:17px; line-height: 28px;}
  #winnerPopup .result_area .winner_contents .event_winner p span {display: block; font-size:10px; line-height: 14px; margin-left:0}
  #winnerPopup .result_area .winner_contents .event_winner .flex {padding:6px}
  #winnerPopup .result_area .winner_contents .event_winner .flex .scroll {display: block; height:256px; padding:0 10px 6px;}
  #winnerPopup .result_area .winner_contents .event_winner .flex dl {display: block; width:100%; padding-left:0; margin-bottom:0; margin-top:12px}
  #winnerPopup .result_area .winner_contents .event_winner .flex dl:first-child {margin-top:6px;}
  #winnerPopup .result_area .winner_contents .event_winner .flex dl dt {font-size:13px; line-height:20px}
  #winnerPopup .result_area .winner_contents .event_winner .flex dl dd ul li {font-size:12px; line-height:16px}
  #winnerPopup .result_area .winner_contents .event_winner .flex dl dd ul {}
  #winnerPopup .result_area .winner_contents .event_winner .flex dl dd ul li {width:50% !important;}
  /* #winnerPopup .result_area .winner_contents .event_winner .flex dl dd ul li:nth-child(3n+2) {text-align: center;}
  #winnerPopup .result_area .winner_contents .event_winner .flex dl dd ul li:nth-child(3n) {text-align: right;} */

  #winnerPopup .result_area .winner_contents.result .event_winner .flex dl {width:100% !important}
  #winnerPopup .result_area .winner_contents.result .event_winner .flex dl dd ul {display:block}
  #winnerPopup .result_area .winner_contents.result .event_winner .flex dl dd ul li {width:100% !important; text-align: center !important; margin:0}
  #winnerPopup .result_area .winner_contents.result .event_winner .flex .scroll {display: flex;}
  #winnerPopup .result_area .none_contents {height:340px; font-size:14px; line-height:20px}

  #winnerPopup .notice {display: block; margin:0 20px; padding:12px 0 20px}
  #winnerPopup .notice ul:first-child {width:100%}
  #winnerPopup .notice ul li {font-size:12px; line-height:16px; padding-left:10px}

}

/* vw */
@media (max-width:1200px){
  body {background: url('../img/common/mobile/bg_ivory_m.jpg') center top repeat-y; background-size: 100% auto;}
  .loader-overlay {height: calc(100vh - 23.33vw);}
  .loader-overlay .loader-inner .circle_motion {justify-content: flex-start; width:81.67vw; height:81.67vw; margin:-40.83vw 0 0 -40.83vw; padding-top:23.33vw; background-size: 100% auto;}
  .loader-overlay .loader-inner .logo img {width: 36.11vw;}
  .loader-overlay .loader-inner .rolling_text {position: absolute; top: calc(50% + 23vw); height:7.78vw;}
  .loader-overlay .loader-inner .rolling_text .swiper-slide {font-size:4.72vw; line-height: 7.78vw; letter-spacing: -0.09vw;}

  .audio_player {display:flex; width:100%; height:15.56vw; padding:0 6.67vw 0 1.67vw; border-radius: 3.33vw;}
  .audio_player .btn_play {width:12.22vw; height:12.22vw; margin-right:1.11vw; background-size: 100% auto;}
  .audio_player .btn_play.on {background-size: 100% auto;}
  .audio_player .progress_area .progress_bar {width: 100%;}
  .audio_player .progress_area .time {font-size: 3.06vw; font-weight: 500; line-height: 4.44vw; letter-spacing: -0.06vw; margin-left:2.5vw}

  .event_menu {overflow:hidden; position: relative; display: block; padding:2.22vw 8.89vw;}
  .event_menu ul {display: block;}
  .event_menu li {margin:0}
  .event_menu li a {height:auto; align-items: flex-start; padding: 3.89vw 0; border-top:0.28vw solid rgba(231, 217, 207, 0.4); background: url('../img/common/mobile/menu_arrow.svg') right 10.28vw no-repeat; background-size:4.44vw auto}
  .event_menu li:first-child a {border-top:0}
  .event_menu li a span {font-size:3.33vw}
  .event_menu li a strong {font-size: 4.72vw; line-height: 7.78vw; letter-spacing: -0.09vw; margin-top:0}
  .event_menu li.on a::after {display: none;}
  .event_menu.fixed {position:fixed; left:0; top:0; bottom:auto; padding:0 8.89vw}
  .event_menu.fixed li {display: none;}
  .event_menu.fixed li.on {display: block;}
  .event_menu.fixed li a {padding: 3.33vw 0 2.5vw 0}
  .event_menu.fixed .btn_menu {position: absolute; right:0; top:0; display:block; width:18.06vw; height:18.06vw; font-size:0; background:#000 url('../img/common/mobile/btn_menu.png') center center no-repeat; background-size: 6.11vw auto;}

  .event_menu.fixed.on li {display: block}
  .event_menu.fixed.on li a {padding: 3.89vw 0;}
  .event_menu.fixed.on .btn_menu {display: none}

  .footer {overflow:hidden; width:100%; padding:13.89vw 8.89vw 4.44vw}
  .footer .inner {width:100%}
  .footer .inner .tit img {height:13.61vw}
  .footer .inner .notice {font-size:3.33vw; line-height:4.44vw; margin-top:4.44vw}
  .footer .inner .copyright {align-items:flex-start; padding:2.78vw 0 0; margin-top:10vw}
  .footer .inner .copyright p {font-size:2.78vw; line-height:3.89vw; margin-right:5.56vw;}
  .footer .inner .copyright .footer_logo {width:20vw}

  .layer_popup_wrap {padding:6.67vw}
  .layer_popup_wrap .layer_popup {width:calc(100% - 17.78vw) !important; border:0;}
  .layer_popup_wrap .layer_popup .btn_close {right:1.11vw; top:1.11vw; width:11.11vw; height:11.11vw; background-image: url('../img/common/mobile/btn_close_m.png'); background-size: 100% auto;}
  .layer_popup_wrap .layer_contents {padding:11.11vw 5.56vw 5.56vw; border-radius: 6.67vw;}
  .layer_popup_wrap .layer_contents .btn_area {margin:0 -0.83vw}
  .layer_popup_wrap .layer_contents .btn_area .btn_process {width:100%; height:12.22vw; font-size: 3.89vw; line-height: 5.56vw; letter-spacing: -0.08vw; margin:0 0.83vw; border-radius: 6.67vw;}

  #loginPopup .layer_contents {padding:12.22vw 5.56vw 5.56vw}
  #loginPopup .layer_contents .tit img {width:55.56vw}
  #loginPopup .layer_contents .sub_tit svg {margin:4.72vw 0 2.22vw}
  #loginPopup .layer_contents .sub_tit p {font-size:3.61vw; line-height:5.56vw; letter-spacing: -0.07vw;}
  #loginPopup .layer_contents .btn_area {margin-top:4.44vw}
  #loginPopup .layer_contents .btn_area button {width:100%; margin-top:2.22vw; padding:0;}
  #loginPopup .layer_contents .btn_area button img {width:100%;}

  #phonePopup .layer_contents {padding:12.22vw 5.56vw 5.56vw}
  #phonePopup .layer_contents .tit {font-size: 4.72vw; line-height: 7.78vw; letter-spacing: -0.09vw;}
  #phonePopup .layer_contents .phone_box {margin-top:8.33vw}
  #phonePopup .layer_contents .phone_box dt {position: relative; font-size:3.89vw; line-height:6.11vw; padding:4.17vw 4.17vw 4.17vw 6.67vw}
  #phonePopup .layer_contents .phone_box dt::after {content:''; position:absolute; right:0; top:50%; display:block; width:0.28vw; height:3.89vw; margin-top:-1.94vw; background-color: #5A4940;}
  #phonePopup .layer_contents .phone_box dd {flex-shrink:inherit; width:100%; padding:4.17vw}
  #phonePopup .layer_contents .phone_box dd input {height:6.11vw; font-size:3.89vw; line-height:6.11vw;}
  #phonePopup .layer_contents .btn_area {margin-top:2.22vw;}
  #phonePopup .layer_contents .btn_area .btn_process {height:14.44vw; font-size: 4.72vw; line-height: 7.78vw; letter-spacing: -0.09vw; margin:0}

  #winnerPopup .layer_popup {top:10vw; left:50%; transform: translate(-50%, 0); padding-bottom:10vw}
  #winnerPopup .layer_popup .btn_close {right:0.56vw; top:0.56vw}
  #winnerPopup .layer_title {height:19.44vw; justify-content: flex-start; padding:5.56vw}
  #winnerPopup .layer_title img {width:61.67vw}
  #winnerPopup .search_area {padding:2.22vw 5.56vw; justify-content: space-between;}
  #winnerPopup .search_area .search_tit {font-size:3.61vw; line-height:5vw; text-align: left;}
  #winnerPopup .search_area .search_box {width:26.67vw; height:10vw; border-radius: 10vw; margin-left:0;}
  #winnerPopup .search_area .search_box input {height:10vw; font-size:3.61vw; padding-left:4.72vw}
  #winnerPopup .search_area .search_box button {width:10vw; height:10vw; background-size:5vw auto}
  #winnerPopup .result_area {height:auto; padding:0 5.56vw 4.44vw}
  #winnerPopup .result_area .winner_contents .event_winner {margin-top:4.44vw}
  #winnerPopup .result_area .winner_contents .event_winner p {font-size:4.72vw; line-height: 7.78vw;}
  #winnerPopup .result_area .winner_contents .event_winner p span {display: block; font-size:2.78vw; line-height: 3.89vw; margin-left:0}
  #winnerPopup .result_area .winner_contents .event_winner .flex {padding:1.67vw}
  #winnerPopup .result_area .winner_contents .event_winner .flex .scroll {display: block; height:71.11vw; padding:0 2.78vw 1.67vw;}
  #winnerPopup .result_area .winner_contents .event_winner .flex dl {display: block; width:100%; padding-left:0; margin-bottom:0; margin-top:3.33vw}
  #winnerPopup .result_area .winner_contents .event_winner .flex dl:first-child {margin-top:1.67vw;}
  #winnerPopup .result_area .winner_contents .event_winner .flex dl dt {font-size:3.61vw; line-height:5.56vw}
  #winnerPopup .result_area .winner_contents .event_winner .flex dl dd ul li {font-size:3.33vw; line-height:4.44vw}
  #winnerPopup .result_area .winner_contents .event_winner .flex dl dd ul {}
  #winnerPopup .result_area .winner_contents .event_winner .flex dl dd ul li {width:50% !important;}
  /* #winnerPopup .result_area .winner_contents .event_winner .flex dl dd ul li:nth-child(3n+2) {text-align: center;}
  #winnerPopup .result_area .winner_contents .event_winner .flex dl dd ul li:nth-child(3n) {text-align: right;} */

  #winnerPopup .result_area .winner_contents.result .event_winner .flex dl {width:100% !important}
  #winnerPopup .result_area .winner_contents.result .event_winner .flex dl dd ul {display:block}
  #winnerPopup .result_area .winner_contents.result .event_winner .flex dl dd ul li {width:100% !important; text-align: center !important; margin:0}
  #winnerPopup .result_area .winner_contents.result .event_winner .flex .scroll {display: flex;}
  #winnerPopup .result_area .none_contents {height:94.44vw;font-size:3.89vw; line-height:5.56vw}

  #winnerPopup .notice {display: block; margin:0 5.56vw; padding:3.33vw 0 5.56vw}
  #winnerPopup .notice ul:first-child {width:100%}
  #winnerPopup .notice ul li {font-size:3.33vw; line-height:4.44vw; padding-left:2.78vw}

}