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

.greeting {display:flex;}
.greeting .photo {width:446px;}
.greeting .info {flex:1 1 auto; width:0; min-width:0; padding-left:55px; padding-top:40px;}
.greeting .info .cnt {font-size:16px; line-height:1.6em; margin-bottom:30px;}
.greeting .info .last {font-size:17px; line-height:1.4em;  display:flex; align-items:center; font-weight:500;}
.greeting .info .last .name {padding-right:20px;}

.philosophy {text-align:center;}
.philosophy .img {position:relative; height:350px;  margin-bottom:35px;padding:0 15px; display:flex; align-items:center; justify-content:center; color:#fff; background:url('../images/sub/philosophy.jpg') 100% 50% no-repeat; background-size:cover;}
.philosophy .img-txt {font-size:30px; line-height:1.3em; font-weight:700;font-family: 'NanumSquare',sans-serif;}
.philosophy .tit {font-size:22px; line-height:1.3em; color:#133f98; font-weight:700; margin-bottom:35px;font-family: 'NanumSquare',sans-serif;}
.philosophy .cnt {font-size:17px; line-height:1.6em;}

.ci {text-align:center;}
.ci .img {margin-bottom:30px;}
.ci .cnt {margin-bottom:45px;}
.ci .cnt ul {display:inline-block;}
.ci .cnt ul li {font-size:17px; line-height:1.4em; margin-bottom:4px;}
.ci .cnt ul li:last-child {margin-bottom:0;}
.ci .row {display:flex; justify-content:center; margin:0 -25px;}
.ci .row .col {width:25%; padding:0 25px;}
.ci .row .col .box {background:#a6adba; height:75px; display:flex; align-items:flex-end; margin-bottom:15px; padding-left:10px; padding-bottom:10px; font-size:16px; line-height:1.4em; color:#fff;font-weight:700;}
.ci .row .col .txt {padding-left:10px; font-size:15px; line-height:1.4em; text-align:left;}
.ci .row .col .txt .bar {padding:0 5px;}
.ci .row .col:nth-child(2) .box {background:#214da1}


.root_daum_roughmap {width:100% !important; height:510px !important;}
.root_daum_roughmap .wrap_map {height:510px !important;}
.map1 .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.map1 .roughmap_lebel_text:after {content:"비티그룹-본사"; font-size:12px; line-height:15px;}

.map2 .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.map2 .roughmap_lebel_text:after {content:"비티그룹-지사"; font-size:12px; line-height:15px;}

.map-title {position:relative; font-size:25px; line-height:1.4em; padding-left:34px; letter-spacing:-.04em; color:#242424; font-weight:500; margin-bottom:20px;}
.map-title:before {content:"";position:absolute; top:7px; left:0; width:25px ;height:25px; background:url('../images/sub/doc_dot2.png') 50% 50% no-repeat; background-size:contain}

.location {margin-bottom:60px;}
.location:last-child {margin-bottom:0;}
.location .col {border-bottom:1px solid #ddd; display:flex; padding:15px 20px; font-size:16px; line-height:1.4em;}
.location .col .tit {width:75px; font-weight:500;}
.location .col .cnt {color:#686868; flex:1 1 auto; width:1%; min-width:0;}
.location .col .cnt .bar {padding:0 4px;}
.location .col dl {display:flex;}
.location .col dl dt {width:70px;}
.location .col dl dd {flex:1 1 auto; width:1%; min-width:0;}
.location .col dl dd strong {font-weight:500; color:#133f98}
.location .col dl dd p {margin-bottom:4px;}
.location .col dl dd p:last-child {margin-bottom:0;}

.business-cnt .img-group {display:flex; margin:0 -10px 30px;}
.business-cnt .img-group .col {width:50%; padding:0 10px;}
.business-cnt .text-group {display:flex;  font-family: 'NanumSquare',sans-serif;}
.business-cnt .text-group .title {width:240px; font-size:22px; line-height:1.4em; color:#242424;font-weight:700;}
.business-cnt .text-group .info {flex:1 1 auto; width:1%; min-width:0; padding-left:20px; font-size:18px; line-height:1.6em; color:#686868}

.enforcement {font-family: 'NanumSquare',sans-serif;}
.enforcement .head {margin-bottom:30px; text-align:center;}
.enforcement .head .title {font-size:28px; line-height:1.3em; color:#242424;font-weight:700;}
.enforcement .head .title strong {font-weight:800;}
.enforcement .head p {font-size:18px; line-height:1.4em;}
.enforcement ul {display:flex;flex-wrap:wrap; align-items:center; margin:0 -10px -20px;}
.enforcement ul li {width:25%; padding:0 10px; margin-bottom:20px;}
.enforcement ul li .pic img {width:100%}
.enforcement ul li .tit {background:#133f98; display:flex; color:#fff; align-items:center; padding:10px;}
.enforcement ul li .tit .num {width:25px; height:25px; text-align:center;background:#4eafd7;font-size:16px; line-height:25px;font-weight:700; font-family: 'Roboto', sans-serif;}
.enforcement ul li .tit .tt {flex:1 1 auto; width:1%; min-width:0; padding-left:10px; font-size:18px; line-height:1.4em;font-weight:700;}
.enforcement ul li:nth-child(even) .tit {background:#0d6fb8}
.enforcement ul li:nth-child(even) .tit .num {background:#133f98}

.history {}
.history .img {margin-bottom:95px;}
.history .img .in-group {display:flex; margin-bottom:46px; margin-left:-30px;}
.history .img .in-group:last-child {margin-bottom:0;}
.history .img .in-group .col {padding-left:30px;}
.history .img .in-group ul {display:flex; margin-left:-5px;}
.history .img .in-group ul li {padding-left:5px;}
.history .img  .bar {margin-bottom:46px;}
.history .head {height:260px; display:flex; align-items:center; justify-content:flex-end; padding-right:65px; text-align:right; color:#fff; background:url('../images/sub/history_img2.jpg') 50% 50% no-repeat ;background-size:cover; font-family: 'NanumSquare',sans-serif;}
.history .head .tit {font-size:28px; line-height:1.4em;font-weight:800; margin-bottom:5px;}
.history .head .cnt {font-size:18px; line-height:1.6em;}
.history .box {position:relative; margin-left:60px; margin-top:-77px; width:200px;  background:#133f98; color:#fff;  padding:26px 22px;}
.history .box .tit {margin-bottom:7px; font-size:30px; line-height:1.4em;}
.history .box .year {text-align:right; font-size:20px; line-height:1.4em;}
.history .row {margin-left:60px; position:relative; padding-top:30px;background:url('../images/sub/history_logo.jpg') 100% 100% no-repeat;}
.history .row:after {content:"";position:absolute; top:0; left:110px; width:1px; height:100%; background:#c0d4e9; z-index:-1;}
.history .group {display:flex; padding-bottom:30px;}
.history .group:last-child {padding-bottom:0;}
.history .group .year {width:110px; font-size:25px; line-height:1.4em; color:#133f98; font-weight:700;}
.history .group .info {flex:1 1 auto; min-width:0; width:1%; position:relative;}
.history .group .info:after {content:"";position:absolute; top:9px; left:-6.5px; width:13px; height:13px; background:#c0d4e9; border-radius:50%;}
.history .group .col {padding-bottom:30px; display:flex;}
.history .group .col:last-child {padding-bottom:0;}
.history .group .month {width:110px; position:relative; text-align:center;  padding-left:40px; font-size:18px; line-height:1.4em; font-weight:700;}
.history .group .txt {flex:1 1 auto; min-width:0; width:1%; font-size:17px; line-height:1.4em;}

.job-cnt {margin-bottom:30px;}
.job-cnt .img {margin-bottom:35px;}
.job-cnt .head {text-align:center; margin-bottom:45px;}
.job-cnt .head .tit {font-size:18px; line-height:1.4em; font-weight:500; color:#224da1; margin-bottom:15px;}
.job-cnt .head .cnt {font-size:16px; line-height:1.6em;}
.job-cnt .row {display:flex;  align-items:center; border:1px solid #ddd; border-radius:8px; margin-bottom:20px;padding:32px 54px;}
.job-cnt .row:last-child {margin-bottom:0;}
.job-cnt .row .icon {width:68px;}
.job-cnt .row .info {flex:1 1 auto; min-width:0; width:1%; font-size:16px; line-height:1.6em; padding-left:60px;}
.job-cnt .row .info .tit {position:relative; color:#242424; font-weight:500; padding-bottom:10px; margin-bottom:10px;}
.job-cnt .row .info .tit:after {content:"";position:absolute; bottom:0; left:0; width:27px; height:1px; background:#ddd;}

.doc-title {position:relative; font-size:26px; line-height:1.4em; padding-left:26px; letter-spacing:-.04em; color:#242424; font-weight:700; margin-bottom:20px;font-family: 'NanumSquare',sans-serif;}
.doc-title:before {content:"";position:absolute; top:7px; left:0; width:18px;height:18px; background:url('../images/sub/doc_dot.png') 50% 50% no-repeat; background-size:contain}
.doc-title.type2 {color:#888; font-size:18px;}
.doc-title.type2:before {top:2px}
.doc-tit {position:relative; font-size:22px; line-height:1.4em; padding-left:15px; letter-spacing:-.04em; font-weight:700; margin-bottom:20px;font-family: 'NanumSquare',sans-serif;}
.doc-tit:before {content:"";position:absolute; top:5px; left:0; width:3px ;height:18px; background:#133f98;}

.table01 table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #133f98;}
.table01 table tbody th {height:50px; padding:9px 5px; font-size:16px; font-weight:300; line-height:1.5em; border:1px solid #ddd;}
.table01 table tbody td {height:50px; padding:9px 20px; font-size:16px; font-weight:300; line-height:1.5em; border:1px solid #ddd;}
.table01 tr th:first-child,
.table01 tr td:first-child {border-left:0;}
.table01 tr th:last-child,
.table01 tr td:last-child {border-right:0;}

.doc-mb {margin-bottom:70px !important;}

.park-cnt {max-width:1048px; margin:0 auto; text-align:center;}
.park-cnt .top {margin-bottom:40px; font-family: 'NanumSquare',sans-serif;}
.park-cnt .top .tit {font-size:25px; line-height:1.4em; color:#df0303; font-weight:700; margin-bottom:4px; }
.park-cnt .top p {font-size:18px ;line-height:1.5em; font-weight:700;}
.park-cnt ul {display:flex; margin-left:-20px;}
.park-cnt ul li {width:33.33333%; padding-left:20px;}
.park-cnt ul li .tit {padding-top:20px; font-size:16px; line-height:1.5em;}
.park-cnt ul li strong {font-weight:500; color:#242424}