/* Header */
#header {position: fixed; left: 0; top: 0; width: 100%; height: 95px; border-bottom: 1px solid rgba(255,255,255,0.1); z-index: 50;}
.header-wrap {position: relative;}
.header-logo {position: absolute; top: 0; left: 0; z-index: 1;}
.header-logo-link {display: block; width: 167px; height: 95px; background: url('/source/img/logo_wh.png') no-repeat center left/contain; font-size: 0; transition: 0.2s;}

.header-depth1-list {display: flex; flex-flow: row wrap; justify-content: center; align-items: flex-start; gap: 54px;}
.header-depth1-item {position: relative;}
.header-depth1-link {display: flex; height: 95px; align-items: center; font-size: 18px; font-weight: 500; color: var(--white);}
.header-depth2-list {display: none; position: absolute; top: 70px; left: 50%; transform: translateX(-50%); min-width: 150px; padding: 7px; background:var(--white); border-radius: 18px; box-shadow: 0 0 7px rgba(0,0,0,0.21);}
.header-depth2-link {display: block; padding: 10px 0; font-size: 16px; font-weight: 500; color: var(--gray-6); text-align: center; transition: 0.2s;}
.header-depth2-link:hover {font-weight: 700; color: var(--navy);}

.header-en .header-depth2-list {width: 220px;}
.header-en .header-depth2-link:hover {font-weight: 500;}

.header-util {position: fixed; right: 0; top: 0; font-size: 0;}
.header-util-btn {display: inline-block; vertical-align: middle; width: 95px; height: 95px; border: none; font-size: 0; transition: 0.2s;}
.header-language-btn {background: rgba(255,255,255,0.15) url('/source/img/ico_language_wh.png') no-repeat center center;}
.header-sitemap-btn {background: var(--navy) url('/source/img/ico_menu_wh.png') no-repeat center center;}
.header-sitemap-btn.active {background-image: url('/source/img/ico_close_wh.png');}

#header.color {border-bottom: 1px solid rgba(0,0,0,0.1); background: var(--white);}
#header.color .header-logo-link {background-image: url('/source/img/logo_bl.png');}
#header.color .header-depth1-link {color: var(--black-0);}
#header.color .header-language-btn {background: rgba(0,77,128,0.15) url('/source/img/ico_language_bl.png') no-repeat center center;}

#header.color.mix {background: transparent;}
#header.color.mix .header-logo-link {background-image: url('/source/img/logo_wh.png');}

.sitemap-wrap {display: none; padding: 0 150px; background: var(--white);}
.sitemap-list {display: flex; justify-content: space-between;}
.sitemap-item {width: 20%; padding: 55px 0 60px; border-left: 1px solid var(--gray-e);}
.sitemap-item:last-child {border-right: 1px solid var(--gray-e);}
.sitemap-inner {text-align: center;}
.sitemap-title {padding: 0 10px; font-size: 22px; font-weight: 700; color: var(--black-1);}
.sitemap-menu-list {margin-top: 20px;}
.sitemap-menu-item {}
.sitemap-menu-link {display: block; padding: 10px; font-size: 16px; font-weight: 500; color: var(--gray-6);}

/* Footer */
#footer {background: var(--black-0);}
.footer-util {}
.footer-util .wrap-02 {font-size: 0;}
.footer-util-btn {display: inline-block; vertical-align: middle; padding: 22px 0 21px; font-size: 16px; font-weight: 700; color: var(--white);}
.footer-util-btn ~ .footer-util-btn {margin-left: 22px;}
.footer-body {border-top: 1px solid rgba(255,255,255,0.2);}
.footer-body .wrap-02 {font-size: 0;}
.footer-logo {display: inline-block; vertical-align: top; width: 23%; padding-top: 25px;}
.footer-logo-link {display: inline-block;}
.footer-info {display: inline-block; vertical-align: top; width: 77%; padding: 43px 0;}
.footer-info-inner {margin: -10px -20px;}
.footer-info-inner br.temporary {display: none;}
.footer-info-text {display: inline-block; vertical-align: middle; padding: 10px 20px; font-size: 18px; font-weight: 700; color: rgba(255,255,255,0.75);}
.footer-info-text b {padding-right: 20px; font-weight: 500; color: rgba(255,255,255,0.5);}
.footer-info-text.copyright {font-size: 14px; font-weight: 600; color: rgba(255,255,255,0.5);}

