.bgcst { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: -1;}
.sub-section { position: relative; padding: 100px 0; }
.sub-section .inner { max-width: 1300px; }
.sec-cont { padding-top: 65px;}
.txt-hide { overflow: hidden;} 
button { background: transparent;}

/* sub-top-wrap */
.sub-top-wrap { position: relative;}
.sub-top-wrap .inner { max-width: 1500px;}
.sub-top-wrap-bg { display: flex; justify-content: space-between; align-items: center; background: #fff; }
.sub-top-wrap-bg.top-overview { padding: 120px 100px; }
.sub-top-wrap-bg.top-performance { height: 109px; padding: 20px 60px; justify-content: flex-end; align-items: flex-end;}
.sub-top-wrap-bg .sub-top-tit { color: #060606; font-size: 45px; line-height: 1.2;}
.sub-top-wrap-bg .sub-top-txt { font-size: 21px;}

.sub-top-wrap .sub-top-box > ul { display: flex; }
.sub-top-wrap .sub-top-item { width: 33.333333%; height: 109px; line-height: 109px;}
.sub-top-wrap .sub-top-item > a { display: block; height: 100%; background: #f0f0f0; text-align: center;}
.sub-top-wrap .sub-top-item.active > a { background: #0045b8; }
.sub-top-wrap .sub-top-item span { color: #303030;font-size: 33px;}
.sub-top-wrap .sub-top-item.active span { color: #fff;}

.sub-top-search-wrap { background: #f8f8f8; }
.sub-top-wrap .searchBtn { width: 50px; height:40px; background: url(/images/common/ico-search.png) 50% no-repeat; text-indent: -9999em; cursor: pointer; }
.sub-top-search-wrap .searchTxt { height: 40px; padding: 0; border: 0; background: #f8f8f8; color: #979797; }

/* sub-overview-01 */
.sub-overview-01 { height: 100vh; background: url(/images/contents/sub-overview-01-bg.jpg) 50% / cover no-repeat; }
.sub-overview-01 .sec-tit { color: #060606; font-size: 70px; line-height: 1;}
.sub-overview-01 .sec-txt { padding-top: 50px; font-size: 22px;}

/* sub-overview-02 */
.sub-overview-02 { background: url(/images/contents/sub-overview-02-bg.jpg) 50% / cover no-repeat; overflow: hidden;}
.sub-overview-02 .sec-tit { color: #060606; font-size: 34px;}
.sub-overview-02 .sec-txt { padding-top: 50px; font-size: 20px; font-weight: 300; transform: translateY(20%) ;}
.sub-overview-02 .sec-txt-name { padding-top: 80px;}
.sub-overview-02 .sec-txt-name p { font-size: 20px; font-weight: 300;}
.sub-overview-02 .sec-txt-name p + p { font-size: 30px; font-weight: bold; letter-spacing: 2px;}
.sub-overview-02 .sec-img-box { position: absolute; bottom: 0; right: 10%; z-index: 0;}

/* sub-overview-03 */
.sub-overview-03 .sec-tit { font-size: 45px; text-align: center; color: #060606;}
/* .sub-overview-03 .swiper-container { padding: 0 20px;} */
.sub-overview-03 .swiper-button-prev { left: -5px;}
.sub-overview-03 .swiper-button-next { right: -5px;}
.sub-overview-03 .swiper-button-prev, .sub-overview-03 .swiper-button-next { color: #0b0b0b; }
.sub-overview-03 .swiper-button-prev::after, .sub-overview-03 .swiper-button-next::after { font-size: 32px; }
.sub-overview-03 .swiper-pagination { bottom: -60px; left: 50%; transform: translateX(-50%); }
.sub-overview-03 .swiper-pagination-bullet { width: 16px; height: 16px; margin: 0 5px; background: #fff; border: 2px solid #a4a4a4;}
.sub-overview-03 .swiper-pagination-bullet-active { background: #000; border-color: #000; }

/* sub-overview-04 */
.sub-overview-04 { height: auto; min-height: 100vh; background: #f7f7f7;}
.sub-overview-04 .sec-tit { font-size: 45px; text-align: center; color: #060606;}
.sub-overview-04 .sec-cont { }
.sub-overview-04 .history-wrap-tab { padding-top: 65px; }
.sub-overview-04 .tabList { display: flex; justify-content: center; }
.tabList li { width: 18%; padding: 0 5px;}
.sub-overview-04 .tabBox { padding: 10px 0; background: #fff; border: 1px solid #d6d6d6; border-radius: 30px; text-align: center; transition: all .2s; cursor: pointer;}
.sub-overview-04 .tabBox.active { background: #0045b8; border-color: #0045b8;}
.sub-overview-04 .tabBox span { color: #8e8e8e; font-size: 25px;}
.sub-overview-04 .tabBox.active span { color: #fff;}
.tab-cont { padding-top: 90px;}
.tab-cont > div { opacity: 0; visibility: hidden; height: 0;}
.tab-cont > div.active { opacity: 1; visibility: visible; height: auto;}
.tab-cont .tab-tit {color: #202020; font-size: 28px; font-weight: bold; text-align: center; }
/* .tab-cont > div.active .tab-tit { opacity: 1;} */
.tab-cont .tab-tit strong { color: #0045b8;}
.tab-inner { position: relative; padding-top: 90px;}
.tab-inner::before { content: ''; position: absolute; top: 60px; left: 50%; width: 34px; height: 32px; transform: translateX(-50%); background: url(/images/common/logo_eff.png) no-repeat; z-index: 1;}
.tab-inner::after { content: ''; position: absolute; top: 82px; left: 50%; transform: translateX(-50%); width: 1px; height: 90%; background: #dcdcdc; z-index: 0;}
.tab-inner > ul { display: flex; flex-direction: column; align-items: center; width: 100%;}
.tab-item { display: flex; width: 100%; justify-content: flex-end;}
.tab-item:nth-child(even) { justify-content: flex-start; text-align: right;}
.tab-item > div { display: flex; justify-content: space-between; width: 50%; }
.tab-item:nth-child(even) > div { justify-content: flex-end;}
.tab-txt-box { position: relative; }
.tab-txt-box::before { content: ''; position: absolute; top: 30px; width: 0; height: 0px; border-bottom: calc( 5px * 1.732 ) solid #dcdcdc; border-left: 5px solid transparent; border-right: 5px solid transparent;}
.tab-item:nth-child(odd) .tab-txt-box::before { left: 0; transform: translateX(-50%);}
.tab-item:nth-child(even) .tab-txt-box::before { right: 0; transform: translateX(50%);}
.tab-item:nth-child(odd) .tab-txt-box { padding-left: 50px;}
.tab-item:nth-child(even) .tab-txt-box { padding-right: 50px;}
.tab-txt-box .month { color: #0045b8; font-size: 40px; font-weight: bold;}
.tab-txt-box p + p { font-size: 18px; }
.tab-txt-box ul li { font-size: 18px; }

/* sub-overview-05 */
.sub-overview-05 { height: auto;}
.sub-overview-05 .sec-tit { color: #060606; font-size: 50px; line-height: 1.2;}
.sub-overview-05 .sec-txt-box { position: relative; z-index: 2;}
.sub-overview-05 .sec-img-box { position: relative; margin-top: -35px; transform: translateY(10%);}
.sub-overview-05 .sec-img-box.pc-block { z-index: -1; }
.sec-img-pc { display: flex;}
.sub-overview-05 .sec-img-item { width: 50%; }
.sub-overview-05 .sec-img-item:first-child { margin-right: 20px;}
.sub-overview-05 .sec-location-box { padding-top: 20px;}
.sub-overview-05 .location-txt-box { display: flex; padding-top: 50px; justify-content: space-between;}
.sub-overview-05 .location-ko { font-size: 22px;}
.sub-overview-05 .location-en { padding-top: 0.5em; font-size: 18px; color: #676767; }
.sub-overview-05 .contact-box { display: flex;}
.sub-overview-05 .contact-item:first-child { margin-right: 40px; }
.sub-overview-05 .contact-tit { color: #9c9c9c; font-size: 16px;}
.sub-overview-05 .contact-tit + p { font-size: 22px;}
.sub-overview-05 .swiper-slide img { width: 100%;}
.sub-overview-05 .swiper-pagination { bottom: 10px; left: 50%; transform: translateX(-50%); }
.sub-overview-05 .swiper-pagination-bullet { width: 16px; height: 16px; margin: 0 5px; background: #fff;}
.sub-overview-05 .swiper-pagination-bullet-active { background: #000; }



/** 사업영역 **/
/* sub-businessArea-01 */
.sub-businessArea-01 .sec-txt { font-size: 22px; font-weight: 500;}
.sub-businessArea-01 .sec-tit { font-size: 50px; padding-top: 0.5em;}
.sub-businessArea-01 .sec-img-box { padding-top: 50px; text-align: center;}
.sub-businessArea-01 .sec-img-box .m-block { width:80%;}

/* sub-businessArea-02 */
.sub-businessArea-02 .inner { max-width: 1580px;}
.sub-businessArea-02 .sec-img-wrap { height: 524px; transform: translateY(20%);}
.sub-businessArea-02 .sub-pump-bg { background: url(/images/contents/img-business-pump-bg.jpg) 50% / cover no-repeat; }
.sub-businessArea-02 .sub-motor-bg { background: url(/images/contents/img-business-motor-bg.jpg) 50% / cover no-repeat; }
.sub-businessArea-02 .sub-decelerator-bg { background: url(/images/contents/img-business-decelerator-bg.jpg) 50% / cover no-repeat; }
.sub-businessArea-02 .sec-txt-box { max-width: 1300px; margin: 0 auto;}
.sub-businessArea-02 .sec-tit-wrap { margin-top: -90px;}
.sub-businessArea-02 .sec-tit { color: #31bfff; font-size: 78px; line-height: 1.1;}
.sub-businessArea-02 .sec-txt-wrap { display: flex; justify-content: space-between; padding-top: 100px; }
.sub-businessArea-02 .sec-txt-wrap .sec-subtit { font-size: 40px; font-weight: bold;}
.sub-businessArea-02 .sec-txt-wrap .businessArea02Txt { width : 48%; font-size: 21px; transform: translateY(30%);}
.sub-businessArea-02 .sec-txt-wrap .businessArea02Txt.aos-animate { transform: translateY(0);}
.sub-businessArea-02 .sec-anchor-box { max-width: 1300px; margin: 0 auto; padding-top: 90px; }
.sub-businessArea-02 .sec-anchor-box ul { display: flex; justify-content: center;}
.sub-businessArea-02 .sec-anchor-item { width: 20%; }
.sub-businessArea-02 .sec-anchor-item a { display: flex; height: 80px; text-align: center; transition: all .3s;align-items: center;justify-content: center;}
.sub-businessArea-02 .sec-anchor-item:nth-child(1) a { background: #0045b7; }
.sub-businessArea-02 .sec-anchor-item:nth-child(2) a { background: #66b2d4; }
.sub-businessArea-02 .sec-anchor-item:nth-child(3) a { border: 2px solid #0045b7 }
.sub-businessArea-02 .sec-anchor-item span { font-size: 25px; font-weight: bold; transition: all .3s;}
.sub-businessArea-02 .sec-anchor-item:nth-child(1) span { color: #fff;}
.sub-businessArea-02 .sec-anchor-item:nth-child(2) span { color: #fff;}
.sub-businessArea-02 .sec-anchor-item:nth-child(3) span { color: #0045b7;}
.sub-businessArea-02 .sec-anchor-item:nth-child(1):hover a { background: #00286a;}
.sub-businessArea-02 .sec-anchor-item:nth-child(2):hover a { background: #3490b9;}
.sub-businessArea-02 .sec-anchor-item:nth-child(3):hover a { background: #325185; border-color: #325185;}
.sub-businessArea-02 .sec-anchor-item:nth-child(3):hover span { color: #fff;}


/** 사업실적 **/
/* sub-performance */
.performance-list { display: flex; flex-wrap: wrap; margin: 0 -10px;}
.performance-item { width: 25%; padding: 0 10px 50px 10px; }
.performance-item .performance-anchor { display: block;}
.performance-item .performance-anchor img{width:100%;height:310px;object-fit:cover;}
.performance-list .list-txtbox { min-height: 160px; padding: 30px 20px; background: #f9f9f9;}
.performance-list .list-year { display: inline-block; padding: 2px 8px; color: #fff; background: #0045b8; font-size: 16px;}
.performance-list .list-tit { padding-top: 8px; font-size: 21px;}


@media screen and (max-width: 1400px) {
    .sub-overview-02 .sec-img-box { right: 0; width: 550px;}
}

@media screen and (max-width: 1200px) {
    .tab-item > div { flex-wrap: wrap;}
    .tab-item .tab-img-box { padding: 20px 0 0 50px;}

    .sub-overview-02 { height: auto; padding-bottom: 310px;}

}

@media screen and (max-width: 1024px) {
    .inner { padding: 0 20px;}
    .sec-cont { padding-top: 30px;}
    .sub-overview-01 { display: none;}
    .sub-top-wrap.sub-top-overview {}
    .sub-top-wrap .sub-top-wrap-bg { padding: 0; height: 110px;}
    .sub-top-wrap.sub-top-overview .sub-top-tit, .sub-top-wrap.sub-top-overview .sub-top-txt { display: none;}
    
    /* sub-overview-02 */
    .sub-overview-02.sub-section { margin-top: -70px; padding: 0 0 310px 0; background: url(/images/contents/sub-overview-02-bg-m.jpg) 0% 100% / contain no-repeat;}
    .sub-overview-topbg { padding: 0 25px;}
    .sub-overview-02 .sec-tit { font-size: 28px; line-height: 1.4;}
    .sub-overview-02 .sec-txt { padding-top: 20px; font-size: 14px;}
    .sub-overview-02 .sec-txt-name{padding-bottom:80px;}
    .sub-overview-02 .sec-txt-name p { font-size: 14px;}
    .sub-overview-02 .sec-txt-name p + p { font-size: 24px;}
    .sub-overview-02 .sec-img-box { width: 420px;}

    /* sub-overview-03 */
    .sub-overview-03 .sec-tit { font-size: 28px;}
    .sub-overview-03 .sec-cont { position: relative; padding: 30px 40px;}
    .sub-overview-03 .swiper-container { position: static;}
	.sub-overview-03 .swiper-pagination{width:80%;bottom: -30px;}
	.sub-overview-03 .swiper-pagination-bullet{width:10px;height:10px;}

    /* sub-overview-04 */ 
    .sub-overview-04 .sec-tit { font-size: 30px;}
    .sub-overview-04 .history-wrap-tab { padding-top: 30px;}
    .sub-overview-04 .tabList { flex-wrap: wrap;}
    .tabList li { width: 40%;}
    .tabList li:nth-child(-n+2) { padding-bottom: 10px;}
    .tab-inner::before { top: 30px; left: 0; transform: translateX(0);}
    .tab-inner::after { top: 50px; left: 0; transform: translateX(16px);}
    .sub-overview-04 .tabBox { padding: 6px 0;}
    .sub-overview-04 .tabBox span { font-size: 18px;}
    .tab-cont { padding-top: 30px;}
    .tab-item { padding-bottom: 25px;}
    .tab-item:nth-child(even) { text-align: left;}
    .tab-inner .tab-item > div { width: 100%; justify-content: flex-start;}
    .tab-item:nth-child(even) .tab-txt-box { padding-left: 50px;}
    .tab-inner .tab-item .tab-txt-box::before { left: 16px; right: auto; transform: translateX(-50%);}
    .tab-item .tab-img-box { display: none;}

    /* sub-overview-05 */ 
    .sub-overview-05 .contact-box { display: none;}


    /** 사업영역 **/ 
    .sub-top-wrap .sub-top-item {height:80px; line-height:80px;}
    .sub-top-wrap .sub-top-item span { font-size: 18px;}

    .sub-businessArea-01 .sec-txt { font-size: 14px;}
    .sub-businessArea-01 .sec-tit { font-size: 24px;}

    .sub-businessArea-02 .sec-txt-wrap .sec-subtit { font-size: 32px;}
    .sub-businessArea-02 .sec-anchor-box { padding-top: 40px;}
    .sub-businessArea-02 .sec-anchor-item span { font-size: 18px;}
	.sub-businessArea-02 .sec-img-wrap{height:70vw;}

    /** 사업실적 **/
    /* sub-performance */
    .performance-item { width: 33.333333%;}
}

@media screen and (max-width: 768px) {
    /* sub-overview-02 */
    .sub-overview-02.sub-section.sub-overview-02 { padding-bottom: 160px;}
    .sub-overview-02 .sec-img-box { right: -15%; width: 260px; }
    .sub-overview-02 .sec-txt-name { padding-top: 40px;}

    /* sub-overview-04 */ 
    .tabList li { width: 50%;}
    .tab-cont .tab-tit { font-size: 20px; line-height: 1.2; }
    .tab-txt-box .month { font-size: 28px;}

    /* sub-overview-05 */ 
    .sub-overview-05 .sec-tit { font-size: 28px;}
    .sub-overview-05 .location-txt-box { display: block; padding-top: 20px;}
    .sub-overview-05 .location-ko { font-size: 18px;}
    .sub-overview-05 .location-en { padding-top: 0.2em; font-size: 16px;}


    /** 사업영역 **/ 
    .sub-businessArea-02 .sec-tit-wrap { margin-top: -40px;}
    .sub-businessArea-02 .sec-tit { font-size: 35px;}
    .sub-businessArea-02 .sec-txt-wrap { display: block; padding-top: 50px;}
    .sub-businessArea-02 .sec-txt-wrap .sec-subtit { font-size: 24px;}
    .sub-businessArea-02 .sec-txt-wrap .businessArea02Txt { width: 100%; padding-top: 20px; font-size: 14px;}
    .sub-businessArea-02 .sec-txt-wrap .businessArea02Txt br{display:none;}
	.sub-businessArea-02 .sec-anchor-box ul { display: block;}
    .sub-businessArea-02 .sec-anchor-item { width: 80%; margin: 0 auto; margin-bottom: 10px;}
    .sub-businessArea-02 .sec-anchor-item:last-child { margin-bottom: 0;}

    /** 사업실적 **/
    /* sub-performance */
    .sub-performance .sec-cont { padding: 0 20px;}
    .performance-list { margin-top: 0 -7px;}
    .performance-item { width: 50%; padding: 0 7px 40px 7px;}
    .performance-item .performance-anchor img{height:45vw;}
    .performance-list .list-txtbox { padding: 20px 10px;}
    .performance-list .list-year { font-size: 14px;}
    .performance-list .list-tit { font-size: 17px;}
}