@charset "UTF-8"; 


br.mo{display: none;}

.sub_wrap{width: 100%;}
.sub_top{width: 100%; height: 438px; background-image: url(../asset/sub/sub_top_bg.png); background-size: cover; background-repeat: no-repeat;}
.sub_top .inner{position: relative; display: flex; justify-content: center; align-items: center; width: 1300px; height: 100%; margin: 0 auto;}
.sub_top .inner .tit{margin-bottom: 15px; width: 100%;}
.sub_top .inner .tit p{font-size: 41px; letter-spacing: -1px; font-weight: 400; color: #fff; text-align: center;}

.sub_nav_wrap{position: absolute; bottom: 0; width: 100%; height: 65px;}
.sub_nav_wrap ul{display: flex; width: 100%; height: 100%; gap: 1px;}
.sub_nav_wrap ul>li{width: calc(100%/3); height: 100%;}
.sub_nav_wrap ul>li a{display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: rgba(98,96,95,0.9); font-size: 17px; font-weight: 700; color: #fff;}
.sub_nav_wrap ul>li.active a{background-color: rgba(58,52,53,0.9);}

.sub_cont_wrap{width: 100%;}
.sub_cont_wrap .inner{width: 1300px; margin: 0 auto; padding: 80px 0 150px;}
.sub_cont_wrap.environment .inner{padding-top: 110px;}
.sub_content.customer .inner:has(.customer_view){padding: 136px 0 150px;}
.sub_content.customer .inner:has(.customer_list){padding: 136px 0 150px;}

/* 사업개요 */
.sub_cont_wrap.overview .img_wrap{position: relative; width: 100%;}
.sub_cont_wrap.overview .img_wrap img{width: 100%;}
.sub_cont_wrap.overview .table_wrap{width: 100%; margin-top: 80px; border-top: 2px solid #3a3435;}
.sub_cont_wrap.overview .table_wrap ul{width: 100%;}
.sub_cont_wrap.overview .table_wrap ul li{display: flex; width: 100%; height: 70px;}
.sub_cont_wrap.overview .table_wrap ul li span{display: flex; justify-content: center; align-items: center; width: 320px; height: 100%; font-size: 17px; letter-spacing: -1px; background-color: #FAFAFA; border-bottom: 1px solid #BCBCB6;}
.sub_cont_wrap.overview .table_wrap ul li:nth-child(3) span{letter-spacing: 0px;}
.sub_cont_wrap.overview .table_wrap ul li:nth-child(4) span{letter-spacing: 0px;}
.sub_cont_wrap.overview .table_wrap ul li:nth-child(5) span{letter-spacing: 0px;}
.sub_cont_wrap.overview .table_wrap ul li p{display: flex; align-items: center; padding-left: 20px; font-size: 17px; letter-spacing: -1px; border-bottom: 1px solid #CFCFCF; width: calc(100% - 320px); height: 100%;}



/* 브랜드 소개 */
.sub_cont_wrap.brand .img_wrap{position: relative; width: 100%;}
.sub_cont_wrap.brand .img_wrap img{width: 100%;}
.sub_cont_wrap.brand .link_btn{position: absolute;}
.sub_cont_wrap.brand .link_btn.one{top: 24.8%; left: 8%; background-color: #1B1816; padding: 2% 4%;}
.sub_cont_wrap.brand .link_btn.two{bottom: 4%; left: 50%; transform: translateX(-50%); background-color: #1B1816; padding: 2% 4%;}
.sub_cont_wrap.brand .link_btn a{display: flex; justify-content: center; align-items: center; background-color: #1B1816; color: #fff; font-size: 18px; font-weight: 400; width: 100%; height: 100%; transition: all 0.3s;} 
.sub_cont_wrap.brand .link_btn:hover a{background: #c1856a;} 


/* 오시는 길 */
.sub_cont_wrap.location .location_wrap{width: 100%; background-image: url(../asset/sub/location_bg.png); background-size: cover; background-repeat: no-repeat; padding: 60px 0 80px; box-sizing: border-box;}
.sub_cont_wrap.location .location_wrap .location_inner{width: 615px; margin: 0 auto;}
.sub_cont_wrap.location .tit_img{width: fit-content; margin: 0 auto;}
.sub_cont_wrap.location .tit_img img{width: 155px;}
.sub_cont_wrap.location .map{width: 100%; margin: 56px auto 0;}
.sub_cont_wrap.location .map img{width: 100%;}
.sub_cont_wrap.location .info_wrap{width: 100%; margin: 30px auto 0;}
.sub_cont_wrap.location .info_wrap ul{width: 100%;}
.sub_cont_wrap.location .info_wrap ul li{display: flex; gap: 16px 20px;}
.sub_cont_wrap.location .info_wrap ul li span{font-size: 20px; font-weight: 700; color: #fff;}
.sub_cont_wrap.location .info_wrap ul li:nth-child(2) span{letter-spacing: 1.5px;}
.sub_cont_wrap.location .info_wrap ul li p{font-size: 20px; font-weight: 400; color: #fff;}
.sub_cont_wrap.location .btn_wrap{display: flex; gap: 20px; width: 100%; height: 50px; margin: 30px auto 0;}
.sub_cont_wrap.location .btn_wrap a{display: flex; justify-content: center; align-items: center; background-color: #DCD8D1; color: #2E2929; font-size: 18px; font-weight: 500; width: 100%; height: 100%; transition: all 0.3s; border-radius: 500px; line-height: 1;} 
.sub_cont_wrap.location .btn_wrap a:hover{background: #9e6f48; color: #fff;} 


/* 입지환경 */
.sub_cont_wrap.environment .tit_wrap{width: 100%; text-align: center;}
.sub_cont_wrap.environment .tit_wrap .eye_brow{position: relative; font-size: 20px; letter-spacing: 2px; padding-bottom: 20px;}
.sub_cont_wrap.environment .tit_wrap .eye_brow:after{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); content: ""; width: 40px; height: 1px; background-color: #a7a9ac;}
.sub_cont_wrap.environment .tit_wrap .tit{text-align: center; margin-top: 30px;}
.sub_cont_wrap.environment .tit_wrap .tit span{font-size: 48px; font-weight: 300; letter-spacing: -1px; line-height: 140%;}
.sub_cont_wrap.environment .tit_wrap .tit span b{font-size: 48px; font-weight: 600; letter-spacing: -1px; line-height: 140%;}
.sub_cont_wrap.environment .tit_wrap .tit p{margin-top: 30px; font-size: 20px; font-weight: 300; letter-spacing: -1px; line-height: 140%;}
.sub_cont_wrap.environment .img_wrap{position: relative; width: 100%; margin-top: 72px;}
.sub_cont_wrap.environment .img_wrap img{width: 100%;}
.sub_cont_wrap.environment .mo_map_btn{display: none;}


/* 프리미엄 */
.sub_cont_wrap.premium .img_wrap{position: relative; width: 100%;}
.sub_cont_wrap.premium .img_wrap img{width: 100%;}


/* 관심고객등록 */
/* 글작성페이지 */
.customer_write { max-width:1300px; margin:0 auto; padding:60px 0 90px; color:#222; }
.customer_head { position:relative; text-align:center; overflow:hidden; }
.customer_head p {font-size: 32px; font-weight: 400; line-height: 130%;}
.customer_head p b{font-size: 32px; font-weight: 500; line-height: 130%; color: #7d664e;}
.customer_card { position:relative; margin-top: 70px; background:#fff;}

.form_table * {font-family: "Montserrat", sans-serif;}
.form_table { border-top:2px solid #111111; }
.form_row { display:grid; grid-template-columns:220px 1fr; border-bottom:1px solid #e4dfdc; height: 62px; }
.form_row.address_row{ height: 182px;}
.form_label { display:flex; align-items:center; justify-content: center; width: 220px; height: 100%; background-color: #F8F8F8; border-bottom: 1px solid #e5e5e5; font-size: 18px; font-weight: 400;}
.form_cont { display:flex; align-items:center; width: 100%; height: 100%; padding-left: 24px; }
.customer_write input[type="text"], .customer_write input[type="password"] { height:42px; padding:0 16px; border:1px solid #EEEEEE; background:#fff; font-size:16px; color:#222; outline:none; box-shadow: none; }
.customer_write select { height:42px; padding:0 44px 0 16px; border:1px solid #ddd8d5; border-radius:5px; background-color:#fff; background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%234a332c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 16px center; background-size:12px 8px; font-size:15px; color:#222; outline:none; transition:border-color .2s, box-shadow .2s; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; }
.customer_write select::-ms-expand { display:none; }
.customer_write input[type="text"]:focus, .customer_write select:focus { border-color:#EEEEEE; }
.customer_write input::placeholder { color:#aaa; }
.form_cont > input[type="text"] { width:65%; }
.phone_group, .email_group, .zipcode_line, .check_group { display:flex; align-items:center; gap:6px; width:100%; }
.check_group{gap: 24px;}
.phone_group select { width:200px; min-width:200px; border-radius: 0; border: 1px solid #EEEEEE;}
.phone_group input { width:200px; }
.phone_group span, .email_group span { color:#000; font-size: 18px; font-weight: 400;}
.check_group span{color: #787878; font-size: 18px; font-weight: 400;}
.address_group { width:100%; }
.zipcode_line { margin-bottom:10px; }
.zipcode_line input { width:190px; }
.zipcode_line button { height:42px; padding:0 22px; border:0; border-radius:500px; background:#3F3536; color:#fff; font-size:15px; font-weight:700; cursor:pointer; }
.address_group > input { display:block; width:65%; margin-top:10px; }
.email_group input { width:200px; }
.email_group select { width:160px; min-width:160px; }
.check_group label, .agree_box label { display:inline-flex; align-items:center; gap:8px; font-size:15px; color:#555; cursor:pointer; }
.customer_write input[type="checkbox"], .customer_write input[type="radio"] { width:20px; height:20px; margin:0; accent-color:#3F3536; }

.company_notice { display:flex; align-items:flex-start; margin:30px 0 35px; padding:18px 24px; background-color: #EEEEEE;}
.company_notice > span { display:flex; align-items:center; justify-content:center; width:24px; height:24px; margin-top:2px; border-radius:50%; background:#9a8a80; color:#fff; font-size:14px; font-weight:700; font-style:normal; }
.company_notice p { font-size: 18px; line-height: 130%; font-weight: 300; color: #535353;}
.company_notice p b { font-size: 18px; line-height: 130%; font-weight: 500; color: #535353;}
.agree_section { margin-top:30px; }
.agree_title{position: relative; padding-left: 12px; font-size: 24px; line-height: 150%;}
.agree_title::before{content: ""; width: 2px; height: 22px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: #000;}
.agree_table { margin-top: 20px; border-top: 1px solid #A0A0A0; }
.agree_table table { width:100%; border-collapse:collapse; table-layout:fixed; }
.agree_table th, .agree_table td { height:75px; padding:14px 12px; border-right:1px solid #A0A0A0; border-bottom:1px solid #A0A0A0; text-align:center; font-size:15px; line-height:1.5; color:#333; letter-spacing:-0.03em; }
.agree_table th { background:#fafafa; font-weight:800; }
.agree_table th:last-child, .agree_table td:last-child { border-right:0; }
.agree_desc { margin-top:18px; font-size:15px; line-height: 130%; color: #4d4d4d; }
.agree_box { margin-top: 45px; width: 100%; height: 66px; display: flex; justify-content: center; align-items: center; gap: 32px; border: 1px solid #CECFCF;}
.agree_box span {font-size: 18px; font-weight: 400; color: #787878;}


/* 전체동의 박스 */

/* .form_notice {display: flex; justify-content: end; width: 100%; margin-top: 72px;}
.form_notice label { display: flex; justify-content: center; align-items:center; gap:10px; width: 248px; height: 48px; cursor:pointer;  border: 1px solid #CECFCF; border-radius: 500px;}
.form_notice input[type="checkbox"] { width:18px; height:18px; margin:0; accent-color:#4a332c; }
.form_notice span { color:#4a332c; font-weight:800; } */

.all_agree_box{display: flex; justify-content: end; width: 100%; margin-top: 72px;}

/* 라벨 전체 클릭 가능 */
.all_agree_box label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    color: #222;
    width: 280px;
    height: 48px;
    border: 1px solid #cecece;
    border-radius: 500px;
}

/* 기본 체크박스 숨김 */
.all_agree_box input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* 커스텀 체크박스 */
.all_agree_box label::before {
    content: "";
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    background-image: url('../asset/sub/all_agree_arrow.png');
    background-size: cover;
    background-repeat: no-repeat;
}

/* 체크됐을 때 이미지 표시 */
.all_agree_box input[type="checkbox"]:checked + span::before {
    display: none;
}
.all_agree_box label span{font-size: 18px; font-weight: 500; color: #cfcfcf;}

/* label::before를 checked 상태에 따라 변경 */
.all_agree_box label:has(input[type="checkbox"]:checked)::before {
    background-image: url('../asset/sub/all_agree_arrow_ch.png');
    background-size: cover;
    background-repeat: no-repeat;
}
.all_agree_box label:has(input[type="checkbox"]:checked){background-color: #7D664E;}
.all_agree_box label:has(input[type="checkbox"]:checked) span{color: #fff;}


.btn_confirm { margin:90px auto 0; text-align:center; width: fit-content; }
.btn_confirm .btn { display: flex; justify-content: center; align-items: center; width: 180px; height: 60px; background-color: #3f3536; color: #fff; font-size: 18px; font-weight: 500; border-radius: 500px;}
.btn_confirm .btn:disabled { opacity:.55; cursor:default; }
.customer_content_hidden { display:none; }
.customer_turnstile { display:flex; justify-content: center; margin:35px 0;}



@media (max-width:1024px) {
.customer_write { padding:40px 0 70px; }
.customer_head h3 { font-size:34px; }
.customer_head p { font-size:17px; }
.customer_card { padding:28px 22px 72px; }
.form_row { grid-template-columns:145px 1fr; }
.form_label { padding:18px; }
.form_cont { padding:12px 18px; }
.phone_group input, .email_group input { width:180px; }
.address_group > input { width:100%; }
}

@media (max-width:768px) {
.customer_write { padding:32px 0 60px; }
.customer_head { padding-bottom:26px; }
.customer_head::before { width:160px; height:90px; }
.customer_head h3 { font-size:30px; }
.customer_head p { font-size:15px; word-break:keep-all; }
.customer_card { padding:24px 16px 68px; border-radius:8px; }
.section_title { font-size:19px; }
.form_row { display:block; }
.form_label { padding:14px 0 8px; border-right:0; background:transparent; }
.form_cont { display:block; min-height:auto; padding:0 0 16px; }
.phone_group, .email_group, .zipcode_line { gap:8px; }
.phone_group select { width:30%; min-width:30%; padding:0 34px 0 12px; background-position:right 12px center; }
.phone_group input { width:calc(35% - 18px); }
.email_group { flex-wrap:wrap; }
.email_group input { width:calc(50% - 18px); }
.email_group select { width:100%; min-width:100%; padding:0 40px 0 12px; background-position:right 14px center; }
.zipcode_line input { flex:1; width:auto; }
.zipcode_line button { padding:0 16px; }
.check_group { flex-wrap:wrap; gap:14px 24px; }
.form_notice { position:static; margin-top:18px; width:100%; justify-content:center; height:auto; min-height:44px; padding:12px 14px; border-radius:6px; font-size:13px; text-align:center; }
.form_notice label { justify-content:center; }
.company_notice { padding:18px; }
.agree_table table { width: 100%; }
.agree_box { gap:24px; min-height:px; }
.btn_confirm .btn_submit { width:190px; height:54px; font-size:17px; }
.customer_turnstile { margin-top:24px; padding:20px 14px; overflow-x:auto; }
.agree_desc{font-size: 13px;}
.agree_table th, .agree_table td{padding: 14px 4px; font-size: 14px;}
}


/* 리스트페이지 */
.customer_list {
    max-width:1180px;
    margin:0 auto;
    color:#222;
}

.customer_list_head {
    text-align:center;
    padding:0px 20px 34px;
}

.customer_list_head h3 {
    margin:0 0 10px;
    font-size:36px;
    line-height:1.25;
    font-weight:800;
    color:#222;
    letter-spacing:-0.04em;
}

.customer_list_head p {
    margin:0;
    font-size:17px;
    line-height:1.5;
    color:#666;
    letter-spacing:-0.03em;
}

.customer_list_top {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:18px;
    padding:16px 0;
    border-bottom:1px solid #ddd;
}

.list_total {
    font-size:15px;
    color:#777;
}

.list_total strong {
    color:#222;
    font-weight:800;
}

.list_total span {
    color:#999;
}

.list_search form {
    display:flex;
    align-items:center;
    gap:6px;
}

.list_search select,
.list_search input[type="text"] {
    height:40px;
    border:1px solid #ddd;
    background:#fff;
    font-size:14px;
    color:#333;
    outline:none;
}

.list_search select {
    width:115px;
    padding:0 10px;
}

.list_search input[type="text"] {
    width:220px;
    padding:0 12px;
}

.list_search button {
    height:40px;
    padding:0 18px;
    border:0;
    background:#333;
    color:#fff;
    font-size:14px;
    font-weight:700;
    cursor:pointer;
}

.customer_cate {
    margin-bottom:16px;
}

.customer_admin_bar {
    display:flex;
    justify-content:flex-end;
    margin-bottom:12px;
}

.admin_btns {
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
}

.admin_btns a,
.admin_btns button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:36px;
    padding:0 14px;
    border:1px solid #ccc;
    background:#fff;
    color:#333;
    font-size:13px;
    font-weight:700;
    text-decoration:none;
    cursor:pointer;
}

.admin_btns .excel_btn {
    border-color:#333;
    background:#333;
    color:#fff;
}

.customer_table_wrap {
    border-top:2px solid #222;
    background:#fff;
}

.customer_table {
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}

.customer_table caption {
    overflow:hidden;
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    clip:rect(0,0,0,0);
}

.customer_table thead th {
    height:54px;
    padding:12px 8px;
    border-bottom:1px solid #ddd;
    background:#fafafa;
    color:#222;
    font-size:14px;
    font-weight:800;
    text-align:center;
    letter-spacing:-0.03em;
}

.customer_table tbody td {
    height:58px;
    padding:12px 8px;
    border-bottom:1px solid #eee;
    color:#444;
    font-size:14px;
    line-height:1.5;
    text-align:center;
    letter-spacing:-0.03em;
}

.customer_table tbody tr:hover {
    background:#fafafa;
}

.customer_table .chk_col { width:50px; }
.customer_table .num_col { width:80px; }
.customer_table .name_col { width:120px; }
.customer_table .phone_col { width:150px; }
.customer_table .email_col { width:210px; }
.customer_table .date_col { width:130px; }
.customer_table .subject_col { width:auto; }

.customer_table input[type="checkbox"] {
    width:17px;
    height:17px;
    margin:0;
    accent-color:#333;
}

.customer_table .td_num {
    color:#888;
}

.customer_table .td_name a {
    color:#222;
    font-weight:700;
    text-decoration:none;
}

.customer_table .td_phone {
    color:#333;
}

.customer_table .td_email {
    color:#666;
    word-break:break-all;
}

.customer_table .td_subject {
    text-align:left;
}

.customer_table .bo_tit a {
    display:inline-block;
    max-width:100%;
    color:#222;
    font-weight:700;
    text-decoration:none;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    vertical-align:middle;
}

.customer_table .bo_tit a:hover {
    text-decoration:underline;
}

.customer_table .td_datetime {
    color:#888;
    font-size:13px;
}

.customer_table .notice_icon,
.customer_table .bo_current {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:24px;
    padding:0 8px;
    background:#333;
    color:#fff;
    font-size:12px;
    font-weight:700;
}

.customer_table .bo_current {
    background:#f1f1f1;
    color:#333;
}

.customer_table .empty_table {
    height:150px;
    color:#999;
    text-align:center;
}

.mobile_meta {
    display:none;
}

.customer_paging {
    margin-top:26px;
    text-align:center;
}

.pg_wrap {
    display:block;
    text-align:center;
}

.pg {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:4px;
}

.pg a,
.pg strong {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:32px;
    height:32px;
    padding:0 8px;
    border:1px solid #ddd;
    background:#fff;
    color:#777;
    font-size:13px;
    text-decoration:none;
}

.pg strong {
    border-color:#333;
    background:#333;
    color:#fff;
    font-weight:800;
}


/* 뷰페이지 */
.customer_view {
    max-width:1180px;
    margin:0 auto;
    color:#222;
}

.customer_view_card {
    padding:0;
    border-top:2px solid #222;
    background:#fff;
}

.view_title_area {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:24px;
    padding:26px 0;
    border-bottom:1px solid #ddd;
}

.view_badge {
    display:inline-flex;
    align-items:center;
    height:24px;
    padding:0 8px;
    margin-bottom:10px;
    background:#333;
    color:#fff;
    font-size:12px;
    font-weight:700;
}

.view_title_area h4 {
    margin:0;
    font-size:26px;
    line-height:1.35;
    font-weight:800;
    color:#222;
    letter-spacing:-0.04em;
}

.view_title_area p {
    margin:8px 0 0;
    font-size:14px;
    color:#888;
    letter-spacing:-0.03em;
}

.bo_v_cate {
    display:inline-flex;
    align-items:center;
    height:24px;
    padding:0 8px;
    margin-right:8px;
    background:#333;
    color:#fff;
    font-size:12px;
    font-weight:700;
    vertical-align:middle;
}

.view_admin_btns {
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
    justify-content:flex-end;
}

.view_admin_btns a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:58px;
    height:36px;
    padding:0 12px;
    border:1px solid #ccc;
    background:#fff;
    color:#333;
    font-size:13px;
    font-weight:700;
    text-decoration:none;
}

.view_admin_btns a:hover {
    background:#333;
    border-color:#333;
    color:#fff;
}


.view_section {
    margin-top:28px;
}

.view_info_table {
    border-top:1px solid #ddd;
}

.view_row {
    display:grid;
    grid-template-columns:170px 1fr;
    border-bottom:1px solid #eee;
}

.view_label {
    display:flex;
    align-items:center;
    padding:18px 20px;
    background:#fafafa;
    font-size:15px;
    font-weight:800;
    color:#222;
    letter-spacing:-0.03em;
}

.view_cont {
    display:flex;
    align-items:center;
    min-height:58px;
    padding:14px 20px;
    font-size:15px;
    line-height:1.6;
    color:#444;
    letter-spacing:-0.03em;
    word-break:break-all;
}

.agree_tag {
    display:inline-flex;
    align-items:center;
    height:28px;
    padding:0 10px;
    margin-right:5px;
    background:#f1f1f1;
    color:#333;
    font-size:13px;
    font-weight:700;
}

.view_agree_result {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    min-height:58px;
    margin-top:16px;
    border:1px solid #ddd;
    background:#fafafa;
}

.view_agree_result span {
    color:#777;
    font-size:14px;
}

.view_agree_result strong {
    color:#222;
    font-size:15px;
    font-weight:800;
}

#bo_v_img {
    margin-top:18px;
    text-align:center;
}

#bo_v_img img {
    max-width:100%;
    height:auto;
}

#bo_v_file ul {
    margin:0;
    padding:0;
    list-style:none;
    border-top:1px solid #ddd;
}

#bo_v_file li {
    padding:14px 16px;
    border-bottom:1px solid #eee;
}

#bo_v_file a {
    color:#333;
    font-size:14px;
    font-weight:700;
    text-decoration:none;
}

#bo_v_file a span {
    margin-left:8px;
    color:#999;
    font-weight:400;
}

#bo_v_file p {
    margin:5px 0 0;
    color:#888;
    font-size:13px;
}

.customer_view_nav {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin:24px 0 0;
    padding:0;
    list-style:none;
}

.customer_view_nav li {
    min-height:58px;
    border:1px solid #ddd;
    background:#fff;
}

.customer_view_nav li > a,
.customer_view_nav li > span {
    display:flex;
    flex-direction:column;
    justify-content:center;
    height:100%;
    padding:14px 18px;
    color:#444;
    font-size:14px;
    line-height:1.4;
    text-decoration:none;
    letter-spacing:-0.03em;
}

.customer_view_nav li span span,
.customer_view_nav li a span {
    margin-bottom:5px;
    color:#222;
    font-size:12px;
    font-weight:800;
}

.customer_view_nav .btn_next {
    text-align:right;
}

.list_back {
    margin-top:28px;
    text-align:center;
}

.list_back a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:140px;
    height:46px;
    padding:0 28px;
    background:#333;
    color:#fff;
    font-size:15px;
    font-weight:800;
    text-decoration:none;
    letter-spacing:-0.04em;
}


/* 완료페이지 */
.inquiry_complete {
    padding:60px 0 90px;
}

.complete_box {
    max-width:640px;
    margin:0 auto;
    padding:56px 30px;
    border:1px solid #ddd;
    background:#fff;
    text-align:center;
}

.complete_icon {
    display:flex;
    align-items:center;
    justify-content:center;
    width:62px;
    height:62px;
    margin:0 auto 22px;
    border-radius:50%;
    background:#3F3536;
    color:#fff;
}

.complete_icon span {
    font-size:30px;
    font-weight:800;
    line-height:1;
    color: #fff;
}

.complete_box h2 {
    margin:0 0 14px;
    font-size:30px;
    line-height:1.35;
    font-weight:800;
    color:#222;
    letter-spacing:-0.04em;
}

.complete_box p {
    margin:0;
    font-size:16px;
    line-height:1.7;
    color:#555;
    letter-spacing:-0.03em;
    word-break:keep-all;
}

.complete_btns {
    margin-top:30px;
}

.complete_btns a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:160px;
    height:50px;
    padding:0 30px;
    background:#3F3536;
    color:#fff;
    font-size:15px;
    font-weight:800;
    text-decoration:none;
    letter-spacing:-0.04em;
}


/* 반응형 */
@media (max-width:1024px) {
    .customer_list,
    .customer_view {
        padding:40px 0 70px;
    }

    .customer_list_head h3 {
        font-size:32px;
    }

    .customer_list_head p {
        font-size:16px;
    }

    .customer_list_top {
        align-items:flex-start;
        flex-direction:column;
    }

    .list_search {
        width:100%;
    }

    .list_search form {
        width:100%;
    }

    .list_search input[type="text"] {
        flex:1;
        width:auto;
    }

    .customer_table_wrap {
        overflow-x:auto;
    }

    .customer_table {
        min-width:920px;
    }

    .view_title_area {
        flex-direction:column;
    }

    .view_admin_btns {
        justify-content:flex-start;
    }


    .view_row {
        grid-template-columns:140px 1fr;
    }
}

@media (max-width:768px) {
    .customer_list,
    .customer_view {
        padding:32px 0 60px;
    }

    .customer_list_head{
        padding:10px 0 26px;
    }

    .customer_list_head h3{
        font-size:28px;
    }

    .customer_list_head p {
        font-size:15px;
        word-break:keep-all;
    }

    .customer_list_top {
        gap:14px;
        padding:14px 0;
    }

    .list_total {
        width:100%;
        display:flex;
        justify-content:space-between;
    }

    .list_search form {
        flex-wrap:wrap;
        gap:6px;
    }

    .list_search select {
        width:100%;
    }

    .list_search input[type="text"] {
        width:calc(100% - 76px);
        flex:none;
    }

    .list_search button {
        width:70px;
        padding:0;
    }

    .customer_admin_bar {
        justify-content:flex-start;
    }

    .admin_btns {
        width:100%;
    }

    .admin_btns a,
    .admin_btns button {
        flex:1;
        min-width:calc(50% - 3px);
    }

    .customer_table_wrap {
        overflow:visible;
        border-top:0;
        background:transparent;
    }

    .customer_table {
        min-width:0;
        display:block;
        width:100%;
    }

    .customer_table thead {
        display:none;
    }

    .customer_table tbody {
        display:block;
    }

    .customer_table tbody tr {
        display:block;
        position:relative;
        margin-bottom:10px;
        padding:16px 14px;
        border:1px solid #ddd;
        background:#fff;
    }

    .customer_table tbody td {
        display:block;
        height:auto;
        padding:0;
        border:0;
        text-align:left;
    }

    .customer_table .td_chk {
        position:absolute;
        right:14px;
        top:16px;
    }

    .customer_table .td_num {
        margin-bottom:8px;
        color:#999;
        font-size:13px;
    }

    .customer_table .td_name,
    .customer_table .td_phone,
    .customer_table .td_email,
    .customer_table .td_datetime {
        display:none;
    }

    .customer_table .td_subject {
        padding-right:30px !important;
    }

    .customer_table .bo_tit a {
        display:block;
        font-size:16px;
        white-space:normal;
        line-height:1.45;
    }

    .mobile_meta {
        display:flex;
        flex-wrap:wrap;
        gap:6px 12px;
        margin-top:10px;
        color:#888;
        font-size:13px;
    }

    .customer_paging {
        margin-top:22px;
    }

    .pg {
        flex-wrap:wrap;
    }

    .pg a,
    .pg strong {
        min-width:31px;
        height:31px;
        font-size:13px;
    }

    .customer_view_card {
        border-top:2px solid #222;
    }

    .view_title_area {
        gap:16px;
        padding:22px 0;
    }

    .view_title_area h4 {
        font-size:22px;
    }

    .view_admin_btns {
        width:100%;
    }

    .view_admin_btns a {
        flex:1;
        min-width:calc(50% - 3px);
    }

    .view_section {
        margin-top:24px;
    }

    .view_row {
        display:block;
    }

    .view_label {
        padding:14px 0 7px;
        background:transparent;
    }

    .view_cont {
        min-height:auto;
        padding:0 0 15px;
        font-size:15px;
    }

    .agree_tag {
        margin-bottom:5px;
    }

    .view_agree_result {
        min-height:54px;
        gap:10px;
    }

    .customer_view_nav {
        grid-template-columns:1fr;
    }

    .customer_view_nav .btn_next {
        text-align:left;
    }

    .list_back a {
        min-width:140px;
        height:46px;
        font-size:15px;
    }

    .inquiry_complete {
        padding:50px 0 70px;
    }

    .complete_box {
        padding:46px 22px;
    }

    .complete_icon {
        width:58px;
        height:58px;
        margin-bottom:20px;
    }

    .complete_icon span {
        font-size:28px;
    }

    .complete_box h2 {
        font-size:25px;
    }

    .complete_box p {
        font-size:15px;
    }

    .complete_btns a {
        min-width:150px;
        height:48px;
        font-size:15px;
    }
}

/* =========================================================
   Sub responsive patch
========================================================= */
.sub_cont_wrap .inner,
.sub_top .inner,
.customer_write,
.customer_list,
.customer_view {
    width: calc(100% - 48px);
    max-width: 1300px;
}

.sub_cont_wrap img { max-width: 100%; height: auto; }

@media (max-width: 1400px) {
    /* #bo_list{max-width: 90%;} */
    .sub_cont_wrap .inner, .sub_top .inner, .customer_write, .customer_list, .customer_view{max-width: 90%;}
}


@media (max-width: 1024px) {
    br.mo { display: block; }
    .sub_top { height: 320px; }
    .sub_top .inner { width: 100%; padding: 0 24px; }
    .sub_top .inner .tit p { font-size: 34px; }
    .sub_nav_wrap { height: 58px; left: 0; }
    .sub_nav_wrap ul > li { flex: 1 0 auto; min-width: 150px; }
    .sub_nav_wrap ul > li a { font-size: 15px; }

    .sub_cont_wrap .inner { width: calc(100% - 48px); padding: 62px 0 100px; }
    .sub_cont_wrap.environment .inner { padding-top: 78px; }

    .sub_cont_wrap.overview .table_wrap { margin-top: 48px; }
    .sub_cont_wrap.overview .table_wrap ul li span { width: 220px; }
    .sub_cont_wrap.overview .table_wrap ul li p { width: calc(100% - 220px); }

    .sub_cont_wrap.brand .link_btn a { font-size: 15px; }

    .sub_cont_wrap.location .location_wrap { padding: 52px 24px 64px; }
    .sub_cont_wrap.location .location_wrap .location_inner { width: 100%; max-width: 615px; }

    .sub_cont_wrap.environment .tit_wrap .tit span,
    .sub_cont_wrap.environment .tit_wrap .tit span b { font-size: 36px; }
    .sub_cont_wrap.environment .tit_wrap .tit p { font-size: 18px; word-break: keep-all; }
    .sub_cont_wrap.environment .img_wrap { margin-top: 48px; }

    .customer_write { width: calc(100% - 48px); max-width: 1300px; }
    .customer_card { margin-top: 42px; }
    .form_cont > input[type="text"],
    .address_group > input { width: 100%; }
    .phone_group input,
    .email_group input { width: min(180px, 100%); }
}

@media (max-width: 768px) {
    .sub_top { height: 240px; }
    .sub_top .inner { padding: 0 18px; }
    .sub_top .inner .tit { margin-bottom: 38px; }
    .sub_top .inner .tit p { font-size: 28px; }
    .sub_nav_wrap { height: 50px; }
    .sub_nav_wrap ul > li { min-width: 124px; }
    .sub_nav_wrap ul > li a { font-size: 14px; }

    .sub_cont_wrap .inner { width: calc(100% - 36px); padding: 46px 0 72px; }
    .sub_cont_wrap.environment .inner { padding-top: 56px; }
     .sub_cont_wrap.environment .img_wrap{position: relative;}
     .sub_cont_wrap.environment .mo_map_btn{display: block; position: absolute; top: 10%; left: 3%; width: 9%; height: 2%;}

    .sub_cont_wrap.brand .link_btn.one{top: 16%; left: 7%; }
    .sub_cont_wrap.brand .link_btn a{font-size: 10px;}

    .sub_cont_wrap.overview .table_wrap { margin-top: 32px; }
    .sub_cont_wrap.overview .table_wrap ul li {
        display: block;
        height: auto;
        border-bottom: 1px solid #cfcfcf;
    }
    .sub_cont_wrap.overview .table_wrap ul li span,
    .sub_cont_wrap.overview .table_wrap ul li p {
        width: 100%;
        min-height: 44px;
        height: auto;
        border-bottom: 0;
        font-size: 15px;
    }
    .sub_cont_wrap.overview .table_wrap ul li span {
        justify-content: flex-start;
        padding: 12px 14px;
    }
    .sub_cont_wrap.overview .table_wrap ul li p {
        padding: 24px 14px;
        line-height: 1.5;
    }
    .sub_cont_wrap.location .location_wrap { padding: 42px 18px 52px; }
    .sub_cont_wrap.location .tit_img img { width: 126px; }
    .sub_cont_wrap.location .map { margin-top: 34px; }
    .sub_cont_wrap.location .info_wrap ul{display: flex; flex-direction: column; gap: 12px;}
    .sub_cont_wrap.location .info_wrap ul li { display: block; }
    .sub_cont_wrap.location .info_wrap ul li span,
    .sub_cont_wrap.location .info_wrap ul li p { font-size: 15px; line-height: 1.55; }
    .sub_cont_wrap.location .info_wrap ul li p { margin-top: 4px; }
    .sub_cont_wrap.location .btn_wrap {
        flex-direction: column;
        height: auto;
        gap: 10px;
    }
    .sub_cont_wrap.location .btn_wrap a { height: 46px; font-size: 15px; }

    .sub_cont_wrap.environment .tit_wrap .eye_brow { font-size: 12px; padding-bottom: 14px; }
    .sub_cont_wrap.environment .tit_wrap .tit { margin-top: 20px; }
    .sub_cont_wrap.environment .tit_wrap .tit span,
    .sub_cont_wrap.environment .tit_wrap .tit span b { font-size: 20px; }
    .sub_cont_wrap.environment .tit_wrap .tit p { margin-top: 18px; font-size: 15px; }
    /* .sub_cont_wrap.environment .tit_wrap .tit p br { display: none; }
    .sub_cont_wrap.environment .tit_wrap .tit p br. { display: none; } */
    .sub_cont_wrap.environment .img_wrap { margin-top: 32px; }

    .customer_write,
    .customer_list,
    .customer_view { width: calc(100% - 36px); }
    .customer_head p,
    .customer_head p b { font-size: 20px; }
    .customer_card { margin-top: 30px; padding: 0; }
    .form_table { border-top-width: 2px; }
    .form_row,
    .form_row.address_row {
        display: block;
        height: auto;
        padding: 15px 0;
    }
    .form_label {
        width: 100%;
        height: auto;
        justify-content: flex-start;
        padding: 0 0 8px;
        background: transparent;
        border: 0;
        font-size: 15px;
        font-weight: 600;
    }
    .form_cont { display: block; height: auto; padding: 0; }
    .customer_write input[type="text"],
    .customer_write input[type="password"],
    .customer_write select { width: 100%; font-size: 15px; }
    .phone_group,
    .email_group,
    .zipcode_line,
    .check_group { flex-wrap: wrap; gap: 4px; }
    .phone_group select { width: 24%; min-width: 24%; }
    .phone_group input[type="text"] { width: calc((100% - 32px) / 3); min-width: 0; }
    .phone_group span,
    .email_group span { width: 8px; text-align: center; }
    .email_group span { width: fit-content;}
    .email_group input[type="text"] { width: calc((100% - 26px) / 2); min-width: 0; }
    .email_group select { width: 100%; min-width: 100%; }
    .zipcode_line input { width: calc(100% - 112px); }
    .zipcode_line button { width: 104px; padding: 0; }
    .check_group label { width: calc(50% - 4px); }
    .company_notice { display: block; padding: 16px; }
    .company_notice p,
    .company_notice p b { font-size: 14px; line-height: 1.6; }
    .agree_title { font-size: 19px; }
    .agree_box { height: auto; min-height: 56px; gap: 20px; padding: 12px; }
    .agree_box span { font-size: 15px; }
    .all_agree_box { justify-content: center; margin-top: 36px; }
    .all_agree_box label { width: 100%; max-width: 280px; }
    .btn_confirm { margin-top: 52px; }
    .agree_section + .agree_section{margin-top: 72px;}
}
@media (max-width: 475px) {
    .sub_top .inner:has(.sub_nav_wrap) .tit{margin-bottom: 0; margin-top: 15px;}
    .sub_top .inner .tit{margin-bottom: 0; margin-top: 45px;}
}
@media (max-width: 390px) {
    .sub_top .inner .tit p { font-size: 25px; }
    .phone_group input { width: calc((100% - 26px) / 3); padding: 0 8px; }
    .email_group input { width: 100%; }
    .check_group label { width: 100%; }
}