@charset "UTF-8";

.sub_wrap > section{padding: 120px 0;}
.sub_wrap > section.bg{background-color: #F8FAFC;}
.sub_wrap .sct_tit_wrap h2,
.sub_wrap .sct_tit_wrap h3,
.bo_inner .sct_tit_wrap h2
{font-size: 36px;font-weight: 700;color: #222;}
.sub_wrap .sct_tit_wrap h2::after,
.sub_wrap .sct_tit_wrap h3::after,
.bo_inner .sct_tit_wrap h2::after
{content: '';display: inline-block;width: 10px;height: 10px;margin-top: 8px;margin-left: 5px;background-color: #46C1BE;border-radius: 50%;vertical-align: top;}
.sub_wrap .sct_tit_wrap h2 i,
.sub_wrap .sct_tit_wrap h3 i,
.bo_inner .sct_tit_wrap h2 i
{font-style: normal;font-weight: 400;color: rgba(34, 34, 34, 0.2);}
.sub_wrap .sct_tit_wrap p,
.bo_inner .sct_tit_wrap p
{font-size: 20px;font-weight: 400;color: #555;line-height: 1.5;margin-top: 16px;}
.sub_wrap .sct_tit_wrap p b,
.bo_inner .sct_tit_wrap p b
{font-weight: 700;}
.sub_wrap .sct_tit_wrap .desc_box,
.bo_inner .sct_tit_wrap .desc_box
{font-size: 18px;font-weight: 400;color: #222;line-height: 1.5;margin-top: 40px;padding: 24px 32px;background-color: #F8FAFC;border-radius: 10px;}
.sub_wrap .sct_tit_wrap .desc_box b,
.bo_inner .sct_tit_wrap .desc_box b
{font-weight: 600px;color: #003974;}


@media screen and (max-width:1024px) {
  .sub_wrap > section{padding: 80px 0;}
  .sub_wrap .sct_tit_wrap h2,
  .sub_wrap .sct_tit_wrap h3,
  .bo_inner .sct_tit_wrap h2
  {font-size: 32px;}
  .sub_wrap .sct_tit_wrap p,
  .bo_inner .sct_tit_wrap p
  {font-size: 18px;margin-top: 12px;}
  .sub_wrap .sct_tit_wrap .desc_box,
  .bo_inner .sct_tit_wrap .desc_box
  {font-size: 16px;margin-top: 20px;padding: 30px 20px;}
}
@media screen and (max-width:768px) {
  .sub_wrap .sct_tit_wrap h2,
  .sub_wrap .sct_tit_wrap h3,
  .bo_inner .sct_tit_wrap h2
  {font-size: 26px;}
  .sub_wrap .sct_tit_wrap h2::after,
  .sub_wrap .sct_tit_wrap h3::after,
  .bo_inner .sct_tit_wrap h2::after
  {width: 8px;height: 8px;margin-top: 6px;}
  .sub_wrap .sct_tit_wrap p,
  .bo_inner .sct_tit_wrap p
  {font-size: 16px;margin-top: 10px;}
  .sub_wrap .sct_tit_wrap .desc_box,
  .bo_inner .sct_tit_wrap .desc_box
  {font-size: 15px;}
}
@media screen and (max-width:320px) {
  .sub_wrap .sct_tit_wrap p br,
  .bo_inner .sct_tit_wrap p br{display: none;}
}









/* sub01_1 보손바이오사이언스 소개 */
.sub01_1_sct1 .video_box{position: relative;margin-top: 40px;}
.sub01_1_sct1 .video_box iframe{width: 100%;aspect-ratio: 16 / 9;}
.sub01_1_sct1 .video_box::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 22;}
.sub01_1_sct1 .video_box #thumb_nail{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(/html/img/sub01_1_thumb.jpg) no-repeat center/cover;z-index: 11;}
.sub01_1_sct1 .txt_box{padding: 50px 60px;background-color: #F7F7F7;}
.sub01_1_sct1 .txt_box p{font-size: 28px;font-weight: 700;color: #222;line-height: 1.35;}
.sub01_1_sct1 .txt_box p b{font-weight: 700;color: #003974;}
.sub01_1_sct1 .txt_box .desc{display: block;font-size: 18px;font-weight: 400;color: #555;line-height: 1.6;margin-top: 12px;}

@media screen and (max-width:1024px) {
  .sub01_1_sct1 .video_box{margin-top: 20px;}
  .sub01_1_sct1 .txt_box{padding: 30px 20px;}
  .sub01_1_sct1 .txt_box p{font-size: 20px;}
  .sub01_1_sct1 .txt_box .desc{font-size: 16px;margin-top: 8px;}
}
@media screen and (max-width:768px) {
  .sub01_1_sct1 .txt_box p{font-size: 18px;}
  .sub01_1_sct1 .txt_box p br{display: none;}
  .sub01_1_sct1 .txt_box .desc{font-size: 15px;}
  .sub01_1_sct1 .txt_box .desc br{display: none;}
}



.sub01_1_sct2 .value{display: flex;gap: 60px;flex-wrap: wrap;margin-top: 60px;}
.sub01_1_sct2 .value > li{width: calc(25% - 45px);}
.sub01_1_sct2 .value > li .eng{display: block;font-size: 20px;font-weight: 500;color: #003974;line-height: 1.6;text-align: center;}
.sub01_1_sct2 .value > li .img_box{margin-top: 12px;}
.sub01_1_sct2 .value > li h4{font-size: 24px;font-weight: 600;color: #222;line-height: 1.6;text-align: center;margin-top: 16px;}
.sub01_1_sct2 .value > li p{font-size: 18px;font-weight: 500;color: #555;line-height: 1.5;text-align: center;margin-top: 4px;}

@media screen and (max-width:1024px) {
  .sub01_1_sct2 .value{gap: 20px;margin-top: 40px;}
  .sub01_1_sct2 .value > li{width: calc(25% - 15px);}
  .sub01_1_sct2 .value > li .eng{font-size: 16px;}
  .sub01_1_sct2 .value > li .img_box{margin-top: 10px;}
  .sub01_1_sct2 .value > li h4{font-size: 20px;margin-top: 12px;}
  .sub01_1_sct2 .value > li p{font-size: 16px;}
}
@media screen and (max-width:768px) {
  .sub01_1_sct2 .value > li{width: calc(50% - 10px);}
  .sub01_1_sct2 .value > li .eng{font-size: 15px;}
  .sub01_1_sct2 .value > li h4{font-size: 18px;}
  .sub01_1_sct2 .value > li p{font-size: 15px;}
}



.sub01_1_sct3{padding: 150px 0 !important;background: url(/html/img/sub01_1_sct2_bg.jpg) no-repeat center/cover;}
.sub01_1_sct3 .inner{display: flex;gap: 40px;align-items: center;flex-wrap: wrap;}
.sub01_1_sct3 .left{width: calc(100% - 720px);}
.sub01_1_sct3 .left .sct_tit_wrap h3,
.sub01_1_sct3 .left .sct_tit_wrap p{color: #fff;}
.sub01_1_sct3 .right{width: 680px;padding: 40px 105px;background-color: rgba(255, 255, 255, 0.1);backdrop-filter: blur(10px);border: rgba(255, 255, 255, 0.3) solid 1px;border-radius: 10px;}
.sub01_1_sct3 .right h4{display: flex;gap: 18px;justify-content: center;align-items: start;}
.sub01_1_sct3 .right h4 img{width: 35px;}
.sub01_1_sct3 .right h4 span{display: block;width: calc(100% - 106px);font-size: 26px;font-weight: 700;color: #fff;line-height: 1.35;text-align: center;}
.sub01_1_sct3 .right .name{display: block;font-size: 20px;font-weight: 400;color: rgba(255, 255, 255, 0.8);line-height: 1.35;text-align: center;margin-top: 10px;}

@media screen and (max-width:1200px) {
  .sub01_1_sct3 .left{width: calc(100% - 680px);}
  .sub01_1_sct3 .right{width: 640px;padding: 40px 85px;}
}
@media screen and (max-width:1024px) {
  .sub01_1_sct3{padding: 100px 0 !important;}
  .sub01_1_sct3 .left{width: 100%;}
  .sub01_1_sct3 .left .sct_tit_wrap p br{display: none;}
  .sub01_1_sct3 .right{width: 100%;padding: 40px;}
  .sub01_1_sct3 .right h4{gap: 12px;}
  .sub01_1_sct3 .right h4 img{width: 30px;}
  .sub01_1_sct3 .right h4 span{display: block;width: calc(100% - 84px);font-size: 20px;}
  .sub01_1_sct3 .right .name{font-size: 16px;margin-top: 8px;}
}
@media screen and (max-width:768px) {
  .sub01_1_sct3{padding: 80px 0 !important;}
  .sub01_1_sct3 .inner{gap: 20px;}
  .sub01_1_sct3 .right{padding: 40px 20px;}
  .sub01_1_sct3 .right h4{gap: 10px;}
  .sub01_1_sct3 .right h4 img{width: 25px;}
  .sub01_1_sct3 .right h4 span{width: calc(100% - 70px);font-size: 18px;}
  .sub01_1_sct3 .right .name{font-size: 15px;}
}



.sub01_1_sct4 .img_box{position: relative;text-align: center;}
.sub01_1_sct4 .img_box .mo{display: none;}

@media screen and (max-width:768px) {
  .sub01_1_sct4 .img_box{text-align: left;}
  .sub01_1_sct4 .img_box .pc{display: none;}
  .sub01_1_sct4 .img_box .mo{position: relative;left: 50%;transform: translateX(-48%);display: inline;width: 120%;max-width: 420px;}
}










/* sub01_2 연혁 */
.sub01_2_sct1 .logo_box{text-align: center;}
.sub01_2_sct1 .logo_box img{border-radius: 50%;box-shadow: rgba(36, 80, 189, 0.15) 8px 8px 36px 0;}
.sub01_2_sct1 .history{position: relative;padding-top: 55px;}
.sub01_2_sct1 .history::before{content: '';position: absolute;top: 0;left: 50%;width: 1px;height: 100%;background-color: #D3D3D3;transform: translateX(-50%);}
.sub01_2_sct1 .history > li{display: flex;justify-content: right;}
.sub01_2_sct1 .history > li .con_wrap{width: 50%;}
.sub01_2_sct1 .history > li .img_box{padding-left: 30px;}
.sub01_2_sct1 .history > li .txt_box{position: relative;display: flex;gap: 30px;margin-top: 30px;padding-left: 30px;}
.sub01_2_sct1 .history > li .txt_box::before{content: '';position: absolute;top: 12px;left: 0;width: 10px;height: 10px;background-color: #003974;border-radius: 50%;transform: translateX(-50%);}
.sub01_2_sct1 .history > li .txt_box .year{display: block;width: 80px;font-size: 28px;font-weight: 700;color: #222;}
.sub01_2_sct1 .history > li .txt_box .year::after{content: '';display: inline-block;width: 6px;height: 6px;background-color: #46C1BE;border-radius: 50%;vertical-align: top;margin-top: 8px;margin-left: 4px;}
.sub01_2_sct1 .history > li .txt_box .detail{width: calc(100% - 110px);}
.sub01_2_sct1 .history > li .txt_box .detail > li:nth-child(n + 2){margin-top: 10px;}
.sub01_2_sct1 .history > li .txt_box .detail > li .month{display: inline-block;width: 20px;font-size: 16px;font-weight: 600;color: #003974;line-height: 1.6;vertical-align: top;}
.sub01_2_sct1 .history > li .txt_box .detail > li .con{display: inline-block;max-width: calc(100% - 28px);font-size: 16px;font-weight: 400;color: #222;line-height: 1.6;padding-left: 8px;}

.sub01_2_sct1 .history > li:nth-child(2n){display: flex;justify-content: left;}
.sub01_2_sct1 .history > li:nth-child(2n) .img_box{text-align: right;padding-left: 0;padding-right: 30px;}
.sub01_2_sct1 .history > li:nth-child(2n) .txt_box{flex-direction: row-reverse;padding-left: 0;padding-right: 30px;}
.sub01_2_sct1 .history > li:nth-child(2n) .txt_box::before{left: unset;right: 0;transform: translateX(50%);}
.sub01_2_sct1 .history > li:nth-child(2n) .txt_box .detail > li{text-align: right;}

@media screen and (max-width:1024px) {
  .sub01_2_sct1 .history{padding-top: 40px;}
  .sub01_2_sct1 .history > li .img_box{padding-left: 20px;}
  .sub01_2_sct1 .history > li .txt_box{gap: 20px;margin-top: 20px;padding-left: 20px;}
  .sub01_2_sct1 .history > li .txt_box::before{top: 12px;}
  .sub01_2_sct1 .history > li .txt_box .year{width: 70px;font-size: 24px;}
  .sub01_2_sct1 .history > li .txt_box .year::after{margin-top: 8px;}
  .sub01_2_sct1 .history > li .txt_box .detail{width: calc(100% - 90px);}
  .sub01_2_sct1 .history > li .txt_box .detail > li:nth-child(n + 2){margin-top: 8px;}
  .sub01_2_sct1 .history > li .txt_box .detail > li .month{font-size: 15px;}
  .sub01_2_sct1 .history > li .txt_box .detail > li .con{max-width: calc(100% - 26px);font-size: 15px;padding-left: 6px;}
  
  .sub01_2_sct1 .history > li:nth-child(2n) .img_box{padding-right: 20px;}
  .sub01_2_sct1 .history > li:nth-child(2n) .txt_box{padding-right: 20px;}
}
@media screen and (max-width:768px) {
  .sub01_2_sct1 .history{padding-top: 40px;}
  .sub01_2_sct1 .history::before{left: 0;transform: unset;}
  .sub01_2_sct1 .history > li:nth-child(n + 2){margin-top: 40px;}
  .sub01_2_sct1 .history > li .con_wrap{width: 100%;}
  .sub01_2_sct1 .history > li .img_box{padding-left: 10px;}
  .sub01_2_sct1 .history > li .txt_box{gap: 10px;flex-wrap: wrap;padding-left: 10px;}
  .sub01_2_sct1 .history > li .txt_box::before{top: 10px;width: 8px;height: 8px;}
  .sub01_2_sct1 .history > li .txt_box .year{width: 100%;font-size: 20px;}
  .sub01_2_sct1 .history > li .txt_box .detail{width: 100%;}
  
  .sub01_2_sct1 .history > li:nth-child(2n) .img_box{text-align: left;padding-right: 0;padding-left: 10px;}
  .sub01_2_sct1 .history > li:nth-child(2n) .txt_box{padding-right: 0;padding-left: 10px;}
  .sub01_2_sct1 .history > li:nth-child(2n) .txt_box::before{left: 0;right: unset;transform: translateX(-50%);}
  .sub01_2_sct1 .history > li:nth-child(2n) .txt_box .detail > li{text-align: left;}
}










/* sub01_6 ESG */
.sub01_6_sct1 .con_wrap{margin-top: 40px;border-radius: 10px;overflow: hidden;}
.sub01_6_sct1 .con_wrap .img_box{background: url(/html/img/sub01_6_img01.jpg) no-repeat center/cover;padding: 100px 80px;}
.sub01_6_sct1 .con_wrap .img_box h4{font-size: 36px;font-weight: 700;color: #fff;line-height: 1.35;text-align: center;}
.sub01_6_sct1 .con_wrap .img_box p{font-size: 24px;font-weight: 500;color: #fff;line-height: 1.4;text-align: center;margin-top: 12px;}
.sub01_6_sct1 .con_wrap .desc{font-size: 18px;font-weight: 400;color: #222;line-height: 1.6;text-align: center;padding: 30px 40px;background-color: #F7F7F7;}
.sub01-6-imgtxt-box{
  background: url(/html/img/sub01_6_img01.jpg) no-repeat center/cover;
}

@media screen and (max-width:1024px) {
  .sub01_6_sct1 .con_wrap{margin-top: 20px;}
  .sub01_6_sct1 .con_wrap .img_box{padding: 60px 40px;}
  .sub01_6_sct1 .con_wrap .img_box h4{font-size: 24px;}
  .sub01_6_sct1 .con_wrap .img_box p{font-size: 18px;margin-top: 10px;}
  .sub01_6_sct1 .con_wrap .desc{font-size: 16px;padding: 30px 20px;}
}
@media screen and (max-width:768px) {
  .sub01_6_sct1 .con_wrap .img_box{padding: 40px 30px;}
  /* .sub01_6_sct1 .con_wrap .img_box h4{font-size: 20px;} */
  /* .sub01_6_sct1 .con_wrap .img_box p{font-size: 16px;} */
  .sub01_6_sct1 .con_wrap .desc{font-size: 15px;}
}



.sub01_6_sct2 .road_map{display: flex;gap: 35px;flex-wrap: wrap;margin-top: 40px;}
.sub01_6_sct2 .road_map > li{display: flex;gap: 26px;align-items: center;flex-wrap: wrap;width: calc(33.333% - (70px / 3));background-color: #fff;border-radius: 10px;padding: 30px;box-shadow: rgba(36, 80, 189, 0.1) 10px 10px 24px 0;}
.sub01_6_sct2 .road_map > li .img_box{width: 80px;}
.sub01_6_sct2 .road_map > li .txt_box{width: calc(100% - 106px);}
.sub01_6_sct2 .road_map > li .txt_box h4{font-size: 18px;font-weight: 600;color: #222;line-height: 1.5;}
.sub01_6_sct2 .road_map > li .txt_box h4 b{font-size: 20px;font-weight: 700;}
.sub01_6_sct2 .road_map > li.con1 .txt_box h4 b{color: #6FD231;}
.sub01_6_sct2 .road_map > li.con2 .txt_box h4 b{color: #FFBF11;}
.sub01_6_sct2 .road_map > li.con3 .txt_box h4 b{color: #7FB8FC;}
.sub01_6_sct2 .road_map > li .txt_box p{font-size: 16px;font-weight: 400;color: #222;line-height: 1.4;margin-top: 2px;}
.sub01_6_sct2 .desc{display: flex;gap: 10px;justify-content: center;align-items: center;flex-wrap: wrap;text-align: center;background-color: #003974;margin-top: 40px;padding: 20px;border-radius: 999px;}
.sub01_6_sct2 .desc b{font-size: 20px;font-weight: 600;color: #fff;text-align: center;line-height: 1.5;}
.sub01_6_sct2 .desc span{font-size: 18px;font-weight: 600;color: rgba(255, 255, 255, 0.8);text-align: center;line-height: 1.5;}

@media screen and (max-width:1024px) {
  .sub01_6_sct2 .road_map{gap: 15px;margin-top: 20px;}
  .sub01_6_sct2 .road_map > li{gap: 15px;width: calc(33.333% - 10px);padding: 20px;}
  .sub01_6_sct2 .road_map > li .img_box{width: 70px;}
  .sub01_6_sct2 .road_map > li .txt_box{width: calc(100% - 85px);}
  .sub01_6_sct2 .road_map > li .txt_box h4{font-size: 16px;}
  .sub01_6_sct2 .road_map > li .txt_box h4 b{font-size: 18px;}
  .sub01_6_sct2 .road_map > li .txt_box p{font-size: 15px;}
  .sub01_6_sct2 .desc{gap: 8px;margin-top: 20px;}
  .sub01_6_sct2 .desc b{font-size: 18px;}
  .sub01_6_sct2 .desc span{font-size: 16px;}
}
@media screen and (max-width:768px) {
  .sub01_6_sct2 .road_map{gap: 10px;}
  .sub01_6_sct2 .road_map > li{gap: 10px;width: 100%;}
  .sub01_6_sct2 .road_map > li .img_box{width: 60px;}
  .sub01_6_sct2 .road_map > li .txt_box{width: calc(100% - 70px);}
  .sub01_6_sct2 .desc{gap: 6px;border-radius: 20px;}
  .sub01_6_sct2 .desc b{font-size: 16px;}
  .sub01_6_sct2 .desc span{font-size: 15px;}
}



.sub01_6_sct3 .desc{font-size: 18px;font-weight: 400;color: #222;line-height: 1.5;margin-top: 40px;padding: 24px 32px;background-color: #F8FAFC;border-radius: 10px;}
.sub01_6_sct3 .desc b{font-weight: 600px;color: #003974;}
.sub01_6_sct3 .type_list{margin-top: 40px;}
.sub01_6_sct3 .type_list > li{display: flex;flex-wrap: wrap;background-color: #F8FAFC;}
.sub01_6_sct3 .type_list > li:nth-child(2n){flex-direction: row-reverse;}
.sub01_6_sct3 .type_list > li .img_box{position: relative;width: 50%;}
.sub01_6_sct3 .type_list > li .img_box .txt{position: absolute;top: 30px;left: 40px;width: calc(100% - 80px);font-size: 28px;font-weight: 600;color: #fff;line-height: 1.5;}
.sub01_6_sct3 .type_list > li .img_box img{width: 100%;height: 100%;object-fit: cover;}
.sub01_6_sct3 .type_list > li .txt_box{width: 50%;padding: 50px;align-self: center;}
.sub01_6_sct3 .type_list > li .txt_box h4{font-size: 22px;font-weight: 600;color: #222;line-height: 1.5;}
.sub01_6_sct3 .type_list > li .txt_box .detail{margin-top: 16px;}
.sub01_6_sct3 .type_list > li .txt_box .detail > li{display: flex;gap: 6px;font-size: 16px;font-weight: 400;color: #555;line-height: 1.5;}
.sub01_6_sct3 .type_list > li .txt_box .detail > li::before{content: '·';}
.sub01_6_sct3 .type_list > li .txt_box .detail > li:nth-child(n + 2){margin-top: 4px;}

@media screen and (max-width:1024px) {
  .sub01_6_sct3 .desc{font-size: 16px;margin-top: 20px;padding: 30px 20px;}
  .sub01_6_sct3 .type_list{margin-top: 20px;}
  .sub01_6_sct3 .type_list > li .img_box .txt{top: 20px;left: 20px;width: calc(100% - 40px);font-size: 20px;}
  .sub01_6_sct3 .type_list > li .txt_box{padding: 30px;}
  .sub01_6_sct3 .type_list > li .txt_box h4{font-size: 18px;}
  .sub01_6_sct3 .type_list > li .txt_box .detail{margin-top: 12px;}
  .sub01_6_sct3 .type_list > li .txt_box .detail > li{font-size: 15px;}
}
@media screen and (max-width:768px) {
  .sub01_6_sct3 .desc{font-size: 15px;}
  .sub01_6_sct3 .type_list > li .img_box{width: 100%;}
  .sub01_6_sct3 .type_list > li .img_box .txt{font-size: 20px;}
  .sub01_6_sct3 .type_list > li .txt_box{width: 100%;padding: 20px 16px;}
  .sub01_6_sct3 .type_list > li .txt_box h4{font-size: 18px;}
  .sub01_6_sct3 .type_list > li .txt_box .detail{margin-top: 12px;}
  .sub01_6_sct3 .type_list > li .txt_box .detail > li{gap: 4px;}
}



.sub01_6_sct4 .social_wrap{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 40px;}
.sub01_6_sct4 .social_wrap .left{align-self: center;width: 40.32%;}
.sub01_6_sct4 .social_wrap .left h4{font-size: 32px;font-weight: 600;color: #222;line-height: 1.5;}
.sub01_6_sct4 .social_wrap .left p{font-size: 18px;font-weight: 400;color: #555;line-height: 1.6;margin-top: 12px;}
.sub01_6_sct4 .social_wrap .left .social_arrow{display: flex;gap: 10px;margin-top: 50px;}
.sub01_6_sct4 .social_wrap .left .social_arrow button{background-color: transparent;border: unset;transition: filter 0.3s;}
.sub01_6_sct4 .social_wrap .left .social_arrow button:hover{filter: invert(1) brightness(0);}
.sub01_6_sct4 .social_wrap .right{width: 56.45%;}
.sub01_6_sct4 .social_wrap .right .social_list .img_box{position: relative;}
.sub01_6_sct4 .social_wrap .right .social_list .img_box .txt{position: absolute;top: 30px;left: 30px;width: calc(100% - 60px);font-size: 28px;font-weight: 600;color: #fff;line-height: 1.5;}
.sub01_6_sct4 .social_wrap .right .social_list .txt_box{padding: 28px 30px;align-self: center;background-color: #fff;}
.sub01_6_sct4 .social_wrap .right .social_list h5{font-size: 22px;font-weight: 600;color: #222;line-height: 1.5;}
.sub01_6_sct4 .social_wrap .right .social_list .detail{margin-top: 8px;}
.sub01_6_sct4 .social_wrap .right .social_list .detail > li{display: flex;gap: 6px;font-size: 16px;font-weight: 400;color: #555;line-height: 1.5;}
.sub01_6_sct4 .social_wrap .right .social_list .detail > li::before{content: '·';}

@media screen and (max-width:1024px) {
  .sub01_6_sct4 .social_wrap{margin-top: 20px;}
  .sub01_6_sct4 .social_wrap .left h4{font-size: 24px;}
  .sub01_6_sct4 .social_wrap .left p{font-size: 16px;margin-top: 8px;}
  .sub01_6_sct4 .social_wrap .left .social_arrow{margin-top: 30px;}
  .sub01_6_sct4 .social_wrap .right .social_list .img_box .txt{top: 20px;left: 20px;width: calc(100% - 40px);font-size: 20px;}
  .sub01_6_sct4 .social_wrap .right .social_list .txt_box{padding: 20px;}
  .sub01_6_sct4 .social_wrap .right .social_list h5{font-size: 18px;}
  .sub01_6_sct4 .social_wrap .right .social_list .detail > li{font-size: 15px;}
}
@media screen and (max-width:786px) {
  .sub01_6_sct4 .social_wrap{gap: 20px;}
  .sub01_6_sct4 .social_wrap .left{width: 100%;}
  .sub01_6_sct4 .social_wrap .left h4{font-size: 20px;}
  .sub01_6_sct4 .social_wrap .left p{font-size: 15px;}
  .sub01_6_sct4 .social_wrap .left .social_arrow{margin-top: 20px;}
  .sub01_6_sct4 .social_wrap .right{width: 100%;}
  .sub01_6_sct4 .social_wrap .right .social_list .txt_box{padding: 20px 16px;}
  .sub01_6_sct4 .social_wrap .right .social_list h5{font-size: 18px;}
  .sub01_6_sct4 .social_wrap .right .social_list .detail > li{font-size: 15px;}
}














/* sub01_7 윤리경영 */
.sub01_7 .sub01_6_sct1 .con_wrap .img_box{background: url(/html/img/sub01_7_img01.jpg) no-repeat center/cover;}
.sub01_7 .sub01_6_sct1 .con_wrap .img_box span{font-size: 20px;font-weight: 600;color: rgba(255, 255, 255, 0.8);}
.sub01_7 .sub01_6_sct1 .con_wrap .img_box h4{margin-top: 6px;text-align: left;}
.sub01_7 .sub01_6_sct1 .con_wrap .img_box p{font-size: 18px;font-weight: 400;text-align: left;}
.sub01-7-imgtxt-box{
  background: url(/html/img/sub01_7_img01.jpg) no-repeat center/cover;
}

@media screen and (max-width:1024px) {
  .sub01_7 .sub01_6_sct1 .con_wrap .img_box span{font-size: 16px;}
  .sub01_7 .sub01_6_sct1 .con_wrap .img_box p{font-size: 16px;}
  .sub01-7-imgtxt-box{
    height: 320px;
  }
}
@media screen and (max-width:768px) {
  .sub01_7 .sub01_6_sct1 .con_wrap .img_box p br{display: none;}
}



.sub01_7_sct2 .sct_tit_wrap .desc_box{background-color: #fff;}
.sub01_7_sct2 .rules{display: flex;gap: 30px;flex-wrap: wrap;margin-top: 40px;}
.sub01_7_sct2 .rules > li{display: flex;gap: 10px;flex-wrap: wrap;width: calc(50% - 15px);padding: 40px 50px;background-color: #fff;border-radius: 10px;}
.sub01_7_sct2 .rules > li .img_box{width: 160px;}
.sub01_7_sct2 .rules > li .txt_box{align-self: center;width: calc(100% - 170px);}
.sub01_7_sct2 .rules > li .txt_box h4{font-size: 24px;font-weight: 600;color: #222;line-height: 1.5;}
.sub01_7_sct2 .rules > li .txt_box p{font-size: 18px;font-weight: 400;color: #555;line-height: 1.6;margin-top: 10px;}

@media screen and (max-width:1024px) {
  .sub01_7_sct2 .rules{gap: 20px;margin-top: 20px;}
  .sub01_7_sct2 .rules > li{width: calc(50% - 10px);padding: 30px 20px;}
  .sub01_7_sct2 .rules > li .img_box{width: 120px;}
  .sub01_7_sct2 .rules > li .txt_box{width: calc(100% - 130px);}
  .sub01_7_sct2 .rules > li .txt_box h4{font-size: 20px;}
  .sub01_7_sct2 .rules > li .txt_box p{font-size: 16px;margin-top: 6px;}
}
@media screen and (max-width:786px) {
  .sub01_7_sct2 .rules > li{width:100%;}
  .sub01_7_sct2 .rules > li .img_box{width: 100px;}
  .sub01_7_sct2 .rules > li .txt_box{width: calc(100% - 110px);}
  .sub01_7_sct2 .rules > li .txt_box h4{font-size: 18px;}
  .sub01_7_sct2 .rules > li .txt_box p{font-size: 15px;}
}
@media screen and (max-width:320px) {
  .sub01_7_sct2 .rules > li{flex-direction: column-reverse;}
  .sub01_7_sct2 .rules > li .img_box{width: 100px;}
  .sub01_7_sct2 .rules > li .txt_box{width: 100%;}
}



.sub01_7_sct3 .con_wrap{margin-top: 50px;padding: 40px;background-color: #F7F7F7;border-radius: 10px;}
.sub01_7_sct3 .con_wrap h4{position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;max-width: 216px;max-height: 216px;width: 100%;aspect-ratio: 1/1;background: url(/html/img/sub01_7_img02.png) no-repeat center/contain;font-size: 24px;font-weight: 600;color: #fff;text-align: center;line-height: 1.5;margin: 0 auto 40px;}
.sub01_7_sct3 .con_wrap h4::after{content: '';position: absolute;top: 100%;left: 50%;width: 1px;height: 40px;background: linear-gradient(180deg,rgba(70, 193, 190, 1) 0%, rgba(217, 217, 217, 1) 100%);}
.sub01_7_sct3 .con_wrap h4 span{font-size: 16px;font-weight: 400;}
.sub01_7_sct3 .con_wrap .detail{padding: 12px;background-color: #fff;border: #DBDBDB solid 1px;border-radius: 999px;}
.sub01_7_sct3 .con_wrap .detail > li{display: inline-block;width: calc(25% + 16px);padding: 28px;background-color: #FAFAFA;border: #DBDBDB solid 1px;border-radius: 999px;vertical-align: middle;}
.sub01_7_sct3 .con_wrap .detail > li:nth-child(n + 2){margin-left: -24px;}
.sub01_7_sct3 .con_wrap .detail > li h5{font-size: 20px;font-weight: 500;color: #222;line-height: 1.5;text-align: center;}
.sub01_7_sct3 .con_wrap .detail > li p{font-size: 16px;font-weight: 400;color: #555;line-height: 1.5;text-align: center;margin-top: 6px;}

@media screen and (max-width:1024px) {
  .sub01_7_sct3 .con_wrap{margin-top: 20px;padding: 20px;}
  .sub01_7_sct3 .con_wrap h4{max-width: 200px;max-height: 200px;font-size: 20px;margin: 0 auto 20px;}
  .sub01_7_sct3 .con_wrap h4::after{height: 20px;}
  .sub01_7_sct3 .con_wrap h4 span{font-size: 15px;}
  .sub01_7_sct3 .con_wrap .detail{display: flex;gap: 10px;flex-wrap: wrap;padding: 10px;border-radius: 12px;}
  .sub01_7_sct3 .con_wrap .detail > li{width: calc(50% - 5px);padding: 16px;border-radius: 8px;}
  .sub01_7_sct3 .con_wrap .detail > li:nth-child(n + 2){margin-left: unset;}
  .sub01_7_sct3 .con_wrap .detail > li h5{font-size: 18px;}
  .sub01_7_sct3 .con_wrap .detail > li p{font-size: 15px;margin-top: 4px;}
}
@media screen and (max-width:768px) {
  .sub01_7_sct3 .con_wrap h4{max-width: 180px;max-height: 180px;}
  .sub01_7_sct3 .con_wrap .detail > li{width: 100%;}
}
@media screen and (max-width:320px) {
  .sub01_7_sct3 .con_wrap .detail > li p br{display: none;}
}



.sub01_7_sct3 .report_wrap{margin-top: 30px;padding: 60px 70px;background: #F7F7F7 url(/html/img/sub01_7_img03.png) no-repeat top right 70px;border-radius: 10px;}
.sub01_7_sct3 .report_wrap .sml{display: block;font-size: 18px;font-weight: 600;color: #003974;}
.sub01_7_sct3 .report_wrap h4{font-size: 28px;font-weight: 700;color: #222;margin-top: 10px;}
.sub01_7_sct3 .report_wrap .detail{margin-top: 28px;}
.sub01_7_sct3 .report_wrap .detail > li{display: flex;flex-wrap: wrap;width: fit-content;background-color: #fff;border-radius: 999px;}
.sub01_7_sct3 .report_wrap .detail > li:nth-child(n + 2){margin-top: 10px;}
.sub01_7_sct3 .report_wrap .detail > li .tit{display: flex;justify-content: center;align-items: center;width: 100px;font-size: 16px;font-weight: 600;color: #fff;text-align: center;padding: 6px;background-color: #003974;border-radius: 999px;}
.sub01_7_sct3 .report_wrap .detail > li .con{max-width: calc(100% - 100px);align-self: center;font-size: 16px;font-weight: 400;color: #222;line-height: 1.7;padding: 0 16px;}
.sub01_7_sct3 .report_wrap .link_box{text-align: right;}
.sub01_7_sct3 .report_wrap .link_box a{font-size: 18px;font-weight: 500;color: #003974;line-height: 1.6;}
.sub01_7_sct3 .report_wrap .link_box a img{margin-top: -4px;margin-left: 6px;transition: transform 0.3s;}
.sub01_7_sct3 .report_wrap .link_box a:hover img{transform: translateX(5px);}

@media screen and (max-width:1024px) {
  .sub01_7_sct3 .report_wrap{margin-top: 20px;padding: 40px 20px;background-position: top right 20px;background-size: 30%;}
  .sub01_7_sct3 .report_wrap .sml{font-size: 16px;}
  .sub01_7_sct3 .report_wrap h4{font-size: 20px;margin-top: 6px;}
  .sub01_7_sct3 .report_wrap .detail{margin-top: 20px;}
  .sub01_7_sct3 .report_wrap .detail > li .tit{width: 80px;font-size: 15px;}
  .sub01_7_sct3 .report_wrap .detail > li .con{max-width: calc(100% - 80px);font-size: 15px;}
  .sub01_7_sct3 .report_wrap .link_box{margin-top: 10px;}
  .sub01_7_sct3 .report_wrap .link_box a{font-size: 16px;}
  .sub01_7_sct3 .report_wrap .link_box a img{margin-top: -3px;}
}
@media screen and (max-width:480px) {
  .sub01_7_sct3 .report_wrap h4 br{display: none;}
  .sub01_7_sct3 .report_wrap .detail > li{width: 100%;background-color: transparent;border-radius: unset;}
  .sub01_7_sct3 .report_wrap .detail > li .tit{width: 100%;font-size: 15px;}
  .sub01_7_sct3 .report_wrap .detail > li .con{max-width: unset;width: 100%;background-color: #fff;border-radius: 8px;padding: 10px 16px;}
}













/* sub02_1 플랫폼 */
.sub02_1_sct1 .tech_list{display: flex;gap: 30px;flex-wrap: wrap;margin-top: 50px;}
.sub02_1_sct1 .tech_list > li{display: flex;gap: 36px;align-items: center;flex-wrap: wrap;width: calc(50% - 15px);padding: 40px;background-color: #F3FAFF;border-radius: 10px;}
.sub02_1_sct1 .tech_list > li .img_box{width: 110px;}
.sub02_1_sct1 .tech_list > li .txt_box{width: calc(100% - 146px);}
.sub02_1_sct1 .tech_list > li .txt_box h3{display: flex;flex-wrap: wrap;}
.sub02_1_sct1 .tech_list > li .txt_box h3 .eng{font-size: 24px;font-weight: 700;color: #003974;line-height: 1.5;}
.sub02_1_sct1 .tech_list > li .txt_box h3 .kor{position: relative;font-size: 20px;font-weight: 500;color: #222;line-height: 1.5;margin-left: 10px;padding-left: 10px;margin-top: 2px;}
.sub02_1_sct1 .tech_list > li .txt_box h3 .kor::before{content: '';position: absolute;top: 6px;left: 0;width: 1px;height: 17px;background-color: #ccc;}
.sub02_1_sct1 .tech_list > li .txt_box .detail{margin-top: 12px;}
.sub02_1_sct1 .tech_list > li .txt_box .detail > li{display: flex;gap: 4px;font-size: 18px;font-weight: 400;color: #555;line-height: 1.6;}
.sub02_1_sct1 .tech_list > li .txt_box .detail > li::before{content: '·';}
.sub02_1_sct1 .tech_list > li .txt_box .detail > li:nth-child(n + 2){margin-top: 2px;}

@media screen and (max-width:1024px) {
  .sub02_1_sct1 .tech_list{gap: 20px;margin-top: 20px;}
  .sub02_1_sct1 .tech_list > li{gap: 20px;width: calc(50% - 10px);padding: 20px;}
  .sub02_1_sct1 .tech_list > li .img_box{width: 90px;}
  .sub02_1_sct1 .tech_list > li .txt_box{width: calc(100% - 110px);}
  .sub02_1_sct1 .tech_list > li .txt_box h3 .eng{font-size: 20px;}
  .sub02_1_sct1 .tech_list > li .txt_box h3 .kor{font-size: 16px;}
  .sub02_1_sct1 .tech_list > li .txt_box h3 .kor::before{height: 12px;}
  .sub02_1_sct1 .tech_list > li .txt_box .detail{margin-top: 10px;}
  .sub02_1_sct1 .tech_list > li .txt_box .detail > li{font-size: 16px;}
}
@media screen and (max-width:768px) {
  .sub02_1_sct1 .tech_list > li{gap: 10px;width: 100%;}
  .sub02_1_sct1 .tech_list > li .img_box{width: 80px;}
  .sub02_1_sct1 .tech_list > li .txt_box{width: calc(100% - 90px);}
  .sub02_1_sct1 .tech_list > li .txt_box h3 .eng{font-size: 18px;}
  .sub02_1_sct1 .tech_list > li .txt_box h3 .kor{font-size: 15px;margin-top: 4px;}
  .sub02_1_sct1 .tech_list > li .txt_box .detail > li{font-size: 15px;}
}
@media screen and (max-width:320px) {
  .sub02_1_sct1 .tech_list > li .txt_box{width: 100%;}
}



.sub02_1_sct2 .con_wrap{display: flex;gap: 36px;flex-wrap: wrap;margin-top: 50px;padding: 20px;background-color: #fff;border-radius: 10px;}
.sub02_1_sct2 .con_wrap .left{align-self: center;width: calc(100% - 336px);text-align: center;}
.sub02_1_sct2 .con_wrap .right{display: flex;flex-direction: column;width: 300px;}
.sub02_1_sct2 .con_wrap .right > li{display: flex;flex-direction: column;justify-content: center;align-items: center;flex: 1;padding: 10px;}
.sub02_1_sct2 .con_wrap .right > li:nth-child(n + 2){border-top: #ccc solid 1px;}
.sub02_1_sct2 .con_wrap .right > li .img_box{text-align: center;}
.sub02_1_sct2 .con_wrap .right > li h3{font-size: 20px;font-weight: 500;color: #222;text-align: center;margin-top: 24px;}
.sub02_1_sct2 .con_wrap .right > li p{font-size: 16px;font-weight: 500;color: rgba(0, 57, 116, 0.5);text-align: center;margin-top: 8px;}

@media screen and (max-width:1024px) {
  .sub02_1_sct2 .con_wrap{gap: 0;margin-top: 20px;}
  .sub02_1_sct2 .con_wrap .left{width: 100%;overflow-x: auto;padding-bottom: 5px;}
  .sub02_1_sct2 .con_wrap .left::-webkit-scrollbar{width: 5px;height: 5px;}
  .sub02_1_sct2 .con_wrap .left::-webkit-scrollbar-thumb{width: 35px;height: 5px;border-radius: 3px;background: #606060;}
  .sub02_1_sct2 .con_wrap .left img{min-width: 480px;}
  .sub02_1_sct2 .con_wrap .right{width: 100%;}
  .sub02_1_sct2 .con_wrap .right > li{padding: 30px 0;}
  .sub02_1_sct2 .con_wrap .right > li .img_box img{max-width: 66px;width: 60%;}
  .sub02_1_sct2 .con_wrap .right > li h3{font-size: 18px;margin-top: 16px;}
  .sub02_1_sct2 .con_wrap .right > li p{font-size: 15px;}
}



.sub02_1_sct3 .reason{display: flex;margin-top: 50px;}
.sub02_1_sct3 .reason > li{width: calc(20% + 12px);aspect-ratio: 1/1;background-color: rgba(0, 125, 255, 0.05);border-radius: 50%;padding: 24px;}
.sub02_1_sct3 .reason > li:nth-child(n + 2){margin-left: -24px;}
.sub02_1_sct3 .reason > li .num{display: flex;justify-content: center;align-items: center;width: 36px;height: 36px;background-color: #003974;border-radius: 50%;font-size: 16px;font-weight: 600;color: #fff;margin: 30px auto 0;}
.sub02_1_sct3 .reason > li h3{display: flex;justify-content: center;align-items: center;min-height: 62px;font-size: 22px;font-weight: 500;color: #003974;text-align: center;margin-top: 24px;}

@media screen and (max-width:1024px) {
  .sub02_1_sct3 .reason{gap: 10px;flex-wrap: wrap;margin-top: 20px;}
  .sub02_1_sct3 .reason > li{flex: 1;min-width: calc(50% - 5px);width: 100%;aspect-ratio: unset;border-radius: 12px;padding: 16px;}
  .sub02_1_sct3 .reason > li:nth-child(n + 2){margin-left: unset;}
  .sub02_1_sct3 .reason > li .num{width: 32px;height: 32px;font-size: 14px;margin: 0 auto;}
  .sub02_1_sct3 .reason > li h3{font-size: 18px;margin-top: 16px;}
}
@media screen and (max-width:340px) {
  .sub02_1_sct3 .reason > li{min-width: 100%;}
  .sub02_1_sct3 .reason > li h3{min-height: unset;}
}



.sub02_1_sct4 .graph{display: flex;gap: 16px;flex-wrap: wrap;margin-top: 50px;}
.sub02_1_sct4 .graph img{width: calc(50% - 8px);}
.sub02_1_sct4 .source{font-size: 13px;font-weight: 400;color: #777;text-align: right;margin-top: 16px;}
.sub02_1_sct4 .point_wrap{display: flex;gap: 16px;flex-wrap: wrap;margin-top: 40px;}
.sub02_1_sct4 .point_wrap .left{width: calc(50% - 8px);border-radius: 10px;overflow: hidden;}
.sub02_1_sct4 .point_wrap .left .point_img{height: 100%;}
.sub02_1_sct4 .point_wrap .left .point_img img{width: 100%;height: 100%;object-fit: cover;}
.sub02_1_sct4 .point_wrap .right{width: calc(50% - 8px);overflow: hidden;}
.sub02_1_sct4 .point_wrap .right .point_txt{position: relative;height: 100%;padding: 32px 36px;background-color: #fff;border-radius: 10px;}
.sub02_1_sct4 .point_wrap .right .point_txt .swiper-wrapper{z-index: 11;}
.sub02_1_sct4 .point_wrap .right .point_txt .num{display: inline-block;font-size: 16px;font-weight: 700;color: #003974;line-height: 1.6;border-bottom: #003974 solid 1px;}
.sub02_1_sct4 .point_wrap .right .point_txt h3{font-size: 18px;font-weight: 600;color: #222;line-height: 1.5;margin-top: 20px;}
.sub02_1_sct4 .point_wrap .right .point_txt .detail{margin-top: 8px;}
.sub02_1_sct4 .point_wrap .right .point_txt .detail > li{display: flex;gap: 4px;font-size: 16px;font-weight: 400;color: #555;line-height: 1.5;}
.sub02_1_sct4 .point_wrap .right .point_txt .detail > li::before{content: '·';}
.sub02_1_sct4 .point_wrap .right .point_txt .detail > li:nth-child(n + 2){margin-top: 2px;}
.sub02_1_sct4 .point_wrap .right .point_txt .point_ctrl{position: absolute;top: 32px;right: 36px;display: flex;gap: 10px;z-index: 22;}
.sub02_1_sct4 .point_wrap .right .point_txt .point_ctrl button{background-color: transparent;border: unset;}

@media screen and (max-width:768px) {
  .sub02_1_sct4 .graph{gap: 20px;margin-top: 20px;}
  .sub02_1_sct4 .graph img{width: 100%;}
  .sub02_1_sct4 .point_wrap{gap: 20px;margin-top: 20px;}
  .sub02_1_sct4 .point_wrap .left{width: 100%;}
  .sub02_1_sct4 .point_wrap .right{width: 100%;}
  .sub02_1_sct4 .point_wrap .right .point_txt{padding: 20px 16px;}
  .sub02_1_sct4 .point_wrap .right .point_txt .num{font-size: 15px;}
  .sub02_1_sct4 .point_wrap .right .point_txt h3{font-size: 16px;margin-top: 16px;}
  .sub02_1_sct4 .point_wrap .right .point_txt .detail > li{font-size: 15px;}
  .sub02_1_sct4 .point_wrap .right .point_txt .point_ctrl{top: 20px;right: 16px;}
  .sub02_1_sct4 .point_wrap .right .point_txt .point_ctrl button{width: 42px;}
}

















/* sub03_1 파이프라인 개요 */
.sub03_1_sct1{background: url(/html/img/sub03_1_sct1_bg.jpg) no-repeat top center/cover;}
.sub03_1_sct1 .top_box .eng{display: block;font-size: 24px;font-weight: 600;color: #003974;line-height: 1.5;text-align: center;}
.sub03_1_sct1 .top_box h3{font-size: 48px;font-weight: 500;color: #222;line-height: 1.5;text-align: center;margin-top: 20px;}
.sub03_1_sct1 .top_box h3 b{font-weight: 700;}
.sub03_1_sct1 .top_box .img_box{text-align: center;margin-top: 60px;}
.sub03_1_sct1 .types{margin-top: 100px;}
.sub03_1_sct1 .types > li{display: flex;gap: 50px;align-items: center;flex-wrap: wrap;padding: 40px 50px;background-color: #F5F7F9;border: #B8C8DD solid 1px;border-radius: 10px;}
.sub03_1_sct1 .types > li:nth-child(n + 2){margin-top: 32px;}
.sub03_1_sct1 .types > li .img_box{width: 180px;border-radius: 50%;box-shadow: rgba(36, 80, 189, 0.1) 4px 4px 20px 0;}
.sub03_1_sct1 .types > li .txt_box h4{font-size: 26px;font-weight: 700;color: #222;line-height: 1.6;}
.sub03_1_sct1 .types > li .txt_box h4 span{color: #ccc;font-weight: 200;}
.sub03_1_sct1 .types > li .txt_box .desc{display: inline-block;font-size: 16px;font-weight: 600;color: #003974;line-height: 1.5;margin-top: 6px;padding: 4px 8px;background-color:rgba(0, 57, 116, 0.1);border-radius: 4px;}
.sub03_1_sct1 .types > li .txt_box .detail{margin-top: 16px;}
.sub03_1_sct1 .types > li .txt_box .detail > li{display: flex;gap: 6px;font-size: 16px;font-weight: 400;color: #222;line-height: 1.6;}
.sub03_1_sct1 .types > li .txt_box .detail > li::before{content: '·';}
.sub03_1_sct1 .types > li .txt_box .detail > li:nth-child(n + 2){margin-top: 4px;}

@media screen and (max-width:1024px) {
  .sub03_1_sct1 .top_box .eng{font-size: 20px;}
  .sub03_1_sct1 .top_box h3{font-size: 36px;margin-top: 16px;}
  .sub03_1_sct1 .top_box .img_box{margin-top: 40px;}
  .sub03_1_sct1 .top_box .img_box img{max-width: 600px;width: 60%;}
  .sub03_1_sct1 .types{margin-top: 60px;}
  .sub03_1_sct1 .types > li{gap: 20px;padding: 30px 20px;}
  .sub03_1_sct1 .types > li:nth-child(n + 2){margin-top: 20px;}
  .sub03_1_sct1 .types > li .img_box{width: 140px;}
  .sub03_1_sct1 .types > li .txt_box h4{font-size: 20px;}
  .sub03_1_sct1 .types > li .txt_box .desc{font-size: 15px;}
  .sub03_1_sct1 .types > li .txt_box .detail{margin-top: 12px;}
  .sub03_1_sct1 .types > li .txt_box .detail > li{font-size: 15px;}
}
@media screen and (max-width:768px) {
  .sub03_1_sct1 .top_box .eng{font-size: 16px;}
  .sub03_1_sct1 .top_box h3{font-size: 24px;margin-top: 12px;}
  .sub03_1_sct1 .top_box h3 br{display: none;}
  .sub03_1_sct1 .top_box .img_box{margin-top: 20px;}
  .sub03_1_sct1 .top_box .img_box img{width: 80%;}
  .sub03_1_sct1 .types{margin-top: 40px;}
  .sub03_1_sct1 .types > li .img_box{width: 100px;}
  .sub03_1_sct1 .types > li .txt_box{width: 100%;}
  .sub03_1_sct1 .types > li .txt_box h4{font-size: 18px;}
  .sub03_1_sct1 .types > li .txt_box .detail{margin-top: 10px;}
}



.sub03_1_sct2 .table_wrap{margin-top: 50px;}
.sub03_1_sct2 .table_wrap table{width: 100%;border-spacing: 0;border-top: #555 solid 2px;border-bottom: #555 solid 2px;}
.sub03_1_sct2 .table_wrap table th:last-child,
.sub03_1_sct2 .table_wrap table td:last-child{border-right: unset;}
.sub03_1_sct2 .table_wrap table thead th{font-size: 18px;font-weight: 500;color: #222;text-align: center;padding: 18px;background-color: #F1F1F1;border-right: #DDD solid 1px;}
.sub03_1_sct2 .table_wrap table tbody th,
.sub03_1_sct2 .table_wrap table tbody td{font-size: 16px;font-weight: 400;color: #222;line-height: 1.25;text-align: center;padding: 16px;border-top: #DDD solid 1px;border-right: #DDD solid 1px;background-color: #fff;}
.sub03_1_sct2 .table_wrap table tbody th{font-weight: 600;}

@media screen and (max-width:1024px) {
  .sub03_1_sct2 .table_wrap{margin-top: 20px;}
  .sub03_1_sct2 .table_wrap table thead th{font-size: 16px;padding: 12px;}
  .sub03_1_sct2 .table_wrap table tbody th,
  .sub03_1_sct2 .table_wrap table tbody td{font-size: 15px;padding: 12px;}
}
@media screen and (max-width:768px) {
  .sub03_1_sct2 .table_wrap{overflow-x: auto;padding-bottom: 5px;}
  .sub03_1_sct2 .table_wrap::-webkit-scrollbar{width: 4px;height: 4px;}
  .sub03_1_sct2 .table_wrap::-webkit-scrollbar-thumb{width: 35px;height: 4px;border-radius: 2px;background: #666;}
  .sub03_1_sct2 .table_wrap table{min-width: 600px;}
  .sub03_1_sct2 .table_wrap table thead th{font-size: 15px;padding: 10px;}
  .sub03_1_sct2 .table_wrap table tbody th,
  .sub03_1_sct2 .table_wrap table tbody td{font-size: 14px;padding: 10px;}
}








/* sub03_2~6 공통 */
.sub03_tab{display: flex;gap: 16px;flex-wrap: wrap;margin-top: 40px;}
.sub03_tab > li{width: calc((100% / 6) - (80px / 6));}
.sub03_tab > li a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;padding: 16px;font-size: 16px;font-weight: 500;color: #222;line-height: 1.6;text-align: center;border: #ccc solid 1px;border-radius: 5px;transition: background-color 0.3s, color 0.3s;}
.sub03_tab > li.active a{gap: 4px;width: 100%;height: 100%;background-color: #003974;color: #fff;}
.sub03_tab > li:hover a{background-color: #003974;color: #fff;}

.sub03_feature{display: flex;flex-wrap: wrap;margin-top: 50px;}
.sub03_feature > li{width: 25%;padding: 24px 30px;border: #ccc solid 1px;}
.sub03_feature > li:nth-child(n + 2){border-left: 0;}
.sub03_feature > li h3{font-size: 16px;font-weight: 600;color: #003974;}
.sub03_feature > li p{font-size: 20px;font-weight: 400;color: #222;margin-top: 8px;}

@media screen and (max-width:1024px) {
  .sub03_tab{gap: 12px;margin-top: 20px;}
  .sub03_tab > li{width: calc(33.333% - 8px);}
  .sub03_tab > li a{padding: 12px;font-size: 15px;}

  .sub03_feature{margin-top: 20px;}
  .sub03_feature > li{width: 50%;padding: 16px 20px;}
  .sub03_feature > li:nth-child(n + 2){border-left: #ccc solid 1px;}
  .sub03_feature > li:nth-child(n + 3){border-top: 0;}
  .sub03_feature > li:nth-child(2n){border-left: 0;}
  .sub03_feature > li h3{font-size: 15px;}
  .sub03_feature > li p{font-size: 18px;margin-top: 6px;}
}
@media screen and (max-width:768px) {
  .sub03_tab{gap: 10px;}
  .sub03_tab > li{width: calc(50% - 5px);}
  .sub03_tab > li a{padding: 10px;}

  .sub03_feature{margin-top: 20px;}
  .sub03_feature > li{width: 100%;padding: 16px;}
  .sub03_feature > li:nth-child(n + 2){border-top: 0;}
  .sub03_feature > li:nth-child(2n){border-left: #ccc solid 1px;}
  .sub03_feature > li h3{font-size: 14px;}
  .sub03_feature > li p{font-size: 16px;}
}



.pipeline_detail{margin-top: 70px;}
.pipeline_detail > li:nth-child(n + 2){margin-top: 70px;padding-top: 70px;border-top: #ccc solid 1px;}
.pipeline_detail > li .sub03_tit{font-size: 24px;font-weight: 700;color: #222;}
.pipeline_detail > li .sub03_con_box{padding: 40px;background-color: #F7F7F7;border-radius: 10px;margin-top: 24px;}
.pipeline_detail > li .sub03_con_box.sml{padding: 28px 40px;}
.pipeline_detail > li .sub03_con_box .desc{font-size: 16px;font-weight: 400;color: #222;line-height: 1.6;}
.pipeline_detail > li .sub03_con_box .desc + .desc{margin-top: 12px;}
.pipeline_detail > li .sub03_con_box .detail > li{position: relative;font-size: 16px;font-weight: 400;color: #222;line-height: 1.6;padding-left: 8px;}
.pipeline_detail > li .sub03_con_box .detail > li b{font-weight: 600;}
.pipeline_detail > li .sub03_con_box .detail > li::before{content: '·';position: absolute;top: 0;left: 0;}
.pipeline_detail > li .sub03_con_box .detail > li:nth-child(n + 2){margin-top: 6px;}
.pipeline_detail > li .sub03_con_box .sub03_sml_tit{font-size: 20px;font-weight: 700;color: #222;line-height: 1.6;}
.pipeline_detail > li .sub03_con_box .sub03_sml_tit + .detail{margin-top: 4px;}
.pipeline_detail > li .sub03_con_box .sub03_sml_tit + .detail > li{font-size: 20px;}
.pipeline_detail > li .big_img{padding: 30px 70px;border: #ccc solid 1px;border-radius: 10px;text-align: center;margin-top: 40px;overflow: hidden;}

@media screen and (max-width:1024px) {
  .pipeline_detail{margin-top: 40px;}
  .pipeline_detail > li:nth-child(n + 2){margin-top: 40px;padding-top: 40px;}
  .pipeline_detail > li .sub03_tit{font-size: 20px;}
  .pipeline_detail > li .sub03_con_box{padding: 16px;margin-top: 16px;}
  .pipeline_detail > li .sub03_con_box.sml{padding: 12px 16px;}
  .pipeline_detail > li .sub03_con_box .desc{font-size: 15px;}
  .pipeline_detail > li .sub03_con_box .desc br{display: none;}
  .pipeline_detail > li .sub03_con_box .desc + .desc{margin-top: 8px;}
  .pipeline_detail > li .sub03_con_box .detail > li{font-size: 15px;padding-left: 6px;}
  .pipeline_detail > li .sub03_con_box .detail > li:nth-child(n + 2){margin-top: 4px;}
  .pipeline_detail > li .sub03_con_box .sub03_sml_tit{font-size: 15px;}
  .pipeline_detail > li .sub03_con_box .sub03_sml_tit + .detail > li{font-size: 15px;}
  .pipeline_detail > li .big_img{padding: 20px;margin-top: 20px;overflow-x: auto;}
  .pipeline_detail > li .big_img::-webkit-scrollbar{width: 5px;height: 5px;}
  .pipeline_detail > li .big_img::-webkit-scrollbar-thumb{width: 35px;height: 5px;border-radius: 3px;background: #bbb;}
  .pipeline_detail > li .big_img img{min-width: 480px;}
}







/* sub03_2 BSP011 */
.sub03_2_sct .rhs_rating{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 30px;}
.sub03_2_sct .rhs_rating .left{display: flex;gap: 16px;flex-wrap: wrap;width: 70.17%;}
.sub03_2_sct .rhs_rating .left > li{width: calc(25% - 12px);}
.sub03_2_sct .rhs_rating .left > li .tit{display: block;font-size: 16px;font-weight: 500;color: #222;line-height: 1.6;text-align: center;margin-top: 12px;}
.sub03_2_sct .rhs_rating .right{width: 28.44%;}

.sub03_2_sct .effect{display: flex;gap: 20px;flex-wrap: wrap;margin-top: 40px;}
.sub03_2_sct .effect > li{width: calc(25% - 16px);}
.sub03_2_sct .effect > li .tit{display: block;font-size: 18px;font-weight: 600;color: #222;line-height: 1.6;text-align: center;padding-bottom: 10px;}

.sub03_2_sct .total{display: flex;gap: 21px;flex-wrap: wrap;margin-top: 40px;padding-top: 40px;border-top: #BBB solid 1px;}
.sub03_2_sct .total > li{width: calc(33.333% - 18px);}

.sub03_2_sct .animal_table{margin-top: 30px;}
.sub03_2_sct .animal_table table{width: 100%;border-spacing: 0;border-top: #555 solid 2px;border-bottom: #555 solid 2px;}
.sub03_2_sct .animal_table table th,
.sub03_2_sct .animal_table table td{padding: 16px 10px;text-align: center;color: #222;border-right: #ccc solid 1px;}
.sub03_2_sct .animal_table table th:last-child,
.sub03_2_sct .animal_table table td:last-child{border-right: unset;}
.sub03_2_sct .animal_table table th{font-size: 18px;font-weight: 500;background-color: #F1F1F1;}
.sub03_2_sct .animal_table table td{font-size: 16px;font-weight: 400;background-color: #fff;}
.sub03_2_sct .animal_img{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 30px;}
.sub03_2_sct .animal_img .left{width: 60.86%;}
.sub03_2_sct .animal_img .right{width: 36.55%;}

@media screen and (max-width:1024px) {
  .sub03_2_sct .rhs_rating{gap: 20px;margin-top: 20px;}
  .sub03_2_sct .rhs_rating .left{gap: 10px;width: 100%;}
  .sub03_2_sct .rhs_rating .left > li{width: calc(50% - 5px);}
  .sub03_2_sct .rhs_rating .left > li .img_box{text-align: center;}
  .sub03_2_sct .rhs_rating .left > li .tit{font-size: 15px;margin-top: 8px;}
  .sub03_2_sct .rhs_rating .right{width: 100%;text-align: center;}
  
  .sub03_2_sct .effect{gap: 10px;margin-top: 20px;}
  .sub03_2_sct .effect > li{width: calc(50% - 5px);}
  .sub03_2_sct .effect > li .tit{font-size: 15px;padding-bottom: 6px;}
  .sub03_2_sct .effect > li .img_box{text-align: center;}
  
  .sub03_2_sct .total{gap: 10px;margin-top: 20px;padding-top: 20px;}
  /* .sub03_2_sct .total > li{width: 100%;text-align: center;} */
  
  .sub03_2_sct .animal_table{margin-top: 20px;overflow-x: auto;padding-bottom: 5px;}
  .sub03_2_sct .animal_table::-webkit-scrollbar{width: 5px;height: 5px;}
  .sub03_2_sct .animal_table::-webkit-scrollbar-thumb{width: 35px;height: 5px;border-radius: 3px;background: #bbb;}
  .sub03_2_sct .animal_table table{min-width: 380px;}
  .sub03_2_sct .animal_table table th,
  .sub03_2_sct .animal_table table td{padding: 10px;}
  .sub03_2_sct .animal_table table th{font-size: 15px;}
  .sub03_2_sct .animal_table table td{font-size: 14px;}
  .sub03_2_sct .animal_img{gap: 10px;margin-top: 20px;}
  .sub03_2_sct .animal_img .left{width: 100%;}
  .sub03_2_sct .animal_img .right{width: 100%;}
}
@media screen and (max-width:768px) {
  .sub03_2_sct .total > li{width: 100%;text-align: center;}
}
@media screen and (max-width:360px) {
  .sub03_2_sct .rhs_rating .left > li{width: 100%;}
  .sub03_2_sct .effect > li{width: 100%;}
}



/* sub03_3 BSP105 */
.sub03_3_sct .pipeline_detail > li .big_img{padding: 0;}
.sub03_3_sct .effect_img{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 30px;}
.sub03_3_sct .effect_img .left{width: 47.41%;}
.sub03_3_sct .effect_img .right{width: 51.2%;}
.sub03_3_sct .effect_graph{display: flex;gap: 20px;flex-wrap: wrap;margin-top: 30px;}
.sub03_3_sct .effect_graph img{width: calc(50% - 10px);}
.sub03_3_sct .effect_detail{padding: 33px;margin-top: 30px;text-align: center;background-color: #fff;border: #ccc solid 1px;border-radius: 10px;}

@media screen and (max-width:768px) {
  .sub03_3_sct .effect_img{gap: 20px;margin-top: 20px;}
  .sub03_3_sct .effect_img .left{width: 100%;}
  .sub03_3_sct .effect_img .right{width: 100%;}
  .sub03_3_sct .effect_graph{margin-top: 20px;}
  .sub03_3_sct .effect_graph img{width: 100%;}  
  .sub03_3_sct .effect_detail{padding: 16px;margin-top: 20px;}
}



/* sub03_4 BSP205 */
.sub03_4_sct .pipeline_detail > li .big_img{padding: 0;}
.sub03_4_sct .effect_graph{display: flex;gap: 30px 20px;flex-wrap: wrap;margin-top: 30px;}
.sub03_4_sct .effect_graph > li{width: calc(33.333% - (40px/3));}
.sub03_4_sct .effect_graph > li .tit{display: block;font-size: 18px;font-weight: 600;color: #222;line-height: 1.6;text-align: center;padding-bottom: 10px;}

.sub03_4_sct .total_wrap{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 50px 30px;background-color: #fff;border: #ccc solid 1px;border-radius: 10px;margin-top: 30px;}
.sub03_4_sct .total_wrap .left{width: 49.81%;}
.sub03_4_sct .total_wrap .right{width: 45.38%;}

@media screen and (max-width:768px) {
  .sub03_4_sct .effect_graph{gap: 10px;margin-top: 20px;}
  .sub03_4_sct .effect_graph > li{width: calc(50% - 5px);}
  .sub03_4_sct .effect_graph > li .tit{font-size: 15px;padding-bottom: 6px;}

  .sub03_4_sct .total_wrap{gap: 10px;padding: 16px;margin-top: 20px;}
  .sub03_4_sct .total_wrap .left{width: 100%;text-align: center;}
  .sub03_4_sct .total_wrap .right{width: 100%;text-align: center;}
}



/* sub03_5 BSP211 */
.sub03_5_sct .pipeline_detail > li .big_img{padding: 0;}
.sub03_5_img_box01{display: flex;gap: 20px;flex-wrap: wrap;margin-top: 30px;}
.sub03_5_img_box01 > img{width: calc(50% - 10px);}
.sub03_5_img_box02{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 30px;}
.sub03_5_img_box02 .con1{width: 25.86%;}
.sub03_5_img_box02 .con2{width: 35.34%;}
.sub03_5_img_box03{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 30px;}
.sub03_5_img_box03 .left{display: flex;justify-content: space-between;align-items: center;width: 62.93%;padding: 24px 30px;background-color: #fff;border: #ccc solid 1px;border-radius: 5px;}
.sub03_5_img_box03 .left img:nth-child(1){width: 59.96%;}
.sub03_5_img_box03 .left img:nth-child(2){width: 34.37%;}
.sub03_5_img_box03 .right{width: 35.34%;}

@media screen and (max-width:768px) {
  .sub03_5_img_box01{margin-top: 20px;}
  .sub03_5_img_box01 > img{width: 100%;}
  .sub03_5_img_box02{gap: 20px;margin-top: 20px;}
  .sub03_5_img_box02 .con1{width: 100%;}
  .sub03_5_img_box02 .con2{width: 100%;}
  .sub03_5_img_box02 > div img{width: 100%;}
  .sub03_5_img_box03{gap: 20px;margin-top: 20px;}
  .sub03_5_img_box03 .left{flex-direction: column;gap: 10px;width: 100%;padding: 16px;}
  .sub03_5_img_box03 .left img:nth-child(1){width: auto;}
  .sub03_5_img_box03 .left img:nth-child(2){width: auto;}
  .sub03_5_img_box03 .right{width: 100%;}
}



/* sub03_6 BSP201 */
.sub03_6_img_box{display: flex;gap: 30px 20px;flex-wrap: wrap;margin-top: 30px;}
.sub03_6_img_box .img_box{width: calc(50% - 10px);}

@media screen and (max-width:768px) {
  .sub03_6_img_box{gap: 20px;margin-top: 20px;}
  .sub03_6_img_box .img_box{width: 100%;}
  .sub03_6_img_box .img_box img{width: 100%;}
}