.board_top {position:relative;background-size: cover !important ; text-align: center; padding:100px 20px 300px}
.board_top * {color:#fff;}
.interior_washing {background: url('../img/board/interior_washing_top.png') no-repeat center center;}
.bidding_top {background: url('../img/board/bidding_top.png') no-repeat center center;}

.board_top h4 {font-size: 13px; font-weight: 300; line-height: normal; padding-bottom:10px}
.board_top h3 {font-size: 30px; font-weight: 600; line-height: normal; }
.board_top h5 {font-size: 22px; font-weight: 500; line-height: 150%;  padding:100px 0px 15px}
.board_top h5 b{font-weight: 700;}
.board_top p {font-size: 15px; font-weight: 300; line-height: 150%; }

.interior_washing .ul_img {position: absolute; bottom: -200px; left: 50%; transform: translateX(-50%); width: 100%; max-width: 1400px; margin: 0 auto;}
.interior_washing .ul_img ul {display: flex;  gap: 20px;}
.interior_washing .ul_img ul li {width:33.3%}
.interior_washing .ul_img ul li img {width: 100%; height: auto;}

.interior_washing .ul_img .board_info {color: #555; text-align: center; font-size: 15px; font-weight: 300; padding-top: 10px;}


#page_title {display:flex; flex-direction: column; align-items: center;  justify-content: center; height:210px; background:#808080}
#page_title p {color: #FFF; font-size:13px; font-weight:300; text-align: center; padding-bottom:10px}
#page_title h3 {color: #FFF; font-size:30px; font-weight:600; text-align: center;}


#page_title.info_title {background:transparent}
#page_title.info_title p {color: #03240F}
#page_title.info_title h3 {color: #03240F}

#content {padding:40px; background:#fff; border-radius:10px; position: relative; top: -40px;}
#content iframe {border:0px; width:100%; height:60vh}


#privacy {font-size:15px; line-height: 150%; color:#222; font-weight:400; padding:20px 0px 100px;}
#privacy b {font-weight:600}


.tab_menu {display: flex; gap:10px; padding-bottom:20px; border-bottom: 1px solid #Ccc;}
.tab_menu li a {border-radius: 10px; border: 1px solid #CECECE; color:#03240F; font-size: 14px; font-weight: 500; padding: 10px; text-align: center; width: 210px; display: block; transition: all 0.5s;}
.tab_menu li a.on {color: #fff; background: #03240F; border: 1px solid #03240F;}
.tab_menu li a:hover {color: #fff; background: #03240F; border: 1px solid #03240F; }

@media (max-width: 1440px) {
    #privacy {padding:20px 20px 100px}
    .tab_menu {padding:0px 20px 20px}
     .tab_menu li a {width: 180px;}
}

@media (max-width:724px) {
    .tab_menu li a {font-size: 12px; font-weight: 500; padding: 10px 40px;  width:auto}
}


.btn_write  {
    color: #fff; 
font-size: 13px;
font-weight: 600;
display: flex;
    align-items: center;
    gap:10px;
}
.btn_write span {display: flex;
width: 15px;
height: 15px;
padding: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;border-radius: 50px;
background: #FFF;
color: #03240F;
text-align: center;
font-family: "Spoqa Han Sans Neo";
font-size: 10px;
font-weight: 400;
}
#quick{
  position: fixed;
  border-radius:10px;
  padding:15px 10px;
  text-align:center;
  z-index:90;
  filter: drop-shadow(0 4px 30px rgba(0, 0, 0, 0.05));
  background:#fff;

  right: 24px;   /* ✅ -55px 말고 보이게 */
  bottom: 30px;  /* ✅ bottom 기준 유지 */
}
#quick ul li:nth-child(2){padding:15px 0}
#quick button{border:0; text-align:center;}

#quick.is-stop{
  position: absolute;
}

#top_btn:hover {}
.text-left {text-align: left !important;     align-items: flex-start !important; padding:0px 20px}
/* padding, margin */
.pt_10 {padding-top:10px}
.pt_20 {padding-top:20px}  
.pt_30 {padding-top:30px}    
.pt_40 {padding-top:40px}      
.pt_50 {padding-top:50px}
.pt_100 {padding-top:100px}
.pt_150 {padding-top:150px}
.pt_200 {padding-top:200px}
/* 글쓰기 */
.bo_w_wrap {border-radius: 10px; background: #FFF; box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.05); padding:80px 15% ;}
.board_tit {color: #222; text-align: center; font-size: 22px; font-weight: 700;line-height: 170%; /* 37.4px */ padding-bottom: 100px;}
.write_div.write_div_two {display: flex;    justify-content: space-between}
.bo_w_sub_tit {color: #03240F;  font-family: "Spoqa Han Sans Neo";  font-size: 13px;  font-weight: 400;   line-height: 170%;}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   개비공 안내 페이지
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.iv-page { width: 100%; }
.iv-inner { max-width: 1400px; margin: 0 auto; padding: 0 20px; }

/* ── 1. Hero ── */
.iv-hero {
    background: url('../img/info/info_bg_01.png') no-repeat center ;
    background-size: 100% auto;
    text-align: center;
    padding: 60px 20px 0;
}
.iv-hero h2 {
    color: #222;
    font-size: 40px;
    font-weight: 700;
    line-height: 150%;
}
.iv-hero > .iv-inner > p {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    padding-top: 20px;
}
.iv-hero-img {
    max-width: 780px;
    margin: 50px auto 150px;
}
.iv-hero-img img { width: 100%; height: auto; }

/* ── 2. 이런 원장님들을 위해 ── */
.iv-doctors {
    padding: 150px 20px;
    background-size: cover !important;
}
.iv-doctors h2 {
    color: #FFF;
    text-align: center;
    font-size: 25px;
    font-weight: 600;
    line-height: 150%;
    padding-bottom: 40px;
}
.iv-doctors-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    max-width: 1400px;
    margin: 0 auto;
}
.iv-doctors-card {
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.18);
    padding: 40px 20px;
    text-align: center;
}
.iv-doctors-card h4 {
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    line-height: 150%;
    padding-bottom: 12px;
}
.iv-doctors-card p {
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

/* ── 3. 취약한 지점 해결 ── */
.iv-solve {
    padding: 150px 20px;
    background: #F8F8F8;
}
.iv-solve > .iv-inner > h2 {
    color: #222;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    line-height: 150%;
    padding-bottom: 50px;
}
.iv-solve-wrap {
    display: flex;
    align-items: stretch;
    gap: 0;
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
}
.iv-solve-box {
    flex: 1;
    border-radius: 10px;
    padding: 50px 35px;
}
.iv-solve-box.left {
    background: #FFF;
}
.iv-solve-box.right {
    border: 2px solid #03240F;
    background: #03240F;
    color: #fff;
}
.iv-solve-box .iv-solve-icon {
    width: 80px;
    height: 80px;
    margin: 0px auto 20px;
    
    
}
.iv-solve-box .iv-solve-icon img { width: 100%; height: auto; }
.iv-solve-box h3 {
    color: #444;
    font-size: 26px;
    font-weight: 700;
    line-height: 150%;
    padding-bottom: 30px;
    text-align: center;
}
.iv-solve-box.right h3 { color: #fff;  
    text-align: center;}
.iv-solve-box ul {
    list-style: none;
    padding: 0;
}
.iv-solve-box ul li {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 170%;
    padding: 3px 0;
}
.iv-solve-box ul li::before {
    content: '· ';
    font-weight: 700;
}
.iv-solve-box.right ul li::before {
    content: none;
}
.iv-solve-box.left ul li { color: #555; }
.iv-solve-box.right ul li { color: rgba(255,255,255,0.85); }

.iv-solve-arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    flex-shrink: 0;
}
.iv-solve-arrow-circle {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    font-size:18px;
}
.iv-solve-arrow-circle svg { width: 24px; height: 24px; }

/* ── 4. 핵심 서비스 아코디언 ── */
.iv-services {
    padding: 100px 20px;
}
.iv-services > .iv-inner > h2 {
    color: #222;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    line-height: 150%;
    padding-bottom: 50px;
}
.iv-accordion {
    max-width: 1400px;
    margin: 0 auto;
}
.iv-acc-item {
    border-top: 1px solid #CACACA;
}
.iv-acc-item:last-child {
    border-bottom: 1px solid #CACACA;
}
.iv-acc-header {
    display: grid;
    padding: 24px 10px;
    cursor: pointer;
    gap: 20px;
	align-items:center;
	    grid-template-columns: 60px 1fr 1fr 30px;
}
.iv-acc-num {
    color: #555;
    font-size: 34px;
    font-weight: 200;
    line-height: 150%;
    flex-shrink: 0;
    width: 60px;
}
.iv-acc-title {
    color: #222;
    font-size: 28px;
    font-weight: 700;
    line-height: 150%;
    flex: 1;
}
.iv-acc-thumb {
    width: 120px;
    height: 70px;
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 0;
    opacity: 1;
    
}

.iv-flex {display:flex; margin-left:50px;     flex-direction: column;
    justify-content: space-between;}

.iv-acc-thumb_img01 {background: url('../img/info/info_img_02.png') no-repeat; background-size:cover; width: 100%;}
.iv-acc-thumb_img02 {background: url('../img/info/info_img_03.png') no-repeat; background-size:cover; width: 100%;}
.iv-acc-thumb_img03 {background: url('../img/info/info_img_04.png') no-repeat; background-size:cover; width: 100%;}
.iv-acc-thumb_img04 {background: url('../img/info/info_img_05.png') no-repeat; background-size:cover; width: 100%;}
.iv-acc-thumb_img05 {background: url('../img/info/info_img_06.png') no-repeat; background-size:cover; width: 100%;}

.iv-acc-item.active .iv-acc-header {align-items: stretch;}

.iv-acc-thumb img { opacity: 0;}
.iv-acc-item.active .iv-acc-thumb { height:100%}
.iv-acc-item.active .iv-acc-thumb img {display:block;}
.iv-acc-item.active .iv-acc-thumb {display:block;    overflow: hidden; height:100%}
.iv-acc-item.active .iv-acc-thumb  img {opacity: 1; width: 100%; height: 100%; object-fit: cover; }
.iv-acc-thumb img { width: 50%; object-fit: cover; }
.iv-acc-toggle {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    width: 24px;
}
.iv-acc-toggle .icon-plus { display: block; }
.iv-acc-toggle .icon-minus { display: none; }
.iv-acc-item.active .iv-acc-toggle .icon-plus { display: none; }
.iv-acc-item.active .iv-acc-toggle .icon-minus { display: block; }

.iv-acc-body {
    max-height: 0;
    overflow: hidden;
/*   transition: max-height 0.45s ease, opacity 0.35s ease; */
    opacity: 0;
}
.iv-acc-item.active .iv-acc-body {
    max-height: 600px;
    opacity: 1;
}
.iv-acc-body-inner {
    display: flex;
    gap: 40px;
    padding-top: 50px;
}
.iv-acc-text {
    flex: 1;
    align-self: flex-end;
}
.iv-acc-text h4 {
    color: #222;
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    padding-bottom: 12px;
}
.iv-acc-text p {
    color: #222;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}
.iv-acc-img {
    flex-shrink: 0;
    width: 45%;
    border-radius: 12px;
    overflow: hidden;
}
.iv-acc-img img { width: 100%; height: 100%; object-fit: cover; }

/* ── 5. 무엇이 다를까 ── */
.iv-diff {
    padding: 100px 20px;
    background: url('../img/info/info_bg_03.png') no-repeat center center;
    background-size: cover;
}
.iv-diff-wrap {
    display: flex;
    gap: 60px;
   /* align-items: center; */
}
.iv-diff-left {
    flex-shrink: 0;
    width: 240px;
}
.iv-diff-left h2 {
    color: #FFF;
    font-size: 30px;
    font-weight: 600;
    line-height: 150%;
}
.iv-diff-grid {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
}
.iv-diff-card {
/*    background: rgba(255,255,255,0.1);
    border-radius: 12px;
    padding: 28px 24px;
    border: 1px solid rgba(255,255,255,0.12); */
}
.iv-diff-card .quote {
    color: #FFF;
    font-size: 24px;
    font-weight: 700;
    line-height: 150%;
    padding-bottom: 4px;
}
.iv-diff-card h4 {
    color: #FFF;
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    padding-bottom: 8px;
    display: inline-block;
}
.iv-diff-card p {
    color: #FFF;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%;
    opacity: 0.8;
}

/* ── 6. 실제 사례 ── */
.iv-cases {
    padding: 100px 20px;
    background: #F7F8F7;
}
.iv-cases-wrap {
    display: flex;
    gap: 40px;
    align-items: flex-start;
}
.iv-cases-left {
    flex-shrink: 0;
    width: 420px;
    padding-top: 20px;
}
.iv-cases-left h2 {
    color: #222;
    font-size: 30px;
    font-weight: 600;
    line-height: 140%;
    padding-bottom: 20px;
}
.iv-cases-left > p {
    color: #222;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    padding-bottom: 24px;
}
.iv-cases-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 15px;
    border-radius: 80px;
    background: #DDD;
    color: #03240F;
    font-size: 15px;
    font-weight: 400;
    line-height: 170%;
    text-decoration: none;
    transition: background 0.2s;
}
.iv-cases-link:hover { background: #ccc; }

.iv-cases-right {
    flex: 1;
    display: flex;
    gap: 20px;
	    flex-direction: column;
}
.iv-case-card {
    flex: 1;
    border-radius: 10px;
    box-shadow: 0 4px 30px 0 rgba(0,0,0,0.05);
    overflow: hidden;
    display: flex;
    align-items: flex-end;
}
.iv-case-card.light { background: #FFF; margin-right: 50px;}
.iv-case-card.dark  { background: #03240F; margin-left: 50px;}
.iv-case-card.dark * { color: #fff; }

.iv-case-main {
    flex: 1;
    padding: 30px 28px;
}
.iv-case-main h4 {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    line-height: 150%;
    padding-bottom: 14px;
}
.iv-case-card.dark .iv-case-main h4 { color: #fff; }
.iv-case-main .iv-case-problem {
    color: #000;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%;
    padding-bottom: 16px;
}
.iv-case-card.dark .iv-case-problem { color: rgba(255,255,255,0.85); }
.iv-case-main .iv-case-solution {
    list-style: none;
    padding: 0;
}
.iv-case-main .iv-case-solution li {
    color: #222;
    font-size: 17px;
    font-weight: 300;
    line-height: 150%;
    padding: 2px 0;
}
.iv-case-card.dark .iv-case-solution li { color: rgba(255,255,255,0.75); }

.iv-case-result {
    flex-shrink: 0;
    width: 222px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px 30px;
	margin-bottom:20px;
}
.iv-case-card.light .iv-case-result {
    border-radius: 10px 0px 0px 10px;
    background: rgba(3, 36, 15, 0.20);
}
.iv-case-card.dark .iv-case-result {
    border-radius: 10px 0 0  10px;
    background: rgba(255, 255, 255, 0.20);
}
.iv-case-result span {
    color: #03240F;
    font-size: 15px;
    font-weight: 400;
    line-height: 130%;
    display: block;
    padding-bottom: 6px;
}
.iv-case-card.dark .iv-case-result span { color: rgba(255,255,255,0.9); }
.iv-case-result strong {
    color: #03240F;
    font-size: 20px;
    font-weight: 600;
    line-height: 130%;
}
.iv-case-card.dark .iv-case-result strong { color: #fff; }

/* ── 반응형 ── */
@media (max-width: 1200px) {
    .iv-doctors-grid { grid-template-columns: repeat(2, 1fr); }
    .iv-diff-grid { grid-template-columns: repeat(2, 1fr); }
    .iv-cases-wrap { flex-direction: column; }
    .iv-cases-left { width: 100%; }
    .iv-cases-right { width: 100%; }
}
@media (max-width: 768px) {
    .iv-hero h2 { font-size: 28px; }
    .iv-hero > .iv-inner > p { font-size: 15px; }
    .iv-doctors-grid { grid-template-columns: 1fr; }
    .iv-solve-wrap { flex-direction: column; }
    .iv-solve-arrow { transform: rotate(90deg); padding: 16px 0; }
    .iv-acc-title { font-size: 20px; }
    .iv-acc-num { font-size: 24px; width: 40px; }
    .iv-acc-body-inner { flex-direction: column; }
    .iv-acc-text { padding-left: 0; }
    .iv-acc-img { width: 100%; }
    .iv-diff-wrap { flex-direction: column; }
    .iv-diff-left { width: 100%; text-align: center; }
    .iv-diff-grid { grid-template-columns: 1fr; }
    .iv-cases-right { flex-direction: column; }
    .iv-case-card { flex-direction: column; }
    .iv-case-result { width: 100%; border-radius: 0 0 10px 10px !important; padding: 16px; flex-direction: row; gap: 8px; }
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   비딩 Step 4 공간구성 및 동선
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.bw-group-title {
    font-size: 14px;
    font-weight: 600;
    color: #1a3a2a;
    padding: 20px 0 10px;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 4px;
    margin-top: 8px;
}

.bw-space-grid {
    display: flex;
    flex-direction: column;
}
.bw-space-grid .bwf {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
    padding: 11px 0;
}
.bw-space-grid .bwf > label {
    min-width: 170px;
    flex-shrink: 0;
    font-size: 13px;
    color: #555;
    padding-top: 7px;
    line-height: 1.4;
}
.bw-space-grid .bwf > label small {
    display: block;
    color: #999;
    font-size: 11px;
    font-weight: 400;
    margin-top: 2px;
}
.bw-space-grid .bwf > label br {
    display: none;
}

/* 제안서 선정 상태 뱃지 */
.status-badge.badge-rejected {
    background: #f5e6e6;
    color: #c62828;
}
.status-badge.badge-selected {
    background: #03240F;
    color: #fff;
}
.status-badge.badge-final {
    background: #e67e22;
    color: #fff;
}

/* 파일 업로드 도움말 */
.bwf-help {
    font-size: 12px;
    color: #999;
    margin-top: 4px;
    line-height: 1.5;
}

/* view 그룹 타이틀 */
.bv-group-title {
    font-size: 14px;
    font-weight: 600;
    color: #1a3a2a;
    padding: 20px 0 10px;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 4px;
    margin-top: 8px;
}

/* 기타 파일 추가 버튼 */
.btn-add-extra-file {
    background: #f5f7f5;
    border: 1px dashed #aaa;
    border-radius: 6px;
    padding: 8px 20px;
    font-size: 13px;
    color: #555;
    cursor: pointer;
    transition: background .2s, border-color .2s;
}
.btn-add-extra-file:hover {
    background: #e8ede8;
    border-color: #888;
}

@media (max-width: 768px) {
    .bw-space-grid .bwf {
        flex-direction: column;
        gap: 4px;
    }
    .bw-space-grid .bwf > label {
        min-width: auto;
        padding-top: 0;
    }
}


.mobile_menu {display:none}

@media (max-width: 1024px) {
    .mobile_menu {display:block}
    .mobile_menu  i {font-size: 22px;   cursor: pointer;}
}