@media (min-width: 1920px) {
	

.year_group .year_range,
.year_txt{width: calc(50% - 120px)}
.year_group .year_range{max-width: 100%}
.year_group .year_range .thum{display: inline-block}
}

@media (max-width: 1640px) {
	
	
.about-motion .about-con .main-tit-wrap .about-tit{font-size: 30px}	
.about-motion .about-con .about-list .about-item .about-txt .txt-wrap h3{font-size: 24px}
.about-motion .about-con .about-list .about-item .about-txt .txt-wrap p{font-size: 16px}

.about-motion .about-con .about-index-wrap .curr li span.num{font-size: 40px}
.about-motion .about-con .about-index-wrap .curr li span.unit{font-size: 14px; left: 40px; bottom: 20px}
.about-motion .about-con .about-index-wrap .slash img{height: 30px}

.about-motion .about-con .about-index{width: 120px}
.about-motion .about-con .about-index-wrap .total{font-size: 14px; bottom: 0}



.inner_in{padding: 0 5rem}
.main_section.main_gall {
    padding: 150px 0 150px 5rem;
}

.all_nav_are .nav_are{padding: 0 5rem}

.year_group .year_range{max-width: 500px}

.global_are .pointer a{width: 4px; height: 4px; background: #01458E; font-size: 0; padding: 0}
.global_are .pointer a:nth-child(n+4){width: 4px; height: 4px; padding: 0}

.global_are .pointer a span,
.global_are .pointer a i,
.global_are .pointer a:after{display: none}

.global_are .pointer a:nth-child(1) {
        left: auto;
        right: 17%;
        top: 40%;
    }
.global_are .pointer a:nth-child(2) {
        left: auto;
        right: 21%;
        top: 44%;
    }
.global_are .pointer a:nth-child(3) {
        left: auto;
        right: 18%;
        top: 44%;
    }    






}






@media (max-width: 1370px) {

.main_visual .txt{padding: 0 3rem}

.head_top:hover .top_nav li {
    max-width: 150px;
    min-width: 150px;
}

.top_nav .sub_detps{width: 150px}

.swiper.buSlider {
    padding: 0 5rem;
}

    .main_section.main_gall {
        padding: 150px 0 150px 3rem;
    }

.inner_in{padding: 0 3rem}

.main_title h2{font-size: 40px}
.common_btn{font-size: 16px}

.main_visual .txt h2{font-size: 50px}


.sub_visual .txt h3{font-size: 40px}


.sub_title h3,
.board_title h2{font-size: 30px}
.sub_title h2{font-size: 40px}

.sub_values{gap:0 40px}
.sub_values .box{width: calc(50% - 20px)}
.sub_values .box .bg img{width: 100%}


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

.tlb table th, .tlb table td{font-size: 16px}

.global_flex .global_flex_list a .txt h3{font-size: 24px}

.form_in_btn button{font-size: 16px}

}






@media (max-width: 1280px) {

.foot_top ul {
    flex-wrap: wrap;
}
.foot_top ul li,
.foot_bottom .foot_link a,
.foot_bottom p,
.sub_visual ul.sub_visual_dot p{font-size: 14px}


.head_top,
.main_visual_are,
.sub_visual,
.inner{padding: 0 25px}

.all_nav_are .nav_are{padding: 0 3rem}

.nav_are li .main_deps,
.location_toogle .box .txt .info h4{font-size: 24px}
.nav_are li .sub_detps a{font-size: 16px}

.about-motion .about-con{padding: 0 25px}

.ink_list li .thum{padding: 0; border-radius: 5px; overflow: hidden}
.ink_list li .thum img{width: 100%}

.ink_list li .txt p.tag{font-size: 14px}
.ink_list li .txt{padding: 20px 0 0}
.ink_list li{border: 0; border-radius: 0}

.location_toogle .box .txt .where{display: none}

.sub_title p{font-size: 16px}

.board_list_txt p{font-size: 12px}

.global_flex {
    flex-direction: column;
    gap: 50px;
}


.global_flex .global_flex_list {
    flex: 1;
    display: flex;
    gap: 20px;
}

.global_flex .global_flex_list a{flex:1}

.global_flex .global_flex_list a .thum{width: 40%}
.global_flex .global_flex_list a .thum img{max-width: 100%; width: 100%}

.global_flex .global_flex_list a + a{margin: 0}




}


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

.nav_are li {
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    width: 100%;
    flex-direction: column;
    text-align: center
}

.nav_are li .main_deps{width: 100%}

.main_product{gap:40px}
.main_product a {
    width: calc(50% - 20px);
}

.about-motion .about-con .about-list .about-item .img-wrap {
        transform: translate(0) !important;
}

.about-motion .about-con .about-list .about-item .about-txt .txt-wrap{padding:50px 15px;
min-height: 25vh }
.about-motion .about-con .about-list .about-item .about-txt .txt-wrap h3{width: 100%}
.about-motion .about-con .about-list .about-item .about-txt .txt-wrap h3 br{display: none}

    .about-motion .about-con .about-list .about-item .about-txt .txt-wrap p {
        margin-top: 20px;
        width: 100%;
        word-break: keep-all
    }

.about-motion .about-con .slide-dot-wrap {
    position: relative;
    left: 0;
    width: 100%;
}

.about-motion .about-con .slide-dot-wrap .slick-dots{display: flex;
    justify-content: center;
gap:10px}

.about-motion .about-con .slide-dot-wrap .slick-dots button{font-size: 0; width: 6px; height: 6px;
background: #ddd; transition-duration: .8s; border: 0}

.about-motion .about-con .slide-dot-wrap .slick-dots .slick-active button{
	background: #003366
}

.main_section.main_gall .main_title{width: 100%; text-align: center; padding: 0 25px 60px}

.main_section.main_gall {
    padding: 150px 0rem;
    flex-direction: column;
}

.main_title h2 br{display: none}

.main_gall_slide .slick-list{padding: 0 6rem}


.company01{gap:40px}
.company01 .txt{padding: 0}

.year_group{gap:60px}
.year_group .year_range{width: calc(40% - 30px) }
.year_txt {
    width: calc(60% - 30px);
}

.history_section .gauge{display: none}

.ink_list {
    display: flex;
    gap: 50px 20px;
    flex-wrap: wrap;
}

.ink_list li{width: calc(50% - 10px)}
.ink_list li .thum{border: 1px solid #ddd}

.ink_list li .thum img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        aspect-ratio: 9 / 12;
}

.head_top:after{display: none}
.gall_list_style li {
    width: calc(50% - 10px);
}


}


@media (max-width: 860px) {
	

.nav_are li .sub_detps {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    flex-direction: column;
    visibility: hidden;
    overflow: hidden; height: 0; max-height: 0;
    opacity: 0; transition-duration: 1s
}

.all_nav_are .nav_are{gap:20px}

.nav_are li .open_deps + .sub_detps{
	opacity: 1; visibility: visible; height: auto; max-height: 80vh;
}


.nav{gap:20px}


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

.company01 .thum{width: 100%;aspect-ratio: 1;}
.company01 .thum img{width: 100%; height: 100%;object-fit: cover;}

.sub_title h3, .board_title h2{font-size: 24px}
.sub_title h2{font-size: 30px}

.sub_values{gap:20px}
.sub_values .box{width: calc(50% - 10px)}
.sub_values .box:nth-child(2n) {margin: 0}

.sub_values_txt p{font-size: 16px;}
.sub_values_txt p br{display: none}

.location_toogle .box .txt {
    padding: 40px 0px 40px 0;
    align-items: center;
}

.location_toogle .box .txt .info:after{right: 0}
.location_toogle .box .txt .info{padding-right: 30px}


.location_toogle .box .txt .info ul li {
    align-items: flex-start;
}


.partner_list li {
    width: calc(50% - 10px);
    text-align: center;
}

.global_flex .global_flex_list {
        flex-direction: column;
    }


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


.agree_pop_content{max-width: 96%; border-radius: 5px; padding: 25px}

.agree_pop_content .agree_title h2{font-size: 18px}

.agree_pop_info p{font-size: 14px}
.agree_pop_info h3{font-size: 16px}

}


@media (max-width: 600px) {


.head_top, .main_visual_are, .sub_visual, .inner{
	padding: 0 15px
}

.main_visual_are .main_visual{border-radius: 5px; text-align: center}

.main_visual .txt h2{font-size: 24px}
.main_visual .txt p{font-size: 16px}

.inner_in{padding: 0 25px}

.main_title h5{font-size: 14px}
.main_title h2{font-size: 24px}

.main_product a:nth-child(2n){margin: 0}
.main_product a{width: 100%; }
.main_product a span.thum{border-radius: 5px}
.main_product a span.txt{padding: 0; }
.main_product a span.txt{font-size: 16px}


.swiper.buSlider {
        padding: 0 25px;
    }

.pager{min-width: 80px}

.buSlider .swiper-slide-active .card .bg .txt{font-size: 16px}


.about-motion .about-con .main-tit-wrap{display: none}


.about-motion .about-con .about-list .about-item .about-txt .txt-wrap p {
        margin-top: 20px;
        width: 100%;
        word-break: keep-all;
        white-space: normal;
        font-size: 14px
    }
    
.about-motion .about-con .about-list .about-item .about-txt .txt-wrap p br{display: none}    



.about-motion .about-con .about-list .about-item .about-txt,
.about-motion .about-con .about-list .about-item .about-img{border-radius: 5px}

.about-motion .about-con .about-wrap{top: 50px; height: auto}
.main-about{padding-bottom: 50px}

.about-motion .about-con .slide-dot-wrap{bottom: 0; margin-top: 20px;
position: relative}

.common_btn i{width: 40px; height: 40px}
.common_btn{min-width: 150px; font-size: 14px; padding-left: 15px}

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


.main_gall_slide .slick-slide{padding: 5px}

.main_gall_slide .slick-slide .box .txt{padding: 0; font-size: 16px}

.foot_bottom {
    flex-wrap: wrap;
    gap:10px;
}

.floating{right: 15px}


.sub_visual .in_box{border-radius: 5px}

.sub_visual ul.sub_visual_dot {
    position: absolute;
    right: auto;
    top: 45px;
    z-index: 2;
    gap: 15px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    justify-content: center;
}

.sub_visual .txt p{font-size: 14px}
.sub_visual .txt h3{font-size: 24px}

.sub_title{margin-bottom: 50px}

.sub_values .box{width: 100%; border-radius: 5px}
.company01 .txt p,
.sub_values .box p,
.sub_slide .box p{font-size: 16px}

.ink_list li .txt p{font-size: 14px}

.location_toogle .box .txt .info ul li{font-size: 14px}
.location_toogle .box .txt .info ul li b{font-size: 12px}

.sub_title .slide_btn {
    position: relative;
    right: 0;
    bottom: 0;
    margin-top: 30px;
    justify-content: center;
}
.sub_title{text-align: center}
.sub_title.small{margin-bottom: 30px; text-align: center}
.tlb{overflow-x: auto}


.sub_slide .box .thum{border-radius: 5px}

.partner_list li .partner_logo {
    aspect-ratio: 2 / 1;
    justify-content: center;
    align-items: center;
    padding: 10px
}

.board_top_flex{display: none}

.global_are{padding: 10px; border-radius: 5px}

.global_flex .global_flex_list a {
    border-radius: 5px;
    border: 1px solid #DDD;
    background: #FFF;
    padding: 20px;
    gap: 30px;
    align-items: center;
    transition-duration: .8s;
    background: #fff;
    flex-direction: column;
}

.global_flex .global_flex_list a .thum{width: 100%}

.global_flex{gap:0}
.global_flex .sub_title{width: 100%}

.form_in ul li{width: 100%}



    .sub_visual ul.sub_visual_dot {
        flex-wrap: wrap;
        padding: 0 10px;
    }


.head_top .logo{
	background: url(../img/common/logo.png); 
	width: 122px; 
	height: 64px; 
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto
}

}





@media (max-width: 360px) {

 
 
 
 
}