@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:clamp(250px, calc( 450 / var(--inner) * 100vw ), 450px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc( 450 / var(--inner) * 100vw ), 450px) !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"위노베이트"; font-size:12px; line-height:15px;}

.bullet-item .bullet-list {position:relative; padding-left:10px; margin-top:10px; line-height:1.3; color: #454545;}
.bullet-item .bullet-list:first-child {margin-top:0;}
.bullet-item .bullet-list::before {position:absolute; content:''; left:0; top:8px; width:3px; height: 3px; background:var(--color-primary); border-radius: 50%;}
.bullet-item .bullet-list.none {padding-left: 0;}
.bullet-item .bullet-list.none::before {display: none;}
.width-50 {display: flex; flex-wrap: wrap;}
.width-50 .bullet-item {flex:1 0 50%; max-width: 50%;}

.bg-gray {background:#fafafa;}
.content-wrap {overflow: hidden;}
.content-wrap + .content-wrap {padding-top: clamp(50px, calc( 100 / var(--inner) * 100vw ), 100px);}

.contitbx {margin-bottom: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px);}
.contitbx .border-title {padding-left:clamp(20px, calc( 28 / var(--inner) * 100vw ), 28px); position: relative; position: relative; font-size:clamp(19px, calc( 36 / var(--inner) * 100vw ), 36px); font-weight: bold;}
.contitbx .border-title::before {position:absolute; content:''; left:0; top:clamp(3px, calc( 8 / var(--inner) * 100vw ), 8px); width:4px; height: clamp(20px, calc( 32 / var(--inner) * 100vw ), 32px); background:var(--color-primary); }
.contitbx .border-title .small {display: inline-block; padding-left: 10px; font-size:clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight: 500; color:#b0b0b0;}
.contitbx .border-title .small:first-child {padding-right: 10px;}
.contitbx .border-title .small + .small {padding-right: clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px); padding-left: 0;}
.contitbx .border-title .font-dark {color:#242424;}
.contitbx .border-title + .sub-tit {margin-top: clamp(15px, calc( 35 / var(--inner) * 100vw ), 35px);}
.contitbx .sub-tit {font-size:clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight:600; color:var(--color-primary);}

.greet-wrap {overflow: hidden;}
.greet-wrap .imgbx {flex: 1 0 600px; max-width:600px; margin-right: clamp(15px, calc( 80 / var(--inner) * 100vw ), 80px);}
.greet-wrap .textbx {flex: 1 0 auto; width:1%; padding-top: clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px);}
.greet-wrap .eng {display: block;font-size:clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight:600; color:#a9a9a9;}
.greet-wrap .title {margin-top:clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px); font-size:clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); font-weight:400;}
.greet-wrap .decbx {padding-top: clamp(25px, calc( 52 / var(--inner) * 100vw ), 52px);}
.greet-wrap .dec {font-size:clamp(14px, calc( 17 / var(--inner) * 100vw ), 17px); line-height:1.6; color: #454545;}
.greet-wrap .dec + .dec {margin-top: clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px);}

.history-toptext {margin-bottom:clamp(20px, calc( 45 / var(--inner) * 100vw ), 45px);}
.history-toptext .eng {display: block; font-size:clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight:600; color:var(--color-primary);}
.history-toptext .title {margin-top:clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px); font-size:clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); font-weight:400;}
.history-list {border-top: 1px solid #000;}
.history-item {padding: clamp(20px, calc( 45 / var(--inner) * 100vw ), 45px) 0; border-bottom: 1px solid #ddd;}
.history-item-inner {display: flex; flex-wrap: wrap;}
.history-item-year {flex: 1 0 clamp(120px, calc( 320 / var(--inner) * 100vw ), 320px); max-width: clamp(120px, calc( 320 / var(--inner) * 100vw ), 320px); padding-right: clamp(15px, calc( 75 / var(--inner) * 100vw ), 75px); font-size: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); font-weight: 600; text-align: right;}
.history-item-text {flex: 1 0 auto; width:1%; padding-left: clamp(10px, calc( 150 / var(--inner) * 100vw ), 150px);}
.history-item-text .item-list {display: flex; line-height: 1.5;}
.history-item-text .item-list + .item-list {margin-top: clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px);}
.history-item-text .month {padding-left: clamp(15px, calc( 25 / var(--inner) * 100vw ), 25px); position: relative; flex: 1 0 clamp(50px, calc( 80 / var(--inner) * 100vw ), 80px); max-width: clamp(50px, calc( 80 / var(--inner) * 100vw ), 80px); font-weight: 600; }
.history-item-text .month::before {position: absolute; content:''; left:0; top:9px;  width: 3px; height: 3px; background:var(--color-primary);}
.history-item-text .textbx {flex: 1 0 auto; width:1%; color: #454545;}

.certi-list {display: flex; flex-wrap: wrap; margin:-25px -20px;}
.certi-item {flex:1 0 25%; max-width: 25%; padding:25px 20px;}

.certi-item .images {position:relative; padding-bottom:125%; overflow:hidden;}
.certi-item .images:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);}
.certi-item .images img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover;}
.certi-item .text {padding-top: 15px; font-size:clamp(14px, calc( 17 / var(--inner) * 100vw ), 17px); font-weight:500; text-align: center;}

