/*--헤더--*/
#ch_header {position:fixed;background:var(--white-clr);}

/*--서브비주얼--*/
.sub_wrap {margin-top:100px;padding-bottom:0;}
.sub_visual {width:100%;position:relative;border-radius:20px;}
.sub_visual.sv01 {height:400px;background:url('/img/sub/sv01.jpg') no-repeat 50% 50% / cover;}
.sub_visual.sv02 {height:400px;background:url('/img/sub/sv02.jpg') no-repeat 50% 50% / cover;}
.sub_visual.sv03 {height:400px;background:url('/img/sub/sv03.jpg') no-repeat 50% 50% / cover;}
.sub_visual.sv04 {height:400px;background:url('/img/sub/sv04.jpg') no-repeat 50% 50% / cover;}
.sub_visual.sv05 {height:400px;background:url('/img/sub/sv05.jpg') no-repeat 50% 50% / cover;} /*페이지넘버5의 서브비주얼은 여기서 변경하세요. 720해상도에서 높이도 맞추어 변경하세요*/


.sub_visual.sv01 .ch_navi_02 {display: none;}

.sub_Visual .ch_inner {height:100%;}
.sub_visual .sub_tit_wrap {height:100%;display:flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;color: var(--white-clr);}
.sub_visual .sub_tit {margin-bottom:15px;}
.sub_visual .sub_art_wrap {display:flex;gap:4px;}
.sub_visual .sub_art {color:rgba(255,255,255,.8);}

@media screen and (max-width:1480px){
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:1080px){
}
@media screen and (max-width:720px){
	.sub_wrap .ch_inner {width: 100%;}
	.sub_wrap .ch_inner.in01, .sub_wrap .ch_inner.in02 {max-width: none;}
	.ch_padd {padding: 78px 0;}
	.sub_visual {border-radius:0;}
	.sub_visual.sv01 {height: 224px;background:url('/img/sub/sv01_mo.jpg') no-repeat 50% 50% / cover;}
	.sub_visual.sv02 {height: 224px;background:url('/img/sub/sv02_mo.jpg') no-repeat 50% 50% / cover;}
	.sub_visual.sv03 {height: 224px;background:url('/img/sub/sv03_mo.jpg') no-repeat 50% 50% / cover;}
	.sub_visual.sv04 {height: 224px;background:url('/img/sub/sv04_mo.jpg') no-repeat 50% 50% / cover;}
	.sub_visual.sv05 {height: 224px;background:url('/img/sub/sv05_mo.jpg') no-repeat 50% 50% / cover;}
	.sub_tit {font-size: 21px;margin-bottom:9px;}
	.sub_visual .sub_art_wrap {display:unset;}
	.sub_visual .sub_art {font-size: 9px;} 
	.sub_visual .sub_art:first-child {margin-bottom: 2px;}
}

