@charset "UTF-8"; 
/* 인풋박스 */ 
.input-box { position: relative; }
.input-box input { border-radius: 0.4rem; border: 1px solid #CAD1E1;background: #fff; height: 4.8rem; padding: 0 1.6rem;font-size:1.6rem;font-weight: 400;line-height: 2.56rem;letter-spacing: -0.016rem; width:100%; }
.input-box input:focus { outline: none; border-color: #424242; }
.input-box p { color: #616161; font-size: 1.5rem;font-weight: 400;line-height: 2.1rem; letter-spacing: -0.015rem; }

/* 라디오 박스 */
.common-radio { display: flex; gap:1rem; }  
.radio-box { display:flex; align-items: center; justify-content: center; } 
.radio-box:before { display:none; } 
.radio-box>span { display: flex; gap:.6rem; font-size:1.6rem; font-weight: 400; color:#444; } 
.radio-box>span>i { width:1.8rem; height: 1.8rem; border-radius: 50%; border:1px solid #d9d9d9; background: #fff; display: flex; position: relative; align-items: center; justify-content: center; margin-top:.12rem; flex-shrink: 0; } 
.radio-box>span>i:before { content:""; width:.6rem; height: .6rem; border-radius: 50%; background: #fff; display: none; }  
.radio-box>input[type="radio"] { opacity:0;position:absolute; } 
.radio-box>input[type="radio"]:checked+span>i {background: linear-gradient(112deg, #2F9F49 0%, #00C8FF 120.03%); border: 0; }  
.radio-box>input[type="radio"]:checked+span>i:before { display: block; }   
.radio-box:has(input[type="text"])>span { flex-shrink:0; }   
.radio-box>input[type="text"] { max-width:100%; }        

/* 라디오 박스 타입2 */ 
.radio-box.type2 { padding:1.33rem 1.6rem; background: #fff; position: relative; }      
.radio-box.type2:before { content:"";display: block;position: absolute;top:0;left:0; border:1px solid #E0E0E0; width:100%; height: 100%; border-radius: 0.4rem; } 
.radio-box.type2:has(input[type="radio"]:checked):before { background: linear-gradient(112deg, #2F9F49 0%, #00C8FF 120.03%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude; padding: 2px;border:0; }   

/* 체크 박스 */   
.common-check { display: flex; gap:1rem; }  
.check-box { display:flex; align-items: center; justify-content: center; } 
.check-box:before { display:none; }
.check-box>span { display: flex; align-items: center; gap:.6rem; font-size:1.6rem; font-weight: 400; color:#444; } 
.check-box>span>i { border: 1px solid #bdbdbd; width:1.8rem; height: 1.8rem; border-radius: .4rem; display: flex; align-items: center; justify-content: center; position: relative; flex-shrink: 0;} 
.check-box>span>i:before { content:"\eb7b"; color:#fff; font-family:"remixicon"; display: none; font-size:1.6rem; } 
.check-box>input[type="checkbox"] { opacity:0;position:absolute; }  
.check-box>input[type="checkbox"]:checked+span>i { border-color:#2F9F49; background: #2F9F49; } 
.check-box>input[type="checkbox"]:checked+span>i:before { display:block; }     

/* 체크 박스 타입2 */  
.check-box.type2 { padding:1.33rem 1.6rem; background: #fff; position: relative; }     
.check-box.type2:before { content:"";display: block;position: absolute;top:0;left:0; border:1px solid #E0E0E0; width:100%; height: 100%; border-radius: 0.4rem; } 
.check-box.type2:has(input[type="checkbox"]:checked):before { background: linear-gradient(112deg, #2F9F49 0%, #00C8FF 120.03%);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;mask-composite: exclude; padding: 2px;border:0; }       
.check-box.type2>span { gap:.8rem; color:#222; }
.check-box>input[type="checkbox"]:checked+span>i { border:0; background:linear-gradient(112deg, #2F9F49 0%, #00C8FF 120.03%); }

/* borad search */ 
.g-wrap { display: flex; flex-direction: column; gap:2.4rem; } 
.g-wrap .g-search-area { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; }            
.g-wrap .g-search-area:not(:has(.search-top-box)) { flex-direction: row; }   
.g-wrap .g-search-area .search-list-top .sch-info { display: flex; gap:2.4rem; align-items: center; } 
.g-wrap .g-search-area .search-list-top .sch-info li { font-family: "Spoqa Han Sans Neo"; font-size: 1.8rem; font-style: normal; font-weight: 400; line-height: normal; color:#616161; position: relative; } 
.g-wrap .g-search-area .search-list-top .sch-info li:before { content:""; width:1px; height:1.6rem; background:#e0e0e0; display: block; position: absolute; top:50%; transform: translateY(-50%); left:-1.2rem; } 
.g-wrap .g-search-area .search-list-top .sch-info li:first-of-type:before { display: none; } 
.g-wrap .g-search-area .search-list-top .sch-info li .point { color: #087F34; font-weight: 500; } 
.g-wrap .g-search-area .search-list-top .sch-info li .total { color:#222; } 
.g-wrap .g-search-area .search-top-box .form-col-group { display: flex; gap:.8rem } 
.g-wrap .g-search-area .search-top-box .form-col-group .form-group .form-tit { display: none; } 
.g-wrap .g-search-area .search-top-box .form-col-group .form-group .sch-form-wrap .sch-input { display: flex; gap:.8rem; } 
.g-wrap .g-search-area .search-top-box .form-col-group .form-group .sch-form-wrap .sch-input button { display: flex; align-items: center; justify-content: center; padding:0 2.4rem; height: 5.4rem; border-radius: 1.2rem; background: linear-gradient(112deg, #2F9F49 0%, #00C8FF 120.03%); min-width: 10rem; } 
.g-wrap .g-search-area .search-top-box .form-col-group .form-group .sch-form-wrap .sch-input button span { color: #FFF; text-align: center; font-size: 1.8rem; font-style: normal; font-weight: 500; } 
@media (max-width:767px) { 
.g-wrap .g-search-area { flex-direction: column; gap:2rem; align-items: flex-start; } 
.g-wrap .g-search-area .search-top-box { width:100%; } 
.g-wrap .g-search-area .search-top-box .form-col-group { width:100%; } 
.g-wrap .g-search-area .search-top-box .form-col-group .form-group:has(input[type="text"]) { width:100%; } 
} 
@media (max-width:640px) { 
.g-wrap .g-search-area .search-top-box .form-col-group .form-group:has(select) { width:100%; } 
.g-wrap .g-search-area .search-top-box .form-col-group .form-group select { width:100%; } 
.g-wrap .g-search-area .search-top-box .form-col-group { flex-direction: column; } 
} 

/* board pager */
.board_pager { display: flex; align-items: center; justify-content: center; gap:.4rem; margin-top:6.4rem; } 
.board_pager a, .board_pager > span a { display: flex; flex-shrink: 0; width: 4rem; height: 4rem; flex-direction: column; justify-content: center; align-items: center; gap: 1rem; border-radius: 0.3rem; border: 1px solid #E0E0E0; background: #FFF; font-family: "Pretendard"; 
font-size: 1.4rem; font-weight: 500; overflow: hidden; } 
.board_pager > span { display: flex; gap:.4rem; margin:0; } 
.board_pager a.prev { margin-right: .8rem; } 
.board_pager a.next { margin-left: .8rem; } 
.board_pager .item .active, .board_pager > span .active { background: linear-gradient(112deg, #2F9F49 0%, #00C8FF 120.03%), #222; border:0; } 

/* board list type2 */
.board_list.type2 { border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; } 
.board_list.type2:has(.no-data-box) { border:0; }    
.board_list.type2 table { table-layout: fixed; } 
.board_list.type2 table tbody tr { border-top:1px solid #E0E0E0; padding:1.2rem 2rem; }      
.board_list.type2 table tbody tr.board-notice { background: #F3F8F5 !important; } 
.board_list.type2 table tbody tr.board-notice .board-notice-text { overflow: hidden; color: #087F34; 
text-align: center; font-size: 2rem; font-weight: 400; line-height: 2.8rem; display: flex; align-items: center; justify-content: center; gap:.8rem; } 
.board_list.type2 table tbody tr.board-notice .board-notice-text i { font-size:2rem; } 
.board_list.type2:has(tbody tr.board-notice) { border-top: 0; } 
.board_list.type2 table tbody tr:first-of-type { border-top: 0; } 
.board_list.type2 table tbody tr td { padding:3.44rem 1.2rem; overflow: hidden; color: #757575; font-size: 1.7rem; font-style: normal; font-weight: 400; line-height: 2.38rem; letter-spacing: -0.017rem; }       
.board_list.type2 table tbody tr td:first-of-type { padding-left:3.2rem; }
.board_list.type2 table tbody tr td:last-of-type { padding-right:3.2rem; }
.board_list.type2 table tbody tr .board-number { overflow: hidden; color: #222; font-size: 1.8rem; font-weight: 400; line-height: 2.52rem; } 
.board_list.type2 table tbody tr .board-title a { display: block; } 
.board_list.type2 table tbody tr .board-title a span { overflow: hidden; color: #222; font-size: 2.2rem; font-weight: 600; line-height: 3.08rem; text-overflow: ellipsis; white-space: nowrap; display: block;  } 
.board_list.type2 table tbody tr .board-file i { font-size:2.4rem; color:#bdbdbd; }        
.board_list.type2 table tbody tr .board-link i { font-size:3.2rem; color:#bdbdbd; } 
.board_list.type2 table tbody tr:hover { background: none; } 
.board_list.type2 table tbody tr:hover .board-title a span { text-decoration: underline; text-underline-offset: .4rem; } 
.board_list.type2 table tbody tr:hover .board-link a i { color:#222; } 
.board_list.type2 table tbody tr td .board-thumb-value { justify-content: center; }
@media (max-width:640px){    
.board_list.type2 colgroup { display: none; }
.board_list.type2 table { border-top:2px solid #222; }       
.board_list.type2 table tbody tr { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 8px; padding: 24px 55px 24px 20px; position: relative; }      
.board_list.type2 table tbody tr td { padding:0 !important;border:0 !important; text-align: left; }     
.board_list.type2 table tbody tr td.board-title { width:100%; }   
.board_list.type2 table tbody tr.board-notice .board-notice-text { justify-content: flex-start; }  
.board_list.type2 table tbody tr td:not(:has(*)) { display: none; }      
.board_list.type2 table tbody tr .board-file i { font-size:2.2rem; }
.board_list.type2 table tbody tr .board-link { position: absolute; top:50%; right:20px; transform: translateY(-50%); }       
}                 

/* newsletter */
.newsletter { display: flex; position: relative; height: 21.4rem; padding:0 12.6rem 0 38.2rem; background: #085E40; border-radius: 2rem; overflow: hidden; align-items: center; margin-bottom:6.4rem; } 
.newsletter .newsletter-img { position: absolute; top: 2.3rem; left:12.6rem; width:19.2rem; aspect-ratio: 19.2 / 25.7; overflow: hidden; } 
.newsletter .newsletter-title { display: flex; flex-direction: column; gap:.4rem; } 
.newsletter .newsletter-title strong { display: flex; align-items: center; gap:1.6rem; } 
.newsletter .newsletter-title strong span { color: #FFF; font-weight: 700; font-size: 4rem; line-height: 5.6rem; } 
.newsletter .newsletter-title strong em { display: inline-flex; height: 3.8rem; padding:0 1.6rem; background: #30AF3F; color: #FFF; font-weight: 700; font-size: 1.6rem; line-height: 2.24rem; align-items: center; border-radius: 3.8rem; } 
.newsletter .newsletter-title p { color: #FFF; font-weight: 400; font-size: 1.6rem; line-height: 2.4rem; letter-spacing: -0.016rem; } 
.newsletter .newsletter-more { display: flex; margin-left:auto; flex-direction: column; gap:1.2rem; } 
.newsletter .newsletter-more a { display: flex; padding:1.2rem 2.4rem 1.2rem 3.6rem; border: 1px solid rgba(255, 255, 255, 0.50); border-radius: 36rem; gap:4rem; align-items: center; } 
.newsletter .newsletter-more a span { color: #fff; font-weight: 500; font-size: 1.8rem; line-height: 2.88rem; } 
.newsletter .newsletter-more a i { color:#fff; font-size:2rem; } 
@media (max-width:840px){
.newsletter { flex-direction: column; height: auto; padding: 4rem 4rem 4rem 26rem; align-items: flex-start; gap:2rem; }
.newsletter .newsletter-img { left:4rem; }
.newsletter .newsletter-more { margin-left:0; width:100%; flex-direction: row; }
.newsletter .newsletter-more a { justify-content: center; width:50%; gap:1rem; }
}
@media (max-width:540px){
.newsletter { padding:4rem; }
.newsletter .newsletter-img { position: relative; top:auto; left:auto; width:100%; aspect-ratio:auto; text-align: center; }
.newsletter .newsletter-more { flex-direction: column; }
.newsletter .newsletter-more a { width:100%; }
}

/* board thumb list */
.board-thumb-list>ul { display: flex; flex-wrap: wrap; gap:2.4rem; } 
.board-thumb-list>ul>li { width: calc(50% - 1.2rem); display: flex; gap:4.8rem; padding:3.4rem 4.8rem; border-radius: 1.2rem; background: #fff; border:1px solid #E0E0E0; } 
.board-thumb-list>ul>li .board-thumb-list-img { width:20rem; } 
.board-thumb-list>ul>li .board-thumb-list-img img { width:100%; } 
.board-thumb-list>ul>li .board-thumb-list-desc { display: flex; gap: 2.4rem; justify-content: center; width:calc(100% - 20rem - 4.8rem); flex-direction: column; } 
.board-thumb-list>ul>li .board-thumb-list-desc .board-thumb-title { overflow: hidden; color: #222;text-overflow: ellipsis; white-space: nowrap; font-size: 2rem; font-style: normal; font-weight: 600;
line-height: 3rem; letter-spacing: -0.02rem; }
.board-thumb-list>ul>li .board-thumb-list-desc .common-btn { width:100%; flex-wrap: wrap; } 
.board-thumb-list>ul>li .board-thumb-list-desc .common-btn .btn { width:calc(50% - .4rem); } 
.board-thumb-list>ul>li .board-thumb-list-desc .common-btn:not(:has(.btn:nth-of-type(2))) .btn { width:100%; } 
.board-thumb-list>ul>li.no-date { text-align: center; }
.board-thumb-img { width:100%; aspect-ratio: 337.00/191.25; margin-bottom:2.4rem; }
.board-thumb-img img { width:100%; height: 100%; object-fit: cover; } 
.board-thumb-value { display: flex; gap:1.6rem; }
.board-thumb-value span { display: flex; max-width: fit-content; padding:0 1.2rem; font-size:1.6rem; border-radius: .3rem; background: #EFF3FB; height:3.2rem; align-items: center; justify-content: center; font-weight: 500; flex-shrink: 0; } 
.board-thumb-value span.value1 { background: #EFF3FB; color:#364FC7; } 
.board-thumb-value span.value2 { background: #FFF2EB; color:#EB6B25; } 
.board-thumb-value span.value3 { background: #EFF9F7; color:#00926F; } 
.board-thumb-value span.value4 { background: #F5F5F5; color:#424242; } 
.board-thumb-value span.value5 { background: #fff; color:#364FC7; border:1px solid #364FC7; } 
.board-thumb-value span.value6 { background: #fff; color:#EB6B25; border:1px solid #EB6B25; } 
.board-thumb-value span.value7 { background: #fff; color:#00926F; border:1px solid #00926F; } 
.board-thumb-value span.value8 { background: #F5F5F5; color:#424242; } 
.board-thumb-value span.value9 { background: #EFF3FB; color:#364FC7; } 

/* type2 */
.board-thumb-list.type2>ul { display: flex; flex-wrap: wrap; gap:4.8rem; flex-direction: row; } 
.board-thumb-list.type2>ul>li { width: calc(33.33% - 3.2rem); padding:0; border:0; } 
.board-thumb-list.type2>ul>li>a { display: flex; flex-direction: column; gap:1.6rem; width:100%; } 
.board-thumb-list.type2>ul>li>a .board-thumb-list-img { aspect-ratio: 428/241; width:100%; border-radius: 1.2rem; overflow: hidden; } 
.board-thumb-list.type2>ul>li>a .board-thumb-list-desc { width:100%; gap:1.6rem; } 
.board-thumb-list.type2>ul>li>a .board-thumb-list-desc .board-thumb-title { color:#222; font-size: 2.2rem; font-weight: 600; line-height: 3.3rem; letter-spacing: -0.022rem; } 
.board-thumb-list.type2>ul>li>a .board-thumb-list-desc .board-thumb-util { display: flex; gap:2.4rem; } 
.board-thumb-list.type2>ul>li>a .board-thumb-list-desc .board-thumb-util li { color:#757575; font-size: 1.7rem; font-weight: 400; position: relative; } 
.board-thumb-list.type2>ul>li>a .board-thumb-list-desc .board-thumb-util li:before { content:""; display: block; width:1px; height:1.5rem; position: absolute; top:50%; transform: translateY(-50%); left:-1.2rem; background:#e0e0e0; } 
.board-thumb-list.type2>ul>li>a .board-thumb-list-desc .board-thumb-util li:first-of-type:before { display: none; } 

/* type3 */ 
.board-thumb-list.type3>ul { gap:4rem; } 
.board-thumb-list.type3>ul { flex-direction: row; } 
.board-thumb-list.type3>ul>li { width:calc(25% - 3rem); padding:0; border:0; flex-direction: column; gap:2.4rem; } 
.board-thumb-list.type3>ul>li .board-thumb-list-img { width:100%; border-radius: 1.2rem; overflow: hidden; border:1px solid #E0E0E0; aspect-ratio: 29.3 / 41.6; }  
.board-thumb-list.type3>ul>li .board-thumb-list-img img { width: 100%; height: 100%; object-fit: cover; } 
.board-thumb-list.type3>ul>li .board-thumb-list-desc { width:100%; gap:1.2rem; } 
.board-thumb-list.type3>ul>li .board-thumb-list-desc .board-thumb-title { color:#222; font-size: 2.2rem; font-weight: 600; line-height: 3.3rem; letter-spacing: -0.022rem;  display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; text-overflow: ellipsis; white-space: normal; }          
.board-thumb-list.type3>ul>li .board-thumb-list-desc .board-thumb-date { color:#757575; font-size: 1.7rem; font-weight: 400; position: relative; line-height: 2.38rem; letter-spacing: -0.017rem; } 
.board-thumb-list.type3>ul>li .board-thumb-list-desc .common-btn { margin-top:2rem; flex-direction: row; } 
.board-thumb-list.type3>ul>li .board-thumb-list-desc .common-btn .btn { width:calc(50% - .4rem); } 

/* type4 */   
.board-thumb-list.type4>ul { flex-direction: row; gap:2.4rem; } 
.board-thumb-list.type4>ul>li { gap:2.4rem; width:calc(33.333% - 1.6rem); padding:4rem; position: relative; }
.board-thumb-list.type4>ul>li:has(>a) { padding:0; }
.board-thumb-list.type4>ul>li>a { width:100%; padding:4rem; display: flex; flex-direction: column; }
.board-thumb-list.type4>ul>li .board-thumb-list-img { width:100%; margin-bottom:1.2rem; border-radius: 1.2rem; overflow: hidden; aspect-ratio: 33/20; flex-shrink: 0; } 
.board-thumb-list.type4>ul>li .board-thumb-list-desc { position: relative; width:100%; height: 100%; justify-content: flex-start; align-self: flex-start; gap:0; } 
.board-thumb-list.type4>ul>li .board-thumb-list-desc .board-thumb-value { margin-bottom:1.6rem; } 
.board-thumb-list.type4>ul>li .board-thumb-list-desc .board-thumb-title { color: #222; font-family: Freesentation; font-size: 2.2rem; font-style: normal; font-weight: 600; line-height: 3.3rem; height: 100%; max-height: 6.5rem; display: block; margin-bottom:2.4rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width:100%; white-space: normal; }      
.board-thumb-list.type4>ul>li:hover .board-thumb-list-desc .board-thumb-title { text-decoration: underline; text-underline-position: under; }
.board-thumb-list.type4>ul>li .board-thumb-list-desc .board-thumb-util { display: flex; gap:.8rem; flex-direction: column; margin-bottom:3.6rem; width:100%; } 
.board-thumb-list.type4>ul>li .board-thumb-list-desc .board-thumb-util li { display: flex; gap:1rem; } 
.board-thumb-list.type4>ul>li .board-thumb-list-desc .board-thumb-util li span { overflow: hidden; color:#616161; font-size: 1.7rem; font-weight: 400; line-height: 2.38rem; letter-spacing: -0.017rem; } 
.board-thumb-list.type4>ul>li .board-thumb-list-desc .board-thumb-util li span:has(i) { display: flex; min-width: 7.5rem; flex-shrink: 0; color:#616161; font-size: 1.7rem; font-weight: 500; line-height: 2.38rem; letter-spacing: -0.017rem; gap:.6rem; } 
.board-thumb-list.type4>ul>li .board-thumb-list-desc .board-thumb-util li span i { font-size:1.6rem; color:#bdbdbd; } 
.board-thumb-list.type4>ul>li:hover:before { content:""; position: absolute; border-radius: 1.2rem; padding: 2px; background: linear-gradient(112deg, #2F9F49 0%, #00C8FF 120.03%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; left:-2px; top:-2px; width:calc(100% + 4px); height:calc(100% + 4px);z-index: -1; } 
.board-thumb-list.type4>ul>li:has(.board-thumb-list-img) .board-thumb-list-desc .board-thumb-title { display: block; -webkit-line-clamp: none; max-height: max-content; margin-bottom:.2rem; } 
.board-thumb-list.type4>ul>li:has(.board-thumb-list-img) .board-thumb-list-desc .board-thumb-text { color: #595959; font-size: 1.8rem;font-weight: 400;line-height: 2.7rem;letter-spacing: -0.018rem; margin-bottom:2.4rem; }
.board-thumb-list.type4>ul>li .board-thumb-list-desc .btn-link { margin-top:auto; }
.board-thumb-list.type4>ul>li:hover .board-thumb-list-desc .btn-link span { color:#222; }
.board-thumb-list.type4>ul>li:hover .board-thumb-list-desc .btn-link:after { color:#222; }
.board-thumb-list.type4>ul>li:hover .board-thumb-list-desc .btn-link:hover span{ text-decoration: none; }
.board-thumb-list.type4>ul>li:hover .board-thumb-list-desc .btn-link:hover:after { color:#222; opacity: 1; }

/* no btn */
.board-thumb-list.type4>ul>li .board-thumb-list-desc:has(.value4) .common-btn .btn:nth-of-type(2) { cursor: no-drop; background: #F5F5F5; } 
.board-thumb-list.type4>ul>li .board-thumb-list-desc:has(.value4) .common-btn .btn:nth-of-type(2) span,
.board-thumb-list.type4>ul>li .board-thumb-list-desc:has(.value4) .common-btn .btn:nth-of-type(2) i { color:#9E9E9E; }     

@media (max-width:1024px) { 
.board-thumb-list>ul { gap:2rem; } 
.board-thumb-list>ul>li { width:calc(50% - 1rem); padding:2.4rem; gap:2.4rem; }            
.board-thumb-list>ul>li .board-thumb-list-desc { gap:2rem; width:calc(100% - 20rem - 2.4rem); }    
/* type2 */
.board-thumb-list.type2>ul { gap:4rem; }    
.board-thumb-list.type2>ul>li { width: calc(33.33% - 2.666rem); } 
/* type3 */
.board-thumb-list.type3>ul { gap:2.8rem; } 
.board-thumb-list.type3>ul>li { width:calc(33.33% - 1.8666rem); } 
} 
@media (max-width:840px) { 
.board-thumb-list>ul { flex-direction: column; } 
.board-thumb-list>ul>li { width:100%; } 
.board-thumb-list>ul>li .board-thumb-list-desc .common-btn .btn { width:calc(50% - .4rem) } 
/* type2 */
.board-thumb-list.type2>ul { gap:2.4rem; } 
.board-thumb-list.type2>ul>li { width: calc(50% - 1.2rem); } 
.board-thumb-list.type2>ul>li>a { gap:1.2rem; } 
.board-thumb-list.type2>ul>li>a .board-thumb-list-desc { gap:1.2rem; } 
/* type4 */
.board-thumb-list.type4>ul>li { width:calc(50% - 1.2rem); }        
} 
@media (max-width:640px) { 
.board-thumb-list>ul>li { gap:2.4rem; } 
.board-thumb-list>ul>li .board-thumb-list-img { width:18rem; } 
.board-thumb-list>ul>li .board-thumb-list-desc { width:calc(100% - 18rem - 2rem); } 
/* type2 */  
.board-thumb-list.type2>ul>li { width: 100%; } 
/* type3 */
.board-thumb-list.type3>ul { gap:2.4rem; } 
.board-thumb-list.type3>ul>li { width:calc(50% - 1.2rem); }    
} 
@media (max-width:540px) { 
.board-thumb-list>ul>li { gap:2rem; } 
.board-thumb-list>ul>li .board-thumb-list-img { width:15rem; } 
.board-thumb-list>ul>li .board-thumb-list-desc { width:calc(100% - 15rem - 2rem); } 
.board-thumb-list>ul>li .board-thumb-list-desc { gap:1.6rem; } 
/* type3 */
.board-thumb-list.type3>ul>li { width:100%; } 
/* type4 */  
.board-thumb-list.type4>ul>li { width:100%; }      
} 
@media (max-width:420px) { 
.board-thumb-list>ul>li { flex-direction: column; padding:2.4rem; } 
.board-thumb-list>ul>li .board-thumb-list-img { width:100%; } 
.board-thumb-list>ul>li .board-thumb-list-desc { width:100%; } 
} 

/* board view */
.board-view { table-layout: fixed; border-collapse: collapse; max-width: 100%; width: 100%; border-top:2px solid #222; border-bottom:1px solid #616161; position: relative; } 
.board-view colgroup col:first-of-type { width:100%; max-width:20%; min-width: 12rem; } 
.board-view thead tr.board-view-head td { padding:4rem 2rem; } 
.board-view thead tr.board-view-head td .board-view-title strong { display: flex; justify-content: center; gap:1.6rem; } 
.board-view thead tr.board-view-head td .board-view-title strong .board-view-title-notice { display: flex; padding: 0 1.2rem; justify-content: center; align-items: center; gap: 0.8rem; background: #087F34; border-radius: 4rem; height:3.4rem; font-size:2rem; color:#fff; font-weight: 400; line-height: 2.8rem; flex-shrink: 0; max-width: fit-content; } 
.board-view thead tr.board-view-head td .board-view-title strong .board-view-title-notice i { color:#fff; font-size:2rem; } 
.board-view thead tr.board-view-head td .board-view-title strong p { color: #222; font-size: 2.4rem; font-weight: 700; line-height: 3.36rem; letter-spacing: -0.024rem; display: flex; align-items: center; } 
.board-view thead tr.board-view-head td .board-view-util { margin-top:1.6rem; } 
.board-view thead tr.board-view-head td .board-view-util ul { display: flex; gap:2.4rem; justify-content: center; } 
.board-view thead tr.board-view-head td .board-view-util ul li { position: relative; display: flex; gap:1.2rem; } 
.board-view thead tr.board-view-head td .board-view-util ul li:before { content:""; display: block; width:1px; height: 1.5rem; position: absolute; top:.5rem; left:-1.2rem; background:#e0e0e0; } 
.board-view thead tr.board-view-head td .board-view-util ul li:first-of-type:before { display: none; } 
.board-view thead tr.board-view-head td .board-view-util ul li strong { font-size:1.7rem; color:#222; }
.board-view thead tr.board-view-head td .board-view-util ul li span { color: #757575; font-size: 1.7rem; font-weight: 400; letter-spacing: -0.017rem; } 
.board-view tbody tr.board-view-content td { padding:6.4rem 0; color: #616161; font-size: 1.8rem; font-weight: 400; line-height: 2.88rem; letter-spacing: -0.018rem; } 
.board-view tbody tr.board-view-content td img { display: block; margin: 0 auto; } 
.board-view tbody tr.board-view-content td p,
.board-view tbody tr.board-view-content td span,
.board-view tbody tr.board-view-content td em { font-size:2rem; }
.board-view tbody tr { border-top:1px solid #E0E0E0; } 
.board-view tbody tr th { color: #222; font-size: 1.8rem; font-weight: 700; line-height: 2.52rem; letter-spacing: -0.018rem; background: #F5F5F5; } 
.board-view tbody tr th,
.board-view tbody tr td { padding:2rem 2.4rem; } 
.board-view tbody tr.board-view-file td ul li p.name { margin-top:1.1rem; display: flex; gap:.6rem; } 
.board-view tbody tr.board-view-file td ul li p.name:first-of-type { margin-top:0; } 
.board-view tbody tr.board-view-file td ul li p.name i { flex-shrink: 0; } 
.board-view tbody tr.board-view-file td ul li p.name a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.board-view tbody tr.board-view-file td ul li p.name small { color:#9E9E9E; font-size: 1.6rem; 
font-style: normal; font-weight: 400; flex-shrink: 0; transform: translateY(.2rem); } 
.board-view tbody tr.board-view-file td ul li p.name a:hover span { text-decoration: underline; }   
.board-view tbody tr.board-view-file td ul li .board-view-download { margin-top:1.75rem; } 
.board-view tbody tr.board-view-file td ul li .board-view-download .btn { display: flex; align-items: center; justify-content: center; padding:0 2.2rem; height: 4rem; gap:.5rem; border-radius: .3rem; background: #222; max-width: fit-content; border-color:#222; } 
.board-view tbody tr.board-view-file td ul li .board-view-download .btn i { color:#fff; font-size:2rem; } 
.board-view tbody tr.board-view-file td ul li .board-view-download .btn span { color:#fff; 
font-size: 1.6rem; font-style: normal; font-weight: 500; letter-spacing: -0.016rem; } 
.board-view tbody tr.board-view-page th i { font-size:1.8rem; color:#222; margin-right: 1rem; } 
@media (max-width:480px){
.board-view thead tr.board-view-head td .board-view-title strong { flex-direction: column; gap:1rem; }
.board-view thead tr.board-view-head td .board-view-util ul { justify-content: flex-start; }
.board-view thead tr.board-view-head td .board-view-util:has(strong) ul { flex-direction: column; gap:1rem; }  
.board-view thead tr.board-view-head td .board-view-util:has(strong) ul li:before { display: none; }   
}         

/* 개인정보 수집 및 이용 동의 */  
.privacy-box { padding:4rem 6.4rem; border-radius: 1.2rem; border: 1px solid #CAD1E1; height: 26rem; overflow-y: auto; } 
.privacy-agree { margin-top:2.4rem; display: flex; justify-content: space-between; align-items: center; } 
.privacy-agree-title strong { color: #222; font-size: 2rem; font-weight: 500; line-height: 140%; letter-spacing: -0.02rem; } 
.privacy-agree-title span { color:#2F9F49; font-size: 2rem; font-weight: 500; line-height: 2.8rem; letter-spacing: -0.02rem; } 
.privacy-agree-check { display: flex; gap:2.4rem; }
@media (max-width:767px){  
.privacy-box { padding:4rem; }
.privacy-agree { flex-direction: column; gap:1rem; }
} 

/* 참여 신청 */
.register-box-title { display: block; text-align: center; margin-bottom: 3.7rem; overflow: hidden; color: #222; font-size: 2.4rem; font-weight: 400; 
line-height: 3.36rem; letter-spacing: -0.024rem; } 
.register-box-title span { font-weight: 700; } 
.register-box-input { display: flex; flex-direction: column; gap:1.6rem; max-width:64rem; width:100%; margin:0 auto; } 
.register-box-input .register-box-input-item { display: flex; gap:1.6rem; } 
.register-box-input .register-box-input-item label { width:12rem; display: flex; color:#222; font-size: 2rem; font-weight: 500; line-height: 3rem; letter-spacing: -0.02rem; padding-top:.7rem; flex-shrink: 0; }    
.register-box-input .register-box-input-item .input-box { width:calc(100% - 12rem); } 
.register-box-input .register-box-input-item .input-box .captcha-box { display: flex; background: #fff; padding:1.2rem 2.4rem; justify-content: center; gap:1rem; margin-bottom:1rem; }
.register-box-input .register-box-input-item .input-box .captcha-box .captcha-img { width:14.2rem; aspect-ratio: 142/45; }
.register-box-input .register-box-input-item .input-box .captcha-box .captcha-img img { width:100%; height: 100%; object-fit: cover; }
.register-box-input .register-box-input-item .input-box .captcha-btn { display: flex; align-items: center; gap:.4rem; } 
.register-box-input .register-box-input-item .input-box .captcha-btn i { color:#757575; font-size:1.6rem; }
.register-box-input .register-box-input-item .input-box .captcha-btn span { font-size:1.4rem; line-height: 2.24rem; letter-spacing: -0.014rem; font-weight: 400; color:#757575; }

/* 참여 신청 완료 */
.register-complete { padding:4rem 4rem 6.4rem 4rem; border-radius: 1.2rem; display: flex; justify-content: center; flex-direction: column; align-items: center; gap:2.4rem; } 
.register-complete .register-complete-title { display: flex; flex-direction: column; gap:1.6rem; } 
.register-complete .register-complete-title strong { text-align: center; font-size: 3.2rem; font-style: normal; font-weight: 700; line-height: 4.48rem; letter-spacing: -0.032rem; background: linear-gradient(112deg, #2F9F49 0%, #00C8FF 120%); 
background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 
.register-complete .register-complete-title p { text-align: center; color:#222; font-size: 1.8rem; font-weight: 400; line-height:2.7rem; letter-spacing: -0.018rem; } 
.register-complete .register-complete-desc { padding:2.4rem 6.4rem; background: #fff; width:100%; max-width:80rem; border-radius: 1.2rem; } 
.register-complete .register-complete-desc ul li { display: flex; padding:1.6rem 0; border-top:1px solid #E0E0E0; } 
.register-complete .register-complete-desc ul li:first-of-type { border-top:0; } 
.register-complete .register-complete-desc ul li span { color:#222; font-size: 1.8rem; font-weight: 500; line-height: 2.7rem; letter-spacing: -0.018rem; } 
.register-complete .register-complete-desc ul li span.title { width:20rem; } 
@media (max-width:767px){
.register-complete .register-complete-title p br { display: none; }
}   
@media(max-width:480px){
.register-complete .register-complete-title p { text-align: left !important; }
}

/* 검색박스 */  
.search-box { display: flex; justify-content: center; align-items: center; padding:4rem 6.4rem; border-radius: 1.2rem; background: #EEE; }     
.search-box .search-box-input { display: flex; justify-content: center; align-items: center; gap:.8rem; width:100%; }     
.search-box .search-box-input .input-box { width:100%; max-width:25rem; }
.search-box .search-box-input .input-box select { background-color: #fff; width:100%; height: 5.6rem; font-size:1.6rem; color:#616161; padding:0 2.4rem;    background-image: url(/template/mps/images/common/select-arr2.png); background-size: 1.2rem; }     
.search-box .search-box-input .input-box:has(button) { max-width:21rem; } 
.search-box .search-box-input .input-box .btn { width:100%; height: 5.6rem; border-radius: 1.2rem; gap:.8rem; }    
.search-box .search-box-input .input-box .btn span { color: #FFF; font-size: 1.8rem; font-weight: 500; line-height: 2.52rem; }               
.search-box .search-box-input .input-box .btn i { font-size:2rem; }
@media (max-width:640px){
.search-box { padding:4rem; }
.search-box .search-box-input { flex-wrap: wrap; }
.search-box .search-box-input .input-box { width:calc(50% - .4rem); max-width:100%; }  
.search-box .search-box-input .input-box:has(button) { width:100%; max-width:100%; }
}

/* 설문조사 분기 처리 */   
#wrap:has(.survey) .header.type2:before { content:""; display: block; width:100vw; height:100%; position: absolute; top:0; left:50%; transform: translateX(-50%); background: #fff; } 
#wrap:has(.survey) .header.type2 .header-logo a img { transform: translateY(0);}
#wrap:has(.survey) .header.type2 .header-container .header-menu .header-menu-container>ul>li>a>span { color: #222; }    
#wrap:has(.survey) .header.type2 .header-container .header-util .header-util-language .header-util-language-btn { border: 1px solid rgba(34, 34, 34, 0.30); }
#wrap:has(.survey) .header.type2 .header-container .header-util .header-util-language .header-util-language-btn span { color: #222; }
#wrap:has(.survey) .header.type2 .header-container .header-util .header-util-language .header-util-language-btn i { color: #222; }
#wrap:has(.survey) .header.type2 .header-container .header-util .header-util-popup .header-util-popup-btn i { color: #222; }
#wrap:has(.survey).header.type2 .header-container .header-util .header-util-sitemap>button>i { background: #222; }
#wrap:has(.survey) #sub { background: #EAF2E9; }
#wrap:has(.survey) .sub-visual { display: none; }        
#wrap:has(.survey) #content { padding:16rem 0; }      

/* 설문조사 */ 
.survey .servey-container { display: flex; flex-direction: column; gap:2.4rem; }
.survey .servey-container .survey-title { padding:2.4rem; background: linear-gradient(112deg, #2F9F49 0%, #00C8FF 120.03%); border-radius: 1.2rem; }   
.survey .servey-container .survey-title strong { overflow: hidden; color:#fff;display: flex; gap:.4rem; font-size: 2.2rem; font-weight: 600; line-height: 3.08rem; letter-spacing: -0.022rem; }  
.survey .servey-container .survey-desc ul { display: flex; flex-direction: column; gap:1.2rem; } 
.survey .servey-container .survey-desc ul li { display: flex; gap:4rem; padding:4rem; background: #fff; border-radius: 1.2rem; justify-content: space-between; }  
.survey .servey-container .survey-desc ul li .survey-desc-title { display: flex; flex-direction: column; gap:1.6rem; width:40rem; flex-shrink: 0; }
.survey .servey-container .survey-desc ul li .survey-desc-title label { color: #222;font-size: 2rem; font-weight: 500; line-height: 2.8rem; letter-spacing: -0.02rem; display: flex; gap:.4rem; padding-top:1rem; }   
.survey .servey-container .survey-desc ul li .survey-desc-title .important-select { font-size: 1.4rem; font-weight: 600; line-height: 1.96rem; letter-spacing: -0.014rem; border-radius: 0.8rem; padding: 0 1.2rem; max-width: fit-content; height:2.8rem; justify-content: center; align-items: center; display: flex; margin-left:2.8rem; }       
.survey .servey-container .survey-desc ul li .survey-desc-title .important-select1 { color: #D43333; background: rgba(212, 51, 51, 0.10); }    
.survey .servey-container .survey-desc ul li .survey-desc-title .important-select2 { color: #F79000; background: rgba(247, 144, 0, 0.10); }    
.survey .servey-container .survey-desc ul li .survey-desc-item { display: flex; gap:.8rem; width:100%; max-width:70rem; flex-wrap: wrap; }       
.survey .servey-container .survey-desc ul li .survey-desc-item:has(>.survey-desc-item-sub) { gap:2.4rem; }         
.survey .servey-container .survey-desc ul li .survey-desc-item .survey-desc-item-title { color: #222; font-size: 1.8rem; font-weight: 400; line-height: 2.88rem; letter-spacing: -0.018rem; }      
.survey .servey-container .survey-desc ul li .survey-desc-item.full>label { width:100%; justify-content: flex-start; }  
.survey .servey-container .survey-desc ul li .survey-desc-item .textarea-box { width:100%; }
.survey .servey-container .survey-desc ul li .survey-desc-item .radio-other+.textarea-box { display: none; }    
.survey .servey-container .survey-desc ul li .survey-desc-item .textarea-box textarea { width:100%; height:100%; min-height:11.2rem; padding:1.2rem 1.6rem; border-radius: .8rem; border:1px solid #BDBDBD; color:#616161; font-size: 1.6rem; font-weight: 400; line-height: 2.56rem; letter-spacing: -0.016rem; }  
.survey .servey-container .survey-desc ul li .survey-desc-item .textarea-box textarea::placeholder { color:#9E9E9E; }   
.survey .servey-container .survey-desc ul li .survey-desc-item .textarea-box textarea:focus { outline: none; border-color: #616161; }     
.survey .servey-container .survey-desc ul li .survey-desc-item .radio-box.radio-other:has(input:checked) + .textarea-box {display: block; }       
.survey .servey-container .survey-desc ul li .survey-desc-item>label:has(.survey-desc-item-sub) { flex-direction: column; align-items: flex-start; gap:.8rem; }    
.survey .servey-container .survey-desc ul li .survey-desc-item .survey-desc-item-sub { width:100%; display:flex; flex-wrap: wrap; gap:0 .8rem; }     
.survey .servey-container .survey-desc ul li .survey-desc-item>.survey-desc-item-sub { padding-left:0; }
.survey .servey-container .survey-desc ul li .survey-desc-item .survey-desc-item-sub strong { display: block; margin-bottom:.4rem; color: #424242;font-size: 1.6rem;font-weight: 400;line-height: 2.56rem; letter-spacing: -0.016rem; width:100%; }           
.survey .servey-container .survey-desc ul li .survey-desc-item .survey-desc-item-sub>label>span { flex-direction: column; text-align: center; align-items: center; height: 100%; justify-content: space-between; }    
.survey .servey-container .survey-desc ul li .survey-desc-item .survey-desc-item-sub>label>span>em { display: flex; align-items: center; justify-content: center; height: 100%; }  
/* label col */
.survey-desc-item .survey-desc-item-sub.col1 label.radio-box { width:100%; }
.survey-desc-item .survey-desc-item-sub.col2 label.radio-box { width:calc(50% - .4rem); }
.survey-desc-item .survey-desc-item-sub.col3 label.radio-box { width:calc(33.333% - .533rem); }
.survey-desc-item .survey-desc-item-sub.col4 label.radio-box { width:calc(25% - .6rem); }
.survey-desc-item .survey-desc-item-sub.col5 label.radio-box { width:calc(20% - .64rem); }
.survey-desc-item .survey-desc-item-sub.col6 label.radio-box { width:calc(16.666% - .666rem); }
.survey-desc-item .survey-desc-item-sub.col7 label.radio-box { width:calc(14.285% - .685rem); }
.survey-desc-item .survey-desc-item-sub.col8 label.radio-box { width:calc(12.5% - .7rem); }
.survey-desc-item .survey-desc-item-sub.col9 label.radio-box { width:calc(11.111% - .711rem); }
.survey-desc-item .survey-desc-item-sub.col10 label.radio-box { width:calc(10% - .72rem); }    
/* label size */      
.survey-desc-item label { width:100%; }  
.survey-desc-item.type2 label.radio-box { width: calc((100% - 4rem) / 6); }
.survey-desc-item.type3 label.radio-box{ width: calc((100% - 2.4rem) / 4); } 
.survey-desc-item.col5.type3 label.radio-box { width:calc(50% - .8rem); justify-content: flex-start; }       
.survey-desc-item.type4 label.radio-box { width: calc((100% - 4rem) / 6); }                                  
.survey-desc-item .survey-desc-item-sub.col5 label.radio-box { width:calc(20% - .666rem); align-items: center; }                             
.survey-desc-item:has(.radio-other) label.radio-box { width:calc(50% - .4rem); justify-content: flex-start; }      
@media (max-width:1024px){
.survey .servey-container .survey-desc ul li { flex-direction: column; gap:2rem; }
.survey .servey-container .survey-desc ul li .survey-desc-title { width:100%; gap:1rem; }
.survey .servey-container .survey-desc ul li .survey-desc-item { max-width:100%; }
.survey .servey-container .survey-desc ul li .survey-desc-item.full>label { width:calc(50% - .4rem); }
.survey .servey-container .survey-desc ul li .survey-desc-item.full:has(.survey-desc-item-sub)>label { width:100%; }
.survey .servey-container .survey-desc ul li .survey-desc-item .survey-desc-item-sub label { width:100%; margin-top:.5rem; }
.survey .servey-container .survey-desc ul li .survey-desc-item .survey-desc-item-sub label:first-of-type { margin-top:0; }
.survey .servey-container .survey-desc ul li .survey-desc-item .survey-desc-item-sub>label>span { flex-direction: row; width:100%; justify-content: flex-start; }
.survey .servey-container .survey-desc ul li .survey-desc-item .survey-desc-item-sub>label>span>em br { display: none; }
}


/* search map */
.map-area { position: relative; height:60rem; width:100%;border-radius: 1.2rem; background: #ddd; margin-bottom:6.4rem; }   
.map-area .map-area-select { display: flex; position: absolute; top:3.2rem; left:3.2rem; display: flex; gap:.8rem; z-index: 2; }          
.map-area .map-area-select .select-box { width:20rem; }  
.map-area .map-area-select .select-box select { width:100%; background-color: #fff; box-shadow: .4rem .4rem 1.6rem 0 rgba(0, 0, 0, 0.12); }  
.map-area .map-area-control { display: flex; flex-direction: column; gap:.8rem; position: absolute; top:3.2rem; right:3.2rem; z-index: 2; }  
.map-area .map-area-control .btn { width:4rem; height:4rem; border-radius: 1.2rem; background: #fff; display: flex; align-items: center; justify-content: center; box-shadow: .4rem .4rem 1.6rem 0 rgba(0, 0, 0, 0.12); padding:0; border:0; }   
.map-search { padding:6.4rem 4rem; background: #eee; border-radius: 1.2rem; margin-bottom:4rem; }   
.map-search .map-search-container { display: flex; width:100%; max-width:1024px; margin:0 auto; gap:3rem; align-items: center; justify-content: center; }
.map-search .map-search-container .map-search-title { display: flex; align-items: center; gap:.8rem;flex-shrink: 0; }
.map-search .map-search-container .map-search-title span {font-size: 2.6rem;font-weight: 600;
line-height: 3.64rem;letter-spacing: -0.026rem;background: linear-gradient(112deg, #2F9F49 0%, #00C8FF 120.03%), rgba(0, 0, 0, 0.20);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block; }
.map-search .map-search-container .map-search-input { display: flex; align-items: center; 
gap:.8rem; width:100%; }  
.map-search .map-search-container .map-search-input .select-box { width:20rem; flex-shrink: 0; }  
.map-search .map-search-container .map-search-input .select-box select { background-color: #fff; width:100%; height:5.6rem; }    
.map-search .map-search-container .map-search-input .input-box { width:100%; }
.map-search .map-search-container .map-search-input .input-box input { width:100%; height:5.6rem; border:0; border-radius: 1.2rem; font-size:1.8rem; } 
.map-search .map-search-container .map-search-input .btn { width:10rem; height:5.6rem; border-radius: 1.2rem; flex-shrink: 0; }    
.map-search form { width:100%; }   
@media (max-width:1024px){ 
.map-search .map-search-container { flex-direction: column; align-items: flex-start; }
}
@media (max-width:767px){
.map-area .map-area-select { flex-direction: column; }
.map-search .map-search-container .map-search-input { flex-wrap: wrap; }
.map-search .map-search-container .map-search-input .select-box { width:calc(50% - .4rem); }
.map-search .map-search-container .map-search-input .input-box { width:calc(100% - 10rem - .8rem); }
}
@media (max-width:420px){
.map-search .map-search-container .map-search-input .select-box { width:100%; }
}

/* 맵 클러스터 */
.map-area .map-cluster { width:8rem; height: 8rem; border-radius: 50%; padding:1rem; z-index: 2; position: absolute; cursor: pointer; }
.map-area .map-cluster span { display: flex; border-radius: 50%; width:100%; height: 100%; color: #FFF;text-align: center;font-size: 2rem;font-weight: 800;line-height:2.8rem;letter-spacing: -0.02rem; align-items: center; justify-content: center; } 
.map-area .map-cluster.cluster1 { background: rgba(47, 159, 73, 0.30); }
.map-area .map-cluster.cluster1 span { background: #2F9F49; }     
.map-area .map-cluster.cluster2 { background: rgba(39, 91, 171, 0.30); }
.map-area .map-cluster.cluster2 span { background: #275BAB; }   
.map-area .map-cluster.cluster3 { background: rgba(247, 144, 0, 0.30); }
.map-area .map-cluster.cluster3 span { background: #F79000; }   
.map-area .map-cluster.cluster4 { background: rgba(100, 205, 221, 0.30); }
.map-area .map-cluster.cluster4 span { background: #64CDDD; }      
.map-area .map-cluster.cluster5 { background: rgba(159, 95, 198, 0.30); }
.map-area .map-cluster.cluster5 span { background: #9F5FC6; }      
.map-area .map-marker { position: absolute; z-index: 2; width: 2.6rem; cursor: pointer; }
.map-area .overlay-box { padding:2.4rem; background: #fff; border-radius: 1.2rem; border-bottom: 1px solid #E0E0E0; background: #FFF;box-shadow: .4rem .4rem 1.6rem 0 rgba(0, 0, 0, 0.20); visibility: hidden; opacity: 0; transition: all .5s; position: relative; } 
.map-area .overlay-box:before { width:1.6rem;height: 1.6rem;display: block;background: #fff;content:"";position: absolute;left:50%; transform: translateX(-50%) rotate(45deg); }
.map-area .overlay-box-value { color: #F79000; font-size: 1.3rem; font-weight: 700; }       
.map-area .overlay-box.type1 .overlay-box-value { color:#275BAB; }
.map-area .overlay-box.type2 .overlay-box-value { color:#2F9F49; }   
.map-area .overlay-box.type3 .overlay-box-value { color:#F79000; } 
.map-area .overlay-box.type4 .overlay-box-value { color:#64CDDD; } 
.map-area .overlay-box.type5 .overlay-box-value { color:#9F5FC6; } 
.map-area .overlay-box-title { display: block;color: #222;font-size: 1.8rem;font-weight: 600;line-height: 2.52rem; margin-top:.8rem; }
.map-area .overlay-box-address { color: #616161;font-size: 1.5rem;font-weight: 400;line-height: 2.1rem;margin-top:.4rem; }
.map-area .overlay-box-tel { color: #616161;font-size: 1.5rem;font-weight: 400;line-height: 2.1rem; margin-top:.4rem; }
.map-area div:has(>.overlay-box.down) { transform: translateY(-15rem); }   
.map-area .overlay-box.down { opacity: 1; visibility: visible; }        
.map-area .overlay-box.down:before { bottom:-.8rem; }    
.map-area div:has(>.overlay-box.up) { transform: translateY(12rem); }                   
.map-area .overlay-box.up { opacity: 1; visibility: visible; }               
.map-area .overlay-box.up:before { top:-.8rem; }