/*pretendard-css추가 24.10.25 수정*/
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");

/* ------------------------------------------------*/

* {font-family: 'Pretendard'; margin: 0; padding: 0;}
ul li {list-style: none;}

body {background: #f5f5f5;}
.in_form_asp_div {width: 100%;}
.in_form_asp_div_body {width: 80%; max-width: 1100px; margin: 30px auto;}
form {background: #fff; padding: 40px 20px; border-radius: 20px; box-shadow: 0 1px 6px rgba(0,0,0,0.1);}

/* txt_box */
.txt_box {width: 80%; max-width: 1000px; margin: 0 auto;  margin-bottom: 10px; text-align: center;}
.txt_box h2 {font-weight: bold; letter-spacing: 1px; margin-bottom: 25px; font-size: 35px; text-align: center; display: inline-block; position: relative; color: #333;}
.txt_box ul {padding: 15px; text-align: left; margin: 0 auto; width: 95%; box-sizing: border-box; background: #f4f7ff; border-radius: 10px; border: 2px solid #eee;}
.txt_box ul li {font-size: 16px; font-weight: 400; color: #444; width: 95%; margin: 0 auto;}
.txt_box ul li:not(:last-child) {margin-bottom: 3px;}
.txt_box ul li b {color: #222;}
.txt_box ul li b.color {color: #3974ff; font-weight: 800;}
.txt_box ul li span {color: #555; margin-left: 15px; font-size: 15px; text-decoration: underline;}

/* table */
colgroup col:first-child {width: 20%;}
colgroup col:nth-child(2) {width: 30%;}
colgroup col:nth-child(3) {width: 20%;}
colgroup col:nth-child(4) {width: 30%;}

table {width: 70%; margin: 0 auto; font-size: 17px;}
table th, table td {padding: 10px 0; box-sizing: border-box; align-content: center; border-bottom: 1.5px solid #ccc;}
table th.cst_inf {color: #666; font-weight: 450;}
table td {border-bottom: 1.5px solid #ccc; color: #222;}
table th {color: #555; text-align: left;}
table th.nbsp {text-align: center;}
tr.info th, tr.info td {border-bottom: 1.5px solid #eee;}
table tr:last-child td, table tr:last-child th {border-bottom: none;}
.color {font-weight: 800; color: #3974ff; margin-right: 3px;}

/* 전화번호 입력 */
.phone_num {width: 100%; display: flex; flex-wrap: wrap; align-items: center;}
.phone_num select, .phone_num input {width: 30%;}
.phone_num span {width: 5%; text-align: center;}

/* 상담일 선택 */
.date {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.date input {width: 60%; letter-spacing: 1px;}
.date select {width: 35%;}

/* form */
select, input {padding: 5px; text-align: center; border-radius: 5px; font-size: 17px; font-weight: 400; color: #333; accent-color: #3974ff; border: 1px solid #e9e9e9; background: #f5f5f5;}
select#chk_gb {font-weight: bold; letter-spacing: 3px;}
textarea {width: 100%; font-size: 16px; border: 1px solid #ddd; background: #f5f5f5; border-radius: 5px; box-sizing: border-box; padding: 10px 5px;}
input.button01 {cursor: pointer; margin-left: 3%; background: #f4f7ff; border:1px solid #ddd; color: #666; font-weight: 550; border-radius: 100px; padding: 5px 20px;}

/* btn_wrap */
.btn_wrap {width: 80%; margin: 0 auto; margin-top: 30px; display: flex; justify-content: center;}
.btn_wrap input {width: 30%; padding: 15px 0; border-radius: 100px; border: none; font-weight: bold; letter-spacing: 3px; font-size: 20px; box-shadow: 1px 1px 3px rgba(0,0,0,0.25);}
.btn_wrap input:first-child {margin-right: 8%; background: #3974ff; color: #fff;}
.btn_wrap input:last-child {background: #ddd; color: #666;} 

/* 개인정보 수집 동의*/
.txt_box2 {width: 90%; margin: 0 auto; text-align: center; margin-bottom: 15px;}
.txt_box2 ul {width: 70%; margin: 0 auto; padding: 15px; box-sizing: border-box; border: 1px solid  #ddd; text-align: left; border-radius: 10px;}
.txt_box2 ul li:first-child {margin-bottom: 5px; text-align: center;}
.txt_box2 ul li b{font-size: 16px;}
.txt_box2 ul li {color: #555; letter-spacing: -0.5px; font-size: 15px; width: 90%; margin: 0 auto;}

p.check {width: 80%; margin: 0 auto; text-align :center; font-size: 16px; letter-spacing: -0.5px; display: flex; align-items: center; justify-content :center;}
p.check input {width: 16px; height: 16px; margin-right: 10px;}