@charset "utf-8";

/* Contact form (theme/basic/skin/board/form) */
#contact .contact-form .inner {align-items:flex-start;gap:var(--gap-xl);}
#contact .contact-form .con-l {flex:1;min-width:0;}
#contact .contact-form .con-r {width:775rem;max-width:100%;flex:none;}
#contact .contact-form .con-tit h3 {margin:0;font-size:var(--font60);line-height:1.3;font-weight:var(--fw-bold);color:var(--color-text-title);}

#contact .form_01 {width:100%;}
#contact .basic-info {display:flex;flex-direction:column;gap:20rem;}
#contact .write_div {display:flex;align-items:center;gap:20rem;}
#contact .write_div.request-wrap {align-items:flex-start;}
#contact .inquiry-label {display:flex;width:200rem;flex:none;align-items:center;gap:2rem;margin:0;font-size:var(--font24);font-weight:var(--fw-semibold);line-height:1.3;color:var(--color-text-title);}
#contact .inquiry-label .req {color:#f32323;font-size:16rem;font-style:normal;font-weight:var(--fw-semibold);line-height:1;}
#contact .data-wrap {min-width:0;flex:1;}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="password"] {
    width:100%;
    height:60rem;
    padding:0 24rem;
    border:1px solid var(--color-border);
    border-radius:var(--radius-full);
    background:var(--wh);
    color:var(--color-text-title);
    font-size:var(--font20);
    line-height:1.3;
}
#contact .form_01 textarea {
    width:100%;
    height:300rem;
    padding:24rem;
    border:1px solid var(--color-border);
    border-radius:var(--radius-md);
    background:var(--wh);
    color:var(--color-text-title);
    font-size:var(--font20);
    line-height:1.3;
    resize:none;
}
#contact input::placeholder,
#contact textarea::placeholder {color:var(--gray-a4);}
#contact .required,
#contact textarea.required {background:none !important;}

#contact .write_div.privacy {
    margin-top:20rem;
    padding:40rem 0;
    border-top:1px dashed var(--color-border);
    border-bottom:1px solid var(--color-border);
}
#contact .write_div.privacy .chk-wrap {width:100%;gap:16rem;}
#contact .chk_box {display:flex;align-items:center;cursor:pointer;font-size:var(--font18);font-weight:var(--fw-semibold);color:var(--color-text-title);}
#contact .chk_box input {position:absolute;opacity:0;width:0;height:0;}
#contact .chk_box .con-flex {display:flex;align-items:center;gap:16rem;}
#contact .chk_box .chk-ico {
    display:block;
    width:30rem;
    height:30rem;
    flex:none;
    background:url(../../../img/common/ico_chk_off.svg) no-repeat center / contain;
}
#contact .chk_box input:checked + .chk-ico {
    background-image:url(../../../img/common/ico_chk_on.svg);
}
#contact .chk_box .chk-txt {line-height:1.3;}
#contact .go-privacy-btn {
    display:inline-flex;
    align-items:center;
    gap:8rem;
    flex:none;
    color:var(--gray-a4);
    font-size:var(--font18);
    font-weight:var(--fw-semibold);
    line-height:1.3;
}
#contact .go-privacy-btn img {width:16rem;height:16rem;opacity:.45;}

#contact .btn_confirm {margin-top:60rem;}
#contact .submit-btn {
    width:100%;
    height:60rem;
    border:0;
    border-radius:var(--radius-full);
    background:var(--bk-deep);
    color:var(--wh);
    font-size:var(--font20);
    font-weight:var(--fw-semibold);
    transition:opacity var(--transition-base);
}
#contact .submit-btn:hover {opacity:.85;}
#contact .submit-btn:disabled {opacity:.55;cursor:not-allowed;}

#contact .privacy-popup-wrap .pop-bx {height:600rem;}
#contact .privacy-popup-wrap .close-btn {display:flex;width:24rem;height:24rem;align-items:center;justify-content:center;line-height:0;}
#contact .privacy-popup-wrap .close-btn img {display:block;width:100%;height:100%;}

/* Admin inquiry list / detail — read only */
#contact .inquiry-list {list-style:none;margin:0;padding:0;}
#contact .inquiry-item {padding:24rem 0;border-bottom:1px solid var(--color-border);}
#contact .inquiry-item > a {display:block;color:inherit;}
#contact .inquiry-date {display:block;margin-bottom:6rem;color:var(--color-text-muted);font-size:var(--font14);}
#contact .inquiry-subject {display:block;margin-bottom:12rem;font-size:var(--font20);font-weight:var(--fw-semibold);color:var(--color-text-title);}
#contact .inquiry-item dl,
#contact .contact-view-info {display:grid;gap:10rem;margin:0;}
#contact .inquiry-item dl > div,
#contact .contact-view-info > div {display:flex;gap:16rem;align-items:flex-start;}
#contact .inquiry-item dt,
#contact .contact-view-info dt {width:180rem;flex:none;font-weight:var(--fw-semibold);color:var(--color-text-title);}
#contact .inquiry-item dd,
#contact .contact-view-info dd {min-width:0;margin:0;white-space:pre-wrap;}
#contact .contact-view .con-tit {margin-bottom:var(--gap-sm);}
#contact .contact-view-info {margin-bottom:var(--gap-md);}
#contact .contact-view-btns {gap:12rem;}
#contact .inquiry-list .empty_table {padding:40rem 0;text-align:center;}
#contact .inquiry-item .bo_chk {margin-bottom:8rem;}

