@charset "utf-8";

 
.paris2024{ font-family: "NEXON Lv2 Gothic", sans-serif;  color: #0c2340;}
.paris2024 input,
.paris2024 button,
.paris2024 select,
.paris2024 option{ font-family: "NEXON Lv2 Gothic", sans-serif;   transform : rotate(0.03deg);}
.paris2024 legend, 
.paris2024 caption {display: none;}
.paris2024 button{border:0; background: none;}
.paris2024 .wr{width:90%; margin:0 auto; max-width:1100px; }
.paris2024 img{display:block; margin:0 auto;}
.paris2024 .banner{background: #0c2340; color: #fff; padding:100px 0;  text-align: center;}
.paris2024 .banner.mg{margin:100px 0;}
.paris2024 .banner h3{font-size: 60px; line-height: 1.2;}
.paris2024 .banner p{font-size: 24px; margin-top: 20px;}
.paris2024 .prize{background:url('img/prize_bg.jpg') no-repeat top center / contain;} 
.paris2024 .tip{font-size: 20px; background: #f2f2f2; font-weight: bold; padding:30px 0; text-align: center; margin:0 2.5vw; transform : rotate(0.03deg)}
.paris2024 .event {font-size: 24px;} 
.paris2024 .event .title img{max-width:640px;}
.paris2024 .popup-button{cursor:pointer; height:180px; display:flex; justify-content:space-between; font-size: 30px; width:100%;}
.paris2024 .popup-button .input{height:100%; background: #f2f2f2; color: #0c2340; padding:0 30px; display:flex; align-items:center; width:calc(100% - 11vw); text-align:left;}
.paris2024 .popup-button .btn{height:100%; background: #be3537; color: #fff; padding:0 20px;  display:flex; align-items:center; justify-content:center; width:10vw ; text-align: center;}
.paris2024 .list li{padding:30px; border-bottom:4px solid #f2f2f2; font-weight: bold; }
.paris2024 .list li p:first-child{font-weight:400; font-size: .9em;}
.paris2024 .paging{display:flex; justify-content:center; align-items:center; gap:20px; margin:100px 0; font-size: 26px;}
.paris2024 .paging a{font-size: inherit;  font-weight: bold; line-height: 1;}
.paris2024 .paging a.on{color:#cb1d2e; font-size: 1.1em;}
.paris2024 .banner02{background: #f2f2f2;} 
.paris2024 .notice { background: #252525;color: #fff;  padding: 60px 0; margin-top: 50px;} 
.paris2024 .notice h4 { margin-bottom: 40px; font-size: 24px; text-align: center;}
.paris2024 .notice ul li { font-size: 18px; color: rgba(255,255,255,.3); line-height: 1.8; padding-left: 10px; text-indent:-10px;} 
.paris2024 .popup { width: 100%; height: calc(100vh + 1px); display:none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0,0,0,.7); padding: 100px 0; z-index: 100; overflow: auto; }
.paris2024 .popup.on { display: block;}
.paris2024 .popup .inner { position: relative; max-width: 613px; width: 95%; margin: 0 auto; background: #fff; padding: 60px 22px; overflow: hidden;}
.paris2024 .popup .inner .close { position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; background: transparent;}
.paris2024 .popup .inner .close.v2 { position: static; width: 100%; height: auto; padding: 22px 10px; background: #f11011; color: #fff; font-size: 24px; font-weight: 600; text-align: center; line-height: 1;}
.paris2024 .popup .inner .close span { position: absolute; width: 100%; height: 2px; background: #121212; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg);}
.paris2024 .popup .inner .close span:last-child { transform: translate(-50%, -50%) rotate(-45deg);}
.paris2024 .popup .inner h3 { font-size: 30px; font-weight: 600; line-height: 1.5; color: #121212; text-align: center; margin-bottom:20px;}
.paris2024 .popup .inner h3 br{display:none;}
.paris2024 .popup.step2 .inner h3 br{display:block;}
.paris2024 .popup .inner h3 + p{margin-bottom: 30px; text-indent:-13px; padding-left: 13px;}
.paris2024 .popup .inner h3.v2 { line-height: 45px;}
.paris2024 .popup .inner .img_box { display: flex; justify-content: center; margin-bottom: 60px;}
.paris2024 .popup .inner button { width: 100%; background: #f11001; color: #fff; font-size: 24px; font-weight: 600; text-align: center; padding: 22px 10px; line-height: 1; }
.paris2024 .popup .inner button.prev { background: #e5e5e5; color: #000; }
.paris2024 .popup .inner button:not(:last-child) { margin-bottom: 10px;}
.paris2024 .popup textarea{ width: 100%; border:none; background: #f7f7f7; height: 100px; padding:10px; font-size: 16px; font-size: 16px;     font-family: "Elza", "NEXON Lv2 Gothic", sans-serif; margin-bottom: 20px;}
.paris2024 .popup input{padding:0 10px; font-size: 16px;}
.paris2024 .popup table,
.paris2024 .popup table tbody { width: 100%;}
.paris2024 .popup table tr { display: flex; flex-direction: column;}
.paris2024 .popup table tr:not(:last-child) { margin-bottom: 40px;}
.paris2024 .popup table tr th,
.paris2024 .popup table tr td { flex: 1; text-align: left; height:auto;}
.paris2024 .popup table tr th label{ font-size: 20px; line-height: 1; font-weight: bold; color: #121212; margin-bottom: 16px; display:block;} 
.paris2024 .popup table tr td select,
.paris2024 .popup table tr td input { width: 100%; border:none; background-color: #f7f7f7; height: 50px;} 
.paris2024 .popup table tr td.flex_box { display: flex; gap: 17px; align-items: center; font-size: 20px; color: #121212;}
.paris2024 .popup table tr td.flex_box input { width: 33.333%;}
.paris2024 .popup table tr td.check { gap: 40px;}
.paris2024 .popup table tr td.check label { position: relative; display: flex; align-items: center; cursor: pointer; font-size: 16px; color: #121212; vertical-align: middle; line-height: 1; font-weight: 600;}
.paris2024 .popup table tr td.check label i { width: 22px; height: 22px; border-radius: 50%; border: 1px solid #DC0019; margin-right: 12px; display: inline-block; position: relative; padding: 5px; flex-shrink: 0; box-sizing: border-box;}
.paris2024 .popup table tr td.check.v2 { flex-direction: column; gap: 8px; align-items: flex-start;}
.paris2024 .popup table tr td span { font-size: 16px; color: #666666; line-height: 1; font-weight: 400; display: inline-block; line-height: 20px;}
.paris2024 .popup table tr td span.info_txt { line-height: 30px;}
.paris2024 .popup table tr td .check.v2 { margin-top: 7px;}
.paris2024 .popup table tr input[type='radio'] { position: absolute; width: 100%; height: 100%; z-index: 10; opacity: 0; cursor: pointer;}
.paris2024 .popup table tr input[type='radio']:checked + i:before { content: ''; display:block; width: 100%; height: 100%; background: #DC0019; border-radius: 50%;}
.paris2024 .popup table tr input[type='checkbox'] { position: absolute; width: 100%; height: 100%; z-index: 10; opacity: 0; cursor: pointer;}
.paris2024 .popup table tr input[type='checkbox']:checked + i:before { content: ''; display:block; width: 100%; height: 100%; background: #DC0019; border-radius: 50%;} 
.paris2024 .popup table tr input[type='file'] { display: none;}
.paris2024 .popup table .privacy { width: 100%; background: #f7f7f7; border: none; height: 100px; padding: 5px; margin-bottom: 7px; font-size: 14px; overflow-y: auto;}
.paris2024 .popup table .privacy table { margin: 25px 0;}
.paris2024 .popup table .privacy table tr { display: flex; flex-direction: row; margin: 0;}
.paris2024 .popup table .privacy table tr th,
.paris2024 .popup table .privacy table tr td { width: 25%; display: flex; align-items: center; justify-content: center; font-size: 14px; text-align: center; padding: 10px 5px; line-height: 1.3; word-break: break-all;}
.paris2024 .popup table .privacy table tr { border-bottom: 1px solid #222;}
.paris2024 .popup table .privacy table tr th { border-right: 1px solid #222; border-top: 1px solid #222;}
.paris2024 .popup table .privacy table tr td { border-right: 1px solid #222;}
.paris2024 .popup table .privacy table tr td:first-child,
.paris2024 .popup table .privacy table tr th:first-child { border-left: 1px solid #222;}
.paris2024 .popup table .privacy table tr th { border-bottom: none;}
.paris2024 .popup table .privacy span { font-size: 14px;}
.paris2024 .popup table tr button { width: 100%; padding: 22px 10px; background: #DC0019; color: #fff; font-size: 24px; font-weight: 600; cursor: pointer; display: block; text-align: center; line-height: 1; margin-top: 10px;}
 
@media screen and (max-width: 1280px) { 
	.paris2024 .banner{padding:10vw 0;}
	.paris2024 .banner h3{font-size:6vw; line-height: 1.4;}
	.paris2024 .banner p{font-size: 4vw; margin-top: 2vw;}
	.paris2024 .banner.mg{margin:10vw 0;}
	.paris2024 .tip{font-size: 3vw; padding:3vw 0; margin:0 3.6vw;}
	.paris2024 .event{font-size: 4vw;}
	.paris2024 .list li{padding:3vw;} 
	.paris2024 .paging{gap:1vw; margin:10vw 0;  font-size: 4vw;}
	.paris2024 .notice{padding:10vw 0; margin-top: 5vw;}
	.paris2024 .notice h4{font-size: 4vw; margin-bottom: 4vw;}
	.paris2024 .notice ul li{font-size: 3vw; text-indent: -1vw;   padding-left: 1vw;}
	.paris2024 .popup-button {font-size: 3.6vw; height: 20vw; }
	.paris2024 .popup-button .input{ width:calc(100% - 22vw); padding:0 3vw;}
	.paris2024 .popup-button .btn{ width:20vw ; }
}
@media screen and (max-width: 768px) {  
  .paris2024 .popup table,
  .paris2024 .popup table tbody { display: flex; flex-direction: column;}
  .paris2024 .popup .inner h3 { font-size: 20px; }
  .paris2024 .popup .inner h3 br{display:block;} 
  .paris2024 .popup .inner h3.v2 { line-height: 1.5;}
  .paris2024 .popup table tr th label { font-size: 18px; margin-bottom: 14px;}
  .paris2024 .popup table tr:not(:last-child) { margin-bottom: 30px;}
  .paris2024 .popup table tr td.check { gap: 20px 40px; flex-wrap:wrap;}
  .paris2024 .popup table tr td select,
  .paris2024 .popup table tr td input { height: 40px; line-height: 40px;}
  .paris2024 .popup table tr td span { font-size: 14px;}
  .paris2024 .popup .inner .img_box { margin-bottom: 30px;}
  .paris2024 .popup .inner button { font-size: 18px; padding: 18px 10px;}
  .paris2024 .popup .inner .close.v2 { font-size: 18px; padding: 18px 10px;} 
}