@charset "utf-8";

/* 게시판 버튼 */
/* 목록 버튼 */
#bo_list a.btn_b01 {margin-top:0; margin-bottom:50px;}
#bo_list a.btn_b01:focus, #bo_list a.btn_b01:hover {}
#bo_list a.btn_b02 {}
#bo_list a.btn_b02:focus, #bo_list a.btn_b02:hover {}
#bo_list a.btn_admin {} /* 관리자 전용 버튼 */
#bo_list a.btn_admin:focus, #bo_list .btn_admin:hover {}

/* 읽기 버튼 */
#bo_v a.btn_b01 {}
#bo_v a.btn_b01:focus, #bo_v a.btn_b01:hover {}
#bo_v a.btn_b02 {}
#bo_v a.btn_b02:focus, #bo_v a.btn_b02:hover {}
#bo_v a.btn_admin {} /* 관리자 전용 버튼 */
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}

/* 쓰기 버튼 */
#bo_w .btn_confirm {} /* 서식단계 진행 */
#bo_w .btn_submit {padding:0 20px; font-size: 16px;}
#bo_w button.btn_submit {}
#bo_w fieldset .btn_submit {}
#bo_w .btn_cancel {font-size: 16px;}
#bo_w button.btn_cancel {}
#bo_w .btn_cancel:focus, #bo_w .btn_cancel:hover {}
#bo_w a.btn_frmline, #bo_w button.btn_frmline {} /* 우편번호검색버튼 등 */
#bo_w button.btn_frmline {}

/* 기본 테이블 */
/* 목록 테이블 */
#bo_list .tbl_head01 {}
#bo_list .tbl_head01 caption {}
#bo_list .tbl_head01 thead th {}
#bo_list .tbl_head01 thead a {}
#bo_list .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_list .tbl_head01 tfoot th {}
#bo_list .tbl_head01 tfoot td {}
#bo_list .tbl_head01 tbody th {}
#bo_list .tbl_head01 td {}
#bo_list .tbl_head01 a {}
#bo_list td.empty_table {}

/* 읽기 내 테이블 */
#bo_v .tbl_head01 {}
#bo_v .tbl_head01 caption {}
#bo_v .tbl_head01 thead th {}
#bo_v .tbl_head01 thead a {}
#bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_v .tbl_head01 tfoot th {}
#bo_v .tbl_head01 tfoot td {}
#bo_v .tbl_head01 tbody th {}
#bo_v .tbl_head01 td {}
#bo_v .tbl_head01 a {}
#bo_v td.empty_table {}

/* 쓰기 테이블 */
#bo_w table {}
#bo_w caption {}
#bo_w .frm_info {}
#bo_w .frm_address {}
#bo_w .frm_file {}

#bo_w .tbl_frm01 {}
#bo_w .tbl_frm01 th {}
#bo_w .tbl_frm01 td {}
#bo_w .tbl_frm01 textarea, #bo_w .tbl_frm01 .frm_input {}
#bo_w .tbl_frm01 textarea {}
/*
#bo_w .tbl_frm01 #captcha {}
#bo_w .tbl_frm01 #captcha input {}
*/
#bo_w .tbl_frm01 a {}

/* 필수입력 */
#bo_w .required, #bo_w textarea.required {}

#bo_w .cke_sc {}
#bo_w button.btn_cke_sc{}
#bo_w .cke_sc_def {}
#bo_w .cke_sc_def dl {}
#bo_w .cke_sc_def dl:after {}
#bo_w .cke_sc_def dt, #bo_w .cke_sc_def dd {}
#bo_w .cke_sc_def dt {}
#bo_w .cke_sc_def dd {}

/* ### 기본 스타일 커스터마이징 끝 ### */

#bo_sch {float:left; border:1px solid #ccc; background:#fff; border-radius:3px}
#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
#bo_sch legend {position:absolute; margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#bo_sch select{border:0; margin:9px 5px ;height:20px;float:left; border-right:1px solid #ddd;}
#bo_sch .sch_input{height:38px;line-height:38px; border:0;padding:0; background-color:transparent;float:left; width:50%}
#bo_sch .sch_btn{height:38px;float:right; background:none; border:0;width:40px;font-size:15px}

#bo_list {overflow:hidden;}
#fboardlist .bo_fx {float:right;}