.bdrwidth-list+ .bdrwidth-list {padding-top: clamp(5px, calc( 20 / var(--inner) * 100vw ), 20px);}
.bdrwidth-list {display: flex; flex-wrap: wrap; margin:-20px;}
.bdrwidth-item {flex:1 0 50%; max-width: 50%; padding:20px;}
.bdrwidth-item .bdrwidth-inner {padding:clamp(25px, calc( 45 / var(--inner) * 100vw ), 45px) clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px); border:1px solid #ddd; height: 100%;}
.bdrwidth-item .bdrwidth-title {margin-bottom: clamp(20px, calc( 35 / var(--inner) * 100vw ), 35px); font-size:clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight:bold; }
.bdrwidth-item .bdrwidth-title2 {margin-bottom: clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px); font-weight:bold; color:var(--color-primary);}
.bdrwidth-item .inpdtop {padding-top: clamp(15px, calc( 25 / var(--inner) * 100vw ), 25px);}
.bdrwidth-item.width-100 {flex:1 0 100%; max-width: 100%;}
.bdrwidth-item.width-25 {flex:1 0 25%; max-width: 25%;}
.max-width-950 {max-width: 950px; width: 100%;}

.subsec-pd {padding: clamp(50px, calc( 100 / var(--inner) * 100vw ), 100px) 0;}
.mt-40 {margin-top: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px);}
.pross-wrap .pross-item { border:1px solid #ddd; }
.pross-wrap .pross-inner {padding:clamp(12px, calc( 16 / var(--inner) * 100vw ), 16px) clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px);}
.pross-wrap .pross-item .pross-title {padding: clamp(10px, calc( 14 / var(--inner) * 100vw ), 14px); font-size:clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight:bold; background:var(--color-primary); color:#fff; text-align: center;}

.effect-cont {display: flex; justify-content: space-between; flex-wrap: wrap;}
.effect-cont .effect-list {padding-right: 20px;}
.effect-cont .effect-item + .effect-item {margin-top: 20px;}
.effect-cont .effect-item .flxWrap {align-items: center;} 
.effect-cont .effect-item .circle {padding: clamp(4px, calc( 10 / var(--inner) * 100vw ), 10px); border-radius: 50%; border: 1px solid var(--color-primary); text-align: center;}
.effect-cont .effect-item .intxt {display: flex; align-items: center; justify-content: center; padding: 5px;  width:clamp(90px, calc( 220 / var(--inner) * 100vw ), 220px); height:clamp(90px, calc( 220 / var(--inner) * 100vw ), 220px); background:var(--color-primary); border-radius: 50%; color:#fff; font-size:clamp(15px, calc( 24 / var(--inner) * 100vw ), 24px);  font-weight:bold;}
.effect-cont .effect-item:nth-child(odd) .intxt {background:var(--color-primary); }
.effect-cont .effect-item:nth-child(even) .circle {border-color: #3b3b3b;}
.effect-cont .effect-item:nth-child(even) .intxt {background:#3b3b3b; }
.effect-cont .effect-item .circle-text {padding-left: clamp(10px, calc( 70 / var(--inner) * 100vw ), 70px); flex: 1 0 auto; width: 1%;}

.imgwid-list {display: flex; flex-wrap: wrap; margin:-13px;}
.imgwid-item {flex:1 0 50%; max-width: 50%; padding:13px;}
.imgwid-list.type2 {margin:-20px;}
.imgwid-list.type2 .imgwid-item {padding:20px;}
.imgwid-list.type2 .wid-1 {flex: 1 0 679px; max-width: 679px;}
.imgwid-list.type2 .wid-2 {flex: 1 0 auto; width: 1%; max-width: 100%;}
.imgwid-inner {display: flex; flex-wrap: wrap; margin: -20px;}
.imgwid-inner .inner-bx {flex:1 0 50%; max-width: 50%; padding:20px ;}
.imgwid-inner .inner {position: relative; }
.imgwid-inner .inner :after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ddd;}
.imgwid-inner .inner-img img {width: 100%;}
.imgwid-inner .inner-text {display: flex; align-items: center;justify-content: center; height:clamp(48px, calc( 64 / var(--inner) * 100vw ), 64px); font-size:clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight:600; }

.busiflx-wrap .flxWrap {align-items: center;}
.busiflx-wrap .imgbx {flex: 1 0 500px; max-width: 500px; margin-right: clamp(20px, calc( 90 / var(--inner) * 100vw ), 90px);}
.busiflx-wrap .textbx {flex: 1 0 auto; width:1%;}
.busiflx-wrap .inbox + .inbox {padding-top: clamp(25px, calc( 50 / var(--inner) * 100vw ), 50px);}
.busiflx-wrap .inbox .title {font-size: clamp(19px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight:bold;}
.busiflx-wrap .inbox .text {margin-top:clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px); line-height:1.6;font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); color: #454545;}

.process-list {display: flex; flex-wrap: wrap; justify-content: space-between; margin: -20px;}
.process-item {flex:1 0 20%; max-width: 20%; padding:20px; position: relative;}
.process-item:after {position: absolute;content:'';  top:50%;right:-7px; transform: translateY(-50%); width: clamp(15px, calc( 21 / var(--inner) * 100vw ), 21px); height: clamp(9px, calc( 15 / var(--inner) * 100vw ), 15px); background:url(../images/sub/right.png) no-repeat center center / contain;}
.process-item:last-child:after {display: none;}
.process-item .process-inner {display: flex; align-items: center; justify-content: center; flex-direction: column; margin: 0 auto; width: clamp(110px, calc( 230 / var(--inner) * 100vw ), 230px); height: clamp(110px, calc( 230 / var(--inner) * 100vw ), 230px); border-radius: 50%;color:#fff; text-align: center;}
.process-item .process-num {  font-weight:600;}
.process-item .process-title {margin-top:10px; font-size:clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight:600;}
.process-item:nth-child(odd) .process-inner {background:var(--color-primary);}
.process-item:nth-child(even) .process-inner {background:#3b3b3b;}

.processimg-list {display: flex; flex-wrap: wrap; padding-top:50px; margin:-20px;}
.processimg-item {flex:1 0 25%; max-width: 25%; padding:20px;}
.processimg-item img {width: 100%;}
.processimg-text {display: flex; align-items: center; justify-content: center; background:var(--color-primary); color:#fff; height: clamp(44px, calc( 64 / var(--inner) * 100vw ), 64px); font-size:clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight:600;}

.field-list {display: flex; flex-wrap: wrap; margin:-20px;}
.field-item {flex:1 0 33.3333%; max-width: 33.3333%; padding:20px;}
.field-item .field-img {height: clamp(160px, calc( 300 / var(--inner) * 100vw ), 300px);}
.field-item .field-img.bg1 {background:url(../images/sub/busi3-img12.jpg) no-repeat center center / cover;}
.field-item .field-img.bg2 {background:url(../images/sub/busi3-img13.jpg) no-repeat center center / cover;}
.field-item .field-img.bg3 {background:url(../images/sub/busi3-img14.jpg) no-repeat center center / cover;}
.field-item .field-img.bg4 {background:url(../images/sub/busi3-img15.jpg) no-repeat center center / cover;}
.field-item .field-img.bg5 {background:url(../images/sub/busi3-img16.jpg) no-repeat center center / cover;}
.field-item .field-img.bg6 {background:url(../images/sub/busi3-img17.jpg) no-repeat center center / cover;}
.field-item .in-imgtext {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; color: #fff;font-weight: 700;}
.field-item .in-imgtext .name {margin-top: clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); font-size: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); font-weight: 700;}
.field-item .field-text {padding-top: clamp(18px, calc( 34 / var(--inner) * 100vw ), 34px);}
.field-item .field-text .title {margin-bottom:clamp(15px, calc( 24 / var(--inner) * 100vw ), 24px); font-size:clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight:bold; }

.tabwrap {padding-bottom: clamp(30px, calc( 70 / var(--inner) * 100vw ), 70px); margin-bottom: clamp(30px, calc( 70 / var(--inner) * 100vw ), 70px); border-bottom: 1px solid #ddd;}
.tabwrap .tablist {display: flex; }
.tabwrap .tabitem {flex:1; margin-left: -1px;}
.tabwrap .tabitem a {display: flex; align-items: center; justify-content: center; padding: 10px 30px; height:clamp(48px, calc( 60 / var(--inner) * 100vw ), 60px); border:1px solid #ddd;  font-size:clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px);  text-align: center; color: #454545;}
.tabwrap .tabitem a.active {background:var(--color-primary); color:#fff; font-weight:bold;} 
.tabwrap.width {max-width:840px;width:100%;margin:0 auto;border-bottom:0;}

.result-list {display: flex; flex-wrap: wrap; margin: -20px; padding-top: 20px;}
.result-item {flex: 1 0 33.33%; max-width: 33.33%; padding:20px;}
.result-item .inner {display: block; position: relative;}
.result-item .inner:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);z-index: -1;}
.result-item .result-text {padding: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px) clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px); }
.result-item .rstitle {font-size:clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight: 600;display:-webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1;}
.result-item .text-list {padding-top: clamp(15px, calc( 27 / var(--inner) * 100vw ), 27px); margin-top: clamp(15px, calc( 27 / var(--inner) * 100vw ), 27px); border-top: 1px solid #ddd;}
.result-item .text-item {display: flex; flex-wrap: wrap;}
.result-item .text-item + .text-item {margin-top: 10px;}
.result-item .images { position:relative; padding-bottom:75%; overflow:hidden;}
.result-item .images img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover;}
.result-item .name {flex: 1 0 clamp(70px, calc( 80 / var(--inner) * 100vw ), 80px); max-width: clamp(70px, calc( 80 / var(--inner) * 100vw ), 80px); margin-right: 10px; font-weight: 600; color: #868686;}
.result-item .desc {flex: 1 0 auto; width:1%;word-break: break-all;}

.viewinfo-wrap .flxWrap {align-items: center;}
.viewinfo-wrap .imgbx {flex: 1 0 700px; max-width: 700px; margin-right: clamp(20px, calc( 80 / var(--inner) * 100vw ), 80px);}
.viewinfo-wrap .images {position:relative; padding-bottom:75%; overflow:hidden;}
.viewinfo-wrap .images img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover;}
.viewinfo-wrap .infobx {flex: 1 0 auto; width:1%; line-height: 1.5;}
.viewinfo-wrap .title {margin-bottom: clamp(20px, calc( 32 / var(--inner) * 100vw ), 32px); font-size:clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight:600; }
.viewinfo-wrap .viewtext-item {display: flex; flex-wrap: wrap; padding:13px 0; border-bottom: 1px solid #ddd;}
.viewinfo-wrap .viewtext-item:first-child {border-top: 1px solid #ddd;}
.viewinfo-wrap .name {flex: 1 0 clamp(90px, calc( 100 / var(--inner) * 100vw ), 100px); max-width: clamp(90px, calc( 100 / var(--inner) * 100vw ), 100px); padding-right: 10px; font-weight: 600; color: #868686;word-break: break-all;}
.viewinfo-wrap .desc {flex: 1 0 auto; width:1%;word-break: break-all;}
.view-detail {margin-top: clamp(50px, calc( 100 / var(--inner) * 100vw ), 100px);}
.view-detail .detail-title {padding-bottom: 28px; font-size:clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); font-weight:bold; border-bottom: 1px solid #ddd;}
.view-detail .detail-title .tit {display: inline-bolck;position: relative;}
.view-detail .detail-title .tit:after {position: absolute; content: ''; bottom: -30px; left: 0; width: 100%; height: 2px; background:var(--color-primary);}
.view-detail .detail-box {padding:30px 0; border-bottom: 1px solid #ddd;}
.btn-listbx {padding-top:clamp(40px, calc( 70 / var(--inner) * 100vw ), 70px); text-align: center;}
.btn-listbx .btn-list {display: inline-flex; align-items: center; justify-content: space-between; padding: 0 clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); min-width:clamp(130px, calc( 185 / var(--inner) * 100vw ), 185px); height: clamp(50px, calc( 60 / var(--inner) * 100vw ), 60px); background: #000; color: #fff; font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px);}
.btn-listbx .btn-list svg {width: clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); height: clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px);}

.result-table table {border-top: 1px solid #000;}
.result-table table th,
.result-table table td {padding:clamp(18px, calc( 22 / var(--inner) * 100vw ), 22px) clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px); text-align: center; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
.result-table table th:last-child,
.result-table table td:last-child {border-right: 0;}
.result-table table th {font-size: clamp(14px, calc( 17 / var(--inner) * 100vw ), 17px); background: #fafafa;}

.inquiry-wrap .btn-pack.large {min-width: clamp(120px, calc( 162 / var(--inner) * 100vw ), 162px); background: #242424 url(../images/common/input-right.png) no-repeat right clamp(18px, calc( 30 / var(--inner) * 100vw ), 30px) center; background-size: clamp(5px, calc( 7 / var(--inner) * 100vw ), 7px) auto; text-align: left; font-size: clamp(13px, calc( 15 / var(--inner) * 100vw ), 15px);}