/* =========================
1640px ↓
========================= */
@media (max-width: 1640px) {
  .main_visual_are {
    padding: 0 var(--inner-pc) var(--inner-pc);
  }

  .site_map .thum {
    width: 40vh;
  }

  .bu_slide .slick-list {
    padding: 0 16rem;
  }
}


/* =========================
1500px ↓
========================= */
@media (max-width: 1500px) {
  .header .top_nav li .onedeps {
    padding: 0 18px;
  }

  .site_map {
    gap: 4rem;
  }

  .site_map .top_nav li .onedeps {
    width: 180px;
  }

  .main_bu_are li .txt {
    width: 40%;
  }

  .main_form .inner_w {
    gap: 4rem;
  }

  .main_form_are {
    flex: 1;
  }

  .detail_top .thum_are {
    width: 520px;
  }

  .bu02_flex .top .thum_flex li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .bu02_flex .bottom {
    display: flex;
    flex-wrap: wrap;
  }

  .bu02_flex .bottom img {
    flex: none;
    width: calc(50% - 5px);
  }
}


/* =========================
1370px ↓
========================= */
@media (max-width: 1370px) {
  .site_map {
    padding: 120px 3rem 3rem;
  }

  .site_map .top_nav li .onedeps {
    width: 160px;
  }

  .site_map .top_nav li .sub_deps {
    gap: var(--space-30);
  }

  .main_form .inner_w {
    flex-direction: column;
  }

  .main_form .inner_w .main_title {
    width: 100%;
    text-align: center;
  }

  .main_form_are {
    max-width: 100%;
  }

  .esg_section .inner_w {
    gap: var(--space-60);
  }

  .esg_right {
    width: calc(60% - var(--space-60));
  }

  .organization_bottom {
    gap: var(--space-30);
  }

  .rnd_are {
    padding-bottom: 460px;
  }

  .rnd_are .step.step01,
  .rnd_are .step.step02 {
    top: 95%;
  }

  .rnd_are .step.step03 {
    top: 560px;
  }

  .bu02_info_flex {
    gap: var(--space-40);
  }

  .bu02_info_flex_round .box {
    width: 180px;
    height: 180px;
  }

  .main_esg_flex .box {
    height: 50vh;
  }

  .location_are .tab__content .info {
    height: 80vh;
  }

  .blackmass_five {
    flex-wrap: wrap;
  }

  .bu03_in {
    border-radius: 0;
    background: var(--color-white);
    padding: 0;
  }
  

.site_map .thum.eng{display: none}
  
  
}


/* =========================
1280px ↓
========================= */
@media (max-width: 1280px) {
  .header {
    height: 100px;
  }

  .header .logo {
    top: 34px;
  }

  .header .right,
  .header .top_nav {
    top: 18px;
  }

  .sub_section + .sub_section {
    padding-top: 0;
  }
  
  .sub_section + .sub_section.bg{padding-top: var(--space-150);}

  .flex_visual,
  .visual_right_slide .box {
    height: 620px;
  }

  .main_bu_are li .txt {
    width: 36%;
  }

  .least_board {
    flex-wrap: wrap;
  }



  .product_list li,
  .gall_list_style li {
    width: calc(33.333% - 19.99px);
  }

  .bu_slide .slick-list {
    padding: 0 8rem;
  }

  .blackmass_five {
    flex-wrap: wrap;
  }

  .blackmass_five .box {
    flex: none;
    width: calc(33.333% - 19.99px);
    aspect-ratio: auto;
  }

  .detail_top .thum_are {
    width: 45%;
  }
  
  .quality_list li .thum{max-width: 40%}
  
  .foot_map .foot_nav{display: none}


}


