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

.greeting{padding:60px 40px 330px;background:url('/images/sub/greeting-bg.jpg')no-repeat 50% 50%/cover;}
.greeting .tt-wrap{text-align:center;color: #fff;}
.greeting .tt-wrap .tit{position:relative;padding-bottom:80px;margin-bottom:20px;font-size:var(--fz32);font-weight:700;line-height:1.3em;}
.greeting .tt-wrap .tit:after{content:'';width:2px;height:60px;background-color:rgba(255,255,255,.6);position: absolute;left:50%;margin-left:-1px;bottom:0;}

.history .content{margin-bottom:80px;}
.history .content:last-child{margin-bottom:0;}
.history .content .wide-img{margin-bottom:55px;}
.history .content .wide-img img{width:100%;}
.history .content .tit-wrap{margin-bottom:30px;text-align:center;}
.history .content .tit-wrap .tit{margin-bottom:10px;font-size:var(--fz18);font-weight:700;line-height:1.5em;}
.history .content .tit-wrap .year{font-size:var(--fz32);font-weight:700;color:var(--dark);line-height:1.3em;}
.history .content .list{position:relative;}
.history .content .list:after{content:'';width:1px;height:calc(100% - 15px);background-color: #ddd;position: absolute;left:50%;top:10px;z-index:-1;}
.history .content .list .row{display:flex;justify-content:flex-end;margin-bottom:50px;}
.history .content .list .row:last-child{margin-bottom:0;}
.history .content .list .row .col{position:relative;width:50%;padding-left:25px;line-height:1.875em;}
.history .content .list .row .col:before{content:'';width:8px;height:8px;border-radius:50%;background-color:var(--pri);position: absolute;left:-4px;top:10px;}
.history .content .list .row:nth-child(even){justify-content:flex-start;}
.history .content .list .row:nth-child(even) .col{padding-left:0;padding-right:25px;text-align:right;}
.history .content .list .row:nth-child(even) .col:before{left:auto;right:-4px;}

.location .cate-menu{margin-bottom:40px;}
.location .cate-menu ul{display:flex;justify-content:center;margin:0 -5px;}
.location .cate-menu ul li{padding:0 5px;}
.location .cate-menu ul li a{display:flex;justify-content:center;align-items:center;width:80px;height:48px;border-radius:var(--bd8);background-color: #eee;color: #999;font-size:var(--fz18);line-height:1.2em;font-weight:500;transition:.3s;}
.location .cate-menu ul li.active a{background: linear-gradient(to right, #399d26, #004c97);color: #fff;}

.loc-cnt .info{display:flex;align-items:center;margin-bottom:35px;}
.loc-cnt .info .left{min-width:0;width:1%;flex:1 1 auto;margin-right:40px;}
.loc-cnt .info p{position:relative;padding-left:34px;color:var(--dark);font-weight:500;line-height:1.4em;font-size:var(--fz22);}
.loc-cnt .info p:before{content:'';width:20px;height:18px;background:url('/images/sub/loc-ic1.png')no-repeat 0 50%/contain;position: absolute;left:0;top:.3em;}

.loc-cnt .info .right{display:flex;}
.loc-cnt .info .right p{margin-right:42px;font-size:var(--fz18);}
.loc-cnt .info .right p:last-child{margin-right:0;}
.loc-cnt .info .right p:before{top:.2em;}
.loc-cnt .info .right p.tel:before{background-image:url('/images/sub/loc-ic2.png');}
.loc-cnt .info .right p.fax:before{background-image:url('/images/sub/loc-ic3.png');}
.loc-cnt .info .right p span{margin-right:20px;}
.loc-cnt .info .right p:after{content:'';width:1px;height:16px;background-color: #e2e2e2;position: absolute;right:-21px;top:.25em;}
.loc-cnt .info .right p:last-child:after{display:none;}

.loc-cnt .maps .root_daum_roughmap {width:100% !important; height:600px !important;}
.loc-cnt .maps .root_daum_roughmap .wrap_map {height:600px !important;}
/* .loc-cnt .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;} */
.loc-cnt .maps .map_border{display:none;}
/* .loc-cnt .maps .roughmap_lebel_text:after {content:"위노베이트"; font-size:12px; line-height:15px;} */

.busi1	.top-txt{margin-bottom:75px;padding:35px 40px;background-color: #f9f9f9;border-radius:var(--bd16);color:var(--dark);}
.busi1 .content{margin-bottom:75px;}
.busi1 .content:last-child{margin-bottom:0;}
.doc-tit{position:relative;margin-bottom:35px;padding-left:14px;font-size:var(--fz28);font-weight:700;line-height:1.4em;color:var(--dark);}
.doc-tit:before{content:'';width:4px;height:30px;background:url('/images/sub/tit-bullet.jpg')no-repeat 0 50%/contain;position: absolute;left:0;top:.2em;}
.table01 table{width:100%;border-spacing:0;border-top:1px solid #ddd;text-align:center;}
.table01 table th{background-color: #f9f9f9;font-weight:700;padding:10px;}
.table01 table td{padding:15px 20px;}
.table01 table th,
.table01 table td{height:60px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.table01 table th:last-child,
.table01 table td:last-child{border-right:none;}

.busi1 .content .flex{display:flex;margin:0 -20px;}
.busi1 .content .flex .col{width:50%;padding:0 20px;}
.busi1 .content .flex .col .box{height:100%;border:1px solid #ddd;border-radius:var(--bd32);overflow:hidden;}
.busi1 .content .flex .col .box .tit{font-size:18px;font-weight:700;color: #fff;line-height:1.4em;padding:15px;text-align:center;background-color:var(--snd);}
.busi1 .content .flex .col.st2 .box .tit{background-color: var(--pri);}
.busi1 .content .flex .col .box .cnt{padding:35px 36px;}
.busi1 .content .flex .col .box .cnt .row{margin-bottom:30px;}
.busi1 .content .flex .col .box .cnt .row:last-child{margin-bottom:0;}
.busi1 .content .flex .col .box .cnt .row .row-tit{margin-bottom:10px;font-weight:700;color: #28398b;}
.busi1 .content .flex .col .box .cnt .row .row-tit.st2{color: #ff0000;}
.busi1 .content .flex .col .box .cnt ol li{display:flex;}
.busi1 .content .flex .col .box .cnt ol li .num{margin-right:5px;}
.busi1 .content .flex .col .box .cnt ol li .p{min-width:0;width:1%;flex:1 1 auto;}

.busi2{padding-top:20px;}
.busi2 ul{display:flex;margin:0 -20px;}
.busi2 ul li{width:33.3333%;padding:0 20px;}
.busi2 ul li .box{position:relative;border:1px solid #ddd;border-radius:var(--bd32);padding:55px 20px 35px;text-align:center;height:100%;}
.busi2 ul li .box .num{display:flex;justify-content:center;align-items:center;width:40px;height:40px;position: absolute;left:50%;transform:translateX(-50%);top:-20px;z-index:1;border-radius:50%;background: linear-gradient(135deg, #399d26, #004c97);font-size:var(-fz18);color: #fff;font-weight:700;line-height:1.2em;}
.busi2 ul li .box .tit{margin-bottom:10px;z-index:var(--fz18);font-weight:700;color:var(--dark);line-height:1.5em;}

.busi3 ul{display:flex;margin:0 -20px;}
.busi3 ul li{width:50%;padding:0 20px;text-align:center;}
.busi3 ul li .img img{border-radius:var(--bd32);}
.busi3 ul li p{margin-top:35px;}

.busi4 .top-bg-con{margin-bottom:80px;}
.busi4 .top-bg-con .bg{position:relative;padding:55px 0;background:url('/images/sub/busi4-bg1.jpg')no-repeat 50% 50%/cover;}
.busi4 .top-bg-con .bg .contain{display:flex;}
.busi4 .top-bg-con .bg .tt-wrap{color: #fff;}
.busi4 .top-bg-con .bg .tt-wrap .tit{position:relative;padding-bottom:75px;margin-bottom:15px;font-size:var(--fz32);font-weight:700;line-height:1.3em;}
.busi4 .top-bg-con .bg .tt-wrap .tit:after{content:'';width:1px;height:60px;background-color: #fff;position: absolute;left:0;bottom:0;}
.busi4 .top-bg-con .bg .tt-wrap .tt{margin-bottom:10px;font-weight:700;font-size:var(--fz20);line-height:1.4em;}
.busi4 .top-bg-con .bg .phone{position: absolute;right:30px;}
.busi4 .content{margin-bottom:80px;}
.busi4 .content:last-child{margin-bottom:0;}
.busi4 .cont1 .row{margin-bottom:35px;}
.busi4 .cont1 .row:last-child{margin-bottom:0;}
.busi4 .cont1 .row .row-tit{display:flex;justify-content:center;align-items:center;width:120px;height:40px;border-radius:20px;margin-bottom:15px;background-color:var(--snd);color: #fff;font-weight:700;line-height:1.2em;}
.busi4 .cont1 .row.type2 .row-tit{background-color:var(--pri);}
.busi4 .cont1 .row ul{padding-left:35px;}
.busi4 .cont1 .row ul li{display:flex;}
.busi4 .cont1 .row ul li .num{margin-right:4px;}
.busi4 .cont1 .row ul li .p{min-width:0;width:1%;flex:1 1 auto;}

.busi4 .cont2 .img-box{text-align:center;border:1px solid #ddd;padding:39px;}

.busi4 .cont3{padding:80px 0;background-color: #f9f9f9;}
.busi4 .cont3 .row{padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid #ddd;}
.busi4 .cont3 .row:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none;}
.busi4 .cont3 .row .row-tit{margin-bottom:35px;display:flex;align-items:center;font-size: clamp(0.9375rem, 0.8224rem + 0.4605vw, 1.375rem);color:var(--dark);font-weight:700;}
.busi4 .cont3 .row .row-tit .logo{margin:0 5px;padding-top:4px;}
.busi4 .cont3 .btm-txt{margin-top:60px;padding:20px;background-color: #2bb9b1;border-radius:var(--bd8);font-weight:700;color: #fff;text-align:center;}

.busi4 .cont4 ul{display:flex;flex-wrap:wrap;margin:0 -20px -40px;}
.busi4 .cont4 ul li{width:25%;padding:0 20px;margin-bottom:40px;}
.busi4 .cont4 ul li .tit{background-color:var(--pri);color: #fff;display:flex;justify-content:center;align-items:center;min-height:60px;padding:5px 10px;font-weight:700;}
.busi4 .cont4 ul li.st2 .tit{background-color:var(--snd);}

.busi5 .content{margin-bottom:80px;}
.busi5 .content:last-child{margin-bottom:0;}
.busi5 .cont1 ul{display:flex;margin:0 -20px;}
.busi5 .cont1 ul li{width:25%;padding:0 20px;text-align:center;}
.busi5 .cont1 ul li .img img{border-radius:var(--bd32);}
.busi5 .cont1 ul li .tit{margin:15px 0 7px;font-size:var(--fz18);color:var(--dark);line-height:1.4em;font-weight:700;}

.busi5 .cont2 .top-tt{margin-bottom:35px;}
.busi5 .cont2 .box{padding:35px 40px;margin-bottom:40px;border:1px solid #ddd;}
.busi5 .cont2 .box:last-child{margin-bottom:0;}
.busi5 .cont2 .box .title{margin-bottom:40px;font-size:var(--fz20);font-weight:700;line-height:1.4em;text-align:center;}
.busi5 .cont2 .box ul{display:flex;margin:0 -20px;}
.busi5 .cont2 .box ul li{position:relative;padding:0 20px;width:16.6666%;text-align:center;}
.busi5 .cont2 .box ul li:after{content:'';width:15px;height:13px;position: absolute;right:-7.5px;top:37%;background:url('/images/sub/busi5-arr1.png')no-repeat 50% 50%/contain;}
.busi5 .cont2 .box.type2 ul li:after{background-image:url('/images/sub/busi5-arr2.png');}
.busi5 .cont2 .box ul li:last-child:after{display:none;}
.busi5 .cont2 .box ul li p{margin-top:15px;font-weight:700;color: var(--dark);}


.perform-list{padding:40px 0;border-top:2px solid #868686;border-bottom:1px solid #ddd;}
.perform-list ul{display:flex;flex-wrap:wrap;margin:0 -20px -40px;}
.perform-list ul li{width:33.3333%;padding:0 20px;margin-bottom:40px;}
.perform-list ul li .pic {position:relative; height:0; padding-bottom:69.645%; overflow:hidden;}
.perform-list ul li .pic:after{content:'';width:100%;height:100%;border:1px solid #ddd;position: absolute;left:0;top:0;}
.perform-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;}
.perform-list ul li .info{margin-top:20px;}
.perform-list ul li .info table{width:100%;border-spacing:0;border-top:1px solid #ddd;}
.perform-list ul li .info table th,
.perform-list ul li .info table td{border-bottom:1px solid #ddd;height:60px;}
.perform-list ul li .info table th{background-color: #f9f9f9;text-align: center;font-weight:500;padding:5px;}
.perform-list ul li .info table td{padding:10px 20px;line-height:1.5em;}