@charset "utf-8";

/* reset */
* {margin:0;padding:0;}
*, *:before, *:after{box-sizing:border-box;}
body,html{height:100%;}
body,label,input{font-family:'Noto Sans KR',sans-serif;}
legend{overflow:hidden;position:absolute;width:1px;height:1px;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);}
fieldset{border:0;}

/* common */
.a11y{overflow:hidden;position:absolute;width:1px;height:1px;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);}

/* temp */
.bg{height:100%;background:url('../img/bg.jpg') no-repeat 50% 0;}

.wrap{display:flex;justify-content:center;}

/* early-bird */
.early-bird{position:relative;width:1200px;height:2560px;}
.early-bird__form-wrap{display:flex;flex-direction:column;align-items:center;position:absolute;top:0;z-index:0;width:100%;padding-top:800px;}
.early-bird__form{width:736px;height:488px;padding:0 96px;border-radius:5px;background:rgba(255,255,255,1);box-shadow:8px 6px 30.4px 7.6px rgba(0, 0, 0, 0.26);}
.early-bird__form fieldset{display:flex;flex-direction:column;}

.button__share{position:absolute;z-index:1;top:45px;right:48px;min-width:140px;height:48px;background:url('../img/button_share.png') no-repeat 50% 50%;cursor:pointer;}


.agreement__wrap{display:flex;flex-direction:column;}



/* modal */
html.is-scroll-blocking{overflow-y:hidden;}
.l-modal{position: relative;}
.modal{visibility:hidden;overflow:auto;position:fixed;top:0;left:0;z-index:-10000;width:100%;height:100%;background-color:rgba(23,23,23,0.9);font-size:0;text-align:center;white-space:nowrap;cursor:pointer;}
.modal:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.modal__dialog{display:inline-block;overflow:hidden;position:relative;max-width:528px;min-height:336px;width:calc(100% - 40px);padding:48px 48px 56px;border-radius:16px;margin:20px;background-color:#fff0c9;box-shadow:1px 1.7px 27px 0 rgba(0, 0, 0, 0.64);font-size:100%;text-align:left;color:#000;vertical-align:middle;white-space:normal;cursor:default;}
.modal__header{position:relative;}
.modal__body{display:flex; flex-direction:column; align-items:center; min-height:232px; font-size:14px;}
.modal__button{min-width:272px;height:64px;margin-top:auto;border:0;border-radius:32px;background-color:#ff6801;font-size: 38px;
  line-height: 1.68;
  letter-spacing: -0.76px;
  text-align: center;
  color: #fffefe;
  cursor:pointer;
}
.modal__button--close{position:absolute;top:-48px;right:-48px;box-sizing:content-box;width:23px;height:24px;padding:16px;border:0;background:url('../img/icon_close.png') no-repeat 50% 50%;cursor:pointer;}

.modal__message{display:flex;align-items:center;flex-direction:column;margin-bottom:23px;font-size:28px;line-height:1.43;letter-spacing:-0.56px;color:#000;}
.modal__message:before{content:'';width:56px;height:56px;margin-bottom:12px;background:no-repeat 50% 50%;}
.modal__message.is-share:before{background-image:url('../img/icon_link.png');}
.modal__message.is-complete:before{background-image:url('../img/icon_complete.png');}

.modal__input{width:100%;height:48px;padding:0 16px;border-radius:4px;border:3px solid #c3b182;background-color:#fff;font-size:24px;letter-spacing:-0.48px;color:#333;}

.modal.js-modal-show{visibility:visible;z-index:10000}
.modal.js-modal-show .modal__dialog{animation:modal-scale 0.5s ease}


@keyframes modal-scale {
  0%   {opacity:0.7;transform:scale3d(.98,.98,.98);}
  100% {opacity:1;transform:scale3d(1,1,1)}
}

@keyframes modal-opacity {
  0%   {opacity:0.7;}
  100% {opacity:1;}
}



.form-radios {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding:35px 31px 31px;
}
.form-radio {
  display: inline-flex;
  justify-content: center;
  position: relative;
}

.form-radio input[type=radio] {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.form-radio input[type=radio] + label {
  display: flex;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  font-size:24px;
  font-weight: 500;
  color: #333;
  cursor: pointer;
  line-height: 1;
}

.form-radio input[type=radio] + label:before {
  content: '';
  display: inline-block;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  margin-right: 14px;
  border: 2px solid #333;
  background-color: #fff;
  box-shadow: inset 0 0 0 0 #fff;
  border-radius: 50%;
  cursor: pointer;
  /* transition: background-color 2s ease; */
}

.form-radio input[type=radio]:checked + label:before {
  border-color: #333;
  background-color: #333;
  box-shadow: inset 0 0 0 4px #fff;
}

.form-radio__divide{width:1px;height:24px;background:#d4d4d4;}
.form-radio__logo{margin-right:8px;}

.form-input{padding-bottom:40px;}
.form-input input[type=text]{
  width:544px;height:64px;padding:0 59px 4px;border:4px solid #fe7701;border-radius:5px;outline:none;
  font-size: 24px;
  font-weight:300;
}
.form-input input[type=text]::placeholder{
  font-family:'Noto Sans KR',sans-serif;
  font-size: 24px;
  font-weight:300;
  color: #ababab;
}

.form-checkboxes{padding:10px 0 35px 75px;border-top:1px solid #e9e9e9;}
.form-checkbox{display:flex;align-items:center;position:relative;padding:4px 0}
.form-checkbox input[type=checkbox]{position:absolute;z-index:-1;opacity:0;}
.form-checkbox input[type=checkbox] + label{display:flex;align-items:center;position:relative;margin:0 !important;font-size:20px;line-height:1.6 !important;letter-spacing:-1.25px;color:#333;cursor:pointer;}
.form-checkbox input[type=checkbox] + label:before{content:'';display:inline-block;box-sizing:border-box;width:20px;height:20px;margin-top:4px;margin-right:16px;border:1px solid #000;background-color:#fff;}
.form-checkbox input[type=checkbox] + label:after{content:'';display:none;position:absolute;top:50%;left:0px;width:20px;height:20px;margin-top:-8px;background:url('../img/icon_checkbox.png') no-repeat 50% 50%;}
.form-checkbox input[type=checkbox]:checked + label:after{display:block;}

.form-checkbox__label{
  font-size: 20px;
  color: #333;}

.form-checkbox__label--notice {margin-top:-2px;margin-left:36px;color:#969696;}

.button__submit{
  width: 349px;
  height: 72px;
  margin: 0 auto;
  border: 0;
  border-radius: 36px;
  background: #ff6701 url('../img/text_button_submit.png') no-repeat 50% 50%;
  cursor: pointer;
}

area{cursor:pointer;}