/* =========================
1024px ↓
========================= */
@media (max-width: 1024px) {
	

.bu_last_flex_new {
    flex-direction: column;
}	
.bu_last_flex_new .next {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bu_last_flex_new .next img{
	    transform: rotate(90deg);
}

.bu_next_new_mid svg{max-width: 90%}

	
	.t_map_flex {
    display: flex;
    gap: 3rem;
    flex-direction: column;
}
	
	
	.t_map_flex .thum{width: 100%}
	
	.t_map_thum_flex {
    margin-top: 50px;
    display: flex;
    gap: 20px;
    flex-direction: column;
}
	
	
	.bu01_new_top_in {
    display: flex;
    gap: 20px;
    flex-direction: column;
}
	
	.bu01_new_top_in .left{width: 100%}
	
	.bu01_new_top_in .right {
    flex-direction: row;}
	
	
	.bu01_new_top_in .right .bottom,
	.bu01_new_top_in .right .top {
    flex-direction: column;
    align-items: center;
    flex:1
}
	
	
	.bu01_new_top_in .right .next img{
		transform: rotate(90deg);
	}
	
	
	.bu01_new_top_in .box_in {
    flex-direction: column;
    width: 100%;
        align-items: center;
}
	
	.bu01_new_top_in .box_in .box.mid{width: 100%}
	
.bu01_new_top_in .right .box {
    flex-direction: column;
    width: 100%
}	
	
	
	.foot_btn {
  right: var(--inner-pc);
  bottom: var(--inner-pc);
}


	
  .header .top_nav {
    display: none;
  }

  .header {
    height: 90px;
  }

  .header .logo {
    width: 160px;
    top: 32px;
  }

  .header .right {
    top: 14px;
  }

  .header .right .all_btn,
  .lang .lang_btn {
    width: 56px;
    height: 56px;
  }

  .site_map {
    padding: 110px var(--inner-pc) 3rem;
  }

  .site_map .thum {
    display: none;
  }

  .site_map .top_nav li {
    padding-bottom: var(--space-30);
  }

  .site_map .top_nav li .onedeps {
    width: 180px;
  }

  .site_map .top_nav li .sub_deps {
    flex-wrap: wrap;
  }

  .flex_visual {
    flex-direction: column;
    height: auto;
  }
  
  

  .flex_visual .left,
  .flex_visual .right {
    width: 100%;
  }

  .flex_visual .left {
    height: 560px;
  }

  .flex_visual .right,
  .visual_right_slide .box {
    height: 420px;
  }

  .notice_slide_are .left {
    width: calc(100% - 80px);
  }

  .notice_slide_are .notice_slide {
    width: 70%;
  }

  .main_title.flex {
    display: block;
  }
  
  

  .main_board_tab {
    margin-top: var(--space-30);
    display: inline-flex;
  }

  .main_esg_flex {
    flex-direction: column;
  }

  .main_esg_flex .box,
  .main_esg_flex .box:hover {
    flex: none;
    height: 360px;
  }
  
  .main_esg_flex .box:last-child {
    margin: 0;
}

  .main_esg_flex .box .txt p {
    opacity: 1;
    height: auto;
    max-height: none;
    margin-top: var(--space-16);
  }

  .main_bu_are li {
    display: block;
  }

  .main_bu_are li .txt {
    width: 100%;
    margin-bottom: var(--space-30);
  }

  .esg_section .inner_w {
    display: block;
  }

  .esg_left,
  .esg_right {
    width: 100%;
  }

  .esg_right {
    margin-top: var(--space-60);
  }
  
  .least_board li {
    width: calc(50% - 10px);
}

 

  .main_form .inner_w {
    display: block;
  }

  .main_form .inner_w .main_title {
    width: 100%;
    margin-bottom: var(--space-50);
  }

  .sub_visual,
  .sub_visual .visual-img-con {
    height: 560px;
  }

  .top_sub_nav {
    position: relative;
    bottom: auto;
    right: auto;
    height: auto;
    margin: -33px var(--inner-pc) 0;
    z-index: 5;
  }

  .sub_nav_flex {
    justify-content: center;
  }

  .sub_nav_flex:before,
  .sub_nav_flex:after,
  .sub_nav_flex .nav_toggle_are:before {
    display: none;
  }

  .sub_nav_flex .nav_toggle_are p {
    width: 320px;
  }

  .hisotry .line_are {
    left: 0;
    transform: none;
  }

  .hisotry .in_flex {
     flex-direction: column;
    padding-left: var(--space-150);
  }
  
  .hisotry .in_flex:nth-child(3n) {flex-direction: column-reverse;}

  .hisotry .in_flex .left_year,
  .hisotry .in_flex .left_year.right,
  .hisotry .in_flex .info,
  .hisotry .in_flex .info.left {
    width: 100%;
    padding: 0;
    text-align: left;
  }

  .hisotry .in_flex .left_year {
    position: relative;
    top: auto;
    margin-bottom: var(--space-30);
  }

  .hisotry .in_flex .info.left li {
    flex-direction: row;
    text-align: left;
  }

  .organization_mid,
  .organization_bottom,
  .organization_info {
    flex-wrap: wrap;
  }

  .organization_bottom li {
    flex: none;
    width: calc(50% - 15px);
  }

  .organization_bottom:after,
  .organization_bottom li:before,
  .organization_bottom li:after,
  .organization_bottom li h3:after,
  .organization_bottom li p:after {
    display: none;
  }

  .organization_info .box {
    width: calc(50% - 10px);
  }

  .location_are .tab__content.active {
    display: block;
  }

  .location_are .tab__content .map{height: 40vh}
  .location_are .tab__content .map,
  .location_are .tab__content .info {
    width: 100%;
  }

  .location_are .tab__content .info {
    height: auto;
  }

  .bu_title.flex {
    display: block;
  }

  .bu_slide_cnt {
    margin-top: var(--space-30);
  }

  .bu_slide .slick-list {
    padding: 0 4rem;
  }

  .bu02_flex .top,
  .bu02_info_flex,
  .flex_blackmass_ft,
  .detail_top {
    display: block;
  }
  
  .flex_blackmass_ft .box + .box{margin-top: 20px}

  .bu02_flex .top .next,
  .bu_last_flex_in .next {
    display: none;
  }

  .bu02_flex .top .ink {
    margin-top: var(--space-20);
  }

  .bu02_info_flex_round {
    margin-top: var(--space-40);
  }

  .detail_top .thum_are {
    width: 100%;
    margin-bottom: var(--space-60);
  }

  .quality_list li {
    gap: var(--space-30);
  }

  .quality_list li .thum {
    max-width: 420px;
  }
  
  .step_top {
    position: relative;
    height: auto; display: flex;
    align-items: flex-start; gap:10px}
    
    
    .rnd_are .step {
    position: relative;
    align-items: center;
    flex-direction: column-reverse;
    margin-top: 3rem;
    
}

.rnd_are .step.step01, .rnd_are .step.step02 {
        top: 0;
        width: 100%;
        left: 0;
        transform: translateY(0%);
        flex-direction: column-reverse;
        flex:1
    }
    
        .rnd_are .step.step03 {
        top: 0;
        left: 0;
        transform: translateX(0%);
        width: 100%;
    }

.rnd_are .step.step01 .txt,
.rnd_are .step.step02 .txt,
.rnd_are .step.step03 .txt {
    width: 100%;
}


    .rnd_are {
        padding-bottom: 0;
    }
  
 .bu_title p br{display: none} 
 
.rnd_are .center{display: none} 
  
  
  
}


/* =========================
860px ↓
========================= */
@media (max-width: 860px) {


.bu01_new02_top_in {
    display: flex;
    align-items: center;
    gap: 25px;
    flex-direction: column;
}
.bu01_new02_top_in .box.empt{display: none}
.bu01_new02_top_in .next{width: 100%}
.bu01_new02_top_in .next img{transform: rotate(90deg);}
.bu01_new02_top_in .next.down img{transform: rotate(0deg);}

.bu01_new02_top_in.mid{padding: 0}

.bu_next_new_mid{padding: 30px 15px; display: flex;
gap:10px;
align-items: center;
        justify-content: center;
}

.bu01_new02_top_in .next{gap:10px}

.bu01_new02_top_in .next p{position: relative;
top: 0;
left: 0%;
    transform: translateX(0%);}

.bu_last_flex_new .bu_last_flex_in .box {
    aspect-ratio: inherit;
    max-width: 100%;
}

.bu_next_new_mid .mo{display: block}
.bu_next_new_mid p{position: relative;
top: 0;
left: 0;
transform: translateX(0%);}

.bu_next_new_mid svg{display: none}


  .site_map {
    padding: 100px var(--inner-pc) var(--space-40);
    overflow-y: auto;
    align-items: flex-start;
  }

  .site_map .top_nav {
    gap: 0;
  }

  .site_map .top_nav li {
    display: block;
    padding: var(--space-24) 0;
  }

  .site_map .top_nav li .onedeps {
    width: 100%;
    display: block;
  }

  .site_map .top_nav li .sub_deps {
    display: flex;
    gap: var(--space-20);
    justify-content: flex-start;
    align-items: baseline;
    opacity: 0;
    transition-duration: var(--transition-slow);
    flex-direction: column;
    overflow: hidden;
    height: 0;
    max-height: 0;
    visibility: hidden;
  }

  .site_map .top_nav li .on_drop + .sub_deps {
    height: auto;
    max-height: 80vh;
    opacity: 1;
    visibility: visible;
    margin-top: var(--space-20);
  }

  .foot_map .inner_w {
    display: block;
  }

  .foot_map .foot_nav {
   display: none
  }

  .foot_map .foot_nav > li {
    width: calc(50% - 10px);
  }

  .foot_adress .foot_txt li {
    display: block;
  }

  .foot_adress .foot_txt li i {
    display: none;
  }

  .sub_section + .sub_section {
    padding-top: 0;
  }

  .notice_slide_are {
    display: block;
  }

  .notice_slide_are .left,
  .notice_slide_are .notice_slide {
    width: 100%;
  }

  .notice_slide_are .cnt {
    margin-top: var(--space-20);
    display: none
  }

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

  .main_form_are ul li,
  .inquery ul li {
    width: 100%;
  }

  .sub_visual,
  .sub_visual .visual-img-con {
    height: 480px;
  }
  
  .sub_visual .visual-txt-container{text-align: center}

  .top_sub_nav {
    display: none
  }

  .sub_nav_flex {
    display: block;
  }

  .sub_nav_flex .nav_toggle_are + .nav_toggle_are {
    margin-top: var(--space-10);
  }

  .sub_nav_flex .nav_toggle_are p {
    width: 100%;
    height: 58px;
  }
  
   .count_flex {
    flex-direction: column;
    max-width: 600px;
  }

  .sub_nav_flex .drop_deps {
    position: relative;
    top: auto;
    margin-top: var(--space-10);
  }

  .organization_mid {
    display: block;
  }

  .organization_mid li,
  .organization_mid li.center {
    width: 100%;
  }

  .organization_mid li + li {
    margin-top: var(--space-12);
  }

  .organization_mid li + li:after,
  .organization .top:after {
    display: none;
  }

  .organization_bottom {
    display: block;
    padding-top: 0;
  }

  .organization_bottom li {
    width: 100%;
  }

  .organization_bottom li + li {
    margin-top: var(--space-30);
  }
  
  .organization_bottom li ul {
    flex-direction: column;}
  
  .organization_bottom li li + li{margin: 0}

  .location_are .tab {
    position: relative;
    left: auto;
    top: auto;
    margin-bottom: var(--space-20);
    flex-wrap: wrap;
    border-radius: var(--radius-20);
    width: 100%
  }

  .location_are .tab__item {
    flex: 1;
  }

  .bu_img_box_flex,
  .bu02_nomal_flex,
  .bu_last_flex_in {
            flex-direction: column;
  }

  .bu_img_box_flex .box + .box,
  .bu02_nomal_flex .box + .box,
  .bu_last_flex_in .box + .box {
    margin-top: var(--space-20);
  }

  .bu02_flex .top .thum_flex li,
  .bu02_three_flex .box {
    width: calc(50% - 10px);
  }

  .bu_last_flex .down_next {
    padding: 0;
    justify-content: center;
  }

  .rnd_are {
    padding-bottom: 0;
  }

  .rnd_are .center {
    width: 360px;
    height: 360px;
  }

  .step_top {
    position: relative;
    height: auto;
    flex-direction: column;
  }

  

  .rnd_are .step .txt,
  .rnd_are .step.step01 .txt,
  .rnd_are .step.step02 .txt,
  .rnd_are .step.step03 .txt h4 {
    width: 100%;
  }


  .rnd_are .step.step03 .txt .step_in_flex {
    display: block;
  }

  .rnd_are .step.step03 .txt .step_in_flex .box + .box {
    margin-top: var(--space-12);
  }

  .tlb {
    overflow-x: auto;
  }

  .tlb table {
    min-width: 760px;
  }

  .blackmass_five .box {
    width: calc(50% - 10px);
  }

  .quality_list li {
    display: block;
  }

  .quality_list li .thum {
    max-width: 100%;
    margin-bottom: var(--space-30);
  }

  .agree_pop_content {
    max-width: calc(100% - 40px);
  }
  
  .bu_title h3 br{display: none}
  
  .bubg_img{height: 40vh}
  
  .tlb table td,
  .tlb table th{padding: 10px; }
  
  
  .inquery ul li .radio_flex {
    flex-wrap: wrap;
}

.inquery ul li .radio_flex label{flex:auto}
  
  
}


/* =========================
600px ↓
========================= */
@media (max-width: 600px) {
	
.bu_last_flex_last {
    flex-direction: column;
    text-align: center
}
	
	
	
	.main_banner {
    right: auto;
    bottom: 15px;
    padding: 25px;
    z-index: 4;
    width: 96%;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
}
	
	
	
	
	.bu01_new_top_in .left {
    flex-direction: column;
    align-items: center;
}
	
	.bu01_new_top_in .left .box{width: 100%}
	    .bu01_new_top_in .left .next img {
        transform: rotate(90deg);
    }
	
	
	
	.bu01_new_top_in .right {
        flex-direction: column;
    }
	
	
	
	
	
  .custom-cursor {
    display: none !important;
  }

  .header {
    height: 76px;
  }

  .header .logo {
    width: 145px;
    height: 22px;
    top: 27px;
  }

  .header .right {
    top: var(--space-10);
    gap:10px
  }
  
    .header .right .all_btn, .lang .lang_btn {
        border-radius: 10px;
        width: 52px;
    height: 52px;
    }
    
    
   .notice_slide_are{padding: 25px 20px} 
   
   .main_esg_flex .box{padding: 25px 20px}
   
  .main_news .main_title{margin-bottom: 20px}


  .flex_visual .left {
    height: 430px;
    border-radius: 16px;
  }

  .flex_visual .right,
  .visual_right_slide .box {
    height: 360px;
    border-radius: 16px;
  }

  .main_board_tab,
  #bo_cate ul {
    width: 100%;
    overflow-x: auto;
    justify-content: flex-start;
  }

#bo_cate ul li,
.main_board_tab li{flex:auto;}

  .main_board_tab li,
  #bo_cate a {
    white-space: nowrap;
  }

  .main_esg_flex .box {
    height: 320px;
  }

  .least_board li,
  .product_list li,
  .gall_list_style li,
  .organization_info .box {
    width: 100%;
  }

  .least_board li a {
    aspect-ratio: auto;
    min-height: 240px;
  }

  .main_form_are ul li .radio_flex,
  .inquery ul li .radio_flex {
    display: block;
  }

  .main_form_are ul li .radio_flex label,
  .inquery ul li .radio_flex label {
    display: block;
  }

  .main_form_are ul li .radio_flex label + input + label,
  .inquery ul li .radio_flex label + input + label {
    margin-top: var(--space-10);
  }

  .sub_visual,
  .sub_visual .visual-img-con {
    height: 420px;
  }

  .sub_visual .visual-img-con {
    border-radius: var(--space-24);
  }
  
  .sub_visual .visual-txt-con{padding: 0 15px; text-align: center}
  
  .ceo_img {height: 30vh}
  
  .ceo_img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
  
  .foot_info {
    margin-top: var(--space-60);
}

