.year-block .col h5{display: none}

.pc{}
.mo{display: none}


@media (max-width: 1640px) {
	
	
.inner_in{padding: 0 5rem}	
.inner_in2{padding: 0 10rem}	
	
#smoother-wrapper{overflow: hidden !important}

.sic_box .line{display: none}

.sic_box{min-width: 100%}

}






@media (max-width: 1580px) {

.year-text{font-size: 80px}
.year-text b{width: auto}

.site_map .top_nav li{padding: 30px 0}


.text-fill-wrap .text-fill .text-line,
.main-visual .typo-line,
.main_last h2,
.foot_info .left h2{font-size: 60px}


.main_ccc_flex .box .icon svg,
.main_ccc_flex .box .icon img{max-width: 300px}



.roof_text h2{font-size: 200px}




.common_btn {
    padding: 25px 35px;
    font-size: 16px
}


.foot_info .right{gap:4rem}

.foot_link1 a,
.foot_link2 a{font-size: 16px}

}


@media (max-width: 1370px) {
	
.custom-cursor{display: none}	
	
	
.inner_in,
.inner{padding: 0 3rem}	
.inner_in2,
.site_map{padding: 0 5rem}	
.header .logo{left: 3rem}
.header .right{right: 3rem}
	
.main-visual .scroll_dowon{right: 3rem;}
	
	
.freedom_flex .box .txt h3{font-size: 18px}	
.foot_link1{display: none}

.foot_info .right {
    justify-content: flex-end;
    padding-right: calc(3rem + 90px)
}

.foot_top{right: 3rem}


.sub_visual .inner_in h2{font-size: 60px}


.con01 .txt h2,
.sub_title h3,
.ccc_sub li h2,
.location_box .txt h2{font-size: 40px}
.con01 .txt p{font-size: 16px}

.vission .cards .card_wrapper .txt h3{font-size: 24px}
.vission .cards .card_wrapper .txt p,
.ccc_sub li p{font-size: 16px}

.ccc_sub li .thum{max-width: 30vh}

.location_box .txt li b{font-size: inherit}
.member_leader .box .txt h3{font-size: 24px}
.member_leader .box .txt h3 span,
.sub_title p,
.tlb table th,
.tlb table td,
.board_detail_content *{font-size: 16px}

.tab{gap:15px}
.tab__item{font-size: 16px; padding: 20px 30px}
.tab__item a{font-size: 16px;}


.form_in{width: 50%}

.header .right{gap:20px}

}


@media (max-width: 1280px) {

.header .top_nav li .onedeps,
.certifications_data li p{font-size: 16px}
.lang p,
#bo_v_file li a{font-size: 14px}

.sic_box .sic_flex .box{flex:none; width: calc(20% - 16px)}

.sic_box .sic_flex {
    flex-wrap: wrap;
}

.sic_box .sic_flex .sic_flex_in .sic_flex_in_flex .box{width: auto; flex:1}



.year-block .col{padding: 0 80px 0 0}
.year-block .col.right{padding: 0 0 0 80px}

.year-block li{padding-left: 50px; font-size: 16px; word-break: keep-all}


.main_ccc_flex .box .txt h2{font-size: 40px}
.main_ccc_flex .box .txt p{font-size: 16px}

.freedom_flex .box{height: 50vh}
.freedom_flex .box .txt p{font-size: 14px}


}


