@charset "UTF-8";

#ctt{max-width: 1800px !important;padding: 100px 20px 60px !important;}
#ctt p{text-align: center !important;}

@media screen and (max-width:768px) {
  #ctt{padding: 60px 20px 40px !important;}
}


.sub_top_tit{font-size: 40px;font-weight: 700;color: #3E3E3E;text-align: center;}

.sub_sct_menu{display: flex;gap: 10px;flex-wrap: wrap;margin: 60px 0 80px;padding: 12px;background-color: #F5F5F5;border-radius: 50px;}
.sub_sct_menu > li{flex: 1;}
.sub_sct_menu > li a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;font-size: 24px;font-weight: 400;color: #333;text-align: center;padding: 20px;border-radius: 999px;transition: background-color 0.3s, color 0.3s;}
.sub_sct_menu > li a:hover,
.sub_sct_menu > li.active a{background-color: #0072BC;color: #fff;}

@media screen and (max-width:1024px) {
  .sub_top_tit{font-size: 32px;}
  .sub_sct_menu{gap: 9px;margin: 40px 0 60px;padding: 10px;border-radius: 35px;}
  .sub_sct_menu > li{min-width: calc(33.333% - 6px);}
  .sub_sct_menu > li a{font-size: 18px;padding: 16px;}
}
@media screen and (max-width:768px) {
  .sub_top_tit{font-size: 30px;}
  .sub_sct_menu{gap: 8px;margin: 20px 0 40px;padding: 8px;border-radius: 20px;}
  .sub_sct_menu > li{min-width: calc(50% - 4px);}
  .sub_sct_menu > li a{font-size: 16px;padding: 12px;}
}
@media screen and (max-width:320px) {
  .sub_sct_menu > li{min-width: 100%;}
}



br.keep{display: block !important;}



.sub_top_box h2{font-size: 40px;font-weight: 700;color: #3E3E3E;text-align: center;}
.sub_top_box .big_desc{font-size: 48px;font-weight: 700;color: #191919;line-height: 1.5;text-align: center;margin-top: 80px;}
.sub_top_box .big_desc b{font-weight: 700;color: #0072BC;}
.sub_top_box h3{font-size: 30px;font-weight: 700;color: #3E3E3E;text-align: center;margin-top: 80px;}
.sub_top_box .sml_desc{font-size: 20px;font-weight: 400;color: #3E3E3E;text-align: center;line-height: 1.4;margin-top: 40px;}
.sub_top_box .top_img{height: 300px;background-repeat: no-repeat;background-position: center;background-size: cover;border-radius: 30px;margin-top: 80px;}
#bo_cate_ul{
  margin-bottom: 60px;
  margin-top: 0 !important;
}
.board_tab{
  margin-bottom: 80px;
}
.sub_top_box .tab_menu,
#bo_cate_ul,
.board_tab
{display: flex;gap: 10px;flex-wrap: wrap;margin-top: 60px;padding: 12px;background-color: #F5F5F5;border-radius: 50px;}
.sub_top_box .tab_menu > li,
#bo_cate_ul > li,
.board_tab > li
{flex: 1;}
.sub_top_box .tab_menu > li a,
#bo_cate_ul > li a,
.board_tab > li a
{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;font-size: 24px;font-weight: 400;color: #333;text-align: center;padding: 20px;border-radius: 999px;transition: background-color 0.3s, color 0.3s;}
.sub_top_box .tab_menu > li a:hover,
.sub_top_box .tab_menu > li.active a,
#bo_cate_ul > li a:hover,
#bo_cate_ul > li a#bo_cate_on,
.board_tab > li.active a,
.board_tab > li a:hover
{background-color: #0072BC;color: #fff;}


@media screen and (max-width:1024px) {
  .sub_top_box h2{font-size: 32px;}
  .sub_top_box .big_desc{font-size: 36px;margin-top: 60px;}
  .sub_top_box h3{font-size: 24px;margin-top: 60px;}
  .sub_top_box .sml_desc{font-size: 16px;margin-top: 20px;}
  .sub_top_box .top_img{height: 240px;margin-top: 60px;}
  .board_tab{
    margin-bottom: 30px;
  }
  .sub_top_box .tab_menu,
  #bo_cate_ul,
  .board_tab
  {gap: 9px;margin: 40px 0 60px;padding: 10px;border-radius: 35px;}
  .sub_top_box .tab_menu > li,
  #bo_cate_ul > li,
  .board_tab > li
  {min-width: calc(33.333% - 6px);}
  .sub_top_box .tab_menu > li a,
  #bo_cate_ul > li a,
  .board_tab > li a
  {font-size: 18px;padding: 16px;}
  #bo_cate_ul{
    margin-bottom: 30px;
  }
}
@media screen and (max-width:768px) {
  .sub_top_box h2{font-size: 30px;}
  .sub_top_box .big_desc{font-size: 24px;margin-top: 40px;}
  .sub_top_box h3{font-size: 20px;margin-top: 40px;}
  .sub_top_box .sml_desc{margin-top: 16px;}
  .sub_top_box .top_img{height: 180px;margin-top: 40px;border-radius: 20px;}
  .sub_top_box .tab_menu,
  #bo_cate_ul,
  .board_tab
  {gap: 8px;margin: 20px 0 40px;padding: 8px;border-radius: 20px;}
  .sub_top_box .tab_menu > li,
  #bo_cate_ul > li,
  .board_tab > li
  {min-width: calc(50% - 4px);}
  .sub_top_box .tab_menu > li a,
  #bo_cate_ul > li a,
  .board_tab > li a
  {font-size: 16px;padding: 12px;}
}
@media screen and (max-width:420px) {
  .sub_top_box .big_desc br,
  .sub_top_box .sml_desc br{display: none;}
}
@media screen and (max-width:320px) {
  .sub_top_box .tab_menu > li,
  #bo_cate_ul > li,
  .board_tab > li
  {min-width: 100%;}
}









/* sub01_1 회사개요 */
.sub01_1_sct1{padding-top: 100px;}
.sub01_1_sct1 .inner{padding-bottom: 150px;border-bottom: #D9D9D9 solid 1px;}
.sub01_1_sct1 .keywords{width: 100%;max-width: 1100px;display: flex;gap: 100px;justify-content: center;flex-wrap: wrap;margin: 80px auto 0;}
.sub01_1_sct1 .keywords > li{position: relative;width: calc(33.333% - (200px / 3));aspect-ratio: 1 / 1;background-repeat: no-repeat;background-position: center;background-size: contain;}
.sub01_1_sct1 .keywords > li.con1{background-image: url(/html/img/sub01_1_img01.png);}
.sub01_1_sct1 .keywords > li.con2{background-image: url(/html/img/sub01_1_img02.png);}
.sub01_1_sct1 .keywords > li.con3{background-image: url(/html/img/sub01_1_img03.png);}
.sub01_1_sct1 .keywords > li span{position: absolute;top: 65%;left: 50%;font-size: 24px;font-weight: 700;color: #fff;transform: translateX(-50%);}
.sub01_1_sct1 .keywords > li:nth-child(n + 2)::before{content: '';position: absolute;top: 50%;right: calc(100% - 4px);width: 108px;height: 6px;background: url(/html/img/sub01_1_line.png) no-repeat center/contain;transform: translateY(-50%);}
.sub01_1_sct1 .features{margin-top: 80px;}
.sub01_1_sct1 .features > li{display: flex;gap: 60px;align-items: center;flex-wrap: wrap;padding: 30px;background-color: #F5F5F5;border-radius: 30px;}
.sub01_1_sct1 .features > li:nth-child(n + 2){margin-top: 40px;}
.sub01_1_sct1 .features > li .img_box{width: 400px;border-radius: 16px;overflow: hidden;}
.sub01_1_sct1 .features > li .txt_box{width: calc(100% - 460px);}
.sub01_1_sct1 .features > li .txt_box h3{font-size: 30px;font-weight: 700;color: #191919;}
.sub01_1_sct1 .features > li .txt_box p{font-size: 20px;font-weight: 400;color: #3E3E3E;line-height: 1.4;margin-top: 20px;}

@media screen and (max-width:1024px) {
  .sub01_1_sct1{padding-top: 80px;}
  .sub01_1_sct1 .inner{padding-bottom: 100px;}
  .sub01_1_sct1 .keywords{gap: 60px;margin: 60px auto 0;}
  .sub01_1_sct1 .keywords > li{width: calc(33.333% - 40px);}
  .sub01_1_sct1 .keywords > li span{font-size: 20px;}
  .sub01_1_sct1 .keywords > li:nth-child(n + 2)::before{right: calc(100% - 2px);width: 64px;}
  .sub01_1_sct1 .features{margin-top: 60px;}
  .sub01_1_sct1 .features > li{gap: 40px;border-radius: 20px;}
  .sub01_1_sct1 .features > li:nth-child(n + 2){margin-top: 30px;}
  .sub01_1_sct1 .features > li .img_box{width: 320px;}
  .sub01_1_sct1 .features > li .txt_box{width: calc(100% - 360px);}
  .sub01_1_sct1 .features > li .txt_box h3{font-size: 24px;}
  .sub01_1_sct1 .features > li .txt_box p{font-size: 16px;margin-top: 16px;}  
  .sub01_1_sct1 .features > li .txt_box p br{display: none;}
}
@media screen and (max-width:768px) {
  .sub01_1_sct1 .inner{padding-bottom: 80px;}
  .sub01_1_sct1 .keywords{gap: 10px 20px;margin: 40px auto 0;}
  .sub01_1_sct1 .keywords > li{width: calc(50% - 10px);}
  .sub01_1_sct1 .keywords > li span{font-size: 18px;}
  .sub01_1_sct1 .keywords > li:nth-child(n + 2)::before{display: none;}
  .sub01_1_sct1 .features{margin-top: 40px;}
  .sub01_1_sct1 .features > li{gap: 20px;padding: 20px;}
  .sub01_1_sct1 .features > li:nth-child(n + 2){margin-top: 20px;}
  .sub01_1_sct1 .features > li .img_box{width: 100%;max-width: 320px;}
  .sub01_1_sct1 .features > li .txt_box{width: 100%;}
  .sub01_1_sct1 .features > li .txt_box h3{font-size: 20px;}
  .sub01_1_sct1 .features > li .txt_box p{margin-top: 12px;}  
}



.sub01_1_sct2{padding-top: 150px;}
.sub01_1_sct2 .con_box{margin-top: 60px;padding-bottom: 270px;background: url(/html/img/sub01_1_bg.png) no-repeat top center/cover;}
.sub01_1_sct2 .con_box .vision{display: flex;gap: 40px;justify-content: center;flex-wrap: wrap;padding-top: 80px;}
.sub01_1_sct2 .con_box .vision > li{position: relative;width: calc(20% - 32px);height: 270px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.sub01_1_sct2 .con_box .vision > li:nth-child(2n){margin-top: 50px;}
.sub01_1_sct2 .con_box .vision > li.con1{background-image: url(/html/img/sub01_1_img07.jpg);}
.sub01_1_sct2 .con_box .vision > li.con2{background-image: url(/html/img/sub01_1_img08.jpg);}
.sub01_1_sct2 .con_box .vision > li.con3{background-image: url(/html/img/sub01_1_img09.jpg);}
.sub01_1_sct2 .con_box .vision > li.con4{background-image: url(/html/img/sub01_1_img10.jpg);}
.sub01_1_sct2 .con_box .vision > li.con5{background-image: url(/html/img/sub01_1_img11.jpg);}
.sub01_1_sct2 .con_box .vision > li .txt_box{position: absolute;top: 50%;left: 50%;width: 100%;padding: 0 10px;transform: translate(-50%, -50%);}
.sub01_1_sct2 .con_box .vision > li .txt_box h3{font-size: 24px;font-weight: 700;color: #fff;text-align: center;}
.sub01_1_sct2 .con_box .vision > li .txt_box p{font-size: 18px;font-weight: 400;color: #fff;text-align: center;line-height: 1.5;}

@media screen and (max-width:1024px) {
  .sub01_1_sct2{padding-top: 100px;}
  .sub01_1_sct2 .con_box{margin-top: 40px;padding-bottom: 200px;background-size: 180%;}
  .sub01_1_sct2 .con_box .vision{gap: 30px;padding-top: 100px;}
  .sub01_1_sct2 .con_box .vision > li{width: calc(33.333% - 40px);height: 240px;}
  .sub01_1_sct2 .con_box .vision > li:nth-child(2n){margin-top: 0;}
  .sub01_1_sct2 .con_box .vision > li .txt_box h3{font-size: 20px;}
  .sub01_1_sct2 .con_box .vision > li .txt_box p{font-size: 16px;}
}
@media screen and (max-width:768px) {
  .sub01_1_sct2{padding-top: 80px;}
  .sub01_1_sct2 .con_box{margin-top: 20px;padding-bottom: 150px;}
  .sub01_1_sct2 .con_box .vision{gap: 20px;padding-top: 80px;}
  .sub01_1_sct2 .con_box .vision > li{width: calc(50% - 10px);height: 200px;}
}











/* sub01_2 CEO 인사말 */
.sub01_2_sct1{padding: 100px 0 250px;}
.sub01_2_sct1 .sub_top_box .top_img{background-image: url(/html/img/sub01_2_top.jpg);}
.sub01_2_sct1 .greeting{margin-top: 140px;}
.sub01_2_sct1 .greeting > li{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.sub01_2_sct1 .greeting > li:nth-child(1){align-items: stretch;}
.sub01_2_sct1 .greeting > li:nth-child(n + 2){margin-top: 100px;}
.sub01_2_sct1 .greeting > li:nth-child(2n -1){flex-direction: row-reverse;}
.sub01_2_sct1 .greeting > li .img_box{width: 50.125%;}
.sub01_2_sct1 .greeting > li .txt_box{width: 48.875%;}
.sub01_2_sct1 .greeting > li:nth-child(1) .txt_box{margin-top: 25px;}
.sub01_2_sct1 .greeting > li .txt_box h4{font-size: 20px;font-weight: 700;color: #3E3E3E;line-height: 1.4;}
.sub01_2_sct1 .greeting > li .txt_box p{font-size: 20px;font-weight: 400;color: #555;line-height: 1.4;margin-top: 24px;}
.sub01_2_sct1 .greeting > li:nth-child(2n) .txt_box h4,
.sub01_2_sct1 .greeting > li:nth-child(2n) .txt_box p{text-align: right;}

@media screen and (max-width:1024px) {
  .sub01_2_sct1{padding: 80px 0 200px;}
  .sub01_2_sct1 .greeting{margin-top: 100px;}
  .sub01_2_sct1 .greeting > li:nth-child(n + 2){margin-top: 60px;}
  .sub01_2_sct1 .greeting > li:nth-child(1) .txt_box{margin-top: 20px;}
  .sub01_2_sct1 .greeting > li .txt_box h4{font-size: 16px;}
  .sub01_2_sct1 .greeting > li .txt_box p{font-size: 16px;margin-top: 16px;}
}
@media screen and (max-width:768px) {
  .sub01_2_sct1{padding: 80px 0 150px;}
  .sub01_2_sct1 .greeting{margin-top: 60px;}
  .sub01_2_sct1 .greeting > li{gap: 20px;}
  .sub01_2_sct1 .greeting > li:nth-child(n + 2){margin-top: 40px;}
  .sub01_2_sct1 .greeting > li:nth-child(2n -1){flex-direction: row;}
  .sub01_2_sct1 .greeting > li:nth-child(1) .txt_box{margin-top: 0;}
  .sub01_2_sct1 .greeting > li .img_box{width: 100%;text-align: center;}
  .sub01_2_sct1 .greeting > li .img_box img{width: 100%;max-width: 400px;}
  .sub01_2_sct1 .greeting > li .txt_box{width: 100%;}
  .sub01_2_sct1 .greeting > li .txt_box p{margin-top: 16px;}
  .sub01_2_sct1 .greeting > li .txt_box h4 br,
  .sub01_2_sct1 .greeting > li .txt_box p br{display: none;}
  .sub01_2_sct1 .greeting > li:nth-child(2n) .txt_box h4,
  .sub01_2_sct1 .greeting > li:nth-child(2n) .txt_box p{text-align: left;}
}










/* sub01_3 조직도 */
.sub01_3_sct1{padding: 100px 0 270px;}
.sub01_3_sct1 .img_box{margin-top: 80px;text-align: center;}
.sub01_3_sct1 .img_box img.mo{display: none;}

@media screen and (max-width:1024px) {
  .sub01_3_sct1{padding: 80px 0 200px;}
  .sub01_3_sct1 .img_box{margin-top: 60px;}
}
@media screen and (max-width:768px) {
  .sub01_3_sct1{padding: 80px 0 150px;}
  .sub01_3_sct1 .img_box{margin-top: 40px;}
  .sub01_3_sct1 .img_box img.pc{display: none;}
  .sub01_3_sct1 .img_box img.mo{display: inline;}
}













/* sub01_4 회사연혁 */
.sub01_4_sct1{padding: 100px 0 250px;}
.sub01_4_sct1 .history_wrap{margin-top: 100px;}
.sub01_4_sct1 .history_wrap .history_box{display: flex;gap: 80px;align-items: start;flex-wrap: wrap;}
.sub01_4_sct1 .history_wrap .history_box .left,
.sub01_4_sct1 .history_wrap .history_box .right{width: calc(50% - 40px);}
.sub01_4_sct1 .history_wrap .history_box .right{border-left: #CCCCCC solid 1px;}
.sub01_4_sct1 .history_wrap .history_box:nth-child(n + 2) .left,
.sub01_4_sct1 .history_wrap .history_box:nth-child(n + 2) .right{margin-top: 100px;}

.sub01_4_sct1 .history_wrap .history_box .left h3{display: flex;gap: 5px;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.sub01_4_sct1 .history_wrap .history_box .left h3 .year{font-size: 30px;font-weight: 700;color: #EF4023;}
.sub01_4_sct1 .history_wrap .history_box .left h3 .tit{font-size: 24px;font-weight: 700;color: #191919;}
.sub01_4_sct1 .history_wrap .history_box .left .img_box{border-radius: 20px;overflow: hidden;margin-top: 30px;}

.sub01_4_sct1 .history_wrap .history_box .right .list > li{position: relative;padding-left: 40px;}
.sub01_4_sct1 .history_wrap .history_box .right .list > li::before{content: '';position: absolute;top: -2px;left: 0;width: 15px;height: 15px;background: url(/html/img/sub01_4_dot.png) no-repeat center/contain;transform: translateX(-50%);}
.sub01_4_sct1 .history_wrap .history_box .right .list > li:nth-child(n + 2){margin-top: 50px;}
.sub01_4_sct1 .history_wrap .history_box .right .list > li .year{display: block;font-size: 30px;font-weight: 800;color: #0E0E0E;}
.sub01_4_sct1 .history_wrap .history_box .right .list > li .detail{margin-top: 16px;}
.sub01_4_sct1 .history_wrap .history_box .right .list > li .detail > li{display: flex;align-items: start;}
.sub01_4_sct1 .history_wrap .history_box .right .list > li .detail > li:nth-child(n + 2){margin-top: 10px;}
.sub01_4_sct1 .history_wrap .history_box .right .list > li .detail > li .month{display: block;width: 40px;font-size: 18px;font-weight: 900;color: #0E0E0E;}
.sub01_4_sct1 .history_wrap .history_box .right .list > li .detail > li .con{display: block;width: calc(100% - 40px);font-size: 18px;font-weight: 400;color: #222;}
.sub01_4_sct1 .history_wrap .history_box .right .list > li .detail > li .con i{font-style: normal;font-weight: 500;color: #777;}

@media screen and (max-width:1024px) {
  .sub01_4_sct1{padding: 80px 0 200px;}
  .sub01_4_sct1 .history_wrap{margin-top: 60px;}
  .sub01_4_sct1 .history_wrap .history_box{gap: 40px;}
  .sub01_4_sct1 .history_wrap .history_box .left,
  .sub01_4_sct1 .history_wrap .history_box .right{width: calc(50% - 20px);}
  .sub01_4_sct1 .history_wrap .history_box:nth-child(n + 2) .left,
  .sub01_4_sct1 .history_wrap .history_box:nth-child(n + 2) .right{margin-top: 60px;}

  .sub01_4_sct1 .history_wrap .history_box .left h3 .year{font-size: 24px;}
  .sub01_4_sct1 .history_wrap .history_box .left h3 .tit{font-size: 20px;}
  .sub01_4_sct1 .history_wrap .history_box .left .img_box{margin-top: 20px;}

  .sub01_4_sct1 .history_wrap .history_box .right .list > li{padding-left: 30px;}
  .sub01_4_sct1 .history_wrap .history_box .right .list > li:nth-child(n + 2){margin-top: 40px;}
  .sub01_4_sct1 .history_wrap .history_box .right .list > li .year{font-size: 24px;}
  .sub01_4_sct1 .history_wrap .history_box .right .list > li .detail{margin-top: 12px;}
  .sub01_4_sct1 .history_wrap .history_box .right .list > li .detail > li:nth-child(n + 2){margin-top: 8px;}
  .sub01_4_sct1 .history_wrap .history_box .right .list > li .detail > li .month{width: 36px;font-size: 16px;}
  .sub01_4_sct1 .history_wrap .history_box .right .list > li .detail > li .con{width: calc(100% - 36px);font-size: 16px;}
}
@media screen and (max-width:768px) {
  .sub01_4_sct1{padding: 80px 0 150px;}
  .sub01_4_sct1 .history_wrap{margin-top: 40px;}
  .sub01_4_sct1 .history_wrap .history_box{gap: 0;}
  .sub01_4_sct1 .history_wrap .history_box .left,
  .sub01_4_sct1 .history_wrap .history_box .right{width: 100%;padding-top: 40px;}
  .sub01_4_sct1 .history_wrap .history_box:nth-child(n + 2) .left,
  .sub01_4_sct1 .history_wrap .history_box:nth-child(n + 2) .right{margin-top: 0;padding-top: 40px;}

  .sub01_4_sct1 .history_wrap .history_box .left h3 .year{display: block;width: 100%;font-size: 20px;}
  .sub01_4_sct1 .history_wrap .history_box .left h3 .tit{display: block;width: 100%;font-size: 16px;}
  .sub01_4_sct1 .history_wrap .history_box .left .img_box{margin-top: 16px;}

  .sub01_4_sct1 .history_wrap .history_box .right .list > li{padding-left: 20px;}
  .sub01_4_sct1 .history_wrap .history_box .right .list > li:nth-child(n + 2){margin-top: 20px;}
  .sub01_4_sct1 .history_wrap .history_box .right .list > li .year{font-size: 20px;}
  .sub01_4_sct1 .history_wrap .history_box .right .list > li .detail{margin-top: 10px;}
  .sub01_4_sct1 .history_wrap .history_box .right .list > li .detail > li .month{width: 30px;font-size: 15px;}
  .sub01_4_sct1 .history_wrap .history_box .right .list > li .detail > li .con{width: calc(100% - 30px);font-size: 16px;}
}













/* sub01_5_1 주요고객사 */
.sub01_5_1_sct1{padding: 100px 0 250px;}
.sub01_5_1_sct1 .partner_logo{display: flex;gap: 20px;flex-wrap: wrap;margin-top: 60px;}
.sub01_5_1_sct1 .partner_logo > li{width: calc(25% - 15px);border: #BBBBBB solid 1px;}

@media screen and (max-width:1024px) {
  .sub01_5_1_sct1{padding: 80px 0 200px;}
  .sub01_5_1_sct1 .partner_logo{margin-top: 40px;}
}
@media screen and (max-width:768px) {
  .sub01_5_1_sct1{padding: 80px 0 150px;}
  .sub01_5_1_sct1 .partner_logo{gap: 10px;}
  .sub01_5_1_sct1 .partner_logo > li{width: calc(50% - 5px);}
}












/* sub01_5_2 매출 구조 및 점유율 */
.sub01_5_2_sct1{padding: 100px 0 250px;}
.sub01_5_2_sct1 .percetage{display: flex;gap: 40px;flex-wrap: wrap;margin-top: 80px;}
.sub01_5_2_sct1 .percetage .left{display: flex;justify-content: center;align-items: center;width: calc(50% - 20px);padding: 40px;background-color: #E9F3FF;border-radius: 20px;}
.sub01_5_2_sct1 .percetage .right{width: calc(50% - 20px);border-bottom: #BBBBBB solid 1px;}
.sub01_5_2_sct1 .percetage .right h4{font-size: 24px;font-weight: 700;color: #3E3E3E;text-align: center;padding: 24px;background-color: #F2F4F9;border-radius: 20px;}
.sub01_5_2_sct1 .percetage .right .detail{padding: 20px;}
.sub01_5_2_sct1 .percetage .right .detail > li{display: flex;gap: 20px;flex-wrap: wrap;}
.sub01_5_2_sct1 .percetage .right .detail > li:nth-child(n + 2){margin-top: 12px;}
.sub01_5_2_sct1 .percetage .right .detail > li .tit{display: block;width: 145px;font-size: 20px;font-weight: 700;color: #3E3E3E;}
.sub01_5_2_sct1 .percetage .right .detail > li .con{display: block;width: calc(100% - 165px);font-size: 20px;font-weight: 400;color: #3E3E3E;}

@media screen and (max-width:1024px) {
  .sub01_5_2_sct1{padding: 80px 0 200px;}
  .sub01_5_2_sct1 .percetage{gap: 20px;margin-top: 60px;}
  .sub01_5_2_sct1 .percetage .left{width: calc(50% - 10px);padding: 20px;}
  .sub01_5_2_sct1 .percetage .right{width: calc(50% - 10px);}
  .sub01_5_2_sct1 .percetage .right h4{font-size: 20px;padding: 12px;}
  .sub01_5_2_sct1 .percetage .right .detail > li{gap: 10px;}
  .sub01_5_2_sct1 .percetage .right .detail > li:nth-child(n + 2){margin-top: 10px;}
  .sub01_5_2_sct1 .percetage .right .detail > li .tit{width: 115px;font-size: 16px;}
  .sub01_5_2_sct1 .percetage .right .detail > li .con{width: calc(100% - 125px);font-size: 16px;}
}
@media screen and (max-width:768px) {
  .sub01_5_2_sct1{padding: 80px 0 150px;}
  .sub01_5_2_sct1 .percetage{margin-top: 40px;}
  .sub01_5_2_sct1 .percetage .left{width: 100%;padding: 20px;}
  .sub01_5_2_sct1 .percetage .right{width: 100%;}
  .sub01_5_2_sct1 .percetage .right h4{font-size: 18px;padding: 10px;}
}
@media screen and (max-width:420px) {
  .sub01_5_2_sct1 .percetage .right .detail{padding: 20px 10px;}
  .sub01_5_2_sct1 .percetage .right .detail > li{gap: 5px;}
  .sub01_5_2_sct1 .percetage .right .detail > li .tit{width: 100%;}
  .sub01_5_2_sct1 .percetage .right .detail > li .con{width: 100%;padding-left: 10px;}
}














/* sub01_5_3 매출액추이 */
.sub01_5_3_sct1{padding: 100px 0 250px;}
.sub01_5_3_sct1 .graph_wrap{margin-top: 60px;padding: 30px;background-color: #E9F3FF;border-radius: 20px;}
.sub01_5_3_sct1 .graph_wrap .img_box{padding: 45px 20px;text-align: center;background-color: #fff;border-radius: 20px;}

@media screen and (max-width:1024px) {
  .sub01_5_3_sct1{padding: 80px 0 200px;}
  .sub01_5_3_sct1 .graph_wrap{margin-top: 40px;padding: 20px;}
  .sub01_5_3_sct1 .graph_wrap .img_box{padding: 30px 20px;}
}
@media screen and (max-width:768px) {
  .sub01_5_3_sct1{padding: 80px 0 150px;}
  .sub01_5_3_sct1 .graph_wrap .img_box{overflow-x: auto;}
  .sub01_5_3_sct1 .graph_wrap .img_box::-webkit-scrollbar{width: 4px;height: 4px;}
  .sub01_5_3_sct1 .graph_wrap .img_box::-webkit-scrollbar-thumb{width: 20px;height: 4px;border-radius: 3px;background: #CCCCCC;}
  .sub01_5_3_sct1 .graph_wrap .img_box img{min-width: 600px;}
}














/* sub02_1 제품개요 */
.sub02_1_sct1{padding: 100px 0 250px;}
.sub02_1_sct1 .inner{max-width: 1800px;}
.sub02_1_sct1 .video_wrap{margin-top: 60px;}
.sub02_1_sct1 .video_wrap iframe{width: 100%;aspect-ratio: 16 / 9;}

@media screen and (max-width:1024px) {
  .sub02_1_sct1{padding: 80px 0 200px;}
  .sub02_1_sct1 .video_wrap{margin-top: 40px;}
}
@media screen and (max-width:768px) {
  .sub02_1_sct1{padding: 80px 0 150px;}
}















/* sub03_1_1 국내 사업장 1공장 */
.sub03_1_1_sct1{padding-top: 100px;}
.sub03_1_1_sct1 .inner{max-width: 1800px;}
.sub03_1_1_sct1 .video_wrap{margin-top: 60px;}
.sub03_1_1_sct1 .video_wrap video{max-width: 100%;}
.sub03_1_1_sct1 .tab_menu{max-width: 1280px;margin-left: auto;margin-right: auto;}

.sub03_1_1_sct2{margin-top: 80px;padding: 50px 0 250px;background-color: #F5F5F5;}
.sub03_1_1_sct2 .factory_wrap{overflow: hidden;}
.sub03_1_1_sct2 .factory_wrap .factory_big .swiper-slide{position: relative;}
.sub03_1_1_sct2 .factory_wrap .factory_big .swiper-slide .txt{position: absolute;bottom: 30px;right: 30px;font-size: 20px;font-weight: 700;color: #F6F6F6;text-align: center;background-color: rgba(0, 0, 0, 0.6); padding: 16px 60px;border-radius: 999px;}
.sub03_1_1_sct2 .factory_wrap h3{display: flex;justify-content: space-between;align-items: center;}
.sub03_1_1_sct2 .factory_wrap h3 .tit{font-size: 36px;font-weight: 700;color: #191919;}
.sub03_1_1_sct2 .factory_wrap h3 .fac_pagi{display: flex;gap: 8px;align-items: center;width: fit-content;font-size: 28px;font-weight: 400;color: #A7A9AC;}
.sub03_1_1_sct2 .factory_wrap h3 .fac_pagi .swiper-pagination-current{font-size: 48px;font-weight: 800;color: #576272;padding-bottom: 10px;}
.sub03_1_1_sct2 .factory_wrap .desc{font-size: 22px;font-weight: 400;color: #555;margin-top: 12px;}
.sub03_1_1_sct2 .factory_wrap .factory_big{margin-top: 50px;}
.sub03_1_1_sct2 .factory_wrap .ctrl_box{display: flex;justify-content: space-between;margin-top: 36px;}
.sub03_1_1_sct2 .factory_wrap .ctrl_box button{font-size: 18px;font-weight: 500;background-color: transparent;border: unset;}
.sub03_1_1_sct2 .factory_wrap .ctrl_box button.fac_prev{color: #A7A9AC;}
.sub03_1_1_sct2 .factory_wrap .ctrl_box button.fac_next{color: #0072BC;}
.sub03_1_1_sct2 .factory_wrap .fac_progress{position: relative;width: 100%;height: 5px;background-color: #D9D9D9;margin-top: 10px;}
.sub03_1_1_sct2 .factory_wrap .fac_progress .swiper-pagination-progressbar-fill{background-color: #0072BC;}
.sub03_1_1_sct2 .factory_wrap .factory_thumb{width: 10%;margin-top: 36px;}
.sub03_1_2 .sub03_1_1_sct2 .factory_wrap .factory_thumb{width: 19%;}

@media screen and (max-width:1024px) {
  .sub03_1_1_sct1{padding-top: 80px;}
  .sub03_1_1_sct1 .video_wrap{margin-top: 40px;}

  .sub03_1_1_sct2{margin-top: 60px;padding: 40px 0 200px;}
  .sub03_1_1_sct2 .factory_wrap .factory_big .swiper-slide .txt{bottom: 20px;right: 20px;font-size: 18px;padding: 12px 40px;}
  .sub03_1_1_sct2 .factory_wrap h3 .tit{font-size: 30px;}
  .sub03_1_1_sct2 .factory_wrap h3 .fac_pagi{gap: 6px;font-size: 20px;}
  .sub03_1_1_sct2 .factory_wrap h3 .fac_pagi .swiper-pagination-current{font-size: 32px;padding-bottom: 6px;}
  .sub03_1_1_sct2 .factory_wrap .desc{font-size: 18px;margin-top: 10px;}
  .sub03_1_1_sct2 .factory_wrap .factory_big{margin-top: 40px;}
  .sub03_1_1_sct2 .factory_wrap .ctrl_box{margin-top: 20px;}
  .sub03_1_1_sct2 .factory_wrap .ctrl_box button{font-size: 16px;}
  .sub03_1_1_sct2 .factory_wrap .fac_progress{height: 4px;margin-top: 8px;}
  .sub03_1_1_sct2 .factory_wrap .factory_thumb{width: 18.7%;margin-top: 20px;}
}
@media screen and (max-width:768px) {
  .sub03_1_1_sct1{padding-top: 80px;}
  .sub03_1_1_sct2{margin-top: 40px;padding: 20px 0 150px;}
  .sub03_1_1_sct2 .factory_wrap .factory_big .swiper-slide .txt{bottom: 10px;right: 10px;max-width: calc(100% - 20px); font-size: 15px;padding: 8px 20px;}
  .sub03_1_1_sct2 .factory_wrap h3 .tit{font-size: 24px;}
  .sub03_1_1_sct2 .factory_wrap h3 .fac_pagi{font-size: 18px;}
  .sub03_1_1_sct2 .factory_wrap h3 .fac_pagi .swiper-pagination-current{font-size: 26px;padding-bottom: 3px;}
  .sub03_1_1_sct2 .factory_wrap .desc{font-size: 16px;}
  .sub03_1_1_sct2 .factory_wrap .ctrl_box button{font-size: 15px;}
  .sub03_1_1_sct2 .factory_wrap .ctrl_box button img{width: 26px;}
  .sub03_1_1_sct2 .factory_wrap .factory_thumb{width: 30.8%}
  .sub03_1_2 .sub03_1_1_sct2 .factory_wrap .factory_thumb{width: 30.8%;}
}
















/* sub03_2 해외 사업장 현황 */
.sub03_2_sct1{padding: 100px 0 120px;}
.sub03_2_sct1 .txt_box{margin-top: 50px;padding: 40px;background-color: #F5F5F5;}
.sub03_2_sct1 .txt_box h3{font-size: 30px;font-weight: 700;color: #3E3E3E;text-align: center;}
.sub03_2_sct1 .txt_box p{font-size: 20px;font-weight: 400;color: #555;text-align: center;margin-top: 16px;}
.sub03_2_sct1 .img_box{margin-top: 50px;}

@media screen and (max-width:1024px) {
  .sub03_2_sct1{padding: 80px 0 100px;}
  .sub03_2_sct1 .txt_box{margin-top: 40px;padding: 30px;}
  .sub03_2_sct1 .txt_box h3{font-size: 24px;}
  .sub03_2_sct1 .txt_box p{font-size: 16px;margin-top: 12px;}
  .sub03_2_sct1 .img_box{margin-top: 40px;}
}
@media screen and (max-width:768px) {
  .sub03_2_sct1{padding: 80px 0;}
  .sub03_2_sct1 .txt_box{margin-top: 20px;padding: 20px;}
  .sub03_2_sct1 .txt_box h3{font-size: 20px;}
  .sub03_2_sct1 .txt_box p{font-size: 15px;margin-top: 10px;}
  .sub03_2_sct1 .img_box{margin-top: 20px;padding-bottom: 5px;overflow-x: scroll;}
  .sub03_2_sct1 .img_box::-webkit-scrollbar{width: 4px;height: 4px;}
  .sub03_2_sct1 .img_box::-webkit-scrollbar-thumb{width: 20px;height: 4px;border-radius: 3px;background: #CCCCCC;}
  .sub03_2_sct1 .img_box img{min-width: 600px;}
}



.sub03_2_sct2{margin: 0 48px 48px;padding: 175px 0;background: url(/html/img/sub03_2_img02.jpg) no-repeat center/cover;border-radius: 50px;}
.sub03_2_sct2 .eng{display: block;font-size: 20px;font-weight: 900;color: #fff;text-align: center;opacity: 0.7;}
.sub03_2_sct2 h2{font-size: 40px;font-weight: 700;color: #fff;text-align: center;margin-top: 24px;}
.sub03_2_sct2 p{font-size: 22px;font-weight: 500;color: #fff;text-align: center;line-height: 1.7;margin-top: 24px;}

@media screen and (max-width:1024px) {
  .sub03_2_sct2{margin: 0 30px 30px;padding: 120px 20px;border-radius: 30px;}
  .sub03_2_sct2 .eng{font-size: 16px;}
  .sub03_2_sct2 h2{font-size: 32px;margin-top: 18px;}
  .sub03_2_sct2 p{font-size: 18px;margin-top: 18px;}
}
@media screen and (max-width:768px) {
  .sub03_2_sct2{margin: 0 20px 20px;padding: 80px 0;border-radius: 20px;}
  .sub03_2_sct2 .eng{font-size: 15px;}
  .sub03_2_sct2 h2{font-size: 24px;margin-top: 12px;}
  .sub03_2_sct2 p{font-size: 16px;margin-top: 12px;}
  .sub03_2_sct2 p br{display: none;}
}
@media screen and (max-width:460px) {
  .sub03_2_sct2 h2 br{display: none;}
}
















/* sub04_1 기술연구소 */
.sub04_1_sct1{padding: 100px 0 250px;}
.sub04_1_sct1 .lab_wrap{margin-top: 50px;padding-top: 50px;border-top: #CCCCCC solid 1px;}
.sub04_1_sct1 .lab_wrap .lab_tit .sml{display: block;font-size: 20px;font-weight: 500;color: #0072BC;text-align: center;}
.sub04_1_sct1 .lab_wrap .lab_tit h3{font-size: 30px;font-weight: 700;color: #3E3E3E;text-align: center;margin-top: 16px;}
.sub04_1_sct1 .lab_wrap .features{margin-top: 50px;}
.sub04_1_sct1 .lab_wrap .features > li{display: flex;gap: 60px;align-items: center;flex-wrap: wrap;padding: 40px;background-color: #F5F5F5;border-radius: 30px;}
.sub04_1_sct1 .lab_wrap .features > li:nth-child(n + 2){margin-top: 40px;}
.sub04_1_sct1 .lab_wrap .features > li .img_box{width: 520px;border-radius: 20px;overflow: hidden;}
.sub04_1_sct1 .lab_wrap .features > li .txt_box{width: calc(100% - 580px);}
.sub04_1_sct1 .lab_wrap .features > li .txt_box h3{font-size: 40px;font-weight: 700;color: #333;}
.sub04_1_sct1 .lab_wrap .features > li .txt_box p{font-size: 24px;font-weight: 400;color: #333;line-height: 1.6;margin-top: 24px;}
.sub04_1_sct1 .lab_wrap .machines{display: flex;gap: 50px 40px;flex-wrap: wrap;margin-top: 50px;}
.sub04_1_sct1 .lab_wrap .machines > li{width: calc(50% - 20px);}
.sub04_1_sct1 .lab_wrap .machines > li .img_box{border-radius: 24px;overflow: hidden;}
.sub04_1_sct1 .lab_wrap .machines > li h4{font-size: 22px;font-weight: 500;color: #333;text-align: center;margin-top: 24px;}

@media screen and (max-width:1024px) {
  .sub04_1_sct1{padding: 80px 0 200px;}
  .sub04_1_sct1 .lab_wrap{margin-top: 40px;padding-top: 40px;}
  .sub04_1_sct1 .lab_wrap .lab_tit .sml{font-size: 16px;}
  .sub04_1_sct1 .lab_wrap .lab_tit h3{font-size: 24px;margin-top: 12px;}
  .sub04_1_sct1 .lab_wrap .features{margin-top: 40px;}
  .sub04_1_sct1 .lab_wrap .features > li{gap: 40px;padding: 30px;border-radius: 20px;}
  .sub04_1_sct1 .lab_wrap .features > li:nth-child(n + 2){margin-top: 30px;}
  .sub04_1_sct1 .lab_wrap .features > li .img_box{width: 320px;}
  .sub04_1_sct1 .lab_wrap .features > li .txt_box{width: calc(100% - 360px);}
  .sub04_1_sct1 .lab_wrap .features > li .txt_box h3{font-size: 30px;}
  .sub04_1_sct1 .lab_wrap .features > li .txt_box p{font-size: 20px;margin-top: 18px;}
  .sub04_1_sct1 .lab_wrap .machines{gap: 40px 20px;margin-top: 40px;}
  .sub04_1_sct1 .lab_wrap .machines > li{width: calc(50% - 10px);}
  .sub04_1_sct1 .lab_wrap .machines > li .img_box{border-radius: 20px;}
  .sub04_1_sct1 .lab_wrap .machines > li h4{font-size: 18px;margin-top: 18px;}  
}
@media screen and (max-width:768px) {
  .sub04_1_sct1{padding: 80px 0 150px;}
  .sub04_1_sct1 .lab_wrap .lab_tit .sml{font-size: 15px;}
  .sub04_1_sct1 .lab_wrap .lab_tit h3{font-size: 20px;margin-top: 10px;}
  .sub04_1_sct1 .lab_wrap .features > li{gap: 20px;padding: 20px;}
  .sub04_1_sct1 .lab_wrap .features > li:nth-child(n + 2){margin-top: 20px;}
  .sub04_1_sct1 .lab_wrap .features > li .img_box{width: 100%;max-width: 320px;}
  .sub04_1_sct1 .lab_wrap .features > li .txt_box{width: 100%;}
  .sub04_1_sct1 .lab_wrap .features > li .txt_box h3{font-size: 20px;}
  .sub04_1_sct1 .lab_wrap .features > li .txt_box p{font-size: 16px;margin-top: 12px;}
  .sub04_1_sct1 .lab_wrap .features > li .txt_box p br{display: none;}
  .sub04_1_sct1 .lab_wrap .machines{gap: 30px 20px;}
  .sub04_1_sct1 .lab_wrap .machines > li h4{font-size: 16px;margin-top: 12px;}  
}
@media screen and (max-width:420px) {
  .sub04_1_sct1 .lab_wrap .lab_tit h3 br{display: none;}
  .sub04_1_sct1 .lab_wrap .machines > li{width: 100%;}
}
















/* sub04_2 설비현황 */
.sub04_2_1_sct1{padding: 100px 0 250px;}
.sub04_2_1_sct1 .machine_wrap{margin-top: 40px;padding: 80px;background-color: #F5F5F5;border-radius: 40px;}
.sub04_2_1_sct1 .machine_wrap > li:nth-child(n + 2){margin-top: 80px;}
.sub04_2_1_sct1 .machine_wrap > li h3{font-size: 30px;font-weight: 700;color: #333;text-align: center;}
.sub04_2_1_sct1 .machine_wrap > li p{font-size: 24px;font-weight: 400;color: #333;text-align: center;margin-top: 10px;}
.sub04_2_1_sct1 .machine_wrap > li .img_box{margin-top: 40px;}

@media screen and (max-width:1024px) {
  .sub04_2_1_sct1{padding: 80px 0 200px;}
  .sub04_2_1_sct1 .machine_wrap{padding: 40px;border-radius: 20px;}
  .sub04_2_1_sct1 .machine_wrap > li:nth-child(n + 2){margin-top: 40px;}
  .sub04_2_1_sct1 .machine_wrap > li h3{font-size: 24px;}
  .sub04_2_1_sct1 .machine_wrap > li p{font-size: 18px;}
  .sub04_2_1_sct1 .machine_wrap > li .img_box{margin-top: 20px;}
}
@media screen and (max-width:768px) {
  .sub04_2_1_sct1{padding: 80px 0 150px;}
  .sub04_2_1_sct1 .machine_wrap{padding: 30px 20px;border-radius: 20px;}
  .sub04_2_1_sct1 .machine_wrap > li h3{font-size: 20px;}
  .sub04_2_1_sct1 .machine_wrap > li p{font-size: 16px;}
}













/* sub04_3 생산공정 */
.sub04_3_sct1{padding-top: 100px;}
.sub04_3_sct1 .video_wrap{margin-top: 70px;}

@media screen and (max-width:1024px) {
  .sub04_3_sct1{padding-top: 80px;}
  .sub04_3_sct1 .video_wrap{margin-top: 60px;}
}
@media screen and (max-width:768px) {
  .sub04_3_sct1 .video_wrap{margin-top: 40px;}
}



.sub04_3_sct2{padding: 90px 0 250px;}
.sub04_3_sct2 .process{display: flex;gap: 40px;flex-wrap: wrap;margin-top: 60px;}
.sub04_3_sct2 .process + .process{margin-top: 40px;}
.sub04_3_sct2 .process:nth-child(3){flex-direction: row-reverse;}
.sub04_3_sct2 .process > li{width: calc(33.333% - (80px / 3));}
.sub04_3_sct2 .process > li .step{position: relative;display: block;font-size: 18px;font-weight: 900;color: #0072BC;text-align: center;padding-bottom: 25px;}
.sub04_3_sct2 .process > li .step::before{content: '';position: absolute;bottom: 0;right: 0;width: calc(100% + 40px);height: 1px;background-color: #0072BC;}
.sub04_3_sct2 .process > li:nth-child(1) .step::before{width: 100%;}
.sub04_3_sct2 .process:nth-child(3) > li:nth-child(1) .step::before{width: calc(100% + 40px)}
.sub04_3_sct2 .process:nth-child(3) > li:nth-child(3) .step::before{width: 100%}
.sub04_3_sct2 .process > li:nth-child(1) .step::after{content: '';position: absolute;bottom: 0;left: 0;width: 20px;height: 20px;background: url(/html/img/sub04_3_dot.png) no-repeat center/contain;transform: translate(-50%, 50%);}
.sub04_3_sct2 .process:nth-child(3) > li:nth-child(1) .step::after{left: unset;right: 0;transform: translate(50%, 50%);}

.sub04_3_sct2 .process > li .img_box{margin-top: 50px;}
.sub04_3_sct2 .process > li h3{font-size: 24px;font-weight: 600;color: #333;text-align: center;margin-top: 20px;}

@media screen and (max-width:1024px) {
  .sub04_3_sct2{padding: 80px 0 200px;}
  .sub04_3_sct2 .process{gap: 18px;margin-top: 40px;}
  .sub04_3_sct2 .process > li{width: calc(33.333% - 12px);}
  .sub04_3_sct2 .process > li .step{font-size: 16px;padding-bottom: 20px;}
  .sub04_3_sct2 .process > li .step::before{width: calc(100% + 18px);}
  .sub04_3_sct2 .process:nth-child(3) > li:nth-child(1) .step::before{width: calc(100% + 18px)}

  .sub04_3_sct2 .process > li .img_box{margin-top: 20px;}
  .sub04_3_sct2 .process > li h3{font-size: 18px;margin-top: 16px;}
}
@media screen and (max-width:768px) {
  .sub04_3_sct2{padding: 80px 0 150px;}
  .sub04_3_sct2 .process{gap: 40px;}
  .sub04_3_sct2 .process > li{width: 100%;}
  .sub04_3_sct2 .process > li .step{font-size: 15px;padding-bottom: 16px;}
  .sub04_3_sct2 .process > li .step::before{width: 100%;}
  .sub04_3_sct2 .process:nth-child(3) > li:nth-child(1) .step::before{width: 100%}
  .sub04_3_sct2 .process > li .step::after{content: '';position: absolute;bottom: 0;left: 0;width: 20px;height: 20px;background: url(/html/img/sub04_3_dot.png) no-repeat center/contain;transform: translate(-50%, 50%);}
  .sub04_3_sct2 .process:nth-child(3) > li:nth-child(1) .step::after{left: 0;right: unset;transform: translate(-50%, 50%);}

  .sub04_3_sct2 .process > li .img_box{margin-top: 16px;text-align: center;}
  .sub04_3_sct2 .process > li h3{margin-top: 12px;}
}













/* sub05_1 ESG경영 */
.sub05_1_sct1{padding: 100px 0 250px;}
.sub05_1_sct1 .sub_top_box .top_img{background-image: url(/html/img/sub05_1_top.jpg);}
.sub05_1_sct1 .esg_list{margin-top: 60px;border-top: #1A1A1A solid 2px;border-bottom: #1A1A1A solid 2px;}
.sub05_1_sct1 .esg_list > li{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;padding: 40px 0;}
.sub05_1_sct1 .esg_list > li:nth-child(n + 2){border-top: #BBBBBB solid 1px;}
.sub05_1_sct1 .esg_list > li .left{width: 22.65%;}
.sub05_1_sct1 .esg_list > li .left h3{font-size: 30px;font-weight: 700;color: #3E3E3E;text-align: center;}
.sub05_1_sct1 .esg_list > li .left .eng{display: block;font-size: 20px;font-weight: 800;color: #0072BC;text-align: center;margin-top: 8px;}
.sub05_1_sct1 .esg_list > li .right{width: 75%;}
.sub05_1_sct1 .esg_list > li .right .detail > li{display: flex;gap: 10px;}
.sub05_1_sct1 .esg_list > li .right .detail > li:nth-child(n + 2){margin-top: 12px;}
.sub05_1_sct1 .esg_list > li .right .detail > li .num{display: block;width: 25px;font-size: 20px;font-weight: 400;color: #999;}
.sub05_1_sct1 .esg_list > li .right .detail > li .con{display: block;width: calc(100% - 35px);font-size: 20px;font-weight: 500;color: #3E3E3E;}

@media screen and (max-width:1024px) {
  .sub05_1_sct1{padding: 80px 0 200px;}
  .sub05_1_sct1 .esg_list{margin-top: 40px;}
  .sub05_1_sct1 .esg_list > li{padding: 30px 0;}
  .sub05_1_sct1 .esg_list > li .left h3{font-size: 22px;}
  .sub05_1_sct1 .esg_list > li .left .eng{font-size: 16px;margin-top: 6px;}
  .sub05_1_sct1 .esg_list > li .right .detail > li{gap: 8px;}
  .sub05_1_sct1 .esg_list > li .right .detail > li:nth-child(n + 2){margin-top: 8px;}
  .sub05_1_sct1 .esg_list > li .right .detail > li .num{width: 22px;font-size: 18px;}
  .sub05_1_sct1 .esg_list > li .right .detail > li .con{width: calc(100% - 30px);font-size: 18px;}
}
@media screen and (max-width:768px) {
  .sub05_1_sct1{padding: 80px 0 150px;}
  .sub05_1_sct1 .esg_list > li{gap: 20px;padding: 20px 0;}
  .sub05_1_sct1 .esg_list > li .left{width: 100%;}
  .sub05_1_sct1 .esg_list > li .left h3{font-size: 20px;}
  .sub05_1_sct1 .esg_list > li .left .eng{font-size: 15px;}
  .sub05_1_sct1 .esg_list > li .right{width: 100%;}
  .sub05_1_sct1 .esg_list > li .right .detail > li .num{width: 20px;font-size: 16px;}
  .sub05_1_sct1 .esg_list > li .right .detail > li .con{width: calc(100% - 28px);font-size: 16px;}
}


















/* sub06_1 인재상 */
.sub06_1_sct1{padding: 100px 0 250px;}
.sub06_1_sct1 .sub_top_box .top_img{background-image: url(/html/img/sub06_1_top.jpg);}
.sub06_1_sct1 .point_list{margin-top: 60px;border-top: #BBBBBB solid 1px;}
.sub06_1_sct1 .point_list > li{display: flex;justify-content: space-between;align-items: end;flex-wrap: wrap;padding: 60px 0;border-bottom: #BBBBBB solid 1px;}
.sub06_1_sct1 .point_list > li .txt_box{width: 57.03%;}
.sub06_1_sct1 .point_list > li .img_box{width: 37.5%;border-radius: 20px;overflow: hidden;}

.sub06_1_sct1 .point_list > li .txt_box .eng{font-size: 100px;font-weight: 800;color: rgba(14, 14, 14, 0.1);line-height: 1;}
.sub06_1_sct1 .point_list > li .txt_box h4{display: flex;gap: 12px;align-items: start;font-size: 40px;font-weight: 700;color: #0E0E0E;margin-top: 40px;}
.sub06_1_sct1 .point_list > li .txt_box h4 .num{display: flex;gap: 12px;align-items: center;width: 80px;color: #EF4023;font-weight: 900;}
.sub06_1_sct1 .point_list > li .txt_box h4 .tit{display: block;width: calc(100% - 92px);}
.sub06_1_sct1 .point_list > li .txt_box .desc{font-size: 20px;font-weight: 500;color: #555;line-height: 1.6;margin-top: 20px;}

@media screen and (max-width:1024px) {
  .sub06_1_sct1{padding: 80px 0 200px;}
  .sub06_1_sct1 .point_list{margin-top: 40px;}
  .sub06_1_sct1 .point_list > li{padding: 40px 0;}

  .sub06_1_sct1 .point_list > li .txt_box .eng{font-size: 60px;}
  .sub06_1_sct1 .point_list > li .txt_box h4{gap: 10px;font-size: 30px;margin-top: 20px;}
  .sub06_1_sct1 .point_list > li .txt_box h4 .num{gap: 10px;width: 65px;}
  .sub06_1_sct1 .point_list > li .txt_box h4 .tit{width: calc(100% - 75px);}
  .sub06_1_sct1 .point_list > li .txt_box .desc{font-size: 16px;margin-top: 16px;}
}
@media screen and (max-width:768px) {
  .sub06_1_sct1{padding: 80px 0 150px;}
  .sub06_1_sct1 .point_list > li{gap: 20px;padding: 30px 0;}
  .sub06_1_sct1 .point_list > li .txt_box{width: 100%;}
  .sub06_1_sct1 .point_list > li .img_box{width: 100%;border-radius: 16px;}

  .sub06_1_sct1 .point_list > li .txt_box .eng{font-size: 40px;}
  .sub06_1_sct1 .point_list > li .txt_box h4{font-size: 22px;margin-top: 16px;}
  .sub06_1_sct1 .point_list > li .txt_box h4 .num{width: 55px;}
  .sub06_1_sct1 .point_list > li .txt_box h4 .tit{width: calc(100% - 65px);}
  .sub06_1_sct1 .point_list > li .txt_box .desc{font-size: 15px;margin-top: 12px;}
}













/* sub06_2 복리후생 */
.sub06_2_sct1{padding: 100px 0 250px;}
.sub06_2_sct1 .sub_top_box .top_img{background-image: url(/html/img/sub06_2_top.jpg);}
.sub06_2_sct1 .benefit_list{display: flex;gap: 20px;flex-wrap: wrap;margin-top: 60px;}
.sub06_2_sct1 .benefit_list > li{width: calc(33.333% - (40px / 3));background-color: #F7F7F7;border-radius: 30px;padding: 40px;}
.sub06_2_sct1 .benefit_list > li h4{font-size: 30px;font-weight: 800;color: #222;margin-top: 30px;}
.sub06_2_sct1 .benefit_list > li p{font-size: 20px;font-weight: 400;color: #555;line-height: 1.6;margin-top: 8px;}

@media screen and (max-width:1024px) {
  .sub06_2_sct1{padding: 80px 0 200px;}
  .sub06_2_sct1 .benefit_list{margin-top: 40px;}
  .sub06_2_sct1 .benefit_list > li{width: calc(50% - 10px);border-radius: 20px;padding: 30px;}
  .sub06_2_sct1 .benefit_list > li h4{font-size: 24px;margin-top: 20px;}
  .sub06_2_sct1 .benefit_list > li p{font-size: 16px;margin-top: 6px;}
}
@media screen and (max-width:768px) {
  .sub06_2_sct1{padding: 80px 0 150px;}
  .sub06_2_sct1 .benefit_list{gap: 10px;}
  .sub06_2_sct1 .benefit_list > li{width: calc(50% - 5px);padding: 20px;}
  .sub06_2_sct1 .benefit_list > li .img_box img{width: 50px;}
  .sub06_2_sct1 .benefit_list > li h4{font-size: 20px;margin-top: 16px;}
  .sub06_2_sct1 .benefit_list > li p{font-size: 15px;}
  .sub06_2_sct1 .benefit_list > li p br{display: none;}
}
@media screen and (max-width:360px) {
  .sub06_2_sct1 .benefit_list > li{width: 100%;}
}














/* sub06_3 채용공고 */
.sub06_3_sct1{padding: 100px 0 250px;}
.sub06_3_sct1 .sub_top_box .top_img{background-image: url(/html/img/sub06_3_top.jpg);}
.sub06_3_sct1 .recruit{margin-top: 60px;padding-top: 60px;border-top: #BBBBBB solid 1px;}
.sub06_3_sct1 .recruit > li:nth-child(n + 2){margin-top: 60px;}
.sub06_3_sct1 .recruit > li h4{display: flex;gap: 30px;align-items: center;font-size: 30px;font-weight: 700;color: #3E3E3E;}
.sub06_3_sct1 .recruit > li h4 .num{display: flex;justify-content: center;align-items: center;width: 80px;height: 80px;background-color: #0072BC;border-radius: 50%;font-size: 30px;font-weight: 800;color: #fff;}
.sub06_3_sct1 .recruit > li h4 .num2{background-color: #005B96;}
.sub06_3_sct1 .recruit > li h4 .num3{background-color: #004978;}
.sub06_3_sct1 .recruit > li h4 .num4{background-color: #00385C;}
.sub06_3_sct1 .recruit > li h4 .num5{background-color: #00070B;}
.sub06_3_sct1 .recruit > li .detail,
.sub06_3_sct1 .recruit > li .process{padding-left: 110px;}
.sub06_3_sct1 .recruit > li .detail > li{position: relative;font-size: 20px;font-weight: 400;color: #3E3E3E;line-height: 1.4;padding-left: 20px;}
.sub06_3_sct1 .recruit > li .detail > li::before{content: '•';position: absolute;top: 0;left: 5px;}
.sub06_3_sct1 .recruit > li .process{display: flex;gap: 10px 0;flex-wrap: wrap;}
.sub06_3_sct1 .recruit > li .process > li{position: relative;width: 150px;font-size: 20px;font-weight: 700;color: #fff;text-align: center;padding: 20px;background-color: rgba(0, 114, 188, 0.5);border-radius: 8px;}
.sub06_3_sct1 .recruit > li .process > li.p2{background-color: rgba(0, 114, 188, 0.7);}
.sub06_3_sct1 .recruit > li .process > li.p3{background-color: rgba(0, 114, 188, 0.8);}
.sub06_3_sct1 .recruit > li .process > li.p4{background-color: rgba(0, 114, 188, 1);}
.sub06_3_sct1 .recruit > li .process > li:nth-child(n + 2){margin-left: 56px;}
.sub06_3_sct1 .recruit > li .process > li:nth-child(n + 2)::before{content: '';position: absolute;top: 50%;right: calc(100% + 20px);width: 16px;height: 32px;background: url(/html/img/sub06_3_arrow.png) no-repeat center/contain;transform: translateY(-50%);}

@media screen and (max-width:1024px) {
  .sub06_3_sct1{padding: 80px 0 200px;}
  .sub06_3_sct1 .recruit{margin-top: 40px;padding-top: 40px;}
  .sub06_3_sct1 .recruit > li:nth-child(n + 2){margin-top: 40px;}
  .sub06_3_sct1 .recruit > li h4{gap: 20px;font-size: 24px;}
  .sub06_3_sct1 .recruit > li h4 .num{width: 60px;height: 60px;font-size: 24px;}
  .sub06_3_sct1 .recruit > li .detail,
  .sub06_3_sct1 .recruit > li .process{padding-left: 80px;}
  .sub06_3_sct1 .recruit > li .detail > li{font-size: 16px;padding-left: 16px;}
  .sub06_3_sct1 .recruit > li .detail > li::before{left: 3px;}
  .sub06_3_sct1 .recruit > li .process > li{width: 120px;font-size: 16px;padding: 16px;}
  .sub06_3_sct1 .recruit > li .process > li:nth-child(n + 2){margin-left: 42px;}
  .sub06_3_sct1 .recruit > li .process > li:nth-child(n + 2)::before{right: calc(100% + 15px);width: 12px;}
}
@media screen and (max-width:768px) {
  .sub06_3_sct1{padding: 80px 0 150px;}
  .sub06_3_sct1 .recruit > li h4{gap: 10px;font-size: 20px;}
  .sub06_3_sct1 .recruit > li h4 .num{width: 40px;height: 40px;font-size: 16px;}
  .sub06_3_sct1 .recruit > li .detail,
  .sub06_3_sct1 .recruit > li .process{padding-left: 0;margin-top: 20px;}
  .sub06_3_sct1 .recruit > li .detail > li{font-size: 16px;}
  .sub06_3_sct1 .recruit > li .process > li{width: 80px;font-size: 15px;padding: 10px;}
  .sub06_3_sct1 .recruit > li .process > li:nth-child(n + 2){margin-left: 24px;}
  .sub06_3_sct1 .recruit > li .process > li:nth-child(n + 2)::before{right: calc(100% + 7px);width: 10px;}
}



/* 임시 제품분류 */

.product_line{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 60px;
  margin-bottom: 80px;
}
.product_line > li{
  width: calc(33.33% - (20px / 3));
}
.product_line > li a{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -0.36px;
  color: rgb(34, 34, 34);
  text-align: center;
  padding: 20px 15px;
  border-radius: 999px;
  background-color: rgb(245, 245, 245);
}
.product_line > li.active a,
.product_line > li a:hover{
  background-color: rgb(0, 114, 188);
  color: rgb(255,255,255);
}

@media(max-width:1024px){
  .product_line{
    gap: 12px;
    margin-top: 30px;
    margin-bottom: 50px;
  }
  .product_line > li{
    width: calc(50% - 6px);
  }
  .product_line > li a{
    font-size: 16px;
    padding: 12px 15px;
  }
}

@media(max-width:768px){
  .product_line{
    gap: 8px;
  }
  .product_line > li{
    width: 100%;
  }
}

/* 임시 제품분류 */

.sub-sec{
  padding: 100px 0 250px;
}
.videobox{
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.videobox img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sub02_2_sct1 .car-imgbox{
  text-align: center;
  margin: 80px 0;
}
.parts-tab-wrap .tab {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.parts-tab-wrap .tab button {
  outline: none;
  display: block;
  background: rgb(255,255,255);
  padding: 20px 16px;
  border-radius: 8px;
  border: solid 1px rgb(25, 25, 25);
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -0.36px;
  color: rgb(34, 34, 34);
  text-align: center;
  padding: 20px 15px;
  transition: all 0.3s ease-in-out;
  width: calc(25% - (30px / 4));
}
.parts-tab-wrap .tab button:hover,
.parts-tab-wrap .tab button.active
{
  background-color: rgb(25, 25, 25);
  color: rgb(255,255,255);
}
.parts-tab-wrap .tabcontent {
  display: none;
  padding-top: 30px;
}
.parts-tab-wrap .tabcontent.first{
  display: block;
}
.sub02_2_sct1 .tabcontent .parts-tab-imgline{
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
.sub02_2_sct1 .tabcontent .parts-tab-imgline > .imgbox{
  width: calc(33.33% - (60px / 3));
  border-radius: 16px;
  border: solid 1px rgb(221, 221, 221)
}


@media(max-width:1024px){
  .sub-sec{padding: 80px 0 150px;}
  .sub02_2_sct1 .car-imgbox{
    margin: 30px 0;
  }
  .parts-tab-wrap .tab {
    gap: 6px;
  }
  .parts-tab-wrap .tab button {
    padding: 16px 15px;
    font-size: 16px;
    width: calc(33.33% - (12px / 3));
  }
  .parts-tab-wrap .tabcontent {
    padding-top: 20px;
  }
  .sub02_2_sct1 .tabcontent .parts-tab-imgline{
    gap: 10px;
  }
  .sub02_2_sct1 .tabcontent .parts-tab-imgline > .imgbox{
    width: calc(50% - 5px);
  }
}

@media(max-width:768px){
  .parts-tab-wrap .tab {
    gap: 4px;
  }
  .parts-tab-wrap .tab button {
    padding: 12px 10px;
    width: calc(50% - 2px);
    font-size: 15px;
  }

  .sub02_2_sct1 .tabcontent .parts-tab-imgline{
    gap: 6px;
  }
  .sub02_2_sct1 .tabcontent .parts-tab-imgline > .imgbox{
    width: calc(50% - 3px);
  }
}

@media(max-width:360px){
  .parts-tab-wrap .tab button{
    width: 100%;
  }
  .sub02_2_sct1 .tabcontent .parts-tab-imgline > .imgbox{
    width: 100%;
  }
}

/* sub02_2생산품 */