.foot_copy p{font-size: 14px}

.foot_map .inner_w img{max-width: 40%}
  
  
  .ceo_txt h3 br{display: none}

  .hisotry .in_flex {
    padding-left: 0
  }

  .hisotry .line_are {
   display: none
  }

  .hisotry .in_flex .info li {
    display: block;
  }

  .hisotry .in_flex .info li h4 {
    width: 100%;
    margin-bottom: 8px;
  }

  .policy_card {
    height: 520px;
  }

  .policy_card .txt {
    padding: 0 var(--space-24);
  }

  .location_are .tab {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }

  .location_are .tab__item {
    padding: 0 var(--space-12);
    font-size: 15px;
    flex:auto
  }


  .bu_slide .slick-list {
    padding: 0 var(--inner-pc);
  }

  .bu02_flex .top .thum_flex li,
  .bu02_three_flex .box {
    width: 100%;
  }

  .bu02_info_flex_round {
    display: block;
    border-radius: var(--radius-20);
  }

  .bu02_info_flex_round .box {
    width: 100%;
    height: auto;
    aspect-ratio: 2 / 1;
    border-radius: var(--radius-20);
  }

  .bu02_info_flex_round .box + .box {
    margin-top: var(--space-12);
  }
  
  .bu02_flex .top .ink .ink_flex {

    flex-wrap: wrap;
}


