.partner_map_img.pc{}
.partner_map_img.mo{display: none}

@media (max-width: 1640px) {

.inner,
.slide-count{padding: 0 5rem}


.thum_visual{right: 5rem}


.pinned-section .title,
.main_title h2,
.power-text,
.flex_energy .box h2,
.vision_slide .box .left h2{font-size: 60px}


.new_slide_are,
.next-section{padding: 5rem 0}


.new_slide .slick-list {
    padding: 0 20rem 0 5rem;
}





.sub_section .inner_in,
.sub_history .inner_in,
.jn-about .inner_in{padding: 0 8rem}
.history_slide .slick-list{padding: 0 8rem}
.history_slide .box{height: 40vh;}









}






@media (max-width: 1580px) {

.main-slider .box .txt h2{font-size: 50px}

.main-slider .box .txt a{height: 50px; font-size: 16px; padding: 0 40px}


.nav_are li{width: auto; flex:1}
.nav_are li .main_deps{font-size: 30px}

}


@media (max-width: 1400px) {


.head_top:hover .top_nav li{width: 180px}

.new_slide{margin: 0 -20px}
.new_slide .slick-slide{margin: 0 20px}

.new_slide .box .thum .txt h3{font-size: 24px}

.flex_energy .box p{font-size: 16px}
.flex_energy .box h2{font-size: 30px}

.vision_slide .box .left h2{font-size: 30px}
.vision_slide .box .left h3{font-size: 18px}
.vision_slide .box .left p{font-size: 16px}

.project_slide .slick-slide{margin: 0 10px}
.project_slide{margin: 0 -10px} 


.project_slide .box .thum .hover{font-size: 16px}

.project_slide .box .txt p{font-size: 14px}
.project_slide .box .txt h4{font-size: 18px}


.sub_greeting .thum{width: 40%}
.sub_greeting{gap:6rem}
.sub_title h2{font-size: 30px}

.sub_visual .sub_visual_nav .sub_detps a{font-size: 16px; padding: 15px 20px}
.sub_visual .sub_visual_nav{padding: 10px; bottom: 3rem}

.vision_slide .box .left ul.dot li,
.sub_greeting .txt p,
.history_slide .box ul li,
.organization .box p,
.sub_visual .sub_visual_txt p{font-size: 16px}


.history_slide .box ul li + li{margin-top: 10px; padding-left: 40px}

.organization .box{height: 60px}

.history_slide .box{padding: 30px;}

.sub_title h1,
.sub_visual .sub_visual_txt h2{font-size: 40px}

.history_slide{margin: 0 -15px}
.history_slide .slick-slide{padding: 0 15px}

.location .map .naver_btn a{font-size: 16px; height: 50px; gap:30px; width: auto; padding: 0 25px}
.location .map .naver_btn a i{width: auto}

.partner_info .tlb table td,
.partner_info .tlb table th,
.join_list .box ol li,
.join_list .box ul li{font-size: 16px}


.more_product .sub_btn_flex {
        font-size: 16px;
        height: 50px;
        gap: 30px;
        width: auto;
        padding: 0 25px;
    }

.more_product .sub_btn_flex i{width: auto}

.join_list .box h4{font-size: 20px}

.search_board form select{height: 50px; line-height: 50px; font-size: 14px}
.search_board .sch_bar input{line-height: 50px; font-size: 14px}


.board_tlb table th,
.board_tlb table td{font-size: 16px; padding: 20px 15px}
.board_tlb table td.date p{font-size: 14px}

.board_title h2{font-size: 30px}
.board_title h3{font-size: 14px}





}


@media (max-width: 1280px) {

.head_top{padding: 0 3rem}
.inner,
.slide-count{padding: 0 3rem}


.thum_visual,
.thum_visual{right: 3rem}

.project_cont .slide_btn_are{gap:10px}
.project_cont span.slide_btn{width: 60px; height: 60px; border-width: 1px}

.project_cont{gap:20px}
.project_cont a{height: 60px; font-size: 16px; border-width: 1px}

.new_slide .slick-list {
    padding: 0 20rem 0 3rem;
}


.partner_map .partner_map_list h3,
.partner_map .partner_map_list li p{font-size: 16px}
.partner_map .partner_map_list li .drop_map_list p{font-size: 14px}

}


