@charset "utf-8";

/* -----------회사소개 --------------*/
/* 회사소개 common */
.co-main #container{margin-top: -88px;}
.header-co{height:88px;position:sticky;z-index:999;width: 100%;left: 0;top: 0;background:transparent;border-bottom:1px solid transparent;transition:background .3s, border-color .3s;}
.header-co::after{display: block;position: absolute;left: 0;top:88px;z-index: 99;width: 100%;height: 0;background: #FFF;content: '';transition: height .2s;}
.header-co.bg::after{height:251px;}
#wrap:not(.co-main) .header-co{border-color:#DFE1E8;background-color: #fff;}
.header-co.fix,.header-co.bg{border-color:#DFE1E8;background-color: #fff;}
.header-co >.container{display:flex;align-items:center;justify-content:space-between;height: 100%;}
.header-co .lf{display:flex;gap:60px;align-items: center;height: 100%;}
.header-co .gnb{height:100%;}
.header-co .gnb .dp1-list {display:flex;gap:50px;align-items:center;height: 100%;}
.header-co .gnb .dp1-list > li {height: 100%;}
.header-co .gnb .dp1-list > li > a{position:relative;display:flex;align-items:center;justify-content:center;padding:8px;height:100%;color:#353849;line-height: 24px;font-size:16px;transition: color .3s;}
.header-co .gnb .dp1-list >li >a::after{display:block;width:0;height:2px;position:absolute;bottom:-1px;left:50%;content:'';background:#338DFF;transition:left .3s, width .3s;}
.header-co .gnb .dp1-list >li >a:hover::after,.header-co .gnb .dp1-list >li.active >a::after{left:0;width:100%;}

.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 100px;}
.company-main-con .top-title-l{font-size: 34px;font-weight: 700;line-height: 130%;letter-spacing: -1.02px;}
.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:680px;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%;transform: translateY(-50%);width:100%;height:auto;}
.company-main-con .main-visual .text-box{display: flex;flex-direction: column;gap: 4px;position:absolute;z-index:1;top: 220px;color: #FFF;font-size: 26px;line-height: 130%;letter-spacing: -0.78px;}
.company-main-con .main-visual .text-box .text1{font-size:48px;font-weight: 700;line-height: 130%;letter-spacing: -1.02px;}
.company-main-con .main-visual .text-box .text2{font-size: 26px;line-height: 130%;letter-spacing: -0.78px;}
.company-main-con .sec-01{padding:100px 0 240px;margin:0;}
.company-main-con .sec-01 .container{position:relative;}
.company-main-con .sec-01 .acc-num-box{display: grid;grid-template-columns: max-content max-content;width:498px;margin-top:50px;column-gap:100px;row-gap:60px;}
.company-main-con .sec-01 .acc-num-box .box{display:flex;flex-direction:column;align-items: flex-start;gap: 4px;}
.company-main-con .sec-01 .acc-num-box .box > span{color:#5A6275;font-size: 16px;letter-spacing: -0.32px;}
.company-main-con .sec-01 .acc-num-box .box strong{color: #353849;font-size: 34px;font-weight: 700;line-height: 130%;letter-spacing: -1.02px;}

.company-main-con .sec-01 .graph-box{width:659px;height:492px;position:absolute;right:-11px;top:-10px;}
.company-main-con .sec-01 .graph-box svg{overflow:visible;}
.company-main-con .sec-01 .graph-box path {stroke-dasharray: 1000;stroke-dashoffset: 1000;}
.company-main-con .sec-01 .graph-box .dot-first{opacity:1;}
.company-main-con .sec-01 .graph-box .year-text.first-year{opacity:1;transform: translateY(10px);}
.company-main-con .sec-01 .graph-box .year-text{font-size: 13px;font-weight: 500;line-height: 130%;letter-spacing: -0.26px;transform: translateY(20px);}
.company-main-con .sec-01 .graph-box .last-year{color:#338DFF;font-weight:700;}

/*그래프 ani*/
@keyframes blurPulse {
  0%, 100% {transform: scale(1);opacity: 1;}
  50% {transform: scale(1.5);opacity: 0.2;}
}

.company-main-con .sec-02{padding:100px 0;height:480px;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") lightgray -84.416px -39.635px / 123.322% 108.509% no-repeat;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: 18px;line-height: 150%;letter-spacing: -0.36px;}
.company-main-con .sec-02 .top-title-l{display:flex;flex-direction:column;gap:4px;}
.company-main-con .sec-02 .top-title-l em{font-size:24px;line-height:130%;font-weight:500;letter-spacing: -0.72px;}
.company-main-con .sec-03 .item-box{display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: auto auto;column-gap:26px;row-gap:24px;}
.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:40px;height: 100%;}
.company-main-con .sec-03 .item-box li.item-01{grid-column: 1 / -1;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:84px;z-index: -1;bottom:0;display:block;width:240px;height:240px;background: url("../images/company/img-co-m-sec3-item1.png")no-repeat;content:'';}
.company-main-con .sec-03 .item-box li.item-02{grid-column: span 1;background: #EBFFCF;}
.company-main-con .sec-03 .item-box li.item-02::after{position:absolute;right:40px;z-index: -1;bottom:15px;display:block;width:120px;height:120px;background: url("../images/company/img-co-m-sec3-item2.png")no-repeat;content:'';}
.company-main-con .sec-03 .item-box li.item-03{grid-column: span 1;background: #FFF0E5;}
.company-main-con .sec-03 .item-box li.item-03::after{position:absolute;right:40px;z-index: -1;bottom:15px;display:block;width:120px;height:120px;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:44px;right:44px;transition:opacity .3s;}
.company-main-con .sec-03 .item-box li:hover i{opacity:70%;}

.company-main-con .yg-sv-list{display:flex;flex-direction:column;gap:40px;}
.company-main-con .yg-sv-list li{display: flex;padding-bottom: 40px;justify-content:space-between;gap: 12px;border-bottom: 1px solid #EEF0F4;}
.company-main-con .yg-sv-list .lf{display:flex;flex-direction:column;justify-content:space-between;}
.company-main-con .yg-sv-list .lf .text-box{display:flex;flex-direction:column;}
.company-main-con .yg-sv-list .lf .text-box .title{margin-bottom:24px;font-size: 28px;font-weight: 700;line-height: 140%;letter-spacing: -0.56px;}
.company-main-con .yg-sv-list .lf .text-box p{color: #687286;letter-spacing: -0.3px;}
.company-main-con .yg-sv-list .lf .text-box .accent-text{color:#35425C;font-size: 17px;font-weight: 500;line-height: 120%;letter-spacing: -0.34px;margin-bottom: 8px;}
.company-main-con .yg-sv-list .lf .btn{gap: 10px;width:124px;}
.company-main-con .yg-sv-list .lf .btn:hover i{transform:translateX(5px);}
.company-main-con .yg-sv-list .img{width: 375px;height: 250px;border-radius: 8px;overflow:hidden;}

.company-main-con .sec-05{padding:100px 0;background: #F6F7F8;}
.company-main-con .sec-05 .top-title-m{margin-bottom:24px;}
.company-main-con .sec-05 .accordion-toggle{padding: 31px 0;font-size: 24px;line-height: 140%;letter-spacing: -0.48px;}
.company-main-con .sec-05 .accordion-content{background: #fff;padding: 16px 24px;}
.company-main-con .sec-05 .accordion-content dl{display:flex;flex-direction:column;gap:8px;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: 20px;font-weight: 700;line-height: 130%;letter-spacing: -0.8px;}
.company-main-con .sec-05 .accordion-content dd{font-size: 16px;line-height: 150%;letter-spacing: -0.32px;}
.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:4px;height:4px;border-radius:100%;background-color: #4B4F5C;content:'';}
.company-main-con .news-sec .btn-more{width: 320px;margin: 40px auto 0;}
.company-main-con .news-list{display:flex;flex-direction:column;gap:20px;}
.company-main-con .news-list li{}
.company-main-con .news-list li a{display:flex;gap:12px;align-items:center;justify-content:space-between;}
.company-main-con .news-list li .lf-text{display:flex;flex-direction:column;gap:10px;max-width: calc(100% - 300px);}
.company-main-con .news-list li .title{color: #35425C;font-size: 20px;font-weight: 700;line-height: 130%;letter-spacing: -0.8px;}
.company-main-con .news-list li .info{color:#687286;font-size: 14px;letter-spacing: -0.28px;}
.company-main-con .news-list li .img{width: 240px;height: 240px;border-radius: 6px;overflow:hidden;}
.company-main-con .news-list li .img img{width:100%;height:100%;}
.company-main-con .co-main-banner{display: flex;flex-direction: column;gap: 8px;color: #fff;padding: 40px;justify-content: center;height: 200px;background: url("../images/company/bg-co-m-banner.png");border-radius: 16px;font-size: 18px;line-height: 120%;letter-spacing: -0.36px;}
.company-main-con .co-main-banner .title{font-size: 26px;font-weight: 700;line-height: 130%;letter-spacing: -0.78px;}

/* 회사소개 common*/
.company-con{padding:80px 0 100px;}
.company-con section{margin: 0 0 100px;}
.company-con .bor-tab{margin-bottom: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:8px;margin-bottom:80px;padding: 60px;color: #fff;position:relative;z-index:1;height:280px;border-radius: 20px;}
.company-con .sub-top-visual::after{position:absolute;display:block;left:0;top:0;z-index:-1;width:100%;height:100%;content:'';border-radius: 20px;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: 34px;font-weight: 700;line-height: 130%;letter-spacing: -1.02px;}
.company-con .sub-top-visual .text{font-size: 22px;font-weight: 500;line-height: 130%;letter-spacing: -0.66px;}
.company-con .youtube-link{display: grid;grid-template-columns: 1fr 1fr;gap: 24px;}
.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);}

/* 회사소개 - ceo 인사말 */
.c-ceo-con .sub-top-visual{margin-bottom:100px;background:url("../images/company/bg-ceo-subvisual.png")no-repeat;}
.company-con .ceo-wrap{display:flex;gap:60px;}
.company-con .ceo-wrap .text-box{font-size: 16px;letter-spacing: -0.32px;}
.company-con .ceo-wrap .top-text{margin-bottom:40px;color: #5A6275;font-size: 22px;font-weight: 500;line-height: 130%;letter-spacing: -0.66px;}
.company-con .ceo-wrap .top-text .top-text1{margin-bottom:6px;color:#151523;font-size: 28px;font-weight: 700;line-height: 140%;letter-spacing: -0.56px;}
.company-con .ceo-wrap .img{flex-shrink: 0;width: 456px;border-radius: 16px;overflow:hidden;}
.company-con .ceo-wrap .sign-line{display: flex;align-items: baseline;margin-top:10px;font-size: 16px;letter-spacing: -0.32px;}
.company-con .ceo-wrap .sign-line .name{display:inline-block;margin:0 12px 0 9px;font-size: 26px;font-weight: 700;font-family:'Shilla_Culture';}

.company-con .br-tab-box{text-align: center;;}
.company-con .br-tab-box ul{display: inline-flex;margin: 0 auto 40px;padding: 8px 10px;align-items: center;border-radius: 50px;background-color: #EEF0F4}
.company-con .br-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;}
.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:40px;}
.company-con .img-item-list li{display: flex;align-items:center;border-radius: 16px;overflow:hidden;background: #FFF;}
.company-con .img-item-list li .text-box{display:flex;flex-direction:column;gap:8px;padding:0 50px 0 60px;flex: 1;}
.company-con .img-item-list li .text-box .title{font-size: 28px;font-weight: 700;line-height: 140%;letter-spacing: -0.56px;}
.company-con .img-item-list li .text-box p{color:#5A6275;font-size: 18px;letter-spacing: -0.36px;line-height: 27px;}


/* 회사소개 - 영구크린의 약속 */
.c-mgt-con{padding:0;}
.c-mgt-con .sub-top-visual{background:url("../images/company/bg-mgt-subvisual.png")no-repeat;}
.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:40px;text-align:center;}


.c-mgt-con .esg-wrap{}
.esg-wrap .top-text.text-center{margin-bottom:40px;}
.esg-wrap .esg-top{position:relative;padding:60px;height: 420px;border-radius: 20px;background: url("../images/company/bg-esg-top.png")no-repeat;color:#fff;}
.esg-wrap .esg-top .title{margin-bottom:8px;font-size: 34px;font-weight: 700;line-height: 130%;letter-spacing: -1.02px;}
.esg-wrap .esg-top .text{font-size: 22px;font-weight: 500;line-height: 130%;letter-spacing: -0.66px;}
.esg-wrap .esg-top .info{position:absolute;bottom:60px;left:60px;display: flex;padding: 5px 8px;border-radius: 4px;background: rgba(0, 0, 0, 0.30);color:#DFE1E8;font-size: 13px;font-weight: 500;line-height: 100%;letter-spacing: -0.26px;}
.esg-wrap .tape-list{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 24px;}
.esg-wrap .tape-list li{display: flex;flex-direction: column;gap: 8px;padding:40px;height: 420px;position:relative;z-index:1;color:#fff;font-size: 18px;font-weight: 500;line-height: 120%;letter-spacing: -0.36px;overflow:hidden;border-radius: 16px;}
.esg-wrap .tape-list li.tape-01{background: url("../images/company/bg-tape-01.png")no-repeat;}
.esg-wrap .tape-list li.tape-02{background: url("../images/company/bg-tape-02.png")no-repeat;}
.esg-wrap .tape-list li.tape-03{background: url("../images/company/bg-tape-03.png")no-repeat;}
.esg-wrap .tape-list 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-list li button{display: inline-block;line-height: 16px;margin:0 0 1px 5px;}
.esg-wrap .tape-list li strong{font-size: 34px;font-weight: 700;line-height: 130%;letter-spacing: -1.02px;}
.esg-wrap .tooltip-box{display: none;flex-direction:column;transform:translateY(10px);transition:.3s;padding: 12px 16px;margin-top:24px;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;line-height: 18px;font-size: 12px;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:100px 0;background:#F6F7F8;}
.esg-wrap .pk-tab-con .title{display:flex;align-items:center;margin:30px 0 24px;gap:8px;color:#35425C;font-size: 16px;font-weight: 500;letter-spacing: -0.32px;}
.esg-wrap .pk-tab-con ul{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 24px;}
.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-list{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 24px;}
.esg-wrap .zero-list li{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 8px;height: 420px;padding: 40px;border-radius: 16px;background:#F6F7F8;text-align:center;}
.esg-wrap .zero-list li .title{margin-top: 16px;font-size: 24px;font-weight: 700;line-height: 140%;letter-spacing: -0.48px;}
.esg-wrap .zero-list li p{color: #5A6275;font-size: 16px;letter-spacing: -0.32px;}
.esg-wrap .zero-list li span{color: #5A6275;font-size: 12px;letter-spacing: -0.24px;}
.esg-wrap .sec-06{padding:100px 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:40px;text-align:center;}
.esg-wrap .sec-06 .top-title-l{margin:0;}
.esg-wrap .sec-06 .text1{font-size: 20px;line-height: 130%;letter-spacing: -0.8px;}
.esg-wrap .sec-06 .text2{font-size: 22px;font-weight: 500;line-height: 130%;letter-spacing: -0.66px;}


.c-mgt-con .ccm-wrap .certify-list{display:flex;gap:24px;}
.c-mgt-con .ccm-wrap .certify-list li{display:flex;flex-direction:column;gap:16px;}
.c-mgt-con .ccm-wrap .certify-list li .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: 16px;font-weight: 500;line-height: 150%;letter-spacing: -0.32px;}
.c-mgt-con .ccm-wrap .ccm-info-top .text{color:#5A6275;font-size:16px;letter-spacing: -0.32px;}
.c-mgt-con .ccm-wrap .card-list{display: grid;gap: 24px;grid-template-columns: 1fr 1fr 1fr;}
.c-mgt-con .ccm-wrap .card-list li{display:flex;justify-content: center;z-index: 1;position:relative;padding:40px 35px;border-radius: 16px;height: 420px;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;text-align: left;align-items: flex-start;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;border-radius: 100%;display:inline-block;width:3px;height:3px;background: #fff;content:'';}
.c-mgt-con .ccm-wrap .sec-04{padding:100px 0;background:#F6F7F8;}
.c-mgt-con .ccm-wrap .sec-04 .org-box-wrap{display:grid;gap:24px;grid-template-columns: 1fr 1fr;}
.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: 40px 50px 50px 40px;height: 200px;}
.c-mgt-con .ccm-wrap .sec-04 .org-box .title{width: 100%;color: #5A6275;font-size: 22px;font-weight: 500;line-height: 130%;letter-spacing: -0.66px;}
.c-mgt-con .ccm-wrap .sec-06{padding:100px 0;margin:0;background: url("../images/company/bg-ccm-sec06.png");}
.c-mgt-con .ccm-wrap .sec-06 >.container{display: flex;flex-direction: column;align-items: center;justify-content: center;color: #fff;font-size: 18px;font-weight: 500;line-height: 150%;letter-spacing: -0.36px;}
.c-mgt-con .ccm-wrap .sec-06 .title{font-size: 20px;font-weight: 700;line-height: 130%;letter-spacing: -0.8px;}
.c-mgt-con .ccm-wrap .sec-06 img{display: block;margin:26px 0 40px;}

.c-mgt-con .society-wrap{}
.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;font-size: 28px;font-weight: 700;line-height: 39.2px;letter-spacing: -0.56px;}
.c-mgt-con .society-wrap .sec-01 .img-box .text p{font-size: 16px;font-weight: 500;line-height: 24px;letter-spacing: -0.32px;}
.c-mgt-con .society-wrap .sec-02{margin:0;padding:120px 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-wrap: wrap;gap:24px;}
.c-mgt-con .society-wrap .sec-02 li{display:flex;overflow:hidden;border-radius:16px;}
.c-mgt-con .society-wrap .sec-02 .card .text-box{flex:1;background: #FFF;}
.c-mgt-con .society-wrap .sec-02 .card.col{flex: 0 0 100%;height: 365px;}
.c-mgt-con .society-wrap .sec-02 .card.col img{ flex: 0 0 620px;}
.c-mgt-con .society-wrap .sec-02 .card.col .text-box{display: flex;flex-direction: column;justify-content: center;align-items: flex-start;padding:0 60px;}
.c-mgt-con .society-wrap .sec-02 .card.col .text-box .title{font-size: 28px;font-weight: 700;line-height: 140%;letter-spacing: -0.56px;}
.c-mgt-con .society-wrap .sec-02 .card.col .text-box p{color: #5A6275;line-height:27px ;font-size: 18px;letter-spacing: -0.36px;margin: 8px 0 20px;}
.c-mgt-con .society-wrap .sec-02 .card.col .text-box .btn{width:124px;gap:10px;}
.c-mgt-con .society-wrap .sec-02 .card.row{flex:1;height: 420px;flex-direction:column;text-align:center;}
.c-mgt-con .society-wrap .sec-02 .card.row .text-box{display: flex;flex-direction: column;gap: 8px;padding:28px 0;}
.c-mgt-con .society-wrap .sec-02 .card.row .text-box .title{font-size: 24px;font-weight: 700;line-height: 140%;letter-spacing: -0.48px;}
.c-mgt-con .society-wrap .sec-02 .card.row .text-box p{color: #5A6275;font-weight: 500;line-height: 22.5px;letter-spacing: -0.3px;}

/* 회사소개 - 인증 및 수상내역 */
.c-achv-sec-con{}
.c-achv-sec-con .sub-top-visual{background:url("../images/company/bg-achv-subvisual.png")no-repeat;}
.c-achv-sec-con .certi-list{display: grid;grid-template-columns: 1fr 1fr 1fr;row-gap:48px;column-gap:40px;}
.c-achv-sec-con .certi-list li{display:flex;flex-direction:column;gap:8px;color: #5A6275;font-size: 14px;}
.c-achv-sec-con .achv-tab-con{text-align:center;}

/*  회사소개 - 브랜드*/
.c-brand-con .sub-top-visual{background:url("../images/company/bg-brand-subvisual.png")no-repeat;}
.c-brand-con .top-text {margin-bottom:24px;}
.c-brand-con .top-text .top-head-title-l{margin:0;}
.c-brand-con .bg-box{display:flex;align-items: center;justify-content: center;height:420px;padding:60px;border-radius: 16px;background:#F6F7F8;}
.c-brand-con .bg-box.col-2 >div{position:relative;display: flex;align-items: center;justify-content: center;flex: 1;width:100%;height:100%;}
.c-brand-con .bg-box.col-2 h3{position: absolute;top: 0;left: 0;color:#5A6275;font-size: 18px;font-weight: 700;line-height: 130%;letter-spacing: -0.36px;}
.c-brand-con .down-btns{display: flex;justify-content: center;margin-top: 24px;gap: 24px;}
.c-brand-con .color-box{display:flex;height:320px;border-radius: 16px;overflow:hidden;}
.c-brand-con .color-box li{display:flex;flex-direction:column;justify-content:space-between;padding:50px;color:#fff;}
.c-brand-con .color-box .color-01{flex: 0 0 560px;background:#07F;}
.c-brand-con .color-box .color-02{flex:1;background:#35425C;}
.c-brand-con .color-box .color-03{flex:1;background:#F60;}
.c-brand-con .color-box .title{font-size: 28px;font-weight: 700;line-height: 140%;letter-spacing: -0.56px;}
.c-brand-con .color-box .color-code{display:flex;flex-direction:column;align-items: flex-start;gap: 4px;font-weight: 500;letter-spacing: -0.3px;}
.c-brand-con .char-sec{padding:90px 0 120px;background:#F6F7F8;}
.c-brand-con .char-sec >.container{display:flex;align-items:center;gap:120px;}
.c-brand-con .char-sec .lf {display:flex;flex-direction:column;gap:24px;}
.c-brand-con .char-sec .lf .title{color:#151523;font-size: 34px;font-weight: 700;line-height: 130%;letter-spacing: -1.02px;}
.c-brand-con .char-sec .text-box{display:flex;flex-direction:column;gap:16px;color: #35425C;line-height: 27px;font-size: 18px;letter-spacing: -0.36px;}
.c-brand-con .char-intro-list{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 24px;}
.c-brand-con .char-intro-list li{display: flex;flex-direction: column;gap: 20px;}
.c-brand-con .char-intro-list li .text-box{display: flex;flex-direction: column;gap: 10px;}
.c-brand-con .char-intro-list li .text1{font-size: 20px;line-height: 28px;letter-spacing: -0.8px;}
.c-brand-con .char-intro-list li .text2{color:#5A6275;line-height: 22.5px ;letter-spacing: -0.3px;}
.c-brand-con .char-intro-list .char{position:relative;height:480px;padding: 36px;border-radius: 16px;color: #FFF;font-family: 'Paperlogy';font-size: 46px;font-weight: 800;line-height: 120%;}
.c-brand-con .char-intro-list .char-01{background: #EB563E;}
.c-brand-con .char-intro-list .char-01::after{position:absolute;bottom:0;right:0;display:block;width:245px;height:329px;content:'';background: url("../images/company/img-char-intro-01.png")no-repeat;}
.c-brand-con .char-intro-list .char-02{background: linear-gradient(0deg, #57D14A 0%, #57D14A 100%), #FFF;}
.c-brand-con .char-intro-list .char-02::after{position:absolute;bottom:0;right:0;display:block;width:259px;height:288px;content:'';background: url("../images/company/img-char-intro-02.png")no-repeat;}
.c-brand-con .char-intro-list .char-03{background: linear-gradient(0deg, #5D60EF 0%, #5D60EF 100%), #FFF;}
.c-brand-con .char-intro-list .char-03::after{position:absolute;bottom:0;right:0;display:block;width:258px;height:306px;content:'';background: url("../images/company/img-char-intro-03.png")no-repeat;}
.c-brand-con .usage-list{display:flex;flex-direction:column;gap:24px;}
.c-brand-con .usage-list .bg-box{height:380px;align-items:center;}
.c-brand-con .usage-list .bg-box-01{gap:40px;}
.c-brand-con .usage-list .bg-box-02{gap:96px;}
.c-brand-con .usage-list .bg-box-03{gap:112px;}


/* 회사소개 - 오시는길 */
.c-location-con .sub-top-visual{margin-bottom:100px;background:url("../images/company/bg-location-subvisual.png")no-repeat;}
.company-con .location-wrap{}
.company-con .location-wrap .map{margin-bottom:60px;border-radius: 16px;overflow:hidden;}
.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{display:flex;gap:16px;margin:0 0 60px;}
.company-con .location-wrap .location-info .box{display:flex;flex-direction:column;gap:10px;flex:1;}
.company-con .location-wrap .location-info dl{display:flex;gap:6px;font-size: 16px;letter-spacing: -0.32px;}
.company-con .location-wrap .location-info dt{width:60px;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;}
.c-part-con .top-swiper .swiper-slide{border-radius:16px;overflow:hidden;}
.c-part-con .top-swiper-clean .swiper-slide{cursor:pointer;}
.c-part-con .top-swiper-clean .text{position:absolute;top:60px;left:60px;color:#FFFFFF;}
.c-part-con .top-swiper-clean .text p{margin:8px 0 20px;font-size: 26px;font-weight: 700;line-height: 130%;letter-spacing: -0.78px;}
.c-part-con .top-swiper-clean .text span{font-size: 15px;font-weight: 500;line-height: 140%;letter-spacing: -0.3px;}
.c-part-con .img-item-list{margin-top:40px;} 
.c-part-con .img-item-list li{background:#F6F7F8;}
.c-part-con .img-item-list li .text-box{padding:0 0 0 60px;}
.c-part-con .part-clean-banner{position:relative;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;height: 240px;padding: 40px 80px 40px 60px;border-radius: 16px;background: #07C5D5;color:#fff;}
.c-part-con .part-clean-banner::after{display:block;position:absolute;bottom:22.93px;right:79.6px;width:213px;height:198px;content:'';background: url("../images/company/img-part-clean-banner.png")no-repeat;}
.c-part-con .part-clean-banner .title{font-size: 26px;line-height: 130%;letter-spacing: -0.78px;}
.c-part-con .part-clean-banner .text{margin:8px 0 30px;font-size: 18px;line-height: 120%;letter-spacing: -0.36px;}
.c-part-con .part-clean-banner .btn-link{display:flex;align-items:center;gap:10px;padding:4px 16px;border-radius: 50px;color:#00A7C4;font-size: 16px;font-weight: 500;letter-spacing: -0.32px;background: #FFF;}
.c-part-con .part-clean-banner .btn-link:hover i{transform:translateX(5px);}
.c-part-con .form-box{padding: 60px 0;border-radius: 20px;background: #FFF;}
.c-part-con .part-sec{margin:0;padding:100px 0;background: #E4F1FF;}
.c-part-con .write-wrap{margin-top: 40px;text-align: left;}

/* board 공통 */
.company-con .view-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font-size: 16px;letter-spacing: -0.32px;}
.company-con .view-top .view-toggle{display:flex;gap:12px;align-items:center;}
.company-con .view-box .img img{width:100%;height:100%;transition:transform .3s;}
.company-con .view-box a:active .img img{transform:scale(1.12);}
.company-con .view-grid ul{display:flex;flex-wrap: wrap;row-gap:30px;column-gap:24px;}
.company-con .view-grid ul li{width: calc((100% - 48px) / 3);}
.company-con .view-grid .img{height: 245px;width: 200px;border-radius:8px;margin-bottom:10px;width:100%;overflow:hidden;}
.company-con .view-grid .text{display: flex;flex-direction: column;align-items: flex-start;gap: 2px;}
.company-con .view-grid .title{width: 100%;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;font-size: 17px;font-weight: 500;line-height: 120%;letter-spacing: -0.34px;}
.company-con .view-grid .date{color:#687286;font-size: 14px;letter-spacing: -0.28px;}
.company-con .view-list ul{display:flex;flex-wrap: wrap;row-gap:20px;column-gap:80px;}
.company-con .view-list ul li{width: calc((100% - 80px) / 2);}
.company-con .view-list li a{display:flex;justify-content:space-between;gap:24px;}
.company-con .view-list .img{width:200px;height: 135px;flex-shrink: 0;overflow:hidden;border-radius: 8px;}
.company-con .view-list .img img{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:16px;}
.company-con .view-list .title{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden;font-size: 20px;font-weight: 500;line-height: 130%;letter-spacing: -0.8px;}
.company-con .view-list .date{color:#687286;font-size: 14px;letter-spacing: -0.28px;}

/* 사회공헌 */
.c-social-con{}
.c-social-con .sub-top-visual{background:url("../images/company/bg-social-subvisual.png")no-repeat;}
.c-social-con .youtube-sec{margin:100px 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;}
.c-news-con .view-grid ul li{width: calc((100% - 72px) / 4);}
.c-news-con .view-grid .img{height: 266px;border-radius:6px;}
.c-news-con .view-grid .date{text-align:center;width: 100%;}
.c-news-con .view-list .img{width:180px;height: 180px;border-radius:6px;}

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

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