@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.doc-title {position:relative;color:#15357d; font-size:20px; line-height:1.4em;font-weight:700; padding-left:35px; margin-bottom:10px; } 
.doc-title:after {content:"";position:absolute; top:3px; left:0; width:20px; height:20px; background:url('../images/sub/dot.png') 0 0 no-repeat;}

.doc-cnt {margin-bottom:150px;}

.overview {display:table; table-layout:fixed; width:100%; margin-bottom:150px;}
.overview .photo {display:table-cell ;vertical-align:top; width:484px;}
.overview .photo .pic {position:relative; height:0; padding-bottom:110.5%; overflow:hidden;}
.overview .photo .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:auto !important; max-width:100%; max-height:100%; object-fit:cover; transition:all 0.25s ease-in-out;}
.overview .info {display:table-cell; vertical-align:top; padding-left:40px; font-size:18px; line-height:2em; color:#2c2c2c;font-weight:200;}
.overview .info p {margin-bottom:10px;}
.overview .info p:last-child {margin-bottom:0;}

.history {}
.history .img {height:332px; background:url('../images/sub/sub1_1_img2.jpg') 50% 50% no-repeat; background-size:cover;}
.history .box {max-width:880px; margin:-105px 45px 0;}
.history .box .title {background:#16367e; width:180px; text-align:center; font-size:16px; line-height:60px; color:#fff;font-weight:500;}
.history .box .title strong {font-size:22px; font-weight:500; padding-left:5px;}
.history .box .info {background:#fff; padding:45px 50px;}
.history .box .info .col {position:relative;padding-bottom:30px; padding-left:40px; display:flex; font-size:18px; line-height:1.4em; color:#2c2c2c;}
.history .box .info .col:before,
.history .box .info .col:after {content:"";position:absolute;}
.history .box .info .col:before {top:8px; left:0; width:11px; height:11px; border-radius:50%; border:3px solid #284690; background:#fff; z-index:2}
.history .box .info .col:after {top:8px; left:5px; width:1px; height:100%; background:#ddd;}
.history .box .info .col:last-child:after {display:none;}
.history .box .info .col:last-child {padding-bottom:0;}
.history .box .info .col .year {flex:1 1 50px; max-width:50px; font-weight:500;}
.history .box .info .col .cnt {flex:auto; padding-left:5px;}

.greeting {font-size:18px; line-height:1.8em; color:#2c2c2c; font-weight:200;}
.greeting .img {position:relative; height:330px; background:url('../images/sub/sub1_2.jpg') 50% 50% no-repeat; background-size:cover; margin-bottom:20px;} 
.greeting .img .content {position:absolute; bottom:25px; left:0; padding:30px 70px 30px 45px;}
.greeting .img .content .text {position:relative; z-index:1}
.greeting .img .content .text .tit {font-size:28px; line-height:1.4em;font-weight:700; color:#fff; margin-bottom:10px;}
.greeting .img .content .text p {font-size:20px; line-height:1.4em;font-weight:500; color:#a9a9a9;}
.greeting .img .content:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#25408e; transform-origin:top left; transform:skewX(-30deg); opacity:.80; z-index:0}
.greeting .cnt {margin-bottom:10px; }
.greeting .last {text-align:right; font-weight:500; line-height:1.6em;}

.table01 table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #15357d; color:#2c2c2c; font-size:18px; line-height:1.8em;}
.table01 table thead th {padding:14px 5px; background:#f7f7f7;  border:1px solid #ddd; font-weight:400;}
.table01 table tbody th {padding:14px 5px; height:165px; border:1px solid #ddd;  font-weight:400;}
.table01 table tbody td {padding:14px 30px; height:165px; border:1px solid #ddd; font-weight:200;}
.table01 table th:first-child, .table01 table td:first-child {border-left:0;}
.table01 table th:last-child, .table01 table td:last-child {border-right:0;}

.ci-cnt .head {background:url('../images/sub/ci_bg.gif') 0 0 repeat;  padding:60px 0; text-align:center; margin-bottom:60px;}
.ci-cnt .head .logo {margin-bottom:35px;}
.ci-cnt .head .tit {display:inline-block; vertical-align:top; padding:0 50px; font-size:28px; line-height:75px; background:#15357d; border-radius:75px; color:#fff;font-weight:700;}

.list-cnt ul li {text-indent:-10px; padding-left:10px; font-size:18px; line-height:1.7em; color:#2c2c2c;font-weight:200;}

.root_daum_roughmap {width:100% !important; height:600px !important;}
.root_daum_roughmap .wrap_map {height:600px !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"위노베이트"; font-size:12px; line-height:15px;}

.location-cnt {margin-top:30px;}
.location-cnt .row {display:table; table-layout:fixed; width:100%; margin-bottom:30px; font-size:18px;line-height:1.4em; color:#2c2c2c; font-weight:200;}
.location-cnt .row:last-child {margin-bottom:0;}
.location-cnt .row .icon,
.location-cnt .row .info {display:table-cell; vertical-align:middle;}
.location-cnt .row .icon {width:80px;}
.location-cnt .row .info {padding-left:20px;}
.location-cnt .row .info strong {font-weight:700; font-size:20px;}

.business {}
.business .row {display:table; table-layout:fixed; width:100%; margin-bottom:44px;}
.business .row:last-child {margin-bottom:0;}
.business .row .photo,
.business .row .info {display:table-cell; vertical-align:middle;}
.business .photo {position:relative; width:320px;}
.business .photo .pic {position:relative; height:0; padding-bottom:68.8%; overflow:hidden;}
.business .photo .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:auto !important; max-width:100%; max-height:100%; object-fit:cover; transition:all 0.25s ease-in-out;}
.business .photo .tit {position:absolute; bottom:0; left:0; width:100%; padding:0 10px; text-align:center; background:rgba(25,77,193,.80); font-size:18px; line-height:50px; color:#fff; z-index:2}
.business .row .info {padding-left:40px;}

.business-cnt {}
.business-cnt .row {display:flex; margin-bottom:110px;}
.business-cnt .row:last-child {margin-bottom:0;}
.business-cnt .photo {flex:1 1 660px; max-width:660px;}
.business-cnt .photo .pic {position:relative; height:0; padding-bottom:53%; overflow:hidden;}
.business-cnt .photo .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:auto !important; max-width:100%; max-height:100%; object-fit:cover; transition:all 0.25s ease-in-out;}
.business-cnt .info {position:relative; z-index:2; flex:1 auto;height:290px; background:#fff; margin:110px 0 0 -242px; padding:55px 40px; box-shadow:-3px 2px 3px rgba(0,0,0,.30)}
.business-cnt .info .tit {font-size:24px; line-height:1.4em; color:#15357d; font-weight:700; margin-bottom:15px;}
.business-cnt .info:before {content:"";position:absolute; top:-10px; left:-10px; width:43px; height:43px; background:url('../images/sub/icon_etc.gif') 50% 50% no-repeat; z-index:3}
.business-cnt .info p {margin-bottom:20px; font-size:18px; line-height:1.6em; color:#202020; font-weight:200;}
.business-cnt .info p:last-child {margin-bottom: 0;}

.nav-tab {margin-bottom:60px;}
.nav-tab ul {display:flex; margin-left:-20px;}
.nav-tab ul li {position:relative; width:33.33333%; margin-left:20px;}
.nav-tab ul li a {display:block; padding-top:35px;}
.nav-tab ul li .icon {position:absolute;top:0; left:15px; width:65px; height:65px;background-position:50% 50% ; background-repeat:no-repeat; z-index:1}
.nav-tab ul li:nth-child(1) .icon {background-image:url('../images/sub/nav_icon1.png');}
.nav-tab ul li:nth-child(2) .icon {background-image:url('../images/sub/nav_icon2.png');}
.nav-tab ul li:nth-child(3) .icon {background-image:url('../images/sub/nav_icon3.png');}
.nav-tab ul li .link {background:#999; padding-left:50px; text-align:center; font-size:18px; line-height:50px; color:#fff;font-weight:500;}
.nav-tab ul li.active:nth-child(1) .icon {background-image:url('../images/sub/nav_icon1_on.png');}
.nav-tab ul li.active:nth-child(1) .link {background:#2a6ca4}
.nav-tab ul li.active:nth-child(2) .icon {background-image:url('../images/sub/nav_icon2_on.png');}
.nav-tab ul li.active:nth-child(2) .link {background:#358fbd}
.nav-tab ul li.active:nth-child(3) .icon {background-image:url('../images/sub/nav_icon3_on.png');}
.nav-tab ul li.active:nth-child(3) .link {background:#26b8bf}

.bus-img {margin-bottom:23px;}

.pl10 {padding-left: 10px;}
.pl13 {padding-left: 13px;}

.doc-tit {border-bottom:1px solid #0036c2; padding-bottom: 25px; margin-bottom: 45px;  font-size: 24px; line-height: 1.4em; font-weight: 500; color:#0036c2; letter-spacing: 0;}
.doc-tit.type2 {color: #2c2c2c; border-color:#a9a9a9;}

.research-cnt {margin-bottom: 150px;}
.research-cnt:last-child {margin-bottom: 0;}

.research-title .tit {margin-bottom: 15px; font-size: 35px; font-weight: 700; line-height: 1.4em; letter-spacing: 0; color:#0036c2;} 
.research-title .txt {font-size: 24px; font-weight: 700; line-height: 1.4em; letter-spacing: 0; color:#0036c2;} 
.research-title .tt {font-size: 22px; font-weight: 500; line-height: 1.4em; color: #2c2c2c; letter-spacing: 0; line-height: 1.64em;}
.research-title .tt span {background: #e0e6f4; line-height:34px; padding:0 10px; border-radius:17px;}

.research-1 {display: flex;}
.research-1 .profile-area {width: 520px; margin-right: 40px;}
.research-1 .profile-area .name {font-size: 24px; font-weight: 500; line-height: 1.4em; color: #0036c2; letter-spacing: 0;}
.research-1 .profile-area .name.ko:before {content:''; margin: 25px 0 20px; display: block; width: 70px; height: 1px; background: #15357d;}
.research-1 .profile-area .name.sc {margin: 9px 0; color: #2c2c2c; font-weight: 300; font-family: 'Noto Sans SC', sans-serif;}
.research-1 .profile-area .name.en {margin-bottom: 40px; color: #2c2c2c; font-weight: 300;}
.research-1 .profile-area .info dl {font-size: 24px;}
.research-1 .profile-area .info dl + dl {margin-top: 33px;}
.research-1 .profile-area .info dl dt {margin-bottom: 8px; padding-left: 20px; position: relative; font-weight: 700; line-height: 1.3em; color: #0036c2;}
.research-1 .profile-area .info dl dt:before {content:''; position: absolute; left: 0; top: 2px; width: 5px; height: 28px; background: #0036c2;}
.research-1 .profile-area .info dl dd {font-weight: 300; margin-bottom: 10px; padding-left: 20px; color: #2c2c2c; letter-spacing: 0;}
.research-1 .profile-area .info dl dd:last-child {margin-bottom: 0;}
.research-1 .record-area .group {margin-bottom: 50px;}
.research-1 .record-area .group:last-child {margin-bottom: 0;}
.research-1 .record-area .group h3 {margin-bottom: 10px; font-size: 24px; font-weight: 700; line-height: 1.4em; color: #0036c2; letter-spacing: 0;}
.research-1 .record-area .dot-tt {font-size: 18px; line-height: 1.4em; color: #2c2c2c; letter-spacing: 0;}
.research-1 .record-area .dot-tt.type2 {display: flex;}
.research-1 .record-area .dot-tt dt {white-space:nowrap;  font-weight: 700;}
.research-1 .record-area .count-wrap .row {display: flex; margin: 0 -50px 25px;}
.research-1 .record-area .count-wrap .row .col {width: 33.333%; position: relative; padding: 0 50px; text-align:center;}
.research-1 .record-area .count-wrap .row .col:after {content:''; position: absolute; right: 0; top:50%; width: 1px; height: 120px; margin-top: -60px; background: #a9a9a9;}
.research-1 .record-area .count-wrap .row .col:last-child:after {display: none;}
.research-1 .record-area .count-wrap .row .col .tit {margin-bottom: 27px; font-size: 20px; letter-spacing: 0; line-height: 1.4em; font-weight: 700; color: #0036c2;}

.research-2 {display: flex;}
.research-2 .research-title {width: 310px;}
.research-2 .cnt {flex:1 1 auto; min-width:0; width: 1%; text-align:center;}
.research-2 .cnt p {margin-bottom: 33px; font-size: 24px; font-weight: 300; letter-spacing: 0; line-height: 1.4em; color: #2c2c2c;}
.research-2 .cnt p:last-child {margin-bottom: 0;}

.research-3 {display: flex;}
.research-3 .research-title {width: 330px;}
.research-3 .cnt {flex:1 1 auto; min-width:0; width: 1%;}
.research-3 .cnt  p {margin-bottom: 30px; color: #2c2c2c; font-weight: 300; letter-spacing: 0;}

.research-4 {display: flex;}
.research-4  .research-title  {width: 350px;}
.research-4  .imgs {display: flex; flex: 1 1 auto; min-width:0; width: 1%;}
.research-4  .imgs .img + .img {margin-left: 45px;}

.research-5 .research-title {margin-bottom: 40px;}
.research-5 .table-tt {font-weight: 300; line-height: 1.4em; color: #a9a9a9;}
.research-5 .table-tt:before {display: block; content:'';  margin: 25px 0 10px; width: 90px; height: 1px; background: #a9a9a9;}

.research-6 {display: flex;}
.research-6 .research-title {width: 370px;}
.research-6 .list {flex:1 1 auto; min-width:0; width: 1%;}
.research-6 .list .row {display: flex; justify-content:space-between; text-align:center;}

.research-7 .research-title {margin-bottom: 40px;}
.research-7 .table-wrap {display: flex; justify-content:space-between;}
.research-7 .table-wrap .tbl {width: calc(50% - 68px);}

.research-8 {display: flex;}
.research-8 .img + .img {margin-left: 30px;}

.research-9 .research-title {margin-bottom: 30px;}
.research-9 .list {max-width:960px; margin-left: auto;}
.research-9 .list ul {display: flex; flex-wrap:wrap; margin: -7px;}
.research-9 .list ul li {width: 16.666%; padding: 7px;}

.research-10 .img {margin: 20px 0 60px;}

.tbl table {border-top:1px solid #2c2c2c; width: 100%; border-collapse:collapse; border-spacing:0; text-align:center; font-weight: 300; line-height: 1.4em; color: #2c2c2c;}
.tbl table thead th {border-right:1px solid #a9a9a9;  border-bottom:1px solid #a9a9a9;  padding: 16px 5px; background: #e0e6f4; font-weight: 300;}
.tbl table tbody td {border-right:1px solid #a9a9a9; border-bottom:1px solid #a9a9a9; padding: 16px 5px; }
.tbl table thead th:last-child,
.tbl table tbody td:last-child {border-right:0;}
.tbl.type2 table thead th {background: transparent;}