@charset "utf-8";

.rqf-content {font-family: 'Noto Sans KR', sans-serif; padding: 5% 20%; color:#222; font-size: 16px; word-break: break-all;}
.rqf-content * {box-sizing: border-box;}
.rfq-tit {font-size: 50px; margin-bottom: 50px;}

/* 개인정보처리방침 */
.rfq-privacy .sect {margin-bottom: 25px;}
.rfq-privacy .sect h2 {font-size:20px; color:#222; margin-bottom:10px}
.rfq-privacy .sect p.info-text {font-size:16px; padding-left:20px; line-height:1.6;}
.rfq-privacy .sect p.info-text:before {content: '※'; float: left; margin-left: -1.2em;}

.rfq-privacy .termbx {border: 1px solid #dcdcdc; margin-bottom:60px}
.rfq-privacy .termbx .term {border-bottom: 1px solid #dcdcdc; font-size:16px;}
.rfq-privacy .termbx .term .list-decimal {border:1px solid #ddd; overflow:hidden; height: 300px;}
.rfq-privacy .termbx .term .list-decimal textarea {width: 100%; height: 100%; line-height:1.65; font-size:15px; border: none; letter-spacing:-0.3px; color:#868686; padding:25px 40px;}
.rfq-privacy .termbx .bottom {background: #fbfbfb; text-align:center; padding:16px;}
.rfq-privacy .termbx .bottom .custom-control, .termbx .bottom .custom-control-label {display: inline-block; vertical-align: top; margin: 0;}
.rfq-privacy .termbx .bottom .custom-control{ position:relative; z-index:1;}
.rfq-privacy .termbx .bottom .custom-checkbox{padding:0 0 0 38px; min-height:28px; font-size:16px; font-weight:600; color:#333}
.rfq-privacy .termbx .bottom .custom-control-input{padding:0; position:absolute; left:0; z-index:-1; width:18px; height:22.5px; opacity:0; transition: border-color .15s ease-in-out,background .15s ease-in-out,color .15s ease-in-out,opacity .15s ease-in-out,transform .15s ease-in-out,box-shadow .4s;}
.rfq-privacy .termbx .bottom .custom-checkbox .custom-control-label{cursor:pointer;display: inline-block;vertical-align: middle; margin-top: 5px;}
.custom-control-label::before, .custom-file-label, .custom-select {transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.custom-checkbox .custom-control-label::before, .custom-checkbox .custom-control-label::after{border-radius:100%; border:0; height:28px; width:28px; left:0; top:1px; content:""; display:block; position:absolute; pointer-events:none;}
.custom-checkbox .custom-control-label::before{background: #dcdcdc;}
.custom-control-label::before{border: #adb5bd solid 1px;}
.custom-control-input:not(:disabled):active~.custom-control-label::before {color:#fff; border-color:#ed1c24; background-color:#f6969b}
.custom-control-input:disabled~.custom-control-label, .custom-control-input[disabled]~.custom-control-label {color: #6c757d}
.custom-control-input:disabled~.custom-control-label::before, .custom-control-input[disabled]~.custom-control-label::before {background-color: #e9ecef}
.custom-control-input:checked~.custom-control-label::before{color:#fff; border-color:#ed1c24; background-color:#f6969b}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before{ background:#ed1c24}
.custom-checkbox .custom-control-label::after{background:url(../../img/check.svg) no-repeat 50% 50%/13px auto!important; }
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}

/* 폼 */
.rfq-form {width: 100%;}
.rfq-form-wrap {width: 100%; padding: 20px; border:1px solid #ddd; border-radius: 6px;}

.rfq-input-wrap {width: 100%; margin:30px 0; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.rfq-input-wrap label {display: inline-block; width: 15%; padding-left: 8px; position: relative;}
.rfq-input-wrap label::before {content:"·"; display: inline-block; position: absolute; left: 0;}
.rfq-input-wrap input {width: 30%; height:2em; outline:none; font-size: 16px; padding: 5px 10px; border: 2px solid #eaeaea; background-color: #f8f8f8;}
.rfq-input-wrap input:nth-of-type(1) {margin-right: 5%;}

.rfq-text-wrap {width: 100%; margin-top: 60px;}
.rfq-text-wrap label {color: red;}
.rfq-text-wrap textarea {display: block; width: 100%; height: 150px; padding: 20px; font-size: 16px; border:1px solid #ddd; margin-top: 20px;}

.rfq-download-wrap {width: 100%; margin-top: 60px; background-color: #f8f8f8; padding: 20px; display: flex; flex-wrap: wrap;}
.rfq-download-wrap h3 {margin-bottom: 20px; width: 100%;}
.rfq-download-wrap p {color: red; margin-bottom: 20px; width: 100%;}
.rfq-download-wrap .rfq-down-btn {display: inline-block; padding: 10px 20px; background-color: #ddd; font-size: 18px;}
.rfq-download-wrap .rfq-upload-label {padding: 10px 24px; background-color: #ddd; font-size: 18px; margin-left: 10px; margin-bottom: 0;}
.rfq-download-wrap .rfq-upload-btn {display: inline-block; padding: 10px 20px; background-color: #ddd; font-size: 18px; margin-left: 10px;}
.rfq-download-wrap .rfq-upload-btn.hidden {opacity: 0;}

.rfq-pw-wrap {width: 100%; margin-top: 40px;}
.rfq-pw-wrap label {display: inline-block; width: 15%; padding-left: 8px; position: relative;}
.rfq-pw-wrap label::before {content:"·"; display: inline-block; position: absolute; left:0;}
.rfq-pw-wrap input {width: 20%; height:2em; outline:none; font-size: 16px; padding: 5px 10px; border: 2px solid #eaeaea; background-color: #f8f8f8;}

.rfq-btn-wrap {width: 100%; margin-top: 40px; border-top:1px solid #ddd;}
.rfq-btn-wrap .submit-btn {margin: 20px 0 10px; cursor: pointer; padding: 10px 40px; border:none; background-color: #ed1c24; color:#fff; font-size: 16px; transition: all .3s;}
.rfq-btn-wrap .submit-btn:hover {background-color: #ce1219;}
.rfq-btn-wrap .close-btn {padding: 10px 40px; background-color: #777; color:#fff; font-size: 16px; position: relative; top: 7px;}

.rfq-search-wrap {width: 100%; margin-top: 40px; border:1px solid #ddd; padding:20px; border-radius: 6px;}
.rfq-search-wrap p {color: red; margin-bottom: 20px;}
.rfq-search-wrap label {display: inline-block; width: 15%; text-align: center;}
.rfq-search-wrap input {width: 25%; height:2em; outline:none; font-size: 16px; padding: 5px 10px; border: 2px solid #eaeaea; background-color: #f8f8f8;}
.rfq-search-wrap .search-btn {margin-left: 18px; padding: 5px 20px; background-color: #ed1c24; color:#fff; font-size: 15px; position: relative; top: 2px;}


/* 반응형 css */
@media screen and (max-width: 1540px){
    .rqf-content {padding: 5% 15%;}
}

@media screen and (max-width: 1024px){
    .rqf-content {padding: 5% 8%;}
    .rfq-input-wrap label {font-size: 15px;}
    .rfq-download-wrap .rfq-upload-btn {margin-left: 7px;}
}

@media screen and (max-width: 768px){
    .rqf-content {padding: 5% 5%;}
    .rfq-tit {font-size: 40px; margin-bottom: 30px;} 

    .rfq-privacy .termbx .term .list-decimal {height: 240px;}

    .rfq-input-wrap {margin: 10px 0;}

    .rfq-text-wrap {margin-top: 40px;}
    .rfq-text-wrap textarea {height: 100px;}

    .rfq-download-wrap {margin-top: 40px;}
    .rfq-download-wrap .rfq-down-btn {width: 100%; margin-bottom:4px;}
    .rfq-download-wrap .rfq-upload-btn {width: 100%; margin-left: 0;}


    .rfq-search-wrap label {width: 40%; padding-left: 0; text-align: left;}
    .rfq-search-wrap input {width: 59%; margin: 5px 0 !important;}
    .rfq-search-wrap .search-btn {width: 100%; margin-left:0; margin-top: 10px; display: block; text-align: center; padding: 6px 0;}
}

@media screen and (max-width: 480px){
    .rqf-content {padding: 10% 5%; font-size: 15px;}
    .rfq-tit {font-size: 32px;} 

    .rfq-privacy .sect h2 {font-size: 18px; line-height: 1.2;}
    .rfq-privacy .termbx .term .list-decimal {height: 200px;}
    .rfq-privacy .termbx .term .list-decimal textarea {font-size: 14px; padding: 10px;}
    .rfq-privacy .termbx .bottom .custom-checkbox .custom-control-label {font-size: 13px; text-align: left; margin-top: 0;}

    .rfq-form-wrap {padding: 20px 10px;}

    .rfq-input-wrap {margin: 0;}
    .rfq-input-wrap label {width: 40%; padding-left: 10px; font-size: 14px;}
    .rfq-input-wrap input {width: 50%; margin:10px 5% 10px 0 !important;}

    .rfq-text-wrap label {line-height: 1.2;}
    .rfq-text-wrap textarea {padding: 10px; font-size: 15px; margin-top: 10px;}

    .rfq-download-wrap {padding: 15px 10px;}
    .rfq-download-wrap h3 {line-height: 1.2; margin-bottom: 10px;}
    .rfq-download-wrap p {line-height: 1.2;}
    .rfq-download-wrap .rfq-down-btn {padding: 10px; font-size: 13px;}
    .rfq-download-wrap .rfq-upload-btn {padding: 10px; font-size: 13px;}

    .rfq-pw-wrap {margin-top: 20px;}
    .rfq-pw-wrap label {width: 40%; padding-left: 10px;}
    .rfq-pw-wrap input {width: 50%; font-size: 15px;}

    .rfq-btn-wrap {margin-top: 20px;}
    .rfq-btn-wrap .submit-btn {padding: 6px 25px; width: 100%;}    

    .rfq-search-wrap {padding: 20px 10px;}   
    .rfq-search-wrap label {width: 100%;}
    .rfq-search-wrap input {width: 100%; margin: 5px 0 !important;}
}