body{height:auto}
.page-country-union .page-top-nav{display:none}
.country-union [hidden]{display:none !important}
/* .country-union .title{font-family:'NanumSquare', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', '돋움', dotum, Helvetica, sans-serif !important} */
@media(min-width:1070px){
  /* .container{max-width:1120px} */
}


/* hero-content */
.country-union{display:flex; flex-direction:column; gap:40px; padding-top:40px; padding-bottom:10px}
.country-union .hero-content .hero-inner{display:flex; flex-direction:column; gap:24px}
.country-union .page-title{display:flex; flex-direction:column; gap:6px; margin-top:0; text-align:left}
.country-union .hero-content .title{font-size:24px; font-weight:800; line-height:1.3; letter-spacing:-0.17px;  background:linear-gradient(180deg, rgba(65, 95, 126, 1) 0%, rgba(15, 39, 64, 1) 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent}
.country-union .hero-content .desc{color:#515a64; margin-top:0; line-height:1.5}
@media(min-width:768px){
  .country-union{gap:72px; padding-top:72px; padding-bottom:20px}
  .country-union .page-title{gap:12px}
  .country-union .hero-content .title{font-size:34px}
  .country-union .hero-content .desc{font-size:16px; line-height:1.6}
}


/* search */
.country-union .search{border:1px solid rgba(0, 0, 0, 0.10); padding-left:16px; padding-right:10px; gap:8px; height:43px; border-radius:8px; display:flex; align-items:center; justify-content:space-between}
.country-union .search-input{width:100%; font-size:15px}
.country-union .search-input::placeholder{color:rgba(0,0,0,0.4)}
.country-union .search-input::-webkit-search-cancel-button{-webkit-appearance:none; appearance:none}
.country-union .search-btn{margin-top:0; width:30px; height:40px; background-image:url('../images/country-union/ico_search.svg'); background-position:center; background-repeat:no-repeat; background-size:16px}
@media(min-width:768px){ .country-union .search{max-width:260px} }


/* common */
.country-union .sub-title{font-size:18px; font-weight:600; line-height:1.3}
.country-union .world-wrap{display:flex; flex-direction:column; gap:16px}
.country-union .lists{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:4px}
.country-union .union-label{display:flex; align-items:center; font-size:16px; line-height:1.2}
.country-union .flag-img{margin-right:10px; outline:1px solid rgba(0, 0, 0, 0.1); outline-offset:-1px}
.country-union .union .union-label{font-weight:600}
.country-union .list-link{display:flex; align-items:center; gap:8px; height:100%; font-size:14px; font-weight:500; line-height:1.4; word-break:break-all; background-color:rgba(0,0,0,0.03); word-break:normal}
.country-union .union .list-link,
.country-union .country .list-link::before{border-radius:8px; transition:all .3s ease}
.country-union .list-link .flag-img{margin-right:12px}
@media(min-width:768px){
  .country-union .lists{grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px}
  .country-union .country .country-inner{grid-template-columns:repeat(3, minmax(0, 1fr))}
}
@media(min-width:1070px){
  .country-union .lists,
  .country-union .country .country-inner{grid-template-columns:repeat(5, minmax(0, 1fr))}
  .country-union .page-title,
  .country-union .sub-title,
  .country-union .union-label,
  .country-union .country .list-link{max-width:650px}
}


/* union : 연합회 */
.country-union .union .union-inner,
.country-union .union .union-group{display:flex; flex-direction:column}
.country-union .union .union-inner{gap:24px}
.country-union .union .union-group{gap:32px}
.country-union .union .union-label .flag-img{width:22px}
.country-union .union .list-link{justify-content:flex-start; padding:10px 12px 10px 16px}
.country-union .union .list-link:hover{background-color:rgba(0,0,0,0.06)}
.country-union .union .list-link::after{content:''; width:12px; height:12px; flex-shrink:0; margin-left:auto; background-image:url('../images/country-union/ico_link.svg'); background-position:center; background-repeat:no-repeat; background-size:contain}


/* country : 국가별 */
.country-union .country .country-inner{display:grid; gap:32px}
.country-union .country .list-link{position:relative; z-index:1; padding:8px 0; background-color:transparent}
.country-union .country .list-link .flag-img{width:20px}
.country-union .country .list-link::before{content:''; position:absolute; left:-4px; right:0; top:0; bottom:0; z-index:0}
.country-union .country .list-link:hover::before{background-color:rgba(0,0,0,0.03)}
@media(min-width:768px){ .country-union .country .lists-country{grid-template-columns:repeat(1, minmax(0, 1fr)); gap:0px} }


/* 검색 결과 없음 */
.country-union .no-results{display:block; max-width:650px; margin:0 auto; padding-left:20px; padding-right:20px}
.country-union .no-results-inner{padding:12px 24px; line-height:1.5; font-size:15px; margin-top:0; background-color:rgba(0, 0, 0, 0.02); border-radius:999px; color:rgba(0, 0, 0, 0.5); text-align:center}
.country-union mark{padding:0px 2px; border-radius:4px; background-color:#eaeefd; color:#4652e3; font-weight:500}