/* Admin list (minimal) */
#bo_list .td_chk {width:30px;text-align:center}
#bo_list .td_num {width:50px;text-align:center}
#bo_list .td_date {width:60px;text-align:center}
#bo_list .td_name {width:100px;text-align:left}
.chk_all {margin:10px 0}
.bo_fx {margin-bottom:5px;padding:0 10px}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.btn_bo_user > li {position:relative;float:left;text-align:center;margin-left:5px}
.more_opt {display:none;position:absolute;top:50px;right:7px;background:#fff;border:1px solid #b8bfc4;z-index:999}
.more_opt li {display:block;border-bottom:1px solid #f1f1f1;padding:10px;margin:0;color:#6b757c;text-align:left}
.more_opt li:last-child {border-bottom:0}
.more_opt li button,
.more_opt li a {width:100%;border:0;background:#fff;color:#6b757c}

.privacy-popup-wrap .fnb-page-top{margin-bottom:20rem;padding:20rem;background:#F8F8F8;border:1px solid #E7E7E7;border-radius: 20rem;font-size:var(--font16);line-height:1.5;}
.privacy-popup-wrap .fnb-con *{font-size:var(--font16);line-height:1.5;}
.privacy-popup-wrap .fnb-con h4{margin-bottom:10rem;}
.privacy-popup-wrap .fnb-sec:not(:last-child){margin-bottom:20rem;}
.privacy-popup-wrap .gry-txt{color:var(--gray-8);}
.privacy-popup-wrap .fnb-sub-sec{margin-top:15rem;}
.privacy-popup-wrap .fnb-lst li{gap:6px;align-items: stretch;}
.privacy-popup-wrap .fnb-lst li .num{display:flex;width:calc(var(--font15) + 3px);height:calc(var(--font15) + 3px);line-height:1;align-items: center;justify-content: center;border-radius: 50%;background:var(--main);color:#fff;font-size:13px;font-weight:600;}
.privacy-popup-wrap .fnb-lst li .num ~ p,
.privacy-popup-wrap .fnb-lst li .num ~ .withlst{width:calc(100% - var(--font15) - 3px - 6px);}
.privacy-popup-wrap .fnb-lst li .dot ~ p,
.privacy-popup-wrap .fnb-lst li .dot ~ .withlst{width:calc(100% - 10px);}
.privacy-popup-wrap .fnb-lst .dot{position:relative;top:8px;width:4px;height:4px;border-radius: 50%;background:var(--gray-d0d);}

@media screen and (max-width:1450px) {
    #contact .contact-form .con-r {width:60%;}
}

@media screen and (max-width:1024px) {
    #contact .contact-form .inner {flex-wrap:wrap;gap:var(--gap-md);}
    #contact .contact-form .con-l,
    #contact .contact-form .con-r {width:100%;}
    #contact .contact-form .con-tit h3 {font-size:48rem;}
    #contact .inquiry-label {width:160rem;font-size:var(--font20);}
}

@media screen and (max-width:800px) {
    #contact .contact-form .inner {gap:var(--gap-sm);}
    #contact .contact-form .con-tit h3 {font-size:var(--font30);}
    #contact .basic-info {gap:24rem;}
    #contact .write_div {flex-wrap:wrap;gap:10rem;}
    #contact .inquiry-label,
    #contact .data-wrap {width:100%;}
    #contact .inquiry-label {font-size:var(--font16);}
    #contact input[type="text"],
    #contact input[type="email"],
    #contact input[type="tel"],
    #contact input[type="password"] {height:50rem;padding:0 16rem;font-size:var(--font14);}
    #contact .form_01 textarea {height:220rem;padding:16rem;font-size:var(--font14);}
    #contact .write_div.privacy {margin-top:10rem;padding:30rem 0;}
    #contact .write_div.privacy .chk-wrap {flex-direction:column;align-items:flex-start;gap:12rem;}
    #contact .chk_box {font-size:var(--font14);}
    #contact .chk_box .con-flex {gap:10rem;}
    #contact .chk_box .chk-ico {width:24rem;height:24rem;}
    #contact .go-privacy-btn {font-size:var(--font14);}
    #contact .btn_confirm {margin-top:40rem;}
    #contact .submit-btn {height:50rem;font-size:var(--font16);}
    #contact .privacy-popup-wrap .pop-bx {height:60dvh;}
    #captcha {display:block;text-align:left;}
}