@charset "utf-8";

/* 메인 비주얼 */
.visual_top {width:100%;height:834px;background: url('../img/common/main_kv.jpg') center top no-repeat;}
.visual_top .visual_inner {position:relative; max-width:1200px; margin:0 auto;}
.visual_top .visual_inner .util_menu {position:absolute; right:0; top:28px;}
.visual_top .visual_inner .util_menu a {display:none; color:#fff; font-size: 14px; font-weight:700; text-align: center; padding:4px 16px; border-radius:20px; background-color: #5A4940;}
.visual_top .visual_inner .tape_motion {position:absolute; right:-70px; top:176px; width:686px}
.visual_top .visual_inner .tape_motion img:first-child {z-index:1; position:absolute; left:0; top:0;}
.visual_top .visual_inner .tape_motion img:last-child {z-index:10; position:relative;}

/* 이벤트1 : STEP 공통 */
.section_event1.loader {overflow:hidden; height:calc(100vh - 100px - 64px)}
.section_event1 .step {display: none; /*min-height:900px;*/ text-align: center; padding-bottom:120px;}
.section_event1 .step.on {display: block;}
.section_event1 .step .inner {position: relative; width:1200px; padding:40px 0 0; margin:0 auto;}

.section_event1 .btn_main {position:absolute; left:0; top:40px;  width:96px;}
.section_event1 h3 {display:inline-block; color:#F8F4F0; font-family: 'TmoneyRoundWindExtraBold'; font-size: 16px; padding:6px 20px; border-radius: 50px; background: #40342E;}
.section_event1 .step .inner > .title {margin-top:5px}
.section_event1 .step .inner > .title dt {color:#40342E; font-family: 'TmoneyRoundWindExtraBold'; font-size: 40px; font-weight: 800; line-height: 64px; letter-spacing: -1.62px;}
.section_event1 .step .inner > .title dd {color:#40342E; font-size: 20px; font-weight: 500; line-height: 24px; margin-top:6px;}
.section_event1 .btn_area {z-index:10; position:relative; display:flex; align-items: center; justify-content: center; margin-top:60px;}
.section_event1 .btn_area .btn_process {width:260px; height:80px; font-family: 'TmoneyRoundWindExtraBold'; font-size: 28px; line-height: 80px; letter-spacing: -1.4px; text-align: center; border-radius: 40px; margin:0 8px}
.section_event1 .btn_area .btn_process button {margin:0 8px;}
.section_event1 .btn_area .btn_process.btn_next,
.section_event1 .btn_area .btn_process.btn_build,
.section_event1 .btn_area .btn_process.btn_complete {cursor:default; color:#8e8078; background-color: #C2B3AA;}
.section_event1 .btn_area .btn_process.btn_next.on,
.section_event1 .btn_area .btn_process.btn_build.on,
.section_event1 .btn_area .btn_process.btn_complete.on {cursor:pointer; color:#fff; background-color: #EF6A00;}
.section_event1 .btn_area .btn_process.btn_prev {color:#fff; background-color: #5A4940;}

/* 이벤트1  */
.section_event1 .step0_page {width:100%; background: url('../img/common/bg_ivory.jpg') center top no-repeat;}
.section_event1 .step0_page .cont {width:100%; height:1073px; background: url('../img/event1/step0_cont.png') center top no-repeat;}
.section_event1 .step0_page .sns_share {z-index:99; display:none; position:fixed; top:190px; right:28px}
.section_event1 .step0_page .sns_share li {width:48px; margin-bottom:8px}
.section_event1 .step0_page .btn_area {display: flex; align-items: center; justify-content: center;}
.section_event1 .step0_page .btn_area button {display:block; width:590px; height:80px; color:#fff; font-family: "TmoneyRoundWindExtraBold"; font-size: 28px; font-weight: 800; line-height: 40px; letter-spacing: -1.4px; margin:0 10px; border-radius: 40px; border:0;}
.section_event1 .step0_page .btn_make {background-color: #EF6A00;}
.section_event1 .step0_page .btn_listen {background-color: #EB339C;}

.section_event1 .step1_page .genre_list {position:relative; display: flex; width:1080px; height:418px; padding-bottom:150px; margin:48px auto 0}
.section_event1 .step1_page .genre_list > li {width:25%; padding:0 8px;}
.section_event1 .step1_page .genre_list > li > a {display:flex; align-items: center; justify-content: center; width:100%; height:70px; color:#40342E; font-family: 'TmoneyRoundWindExtraBold'; font-size: 23px; letter-spacing: -0.46px; border-radius: 40px; border:2px solid #5A4940;}
.section_event1 .step1_page .genre_list > li > a.on {color:#fff; background-color: #5A4940;}
.section_event1 .step1_page .genre_list > li .sub_list {display:none; position:absolute; left:0; bottom:0; align-items: center; justify-content: center; width:100%; text-align: center; padding:48px 0; border-radius:40px; background-color: #fff;}
.section_event1 .step1_page .genre_list > li .sub_list.on {display: flex;}
.section_event1 .step1_page .genre_list > li .sub_list li {width:190px; text-align: center; margin:0 8px}
.section_event1 .step1_page .genre_list > li .sub_list li input {position:absolute; top:-9999px; width:0; height:0; opacity: 0;}
.section_event1 .step1_page .genre_list > li .sub_list li label {overflow:hidden; position:relative; cursor:pointer; display:block; width:100%; height:190px; border-radius: 20px;}

.section_event1 .step1_page .genre_list > li .sub_list li input:checked + label::before {content:''; display:block; position:absolute; left:0%; top:0%; width:100%; height:100%; background:rgba(0,0,0,0.5) url('../img/event1/icon_play.png') center center no-repeat;}
.section_event1 .step1_page .genre_list > li .sub_list li input:checked + label.on::before {background:rgba(0,0,0,0.5) url('../img/event1/icon_pause.png') center center no-repeat;}
.section_event1 .step1_page .genre_list > li .sub_list li input:checked + label::after {content:'PICK'; position:absolute; left:0; top:138px; display:block; width:100%; color: #FFF; text-align: center; font-family: 'TmoneyRoundWindExtraBold'; font-size: 16px;}

.section_event1 .step2_page .vocal_list {position:relative; display: flex; margin-top:24px}
.section_event1 .step2_page .vocal_list > li {width:25%; padding:0 8px}
.section_event1 .step2_page .vocal_list > li input {position:absolute; left:-9999pc; width:0; height:0; opacity: 0;}
.section_event1 .step2_page .vocal_list > li label {cursor: pointer; position:relative; display:block; width:100%; height:442px; color:#40342E; font-family: 'TmoneyRoundWindExtraBold'; font-size: 28px;line-height: 40px; letter-spacing: -1.4px; border-radius: 30px; border: 2px solid #5A4940; padding:15px 0 0 20px; text-align: left;}

.section_event1 .step2_page .vocal_list > li label::before {content:''; position:absolute; left:50%; top:40px; display:block; width:280px; height:465px; margin-left:-140px; background-repeat: no-repeat; background-size: 100% auto;}
.section_event1 .step2_page .vocal_list > li:nth-child(1) label::before {background-image: url('../img/event1/vocal1.png')}
.section_event1 .step2_page .vocal_list > li:nth-child(2) label::before {background-image: url('../img/event1/vocal2.png')}
.section_event1 .step2_page .vocal_list > li:nth-child(3) label::before {background-image: url('../img/event1/vocal3.png')}
.section_event1 .step2_page .vocal_list > li:nth-child(4) label::before {background-image: url('../img/event1/vocal4.png')}

.section_event1 .step2_page .vocal_list > li input:checked + label {color:#fff; background-color: #5A4940;}
.section_event1 .step2_page .vocal_list > li input:checked + label::after {content:''; position:absolute; right:12px; top:350px; display:block; width:60px; height:60px; font-size:0; background: url('../img/event1/icon_play.png') no-repeat;}
.section_event1 .step2_page .vocal_list > li input:checked + label.on::after {background-image: url('../img/event1/icon_pause.png')}

.section_event1 .step3_page .lyrics_area {position:relative; padding:50px 150px 20px; border-radius: 40px; margin-top:50px; background-color: #fff;}
.section_event1 .step3_page .lyrics_area .audio_player {position:absolute; left:50%; top:-30px; height:60px; margin-left:-306px}
.section_event1 .step3_page .lyrics_area .audio_player .baloon {display:none; position:absolute; left:-48px; top:-60px; width:100px; height:72px; color:#fff; font-family: 'TmoneyRoundWindExtraBold'; font-size:16px; text-align: center; padding-top: 12px; background: url('../img/event1/baloon.svg') no-repeat;}

.section_event1 .step3_page .lyrics_area .keyword_list {display:flex;}
.section_event1 .step3_page .lyrics_area .keyword_list dt {flex-shrink: 0; width:226px; font-family: 'TmoneyRoundWindExtraBold'; color:#5A4940; font-size:18px; text-align: left;}
.section_event1 .step3_page .lyrics_area .keyword_list dt img {width: auto;}
.section_event1 .step3_page .lyrics_area .keyword_list dt span {color:#EF6A00; font-family: 'TmoneyRoundWindExtraBold';}
.section_event1 .step3_page .lyrics_area .keyword_list dd {flex-shrink: 0; width:100%;}
.section_event1 .step3_page .lyrics_area .keyword_list ul {display: flex; flex-wrap: wrap; gap:4px}
.section_event1 .step3_page .lyrics_area .keyword_list ul li button {display: flex; color:#5A4940; font-family: Pretendard; font-size: 14px; font-weight: 700; line-height: 20px; padding: 7px 17px; justify-content: center; align-items: center; border-radius: 30px; border: 1px solid var(--Third03, #C2B3AA); opacity: 0.8; background: var(--White, #FFF);}
.section_event1 .step3_page .lyrics_area textarea {overflow:hidden; width:100%; height:115px; color:#40342E; font-family: Pretendard; font-size: 20px; font-weight: 600;  line-height: 58px; resize: none; margin-top:20px; background:url('../img/event1/bg_lyrics_box.png') no-repeat; outline:none;}
.section_event1 .step3_page .lyrics_area textarea::placeholder {opacity: 0.4;}
.section_event1 .step3_page .lyrics_area .txt_count {color: #5A4940; text-align: right; font-family: Pretendard; font-size: 13px; font-weight: 700;line-height: 16px; margin-top:4px}

.section_event1 .step3_page .notice {text-align: left; margin:15px 0 0 67px}
.section_event1 .step3_page .notice img {width: auto; height:109px;}
.section_event1 .step3_page .btn_area {margin-top:47px}

.section_event1 .step4_page .album_box {overflow:hidden; position:relative; width:405px; height:405px; margin:20px auto 0; border-radius: 40px; background: url('../img/event1/album_cover.png') no-repeat; background-size: 100% auto;}
.section_event1 .step4_page .album_box .cover_text {position:absolute; left:45px; top:125.5px; width:150px; color: var(--Primary01, #40342E); text-align: center;}
.section_event1 .step4_page .album_box .cover_text .title {height:24px; font-family: 'TmoneyRoundWindExtraBold'; font-size: 14px; line-height: 18px; letter-spacing: -0.925px;}
.section_event1 .step4_page .album_box .cover_text .name {font-family: 'TmoneyRoundWindExtraBold'; font-size: 11px; line-height: 15px; letter-spacing: -0.42px; margin-top:14px}

.section_event1 .step4_page .album_box .tape_text {position:absolute; right:63px; top:320px; width:200px; color: var(--Primary01, #40342E); text-align: center; transform: rotate(90deg); transform-origin: right top;}
.section_event1 .step4_page .album_box .tape_text .title {height:24px; font-family: 'TmoneyRoundWindExtraBold'; font-size: 15px; line-height: 18px; letter-spacing: -0.925px;}
.section_event1 .step4_page .album_box .tape_text .name {font-family: 'TmoneyRoundWindExtraBold'; font-size: 11px; line-height: 15px; letter-spacing: -0.42px; margin-top:45px}
.section_event1 .step4_page .album_box .picture {position:absolute; left:52.87px; top:185.25px; width:133.5px; height:133.5px; background-size: cover; background-position: center center; background-repeat: no-repeat;}

/* 다운로드용 사이즈 */
.section_event1 .step4_page .album_box.capture {position: absolute; left:-9999px; top:-9999px; width:1080px; height:1080px; border-radius: 0;}
.section_event1 .step4_page .album_box.capture .cover_text {left:119px; top:340px; width:400px}
.section_event1 .step4_page .album_box.capture .cover_text .title {height:48px; font-size:37px; line-height: 48px; letter-spacing: -1.85px;}
.section_event1 .step4_page .album_box.capture .cover_text .name {font-size:28px; line-height: 42px; letter-spacing: -0.84px; margin-top:46px;}
.section_event1 .step4_page .album_box.capture .tape_text {right:180px; top:793px; width:411px;}
.section_event1 .step4_page .album_box.capture .tape_text .title {height:48px; font-size:40px; line-height: 48px; letter-spacing: -2px;}
.section_event1 .step4_page .album_box.capture .tape_text .name {font-size:27px; line-height: 42px; letter-spacing: -0.81px; margin-top:126px}
.section_event1 .step4_page .album_box.capture .picture {left:141px; top:494px; width:356px; height:356px}

.section_event1 .step4_page .input_copy {width:540px; margin:10px auto 0}
.section_event1 .step4_page .input_copy > div {position:relative; display: flex; justify-content: space-between; align-items: center;width:100%; height:45px; background: url('../img/event1/input_line.png') left bottom no-repeat;}
.section_event1 .step4_page .input_copy > div input {width:100%; height:45px; color:#40342E; font-family: Pretendard; font-size: 18px; font-weight: 600;line-height: 55px; background:none; outline:none}
.section_event1 .step4_page .input_copy > div input::placeholder {opacity: 0.4;}
.section_event1 .step4_page .input_copy > div .count {flex-shrink: 0; color: #5A4940; text-align: right; font-family: Pretendard; font-size: 13px; font-weight: 700;line-height: 16px; }
.section_event1 .step4_page .btn_area {margin-top:30px}

/* Event1 특화 */
#wrap.event1 section {min-height:calc(100vh - 100px - 64px);}
#wrap.event1 .visual_top,
#wrap.event1 .section_event2,
#wrap.event1 .section_event3,
#wrap.event1 .footer .tit,
#wrap.event1 .footer .notice {display: none;}
#wrap.event1 .footer {padding:0;}
#wrap.event1 .footer .copyright {height:64px; margin:0}

/* Event2 */
.section_event2 {background:url('../img/common/bg_white.jpg') center top no-repeat;}
.section_event2 .cont {width:100%;height:955px;background:url('../img/event2/cont_img.png') center top no-repeat;}
.section_event2 .cont .pencil {position:absolute; left:50%; top:-123px; width:408px; margin-left:-875px}
.section_event2 .comments_box {position: relative; display: flex; align-items: flex-end; width:1060px; margin:0 auto; border-radius: 100px; border: 2px solid #5A4940; padding:44px 50px 44px 80px; background: #FFF; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.17), 0px 6px 22px 0px rgba(0, 0, 0, 0.11);}

.section_event2 .comments_box .comments_write {display: flex; align-items: flex-end; position:relative; width:620px; min-height:38px; border-bottom:4px solid #FF7214}
.section_event2 .comments_box .comments_write .rolling_comments {overflow:hidden; position:relative; width:620px; height:34px;}
.section_event2 .comments_box .comments_write .rolling_comments .swiper-wrapper {display: block;}
.section_event2 .comments_box .comments_write .rolling_comments .swiper-slide {cursor:text; text-align: right; color:#40342E; font-size: 30px; font-weight: 400; line-height: 34px; letter-spacing: -0.9px; padding-right:5px;}
.section_event2 .comments_box .comments_write textarea {overflow:hidden; display:none; width:620px; height:34px; text-align: right; color:#40342E; font-family: 'TmoneyRoundWindRegular'; font-size: 30px; font-weight: 400; line-height: 34px; letter-spacing: -0.9px; border:0; padding-right:5px; outline: none; resize: none;}
.section_event2 .comments_box .comments_write textarea.line2 {height:68px;}
.section_event2 .comments_box .fix_txt {font-family: "TmoneyRoundWindExtraBold"; font-size: 32px; font-weight: 800; line-height: 40px; letter-spacing: -0.9px; padding-left:3px}
.section_event2 .comments_box .fix_txt span {color:#EF6A00; font-family: "TmoneyRoundWindExtraBold";}
.section_event2 .comments_box .fix_txt span + span {color:#EB339C}

.section_event2 .comments_box #btn_complete {position:absolute; right:50px; top:50%; margin-top:-30px; display: flex; align-items: center; justify-content: center; width:196px; height:60px; color:#fff; font-family: "TmoneyRoundWindExtraBold"; font-size: 23px; line-height: 33px; letter-spacing: -0.46px; border-radius: 40px; background-color: #EB339C;}

.section_event2 {padding-bottom:100px}
.section_event2 .comments_list {margin-top:52px;}
.section_event2 .comments_list .comment_slider {overflow:hidden; display:flex; width:100%; font-size:0; margin:0 auto;}
.section_event2 .comments_list .comment_slider .marquee_area {position:relative; display: flex; flex-wrap: nowrap; flex-direction: row; flex-shrink: 0; min-width:100%; padding:18px 0;}
.section_event2 .comments_list .item {display: flex; flex-shrink: 0; align-items: center; width:auto; height:70px; color:#40342E; font-family: Pretendard; margin-left:20px; padding:0 40px; border-radius: 70px; background-color: #E7D9CF;}
.section_event2 .comments_list .item .text {color:#40342E; font-family: "TmoneyRoundWindRegular"; font-size: 23px;
  font-weight: 400; line-height: 24px; letter-spacing: -0.4px;}
.section_event2 .comments_list .item .text .fix {font-family: "TmoneyRoundWindExtraBold"; font-weight: 800;}
.section_event2 .comments_list .item .btn_like {width:22px; height:22px; font-size:0; margin-left:24px; background:url('../img/common/icon_like.svg') no-repeat;}
.section_event2 .comments_list .item .btn_like.Y {background:url('../img/common/icon_like_on.svg') no-repeat;}
.section_event2 .comments_list .item .btn_like.on {animation: heart 0.5s ease-in-out}
@keyframes heart {
  0% {transform:scale(1)}
  50% {transform:scale(1.5)}
  100% {transform:scale(1)}
}

.section_event2 .comments_list::after {display:none; opacity:0.5; content:''; position:absolute; left:0; top:0; width:100%; height:100%;}
.section_event2 .comments_list.new::after {display: block;}
.section_event2 .comments_list .item .like_count {color:#5A4940; font-family: Pretendard; font-size: 13px; font-weight: 700;line-height: 16px; margin-left:5px;}
.section_event2 .comments_list .item.img {width:90px; font-size:0; padding:0; margin:0 0 0 20px; background: none;}

.section_event2 .comments_list .item.new {background-color: #FF7214; animation: accent 0.7s ease-in-out;}
.section_event2 .comments_list .item.new .text {color:#fff;}
.section_event2 .comments_list .item.new .btn_like {background: url('../img/common/icon_like_new.svg') no-repeat;}
.section_event2 .comments_list .item.new .btn_like.Y {background: url('../img/common/icon_like_new_on.svg') no-repeat;}
.section_event2 .comments_list .item.new .like_count {color:#fff;}
@keyframes accent {
  0% {transform: scale(1);}
  50% {transform: scale(1.3);}
  100% {transform: scale(1);}
}

.section_event2 .paging {display: flex; align-items: center; justify-content: center; margin-top:40px}
.section_event2 .paging .number {color:#5A4940; font-family: Pretendard; font-size: 18px; font-weight: 700; line-height: 24px; text-align: center; margin:0 15px}
.section_event2 .paging .number span {margin:0 8px}
.section_event2 .paging button {width:44px; height:44px; font-size: 0; margin:0 3px; background-repeat: no-repeat; background-size: 100% auto;}
.section_event2 .paging .btn_prev {background-image: url('../img/event2/btn_prev.png');}
.section_event2 .paging .btn_next {background-image: url('../img/event2/btn_next.png');}
.section_event2 .paging .btn_prev10 {width:80px; background-image: url('../img/event2/btn_prev10.svg');}
.section_event2 .paging .btn_next10 {width:80px; background-image: url('../img/event2/btn_next10.svg');}

/* Event3 */
.section_event3 {width:100%; padding-bottom:120px; background: url('../img/common/bg_ivory.jpg') center top no-repeat;}
.section_event3 .cont {width:100%; height:1068px; background:url('../img/event3/cont_img.png') center top no-repeat;}
.section_event3 .cont .film {position:absolute; left:50%; top:-93px;  width:295px; margin-left:-735px}
.section_event3 .cont .btn_apply {position:absolute; left:50%; top:987px; width:400px; margin-left:-200px;}

.section_event3 .sns_photo_list {margin-top:80px}
.section_event3 .sns_photo_list .sns_slider {overflow:hidden; display:flex; width:100%;}
.section_event3 .sns_photo_list .sns_slider + .sns_slider {margin-top:25px}
.section_event3 .sns_photo_list .sns_slider .marquee_area {position:relative; display: flex; flex-wrap: nowrap; flex-direction: row; flex-shrink: 0; min-width:100%;}

.section_event3 .sns_photo_list .sns_slider .marquee_area .item {position:relative; width:220px; padding:0; margin-left:25px}
.section_event3 .sns_photo_list .sns_slider .marquee_area .item > a {cursor:pointer; overflow:hidden; display:block; position:relative; width:220px; height:220px;border-radius: 20px; background-color: #fff; transition:all 0.3s ease-in-out}
.section_event3 .sns_photo_list .sns_slider .marquee_area .item > a::after {z-index:10; opacity:0; position:absolute; left:50%; top:50%; content:''; display:block; width:80px; height:80px; border-radius: 100%; background: #fff url('../img/common/icon_instargram.svg') center center no-repeat; background-size: 30px 30px; transition: all 0.3s ease-in-out; transform: translate(-50%, -50%) scale(0);}
.section_event3 .sns_photo_list .sns_slider .marquee_area .item > a:hover {border-radius: 100%;}
.section_event3 .sns_photo_list .sns_slider .marquee_area .item > a:hover::after {opacity:1; transform: translate(-50%, -50%) scale(1);}
.section_event3 .sns_photo_list .sns_slider .marquee_area .item > a img {width: 100%; height:100%; object-fit: cover; transition:all 0.8s ease-in-out}
.section_event3 .sns_photo_list .sns_slider .marquee_area .item > a:hover img {transform: scale(1.3);}

.section_event3 .paging {display: flex; align-items: center; justify-content: center; margin-top:60px}
.section_event3 .paging .number {color:#5A4940; font-family: Pretendard; font-size: 18px; font-weight: 700; line-height: 24px; text-align: center; margin:0 35px}
.section_event3 .paging .number span {margin:0 8px}
.section_event3 .paging button {width:44px; height:44px; font-size: 0; margin:0 3px; background-repeat: no-repeat; background-size: 100% auto;}
.section_event3 .paging .btn_prev {background-image: url('../img/event2/btn_prev.png');}
.section_event3 .paging .btn_next {background-image: url('../img/event2/btn_next.png');}


/* Popup */
/* #commentPopup .layer_contents {text-align: center; padding:30px}
#commentPopup .sub_tit {text-align: center; padding-bottom:20px;}
#commentPopup .comment_box {display: flex; align-items: center;}
#commentPopup .comment_box input {width:100%; height:40px; border:1px solid #333; padding-left:10px}
#commentPopup .comment_box span {display: block; min-width:40px; text-align: right;}
#commentPopup .comment_length {text-align: right; padding-right:50px; margin-top:5px}
#commentPopup .input_box {padding:20px; margin-top:10px; border:1px solid #333; background-color: #eee;}
#commentPopup .input_box dl {display: flex; align-items: center; justify-content: center; margin-bottom:10px}
#commentPopup .input_box dl dt {min-width:100px}
#commentPopup .input_box dl dd {width:100%}
#commentPopup .input_box dl dd input {width: 100%; height:40px; border: 1px solid #333; padding:0 10px}
#commentPopup .input_box dl dd .phone_number {display: flex; align-items: center; justify-content: center;}
#commentPopup .input_box dl dd .phone_number input {width:33.3%}
#commentPopup .input_box dl dd .phone_number span {display: inline-block; min-width:20px; text-align: center;} */

/* 이벤트1 : 음원미리듣기 */
#previewPopup .layer_popup {width:752px}
#previewPopup .layer_contents .tit {color:#40342E; font-family: 'TmoneyRoundWindExtraBold'; font-size: 38px; line-height: 48px;  letter-spacing: -1.14px;}
#previewPopup .layer_contents .sub_tit {color:#5A4940; font-family: Pretendard; font-size: 20px; font-weight: 500; line-height: 24px; margin-top:12px}
#previewPopup .layer_contents .audio_player {margin-top:40px;}
#previewPopup .layer_contents .btn_area {margin-top:16px}
#previewPopup .layer_contents .btn_area .btn_next {background-color: #EB339C;}

/* 이벤트1 : 음원발매완료 */
#completePopup .layer_contents {padding:64px 0;}
#completePopup .layer_contents .tit {color:#40342E; font-family: 'TmoneyRoundWindExtraBold'; font-size: 38px;      line-height: 48px; letter-spacing: -1.14px;}
#completePopup .layer_contents .tit span {color:#EF6A00; font-family: 'TmoneyRoundWindExtraBold';}
#completePopup .layer_contents .sub_tit {color:#5A4940; font-family: 'TmoneyRoundWindExtraBold'; font-size: 23px; line-height: 33px; letter-spacing: -0.46px; margin-top:24px}
#completePopup .layer_contents .btn_area {margin-top:32px}
#completePopup .layer_contents .notice {color:#5A4940; font-family: Pretendard; font-size: 16px; font-weight: 500;
  line-height: 24px; margin-top:32px}

/* px */
@media (max-width:1200px){
  #wrap.event1 section {min-height:calc(100vh - 84px)}
  #wrap.event1 .footer {padding: 28px 32px}
  #wrap.event1 .footer .copyright {height:auto; padding:0; border:0}

  .visual_top {height:auto; background: none;}
  .visual_top .visual_inner .util_menu {right:16px; top:24px}
  .visual_top .visual_inner .util_menu a {font-size:12px; padding:4px 12px; border-radius: 20px;}
  .visual_top .visual_inner .tape_motion {right:auto; left:0; top:302px; width:100%}

  .section_event1.loader {overflow:hidden; max-height:550px}
  .section_event1 .step {min-height:auto; padding:64px 32px 0}
  .section_event1 .btn_main {left:-8px; top:32px; width:64px}
  .section_event1 .step .inner {width:100%; padding:50px 0}
  .section_event1 .step .inner > .title {margin-top:20px}
  .section_event1 .step .inner > .title dt {font-size: 28px; line-height: 32px; letter-spacing: -1.5px;}
  .section_event1 .step .inner > .title dd {font-size: 14px; line-height: 22px; letter-spacing: -0.3px;}
  .section_event1 h3 {font-size:12px; padding:6px 15px}
  .section_event1 .btn_area {margin-top:40px}
  .section_event1 .btn_area .btn_process {width:100%; height:52px; font-size: 17px; line-height: 28px; letter-spacing: -0.85px; margin:0;}
  .section_event1 .btn_area .btn_process + .btn_process {margin-left:8px}

  .section_event1 .step0_page {padding:0}
  .section_event1 .step0_page .inner {padding:0}
  .section_event1 .step0_page .cont {height:auto; background:none;}
  .section_event1 .step0_page .sns_share {left:auto; right:12px; top:auto; bottom:0; padding:48px 0 12px;}
  .section_event1 .step0_page .sns_share li {width:34px; margin-left:4px; margin-bottom:4px;}
  .section_event1 .step0_page .btn_area {position:absolute; left:32px; bottom:56px; display:block; margin:0}
  .section_event1 .step0_page .btn_area button {width:296px; height:52px; font-size: 17px; line-height: 28px; letter-spacing: -0.85px; margin: 10px 0 0; border-radius: 40px; border: 0;}

  .section_event1 .step1_page .genre_list {display: block; width:100%; height:auto; padding:0; margin-top:32px;}
  .section_event1 .step1_page .genre_list > li {width:100%; padding:0; margin-top:8px}
  .section_event1 .step1_page .genre_list > li > a {position:relative; height:48px; font-size:17px; border-width:1px}
  .section_event1 .step1_page .genre_list > li > a.on::after {z-index:10; content:''; display:block; position:absolute; left:50%; top:100%; border:8px solid transparent; border-top:6px solid #5A4940; margin-left:-8px}
  .section_event1 .step1_page .genre_list > li .sub_list {overflow-x:auto; position:relative; border-radius: 24px; justify-content: flex-start; padding:16px 14px}

  .section_event1 .step1_page .genre_list > li .sub_list li {width:auto; margin:0 3px}
  .section_event1 .step1_page .genre_list > li .sub_list li label {width:84px; height:84px; border-radius: 12px;}
  .section_event1 .step1_page .genre_list > li .sub_list li input:checked + label::before,
  .section_event1 .step1_page .genre_list > li .sub_list li input:checked + label.on::before {background-size: 40px auto;}
  .section_event1 .step1_page .genre_list > li .sub_list li input:checked + label::after {top:auto; bottom:5px; font-size:12px}

  .section_event1 .step2_page .vocal_list {flex-wrap: wrap; margin-left:-8px; margin-top:32px}
  .section_event1 .step2_page .vocal_list > li {width:50%; padding:0 0 8px 8px;}
  .section_event1 .step2_page .vocal_list > li label {height:188px; font-size: 17px; line-height: 28px; letter-spacing: -0.34px; padding:14px 0 0 0; border-radius: 20px; border-width:1px; text-align: center;}
  .section_event1 .step2_page .vocal_list > li label::before {top:auto; bottom:16px; left:50%; width:116px; height:116px; border-radius: 100%; margin-left:-58px; background-position: center top; background-size: 156% auto; background-color: #C2B3AA;}
  .section_event1 .step2_page .btn_area {margin-top:40px}
  .section_event1 .step2_page .vocal_list > li input:checked + label::after {left:auto; top:auto; right:14px; bottom:14px; width:40px; height:40px; background-size: 100% auto;}

  .section_event1 .step3_page .lyrics_area {border-radius: 12px; margin-top:60px; padding:56px 20px 20px}
  .section_event1 .step3_page .lyrics_area .audio_player {top:-28px; width:256px; height:auto; margin-left:-128px;}
  .section_event1 .step3_page .lyrics_area .audio_player .baloon {left:-30px; top:-33.48px; width:64px; height:46px; font-size:11px; line-height:14px; padding-top:7px; background-size: 100% auto;}
  .section_event1 .step3_page .lyrics_area .keyword_list {display: block;}
  .section_event1 .step3_page .lyrics_area .keyword_list dt {width:214px; text-align: center; margin:0 auto}
  .section_event1 .step3_page .lyrics_area .keyword_list dt img {width: 100%;}
  .section_event1 .step3_page .lyrics_area .keyword_list ul { justify-content: center; margin:15px -4px 0}
  .section_event1 .step3_page .lyrics_area .keyword_list ul li button {font-size:12px; padding:4px 13px; border-radius: 30px;}

  .section_event1 .step3_page .lyrics_area textarea {height:175px; font-size: 15px; font-weight: 600; line-height: 43px;  letter-spacing: -0.3px; margin-top:26px; background: url(/static/img/event1/mobile/bg_lyrics_box_m.png) no-repeat; background-size: 100% auto;}
  .section_event1 .step3_page .lyrics_area .txt_count {font-size:10px; margin-top:0;}
  .section_event1 .step3_page .notice {width:100%; margin:22px 0 0}
  .section_event1 .step3_page .notice img {width: 100%; height:auto;}

  .section_event1 .step4_page .album_box {width:296px; height:296px; margin-top:32px}
  .section_event1 .step4_page .album_box .cover_text {left:32.62px; top:93.19px; width:109.62px}
  .section_event1 .step4_page .album_box .cover_text .title {height: 14px; font-size: 10.141px; line-height: 13.156px; letter-spacing: -0.507px;}
  .section_event1 .step4_page .album_box .cover_text .name {font-size: 7.674px; line-height: 11.511px; letter-spacing: -0.23px; margin-top:11.76px}
  .section_event1 .step4_page .album_box .tape_text {right:49.33px; top:217.34px; width:112.64px;}
  .section_event1 .step4_page .album_box .tape_text .title {height:13.156px; font-size: 10.963px; line-height: 13.156px; letter-spacing: -0.548px;}
  .section_event1 .step4_page .album_box .tape_text .name {margin-top:34.2px; font-size: 7.4px; line-height: 11.511px; letter-spacing: -0.222px;}
  .section_event1 .step4_page .album_box .picture {left:38.64px; top:135.39px; width:97.57px; height:97.57px}

  .section_event1 .step4_page .input_copy {width:100%}
  .section_event1 .step4_page .input_copy > div {height:43px; background: url('../img/event1/mobile/input_line_m.png') left bottom no-repeat; background-size: 100% auto;}
  .section_event1 .step4_page .input_copy > div input {height:43px; font-size:15px; line-height:43px;}
  .section_event1 .step4_page .input_copy > div .count {font-size:10px; line-height:14px;}

  .section_event2 {background:url('../img/common/mobile/bg_white_m.jpg') center top no-repeat; background-size:100% auto; padding-bottom:56px}
  .section_event2 .cont {height:auto; background:none;}
  .section_event2 .cont .pencil {left:0; top:-40px; width:122px; margin-left:0; transform: rotate(5deg);}
  .section_event2 .comments_box {width:auto; height:auto; display: block; margin:0 32px; border-radius: 20px; padding:28px 16px 16px}
  .section_event2 .comments_box .comments_write {width:auto; height:auto; margin:0 50px 0 16px; border-width: 3px;}
  .section_event2 .comments_box .comments_write .rolling_comments {width:100%; height:22.68px;}
  .section_event2 .comments_box .comments_write .rolling_comments .swiper-slide {font-size:16px; line-height:22px; letter-spacing: -0.57px; padding-right:0}
  .section_event2 .comments_box .fix_txt { position:absolute; right:32px; bottom:92px; font-size:17px; line-height:22px}
  .section_event2 .comments_box .comments_write textarea {width:100%; height:22px; font-size:16px; line-height:22px; padding-right:0}
  .section_event2 .comments_box #btn_complete {position: relative; right:auto; top:auto; width:100%; height:52px; font-size:17px; line-height: 28px; margin-top:20px}

  .section_event2 .comments_list {margin-top:42px}
  .section_event2 .comments_list .comment_slider .marquee_area {padding:7px 0}
  .section_event2 .comments_list .item {height:48px; padding:0 22px; margin-left:8px}
  .section_event2 .comments_list .item.img {width:52px; margin-left:8px;}
  .section_event2 .comments_list .item .text {font-size:14px; line-height:20px; letter-spacing: -0.42px;}
  .section_event2 .paging {margin-top:30px}
  .section_event2 .paging button {width:36px; height:36px; margin:0 2px; background-size: 100% auto;}
  .section_event2 .paging .btn_prev10,
  .section_event2 .paging .btn_next10 {width:64px}
  .section_event2 .paging .number {font-size: 13px; margin:0 3px}

  .section_event3 {padding-bottom:56px; background: url(/static/img/common/mobile/bg_ivory_m.jpg) center top no-repeat; background-size: 100% auto;}
  .section_event3 .cont {height: auto;}
  .section_event3 .cont .film {left:-15px; top:-30px; width:115px; margin:0}
  .section_event3 .cont .btn_apply {position: relative; left:auto; top:auto; display:block; width:100%; padding:0 32px; margin:0}
  .section_event3 .sns_photo_list {margin-top:40px}

  .section_event3 .sns_photo_list .sns_slider + .sns_slider {margin-top:10px}
  .section_event3 .sns_photo_list .sns_slider .marquee_area .item {width:120px; margin-left:10px}
  .section_event3 .sns_photo_list .sns_slider .marquee_area .item > a {width:120px; height:120px; border-radius: 12px;}

  .section_event3 .paging {margin-top:30px}
  .section_event3 .paging button {width:36px; height:36px; margin:0 2px; background-size: 100% auto;}
  .section_event3 .paging .number {font-size: 13px; margin:0 20px}

  #previewPopup .layer_contents .btn_area {margin-top:16px}
  #previewPopup .layer_contents .tit {font-size:22px; line-height: 28px; letter-spacing: -1.1px;}
  #previewPopup .layer_contents .sub_tit {font-size: 15px; line-height: 21px; letter-spacing: -0.3px; margin-top:12px}

  #completePopup .layer_contents {padding:44px 36px 20px}
  #completePopup .layer_contents .tit {font-size:22px; line-height:28px; letter-spacing: -1.1px;}
  #completePopup .layer_contents .sub_tit {font-size: 14px; line-height:20px; margin-top:20px}
  #completePopup .layer_contents .btn_area {margin-top: 24px;}
  #completePopup .layer_contents .btn_area .btn_process {width:184px;}
  #completePopup .layer_contents .notice {font-size:12px; line-height: 16px;  margin-top:18px}
}

/* vw */
@media (max-width:1200px){
  #wrap.event1 section {min-height:calc(100vh - 23.33vw)}
  #wrap.event1 .footer {padding: 7.78vw 8.89vw}
  #wrap.event1 .footer .copyright {height:auto; padding:0; border:0}

  .visual_top {height:auto; background: none;}
  .visual_top .visual_inner .util_menu {right:4.44vw; top:6.67vw}
  .visual_top .visual_inner .util_menu a {font-size:3.33vw; padding:1.11vw 3.33vw; border-radius: 5.56vw;}
  .visual_top .visual_inner .tape_motion {right:auto; left:0; top:83.89vw; width:100%}

  .section_event1.loader {overflow:hidden; max-height:152.78vw}
  .section_event1 .step {min-height:auto; padding:17.78vw 8.89vw 0}
  .section_event1 .btn_main {left:-2.22vw; top:8.89vw; width:17.78vw}
  .section_event1 .step .inner {width:100%; padding:13.89vw 0}
  .section_event1 .step .inner > .title {margin-top:5.56vw}
  .section_event1 .step .inner > .title dt {font-size: 7.78vw; line-height: 8.89vw; letter-spacing: -0.42vw;}
  .section_event1 .step .inner > .title dd {font-size: 3.89vw; line-height: 6.11vw; letter-spacing: -0.08vw;}
  .section_event1 h3 {font-size:3.33vw; padding:1.67vw 4.17vw}
  .section_event1 .btn_area {margin-top:11.11vw}
  .section_event1 .btn_area .btn_process {width:100%; height:14.44vw; font-size: 4.72vw; line-height: 7.78vw; letter-spacing: -0.24vw; margin:0;}
  .section_event1 .btn_area .btn_process + .btn_process {margin-left:2.22vw}

  .section_event1 .step0_page {padding:0}
  .section_event1 .step0_page .inner {padding:0}
  .section_event1 .step0_page .cont {height:auto; background:none;}
  .section_event1 .step0_page .sns_share {left:auto; right:3.33vw; top:auto; bottom:0; padding:13.33vw 0 3.33vw;}
  .section_event1 .step0_page .sns_share li {width:9.44vw; margin-left:1.11vw; margin-bottom:1.11vw;}
  .section_event1 .step0_page .btn_area {position:absolute; left:8.89vw; bottom:15.56vw; display:block; margin:0}
  .section_event1 .step0_page .btn_area button {width:82.22vw; height:14.44vw; font-size: 4.72vw; line-height: 7.78vw; letter-spacing: -0.24vw; margin: 2.78vw 0 0; border-radius: 11.11vw; border: 0;}

  .section_event1 .step1_page .genre_list {display: block; width:100%; height:auto; padding:0; margin-top:8.89vw;}
  .section_event1 .step1_page .genre_list > li {width:100%; padding:0; margin-top:2.22vw}
  .section_event1 .step1_page .genre_list > li > a {position:relative; height:13.33vw; font-size:4.72vw; border-width:0.28vw}
  .section_event1 .step1_page .genre_list > li > a.on::after {z-index:10; content:''; display:block; position:absolute; left:50%; top:100%; border:2.22vw solid transparent; border-top:1.67vw solid #5A4940; margin-left:-2.22vw}
  .section_event1 .step1_page .genre_list > li .sub_list {overflow-x:auto; position:relative; border-radius: 6.67vw; justify-content: flex-start; padding:4.44vw 3.89vw}

  .section_event1 .step1_page .genre_list > li .sub_list li {width:auto; margin:0 0.83vw}
  .section_event1 .step1_page .genre_list > li .sub_list li label {width:23.33vw; height:23.33vw; border-radius: 3.33vw;}
  .section_event1 .step1_page .genre_list > li .sub_list li input:checked + label::before,
  .section_event1 .step1_page .genre_list > li .sub_list li input:checked + label.on::before {background-size: 11.11vw auto;}
  .section_event1 .step1_page .genre_list > li .sub_list li input:checked + label::after {top:auto; bottom:1.39vw; font-size:3.33vw}

  .section_event1 .step2_page .vocal_list {flex-wrap: wrap; margin-left:-2.22vw; margin-top:8.89vw}
  .section_event1 .step2_page .vocal_list > li {width:50%; padding:0 0 2.22vw 2.22vw;}
  .section_event1 .step2_page .vocal_list > li label {height:52.22vw; font-size: 4.72vw; line-height: 7.78vw; letter-spacing: -0.09vw; padding:3.89vw 0 0; border-radius: 5.56vw; border-width:0.28vw; text-align: center;}
  .section_event1 .step2_page .vocal_list > li label::before {top:auto; bottom:4.44vw; left:50%; width:32.22vw; height:32.22vw; border-radius: 100%; margin-left:-16.11vw; background-position: center top; background-size: 156% auto; background-color: #C2B3AA;}
  .section_event1 .step2_page .btn_area {margin-top:11.11vw}
  .section_event1 .step2_page .vocal_list > li input:checked + label::after {left:auto; top:auto; right:3.89vw; bottom:3.89vw; width:11.11vw; height:11.11vw; background-size: 100% auto;}

  .section_event1 .step3_page .lyrics_area {border-radius: 3.33vw; margin-top:16.67vw; padding:15.56vw 5.56vw 5.56vw}
  .section_event1 .step3_page .lyrics_area .audio_player {top:-7.78vw; width:71.11vw; height:auto; margin-left:-35.56vw;}
  .section_event1 .step3_page .lyrics_area .audio_player .baloon {left:-8.33vw; top:-9.33vw; width:17.78vw; height:12.78vw; font-size:3.06vw; line-height:3.89vw; padding-top:1.94vw; background-size: 100% auto;}
  .section_event1 .step3_page .lyrics_area .keyword_list {display: block;}
  .section_event1 .step3_page .lyrics_area .keyword_list dt {width:59.44vw; text-align: center; margin:0 auto}
  .section_event1 .step3_page .lyrics_area .keyword_list dt img {width: 100%;}
  .section_event1 .step3_page .lyrics_area .keyword_list ul {justify-content: center; margin:4.17vw -1.11vw 0}
  .section_event1 .step3_page .lyrics_area .keyword_list ul li button {font-size:3.33vw; padding:1.11vw 3.61vw; border-radius: 8.33vw;}

  .section_event1 .step3_page .lyrics_area textarea {height:48.61vw; font-size: 4.17vw; font-weight: 600; line-height: 11.94vw;  letter-spacing: -0.08vw; margin-top:7.22vw; background: url(/static/img/event1/mobile/bg_lyrics_box_m.png) no-repeat; background-size: 100% auto;}
  .section_event1 .step3_page .lyrics_area .txt_count {font-size:2.78vw; margin-top:0;}
  .section_event1 .step3_page .notice {width:100%; margin:6.11vw 0 0}
  .section_event1 .step3_page .notice img {width: 100%; height:auto;}

  .section_event1 .step4_page .album_box {width:82.22vw; height:82.22vw; margin-top:8.89vw}
  .section_event1 .step4_page .album_box .cover_text {left:9.06vw; top:25.89vw; width:30.45vw}
  .section_event1 .step4_page .album_box .cover_text .title {height: 3.89vw; font-size: 2.82vw; line-height: 3.65vw; letter-spacing: -0.14vw;}
  .section_event1 .step4_page .album_box .cover_text .name {font-size: 2.13vw; line-height: 3.2vw; letter-spacing: -0.06vw; margin-top:3.27vw}
  .section_event1 .step4_page .album_box .tape_text {right:13.7vw; top:60.37vw; width:31.29vw;}
  .section_event1 .step4_page .album_box .tape_text .title {height:3.65vw;  font-size: 3.05vw; line-height: 3.65vw; letter-spacing: -0.15vw;}
  .section_event1 .step4_page .album_box .tape_text .name {margin-top:9.5vw; font-size: 2.06vw; line-height: 3.2vw; letter-spacing: -0.06vw;}
  .section_event1 .step4_page .album_box .picture {left:10.73vw; top:37.61vw; width:27.1vw; height:27.1vw}

  .section_event1 .step4_page .input_copy {width:100%}
  .section_event1 .step4_page .input_copy > div {height:11.94vw; background: url('../img/event1/mobile/input_line_m.png') left bottom no-repeat; background-size: 100% auto;}
  .section_event1 .step4_page .input_copy > div input {height:11.94vw; font-size:4.17vw; line-height:11.94vw;}
  .section_event1 .step4_page .input_copy > div .count {font-size:2.78vw; line-height:3.89vw;}

  .section_event2 {background:url('../img/common/mobile/bg_white_m.jpg') center top no-repeat; background-size:100% auto; padding-bottom:15.56vw}
  .section_event2 .cont {height:auto; background:none;}
  .section_event2 .cont .pencil {left:0; top:-11.11vw; width:33.89vw; margin-left:0; transform: rotate(5deg);}
  .section_event2 .comments_box {width:auto; height:auto; display: block; margin:0 8.89vw; border-radius: 5.56vw; padding:7.78vw 4.44vw 4.44vw}
  .section_event2 .comments_box .comments_write {width:auto; height:auto; margin:0 13.89vw 0 4.44vw; border-width: 0.83vw;}
  .section_event2 .comments_box .comments_write .rolling_comments {width:100%; height:6.3vw;}
  .section_event2 .comments_box .comments_write .rolling_comments .swiper-slide {font-size:4.44vw; line-height:6.11vw; letter-spacing: -0.16vw; padding-right:0}
  .section_event2 .comments_box .fix_txt { position:absolute; right:8.89vw; bottom:25.56vw; font-size:4.72vw; line-height:6.11vw}
  .section_event2 .comments_box .comments_write textarea {width:100%; height:6.11vw; font-size:4.44vw; line-height:6.11vw; padding-right:0}
  .section_event2 .comments_box #btn_complete {position: relative; right:auto; top:auto; width:100%; height:14.44vw; font-size:4.72vw; line-height: 7.78vw; margin-top:5.56vw}

  .section_event2 .comments_list {margin-top:11.67vw}
  .section_event2 .comments_list .comment_slider .marquee_area {padding:1.94vw 0}
  .section_event2 .comments_list .item {height:13.33vw; padding:0 6.11vw; margin-left:2.22vw}
  .section_event2 .comments_list .item.img {width:14.44vw; margin-left:2.22vw;}
  .section_event2 .comments_list .item .text {font-size:3.89vw; line-height:5.56vw; letter-spacing: -0.12vw;}
  .section_event2 .paging {margin-top:8.33vw}
  .section_event2 .paging button {width:10vw; height:10vw; margin:0 0.56vw; background-size: 100% auto;}
  .section_event2 .paging .btn_prev10,
  .section_event2 .paging .btn_next10 {width:17.78vw}
  .section_event2 .paging .number {font-size: 3.61vw; margin:0 3px}

  .section_event3 {padding-bottom:15.56vw; background: url(/static/img/common/mobile/bg_ivory_m.jpg) center top no-repeat; background-size: 100% auto;}
  .section_event3 .cont {height: auto;}
  .section_event3 .cont .film {left:-4.17vw; top:-8.33vw; width:31.94vw; margin:0}
  .section_event3 .cont .btn_apply {position: relative; left:auto; top:auto; display:block; width:100%; padding:0 8.89vw; margin:0}
  .section_event3 .sns_photo_list {margin-top:11.11vw}

  .section_event3 .sns_photo_list .sns_slider + .sns_slider {margin-top:2.78vw}
  .section_event3 .sns_photo_list .sns_slider .marquee_area .item {width:33.33vw; margin-left:2.78vw}
  .section_event3 .sns_photo_list .sns_slider .marquee_area .item > a {width:33.33vw; height:33.33vw; border-radius: 3.33vw;}
  .section_event3 .paging {margin-top:8.33vw}
  .section_event3 .paging button {width:10vw; height:10vw; margin:0 0.56vw; background-size: 100% auto;}
  .section_event3 .paging .number {font-size: 3.61vw; margin:0 5.56vw}

  #previewPopup .layer_contents .btn_area {margin-top:4.44vw}
  #previewPopup .layer_contents .tit {font-size:6.11vw; line-height: 7.78vw; letter-spacing: -0.31vw;}
  #previewPopup .layer_contents .sub_tit {font-size: 4.17vw; line-height: 5.83vw; letter-spacing: -0.08vw; margin-top:3.33vw}

  #completePopup .layer_contents {padding:12.22vw 10vw 5.56vw}
  #completePopup .layer_contents .tit {font-size:6.11vw; line-height:7.78vw; letter-spacing: -0.31vw;}
  #completePopup .layer_contents .sub_tit {font-size: 3.89vw; line-height:5.56vw; margin-top:5.56vw}
  #completePopup .layer_contents .btn_area {margin-top: 6.67vw;}
  #completePopup .layer_contents .btn_area .btn_process {width:51.11vw;}
  #completePopup .layer_contents .notice {font-size:3.33vw; line-height: 4.44vw;  margin-top:5vw}
}