/* main */
.kh.main .main-top {background-image: url(../images/main_banner.png); background-repeat: no-repeat; background-color: #030717; background-position: center; margin-bottom: 322px;}
.kh.main .main-top .container{display: flex; flex-direction: column; align-items: flex-end;}
.kh.main .main-top .text-wrap{padding-top: 304px; display: inline-block; margin-bottom: 190px;}
.kh.main .main-top .text-wrap p:nth-child(1){font-size: 45px; font-weight: 500; color: #fff; margin-bottom: 24px;}
.kh.main .main-top .text-wrap p:nth-child(1) span{color: #fe8e01;}
.kh.main .main-top .text-wrap p:nth-child(2){font-family: 'Noto Sans KR'; font-size: 16px; font-weight: 300; opacity: 0.7; color: #fff; margin-bottom: 40px;}
.kh.main .main-top .detail-wrap{display: flex; width: 100%; margin-bottom: -190px;}
.kh.main .main-top .detail-wrap li{position: relative; width: calc(100% / 4); height: 360px; text-align: center; padding-top: 82px; display: flex; flex-direction: column; align-items: center; transition: all 0.5s;}
.kh.main .main-top .detail-wrap li::after{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; opacity: 0.5;}
.kh.main .main-top .detail-wrap li::before{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background-size: cover;}
.kh.main .main-top .detail-wrap li:nth-child(1)::before{background-image: url(../images/20824587.png);}
.kh.main .main-top .detail-wrap li:nth-child(2)::before{background-image: url(../images/12364476.png);}
.kh.main .main-top .detail-wrap li:nth-child(3)::before{background-image: url(../images/20452618.png);}
.kh.main .main-top .detail-wrap li:nth-child(4)::before{background-image: url(../images/20927996.png);}
.kh.main .main-top .detail-wrap li:hover::after{background-color: #fe8f01; opacity: 0.9;}
.kh.main .main-top .detail-wrap li:hover{transform: translateY(-40px);}
.kh.main .main-top .detail-wrap li h2{font-size: 25px; font-weight: 500; color: #fff; margin-bottom: 24px; z-index: 1;}
.kh.main .main-top .detail-wrap li p{font-family: 'Noto Sans KR'; font-size: 16px; font-weight: 300; color: #fff; margin-bottom: 40px; z-index: 1;}
.kh.main .main-top .detail-wrap li a{width: 160px; height: 48px; line-height: 48px; border: solid 1px #fff; color: #fff; font-size: 16px; font-weight: 300;  z-index: 1;}
.kh.main .section1{padding: unset; margin-bottom: 120px;}
.kh.main .section1 .container{display: flex; gap: 80px;}
.kh.main .section1 .left{width: 592px;}
.kh.main .section1 .right{width: calc((100% - 80px) - 592px); padding-bottom: 72px; border-bottom: solid 2px #707070;}
.kh.main .section1 .left .text-wrap p:first-child{font-size: 60px; font-weight: 300; color: #fe8f01; margin-bottom: 24px; line-height: 1.17;}
.kh.main .section1 .left .text-wrap p:nth-child(2){font-size: 40px; font-weight: 300; margin-bottom: 24px; line-height: 1.38;}
.kh.main .section1 .left .text-wrap p:nth-child(2) span{font-weight: 500;}
.kh.main .section1 .left .text-wrap p:nth-child(3){font-family: 'Noto Sans KR'; font-size: 16px; opacity: 0.6;}
.kh.main .section1 .left .text-wrap{margin-bottom: 142px;}
.kh.main .section1 .right img{margin-bottom: 120px; width: 100%; height: 446px;}
.kh.main .section1 .right .text-wrap p:nth-child(1){line-height: 1.38; font-size: 40px; font-weight: 300; margin-bottom: 24px;}
.kh.main .section1 .right .text-wrap p:nth-child(1) span{font-weight: 500;}
.kh.main .section1 .right .text-wrap p:nth-child(2){font-family: 'Noto Sans KR'; line-height: 1.56; font-size: 16px; opacity: 0.6;}
.kh.main .section2{padding: 108px 0; background-image: url(../images/bg.png); background-size: cover;}
.kh.main .section2 .container{display: flex; position: relative;}
.kh.main .section2 .text-wrap p:nth-child(1){font-size: 40px; font-weight: 300; color: #fff; margin-bottom: 24px;}
.kh.main .section2 .text-wrap p:nth-child(1) span{color: #fff; font-weight: 500;}
.kh.main .section2 .text-wrap p:nth-child(2){font-family: 'Noto Sans KR'; font-size: 16px; font-weight: 300; color: #fff; opacity: 0.6;}
.kh.main .section2 .orange-btn{font-size: 20px; height: 112px; padding-left: 60px; justify-content: unset; position: absolute; left: 512px; top: 50%; transform: translateY(-50%); width: calc(100vw - 522px - ((100vw - 1440px) / 2));}
.kh.main .section2 .orange-btn:hover{color: #fff; background-color: #fe8f01;}
.kh.main .section2 .orange-btn img{width: 35px; height: 35px; margin-left: 24px; transition: all 0.3s;}
.kh.main .section2 .orange-btn:hover img{margin-left: 40px;}

.kh.main .section3{padding: 120px 0; background-color: #f6f4f2;}
.kh.main .section3 .container{position: relative; height: 480px;}
.kh.main .section3 .left p:nth-child(1){font-size: 60px; font-weight: 300; color: #fe8f01; line-height: 1.17; margin-bottom: 24px;}
.kh.main .section3 .left p:nth-child(2){font-size: 40px; font-weight: 300; line-height: 1.38; margin-bottom: 120px;}
.kh.main .section3 .left p:nth-child(2) span{font-weight: 500;}
.kh.main .section3 .right{height: 100%; position: absolute; left: 512px; top: 50%; transform: translateY(-50%); width: calc(100vw - 522px - ((100vw - 1440px) / 2));}
.kh.main .section3 .right .swiper{height: 100%; position: relative;  overflow: hidden;}
.kh.main .section3 .right .swiper .swiper-slide{width: 320px;}
.kh.main .section3 .right .swiper .swiper-slide .img-wrap{padding: 24px; background-color: #fff;}
.kh.main .section3 .right .swiper .swiper-slide .img-wrap img {box-shadow: 0 0 5px 0 rgb(0 0 0 / 15%);}
.kh.main .section3 .right .swiper .swiper-slide span{height: 56px; display: flex; background-color: #85725a; justify-content: center; align-items: center; color: #fff; font-size: 16px; font-weight: 300;}
.kh.main .section3 .right .swiper-button-next{width: 50px; height: 50px; right: 0; top: 50%; transform: translateY(-50%); background-image: url(../images/next.png); background-size: cover;}
.kh.main .section3 .right .swiper-button-prev{width: 50px; height: 50px; right: 0; left: auto; top: 50%; transform: translateY(50%); background-image: url(../images/prev.png); background-size: cover;}

/* top */
.kh .top{background-image: url(../images/sub-top-01.jpg); background-repeat: no-repeat; background-size: cover; padding-top: 161px; text-align: center;}
.kh .top h2{color: #fff; margin-bottom: 16px; font-size: 35px; font-weight: 500; line-height: 1.29;}
.kh .top p{font-family: 'Noto Sans KR'; color: #fff; margin-bottom: 71px; font-size: 16px; font-weight: 300; line-height: 1.5;}

.kh .top .tab{position: relative; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);}
.kh .top .tab::after{z-index: -1; position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.5;}
.kh .top .tab ul{display: flex; height: 56px;}
.kh .top .tab ul li{width: calc(100% / 5); height: 100%; position: relative;}
.kh .top .tab ul li::before{content: ''; position: absolute; left: 0; height: 100%; width: 1px; opacity: 0.5; background-color: #fff;}
.kh .top .tab ul li:last-child::after{content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 1px; opacity: 0.5; background-color: #fff;}
.kh .top .tab ul li a{color: #fff; font-size: 16px; font-weight: 300; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; opacity: 0.5;}
.kh .top .tab ul li:hover{background-color: #fe8f01;}
.kh .top .tab ul li:hover a{opacity: 1;}
.kh .top .tab ul li.now{background-color: #fe8f01;}
.kh .top .tab ul li.now a{opacity: 1;}

.kh .banner{text-align: center; padding: 64px 0 88px;}
.kh .banner span{margin-bottom: 16px; display: inline-block; font-size: 16px; color: #333; opacity: 0.7;}
.kh .banner h3{font-size: 25px; font-weight: 500; position: relative;}
.kh .banner h3::after{content: ''; position: absolute; left: 50%; width: 1px; height: 40px; background-color: #333; top: 49px;}

/* 회사소개 */
.kh .section1{position: relative; padding-top: 241px; z-index: 1;}
.kh .section1 .bg{width: 100%; height: 320px; position: absolute; z-index: -1; top: 0; background-size: cover; background-position: center;}
.kh.greeting .section1 .bg{background-image: url(../images/sub-mid-bg-01.jpg);}
.kh.organization .section1 .bg{background-image: url(../images/sub-mid-bg-02.jpg);}
.kh.present .section1 .bg{background-image: url(../images/sub-mid-bg-03.jpg);}
.kh.result .section1 .bg{background-image: url(../images/sub-mid-bg-04.jpg);}

.kh .section1 .container2{background-color: #fff; text-align: center; padding: 60px 0 120px; z-index: 2;}
.kh .section1 .container2 p.point{font-size: 20px; margin-bottom: 60px; position: relative; display: inline-block;}
.kh .section1 .container2 p.point span{font-weight: 500;}
.kh .section1 .container2 p.point::before{content: ''; width: 24px; height: 20px; position: absolute; top: -20px; left: -32px; background-image: url(../images/point-right.png);}
.kh .section1 .container2 p.point::after{content: ''; width: 24px; height: 20px; position: absolute; bottom: -20px; right: -32px; background-image: url(../images/point-left.png);}
.kh.greeting .section1 .container2 p:nth-child(2){font-family: 'Noto Sans KR'; font-size: 18px; margin-bottom: 32px; font-weight: 300;}
.kh.greeting .section1 .container2 p:nth-child(3){font-family: 'Noto Sans KR'; font-size: 18px; margin-bottom: 32px; font-weight: 300;}
.kh.greeting .section1 .container2 p:nth-child(4){font-family: 'Noto Sans KR'; font-size: 18px; font-weight: bold;}
.kh.organization .section1 .container2 .organization-img{width: 1056px; margin: 0 auto;}

.kh.organization .section1 .container2 p.point::before{background-image: url(../images/point-g-right.png);}
.kh.organization .section1 .container2 p.point::after{background-image: url(../images/point-g-left.png);}
.kh.present .section1{background-color: #f6f4f2;}
.kh.present .section1 .container2{background-color: #f6f4f2; padding-bottom: 64px;}
.kh.present .section1 .container2 p.point::before{background-image: url(../images/point-g-right.png);}
.kh.present .section1 .container2 p.point::after{background-image: url(../images/point-g-left.png);}
.kh.present .section1 .container2 p:nth-child(2){font-family: 'Noto Sans KR'; font-size: 18px; font-weight: 300;}
.kh.present .section2{padding-top: 64px; padding-bottom: 120px;}
.kh.present .certificate{display: flex; padding: 0 32px 64px 32px; gap: 32px; flex-wrap: wrap;}
.kh.present .certificate li{display: flex; flex-direction: column; justify-content: space-between; width: calc((100% - 96px) / 4); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.kh.present .certificate li .img-wrap{padding: 24px; background-color: #fff;}
.kh.present .certificate li .img-wrap img {box-shadow: 0 0 5px 0 rgb(0 0 0 / 15%);}
.kh.present .certificate li span{width: 100%; height: 56px; display: flex; justify-content: center; align-items: center; background-color: #85725a; color: #fff; font-size: 16px; font-weight: 300; text-align: center; word-break:keep-all; line-height: 1.3;}

.kh.result .section1{padding-top: 264px;}
.kh.result .section1 .container2{padding: unset; background-color: transparent;}
.kh.result .section1 .result-tab{display: flex; position: relative; height: 56px; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);}
.kh.result .section1 .result-tab::after{z-index: -1; position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.7;}
.kh.result .section1 .result-tab li{position: relative; width: calc(100% / 5); display: flex; justify-content: center; align-items: center; color: #fff; opacity: 0.7; cursor: pointer; font-weight: 300;}
.kh.result .section1 .result-tab li::before{content: ''; position: absolute; left: 0; height: 100%; width: 1px; opacity: 0.5; background-color: #fff;}
.kh.result .section1 .result-tab li:last-child::after{content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 1px; opacity: 0.5; background-color: #fff;}
.kh.result .section1 .result-tab li.now{background-color: #fff; color: #fe8f01; opacity: 1;}

.kh.result .section1 .result-content .content{display: none; text-align: left; border-bottom: solid 4px #cbcbcb; padding-top: 64px; margin-bottom: 124px;}
.kh.result .section1 .result-content .content.now{display: block;}
.kh.result .section1 .result-content .content .year{display: flex; width: 100%;}
.kh.result .section1 .result-content .content .left{width: 280px; padding-top: 32px; padding-left: 32px; background-color: #fbfbfb; border-top: solid 4px #85725a;}
.kh.result .section1 .result-content .content .left span{font-size: 50px; font-weight: 500; line-height: 1.4; color: #85725a;}
.kh.result .section1 .result-content .content .right{width: calc(100% - 280px); padding: 32px; border-top: solid 4px #cbcbcb;}
.kh.result .section1 .result-content .content .right ul{display: flex; flex-direction: column; gap: 16px;}
.kh.result .section1 .result-content .content .right ul li{position: relative; display: flex; width: 100%; height: 40px; align-items: center; padding-left: 32px; background-color: #fbfbfb;}
.kh.result .section1 .result-content .content .right ul li::before{position: absolute; content: ''; width: 8px; height: 8px; background-color: #cbcbcb; border-radius: 100%; left: 16px;}
.kh.result .section1 .result-content .content .right ul li p{font-family: 'Noto Sans KR'; font-size: 16px; font-weight: 300; color: #333;}
.kh.result .section1 .result-content .content .right ul li p span{font-family: 'Noto Sans KR'; font-weight: bold;}
.kh.result .section1 h4{font-size: 35px; font-weight: 500; position: absolute; left: 50%; top: 136px; color: #fff; transform: translateX(-50%);}

.kh.directions .section1{padding: unset;}
.kh.directions .section1 p.point::before{background-image: url(../images/point-g-right.png);}
.kh.directions .section1 p.point::after{background-image: url(../images/point-g-left.png);}
.kh.directions .section1 p.point{margin-bottom: 85px;}
.kh.directions .section1 .data{display: flex; margin-bottom: 64px;}
.kh.directions .section1 .data li{width: calc(100% / 3); height: 235px; border: solid 1px #e4e4e4; display: flex; gap: 24px; flex-direction: column; align-items: center; padding-top: 32px;}
.kh.directions .section1 .data li .icon-wrap{width: 48px; height: 48px; background-color: #ffc80d; border-radius: 100%; display: flex; justify-content: center; align-items: center;}
.kh.directions .section1 .data li .icon-wrap i{color: #fff; font-size: 25px;}
.kh.directions .section1 .data li span{font-size: 20px; font-weight: 500;}
.kh.directions .section1 .data li p{font-family: 'Noto Sans KR'; font-size: 16px; font-weight: 300;}
.kh.directions .section1 .map-wrap{display: flex; flex-direction: column; width: 100%; gap: 64px;}
.kh.directions .section1 .map-wrap .map{width: 100%; box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.16); position: relative;}
.kh.directions .section1 .map-wrap .map .img-wrap{height: 527px; background-color: #333;}
.kh.directions .section1 .map-wrap .map .img-wrap > div{width: 100%; height: 100%;}
.kh.directions .section1 .map-wrap .map .address{height: 82px; display: flex; align-items: center; padding-left: 24px;}
.kh.directions .section1 .map-wrap .map .address .icon-wrap{width: 48px; height: 48px; display: flex; justify-content: center; align-items: center; background-color: #ffb24d; border-radius: 100%; margin-right: 24px;}
.kh.directions .section1 .map-wrap .map .address .icon-wrap i{color: #fff; font-size: 25px;}
.kh.directions .section1 .map-wrap .map .address p{font-size: 18px; font-weight: 300;}
.kh.directions .section1 .map-wrap .map .address span{font-size: 18px; font-weight: 300; letter-spacing: 20px;}
.kh.directions .section1 .map-wrap .map > a{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}

/* 공통 */
.kh .banner2{padding-top: 64px; margin-bottom: 64px; text-align: center;}
.kh .banner2 span{opacity: 0.7; font-size: 18px; font-weight: 300; margin-bottom: 40px; display: inline-block;}
.kh .banner2 .yellow-wrap{border: solid 2px #ffc80d; position: relative; height: 200px; display: flex; align-items: center; justify-content: center;}
.kh .banner2 .yellow-wrap h3{position: absolute; font-size: 30px; font-weight: 500; color: #333; top: -16px; padding: 0 32px; background-color: #fff;}
.kh .banner2 .yellow-wrap h3::before{content: ''; position: absolute; width: 10px; height: 10px; background-color: #ffc80d; border-radius: 100%; left: -5px; top: 50%; transform: translateY(-50%);}
.kh .banner2 .yellow-wrap h3::after{content: ''; position: absolute; width: 10px; height: 10px; background-color: #ffc80d; border-radius: 100%; right: -5px; top: 50%; transform: translateY(-50%);}
.kh .banner2 .yellow-wrap p{font-family: 'Noto Sans KR'; font-size: 18px; color: #333; font-weight: 300;}
.kh .report{margin-bottom: 120px; text-align: center;}
.kh .report h3{text-align: center; font-size: 25px; font-weight: 500; position: relative; margin-bottom: 56px;}
.kh .report h3::before{position: absolute; content: ''; width: 56px; height: 2px; background-color: #ffc80d; bottom: -16px; left: 50%; transform: translateX(-50%);}
.kh .report .list-wrap{display: flex; flex-wrap: wrap; gap: 40px; padding: 0 20px;}
.kh .report .list-wrap > li{width: calc((100% - 80px) / 3); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); border: solid 1px #e4e4e4;}
.kh .report .list-wrap.sz > li{width: calc((100% - 40px) / 2);}
.kh .report .list-wrap > li .img-wrap{height: 280px; width: 100%;}
.kh .report .list-wrap > li .img-wrap img{width: 100%; height: 100%;}
.kh .report .list-wrap > li .text-wrap{width: 100%; height: 80px; display: flex; justify-content: center; align-items: center;}
.kh .report .list-wrap > li .text-wrap p{font-size: 17px; font-weight: 300; color: #333; letter-spacing: -0.43px;}
.kh .report .list-wrap > li .text-wrap2{width: 100%; height: 97px; display: flex; justify-content: center; align-items: center; position: relative;}
.kh .report .list-wrap > li .text-wrap2::before{position: absolute; top: 0; width: 408px; height: 1px; background-color: #d5d5d5; left: 50%; transform: translateX(-50%); content: '';}
.kh .report .list-wrap > li .text-wrap2 p{font-size: 16px; font-weight: 300; letter-spacing: -0.4px;}


/* 정보통신업 */
/* 0 */
.kh.communication .top{background-image: url(../images/sub-top-02.png);}
/* 1 */
.kh.communication .banner2:nth-child(4){padding-top: unset;}
.kh.communication .cctv-wrap{padding-top: 120px;}
.kh.communication .cctv-wrap ul{display: flex; flex-wrap: wrap; gap: 24px; margin-bottom: 64px;}
.kh.communication .cctv-wrap ul li{width: calc((100% - 72px) / 4);}
.kh.communication .cctv-wrap ul li .img-wrap{width: 100%; height: 328px;}
.kh.communication .cctv-wrap ul li .img-wrap img{width: 100%; height: 100%;}
.kh.communication .cctv-wrap ul li .text-wrap p{font-size: 17px; font-weight: 300;}
.kh.communication .cctv-wrap .orange-btn{margin: 0 auto;}
/* 3 */
.kh.communication .report .container > p {margin-bottom: 40px; font-size: 17px; font-weight: 300;}

/* 전기공사 */
/* 0 */
.kh.electric .top{background-image: url(../images/sub-top-03.png);}
.kh.electric .tab ul li{width: calc(100% / 3);}

/* ict 사업부 */
.kh.ict .top{background-image: url(../images/sub-top-04.png);}
.kh.ict .tab ul li{width: calc(100% / 3);}
.kh.ict .report .list-wrap li .text-wrap2{height: auto;}
.kh.ict .report .list-wrap li .text-wrap2 ul{text-align: left; height: 162px; padding: 24px; display: flex; flex-direction: column; gap: 16px;}
.kh.ict .report .list-wrap li .text-wrap2 ul li{display:flex; font-size: 16px; font-weight: 300; line-height: 1.56; word-break:keep-all;}
.kh.ict .report .list-wrap li .text-wrap2 ul li::before{content: "·";display: block;width:16px;}

/* 1 */
.kh.ict .banner2:nth-child(4){padding-top: unset;}
/* 2 */
.kh.ict .report .container > p {margin-bottom: 40px; font-size: 17px; font-weight: 300;}

/* 제조(R&D)사업부 */
.kh.manufacture .top{background-image: url(../images/sub-top-05.png);}
.kh.manufacture .tab ul li{width: calc(100% / 3);}
.kh.manufacture .report .container > p {margin-bottom: 40px; font-size: 17px; font-weight: 300;}
.kh.manufacture .banner2:nth-child(4){padding-top: unset;}


/* 관리자 */
/* 해더 */
.mng-header{height: 72px; width: 100%; background-color: #444444; display: flex; align-items: center; padding-left: 24px; position: relative;}
.mng-header .logo{width: 140px; height: 32px; margin-right: 16px;}
.mng-header span{color: #fff; font-size: 16px; font-weight: 300;}
.mng-header .logout{position: absolute; right: 0; width: 128px; height: 100%; border: solid 1px #707070; display: flex; justify-content: center; align-items: center;}
.mng-header .logout span{font-size: 15px; display: flex; align-items: center;}
.mng-header .logout span i{margin-left: 8px; color: #fff; font-size: 21px;}
.mng-header .logout a{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.manager{padding-top: 72px;}
.manager > div{display: flex; min-height: calc(100vh - 72px);}
.manager .left{width: 248px; background-color: #f5f5f5; box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.16); z-index: 1; position: relative;}
.manager .item-wrap .op-btn{cursor: pointer; background-color: #005ba1; height: 56px; padding: 0 24px; display: flex; align-items: center; justify-content: space-between;}
.manager .item-wrap .op-btn span{color: #fff; font-size: 15px; font-weight: 300;}
.manager .item-wrap .op-btn i{color: #fff; font-size: 15px;}
.manager .item-wrap .item{padding: 16px 0 16px 65px; background-color: #fff; display: flex; flex-direction: column; gap: 16px;}
.manager .item-wrap .item li{position: relative;}
.manager .item-wrap .item li::before{position: absolute; left: -40px; top: calc(-33px + 50%); content: ''; width: 33px; height: 33px; border-left: dashed 0.5px #005ba1; border-bottom: dashed 0.5px #005ba1;}
.manager .item-wrap .item li a{color: #333; font-size: 13px; font-weight: 300;}
.manager .item-wrap .item li a:hover{color: #005ba1;}
.manager .left > p{position: absolute; bottom: 24px; left: 24px; opacity: 0.7; color: #333; font-size: 15px; font-weight: 300;}

.manager .right{padding: 32px 60px 60px; width: calc(100% - 248px); background-color: #f9f9f9;}
.manager .right .top > div{display: flex; justify-content: space-between; align-items: flex-end;}
.manager .right .top > div:nth-child(1){margin-bottom: 32px;}
.manager .right .top > div:nth-child(2){margin-bottom: 16px;}
.manager .right .top h2{font-size: 21px;}
.manager .right .top .route{display: flex; gap: 8px;}
.manager .right .top .route span{font-size: 13px; font-weight: 300;}
.manager .right .top .route span i{margin-right: 8px;}
.manager .right .top .route i{font-size: 13px;}
.manager .right .top .number{font-size: 20px; font-weight: 300;}
.manager .right .top .number span{color: #f34949; font-weight: bold;}
.manager .right .top .search-wrap{display: flex; gap: 16px; height: 40px;}
.manager .right .top .search-wrap select{width: 160px; border: solid 1px #cbcbcb; outline: unset; font-size: 14px; font-weight: 300; color: #cbcbcb;}
.manager .right .top .search-wrap .search{display: flex; width: 264px; border: solid 1px #cbcbcb;}
.manager .right .top .search-wrap .search input{width: calc(100% - 56px); border: unset; font-size: 14px; padding: 0 8px;}
.manager .right .top .search-wrap .search input::placeholder{color: #cbcbcb; font-weight: 300;}
.manager .right .top .search-wrap .search a{width: 56px; height: 100%; font-size: 14px; font-weight: 300; display: flex; justify-content: center; align-items: center; background-color: #7d7d7d; color: #fff;}
.manager .right .top .search-wrap .register{width: 96px; height: 40px; background-color: #005ba1; display: flex; justify-content: center; align-items: center; font-size: 14px; font-weight: 300; color: #fff;}
.manager .right .list-wrap table{width: 100%; background-color: #fff; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.16); margin-bottom: 48px;}

.manager .right .list-wrap table thead tr{background-color: #444444; height: 48px;}
.manager .right .list-wrap table tr th{color: #fff; font-size: 14px;}
.manager .right .list-wrap table tr th:nth-child(1){width: 88px;}
.manager .right .list-wrap table tr th:nth-child(2){width: 168px;}
.manager .right .list-wrap table tr th:nth-child(3){width: 168px;}
.manager .right .list-wrap table tr th:nth-child(4){width: 128px;}
.manager .right .list-wrap table tr th:nth-child(5){min-width: 370px;}
.manager .right .list-wrap table tr th:nth-child(6){width: 208px;}

.manager .right .list-wrap table tbody tr{height: 48px; border-bottom: solid 1px #e8e8e8;}
.manager .right .list-wrap table tr td{text-align: center; font-size: 14px; font-weight: 300;}
.manager .right .list-wrap table tr td:nth-child(5){text-align: left; padding-left: 24px;}
.manager .right .list-wrap table tr td:nth-child(6) > div{display: flex; justify-content: center; gap: 8px;}
.manager .right .list-wrap table tr td:nth-child(6) a{font-size: 13px; color: #fff; display: flex; justify-content: center; align-items: center; width: 80px; height: 32px;}
.manager .right .list-wrap .page ul{display: flex; justify-content: center; gap: 10px;}
.manager .right .list-wrap .page ul li a{width: 30px; height: 30px; border: solid 1px #333; display: flex; justify-content: center; align-items: center; font-size: 14px; opacity: 0.3;}
.manager .right .list-wrap .page ul li a i{font-size: 15px;}
.manager .right .list-wrap .page ul li.now a{color: #fff; background-color: #333; opacity: 1;}

.manager.registration .box{padding: 32px; background-color: #fff; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.16);}
.manager.registration .input-wrap{margin-bottom: 32px; display: flex; flex-wrap: wrap;}
.manager.registration .input-wrap p.blue{color: #005ba1; font-size: 17px; font-weight: bold; margin-bottom: 24px;}
.manager.registration .input-wrap .close-btn{width: 25px; height: 25px; border: unset; background-color: transparent; display: flex; justify-content: center; align-items: center; margin-left: 8px; outline: unset;}
.manager.registration .input-wrap .close-btn i{font-size: 21px; color: #7d7d7d;}

.manager.registration .input-wrap ul{display: flex; flex-wrap: wrap; width: 100%; border: solid 1px #d5d5d5; border-top: solid 2px #005ba1;}
.manager.registration .input-wrap ul li{width: calc(100% / 3); height: 56px; display: flex;}
.manager.registration .input-wrap ul li:last-child{width: 100%; border-top: solid 1px #d5d5d5;}
.manager.registration .input-wrap ul li:nth-child(1){border-right: solid 1px #d5d5d5;}
.manager.registration .input-wrap ul li:nth-child(2){border-right: solid 1px #d5d5d5;}
.manager.registration .input-wrap ul li .title{background-color: #f5f5f5; padding-left: 24px; width: 192px;}
.manager.registration .input-wrap ul li .title p{line-height: 56px; font-size: 14px; font-weight: bold;}
.manager.registration .input-wrap ul li .title p .red{color: #e10000;}
.manager.registration .input-wrap ul li .select-wrap{width: calc(100% - 192px); padding: 0 24px;}
.manager.registration .input-wrap ul li .select-wrap select{width: 100%; height: 100%; border: unset; outline: unset; cursor: pointer; color: #cbcbcb; font-size: 14px; font-weight: 300;}
.manager.registration .input-wrap ul li .select-wrap input{width: 100%; height: 100%; border: unset; outline: unset;}
.manager.registration .input-wrap ul li .select-wrap input::placeholder{color: #d5d5d5; font-size: 14px; font-weight: 300;}
.manager.registration .btn-group{display: flex; gap: 16px; justify-content: center;}
.manager.registration .btn-group a{width: 96px; height: 40px; font-size: 14px; font-weight: 300;}




@media ( max-width: 768px ) {
    /* 메인 */
    .kh.main .main-top{background-image: unset; margin-bottom: 40px;}
    .kh.main .main-top .text-wrap{padding: 40px 24px 181px; background-image: url(../images/mb_main_banner.png); background-size: cover; margin: unset;}
    .kh.main .main-top .container{align-items: flex-start; padding: unset;}
    .kh.main .main-top .detail-wrap{flex-wrap: wrap;}
    .kh.main .main-top .detail-wrap li{width: calc(100% / 2); height: 120px; padding: unset; justify-content: center;}
    .kh.main .main-top .detail-wrap li a{position: absolute; width: 100%; height: 100%; text-indent: -9999px;}
    .kh.main .main-top .detail-wrap li h2{margin: unset; font-size: 16px;}
    .kh.main .main-top .detail-wrap li:hover::after{background-color: #000; opacity: 0.5;}
    .kh.main .main-top .detail-wrap li:hover{transform: unset;}
    .kh.main .main-top .text-wrap p:nth-child(1){font-size: 28px; margin-bottom: 16px;}
    .kh.main .main-top .text-wrap p:nth-child(2){margin-bottom: 32px; font-size: 13px; word-break:keep-all;}
    .kh.main .main-top .detail-wrap{margin: unset;}
    .kh.main .main-top .orange-btn{width: 240px; height: 48px; font-size: 13px; font-weight: bold;}

    .kh.main .section1{margin: unset;}
    .kh.main .section1 .container{flex-direction: column; gap: unset; padding: unset;}
    .kh.main .section1 .left{width: 100%; margin-bottom: 40px;}
    .kh.main .section1 .right{width: 100%; border: unset; padding-bottom: 40px;}
    .kh.main .section1 .text-wrap{padding: 0 24px;}
    .kh.main .section1 .left .text-wrap p:first-child{font-size: 40px; margin-bottom: 16px;}
    .kh.main .section1 .left .text-wrap p:nth-child(2){font-size: 25px; margin-bottom: 16px;}
    .kh.main .section1 .left .text-wrap p:nth-child(3){font-size: 13px;}
    .kh.main .section1 .left .text-wrap p:nth-child(3) br {display:none;}
    .kh.main .section1 .left .text-wrap{margin-bottom: 40px;}
    .kh.main .section1 .right .text-wrap p:nth-child(1){font-size: 25px;}
    .kh.main .section1 .right .text-wrap p:nth-child(2){font-size: 13px;}

    .kh.main .section2{padding: 40px 0; height: 341px;}
    .kh.main .section2 .container{padding: 0 24px; flex-direction: column;}
    .kh.main .section2 .text-wrap p:nth-child(1){font-size: 25px; margin-bottom: 16px;}
    .kh.main .section2 .text-wrap p:nth-child(2){font-size: 13px; opacity: 0.8;}
    .kh.main .section2 .text-wrap p:nth-child(2) br {display:none;}
    .kh.main .section2 .orange-btn{justify-content: space-between; position:absolute; font-size: 13px; transform: unset; left: unset; height: 56px; top: unset; bottom: -96px; padding: 0 16px; width: calc(100% - 24px);}
    .kh.main .section2 .orange-btn img{margin: unset; width: 30px; height: 30px;}
    .kh.main .section3{padding: 40px 0;}
    .kh.main .section3 .container{padding: 0 24px; height: auto;}
    .kh.main .section3 .left p:nth-child(1){font-size: 40px; margin-bottom: 16px;}
    .kh.main .section3 .left p:nth-child(2){font-size: 25px; margin-bottom: 32px;}
    .kh.main .section3 .orange-btn{width: 240px; height: 48px; font-size: 13px; margin-bottom: 40px;}
    .kh.main .section3 .right{position: relative; left: unset; top: unset; transform: unset; width: 100%;}

    .kh.main .section3 .right .swiper .swiper-slide .img-wrap{padding: 8px;}
    .kh.main .section3 .right .swiper .swiper-slide span{height: 40px; font-size: 12px; font-weight: 300;}
    .kh.main .section3 .right .swiper-button-next{width: 40px; height: 40px; right: -24px; background-image: url(../images/next.png); background-size: cover; transform: unset;}
    .kh.main .section3 .right .swiper-button-prev{width: 40px; height: 40px; left: -24px; background-image: url(../images/prev.png); background-size: cover; transform: unset;}

    .kh .top{padding: 38px 0; position: relative;}
    .kh .top h2{margin-bottom: unset; font-size: 20px;}
    .kh .top p{display: none;}
    .kh .top .tab{position: absolute; width: 100%; bottom: -48px;}
    .kh .top .tab .container{padding: unset;}
    .kh .top .tab ul{height: 48px;}
    .kh .top .tab ul li{background-color: #333;}
    .kh .top .tab ul li a{padding:0 10px; opacity: 0.7; font-size: 10px;}
    .kh .banner{padding-top: calc(48px + 32px); padding-bottom: 64px;}
    .kh .banner span{display: none;}
    .kh .banner h3{font-size: 18px;}
    .kh .banner h3::after{top: calc(18px + 16px); height: 32px;}
    .kh .section1{padding-top: unset;}
    .kh .section1 .bg{position: relative; height: 120px;}

    /* 회사소개 */
    .kh.greeting .section1 .bg{background-image: url(../images/sub-mid-bg-01-m.png);}
    .kh.organization .section1 .bg{background-image: url(../images/sub-mid-bg-02-m.png);}
    .kh.present .section1 .bg{background-image: url(../images/sub-mid-bg-03.png);}
    .kh .section1 .container2{padding: 40px 16px 56px;}
    .kh .section1 .container2 p.point{font-size: 16px; margin-bottom: 40px;}
    .kh .section1 .container2 p.point::before{left: -12px;}
    .kh .section1 .container2 p.point::after{right: -12px;}
    .kh.greeting .section1 .container2 p:nth-child(2){font-size: 13px;}
    .kh.greeting .section1 .container2 p:nth-child(3){font-size: 13px;}
    .kh.greeting .section1 .container2 p:nth-child(4){font-size: 12px;}
    .kh.greeting p br{display: none;}

    .kh.organization .section1 .container2 .organization-img{width: 100%;}
    .kh.present .section1{padding-bottom: 24px;}
    .kh.present .section1 .container2 p:nth-child(2){font-size: 13px;}
    .kh.present .section1 .container2 p:nth-child(2) br {display:none;}
    .kh.present .section1 .container2{padding-bottom: 24px;}
    .kh.present .certificate li{width: calc((100% - 16px) / 2);}
    .kh.present .certificate{padding: unset; gap: 16px;}
    .kh.present .section2{padding: 24px 0 56px;}
    .kh.present .certificate li .img-wrap{padding: 8px;}
    .kh.present .certificate li span{height: 40px; font-size: 8px;}
    .kh.result .section1{padding-top: unset;}
    .kh.result .section1 h4{font-size: 17px; top: 50%; transform: translate(-50% , -50%);}
    .kh.result .section1 .result-tab{height: 48px;}
    .kh.result .section1 .result-tab li{font-size: 12px; word-break: keep-all;}
    .kh.result .section1 .result-tab::after{opacity: 1; background-color: #333;}
    .kh.result .section1 .result-content .content{padding: 24px 16px 0; margin-bottom: 56px; border: unset;}
    .kh.result .section1 .result-content .content .year{flex-direction: column;}
    .kh.result .section1 .result-content .content .year:last-child{border-bottom: solid 4px #cbcbcb;}
    .kh.result .section1 .result-content .content .year > div{width: 100%;}
    .kh.result .section1 .result-content .content .left{padding: 15px 13px; margin-bottom: 16px;}
    .kh.result .section1 .result-content .content .left span{font-size: 40px;}
    .kh.result .section1 .result-content .content .right{border: unset; padding: unset; overflow: scroll; padding-bottom: 18px; margin-bottom: 18px;}
    .kh.result .section1 .result-content .content .right ul{gap: 8px;}
    .kh.result .section1 .result-content .content .right ul li{height: 32px; padding-left: 24px;}
    .kh.result .section1 .result-content .content .right ul li::before{left: 8px;}
    .kh.result .section1 .result-content .content .right ul li p{line-height: 32px; background-color: #fbfbfb; white-space: nowrap; font-size: 12px;}
    .kh.directions .section1 .container2{padding-top: 20px;}
    .kh.directions .section1 .data{flex-direction: column; margin-bottom: 32px;}
    .kh.directions .section1 .data li{width: 100%; padding: unset; padding-left: 11px; flex-direction:unset; height: 64px; gap: unset;}
    .kh.directions .section1 .data li .icon-wrap{width: 40px; height: 40px; margin-right: 16px;}
    .kh.directions .section1 .data li .icon-wrap i{font-size: 21px;}
    .kh.directions .section1 .data li span{width: 62px; font-size: 16px; text-align: left; margin-right: 25px;}
    .kh.directions .section1 .data li p{font-size: 15px;}
    .kh.directions .section1 .map-wrap{gap: 24px;}
    .kh.directions .section1 .map-wrap .map .img-wrap{height: 222px;}
    .kh.directions .section1 .map-wrap .map .address{text-align: left; position: relative; padding: 26px 35px 0; height: 98px; align-items:unset}
    .kh.directions .section1 .map-wrap .map .address .icon-wrap{display:none; width: 40px; height: 40px; position: absolute; left: 50%; top: -20px; transform: translateX(-50%);}
    .kh.directions .section1 .map-wrap .map .address .icon-wrap i{font-size: 21px;}
    .kh.directions .section1 .map-wrap .map .address span{font-size: 15px; width: 60px; letter-spacing:normal; line-height: 1.5;}
    .kh.directions .section1 .map-wrap .map .address p{font-size: 15px; width: calc(100% - 60px);}

    /* 공통 */
    .kh .banner2{background-color: #ffc80d; padding-top: 80px; padding-bottom: 32px; margin-bottom: 40px;}
    .kh .banner2 span{font-size: 13px; margin-bottom: 8px;}
    .kh .banner2 .yellow-wrap h3{position: relative; top: unset; font-size: 18px; padding: 0 8px; background-color: unset; margin-bottom: 16px;}
    .kh .banner2 .yellow-wrap h3::after{background-color: #fff; right: -10px;}
    .kh .banner2 .yellow-wrap h3::before{background-color: #fff; left: -10px;}
    .kh .banner2 .yellow-wrap{flex-direction: column; height: auto;}
    .kh .banner2 .yellow-wrap p{font-size: 13px;}
    .kh .banner2 .yellow-wrap p br{display: none;}
    .kh .report{margin-bottom: 56px;}
    .kh .report h3{font-size: 17px; margin-bottom: 32px;}
    .kh .report h3::before{bottom: -8px;}
    .kh .report .list-wrap{padding: unset; gap: 24px; justify-content: center;}
    .kh .report .list-wrap > li{width: 100%; max-width: 350px;}
    .kh .report .list-wrap > li .img-wrap{height: 218px;}
    .kh .report .list-wrap > li .text-wrap{height: 48px;}
    .kh .report .list-wrap > li .text-wrap p{font-size: 13px;}
    .kh .report .list-wrap > li .text-wrap2 p{font-size: 12px;}
    .kh .report .list-wrap > li .text-wrap2::before{width: 311px;}
    .kh.communication .banner2:nth-child(4){padding-top: 32px;}
    .kh.communication .cctv-wrap ul{gap: 24px 0;}
    .kh.communication .cctv-wrap ul li{width: calc(100% / 2);}
    .kh.communication .cctv-wrap ul li .img-wrap{height: 137px; max-width: 350px;}
    .kh.communication .cctv-wrap ul li .text-wrap p{font-size: 13px; letter-spacing: -0.33px;}
    .kh.communication .cctv-wrap .orange-btn{height: 48px; font-size: 15px; width: 343px;}
    .kh .report .list-wrap.sz > li{width: 100%;}
    .kh.ict .report .list-wrap li .text-wrap2 ul{height: auto; gap: 8px;}
    .kh.ict .report .list-wrap li .text-wrap2 ul li{font-size: 12px;}
    .kh.ict .banner2:nth-child(4){padding-top: 32px;}
    .kh.manufacture .banner2:nth-child(4){padding-top: 32px;}


}