@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/*common style */
body, html { padding: 0; margin: 0; font-size: 10px; font-family: "Noto Sans KR"; color: #222; }

* { padding: 0; margin: 0; letter-spacing: -0.5px; box-sizing: border-box; }

/* tag reset */
img { max-width: 100%; max-height: 100%; vertical-align: middle; width: 100%;}

button { border: 0px; cursor: pointer; background-color: transparent; }
button:active { opacity: 0.7; }

ul li, ol li { list-style: none; }

/* style set */
.wrap { position: relative; overflow: hidden; }

.lg_grid { max-width: 1720px; width: 100%; margin: 0 auto; }

.grid { max-width: 1200px; width: 100%; margin: 0 auto; }

.popin { font-family: "Poppins"; }

.hidden_title { visibility: hidden; font-size: 0; }

/* button styles */
.basicBtn { height: 5rem; }

.bigBtn { width: 39rem; height: 9rem; font-size: 5rem; line-height: 1.25; }

.gradientBtn { background: #03a64a; color: white; font-weight: 900; }

.roundBtn { border-radius: 30em; -ms-border-radius: 30em; -o-border-radius: 30em; -moz-border-radius: 30em; -webkit-border-radius: 30em; }

.iconBtn { border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.iconBtn .ico { display: inline-block; vertical-align: top; width: 15px; margin-right: 0.25em; }

.borderBtn { min-width: 130px; height: 4rem; padding: 0 1em; border: 1px solid #222; }

.blackBtn { background-color: #222; color: white; min-width: 12rem; height: 5rem; text-align: center; }

.whiteBorderBtn { background-color: transparent; color: white; border: 2px solid white; padding:0 4em; height: 4em; font-size: 2.2rem;}

.redBtn { background-color: #e60012; color: white; font-weight: bold; }

.inrBtn { border: 1px solid #eeeeee; }

.right_arr_text_btn { border: 2px solid #222; font-size: 2.8rem; width: 53rem; height: 9rem; }
.right_arr_text_btn i { font-size: 2rem; }

/*input style */
.reset_inp_style, .reset_int_style { border: 1px solid #eeeeee; border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; outline: none; padding: 0.5em 0.8em; font-weight: 400; height: 50px; }
.reset_inp_style::placeholder, .reset_int_style::placeholder { color: #cdcdcd; }
.reset_inp_style:not(:read-only):focus, .reset_int_style:not(:read-only):focus { outline: none; border-color: #222; }
.reset_inp_style:not(:read-only):focus::placeholder, .reset_int_style:not(:read-only):focus::placeholder { opacity: 0; }
.reset_inp_style:read-only, .reset_int_style:read-only { cursor: default; background-color: #f5f6f7; }
.reset_inp_style:valid:placeholder-shown, .reset_int_style:valid:placeholder-shown { opacity: 1; }

.reset_int_style { height: auto; resize: none; line-height: 1.5; }

.reset_inr_style, .reset_inck_style, .reset_inf_style { display: none; }

.reset_ins_style { border: 1px solid #eeeeee; border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 0.5em 0.8em; padding-right: 1em; background-color: white; border-radius: 5px; }
.reset_ins_style:focus { outline: none; border-color: #222; }

.inr_label, .inck_label { position: relative; display: inline-block; vertical-align: middle; padding-left: 2em; min-height: 20px; line-height: 20px; cursor: pointer; word-break: keep-all; letter-spacing: -0.7px; }
.inr_label::before, .inck_label::before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 15px; height: 15px; }

.inr_label { padding-right: 0; }
.inr_label::before { border: 2px solid #eeeeee; border-radius: 50%; }

.inr_label.inr_btn_label.inrBtn { display: flex; -ms-display: flex; -o-display: flex; -webkit-display: flex; -moz-display: flex; flex-grow: 1; -ms-flex-grow: 1; -o-flex-grow: 1; -moz-flex-grow: 1; -webkit-flex-grow: 1; flex-shrink: 1; -ms-flex-shrink: 1; -o-flex-shrink: 1; -moz-flex-shrink: 1; -webkit-flex-shrink: 1; flex-basis: 100%; -ms-flex-basis: 100%; -o-flex-basis: 100%; -moz-flex-basis: 100%; -webkit-flex-basis: 100%; justify-content: center; -ms-justify-content: center; -o-justify-content: center; -moz-justify-content: center; -webkit-justify-content: center; align-items: center; -ms-align-items: center; -o-align-items: center; -moz-align-items: center; -webkit-align-items: center; border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 0 1em; text-align: center; font-size: 1.6rem; text-align: center; color: #777; }
.inr_label.inr_btn_label.inrBtn::before, .inr_label.inr_btn_label.inrBtn ::after { display: none; }

.inck_label { padding-right: 0; }
.inck_label::before { border: 2px solid #eeeeee; border-radius: 5px; }

.inr:checked + .inr_label::before { border-color: #222; }
.inr:checked + .inr_label::after { content: ""; position: absolute; top: 50%; left: 5px; transform: translateY(-50%); width: 9px; height: 9px; border-radius: 50%; background-color: #222; }

.inr:checked + .inr_btn_label.inrBtn { background-color: #222 !important; color: white !important; border-color: #222 !important; }

.form_box.input_title_box_section .input_title_box_cnt .inr_wrap { flex-wrap: nowrap; -ms-flex-wrap: nowrap; -o-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-grow: 1; -ms-flex-grow: 1; -o-flex-grow: 1; -moz-flex-grow: 1; -webkit-flex-grow: 1; flex-shrink: 1; -ms-flex-shrink: 1; -o-flex-shrink: 1; -moz-flex-shrink: 1; -webkit-flex-shrink: 1; flex-basis: 48%; -ms-flex-basis: 48%; -o-flex-basis: 48%; -moz-flex-basis: 48%; -webkit-flex-basis: 48%; padding: 0 !important; margin: 0 1% !important; }

.inck:checked + .inck_label:before { background-size: cover; background-position: center; background-repeat: no-repeat; border-color: #222; background-image: url("../img/icon_check.png"); }

.inf_label { display: inline-block; text-align: center; }

.agree_cnt_modify { border: 1px solid #eeeeee; border-top: none; padding: 2em; color: #777777; font-size: 1.4rem; }
.agree_cnt_modify pre { display: block; width: 100%; max-height: 100%; overflow-y: auto; white-space: pre-line; line-height: 1.7; }