@media (max-width: 1024px) {
	
	
.pc{display: none}
.mo{display: block}
	
	
	
	
	
	
.header .top_nav{display: none}	

.freedom_flex {
    flex-wrap: wrap;
}

.freedom_flex .box{height: 40vh; flex:none; width: calc(50% - 10px)}
.freedom_flex .box:hover{flex:none}

.foot_info .left{width: 100%}
.foot_info .left ul li {
    gap: 10px;
    flex-wrap: wrap;
}
.foot_info .right{width: 100%; padding: 0; margin-bottom: 50px;
justify-content: flex-start}

.foot_link2{display: flex; gap:20px}
.foot_link2 a + a{margin: 0}
.foot_info{flex-direction: column-reverse;}


.con01{height: auto}

.vission .cards .card_wrapper{position: relative}
.vission{padding-bottom: 0}

.ccc_sub li .thum{position: relative; opacity: 1; visibility: visible; width: 100%; margin-bottom: 30px;}
.ccc_sub li .thum img{width: 100%}

.ccc_sub li:nth-child(1) .thum{top: 0}
.ccc_sub li:nth-child(2) .thum{top: 0}
.ccc_sub li:nth-child(3) .thum{top: 0}

.ccc_sub li p{opacity: 1; visibility: visible; height: auto; max-height: none; margin-top: 20px}

.ccc_sub li:hover{gap:0px}

.certifications_data li {
    width: calc(33.33% - 13.33px);
    text-align: center;
}

.partner .parnter_flex li{padding: 0 15px}

.year-block .col h5{display: block; font-size: 24px; color: #fff; margin-bottom: 30px}

.year-sticky{display: none}

.year-block {
    display: flex;
    gap: 0;
    flex-direction: column;
    min-height: 100%
}

.year-block .col,
.year-block .col.right{flex:none; padding: 0}

.year-block + .year-block {
    margin-top: 80px;
}

.member_leader{display: flex; flex-wrap: wrap; gap:60px 20px}

.member_leader .box .thum{width: 100%; }

.member_leader .box {
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    width: calc(50% - 10px)
}

.member_leader .box + .box{margin: 0}

.member_leader .box .txt h3 {
    align-items: flex-start;
    flex-direction: column;
}

.member_leader .box .txt{padding: 40px 25px;
justify-content: flex-start;}

.team_list li {
    width: calc(50% - 10px);
}

.team_list li .thum{border-radius: 5px}

.sic_box .sic_flex .box {
        flex: none;
        width: calc(33.33% - 13.33px);
    }


.sic_flex_in,
.sic_flex_in.first {
    flex: none;
    width:calc(50% - 10px)
}



.inquery_flex {
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 80px;
}


.inquery_title {
    flex: 1;
    position: relative;
    left: 0;
    top: 0;
    width: 100%
}

.inquery_title_txt {
    margin-top: 50px;
    display: flex;
    gap: 30px;
    width: 100%
}

.inquery_title_txt li{flex:1}
.inquery_title_txt li + li{margin: 0}

.form_in{width: 100%}

}


@media (max-width: 860px) {
	
.main-visual .scroll_dowon p{font-size: 12px}

.site_map .top_nav li {
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}


.site_map .top_nav li .sub_deps {
    display: flex;
    gap: 15px;
    flex-direction: column;
    height: 0; visibility: hidden; opacity: 0; max-height: 0; transition-duration: .8s
}

.site_map .top_nav li .onedeps{font-size: 24px}
.site_map .top_nav li .onedeps.on_drop + .sub_deps{height: auto; max-height: 50vh; opacity: 1; visibility: visible; margin-top: 20px}



.main_ccc_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column-reverse;
    text-align: center
}

.main_ccc_flex .box .txt p br{display: none}
.main_ccc_flex .box{width: 100%}
.main_ccc_flex .box.right{padding: 0}
.main_ccc_flex .box.right .icon svg,
.main_ccc_flex .box .icon img{display: block; margin: 0 auto}

.main_ccc_flex:nth-child(2){flex-direction: column;}
.main_ccc_flex .box.left{text-align: center}
.main_ccc_flex .box.left .icon svg,
.main_ccc_flex .box .icon img{display: block; margin: 0 auto}


.main_ccc_flex .box .icon svg,
.main_ccc_flex .box .icon img{max-width: 200px}

.text-fill-wrap .text-fill .text-line, .main-visual .typo-line, .main_last h2, .foot_info .left h2,
.sub_visual .inner_in h2 {
        font-size: 40px;
}

.con01{padding-top: 100px}
.vission .cards .card_wrapper{padding: 40px}
.vission .cards .card_wrapper .icon{max-width: 100px}
.vission .cards .card_wrapper .icon img{max-width: 100%}

.ccc_sub,
.sub_section{padding: 100px 0}

.certifications_data li .thum{border-radius: 5px}

.partner .parnter_flex{gap:20px}
.partner .parnter_flex li{width: calc(33.33% - 16.66px)}

.year-list{margin: 0}


.member_leader .box .txt h3,
.team_list li h3{font-size: 18px}
.member_leader .box .txt h3 span{font-size: 14px}

.member_leader .box .txt ul{margin-top: 20px}
.member_leader .box .txt ul li,
.team_list li p{font-size: 14px}

.location_box .map{border-radius: 5px}

.location_box .txt {
    margin-top: 50px;
    gap: 30px;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}

.location_box .txt h2{font-size: 24px}
.location_box .txt li + li{margin-top: 15px}

.ain_img{width: 100%; border-radius: 5px}

.tlb{overflow-x: auto}


.sic_box{padding: 40px 25px; border-radius: 5px}
.sic_box h3{margin-bottom: 20px; font-size: 18px}

.sic_flex_in_img .in_img img + img{display: none}

.gall_list_style{gap:60px 20px}

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

.board_title h2{font-size: 24px}

.notice_list .box a{padding: 30px 15px}

.notice_list .box a .notice_go{display: none}


.inquery_title h2{font-size: 40px}
.inquery_title_txt li h3{font-size: 18px}
.inquery_title_txt li p{font-size: 14px}


.agree_pop_content{max-width: 96%}


.sub_title h4,
.solution_mid h3{font-size: 24px}
.bu_pross_flex .box{width: calc(50% - 15px)}
.bu_pross_flex .box p{font-size: 14px; word-break: keep-all}

.solution_mid_flex {
    flex-wrap: wrap; gap:20px;
}

.solution_mid_flex .box{margin: 0; width: calc(50% - 10px); border-radius: 10px;
        aspect-ratio: 1; height: auto}
.solution_mid_flex .box + .box{margin: 0}
}


