#bo_v_con *{font-size: 16px; word-break: keep-all; font-family:'Pretendard', dotum, sans-serif !important; line-height: 150%}


.sub_visual{
	height: 80vh;
	background-position: center;
	background-size: cover;
	text-align: center;
	position: relative;
	display: flex;
	justify-content: center;
    align-items: center;
    flex-direction: column;
}

.sub_visual .sub_visual_txt{}
.sub_visual .sub_visual_txt p{font-size: 18px; color: #fff}
.sub_visual .sub_visual_txt h2{margin-top: 10px; font-size: 60px; color: #fff; font-weight: bold}




.sub_visual .sub_visual_nav{
	position: absolute; bottom: 5rem;
	z-index: 2;
	border-radius: 100px;
	background: rgba(255, 255, 255, 0.10);
	padding: 20px;
	transition-duration: .5s;
}








.sub_visual .sub_visual_nav .sub_detps{display: flex; gap:20px}
.sub_visual .sub_visual_nav .sub_detps a{padding: 20px 35px; border-radius: 100px; color: #fff; font-size: 18px; text-align: center;
display: inline-flex;	justify-content: center;
    align-items: center; font-weight: 500; transition-duration: .5s}

.sub_visual .sub_visual_nav .sub_detps a.on,
.sub_visual .sub_visual_nav .sub_detps a:hover{
	background: #DE9B25
}





.sub_visual.bg01{
	background-image: url(../img/sub/sub_visual01.png)
}

.sub_visual.bg02{
	background-image: url(../img/sub/sub_visual02.png)
}


.sub_visual.bg03{
	background-image: url(../img/sub/sub_visual03.png)
}


.sub_visual.bg04{
	background-image: url(../img/sub/sub_visual04.png)
}





.sub_section{padding: 150px 0; overflow: hidden}

.sub_title{margin-bottom: 80px}
.sub_title.center{text-align: center}
.sub_title h4{color: #DE9B25; font-size: 16px; font-weight: 700; margin-bottom: 20px;}

.sub_title h1{font-size: 60px; line-height: 150%; word-break: keep-all; color:#1E1F1C; font-weight: 800}
.sub_title h1 b{color: #F7C80C}
.sub_title h2{
	word-break: keep-all; font-size: 40px; line-height: 150%; color:#1E1F1C
}


.sub_title h2 i{font-style: normal;}
.sub_title h2 i:nth-child(1){color: #B41D23}
.sub_title h2 i:nth-child(2){color: #224626}
.sub_title h2 i:nth-child(3){color: #1A244A}
.sub_title h2 i:nth-child(4){color: #EBC22B}


/*인사말*/

.sub_greeting{display: flex; gap:8rem;
align-items: center;}
.sub_greeting .thum{
	border-radius: 20px;
box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.10); overflow: hidden;
width: 640px}

.sub_greeting .thum img{width: 100%}

.sub_greeting .txt{flex:1}
.sub_greeting .txt p{
	color: #222; line-height: 150%; word-break: keep-all;
	font-size: 18px;
}

.sub_greeting .txt p + p{margin-top: 30px}

.sub_greeting .txt h5{
	color: #231815;
	font-size: 20px; font-weight: 700; line-height: 150%; word-break: keep-all;
	margin-top: 40px
}

.sub_greeting .sub_title{margin-bottom: 40px}


/*미션*/

.sub_section .vision_slide .box .left{
	display: flex;
	    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    
}
.sub_section .vision_slide .box .left h2{font-size: 40px; }



/*연혁 조직도*/

.sub_history{
	background: url(../img/sub/sub_history.png);
	background-position: center;
	background-size: cover;
	padding: 150px 0;
	overflow: hidden
}

.sub_history .sub_title h1{color: #fff}




.organization{text-align: center; display: flex; flex-direction: column;
    align-items: center;
    justify-content: flex-start; position: relative; padding: 0 6rem}
    
.organization:after{content: ''; position: absolute; left: 50%; top: 0; height: 100%; width: 1px; background: #DDDDDD; margin-left: -0.5px;
z-index: -1}    
    
    
.organization .box{height: 70px; border-radius: 10px; text-align: center; display: flex; 
align-items: center;
    justify-content: center; font-size: 18px; color: #fff; background: #DE9B25; width: 290px; position: relative}

.organization .box p{font-size: 18px; font-weight: bold}

.organization .box.white{border: 2px solid #DE9B25; background: #fff; color: #DE9B25}
.organization .box.sub{border: 2px solid #F9F5EF; background: #F9F5EF; color: #DE9B25}
.organization .box.sub2{border: 2px solid #EFEFEF; background: #EFEFEF; color: #231815}

.organization .box + .box{margin-top: 40px}
.organization .box_flex{display: flex; margin: 80px 0; gap:10rem; width: max-content; justify-content: center; position: relative}
.organization .box_flex:after{content: ''; position: absolute; left: 50%; top: 50%; height: 1px; width: 100%; background: #DDDDDD; margin-top: -0.5px;
z-index: -1;     transform: translateX(-50%);}    


.organization .box_flex .box{}
.organization .box_flex .box + .box{margin: 0}


.organization .box_flex3{display: flex; margin: 80px 0 0; gap:40px; width: 100%; justify-content: center; position: relative}

.organization .box_flex3:after{content: ''; position: absolute; left: 50%; top: 50%; height: 1px; width: 100%; background: #DDDDDD; margin-top: -0.5px;
z-index: -1;     transform: translateX(-50%);}    

.organization .box_flex3 .box{flex:1}
.organization .box_flex3 .box + .box{margin: 0}


.history_slide{margin: 0 -30px;}
.history_slide .box{
	border-radius: 20px;
	border: 2px solid rgba(255, 255, 255, 0.10);
	background: rgba(255, 255, 255, 0.05);
	box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.10);
	backdrop-filter: blur(2px);
	padding: 50px;
	transition-duration: .5s;
	height: 40vh;
	display: flex;
	flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}

.history_slide .box h3{color: #fff; font-size: 24px; font-weight: bold}
.history_slide .box ul{margin-top: 25px}
.history_slide .box ul li{position: relative; padding-left: 40px; color: #fff; font-size: 18px; word-break: keep-all}
.history_slide .box ul li b{position: absolute; left: 0; top: 0; color: #DE9B25}
.history_slide .box ul li + li{margin-top: 15px}


.history_slide .slick-slide{padding: 0 30px; transition-duration: 1s}
.history_slide .slick-slide.slick-current + .slick-slide{padding-top: 100px}
.history_slide .slick-slide:not(.slick-active) {
  padding-top: 100px
}

.history_slide .slick-list{
	padding: 0 14rem 0 14rem; overflow: visible
}



/*오시는길*/

.location{}
.location .map{position: relative; border-radius: 20px; overflow: hidden}
.location .map iframe{display: block; width: 100%; }
.location .map .naver_btn{display: flex; position: absolute; right: 50px; bottom: 40px; gap:16px;
z-index: 2}
.location .map .naver_btn a{display: inline-flex; width: 200px; font-size: 18px; color: #fff; background: #03C75A; height: 80px; padding-left: 30px;
border-radius: 80px; align-items: center;}

.location .map .naver_btn a i{width: 80px; 
display: flex;
    justify-content: center;
    align-items: center;}
.location .map .naver_btn a span{flex:auto}


.location .map .naver_btn a + a{background: #FEDC00; color: #1C1D21}

.location ul{margin-top: 60px; padding: 0 22px}
.location ul li{word-break: keep-all; font-size: 18px; line-height: 150%; color: #666; padding-left: 80px; position: relative}
.location ul li b{color: #DE9B25; position: absolute; left: 0; top: 0}
.location ul li + li{margin-top: 15px}





/*board*/

.board_common_btn_list{margin-top: 80px}
.board_common_btn_list ul{display: flex; gap:10px;align-items: center;
    justify-content: flex-end;}
.board_common_btn_list a, .board_common_btn_list button{border: 1px solid #ddd; border-radius: 5px; background: #fff; font-size: 16px; 
padding: 0 15px; height: 40px; line-height: 40px; color: #333; display: inline-block; text-align: center}

.board_top_flex{display: flex; justify-content: space-between;
    align-items: flex-start; margin-bottom: 30px}

.total_board{}
.total_board p{font-size: 14px; color: #666}
.total_board p b{font-weight: bold; color: #DE9B25}

.search_board form{display: flex; gap:10px}
.search_board form select{background: #f5f5f5 url(../img/sub/drop_search.png); 
background-position: 90% center; background-repeat: no-repeat; background-size: 13px auto;
border-radius: 5px; padding: 0 20px; font-size: 15px; color: #666; height: 60px; line-height: 60px; border: 0;
-o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; position: relative}

.search_board form select::-ms-expand{ 
	display: none;
}

.search_board .sch_bar{background: #f5f5f5; border-radius: 5px; display: flex; overflow: hidden}
.search_board .sch_bar input{font-size: 15px; padding: 0 20px; line-height: 60px; border: 0; background: #f5f5f5}
.search_board .sch_bar button{padding: 0 20px; border: 0; background: #f5f5f5}


.board_tlb table{width: 100%; border-top:1px solid #222; border-spacing: 0 }

.board_tlb table th{font-size:18px; padding:35px 15px; border-bottom: 1px solid #ddd; font-weight: 500; color: #231815 ;
background: #FBFBFB}

.board_tlb table td{font-size:18px; padding:35px 15px; border-bottom: 1px solid #ddd; font-weight: 500; color: #666 }
.board_tlb table td.empty_table{font-size: 1em;padding: 20px 0 !important;
    color: #666;
    text-align: center;}

.board_tlb table td.num{text-align: center; width: 80px; font-size: 15px; color: #999}
.board_tlb table td.num .notice_icon{color: #222}

.board_tlb table td.date{width: 160px; text-align: center }
.board_tlb table td.date p{font-size: 16px; color: #999; text-align: center;}
.board_tlb table td.down{text-align: center; width: 170px; font-size: 15px; color: #999}
.board_tlb table td a.flexa{display: flex; gap:10px}
.board_tlb table td .point{font-size: 14px; background:#FF8A00 ; padding:5px 10px ; border-radius: 3px; color: #fff}
.board_tlb table td.file,
.board_tlb table td.ofc{text-align: center; width: 160px; text-align: center}




.board_tlb .down_load{}

.board_tlb .down_load{display: inline-flex; gap:10px; justify-content: center;
    align-items: center; font-size: 16px; color: #fff; background: #18459D; padding: 15px 25px 15px 15px; border-radius: 100px}
.board_tlb .down_load i{background: #fff; width: 30px; height: 30px; display: flex; justify-content: center;
    align-items: center; border-radius: 30px}




.board_detail_content{border-top: 2px solid #D9D9D9; padding-top: 50px; border-bottom: 1px solid #D9D9D9}
.board_view_btn{text-align: center; margin-top: 100px}



.gall_list_style{display: flex; gap:40px 30px;    flex-wrap: wrap;}
.gall_list_style li{width: calc(33.33% - 19.99px)}
.gall_list_style li.empty_list{width: 100%}

.gall_list_style .gall_img{overflow: hidden; border-radius: 10px; transition-duration: .8s; border: 1px solid #ddd; position: relative}
.gall_list_style .gall_img .bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%;
background: rgba(253, 164, 36, 0.90);
display: flex;
gap:10px;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition-duration: .8s
}

.gall_list_style .gall_img .bg em{color: #fff; font-size: 18px; font-style: normal}

.gall_list_style .gall_img .bg img{width: auto;
    height: auto;
    object-fit: none;
    aspect-ratio: auto;}

.gall_list_style .gall_img img{width: 100%; height: 100%;object-fit: cover;
    aspect-ratio: 16 / 10;}
    
.gall_list_style.certifications .gall_img img{aspect-ratio: 21 / 29;}
    
.gall_list_style.certifications li{width: calc(25% - 45px)}
    
    
    
    
    
.board_list_txt{margin-top: 25px}
.board_list_txt p{font-size: 16px; color: #aaa; margin-top: 10px}  
.board_list_txt h3{color: #010101; font-size: 18px; font-weight: bold;
word-break: keep-all;
display: -webkit-box;
  -webkit-line-clamp: 1; /* 줄 수를 2줄로 제한 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; transition-duration: .8s}    



.gall_list_style li:hover .gall_img{border-radius: 400px}
.gall_list_style li:hover .board_list_txt h3{color: #E8751A}
.gall_list_style li:hover .gall_img .bg{opacity: 1}


.gall_list_style.certifications .board_list_txt{text-align: center}
    
.if_video_are{max-width: 1024px; margin: 0 auto 50px}   
    
.board_detail_content .video-container {
  position:relative;
  height:0;
  padding-bottom:56.25%;
  overflow: hidden; border-radius: 5px
}

.board_detail_content .video-container iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}


#bo_v_file li{padding: 25px 0; border: 0;border:0; border-top: 0px solid #ddd; border-bottom: 1px solid #ddd; box-shadow: none;
border-radius: 0}
#bo_v_file li a{display: flex; gap:20px; font-size: 18px}

#bo_v_file li i{float: none; margin: 0}
#bo_v_file li i img{margin: 0}

#bo_v_file li a strong{font-weight: 400}


.board_title{margin-bottom: 60px; text-align: center}
.board_title h2{font-size: 40px; font-weight: 900; color: #1E1F1C}
.board_title h3{margin-top: 20px; font-size: 16px; color: #666; font-weight: 300}

.contact_view{}
.contact_view li{font-size: 18px;}
.contact_view li + li{margin-top: 10px}

.contact_content *,
.contact_content{font-size: 18px; line-height: 150%; word-break: keep-all}



#bo_cate {margin:0px 0 60px}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1; display: flex; gap:20px}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;padding:2px}
#bo_cate a {display:block;line-height:28px;padding:5px 0px;border-radius:0px;border-bottom:1px solid #fff;color:#231815; 
font-size: 16px; transition-duration: .5s}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#fff;color:#DE9B25}
#bo_cate #bo_cate_on {z-index:2;background:#fff;color:#DE9B25;font-weight:bold;border-bottom:1px solid #DE9B25;}


.more_product{margin-top: 80px; text-align: center; display: flex; gap:18px;
justify-content: center;}



.more_product .sub_btn_flex{display: inline-flex; 
font-size: 18px; color: #171717; background: #fff; height: 80px; padding:25px 0 25px 30px;
border-radius: 80px; align-items: center; border: 1px solid #DDDDDD}

.more_product .sub_btn_flex i{width: 80px; 
display: flex;
    justify-content: center;
    align-items: center;}
.more_product .sub_btn_flex span{flex:auto; font-weight: 500}

.more_product .sub_btn_flex.orange{background: #FDA424; color: #fff}



.news_list{}
.news_list .box{display: flex;
border-radius: 10px;
border: 1px solid #DDD;
background: #FFF; padding: 50px; gap:15px; position: relative; transition-duration: .8s;
align-items: center;
    justify-content: flex-start;}

.news_list .box + .box{margin-top: 30px}


.news_list .box:hover{border-color: #DE9B25}

.news_list .box .chk_box{position: absolute; left: 10px; top: 10px; z-index: 2}

.news_list .box .date{width: 110px; text-align: center}
.news_list .box .date h3{font-size: 40px; color: #231815; transition-duration: .8s}
.news_list .box .date p{color: #231815;; font-size: 14px; transition-duration: .8s}

.news_list .box .txt h4{color: #231815; font-size: 18px; word-break: keep-all;
display: -webkit-box;
  -webkit-line-clamp: 1; /* 줄 수를 2줄로 제한 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; transition-duration: .8s}
  
  
.news_list .box .txt p{color: #666; font-size: 16px; word-break: keep-all;
display: -webkit-box;
  -webkit-line-clamp: 1; /* 줄 수를 2줄로 제한 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; transition-duration: .8s; margin-top: 15px}


.news_list .box:hover .date h3,
.news_list .box:hover .date p,
.news_list .box:hover .txt h4{color: #DE9B25}



.notice_list{border-top: 1px solid #DDDDDD}
.notice_list .box{border-bottom: 1px solid #DDDDDD; padding: 50px; position: relative; transition-duration: .8s}
.notice_list .box:hover{background: #FBFBFB}


.notice_list .box .chk_box{position: absolute; left: 10px; top: 10px; z-index: 2}
.notice_list .box .txt h4{color: #231815; font-size: 18px; word-break: keep-all;
display: -webkit-box;
  -webkit-line-clamp: 1; /* 줄 수를 2줄로 제한 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; transition-duration: .8s}
  
  
.notice_list .box .txt p{color: #666; font-size: 16px; word-break: keep-all;
display: -webkit-box;
  -webkit-line-clamp: 1; /* 줄 수를 2줄로 제한 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; transition-duration: .8s; margin-top: 15px}


.notice_list .box:hover .txt h4{color: #DE9B25}




.partner_info{}
.partner_info h3{font-size: 24px; margin-bottom: 40px; color: #231815}
.partner_info .tlb{}
.partner_info .tlb table{width: 100%; border-spacing: 0}
.partner_info .tlb table th{padding: 20px;
border-top: 1px solid #231815;
background: #FBFBFB; font-size: 18px; border-bottom: 1px solid #EDEDED; word-break: keep-all; font-weight: 500}


.partner_info .tlb table td{padding: 20px;
border-bottom: 1px solid #EDEDED;
background: #fff; font-size: 18px; font-weight: 400; text-align: center; word-break: keep-all; }

.partner_info .tlb table td .color{color: #DE9B25}


.partner_info.butlb{}

.partner_info.butlb .tlb table{width: 100%; border-spacing: 0; border-top: 1px solid #231815;}
.partner_info.butlb .tlb table th{border-top: 0px solid #231815;}


.partner_info .tlb table td{padding: 20px;
border-bottom: 1px solid #EDEDED;
background: #fff; font-size: 18px; font-weight: 400; text-align: center; word-break: keep-all; }

.partner_info .tlb table td .color{color: #DE9B25}



.partner_info .tlb table th.left,
.partner_info .tlb table td.left{text-align: left}

.join_list{}
.join_list .box{
	border-radius: 20px;
background: #FBFBFB; padding: 60px 80px
}
.join_list .box + .box{margin-top: 30px}

.join_list .box h4{color: #1E1F1C; font-size: 24px; margin-bottom: 20px}

.join_list .box ol{padding-left: 18px}
.join_list .box ol li{position: relative; word-break: keep-all; line-height: 150%; font-size: 18px; font-weight: 400}
.join_list .box ol li + li{margin-top: 5px}


.join_list .box ul{}
.join_list .box ul li{position: relative; word-break: keep-all; line-height: 150%; font-size: 18px; font-weight: 400;padding-left: 18px}
.join_list .box ul li:after{content: '·'; position: absolute; left: 0; top: 0}
.join_list .box ul li + li{margin-top: 5px}














/*2508*/


.jn-hero{
  position: relative;
  /* hero 전체가 문맥 컨테이너가 되도록 auto 높이.
     안쪽 jn-about가 길어지면 스크롤 분량 생김 */
  background:#fff;
  color:#111;
  overflow: clip;
  
}

.jn-title{
  /* === sticky 중앙 고정 === */
  position: sticky;               /* 뷰포트 정중앙 */
  left: 0;
  transform: scale(1.5);
  z-index: 1;
  margin: 0;
  text-align:center;
 height: 100vh;
 top: 0;
 display: flex;
 align-items: center;
    justify-content: center;

  
}

.jn-title h1{
	font-size: 130px;
	white-space: nowrap;
	line-height: 1;
	font-weight: 900;
	color: #1E1F1C;

}





/* 타이틀이 작아진 뒤엔 배경처럼 보이도록 색 낮춤 */
.jn-title.is-bg{
 
}

.jn-about{
  position: relative;
  z-index: 0;
  	z-index: 2;
  	padding: 150px 0
}



.vision_new_flex{display: flex; position: relative; z-index: 3; gap:80px;}
.vision_new_flex .box{flex:1}
.vision_new_flex + .vision_new_flex{margin-top: 80px;}
.vision_new_flex .thum{border-radius: 20px; overflow: hidden}
.vision_new_flex .thum img{width: 100%; display: block}

.vision_new_flex .txt{height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;}
.vision_new_flex .txt h3{font-size: 25px; color: #DE9B25; word-break: keep-all; font-weight: bold; line-height: 140%; margin-bottom: 20px;}

.vision_new_flex .txt p{font-size: 18px; line-height: 150%; word-break: keep-all; color: #111}
.vision_new_flex .txt ul li{position: relative; font-size: 18px; line-height: 150%; word-break: keep-all; color: #111;padding-left: 15px}
.vision_new_flex .txt ul li:after{content: '·'; position: absolute; left: 0; top: 0}



.partner_map{border: 1px solid #EFEFEF; border-radius: 10px; overflow: hidden;
background: #fbfbfb; position: relative; display: flex; padding: 30px;
justify-content: center;
    align-items: center;}

.partner_map .partner_map_list{position: absolute; left: 70px; top: 70px; max-height: 530px; width: 270px; border-radius: 10px; overflow: hidden; background: #fff}
.partner_map .partner_map_list h3{font-size: 18px; word-break: keep-all; color: #fff; padding: 15px 20px; background:#DE9B25 }

.partner_map .partner_map_list ul{max-height: 480px; overflow-y: auto}


.partner_map .partner_map_list ul::-webkit-scrollbar {
    width: 6px;
  }
.partner_map .partner_map_list ul::-webkit-scrollbar-thumb {
    background-color: #DE9B25;
    border-radius: 6px
  }
.partner_map .partner_map_list ul::-webkit-scrollbar-track {
    background-color: #f5f5f5;
  }

.partner_map .partner_map_list li{padding: 15px 20px;  }

.partner_map .partner_map_list li p{font-size: 18px; color: #010101; word-break: keep-all}

.partner_map .partner_map_list li + li{border-top: 1px solid #DDDDDD}

.partner_map .partner_map_list li p.drop_map{position: relative; padding-right: 20px; cursor: pointer}
.partner_map .partner_map_list li p.drop_map i{width: 11px; height: 6px; position: absolute; right: 0px;   top: 50%;
    transform: translateY(-50%); transition-duration: .5s}

.partner_map .partner_map_list li p.drop_map i img{display: block; max-width: 100%}

.partner_map .partner_map_img{display: block; max-width: 100%; margin-left: 20% }

.partner_map .partner_map_list li .drop_map_list{padding: 0px 15px; background: #fbfbfb; border-radius: 5px; 
overflow: hidden; visibility: hidden; opacity: 0; max-height: 0; height: 0; transition-duration: .8s}
.partner_map .partner_map_list li .drop_map_list p{padding-left: 15px; position: relative; font-size: 16px; opacity: .8}
.partner_map .partner_map_list li .drop_map_list p:after{content: '·'; position: absolute; left: 0; top: 0}

.partner_map .partner_map_list li .drop_map_list p + p{margin-top: 5px}

.partner_map .partner_map_list li .drop_on + .drop_map_list{height: auto; max-height: 400px; visibility: visible; opacity: 1; margin-top: 10px; padding: 12px 15px}

.partner_map .partner_map_list li p.drop_map.drop_on i{transform: translateY(-50%) rotate(180deg);}



.partner_map .map_pt{ margin-left: 20%; position: relative }
.partner_map .map_pt img{max-width: 100%}

.partner_map .map_pt .point{z-index: 2; position: absolute; display: flex; gap:8px}
.partner_map .map_pt .point i{width: 10px; height: 10px; border-radius: 10px; border:2px solid #DE9B25;
position: relative;z-index: 2; background: #fff }

.partner_map .map_pt .point i:after{
	content: '';
	position: absolute; left: 50%; top: 50%;
	width: 30px; height: 30px;
	border-radius: 30px;
background: #DE9B25;
filter: blur(10px);
z-index: -1;
opacity: .8;
transform: translate(-50%, -50%);
flex-shrink: 0;
aspect-ratio: 1/1;
  
}


.partner_map .map_pt .point i:before{
	content: '';
	position: absolute; left: 50%; top: 50%;
	width: 8px; height: 8px;
	border-radius: 10px;
background: #fff;
z-index: 2;
transform: translate(-50%, -50%);
}

.partner_map .map_pt .point p{padding: 8px 15px; color: #fff; font-size: 14px; text-align: center; border-radius: 50px; 
background: #DE9B25;
box-shadow: 0 4px 20px 0 rgba(255, 255, 255, 0.25); }



.partner_map .map_pt .point.point01{left: 0%; top: 20%; align-items: center; }
.partner_map .map_pt .point.point02{left: 25%; top: 15%; align-items: center; flex-direction: row-reverse;}
.partner_map .map_pt .point.point03{right: 25%; top: 5%; align-items: center; flex-direction: column;}

.partner_map .map_pt .point.point04{left: 20%; top: 40%; align-items: center; flex-direction: column;}

.partner_map .map_pt .point.point05{left: 5%; bottom:20%; align-items: center; flex-direction: column;}

.partner_map .map_pt .point.point06{left: 25%; bottom: 5%; align-items: center; flex-direction: column;}

.partner_map .map_pt .point.point01 i:after{animation: fadeInOutPoint 2s infinite linear;}
.partner_map .map_pt .point.point02 i:after{animation: fadeInOutPoint 2s infinite 1s linear;}
.partner_map .map_pt .point.point03 i:after{animation: fadeInOutPoint 2s infinite linear;}
.partner_map .map_pt .point.point04 i:after{animation: fadeInOutPoint 2s infinite linear;}
.partner_map .map_pt .point.point05 i:after{animation: fadeInOutPoint 2s infinite 1s linear;}
.partner_map .map_pt .point.point06 i:after{animation: fadeInOutPoint 2s infinite linear;}


@keyframes fadeInOutPoint {
  0% {
    opacity: 0.2;
    transform: translate(-50%, -50%) scale(1.0);
  }
  50% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.5);
  }
  100% {
    opacity: 0.2;
    transform: translate(-50%, -50%) scale(1.0);
  }
}







.logo_list_are{margin-top: 100px;}
.logo_list_are h3{font-size: 25px; color: #231815; line-height: 140%; word-break: keep-all; margin-bottom: 40px;}

.logo_list{display: flex; gap: 30px; flex-wrap: wrap;}
.logo_list li{border: 1px solid #ddd; border-radius: 10px; overflow: hidden; width: calc(25% - 22.5px)}
.logo_list li img{max-width: 100%; display: block;}