/* icon */
/* .ic-arrow-prev{
    background-color: #333;
    -webkit-mask-image: url(../resources/icon/ic_arrow_left.svg);
    mask-image: url(../resources/icon/ic_arrow_left.svg);
}
.ic-arrow-next{
    background-color: #333;
    -webkit-mask-image: url(../resources/icon/ic_arrow_right.svg);
    mask-image: url(../resources/icon/ic_arrow_right.svg);
}
.ic-arrow-top{
    background-color: #333;
    -webkit-mask-image: url(../resources/icon/ic_arrow_top.svg);
    mask-image: url(../resources/icon/ic_arrow_top.svg);
} */

.ic-hamburger {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }
  
  .ic-hamburger div {
    position: relative;
    width: 25px;
    height: 2px;
    border-radius: 1px;
    background-color: #333;
    margin-top: 6px;
    transition: all 0.3s ease-in-out;
  }
  .ic-hamburger div:first-child{
    margin-top: unset;
  }

  .ic-hamburger.ON div {
    background-color: #aaa;
  }
  .ic-hamburger.ON .top-bun {
    transform: rotate(-45deg) translateX(-4px) translateY(4.5px);
    margin-top: 0;
  }
  .ic-hamburger.ON .bottom-bun {
    opacity: 0;
  }
  .ic-hamburger.ON .meat {
    transform: rotate(45deg) translateX(3px) translateY(3px);
    margin-top: 0;
  }
  
  .ic-hamburger.ON + .nav {
    top: 0;
    transform: scale(1);
  }
.ic-parnter-01 {background-image: url(../resources/partners/clogo1.png);}
.ic-parnter-02 {background-image: url(../resources/partners/clogo2.png);}
.ic-parnter-03 {background-image: url(../resources/partners/clogo3.png);}
.ic-parnter-04 {background-image: url(../resources/partners/clogo4.png);}
.ic-parnter-05 {background-image: url(../resources/partners/clogo5.png);}
.ic-parnter-06 {background-image: url(../resources/partners/clogo6.png);}
.ic-parnter-07 {background-image: url(../resources/partners/clogo7.png);}
.ic-parnter-08 {background-image: url(../resources/partners/clogo8.png);}
.ic-parnter-09 {background-image: url(../resources/partners/clogo9.png);}
.ic-parnter-10 {background-image: url(../resources/partners/clogo10.jpg);}




/* content */
.fContent.NONE {width: 0 !important;height: 0 !important;}
.fContent .fp-tableCell > .wrap{
    padding-top: 140px;
}

.cont-title {
    text-align: center;
    padding-bottom: 100px;
}
.cont-title  .titleSub{
    font-size: 1.8rem;
    font-weight: 400;
    opacity: .5;
    margin-bottom: 20px;
}
.cont-title  .titleMain{
    font-size: 2.6rem;
    line-height: 3.2rem;
    font-weight: 800;
}
.cont-title  .btn{
    width: 200px;
    height: 50px;
    line-height: 48px;
    margin-top: 30px;
}



.tagList{
    font-size: 1.3rem;

}

.tagList .tagItem{
    display: inline-block;
    height: 30px;
    line-height: 28px;
    padding: 0 12px;
    margin-right: 3px;
    margin-bottom: 6px;
    border-radius: 5px;
    background-color: #EEE;
    font-weight: 200;
    font-size: inherit;
    white-space: nowrap;
}


.partnerList .partnerRow {
    margin-bottom: 20px;
    padding: 0 15px;
    /* white-space: nowrap; */
    /* overflow-y: auto; */
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none !important; /* Firefox */
    /* transition: all 5s; */
    
    animation: infinity-loop 20s infinite linear 1s both; 
    display: flex;
    list-style: none;
}
.partnerList .partnerRow::-webkit-scrollbar {
    display: none !important;
}
.partnerList .partnerRow:nth-child(2n-1) {
    animation: infinity-loop 18s infinite linear 0s both; 
    /* animation: rowOdd 5s infinite; */
    /* transform: translateX(-60%); */
}

/* @keyframes rowOdd {
    0%{
        transform: translateX(100%);
    }
    100%{
        transform: translateX(0);
    }
  } */
