@charset "utf-8";

/* Write */
.write-wrap {padding: 0 15px; font-size: min(calc(10 / 500 * 100vw), 10px);}
.write-wrap h2 { padding:0px; margin:0px; font-size:14px; font-weight:bold; }
.write-wrap label { font-weight:400; margin-top:4px; font-size: 2em; display: flex; align-items: center; gap: 5px; margin-bottom: 10px;}
.write-wrap .agreeType1 {justify-content: center;}
.write-wrap .control-label { padding-top:0px; }
.write-wrap .write-file { border:0;box-shadow:none; }
.write-wrap .write-btn { margin:30px 0px 25px; text-align:center; }
.write-wrap .delete-file { margin:0px; padding:0px 10px; font-weight:normal; }
.write-wrap .delete-file label { font-weight: normal; }
.write-wrap .sp-label { font-weight:normal; margin-right:10px; }
.write-wrap .sp-label input[type="checkbox"], .write-wrap .sp-label input[type="radio"] { margin-top:0px; }


#autosave_pop div { text-align:right; }
#autosave_pop button { margin:0; margin-left:10px; padding:0; border:0; background:transparent; color:#888; }
#autosave_pop ul { margin:0; padding:0; padding-left:15px; list-style:disc; }
#autosave_pop li { padding:2px 5px;  }
#autosave_pop li:after { display:block; visibility:hidden; clear:both; content:""; }
#autosave_pop a { display:block; float:left; }
#autosave_pop span { display:block;; float:right; }

#variableFiles { width:100%; margin:0; border:0; }
#variableFiles td { padding:0px 0px 7px; border:0; }
#variableFiles input[type=file] { box-shadow : none; border: 1px solid #ccc !important; outline:none; }
#variableFiles .form-group { margin-left:0; margin-right:0; margin-bottom:7px; }
#variableFiles .checkbox-inline { padding-top:0px; font-weight:normal; }

/* 커스텀 시작 */

.write-wrap .form-group {margin-bottom: 20px;}

.container1300 {width: 100%; margin: 0 auto;}
@media (min-width: 1200px) {
.container1300 {max-width: 100%;}
}
@media (max-width: 991px) {
.container1300 {width: 100%; margin: 0 auto; padding: 0 15px;}
}

.container_us {width: 100%;}

/* 폼 제목 */
.container_us .form-contact {margin-bottom: 11.3em; font-size: 10px;}
.container_us .contact_label {line-height: 1.2; margin-bottom: 6em;}
.container_us .contact_label h4 {
    font-family: 'Poppins', sans-serif !important;
    color: var(--main-color2); font-weight: 600; 
    font-size: max(16px, 2.5em); margin-bottom: 0.5em;
    text-transform: uppercase;
}
.container_us .contact_label h3 {font-size: 4em; color: #000; font-weight: bold; line-height: 1.3;}

/* 상단 기재란 */
.container_us .form-contact .list_contact {
    display: grid; gap: 15px 7em; grid-template-columns: repeat(2, 1fr);
}
.container_us .form-contact .form_item {
    border-bottom: 1px solid #000; display: flex; align-items: center;
}
.container_us .form-contact .form_item label {
    font-size: 2.5em; font-weight: bold; color: #1b1b1b; margin: 0;
    min-width: 6em; 
}
.container_us .form-contact .form_item .form-control {
    border: none; box-shadow: none; padding: 23px 10px; height: auto;
    font-size: max(16px, 2em); color: #000;
}

.container_us .form-contact .form_item .form-control::placeholder {color: #707070; font-size: max(16px, 0.9em);}

/* 체크박스, 라디오박스 */
.container_us .form-contact :is(input[type="radio"], input[type="checkbox"])  {display: none;}
.container_us .form-contact .label_list {
    display: flex; gap: 15px; flex-wrap: wrap; align-items: center;
    list-style: none; width: 100%;
}
.container_us .radio_contact-v2 .label_list{
    width: 100%; max-width: 1300px;
}
.container_us .check_form {
    border: 1px solid #a0a0a0; font-size: 2em; color: #000; cursor: pointer;
    display: flex; align-items: center; justify-content: center; gap: 0.8em;
    border-radius: 2em; background: #fff; padding: 1em 2.3em; width: fit-content;
}
.container_us .check_contact-v2 .check_form {font-size: 1.8em;}

.container_us .check_icon {
    background: url('../../img/check_icon.png') no-repeat center center / cover;
    width: 1.6em; height: 1.1em;
}

/* input check시 효과 */
.container_us .form-contact input:checked + label {background: var(--main-color); color: #fff; border-color: var(--main-color);}
.container_us .form-contact input:checked + label .check_icon {filter: brightness(2);}

.container_us .textarea_contact .form_item {
    border: 1px solid #272727;
    width: 100%;
    max-width: 930px;
}
.container_us .textarea_contact .form_item .write-content {height: 19.5em !important; resize: none; padding: 15px 10px;}


/* 예정일 */
.container_us .date_contact .form_item {width: 100%; max-width: 1090px;}

/* 첨부파일 */
.container_us .file_contact .contact_label {margin-bottom: 3em;}
.container_us .file_contact .file-wrap .file-font {margin-bottom: 20px; color: #000;}
.container_us .file_contact .file-wrap .file-font i {color: var(--main-color2);}
.container_us .file_contact .form_item {margin-bottom: 15px; width: 100%; max-width: 915px;}
.container_us .file_contact .form_item .input-group {width: 100%;}
.container_us .file_contact #variableFiles input[type=file] {border: none !important;}



/* 개인정보 처리방침 */
.container_us .agree_contact {padding-bottom: 7em; border-bottom: 1px solid #000;}
.container_us .agree_contact .contact_label {display: flex; gap: 24px; margin-bottom: 15px; flex-wrap: wrap; align-items: end;}
.container_us .agree_contact .contact_label .agreeType1 {display: flex; align-items: center; gap: 1.8em;}
.container_us .agree_contact .agreeType1 .check_form {font-size: max(14px, 1.6em); padding: 0.65em 1.5625em; margin: 0;} 
.container_us .agree_contact .agreeType1 a.check_form {
    color: #333; font-weight: bold; background: var(--main-color2); border-color: var(--main-color2);
}
.container_us .agree_contact p.text1 {font-size: max(16px, 1.8em); font-weight: bold; color: #707070; line-height: 1.4;}


/* 제출버튼 */
.container_us .write-btn button {
    font-size: max(18px, 2.2em); color: #fff;
    display: flex; align-items: center; justify-content: center; gap: 10px;
    background: var(--main-color); border-radius: 2em !important; width: 100%; max-width: 9.09em;
    height: 2.7272em; margin: 0 auto;
}
.container_us .write-btn button b {height: 1.2em;}
.container_us .write-btn button:focus {outline: none; outline-offset: none;}

@media (max-width: 991px) {
    .container_us .form-contact .list_contact {grid-template-columns: repeat(1, 1fr);}
}
@media (max-width: 768px) {
    .container_us .form-contact {font-size: 7px;}
}
@media (max-width: 600px) {
    .container_us .form-contact .form_item {flex-direction: column; align-items: start;}
    .container_us .form-contact .form_item .form-control {padding: 18px 10px; padding-left: 0;}
}


/*modal*/
.modal-backdrop {z-index: 2000;}
.modal {z-index: 2001;}
#myModal .modal-body {height: 400px; position: relative;}
#myModal .modal-body > * {position: absolute; left: 0; top: 0; padding: 0 15px 30px; overflow-y: auto; height: 400px; }
#myModal .modal-title { font-size: var(--font-size5,max(15px,2rem)); color: #000;}