@charset "utf-8";
/* 문의 창(js/adl_inquiry.js) — 화면 위 창 .adl-inq-overlay, 문의하기 페이지 안 #adl-inquiry-inline. 모바일(화면 너비 720)은 아래 @media */
html.adl-inq-open {overflow: hidden;}
.adl-inq-overlay {position: fixed;inset: 0;z-index: 100000;background: rgba(10, 20, 35, .55);display: flex;align-items: flex-start;justify-content: center;overflow-y: auto;padding: 50px 16px;box-sizing: border-box;}
.adl-inq-box {position: relative;width: 100%;max-width: 560px;background: #fff;border-radius: 14px;padding: 34px 36px 28px;box-sizing: border-box;box-shadow: 0 20px 60px rgba(0, 0, 0, .25);text-align: left;color: #333;word-break: keep-all;}
#adl-inquiry-inline {max-width: 760px;margin: 0 auto;padding: 34px 36px 28px;border: 1px solid #dfe4ea;border-radius: 14px;background: #fff;box-sizing: border-box;text-align: left;color: #333;word-break: keep-all;}
.adl-inq-x {position: absolute;right: 14px;top: 10px;width: 40px;height: 40px;border: 0;background: none;font-size: 32px;line-height: 1;color: #888;cursor: pointer;}
.adl-inq-h {font-size: 24px;font-weight: 700;color: #222;margin: 0 0 12px;line-height: 1.3;}
.adl-inq-guide {font-size: 16px;line-height: 1.7;color: #555;margin: 0 0 20px;background: #f4f7fb;border-radius: 8px;padding: 14px 16px;}
.adl-inq-guide b {color: #135daf;}
.adl-inq-l {display: block;margin: 0 0 14px;font-size: 15px;font-weight: 700;color: #222;}
.adl-inq-l em {font-style: normal;font-size: 12px;font-weight: 700;color: #fff;background: #135daf;border-radius: 10px;padding: 1px 7px;margin-left: 4px;vertical-align: 1px;}
.adl-inq-l span {font-weight: 400;color: #888;}
.adl-inq-l textarea, .adl-inq-l input {display: block;width: 100%;box-sizing: border-box;margin-top: 6px;padding: 11px 12px;border: 1px solid #cfd6df;border-radius: 8px;font-size: 16px;font-weight: 400;font-family: inherit;color: #222;background: #fff;line-height: 1.5;}
.adl-inq-l textarea {min-height: 140px;resize: vertical;}
.adl-inq-l textarea:focus, .adl-inq-l input:focus {outline: 0;border-color: #135daf;box-shadow: 0 0 0 3px rgba(19, 93, 175, .15);}
.adl-inq-hp {position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden;}
.adl-inq-agree {display: block;font-size: 14px;line-height: 1.6;color: #444;margin: 4px 0 12px;cursor: pointer;}
.adl-inq-agree input[type=checkbox] {-webkit-appearance: checkbox;appearance: auto;width: 16px;height: 16px;vertical-align: -3px;margin-right: 6px;accent-color: #135daf;}
.adl-inq-agree span {color: #888;}
.adl-inq-ts {margin: 0 0 10px;}
.adl-inq-ts:empty {display: none;}
.adl-inq-msg {display: none;margin: 0 0 12px;padding: 10px 12px;border-radius: 8px;background: #fdecea;color: #b3261e;font-size: 14px;line-height: 1.5;}
.adl-inq-send, .adl-inq-close, .adl-inq-again {display: block;width: 100%;height: auto;line-height: 1.4;padding: 14px 0;border: 0;border-radius: 10px;background: #135daf;color: #fff;font-size: 17px;font-weight: 700;cursor: pointer;}
.adl-inq-send:disabled {opacity: .6;cursor: default;}
.adl-inq-alt {margin: 14px 0 0;font-size: 14px;color: #666;text-align: center;}
.adl-inq-alt a {color: #135daf;}
.adl-inq-done {text-align: center;padding: 10px 0 4px;}
.adl-inq-done-t {font-size: 18px;line-height: 1.7;color: #222;margin: 6px 0 20px;}
/* 문의 버튼(바닥·문의하기 페이지) */
.adl-inq-btn {display: inline-block;padding: 12px 28px;border-radius: 26px;background: #135daf;color: #fff !important;font-size: 17px;font-weight: 700;text-decoration: none !important;line-height: 1.4;}
.adl-inq-btn:hover {background: #0f4c90;}

@media (max-width: 800px) {   /* 모바일 사이트(너비 720 기준) */
    .adl-inq-overlay {padding: 30px 20px;}
    .adl-inq-box, #adl-inquiry-inline {padding: 40px 34px 34px;border-radius: 18px;}
    .adl-inq-x {width: 64px;height: 64px;font-size: 52px;right: 10px;top: 8px;}
    .adl-inq-h {font-size: 36px;}
    .adl-inq-guide {font-size: 24px;padding: 20px 22px;}
    .adl-inq-l {font-size: 23px;margin-bottom: 20px;}
    .adl-inq-l em {font-size: 18px;padding: 2px 10px;}
    .adl-inq-l textarea, .adl-inq-l input {font-size: 25px;padding: 16px 16px;border-radius: 12px;}
    .adl-inq-l textarea {min-height: 220px;}
    .adl-inq-agree {font-size: 21px;}
    .adl-inq-agree input[type=checkbox] {width: 26px;height: 26px;vertical-align: -5px;}
    .adl-inq-msg {font-size: 21px;}
    .adl-inq-send, .adl-inq-close, .adl-inq-again {font-size: 26px;padding: 22px 0;border-radius: 14px;}
    .adl-inq-alt {font-size: 21px;}
    .adl-inq-done-t {font-size: 26px;}
    .adl-inq-btn {font-size: 25px;padding: 18px 40px;border-radius: 40px;}
}