.counsel {position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(38,37,36,.8); z-index: 999; display: none;}
.counsel-wrap {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #fff; border-radius: 4px;}
.counsel-close {position: absolute; right: -20px; top: -20px; width: 40px; height: 40px; line-height: 40px; border: 1px solid #e0e0e0; border-radius: 50%; font-size: 22px; color: #555; text-align: center; background: #fff; box-shadow: 0px 0px 4px 0px rgba(153, 153, 153, 0.2); cursor: pointer;}
.counsel-close i {vertical-align: middle;}

.counsel-wrap form {padding: 30px;}
.counsel-wrap form h2 {font-size: 24px; color: #555; margin-bottom: 20px;}
.counsel-list {padding: 10px;}
.counsel-list h3 {font-size: 16px; color: #555; margin-bottom: 20px;}
.policy {width: 100%; height: 100px; margin-bottom: 10px; border-radius: 4px; border: 1px solid #e0e0e0; padding: 20px; font-size: 13px; line-height: 20px; color: #999; overflow-y: auto;}
.policy::-webkit-scrollbar-track, 
.policy::-webkit-scrollbar, 
.policy::-webkit-scrollbar-thumb {display: none;}
.policy-chk .chk-basic:checked + .chk-basic__label {color: #555;}
.policy-chk .chk-basic__label {position: relative; font-size: 13px; color: #555;}
@media (max-width: 750px){
    .counsel {background: #fff;}
    .counsel-wrap {width: 100%; height: 100%; border-radius: 0; overflow-y: scroll;}
    /* .form-wrap form {height: 80vh; overflow-y: auto;} */
    .counsel-close {border: none; width: auto; height: auto; top: 2.67vw; right: 2.5vw; font-size: 6.67vw;}
    .counsel-wrap form {padding: 0;}
    .counsel-wrap form h2 {font-size: 5.33vw; margin-bottom: 5.33vw; border-bottom: 0.13vw solid #999; padding: 5.33vw 4.00vw; margin-bottom: 0;}
    .counsel-list {padding: 5.33vw 4.00vw;}
    .counsel-list h3 {font-size: 3.73vw; margin-bottom: 4.00vw;}
    .policy {height: 35.53vw; margin-bottom: 2.67vw; padding: 2.67vw; font-size: 2.67vw; line-height: 4.00vw;}
    .policy-chk .chk-basic__label {font-size: 2.67vw; padding-left: 6.00vw; padding-top: 0.5vw;}
}

/* 공통 */
span.rq {position: absolute; right: -8px; top: 0; display: block; width: 4px; height: 4px; border-radius: 50%; background: #f00;}
.submit-list {margin-top: 20px; border-top: 1px solid #e0e0e0;}
.submit-item {border-bottom: 1px solid #e0e0e0; padding: 10px;}
.submit-tit {display: inline-block; width: 130px;}
.submit-tit.vat {vertical-align: top; margin-top: 10px;} 
.submit-area {display: inline-block; width: 80%;}
.submit-item textarea {display: inline-block; width: 80%;}
.submit-item .cke {display: inline-block;}
.submit-tit p {position: relative; display: inline-block; font-size: 14px; color: #555; vertical-align: middle;}
.submit-area input {width: 100%; height: 40px; line-height: 40px; border-radius: 4px; padding: 0 10px; font-size: 13px; color: #999; border: 1px solid #e0e0e0;}
.submit-area select {font-family: 'RixRak-Sans_Regular'; color: #999; height: 40px; line-height: 40px; border: 1px solid #e0e0e0; border-radius: 4px; padding: 0 10px; font-size: 13px; color: #999; background: url(../img/layout/arrow.png) no-repeat right 10px center / 10px 6px;}
.submit-area select option {font-family: 'RixRak-Sans_Regular';}
/* 이름 */
input#counsel_name {width: 400px;}
/* 연락처 */
.submit-tel .ip-basic {width: 400px; display: flex; justify-content: space-between; align-items: center;}
.submit-tel select {width: 100px;}
.submit-tel input[type="tel"] {flex: 1;}
.submit-tel span {padding: 0 3px;}
/* 이메일 */
.submit-email .ip-basic {width: 600px; display: flex; justify-content: space-between; align-items: center;}
.submit-email input {width: 40%;}
.submit-email select {flex: 1; width: 100%;}
.submit-email span {font-size: 12px; color: #666; padding: 0;}
.submit-item .email-ip {width: 170px; height: 40px;line-height: 40px; margin-left: 5px; border-radius: 4px; padding: 0 10px; font-size: 13px; color: #999; border: 1px solid #e0e0e0;} */

/* 문의하기 */
.submit-item textarea {width: 80%; height: 100px; border: 1px solid #e0e0e0; border-radius: 4px; resize: none; padding: 10px; font-family: 'RixRak-Sans_Regular'; font-size: 13px; line-height: 20px; color: #999;}
.submit-item textarea::-webkit-scrollbar-track, 
.submit-item textarea::-webkit-scrollbar, 
.submit-item textarea::-webkit-scrollbar-thumb {display: none;}
/* 버튼 */
.btn-wrap {margin: 30px auto 0; text-align: center;}
.btn-wrap .style-btn {border-color: #e0e0e0; margin: 0 5px;}
.btn-wrap .style-btn span {color: #999; font-family: 'RixRak-Sans_Regular';}
.btn-wrap .btn-cancel:hover {background: none; border-color: #e0e0e0;}
.btn-wrap .btn-cancel:hover span {color: #999;}
.btn-wrap .btn-submit:hover span {color: #fff;}

@media (max-width: 750px){
    span.rq {width: 0.80vw; height: 0.80vw;}
    .submit-list {margin-top: 5.33vw;}
    .submit-item {padding: 2.13vw 0;}
    .submit-tit {width: 16.00vw;}
    .submit-tit p {font-size: 2.93vw;}
    .submit-area {width: 70.00vw;}
    input#counsel_name {width: 100%}
    .submit-area input {height: 8.00vw; line-height: 8.00vw; padding: 0 2.67vw; font-size: 2.67vw;}
    .submit-area input::placeholder, .submit-area textarea::placeholder  {font-size: 2.67vw; color: #999; line-height: 8.00vw;}
    .submit-area select {height: 8.00vw; line-height: 8.00vw; padding: 0 2.67vw; font-size: 2.67vw; background: url(../img/layout/arrow.png) no-repeat right 1.33vw center / 1.33vw 0.80vw;}

    .submit-tel .ip-basic {width: 70vw;}
    .submit-tel select {width: 20.67vw;}

    .submit-email .ip-basic {width: 70vw; flex-wrap: wrap;}
    .submit-email span {font-size: 2.40vw;}
    .submit-item .email-ip {width: 100%; display: block; margin-top: 3px; margin-left: auto; height: 8vw; line-height: 8vw; padding: 0 2.67vw; font-size: 2.67vw;}
    .submit-item textarea {width: 76.00vw; height: 53.33vw; padding: 2.67vw; font-size: 2.67vw; line-height: 4.80vw;}

    .btn-wrap {margin: 8.00vw auto 0;}
    .btn-wrap .style-btn {margin: 0;}
    .btn-wrap .btn-cancel {display: none;}
    .btn-wrap .btn-submit {width: 100%; height: 9.33vw; line-height: 9.33vw; background: #9e0016;}
    .btn-wrap .btn-submit span {font-size: 2.93vw; color: #fff;}
    .btn-wrap .btn-submit:hover {background: #9e0016; color: #fff;}
}