/**************************************************************/
  /**************************************************************/
  /***************************** main ***************************/
  /**************************************************************/
  /**************************************************************/
  /* ----------------------- video visual ----------------------*/
  /* .main_copy {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    left: 50%;
    bottom: 5rem;
    transform: translate(-50%);
    text-align: center;
    z-index: 2;
    color: #fff;
}
.main_copy img {
    margin-bottom: 1.25rem;
}
.main_copy p {
    display: block;
    width: 100%;
    font-size: 1.75rem;
    font-family: var(--main-font);
    font-weight: 600;
    letter-spacing: 1px;
} */


/* 페이지별 헤더 색상 교체 */

/* #header.mainheader {border-bottom: 1px solid var(--c-black-5);}
#header.mainheader .logo a img.on {display: none;}
#header.mainheader .logo a img.off {display: block;}

#header.mainheader.on .top_header .wrap a { color: var(--c-black-1);}
#header.mainheader.on nav #gnb li .nav_dep1 {color: var(--c-black-1);}
#header.mainheader.on .open .join a {color: var(--c-black-3);}
#header.mainheader.on .open .login a {color: var(--c-black-3);}
#header.mainheader.on .open ul li a {color: var(--c-black-3);}

#header.mainheader.on .open ul li a .material-icons-round, #header.mainheader.on .open ul li a .material-icons-outlined {color: var(--c-black-3);} */


/* .fp-viewing-HOME #header.mainheader .menu_area ul li a.btn_ham_menu {background-image: url(../images/common/ic_ham_menu.png);}
.fp-viewing-HOME #header.mainheader.on .menu_area ul li a.btn_ham_menu {background-image: url(../images/common/ic_ham_menu_on.png);}
.fp-viewing-HOME #header.mainheader .menu_area ul li a.searchbtn {background-image: url(../images/common/ic_search.png);}
.fp-viewing-HOME #header.mainheader nav #gnb li .nav_dep1 {
    color: #fff; 
    text-shadow: 0px 0px 6px rgba(51, 51, 51, 0.6);
}

.fp-viewing-HOME #header.mainheader nav #gnb li .nav_dep1 a {color: #fff; }
.fp-viewing-HOME #header .top_header .wrap a {color: #fff;}
.fp-viewing-HOME #header.mainheader.on nav #gnb li .nav_dep1 {color: var(--c-black-1);text-shadow: none;}
.fp-viewing-HOME #header.mainheader .top_header .wrap a {
    color: #fff;
}
.fp-viewing-HOME #header.mainheader.on .top_header .wrap a {
    color: var(--c-black-1);
} */

.fp-viewing-COMPANY #header .menu_area ul li a.btn_ham_menu {background-image: url(../images/common/ic_ham_menu.png);}
.fp-viewing-COMPANY #header.on .menu_area ul li a.btn_ham_menu {background-image: url(../images/common/ic_ham_menu_on.png);}
.fp-viewing-COMPANY #header .menu_area ul li a.searchbtn {background-image: url(../images/common/ic_search.png);}
.fp-viewing-COMPANY #header nav #gnb li .nav_dep1 {color: #fff; text-shadow: none;}
.fp-viewing-COMPANY #header nav #gnb li .nav_dep1 a {color: #fff; }
.fp-viewing-COMPANY #header .top_header .wrap a {color: var(--c-black-1);}
.fp-viewing-COMPANY #header.on nav #gnb li .nav_dep1 {color: var(--c-black-1);text-shadow: none;}
.fp-viewing-COMPANY #header .logo a img.on {
    display: none;
}
.fp-viewing-COMPANY #header .logo a img.off {
    display: block;
}

.fp-viewing-FOOTER #header.mainheader {background: #fff;}
.fp-viewing-FOOTER #header.mainheader .menu_area ul li a.btn_ham_menu {background-image: url(../images/common/ic_ham_menu_on.png);}
.fp-viewing-FOOTER #header nav #gnb li .nav_dep1 { color: var(--c-black-1); text-shadow: none;}


/* ------------------- sec basic setting ---------------------*/

.section .inner {
    width: 1740px;
    margin: 0 auto;
}

.section .inner .sec_tit {
    margin-bottom: 3rem;
}
.section .inner .sec_tit h3 {
    font-size: 138px;
    line-height: 138px;
    font-weight: 500;
    color: rgba(255,255,255,0);
    display: inline-block;
    font-family: var(--sub-font);
}
.section .inner .sec_tit h3 span {
    color: var(--main-color);
    text-transform: uppercase;
    font-family: var(--sub-font);
}
.section .inner .sec_tit p{
    font-size: var(--txt-4xl-1);
    line-height: 3.75rem;
    color: var(--c-black-1);
    font-weight: 300;
}


