@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

/* 인사말 */
.greeting .img{margin-bottom:var(--size40);}
.greeting .img img{border-radius:var(--bd40);}
.greeting .tt-wrap .welcome{margin-bottom:var(--size10);font-size:var(--fz24);font-weight:700;line-height:1.3em;color:var(--pri);}
.greeting .tt-wrap .tit{margin-bottom:var(--size50);font-size:var(--fz32);line-height:1.25em;color:var(--dark);font-weight:700;}
.greeting .tt-wrap .tt1{font-size:var(--fz20);font-weight:700;line-height:1.4em;margin-bottom:var(--size35);}
.greeting .tt-wrap .wrap p{margin-bottom:var(--size25);}
.greeting .tt-wrap .wrap p:last-child{margin-bottom:0;}
.greeting .tt-wrap .ceo{margin-top:var(--size50);font-weight:700;line-height:1.4em;}

/* 인증 및 특허 */
.cert-list ul{display: flex;flex-wrap:wrap;margin:0 -20px -40px;}
.cert-list ul li{width:25%;padding:0 20px;margin-bottom:40px;}

/* 회사연혁 */
.history .since{margin-bottom:var(--size60);background:url('/images/sub/history-img.jpg')no-repeat 50% 50%/cover;padding:var(--size130) 20px;text-align:center;border-radius:var(--bd40);}
.history .since p{color: #fff;font-size:var(--fz28);font-weight:700;line-height:1.2em;letter-spacing:1em;}
.history .con{padding:0 60px;position:relative;}
.history .con:before{content:'';left:250px;top:20px;position:absolute;width:1px;height:88%;background-color:#ddd;}
.history .con .row{display: flex;margin-bottom:var(--size60);}
.history .con .row .year{position:relative;width:190px;font-size:var(--fz40);font-weight: 700;color:var(--dark);line-height:1.2em;}
.history .con .row .year:before{content:'';position:absolute;right:-8px;top:14px;width:16px;height:16px;background:url('/images/sub/history-bullet.jpg')no-repeat 50% 50%/contain;}
.history .con .row .info{min-width:0;width:1%;flex:1 1 auto;padding-left:var(--size80);padding-top:5px;}
.history .con .row .info ul li{display: flex;line-height:2em;font-size:var(--fz20);}
.history .con .row .info ul li .month{width:43px;font-weight: 700;color:var(--pri);}
.history .con .row .info ul li .tt{min-width:0;width:1%;flex:1 1 auto;}

/* 협력사 */
.partners .content{margin-bottom:var(--size100);}
.partners .content:last-child{margin-bottom:0;}
.tit32{font-size:var(--fz32);font-weight: 700;color:var(--dark);line-height:1.25em;margin-bottom:var(--size35);}
.partners .content ul{display: flex;flex-wrap:wrap;margin:0 -10px -20px;}
.partners .content ul li{width:25%;padding:0 10px;margin-bottom:20px;}
.partners .content ul li .logo{border: 1px solid #ddd;border-radius:var(--bd8);overflow:hidden;display: flex;justify-content:center;align-items:center;padding:20px;}

/* 찾아오시는 길 */
.location .maps{border-radius:var(--bd40);overflow:hidden;}
.location .maps .root_daum_roughmap {width:100% !important; height:500px !important;}
.location .maps .root_daum_roughmap .wrap_map {height:500px !important;}
.location .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.location .maps .map_border{display:none;}
.location .maps .roughmap_lebel_text:after {content:"(주)지우테크"; font-size:12px; line-height:15px;}
.directions {margin-top:40px;}
.directions .address-info {margin-bottom:30px;}
.directions .address-info .comp {color:var(--pri); font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:700;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:var(--pri);}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

@media (max-width: 1024px) {
	.location .maps .root_daum_roughmap {height:300px !important;}
    .location .maps .root_daum_roughmap .wrap_map {height:300px !important;}
	.directions .address-info .addr {font-size:20px;}
	.directions .contact-info dl {padding:20px 0;}
	.directions .contact-info dt {padding-left:20px; width:140px;}
}

@media (max-width: 640px) {
	.location .maps .root_daum_roughmap {height:200px !important;}
    .location .maps .root_daum_roughmap .wrap_map {height:200px !important;}
	.directions {margin-top:30px;}
	.directions .address-info .addr {font-size:18px;}
	.directions .address-info {margin-bottom:20px;}
	.directions .contact-info dl {padding:16px 0;}
	.directions .contact-info dt {padding-left:5px; width:110px;}
	.directions .contact-info dt svg {margin-right:10px;}
}

/* 사업분야 - 판금사업 */
.busi1 .top-con{display: flex;align-items:center;padding:0 24px;margin-bottom:var(--size100);}
.busi1 .top-con .bar{width:1px;height:var(--size200);background-color:#ddd;margin-left:70px;margin-right:40px;}
.busi1 .top-con .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.tit28{margin-bottom:var(--size30);font-size:var(--fz28);font-weight: 700;line-height:1.29em;color:var(--dark);}
.tt18{font-size:var(--fz18);line-height:1.44em;}

.img-list ul{display: flex;flex-wrap:wrap;margin:0 -20px -40px;}
.img-list ul li{width:33.3333%;padding:0 20px;margin-bottom:40px;text-align:center;}
.img-list ul li .pic{overflow:hidden;border-radius:var(--bd24);position: relative;}
.img-list ul li .pic:after{content: '';width:100%;height:100%;position: absolute;left:0;top:0;border: 1px solid #ddd;border-radius:var(--bd24);}
.img-list ul li .tit{margin-top:15px;font-size:var(--fz20);font-weight: 700;color:var(--dark);line-height:1.4em;}

/* 사업분야 - 데이터센터 */
.pg-menu{margin-bottom:40px;padding-bottom:40px;border-bottom: 1px solid #ddd;}
.pg-menu ul{display: flex;justify-content:center;margin:0 -40px;}
.pg-menu ul li{position:relative;padding:0 40px;}
.pg-menu ul li:after{content:'';position: absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:14px;background-color:#ddd;}
.pg-menu ul li:last-child:after{display:none;}
.pg-menu ul li a{font-size:var(--fz20);font-weight: 500;color:#aaa;line-height:1em;}
.pg-menu ul li.active a{color:var(--dark);text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--pri);}


.busi2 .content{margin-bottom:var(--size100);}
.busi2 .content:last-child{margin-bottom:0;}
.busi2 .cont1 .tt-wrap{margin-bottom:40px;}
.busi2 .cont1 .tt-wrap .cate-tit{margin-bottom:var(--size10);font-size:var(--fz20);line-height:1.4em;font-weight:700;color:var(--pri);}
.busi2 .cont1 .tt-wrap .tit28{margin-bottom:var(--size30);}
.busi2 .cont1 .flex-cnt{display: flex;align-items:flex-start;}
.busi-sld{margin-right:var(--size40);position:relative;border: 1px solid #ddd;width:48.3333%;}
.busi-sld .slick-arrow{display: block;width:24px;height:24px;position:absolute;top:50%;transform:translateY(-50%);z-index:1;background-color:transparent;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;font-size:0;border:none;z-index:2;}
.busi-sld .slick-prev{background-image:url('/images/sub/sld-prev.png');left:20px;}
.busi-sld .slick-next{background-image:url('/images/sub/sld-next.png');right:20px;}
.busi-sld .name{position: absolute;left:20px;top:20px;display: inline-flex;justify-content:center;align-items:center;padding:0 20px;height:32px;background-color:var(--pri);color: #fff;font-weight:700;line-height:1.2em;z-index:2;}
.busi2 .cont1 .flex-cnt .right{min-width:0;width:1%;flex:1 1 auto;}

.tit24{margin-bottom:var(--size35);font-size:var(--fz24);font-weight: 700;line-height:1.3em;color:var(--dark);}
.table01 table{border-top: 1px solid #ddd;width:100%;border-spacing:0;line-height:1.63em;border:1px solid #ddd;}
.table01 table th{background-color: #f9f9f9;text-align:center;font-weight: 700;padding:10px;}
.table01 table td{padding:15px 20px;}
.table01 table th,
.table01 table td{border-bottom: 1px solid #ddd;border-right:1px solid #ddd;height:60px;}
.table01 table thead th{border-bottom: 1px solid #ddd !important;}
.table01 table th:last-child,
.table01 table td:last-child{border-right:0;}

.table01 table tr:last-child th,
.table01 table tr:last-child td{border-bottom:0;}

.dot-list>li{text-indent:-.6em;padding-left:.6em;}

.acc>ul{display: flex;flex-wrap:wrap;margin:0 -10px -20px;}
.acc>ul>li{width:50%;padding:0 20px;margin-bottom:40px;}
.acc>ul>li .group{display: flex;align-items:flex-start;}
.acc>ul>li .group .pic{margin-right:var(--size40);border: 1px solid #ddd;}
.acc>ul>li .group .tt-wrap{min-width:0;width:1%;flex:1 1 auto;padding-top:var(--size35);}
.acc>ul>li .group .tt-wrap .tit24{margin-bottom:var(--size10);}


/* 공정 및 설비 - 판금 공정 */
.process-top{text-align:center;margin-bottom:35px;}
.process-top .tit32{margin-bottom:var(--size10);color:var(--pri);}
.process1 .con{overflow:hidden;}
.process1 .con ul{display: flex;flex-wrap:wrap;margin:0 -75px -40px;}
.process1 .con ul li{width:33.3333%;padding:0 75px;margin-bottom:40px;position:relative;}
.process1 .con ul li:after{content: '';position: absolute;right:-35px;top:50%;margin-top:-18px;width:70px;height:36px;background:url('/images/sub/process1-arr.png')no-repeat 50% 50%/contain;}
.process1 .con ul li:nth-child(3n):after{display:none;}
.process1 .con ul li .box{text-align:center;padding:var(--size90) 20px;border: 1px solid #ddd;border-radius:var(--bd24);position:relative;}
.process1 .con ul li .box p{margin-top:15px;font-size:var(--fz20);font-weight: 700;line-height:1.3em;color:var(--dark);}

.process2 .con .row{display: flex;align-items:center;margin-bottom:40px;}
.process2 .con .row:last-child{margin-bottom:0;}
.process2 .con .row .img{width:48.3333%;}
.process2 .con .row .img img{border-radius:var(--bd24);}
.process2 .con .row .tt-wrap{display:flex;align-items:center;min-width:0;width:1%;flex:1 1 auto;margin-left:-30px;position:relative;z-index:1;}
.process2 .con .row .tt-wrap .num{display: flex;justify-content:center;align-items:center;width:60px;height:60px;background-color:var(--pri);color: #fff;font-weight:700;line-height:1.2em;font-size:var(--fz20);border-radius:100%;margin-right:var(--size40);}
.process2 .con .row .tt-wrap .wrap{min-width:0;width:1%;flex:1 1 auto;}
.process2 .con .row .tt-wrap .wrap .tit{margin-bottom:var(--size10);font-size:var(--fz24);font-weight: 700;color:var(--dark);line-height:1.3em;}
.process2 .con .row:nth-child(even){flex-direction: row-reverse;}
.process2 .con .row:nth-child(even) .tt-wrap{flex-direction:row-reverse;text-align: right;margin-left:0;margin-right:-30px;}
.process2 .con .row:nth-child(even) .tt-wrap .num{margin-right:0;margin-left:var(--size40);}

.process3 .content{margin-bottom:var(--size100);}
.process3 .content:last-child{margin-bottom:0;}
.process3 .cont1 ul{display: flex;flex-wrap:wrap;margin:0 -20px -40px;}
.process3 .cont1 ul li{position:relative;width:50%;padding:0 20px;margin-bottom:40px;}
.process3 .cont1 ul li .img{margin-bottom:15px;border: 1px solid #ddd;border-radius:var(--bd24);overflow:hidden;}
.process3 .cont1 ul li .tit24{margin-bottom:5px;}

.doc-btn.center{margin:0 auto;}

.recruit .bg-con{position:relative;z-index:-1;}
.recruit .bg-con .logo-wrap{position: absolute;left:50%;top:15%;transform:translateX(-50%);}
.recruit .cc-list{margin-top:-10%;}
.recruit .cc-list ul{display: flex;justify-content:space-between;;}