td.td_num2 {width:50px;}
.tbl_head01 .td_subject {text-align:left;}
#bo_list .td_status {width:100px;text-align:center;}
#bo_list .as_status {
    display:inline-block;
    min-width:72px;
    padding:4px 10px;
    border-radius:20px;
    font-size:13px;
    font-weight:600;
    line-height:1.4;
    text-align:center;
}
#bo_list .as_status_ing {
    background:#eef3f8;
    color:#315e92;
}
#bo_list .as_status_done {
    background:#eaf6ee;
    color:#2e7d4f;
}


/* 견적문의 신청내용 확인 */

#view_tb1 {font-size:14px;}
#view_tb1 .view_th1{width:200px;}
#view_tb1 .view_td1{text-align:left; padding:5px 10px;}
#view_tb1 .title_table {width:700px;}
#bo_v_top {overflow:hidden; float:right; }
#bo_v_top ul {display:inline-block; margin-left:5px;}
#bo_v_top ul li a {display:block; transition:0.5s;}
.btn_b01 {background:#ff4081;color:#fff !important;}
.btn_b01:hover {background:#ff1464}
.btn_b02{background:#9eacc6;color:#fff !important;}
.btn_b02:hover {background:#3f51b5;}
.if_date{margin:0;color:#888}
#view_tb1 .view_td1 .bo_v_file_cnt {font-size:0;}


#bo_w #wr_password{margin:0 !important }

#bo_w.as_inquiry .as_privacy_agree {margin-top:12px;font-size:14px;}
#bo_w.as_inquiry .as_privacy_agree input,
#bo_w.as_inquiry .as_privacy_agree label {vertical-align:middle;}


#bo_w.as_inquiry .as_field_row {
display:flex !important;
gap:24px;
}
#bo_w.as_inquiry .write_div{
    width: 100%!important;
    float:none!important;
    margin-right: auto !important;
}
#bo_w.as_inquiry .as_field {
display:grid;
grid-template-columns:70px minmax(0,1fr);
flex:1 1 0;
align-items:center;
min-width:0;
}

#bo_w.as_inquiry .as_field label,
#bo_w.as_inquiry .as_field_full > label,
#bo_w.as_inquiry .as_file > label {margin:0;font-weight:600;}

#bo_w.as_inquiry .as_field .frm_input {
width:100%;
height:48px;
box-sizing:border-box;
}

#bo_w.as_inquiry .as_field_full {
display:grid !important;
grid-template-columns:70px minmax(0,1fr);
align-items:start;
}

#bo_w.as_inquiry .as_field_full > label {padding-top:14px;}
#bo_w.as_inquiry .as_field_full textarea {
width:100%;
height:220px;
padding:15px;
border:1px solid #ddd;
box-sizing:border-box;
line-height:1.7;
resize:vertical;
}

#bo_w.as_inquiry .as_file {
display:grid !important;
grid-template-columns:70px minmax(0,1fr);
align-items:center;
}

#bo_w.as_inquiry .as_file .file_wr,
#bo_w.as_inquiry .as_file .frm_file {width:100%;box-sizing:border-box;}

#bo_w.as_inquiry .btn_confirm {margin-top:26px;text-align:center;}
#bo_w.as_inquiry .btn_confirm .btn_submit {
display:inline-block;
width:220px;
min-width:220px;
height:52px;
padding:0 20px !important;
border:1px solid var(--main-blue);
box-sizing:border-box;
background:var(--main-blue);
color:#fff !important;
font-size:16px;
line-height:50px;
text-align:center;
vertical-align:middle;
}
#bo_w.as_inquiry .btn_confirm .btn_submit:hover,
#bo_w.as_inquiry .btn_confirm .btn_submit:focus {
display:inline-block;
border-color:var(--main-deep-blue);
background:var(--main-deep-blue);
color:#fff !important;
}

@media (max-width:768px) {
#bo_w.as_inquiry .product_inquiry_wrap h2 {
    margin-bottom:30px;
    font-size:25px;
}
#bo_w.as_inquiry .as_intro {
    font-size:14px;
    line-height:1.7;
}
#bo_w.as_inquiry .as_privacy {
    padding:20px;
    margin-bottom:30px !important;
    box-sizing:border-box;
}
#bo_w.as_inquiry .as_privacy textarea {
    height:160px;
    min-height:160px;
    padding:12px;
    box-sizing:border-box;
}
#bo_w.as_inquiry .as_privacy_agree {
    font-size:14px;
    line-height:1.5;
}
#bo_w.as_inquiry .as_field_row {display:block !important;}
#bo_w.as_inquiry .as_field {
    grid-template-columns:80px minmax(0,1fr);
    margin-bottom:10px;
}
#bo_w.as_inquiry .as_field .frm_input {
    height:44px;
}
#bo_w.as_inquiry .as_field_full,
#bo_w.as_inquiry .as_file {grid-template-columns:80px minmax(0,1fr);}
#bo_w.as_inquiry .as_field_full textarea {height:180px;}
#bo_w.as_inquiry .as_file {
    margin-bottom:15px;
}
}

