@charset "euc-kr"; /* setting */
#eventWrap { width: 100%; text-align: center; position: relative; overflow:hidden; font-family:'NotoSans KR'; } 
#eventWrap .inner { position: relative; width:1080px; margin: 0 auto; line-height: 1.4; z-index: 1; } 
#eventWrap img { border: 0 none; vertical-align: top; } 

.support_link {background: #feeedf;}
.support_link .pass_list li h4 {color: #f77d2e;}

/*visual*/
.visual { background: #ffc89a url('https://image.megagong.net/m/2023/0428_pass/all/gong/main_bg.jpg') no-repeat; padding: 120px 0 175px; background-position: center; } 
.visual h3 { margin: 0 0 50px; } 
.visual .visual_content { width: 600px; margin: 0 auto; } 
.visual .visual_content .txt { font-size: 28px; font-weight: 700; line-height: 1.3; } 
.visual .visual_content .txt strong { font-weight: 900; display: block; margin: 9px 0 0; } 
.visual .visual_content .txt strong.white { color: #fff; } 
.visual .visual_content .txt .yellow { color: #fff77d; } 
.visual .visual_content .date { margin: 40px 0 0; border: solid #000; border-width: 4px 0; display: inline-block; padding: 11.6px 7px; } 
.visual .visual_content .date i { font-style: normal; font-size: 15px; display: inline-block; } 
.visual .visual_content .date span { font-weight: 900; font-size: 22px; } 

/*con1*/
.con1 { padding: 206px 0 116px; } 
.con1 .coupon { margin-top: 90px; text-align:center; } 
.con1 .coupon p { margin-top: 20px; color:#b1b1b1; font-size:14px; line-height:120%; font-weight:300; } 
.con1 h4 { margin-top: 58px; position:relative; } 
.con1 h4:before { content:""; display:block; width:100%; height:1px; background:#222; position:absolute; top:23px; left:0; z-index:-1; } 
.con1 h4 span { display:inline-block; width:240px; height:45px; line-height:45px; font-size:22px; border-radius:21px; background:#222; color:#fff; text-align:center; } 
.con1 .process { margin-top:35px; overflow:hidden; } 
.con1 .process li { float:left; height:215px; box-sizing:border-box; } 
.con1 .process li.box { display:table; width:30%; border-radius:8px; background: #feeedf; padding:30px 0; } 
.con1 .process li.box dl { display:table-cell; vertical-align:top; color:#000; font-size:18px; } 
.con1 .process li.box dt { font-weight:700; } 
.con1 .process li.box dd { margin-top:15px; line-height:120%; } 
.con1 .process li.box dd b { color: #f77d2e; font-weight:700; } 
.con1 .process li.bullet { width:5%; position:relative; } 
.con1 .process li.bullet img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); } 


/*oxÄûÁî*/
.oxBox { margin-top:50px; width:100%; overflow:hidden; height:655px; box-sizing:border-box; border:6px solid #000; border-radius:35px; color:#000; font-weight:700; } 
.oxBox > div { width:100%; height:100%; display:table; box-sizing:border-box; padding:80px 130px; } 
.oxBox > div > div { display:table-cell; vertical-align:middle; } 
.oxBox a.oxBtn { display:block; margin:auto; width:400px; height:80px; border-radius:38px; background:#f77d2e; text-align:center; color:#fff; line-height:80px; font-size:26px; font-weight:700; } 
#eventWrap .oxBox a.oxBtn img { vertical-align:middle; height:20px; margin:-2px 0 0 14px; } 
/*½ÃÀÛp*/
.oxBox .start { background:url(https://img.megagong.net/m/2022/0905_pass/total/gong/bg_ox.png) repeat; } 
.oxBox .start p { display:table-cell; vertical-align:middle; } 
/*¹®Á¦p*/
.question .count { margin-left:20px; text-align:left; vertical-align:middle; font-size:28px; } 
.question .count b { color:#f77d2e; } 
.question .count b i { font-style:normal; } 
.question .txt { margin-top:20px; width:100%; height:180px; background:#f1f2f2; border-radius:18px; display:table; } 
.question .txt span { display:table-cell; vertical-align:middle; font-size:28px; line-height:120%; } 
.question .btn { margin-top:20px; } 
.question .btn li { display:inline-block; vertical-align:middle; font-size:32px; } 
.question .btn li.vs { width:163px; } 
.question .btn li button { width:320px; height:180px; border-radius:18px; background:#f1f2f2; font-size:0; } 
.question .btn li button.o { background:#f1f2f2 url(https://img.megagong.net/m/2022/0905_pass/total/gong/btn_o.png) no-repeat center; } 
.question .btn li button.o:hover,
.question .btn li button.o.on { background:#f77d2e url(https://img.megagong.net/m/2022/0905_pass/total/gong/btn_o_on.png) no-repeat center; } 
.question .btn li button.x { background:#f1f2f2 url(https://img.megagong.net/m/2022/0905_pass/total/gong/btn_x.png) no-repeat center; } 
.question .btn li button.x:hover,
.question .btn li button.x.on { background:#f77d2e url(https://img.megagong.net/m/2022/0905_pass/total/gong/btn_x_on.png) no-repeat center; } 
/*°á°úp*/
.result { text-align:center; } 
.result .tit { font-size:34px; } 
.result .tit dt { font-size:45px; } 
.result .tit dd { font-size:34px; line-height:120%; } 
.result .tit dd b { color:#f77d2e; } 
.result .tit dd.stit { color:#b1b1b1; font-size:14px; line-height:120%; font-weight:300; margin-top:20px; } 
.result .tit dd.stit span { color:#f77d2e; } 
.result .answer { margin-top:60px; } 
.result .answer dt { font-size:32px; line-height:120%; font-weight:700; } 
.result .answer dt b { color:#f77d2e; } 
.result .answer dd { margin-top:15px; font-size:21px; line-height:130%; font-weight:400; } 
.result .answer dd a { color: #f77d2e !important; } 
.result p { margin-top:30px; } 
.result_txt { text-align:right; margin-top: 20px; color: #4b4b4b; font-size: 12px; font-weight:300; line-height: 1; } 


/*À¯ÀÇ»çÇ×*/
.con_evt { background:#f9f9f9; } 
.con_evt h4 { background:#000; color:#fff; font-size:18px; font-weight:700; text-align:center; line-height:50px; } 
.con_evt ul { text-align:left; padding: 58px 0; } 
.con_evt li { position:relative; padding-left:10px; color: #222222; margin-top: 6.3px; font-weight: 200; } 
.con_evt li:before { content:"-"; position:absolute; top:0; left:0; } 
.con_evt li:first-child { margin-top:0; } 


/*ÇÒÀÎ ±¸¸Å °¡´ÉÇÑ Æнº*/
@media (max-width: 1200px){
 #eventWrap .inner { width: 97%; } 
#eventWrap img { max-width: 100% } 

 
 /*visual*/
.visual { padding: 13.5% 0; background-size: cover; } 
 .visual h3 { margin: 0 0 6%; } 
 .visual .visual_content { width: 60%; } 
 .visual .visual_content .txt { font-size: 24px; } 
 .visual .visual_content .date { margin: 4% 0 0; } 
 .visual .visual_content .date span { font-size: 23px; } 
 .visual .visual_content .date i { font-size: 13px; } 
 
 /*con1*/
 .con1 { padding: 13% 0 9.5%; } 
 .con1.d0930 { /* padding:0 0 15vw; */ } 
 .con1 .coupon { margin-top:5vw; } 
 .con1 .coupon img { max-width:520px; width:50%; } 
 .con1 .coupon p { margin-top:15px; font-size:12px; } 
 .con1 h4 { margin-top:10vw; } 
 .con1 .process { margin-top:3vw; } 
 .con1 .process li { height:20vw; } 
 .con1 .process li.box { padding:15px 0; } 
 .con1 .process li.box dl { font-size:18px; } 
 .con1 .process li.box dd { margin-top:10px; font-size:15px; } 

 
 /*oxÄûÁî*/
 .oxBox { margin-top:20px; height:450px; min-height:450px; border-radius:15px; border-width:3px; } 
 .oxBox > div { padding:20px; } 
 .oxBox a.oxBtn { max-width:200px; width:50%; height:60px; border-radius:30px; line-height:60px; font-size:20px; } 
 #eventWrap .oxBox a.oxBtn img { height:16px; margin:-2px 0 0 10px; } 

 /*¹®Á¦p*/
 .question .count { margin-left:0; font-size:20px; } 
 .question .count img { width:26px; } 
 .question .txt { margin-top:10px; height:140px; border-radius:12px; } 
 .question .txt span { font-size:18px; } 
 .question .btn { margin-top:3vw; } 
 .question .btn li { width:42%; } 
 .question .btn li.vs { width:14%; font-size:25px; } 
 .question .btn li button { width:100%; height:180px; border-radius:12px; } 
 
 /*°á°úp*/
 .result .tit { font-size:28px; } 
 .result .tit dt { font-size:38px; } 
 .result .tit dd { font-size:28px; } 
 .result .tit dd.stit { font-size:14px; margin-top:20px; } 
 .result .answer { margin-top:60px; } 
 .result .answer dt { font-size:25px; } 
 .result .answer dd { margin-top:15px; font-size:18px; } 
 .result p { margin-top:30px; } 
 .result_txt { margin-top:10px; font-size:12px; } 

 /*À¯ÀÇ»çÇ×*/
 .con_evt h4 { font-size:18px; line-height:40px; } 
 .con_evt ul { padding:4vw 0; } 
 .con_evt li { padding-left:10px; margin-top:3px; } 


 /*ÇÒÀÎ ±¸¸Å °¡´ÉÇÑ Æнº*/ } 
@media (max-width:768px) { /*visual*/
 .visual .visual_content { width: 80%; } 
 .visual .visual_content .txt { font-size: 19px; } 
 .visual .visual_content .date { padding: 8px 0; border-width: 2px 0; } 
 .visual .visual_content .date span { font-size: 18px; } 
 .visual .visual_content .date i { font-size: 11px; } 


 /*con1*/
 .con1 .process li { height:27vw; min-height:210px; } 
 .con1 .process li.box { border-radius:8px; padding:30px 0; } 
 .con1 .process li.box dl { font-size:18px; } 

 /*ÇÒÀÎ ±¸¸Å °¡´ÉÇÑ Æнº*/ } 
@media (max-width:640px) { /*visual*/

 
 /*con1*/
 .con1 h4:before { top:17px; } 
 .con1 h4 span { width:200px; height:40px; line-height:40px; font-size:15px; border-radius:10px; } 
 .con1 .process { margin-top:5vw; } 
 .con1 .process li { height:20vw; min-height:160px; } 
 .con1 .process li.box { padding:15px 0; } 
 .con1 .process li.box dl { font-size:15px; } 
 .con1 .process li.box dd { margin-top:5px; font-size:12px; } 
 .con1 .process li.bullet img { width:10px; } 

 
 /*¹®Á¦p*/
 .question .btn li button.o,
 .question .btn li button.o:hover,
 .question .btn li button.o.on,
 .question .btn li button.x,
 .question .btn li button.x:hover,
 .question .btn li button.x.on { background-size:40%; } 

 /*°á°úp*/
 .result .tit { font-size:22px; } 
 .result .tit dt { font-size:38px; } 
 .result .tit dd { font-size:28px; } 
 .result .tit dd.stit { font-size:11px; margin-top:10px; } 
 .result .answer { margin-top:15px; } 
 .result .answer dt { font-size:20px; } 
 .result .answer dd { margin-top:5px; font-size:15px; } 
 .result p { margin-top:10px; } 
 .result_txt { margin-top:10px; font-size:12px; } 


 /*À¯ÀÇ»çÇ×*/
 .con_evt h4 { font-size:17px; } 

 /*ÇÒÀÎ ±¸¸Å °¡´ÉÇÑ Æнº*/ } 
@media (max-width: 480px) { /*visual*/
 .visual .visual_content .txt { font-size: 15px; } 
 .visual .visual_content .date { padding: 6px 0; } 
 .visual .visual_content .date span { font-size: 14px; } 
 .visual .visual_content .date i { font-size: 10px; } 


 /*oxÄûÁî*/
 .oxBox a.oxBtn { max-width:170px; width:65%; height:40px; border-radius:13px; line-height:40px; font-size:15px; } 
 #eventWrap .oxBox a.oxBtn img { height:13px; margin:-3px 0 0 5px; } 

 /*¹®Á¦p*/ 
 .question .txt span { font-size:16px; } 
 }
@media (max-width: 360px) { /*visual*/

 
 /*con1*/
 .con1 h4:before { top:17px; } 
 .con1 h4 span { width:180px; height:35px; line-height:35px; font-size:15px; border-radius:10px; } 
 .con1 .process { margin-top:5vw; } 
 .con1 .process li { height:20vw; min-height:160px; } 
 .con1 .process li.box { padding:15px 0; } 
 .con1 .process li.box dl { font-size:12px; } 
 .con1 .process li.box dd { margin-top:5px; font-size:10px; } 
 .con1 .process li.bullet img { width:10px; } 
 }