/* write.skin.php  */
.write_section {width:100%;}
#map {width:100%; height:350px;margin:5px 0; border:1px #CCC solid;}
.top_title {color:#FFFFFF;background:#DF0101;text-align:center;height:50px;line-height:50px;font-size:1.2em;font-weight:500;margin:10px 0;}
.write_div ul li {margin-bottom:5px;}
.write_div ul li span {display:inline-block;width:100px;height:40px;border-radius:3px;background:#333;color:#FFF;margin-left:5px;text-align:center;line-height:40px;font-weight:bold;}
.seller {width:100%;}
.seller ul {width:100%;display:flex;justify-content: flex-start;flex-wrap:wrap;margin-top:20px;}
.seller li {height:40px;line-height:40px;border:1px solid #CCC;}
.seller li:first-child {width:20%;background-color: #FF0000;color:#FFF;padding-left:10px;border-right:none;}
.seller li:nth-child(2) {width:80%;padding-left:15px;}
.seller ul li label:first-child {margin-right:15px;}
#member_type01 {visibility:hidden;margin:-42px 0 0px 180px;}
#member_type02 {visibility:hidden;}

.tb_one {height:40px;line-height: 40px; background:#FF0000;color:#FFFFFF;font-size:1.2em;font-weight:500;padding-left:15px;margin-top:30px;}
ul.sale_info {width:100%;display:flex;justify-content: flex-start;flex-wrap:wrap;}
ul.sale_info li {height:36px;line-height: 36px;border-bottom:1px solid #EBEBEB;}
ul.sale_info li:nth-child(odd) {width:20%;border-right:none;background-color:#F3F3F3;text-align:right;padding-right:10px;}
ul.sale_info li:nth-child(even) {width:80%;padding-left:10px;}
ul.sale_info li div.price_box {height:auto;visibility:hidden; position:absolute; margin-bottom:-1px;}

/* 매물등록 */
.sale_title {width:100%;height:38px;line-height:38px;background-color:#FE642E;color:#FFF;padding-left:15px;}
.content_box > ul {width:100%;display:flex;flex-wrap:wrap;justify-content: flex-start;}
.content_box > ul > li {height:36px;line-height:36px;border-bottom:1px solid #EBEBEB;}
.content_box > ul > li:nth-child(odd) {width:20%;border-right:none;background-color:#F3F3F3;text-align:right;padding-right:10px;}
.content_box > ul > li:nth-child(even) {width:30%;padding-left:10px;}
/* #totalPriceSection {width:100%;display:flex;flex-wrap:wrap;justify-content: flex-start;display:none;border:1px solid red;} */
#totalPriceSection {width:100%;display:none;margin-bottom:36px;}
#totalPriceSection > li {height:36px;line-height:36px;border-bottom:1px solid #EBEBEB;float:left;}
#totalPriceSection > li:nth-child(odd) {width:20%;border-right:none;background-color:#F3F3F3;text-align:right;padding-right:10px;}
#totalPriceSection > li:nth-child(even) {width:30%;padding-left:10px;}
#totalPriceSection2 {width:100%;display:none;margin-bottom:36px;}
#totalPriceSection2 > li {height:36px;line-height:36px;border-bottom:1px solid #EBEBEB;float:left;}
#totalPriceSection2 > li:nth-child(odd) {width:20%;border-right:none;background-color:#F3F3F3;text-align:right;padding-right:10px;}
#totalPriceSection2 > li:nth-child(even) {width:30%;padding-left:10px;}
#totalPriceSection3 {width:100%;display:none;margin-bottom:36px;}
#totalPriceSection3 > li {height:36px;line-height:36px;border-bottom:1px solid #EBEBEB;float:left;}
#totalPriceSection3 > li:nth-child(odd) {width:20%;border-right:none;background-color:#F3F3F3;text-align:right;padding-right:10px;}
#totalPriceSection3 > li:nth-child(even) {width:30%;padding-left:10px;} 

.content_box ul.facility {width:100%;display:flex;flex-wrap:wrap;justify-content: flex-start;}
.content_box ul.facility > li {height:auto;border-bottom:1px solid #EBEBEB;}
.content_box ul.facility > li:nth-child(odd) {width:20%;border-right:none;background-color:#F3F3F3;text-align:right;padding-right:10px;}
.content_box ul.facility > li:nth-child(even) {width:80%;height:auto;}
.content_box ul.facility > li > ul {width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;}
.content_box ul.facility > li > ul > li {width:12.5%;height:30px;line-height:30px;border-bottom:1px solid #f1f1f1;}
.content_box ul.facility > li > ul > li:first-child {font-weight:500;color:#FE642E;}
.content_box ul.facility > li > ul:last-child li {border-bottom:none;}
.special {width:100%;height:auto;border:15px #FE642E solid;padding:20px;margin-top:30px;}
.special .choice {width:100%;padding:10px;}
.special .spe_pic {width:100%;padding:20px;}
.special .choice p {height:40px;line-height:40px;}
.special .choice span {display:inline-block;height:30px;line-height:30px;margin-right:10px;}
.special .choice span:last-child {margin-right:0;}
input.trade {width:80px;}

.bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2}
.bo_w_flie .frm_file {padding-left:50px;margin-top:3px}
.bo_w_flie .file_wr {position:relative;border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
.bo_w_flie .frm_input {margin:10px 0 0}
.bo_w_flie .file_del {position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
.bo_w_link label {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2}
.bo_w_link .frm_input {padding-left:50px}
.btn_confirm {clear:both;margin-top:10px}
.btn_confirm label {display:inline-block;margin-right:10px;border-radius:3px;font-size:1.5em;text-align:center}
.btn_confirm .secret_cm label {font-size:1em !important}
.btn_submit {padding:0 20px;font-size:0.95em}
.btn_cancel {border-radius:3px;font-size:0.95em}

/* view.skin.php */
.view_box {width:100%;min-height:200px;display:flex;justify-content:space-between;}
/* .view_title {width:100%;height:40px;text-align:center;font-size:1.2rem;font-weight:500;color:#FFF;line-height:40px;background:#FF0000;} */
.view_left ul {width:100%;display:flex;justify-content: flex-start;flex-wrap:wrap;margin-bottom:30px;}
.view_left ul.price_ul {margin-bottom:0;border-top:3px solid #ef233c;}
.view_left ul.price_ul > li:first-child {width:20%;}
.view_left ul.price_ul > li:last-child {width:80%;color:#ef233c}
.view_left ul li {height:36px;line-height: 36px;border-bottom:1px solid #DDD;overflow:hidden;}
.view_left ul li:nth-child(odd) {width:20%;background-color: #fafafa;text-align:center}
.view_left ul li:nth-child(even) {width:30%;padding-left:10px;}
.view_left .mapwrap_box {border-bottom:1px solid #CCC;}

/* 최신글 immovable_member css  */
.view_left {width:75%;height:auto;}
.view_left .latest_member > ul {border:1px solid #CCC;}
.view_left .latest_member > ul li span {display:inline-block;width:60px;height:16px;line-height:16px;
    border-radius:3px; text-align:center;font-size:10px; background-color:#d90429;color:#FFF;}
.view_left .latest_member > ul li:nth-child(n+9) {border:none;}
/* 최신글 immovable_member css 끝 */

ul.member_ul {border:1px solid #CCC;}
ul.member_ul li {border-bottom:none;}
.seller {width:100%;margin:30px 0 5px 0;}

.view_right {width:24%;min-height:200px;}

.view_left .mixed {width:100%;height:36px;background-color: #FE642E;line-height:36px;font-size:0.9rem; text-align: center;color:#FFF;}
.view_price {width:100%;height:40px;text-align:center;font-size:1rem;font-weight:500;color:#c1121f;line-height:40px;border-bottom:1px solid #DDD;}
.view_price span {display:inline-block;margin-right:10px;}

/* boxtodayview.skin.php  */
#stv {margin:0 auto;width:230px;}
#stv_list {margin:0 auto;background:#fff;}
#stv_list h2 {width:230px;padding:15px 0;text-align:center;background-color: #6c757d;color:#FFF;border:8px #FFF solid;}
#stv_pg {display:block;margin:5px 0 0}
#stv_btn {text-align:center;zoom:1;}
#stv_btn:after {display:block;visibility:hidden;clear:both;content:""}
#stv_btn button {
  margin:1px 0 0 0;
  box-sizing: content-box;
  padding:3px 0;
  width:35px;
  border:0;
  color:#3e3c52;
  font-size: 11px;
  line-height: 12px;
  text-align:center;
  background-color: #FFF;
}
#stv_btn button#up{float:left;margin-left:75px;}
#stv_btn button#down{float:right;margin-right:75px;}

#stv_ul {margin:0 auto;padding:8px 0;list-style:none;}
#stv_ul li span.some_kind {color:#d90429;}
.stv_item {display:none;padding:0 9px;text-align:center;word-break:break-all;padding-bottom:10px;border-bottom:1px #CCC dotted;margin-bottom:10px;}
.stv_item img {margin:5px 0;border:1px #CCC solid;}

/* boxtodayview.skin.php  end */

/* 확인요망  */
#tabbed_box_mypage {margin: 0 auto; width:660px;}
.tabbed_area {border:1px solid #EEE; background-color:#FBF2F6; padding:8px;}
ul.tabs {margin:0px; padding:0px; margin-top:5px; margin-bottom:6px;}
ul.tabs li {list-style:none; display:inline;}
ul.tabs li a {background-color:#FF4091; color:#ffebb5; padding:8px 14px 8px 14px; text-decoration:none; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; border:1px solid #EEE; background-image:url(/img/tabs/tab_off.jpg); background-repeat:repeat-x; background-position:bottom;}
ul.tabs li a:hover {background-color:#ff40a4; border-color:#BF306D; border-bottom:none;}
ul.tabs li a.active {background-color:#ffffff; color:#282e32; border:1px solid #EEE; border-bottom: 1px solid #ffffff; background-image:url(/img/tabs/tab_on.jpg); background-repeat:repeat-x; background-position:top;}
.content {background-color:#ffffff; padding:10px; border:1px solid #EEE; font-family:Arial, Helvetica, sans-serif; background-image:url(/img/tabs/content_bottom.jpg); background-repeat:repeat-x; background-position:bottom;}

#content_1, #content_2, #content_3, #content_4, #content_5 {display:none;}

.content ul {margin:0px; padding:0px 20px;}
.content ul li {list-style:none; border-bottom:1px solid #d6dde0; padding-top:15px; padding-bottom:15px; font-size:13px;}
.content ul li:last-child {border-bottom:none;}
.content ul li a {text-decoration:none; color:#3e4346;}
.content ul li a small {color:#8b959c; font-size:9px; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; position:relative; left:4px; top:0px;}
.content ul li a:hover {color:#a59c83;}
.content ul li a:hover small {color:#baae8e;}
/* 확인요망 여기가지 */

/* list  */
input[type="radio"] + label {display:inline-block;font-size:12px;cursor: pointer;width:70px;height:24px;line-height: 24px;margin:0 5px 5px 0;}
input[type="radio"] + label:last-child {margin-right:0;}
input[type="radio"]:checked + label {color:#BF0000;font-weight:500;}

.conbox {width:100%;padding:10px;display:none;border:1px solid #ced4da;margin-top:10px;line-height:250%;}
input[id="city01"]:checked ~ .con1 {display:block;}
input[id="city02"]:checked ~ .con2 {display:block;}
input[id="city03"]:checked ~ .con3 {display:block;}
input[id="city04"]:checked ~ .con4 {display:block;}
input[id="city05"]:checked ~ .con5 {display:block;}
input[id="city06"]:checked ~ .con6 {display:block;}
input[id="city07"]:checked ~ .con7 {display:block;}
input[id="city08"]:checked ~ .con8 {display:block;}
input[id="city09"]:checked ~ .con9 {display:block;}
input[id="city10"]:checked ~ .con10 {display:block;}

.search_box {width:100%;/*background-color: #f3f3f3;*/padding-bottom:40px;margin-top:50px;}


/* 물건종류 라디오 버튼 세련된 디자인 개선 */
.ca_search {
    padding: 20px;
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
}

.ca_search::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #007bff, #6610f2, #e83e8c, #fd7e14);
    border-radius: 8px 8px 0 0;
}

.ca_search input[type=radio] {
    display: none;
}

.ca_search input[type=radio] + label {
    display: inline-block;
    /* padding: 1px 16px;
    margin: 6px 8px 6px 0; */
    border: 2px solid #e9ecef;
    border-radius: 3px;
    background: linear-gradient(145deg, #ffffff, #f8f9fa);
    color: #495057;
    font-size: 0.8em;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden;
    min-width: 97px;
    height: 30px;
    text-align: center;
    user-select: none;
}

/* 호버 시 빛나는 효과 */
.ca_search input[type=radio] + label::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
    transition: left 0.6s;
}

.ca_search input[type=radio] + label:hover::before {
    left: 100%;
}

.ca_search input[type=radio] + label:hover {
    border-color: #007bff;
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 6px 20px rgba(0, 123, 255, 0.25);
    background: linear-gradient(145deg, #ffffff, #e3f2fd);
}

/* 선택된 상태 */
.ca_search input[type=radio]:checked + label {
    background: linear-gradient(145deg, #007bff, #0056b3);
    color: #ffffff;
    border-color: #0056b3;
    transform: translateY(-2px) scale(1.05);
    /* box-shadow: 0 8px 25px rgba(0, 123, 255, 0.4); */
    font-weight: 600;
    position: relative;
}

/* 선택된 상태에서 글로우 효과 */
.ca_search input[type=radio]:checked + label::after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: 8px;
    background: linear-gradient(45deg, #007bff, #0056b3, #007bff);
    background-size: 200% 200%;
    z-index: -1;
    animation: glow 2s ease-in-out infinite alternate;
}

@keyframes glow {
    0% {
        background-position: 0% 50%;
        opacity: 0.8;
    }
    100% {
        background-position: 100% 50%;
        opacity: 1;
    }
}

/* 다크 테마 지원 */
html[data-bs-theme="dark"] .ca_search {
    background: linear-gradient(135deg, #343a40 0%, #495057 100%);
    border-color: rgba(255, 255, 255, 0.1);
}

html[data-bs-theme="dark"] .ca_search input[type=radio] + label {
    background: linear-gradient(145deg, #495057, #6c757d);
    color: #ffffff;
    border-color: #6c757d;
}

html[data-bs-theme="dark"] .ca_search input[type=radio] + label:hover {
    background: linear-gradient(145deg, #6c757d, #495057);
    border-color: #0d6efd;
    box-shadow: 0 6px 20px rgba(13, 110, 253, 0.3);
}

html[data-bs-theme="dark"] .ca_search input[type=radio]:checked + label {
    background: linear-gradient(145deg, #0d6efd, #0b5ed7);
    border-color: #0b5ed7;
}

/* 포커스 접근성 개선 */
.ca_search input[type=radio]:focus + label {
    outline: 3px solid rgba(0, 123, 255, 0.3);
    outline-offset: 2px;
}

/* 반응형 디자인 */
@media (max-width: 768px) {
    .ca_search {
        padding: 15px;
        margin-bottom: 15px;
    }
    
    .ca_search input[type=radio] + label {
        padding: 6px 12px;
        margin: 4px 6px 4px 0;
        font-size: 11px;
        min-width: 60px;
    }
    
    .ca_search input[type=radio] + label:hover {
        transform: translateY(-2px) scale(1.01);
    }
    
    .ca_search input[type=radio]:checked + label {
        transform: translateY(-1px) scale(1.02);
    }
}

@media (max-width: 480px) {
    .ca_search input[type=radio] + label {
        padding: 2px 10px;
        margin: 3px 4px 3px 0;
        font-size: 0.8em;
        min-width: 97px;
    }
}



.tab_content {padding:10px;}
.tab_content input[type=radio]{display: none;}
.tab_content input[type=radio]+label{display: inline-block;border: 1px solid #CCC;line-height: 24px;text-align: center;}
.tab_content input[type=radio]+label{background-color: #fff;color: #333;}
.tab_content input[type=radio]:checked+label{background-color: #ced4da;color: #333;}



/* 면적조건 input 필드 - 라디오 버튼과 동일한 디자인 컨셉 */
.build_size {
    padding: 20px 20px 30px 20px;
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
}

.build_size::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #007bff, #6610f2, #e83e8c, #fd7e14);
    border-radius: 8px 8px 0 0;
}

.build_size ul {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.build_size ul li {
    margin-right: 10px;
}

.build_size ul li:first-child {
    width: 80px;
    text-align: center;
    background-color: #546a76;
    color: #FFF;
    font-size: 0.8em;
    font-weight: 500;
    margin-right: 10px;
    border: 2px solid #e9ecef;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    background: linear-gradient(145deg, #ffffff, #f8f9fa);
    color: #495057;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden;
    min-width: 80px;
    user-select: none;
    background: linear-gradient(145deg, #007bff, #0056b3);
    color: #ffffff;
    border-color: #0056b3;
}

/* 평형 라벨 호버 시 빛나는 효과 */
.build_size ul li:first-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
    transition: left 0.6s;
}

.build_size ul li:first-child:hover::before {
    left: 100%;
}

/* input 필드 스타일링 - 라디오 버튼 라벨과 동일한 스타일 */
.build_size .list_input {
    display: inline-block;
    border: 2px solid #e9ecef;
    border-radius: 3px;
    background: linear-gradient(145deg, #ffffff, #f8f9fa);
    color: #495057;
    font-size: 0.8em;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden;
    min-width: 100px;
    height: 30px;
    text-align: center;
    user-select: none;
    padding: 0 8px;
    outline: none;
    line-height: 30px;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* input 호버 시 빛나는 효과 */
.build_size .list_input::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
    transition: left 0.6s;
}

.build_size .list_input:hover::before {
    left: 100%;
}

.build_size .list_input:hover {
    border-color: #007bff;
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 6px 20px rgba(0, 123, 255, 0.25);
    background: linear-gradient(145deg, #ffffff, #e3f2fd);
}

/* input 포커스 효과 */
.build_size .list_input:focus {
    border-color: #007bff;
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 8px 25px rgba(0, 123, 255, 0.4);
    background: linear-gradient(145deg, #ffffff, #e3f2fd);
    outline: 3px solid rgba(0, 123, 255, 0.3);
    outline-offset: 2px;
}

/* 텍스트 "평" 스타일링 */
.build_size ul li:not(:first-child) {
    font-size: 0.8em;
    font-weight: 500;
    color: #495057;
    margin: 0 5px;
}

/* 다크 테마 지원 */
html[data-bs-theme="dark"] .build_size {
    background: linear-gradient(135deg, #343a40 0%, #495057 100%);
    border-color: rgba(255, 255, 255, 0.1);
}

html[data-bs-theme="dark"] .build_size ul li:first-child {
    background: linear-gradient(145deg, #0d6efd, #0b5ed7);
    border-color: #0b5ed7;
    color: #ffffff;
}

html[data-bs-theme="dark"] .build_size .list_input {
    background: linear-gradient(145deg, #495057, #6c757d);
    color: #ffffff;
    border-color: #6c757d;
}

html[data-bs-theme="dark"] .build_size .list_input:hover {
    background: linear-gradient(145deg, #6c757d, #495057);
    border-color: #0d6efd;
    box-shadow: 0 6px 20px rgba(13, 110, 253, 0.3);
}

html[data-bs-theme="dark"] .build_size .list_input:focus {
    background: linear-gradient(145deg, #6c757d, #495057);
    border-color: #0d6efd;
    box-shadow: 0 8px 25px rgba(13, 110, 253, 0.4);
}

html[data-bs-theme="dark"] .build_size ul li:not(:first-child) {
    color: #ffffff;
}

/* 반응형 디자인 - 면적조건 */
@media (max-width: 768px) {
    .build_size {
        padding: 15px;
        margin-bottom: 15px;
    }
    
    .build_size .list_input {
        padding: 6px 12px;
        margin: 4px 6px 4px 0;
        font-size: 11px;
        min-width: 90px;
    }
    
    .build_size .list_input:hover {
        transform: translateY(-2px) scale(1.01);
    }
    
    .build_size .list_input:focus {
        transform: translateY(-1px) scale(1.02);
    }
}

@media (max-width: 480px) {
    .build_size .list_input {
        padding: 2px 10px;
        margin: 3px 4px 3px 0;
        font-size: 0.8em;
        min-width: 80px;
    }
}


/* 매매가/전세가 input 필드 - 라디오 버튼과 동일한 디자인 컨셉 */
.int_search {
    padding: 20px;
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
}

.int_search::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #007bff, #6610f2, #e83e8c, #fd7e14);
    border-radius: 8px 8px 0 0;
}

.int_search ul {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.int_search ul li {
    display: inline-flex;
    align-items: center;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
}

/* 매매가/전세가 라벨 스타일링 */
.int_search ul.ul_maemae li:first-child,
.int_search ul.ul_jeon li:first-child {
    width: 80px;
    text-align: center;
    font-size: 0.8em;
    font-weight: 500;
    margin-right: 10px;
    border: 2px solid #e9ecef;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden;
    min-width: 80px;
    user-select: none;
    justify-content: center;
}

/* 매매가 라벨 - 다른 색상으로 구분 */
.int_search ul.ul_maemae li:first-child {
    background: linear-gradient(145deg, #34a0a4, #168aad);
    color: #ffffff;
    border-color: #168aad;
}

/* 전세가 라벨 - 다른 색상으로 구분 */
.int_search ul.ul_jeon li:first-child {
    background: linear-gradient(145deg, #168aad, #1e6091);
    color: #ffffff;
    border-color: #1e6091;
}

/* 라벨 호버 시 빛나는 효과 */
.int_search ul li:first-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
    transition: left 0.6s;
}

.int_search ul li:first-child:hover::before {
    left: 100%;
}

/* 매매가/전세가 input 필드 스타일링 */
.int_search .list_input {
    display: inline-block;
    border: 2px solid #e9ecef;
    border-radius: 3px;
    background: linear-gradient(145deg, #ffffff, #f8f9fa);
    color: #495057;
    font-size: 0.8em;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden;
    min-width: 93px;
    height: 30px;
    text-align: center;
    user-select: none;
    padding: 0 8px;
    outline: none;
    line-height: 30px;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* input 호버 시 빛나는 효과 */
.int_search .list_input::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
    transition: left 0.6s;
}

.int_search .list_input:hover::before {
    left: 100%;
}

.int_search .list_input:hover {
    border-color: #007bff;
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 6px 20px rgba(0, 123, 255, 0.25);
    background: linear-gradient(145deg, #ffffff, #e3f2fd);
}

/* input 포커스 효과 */
.int_search .list_input:focus {
    border-color: #007bff;
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 8px 25px rgba(0, 123, 255, 0.4);
    background: linear-gradient(145deg, #ffffff, #e3f2fd);
    outline: 3px solid rgba(0, 123, 255, 0.3);
    outline-offset: 2px;
}

/* 텍스트 "만원" 스타일링 */
.int_search ul li:not(:first-child) {
    font-size: 0.8em;
    font-weight: 500;
    color: #495057;
    margin: 0 5px;
}

/* 다크 테마 지원 */
html[data-bs-theme="dark"] .int_search {
    background: linear-gradient(135deg, #343a40 0%, #495057 100%);
    border-color: rgba(255, 255, 255, 0.1);
}

html[data-bs-theme="dark"] .int_search ul.ul_maemae li:first-child {
    background: linear-gradient(145deg, #34a0a4, #168aad);
    border-color: #168aad;
    color: #ffffff;
}

html[data-bs-theme="dark"] .int_search ul.ul_jeon li:first-child {
    background: linear-gradient(145deg, #168aad, #1e6091);
    border-color: #1e6091;
    color: #ffffff;
}

html[data-bs-theme="dark"] .int_search .list_input {
    background: linear-gradient(145deg, #495057, #6c757d);
    color: #ffffff;
    border-color: #6c757d;
}

html[data-bs-theme="dark"] .int_search .list_input:hover {
    background: linear-gradient(145deg, #6c757d, #495057);
  der-color: #0d6efd;
    box-shadow: 0 6px 20px rgba(13, 110, 253, 0.3);
}

html[data-bs-theme="dark"] .int_search .list_input:focus {
    background: linear-gradient(145deg, #6c757d, #495057);
    border-color: #0d6efd;
    box-shadow: 0 8px 25px rgba(13, 110, 253, 0.4);
}

html[data-bs-theme="dark"] .int_search ul li:not(:first-child) {
    color: #ffffff;
}

/* 반응형 디자인 - 매매가/전세가 */
@media (max-width: 768px) {
    .int_search {
        padding: 15px;
        margin-bottom: 15px;
    }
    
    .int_search .list_input {
        padding: 6px 12px;
        margin: 4px 6px 4px 0;
        font-size: 11px;
        min-width: 90px;
    }
    
    .int_search .list_input:hover {
        transform: translateY(-2px) scale(1.01);
    }
    
    .int_search .list_input:focus {
        transform: translateY(-1px) scale(1.02);
    }
}

@media (max-width: 480px) {
    .int_search .list_input {
        padding: 2px 10px;
        margin: 3px 4px 3px 0;
        font-size: 0.8em;
        min-width: 73px;
    }
}





/* 보증금/월세 input 필드 - 라디오 버튼과 동일한 디자인 컨셉 */
.monthly_rent {
    padding: 20px;
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
}

.monthly_rent::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #007bff, #6610f2, #e83e8c, #fd7e14);
    border-radius: 8px 8px 0 0;
}

.monthly_rent ul {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.monthly_rent ul li {
    display: inline-flex;
    align-items: center;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
}

/* 보증금/월세 라벨 스타일링 */
.monthly_rent ul.ul_wolse li:first-child {
    width: 80px;
    text-align: center;
    font-size: 0.8em;
    font-weight: 500;
    margin-right: 10px;
    border: 2px solid #e9ecef;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden;
    min-width: 80px;
    user-select: none;
    justify-content: center;
    background: linear-gradient(145deg, #1e6091, #0f4c75);
    color: #ffffff;
    border-color: #0f4c75;
}

/* 라벨 호버 시 빛나는 효과 */
.monthly_rent ul li:first-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
    transition: left 0.6s;
}

.monthly_rent ul li:first-child:hover::before {
    left: 100%;
}

/* 보증금/월세 input 필드 스타일링 */
.monthly_rent .list_input {
    display: inline-block;
    border: 2px solid #e9ecef;
    border-radius: 3px;
    background: linear-gradient(145deg, #ffffff, #f8f9fa);
    color: #495057;
    font-size: 0.8em;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden;
    min-width: 93px;
    height: 30px;
    text-align: center;
    user-select: none;
    padding: 0 8px;
    outline: none;
    line-height: 30px;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* input 호버 시 빛나는 효과 */
.monthly_rent .list_input::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
    transition: left 0.6s;
}

.monthly_rent .list_input:hover::before {
    left: 100%;
}

.monthly_rent .list_input:hover {
    border-color: #007bff;
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 6px 20px rgba(0, 123, 255, 0.25);
    background: linear-gradient(145deg, #ffffff, #e3f2fd);
}

/* input 포커스 효과 */
.monthly_rent .list_input:focus {
    border-color: #007bff;
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 8px 25px rgba(0, 123, 255, 0.4);
    background: linear-gradient(145deg, #ffffff, #e3f2fd);
    outline: 3px solid rgba(0, 123, 255, 0.3);
    outline-offset: 2px;
}

/* 텍스트 "만원" 스타일링 */
.monthly_rent ul li:not(:first-child) {
    font-size: 0.8em;
    font-weight: 500;
    color: #495057;
    margin: 0 5px;
}

/* 다크 테마 지원 */
html[data-bs-theme="dark"] .monthly_rent {
    background: linear-gradient(135deg, #343a40 0%, #495057 100%);
    border-color: rgba(255, 255, 255, 0.1);
}

html[data-bs-theme="dark"] .monthly_rent ul.ul_wolse li:first-child {
    background: linear-gradient(145deg, #1e6091, #0f4c75);
    border-color: #0f4c75;
    color: #ffffff;
}

html[data-bs-theme="dark"] .monthly_rent .list_input {
    background: linear-gradient(145deg, #495057, #6c757d);
    color: #ffffff;
    border-color: #6c757d;
}

html[data-bs-theme="dark"] .monthly_rent .list_input:hover {
    background: linear-gradient(145deg, #6c757d, #495057);
    border-color: #0d6efd;
    box-shadow: 0 6px 20px rgba(13, 110, 253, 0.3);
}

html[data-bs-theme="dark"] .monthly_rent .list_input:focus {
    background: linear-gradient(145deg, #6c757d, #495057);
    border-color: #0d6efd;
    box-shadow: 0 8px 25px rgba(13, 110, 253, 0.4);
}

html[data-bs-theme="dark"] .monthly_rent ul li:not(:first-child) {
    color: #ffffff;
}

/* 반응형 디자인 - 보증금/월세 */
@media (max-width: 768px) {
    .monthly_rent {
        padding: 15px;
        margin-bottom: 15px;
    }
    
    .monthly_rent .list_input {
        padding: 6px 12px;
        margin: 4px 6px 4px 0;
        font-size: 11px;
        min-width: 90px;
    }
    
    .monthly_rent .list_input:hover {
        transform: translateY(-2px) scale(1.01);
    }
    
    .monthly_rent .list_input:focus {
        transform: translateY(-1px) scale(1.02);
    }
}

@media (max-width: 480px) {
    .monthly_rent .list_input {
        padding: 2px 10px;
        margin: 3px 4px 3px 0;
        font-size: 0.8em;
        min-width: 73px;
    }
}




.scr_down {width:100%;margin-top:10px;}
.scr_down ul {display:flex;justify-content: center;}
.scr_down ul li {width:100px;}
.scr_down ul li:first-child {margin-right:10px;}
.scr_down ul li a {width:100px;text-align:center;height:30px;line-height:30px;border:1px solid #f2f2f2;border-radius: 5px;
    font-weight:500;font-size:12px; transition: all 0.3s;background: #415a77;color:#FFF;}
.scr_down li a:hover {background: #EFF1F6;color:#333;border:1px solid #CCC;}
.scr_down li a {display:block;}
.in_btn {width:100px;vertical-align: middle;display: inline-block;line-height: 1;cursor: pointer;padding: 5px 0;text-align:center;font-family: 'Pretendard-Regular';
    font-weight:500;font-size:12px;transition: all 0.3s;border-radius: 5px;border:1px solid #CCC;}
input.in_btn {padding: 9px 12px 7px;}
.btn--blue {border-color: #EFF1F6;background: #415a77;color: #FFF;}
.btn--blue:hover {background: #EFF1F6;color:#333;border:1px solid #CCC;}

ul.gugun {display:flex;justify-content:flex-start;flex-wrap:wrap}
ul.gugun li {display:inline-block;padding:3px 8px;}

.list_container {width:100%;}




/* 물건 리스트 부분 */
.list_content:first-child {border-top:1px solid #f2f2f2;}
.list_content {width:100%;border-bottom:1px solid #f2f2f2;padding:12px;}
.list_content ul {width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;}
.list_content:hover {background-color: #FBFBFB;}
.list_content ul li {height:30px;line-height:30px;padding-left:10px;overflow:hidden;} /* */
.list_content ul li.chk_box {height:30px;line-height:30px;width:80px;} /*checkbox/no */
.list_content ul li:nth-child(2) {width:33%;}/*ca_name 매매전세월세 제목*/
.list_content ul li:nth-child(3) {width:7%;text-align: center;}/* 지역 */
.list_content ul li:nth-child(4) {width:7%;text-align: center;} /* 평형 */
.list_content ul li:nth-child(5) {width:18%;} /* 가격 */
.list_content ul li:nth-child(6) {width:25%;display:flex;justify-content: flex-end;} /* 글수정 */
.list_content ul li:nth-child(-n+5) a {display:block;}

.btn2 {vertical-align: middle;display: inline-block;line-height: 1;cursor: pointer;padding:5px 8px;
    transition: all 0.3s;border-radius: 6px;font-size: 10px;}
/* input.btn { padding: 9px 12px 7px;} */
.btn--color {border-color: #f2f2f2;background: #d3d3d3;color: #999;}
.btn--color:hover {background: #999;color:#FFF}

.list_input {height:24px;border:1px solid #ccc;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    }

.check_box {width:100%;height:48px;}

#gall_ul {
    list-style: none;
    zoom: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#gall_ul li {
    width: calc(25% - 9px);
    position: relative;
    border: 1px solid #CCC;
    border-radius: 15px;
    /* background: #fff; */
    margin-right: 0.5%;
    margin-bottom: 30px;
    transition: all 0.1s ease; /* Smooth transition for all properties */
}
/* Add hover effect */
#gall_ul li:hover {
    transform: translate(-3px, -3px); /* Move 2px up and left on hover */
    box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Optional: add shadow for better effect */
}
/* 부트스트랩 md 브레이크포인트(768px) 이하에서 적용 */
@media (max-width: 768px) {
    #gall_ul li {
        width: calc(33.333% - 10px);  /* 3컬럼 */
    }
}
/* 부트스트랩 sm 브레이크포인트(576px) 이하에서 적용 */
@media (max-width: 576px) {
    #gall_ul li {
        width: calc(50% - 10px);
    }
}
.gall_box {
    position: relative;
    width: 100%;
    min-height: 300px;
    margin: 0;
    padding: 0 0 15px 0;
    border-radius: 15px;
    display: flex;
    flex-direction: column; /* 세로 정렬로 변경 */
    align-items: stretch; /* 가로 방향 꽉 채우기 */
    overflow: hidden;
}
.gall_con {
    margin: 0;
    padding: 0;
    flex: 1; /* 남은 공간 채우기 */
}
.gall_img {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
.gall_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block; /* 이미지 하단 여백 제거 */
}
.gall_chk {
    position: absolute;
    top: -10px;
    left: 10px;
    z-index: 2;
}
.price{margin:5px 0 10px;font-size:12px;line-height:1;font-family:'NanumGothicBold'}
.price span{display:inline-block;vertical-align:middle;width:23px;height:23px;margin-left:5px;margin-right:5px;border-radius:50%;border:1px solid #0d6efd;font-size:12px;text-align:center;line-height:21px;color:#0d6efd;font-family:'NanumGothicBold'}
.myun{font-size: 16px;font-family: 'SBAggroB';}
.myun a{color:#000000;}
.bo_cnt{font-size: 12px;}



/* modal  */
#modalDiv {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 50px;
    cursor: pointer;
}

/* #modalDiv div {height:100%; padding:5px; border:1px solid red; border-radius:15px;} */
/* * #modalDiv div {
    height: 90%;
} */

#modalDiv iframe {
    display: block;
    width: 50%;
    height: 90%;
    border: none;
    border-radius: 10px;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* #modalDiv span {position:absolute; top:40px; left:50%; color:#333; font-size:16px; font-weight:bold; } */
#modalDiv span {
    /* display: inline-block;
    position: absolute;
    top: 14px;
    right: 24%;
    width: 32px;
    height: 32px; */
    display: inline-block;
    position: relative;
    top: 5px;
    left: 91%;
    width: 32px;
    height: 32px;
}

.modal-span {
    color: #c00000;
    cursor: pointer;
    margin-right: 5px;
}

@media (max-width:1320px) {
    /* list  */
    /* .list_content ul li:nth-child(2) {width:31%;}    
    .list_content ul li:nth-child(3) {width:6%;text-align: center;}
    .list_content ul li:nth-child(4) {width:6%;text-align: center;}
    .list_content ul li:nth-child(5) {width:20%;} 
    .list_content ul li:nth-child(6) {width:26%;display:flex;justify-content: flex-end;}  */
    #modalDiv iframe {
        width: 80%;
    }
}

@media (max-width:1200px) {
    #map {height:250px;}
    .seller li span {display:none;}

    /* view */
    .view_price {width:100%;height:36px;font-size:0.95rem;font-weight:500;line-height:36px;}

    /* list  */
    /* .list_container {width:100%;}
    .list_content ul li:nth-child(2) {width:45%;}
    .list_content ul li:nth-child(3) {width:10%;text-align: center;}
    .list_content ul li:nth-child(4) {width:10%;text-align: center;}
    .list_content ul li:nth-child(5) {width:24%;text-align:right;}
    .list_content ul li:nth-child(6) {width:100%;} */
    #modalDiv iframe {
        width: 80%;
    }
}

@media (max-width:768px) {
    /* write */
    #map {height:200px;}
    span.explain {display:none;}
    .seller ul {flex-direction: column;}
    .seller ul li:nth-child(2) {width:100%;border:none;}
    .seller li:first-child {width:100%;text-align:center;padding-left:0}
    .seller ul li label:first-child {margin-right:5px;}

    .content_box > ul > li:nth-child(even) {width:80%;}
    #member_type01 {visibility:hidden;margin:-42px 0 0px 159px;}
    .content_box ul.facility > li > ul > li {width:25%;height:30px;line-height:30px;border-bottom:1px solid #f1f1f1;overflow:hidden;}
    input.trade {width:50px;}

    /* view */
    .view_left {width:100%;}
    .view_right {display:none;}
    .view_left ul li:nth-child(even) {width:80%;}

    /* list  */
    /* .int_search {width:100%;padding:10px;}
    .int_search ul {display:flex;flex-direction:column; margin-bottom:10px;} */
    /* .int_search ul.monthly_rent li:nth-child(3) {margin:5px 0 0 0} */

    .list_content {width:100%;margin-bottom:10px;}
    .list_content ul li:nth-child(2) {width:77%;}/*ca_name 매매전세월세 제목*/
    .list_content ul li:nth-child(3) {width:30%;text-align: right;}/* 지역 */
    .list_content ul li:nth-child(4) {width:15%;text-align: center;} /* 평형 */
    .list_content ul li:nth-child(5) {width:55%;text-align:right;} /* 가격 */
    .list_content ul li:nth-child(6) {width:100%;} /* 글수정 */

    #modalDiv iframe {
        width: 100%;
    }
    #modalDiv {
        top: 15px;
    }
    /* close button 위치  */
    #modalDiv span {
        right:3%;
    }
}