@media (max-width:480px) {
#bo_w.as_inquiry .product_inquiry_wrap h2 {
    margin-bottom:20px;
    font-size:22px;
}
#bo_w.as_inquiry .as_intro {
    font-size:13px;
}
#bo_w.as_inquiry .as_privacy {
    padding:15px;
    margin-bottom:24px !important;
}
#bo_w.as_inquiry .as_privacy textarea {
    height:140px;
    min-height:140px;
    padding:10px;
}
#bo_w.as_inquiry .as_privacy_agree {
    font-size:13px;
}
#bo_w.as_inquiry .as_field,
#bo_w.as_inquiry .as_field_full,
#bo_w.as_inquiry .as_file {display:block !important;}
#bo_w.as_inquiry .as_field label,
#bo_w.as_inquiry .as_field_full > label,
#bo_w.as_inquiry .as_file > label {
    display:block;
    margin-bottom:7px;
    padding-top:0;
}
#bo_w.as_inquiry .as_field .frm_input {
    height:44px;
}
#bo_w.as_inquiry .as_field_full textarea {
    height:160px;
    padding:12px;
}
#bo_w.as_inquiry .as_file .file_wr {
    margin-top:0;
}
#bo_w.as_inquiry .btn_confirm .btn_submit {width:100%;min-width:0;}
}

/* A/S 접수조회 결과 */
#inquiry.as_inquiry_view {width:calc(100% - 40px);max-width:1200px;padding:65px 0 150px!important;box-sizing:border-box;}
.as_inquiry_view .as_lookup_result {max-width:1100px;margin:0 auto;padding:0;}
.as_inquiry_view .as_lookup_result > h2 { font-size: 32px;
    color: #222;
    text-align: center;
    margin-bottom: 50px;
    position: relative;
    font-weight: 700;}
.as_inquiry_view .as_lookup_result fieldset {margin:0;padding:0;border:0;}
.as_inquiry_view .as_lookup_field {display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;margin-bottom:16px;}
.as_inquiry_view .as_lookup_label {font-size:15px;font-weight:600;}
.as_inquiry_view .as_lookup_value {min-width:0;min-height:46px;padding:12px 15px;border:1px solid #d9dfe3;background:#fff;box-sizing:border-box;color:#333;font-size:15px;line-height:1.5;overflow-wrap:anywhere;word-break:break-word;}
.as_inquiry_view .as_lookup_content {align-items:start;}
.as_inquiry_view .as_lookup_content .as_lookup_label {padding-top:13px;}
.as_inquiry_view .as_lookup_content .as_lookup_value {min-height:180px;line-height:1.7;}
.as_inquiry_view .as_lookup_value img {max-width:100%;height:auto;}
.as_inquiry_view .as_lookup_buttons {margin-top:30px;padding-left:100px;text-align:center;}
.as_inquiry_view .as_lookup_buttons .btn {display:inline-flex;align-items:center;justify-content:center;min-width:160px;height:48px;padding:0 20px;box-sizing:border-box;font-size:15px;}

@media (max-width:768px) {
    #inquiry.as_inquiry_view {width:calc(100% - 30px);padding:50px 0 90px!important;}
    .as_inquiry_view .as_lookup_result > h2 {margin-bottom:35px;font-size:26px;}
    .as_inquiry_view .as_lookup_field {grid-template-columns:85px minmax(0,1fr);}
    .as_inquiry_view .as_lookup_buttons {padding-left:85px;}
}

@media (max-width:480px) {
    #inquiry.as_inquiry_view {width:calc(100% - 24px);padding:35px 0 60px!important;}
    .as_inquiry_view .as_lookup_result > h2 {margin-bottom:25px;font-size:22px;}
    .as_inquiry_view .as_lookup_field {display:block;margin-bottom:18px;}
    .as_inquiry_view .as_lookup_label {display:block;margin-bottom:7px;padding-top:0!important;}
    .as_inquiry_view .as_lookup_value {padding:11px 12px;font-size:14px;}
    .as_inquiry_view .as_lookup_content .as_lookup_value {min-height:140px;}
    .as_inquiry_view .as_lookup_buttons {padding-left:0;}
    .as_inquiry_view .as_lookup_buttons .btn {width:100%;}
}