@charset "utf-8";
@import url('font.css');

*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
*, *:before, *:after{box-sizing:border-box;-webkit-box-sizing:border-box; , -moz-box-sizing:border-box;}
[hidden], area, base, basefont, command, datalist, head,input[type=hidden], link, menu[type=context], meta, noembed, noframes,param, script, source, style, track, title {display: none;/* case-insensitive */}
address, article, aside, blockquote, body, center, dd, dir, div, dl,dt, figure, figcaption, footer, form, h1, h2, h3, h4, h5, h6, header,hgroup, hr, html, legend, listing, menu, nav, ol, p, plaintext, pre,section, summary, ul, xmp{display:block;}
table{display: table;}
caption{display: table-caption;}
colgroup{display: table-column-group;}
col{display: table-column;}
thead{display: table-header-group;}
tbody{display: table-row-group;}
tfoot{display: table-footer-group;}
tr{display: table-row;}
td, th{display: table-cell;}
li{display: list-item;}

/* reset */				  
body,div,p,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,ol,table,tr,th,td,caption,form,fieldset,input,select,textarea,blockquote,address{margin:0;padding:0;line-height:1; word-break:keep-all;}
img,fieldset,iframe{border:0 none; font-weight:400;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:400;}
address,em{font-style:normal;font-weight:normal;}
table{width:100%; border-collapse:collapse; border-spacing:0px; table-layout:fixed;}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit;}
input, select{-webkit-border-radius:0px; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"]{-webkit-appearance:none; vertical-align:middle;}
select{-webkit-appearance: none; -moz-appearance: none; appearance: none; opacity:1 !important; background:#fff url("../img/skin/select_arrow.png") calc(100% - 20px) 50% no-repeat; border:1px solid #ced1d3; vertical-align:middle; outline:none;}
select::-ms-expand{display:none;}
input,select,button{border:0; outline:0; padding:0;}

/* base */
body{min-width:280px; min-height: 100vh; min-height: -webkit-fill-available; position:relative;background-color: #1b1b1b; font-family: 'SamsungOneKorean', sans-serif; font-size:16px; font-weight:400; color:#000000; padding:0; overflow-x:hidden;}
body * {letter-spacing:-0.025em;}
ul,ol,li{list-style:none;line-height:100%;}
a{text-decoration:none; color:inherit; line-height:1.0;}
a:hover, a:focus{text-decoration:none;}
caption,legend, .hide{position:absolute;top:-5000px;text-indent:-5000px;visibility:hidden;width:0;height:0;font-size:0;line-height:0;}
ul:after{content:" ";display:block;clear:both;}
textarea {resize:none;}
img{vertical-align:middle;}	   
button{background:none; border:0; outline:0; cursor:pointer;}
hr{display:none;}
section{margin:0;padding:0;}
section:after{content:" "; display:block; clear:both;}
header:after{content:" "; display:block; clear:both;}
.clfix:after{content:" "; display:block; clear:both;}



.event_wrap .section .image{max-width: 847px;width: 100%;margin: 0 auto;background-size: cover;}
.event_wrap .section .image p{font-size: 0;}
.event_wrap .sec_01 .image{aspect-ratio: 847 / 2376;background-image: url(../img/sec1_1230.jpg);}
.event_wrap .sec_02 .image{aspect-ratio: 847 / 2134;background-image: url(../img/sec2_1230.jpg);}
.event_wrap .sec_03 .image{aspect-ratio: 847 / 3923;background-image: url(../img/sec3_1230.jpg);}
.event_wrap .sec_04 .image{aspect-ratio: 847 / 952;background-image: url(../img/sec4_1230.jpg);}
.event_wrap .sec_05{}
.event_wrap .sec_05 .inner{max-width: 716px;margin: 0 auto;padding-top: 77px;padding-bottom: 70px;text-align: center;}
.event_wrap .sec_05 .tit{font-size: 70px;color: #fff;font-family: 'Paperlogy';font-weight: 700;}
.event_wrap .sec_05 .inner > div:not(:first-of-type){margin-top: 60px;}
.event_wrap .sec_05 .inner > div:first-of-type{margin-top: 79px;}
.event_wrap .sec_05 label{display: flex;align-items: center;justify-content: center;}
.event_wrap .sec_05 input{width: 100%;height: 82px;margin-top: 27px;padding: 0 30px;border-radius: 20px;font-size: 40px;}
.event_wrap .sec_05 .notice_wrap{margin-top: 35px;text-align: left;}
.event_wrap .sec_05 .notice_wrap li{position: relative;padding-left: 20px;list-style: none;font-size: 24px;line-height: 32px;color: #878787;}
.show_privacy{display: block;margin: 54px 0 0 auto;font-size: 20px;color: #878787;letter-spacing: -0.04em;}
.privacy_box{padding: 40px;padding-right: 30px;font-size: 20px;color: #878787;background: #101010;border: 1px solid #959595;border-radius: 20px;}
.sec_05 .privacy_box .inner{max-height: 176px;padding-top: 0;padding-bottom: 0;padding-right: 12px;overflow-y: auto;text-align: left;}
.sec_05 .privacy_box .inner::-webkit-scrollbar{width:5px;height:8px;}
.sec_05 .privacy_box .inner::-webkit-scrollbar-track{background:#3a3a3a;border-radius:10px;}
.sec_05 .privacy_box .inner::-webkit-scrollbar-thumb{background:#6a6a6a;border-radius:10px;}
.sec_05 .privacy_box .inner::-webkit-scrollbar-thumb:hover{background:#7a7a7a;}

.privacy_box li{margin-top: 15px;line-height: 1.4;letter-spacing: -0.04em;}
.event_wrap .sec_05 .privacy_box h4{margin-top: 30px;margin-bottom: 20px;font-weight: 700;}
.event_wrap .sec_05 .privacy_box table{margin-top: 15px;font-size: 16px;border-collapse: collapse;}
.event_wrap .sec_05 .privacy_box th,
.event_wrap .sec_05 .privacy_box td{padding: 15px;border: 1px solid #959595;}
.event_wrap .sec_05 .privacy_box th{text-align: center;}
.event_wrap .sec_05 .privacy_box td{vertical-align: top;font-size: 14px;line-height: 1.4;}
.event_wrap .sec_05 .privacy_box table li{position: relative;margin-top: 0;padding-left: 10px;}
.event_wrap .sec_05 .privacy_box table li::before{content: '';position: absolute;left: 0;top: 50%;width: 4px;height: 1px;background: #747474;}
.event_wrap .sec_05 .agree_chk{display: inline-block;margin-top: 35px;}
.event_wrap .sec_05 .notice_wrap li::before{content: '*';position: absolute;left: 5px;}
.event_wrap .sec_05 .agree_chk input[type="checkbox"]{display:none;}
.event_wrap .sec_05 .agree_chk input[type="checkbox"] + label{position:relative; padding-left:42px; font-size:23px; color:#fff; font-weight:400; line-height:1.3; cursor:pointer;}
.event_wrap .sec_05 .agree_chk input[type="checkbox"] + label:after{content:''; position:absolute; top:-1px; left:0; width:28px; height:28px; border-radius:4px; border:1px solid #ffffff;}
.event_wrap .sec_05 .agree_chk input[type="checkbox"]:checked + label:after{border:1px solid #59c3fb; background:#59c3fb url(../img/chk_on.png)no-repeat center;}
.event_wrap .sec_05 .apply_btn{display: flex;align-items: center;justify-content: center;max-width: 698px;width: 100%;height: 120px;margin: 60px auto 0;background: #006ef5;border-radius: 20px;font-size: 58px;font-family: "Paperlogy";font-weight: 700;color: #fff;}


/* sect_last */
.sec_last{background-color: #0d0d0d;color: #fff;}
.sec_last .inner{max-width: 716px;margin: 0 auto;padding-top: 100px;padding-bottom: 100px;}
.sec_last .inner .notice_title{font-size: 28px;font-family: "Paperlogy";}
.sec_last .inner dl{margin-top: 30px;font-size: 24px;}
.sec_last .inner dt{margin-bottom: 18px;font-family: "Paperlogy";font-weight: 400;}
.sec_last .inner dd{position: relative;padding-left: 25px;line-height: 1.4;font-weight: 300;letter-spacing: -0.03em;}
.sec_last .inner dd::before{content: '*';position: absolute;left: 5px;top: 2px;}

@media screen and (max-width: 830px) {
	.event_wrap .sec_05 > .inner{padding-left: 3.6144vw;padding-right: 3.6144vw;}
	.event_wrap .sec_05 .tit{font-size: 8.4337vw;}
	.event_wrap .sec_05 .inner > div:not(:first-of-type){margin-top: 7.2289vw;}
	.event_wrap .sec_05 .inner > div:first-of-type{margin-top: 9.5180vw;}
	.event_wrap .sec_05_tit01{width: 54.2168vw;}
	.event_wrap .sec_05_tit02{width: 8.5542vw;}
	.event_wrap .sec_05_tit03{width: 44.2168vw;}
	.event_wrap .sec_05_tit04{width: 20.48192vw;}
	.event_wrap .sec_05 input{height: 9.8795vw;margin-top: 3.2530vw;padding: 0 3.6144vw;border-radius: 2.4096vw;font-size: 4.8192vw;}
	.event_wrap .sec_05 .notice_wrap{margin-top: 4.2168vw;}
	.event_wrap .sec_05 .notice_wrap li{font-size: 2.8915vw;line-height: 1.333;}
	.show_privacy{margin-top: 6.5060vw;font-size: 2.4096vw;}
	.privacy_box{padding: 4.8192vw;font-size: 2.4096vw;}
	.sec_05 .privacy_box .inner p img{width: 35.1807vw;}
	.privacy_box li{margin-top: 1.8072vw;}
	.event_wrap .sec_05 .privacy_box h4{margin-top: 3.6144vw;margin-bottom: 2.40963vw;}
	.event_wrap .sec_05 .privacy_box table{font-size: 1.9277vw;}
	.event_wrap .sec_05 .privacy_box th, 
	.event_wrap .sec_05 .privacy_box td{padding: 1.8072vw;}
	.event_wrap .sec_05 .privacy_box td{font-size: 1.9277vw;}
	.event_wrap .sec_05 .privacy_box table li{padding-left: 1.2048vw;}
	.event_wrap .sec_05 .privacy_box table li::before{top: 0.888vw;width: 0.4819vw;}
	.event_wrap .sec_05 .agree_chk{margin-top: 4.2168vw;}
	.event_wrap .sec_05 .agree_chk input[type="checkbox"] + label{padding-left:5.0602vw;}
	.event_wrap .sec_05 .agree_chk input[type="checkbox"] + label:after{top:50%; left:0;transform: translateY(-50%);width:3.3734vw; height:3.3734vw; border-radius:4px;}
	.event_wrap .sec_05 .agree_chk input[type="checkbox"]:checked + label:after{background:#59c3fb url(../img/chk_on.png)no-repeat center;background-size: auto 65%;}
	.event_wrap .sec_05 .agree_chk img{width: 67.8313vw;}
	.event_wrap .sec_05 .apply_btn{height: 14.4578vw;margin-top: 7.2289vw;font-size: 6.9879vw;border-radius: 2.4096vw;}

	.sec_last .inner{padding: 12.0481vw 3.6144vw;}
	.sec_last .inner .notice_title{font-size: 3.3734vw;}
	.sec_last .inner dl{margin-top: 3.6144vw;font-size: 2.8915vw;}
	.sec_last .inner dt{margin-bottom: 2.1686vw;}
	.sec_last .inner dd{padding-left: 3.0120vw;}
	.sec_last .inner dd::before{left: 0.6024vw;top: 0.2409vw;}
	
}

@media screen and (max-width: 500px) {
	.event_wrap .sec_05 .notice_wrap li{font-size: 14px;}
	.show_privacy{font-size: 14px;}
	.privacy_box{font-size: 14px;}
	.event_wrap .sec_05 .privacy_box table,
	.event_wrap .sec_05 .privacy_box td{font-size: 12px;}

	.sec_last .inner .notice_title{font-size: 16px;}
	.sec_last .inner dt,
	.sec_last .inner dd{font-size: 14px;}
}


/* fetch ¸ð´Þ Àüü ¹è°æ */
.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 99999;
}

/* Ŭ¸¯ À§Ä¡ ±âÁØ ¹Ú½º */
.modal-box {
    position: absolute;
    width: 85%;
    max-width: 360px;
    transform: translate(-50%, -50%);
}

/* ½ÇÁ¦ ¾Ë·µ ¹Ú½º */
.modal-content {
    background: #fff;
    padding: 24px 20px;
    border-radius: 10px;
    text-align: center;
    line-height: 1.5;
}

/* ¸Þ½ÃÁö */
.modal-content p {
    margin: 0 0 20px;
    word-break: keep-all;
}

/* È®ÀÎ ¹öÆ° */
.modal-content button {
    width: 100%;
    padding: 12px 0;
    background: #000;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 15px;
    cursor: pointer;
}