@media (max-width: 1024px) {
	
.head_top{height: 100px}	
.top_nav{display: none}
.head_top:after{display: none}


.all_nav_are .nav_are {
    padding: 0 3rem;
    flex-direction: column;
    width: 100%
}

.nav_are li{height: auto; width: 100%; padding: 20px; gap:20px;
align-items: center; text-align: center }

.nav_are li + li{
	border-top: 1px solid rgba(255, 255, 255, .2);
	border-left: 0px solid rgba(255, 255, 255, .2);
}

.nav_are li .sub_detps{display: none}
.nav_are li .open_deps + .sub_detps{display: block}

.nav_are li .sub_detps a{display: block}
.nav_are li .sub_detps a + a{margin-top: 10px}


.slide-count{ top: auto; bottom: 6rem}

.new_slide .slick-list{padding: 0 6rem 0 3rem}

.new_slide_are{padding: 30% 0}

.next-section{padding: 25% 0}
.flex_energy{gap:20px}
.flex_energy .box{width: calc(50% - 10px)}

.vision_slide .box .left{width: 50%}

.vision_slide .slick-list{padding: 0 6rem 0 3rem}
.vision_slide .box{height: auto}

.vision_slide .slick-slide{margin: 0 10px}
.vision_slide{margin: 0 -10px}


.sub_visual{height: 60vh}

.sub_greeting {
    gap: 4rem;
    align-items: flex-start;
}


.sub_greeting .txt h5{font-size: 18px}


.sub_section .vision_slide .box{min-height: 30vh}

.history_slide .box{height: auto; min-height: 25vh}




.join_list .box,
.news_list .box,
.notice_list .box{padding: 40px 35px}


.gall_list_style{gap:40px 10px}
.gall_list_style li {
    width: calc(33.33% - 6.66px);
}


.pg_page,
.pg_current{height: 40px; width: 40px; font-size: 12px}


.jn-title{height: auto; min-height: 50vh}
.partner_map_img.pc{display: none;}
.partner_map_img.mo{display: block; margin: 0}
.partner_map .map_pt{margin: 0}


.partner_map .partner_map_list{display: none}

.logo_list{gap:20px}
.logo_list li{width: calc(50% - 10px)}


}


@media (max-width: 860px) {
	

.thum_visual{width: 90%}
 
.thumb-slider .slick-slide{margin: 0 10px}
.thumb-slider{margin: 0 -10px}
.thumb-slider .box p{font-size: 14px} 
 
.pinned-section .title, .main_title h2, .power-text, .flex_energy .box h2, .vision_slide .box .left h2{font-size: 40px} 
 
.new_slide_are{padding: 30% 0} 

.new_slide .slick-list{padding: 0 3rem 0 3rem} 
.power-text{padding: 0 3rem; word-break: keep-all} 
 
.next-section{padding: 80px 0} 
 
.vision_slide .box .left{width: 100%; padding: 40px } 
 
.vision_slide .box {
    flex-direction: column;
}


.project_slide .slick-list{padding: 0 3rem}
 
 
.foot_are p {
    flex-wrap: wrap;
}

.foot_are p i{display: none}
 
.foot_are .foot_top .foot_link{gap:20px} 
 
 
.sub_section .inner_in, .sub_history .inner_in,
.jn-about .inner_in{padding: 0 4rem} 
 
    .history_slide .slick-list {
        padding: 0 8rem 0 4rem;
    } 
 
.organization .box{width: 200px} 
.organization{padding: 0} 
 
.sub_section .vision_slide .box .left{min-height: 30vh}
 
 
.sub_greeting {
        flex-direction: column;
    }
 

.sub_greeting .thum{width: 100%}



.search_board{display: none}
.board_list_txt h3{font-size: 16px}
.board_list_txt p{font-size: 14px}



.jn-title h1{font-size: 80px}
.vision_new_flex{gap:40px}
.vision_new_flex .txt ul li,
.vision_new_flex .txt p{font-size: 16px;}
 
}


