@charset "utf-8";

:root {
    --red : #c5000a;
}


/* Top Search */
.list-tsearch { border:1px solid #ddd; background:#fafafa; padding:20px 15px 3px; margin-bottom:15px; }

/* Category */
.list-category .tabs { margin-bottom:20px; }
.list-category .dropdown { margin-bottom:20px; }
.list-category .active a, .list-category .selected a { color:crimson; font-weight:bold !important; }

/* List */
.list-wrap { width:100%; }
.list-admin { text-align:center; margin:15px 0px; }
.list-btn .sort-drop { min-width:120px !important; left:auto !important; right:0px !important; }
.list-btn .sort-drop .sort a { color:crimson !important; font-weight:bold !important; }
.is-pc .ko .list-btn .sort-drop { font-size: 12px; }

/* Page */
.list-wrap .pagination a, .view-wrap .pagination a { color:#333 !important; }
.list-wrap .pagination .active a, .view-wrap .pagination .active a { color:#fff !important; background:#444 !important; border-color:#444 !important; }

/* View */
.view-wrap { width:100%; overflow:hidden; }
.view-wrap.view-modal { padding:5px; margin:0px; }
.view-btn { margin:0px 0px 30px; }
.view-btn i { margin-right:2px; }

/* Write */
.write-wrap { width:100%; /*overflow:hidden;*/ }

@media all and (max-width:460px) {
	.responsive .view-btn i { margin-right:0px; }
}

/* 올던 작성페이지 */
.info_box {margin-bottom: 80px;}
.info_box .info_gray {font-size: 18px; line-height: 1.65; color: #666666; }
.info_box .info_gray.ig_1 {margin-bottom: 21px;}

@media (max-width:991px) {
    .info_box {margin-bottom: clamp(57px,8.072653884964682vw,80px);}
    .info_box .info_gray {font-size: clamp(14px,1.816347124117053vw,18px);}
    .info_box .info_gray.ig_1 {margin-bottom: clamp(15px,2.119071644803229vw,21px); }
}


#bo_w.all_custom .inquiry_board {margin-bottom: 60px;}
@media (max-width:991px) {
    #bo_w.all_custom .inquiry_board {margin-bottom: clamp(35px, 6.054490413723512vw ,60px);}

}

#bo_w.all_custom .board_label {display: flex; gap: 0 5px; align-items:flex-start; margin-bottom: 25px;}
#bo_w.all_custom .wr_title {font-weight: 500; font-size: 20px; color: #222222;}
#bo_w.all_custom .nec_red {font-weight: 500; font-size: 20px; color: var(--red);}

@media (max-width:991px) {
    #bo_w.all_custom .board_label {gap: 0 3px; margin-bottom: 20px;}
    #bo_w.all_custom .wr_title, #bo_w.all_custom .nec_red {font-size: clamp(15px,2.018163471241171vw ,20px)}
}



#bo_w.all_custom .type_radio {display: flex; gap: 0 30px;}

/* 꾸미고 싶은 공간 */
#bo_w.all_custom .type_radio.board_c1 {gap: 0 35px;}

@media (max-width:991px) {
    #bo_w.all_custom .type_radio.board_c1 {gap: unset; justify-content: space-between;}
}


/* input radio checkbox 디자인 커스텀 */
#bo_w.all_custom .radio-group input {display: none;}
#bo_w.all_custom .radio-group input + label {position: relative; padding-left: 30px;}
#bo_w.all_custom .radio-group input + label::after {position: absolute; content: ''; top: 50%; left: 1px; transform: translateY(-50%); width: 18px; height: 18px; border-radius: 50%; border: 1px solid #dcdcdc;  box-sizing: border-box; background: #fff; }
#bo_w.all_custom .radio-group input:checked + label::after {background: var(--red); border: 6px solid #fff; box-shadow: 0 0 0 1px #dcdcdc;}
#bo_w.all_custom .radio-group .board_radio {font-size: 18px; color: #222222;}
@media (max-width:991px) {
    #bo_w.all_custom .radio-group input + label {padding-left: 22.5px;}
    #bo_w.all_custom .radio-group input + label::after {width: 13.5px;height: 13.5px; }
    #bo_w.all_custom .radio-group input:checked + label::after {border: 4px solid #fff;}
    #bo_w.all_custom .radio-group .board_radio {font-size: clamp(14px,1.816347124117053vw ,18px);}
}

/* 구매희망가구 */
#bo_w.all_custom .board_c2 {display: flex; flex-wrap:wrap;}
#bo_w.all_custom .board_c2 .checkbox-group {position: relative;  width: 12.5%; border: 1px solid #dcdcdc; margin-left: -1px; background: #fff;}
#bo_w.all_custom .board_c2 .checkbox-group.on {border:1px solid var(--red); outline:1px solid var(--red); z-index: 1;}
#bo_w.all_custom .board_c2 .checkbox-group:first-child {margin-left: 0;}
#bo_w.all_custom .board_c2 .checkbox-group input[type='checkbox'] {display: none;}
#bo_w.all_custom .board_c2 .checkbox-group input[type='checkbox'] + label {position: relative; display: block; width: 100%; height: auto; padding-bottom: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; }
#bo_w.all_custom .board_c2 .checkbox-group:nth-child(1) input[type='checkbox'] + label  {background-image: url(/img/write1.jpg);}
#bo_w.all_custom .board_c2 .checkbox-group:nth-child(2) input[type='checkbox'] + label {background-image: url(/img/write2.jpg);}
#bo_w.all_custom .board_c2 .checkbox-group:nth-child(3) input[type='checkbox'] + label {background-image: url(/img/write3.jpg);}
#bo_w.all_custom .board_c2 .checkbox-group:nth-child(4) input[type='checkbox'] + label {background-image: url(/img/write4.jpg);}
#bo_w.all_custom .board_c2 .checkbox-group:nth-child(5) input[type='checkbox'] + label {background-image: url(/img/write5.jpg);}
#bo_w.all_custom .board_c2 .checkbox-group:nth-child(6) input[type='checkbox'] + label {background-image: url(/img/write6.jpg);}
#bo_w.all_custom .board_c2 .checkbox-group:nth-child(7) input[type='checkbox'] + label {background-image: url(/img/write7.jpg);}
#bo_w.all_custom .board_c2 .checkbox-group:nth-child(8) input[type='checkbox'] + label {background-image: url(/img/write8.jpg);}


#bo_w.all_custom .board_c2 .checkbox-group input[type='checkbox'] + label span {position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);  font-size: 16px; white-space: nowrap; color: #222222;}



@media (max-width:991px) {
    #bo_w.all_custom .board_c2 .checkbox-group {width: 25%; margin-left:0; border: none; outline: 1px solid #dcdcdc;}
    #bo_w.all_custom .board_c2 .checkbox-group.on {border: none; outline: 1px solid var(--red); }

    #bo_w.all_custom .board_c2 .checkbox-group:nth-child(1) input[type='checkbox'] + label      {background-image: url(/img/mwrite1.jpg);}
    #bo_w.all_custom .board_c2 .checkbox-group:nth-child(2) input[type='checkbox'] + label  {background-image: url(/img/mwrite2.jpg);}
    #bo_w.all_custom .board_c2 .checkbox-group:nth-child(3) input[type='checkbox'] + label  {background-image: url(/img/mwrite3.jpg);}
    #bo_w.all_custom .board_c2 .checkbox-group:nth-child(4) input[type='checkbox'] + label  {background-image: url(/img/mwrite4.jpg);}
    #bo_w.all_custom .board_c2 .checkbox-group:nth-child(5) input[type='checkbox'] + label  {background-image: url(/img/mwrite5.jpg);}
    #bo_w.all_custom .board_c2 .checkbox-group:nth-child(6) input[type='checkbox'] + label  {background-image: url(/img/mwrite6.jpg);}
    #bo_w.all_custom .board_c2 .checkbox-group:nth-child(7) input[type='checkbox'] + label  {background-image: url(/img/mwrite7.jpg);}
    #bo_w.all_custom .board_c2 .checkbox-group:nth-child(8) input[type='checkbox'] + label  {background-image: url(/img/mwrite8.jpg);}


    #bo_w.all_custom .board_c2 .checkbox-group input[type='checkbox'] + label span {bottom: 10px; font-size: clamp(11px,1.614530776992936vw,16px);}
}




/*선호하는 스타일 */
.inquiry_flex {display: flex; gap: 0 40px;}
.inquiry_flex .inquiry_board {width:calc((100% - 40px)/2)}
.inquiry_flex .inquiry_board .board_c3 {width: 82%; display: grid; grid-template-columns: repeat(4, 1fr); gap:20px 30px; white-space:nowrap;}



@media (max-width:991px) {
    .inquiry_flex {flex-direction: column; gap: clamp(35px, 6.054490413723512vw ,60px); margin-bottom: clamp(35px, 6.054490413723512vw ,60px);}
    #bo_w.all_custom .inquiry_flex .inquiry_board {width: 100%; margin-bottom: 0; }
    .inquiry_flex .inquiry_board .board_c3 {width: 100%; display: flex; flex-wrap: wrap; gap: clamp(18px,3.027245206861756vw,30px) clamp(25px,3.027245206861756vw,30px); }


    #bo_w.all_custom .type_radio {flex-wrap: wrap; gap: clamp(18px,3.027245206861756vw,30px) clamp(25px,3.027245206861756vw,30px); }

}



/* 예산 */
#bo_w.all_custom .type_radio.board_c7 {flex-direction: column; gap:20px 0;}
#bo_w.all_custom .type_radio.board_c7 .money_div {display: flex; flex-wrap: wrap; gap: 30px;}

/* 직접입력 */
#bo_w.all_custom .type_radio.board_c7 .budget_input {display: flex; gap: 0 14px; align-items: center;}

#bo_w.all_custom .type_radio.board_c7 .budget_input .else input + label {padding-left: 0;}
#bo_w.all_custom .type_radio.board_c7 .budget_input .else input + label::after {display: none;}
#bo_w.all_custom .type_radio.board_c7 .money-group {position: relative; display: flex; gap: 0 46px; width: calc(100% - 111px); }
#bo_w.all_custom .type_radio.board_c7 .money-group::after {content: '~'; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);font-size: 20px; color: #222222;}
#bo_w.all_custom .type_radio.board_c7 .money-group > div {width: calc((100% - 46px)/2);}

#bo_w.all_custom .type_radio.board_c7 .money-group input {width: 100%; border: 1px solid #dcdcdc; padding: 16px 20px; font-size: 14px; color: #222222;}

@media (max-width:991px) {
    /* 예산 */
    #bo_w.all_custom .type_radio.board_c7 {gap:clamp(10px,2.018163471241171vw,20px) 0;}
    #bo_w.all_custom .type_radio.board_c7 .money_div { gap: clamp(18px,3.027245206861756vw,30px) clamp(25px,3.027245206861756vw,30px);}

    #bo_w.all_custom .type_radio.board_c7 .budget_input .budget_f {width: 100px;}

    #bo_w.all_custom .type_radio.board_c7 .money-group {width: calc(100% - 114px); gap: 0 30px;}
    #bo_w.all_custom .type_radio.board_c7 .money-group > div {width: calc((100% - 30px)/2);}
    #bo_w.all_custom .type_radio.board_c7 .money-group input {padding:clamp(8px,1.614530776992936vw,16px) clamp(12.5px,2.018163471241171vw,20px); font-size: clamp(12px,1.412714429868819vw,14px);}
}

@media (max-width:767px) {
    #bo_w.all_custom .type_radio.board_c7 .budget_input .budget_f {width: 75px;} 
    #bo_w.all_custom .type_radio.board_c7 .money-group {width: calc(100% - 89px);}
}

/* input[type='text'] */
#bo_w.all_custom .type_text input[type='text'] {width: 100%; border: 1px solid #e1e1e1;padding: 16px 20px;font-size: 16px; color: #222222;}
#bo_w.all_custom .type_text input[type='text']::placeholder {color: #aaaaaa;}
#bo_w.all_custom .board_address .addr_2 {position: relative; margin-bottom: 10px;}
#bo_w.all_custom .board_address .addr_2 .addr_btn {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; border: none;}



@media (max-width:991px) {
    #bo_w.all_custom .board_address .addr_2 {margin-bottom: 8px;}
    #bo_w.all_custom .type_text input[type='text'] {padding:clamp(11.75px,1.614530776992936vw,16px)  clamp(12.5px,2.018163471241171vw,20px); font-size: clamp(12px,1.412714429868819vw,14px);}
}


#bo_w.all_custom .answer {display: flex; padding-top: 5px; padding-bottom: 15px;}
#bo_w.all_custom .answer .file_input {max-width: 260px;}
#bo_w.all_custom .answer .file_input .row .file_content > label {font-family: 'Pretendard' !important;background-color:#222222;width: 95px;height: 35px;line-height: 35px;border-radius: 5px;color: #fff;font-size: 16px;}
#bo_w.all_custom .answer .file_input .row .file_content > div.right_file {width: calc(100% - 95px);}
#bo_w.all_custom .answer .file_input .row .file_content > div.right_file input {font-family: 'Pretendard' !important;color: #666;height: 35px;line-height: 35px;font-size: 16px;border: none;padding-left: 20px;}
#bo_w.all_custom .answer .file_input .row .file_content > div.right_file input::placeholder {color: #666;}
#bo_w.all_custom .answer .file_control {margin-left: 0px;margin-bottom: 0px;}
#bo_w.all_custom .answer .file_control .form-control-static {line-height: 35px;color: #aaa;font-size: 16px;}
#bo_w.all_custom .answer .file_control .form-control-static span {margin-right: 6px;}
#bo_w.all_custom .answer .file_control .form-control-static img {margin-right: 7px;display: inline-block;}


#bo_w.all_custom .inquiry_board .answer_content {background: transparent; border: 1px solid #e1e1e1; border-radius: 0;}
#bo_w.all_custom .inquiry_board .answer_content textarea {background: transparent;}

#bo_w.all_custom  .check-box .privacy_box,
#bo_w.all_custom .well_box .well {border-radius: 0 !important;}

#bo_w.all_custom .files_p {position: relative; padding-left: 10px; font-size: 16px; color: #aaa; line-height: 1.5;}
#bo_w.all_custom .files_p::after {content: '*'; position: absolute; top: 0; left: 0; font-size: 16px; color: #aaa;}
#bo_w.all_custom .files_p.fp1 {margin-bottom: 6px;}

@media (max-width:991px) {
    #bo_w.all_custom  .inquiry_box.file_box {margin-bottom: 0;}
    #bo_w.all_custom .answer {flex-direction: column; gap: 6px 0; padding-top: 0; padding-bottom: 0;} 
    #bo_w.all_custom .answer .file_input .row .file_content {margin-bottom: 6px;}
    #bo_w.all_custom .answer .file_input .row .file_content > label {font-size: 13px;height: 28.5px;line-height: 28.5px;width: 77.5px;border-radius: 2.5px;}
    #bo_w.all_custom .answer .file_input .row .file_content > div.right_file {width: calc(100% - 77.5px);}
    #bo_w.all_custom .answer .file_input .row .file_content > div.right_file input {font-size: 13px;height: 28.5px;line-height: 28.5px;padding-left: 15px;}
    #bo_w.all_custom .answer .file_control {margin-left: 0;margin-bottom: 5px;}
    #bo_w.all_custom .answer .file_control .form-control-static {font-size: 12.5px;}
    #bo_w.all_custom .answer .file_control .form-control-static img {width: 20px;margin-right: 5px;}
    
    #bo_w.all_custom .files_p {font-size: 13px;}
    #bo_w.all_custom .files_p::after {content: '*'; position: absolute; top: 1px; left: 0; font-size: 13px; color: #aaa;}
    #bo_w.all_custom .files_p.fp1 {margin-bottom: 0px;}

    #bo_w.all_custom .check-box {padding: 0; margin-bottom: clamp(35px, 6.054490413723512vw ,60px);}
    #bo_w.all_custom .check-box .wr_title {line-height: 1;}
}


#bo_w.all_custom .inquiry_btn {margin: 80px 0 50px;text-align: center;  }
#bo_w.all_custom .inquiry_btn .inquiry_button {width: 260px; margin: 0 auto; border-radius: 30px; background: #111111;}
#bo_w.all_custom .inquiry_btn .inquiry_button span {font-size: 18px; line-height: 56px; color: #fff;}

@media (max-width:991px) {
    #bo_w.all_custom .inquiry_btn {margin: clamp(45px,8.072653884964682vw, 80px) 0 clamp(11.5px,5.045408678102926vw,50px);}
    #bo_w.all_custom .inquiry_btn .inquiry_button {width: 160px;}
    #bo_w.all_custom .inquiry_btn .inquiry_button span {font-size: 13px;         line-height: 42.5px;}
}