/* -------------------------- sec1 ---------------------------*/
@keyframes scroll {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-20px);
    }
}
.sec1 {
    position: relative;
}
.sec1::before {
    content: "";
    display: block;
    width: 24px;
    height: 105px;
    background: url(../images/main/scrollimg.png) no-repeat center center;
    position: absolute;
    right: 35px;
    top: 85%;
    background-size: cover;
    opacity: 1;
    z-index: 9999;
    animation: scroll .8s infinite alternate;
}

/* .sec1::after {
    content: "Scroll";
    position: absolute;
    left: 50%;
    bottom: 8em;
    font-size: 1rem;
    color: #fff;
    font-weight: 400;
    opacity: 1;
    z-index: 9999;
    margin-left: -0.5rem;
    letter-spacing: 0.5px;
} */
#main_full .section.active::before,
#main_full .section.active::after {
    opacity: 1;
    transition: .8s .6s
}

.section .btn_arrow {
    width: 97px;
    height: 32px;
    background: url(../images/main/btn_arrow.png) right bottom no-repeat;
    cursor: pointer;
    color: var(--c-black-2);
    font-size: var(--txt-md-1);
    font-weight: 500;
    letter-spacing: 0.5px;
    transition: .5s;
    display: inline-block;
    margin-bottom: 2rem;
}


/* -------------------------- sec_business ---------------------------*/

.section.sec_business {
    position: relative;
    background: url(../images/main/business_bg.png) no-repeat center;
    background-size: cover;
}
.section.sec_business .inner {
    margin: 6rem auto 0;
    position: relative;
}
.section.sec_business .inner .sec_tit {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
}
.section .inner .sec_tit h3 {
    -webkit-text-stroke: 1px var(--c-black-1);
}
.section.sec_business .main_business {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    cursor: pointer;
}
.section.sec_business .main_business .box {
    width: calc(100% /4);
    height: 400px;
    border-left: 1px solid var(--c-black-5);
    box-shadow: 10px 10px 30px 0px rgb(0 0 0 / 25%);
    transition: 0.5s;
    position: relative;
    overflow: hidden;
}
.section.sec_business .main_business .box:first-child {
    border-left: none;
}
.section.sec_business .main_business .box .tit {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    padding: 3.125rem;
}
.section.sec_business .main_business .box .tit h4 {
    font-size: var(--txt-3xl-1);
    font-weight: 600;
    color: #fff;
}
.section.sec_business .main_business .box .bg {
    width: 100%;
    height: 100%;
    padding: 3.125rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: 0.5s;
}
.section.sec_business .main_business .box:hover .bg {
    transform: scale(1.1);
    transition: 0.5s;
    overflow: hidden;
}
.section.sec_business .main_business .box.box01 .bg {
    background-image: url(../images/main/business_bg01.png);
    
}
.section.sec_business .main_business .box.box02 .bg {
    background-image: url(../images/main/business_bg02.png);
}
.section.sec_business .main_business .box.box03 .bg {
    background-image: url(../images/main/business_bg03.png);
}
.section.sec_business .main_business .box.box04 .bg {
    background-image: url(../images/main/business_bg04.png);
}

/* -------------------------- sec_performance ---------------------------*/

.section.sec_performance {
    position: relative;
    background: #f3f6f8;
    z-index: 1;
}
.section.sec_performance .inner {
    margin: 2rem auto 0;
}
.section.sec_performance .inner .sec_tit {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    /* gap: 3rem; */
    margin-bottom: 1rem;
}
.section.sec_performance .inner .sec_tit .flex {
    width: 48%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.section.sec_performance .inner .sec_tit h3 {
    width: 50%;
}
.section.sec_performance .inner .sec_tit h3 #responsive-text {
    font-family: var(--sub-font) !important;
    font-weight: 500;
}
.section.sec_performance .inner .sec_tit p {
    margin-bottom: 1.5rem;
}
.section.sec_performance .performance {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 3rem;

}
.section.sec_performance .performance .box {
    width: calc((100% - 9rem) /4);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    box-shadow: 10px 10px 30px 0px rgb(0 0 0 / 25%)
}
.section.sec_performance .performance .box .img_area {
    width: 100%;
    aspect-ratio: 3 / 2;
    max-height: 240px;
    /* border: 1px solid #e1e1e1; */
    text-align: center;
    background: #efefef;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
}

