@charset "utf-8";

/* 여백초기화 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav,section,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin: 0; padding: 0; box-sizing: border-box;}

/* 링크초기화 */
a {color:#222;text-decoration: none;}

/* 리스트초기화 */
ul, ol, li{list-style: none;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* 폰트 초기화  */
body, input, textarea, select, button, table {font-family:'Pretendard', Malgun Gothic , AppleSDGothicNeo-Regular, '돋움', dotum, sans-serif; color:#222; font-size: 16px; font-weight: 400; letter-spacing: -0.025em; word-break: keep-all;}

/* 버튼 초기화 */
button {border: 0;}

/* 이미지 초기화 */
img {max-width: 100%; vertical-align: middle; border: 0;}

/* input 기본 스타일 초기화 */
/* input {
-webkit-appearance : none;
-moz-appearance:none;
appearance:none;
} */
/* IE10 이상에서 input box에 추가된 지우기 버튼 제거 */
input::-ms-clear { display:none;}

 h1 { background-color: #fff; margin: 0 auto 8px 0; text-align: right; } 
 h1 img { width: 114px; } 
 .event { font-weight: bold !important; margin-top: 60px; font-size: 16px; text-align: center; color: #222; font-style: normal !important; font-size: 36px !important; border-bottom: 1px solid #222; padding-bottom: 10px; } 
 .img_wrap { margin: 20px auto 60px auto; } 
 .txt_wrap { padding: 48px 36px; background-color: #fff; border-radius: 12px; border: 1px solid #E04F42}
 .event-container { max-width: 640px; margin: 0 auto; padding: 24px; } 
 .big { font-size: 34px; font-weight: 600; line-height: 44px; letter-spacing: -0.68px; margin-bottom: 8px; word-break: break-all; } 
 .text { font-size: 18px; font-weight: 400; line-height: 26px; letter-spacing: -0.18px; } 
 .privacy-section { margin-top: 28px; } 
 .privacy-section .text { font-weight: 700; text-align: center; margin-bottom: 18px; } 
 .privacy-section .text2 { font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: -0.16px; } 
 .privacy-section .text2.fwb { font-size: 16px; font-weight: 700; line-height: 26px; letter-spacing: -0.16px; margin-top: 14px; } 
 .btn_wrap { padding-top: 40px; font-size: 0; text-align: center; display: flex; justify-content: center; } 
 .btn_wrap.mt28 { margin-top: 28px; padding-top: 0; } 
 .btn_wrap button { display: inline-block; width: 140px; padding: 8px 0px; cursor: pointer; border-radius: 8px; font-size: 18px; font-weight: 600; line-height: 26px; letter-spacing: -0.18px; } 
 .btn_wrap button.bg1 { background-color: #E04F42; color: #fff; transition: ease-in-out 0.5s; } 
 .btn_wrap button.bg1:hover { background-color: #ED6E62}
 .btn_wrap button.bg2 { background-color: #CCC; color: #fff; transition: ease-in-out 0.5s; } 
 .btn_wrap button.bg2:hover { background-color: #999}
 .check { margin-top: 40px; display: flex; gap: 8px; align-items: center; justify-content: center; } 
 .check input[type="checkbox"] { appearance: none; -webkit-appearance: none; width: 18px; height: 18px; border: 1px solid #E04F42; border-radius: 2px; margin: 0; vertical-align: middle; cursor: pointer; transition: all 0.2s ease-in-out; } 
 .check input[type="checkbox"]:checked { background-color: #E04F42; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); background-size: 80%; background-position: center; background-repeat: no-repeat; } 
 .check label { font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: -0.16px; } 
.pink { margin-top: 28px; } 
.pink textarea { width: 100%; height: 150px; padding: 6px 12px; border-radius: 8px; background: rgba(250, 241, 241, 0.95); outline: none; border: none; 
 resize: none; box-sizing: border-box; font-family: inherit; } 

 .agree-label input { display: none; } 
 .custom-radio { width: 20px; height: 20px; border: 2px solid #222; border-radius: 50%; display: inline-block; position: relative; margin-right: 8px; cursor: pointer; } 
 .agree-label input:checked+.custom-radio { background-color: #222; border-color: #222; } 
 .agree-label input:checked+.custom-radio::after { content: ""; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; background: white; border-radius: 50%; transform: translate(-50%, -50%); } 
 .agree-label { display: flex; align-items: center; justify-content: center; margin-bottom: 15px; } 

 input { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } 
 .input-group { margin-top: 28px; } 
 .input-group label { font-size: 18px;font-weight: 400;line-height: 26px;letter-spacing: -0.18px; } 
 .input-group input,
 .input-group select { background: transparent; outline: none;border-top: none; border-left: none; border-right: none; width: 100%; padding: 4px 8px; border-bottom: 1px solid #E04F42; color: #999;font-size: 17px;font-weight: 400;line-height: 31px;letter-spacing: -0.17px; } 
 .warning-text { color: red; font-size: 16px; font-weight: bold; text-align: center; margin-top: 80px; } 
 .small { margin-top: 8px; text-align: left;font-size: 14px;
font-weight: 400;line-height: 20px;letter-spacing: -0.28px; } 
 label { display: block; } 
 .phone-flex { display: flex; gap: 7px; } 
 .color2 { color: #E73323}
 @media (max-width: 639px) {
 html,
 body { min-width: 320px; font-size: 14px; } 
 .big { font-size: 32px; line-height: 42px; } 
  .check{align-items: flex-start;}
   .check input{margin-top: 4px !important;}
    .txt_wrap{
        padding: 24px;
    }
 }

/* 고대비모드 */
.wh_on{display: none;}
.gray .wh_none{display: none;}
.gray .wh_on{display: inline-block;}

html.gray{background: #1A1A1A;}
.gray body{background: #1A1A1A; min-height: 100vh;}
.gray h1{background-color: #1A1A1A;}
.gray .txt_wrap{background-color: #1A1A1A; border: 1px solid #fff;}
.gray .event{color: #f3f3f3; border-bottom: 1px solid #f3f3f3;}
.gray .big,
.gray .text,
.gray .privacy-section .text2,
.gray .privacy-section .text2.fwb,
.gray .input-group label,
.gray .small,
.gray .check label{color: #f3f3f3;}
.gray .input-group input,
.gray .input-group select{color: #f3f3f3; border-bottom: 1px solid #fff;}
.gray .pink textarea{background: #333; color: #f3f3f3;}
.gray .btn_wrap button.bg2{background-color: #555; color: #fff;}
.gray .btn_wrap button.bg2:hover{background-color: #777;}
.gray .check input[type="checkbox"]{border: 1px solid #fff;}
.gray .custom-radio{border: 2px solid #f3f3f3;}
.gray .agree-label input:checked+.custom-radio{background-color: #f3f3f3; border-color: #f3f3f3;}