:root{font-size:62.5%;}
body{padding:0;margin:0;-webkit-text-size-adjust : none; line-height: 1.5;font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}/*폰트 사이즈 고정*/
.offscreen {  overflow: hidden;  white-space: nowrap;  clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);   width: 1px;    height: 1px;    margin: 0 0 -1px;    padding: 0;    border-bottom: 0;}
*[class]._hidden { overflow: hidden; white-space: nowrap; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; border: 0;}
input, textarea {touch-action: manipulation; /* 확대 동작 제한 */}

/* reset html */
html, body, div, ul, li, p, h1, h2, h3 {position: relative;	margin: 0;	padding: 0;}
html, h1, h2, h3 {	letter-spacing: -0.06rem;	word-break: keep-all;} 
picture {display: flex; justify-content: center;}
ul, ol {	list-style-type: none;	padding: 0;}
a, button {	text-decoration: none !important;	color: inherit !important; font-weight: 600; background: none; font-size: inherit; border: 0; font-family: inherit;}
span {font-family: inherit;}
html, body { width: 100%; background: #eae8df; font-size: 2rem; letter-spacing: -0.1rem; text-align: center; }
sup {position: absolute; margin-top: 0.2rem; margin-right:0.2rem; font-size: 60% !important; font-family: inherit; color: inherit !important;}
.only-pc {display: contents;}
.pc-block {	display:block !important;}
.pc768-block { display:block;}
.pc342-block { display:block;}
.pc320-block { display:block;}
.m-block { display:none !important;}
.m768-block { display:none;}
.m342-block { display:none;}
.m320-block { display:none;}
.img-f { width:100%;}
.num li {padding-left: 2rem;}
.num li:before {margin-left: -1.5rem;}
.num li:nth-of-type(1):before {content: '1. ';}
.num li:nth-of-type(2):before {content: '2. ';}
.num li:nth-of-type(3):before {content: '3. ';}



.green {color: #00afac;}
.blue {color: #6dc4c2;} 

.visual-text-box {max-width: 1040px; margin: 0 auto;}
.evt-section, .notice-box-inner, .brand-section-box {max-width: 1040px; margin: 0 auto;}

.evt-section .evt-title {font-size: 2.6rem; color: #2b3457;}
.event-title {color: #2b3457; margin: 4rem auto 3rem; font-weight: 300;}
.event-title b {font-size: 3.5rem;}
.underline {font-weight: 800; font-size: 2.4rem; text-decoration: underline; text-underline-offset: 5px; }
.brand-section-box .brand-box-title  { font-size: 4.8rem; color: #242c51; line-height: 1.3;}
.visual-text-title b, .brand-section-box .brand-box-title b {font-weight: 600;}
.content-tit {font-size: 3.2rem; font-weight: 400; display: flex; justify-content: center; align-items: center; gap: 2rem; margin: 0 auto 3rem;}
.notice-box * {font-size: 2rem;}
.notice-box li {padding-left: 1rem; line-height: 1.6; opacity: 0.6;}
.notice-box li:not(:last-of-type):before {content: ''; width: 0.3rem; height: 0.3rem; position: absolute; background: #fff; border-radius: 50%; margin-left: -1rem; margin-top: 1rem;}
.notice-box-bottom li:before {display: none;}

.small {font-size: 1.6rem; color: #7d7d7d; margin-top: 0.5rem; }
.small-txt {font-size: 1.6rem; }

.move-btn a {font-size: 1.8rem; display: block; padding: 2.7rem 0;  text-align: center; border-radius: 0.5rem;}

.sns-link-section {position:absolute; top: 90rem; right:12%;}
.sns-link-section li {position: relative; z-index: 9;}
/*Visual Section*/
.visual-logo {width: 17.4rem; height: 6.8rem; margin-bottom: 8rem; margin-right: auto;}
.visual-box {font-size: 2.2rem; text-align: left; background:  url(../images/main-bg-top.jpg) top center /100% 100% no-repeat, #ffe5e9; aspect-ratio: auto 320/151;}
.visual-text-box-inner {width: fit-content; margin-right: auto; padding: 14rem 0 20rem;}
.visual-text-title {font-size: 5.7rem;  color: #fff; font-weight: 300; margin-bottom: 4rem;}
.visual-text-title b {font-size: 7.3rem}
.visual-text-title b sup { font-weight: 400; font-size: 45% !important;margin-top: 0.6rem;}
.visual-text-middle b {font-size: 2.8rem; font-weight: 400;}
.visual-tit {line-height: 1.3;}
.visual-tit:last-of-type {margin-right: -3rem;}
.visual-text-group {color: #fff; padding: 2rem 0;}
.header-product-img {position: absolute; right:8%; margin-top: 13rem; top: 0; z-index: 1;}
.header-product-img.-bg {mix-blend-mode: plus-lighter; z-index: 0;}
.visual-box sup {font-weight: 600;}
.naver-search-box {background: url(../images/naver-bg.png) top center /100% 100% no-repeat; margin-bottom: 3rem; padding:1.2rem 13rem 1rem 8rem; color: #323232; width: fit-content; font-weight: 600; font-size: 1.9rem;}


.evt-content-section {background:  url(../images/main-bg-mid.png) bottom center /100% auto no-repeat, url(../images/main-bg-mid.jpg) top center /100% 100% no-repeat;}
/*Video Section*/

.video-section-box:before {position: absolute; z-index: 1; content: ""; left: -5.6rem; top: -10rem; background: url(../images/ribbon01.png) top center /100% 100% no-repeat; width: 37.7rem; height: 54.5rem;}
.video-section-box:after {position: absolute; z-index: 1; content: ""; right: -0.5rem; bottom: -1rem; background: url(../images/ribbon02.png) top center /100% 100% no-repeat; width: 19rem; height: 24.7rem;}

.video-section { width: 89rem; color: #fff; font-size: 2.4rem; margin: 0 auto 2rem;background: url(../images/video-txt.png) bottom 5.4rem center/ 40% auto no-repeat, url(../images/video-frame.png) top center/ 100% 100% no-repeat;padding: 14rem 7.5rem 11rem; position: relative;}
.video-tit {width: 15.2rem; height: 2.5rem; margin: 0 auto 2rem; position: relative;}
.video-tit:before {content: ""; position: absolute; background: url(../images/seal.png) top center /100% 100% no-repeat; width: 12.4rem; height: 10.8rem; left: 50%; top: -19rem; transform: translate(-50%,0);}
.video-tit:after{content: ""; position: absolute; background: url(../images/seal-light.png) top center /100% 100% no-repeat; width: 12.4rem; height: 10.8rem; left: 50%; top: -19rem; transform: translate(-50%,0); mix-blend-mode: plus-lighter;}
.evt-description {color: #002d72; background: url(../images/video-tit-bg.png) bottom center /100% no-repeat; width: fit-content;margin: 1rem auto 0;padding: 3rem 5rem 6rem;position: relative;z-index: 1;font-size: 1.8rem;}
.evt-hashtag {line-height: 1.5; word-break: auto-phrase; color: #7a889b; margin: 4.5rem auto 8rem; display: flex; justify-content: center; gap: 2rem;}
.evt-hashtag span {border-radius: 0.5rem; border: 1px solid #7a889b; padding: 0.2rem 1rem; font-size: 1.6rem;}
.video-section-inner .small {margin-top: -2rem;}
.video-section video {aspect-ratio: auto 890/500; width: 100%; height: auto;}

/*Event Section*/
.evt-content {border-radius: 2rem; overflow: hidden; background: url(../images/box-deco.png) top center /100% auto no-repeat, #fff; margin-top: 8rem; padding: 6rem 0 0;}
.evt-box.bottom {background: #fdeaf1; border-top: 1px solid #d8c7cd;}
.select-section {padding: 0 10rem;}
.evt-section .evt-tit {font-size: 2.6rem; font-weight: 600; width: fit-content; margin: 0 auto 7rem; padding: 0.2rem 3rem 0.4rem; color: #fff; background: #5b5b5b; border-bottom-right-radius: 1.5rem; border-bottom-left-radius: 1.5rem;}
.naver-search {font-size: 1.8rem; color: #323232; display: flex; align-items: center; background:url(../images/naver-bg-mid.png) top center /100% 100% no-repeat;font-weight: 800;width: 100%;max-width: 38rem;aspect-ratio: auto 351 / 69;margin: 3rem auto;padding-left: 13rem;}

.evt-steps {display: none; justify-content: center; gap: 1rem; margin: 10rem 0;}
.evt-steps.current {display: flex;}
.steps-wrap { width: 33%; background:#384a6d; border-radius:1rem; position: relative;}

.step-tit {position: absolute; left: 3.5rem; top: -0.9rem; font-size: 1.5rem; color: #fff; background: url(../images/step-tit.png) top center /100% 100% no-repeat; width: fit-content; padding: 1.5rem 2.4rem 1.4rem 1rem; z-index: 1; letter-spacing: 0; line-height: 1; font-weight: 500;}
.steps-img img { border-top-left-radius:0.8rem; border-top-right-radius: 0.8rem; line-height:1; }
.steps-txt {  padding: 2rem 0 2.5rem; border-bottom-left-radius:1rem; border-bottom-right-radius:1rem; letter-spacing: -0.08rem; font-weight: 300; color: #fff;}
.steps-wrap:not(:last-of-type) .steps-txt {padding-top: 3.5rem;}

.small-notice {position: absolute; font-size: 16px; left: 50%; transform: translate(-50%, 10px); width: 100%; color: #384a6d;}
.steps-wrap:not(:last-of-type) .small-notice {bottom: -20px;}
.move-snow {background: linear-gradient(to bottom, #fda7c4, #d54e7c); border-radius: 0.5rem; margin: 2rem auto 1.5rem; width: 40rem; box-shadow: 0 0 0 #d5d5d5; text-shadow: 0px 0px 3px #00000050}
.move-snow a {box-shadow: 0 0 0 #d5d5d5; padding: 2.7rem 0 2.7rem 2rem; text-shadow: 0px 0px 3px #00000050; color: #fff !important;}
.naver_input_btn {display: none; cursor: pointer; max-width:40rem; margin: 3rem auto 0.5rem; background: linear-gradient(to bottom, #f180ae, #ec6c9a);color: #fff; text-align: center; padding:2.5rem 0;box-shadow: 0 4px 2px #e5e5e5; border-radius: 0.5rem; font-weight: 600;}
.event_date_section, .winner-announce {width: fit-content; font-size: 1.9rem; margin: 2rem auto 7rem; padding: 0.8rem 2rem; background: #fff2f2; border-radius: 1rem; color: #b06868;font-weight: 300}
.winner-announce {color: #343434; background: #edd3dc;}
.copy-kysse {text-decoration: underline !important; text-underline-offset: 3px; cursor: pointer;font-weight: 300;}

.evt-prize-box {margin-top: 10rem;border-top: 1px solid #d8c7cd;padding: 0 10rem 6rem;}

.evt-section .evt-btm-priz {display: flex; justify-content: center; margin: 0 auto 2rem; gap: 6rem;  padding: 4rem 0;}
.evt-section .evt-btm-priz li {font-size: 1.8rem;}
.evt-btm-img-box {margin-bottom: 1rem;}


/* Brand Section */
.brand-section-box { margin: 12rem auto 0; padding: 0 6rem 10rem; text-align: left; font-size: 1.8rem; color: #242c51;}
.brand-box-content {margin-left: 0.4rem;}
.brand-box-subtitle {margin: 1.5rem 0 2rem; padding-right: 2rem; font-size: 1.9rem; line-height: 1.5; color: #1a243c;}
.brand-box-subtitle li {padding-left: 2rem; background: url(../images/check.png) left center / auto 1.5rem no-repeat; margin-bottom: 0.5rem;}
.brand-section-box p {margin-bottom: 2rem;}
.brand-box-description {padding-right: 1.4rem; font-weight: 600;}
.brand-section-box .brand-box-title b {font-size: 6rem;}
.brand-box-description b sup { font-weight: 400; font-size: 45% !important;margin-top: 0.6rem;}
.brand-section-box .move-btn {width: 33rem; background: url(../images/arrow.png) right 10% center no-repeat, linear-gradient(to right, #24357b, #212f6a); box-shadow: 0 4px 2px #bdc3df; border-radius: 0.5rem; margin-top: 6rem;}
.brand-section-box .move-btn a {color: #fff !important; padding: 2.7rem 2rem 2.7rem 0;}


/* Notice Section */
.notice-box {background: #1a243c; padding: 8rem 0 5rem;}
.notice-box * {color: #fff; text-align: left;}
.notice-box h3 {font-size: 2.8rem; margin-bottom: 1.5rem; color: #bbbfcc;}
.notice-box-bottom { border-top: 1px solid #313a50; margin-top: 5rem; padding-top: 4rem; }
.notice-btns {display: flex; justify-content: space-between;}
.notice-sns-box {display: flex; gap: 2rem; align-items: flex-start;}
.notice-bottom-small {opacity: 0.2;text-align: right; font-size: 1.6rem;}
.homepage-btn {border-radius: 0.5rem; margin-top: 1.5rem;}
.homepage-btn a {display: block; font-size: 2.4rem; padding: 0.8rem 1.5rem; border-radius: 0.5rem; color: #a3a3a3 !important; text-align: center; width: fit-content; background: #191919; margin: 0 0 0 auto;}
.notice-bottom-right { display: flex; justify-content: end;}
.notice-bottom-right * { font-size: 1.4rem;}

/* Popup */
.popup-wrap, .popup-naver,.popup-qr{display : none;position : fixed;top : 0;left : 0;bottom : 0;right : 0;width : 100%;height : 100%;overflow : auto;z-index : 2;background-color : rgb(0, 0, 0, 0.55);text-align : center;box-sizing : border-box;}
.popup-qr.visible, .popup-naver.visible, .popup-wrap.visible {display : block;}
#event_result_modal { padding: 0; top: 20px; width: 540px; margin: 0 auto; background-color: #fff; display: inline-block; text-align: left;}
.popup-wrap .popup-close-btn, .popup-close-btn { position: absolute; top: 0; right: -35px; display: block; width: 30px; height: 30px; text-indent: -9999px; z-index: 2; cursor: pointer; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==);}
.blocker {z-index: 3 !important;}
.event_result_image_box {display: flex;}
.result_image_item { max-width: 100%; width: 100%; }
.event_result_section_box {background: url(../images/popup-bg.jpg) top center /100% 100% no-repeat, #f6fdfc}
/* .event_result_section_1 {padding:30px;padding-top:40px;padding-bottom:40px;} */
.event_result_section_2 {padding: 4rem 4rem 5rem; color: #fff}
.event_result_section_3 {padding: 2rem 3rem 3rem;z-index:0;}

input[name="user_name"], input[name="naver_user_name"], input[name="user_code"], input[name="naver_user_code"], input[name="user_phone"], input[name="naver_user_phone"] { border:#b5b8be solid 2px; border-radius:5px; font-size: 2rem; width:85%; padding: 1rem; color:#525252;}
.result_input_block { display:inline-block; width:100%;}
.result_input_block label { font-weight: 600; width: 7rem;}
.result_input_btn { width: 100%; background: linear-gradient(to right, #b2dddd, #31a8a3); border: 1px solid #24ebe4; box-shadow: 0 4px 2px #105e66;  color:#fff; margin-top:2rem; cursor:pointer; text-align:center; font-weight: 600; padding:2.5rem 0; border-radius:1rem;}
.event_quiz_reload { cursor: pointer; font-size:16px; text-align:center; text-decoration:underline; text-underline-offset:3px; font-weight: 600; margin-top:15px; margin-right:4px;}
.input_row {display: flex;margin-bottom: 1rem; align-items: center; gap: 1rem;}
.result_info_up { padding:30px 20px 24px; margin-bottom:50px; border-radius:15px; background: transparent; border-radius: 2rem; border: 1px solid #fff;}
.result_info_row { width:96%; display:flex; margin-bottom:15px;}
.result_info_row:last-of-type { margin-top:1rem; justify-content: center; width: 100%;}
.result_info_step_1 { margin:0 auto 15px;}
.result_info_step_2 { margin:0 auto; margin-top:5px;}
.policy_show { display:inline; font-size:16px; font-weight: 600;}
.policy_check { align-self: center; margin-left: -0.3rem; width:16px; height:16px; vertical-align:middle; border-color:#b5b8be;}
.warning_txt { text-align:right; font-size:14px; color:#d07b8b; margin-top:15px;}
.result_info_top_title { text-align:center; justify-content:center; margin-bottom:1rem; font-size: 3rem; color: #fff; font-weight: 800;}
.prize-box { text-align:center; justify-content:center; margin-bottom:1rem; font-size: 3rem; color: #0b2a4a; font-weight: 800;}
.result_info_title { display:inline-block; width: fit-content; height:fit-content; color: #fff; box-shadow: inset 0 -10px 0 #00dfd6; font-size:2rem; text-align:center; line-height: 1.3; font-weight: 800;}
.result_info_content { display:inline-block; width:80%; font-size:14px; color: #fff;}
.result_info_content p { padding-left:1.5rem; font-size:20px; line-height: 1.3;}
.result_info_content a {color: #fff; font-weight: 300;}
.hash_tag_content {width: 70%;}
.result_info_content textarea { font-size:20px; line-height: 1.3; width:100%; font-weight: 300; color:#fff;word-break: auto-phrase; letter-spacing: -0.06rem;}
.hash_tag_row { margin: 0 auto; margin-top:2rem; gap: 1rem;}
.hash_tag_title { font-size:17px; width: 100%; max-width:21%; color:#ed7703;}
.hash_text { border:0; background:transparent; width:100%; height:80px; overflow-y:hidden; resize:none; outline:none; font-size:16px;}
.result_info_prize p { text-align:center; color:#1e3662;}
.prize-box { justify-content:center;}
.prize-img { margin-top:30px;}
.prize-img img { width: 110%; margin-left: -4rem;}
.result_info_prize_description { text-align:center; margin:2rem auto; display: flex; justify-content: center; gap: 0.5rem;}
.result_info_prize_description li {width: 33%;}
.result_info_prize_description li p:first-of-type {font-size: 1.6rem;}
.result_info_prize_description li p:last-of-type {font-size: 1.6rem; color: #fff; background: #000000; width: fit-content; margin: 0.5rem auto; padding: 0.2rem 0.6rem; font-weight: 600;}
.result_info_prize_description li img {width: 100%; margin-bottom: 1rem;}
.result_btn_item { font-size:2rem; display:inline-block; width: 21rem; text-align:center; margin:0 2%; margin-top:0; background:linear-gradient(to right, #709393, #577f7e); border: 1px solid #537674; box-shadow: 0 2px 2px #7cd1ce;  border-radius:5px; color:#fff; padding:1.5rem 0; font-weight: 600; cursor:pointer;text-shadow: 0 0 5px #44444466;}
.result_btn_item:hover { background:  #31a8a3; border: 1px solid #24ebe4;  }
#event_result_modal .join_after {display:none;	 flex-direction: column; text-align: center;}
#event_result_modal .join_result_thx {color: #b7b7b7;margin-bottom: 1rem;}
#event_result_modal .join_result_title {color: #00dfd6; font-size: 3.2rem; font-weight: 800;}
#event_result_modal .join_result_detail {color: #b7b7b7;font-weight: 600;;margin-top: 2rem;}
.result_sns {background: #032740; padding-bottom: 3rem;}
.result_sns_info {color: #fff; text-align:center; padding:15px 0; padding-top:35px; padding-bottom:22px;}
.result_sns_info p { font-size:16px; color:#fff; font-size:24px;}
.result_sns_share { width:85%;  display:flex; justify-content: center; gap: 0.5rem; margin:0 auto;}
.sns_share_item { width:18%; text-align:center;}
.sns_share_item img { width: 100%; cursor:pointer;}
.popup-wrap .grey {color: #41414180; text-align: center; font-size: 1.6rem;}
#event_qr_modal, #event_naver_modal {top : 15rem;width : 420px;margin : 0 auto;background-color : #ffffff;display : inline-block;text-align : left; border: solid 1px #ddd7d2; border-radius: 1rem; padding: 4.5rem 3rem 6rem;}
#event_qr_modal {text-align: center;}
#event_qr_modal .popup-tit {font-size: 2.4rem;}
#event_qr_modal .qr-img {margin: 3rem auto;}
#event_qr_modal .qr-img img {margin-bottom: 1rem;}
#event_qr_modal .qr-small {font-size: 1.6rem; opacity: 0.6;}
#event_naver_modal * {color : #2b2b2b; }
#event_naver_modal .popup-tit {font-weight: 300; text-align: center;}
#event_naver_modal .popup-tit div:last-of-type {font-size: 3.6rem;margin: 0 auto 2rem;font-weight: 800;}
#event_naver_modal .popup-close-btn { position: absolute;right: -4rem; top: 1rem;color: #fff; font-size: 1.6rem !important; width: 3rem; height: 3rem; background: #35365c; border-radius: 50%; cursor : pointer; text-indent: initial; aspect-ratio: auto 1 / 1;padding: 0; align-items: center;display: flex;justify-content: center; font-weight: 800;    font-weight: 800; line-height: 1;}
#event_naver_modal .result_input_block {width: 100%;}
#event_naver_modal .input_row {display: flex; justify-content: center; gap: 1rem; margin-bottom: 0.7rem; align-items: center;}
#event_naver_modal .input_row:last-of-type {margin-left: -3rem;}
#event_naver_modal input {width: 65%; font-size: 1.8rem; padding: 0.5rem 1rem;}
#event_naver_modal input[type="checkbox"] {width: fit-content;}
#event_naver_modal .naver_result_input_btn {cursor: pointer; margin: 1.5rem auto 0; max-width: 32rem; width: 90%; background: url(../images/arrow.png) right 23% center no-repeat, linear-gradient(to bottom, #53579c, #4c4f86);color: #fff; text-align: center; font-weight: 600; padding:23px 0;box-shadow: 0 4px 2px #e5e5e5; border-radius: 10px;}
#event_naver_modal .join_after {display: none; background: #fdeaf1; padding: 3rem;justify-content: center; text-align: center;font-weight: 600; color: #2b2b2b;}
#event_naver_modal .policy_show {font-size: 14px; cursor: pointer;}
.naver_policy_check {margin-left: -8px;}
#event_naver_modal label {align-self: center; text-align: center; width: 5rem; font-size: 1.8rem;}
.ad-no {border-top: 1px solid #1d3d53; margin-top: 1.5rem; padding: 3rem 3rem 0; color: #355266; font-size: 16px; letter-spacing: -0.1rem; text-align: center;}
#event_policy_modal { background:#f1f1f1; border-radius:0 !important; max-width:540px; width:100%;}
#event_policy_modal p { font-weight: 600; color: #00000080}
#event_policy_modal .policy_textarea { width:94%; padding:15px; border-radius:15px; min-height:350px; margin-top:10px; border:#d3d3d3 solid 1px; background:#fff; font-size:13px; font-weight:400;}
#event_policy_modal .policy_textarea p { font-size:13px; font-weight:400;}
#event_policy_modal .policy_textarea p.left_emsp_1 { padding-left:15px; margin-top:15px;}
#event_policy_modal .policy_textarea p.left_emsp_2 { padding-left:30px;}
#event_policy_modal a.close-modal { top:0 !important; right:0 !important; border-radius:0; background-image:url(../images/policy_close.png) !important; background-size:cover !important; background-color:#324d74;}
.modal_small {text-align: left;margin-top: 3rem;font-size: 14px; color: #bababa !important; letter-spacing: -0.1rem; word-break: keep-all;}

@media only screen and (max-width: 1760px) { 
    .sns-link-section {right: 11%;}
}
@media only screen and (max-width: 1700px) { 
    .sns-link-section {right: 10%;}
    .header-product-img {margin-top: 6rem}
}
@media only screen and (max-width: 1560px) { 
    .sns-link-section {right: 6%;}
}
@media only screen and (max-width: 1480px) { 
    .header-product-img {right: 2%;} 
    .sns-link-section {right: 2%;}
    .evt-content-section {background:  url(../images/main-bg-mid.png) bottom center /125% auto no-repeat, url(../images/main-bg-mid.jpg) top center /100% 100% no-repeat;}

}

@media only screen and (max-width: 1300px) {
    .evt-section  {max-width: 96rem; margin: 0 auto}
    .video-section iframe {width: 100%; aspect-ratio: auto 1014 / 555;}
    .video-section {width: 80rem;}
    .video-section-box:before {left: -5.1rem;}
}
@media only screen and (max-width: 1280px){
    .header-product-img {right: 0; width: 55%; margin-top: 21rem;}
    .header-product-img img {width: 100%;}
}
@media only screen and (max-width: 1250px) {
    .visual-text-box { max-width: 960px;}
}
@media only screen and (max-width: 1180px){
    .header-product-img {margin-top: 28rem;}
}
@media only screen and (max-width: 1160px) { 
    .sns-link-section {right: 3%; width: 5rem;}
}

@media only screen and (max-width: 1059px) {
    
    .m-img-f { width:100%;}
    .only-pc {display: none !important;}
    .pc-block {	display:none !important;}
    .m-block { display:block !important;}
    .m-only {display: inherit;}

    sup {font-size: 55% !important; font-family: inherit;}

    html, body  {font-size: 1.4rem; text-align: center;}
    .visual-text-box-inner, .evt-section {max-width: 100%;}
    .visual-text-box, .notice-box-inner {max-width: 100%; margin: 0 2rem;}
    .visual-text-box {display: block;}
    .evt-section-inner {margin: 0; padding: 0 2rem;}
    .evt-section .evt-title, .underline,.event-title, .evt-tit, .brand-section-box, .brand-box-description {font-size: 1.6rem;}
    .usp-section-tit, #event_naver_modal .popup-tit div:last-of-type { font-size: 3.2rem; letter-spacing: -0.1rem; }
    .brand-section-box .brand-box-title {font-size: 3.2rem; margin-top: 0;} 
    .usp-section .usp-wrap .usp-box .usp-tit {font-size: 2.4rem;}
    .notice-box h3 {font-size: 1.4rem; margin-bottom: 1rem;}
    .result_input_btn {font-size: 2rem;}
    .evt-description, .evt-hashtag, .notice-box * , .small,  .evt-section .evt-btm-priz li p:last-of-type {font-size: 1.4rem;}
    .policy_show, .notice-bottom-right * ,.small-txt, .select-section p {font-size: 1.3rem;}
    .notice-box li:not(:last-of-type):before {margin-top: 0;}
    .move-btn a {padding: 2rem 0; font-size: 1.6rem;}

    /*Visual Section*/
    .visual-logo { width: 12rem; height: fit-content; margin-bottom: 2rem; left: 50%; transform: translate(-50%, 0);}
    .visual-box { background: url(../images/main-bg-top-m.jpg) top center /100% 100%; font-size: 1.5rem; text-align: center; line-height: 1.5; padding: 2rem 0 0; aspect-ratio: auto 640/922;}
    .naver_evt .visual-box { background: url(../images/main-bg-top-naver-m.jpg) top center /100% 100%;}
    .visual-text-title {font-size: 3.2rem; margin-bottom: 2rem;}
    .visual-text-title b {font-size: 3.5rem; margin-right: -1.2rem;}
    .visual-text-middle b {font-size: 2rem;}
    .visual-tit {line-height: 1.3;}
    .visual-tit:last-of-type {margin-right: auto;}
    .visual-text-group {width: 100%; display: flex; flex-direction: column-reverse; padding: 0;}
    .visual-text-box-inner {left: auto;  margin: 0 auto; padding: 2rem 0 0; width: 90%;}
    .naver-search-box {margin: 2rem auto 0;padding: 0.8rem 11rem 0.6rem 6rem;font-size: 1.4rem;}
    
    .header-product-img {position: relative; right:auto; margin-top: 0; top: 0; z-index: 1; width: 100%;}
    .header-product-img.-bg {position: absolute;mix-blend-mode: plus-lighter; z-index: 0;}
    

    /*Video Section*/
    .video-section {width: 100%; max-width: -webkit-fill-available; margin: 2rem auto; padding: 7rem 1.5rem 8rem; font-size: 1.4rem; background: url(../images/video-txt.png) bottom 3.5rem center/ 70% auto no-repeat, url(../images/video-frame-m.png) top center / 100% 100% no-repeat;}
	.video-section-box {margin: 0 auto; padding: 0;}
	.video-tit {aspect-ratio: auto 152/25; margin: 0 auto; max-width: 9rem; width: 80%;}
    .video-tit:before,.video-tit:after{width: 9.4rem; height: 8.8rem; left: 50%; top: -11rem;}

    .video-section-inner {margin: 0 auto; padding: 0;background: none;}
    .video-section-inner .small { margin-top: -1rem; font-size: 1.2rem; }
    .evt-hashtag {margin: 2.5rem auto 4rem; gap: 0.5rem;}
    .evt-hashtag span {padding: 0.2rem 0.5rem; font-size: 1.2rem;}

	.video_box {padding: 0; width: 100%;}
	.video-section .video_box iframe {width:100%; height: fit-content;}
    
    

    .video-section-box:before {left: -1.4rem; top: -3rem; width: 9.6rem; height: 15.1rem;}
    .video-section-box:after {right: -0.3rem; bottom: -0.4rem; width: 7.5rem; height: 9.2rem;}


    /*Event Section*/
    .evt-content-section {background: url(../images/main-bg-mid-m.jpg) bottom center /100% 100% no-repeat, #ffe5e9; padding: 3rem 0 0;}
    .naver_evt .evt-content-section { background: url(../images/main-bg-mid-naver-m.jpg) top center /100% 100%;}
    .evt-content {padding: 5rem 0 0; border-radius: 1rem; background: url(../images/box-deco-m.png) top center /100% auto no-repeat, #fff;}
    .content-tit {margin-bottom: 2rem; gap: 0; font-size: 2rem;}
    .content-tit img {max-width: 10rem; margin: 0; width: 75%;}
    .event-title {margin: 0 auto 1rem;}
    .event-title b {font-size: 2.4rem;}
    .event_header_box {line-height: 1.5;margin-top: 1rem; margin-bottom: 0;}
    .naver-search {max-width: 22rem; padding-left: 8rem; font-size: 1.4rem; margin: 0 auto 2rem;}
    .select-section {padding: 0 2rem 1rem; width: 75%; border-radius: 0.5rem; margin: 0 auto;}
    
    .select-section ol {margin-top: 2rem;}
    .select-section ol li {padding: 2rem 1.5rem; border-radius: 1rem; margin-bottom: 1rem;}

    .evt-box.bottom {padding: 0 0 3rem; margin-top: 4rem;}
    .evt-section .evt-tit {font-size: 1.8rem; padding: 0 3rem;  margin-bottom: 2rem;}
    .evt-box.bottom .evt-tit {margin-bottom: 3.5rem; padding: 0.2rem 2rem;}
    .evt-btm-img-box, .evt-btm-img-box img {width:100%;}
    .search-wrap {margin-top: 5rem;}
    .evt-steps {flex-direction: column; margin: 0 0 6rem;}
    .evt-steps .steps-wrap {width: 100%; margin: 0 auto 1.5rem;}
    .step-tit {left: 1rem;top: -0.6rem;font-size: 1.2rem;padding: 0.9rem 1.4rem 0.9rem 0.6rem;}
    .steps-txt {padding: 2rem 1rem;}
    .steps-txt div:first-of-type {padding: 0.1rem 0;}
    .steps-wrap:not(:last-of-type) .steps-txt {padding-top: 2rem;}
    .steps-wrap:first-of-type {margin-bottom: 30px;}
    .steps-wrap:not(:last-of-type) .small-notice {bottom: -15px;}

    .move-snow {max-width: 30rem; width: 100%;}

    .evt-prize-box {padding: 0 1rem 3rem; margin-top: 6rem;}
    .evt-section .evt-btm-priz { width: 100%; margin-top: 3rem; background: none; gap: 0.5rem; padding: 0;}
    .evt-section .evt-btm-priz li {width: 30%; margin: 0 auto 3rem}
    .evt-section .evt-btm-priz li p:first-of-type {margin-bottom: 0.5rem; font-size: 1.2rem;}
	.event_date_section, .winner-announce {padding: 0.4rem 1rem; margin: 2rem auto 1rem; border-radius: 0.5rem; font-size: 1.4rem;}
    .grey {color: #41414180;}

    .naver_input_btn {font-size: 1.6rem; padding: 2rem 0;}

    /* Brand Section */
    .brand-section-box * {text-align: center;}
    .brand-section-box {margin: 7rem 0 0; padding: 0 0 4rem;}
    .brand-section-box .brand-box-title b {font-weight: 800; letter-spacing: -0.2rem;margin-right: -1.5rem; font-size: 3.2rem;}
    .brand-box-content {margin-left: auto;}
    .brand-box-subtitle {margin: 2.5rem auto 2rem; font-size: 1.4rem; padding: 0; width: fit-content;} 
    .brand-section-box p {margin: 0 auto;}
    .brand-box-description {padding: 0;}
    .brand-section-box .move-btn {position: inherit; z-index: 1; max-width: 25rem; width: 100%; margin: 3rem auto; background: url(../images/arrow.png) right 11% top 2.2rem no-repeat, linear-gradient(to bottom, #344677, #1d2b57);} 
    .brand-section-box .move-btn a {padding: 2rem 2rem 2rem 0;}
    .brand-box-subtitle li {text-align: left; font-size: 1.6rem; background: url(../images/check-m.png) left top 0.5rem/1.5rem 1.4rem no-repeat; margin-bottom: 0.2rem; letter-spacing: -0.08rem;}
    .light {position: absolute; bottom: -2rem; mix-blend-mode: screen; width: 100%}
	.product {position: relative;}
    .product div:first-of-type {z-index: 1;}
    .product .-bg {position: absolute; mix-blend-mode: multiply; top: 0; left: 0;width: 100%;}
    .product .-bg img {mix-blend-mode: multiply;}
    .sns-link-section {position:inherit; background: #1a243c;padding: 3rem 0 2rem;width: 100%;left: 0;top: 0 !important;margin-top: -0.1rem}
	.sns-link-section ul {display: flex; gap: 1rem;justify-content: center;}
	.sns-link-section ul li {width: 7rem;}
	

    .notice-box {padding: 2rem 0; border-top: 1px solid #313a50; background: #1a243c;}
	.notice-box-inner ul li:before {top: 0.8rem;width: 0.35rem;height: 0.35rem;}
	.notice-box-inner,.notice-box-bottom-inner {width: 90%;letter-spacing: -0.05rem;}
	.notice-box .notice-box-inner {padding: 1rem 0;}
	.notice-box-inner h3 {font-size: 1.6rem;}
	.notice-box-bottom {padding: 0;border-top: 1px solid #313a50; }
	.notice-box-bottom-inner {display: block;}
	.notice-sns-box {flex-wrap: wrap; gap: 0rem;padding: 1rem 0; width: 100%; justify-content: space-between} ;
	.notice-sns-box li {width: 3rem;}
	.notice-sns-box li:not(:last-of-type) {margin:0; }
	.notice-sns-box li:first-of-type {display: flex; justify-content: start; width: 60%; padding: 0;}
    .notice-bottom-right {padding: 1rem 0; text-align: right; opacity: 0.2;}
    .notice-bottom-right div {text-align: right;}
	.notice-sns-box ul {margin: 0 auto;}
    .notice-box-bottom.m-block {margin-top: 0;}
    .notice-box-bottom.m-block .notice-box-inner .notice-btns {justify-content: end;}
	.homepage-btn {width: fit-content; background: #191919; border: 1px solid #001422;}
    .homepage-btn a {font-size: 1.8rem;}

    #event_result_modal {width: 90%; max-width: 540px;}
    .popup-wrap .popup-close-btn {top: 5px; right: 3px;}
    #event_naver_modal, #event_naver_modal input {width: 70%;}
    .result_input_block label {width: 5rem;}
    input[name="user_name"], input[name="naver_user_name"], input[name="user_code"], input[name="naver_user_code"], input[name="user_phone"], input[name="naver_user_phone"], #event_naver_modal input {font-size: 1.4rem;}
    .policy_check {margin-left: 0.5rem;}
    #event_naver_modal .policy_show {font-size: 1.2rem;}
    #event_naver_modal .input_row:last-of-type {margin-left: -4rem; gap: 0.5rem;}
    #event_naver_modal .popup-tit div:last-of-type {margin: 0 auto 2rem;}
    #event_naver_modal .popup-close-btn {right: 1rem; font-size: 2.2rem !important;}
    #event_naver_modal .naver_result_input_btn {font-size: 1.8rem; padding: 1.8rem 1rem 1.8rem 0; background: url(../images/arrow.png) right 23% top 2.2rem  no-repeat, linear-gradient(to bottom, #53579c, #4c4f86);}
    .modal_small {font-size: 1.2rem;}
}



@media only screen and (max-width: 780px) {
    .pc768-block { display:none;}
    .m768-block { display:block;}
}

@media only screen and (max-width: 400px) {
    .notice-sns-box li:first-of-type {width: 50%;}
}
@media only screen and (max-width: 375px) {
    .evt-hashtag span {font-size: 1rem;}
}
@media only screen and (max-width: 350px) {
    .naver-search {max-width: 19rem; padding-left: 6rem;}
}
@media only screen and (max-width: 346px) {
    .naver-search-box {padding: 1rem 8rem 0.8rem 5rem;}
}

@media only screen and (max-width: 342px) {
    .visual-tit::after {margin-left: -5rem; }
    .result_info_up {padding: 3rem 1.5rem 2rem;}
    .pc342-block { display:none;}
    .m342-block { display:block;}
}
@media only screen and (max-width: 326px) {
    .pc320-block { display:none;}
    .m320-block { display:block;}
}