@charset "UTF-8";
/*
 * File : old.css
 * Author : STUDIO-JT
 * Guideline : Hanbom
 *
 * SUMMARY:
 * 1) event
 * 2) rwd
 */

 /* **************************************** *
 * event
 * **************************************** */ 
.container.launch .content-primary { min-height: auto; } 

/* .section.visual */
.container.launch .section.visual {width: 100%; } 
.container.launch .section.visual .img-wrap { max-width: 1200px; margin: 0 auto; } 
.container.launch .section.visual .img-wrap { position: relative; z-index: 1; } 
.container.launch .section.visual .img { display: block; margin: 0 auto; } 

/* .section.participate */
.container.launch .section.participate { width: 100%; } 
.container.launch .section.participate .img-wrap picture { position: relative; } 
.container.launch .section.participate .img-wrap picture::after { content: ""; position: absolute; bottom: 0; left: 0; background: url("../images/event/pt02.png") 50% 50% no-repeat; background-size: cover; width: 94px; height: 70px; } 
.container.launch .section.participate .img-wrap .img { width: 100%; margin: 0 auto; } 

/* .section.content */
.container.launch .section.content { width: 100%; } 
.container.launch .section.content .img-wrap { padding-top: 265px; max-width: 1200px; width: 100%; margin: 0 auto; } 
.container.launch .section.content .img { margin: 0 auto; display: block; } 
.container.launch .section.content .img.title { width: 580px; margin: 0 auto; } 
.container.launch .section.content .img.content { margin-top: -57px; width: 1091px; } 

/* .section.quiz */
.container.launch .section.quiz { width: 100%; padding-top: 42px; background: url('../images/event/bg04.jpg') 50% 50% no-repeat; background-size: cover; box-sizing: border-box; overflow-x: hidden; } 
.container.launch .section.quiz .video-title { position: relative; } 

