@charset "utf-8";

/* 검색 후 콘텐츠 영역 */
#section_contentApt {display: none;}
#section, #section_contentApt {margin-bottom: 4em;}

.fireTip {border-radius: 40px; overflow: hidden; background: #fff; box-shadow: 0 20px 30px rgba(23, 39, 54, 0.1);}
/* .contentApt {min-height: 600px;} */

/* 검색 후 콘텐츠 내용 */
.search-result {padding: 1.25rem;background: #fff;border-radius: 0.5rem;margin: 2em auto 0;}
.search-result-content {display: flex; flex-wrap: wrap; gap: 1.5rem; margin-bottom: 2rem;}
.search-result-content .con_box_left {flex: 0 0 350px;}
.search-result-content .con_box_left .tit_img .name {display: flex !important;}
.search-result-content .con_box_left .tit_img .name em, 
.search-result-content .con_box_left .tit_img .name span {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 0 8px;}

.safety-features-grid {flex: 1; display: grid; grid-template-columns: repeat(auto-fit, minmax(153px, 1fr)); gap: 1rem; min-width: 0;}
.safety-feature-card {padding: 1rem; border: 1px solid #ddd; border-radius: 1rem; background: #f9f9f9; text-align: center; flex-direction: column; align-items: center; transition: transform 0.2s ease;}

.feature-img {width: 100%; height: 80px; background-size: cover; background-position: center; border-radius: 0.5rem; margin-bottom: 0.625rem; position: relative; display: flex; align-items: center; justify-content: center;}
.feature-icon {font-size: 2rem;background: rgba(255, 255, 255, 0.9); width: 50px; height: 50px; border-radius: 50%;display: flex;align-items: center;justify-content: center;box-shadow: 0 2px 4px rgba(0,0,0,0.1);}

@media (max-width: 800px) {
    .search-result-content {flex-direction: column;}
    .search-result-content .con_box_left {flex: 0 0 100%;}
    .search-result-content .con_box_left .tit_img div.img {display: block;}
    .search-result-content .con_box_left .tit_img div.img img {object-fit:cover;width: 100%;}
    .search-result-content .con_box_left p.img {display:none;}

    .safety-features-grid {grid-template-columns: repeat(2, 1fr); /* 2열 레이아웃 */ gap: 16px; /* 열 간격 */}
    .safety-feature-item {max-height: 200px; /* 개별 카드 최대 높이 */}

    .feature-img {height: 80px;}
}
@media (max-width: 480px) {
    .safety-feature-card {padding: 0.75rem;}

    .feature-title {font-size: 0.9rem;}
    .feature-status {font-size: 0.8rem; padding: 0.25rem 0.5rem;}
}

.ui-autocomplete {position: absolute !important; display: block; max-width: 650px;border-radius: 1.5rem;padding: 5px 10px;background: #fff;bottom: -8.5rem;text-align: left;box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);z-index: 10;color:#333;}
.ui-autocomplete.ui-widget {overflow-y: auto;height: 14rem;max-height: 14rem;}
.ui-widget {font-size: 1.2em;}
.ui-widget.ui-widget-content {border: 5px solid #c5c5c5;}
.aptlist-style {padding: 0.5rem 0;}

.ui-menu li.ui-menu-item {padding-bottom: 30px; cursor: pointer;}
.ui-menu li div.ui-menu-item-wrapper {position: relative;display: block;padding: 3px 1em 3px .4em; color: #000;z-index: 2;border: none;} 

.ui-menu-item div.ui-state-hover,
.ui-menu-item div.ui-state-active {text-decoration: none;border-radius: 0px;-webkit-border-radius: 0px;-moz-border-radius: 0px;background-image: none;border: none;} 
.ui-state-active, .ui-widget-content .ui-state-active {border: none;background: #fff;margin: 0;}

.ui-menu li span:first-child {position: absolute;left: 0;border-radius: 7px;display: inline-block;padding: 2px 5px 0px !important;font-weight: bold;font-size: 0.875rem; color: #666;}
.ui-menu li span.apt_name {float:right; font-weight:500;}
.ui-menu li:hover span.apt_name {background: #fff; color: #000; font-weight: bold;}
.ui-menu li span:last-child.apt_name {color: #1a3768;}

.section-close-button {position:absolute; top:1em; right: 1em; width: 4em; height: 4em; background: #080808; border: 0px solid #ddd; border-radius: 50%; cursor:pointer; display: flex;align-items: center;justify-content: center;z-index: 100;transition: all 0.3s ease;} 
.section-close-button::before, .section-close-button::after {content: '';position: absolute;width: 2em;height: 3px; background: #fff;transition: all 0.3s ease;}
.section-close-button::before {transform: rotate(45deg);}
.section-close-button::after {transform: rotate(-45deg);}

.status-true {background: #e8f5e9;color: #2e7d32;padding: 0.5rem;border-radius: 0.25rem;}
.status-false {background: #ffebee;color: #c62828;padding: 0.5rem;border-radius: 0.25rem;}
.feature-status {margin-top: 0.5rem;font-size: 0.875rem;font-weight: 500; display: flex; align-items: center;justify-content: center;gap: 0.5rem;}

@media (max-width: 800px) {
    .section-close-button {top: 3.5em;}
}