/*--서브--*/
.sub_wrap .ch_nav_wrap {width:fit-content;height:55px;display: flex;position:absolute;z-index: 3;bottom:0;left:50%;transform:translateX(-50%);border-radius: 15px 15px 0 0;background:var(--white-clr);}
.sub_wrap .ch_nav_wrap .ch_home_btn {width: 82px;position:relative;height:100%;display: flex;justify-content: center;align-items: center;}
.sub_wrap .ch_nav_wrap .ch_home_btn::after {content:"";position:absolute;top:50%;transform:translateY(-50%);right:0;width:1px;height:26px;background:#d9d9d9;}
.sub_wrap .ch_nav_wrap .ch_home_btn .home img {display:block;max-width:100%;}
.sub_wrap .ch_nav_wrap .ch_navi_box {position:relative; cursor:pointer; }
.sub_wrap .ch_nav_wrap .ch_navi_01{position:relative;padding:0 30px 0 16px ;}
.sub_wrap .ch_nav_wrap .ch_navi_01::after {content:"";position:absolute;top:50%;transform:translateY(-50%);right:0;width:1px;height:26px;background:#d9d9d9;}
.sub_wrap .ch_nav_wrap .ch_navi_02{position:relative;padding:0 30px 0 30px;}

.sub_wrap .ch_nav_wrap .ch_navi_box #ch_gnb {display:none;position:absolute; left:0; top:100%;width:100%; overflow:hidden;background:#222;}

.sub_wrap .ch_nav_wrap .ch_navi_01 #ch_gnb > li {border-bottom:1px solid #404955;}
.sub_wrap .ch_nav_wrap .ch_navi_01 #ch_gnb > li .ch_depth2 {display:none; }
.sub_wrap .ch_nav_wrap .ch_navi_01 #ch_gnb > li > a{display:block;padding: 18px 26px; -webkit-text-stroke: 0.02em;font-size:var(--font-size-16);font-weight:var(--font-l);color: var(--white-clr);}
.sub_wrap .ch_nav_wrap .ch_navi_01 #ch_gnb > li:hover > a{background:#133469;}
.sub_wrap .ch_nav_wrap .ch_navi_01 #ch_gnb > li > a svg {display: none;}

.sub_wrap .ch_nav_wrap .ch_navi_02 #ch_gnb > li {}
.sub_wrap .ch_nav_wrap .ch_navi_02 #ch_gnb > li > a{display:none; }
.sub_wrap .ch_nav_wrap .ch_navi_02 #ch_gnb > li > .ch_depth2 > li > a {color: #fff;}
.sub_wrap .ch_nav_wrap .ch_navi_02 #ch_gnb > li > .ch_depth2 > li:hover > a {background:#133469;}
.sub_wrap .ch_nav_wrap .ch_navi_02 #ch_gnb > li > .ch_depth2{display:none; }
.sub_wrap .ch_nav_wrap .ch_navi_02 #ch_gnb > li.on > .ch_depth2{display:block; }
.sub_wrap .ch_nav_wrap .ch_navi_02 #ch_gnb > li.on > .ch_depth2 li { border-bottom:1px solid #404955;}
.sub_wrap .ch_nav_wrap .ch_navi_02 #ch_gnb > li.on > .ch_depth2 li:last-child {border-bottom:unset;}
.sub_wrap .ch_nav_wrap .ch_navi_02 #ch_gnb > li.on > .ch_depth2 li > a {display: block;padding: 18px 26px;}
.sub_wrap .ch_nav_wrap .ch_navi_02 #ch_gnb > li > a svg {display: none;}
.sub_wrap .ch_nav_wrap .ch_current_box {height: 100%;white-space: nowrap;display:flex;gap: 3.6rem;justify-content:space-between;align-items: center;}

.for_after{width: 630px;height: 1px;background: #d9d9d9;margin: 0 auto;}

.ch_depth2.show {
  display: block;
  opacity: 1;
}

@media screen and (max-width:1480px){ 
	.for_after{width: 610px;}
}
@media screen and (max-width:1280px){ 
}
@media screen and (max-width:1080px){ 
	 .ch_sub_sec{padding:100px 0; }
}
@media screen and (max-width:720px){ 
	
	.sub_wrap {margin-top: 55px;}
	.sub_wrap .ch_nav_wrap {height: 35px;border-radius: 8px 8px 0 0;}
	.sub_wrap .ch_nav_wrap .ch_navi_01, .sub_wrap .ch_nav_wrap .ch_navi_02 {padding: 0 12px 0 12px;}
	.sub_wrap .ch_nav_wrap .ch_navi_01 .ch_current_box{gap: 30px;}
	.sub_wrap .ch_nav_wrap .ch_navi_02 .ch_current_box {gap: 40px;}
	.sub_wrap .ch_nav_wrap .ch_current_box span {font-size:9px;}
	.sub_wrap .ch_nav_wrap .ch_current_box svg {width:16px;}
	.sub_wrap .ch_nav_wrap .ch_navi_box .ch_gnb {border-radius: 4px;}
	.sub_wrap .ch_nav_wrap .ch_navi_01 .ch_gnb > li > a{padding: 8px 10px;}
	.sub_wrap .ch_nav_wrap .ch_home_btn {width: 35px;}
	.sub_wrap .ch_nav_wrap .ch_home_btn::after {height: 6px;}
	.sub_wrap .ch_nav_wrap .ch_navi_01::after {height: 6px;}
	.sub_wrap .ch_nav_wrap .ch_home_btn .home {width:11px;}
	
	.sub_wrap .ch_nav_wrap .ch_navi_01 #ch_gnb > li > a, 
	.sub_wrap .ch_nav_wrap .ch_navi_02 #ch_gnb > li.on > .ch_depth2 li > a
	{padding: 10px 10px;font-size: 9px;}
	
	.for_after {width: 415px;}
}
@media screen and (max-width:480px){ 
	.for_after {width: 315px;}
}



/*--technology 타이틀 및 소개--*/
.sub_sect_tit_wrap {width:100%;}
.sub_sect_tit_wrap .ch_inner {display: flex;flex-direction: column;	align-items: center;text-align:center;}
.sub_sect_tit {margin-bottom:24px;}
.sub_sect_stit {line-height:1.7em;}
.tech_img_wrap {width:fit-content;padding: 30px 80px;border-radius:20px;border:1px solid #d9d9d9;margin-top:70px;overflow: hidden;}
.tech_icon {margin-bottom:20px;}
.tech_img img {display:block; max-width: 100%;height: auto;}
.tech_img_desc {width:100%;padding:37px 0;text-align:center;background:#222;border-radius:10px;margin-top:28px;}

.drag_move {display: none;}
.custom-scrollbar-cover, .cm-scroll-drag-guide {display: none;}


@media (max-width: 720px) {
	.tech_icon {margin-bottom: 10px;}
	.tech_icon img {width:33px;}
	.sub_sect_tit {font-size:18px;margin-bottom:12px;}
	.sub_sect_stit {font-size:11px;}
	.grag_cursor_wrap {position: absolute;top: 12px;right: 4vw;display: flex;justify-content: flex-end;}
	.grag_cursor_wrap .grag_cursor_inner {position: relative;width: 40px;height: 50px;}
	.grag_cursor_wrap .grag_cursor_inner:before {position: absolute;top: 4px;right: 0;width: 100%;height: 3px;background-color: #999;content: "";border-radius: 2.5px;}
	.grag_cursor_wrap .drag_move {position: absolute;z-index: 1;left: 0px;top: 4px;display: flex;flex-direction: column;gap:0;animation: movement_ani 4s infinite;}
	.grag_cursor_wrap .drag_move .move {display: block;width: 13.6px;height: 3px;background: #272f88;border-radius: 2.5px;opacity: 1;}
	@keyframes movement_ani {
		0% {left: 0; margin-left: 0px;}
		50% {left: 100%; margin-left: -12px;}
		100% {left: 0; margin-left: 0px;}
	  }
	.custom-scrollbar-wrapper {min-width: 100%;overflow-x: scroll;overflow-y: hidden;-webkit-overflow-scrolling: touch;white-space: nowrap;}
	.custom-scrollbar-wrapper::-webkit-scrollbar {height: 4px;}
	.custom-scrollbar-wrapper::-webkit-scrollbar-thumb {background: #999; border-radius: 3.5px;}
	.tech_img_wrap {width:100%;position: relative;padding: 45px 18px 14px;border: unset;margin-top: 38px;background:#f9f9f9;}
	
	.scroll-object-box {width: fit-content; display: inline-block;}
	.scroll-object {display: inline-block;width: max-content;}
	.tech_img_wrap {border-radius: 10px;}
	.tech_img {width: 480px;margin-bottom: 14px;}
	.tech_img img {width: 100%;max-width: none;}
}


/*--technology 콘텐츠--*/
.tech_content_wrap {background:url('/img/sub/tech_bg.jpg')no-repeat 50% 50% /cover;}
.tech_content_wrap .ch_inner {display:flex;flex-direction:column;gap:150px;}
.tech_cont {display:flex;gap:4.4%;}
.tech_cont figure {width:45.6%;}
.tech_cont figure img {display:block;width:100%;border-radius: 15px;}
.tech_cont.reverse {flex-direction: row-reverse;}
.tech_cont_desc {width:calc(100% - 45.6%);}
.tech_cont_num {display:inline-flex;padding:10px 20px;border-radius:50px;border:1px solid #153a85;align-items:center;margin-bottom:34px;font-size: var(--font-size-16);font-weight: var(--font-sb);color:var(--point-clr);}
.tech_cont_num span {margin-left:32px;}
.tech_cont_tit {font-size: var(--font-size-36);font-weight: var(--font-b);margin-bottom:32px;}
.tech_cont_desc ul li {font-size: var(--font-size-20);font-weight: var(--font-sb);padding:32px 0;border-bottom:1px solid #d9d9d9;}
.tech_cont_desc ul li:last-child {border-bottom:none;}
.tech_cont1 img {display:block;max-width:100%;}

@media (max-width: 1280px) {
	.tech_cont_num {margin-bottom: 24px;}
	.tech_cont_tit {font-size: var(--font-size-30); margin-bottom: 10px;}
	.tech_cont_desc ul li {font-size: var(--font-size-16);padding: 20px 0;}

}
@media (max-width: 1080px) {
	.tech_cont.reverse {flex-direction: unset;}
	.tech_cont {flex-wrap: wrap;}
	.tech_cont figure {width: 100%;order: 2;margin-top: 30px;}
	.tech_cont_desc {width: 100%;}
	.tech_cont_desc ul li {padding:30px 0;}
}
@media (max-width: 720px) {
	.tech_content_wrap.ch_padd {padding:70px 0;}
	
	.tech_content_wrap .ch_inner {gap: 46px;}
	.tech_cont_num {font-size:9px;padding: 3px 8px;margin-bottom: 14px;}
	.tech_cont_num span {margin-left:4px;}
	.tech_cont_tit {font-size: 21px;margin-bottom: 12px;}
	.tech_cont_desc ul li {padding: 16px 0;font-size: 11px;}
	.tech_cont figure {margin-top: 12px;}
   
}

/*공통*/
.sub_tit p:first-child{color:#272f88;margin-bottom: 15px;}
.inner { height: 100%; margin: 0 auto;max-width: 1520px;padding: 150px 30px;}
.inner .sub_sect_tit_wrap{ text-align: center;margin-bottom: 90px;}

.inner_l { height: 100%; margin: 0 auto;max-width: 1520px;padding: 150px 30px;}
.inner_l .sub_sect_tit_wrap{ text-align: left;margin-bottom: 90px;}


@media screen and (max-width:1200px){
	.inner{padding:70px 30px;}
	.inner_l{padding:70px 30px;}
}


/*company*/

.about_sec01.company_icon_wrap { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px;max-width: 800px;margin:0 auto;padding: 60px 0;}
.company_icon_box p{margin-top:22px;}
.company_icon_box img{width:100%;max-width:120px; }
.company01{text-align: center;    height: 100%;    margin: 0 auto;   max-width: 1520px;   padding: 150px 30px 0}


/*company_sec1*/
.ceo_txt_wrap {max-width: 1520px; margin: 0 auto;}
.ceo_txt_box { display: flex; gap:40px;justify-content: space-around;}
.ceo_txt {display: flex; flex-direction: column;  gap: 25px;line-height: 1.8rem;font-family: 'Pretendard', sans-serif;}

.visual_bg img {border-radius: 20px; width: 63%}
.visual_bg {text-align: center;}

 

  @media (max-width: 1024px) {
    .image-container img {  width: 80%;  height: auto; }
  }

  @media (max-width: 768px) {
    .image-container img {  width: 90%;  }
    .ceo_txt_wrap { top: 55%; width: 90%; }
	 .about_sec01.company_icon_wrap { grid-template-columns: repeat(2, 1fr);max-width: 310px;} 
	  .ceo_txt_box {  flex-direction: column;gap:30px;}

  }

  @media (max-width: 480px) {

    .image-container img {
      width: 100%;
    }
  }



/*company_sec2*/

.commit_wrap ul{display: flex; flex-wrap: wrap;justify-content: space-around;}

.commit_wrap .commit_box {position: relative;overflow: hidden; box-sizing: border-box; width: 24%; height: 580px; cursor: pointer;}
.commit_wrap.en .commit_box {height: 650px;}

.commit_wrap .bg { position: absolute; top: 0;  left: 0;  width: 100%; height: 100%; background-size: cover; 
	background-position: center;  z-index: 1;transition: transform 0.6s ease; }

.commit_wrap ul li:nth-last-child(1){background: url(/img/sub/company/commit_bg1.jpg) no-repeat center;background-size: cover;}
.commit_wrap ul li:nth-last-child(2){background: url(/img/sub/company/commit_bg3.jpg) no-repeat center;background-size: cover;}
.commit_wrap ul li:nth-last-child(3){background: url(/img/sub/company/commit_bg2.jpg) no-repeat center;background-size: cover;}
.commit_wrap ul li:nth-last-child(4){background: url(/img/sub/company/commit_bg4.jpg) no-repeat center;background-size: cover;}

.commit_wrap .commit_box:hover .bg {transform: scale(1.05);}

.commit_wrap .commit_box::after { content: ""; display: block; width: 100%; height: 100%; background: #072155;
  position: absolute; left: 0; top: 0;  z-index: 2;  transform: scaleY(0);  transform-origin: center;   transition: transform 0.6s ease;}
.commit_wrap .commit_box:hover::after { transform: scaleY(1);}

.commit_wrap .txtwrap { color: #fff; z-index: 3; pointer-events: none;position: relative;   padding: 50px 25px;	}
.commit_wrap .txtwrap img{ width:100%;max-width: 70px;margin-bottom: 20px;}
.commit_wrap .txtwrap .tit { opacity: 1; transition: opacity 0.4s ease; pointer-events: auto;}
.commit_wrap .txtwrap .txt { opacity: 0; transition: opacity 0.8s ease;transition-delay: 0.2s;	pointer-events: none;  margin-top: 10px; line-height: 1.8rem;}
.commit_wrap .commit_box:hover .txtwrap .txt {  opacity: 1;}
.commit_wrap .txtwrap .tit::after { content: ""; display: block; width: 1px; height: 150px; background: white;
	margin: 15px 5px;  opacity: 0;  transition: opacity 0.4s ease;transition-delay: 0.2s;}
.commit_wrap .commit_box:hover .txtwrap .tit::after {  opacity: 1;}



@media screen and (max-width:1400px){ 
	.commit_wrap .commit_box{width: 49%;margin-bottom: 2%}
	.commit_wrap.en .commit_box {height: 580px;}
}


@media screen and (max-width:1080px){ 
	 .sub_tit h2{font-size:2.5rem; }
	.inner{padding:70px 30px;}
}

@media screen and (max-width:960px){ 
	.company_icon_wrap {justify-content: space-around!important;flex-wrap: wrap;row-gap:25px;}
	.commit_wrap.en .commit_box {height: 650px;}
}

@media screen and (max-width:720px){ 
	
.commit_wrap.en .commit_box {height: 580px;}	
  .company_icon_wrap {
    justify-content: space-around!important;
    flex-wrap: wrap;
    row-gap:25px;
  }

  .commit_wrap .commit_box {
    width: 100%;
    margin-bottom: 40px;
  }

  .commit_wrap .commit_box::after {
    transform: scaleY(1) !important;
    transform-origin: bottom !important;
    height: 10%;
    top: auto;
    bottom: 0;
  }

  .commit_wrap .commit_box:hover::after {
    transform: scaleY(1);
  }

  .commit_wrap .txtwrap {
    position: relative;
    width: 100%;
    height: 70vh;
    padding: 0;
    background: transparent;
  }

  .commit_wrap .txtwrap .tit {
    position: absolute;
    top: 10%;
    left: 25px;
    z-index: 3;
  }

  .commit_wrap .txtwrap .tit::after {
    display: none;
  }

  .commit_wrap .txtwrap .txt {
    position: absolute;
    bottom: 20px;
    font-size: 16px;
    color: #fff;
    line-height: 1.6em;
    opacity: 1;
    padding: 15px;
    background: #072155;
    transition: none;
  }

  .commit_wrap {
    padding-bottom: 100px;
  }

  .commit_wrap ul {}

  .commit_wrap ul li {
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
  }

  .commit_wrap ul li:after {
    display: none;
    /* content:""; */
    width: 100%;
    height: 100%;
    background: #7fc241;
    position: absolute;
    left: 0;
    top: 0;
    transform: scaleY(0);
    transition: all 0.6s;
  }

  .commit_wrap ul li .bg {
    width: 100%;
    height: 50vh;
  }
}


@media screen and (max-width:480px){ 
	.commit_wrap .txtwrap{height: 80vh;}
}


/*location*/

.loca_list li{display: flex; align-items: center;padding: 30px 50px;}
.loca_list li:first-child{border-top: solid 2px #222;}
.loca_list li:hover{background-color:#f9f9f9;}
.loca_list li{border-bottom: solid 1px #d9d9d9;}
.loca_list .map_tit figure { width: 40px;margin-right: 20px;}
.loca_list .map_tit {width: 250px; display: flex;align-items: center;}

.map_wrap  {height: 600px; margin: 60px 0;}
.map_wrap  iframe{height: 100%; width: 100%;}

@media screen and (max-width:1080px){ 
	.map_wrap  {height: 400px; margin-bottom: 60px;}
}

@media screen and (max-width:960px){ 
	.loca_list li  {flex-direction: column;align-items: flex-start; padding: 20px 0;gap: 20px;}
}


/*esg*/
.esg_wrap{display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px; row-gap: 75px;}
.esg_img { border-radius: 15px;overflow: hidden; min-height: fit-content;}
.esg_img img { border-radius: 15px;width: 100%;transition: transform 0.3s ease;}
.esg_box{display: flex;flex-direction: column;gap:30px;}
.esg_txt_box { padding:30px;background-color: #f9f9f9; border-radius:15px;height: 100%;}
.esg_txt_box h3{color:#98b1d1;font-weight: 600;text-align: right;}
.esg_txt_box h2{color:#222222;border-bottom: solid 1px #d9d9d9;padding-bottom: 15px;margin:20px 0; font-weight: 700;}
.esg_txt_box p{color:#222222;font-weight: 400;line-height: 1.5rem}

.esg_box:hover .esg_img img {
  transform: scale(1.05); /* 호버 시 이미지 확대 */
}

@media screen and (max-width:1200px){ 
	.esg_wrap{grid-template-columns: repeat(2, 1fr);}
	
}

@media screen and (max-width:960px){ 
	.esg_wrap{grid-template-columns: repeat(1, 1fr);}
	.esg_img { border-radius: 5px;}
	.esg_img img{ border-radius: 5px;}
	.esg_txt_box { border-radius: 5px;}
}

/*bis*/

.bis_sec_01 {text-align:center;padding:150px 0;}
.bis_sec_01 .reveal-clip{margin-top: 60px;}

.bis_sec_01 figure img { margin: 0 auto;   width: 100%; border-radius: 0; transform-origin: center center;  scale: 1;}

.bis_sec_02 { max-width: 1520px; margin: 0 auto;padding-bottom: 150px;width: 95%;}
.bis_chain_tit{display: flex;justify-content: space-between;}
.bis_chain_tit h2{letter-spacing:-0.04em;line-height: 3.5rem;}
.bis_chain_tit p{line-height: 1.8rem;}
.bis_chain_box h3{margin:40px 0 25px;}
.bis_chain_txt p{line-height: 1.8rem;}


.bis_chain_slider {position: relative;overflow: hidden; margin-top: 80px;}

.swiper-slide {display: flex;justify-content: center; align-items: stretch;}

.bis_chain_box {background: linear-gradient(to bottom, #020d1c, #032046);color: #fff; width: 100%; max-width: 480px;padding: 30px; border-radius: 8px; margin: 0 auto;display: flex; flex-direction: column; gap:50px; box-sizing: border-box;transition: all 0.6s ease;}
.bis_chain_icon { text-align: right;}
.bis_chain_icon img{ width: 100%;max-width: 85px;}

.swiper-pagination { position: static; margin-top: 60px; height: 4px;  background: #ddd;  border-radius: 2px;}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #000; border-radius: 2px;}

.swiper-button-prev,.swiper-button-next { color: #000;}

@media screen and (max-width:1200px){ 
	.bis_chain_tit{flex-direction: column;}
	.bis_chain_tit h2{margin-bottom: 35px;}
	
}

@media screen and (max-width:720px){ 
	.bis_chain_box{min-height: 270px;}
	.bis_chain_icon img{max-width: 65px;}
	.bis_sec_01{padding:90px 0;}
	.bis_sec_02{padding-bottom: 90px;}
	
}
@media screen and (max-width:1080px){ 
	.company01 {  padding: 70px 30px 0}
}
.bis_sec_01 figure{height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; margin:0 auto;}
.bis_sec_01 {display: block; width: 100%; height: 100%; object-fit: cover;}


/*250529 수정*/
.tech_banner_wrap {	display: flex;justify-content: center;flex-wrap: wrap;margin: 50px 0 0;padding: 0 16px;}

.tech_banner_list {display: flex;flex-wrap: wrap;justify-content: center;gap: 25px;	padding: 0;	list-style: none;max-width: 900px;width: 100%;}
.tech_banner_list.en{display: flex;flex-wrap: wrap;justify-content: center;gap: 25px;	padding: 0;	list-style: none;max-width: 920px;width: 100%;}

.tech_banner_list li {background-color: #0e2a69;color: white;padding: 13px 40px;border-radius: 24px;font-size: 1.125rem;;
	font-weight: 600;white-space: nowrap;transition: background-color 0.3s ease;min-width: 250px; cursor: pointer;}

.tech_banner_list li:hover {background-color: #889bc9;}


@media screen and (max-width: 768px) {
	.tech_banner_list {
		flex-direction: column;
	}
	.tech_banner_list li {
		font-size: 14px;
		
		white-space: normal;
		text-align: center;
	}
}

@media screen and (max-width: 480px) {
	.tech_banner_list li {
		
		text-align: center;
	}
	
}

#pageUpBtn {
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 100;
	display: none;
	background-color: rgba(0, 0, 0, 0.6);
	color: #fff;
	border: none;
	padding: 13px 16px;
	border-radius: 50%;
	cursor: pointer;
	font-size: 16px;
	transition: opacity 0.3s;
}
#pageUpBtn:hover {
	background-color: rgba(0, 0, 0, 0.8);
}