.section.sec_performance .performance .box .img_area img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.5s;
}
.section.sec_performance .performance .box:hover .img_area img {transform: scale(1.1);}
.section.sec_performance .performance .box .img_area h5 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.section.sec_performance .performance .box .txt_area {
    width: 100%;
    /* height: 100%; */
    padding: 2.5rem;	
    background: #fff;
}
.section.sec_performance .performance .box h5 {
    font-size: var(--txt-lg);
    font-weight: 500;
    color: #fff;
    background: var(--main-color);
    padding: 10px 2rem;
}
.section.sec_performance .performance .box h4 {
    font-size: var(--txt-2xl);
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-all;
    overflow: hidden;
    width: 100%;
    min-height: 58px;
    margin-bottom: 1.5rem;
}

.section.sec_performance .performance .box ul li {
    font-size: var(--txt-md-1);
    color: var(--c-black-3);
    /* display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden; */
    min-height: 28px;
    line-height: 1.375rem;
    width: 100%;
    word-break: break-all;
}
.section.sec_performance .performance .box ul li span {
    color: var(--main-color);
    font-weight: 600;
    width: 60px;
    margin-right: 10px;
    display: inline-block;
}
.section.sec_performance .performance .more {
    width: auto;
    border-radius: var(--radius-all-xl);
    padding: 5px 1rem;
    font-size: var(--txt-md);
    font-weight: 400;
    color: var(--c-black-1);
    /* background: var(--c-black-5); */
    /* text-transform: uppercase; */
    display: inline-block;
    text-align: center;
    letter-spacing: 0.5px;
    border: 1px solid var(--c-black-5);
    margin-top: -6px;
    opacity: 0;
    transition: .5s
}
.section.sec_performance .performance .box:hover .more {
    opacity: 1;
}
.section.sec_performance .performance .box .more:hover {
    background: var(--c-black-7);
}


/* -------------------------- sec_company ---------------------------*/

.section.sec_company {
    position: relative;
}
.section.sec_company .inner {
    margin: 0 auto 0;
    width: 100%;
    height: 100vh;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.section.sec_company .inner .left {
    width: 50%;
    height: 100%;
    background: url(../images/main/company_bg.png) no-repeat center;
    background-size: cover;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.section.sec_company .inner .left .company {
    width: 630px;
}
.section.sec_company .inner .left .sec_tit {
    margin-bottom: 5rem;
}
.section.sec_company .inner .left .company .sec_tit p {
    color: #fff;
    font-size: var(--txt-5xl);
}
.section.sec_company .inner .left .company .box_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 3rem;
}
.section.sec_company .inner .left .company .box_wrap .box {
    width: calc((100% - 3rem) /2);
    border: 1px solid #fff;
    padding: 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 3rem;
    cursor: pointer;
}
.section.sec_company .inner .left .company .box_wrap .box h5 {
    font-size: var(--txt-2xl);
    font-weight: 600;
    color: #fff;
    width: 100%;
}
.section.sec_company .inner .left .company .box_wrap .box img {
    
}
.section.sec_company .inner .right {
    width: 50%;
    height: 100%;
}
.section.sec_company .inner .right .top {
    width: 100%;
    height: calc(100% /2);
    background: url(../images/main/recruit_bg.png) no-repeat center;
    background-size: cover;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.section.sec_company .inner .right .bottom {
    width: 100%;
    height: calc(100% /2);
    background: url(../images/main/notice_bg.png) no-repeat center;
    background-size: cover;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.section.sec_company .inner .right .recruit {
    width: 650px;
}
.section.sec_company .inner .right .recruit .sec_tit p {
    color: #fff;
    font-size: var(--txt-3xl-2);
    line-height: 2.75rem;
    font-weight: 500;
}
.section.sec_company .inner .right .recruit .box_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 2rem;
}
.section.sec_company .inner .right .recruit .box_wrap .box {
    width: calc((100% - 2rem) /2);
    border: 1px solid #fff;
    padding: 1rem 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.section.sec_company .inner .right .recruit .box_wrap .box h5 {
    font-size: var(--txt-xl);
    font-weight: 500;
    color: #fff;
}
.section.sec_company .inner .right .news {
    width: 650px;
}
.section.sec_company .inner .right .news .sec_tit {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 2rem;
}
.section.sec_company .inner .right .news .sec_tit h3 {
    font-size: var(--txt-7xl);
    line-height: var(--txt-7xl);
    font-weight: 600;
    -webkit-text-stroke: 1px #fff;
}
.section .btn_arrow.wh {
    background: url(../images/main/btn_arrow_wh.png) right bottom no-repeat;
    color: #fff;
    margin-bottom: 0rem;
}
.section.sec_company .inner .right .news .box_wrap {

}
.section.sec_company .inner .right .news .box_wrap .box a {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}
.section.sec_company .inner .right .news .box_wrap .box h4 {
    font-size: var(--txt-lg-2);
    font-weight: 400;
    color: #fff;
}
.section.sec_company .inner .right .news .box_wrap .box p {
    font-size: var(--txt-lg);
    font-weight: 300;
    color: #fff;
}