@media (max-width: 600px) {

.main_last p{font-size: 16px; word-break: keep-all}


.footer{padding: 50px 0}
.foot_link1 a, .foot_link2 a{font-size: 14px}
.foot_info .left h2{font-size: 18px}
.foot_info .left ul li,
.foot_copy p{font-size: 14px}

    .foot_top {
        right: 25px;
        padding: 0;
        border: 0;
        background: transparent;
        border-radius: 0;
    }


.inner_in, .inner,
.inner_in2, .site_map{padding: 0 25px}


.form_in li textarea{padding: 15px; font-size: 16px}
.form_in li input,
.form_in li select{height: 50px; line-height: 48px; font-size: 16px; padding: 0 15px}
.form_in li .file_are button{font-size: 14px; height: 50px; line-height: 48px}

.roof_text h2{font-size: 100px}

.sub_visual{padding: 50px 0}

.sub_visual,
.sub_visual .vis_img{height: auto; padding-top: 150px}

.sub_visual .inner_in h2{font-size: 30px}
.sub_visual .inner_in .sub_visual_deps{margin-top: 15px}
.sub_visual .inner_in .sub_visual_deps li{font-size: 12px}

.sub_visual .vis_img .vis_in video, .sub_visual .vis_img .vis_in img{
	transform: translate(-50%, -50%) scale(1.0);
}


.header .logo{left: 25px; width: 120px}
.header .right{right: 25px; gap:15px}
.header .right .all_btn span{display: none}


.main-visual .scroll_dowon{display: none}
.main-visual p{font-size: 16px}

.text-fill-wrap .text-fill .text-line{font-size: 24px; text-align: center}

.main-about .text-fill-wrap {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    width: 100%
}

.main_ccc_flex .box .icon{padding: 30px}

.main_ccc_flex .box .icon svg,
.main_ccc_flex .box .icon img {
        max-width: 180px;
        height: auto;
}

.main_ccc_flex .box .txt h2{font-size: 18px}
.main_ccc_flex .box .txt p{font-size: 14px}

.freedom_flex .box{width: 100%; padding: 25px}

.freedom_flex .box .txt p {
    visibility: visible;
    margin-top: 10px;
    height: auto;
    max-height: 300px;
    opacity: 1; font-size: 14px
}

.freedom_flex .box .txt p br{display: none}

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

.main_last h2{font-size: 24px}

.main_last{
	background-attachment: inherit;
}

.main-about .about-intro{height: auto; padding: 150px 0}

.con01 .txt h2,
.sub_title h3,
.ccc_sub li h2{font-size: 24px}

.con01 .txt p,
.ccc_sub li p{font-size: 14px}
.con01 .txt p br,
.ccc_sub li p br{display: none}

.sub_title{margin-bottom: 50px}

    .vission .cards .card_wrapper {
        padding: 40px 25px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap:30px
    }

.vission .cards .card_wrapper .txt h3{font-size: 18px}
.vission .cards .card_wrapper .txt p{font-size: 14px}


.certifications_data{gap:50px 10px}
.certifications_data li,
.partner .parnter_flex li{width: calc(50% - 5px)}

.certifications_data li p{font-size: 14px}

.partner .parnter_flex{gap:10px}

.partner .parnter_flex li{padding: 15px}
.partner .parnter_flex li img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.year-block .col h5{margin-bottom: 20px}

.year-block li{padding-left: 30px; font-size: 14px}

.member_leader .box,
.team_list li{width: 100%}

.location_box .txt{gap:20px}
.location_box .txt li{font-size: 14px}


.site_map .top_nav li .sub_deps a{font-size: 16px}

.sub_title h4{font-size: 24px}
.sub_title p{font-size: 14px}

.ain_img{height: 30vh}

.tlb {padding-top: 30px; position: relative}
.tlb:after{content: 'SCROLL →'; color: #fff; position: absolute; left: 0px; top: 0; font-size: 12px; color: #fff}
.tlb table th,
.tlb table td{font-size: 14px; padding: 15px 10px}

.tab{margin-bottom: 50px}
.tab__item{border-radius: 5px; padding: 15px}
.tab__item a{font-size: 14px}

    .sic_box .sic_flex .box {
        flex: none;
        width: calc(50% - 10px);
        font-size: 14px
    }

.sic_flex_in, .sic_flex_in.first{width: 100%}

.sic_flex_in .txt h3{font-size: 16px}
.sic_flex_in .txt li{font-size: 14px}

.sub_img_slide .slick-list {
    overflow: visible;
    padding: 0 3rem;
}


    .gall_list_style {
        gap: 40px 10px;
    }



    .gall_list_style li {
        width: calc(50% - 5px);
    }



.board_list_txt h3,
.notice_list .box a h2{font-size: 16px}
.board_list_txt p,
.notice_list .box a p{margin-top: 10px; font-size: 12px}
.board_detail_content *{font-size: 14px}


.board_title{margin-bottom: 50px}
.board_title h2{font-size: 18px}
.board_title h3{font-size: 12px; margin-top: 15px}

.common_btn{gap:30px; border-radius: 5px}

.search_board .sch_bar input{min-width: auto; font-size: 14px}
.search_board .sch_bar{border-radius: 5px}

.notice_list .box a{padding: 25px 5px}

.inquery_title h2{font-size: 24px}
.inquery_title_txt{gap:0; margin-top: 25px}


.inquery_title_txt li h3,
.inquery_title_txt li p{font-size: 14px}

.form_in li input,
.form_in li select,
.form_in li textarea,
.form_in li .file_are button{border-radius: 5px;}

.form_in li label,
.ck_agree *{font-size: 14px}

.member_leader{margin-top: 0}








}





@media (max-width: 360px) {

 
 
 
 
}