/* Main */
#main {overflow: hidden;}

.main-btn {position: relative; display: inline-block; min-width: 200px; padding: 10px 20px; font-size: 18px; font-weight: 500; color: var(--white); text-align: left; border-bottom: 2px solid var(--white);}
.main-btn b {font-weight: 900;}
.main-btn::after {content:""; position: absolute; right: 20px; top: 50%; width: 17px; height: 13px; margin-top: -6.5px; background: url('/source/img/arr_right_wh.png') no-repeat center center/contain; transition: 0.2s;}
.main-btn:hover::after {right: 15px;}

.main-title-kr {font-size: 24px; font-weight: 700; color: var(--white); opacity: 0.75;}
.main-title-en {font-size: 55px; font-weight: 900; color: var(--white); line-height: 1.2;}
.main-en .main-title-en {font-size: 50px;}
.main-description {margin-top: 25px; font-size: 18px; font-weight: 500; color: var(--white); line-height: 1.45; opacity: 0.75;}

.main-section1 {position: relative; background: url('/source/img/vis_main_01.jpg') no-repeat center center/cover;}
.main-section1::before {content:""; position: absolute; left: 95px; bottom: 0; width: 1px; height: calc(100% - 95px); background: var(--white); opacity: 0.1; z-index: 1;}
.main-vs-slider {position: relative;}
.main-vs-slide {}
.main-vs-slide1 {}
.main-vs-slide2 {}
.main-vs-text-wrap {padding-right: 150px; color: var(--white);}
.main-vs-text1 {font-size: 65px; font-weight: 900;}
.main-vs-text1 span {color: #0B649E; vertical-align: text-bottom;}
.main-vs-text2 {margin-top: 15px; font-size: 34px; font-weight: 500; opacity: 0.8;}
.main-vs-ctrl {position: absolute; right: 0; top: 50%; transform: translateY(-50%); text-align: right; z-index: 1;}
.main-vs-page-wrap {}
.main-vs-page {font-size: 24px; font-weight: 700; color: var(--white); opacity: 0.5;}
.main-vs-page.current {font-size: 45px; font-weight: 900; opacity: 1;}
.main-vs-page.total {}
.main-vs-btn-wrap {}
.main-vs-btn {display: block; margin-top: 20px; background: transparent; border: none; font-size: 40px; font-weight: 900; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(255,255,255,0.7); transition: 0.2s;}
.main-vs-btn:hover {color: var(--white);}

.main-notice-wrap {position: absolute; left: 0; bottom: 0; width: 100%; font-size: 0;}
.main-notice-box {display: inline-block; vertical-align: bottom; width: 40%; padding: 40px 40px 40px 145px; background: var(--navy); text-align: right; clip-path: polygon(91% 0, 100% 28%, 100% 100%, 0 100%, 0 0);}
.main-notice-title {font-size: 32px; color: var(--white); font-weight: 700; text-align: left;}
.main-notice-title span {display: block; font-weight: 500;}
.main-notice-btn {margin-top: 34px;}
.main-notice-body {position: relative; display: none; /*display: inline-block;*/ vertical-align: bottom; width: 60%; padding-left: 75px; background: var(--white); overflow: hidden;}
.main-notice-inner {font-size: 0;}
.main-notice-inner > * {display: inline-block; vertical-align: middle;}
.main-notice-name {width: 190px; font-size: 32px; font-weight: 700; color: var(--black-0);}
.main-notice-slider-wrap {width: calc(100% - 190px);}
.main-notice-slider {display: flex; height: 100px;}
.main-notice-slider .swiper-wrapper {width: calc(100% - 50px);}
.main-notice-slide {display: flex; align-items: center;}
.main-notice-subject {display: inline-block; vertical-align: middle; width: calc(100% - 175px);  padding-right: 110px; font-size: 21px; font-weight: 700; color: var(--gray-6);}
.main-notice-date {display: inline-block; vertical-align: middle; width: 175px; font-size: 18px; font-weight: 500; color: rgba(0,0,0,0.75);}
.main-notice-ctrl {position: relative; width: 50px; border-left: 1px solid var(--gray-d); z-index: 1;}
.main-notice-arrow {position: relative; width: 50px; height: 50px; margin: 0; background: var(--white); border: none; font-size: 0;}
.main-notice-arrow:not(:first-child) {border-top: 1px solid var(--gray-d);}
.main-notice-arrow::after {content:""; position: absolute; left: 50%; top: 50%; width: 16px; height: 10px; transform: translate(-50%,-50%); transition: 0.2s;}
.main-notice-arrow.prev::after {background: url('/source/img/arr_up_bk.png') no-repeat center center;}
.main-notice-arrow.next::after {background: url('/source/img/arr_down_bk.png') no-repeat center center;}
.main-notice-arrow:hover::after {opacity: 0.5;}

.main-section2 {background: url('/source/img/vis_main_02.jpg') no-repeat center center/cover;}
.main-business-head {position: absolute; left: 260px; top: 19%; z-index: 1;}
.main-business-body {height: 100%;}
.main-business-list {display: flex; height: 100%;}
.main-business-list * {transition: 0.2s;}
.main-business-item {position: relative; display: flex; align-items: center; justify-content: center; width: 20%; height: 100%; padding-top: 100px; text-align: center;}
.main-business-item:not(:first-child) {border-left: 1px solid rgba(255,255,255,0.1);}
.main-business-inner {padding-left: 10px; padding-right: 10px;}
.main-business-inner > br {display: none;}
.main-business-icon {width: 64px; height: 64px; margin: 0 auto; background-repeat: no-repeat; background-position: center center; /*background-size: contain;*/}
.main-business-icon1 {background-image: url('/source/img/ico_business_01.png');}
.main-business-icon2 {background-image: url('/source/img/ico_business_02.png');}
.main-business-icon3 {background-image: url('/source/img/ico_business_03.png');}
.main-business-icon4 {background-image: url('/source/img/ico_business_04.png');}
.main-business-icon5 {background-image: url('/source/img/ico_business_05.png');}
.main-business-name {margin-top: 45px; font-size: 28px; font-weight: 700; color: var(--white);}
.main-business-explain {height: 0; padding: 0 10px; font-size: 16px; font-weight: 500; line-height: 1.75; color: var(--white); opacity: 0; overflow: hidden;}
.main-business-btn {border-bottom: 0px solid var(--white); opacity: 0;}
.main-business-item:hover {background: rgba(0,0,0,0.25);}
.main-business-item:hover .main-business-explain {height: auto; margin-top: 30px; opacity: 0.75;}
.main-business-item:hover .main-business-btn {margin-top: 90px; opacity: 1;}

.main-section3 {font-size: 0;}
.main-equipment-head {position: relative; display: inline-block; vertical-align: middle; width: 576px; height: 100%; padding-left: 95px; padding-right: 20px; background: var(--navy); overflow: hidden;}
.main-equipment-head::after {content: ""; position: absolute; right: -70px; bottom: -60px; width: 471px; height: 446px; background: url('/source/img/bak_main_equipment.png') no-repeat center center/contain;}
.main-equipment-inner {display: flex; flex-direction: column; align-items: flex-start; justify-content: center; height: 100%;}
.main-equipment-inner > * {position: relative; z-index: 1;}
.main-equipment-category {margin-top: 95px; margin-bottom: 170px;}
.main-equipment-category-btn {position: relative; display: block; padding-left: 35px; font-size: 26px; font-weight: 500; color: rgba(255,255,255,0.5); text-align: left; background: transparent; border: none;}
.main-equipment-category-btn.active {font-weight: 700; color: rgba(255,255,255,1); transition: 0.2s;}
.main-equipment-category-btn:not(:first-child) {margin-top: 30px;}
.main-equipment-category-btn::before {content:""; position: absolute; left: 0; top: 50%; width: 11px; height: 11px; margin-top: -5.5px; border-radius: 50%; background: #206390; z-index: 1;}
.main-equipment-category-btn.active::before {background: var(--white);}
.main-equipment-category-btn:not(:first-child)::after {content:""; position: absolute; left: 5px; bottom: 10px; width: 1px; height: 60px; background: rgba(255,255,255,0.25); z-index: 0;}
.main-equipment-body {display: inline-block; vertical-align: middle; width: calc(100% - 576px); padding-left: 100px;}
.main-equipment-tab {display: none;}
.main-equipment-tab.active {display: block;}
.main-equipment-top {width: calc(100% - 260px); margin-bottom: 40px; font-size: 0;}
.main-equipment-name {display: inline-block; vertical-align: middle; width: calc(100% - 94px); font-size: 36px; font-weight: 700; color: var(--black-0);}
.main-equipment-ctrl {display: inline-block; vertical-align: middle; width: 94px;}
.main-equipment-arrow {width: 32px; height: 32px; border: none; background: none; font-size: 0; background-repeat: no-repeat; background-position: center center; background-size: contain; transition: 0.2s;}
.main-equipment-arrow.prev {background-image: url('/source/img/arr_left_gr.png');}
.main-equipment-arrow.next {background-image: url('/source/img/arr_right_gr.png');}
.main-equipment-arrow.prev:hover {background-image: url('/source/img/arr_left_bl.png');}
.main-equipment-arrow.next:hover {background-image: url('/source/img/arr_right_bl.png');}
.main-equipment-arrow ~ .main-equipment-arrow {margin-left: 30px;}
.main-equipment-slider {overflow: hidden;}
.main-equipment-slide {width: 467px; height: 467px; background: var(--gray-d);}
.main-equipment-thumb {display: flex; align-items: center; justify-content: center; height: 100%; max-width: 100%; border: 1px solid var(--gray-e); overflow: hidden;}
.main-equipment-thumb img {transition: 0.2s;}
.main-equipment-slide:hover .main-equipment-thumb img {transform: scale(1.07);}
.main-equipment-bar {width: calc(100% - 260px); height: 8px; margin-top: 35px;}
.main-equipment-bar .swiper-scrollbar {height: 100%; background: rgba(0,77,128,0.15); border-radius: 0;}
.swiper-scrollbar-drag {background: var(--navy); border-radius: 0;}

.main-section4 {}
.main-project-head {font-size: 0;}
.main-project-head > * {display: inline-block; vertical-align: bottom;}
.main-project-title {width: 320px;}
.main-project-title .main-title-kr {color: rgba(0,0,0,0.75);}
.main-project-title .main-title-en {color: var(--navy);}
.main-project-head .main-description {width: calc(100% - 320px - 154px); color: rgba(0,0,0,0.75);}
.main-project-ctrl {width: 154px; font-size: 0;}
.main-project-arrow {width: 32px; height: 32px; border: none; background: none; font-size: 0; background-repeat: no-repeat; background-position: center center; background-size: contain; transition: 0.2s;}
.main-project-arrow.prev {background-image: url('/source/img/arr_left_gr.png');}
.main-project-arrow.next {background-image: url('/source/img/arr_right_gr.png');}
.main-project-arrow.prev:hover {background-image: url('/source/img/arr_left_bl.png');}
.main-project-arrow.next:hover {background-image: url('/source/img/arr_right_bl.png');}
.main-project-btn {font-size: 0;}
.main-project-ctrl > * {display: inline-block; vertical-align: middle;}
.main-project-ctrl > * ~ * {margin-left: 30px;}
.main-project-body {margin-top: 45px;}
.main-project-slider {}
.main-project-slide {display: flex; align-items: flex-end; width: 434px; height: 443px; background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: var(--gray-d);}
.main-project-slide.swiper-slide-active {margin-top: -30px; transition: margin-top 0.3s ease; box-shadow: 0 30px 60px rgba(0,0,0,.15);}
.main-project-inner {width: 100%; padding: 45px 30px 30px 26px; font-size: 0; background: linear-gradient(to top, rgba(0, 77, 128, 1) 10%, rgba(0, 77, 128, 0.5) 65%, rgba(57, 114, 57, 0) 100%); transition: 0.2s;}
.main-project-slide:hover .main-project-inner {padding-right: 24px;}
.main-project-inner > * {display: inline-block; vertical-align: middle;}
.main-project-name {width: calc(100% - 27px); padding-right: 10px; font-size: 24px; font-weight: 700; color: var(--white);}
.main-project-more {width: 27px; height: 20px; background: url('/source/img/arr_right_wh.png') no-repeat center center/contain; font-size: 0;}

/* Sub > 공통 */
.sub {}

.sub-top {position: relative; height: 530px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.sub-top.company {background-image: url('/source/img/vis_sub_01.jpg');}
.sub-top.business {background-image: url('/source/img/vis_sub_02.jpg');}
.sub-top.technology {background-image: url('/source/img/vis_sub_03.jpg');}
.sub-top.product, .sub-top.construction {background-image: url('/source/img/vis_sub_04.jpg');}
.sub-top.qa {background-image: url('/source/img/vis_sub_05.jpg');}

.sub-top-name {display: flex; align-items: center; height: 100%; font-weight: 800; color: var(--white); text-align: center;}
.sub-1depth {font-size: 18px;}
.sub-2depth {font-size: 48px; margin-top: 10px;}

.sub-top-menu {position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(255,255,255,0.05); border-top: 1px solid rgba(255,255,255,0.1);}
.sub-menu-list {display: flex;}
.sub-menu-item {flex: 1;}
.sub-menu-item > a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 27px 10px; font-size: 18px; font-weight: 700; color: var(--gray-e); text-align: center;}
.sub-en .sub-menu-item > a {min-height: 70px; padding-top: 15px; padding-bottom: 15px;}
.sub-menu-item.active > a {position: relative; color: var(--white);}
.sub-menu-item.active > a::after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 4px; background: var(--white);}

.sub-contents {padding-top: 100px;}
.sub-content {padding-bottom: 100px;}
.sub-content.sub-content-bg {padding-top: 100px; background: rgba(229,245,255,0.3);}
.sub-content-head {text-align: center;}
.sub-content-name-en {font-size: 20px; font-weight: 700; color: var(--navy);}
.sub-content-name-kr {margin-top: 15px; font-size: 32px; font-weight: 800; color: var(--black-0);}
.sub-content-explain {margin-top: 10px; font-size: 20px; font-weight: 600; color: var(--black-1); line-height: 1.5;}
.sub-content-explain span {color: var(--navy);}
.sub-content-body {margin-top: 54px;}

.tab-wrap {}
.tab-category {margin-bottom: 54px;}
.tab-category-list {display: flex; justify-content: center; gap: 30px;}
.tab-category-item {display: flex; align-items: center; justify-content: center; width: 33.3333%; min-height: 59px; padding: 10px; font-size: 20px; font-weight: 800; color: var(--gray-b); text-align: center; border-radius: 44px; cursor: pointer; transition: 0.2s;}
.tab-category-item.active {background: var(--navy); color: var(--white);}
.tab-contents {}
.tab-content {display: none;}
.tab-content.active {display: block;}

/* Sub > 회사소개 > 인사말 */
#greeting {}
.greeting-text-wrap {}
.greeting-title {font-size: 20px; font-weight: 600; color: var(--black-1); line-height: 1.5;}
.greeting-text {font-size: 18px; font-weight: 500; color: var(--gray-5); line-height: 2;}
.greeting-text:not(:first-child) {margin-top: 50px;}
.greeting-text.greeting-ceo {font-weight: 700; color: var(--black-1);}
.greeting-img-wrap {position: relative; margin-top: 140px; padding: 104px 50px; background: url('/source/img/img_greeting.jpg') no-repeat center center/cover; border-radius: 16px;}
.greeting-img-wrap p {font-size: 32px; font-weight: 600; color: var(--white); line-height: 1.5; text-align: center;}
.greeting-img-wrap::before {content:""; position: absolute; bottom: 100%; left: 50%; width: 4px; height: 60px; margin-left: -2px; background: var(--navy);}
.greeting-img-wrap::after {content:""; position: absolute; top: 0; left: 50%; width: 4px; height: 60px; margin-left: -2px; background: var(--white);}

/* Sub > 회사소개 > 연혁 및 파트너 */
#history {}
.history-wrap {width: 50%; margin: 0 auto;}
.history-box {position: relative; padding-left: 170px;}
.history-box:not(:last-child) {padding-bottom: 100px;}
.history-box::before {content:""; position: absolute; left: 0; top: 10px; width: 30px; height: 30px; background: var(--gray-b); border-radius: 50%; z-index: 1;}
.history-box:first-child:before {left: -15px; top: 0; width: 60px; height: 60px; background: var(--navy);}
.history-box:not(:last-child)::after {content:""; position: absolute; left: 13px; top: 25px; width: 4px; height: 100%; background: var(--gray-b);}
.history-year {font-size: 32px; font-weight: 700; color: var(--black-1);}
.history-list {margin-top: 20px;}
.history-item {font-size: 0;}
.history-item ~ .history-item {margin-top: 15px;}
.history-item > * {display: inline-block; vertical-align: top;}
.history-item span {width: 65px; padding-top: 3px; font-size: 20px; font-weight: 800; color: var(--navy); line-height: 1;}
.history-item span img {display: block; width: 22px; padding-left: 2px;}
.history-item p {width: calc(100% - 65px); font-size: 18px; font-weight: 500; color: var(--black-1);}

.partner-wrap {}
.partner-box ~ .partner-box {margin-top: 60px;}
.partner-title {width: 100%; margin-bottom: 40px; line-height: 56px; font-size: 24px; font-weight: 800; color: var(--white); text-align: center; background: var(--navy);}
.partner-list {display: flex; flex-wrap: wrap; gap: 40px;}
.partner-item {width: calc((100% - 80px) / 3);}
.partner-link {display: flex; align-items: center; justify-content: center; width: 100%; height: 200px; background: var(--white); border: 1px solid var(--gray-e); cursor: auto;}
.partner-link img {}

/* Sub > 회사소개 > 조직도 */
#organization {}
.organization-wrap {text-align: center;}
.organization-ceo {position: relative; width: 500px; margin: 0 auto; padding: 33px; font-size: 32px; font-weight: 800; color: var(--white); text-align: center; background: var(--navy ); border-radius: 12px;}
.organization-team {position: relative; display: block; font-size: 0; margin: 0 -22.5px;}
.organization-team::before {content:""; position: absolute; left: 50%; top: 43px; width: 80%; height: 1px; background: var(--blue); transform: translateX(-50%);}
.organization-team-box {position: relative; display: inline-block; vertical-align: top; width: 20%; padding: 86px 22.5px 0;}
.organization-team-box::before {content:""; position: absolute; left: 50%; top: 43px; width: 1px; height: 43px; margin-left: -0.5px; background: var(--blue);}
.organization-team-box:nth-child(3)::before {height: 86px; top: 0;}
.organization-team-name {padding: 32px 15px; background: #006BB2; border-radius: 12px 12px 0 0;}
.organization-team-box:nth-child(odd) .organization-team-name {background: var(--blue);}
.organization-team-name p {font-size: 24px; font-weight: 800; color: var(--white);}
.organization-team-work {}
.organization-team-work > li {display: flex; align-items: center; justify-content: center; height: 100px; margin-top: 2px; padding: 0 15px; background: var(--skyblue);}
.organization-team-work > li > p {max-width: 100%; font-size: 20px; font-weight: 500; color: var(--gray-5);}
.organization-team-work > li > p > span {display: block; font-size: 16px;}

.sub-en .organization-team-name p {font-size: 20px;}
.sub-en .organization-team-work > li {min-height: 100px; height: auto; padding-top: 10px; padding-bottom: 10px;}
.sub-en .organization-team-work > li > p {font-size: 18px;}

/* Sub > 회사소개 > 보유장비 및 인증서 */
#equipment {}
.equipment-list {margin: -30px -20px; font-size: 0;}
.equipment-item {display: inline-block; vertical-align: top; width: 33.3333%; padding: 30px 20px;}
.equipment-inner {display: block;}
.equipment-thumb {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 0; /*height: 380px;*/ padding: 48%; border: 1px solid var(--gray-e); overflow: hidden;}
.equipment-thumb img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.equipment-info {margin-top: 15px;}
.equipment-name {font-size: 20px; font-weight: 700; color: var(--black-1);}
.equipment-explain {margin-top: 5px; font-size: 18px; font-weight: 500; color: var(--gray-5);}
.equipment-inner:hover .equipment-name,
.equipment-inner:hover .equipment-explain {text-decoration: underline;}

.certification-list {margin: -27px -20px; font-size: 0;}
.certification-item {display: inline-block; vertical-align: top; width: 33.3333%; padding: 27px 20px;}
.certification-inner {display: block;}
.certification-thumb {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 0; /*height: 512px;*/ padding-bottom: 132%; border: 1px solid var(--gray-e); background: var(--gray-f); overflow: hidden;}
.certification-thumb img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: calc(100% - 120px);}
.certification-info {margin-top: 20px;}
.certification-name {font-size: 20px; font-weight: 700; color: var(--black-1);}
.certification-explain {margin-top: 5px; font-size: 18px; font-weight: 500; color: var(--gray-5);}

/* Sub > 회사소개 > 찾아오시는 길 */
#location {}
.location-map {}
.location-map .root_daum_roughmap {width: 100% !important;}
.location-map .root_daum_roughmap .wrap_controllers, 
.location-map .root_daum_roughmap .map_border {display: none !important;}
.location-text {margin-top: 54px;}
.location-text-wrap {font-size: 0;}
.location-text-wrap > * {display: inline-block; vertical-align: top;}
.location-company {width: 38%; font-size: 40px; font-weight: 700; color: var(--black-1);}
.location-info {width: 62%; padding-top: 10px;}
.location-info-list {}
.location-info-item {padding: 23px 0; border-top: 1px solid #CDCDCD;}
.location-info-item:first-child {padding-top: 0; border-top: none;}
.location-info-item:last-child {padding-bottom: 0;}
.location-info-item > p {display: inline-block; vertical-align: top; font-size: 18px;}
.location-info-title {width: 115px; font-weight: 900; color: var(--navy);}
.location-info-text {width: calc(100% - 115px); font-weight: 600; color: var(--black-1);}

.sub-en .location-info-title {width: 150px;}
.sub-en .location-info-text {width: calc(100% - 150px);}

/* Sub > 사업분야, 기술소개, 제품소개 */
.introduce-image-wrap {text-align: center;}
.introduce-image-text1 {margin-bottom: 54px; font-size: 20px; font-weight: 600; color: var(--black-1 ); line-height: 1.8;}
.introduce-image-text1 span {color: var(--navy);}
.introduce-image-text2 {margin-top: 60px; font-size: 24px; font-weight: 600; color: var(--gray-5); line-height: 2;}
.introduce-image-view {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 0; padding: 20% 0; overflow: hidden;}
.introduce-image-view img {position: absolute; left: 0; top: 0; width: 100%;}
.introduce-image-view p {position: relative; width: 100%; font-size: 78px; font-weight: 700; color: rgba(255,255,255,0.3); text-align: center; line-height: 1.2; z-index: 1;}

.info-image {margin-bottom: 54px; text-align: center;}
.info-image img {object-fit: contain;}

.info-feature-wrap {}
.info-feature-item {padding: 40px 0; font-size: 0; border-top: 1px solid rgba(0,0,0,0.3);}
.info-feature-item:first-child {padding-top: 0; border-top: none;}
.info-feature-item:last-child {padding-bottom: 0;}
.info-feature-item > * {display: inline-block; vertical-align: top;}
.info-feature-num {width: 110px; font-size: 40px; font-weight: 800; color: var(--gray-b); line-height: 1;}
.info-feature-title {width: 345px; padding-right: 20px; padding-top: 3px; font-size: 24px; font-weight: 800; color: var(--navy); line-height: 1.5;}
.info-feature-title span {font-size: 20px;}
.info-feature-title span.block {display: block;}
.info-feature-text {width: calc(100% - 455px); padding-top: 3px; font-size: 18px; font-weight: 600; color: var(--gray-5); line-height: 1.8;}

.info-step-wrap {}
.info-step-list {}
.info-step-item {font-size: 0;}
.info-step-item ~ .info-step-item {padding-top: 60px;}
.info-step-item > * {display: inline-block; vertical-align: middle;}
.info-step-thumb {width: 230px;}
.info-step-thumb img {}
.info-step-content {width: calc(100% - 230px); padding-left: 130px;}
.info-step-title {font-size: 0; border-bottom: 2px solid var(--navy);}
.info-step-title > * {display: inline-block; vertical-align: middle;}
.info-step-title span {width: 85px; line-height: 56px; font-size: 24px; font-weight: 800; color: var(--white); text-align: center; background: var(--navy);}
.info-step-title p {width: calc(100% - 85px); padding-left: 15px; font-size: 24px; font-weight: 800; color: var(--navy);}
.info-step-text {padding-top: 30px; font-size: 18px; font-weight: 600; color: var(--gray-5); line-height: 1.8;}

.info-image-wrap {}
.info-image-text {font-size: 18px; font-weight: 600; color: var(--gray-5); line-height: 1.8;}

.technology-content3, 
.technology-content5,
.abc-content4,
.dts-content4 {padding-top: 100px;}

.info-data-wrap {margin-top: 100px;}
.info-data-box.image {text-align: center;}
.info-data-box ~ .info-data-box {margin-top: 53px;}
.info-data-title {margin-bottom: 10px; font-size: 20px; font-weight: 800; color: #000000;}
.info-data-tbl-wrap {}
.info-data-tbl {width: 100%; text-align: center;}
.info-data-tbl caption {position: absolute; left: 0; top: 0; width: 0; height: 0; font-size: 0; z-index: -1;}
.info-data-tbl th {height: 56px; padding: 10px; font-size: 24px; font-weight: 800; color: #002E4D; border: 1px solid rgba(0,0,0,0.3); background: #C7E7FF;}
.info-data-tbl td {height: 47px; padding: 10px; font-size: 18px; font-weight: 600; color: #505050; border: 1px solid rgba(0,0,0,0.3);}
.info-data-tbl td p {position: relative; padding-left: 16px; text-align: left;}
.info-data-tbl td p::before {content:""; position: absolute; left: 5px; top: 10px; width: 4px; height: 4px; border-radius: 50%; background: #505050;}

.product-ul {display: flex; flex-wrap: wrap; gap: 40px;}
.product-li {display: flex; flex-direction: column; justify-content: space-between; width: calc(50% - 20px); border: 1px solid #bbbbbb; border-radius: 16px 16px 0 0; overflow: hidden;}
.product-li-cnt {padding: 37px 42px;}
.product-li-tit {font-size: 24px; font-weight: 700; color: #161616;}
.product-li-txt {padding-top: 4px; font-size: 18px; font-weight: 500; color: #505050; line-height: 1.8;}
.product-li-img {position: relative; width: 100%; height: 0; padding-bottom: 55.5%;}
.product-li-img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; object-position: center;}