/* -----------회사소개 --------------*/
/* 회사소개 common */
.co-main #container{margin-top: -58px;}
.header-co{height:58px;position:sticky;z-index:999;width: 100%;left: 0;top: 0;background:transparent;border-bottom:1px solid transparent;transition:border-color .3s, background .3s;}
#wrap:not(.co-main) .header-co{border-color:#DFE1E8;background-color: #fff;}
.header-co.fix{border-color:#DFE1E8;background-color: #fff;}
.co-main .header-co .icon-allmenu{background-image: url("../images/common/icon-allmenu-w.svg");}
.co-main .header-co.fix .icon-allmenu{background-image: url("../images/common/icon-allmenu.svg");}
.header-co >.container{display:flex;align-items:center;justify-content:space-between;height: 100%;}
.header-co >.container h1{font-size: 18px;font-weight: 500;line-height: 23.4px;color: #35425C;}
.header-co .all-menu{position: fixed;top: 0; right: 50%;transform: translateX(150%);max-width:640px;opacity: 0;margin:0 auto;width: 100%;height: 100dvh;z-index: 999;transition: transform .3s, opacity .3s;background: #FFF;}
.header-co .all-menu.open{transform: translateX(50%);opacity: 1;}
.header-co .all-menu-box{height: calc(100dvh - 58px);}
.header-co .all-menu .all-menu-top{padding:16px;}
.header-co .all-menu .dp1-list{display:flex;flex-direction:column;}
.header-co .all-menu .dp1{display: flex;align-items: center;justify-content: space-between;padding:0 16px;height:68px;color: #35425C;font-size: 18px;font-weight: 500;line-height:25.2px;letter-spacing: -0.36px;}
.header-co .all-menu .dp1.active .icon-c-allmenu-arr{transform:rotate(-180deg);}
.header-co .all-menu .dp2-list{display: flex;padding: 20px 32px;flex-direction: column;align-items: flex-start;gap: 12px;background-color: #F6F7F8;}
.header-co .all-menu .dp2-list li{width:100%;}
.header-co .all-menu .dp2-list a{display:block;width:100%;color: #4B4F5C;line-height: 22.5px;letter-spacing: -0.3px;}
.header-co .all-menu .btn-clse{position:absolute;width:20px;height:20px;top:19px;right:16px;}

.co-main .header-co .gnb .dp1-list > li > a{color:#fff;}
.co-main .header-co.fix .gnb .dp1-list > li > a,.co-main .header-co.bg .gnb .dp1-list > li > a{color:#353849;}
.header-co .gnb .dp1-list > li > a:hover,.header-co .gnb .dp1-list > li.active > a{color:#07F !important;}
.header-co .btn-sv{display: flex;padding: 8px 20px;justify-content: center;align-items: center;border-radius: 50px;background: #338DFF;color:#fff;transition:background .3s;font-weight: 500;line-height: 140%;letter-spacing: -0.3px;}
.header-co .btn-sv:hover{background-color: #0675F4;}

.header-co .gnb .dp2-list{display:flex;flex-direction:column;gap:16px;align-items: flex-start;position:absolute;top:88px;z-index: 999;width: 112px;padding:32px 0 50px 8px;transition: height .3s;visibility: hidden;}
.header-co.bg .gnb .dp2-list{visibility: visible;}
.header-co .gnb .dp2-list a{display:block;position:relative;z-index:2;font-size: 14px;line-height: 21px;color:#35425C;letter-spacing: -0.28px;}
.header-co .gnb .dp2-list a:hover{color:#07F;}



/* 회사소개 메인 */
.company-main-con{}
.company-main-con section{margin: 0 0 60px;}
.company-main-con .top-title-l{margin-bottom: 24px;font-size: 20px;font-weight: 700;line-height: 150%;letter-spacing: -0.8px;}
.company-main-con .top-title-m{margin-bottom:32px;font-size: 26px;font-weight: 700;line-height: 130%; letter-spacing: -0.78px;}
.company-main-con .main-visual{height:433px;position:relative;z-index:1;overflow: hidden;}
.company-main-con .main-visual::after{position:absolute;display:block;left:0;top:0;z-index:0;width:100%;height:100%;content:'';background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);}
.company-main-con .main-visual video{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.company-main-con .main-visual .text-box{display: flex;flex-direction: column;gap: 4px;position:absolute;z-index:1;top: 110px;color: #FFF;}
.company-main-con .main-visual .text-box .text1{font-size: 26px;font-weight: 700;line-height: 130%;letter-spacing: -0.78px;}
.company-main-con .main-visual .text-box .text2{font-size: 16px;line-height: 150%;letter-spacing: -0.32px;}
.company-main-con .sec-01{padding:60px 0;margin:0;}
.company-main-con .sec-01 .container{position:relative;}
.company-main-con .sec-01 .acc-num-box{display:flex;flex-direction:column;gap:28px;margin-top:24px;}
.company-main-con .sec-01 .acc-num-box .box{display:flex;flex-direction:column;align-items: center;gap: 4px;opacity: 0;/* transform: translateY(60px);animation: fadeUp .6s ease-out forwards; */ }
.company-main-con .sec-01 .acc-num-box .box:nth-child(1) { animation-delay: 0s;}
.company-main-con .sec-01 .acc-num-box .box:nth-child(2) { animation-delay: 0.25s;}
.company-main-con .sec-01 .acc-num-box .box:nth-child(3) { animation-delay: 0.5s;}
.company-main-con .sec-01 .acc-num-box .box:nth-child(4) { animation-delay: 0.75s;}
.company-main-con .sec-01 .acc-num-box .box > span{color:#5A6275;font-size: 14px;letter-spacing: -0.28px;}
.company-main-con .sec-01 .acc-num-box .box strong{color: #353849;font-size: 26px;font-weight: 700;line-height: 130%;letter-spacing: -0.78px;}


.company-main-con .sec-02{padding:60px 0;color:#fff;background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.55) 100%), url("../images/company/bg-co-m-sec2.png") no-repeat;background-size:cover;background-blend-mode: multiply, normal;}
.company-main-con .sec-02 .container{display: flex;flex-direction: column;gap: 16px;justify-content: center;height:100%;font-size: 14px;line-height: 150%;letter-spacing: -0.28px;}
.company-main-con .sec-02 .top-title-l{display:flex;flex-direction:column;gap:4px;font-size:24px;line-height:130%;letter-spacing: -0.48px;}
.company-main-con .sec-02 .top-title-l em{font-size:18px;line-height:130%;font-weight: 500;letter-spacing:-0.36px;}
.company-main-con .sec-03 .item-box{display:flex;flex-direction: column;gap:16px;}
.company-main-con .sec-03 .item-box li{height:240px;position: relative;border-radius:16px;z-index: 1;}
.company-main-con .sec-03 .item-box li a{display:flex;flex-direction: column;gap:10px;padding:24px;height: 100%;}
.company-main-con .sec-03 .item-box li.item-01{background: #5D9BFE;color:#fff;}
.company-main-con .sec-03 .item-box li.item-01 .title{color:#fff;}
.company-main-con .sec-03 .item-box li.item-01 .text{color:#fff;}
.company-main-con .sec-03 .item-box li.item-01::after{position:absolute;right:24px;z-index: -1;bottom:24px;display:block;width:88px;height:88px;background: url("../images/company/img-co-m-sec3-item1.png")no-repeat;content:'';}
.company-main-con .sec-03 .item-box li.item-02{background: #EBFFCF;}
.company-main-con .sec-03 .item-box li.item-02::after{position:absolute;right:24px;z-index: -1;bottom:24px;display:block;width:88px;height:88px;background: url("../images/company/img-co-m-sec3-item2.png")no-repeat;content:'';}
.company-main-con .sec-03 .item-box li.item-03{background: #FFF0E5;}
.company-main-con .sec-03 .item-box li.item-03::after{position:absolute;right:24px;z-index: -1;bottom:24px;display:block;width:88px;height:88px;background: url("../images/company/img-co-m-sec3-item3.png")no-repeat;content:'';}
.company-main-con .sec-03 .item-box .title{font-size: 18px;font-weight: 500;line-height: 120%;color:#5A6275;letter-spacing: -0.36px;}
.company-main-con .sec-03 .item-box .text{font-size: 24px;font-weight: 700;line-height: 140%;letter-spacing: -0.48px;}
.company-main-con .sec-03 .item-box i{position:absolute;top:28px;right:28px;transition:opacity .3s;}
.company-main-con .sec-03 .item-box li a:active i{opacity:70%;}

.company-main-con .yg-sv-list{display:flex;flex-direction:column;gap:40px;margin-top:32px;}
.company-main-con .yg-sv-list li{display: flex;flex-direction: column;padding-bottom: 40px;gap: 12px;border-bottom: 1px solid #EEF0F4;}
.company-main-con .yg-sv-list li:last-child{border-bottom:0;}
.company-main-con .yg-sv-list .img{width: 100%;min-height: 230px;border-radius: 8px;overflow:hidden;}
.company-main-con .yg-sv-list .text-box{display:flex;flex-direction:column;}
.company-main-con .yg-sv-list .text-box .title{margin-bottom:12px;font-size: 18px;font-weight: 700;line-height: 140%;letter-spacing: -0.36px;}
.company-main-con .yg-sv-list .text-box .accent-text{color:#35425C;font-size: 16px;font-weight: 500;line-height: 120%;letter-spacing: -0.32px;margin-bottom: 8px;}
.company-main-con .yg-sv-list .text-box p{color: #687286;letter-spacing: -0.28px;font-size:14px;}
.company-main-con .yg-sv-list .btn{gap: 10px;width:100%;}


.company-main-con .sec-05{padding:60px 0;background: #F6F7F8;}
.company-main-con .sec-05 .accordion-list .accordion-item{border-bottom:0;}
.company-main-con .sec-05 .accordion-toggle{border-bottom: 1px solid #DFE1E8;margin: 0 16px;padding: 23.5px 0;font-size: 18px;line-height: 140%;letter-spacing: -0.36px;}
.company-main-con .sec-05 .active .accordion-toggle{border-bottom:0;}
.company-main-con .sec-05 .accordion-content{background: #fff;padding:4px 20px;border-bottom: 1px solid #DFE1E8;}
.company-main-con .sec-05 .accordion-content dl{display:flex;flex-direction:column;gap:4px;padding: 16px 0;border-bottom: 1px solid #DFE1E8;color:#4B4F5C;}
.company-main-con .sec-05 .accordion-content dl:last-child{border:0;}
.company-main-con .sec-05 .accordion-content dt{font-size: 16px;font-weight: 700;line-height: 130%;letter-spacing: -0.48px;}
.company-main-con .sec-05 .accordion-content dd{font-size: 14px;line-height: 150%;letter-spacing: -0.28px;}
.company-main-con .sec-05 .accordion-content li{display: flex;align-items: center;}
.company-main-con .sec-05 .accordion-content li::before{display:inline-block;margin:0 10px;width:3px;height:3px;border-radius:100%;background-color: #4B4F5C;content:'';}
.company-main-con .news-sec .btn-more{width:100%;max-width: 280px;margin: 24px auto 0;}
.company-main-con .news-list{display:flex;flex-direction:column;gap:20px;margin-top:24px;}
.company-main-con .news-list li{}
.company-main-con .news-list li a{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;}
.company-main-con .news-list li .lf-text{display:flex;flex-direction:column;gap:10px;max-width: calc(100% - 120px);}
.company-main-con .news-list li .title{color: #35425C;font-size: 15px;font-weight: 500;line-height: 150%;letter-spacing: -0.3px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.company-main-con .news-list li .info{color:#687286;font-size: 12px;line-height:140%;}
.company-main-con .news-list li .img{width: 100px;height: 100px;border-radius: 6px;overflow:hidden;}
.company-main-con .news-list li .img img{transition:transform .3s;}
.company-main-con .news-list li a:active img{transform:scale(1.12);}
.company-main-con .co-main-banner{display: flex;flex-direction: column;gap: 4px;color: #fff;padding: 20px;justify-content: center;min-height:162px;background: url("../images/company/bg-co-m-banner.png");background-size:cover;border-radius: 12px;font-size: 14px;line-height: 140%;letter-spacing: -0.28px;}
.company-main-con .co-main-banner .title{font-size: 18px;font-weight: 700;line-height: 140%;letter-spacing: -0.36px;}

/* 회사소개 common*/
.company-con{padding:0 0 60px;}
.company-con section{margin: 0 0 60px;}
.company-con .top-title-l{font-size: 34px;font-weight: 700;line-height: 130%;letter-spacing: -1.02px;}
.company-con .sub-top-visual{display: flex;align-items: flex-start;justify-content: center;flex-direction: column;gap:4px;margin-bottom:60px;padding: 60px 16px;color: #fff;position:relative;z-index:1;height:200px;}
.company-con .sub-top-visual::after{position:absolute;display:block;left:0;top:0;z-index:-1;width:100%;height:100%;content:'';background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);}
.company-con .sub-top-visual .title{font-size: 26px;font-weight: 700;line-height: 130%;letter-spacing: -0.78px;}
.company-con .sub-top-visual .text{font-size: 15px;font-weight: 500;line-height: 150%;letter-spacing: -0.3px;}
.company-con .youtube-link{display: flex;flex-direction: column;gap: 24px;margin-top: 24px;align-items: center;}
.company-con .youtube-link a{display: flex;border-radius:8px;overflow:hidden;}
.company-con .youtube-link a img{transition:transform .3s; }
.company-con .youtube-link a:hover img{transform:scale(1.05);}
.company-main-con .free-estimate-sec .text1 {margin-bottom: 20px;}
.company-con .free-estimate-sec .text1 {margin-bottom: 20px;}

/* 회사소개 - ceo 인사말 */
.c-ceo-con .sub-top-visual{margin-bottom:60px;background:url("../images/company/bg-ceo-subvisual.png")no-repeat;background-size:cover;}
.company-con .ceo-wrap{display:flex;gap:40px;flex-direction: column;}
.company-con .ceo-wrap .top-text{margin-bottom:32px;color: #5A6275;font-size: 15px;font-weight: 500;line-height: 150%;letter-spacing: -0.3px;}
.company-con .ceo-wrap .top-text .top-text1{margin-bottom:6px;color:#151523;font-size: 20px;font-weight: 700;line-height: 130%;letter-spacing: -0.8px;}
.company-con .ceo-wrap .img{width: 100%;border-radius: 16px;overflow:hidden;}
.company-con .ceo-wrap .img img{border-radius: 16px;overflow:hidden;}
.company-con .ceo-wrap .text-row{display:flex;flex-direction:column;gap:16px;font-size: 14px;font-weight: 400;letter-spacing: -0.28px;}
.company-con .ceo-wrap .sign-line{display: flex;align-items: baseline;font-size: 14px;letter-spacing: -0.28px;}
.company-con .ceo-wrap .sign-line .name{display:inline-block;margin:0 8px 0 12px;font-size: 22px;font-weight: 700;font-family:'Shilla_Culture';}

.company-con .br-tab-box{text-align: center;;}
.company-con .br-tab-box ul{display: inline-flex;max-width: 326px;width: 100%;padding: 8px 10px;align-items: center;border-radius: 50px;background-color: #EEF0F4}
.company-con .br-tab-box ul li{flex:1;}
.company-con .br-tab-box ul button{display:flex;align-items:center;justify-content:center;width:100%;padding:4px 12px;color:#687286;font-size: 14px;font-weight: 500;line-height: 21px;letter-spacing: -0.28px;transition:.3s;}
.company-con .br-tab-box ul button.active{border-radius: 50px;background:#338DFF;color:#fff;box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.05), 1px 2px 4px 0 rgba(0, 0, 0, 0.10);}

.company-con .img-item-list{display:flex;flex-direction:column;gap:24px;}
.company-con .img-item-list li{display: flex;align-items:center;flex-direction: column;border-radius: 16px;max-width: 343px;width: 100%;margin: 0 auto;overflow:hidden;background: #FFF;}
.company-con .img-item-list li .text-box{display:flex;flex-direction:column;gap:4px;padding:24px 20px;width: 100%;}
.company-con .img-item-list li .text-box .title{font-size: 18px;font-weight: 700;line-height: 140%;letter-spacing: -0.36px;}
.company-con .img-item-list li .text-box p{color:#5A6275;font-size: 14px;letter-spacing: -0.28px;line-height: 21px;}

/* 스와이퍼 하단 버튼 공통 */
.company-con .controls{display:flex;gap:12px;margin-top:16px;}
.company-con .controls .swiper-button-prev,.company-con .controls .swiper-button-next{position:static;margin:0 !important;transform:none;}
.company-con .controls .swiper-button-prev:active,.company-con .controls .swiper-button-next:active{filter: drop-shadow(0 0 8px rgba(31, 33, 41, 0.10));}
.company-con .controls .swiper-button-disabled{display:block !important;}


/* 회사소개 - 영구크린의 약속 */
.c-mgt-con{padding:0;}
.c-mgt-con .sub-top-visual{background:url("../images/company/bg-mgt-subvisual.png")no-repeat;background-size:cover;}
.c-mgt-con .top-text {margin-bottom:24px;}
.c-mgt-con .top-text .top-head-title-l{margin:0;}
.c-mgt-con .top-title-l{margin-bottom:40px;text-align:center;font-size: 34px;font-weight: 700;line-height: 130%;letter-spacing: -1.02px;}
.c-mgt-con .top-head-title-xl.tc{margin-bottom:24px;text-align:center;}
.c-mgt-con section{overflow:hidden;}



.esg-wrap .top-text.text-center{margin-bottom:24px;}
.esg-wrap .esg-top{position:relative;padding:24px;height: 280px;border-radius: 16px;border-radius: 16px;background: linear-gradient(90deg, rgba(0, 0, 0, 0.60) 20%, rgba(0, 0, 0, 0.40) 55%, rgba(0, 0, 0, 0.00) 80%), url("../images/company/bg-esg-top.png") lightgray no-repeat;background-size: cover;color:#fff;}
.esg-wrap .esg-top .title{margin-bottom:8px;font-size: 26px;font-weight: 700;line-height: 130%;letter-spacing: -0.78px;}
.esg-wrap .esg-top .text{font-size: 16px;font-weight: 500;line-height: 150%;letter-spacing: -0.32px;}
.esg-wrap .esg-top .info{position:absolute;bottom:24px;left:24px;display: flex;padding: 5px 8px;border-radius: 4px;background: rgba(0, 0, 0, 0.30);color:#DFE1E8;font-size: 12px;line-height: 120%;}
.esg-wrap .tape-swiper{}
.esg-wrap .tape-swiper li{display: flex;flex-direction: column;gap: 8px;padding:24px;width:100%;height: 397px;position:relative;z-index:1;color:#fff;font-size: 16px;font-weight: 500;line-height: 150%;letter-spacing: -0.32px;overflow:hidden;border-radius: 16px;}
.esg-wrap .tape-swiper li.tape-01{background: url("../images/company/bg-tape-01.png")no-repeat;}
.esg-wrap .tape-swiper li.tape-02{background: url("../images/company/bg-tape-02.png")no-repeat;}
.esg-wrap .tape-swiper li.tape-03{background: url("../images/company/bg-tape-03.png")no-repeat;}
.esg-wrap .tape-swiper li::after{position:absolute;z-index:-1;width:100%;height:100%;left:0;top:0;background: linear-gradient(180deg, rgba(37, 37, 37, 0.90) 0%, rgba(37, 37, 37, 0.60) 30%, rgba(37, 37, 37, 0.00) 60%);content:'';}
.esg-wrap .tape-swiper li button{display: inline-block;line-height: 16px;margin:0 0 1px 5px;}
.esg-wrap .tape-swiper li strong{font-size:26px;font-weight: 700;line-height: 130%;letter-spacing: -0.78px;}
.esg-wrap .tooltip-box{display: none;flex-direction:column;transition:.3s;padding: 12px 16px;margin:15px 0;border-radius: 4px;background:#F6F7F8;}
.esg-wrap .tooltip-box.open{display:flex;}
.esg-wrap .tooltip-box span{margin-bottom:5px;color:#35425C;font-size: 14px;font-weight: 500;letter-spacing: -0.28px;}
.esg-wrap .tooltip-box .dot-text{display: flex;align-items: center;gap: 6px;color:#687286;font-size: 12px;line-height: 18px;letter-spacing: -0.24px;}
.esg-wrap .tooltip-box .dot-text+.dot-text{margin:2px 0 0;}
.esg-wrap .tooltip-box .dot-text::before{display:inline-block;width:3px;height:3px;border-radius:100%;content:'';background-color: #687286;}
.esg-wrap .sec-03{padding:60px 0;background:#F6F7F8;}
.esg-wrap .pk-tab-con .title{display:flex;align-items:center;margin:36px 0 20px;justify-content: center;gap:8px;color:#35425C;font-size: 16px;font-weight: 500;letter-spacing: -0.32px;}
.esg-wrap .pk-tab-con ul{display: flex;flex-direction: column;gap: 24px;align-items: center;}
.esg-wrap .pk-tab-con ul li{border-radius:16px;overflow:hidden;}
.esg-wrap .pack-tab-box{display: flex;width:479px;margin: 0 auto 40px;padding: 8px 10px;align-items: center;border-radius: 50px;background-color: #EEF0F4;}
.esg-wrap .pack-tab-box ul{display:flex;}
.esg-wrap .pack-tab-box ul button{display:flex;align-items:center;justify-content:center;width:153px;padding: 7.8px 32px;color:#687286;font-size: 16px;font-weight: 500;line-height: 22.4px;letter-spacing: -0.32px;transition:.3s;}
.esg-wrap .pack-tab-box ul button.active{border-radius: 50px;background:#338DFF;color:#fff;box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.05), 1px 2px 4px 0 rgba(0, 0, 0, 0.10);}
.esg-wrap .zero-swiper{overflow:visible;}
.esg-wrap .zero-swiper .swiper-slide{width:100%;}
.esg-wrap .zero-swiper li{display: flex;flex-direction: column;align-items: center;justify-content: center;gap:8px;padding:50px 40px 40px;border-radius: 16px;background:#F6F7F8;text-align:center;}
.esg-wrap .zero-swiper li .title{margin-top: 12px;font-size: 24px;font-weight: 700;line-height: 130%;letter-spacing: -0.8px;}
.esg-wrap .zero-swiper li p{color: #5A6275;font-size: 14px;letter-spacing: -0.28px;}
.esg-wrap .zero-swiper li span{color: #5A6275;font-size: 12px;line-height:120%;}

.esg-wrap .sec-06{padding:60px 0;background: url("../images/company/bg-esg-sec06.png")no-repeat;background-size: cover;color:#fff;}
.esg-wrap .sec-06 >.container{display:flex;flex-direction:column;gap:20px;text-align:center;}
.esg-wrap .sec-06 .text1{margin-top:8px;font-size: 15px;line-height: 150%;letter-spacing: -0.3px;}
.esg-wrap .sec-06 .text2{font-size: 16px;font-weight: 500;line-height: 150%;letter-spacing: -0.32px;}

/* 고객중심 경영 */
.c-mgt-con .ccm-wrap .certify-list{display:flex;gap:24px;flex-wrap: wrap;}
.c-mgt-con .ccm-wrap .certify-list li{display:flex;flex-direction:column;gap:16px;align-items: center;width: calc((100% - 24px) / 2);}
.c-mgt-con .ccm-wrap .certify-list li .img img{border-radius: 4px;box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.05), 3px 5px 10px 0 rgba(0, 0, 0, 0.10);}
.c-mgt-con .ccm-wrap .certify-list li .text-box{display: flex;flex-direction: column;align-items: center;gap: 2px;}
.c-mgt-con .ccm-wrap .certify-list li .text-box strong{color: #35425C;font-size: 18px;font-weight: 700;line-height: 130%;letter-spacing: -0.36px;}
.c-mgt-con .ccm-wrap .certify-list li .text-box span{line-height: 21px;letter-spacing: -0.28px;font-size: 14px;color: #687286;}
.c-mgt-con .ccm-wrap .ccm-info-top{display:flex;align-items:center;flex-direction:column;gap:12px;text-align:center;margin-bottom:40px;}
.c-mgt-con .ccm-wrap .ccm-info-top .top-head-title-xl span{display:block;font-size: 13px;font-weight: 500;line-height: 150%;letter-spacing: -0.26px;}
.c-mgt-con .ccm-wrap .ccm-info-top .text{color:#5A6275;font-size: 14px;letter-spacing: -0.28px;}
.c-mgt-con .ccm-wrap .process-wrap{display: flex;flex-direction: column;align-items: center;justify-content: center;gap:8px;}
.c-mgt-con .ccm-wrap .process-wrap .bg-box{display:flex;align-items:center;justify-content:center;flex-direction: column;gap:24px;padding:40px 20px;border-radius: 8px;background: #F6F7F8;font-size: 26px;font-weight: 700;line-height: 130%;letter-spacing: -0.78px;}
.c-mgt-con .ccm-wrap .process-wrap .process-top{display: flex;justify-content: center;width:100%;padding: 10px 0;border-radius: 50px;font-weight: 500;font-size: 16px;border: 1px solid #687286;letter-spacing: -0.32px;background: rgba(228, 241, 255, 0.40);}
.c-mgt-con .ccm-wrap .process-wrap .process-btm{display: flex;justify-content: center;width:100%;padding: 10px 0;border-radius: 4px;background: #70B8FF;color:#fff;font-size: 16px;font-weight: 700;letter-spacing: -0.32px;}
.c-mgt-con .ccm-wrap .card-list{display: flex;flex-direction:column;gap: 24px;}
.c-mgt-con .ccm-wrap .card-list li{display:flex;justify-content:center;width:100%;max-width:343px;margin:0 auto;padding:40px 26px;z-index: 1;position:relative;border-radius: 16px;height: 397px;overflow:hidden;}
.c-mgt-con .ccm-wrap .card-list li::after{position: absolute;top: 0;left: 0;z-index: -1;width:100%;height:100%;background: linear-gradient(0deg, rgba(37, 37, 37, 0.90) 0%, rgba(37, 37, 37, 0.60) 30%, rgba(37, 37, 37, 0.00) 60%);content:'';}
.c-mgt-con .ccm-wrap .card-list li.card-01{background: url("../images/company/bg-ccm-card-01.png")no-repeat;}
.c-mgt-con .ccm-wrap .card-list li.card-02{background: url("../images/company/bg-ccm-card-02.png")no-repeat;}
.c-mgt-con .ccm-wrap .card-list li.card-03{background: url("../images/company/bg-ccm-card-03.png")no-repeat;}
.c-mgt-con .ccm-wrap .card-list li .text-box{display:flex;flex-direction: column;justify-content: flex-end;height:100%;color: #FFF;}
.c-mgt-con .ccm-wrap .card-list li .text-box .title{width:100%;text-align:center;margin-bottom:8px;font-size: 24px;font-weight: 700;line-height: 33.6px;letter-spacing: -0.48px;}
.c-mgt-con .ccm-wrap .card-list li .text-box p{position:relative;font-weight: 500;padding-left:22px;line-height: 22.5px;letter-spacing: -0.3px;}
.c-mgt-con .ccm-wrap .card-list li .text-box p::before{position:absolute;left:9px;top:9px;display:inline-block;width:3px;height:3px;background: #fff;content:'';}
.c-mgt-con .ccm-wrap .sec-04{padding:60px 0;background:#F6F7F8;}
.c-mgt-con .ccm-wrap .sec-04 .org-box-wrap{display: flex;flex-direction: column;gap: 16px;}
.c-mgt-con .ccm-wrap .sec-04 .org-box{display: flex;flex-direction: column;align-items: flex-end;justify-content: space-between;border-radius: 16px;background: #FFF;padding: 24px;height: 123px;}
.c-mgt-con .ccm-wrap .sec-04 .org-box .title{width: 100%;color: #5A6275;font-size: 18px;font-weight: 500;line-height: 150%;letter-spacing: -0.36px;}
.c-mgt-con .ccm-wrap .sec-06{padding:60px 0;margin:0;background: url("../images/company/bg-ccm-sec06.png");background-size:cover;}
.c-mgt-con .ccm-wrap .sec-06 >.container{display: flex;flex-direction: column;align-items: center;justify-content: center;color: #fff;font-size: 14px;line-height: 150%;letter-spacing: -0.28px;}
.c-mgt-con .ccm-wrap .sec-06 .title{font-size: 18px;font-weight: 700;line-height: 140%;letter-spacing: -0.36px;}
.c-mgt-con .ccm-wrap .sec-06 img{display: block;margin:16px 0 20px;}

.c-mgt-con .society-wrap .sec-01 .img-box{display:flex;flex-direction: column;align-items: center;justify-content: center;gap: 50px;margin-top: 80px;text-align:center;}
.c-mgt-con .society-wrap .sec-01 .img-box .text strong{display: inline-block;margin-bottom:8px;font-size: 20px;font-weight: 700;line-height: 26px;letter-spacing: -0.8px;}
.c-mgt-con .society-wrap .sec-01 .img-box .text p{font-size: 14px;font-weight: 500;line-height: 21px;letter-spacing: -0.28px;}
.c-mgt-con .society-wrap .sec-02{margin:0;padding:60px 0;background: linear-gradient(180deg, rgba(228, 241, 255, 0.80) 0%, rgba(228, 241, 255, 0.80) 100%);}
.c-mgt-con .society-wrap .sec-02 .society-list{display:flex;flex-direction: column;align-items: center;gap:20px;justify-content: center;}
.c-mgt-con .society-wrap .sec-02 li{border-radius:16px;overflow: hidden;}
.c-mgt-con .society-wrap .sec-02 .card .box{padding:24px 20px;background: #FFF;}
.c-mgt-con .society-wrap .sec-02 .card .text-box{}
.c-mgt-con .society-wrap .sec-02 .box{display:flex;flex-direction:column;overflow:hidden;max-width: 343px;}
.c-mgt-con .society-wrap .sec-02 .card .text-box .title{margin-bottom:8px;font-size:20px;line-height:26px;letter-spacing: -0.8px;background: #FFF;}
.c-mgt-con .society-wrap .sec-02 .card .text-box .text{color:#5A6275;letter-spacing: -0.3px;}
.c-mgt-con .society-wrap .sec-02 .card .btn-primary{width:100%;margin-top:16px;} 


/* 회사소개 - 인증 및 수상내역 */
.c-achv-sec-con{}
.c-achv-sec-con .sub-top-visual{background:url("../images/company/bg-achv-subvisual.png")no-repeat;background-size:cover;}
.c-achv-sec-con .certi-list{display: grid;grid-template-columns: 1fr 1fr;row-gap:24px;column-gap:12px;}
.c-achv-sec-con .certi-list li{display:flex;flex-direction:column;gap:8px;align-items: center;color: #5A6275;font-size: 12px;line-height: 14.4px;}
.c-achv-sec-con .achv-tab-con{text-align:center;}
.c-achv-sec-con .br-tab-box ul{margin-bottom:32px;max-width: 224px;}
.c-achv-sec-con .br-tab-box ul button.active{font-weight:700;}
.c-achv-sec-con .achv-tab-con{transform:translateY(0);}
.c-achv-sec-con .achv-tab-con.motion{animation: tabUp .85s ease;}
@keyframes tabUp {
  from {opacity: 0;transform: translateY(10px);}
  to {opacity: 1;transform: translateY(0);}
}

/*  회사소개 - 브랜드*/
/* .c-brand-con{overflow-x:hidden;} */
.c-brand-con .sub-top-visual{background:url("../images/company/bg-brand-subvisual.png")no-repeat;background-size:cover;}
.c-brand-con .top-text {margin-bottom:24px;}
.c-brand-con .top-text .top-head-title-l{margin:0;}
.c-brand-con .row-2{display:flex;gap:24px;flex-direction:column;}
.c-brand-con .bg-box{display: flex;align-items: center;justify-content: center;position:relative;padding:24px;height:259px;border-radius: 16px;background: #F6F7F8;}
.c-brand-con .row-2 h3{position: absolute;top: 24px;left: 24px;color:#5A6275;font-size: 16px;font-weight: 700;line-height: 130%;letter-spacing: -0.48px;}
.c-brand-con .down-btns{display: flex;flex-direction:column;margin-top: 24px;gap: 16px;}
.c-brand-con .color-box{display:flex;flex-direction:column;border-radius: 16px;overflow:hidden;}
.c-brand-con .color-box li{display:flex;flex-direction:column;justify-content:space-between;padding:24px 32px;color:#fff;}
.c-brand-con .color-box .color-01{height:240px;background:#07F;}
.c-brand-con .color-box .color-02{height:160px;background:#35425C;}
.c-brand-con .color-box .color-03{height:160px;background:#F60;}
.c-brand-con .color-box .title{font-size: 26px;font-weight: 700;line-height: 130%;letter-spacing: -0.78px;}
.c-brand-con .color-box .color-code{display:flex;flex-direction:column;align-items: flex-start;gap: 2px;font-weight: 500;font-size:14px;line-height:21px;letter-spacing: -0.28px;}
.c-brand-con .char-sec{padding:60px 0;background:#F6F7F8;}
.c-brand-con .char-sec >.container{display:flex;flex-direction:column;align-items:center;gap:40px;}
.c-brand-con .char-sec .text-top{display:flex;flex-direction:column;gap:12px;align-items: center;text-align: center;}
.c-brand-con .char-sec .text-top .title{color:#151523;font-size: 26px;font-weight: 700;line-height: 130%;letter-spacing: -0.78px;}
.c-brand-con .char-sec .text-top .text{display:flex;flex-direction:column;gap:8px;color: #35425C;line-height: 22.5px;font-size: 15px;letter-spacing: -0.3px;}

.c-brand-con .char-intro-swiper{position:relative;}
.c-brand-con .char-intro-swiper li{display: flex;flex-direction: column;gap: 16px;width:100%;}
.c-brand-con .char-intro-swiper li .text-box{display: flex;flex-direction: column;gap:8px;}
.c-brand-con .char-intro-swiper li .text1{font-size: 18px;line-height: 25.2px;letter-spacing: -0.72px;}
.c-brand-con .char-intro-swiper li .text2{color:#5A6275;line-height: 21px;font-size:14px;letter-spacing: -0.28px;}
.c-brand-con .char-intro-swiper .char{position:relative;height:452px;padding: 24px;border-radius: 16px;color: #FFF;font-family: 'Paperlogy';font-size: 46px;font-weight: 800;line-height: 120%;}
.c-brand-con .char-intro-swiper .char-01{background: #EB563E;}
.c-brand-con .char-intro-swiper .char-01::after{position:absolute;bottom:0;right:0;display:block;width:225px;height:300px;content:'';background: url("../images/company/img-char-intro-01.png")no-repeat;}
.c-brand-con .char-intro-swiper .char-02{background: linear-gradient(0deg, #57D14A 0%, #57D14A 100%), #FFF;}
.c-brand-con .char-intro-swiper .char-02::after{position:absolute;bottom:0;right:0;display:block;width:238px;height:256px;content:'';background: url("../images/company/img-char-intro-02.png")no-repeat;}
.c-brand-con .char-intro-swiper .char-03{background: linear-gradient(0deg, #5D60EF 0%, #5D60EF 100%), #FFF;}
.c-brand-con .char-intro-swiper .char-03::after{position:absolute;bottom:0;right:0;display:block;width:225px;height:278px;content:'';background: url("../images/company/img-char-intro-03.png")no-repeat;}
.c-brand-con .usage-list{display:flex;flex-direction:column;gap:8px;}
.c-brand-con .usage-list .bg-box{height:108px;align-items:center;padding:13px 24px;justify-content:space-between;border-radius:6px;}


/* 회사소개 - 오시는길 */
.c-location-con .sub-top-visual{margin-bottom:60px;background:url("../images/company/bg-location-subvisual.png")no-repeat;background-size:cover;}
.company-con .location-wrap .map{margin-bottom:24px;border-radius: 16px;overflow:hidden;}
.company-con .location-wrap .map .root_daum_roughmap{width:100%;}
.company-con .location-wrap .map .root_daum_roughmap .wrap_controllers{display:none;}
.company-con .location-wrap .map .map_border{border:0;background: 0;}
.company-con .location-wrap .location-info {margin:12px 0 24px;}
.company-con .location-wrap .location-info .box{display:flex;flex-direction:column;gap:8px;}
.company-con .location-wrap .location-info dl{display:flex;gap:6px;font-size: 15px;letter-spacing: -0.3px;}
.company-con .location-wrap .location-info dt{width:48px;font-weight: 500;}
.company-con .location-wrap .location-info dd{color:#5A6275;}
.company-con .location-wrap .btn-center .btn{width:320px;}


/* 파트너모집 */
.c-part-con{padding-bottom:0;}
.c-part-con .top-text{margin-bottom:24px;}
.c-part-con .sub-top-visual{background:url("../images/company/bg-part-subvisual.png")no-repeat;background-size:cover;}
.c-part-con .top-swiper .swiper-slide{width:100%;border-radius:16px;overflow:hidden;}
.c-part-con .top-swiper-clean .text{position:absolute;top:0;left:0;padding:20px;color:#FFFFFF;}
.c-part-con .top-swiper-clean .text p{margin:4px 0 12px;font-size: 15px;font-weight: 500;line-height: 150%;letter-spacing: -0.3px;}
.c-part-con .top-swiper-clean .text span{font-size: 12px;line-height: 120%;}
.c-part-con .top-swiper .swiper-pagination{position: static;margin-top:12px;display:flex;gap:5px;justify-content:center;}
.c-part-con .top-swiper .swiper-pagination-bullet{width: 6px;height: 6px;margin:0 !important;background-color: #C3C6CE;border-radius:100%;opacity:1;transition:.3s;}
.c-part-con .top-swiper .swiper-pagination-bullet-active{width: 18px;border-radius:50px;height: 6px;background-color: #5A6275;}

.c-part-con .img-item-list{margin-top:24px;} 
.c-part-con .img-item-list li{background:#F6F7F8;}
.c-part-con .part-clean-banner{position:relative;z-index:1;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;height: 268px;padding: 24px 20px;border-radius: 16px;background: #07C5D5;color:#fff;}
.c-part-con .part-clean-banner::after{display:block;position:absolute;z-index:-1;bottom:16px;right:20px;width:130px;height:120px;content:'';background: url("../images/company/img-part-clean-banner.png")no-repeat;}
.c-part-con .part-clean-banner .title{font-size: 20px;line-height: 130%;letter-spacing: -0.8px;}
.c-part-con .part-clean-banner .text{margin:4px 0 16px;font-size: 16px;line-height: 150%;letter-spacing: -0.32px;}
.c-part-con .part-clean-banner .btn-link{display:flex;align-items:center;gap:10px;padding:4px 12px;border-radius: 50px;color:#00A7C4;font-size: 15px;font-weight: 500;transition:opacity .3s;letter-spacing: -0.3px;background: #FFF;}
.c-part-con .part-clean-banner .btn-link:active{opacity:.7;}
.c-part-con .part-sec{margin:0;padding:60px 0;background: #E4F1FF;}
.c-part-con .write-wrap{margin-top: 28px;text-align: left;}
.part-sec .write-wrap .chk-agree-box {background-color: #F3F9FF;}

/* board 공통 */
.company-con .view-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font-size: 14px;letter-spacing: -0.28px;}
.company-con .view-top .view-toggle{display:flex;gap:12px;align-items:center;}
/* .company-con .view-box .img img{width:100%;height:100%;} */
.company-con .view-grid ul{display: flex;flex-direction: column;row-gap: 32px;}
.company-con .view-grid .img{border-radius:8px;margin-bottom:10px;overflow:hidden;}
.company-con .view-grid .img img{width:100%;height:100%;transition:transform .3s;}
.company-con .view-grid a:active .img img{transform:scale(1.12);}
.company-con .view-grid .text{display: flex;flex-direction: column;align-items: flex-start;gap: 4px;}
.company-con .view-grid .title{width: 100%;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;font-size: 16px;font-weight: 500;line-height: 24px;letter-spacing: -0.32px;transition:color .3s;}
.company-con .view-grid a:active .title{color:#0077FF;}
.company-con .view-grid .date{color:#687286;font-size: 12px;line-height:14.4px;}
.company-con .view-list ul{display:flex;flex-direction: column;gap:20px;}
.company-con .view-list li a{display:flex;justify-content:space-between;gap:20px;}
.company-con .view-list .img{width:110px;height:74px;border-radius:6px;flex-shrink: 0;overflow:hidden;}
.company-con .view-list .img img{width:100%;height:100%;transition:transform .3s;}
.company-con .view-list a:active .img img{transform:scale(1.12);}
.company-con .view-list .text{display: flex;flex-direction: column;align-items: flex-start;gap:10px;width:calc(100% - 130px);}
.company-con .view-list .title{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden;font-size: 16px;font-weight: 500;line-height: 24px;letter-spacing: -0.32px;transition:color .3s;}
.company-con .view-list a:active .title{color:#0077FF;}
.company-con .view-list .date{color:#687286;font-size: 12px;line-height:14.4px;}

/* 사회공헌 */
.c-social-con{}
.c-social-con .sub-top-visual{background:url("../images/company/bg-social-subvisual.png")no-repeat;background-size:cover;}
.c-social-con .youtube-sec{margin:60px 0 0;}
.c-social-con .youtube-sec .top-title-l{margin-bottom:40px;}

/* 언론보도 */
.c-news-con{}
.c-news-con .sub-top-visual{background:url("../images/company/bg-news-subvisual.png")no-repeat;background-size:cover;}
.c-news-con .view-list .img{width:100px;height: 100px;border-radius:6px;}
.c-news-con .view-list .text{width:calc(100% - 120px);}
.c-news-con .view-grid li{min-width: 0;}
/* .c-news-con .view-grid .img{height:343px;} */


/* ccm, 리더스클럽, 연도대상  */
.c-board-con{}
.c-board-con .sub-top-visual{background:url("../images/company/bg-c-board-subvisual.png")no-repeat;background-size:cover;}

/* 공지사항 */
.c-list-con{}
.c-list-con .sub-top-visual{background:url("../images/company/bg-c-list-subvisual.png")no-repeat;background-size:cover;}


/* ----------------------------------media 375px-------------------*/
@media (min-width: 375px) { 
.esg-wrap .zero-swiper .swiper-slide{width:343px;}
.esg-wrap .tape-swiper li{width:343px;}

.c-part-con .top-swiper .swiper-slide{width:343px;}
.c-brand-con .char-intro-list li{width:343px;}


}