@charset "utf-8";
.sec-1inquiry1 { background:var(--main-color3); z-index:2; --border-color:rgba(255,255,255,.4); color:#fff; }
.sec-1inquiry1 .c { display:flex; justify-content: space-between; align-items:center; flex-wrap: wrap; }
.sec-1inquiry1 .header { width:calc(40% - 50px); }
.sec-1inquiry1 .header .subhead { font-size:1.5rem; }
.sec-1inquiry1 .header .head { font-size:3.8rem !important; line-height:1.3 !important; margin-bottom:10px; }
.sec-1inquiry1 .header .head b { color:var(--main-color1); }
.sec-1inquiry1 .header .desc { color:inherit !important; }
.sec-1inquiry1 .header .more { border:1px solid var(--border-color); padding:10px 20px; border-radius:99px; font-size:.875rem; display:inline-block; margin-top:20px; }
.sec-1inquiry1 .content { width:55%; }
.sec-1inquiry1 .content ul { display:flex; justify-content: space-between; flex-wrap: wrap; }
/* --- 이 부분을 찾아서 아래 내용으로 교체하세요 --- */
@media (min-width: 1024px) { /* 768px에서 1024px로 변경 */
.sec-1inquiry1 .content ul li {
width: calc(50% - 5px);
display: flex;
align-items: center;
position: relative;
border: 1px solid var(--border-color);
border-radius: 10px;
padding: 20px;
margin: 5px 0;
}
}

/* --- 그리고 아래 코드를 그 밑에 새로 추가하세요 --- */
@media (max-width: 1023px) {
/* 갤럭시 폴드 포함, 1024px 미만 모든 기기에서 1열 배치 */
.sec-1inquiry1 .content ul li {
width: 100% !important; /* 가로를 꽉 채움 */
display: flex;
align-items: center;
padding: 15px;
margin: 5px 0;
border: 1px solid var(--border-color);
border-radius: 10px;
}

.sec-1inquiry1 .content ul li span {
width: 100px; /* 항목명 너비 고정 */
flex-shrink: 0; /* 글자가 찌그러지지 않게 방지 */
}

.sec-1inquiry1 .inquiry-form {
width: 100%;
min-width: 0; /* 인풋 박스가 튀어나가는 것 방지 */
}
}
.sec-1inquiry1 .content ul li.full { width:100%; }
.sec-1inquiry1 .content ul li.on { border-color:var(--main-color2); box-shadow:0 0 20px rgba(var(--main-color2-rgb),.7);  }

.sec-1inquiry1 .content ul li span { width:70px; margin-right:10px; }
.sec-1inquiry1 .content ul li span:after { content:"*"; color:var(--main-color2); display:inline-block; vertical-align:middle; margin:-10px 0 0 5px; }
.sec-1inquiry1 .content ul .full span { align-self:flex-start; }

.sec-1inquiry1 .inquiry-form { flex:1; background:none !important; border:0; padding:0 5px; resize:none; }

.sec-1inquiry1 .inquiry-form:-ms-input-placeholder,
.sec-1inquiry1 .inquiry-form::-webkit-input-placeholder,
.sec-1inquiry1 .inquiry-form::-moz-placeholder { color:rgba(255,255,255,.6); font-size:.875rem; }

.sec-1inquiry1 select { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size:.875rem; }
.sec-1inquiry1 select::-ms-expand { display:none; }
.sec-1inquiry1 select option { color:#666; }
/* .sec-1inquiry1 i.select-arrow { position:absolute; right:15px; top:50%; transform:translateY(-50%); } */

.sec-1inquiry1 label,
.sec-1inquiry1 label .view-agreement { cursor:pointer; transition-duration: 10ms; }
.sec-1inquiry1 label .view-agreement { position:relative; border-bottom:1px solid #fff; z-index:2; }
.sec-1inquiry1 input[type="file"] { display:none; }
.sec-1inquiry1 #file0 + label { position:relative; color:rgba(255,255,255,.6); padding:0 5px; font-weight:300; font-size:.875rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.sec-1inquiry1 .delete-btn { position:absolute; top:50%; transform:translateY(-50%); right:5px; font-size:.75rem; border-radius:5px; background:#fff; padding:3px 5px; color:var(--main-color1); display:none; }

.sec-1inquiry1 input[type="checkbox"] { display:none; }
.sec-1inquiry1 input[type="checkbox"] + label i { border-radius:99px; border:1px solid var(--border-color); width:30px; height:30px; display:inline-flex;align-items:center; justify-content: center; vertical-align:middle; margin:-4px 5px 0 0; font-size:14px; }

.sec-1inquiry1 input[type="checkbox"]:checked + label i { background:var(--main-color1); border-color:var(--main-color1); }

.sec-1inquiry1 .submit { display:flex; align-items:center; justify-content: space-between; margin-top:20px; }

.sec-1inquiry1 #main_submit_btn { position:relative; border:1px solid var(--border-color); padding:20px 30px; border-radius:99px; font-size:1.25rem; font-weight:500; overflow:hidden; display:flex; align-items:center; z-index:1; }
.sec-1inquiry1 #main_submit_btn:before,
.sec-1inquiry1 #main_submit_btn:after { content:""; position:absolute; top:0; left:0; bottom:0; width:0; border-radius:inherit; transition-duration: 300ms; z-index:-1; }
.sec-1inquiry1 #main_submit_btn:before { background:#fff; }
.sec-1inquiry1 #main_submit_btn:after { background:var(--main-color1); transition-delay:120ms; }

.sec-1inquiry1 #main_submit_btn span { margin-right:50px; }
.sec-1inquiry1 #main_submit_btn i { position:relative; width:25px; height:25px; border-radius:99px; font-size:14px; color:#fff; background:var(--main-color1); transform:rotate(45deg); overflow:hidden; }
.sec-1inquiry1 #main_submit_btn i:before,
.sec-1inquiry1 #main_submit_btn i:after { content:"\f176"; position:absolute; left:0; top:0; right:0; bottom:0; display:flex; justify-content:center; align-items:center; transition-duration:300ms; }
.sec-1inquiry1 #main_submit_btn i:before { color:#fff; }
.sec-1inquiry1 #main_submit_btn i:after { transform:translateY(100%); color:var(--main-color1); }

.sec-1inquiry1 #main_submit_btn:hover { border-color:var(--main-color1); }
.sec-1inquiry1 #main_submit_btn:hover:before,
.sec-1inquiry1 #main_submit_btn:hover:after { width:100%; }

.sec-1inquiry1 #main_submit_btn:hover i { background:#fff; }
.sec-1inquiry1 #main_submit_btn:hover i:before { transform:translateY(-100%); }
.sec-1inquiry1 #main_submit_btn:hover i:after { transform:translateY(0); }

.sec-1inquiry1 .content ul li span:after {
    content: "*";
}

.sec-1inquiry1 .content ul li span.no-required:after {
    content: "";
}
@media (max-width: 1200px) {
    .sec-1inquiry1 .header .head { font-size:3.5rem !important; }

.sec-1inquiry1 .c > div { width:100%; padding:0 20px; }

    .sec-1inquiry1 .header .head { font-size:3rem !important; margin-bottom:5px; }
}

@media (max-width: 767px) {
    .sec-1inquiry1 .c > div { padding:0 10px; }
    .sec-1inquiry1 .header { text-align:center; }
    .sec-1inquiry1 .header .head { font-size:2rem !important; }
    /* .sec-1inquiry1 .header .head br { display:none; } */
    .sec-1inquiry1 .header .desc { margin-top:15px; }
    .sec-1inquiry1 .header .more { margin-top:10px; padding:5px 15px; }
    .sec-1inquiry1 .content ul li { padding:12px; width:100% !important; margin:2px 0; }
    .sec-1inquiry1 .submit { justify-content:center; flex-direction: column; }
    .sec-1inquiry1 #main_submit_btn { padding:15px 20px; font-size:1rem; margin-top:15px; }
    .sec-1inquiry1 #main_submit_btn span { margin-right:30px; }
}