@media (max-width: 600px) {

.head_top,
.inner, .slide-count{padding: 0 20px}

.nav_are li .main_deps{font-size: 24px}
.nav_are li .sub_detps a{font-size: 16px}


.head_top .logo {
    width: 100px;
}

.main-slider .box .txt{padding: 0}
.main-slider .box{text-align: center}
.main-slider .box .txt h2{font-size: 34px; word-break: keep-all}
.main-slider .box .txt h2 br{display: none}
.main-slider .box .txt p{font-size: 16px; margin-top: 20px;}

.slide-count{display: none}

.thum_visual{display: none}

.pinned-section .title,
.power-text{padding: 0 20px}
.pinned-section .title, .main_title h2, .power-text, .flex_energy .box h2, .vision_slide .box .left h2{font-size: 30px}

.new_slide .box .thum .txt h3{font-size: 18px}
.new_slide .box .thum .txt p{font-size: 14px}

.new_slide{margin: 0 - 10px}
.new_slide .slick-slide{margin: 0 10px}

.floation_top{width: 60px; height: 60px; right: 20px}

.main_title{margin-bottom: 40px}

.main_title h4{font-size: 16px; margin-bottom: 10px}

.flex_energy .box p{font-size: 14px; word-break: keep-all}



.flex_energy{gap:10px}
.flex_energy .box{width: calc(50% - 5px); padding: 15px; height: 13vh}

.flex_energy .box h2{font-size: 20px}

.main_mid_video{height: 30vh}

.main_vision{padding: 80px 0}


.vision_slide .slick-list{padding: 0 20px}


.vision_slide .box .left h2{font-size: 20px}
.vision_slide .box .left h3{font-size: 16px}
.vision_slide .box .left p{font-size: 14px}

.vision_slide .box .left{height: 38vh}
.vision_slide .box .thum{height: 30vh; flex:none}

.vision_slide .box {
        flex-direction: column-reverse;
}

.main_project{padding: 80px 0}

.top_flex {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 40px;
    flex-direction: column;
    gap: 40px;
}

.top_flex .main_title{text-align: center}

.foot_are .foot_top {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 40px;
    flex-direction: column-reverse;
    gap: 40px;
}


.foot_are p{font-size: 14px}


.sub_section .inner_in, .sub_history .inner_in,
.jn-about .inner_in{padding: 0 20px}
.sub_visual .sub_visual_nav{display: none}

.sub_section{padding: 100px 0}
.sub_title h4{font-size: 14px; margin-bottom: 10px}
.sub_title h1{font-size: 24px}


.location .map .naver_btn {
    position: absolute;
    right: auto;
    bottom: 20px;
    gap: 10px;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
}

.location .map .naver_btn a{font-size: 14px}

.location ul{margin-top: 4rem; padding: 0}
.location ul li{font-size: 16px; padding-left: 70px}

.history_slide .slick-slide.slick-current + .slick-slide{padding-top: 0}
.history_slide .slick-slide:not(.slick-active) {
  padding-top: 0px
}

.history_slide {padding: 0 20px}
.history_slide .slick-list{padding: 0; overflow: hidden}

.history_slide .box h3{font-size: 18px}
.history_slide .box ul li{font-size: 14px}

.organization .box_flex{gap:20px; width: 100%; margin: 30px 0}
.organization .box_flex .box{flex:1}

.organization .box{width: 100%}
.organization .box p{font-size: 14px}

.organization .box + .box{margin-top: 20px}


.organization .box_flex3{margin-top: 30px; gap:10px}
.sub_title h2{font-size: 20px}
.sub_title p{font-size: 14px}
.sub_title h5{font-size: 16px}

.sub_section .vision_slide .box .left h2{font-size: 24px}
.vision_slide .box .left ul.dot li{font-size: 14px}

.sub_title{margin-bottom: 50px}

.location .map iframe{height: 40vh}

.sub_visual .sub_visual_txt h2{font-size: 24px}
.sub_visual .sub_visual_txt p{font-size: 14px}




.partner_info h3,
.join_list .box h4{font-size: 18px; margin-bottom: 20px}
.partner_info .tlb table td,
.partner_info .tlb table th{padding: 10px}
.partner_info .tlb table td, .partner_info .tlb table th, .join_list .box ol li, .join_list .box ul li{font-size: 14px}



.more_product {
    margin-top: 50px;
    text-align: center;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}


.more_product .sub_btn_flex{width: 100%;
justify-content: space-between; text-align: left}


.gall_list_style li{width: 100%}

.board_title h2{font-size: 20px}

.board_tlb table th:first-child,
.board_tlb table td:first-child{display: none}

.board_tlb table th:last-child,
.board_tlb table td:last-child{display: none}

.board_tlb table td.file{width: 60px}
 .board_tlb table td.ofc{width: 100px}
.board_tlb table th,
.board_tlb table td{font-size: 14px}

#bo_v_file li a{font-size: 14px}

.join_list .box, .news_list .box, .notice_list .box{padding: 25px}

.news_list .box .date{width: 80px}
.news_list .box .date h3{font-size: 24px}
.news_list .box .date p{font-size: 12px}
.news_list .box .txt h4,
.notice_list .box .txt h4{font-size: 16px}
.news_list .box .txt p,
.notice_list .box .txt p{font-size: 14px; margin-top: 5px}
.news_list .box + .box{margin-top: 15px}



.jn-title{min-height: 30vh}
.jn-title h1{font-size:18px}

.jn-about{padding:0 0 100px 0}

.vision_new_flex {
    gap: 40px;
    flex-direction: column;
}

.vision_new_flex:nth-child(2){
	flex-direction: column-reverse;
}


.vision_new_flex .thum{border-radius: 5px;}
.vision_new_flex .txt h3{font-size: 18px; margin-bottom: 10px}
.vision_new_flex .txt p,
.vision_new_flex .txt ul li{font-size: 14px;}

.partner_info .tlb{overflow-x: auto}

.logo_list{gap:20px 10px}
.logo_list li{border-radius: 5px; width: calc(50% - 5px)}

.logo_list_are h3{font-size: 18px; margin-bottom: 30px}

}





@media (max-width: 344px) {

.flex_energy .box p{font-size: 12px; margin-bottom: 10px}
.flex_energy .box{height: 15vh} 

.next-section{padding: 40px 0} 

.vision_slide .box .left{height: 40vh; padding: 30px } 
.vision_slide .box .left h2{font-size: 16px; word-break: keep-all;} 
.vision_slide .box .left h3 {font-size: 16px; margin-bottom: 20px; word-break: keep-all}
 
.project_cont a.more_btn{display: none}
 
 
 
 
.location .map .naver_btn a i{display: none}
 
.location ul{margin-top: 30px}
.location ul li{font-size: 14px} 
 
.sub_section .vision_slide .box .left p.tag{
	border-radius: 3px; font-size: 12px
}


.sub_greeting .txt p{font-size: 14px}
.sub_greeting .txt p br{display: none}
 
}