.bu02_flex .bottom img{width: 100%}
.sub_title h2 br{display: none}


  .rnd_are .step .icon {
    margin-bottom: var(--space-12);
  }

  .product_list li a .txt p {
    display: block;
  }

  .product_list li a .txt p span:first-child {
    display: block;
    width: 100%;
    margin-bottom: 4px;
  }

  .detail_top .sub_title .product_info li {
    display: block;
  }

  .detail_top .sub_title .product_info li p:first-child {
    width: 100%;
    margin-bottom: 6px;
  }

  .product_characteristic .product_characteristic_list li {
    min-width: 100%;
  }

  .blackmass_five .box {
    width: 100%;
  }

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

  .search_board form {
    display: block;
  }

  .search_board form select {
    width: 100%;
    margin-bottom: var(--space-10);
  }

  .search_board .sch_bar,
  .search_board .sch_bar input {
    width: 100%;
  }

  .more_product {
    display: block;
  }

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

  .more_product .sub_btn_flex + .sub_btn_flex {
    margin-top: var(--space-10);
  }
  
  .t_map_flex .info h3{gap:10px}
  .t_map_flex .info h3 i{width: 40px; height: 40px;}
  
  .t_map {
    border-radius: 10px;
    background: #F6F8F7;
    padding: 20px;
}
  
  
}


/* =========================
360px ↓
========================= */
@media (max-width: 360px) {
  .header .logo {
    width: 130px;
  }

  .header .right .all_btn {
    width: 48px;
    height: 48px;
  }

  .sub_nav_flex .nav_toggle_are p {
    padding: 0 18px;
  }

  .rnd_are .center {
    width: 260px;
    height: 260px;
  }
}