@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
/* 회사개요 */
.overview .top-con{margin-bottom:var(--size100);}
.overview .top-con .top-tt{position: relative;padding-left:20px;font-size:var(--fz100);font-weight: 800;line-height:1em;z-index: 1;margin-bottom:-35px;}
.overview .top-con .top-tt:before{content: '';width:100vw;height:2px;background-color: #ddd;position: absolute;left:calc(-100vw - 20px);top:.5em;}
.gra-txt{background: linear-gradient(to bottom, #166ccd 0%, #1a9431 100%);background-clip: text;-webkit-background-clip: text;color: transparent;}
.overview .top-con .img{margin-bottom:var(--size35);}
.overview .btm-con{display: flex;}
.overview .btm-con .doc-tit{margin-right:var(--size350);}
.doc-tit{font-size:var(--fz48);font-weight: 700;line-height:1.2em;color:var(--dark);}
.overview .btm-con .info{min-width:0;width:1%;flex:1 1 auto;border-top:2px solid var(--dark);}
.overview .btm-con .info dl{display: flex;align-items:center;border-bottom:1px solid #ddd;padding:var(--size25) var(--size30);font-size:var(--fz20);line-height:1.5em;}
.overview .btm-con .info dl dt{width:170px;font-weight: 700;color:var(--dark);}
.overview .btm-con .info dl dd{min-width:0;width:1%;flex:1 1 auto;}

/* 인사말 */
.greeting .img{margin-bottom:var(--size80);}
.greeting .tt-wrap{text-align:center;font-size:var(--fz20);line-height:1.7em;}
.greeting .tt-wrap p{margin-bottom:var(--size25);}
.greeting .tt-wrap p:last-child{margin-bottom:0;}
.greeting .tt-wrap p strong{color:var(--dark);font-weight:700;}

/* 연혁 */
.history .row{display:flex;align-items:center;margin-bottom:var(--size150);}
.history .row:last-child{margin-bottom:0;}
.history .row .img{width:600px;margin-right:var(--size100);}
.history .row .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.history .row .tt-wrap .tit{margin-bottom:var(--size45);font-size:var(--fz100);font-weight:700;line-height:1.2em;color: #eee;}
.history .row .tt-wrap .info{position: relative;padding-left:var(--size40);}
.history .row .tt-wrap .info:before{content: '';width: 2px;height:100%;background-color: var(--pri);position: absolute;left:0;top:0}
.history .row .tt-wrap .info>ul>li{display: flex;margin-bottom:var(--size25);}
.history .row .tt-wrap .info>ul>li:last-child{margin-bottom:0;}
.history .row .tt-wrap .info>ul>li .year{width: 85px;font-size:var(--fz20);font-weight: 600;color:var(--dark);}
.history .row .tt-wrap .info>ul>li .hypen-list{min-width:0;width:1%;flex:1 1 auto;padding-top:1px;}
.hypen-list>li{padding-left: .6em;text-indent: -.6em;color:var(--dark);}
.history .row .tt-wrap .info>ul>li .year strong{color:var(--pri);font-weight: 600;}
.history .row .tt-wrap .info>ul>li .hypen-list>li strong{color:var(--pri);font-weight: 600;}

.history .row:nth-child(even){flex-direction: row-reverse;}
.history .row:nth-child(even) .img{margin-right:0;margin-left:var(--size100);}
.history .row:nth-child(even) .tt-wrap .info:before{background-color:var(--snd);}
.history .row:nth-child(even) .tt-wrap .info>ul>li .year strong{color:var(--snd);}
.history .row:nth-child(even) .tt-wrap .info>ul>li .hypen-list>li strong{color:var(--snd);}

/* 인증 */
.pg-menu{margin-bottom:var(--size60);}
.pg-menu ul{display: flex;justify-content:center;gap:10px;}
.pg-menu ul li a{display: flex;justify-content:center;align-items:center;min-width:225px;height:60px;background-color: #f4f4f4;text-align:center;font-weight: 600;}
.pg-menu ul li.active a{background-color: var(--pri);color: #fff;}
.certi-list ul{display: flex;flex-wrap: wrap;margin:0 -20px -55px;}
.certi-list ul li{width:25%;padding:0 20px;margin-bottom:55px;text-align:center;}
.certi-list ul li .pic {position:relative; height:0; padding-bottom:142.5%; overflow:hidden;box-shadow:5px 5px 5px rgba(0,0,0,.3);}
.certi-list ul li .pic:after{content: '';width:100%;height:100%;border: 4px solid var(--dark);position: absolute;left:0;top:0;z-index: 1;}
.certi-list ul li .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.certi-list ul li .tit{margin-top:20px;font-weight: 600;color:var(--dark);line-height: 1.4em;}

/* client */
.real-cont.client-bc{position: relative;z-index:1;}
.real-cont.client-bc:before{content: '';width: 100%;height: 78%;background-color: #f9f9f9;position: absolute;left:0;bottom:0;z-index:-1;}
.client .top-con{display: flex;margin-bottom:var(--size120);}
.client .top-con .img{width:50%;overflow:hidden;}
.client .top-con .img img{width:100%;border-radius:0 400px 400px 0;}
.client .top-con .tt-wrap{width:50%;padding-right:30px;}
.client .top-con .tt-wrap .inner{max-width:700px;width:100%;padding:var(--size55) 0 0 var(--size80);}
.client .top-con .tt-wrap .tit{font-size:var(--fz40);color:var(--dark);line-height:1.3em;}
.client .top-con .tt-wrap .bar{width:2px;height:60px;background-color:var(--pri);margin:var(--size35) 10px;}

.client-list ul{display: flex;flex-wrap:wrap;margin:0 -5px -10px;}
.client-list ul li{width:20%;padding:0 5px;margin-bottom:10px}
.client-list ul li .logo{display: block;position: relative;background-color: #fff;text-align:center;padding: 5px;pointer-events: none;}
.client-list ul li .logo:after{content:'';width:100%;height:100%;border: 1px solid #ddd;position: absolute;left:0;top:0;z-index: 1;}
.client-list ul li .logo .pic{position:relative; padding-bottom:27.575%; overflow:hidden;}
.client-list ul li .logo .pic img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}

/* 네트워크 */
.network{display: flex;margin:0 -40px;}
.network .col{width:50%;padding:0 40px;}
.network .col .doc-tit{margin-bottom: var(--size25);}
.network .col .map{margin-bottom:var(--size40);border: 1px solid #ddd;padding:20px;}
.network .col .box-wrap .box{position: relative;margin-bottom: 20px;background-color: #f9f9f9;padding:var(--size40);min-height: 275px;}
.network .col .box-wrap .box:last-child{margin-bottom: 0;}
.network .col .box-wrap .box .wrap .tit32{margin-bottom: var(--size30);font-size:var(--fz32);font-weight: 700;line-height:1.2em;color:var(--dark);}
.network .col .box-wrap .box .wrap .info .row{display: flex;align-items: flex-start;margin-bottom:var(--size20);}
.network .col .box-wrap .box .wrap .info .row:last-child{margin-bottom: 0;}
.network .col .box-wrap .box .wrap .info .row .ic{display: flex;justify-content:center;align-items:center;margin-right:15px;padding-top:2px;}
.network .col .box-wrap .box .wrap .info .row p{min-width:0;width:1%;flex:1 1 auto;line-height:1.44em;}
.network .col .box-wrap .box .btn{position: absolute;right:var(--size40);top:var(--size40);display:inline-flex;align-items:center;padding: 0 25px;height:40px;border: 1px solid var(--dark);background-color: #fff;transition:.3s;font-size:var(--fz16);font-weight:700;line-height:1em;color:var(--dark);}
.network .col .box-wrap .box .btn:hover{background-color:var(--pri);color: #fff;border-color: var(--pri);}

/* 제품 */
.scheme-table{margin-bottom:var(--size100);}
.scheme-table .box{padding:var(--size40);background-color: #fafafa;text-align:center;}

.product-cate{position: relative;transition:.3s;}
.product-cate:after{content:'';position: absolute;left:0;bottom:0;width:100%;height:1px;background-color:var(--dark);}
.product-cate.swiper{overflow:hidden;}
.product-cate ul{display: flex;position: relative;}
.product-cate ul li{width: 16.6666%;}
.product-cate ul li a{display: flex;justify-content:center;align-items:center;height:70px;font-size:var(--fz16);line-height:1.4em;background-color:#f9f9f9;transition:.3s;position:relative;z-index:1;margin-right: -1px;text-align:center;}
.product-cate ul li a:after{content:'';width:100%;height:100%;border: 1px solid #ddd;position: absolute;left:0;top:0;z-index:1;border-bottom-color:var(--dark);}
.product-cate ul li.active a{background-color: #fff;font-weight:600;color:var(--dark);z-index:2;}
.product-cate ul li.active a:after{border-color:var(--dark);border-bottom: none;z-index:1;}

.product-cate.fixed{position: fixed;left: 0;top: 0;width: 100%;z-index:100;}

.product-wrap .group{display: flex;align-items:flex-start;padding:var(--size100) 0;border-bottom:1px solid #eee;}
.product-wrap .group:last-child{padding-bottom: 0;border-bottom: none;}
.product-wrap .group .img{width:50%;background:url(/images/sub/product-box-bg.jpg) no-repeat 50% 50%/cover;padding:var(--size40) var(--size100);}
.product-wrap .group .tt-wrap{width: 50%;padding-left:var(--size100);}
.product-wrap .group .tt-wrap .tit{margin-bottom:var(--size35);font-size:var(--fz48);font-weight:700;line-height:1.3em;color:var(--dark);}
.product-wrap .group .tt-wrap .info .row{margin-bottom:var(--size50);}
.product-wrap .group .tt-wrap .info .row:last-child{margin-bottom: 0;}
.product-wrap .group .tt-wrap .info .row .ic-tit{position:relative;padding-left:40px;margin-bottom:var(--size20);font-size:var(--fz24);font-weight: 600;line-height:1.3em;color:var(--dark);}
.product-wrap .group .tt-wrap .info .row .ic-tit:before{content:'';position: absolute;left:0;top:.15em;width:24px;height:24px;background:url('/images/sub/ic-tit.png')no-repeat 0 50%/contain;}
.dot-list>li{position: relative;padding-left:16px;margin-bottom:var(--size15);}
.dot-list>li:before{content:'';position: absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background-color: #ccc;}

/* 재무제표 */
.financial .row{margin-bottom:var(--size150);}
.financial .row:last-child{margin-bottom:0;}
.financial .row .tit-wrap{display: flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--size35);}
.tit40{font-size:var(--fz40);font-weight:700;line-height:1em;color:var(--dark);}
.financial .row .tit-wrap .unit{font-size:var(--fz16);color:var(--dark);line-height:1.3em;}

/* 인재상 */
.talent .doc-tit{line-height:1.46em;min-height:330px;}
[lang=en] .talent .doc-tit{font-size:var(--fz36);}
[lang=en] .talent .list ul li .tt-wrap .tt br{display: none;}
.talent .list ul{display: flex;flex-wrap: wrap;justify-content:flex-end;align-items:flex-start;margin:0 -180px;}
.talent .list ul li{width:50%;padding:0 180px;min-height: 860px;}
[lang=en] .talent .list ul li{min-height:900px;}
.talent .list ul li .pic{margin-bottom:var(--size55);}
.talent .list ul li .tt-wrap .tit{margin-bottom:var(--size15);font-size:var(--fz32);font-weight: 700;color:var(--dark);line-height:1.4em;}
.talent .list ul li .tt-wrap .tt{font-size:var(--fz24);line-height:1.5em;}
.talent .list ul li:nth-child(2),
.talent .list ul li:nth-child(4),
.talent .list ul li:nth-child(5){margin-top:-330px;}

/* 직무교육 */
.jobs>ul{display: flex;flex-wrap: wrap;margin:0 -40px -100px;}
.jobs>ul>li{width:50%;padding:0 40px;margin-bottom:100px;}
.jobs>ul>li .tit-wrap{display: flex;align-items:center;padding-bottom:20px;margin-bottom:35px;border-bottom: 2px solid var(--dark);}
.jobs>ul>li .tit-wrap .ic{display: flex;justify-content:center;align-items:center;margin-right:15px;}
.jobs>ul>li .tit-wrap .tit{font-size:var(--fz24);font-weight: 700;line-height:1.3em;color:var(--dark);}

.num-list>li{display: flex;flex-wrap:wrap;margin-bottom:var(--size10);}
.num-list>li:last-child{margin-bottom:0;}
.num-list>li .num{width:20px;}
.num-list>li p{min-width:0;width:1%;flex:1 1 auto;}

.jobs>ul>li .box{margin-top:var(--size30);background-color:#f4f4f4;padding:25px 35px;}
.jobs>ul>li .box .hypen-list>li{margin-bottom:var(--size15);font-size:var(--fz16);line-height:1.63em;}
.jobs>ul>li .box .hypen-list>li:last-child{margin-bottom:0;}

/* 채용절차 */
.process .content{margin-bottom:var(--size150);}
.process .content:last-child{margin-bottom:0;}
.process .tit40{margin-bottom:var(--size35);}
.step-list{position: relative;margin-top:var(--size60);}
.step-list:before{content: '';width:200vw;height:1px;background-color:var(--dark);position: absolute;left:50%;top:0%;transform: translateX(-50%);z-index:-1;}
.step-list ul{display: flex;}
.step-list ul li{width:20%;text-align:center;}
.step-list ul li .step{position:relative;padding-top:25px;margin-bottom:var(--size55);font-size:var(--fz16);font-weight:700;line-height:1.2em;color:var(--dark);}
.step-list ul li .step:before{content: '';width:24px;height:24px;background-color:var(--dark);border-radius:50%;border: 8px solid #fff;position: absolute;left:50%;top:-12px;transform: translateX(-50%);z-index:1}
.step-list ul li .circle{display: flex;justify-content:center;align-items:center;width:200px;height:200px;background-color:#fff;border-radius:50%;box-shadow:0 0 20px rgba(0,0,0,.15);margin:0 auto;}
.step-list ul li .circle .tit{margin-top:15px;font-weight: 700;color:var(--dark);line-height:1.4em;}
.step-list ul li.active .step{color:var(--pri);}
.step-list ul li.active .step:before{background-color:var(--pri);}
.step-list ul li.active .circle{background-color:var(--pri);color: #fff;}
.step-list ul li.active .circle .tit{color: #fff;}

.process .cont2 .dot-list>li strong{font-weight: 700;color:var(--dark);margin-right:20px;}

.table01 table{width:100%;border-spacing:0;border-top:1px solid var(--pri);}
.table01 table th{height:70px;color:var(--dark);font-weight:700;padding:10px;background-color:#f9f9f9;}
.table01 table td{padding:var(--size35) 20px;}
.table01 table th,
.table01 table td{border-right:1px solid #ddd;border-bottom: 1px solid #ddd;}
.table01 table th:last-child,
.table01 table td:last-child{border-right:none;}

.table01 table th.bcf{background-color:#fff;}

.doc-btn-wrap{text-align:center;margin-top:var(--size60);}
.doc-btn{display: inline-flex;justify-content:center;align-items:center;padding:0 var(--size60);height:56px;border: 1px solid var(--dark);background-color: #fff;transition:.3s;font-size:var(--fz16);font-weight:600;line-height:1em;color:var(--dark);transition:.3s;}
.doc-btn:hover{background-color:var(--pri);color: #fff;border-color: var(--pri);}

/* 복리후생 */
.benefit>ul{display: flex;flex-wrap: wrap;margin:0 -10px -20px;}
.benefit>ul>li{width:33.3333%;padding:0 10px;margin-bottom:20px;}
.benefit>ul>li .item{height:100%;background-color:#f9f9f9;}
.benefit>ul>li .item .txt{padding:25px 30px;}
.benefit>ul>li .item .txt .tit{margin-bottom:10px;font-size:var(--fz24);font-weight: 700;line-height:1.3em;color:var(--dark);}
.benefit>ul>li .item .txt .dot-list>li{margin-bottom:5px;}
.benefit>ul>li .item .txt .dot-list>li:last-child{margin-bottom:0;}

/* 입사지원 */
.apply-pg .content{margin-bottom:var(--size150);}
.apply-pg .content:last-child{margin-bottom:0;}
.apply-pg .tit40{margin-bottom:var(--size35);}
.apply-pg .cont1 .box{display: flex;align-items:center;background-color:#fff;border:var(--size20) solid #f4f4f4;padding:var(--size35) var(--size80);}
.apply-pg .cont1 .box .ic{width:90px;height:90px;display: flex;justify-content:center;align-items:center;margin-right:30px;background-color:var(--pri);border-radius:100%}
.apply-pg .cont1 .box .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.apply-pg .cont1 .box .tt-wrap .dot-list>li{margin-bottom:var(--size15);}
.apply-pg .cont1 .box .tt-wrap .dot-list>li:last-child{margin-bottom:0;}
.apply-pg .cont1 .box .tt-wrap .dot-list>li small{display:block;font-size:var(--fz16);}

.table01 td small{display: block;font-size:var(--fz16);color:#878787;}

/* 브로셔 */
.brochure-list ul{display: flex;flex-wrap: wrap;margin:0 -10px -60px;}
.brochure-list ul li{width:25%;padding:0 10px;margin-bottom:60px;text-align:center;}
.brochure-list ul li .pic {position:relative; height:0; padding-bottom:140.3%; overflow:hidden;}
.brochure-list ul li .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.brochure-list ul li .pic:after{content: '';width:100%;height:100%;border: 1px solid #ddd;position: absolute;left:0;top:0;z-index: 1;transition:.3s;}
.brochure-list ul li .tit{margin:15px 0 25px;font-weight: 600;color:var(--dark);line-height:1.5em;}
.brochure-list ul li .btn{display:flex;justify-content:center;align-items:center;height:40px;background-color:#f4f4f4;transition:.3s;font-size:14px;font-weight:700;line-height:1em;width:100%;}
.brochure-list ul li .item:hover .pic:after{border-color:var(--pri);}
.brochure-list ul li .item:hover .btn{background-color:var(--pri);color: #fff;}

/* Sales 문의 */
.sales{background:url('/images/sub/sales-bg.jpg') no-repeat 50% 50%/cover;padding:var(--size140) var(--size60);}
.sales .doc-tit{margin-bottom:var(--size50);text-align:center;color:#fff;line-height:1.25em;}
.sales .info{display: flex;gap:var(--size100);justify-content:center;}
.sales .info dl{display: flex;align-items:center;}
.sales .info dl dt{display: inline-flex;align-items:center;margin-right:15px;padding:0 15px;height:30px;background-color:var(--pri);font-weight: 700;line-height:1em;color: #fff;}
.sales .info dl dd{color: #fff;font-size:var(--fz24);line-height:1.3em;}
.sales .info dl.st2 dt{background-color:var(--snd);}

/* 고객센터 */
.inquiry .top-title{display: flex;align-items:flex-end;margin-bottom:30px;}
.inquiry .top-title .wrap{min-width:0;width:1%;flex:1 1 auto;}
.inquiry .top-title .tit40{margin-bottom:15px;}
.inquiry .top-title .nt{color:var(--dark);font-size:var(--fz16);}
.necess{font-weight:700 !important;color:#d21414 !important;}
.inquiry .box{border: var(--size40) solid #ebf2f9;padding:var(--size60) 40px;background-color: #fff;}
.inquiry .box .input-area .row{margin-bottom:var(--size55);}
.inquiry .box .input-area .row:last-child{margin-bottom:0;}
.inquiry .box .input-area .row .tit{margin-bottom:10px;display:inline-block;font-size:var(--fz24);font-weight: 600;line-height:1.3em;color:var(--dark);}
.inquiry .box .input-area .row input.input{height:50px;padding:0;font-size:var(--fz18);border: none;border-bottom: 1px solid #ddd;}
.inquiry .box .input-area .row textarea.input{padding:0;padding-top:10px;font-size:var(--fz18);border: none;border-bottom: 1px solid #ddd;}
.inquiry .box .input-area .row input.input:placeholder,
.inquiry .box .input-area .row textarea.input:placeholder{color:#878787;}
.inquiry .box .input-area .row .flex{display: flex;margin:0 -20px;}
.inquiry .box .input-area .row .flex .col{width:33.3333%;padding:0 20px;}
.inquiry .box .input-area .row .flex.x2 .col{width:50%;}
.inquiry .box .input-area .row .flex.x2 .col .tit{margin-bottom:20px;}

.captcha-wrap {display:flex; gap:var(--size30);}
.captcha-wrap .input {min-width:0;width:1%;flex:1 1 auto;}
#kcaptcha_image {height:50px; cursor:pointer;}

.btn-inq{display: flex;justify-content:center;align-items:center;width:200px;height:56px;background-color:var(--pri);color: #fff;border:none;cursor:pointer;margin:0 auto;font-size:16px;font-weight: 600;line-height:1em;}