.partnerList .partnerItem {
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 5px;
    margin: 0 5px;
    padding: 20px 30px;

    display: flex;
    align-items: center;
    white-space: nowrap;

}
.partnerList .partnerItem  * {
    display: inline-block;
    vertical-align: middle;
}
.partnerList .partnerItem .icon{
    width: 60px;
    height: 60px;
    margin-right: 25px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.partnerList .partnerItem h5{
    font-size: 1.4rem;
    font-weight: 400;
    opacity: .6;
    color: #111;
}

@keyframes infinity-loop {
    from {
      transform: translateX(0vw);
    }
    to {
      transform: translateX(-100%);
    }
  }





.fContent.cont_home .keyBox,
.fContent.cont_home .slideBox .slideControl,
.fContent.cont_business .cont-wrap,
.fContent.cont_service .cont-wrap,
footer > .wrap {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    transition: max-width 1s;
}




/********************************* custom *********************************/

body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    /*background-image: url('../../common/resources/syulccgerevbmwju__1080_790.jpg');*/
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
}




.fContent.cont_home{
    background-color: #1c1c24;
    color: #Fff;
    background-image: url(../../common/resources/black-felt.png);
} 

.fContent.cont_home,
.fContent.cont_home .fp-tableCell{
    height: 100vh !important;
    min-height: 660px !important;

}

.fContent.cont_home .fp-tableCell > .wrap{
    position: relative;
    padding-top: unset;
    z-index: 1;
}
.fContent.cont_home .keyBox{
    position: relative;
    height: 60vh;
}
.fContent.cont_home .keyBox h1{
    position: absolute;
    top:calc(50%);
    transform: translateY(-70%);
    text-align: right;
    right: 0;
    width: calc(100% - 20px);

    font-size: 4rem;
    line-height: 4.6rem;
    font-weight: 800;
    
}

.fContent.cont_home .keyBox h1 p{
    overflow: hidden;
}
.fContent.cont_home .keyBox h1 p span{
    transform: translateY(100%);
    display: block;
}
.fContent.cont_home .keyBox h1 p.show span{
    transform: translateY(0);
}
.fContent.cont_home .keyBox h1 p.end span{
    transform: translateY(-100%);
}
.fContent.cont_home .keyBox h1 p.animate span{
    transition: all .6s;
}


.fContent.cont_home .slideBox {
    position: relative;
    width: 100%;
    height: 40vh;
}
.fContent.cont_home .slideBox .slideControl {
    position: absolute;
    left: 50%;
    top: -40px;
    transform: translate(-50%, -100%);
}
.fContent.cont_home .slideBox .slideControl .slideInfo{
    width: 50%;
    font-size: 1.4rem;
    line-height: 2rem;
    word-break: keep-all;
}
.fContent.cont_home .slideBox .slideControl .slideInfo .slideTitle{
    font-weight: 600;
    overflow: hidden;
    width: 100%;
}
.fContent.cont_home .slideBox .slideControl .slideInfo .slideTitle p{
    transform: translateY(100%);
}
.fContent.cont_home .slideBox .slideControl .slideInfo .slideTitle.show p{
    transform: translateY(0);
}
.fContent.cont_home .slideBox .slideControl .slideInfo .slideTitle.end p{
    transform: translateY(-100%);
}
.fContent.cont_home .slideBox .slideControl .slideInfo .slideTitle.animate p{
    transition: all .6s;
}