.container.launch .section.quiz .video-title .img { width: 100%; vertical-align: top; } 
.container.launch .section.quiz .data-wrap { position: relative; width: 100%; height: 100%; padding-bottom: 56.5%; } 
.container.launch .section.quiz .video-title .pos-img01 { position: absolute; top: 32px; right: 30px; } 
.container.launch .section.quiz .data-wrap video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; } 
.container.launch .section.quiz .data-wrap .util-wrap { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); background: rgba(0,0,0,0.5); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } 
.container.launch .section.quiz .data-wrap .util-wrap.active {display: none; } 
.container.launch .section.quiz .data-wrap .util-wrap .text { color: #75dcce; font-size: 18px; font-weight: 500; text-align: center; border-bottom: 1px solid #75dcce; } 
.container.launch .section.quiz .data-wrap .util-wrap .btn { display: block; margin: 30px auto 0; } 
.container.launch .section.quiz .data-wrap .util-wrap .text + div { margin-top: 20px; } 
.container.launch .section.quiz .data-wrap + .quiz { margin-top: 86px; } 
.container.launch .section.quiz .quiz { position: relative;min-height: auto; margin-top: 4.688vw; padding: 5.208vw 0 0;background: #f1f0ec url('../images/event/quiz_bg.jpg') 50% 50% no-repeat;background-size: cover; } 

.container.launch .section.quiz .quiz-title .img-wrap { padding-bottom: 1.458vw; } 
.container.launch .section.quiz .quiz-title .img-wrap .img { width: 17.813vw; } 
.container.launch .section.quiz .quiz-title .text { position: relative; margin: 0 10px; font-size: 20px; font-weight: 500; letter-spacing: -0.78px; z-index: 1; box-shadow: 0 -10px 0 #c3eae6 inset; box-sizing: border-box; } 
.container.launch .section.quiz .quiz-title + .quiz-btn { padding-top: 2.604vw; } 
.container.launch .section.quiz .quiz-btn .btn { min-width: 185px; height: 52px; line-height: 52px; border-radius: 26px; color: #fff; font-size: 19px; background: linear-gradient(to right, #39bdcc 0%,#4ed9b0 100%); padding: 0 15rem; } 
.container.launch .section.quiz .quiz-btn .btn:hover,
.container.launch .section.quiz .quiz-btn .btn.active {box-shadow: 0 5px 3px rgba(0,0,0,0.6); } 
.container.launch .section.quiz .quiz-btn .btn:hover span,
.container.launch .section.quiz .quiz-btn .btn.active span {color:#000; } 
.container.launch .section.quiz .quiz-btn .btn > span { width: 32px; height: 32px;display: inline-flex; align-items: center; justify-content: center; background: #fff; border-radius: 50%; color: #628888; font-size: 18px; } 
.container.launch .section.quiz .quiz-btn .btn + .btn { margin-left: 2.865vw; } 
.container.launch .section.quiz .quiz { position: relative; } 
.container.launch .section.quiz .quiz .form { position: relative; padding-top: 65px; } 
.container.launch .section.quiz .quiz .fieldset { display: none; padding: 0 2.604vw; } 

.container.launch .section.quiz .quiz .form .fieldset.active { display: block; } 

.container.launch .section.quiz .quiz .position-img { position: absolute; } 
.container.launch .section.quiz .quiz .position-img.pos-img01 { top: 70px; left: -55px; } 
.container.launch .section.quiz .quiz .position-img.pos-img02 { bottom: -25px; left: 15.781vw; } 
.container.launch .section.quiz .quiz .position-img.pos-img03 { top: 258px; right: -30px; } 

/* 220921 이벤트 종료 */
.container.launch .section.quiz .event-end { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; margin: 0 auto; background: rgba(0,0,0,0.6); z-index: 10; } 
.container.launch .section.quiz .event-end .title-wrap {display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align: center; -ms-flex-align: center; align-items: center;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;width: 100%; height: 100%; margin: 0 auto; } 
.container.launch .section.quiz .event-end .title { font-size: 22px; color: #fff; margin-top: 20px; } 
/* // 220921 이벤트 종료 */

.container.launch .section.quiz .quiz .form .btn-area {width: 100%; min-height: 204px; margin-top: 65px; background: url("../images/event/quiz02.png") 50% 50% no-repeat; background-size: cover;display: flex; align-items: center; justify-content: center; } 

.container.launch .section.quiz .notice-wrap .title { font-size: 22px; letter-spacing: -0.5px; font-weight: 500; } 
.container.launch .section.quiz .notice-wrap ul { padding: 30px 12px; box-sizing: border-box; border-top: 2px solid #000; border-bottom: 2px solid #000; } 
.container.launch .section.quiz .notice-wrap li { padding-left: 10px; position: relative; font-weight: 500; } 
.container.launch .section.quiz .notice-wrap li::before { content: ""; position: absolute; top: 10px; left: 0; width: 3px; height: 3px; border-radius: 50%; background-color: #a8a8a8; box-sizing: border-box; } 
.container.launch .section.quiz div + .notice-wrap { margin-top: 90px; } 
.container.launch .section.quiz .notice-wrap .title + ul { margin-top: 22px; } 
.container.launch .section.quiz .notice-wrap li + li { margin-top: 32px; } 


/* 221005 NEWS EVENT */
.container.launch.news-evnet { background-color: #fff; } 
.container.launch.news-evnet #content {background: url('../images/event/news-event-bg.jpg') center top no-repeat;width: 100%; padding-bottom: 95px; padding-top: 0; } 
.container.launch.news-evnet .content-primary {max-width: 720px; margin: 0 auto; padding-bottom: 0; background-color: transparent; } 
.container.launch.news-evnet .form-content { display: none; } 
.container.launch.news-evnet .form-content.active { display: block; } 

.container.launch.news-evnet .field-wrap { padding-left: 50px; padding-right: 50px; } 
.container.launch.news-evnet .field-wrap.news-data { float: none; width: 100%; } 
.container.launch.news-evnet .field { padding-top: 1.5rem; } 
.container.launch.news-evnet .title-wrap { padding: 30px 0; } 
.container.launch.news-evnet .title-wrap .title { font-size: 25px; font-weight: 700; } 
.container.launch.news-evnet .title-wrap .text { padding-top: 30px; } 
.container.launch.news-evnet .field-wrap.news-custom { } 
.container.launch.news-evnet .field-wrap.news-custom .input-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } 
.container.launch.news-evnet .field-wrap.news-custom .label { padding-left: 10px; font-size: 1rem; font-weight: 500; } 
.container.launch.news-evnet .rules { clear: both; overflow: hidden; margin-top: 0; padding-top: 2.5rem; padding-left: 50px; padding-right: 50px; } 
.container.launch.news-evnet .rules .fs-16 > input { padding-top: 3px; vertical-align: top; } 
.container.launch.news-evnet .rules .fs-16 > div { display: inline-block; padding-left: 5px; width: calc(100% - 35px); } 
.container.launch.news-evnet .rules .fs-16 input::before { width: 20px; height: 20px; } 
.container.launch.news-evnet .btn-area { padding-top: 50px; padding-bottom: 42px; } 
.container.launch.news-evnet .btn-area .btn.event { width: 462px; height: 112px; margin: 0 auto; border-radius: 20px; font-size: 35px; font-weight: 700; color: #fff; transition: box-shadow 0.3s ease; background: linear-gradient(to right, #7f183d 0%,#370638 100%); } 
.container.launch.news-evnet .btn-area .btn.event:hover,
.container.launch.news-evnet .btn-area .btn.event.active { box-shadow: 0px 3px 12px rgba(0,0,0,0.5); } 
.container.launch.news-evnet .btn-area .ico.news-btn {background: url('../images/event/news-btn.png') 50% 50% no-repeat;width: 54px; height: 27px; margin-left: 14px; } 
.container.launch.news-evnet .btn-area .btn.event.complete { background: linear-gradient(to right, #203172 0%,#0e0f32 100%); } 
.container.launch.news-evnet .btn-area .btn.event.complete .ico.news-btn { display: none; } 
.container.launch.news-evnet .notice-wrap { padding-left: 35px; padding-right: 35px; -webkit-box-sizing: border-box; box-sizing: border-box; } 
.container.launch.news-evnet .notice-wrap .title { font-size: 25px; font-weight: bold; color: #7d7d7d; } 
.container.launch.news-evnet .notice-wrap ul { margin-top: 25px; padding-top: 32px; border-top: 2px solid #e1e1e1; } 
.container.launch.news-evnet .notice-wrap li { position: relative; font-size: 18px; font-weight: 400; color: #999; line-height: 36px; letter-spacing: -0.875px; } 
.container.launch.news-evnet .notice-wrap li::before { content: '-'; position: absolute; top: 0; left: -7px; } 

.container.launch.news-evnet .winning-text { font-weight: 500; padding: 0 72px; box-sizing: border-box; } 

/* 221115 뉴스이벤트 2 */
.container.launch.news-evnet.event2 #content {background: url('../images/event/news-event-bg2.jpg') center top no-repeat;width: 100%; padding-bottom: 95px; padding-top: 0; } 
.container.launch.news-evnet.event2 .btn-area { padding-top: 28px; } 
/* // 221115 뉴스이벤트 2 */
/* // 221005 NEWS EVENT */

.container.launch.news-evnet .section.news-event .event-end-container { position: relative; font-size: 0; margin-top: 60px; margin-bottom: 60px; } 
.container.launch.news-evnet .section.news-event .event-end { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; margin: 0 auto; background: rgba(0,0,0,0.6); z-index: 10; } 
.container.launch.news-evnet .section.news-event .event-end .title-wrap {display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align: center; -ms-flex-align: center; align-items: center;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;width: 100%; height: 100%; margin: 0 auto; padding: 0; } 
.container.launch.news-evnet .section.news-event .event-end .title { font-size: 22px; color: #fff; margin-top: 20px; font-weight: 400; letter-spacing: normal; } 

.container.launch.evnet { background: #fff; }

/* 221019 Mustad Event */
.container.launch.mustad .content-primary { padding-bottom: 0; box-sizing: border-box; } 
.container.launch.mustad .content-primary .ico.event-arrow {width: 15px; height: 24px;background: url('../images/event/event_arrow.png') 50% 50% no-repeat;background-size: cover; } 
.container.launch.mustad .content-primary .content-page-btn {display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;max-width: 720px; margin: 0 auto; } 
.container.launch.mustad .content-primary .content-page-btn .btn {display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align: center; -ms-flex-align: center; align-items: center;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;width: 50%; height: 158px; font-size: 35px; font-weight: 700; } 
.container.launch.mustad .content-primary .content-page-btn .btn.event1 { position: relative; background: #f5b905; border-bottom: 4px solid #282828; box-sizing: border-box; } 
.container.launch.mustad .content-primary .content-page-btn .btn.event1::after {content: ""; position: absolute; bottom: -20px; background: url('../images/event/mustad-btn-ico.png') 50% 50% no-repeat; width: 29px; height: 20px; z-index: 2; } 
.container.launch.mustad .content-primary .content-page-btn .btn.event2 { position: relative; background: #282828; color: #fff; } 
.container.launch.mustad .content-primary .content-page-btn .btn.event2::after {content: '11월에 공개됩니다!'; font-size: 20px; position: absolute;top: 60%; font-weight: 400; color: rgba(255,255,255,0.5); } 
.container.launch.mustad .content-primary .content-page-btn .btn + .btn { border-left: 4px solid #282828; box-sizing: border-box; } 

.container.launch.mustad .mustad-bg .img-wrap { max-width: 720px; margin: 0 auto; } 
.container.launch.mustad .mustad-bg img { width: 100%; vertical-align: top; } 
.container.launch.mustad .mustad-1 { position: relative; z-index: 1; overflow: hidden; } 
.container.launch.mustad .mustad-2 { margin-top: -200px; background: #282828; } 
.container.launch.mustad .mustad-3 { background: linear-gradient(#a50034 51.5%, #fec106 49.5%); } 

.container.launch.mustad .mustad-form { background: #f1f2f3; padding-top: 105px; padding-bottom: 103px; } 
.container.launch.mustad #mustadForm { max-width: 720px; margin: 0 auto; padding-left: 50px; padding-right: 50px; box-sizing: border-box; } 
.container.launch.mustad #mustadForm .title { font-size: 36px; font-weight: 700; letter-spacing: -0.05em; } 
.container.launch.mustad #mustadForm .title span { position: relative; z-index: 1; } 
.container.launch.mustad #mustadForm .title span::before { content: ""; position: absolute; top: 18px; left: -10px; width: calc(100% + 20px); height: 25px; background: #fff151; z-index: -1; } 
.container.launch.mustad #mustadForm .field-wrap { float: none; width: auto; margin: 0 auto; padding-right: 0; } 
.container.launch.mustad #mustadForm .field { padding-left: 35px; padding-right: 35px; box-sizing: border-box; } 
.container.launch.mustad #mustadForm .insert { margin-top: 0; } 
.container.launch.mustad #mustadForm .label { width: 100%; font-size: 28px; letter-spacing: -0.05em; } 
.container.launch.mustad #mustadForm .input-text { width: 100%; height: 80px; margin-top: 10px; font-size: 22px; border: none; } 
.container.launch.mustad #mustadForm .field-wrap .text { font-size: 24px; letter-spacing: -0.05em; color: #36383e; } 
.container.launch.mustad #mustadForm .fs-16 {display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } 
.container.launch.mustad #mustadForm .fs-16 span { font-size: 14px; } 
.container.launch.mustad #mustadForm .fs-16 input { margin-top: 2px; } 
.container.launch.mustad #mustadForm .fs-16 input::before { box-sizing: border-box; border-color: #ddd; } 
.container.launch.mustad #mustadForm .fs-16 input:checked::before { border-color: #111; } 
.container.launch.mustad #mustadForm .rules .text { font-size: 14px; padding-left: 30px; } 
.container.launch.mustad #mustadForm .fs-16 input + div { padding-left: 10px; } 
.container.launch.mustad #mustadForm .btn-area { padding-top: 50px; } 
.container.launch.mustad #mustadForm .btn.event { min-width: 460px; height: 99px; background: #a50034; font-size: 42px; font-weight: 700; letter-spacing: -0.05em; color: #fff; border: none; } 
.container.launch.mustad #mustadForm .btn.event .ico { margin-left: 35px; } 

.container.launch.mustad #mustadForm .title + .field-wrap { padding-top: 50px; } 
.container.launch.mustad #mustadForm .field + .field { padding-top: 15px; } 
.container.launch.mustad #mustadForm .field + .text { padding-top: 50px; } 

/* notice */
.container.launch.mustad .notice-wrap { background-color: #282828; padding-top: 150px; padding-bottom: 135px; } 
.container.launch.mustad .notice-wrap .text-wrap { max-width: 720px; margin: 0 auto; box-sizing: border-box; } 
.container.launch.mustad .notice-wrap .text-wrap .title { font-size: 28px; font-weight: 700; color: rgba(255,255,255,0.5); } 
.container.launch.mustad .notice-wrap .text-wrap .title span { font-weight: 400; } 
.container.launch.mustad .notice-wrap .text-wrap .title + .img-wrap { padding-top: 40px; } 
.container.launch.mustad .notice-wrap .line { margin-top: 150px; margin-bottom: 50px; border-color: rgba(255,255,255,0.3); } 
.container.launch.mustad .notice-wrap .notice-title {display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align: center; -ms-flex-align: center; align-items: center;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;width: 170px; height: 43px; margin-left: 35px; color: #fff; background: #a50034; border-radius: 22px;font-size: 22px; font-weight: 700; letter-spacing: -0.05em; } 
.container.launch.mustad .notice-wrap .notice-title + ul { padding-top: 24px; } 
.container.launch.mustad .notice-wrap ul { padding-left: 35px; } 
.container.launch.mustad .notice-wrap ul li { position: relative; font-size: 22px; font-weight: 400; color: rgba(255,255,255,0.5); letter-spacing: -0.05em; } 
.container.launch.mustad .notice-wrap ul li + li { padding-top: 23px; } 
.container.launch.mustad .notice-wrap ul li::before { content: 'ㆍ'; position: absolute; left: 0; } 
.container.launch.mustad .notice-wrap ul li span { display: inline-flex; padding-left: 16px; } 

/* event end */
.container.launch.mustad .section.mustad-form { position: relative; } 
.container.launch.mustad .section.mustad-form #mustadForm .event-end { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; margin: 0 auto; background: rgba(0,0,0,0.6); z-index: 10; } 
.container.launch.mustad .section.mustad-form #mustadForm .event-end .title-wrap {display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align: center; -ms-flex-align: center; align-items: center;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;width: 100%; height: 100%; margin: 0 auto; } 
.container.launch.mustad .section.mustad-form #mustadForm .event-end .title { font-size: 22px; color: #fff; margin-top: 20px; font-weight: 400; letter-spacing: normal; } 



 /* **************************************** *
 * rwd
 * **************************************** */ 

@media (min-width:769px) {.container.launch .section.visual { height: 794px; padding-top: 113px; background: url('../images/event/bg01.jpg') 50% 50% no-repeat; background-size: cover; box-sizing: border-box; } 
.container.launch .section .for-mo { display: none !important; } 

.container.launch .section.participate { height: 507px; padding-top: 155px; background: url('../images/event/bg02.jpg') 50% 50% no-repeat; background-size: cover; box-sizing: border-box; } 

.container.launch .section.content { height: 1041px; background: url('../images/event/bg03.jpg') 50% 50% no-repeat; background-size: cover; box-sizing: border-box; } 

.container.launch .section.quiz .quiz .fieldset .field:nth-child(1) { padding-top: 0; } 


}

@media (min-width: 769px) and (max-width: 1248px) {.container.launch .content-primary { padding-bottom: 0; } 

.container.launch .section.visual { width: 100%; height: 41.354vw; padding-top: 5.990vw; } 
.container.launch .section.visual .img.title { width: 47.760vw } 
.container.launch .section.visual .img.coffee { margin-top: -0.781vw; max-width: calc(526px / 2); width: 100%; } 

.container.launch .section.participate { height: 38.406vw; padding-top: 7.552vw; } 

.container.launch .section.content { height: 54.219vw; } 
.container.launch .section.content .img-wrap { padding-top: 13.854vw; } 
.container.launch .section.content .img.title { width: 30.208vw; } 
.container.launch .section.content .img.content { margin-top: -3.125vw; width: 56.823vw; } 

.container.launch .section.quiz { padding-top: 2.240vw; padding-bottom: 6.927vw; } 
 }

@media (min-width:421px) and (max-width:768px) {
.container.launch.mustad #mustadForm .title { font-size: 5.278vw; } 
.container.launch.mustad #mustadForm .title span::before { top: 2.500vw; height: 3.194vw; } 
.container.launch.mustad #mustadForm .label { font-size: 3.889vw; } 
.container.launch.mustad #mustadForm .input-text { height: 11.111vw; font-size: 3.056vw; } 
.container.launch.mustad #mustadForm .field-wrap .text { font-size: 3.333vw; } 
.container.launch.mustad .mustad-form #mustadForm .fs-16 {display: -webkit-box; display: -ms-flexbox; display: flex;font-size: 2.500vw; } 
.container.launch.mustad #mustadForm .btn.event { min-width: 56.389vw; height: 13.750vw; font-size: 5.833vw; } 
.container.launch.mustad #mustadForm .btn.event .ico { margin-left: 4.861vw; } 
.container.launch.mustad #mustadForm .btn-area,
.container.launch.mustad #mustadForm .title + .field-wrap,
.container.launch.mustad #mustadForm .field + .text { padding-top: 6.944vw; } 
.container.launch.mustad #mustadForm .field + .field { padding-top: 2.083vw; } 

/* notice */
.container.launch.mustad .notice-wrap .text-wrap .title { font-size: 3.889vw; } 
.container.launch.mustad .notice-wrap .text-wrap .title + .img-wrap { padding-top: 5.556vw; } 
.container.launch.mustad .notice-wrap .text-wrap .img-wrap .img { width: 45.833vw; } 
.container.launch.mustad .notice-wrap .line { margin-top: 20.833vw; margin-bottom: 6.944vw; } 

.container.launch.mustad .notice-wrap .notice-title { width: 23.611vw; height: 5.972vw; margin-left: 4.861vw; font-size: 3.056vw; } 
.container.launch.mustad .notice-wrap .notice-title + ul { padding-top: 3.333vw; } 
.container.launch.mustad .notice-wrap ul { padding-left: 4.861vw; } 
.container.launch.mustad .notice-wrap ul li { font-size: 3.056vw; } 
.container.launch.mustad .notice-wrap ul li span { padding-left: 2.222vw; } 
}

@media (max-width:768px) {.container.launch .section .for-mo { display: block !important; } 
.container.launch .section .for-mo img { width: 100%; display: block; } 
.container.launch .section.visual .img-wrap,
.container.launch .section.participate .img-wrap,
.container.launch .section.content .img-wrap { display: none !important; } 
.container.launch .section.visual .img.title { max-width: calc(683px / 2); width: 100%; } 
.container.launch .section.visual .img.coffee { margin-top: -30px; max-width: calc(510px / 2); width: 100%; } 

.container.launch .section.quiz .data-wrap .util-wrap .text { font-size: 12px; } 
.container.launch .section.quiz .event-end img { max-width: 260px; width: 100%; } 
.container.launch .section.quiz .event-end .title { font-size: 1rem; } 

.content-primary .section.quiz .primary-wrap { padding-left: 4.8vw; padding-right: 4.8vw; } 
.container.launch .section.quiz { padding-top: 19.067vw; height: auto; } 
.container.launch .section.quiz .data-wrap .util-wrap .img-wrap .img { width: calc(361px/2); } 

.container.launch .section.quiz .quiz { margin-top: 19.067vw; padding-top: 40px; } 
.container.launch .section.quiz .quiz-title .img-wrap { padding-bottom: 25px; } 
.container.launch .section.quiz .quiz-title .img-wrap .img { max-width: calc(342px /2); width: 100%; } 
.container.launch .section.quiz .quiz-title .text { font-size: 18px; } 
.container.launch .section.quiz .quiz-title + .quiz-btn {display: flex; flex-direction: column; padding-top: 30px; } 
.container.launch .section.quiz .quiz-btn .btn { min-width: auto; width: 162px; height: 40px; line-height: 40px; margin: 0 auto; font-size: 18px; transition: all 0.3s ease; } 
.container.launch .section.quiz .quiz-btn .btn > span { width: 22px; height:22px; font-size: 16px; } 
.container.launch .section.quiz .quiz-btn .btn + .btn { margin-top: 8vw; margin-left: auto; } 

.container.launch .section.quiz .quiz .form { padding-top: 32px; } 
.container.launch .section.quiz .quiz .form .btn-area { width: 100%; min-height: 144px; margin-top: 32px; } 
.container.launch .section.quiz .quiz .form .btn-area .btn picture img {max-width: 221px; width: 100%; } 

.container.launch .section.quiz div + .notice-wrap { margin-top: 72px; } 

.container.launch .section.quiz .video-title .pos-img01 { width: 9.867vw; /*height: 35px; */ top: -1.733vw; right: -4.133vw; } 
.container.launch .section.quiz .quiz .position-img { width: 48px; height: 35px; } 
.container.launch .section.quiz .quiz .position-img.pos-img01 { top: 133px; left: -25px; } 
.container.launch .section.quiz .quiz .position-img.pos-img02 { bottom: -25px; left: 30px; } 
.container.launch .section.quiz .quiz .position-img.pos-img03 { top: 258px; right: -10px; } 


.container.launch .section.quiz .notice-wrap .title { font-size: 19px; } 
 .container.launch .section.quiz .notice-wrap ul { padding-top: 21px; } 
 .container.launch .section.quiz .notice-wrap li { padding-left: 8px; font-size: 16px; } 
.container.launch .section.quiz .notice-wrap .title + ul { margin-top: 17px; } 
.container.launch .section.quiz .notice-wrap li + li { margin-top: 30px; } 

.container.launch.news-evnet #content,
.container.launch.news-evnet.event2 #content { background-size: 273.115vw; } 
.container.launch.news-evnet .event-bg { width: 100%; } 
.container.launch.news-evnet .title-wrap .text,
.container.launch.news-evnet .field-wrap,
.container.launch.news-evnet .rules,
.container.launch.news-evnet .notice-wrap,
.container.launch.news-evnet .btn-area { padding-left: 6.667vw; padding-right: 6.667vw; } 
.container.launch.news-evnet .title-wrap .title { font-size: 16px; } 
.container.launch.news-evnet .title-wrap .text,
.container.launch.news-evnet .field-wrap.news-custom .label,
.container.launch.news-evnet .rules .text,
.container.launch.news-evnet .rules > div { font-size: 15px; } 
.container.launch.news-evnet .notice-wrap .title { font-size: 22px; } 
.container.launch.news-evnet .notice-wrap li { font-size: 15px } 
.container.launch.news-evnet .btn-area .btn.event { max-width: 462px; width: 100%; height: 90px; font-size: 24px; } 
.container.launch.news-evnet .winning-text { font-size: 13px; padding: 0 9.725vw; } 

.container.launch.news-evnet .field .input-wrap > input[type="checkbox"],
.container.launch.news-evnet .field .input-wrap > input[type="radio"],
.container.launch.news-evnet .rules .fs-16 > input { width: 20px; height: 20px; } 

.container.launch.mustad .content-primary .ico.event-arrow { width: 2.083vw; height: 3.333vw; } 
.container.launch.mustad .content-primary .content-page-btn .btn { height: 21.944vw; font-size: 4.861vw; } 
.container.launch.mustad .content-primary .content-page-btn .btn.event2::after { font-size: 2.778vw; } 
.container.launch.mustad .mustad-2 { margin-top: -26.042vw; } 

.container.launch.mustad .mustad-form { padding-top: 14.583vw; padding-bottom: 14.306vw; } 
.container.launch.mustad #mustadForm { padding-left: 6.944vw; padding-right: 6.944vw; } 
.container.launch.mustad #mustadForm .rules .text { font-size: 12px; padding-left: 20px; } 

.container.launch.mustad .notice-wrap { padding-top: 20.833vw; padding-bottom: 18.750vw; padding-left: 6.944vw; padding-right: 6.944vw; } 

.container.launch.mustad .section.mustad-form #mustadForm .event-end img { max-width: 260px; width: 100%; } 
.container.launch.mustad .section.mustad-form #mustadForm .event-end .title { font-size: 1rem; } 

.container.launch.news-evnet .section.news-event .event-end img { max-width: 260px; width: 100%; } 
.container.launch.news-evnet .section.news-event .event-end .title { font-size: 1rem; } 

}

@media (max-width:420px) {
/* form */
.container.launch.mustad #mustadForm .title { font-size: 18px; } 
.container.launch.mustad #mustadForm .title span::before { top: 9px; height: 17px; } 
.container.launch.mustad #mustadForm .label { font-size: 14px; } 
.container.launch.mustad #mustadForm .input-text { height: 40px; font-size: 12px; padding: 0 10px; } 

.container.launch.mustad #mustadForm .field-wrap .text,
.container.launch.mustad #mustadForm .fs-16 { font-size: 13px; } 
.container.launch.mustad #mustadForm .rules .text { padding-left: 24px; } 
.container.launch.mustad #mustadForm .fs-16 input { width: 18px; height: 18px; } 
.container.launch.mustad #mustadForm .fs-16 input + div { width: calc(100% - 18px); padding-left: 5px; } 
.container.launch.mustad #mustadForm .field { min-height: auto; padding-left: 0; padding-right: 0; } 
.container.launch.mustad #mustadForm .btn.event { min-width: 240px; height: 50px; font-size: 21px; } 
.container.launch.mustad #mustadForm .btn.event .ico { margin-left: 18px; } 

.container.launch.mustad #mustadForm .btn-area,
.container.launch.mustad #mustadForm .title + .field-wrap,
.container.launch.mustad #mustadForm .field + .text { padding-top: 25px; } 
.container.launch.mustad #mustadForm .field + .field { padding-top: 10px; } 

/* notice */
.container.launch.mustad .notice-wrap .text-wrap .title { font-size: 15px; } 
.container.launch.mustad .notice-wrap .text-wrap .title + .img-wrap { padding-top: 20px; } 
.container.launch.mustad .notice-wrap .text-wrap .img-wrap img { max-width: 180px; } 
.container.launch.mustad .notice-wrap .line { margin-top: 75px; margin-bottom: 25px; } 
.container.launch.mustad .notice-wrap .notice-title { width: 110px; height: 33px; margin-left: 18px; font-size: 13px; } 
.container.launch.mustad .notice-wrap .notice-title + ul { padding-top: 12px; } 
.container.launch.mustad .notice-wrap ul { padding-left: 18px; } 
.container.launch.mustad .notice-wrap ul li { font-size: 13px; } 
.container.launch.mustad .notice-wrap ul li + li { padding-top: 13px; } 

.container.launch.news-evnet .section.news-event .event-end-container { margin-top: 40px; margin-bottom: 40px; }
}