.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}.lfr-layout-structure-item-e118c822-680b-45a1-b4c5-e90c35eadeab {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-e118c822-680b-45a1-b4c5-e90c35eadeab) !important;
}
.lfr-layout-structure-item-6b3bf05d-2b53-fb1a-afb6-03ade1415dd1 {
padding-bottom: var(--spacer-5,3rem) !important;
}
/* 1. 지도 섹션 전체 박스 디자인 */
.map-section {
    /* [수정 1] 너비를 1400px로 늘림 (화면이 꽉 차게 하려면 100%로 입력) */
    max-width: 1400px; 
    
    /* 위쪽 간격 0, 아래쪽 60px */
    margin-top: 0px; 
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;

    padding: 20px;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}

/* 2. 지도를 감싸는 틀 (반응형 핵심 코드) */
.map-container {
    position: relative;
    width: 100%;
    
    /* [수정 2] 높이 비율 조절 (숫자가 클수록 위아래로 길어짐) */
    /* 16:9 비율 = 56.25% */
    /* 조금 더 시원하게 보이려면 60% ~ 70% 추천 */
    padding-bottom: 60%; 
    
    height: 0;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #ddd;
}

/* 3. 실제 구글 지도 iframe (제목 가리기 적용) */
.map-container iframe {
    position: absolute;
    
    /* [핵심] 지도를 위로 55px 당겨 올려서 검은색 제목 바를 숨김 */
    top: -55px; 
    
    left: 0;
    width: 100%;
    
    /* [핵심] 당겨 올린 만큼 아래가 비지 않도록 높이를 늘려줌 */
    height: calc(100% + 55px); 
    
    border: 0;
}.country-grid {
    display: grid;
    /* 화면 크기에 따라 카드 개수 자동 조절 */
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); 
    gap: 20px;
    width: 100%;
}

.country-card {
    background: #f8f9fa;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 20px;
}

.country-card h4 {
    color: #004098;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}