.fContent.cont_home .slideBox .slideControl .slideInfo .slideSubtext{
    opacity: .6;
    margin-top: 5px;
    font-weight: 200;
    overflow: hidden;
    
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.fContent.cont_home .slideBox .slideControl .slideInfo .slideSubtext.animate p{
    transition: all 1.5s;
}
.fContent.cont_home .slideBox .slideControl .slideInfo .slideSubtext p{
    transform: translateX(100%);
    opacity: 0;
}
.fContent.cont_home .slideBox .slideControl .slideInfo .slideSubtext.show p{
    transform: translateX(0);
    opacity: 1;

}
.fContent.cont_home .slideBox .slideControl .slideInfo .slideSubtext.end p{
    transform: translateX(0);
    opacity: 0;
}


.fContent.cont_home .slideBox .slideControl .slideBtn {
    position: absolute;
    right: 0;
    bottom: 0;
}
.fContent.cont_home .slideBox .slideControl .slideBtn .btn{
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    margin-right: -4px;
}
.fContent.cont_home .slideBox .slideControl .slideBtn .btn:last-child{
    margin-right: unset;
}
.fContent.cont_home .slideBox .slideControl .slideBtn .btn svg{
    fill: #fff;
    width: 60%;
    text-align: center;
    margin-top: 20%;
}
.fContent.cont_home .slideBox .slideControl .slideBtn .btn:hover{
    background-color: #fff;
}
.fContent.cont_home .slideBox .slideControl .slideBtn .btn:hover svg{
    fill: #007aff;
}

.fContent.cont_home .slideBox .slideShow {

}


.fContent.cont_home .slideBox .slideShow .homeSwiper .swiper-slide{
    /* background-color: #999; */
    transition: all .5s;
    width: 25vw;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    opacity: .1;
}
.fContent.cont_home .slideBox .slideShow .homeSwiper .swiper-slide.swiper-slide-active{
    width: 50vw !important;
    background-position: left center;
    opacity: 1;
}

.fContent.cont_home .slideBox .slideShow .homeSwiper .swiper-slide.swiper-slide-next,
.fContent.cont_home .slideBox .slideShow .homeSwiper .swiper-slide.swiper-slide-next + .swiper-slide+ .swiper-slide{
    width: 10vw !important;
}
.fContent.cont_home .slideBox .slideShow .homeSwiper .swiper-slide.swiper-slide-next + .swiper-slide{
    width: 30vw !important;
    opacity: .3;
}



.fContent.cont_home .slideBox .slideShow .homeSwiper div[class*='swiper-button'] {
    opacity: 0;
    width: 0 !important;
    height: 0 !important;
}







.fContent.cont_business{
    background-color: #f5f5f5;
}

.fContent.cont_business,
.fContent.cont_business .fp-tableCell{
    height: fit-content !important;
    min-height: 100vh;
}

.fContent.cont_business .cont-wrap .serviceList{
    margin-top: 80px;
    
    column-count: 3;
    column-gap: 30px;
}
.fContent.cont_business .cont-wrap .serviceList .serviceItem{
    -webkit-column-break-inside: avoid;
              page-break-inside: avoid;
                   break-inside: avoid;
    width: 100%;
    display: block;
}
.fContent.cont_business .cont-wrap .serviceList .serviceItem .iconBox{
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 60px;
}
.fContent.cont_business .cont-wrap .serviceList .serviceItem .iconBox::after{
    position: absolute;
    content: '';
    width: 0;
    height: 1px;
    background-color: #999;
    opacity: 0;
    transition: all .6s;
    left: 0;
    bottom: 0;
}
.fContent.cont_business .cont-wrap .serviceList .serviceItem .iconBox .icon{
    width: 100px !important;
    height: 100px !important;
    opacity: 0;
    transition: all .6s;
    transform: translateX(-10%);
}
body.fp-viewing-business .fContent.cont_business .cont-wrap .serviceList .serviceItem .iconBox:after,
    body.fp-viewing-partners .fContent.cont_business .cont-wrap .serviceList .serviceItem .iconBox:after{
    width: 100%;
    opacity: .3;
}
body.fp-viewing-business .fContent.cont_business .cont-wrap .serviceList .serviceItem .iconBox .icon,
    body.fp-viewing-partners .fContent.cont_business .cont-wrap .serviceList .serviceItem .iconBox .icon{
    opacity: 1;
}
.fContent.cont_business .cont-wrap .serviceList .serviceItem .textBox .textTitle{
    font-size: 2.4rem;
    line-height: 3rem;
    font-weight: 600;
    overflow: hidden;
}

.fContent.cont_business .cont-wrap .serviceList .serviceItem .textBox .textTitle p{
    transform: translateY(100%);
    transition: all .6s;
}
body.fp-viewing-business .fContent.cont_business .cont-wrap .serviceList .serviceItem .textBox .textTitle p,
    body.fp-viewing-partners .fContent.cont_business .cont-wrap .serviceList .serviceItem .textBox .textTitle p{
    transform: translateY(0);
}
.fContent.cont_business .cont-wrap .serviceList .serviceItem .textBox .textSub{
    font-size: 1.4rem;
    line-height: 2rem;
    opacity: .6;
    margin-top: 10px;
    overflow: hidden;
}

.fContent.cont_business .cont-wrap .serviceList .serviceItem .textBox .textSub p{
    transform: translateX(100%);
    opacity: 0;
    transition: all 1.5s;
}
body.fp-viewing-business .fContent.cont_business .cont-wrap .serviceList .serviceItem .textBox .textSub p,
    body.fp-viewing-partners .fContent.cont_business .cont-wrap .serviceList .serviceItem .textBox .textSub p{
    transform: translateX(0);
    opacity: 1;

}

.fContent.cont_business .cont-wrap .serviceList .serviceItem .tagList {
    margin-top: 30px;
}
.fContent.cont_business .cont-wrap .serviceList .serviceItem .tagList .tagItems{
    margin-bottom: 12px;
}
.fContent.cont_business .cont-wrap .serviceList .serviceItem .tagList .tagItems .tagTitle{
    display: block;
    margin-bottom: 8px;
    opacity: .6;
    font-weight: 400;
}
.fContent.cont_business .cont-wrap .serviceList .serviceItem .tagList .tagItems .tagItem{
      background-color: #fff;
}









.fContent.cont_partners{
    background: linear-gradient(180deg, #f5f5f5 0%, #ddd 100%);
}
.fContent.cont_partners,
.fContent.cont_partners .fp-tableCell{
    height: fit-content !important;
}


.fContent.cont_partners .cont-title{
    margin-top: 100px;
}
.fContent.cont_partners .fp-tableCell {
    max-width: 100vw;
    overflow: hidden;
}
.fContent.cont_partners .partnerList .partnerItem {
    background-color: #f5f5f5;
    color: #141414;
}






.fContent.cont_service{
    background-color: #f9f9f9;
    padding-bottom: 160px;
}
.fContent.cont_service::after{
    z-index: 1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../../common/resources/Abstract-wave-png-17c52d.png);
    background-position: center top -10%;
    opacity: .05;
    background-repeat: no-repeat;
    transition: all 2s;
}

body.fp-viewing-service .fContent.cont_service::after{
    background-position: center top;

}

.fContent.cont_service,
.fContent.cont_service .fp-tableCell{
    position: relative;
    height: fit-content !important;
    z-index: 2;
}


.fContent.cont_service .serviceList {
    column-count: 4;
    column-count: 30px;
}
.fContent.cont_service .serviceList .serviceItem{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding-bottom: 15px;

    margin-top: 30vh;
    opacity: 0;
}

.fContent.cont_service .serviceList .serviceItem:nth-child(-n+4){transition: all 2s;}
.fContent.cont_service .serviceList .serviceItem:nth-child(n+5){transition: all 3s;}

body.fp-viewing-service .fContent.cont_service .serviceList .serviceItem,
body.fp-viewing- .fContent.cont_service .serviceList .serviceItem,
body.fp-viewing-confluence .fContent.cont_service .serviceList .serviceItem{opacity: 1;margin-top: unset;}


.fContent.cont_service .serviceList .serviceItem > .wrap{
    background-color: rgb(255, 255, 255,.8);
    padding: 35px 30px 30px;
    border-radius: 5px;
}

.fContent.cont_service .serviceList .serviceItem  > .wrap > .icon:first-child {
    width: 60px !important;
    height: 60px !important;
    border-radius: 50%;
    margin-bottom: 30px;
    transform: translateX(-5%);
}


.fContent.cont_service .serviceList .serviceItem .serviceTitle{
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 15px;
}
.fContent.cont_service .serviceList .serviceItem p{
    font-size: 1.2rem;
    line-height: 1.6rem;
    opacity: .6;
    font-weight: 300;
    padding-left: 20px;
    position: relative;
    color: #555;
}
.fContent.cont_service .serviceList .serviceItem p .icon{
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #555;
    position: absolute;
    left: 3px;
    top: 10px;
}

.fContent.cont_service .serviceList .serviceItem .tagList {
    margin-top: 30px;
}
.fContent.cont_service .serviceList .serviceItem .tagList .tagItem{
    background-color: #f5f5f5;

}





.fContent.cont_confluence{
    padding-bottom: 300px;
    background-color: rgba(24, 32, 39, 0.3);
}
.fContent.cont_confluence,
.fContent.cont_confluence .fp-tableCell{
    height: fit-content !important;
    position: relative;
}
.fContent.cont_confluence .fp-tableCell {
    max-width: 100vw;
    overflow: hidden;
}
.fContent.cont_confluence .fp-tableCell > .wrap{
    background-color: #f5f5f5;
    padding-bottom: 120px;
    padding-top: 80px;
}
.fContent.cont_confluence .cont-title{
    padding-bottom: 60px;
}
.fContent.cont_confluence .partnerList .partnerItem{
    background-color: unset;
}










.fContent.cont_footer,
.fContent.cont_footer .fp-tableCell{
    height: fit-content !important;
}

footer {
    background-color: #111;
    color: #fff;
    padding:60px 0 40px;
}
footer > .wrap{
    position: relative;
}



footer .logo,
footer .btnBox {
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    height: 80px;
}
footer .logo{
    height: 100px;
}
footer .logo img{
    height: 100%;
    width: auto;
}
footer .infoCont .btnBox {
    top: unset;
    bottom: 0;
    width: fit-content;
}

footer .infoCont .btnBox .btn {
    height: 40px;
    padding: 0 20px;
    line-height: 38px;
    margin-left: -4px;
}
footer .infoCont .btnBox .btn:first-child {
    margin-left: unset;
    margin-top: unset;
}

footer .infoCont {
    width: 40%;
    margin-left: auto;
    margin-right: 0;
}
footer .infoCont .infomation li {
    margin-bottom: 15px;
    white-space: nowrap;
}
footer .infoCont .infomation li h6{
    display: inline-block;
    vertical-align: top;
    color: #eee;
    font-size: 1.2rem;
    line-height: 1.6rem;
    white-space: normal;
    word-break: keep-all;
}
footer .infoCont .infomation h6.infoTitle{
    opacity: .5;
    font-weight: 200;
    width: 120px;
}
footer .infoCont .infomation h6:last-child{
    width: calc(100% - 120px);
}


footer .actCont {
    position: relative;
    width: 100%;
    margin-top: 30px;
}
footer .actCont .copyright{
    text-align: center;
    font-size: 1.2rem;
    font-weight: 200;
    opacity: .5;
}




/********************************* popup *********************************/

.popupItem > .btn svg{
    fill: #fff;
    width: 30%;
    margin-top: 35%;
}
.popupItem[data-popup="work"]{
    background-color: unset;
}
.popupItem[data-popup="work"] > .btn{
    position: absolute;
    left: 50%;
    top: 0;
    width: 100px;
    height: 100px;
    transform: translateX(-50%);

    /* 임시 */
    color: #fff;
    text-align: center;
    line-height: 99px;
}
.popupItem[data-popup="work"] .popup-cont{
    background-color: #1c1c24;
    color: #fff;
    height: calc((var(--vh, 1vh) * 100) - 100px);
    width: 100%;
    position: absolute;
    bottom: 0;
    max-height: unset;
    padding: 100px 0 0 !important;
}
.popupItem[data-popup="work"] .workList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.popupItem[data-popup="work"] .workList .workItem{
    -webkit-column-break-inside: avoid;
              page-break-inside: avoid;
                   break-inside: avoid;
    display: block;
    width:33.3%;
    height: 0;
    padding-bottom: 33.3%;
    max-height: 45vh;
    position: relative;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    cursor: pointer;
}
.popupItem[data-popup="work"] .workList .workItem .workInfo{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 120px 30px 35px;
    background: linear-gradient(180deg, rgba(29, 38, 47, 0.00) 0%, rgba(24, 32, 39, 0.70) 100%);
    font-size: 1.4rem
}
.popupItem[data-popup="work"] .workList .workItem .workInfo * {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.popupItem[data-popup="work"] .workList .workItem .workInfo .workTitle{
    font-weight: 600;
}
.popupItem[data-popup="work"] .workList .workItem .workInfo .workDate{
    margin-top: 10px;
    opacity: .6;
    font-weight: 200;

}




.popupItem[data-popup="workDetail"]{
    background-color: unset;
}
.popupItem[data-popup="workDetail"] > .btn{
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 100px;

    /* 임시 */
    color: #fff;
    text-align: center;
    line-height: 99px;
}
.popupItem[data-popup="workDetail"] .popup-cont{
    background-color: #1c1c24;
    color: #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    max-height: unset !important;
    overflow-y: auto;
}

.popupItem[data-popup="workDetail"] .popup-cont .infoBox{
    z-index: 4;
    position: fixed;
    right: 0;
    width: 50%;
    height: 100%;
    background-color: #111;

}
.popupItem[data-popup="workDetail"] .popup-cont .infoBox > .wrap{
    width: 100%;
    padding: 0 60px;
    max-width: 720px;
    margin: 0 auto;
    margin-top: 50vh;
    position: relative;
    transform: translateY(-50%);
}

.popupItem[data-popup="workDetail"] .popup-cont .infoBox  .infoTitle {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 800;
}
.popupItem[data-popup="workDetail"] .popup-cont .infoBox  .infoTitle + p{
    font-size: 1.4rem;
    line-height: 2rem;
    opacity: .7;
    margin-top: 30px;
}
.popupItem[data-popup="workDetail"] .popup-cont .infoBox  .infoTable {

    font-size: 1.4rem;
    line-height: 2rem;
}
.popupItem[data-popup="workDetail"] .popup-cont .infoBox  .infoTable li:first-child{
    margin-top: 100px;
    padding-top: 30px;
    border-top:1px solid #999; 
}
.popupItem[data-popup="workDetail"] .popup-cont .infoBox  .infoTable li{
    white-space: nowrap;
}
.popupItem[data-popup="workDetail"] .popup-cont .infoBox  .infoTable li h5{
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    opacity: .8;
    max-width: calc(100% - 120px);
}
.popupItem[data-popup="workDetail"] .popup-cont .infoBox  .infoTable li h5.tableTitle{
    width: 120px;
    opacity: .5;
}
.popupItem[data-popup="workDetail"] .popup-cont .imgList {
    z-index: 3;
    width: 50%;

    
}
.popupItem[data-popup="workDetail"] .popup-cont .imgList .imgItem{
    position: relative;
    width: 100%;
}
.popupItem[data-popup="workDetail"] .popup-cont .imgList .imgItem img{
    width: 100%;
    height: auto;
}
.popupItem[data-popup="workDetail"] .popup-cont .imgList .imgItem:first-child{
    overflow: hidden;
    min-height:  calc((var(--vh, 1vh) * 100));

}
.popupItem[data-popup="workDetail"] .popup-cont .imgList .imgItem:first-child img{
    height:  calc((var(--vh, 1vh) * 100));
    width: auto;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}



.popupItem[data-popup="contact"] .popup-cont .cont-title{
    padding-bottom: 30px;
    text-align: left;
}
.popupItem[data-popup="contact"] .popup-cont .cont-title .titleMain{
    font-size: 2rem;
    line-height: 2.6rem;
    font-weight: 800;
}
.popupItem[data-popup="contact"] .popup-cont .cont-title .titleSub{
    font-size: 1.3rem;
    margin-bottom: 10px;
}
.popupItem[data-popup="contact"] .popup-cont .btnBox .btn {
    width: 200px;
    height: 50px;
    line-height: 48px;
    text-align: center;
}




.popupItem[data-popup="partners"]{
    background-color: unset;
}
.popupItem[data-popup="partners"] > .btn{
    position: absolute;
    left: 50%;
    top: 0;
    width: 100px;
    height: 100px;
    transform: translateX(-50%);

    /* 임시 */
    color: #fff;
    text-align: center;
    line-height: 99px;
}
.popupItem[data-popup="partners"] .popup-cont{
    background-color: #1c1c24;
    color: #fff;
    height: calc(100vh - 100px);
    width: 100%;
    position: absolute;
    bottom: 0;
    max-height: unset;
    padding: 100px 20px 20px !important;
}
.popupItem[data-popup="partners"] .partnerList .partnerItem{
    display: inline-block;
    text-align: center;
    padding: 30px 20px 30px;
    margin:0 5px 12px;
    width: calc((100%/4.1) - 10px);
}
.popupItem[data-popup="partners"] .partnerList .partnerItem .icon{
    display: block;
    margin:0 auto 20px ;
}
.popupItem[data-popup="partners"] .partnerList .partnerItem h5{
    opacity: 1;
}