@charset "utf-8";

/*****************************
	Base(reset) style
*****************************/
html, body {height:100%;}
html, body, blockquote, caption, dd, div, dl, dt, fieldset, form, frame, h1, h2, h3, h4, h5, h6, hr,
iframe, input, legend, li, object, ol, p, pre, q, select, table, textarea, ul, tr, td{margin:0;padding:0;box-sizing:border-box;letter-spacing: -0.05em;}
ul, ol, li{list-style:none}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; margin:0; padding:0;}

body {font-size:14px; line-height:1.5; font-weight:400; color:#000; font-family:'Pretendard', "Helvetica", "Droid Sans","AppleGothicNeoSD","AppleGothicNeoSD","Helvetica","Malgun Gothic","맑은 고딕","Microsoft NeoGothic","sans-serif";-webkit-text-size-adjust: none;background:#fff;}

pre, textarea, select {font-family:'Pretendard', "Helvetica", "Droid Sans","AppleGothicNeoSD","AppleGothicNeoSD","Helvetica","Malgun Gothic","맑은 고딕","Microsoft NeoGothic","sans-serif";}

fieldset {display:block; margin:0; padding:0; border:0;}
legend {position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
form {margin:0; padding:0;}

a, a:link, a:visited, a:active, a:hover {text-decoration:none; color:#000; outline:none;}

input, button {padding:0; margin:0; border:0; font-size:14px; vertical-align:middle; background:none; font-family:'Pretendard', "Helvetica", "Droid Sans","AppleGothicNeoSD","AppleGothicNeoSD","Helvetica","Malgun Gothic","맑은 고딕","Microsoft NeoGothic","sans-serif";letter-spacing:-0.05em;-webkit-appearance:none; outline:none;}
button, label {cursor:pointer;letter-spacing: -0.05em;}

select::-ms-expand {display:none;} 
select {appearance:none;-webkit-appearance:none;border:none;background-image:url('../img/bg_select_arrow.png');background-repeat:no-repeat;background-position:center right;}

input[type="radio"], input[type="checkbox"] {appearance:none;-webkit-appearance:none;}

img {border:0; vertical-align:middle;}

hr {display:none;}

em, address {font-style:normal;}

h1, h2, h3, h4, h5, h6, strong {font-weight:600;}

table {width:100%; border-collapse:collapse;table-layout:fixed;}
caption {overflow:hidden; margin:0; padding:0; width:0; height:0; font-size:0; line-height:0;}

noscript {position:absolute; z-index:10; background:#efefef;}
noscript p {margin:0;}

.blind {position:absolute; overflow:hidden; width:0; height:0; font-size:1px; line-height:0; color:transparent;}

.mask {display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(17, 17, 17, 0.7); z-index:5;}

/* skip */
.skip {position:fixed;}
.skip li a {display:block;position:absolute;top:0;left:-9999px;width:100%;text-align:center;}
.skip li a:focus,
.skip li a:active {left:0;padding:10px 0;background:rgba(0,0,0,.5);color:#fff;}

/*****************************
	set
*****************************/
.bold {font-weight:700 !important;}

/* text align */
.txtAlignR{text-align:right !important}
.txtAlignC{text-align:center !important}
.txtAlignL{text-align:left !important}

/* ele align */
.vAlignT{vertical-align:top !important}
.vAlignM{vertical-align:middle !important}
.vAlignB{vertical-align:bottom !important}

/* clipping */
.clipping{white-space:nowrap; text-overflow:ellipsis; overflow:hidden}

/* font weight */
.bold500 {font-weight:500 !important;}
.bold {font-weight:bold !important;}
.boldN {font-weight:normal !important;}

/*padding set*/
.p0 {padding:0 !important;}
.p1 {padding:1px !important;}
.p2 {padding:2px !important;}
.p3 {padding:3px !important;}
.p4 {padding:4px !important;}
.p5 {padding:5px !important;}
.p6 {padding:6px !important;}
.p7 {padding:7px !important;}
.p8 {padding:8px !important;}
.p9 {padding:9px !important;}
.p10 {padding:10px !important;}
.p15 {padding:15px !important;}
.p20 {padding:20px !important;}
.p25 {padding:25px !important;}
.p30 {padding:30px !important;}
.p35 {padding:35px !important;}
.p40 {padding:40px !important;}
.p45 {padding:45px !important;}
.p50 {padding:50px !important;}

.pT0 {padding-top:0 !important;}
.pT1 {padding-top:1px !important;}
.pT2 {padding-top:2px !important;}
.pT3 {padding-top:3px !important;}
.pT4 {padding-top:4px !important;}
.pT5 {padding-top:5px !important;}
.pT6 {padding-top:6px !important;}
.pT7 {padding-top:7px !important;}
.pT8 {padding-top:8px !important;}
.pT9 {padding-top:9px !important;}
.pT10 {padding-top:10px !important;}
.pT15 {padding-top:15px !important;}
.pT20 {padding-top:20px !important;}
.pT25 {padding-top:25px !important;}
.pT30 {padding-top:30px !important;}
.pT35 {padding-top:35px !important;}
.pT40 {padding-top:40px !important;}
.pT45 {padding-top:45px !important;}
.pT50 {padding-top:50px !important;}

.pR0 {padding-right:0 !important;}
.pR1 {padding-right:1px !important;}
.pR2 {padding-right:2px !important;}
.pR3 {padding-right:3px !important;}
.pR4 {padding-right:4px !important;}
.pR5 {padding-right:5px !important;}
.pR6 {padding-right:6px !important;}
.pR7 {padding-right:7px !important;}
.pR8 {padding-right:8px !important;}
.pR9 {padding-right:9px !important;}
.pR10 {padding-right:10px !important;}
.pR15 {padding-right:15px !important;}
.pR20 {padding-right:20px !important;}
.pR25 {padding-right:25px !important;}
.pR30 {padding-right:30px !important;}
.pR35 {padding-right:35px !important;}
.pR40 {padding-right:40px !important;}
.pR45 {padding-right:45px !important;}
.pR50 {padding-right:50px !important;}

.pB0 {padding-bottom:0 !important;}
.pB1 {padding-bottom:1px !important;}
.pB2 {padding-bottom:2px !important;}
.pB3 {padding-bottom:3px !important;}
.pB4 {padding-bottom:4px !important;}
.pB5 {padding-bottom:5px !important;}
.pB6 {padding-bottom:6px !important;}
.pB7 {padding-bottom:7px !important;}
.pB8 {padding-bottom:8px !important;}
.pB9 {padding-bottom:9px !important;}
.pB10 {padding-bottom:10px !important;}
.pB15 {padding-bottom:15px !important;}
.pB20 {padding-bottom:20px !important;}
.pB25 {padding-bottom:25px !important;}
.pB30 {padding-bottom:30px !important;}
.pB35 {padding-bottom:35px !important;}
.pB40 {padding-bottom:40px !important;}
.pB45 {padding-bottom:45px !important;}
.pB50 {padding-bottom:50px !important;}

.pL0 {padding-left:0 !important;}
.pL1 {padding-left:1px !important;}
.pL2 {padding-left:2px !important;}
.pL3 {padding-left:3px !important;}
.pL4 {padding-left:4px !important;}
.pL5 {padding-left:5px !important;}
.pL6 {padding-left:6px !important;}
.pL7 {padding-left:7px !important;}
.pL8 {padding-left:8px !important;}
.pL9 {padding-left:9px !important;}
.pL10 {padding-left:10px !important;}
.pL15 {padding-left:15px !important;}
.pL20 {padding-left:20px !important;}
.pL25 {padding-left:25px !important;}
.pL30 {padding-left:30px !important;}
.pL35 {padding-left:35px !important;}
.pL40 {padding-left:40px !important;}
.pL45 {padding-left:45px !important;}
.pL50 {padding-left:50px !important;}

/*margin set*/
.m0 {margin:0 !important;}
.m1 {margin:1px !important;}
.m2 {margin:2px !important;}
.m3 {margin:3px !important;}
.m4 {margin:4px !important;}
.m5 {margin:5px !important;}
.m6 {margin:6px !important;}
.m7 {margin:7px !important;}
.m8 {margin:8px !important;}
.m9 {margin:9px !important;}
.m10 {margin:10px !important;}
.m15 {margin:15px !important;}
.m20 {margin:20px !important;}
.m25 {margin:25px !important;}
.m30 {margin:30px !important;}
.m35 {margin:35px !important;}
.m40 {margin:40px !important;}
.m45 {margin:45px !important;}
.m50 {margin:50px !important;}

.mT0 {margin-top:0 !important;}
.mT1 {margin-top:1px !important;}
.mT2 {margin-top:2px !important;}
.mT3 {margin-top:3px !important;}
.mT4 {margin-top:4px !important;}
.mT5 {margin-top:5px !important;}
.mT6 {margin-top:6px !important;}
.mT7 {margin-top:7px !important;}
.mT8 {margin-top:8px !important;}
.mT9 {margin-top:9px !important;}
.mT10 {margin-top:10px !important;}
.mT15 {margin-top:15px !important;}
.mT20 {margin-top:20px !important;}
.mT25 {margin-top:25px !important;}
.mT30 {margin-top:30px !important;}
.mT35 {margin-top:35px !important;}
.mT40 {margin-top:40px !important;}
.mT45 {margin-top:45px !important;}
.mT50 {margin-top:50px !important;}

.mR0 {margin-right:0 !important;}
.mR1 {margin-right:1px !important;}
.mR2 {margin-right:2px !important;}
.mR3 {margin-right:3px !important;}
.mR4 {margin-right:4px !important;}
.mR5 {margin-right:5px !important;}
.mR6 {margin-right:6px !important;}
.mR7 {margin-right:7px !important;}
.mR8 {margin-right:8px !important;}
.mR9 {margin-right:9px !important;}
.mR10 {margin-right:10px !important;}
.mR15 {margin-right:15px !important;}
.mR20 {margin-right:20px !important;}
.mR25 {margin-right:25px !important;}
.mR30 {margin-right:30px !important;}
.mR35 {margin-right:35px !important;}
.mR40 {margin-right:40px !important;}
.mR45 {margin-right:45px !important;}
.mR50 {margin-right:50px !important;}

.mB0 {margin-bottom:0 !important;}
.mB1 {margin-bottom:1px !important;}
.mB2 {margin-bottom:2px !important;}
.mB3 {margin-bottom:3px !important;}
.mB4 {margin-bottom:4px !important;}
.mB5 {margin-bottom:5px !important;}
.mB6 {margin-bottom:6px !important;}
.mB7 {margin-bottom:7px !important;}
.mB8 {margin-bottom:8px !important;}
.mB9 {margin-bottom:9px !important;}
.mB10 {margin-bottom:10px !important;}
.mB15 {margin-bottom:15px !important;}
.mB20 {margin-bottom:20px !important;}
.mB25 {margin-bottom:25px !important;}
.mB30 {margin-bottom:30px !important;}
.mB35 {margin-bottom:35px !important;}
.mB40 {margin-bottom:40px !important;}
.mB45 {margin-bottom:45px !important;}
.mB50 {margin-bottom:50px !important;}

.mL0 {margin-left:0 !important;}
.mL1 {margin-left:1px !important;}
.mL2 {margin-left:2px !important;}
.mL3 {margin-left:3px !important;}
.mL4 {margin-left:4px !important;}
.mL5 {margin-left:5px !important;}
.mL6 {margin-left:6px !important;}
.mL7 {margin-left:7px !important;}
.mL8 {margin-left:8px !important;}
.mL9 {margin-left:9px !important;}
.mL10 {margin-left:10px !important;}
.mL15 {margin-left:15px !important;}
.mL20 {margin-left:20px !important;}
.mL25 {margin-left:25px !important;}
.mL30 {margin-left:30px !important;}
.mL35 {margin-left:35px !important;}
.mL40 {margin-left:40px !important;}
.mL45 {margin-left:45px !important;}
.mL50 {margin-left:50px !important;}

 /* Chrome, Safari, Edge */
::-webkit-scrollbar {width:4px;}
::-webkit-scrollbar-track {background: transparent;}
::-webkit-scrollbar-thumb {background-color: #aaa;border-radius: 2px;}
::-webkit-scrollbar-thumb:hover {background-color: #888;}
 /* 좌우 화살표 버튼 제거 */
::-webkit-scrollbar-button {display: none;width: 0;height: 0;background:transparent;}

/*************************************************************************************************************
** input
*************************************************************************************************************/
input[type="text"], input[type="tel"], input[type="number"] {width:100%;height:50px;padding:14px 20px 12px 20px;box-sizing:border-box;-webkit-box-sizing:border-box;border:1px solid #BDBDBD;color:#000;font-size:16px;border-radius:10px;}
input::-webkit-input-placeholder {color:#888888;}
input[type="text"]:focus, input[type="tel"]:focus, input[type="number"]:focus {border-color:#2363BF !important;}
input[type="text"]:disabled, input[type="tel"]:disabled, input[type="number"]:disabled {border-color:#BDBDBD !important;background-color:#F2F2F2;color:#888 !important;}

button[class*=btn_] {width:100%;height:50px;font-size:16px;color:#fff;line-height:50px;border-radius:10px;}
.btn_gray {background-color:#666;}
.btn_blue {background-color:#2363BF;}

select {height:50px;padding:14px 20px 12px 20px;box-sizing:border-box;-webkit-box-sizing:border-box;border:1px solid #BDBDBD;color:#000;font-size:16px;border-radius:10px;background:url(../images/ico_select_arr.png) no-repeat right 20px center;background-size:11px auto;outline:none;}
select:focus {border-color:#2363BF !important;}

/*************************************************************************************************************
	@font -face
*************************************************************************************************************/
@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
  font-weight: 100;
  font-display: swap;
}

@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
  font-weight: 200;
  font-display: swap;
}

@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}

/*************************************************************************************************************
** content
*************************************************************************************************************/
.pc_only {display:block;}
.mo_only {display:none;}

body:has(.ticket_event_wrap .content.gray) {background-color:#F5F5F7;}
.ticket_event_wrap .content {padding-bottom:60px;background-color:#fff;}
.ticket_event_wrap .content.gray {background-color:#F5F5F7;padding-top:20px;}
.ticket_event_wrap .inner {max-width:640px;margin:0 auto;padding:0 20px;}

.ticket_event_wrap .visual {height:240px;background: linear-gradient(156.04deg, #018DEC 0%, #0054B0 100%);}
.ticket_event_wrap .visual .inner {display:flex;height:240px;background:url('../images/visual.png') no-repeat center top;justify-content: center;color:#fff;flex-direction: column;background-size:auto 100% !important;}
.ticket_event_wrap .visual h1 {font-size:24px;line-height:34px;font-weight:700;}
.ticket_event_wrap .visual p {margin-top:10px;font-size:16px;line-height:26px;}

.event_step_wrap {display:flex;justify-content: center;border-bottom:1px solid #F2F2F2;}
.event_step {display:flex;width:100%;padding:20px 60px;justify-content: space-between;}
.event_step li {position:relative;width:76px;height:52px;padding-top:38px;text-align:center;}
.event_step li span {position:absolute;left:50%;top:0;transform:translateX(-50%);width:30px;height:30px;border-radius:50%;background-color:#ccc;font-size:14px;font-weight:700;color:#fff;line-height:30px;text-align:center;}
.event_step li strong {font-size:12px;line-height:12px;}

.event_step li:nth-child(1) span {background: linear-gradient(156.04deg, #018DEC 0%, #0054B0 100%);}
.event_step li:nth-child(2).active span {background: linear-gradient(156.04deg, #E23244 0%, #AA1828 100%);}
.event_step li:nth-child(3).active span {background: linear-gradient(156.04deg, #23AF42 0%, #137A23 100%);}

.event_step li:not(:first-child):before {content:'';position:absolute;right:63px;top:14px;width:152px;height:2px;background:#D9D9D9;border-radius:1px;}
.event_step li:nth-child(2).active:before {background:#018DEC;}
.event_step li:nth-child(3).active:before {background:#E23244;}

.ticket_event_wrap h2 {margin-top:30px;font-size:20px;line-height:30px;font-weight:700;word-break: keep-all;}

.inp_wrap {margin-top:30px;}
.inp_wrap li {display:flex;}
.inp_wrap li ~ li {margin-top:10px;}
.inp_wrap li select {width:165px;margin-right:5px;flex-shrink:0;}

.inp_wrap + .btn_gray {margin-top:10px;}

.agree_wrap {margin-top:30px;}
.agree_wrap li {position:relative;margin:0;padding:0;}
.agree_wrap li input {display:none;}
.agree_wrap li ~ li {margin-top:10px;}
.agree_wrap label {display:inline-block;padding-left:40px;height:30px;line-height:30px;background:url('../images/check.png') no-repeat left center;background-size:30px auto;transition:background 0.3s ease;}
.agree_wrap input[type="checkbox"]:checked + label {background-image:url('../images/check_on.png');}
.agree_wrap li button {position:absolute;right:0;top:0;padding:0 7px;line-height:28px;border:1px solid #666;border-radius:10px;background-color:#fff;color:#000 !important;}

.ticket_event_wrap:has(.floating_btn) {padding-bottom:70px;}
.ticket_event_wrap .floating_btn {position:fixed;left:0;right:0;bottom:0;height:70px;padding:10px 0;z-index:5;background: #FFFFFF;box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.05);}
.ticket_event_wrap .floating_btn .inner {display:flex;justify-content: space-between;align-items: center;gap:6px;}
.ticket_event_wrap .floating_btn button {width:100%;height:50px;border-radius:10px;font-size:18px;line-height:50px;font-weight:700;color:#000;border:1px solid #666}
.ticket_event_wrap .floating_btn button:last-child {color:#fff;background: linear-gradient(156.04deg, #018DEC 0%, #0054B0 100%);border:none}

.notice_wrap ul {margin-top:10px;}
.notice_wrap ul li {padding-left:7px;text-indent: -7px;font-size: 14px;line-height: 20px;word-break: keep-all;}
.notice_wrap ul li ~ li {margin-top:6px;}

.receipt_wrap {height:230px;margin-top:30px;border-radius:20px;background:#F5F5F7;text-align: center;}
.receipt_wrap img {width:auto;height:230px;}
.receipt_wrap img:last-child {display:none;}
.receipt_wrap + p {margin:10px 0;font-size:16px;line-height:26px;text-align:center;}

.finish_wrap {margin-top:60px;padding-top:118px;text-align: center;font-size:20px;line-height:30px;font-weight:700;background:url('../images/bg_finish.png') no-repeat center top;background-size:98px auto;}

.winner_wrap ul {margin-top:10px;}
.winner_wrap ul li {padding-left:7px;text-indent: -7px;font-size: 16px;line-height: 24px;word-break: keep-all;}
.winner_wrap ul li ~ li {margin-top:8px;}
.winner_wrap .btn_blue {margin-top:50px;}

.dimmed {display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);z-index:10;}
.pop_wrap {display:none;position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);max-width:600px;width:100%;padding:30px 20px 20px 20px;background:#fff;border-radius:10px;z-index:11;}
.pop_wrap .pop_header {position:relative;}
.pop_wrap .pop_header h3 {font-size:20px;line-height:30px;font-weight:700;}
.pop_wrap .pop_header button {position:absolute;right:-5px;top:-15px;overflow:hidden;width:18px;height:18px;background:url('../images/btn_close.png') no-repeat center center;background-size:100% auto;text-indent:-999px;text-indent:-999px;}
.pop_wrap .pop_content {margin-top:10px;padding:5px;border-radius:6px;background:#F5F5F7}
.pop_wrap .pop_content > div {overflow-y:auto;max-height:30vh;padding:15px;}
.pop_wrap .pop_content > div > strong {display:block;font-size:16px;}
.pop_wrap .pop_content > div > p:not(:first-child) {margin-top:15px;}
.pop_wrap .pop_content > div table {width:100%;border-collapse: collapse;margin-top:15px;}
.pop_wrap .pop_content > div table th,
.pop_wrap .pop_content > div table td {border:1px solid #BDBDBD;padding:10px;text-align:left;}
.pop_wrap .pop_content > div table th {background:#F5F5F7;word-break: keep-all;}
.pop_wrap .pop_content > div table td {background:#fff;}
.pop_wrap .pop_content > div ul {margin-top:15px;}
.pop_wrap .pop_content > div li {padding-left:7px;text-indent: -7px;}
.pop_wrap .pop_content > div li ~ li {margin-top:5px;}

.pop_wrap .pop_content + button {margin-top:20px;width:100%;height:50px;font-size:16px;color:#fff;line-height:50px;border-radius:10px;background-color:#666;}

.loading_wrap {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8) url('../images/loading.gif') no-repeat center center;z-index:100;background-size:100px;}


@media screen and (max-width: 640px) {
  .pc_only {display:none;}
  .mo_only {display:block;}

  .ticket_event_wrap .visual {height:150px;}
  .ticket_event_wrap .visual .inner {height:150px;background:url('../images/visual_mo.png') no-repeat right top;}
  .ticket_event_wrap .visual h1 {font-size:20px;line-height:30px;}
  .ticket_event_wrap .visual p {margin-top:5px;}

  .inp_wrap li select {width:139px;}

  .event_step {width:320px;padding:20px 0;}
  .event_step li:not(:first-child):before {right:63px;width:72px;}

  .receipt_wrap {height:170px;}
  .receipt_wrap img {height:170px;}
  .receipt_wrap img:first-child {display:none;}
  .receipt_wrap img:last-child {display:inline-block;}
  
  .ticket_event_wrap .floating_btn .inner {padding:0 10px;}

  .pop_wrap {width:calc(100% - 40px);}
  .pop_wrap .pop_content > div {max-height:340px;}
}