@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

/****************** font ******************/
@font-face { font-family: 'GmarketSansMedium'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }
/* @font-face { font-family: 'ROEHOE-CHAN'; src: url('https://gcore.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/ROEHOE-CHAN.woff') format('woff'); font-weight: normal; font-style: normal; }  */
.title-font { font-family: "Poppins", sans-serif; font-weight: 700; font-style: normal; font-size: calc(1.9rem + 1.6vw) !important; }
.sub-title-font { font-family: "Poppins", sans-serif; font-weight: 700; font-style: normal; font-size: calc(1.6rem + 1.4vw) !important; }
.poppins-100 { font-family: "Poppins", sans-serif; font-weight: 100; font-style: normal; }
.poppins-200 { font-family: "Poppins", sans-serif; font-weight: 200; font-style: normal; }
.poppins-300 { font-family: "Poppins", sans-serif; font-weight: 300; font-style: normal; }
.poppins-400 { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; }
.poppins-500 { font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; }
.poppins-600 { font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal; }
.poppins-700 { font-family: "Poppins", sans-serif; font-weight: 700; font-style: normal; }
.poppins-800 { font-family: "Poppins", sans-serif; font-weight: 800; font-style: normal; }
.poppins-900 { font-family: "Poppins", sans-serif; font-weight: 900; font-style: normal; }
.fs-0_5 { font-size: calc(1.4rem + 1.25vw) !important; }
.fs-5_5 { font-size: 1.10rem; }
.fs-6_5 { font-size: 0.85rem; }
.fs-7 { font-size: 0.75rem; }
.text-kme { color: #113389; }
.text-kme-05 { color: #375192; }
.text-yellow-05 { color: #f2c783; }

/****************** container ******************/
@media (min-width: 992px){
  .container-lg { max-width: 1500px !important; }
  .contents_container { max-width: 1100px !important; width: 100% !important; }
}

/****************** products / shipyard 타이틀 폰트 라인 ******************/
.hr-sect { display: flex; flex-basis: 100%; align-items: center; color: #212529; margin: 8px 0px; }
.hr-sect::before { content: ""; flex-grow: 1; background: rgba(0, 0, 0, 0.6); height: 1px; line-height: 0px; margin-left: 0px; margin-right: 20px; }
.hr-sect::after { content: ""; flex-grow: 1; background: rgba(0, 0, 0, 0.6); height: 1px; line-height: 0px; margin-left: 20px; margin-right: 0px; }

/****************** 위아래 슬라이드 구현 ******************/
.reveal { position: relative; transform: translateY(150px); opacity: 0; transition: 0.6s all ease; }
.reveal.active { transform: translateY(0); opacity: 1; }

/****************** 컨텐츠 마우스 오버 시 위로 올라가는 효과 ******************/
.updown-slide { }
.updown-slide:hover { box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.5); top: -10px; }
.shipyard-updown-slide { }
.shipyard-updown-slide:hover { box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5); top: -5px; }

/****************** 국내협력사 슬라이드 구현 ******************/
/* .shipyard-slider .swiper-wrapper { transition-timing-function: linear; } */

/****************** 모바일 캐러셀 슬라이드 구현 ******************/
.slide-text-position { z-index: 9; position: absolute; top: calc(20% + 50px); width: 100%; }
.carousel-control-next,
.carousel-control-prev { opacity: 0.9 !important; width: 15% !important; z-index: 9 !important; height: 150px !important; top: 230px !important; }

/****************** 마우스, 터치로 버튼에 포커스 시(모바일 사이드메뉴 터치 시 네모박스 남는 거 안보이게) ******************/
button:focus:not(:focus-visible) { outline: none; box-shadow: 1px 1px 5px rgba(1, 1, 0, .0); }

/****************** btn ******************/
.btn { border-radius: 0 !important; }

/****************** select ******************/
.form-select { border-radius: 0 !important; }
.select option { border-radius: 0 !important; height: 100px !important; }

/****************** text ******************/
.text-break-1 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; }

/****************** card ******************/
.card { --bs-card-border-radius: 0; --bs-card-inner-border-radius: 0; }

/****************** web header ******************/
.nav-color { background-color: rgba(255, 255, 255, 1); border-bottom: solid 1px; border-color: #d8d8d8; position: fixed; z-index: 100; width: 100%; }
.nav-color:hover { background-color: #ffffff; }
.nav-width { width: 100%; text-align: center; border-right: 0!important;}
.nav-width a{position: relative;}
.nav-width a > span{ width:0; height:2px; position:absolute; left:50%; transform: translateX(-50%); bottom:-26px; background:#1D2088; transition:all 0s;}
.nav-width:hover > a.nav-1a{color: #1D2088!important; }
.nav-width:hover > a > span{width:100%; transition:all 0.5s;}
.header-width:not(:last-child) .nav-width{border-right: 1px solid #DEE2E6!important;}
.header-logo{display: block; margin-top: -3px;}
.navbar{overflow: hidden;}
.navbar.on .nav-width:after{ content:""; display: block; height:1px; position:absolute; left:0; top: 80px; width: 100%; background:#1D2088;}

.nav-logo { width: 270px; }
.nav-font { font-size: 0.90rem; height: 49px; display: flex !important; align-items: center !important; justify-content: center !important; }
.border-kme { border-color: #113389 !important; }
.header-link-button { color: #000000; }
.header-link-button :hover { color: #113389; text-decoration-line: underline; }
.web-header-height { padding-top: 1.55rem !important; padding-bottom: 1.55rem !important; position: relative;}


@media screen and (min-width : 1650px){
  .web-header-height{align-items: baseline!important;}
  .nav-1a{display: block;}
  .header-link-wrap{height: 0; display: none;}
  /*.navbar.on .header-link-wrap{height: calc(100% - 30px); margin-top: 26px;}*/

  .header-width { display: flex; width: 950px; }
  .header-full { width: 100%; display: flex; align-items: center; justify-content: center; }
}

@media screen and (max-width : 1650px){
  .header-width { display: flex; width: 800px; }
  .header-full { width: 100%; display: flex; align-items: center; justify-content: end; }
}

/****************** mobile header ******************/
.mobile-header { position: fixed; top: -1px; z-index: 999; background-color: #ffffff; box-shadow: 1px 5px 10px 1px rgba(0, 0, 0, 0.1); }
.mobile-header-button-padding { padding: 25px 25px 25px 25px !important; }
.list-group-item { text-indent: 40px; padding: 15px 15px 15px 15px !important; }
.list-group-item:first-child { border-top-left-radius: 0% !important; border-top-right-radius: 0% !important; }
.list-group-item:last-child { border-bottom-left-radius: 0% !important; border-bottom-right-radius: 0% !important; }
.accordion-button { background: rgba(255, 255, 255, 0.8); border: 0!important;}
.accordion-item:first-of-type .accordion-button { border-top-left-radius: 0% !important; border-top-right-radius: 0% !important; }
.accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: 0% !important; border-bottom-left-radius: 0% !important; }
.accordion-button:not(.collapsed) { background-color: #113389; color: #ffffff !important; font-size: 1.20rem; }

.accordion-collapse {
  overflow: hidden;
  transition: height 0.3s ease;
  height: 0; /* Ensure that collapsed panels start with 0 height */
}

.accordion-collapse.show {
  height: auto; /* Height will be dynamically set by JavaScript */
}


/****************** bg ******************/
/*테이블 header 고정 컬러 무시*/
.bg-kme { background-color: #113389 !important; }
.bg-kme-05 { background-color: #f2f6ff !important; }
.footer-kme { background-color: #051b52 !important; }

/****************** a link ******************/
/* unvisited link */
a:link { color: #000000; text-decoration: none; }

/* visited link */
a:visited { color: #000000; }

/* mouse over link */
a:hover { color: #113389; /* font-weight: 700 !important; */}

/* a:active { color: yellow; } */

/****************** img ******************/
.img-full { background-repeat: no-repeat; background-size: cover; }

/*테블릿 이상*/
@media screen and (min-width : 1190px) {
  /*메인페이지 각 파트 배경 이미지*/
  .main-products-img { background-image: url(../img/bg_products/bg_product.svg); background-repeat: no-repeat; background-size: cover; }
  .main-products-sub-img01 { background-image: url(../img/bg_products/product_card_01.webp); }
  .main-products-sub-img02 { background-image: url(../img/bg_products/product_card_02.webp); }
  .main-products-sub-img03 { background-image: url(../img/bg_products/product_card_03.webp); }
  .main-products-sub-img04 { background-image: url(../img/bg_products/product_card_04.webp); }
  .main-products-sub-img05 { background-image: url(../img/bg_products/product_card_05.webp); }
  .main-business-img { background-image: url(../img/bg_business/bg_business.jpg); background-repeat: no-repeat; background-size: cover; }
  .main-business-img_02 { background-image: url(../img/bg_business/bg_business_02.jpg); background-repeat: no-repeat; background-size: cover; }
  .main-business-sub-img01 { background-image: url(../img/bg_business/01.marine_main.webp); }
  .main-business-sub-img02 { background-image: url(../img/bg_business/03.offshore_main.webp); }
  .main-business-sub-img03 { background-image: url(../img/bg_business/02.cruise_main.webp); }
  .main-business-sub-img04 { background-image: url(../img/bg_business/04.specialShips_main.webp); }

  /* .main-certificate-img { background-image: url(../img/bg_certificate/bg_certificate.webp); background-repeat: no-repeat; background-size: cover; } */

  .main-partner-img { background-image: url(../img/bg_partner/bg_partner_50.svg); background-repeat: no-repeat; background-size: cover; }
  .main-partner-sub-img01 { background-image: url(../img/bg_partner/index_img/main_01_thermon.webp); }
  .main-partner-sub-img02 { background-image: url(../img/bg_partner/index_img/main_03_dhr.webp); }
  .main-partner-sub-img03 { background-image: url(../img/bg_partner/index_img/main_04_orga.webp); }
  .main-partner-sub-img04 { background-image: url(../img/bg_partner/index_img/main_12_legrand.webp); }

  /* .main-location-img { background-image: url(../img/bg_location/bg_location.webp); background-repeat: no-repeat; background-size: cover; } */

  .main-shipyard-img { background-image: url(../img/bg_shipyard/bg_shipyard.svg); background-repeat: no-repeat; background-size: cover; }
  .main-notice-img { background-image: url(../img/bg_notice/bg_notice.svg); background-repeat: no-repeat; background-size: cover; }

  /*서브페이지 높이 세팅 값*/
  .subp-h { padding-top: 7.2rem !important; width: 100%; font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; }

  /*서브페이지 제목이미지*/
  .sub1-main-img { background-image: url(../img/sub1/sub1_bg.jpg); background-repeat: no-repeat; background-size: cover; }
  .sub2-main-img { background-image: url(../img/sub2/sub2_bg.jpg); background-repeat: no-repeat; background-size: cover; }
  .sub3-main-img { background-image: url(../img/sub3/sub3_bg.jpg); background-repeat: no-repeat; background-size: cover; }
  .sub4-main-img { background-image: url(../img/sub4/sub4_bg.jpg); background-repeat: no-repeat; background-size: cover; }
  .sub5-main-img { background-image: url(../img/sub5/sub5_bg.jpg); background-repeat: no-repeat; background-size: cover; }
  .sub6-main-img { background-image: url(../img/sub6/sub6_bg.jpg); background-repeat: no-repeat; background-size: cover; }
  .sub6-main-img-01 { background-image: url(../img/sub6/lng_carrier.jpg); background-repeat: no-repeat; background-size: cover; }
  .sub6-main-img-02 { background-image: url(../img/sub6/offshore.jpg); background-repeat: no-repeat; background-size: cover; }
  .sub6-main-img-03 { background-image: url(../img/sub6/cruise.jpg); background-repeat: no-repeat; background-size: cover; }
  .sub6-main-img-04 { background-image: url(../img/sub6/special.jpg); background-repeat: no-repeat; background-size: cover; }

  /* 해외파트너 이미지 */
  /* .partner-accordion-img { font-weight: 300 !important; height: 200px; } */
  .img-media { height: 100vh !important; }
  .img-media-50 { height: 50vh !important; }
  .img-media-65 { height: 65vh !important; }
  .img-media-75 { height: 75vh !important; }
  .sub-page-main { height: 299px; }
  .breadcrumb-select-first-width { width: 313px !important; }
  .breadcrumb-select-second-width { width: 313px !important; }
  .number-width { width: 100px; }
  .catalog-button { width: 300px; }
  .inquiry-list-writer-width { width: 100px; }
  .inquiry-list-button-width { width: 200px; }
  .search-box-width { width: 300px !important; }
  .table-list-title-font { font-size: 0.85rem; }
  .table-list-sub-font { font-size: 1.0rem; }

  /****************** history ******************/
  .history-position { position: absolute; }
  .history-icon { position: absolute; left: -8px; top: 18px; width: 15px; height: 15px; border: solid 1px; border-radius: 50%; border-color: #a7a7a7; background: #ffffff; }
  .history-month-font { font-size: 1.25rem !important; }
  .history-month-width { width: 40px; }
  .history-leftTxt-width { width: 400px; padding-bottom: 1.5rem !important; }
  .business-box { height: 230px; padding: 1.5rem !important; color: #fff; border: solid 1px; border-color: #ffffff !important; background-color: #838383; }
  .business-box:hover { cursor: pointer; background-color: #ffffff; }
  .product-box-border { border: solid 1px #000000; background-color: rgba(255, 255, 255, 0.7); }
  .product-box-border:hover { background-color: #113389; }
  .product-img-box { height: 150px; width: 100%; background-repeat: no-repeat; background-size: cover; }
  .product-txt-box { font-weight: 300; }
  .product-txt-box:hover { font-weight: 700; color: #ffffff; }

  /*********** KME소개 아이콘4개 크기 조정 ************/
  .fs-icon { font-size: calc(2.0rem + 1.4vw) !important; }
  .circle-kme { width: 150px; height: 150px; background-color: #fafbff; border-style: solid; border-width: 1px; border-color: #e2e3e6; border-radius: 50%; /*사각형의 모서리를 둥글게 해줍니다. 숫자를 바꿔보세요*/}
  .circle-kme:hover { background-color: #113389; color: #ffffff; }
  .web-none { display: none; }
  .product-title-width { width: 700px; }
  .unit-toliet-height { height: 419px; }
  .Breadcrumb-width { padding-left: 0.9rem !important; padding-right: 0.9rem !important; }
  .performance-modal-width { width: 200px; }
  .Technical_Specifications_width { width: 400px; }
  .contents_txt_line { border: 0 !important; margin-top: 3rem !important; margin-bottom: 3rem !important; background-color: #113389; width: 60px; height: 1px; } 
  .contents-sub-title { font-family: "Poppins", sans-serif; font-style: normal; font-size: calc(0.8rem + 0.5vw) !important; line-height: 1.25 !important; }

  /*********** product company / advantage icon color width ************/
  .product-company{ width: 32.7%; background-color: #116089; }
  .product-advantage{ width: 32.7%; background-color: #113389; }
  .product-catalog{ width: 32.7%; }

  /*index news*/
  .side-news-width{width: 100%;}
  
   /*카테고리 다운로드 버튼 넓이*/
 .download_button_width{}
  
     /*KME 뉴스 폰트 간격 조정(웹)*/
 .news_font_width {margin-left: 95px;}
 .news_seemore_width {margin-right: 95px;}
  
  
}

/*테블릿 이하*/
@media screen and (max-width : 1190px) {
  /*메인페이지 각 파트 배경 이미지*/
  .main-products-img { background-image: url(../img/bg_products/bg_product_m.jpg); background-repeat: no-repeat; background-size: cover; }
  .main-products-sub-img01 { background-image: url(../img/bg_products/product_card_01_m.webp); }
  .main-products-sub-img02 { background-image: url(../img/bg_products/product_card_02_m.webp); }
  .main-products-sub-img03 { background-image: url(../img/bg_products/product_card_03_m.webp); }
  .main-products-sub-img04 { background-image: url(../img/bg_products/product_card_04_m.webp); }
  .main-products-sub-img05 { background-image: url(../img/bg_products/product_card_05_m.webp); }
  .main-business-img { background-image: url(../img/bg_business/bg_business_m.webp); background-repeat: no-repeat; background-size: cover; }
  .main-business-sub-img01 { background-image: url(../img/bg_business/01.marine_main_m.webp); }
  .main-business-sub-img02 { background-image: url(../img/bg_business/03.offshore_main_m.webp); }
  .main-business-sub-img03 { background-image: url(../img/bg_business/02.cruise_main_m.webp); }
  .main-business-sub-img04 { background-image: url(../img/bg_business/04.specialShips_main_m.webp); }

  /* .main-certificate-img { background-image: url(../img/bg_certificate/bg_certificate_m.jpg); background-repeat: no-repeat; background-size: cover; } */
  .main-partner-img { background-image: url(../img/bg_partner/bg_partner_m.jpg); background-repeat: no-repeat; background-size: cover; }
  .main-partner-sub-img01 { background-image: url(../img/bg_partner/index_img/main_01_thermon_m.webp); }
  .main-partner-sub-img02 { background-image: url(../img/bg_partner/index_img/main_03_dhr_m.webp); }
  .main-partner-sub-img03 { background-image: url(../img/bg_partner/index_img/main_04_orga_m.webp); }
  .main-partner-sub-img04 { background-image: url(../img/bg_partner/index_img/main_12_legrand_m.webp); }

  /* .main-location-img { background-image: url(../img/bg_location/bg_location_m.webp); background-repeat: no-repeat; background-size: cover; } */
  .main-shipyard-img { background-image: url(../img/bg_shipyard/bg_shipyard_m.jpg); background-repeat: no-repeat; background-size: cover; }
  .main-notice-img { background-image: url(../img/bg_notice/bg_notice_m.svg); background-repeat: no-repeat; background-size: cover; }

  /*서브페이지 높이 세팅 값*/
  .subp-h { padding-top: 6.5rem !important; width: 100%; font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; }

  /*서브페이지 제목이미지*/
  .sub1-main-img { background-image: url(../img/sub1/sub1_bg_m.jpg); background-repeat: no-repeat; background-size: cover; }
  .sub2-main-img { background-image: url(../img/sub2/sub2_bg_m.jpg); background-repeat: no-repeat; background-size: cover; }
  .sub3-main-img { background-image: url(../img/sub3/sub3_bg_m.jpg); background-repeat: no-repeat; background-size: cover; }
  .sub4-main-img { background-image: url(../img/sub4/sub4_bg_m.jpg); background-repeat: no-repeat; background-size: cover; }
  .sub5-main-img { background-image: url(../img/sub5/sub5_bg_m.jpg); background-repeat: no-repeat; background-size: cover; }
  .sub6-main-img { background-image: url(../img/sub6/sub6_bg_m.jpg); background-repeat: no-repeat; background-size: cover; }
  .sub6-main-img-01 { background-image: url(../img/sub6/lng_carrier_m.jpg); background-repeat: no-repeat; background-size: cover; }
  .sub6-main-img-02 { background-image: url(../img/sub6/offshore_m.jpg); background-repeat: no-repeat; background-size: cover; }
  .sub6-main-img-03 { background-image: url(../img/sub6/cruise_m.jpg); background-repeat: no-repeat; background-size: cover; }
  .sub6-main-img-04 { background-image: url(../img/sub6/special_m.jpg); background-repeat: no-repeat; background-size: cover; }

  /* 해외파트너 이미지 */
  .partner-accordion-img { font-weight: 300 !important; height: 180px; }
  .img-media {}
  .sub-page-main { height: 120px; }
  .breadcrumb-select-first-width { width: 140px !important; max-width: 100%; }
  .breadcrumb-select-second-width { width: 100% !important; max-width: 300px; }
  .number-width {}
  .catalog-button {}
  .inquiry-list-writer-width { width: 65px; }
  .inquiry-list-button-width { width: 100px; }
  .search-box-width {}
  .table-list-title-font { font-size: 0.75rem; }
  .table-list-sub-font { font-size: 0.92rem; }

  /****************** history ******************/
  .history-position { position: absolute; }
  .history-icon { position: absolute; left: -8px; top: 11px; width: 15px; height: 15px; border: solid 2px; border-radius: 50%; border-color: #dee2e6; background: #ffffff; }
  .history-month-font { font-size: 1rem !important; }
  .history-month-width { width: 30px; }
  .history-leftTxt-width { width: 100%; color: #fff; background: #375192; display: flex !important; align-items: center !important; justify-content: center !important; padding-bottom: 1.5rem !important; padding-top: 1.5rem !important; /* border: solid 2px; border-color: #f0f2f4; */}

  /*********** KME소개 아이콘4개 크기 조정 ************/
  .fs-icon { font-size: calc(1.8rem + 1.0vw) !important; }
  .fs-icon-width { width: 100%; }
  .circle-kme { width: 70px; height: 70px; background-color: #fafbff; border-style: solid; border-width: 1px; border-color: #e2e3e6; border-radius: 50%;}
  .business-box { height: 130px; padding: 1.5rem !important; margin-bottom: 0.9rem !important; color: #fff; border: solid 1px; border-color: #ffffff !important; background-color: #000000; }
  .business-box:hover { transform: scale(1.0); background-color: #ffffff; }
  .product-box-border { border: solid 1px #000000; margin-bottom: 0.9rem !important; background-color: rgba(255, 255, 255); }
  .product-box-border:hover { background-color: #113389; }
  .product-img-box { height: 120px; width: 100%; background-repeat: no-repeat; background-size: cover; }
  .product-txt-box { font-weight: 300; }
  .product-txt-box:hover { font-weight: 700; color: #ffffff; }
  .mobile-none { display: none; }
  .product-title-width {}
  .unit-toliet-height { height: 350px; }
  .Breadcrumb-width { padding-left: 0rem !important; padding-right: 0rem !important; }
  .performance-modal-width { width: 100%; }
  .Technical_Specifications_width { width: 100%; }
  .contents_txt_line { border: 0 !important; margin-top: 2rem !important; margin-bottom: 2rem !important; background-color: #113389; width: 40px; height: 1px; } 
  .contents-sub-title { font-family: "Poppins", sans-serif; font-style: normal; font-size: calc(0.9rem + 0.7vw) !important; line-height: 1.25 !important; }

  /*********** product company / advantage icon color width ************/
  .product-company{ width: 33.4%; background-color: #116089; }
  .product-advantage{ width: 33.4%; background-color: #113389; }
  .product-catalog{ width: 33.4%; }

  /*index news*/
  .side-news-width{width: 70px;}

 /*카테고리 다운로드 버튼 넓이*/
 .download_button_width{width:90px;}

    /*KME 뉴스 폰트 간격 조정(모바일)*/
 .news_font_width {margin-left: 30px;}
 .news_seemore_width {margin-right: 30px;}


}

/****************** video ******************/
@media (min-width: 992px){ .jb-box { max-width: 1520px !important; } }
.jb-box { display: flex !important; justify-content: center !important; overflow: hidden; margin: 0px auto; position: relative; padding-top: 7.5rem; padding-left: 1.4rem; padding-right: 1.4rem; }
video::-webkit-media-controls { /*webkit*/color: red; }
video::-moz-media-controls { /*firefox*/color: blue; }
video::-ms-media-controls { /*IE*/color: green; }
video { width: 100%; }

/****************** modal ******************/
.modal-header { background-color: #113389 !important; color: #ffffff !important; }
.btn-close { background-color: #ffffff !important; width: 20px; height: 20px; font-size: 0.75rem;}

/****************** input ******************/
.form-control { border-radius: 0px !important; }

/****************** down scroll ******************/
@keyframes animate-arrows {
  0% { opacity: 0; transform: rotate(45deg) translate(-1.5em, -1.5em); }
  50% { opacity: 1; }
  100% { opacity: 0; transform: rotate(45deg) translate(1.5em, 1.5em); }
}

.arrow-position { position: absolute; top: 80%; }
.arrow-down span { display: block; width: 1.0em; height: 1.0em; border-bottom: 3px solid #fff; border-right: 3px solid #fff; transform: rotate(45deg); margin: -10px; animation: animate-arrows 2s infinite; }
.arrow-down span:nth-child(1) { animation-delay: -0.2s; }
.arrow-down span:nth-child(2) { animation-delay: -0.4s; }
.arrow-down span:nth-child(3) { animation-delay: -0.6s; }

/****************** 제품리스트 액션추가 (이미지 확대 기능) ******************/
.product-list-border { width: 100%; border: solid 1px #d2d2d2; transition: all 0.1s linear; }
.product-list-border:hover { box-shadow: 0 0 20px rgba(5, 35, 59, 0.15); border: solid 1px #113389; transform: scale(1.02); }

/****************** header sns icon 색상변경 ******************/
.sns_youtube { position: relative; width: 25px; height: 25px; background-image: url(../img/logo/sns/youtube_gray.svg); background-size: 100% 100%; background-position: center; }
.sns_youtube:hover { background-image: url(../img/logo/sns/youtube.svg); }
.sns_insta { position: relative; width: 25px; height: 25px; background-image: url(../img/logo/sns/Instagram_gray.svg); background-size: 100% 100%; background-position: center; }
.sns_insta:hover { background-image: url(../img/logo/sns/Instagram.svg); }
.sns_linkedin { position: relative; width: 25px; height: 25px; background-image: url(../img/logo/sns/linkedin_gary.svg); background-size: 100% 100%; background-position: center; }
.sns_linkedin:hover { background-image: url(../img/logo/sns/linkedin.svg); }

/****************** footer patent icon 색상변경 ******************/
.iso { position: relative; width: 50px; height: 50px; background-image: url(../img/logo/iso9001_white.svg); background-size: 100% 100%; background-position: center; }
.iso:hover { background-image: url(../img/logo/iso9001.svg); }
.iecex { position: relative; width: 50px; height: 50px; background-image: url(../img/logo/iecex_white.svg); background-size: 100% 100%; background-position: center; }
.iecex:hover { background-image: url(../img/logo/iecex.svg); }
.dnv { position: relative; width: 50px; height: 50px; background-image: url(../img/logo/dnv_white.svg); background-size: 100% 100%; background-position: center; }
.dnv:hover { background-image: url(../img/logo/dnv.svg); }
.design { position: relative; width: 50px; height: 50px; background-image: url(../img/logo/design_white.svg); background-size: 100% 100%; background-position: center; }
.design:hover { background-image: url(../img/logo/design.svg); }
.venture { position: relative; width: 50px; height: 50px; background-image: url(../img/logo/venture_white.svg); background-size: 100% 100%; background-position: center; }
.venture:hover { background-image: url(../img/logo/venture.svg); }


/*a hover underline*/
.text-under{}
.text-under:hover{ text-decoration-line: underline; }
.Breadcrumb-link { display: flex; align-items: center; background-color: #ffffff; border: 0; border-right: solid 1px; border-left: solid 1px; border-color: #dee2e6; padding-right: 1.5rem; padding-left: 1.5rem; height: 50px; } 
.Breadcrumb-link:hover { background-color: #f7f7f7; color: #333333; } 

.partner_map
{
    background-image: url(../img/bg_partner/partner.jpg); height: 750px; background-repeat: no-repeat;
}

.custom-popover { 
 /* --bs-popover-max-width: 200px; */
 --bs-popover-border-color: #2a3392 !important; 
 --bs-popover-header-bg: #2a3392 !important; 
 --bs-popover-header-color: #fff !important; 
 --bs-popover-body-padding-x: 1rem !important; 
 --bs-popover-body-padding-y: 2rem !important;
 }