@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.doc-tit {font-size:20px; padding-bottom:15px; margin-bottom:13px; padding-left:30px; border-bottom:1px solid #ddd; position:relative; font-weight:500; color:#242424;}
.doc-tit:before {content:""; position:absolute; top:4px; left:0; width:20px; height:20px; background:url('../images/sub/doc_tit.jpg')0 0 no-repeat; background-size:cover;}
.doc-tit.none-line {border-bottom:0; padding-bottom:0;}

.doc-group {margin-bottom:85px;}
.doc-group:last-child {margin-bottom:0;}
.doc-group .cnt-txt strong {font-weight:500;}

.greeting {display:flex;}
.greeting .img {order:2; box-shadow:1px 3px 10px rgba(0,0,0,.13)}
.greeting .cnt {padding-right:65px; flex:1;}
.greeting .cnt .tit {font-size:24px; margin-bottom:22px; font-weight:500; color:#2067a9; letter-spacing:-.03em; line-height:1.3em;}
.greeting .cnt p {font-size:17px; margin-bottom:25px; line-height:1.529em;}
.greeting .cnt p strong {font-size:18px; font-weight:500; color:#242424;}

.history .tit {margin-bottom:10px; font-size:28px; letter-spacing:-.03em; line-height:1.3em; font-weight:700; color:#2067a9; text-align:center;}
.history .group {display:flex; border-bottom:1px solid #ddd;}
.history .left {display:flex; justify-content:center; align-items:center; position:relative; width:262px; margin-right:90px; text-align:center;}
.history .left .line {position:absolute; top:0; left:50%; bottom:0; margin-left:-38px; width:76px; background:#ebebeb;}
.history .left .circle {position:relative; z-index:2; display:flex; justify-content:center; align-items:center; width:160px; height:160px; background:#2067a9; border-radius:100%; box-shadow:0px 5px 5px 0px rgba(0, 0, 1, 0.2); color:#fff;}
.history .left .circle h3 {font-size:24px; font-weight:500; line-height:1.3em;}
.history .left .circle h3 span {font-size:20px; font-weight:300; line-height:1.3em;}
.history .body {flex:1 1 auto; min-width:0; width:1%;}
.history .body dl {display:flex; position:relative; padding:13px 0;}
.history .body dl:before {content:""; position:absolute; top:0; left:85px; bottom:0; width:1px; background:#d2e1ee;}
.history .body dt {position:relative; width:85px; margin-right:38px; font-family:"Roboto",sans-serif; color:#1eb15b; font-size:24px; font-weight:500; line-height:1.33em; letter-spacing:-.03em;}
.history .body dt:after {content:""; position:absolute; top:8px; right:-8px; width:15px; height:15px; background:#fff; border:4px solid #2067a9; border-radius:100%;}
.history .body dd {flex:1 1 auto; min-width:0; width:1%; font-weight:300; line-height:1.9em;}
.history .right {display:flex; flex-direction:column; justify-content:center; width:300px; margin:0 50px; text-align:center;}
.history .right h4 {margin-bottom:13px; color:#242424; font-size:20px; font-weight:500; line-height:1.3em;}
.history .right .item {display:flex; width:100%;}
.history .right .item:not(:last-child) {margin-bottom:20px;}
.history .right .item .img {position:relative; width:100px;}
.history .right .item .img:after {content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #ddd;}
.history .right .item .txt {display:flex; justify-content:center; align-items:center; flex:1 1 auto; min-width:0; width:1%; padding:10px; border:1px solid #ddd; border-left:0; font-size:18px; line-height:1.3em;}
.history .group:first-child .left .line {top:78px;}
.history .group:first-child .left .line:before {content:""; position:absolute; top:-78px; margin-left:-76px; border-left:76px solid transparent; border-right:76px solid transparent; border-bottom:78px solid #ebebeb;}
.history .group:first-child .body {padding-top:75px;}
.history .group:first-child .body dl:first-child::before {top:20px;}
.history .group:last-child {padding-bottom:30px;}
.history .group:last-child .body dl:last-child::before {bottom:auto; height:25px;}

.local li {font-size:17px; padding:15px 0; display:flex; border-bottom:1px solid #ddd; align-items:center; line-height:1.875em;}
.local li span {padding-left:22px; width:145px; margin-right:30px; display:block; font-size:18px; letter-spacing:-.01em; font-weight:500; color:#242424; position:relative;}
.local li span img {margin:4px 15px 0 0;}
.local li span:after {position:absolute; content:''; width:1px; height:15px; top:7px; right:0; background-color:#ddd;}
.local li:nth-last-child(-n+2) span img {margin-top:7px;}

.root_daum_roughmap {width:100% !important;}

.pro-tab {max-width:1200px; margin:0 auto 60px; position:relative;}
.pro-tab ul {display:table; table-layout:fixed; width:100%;}
.pro-tab ul li {display:table-cell; vertical-align:middle; max-width:50%; text-align:center;}
.pro-tab ul li a {font-size:18px; display:flex; height:60px; border:1px solid #ddd; line-height:1.111em; border-right:0; font-weight:500; position:relative; justify-content:center; align-items:center;}
.pro-tab ul li:last-child a {border-right:1px solid #ddd;}
.pro-tab ul li.active a {color:#2067a9;}
.pro-tab ul li.active a:after {position:absolute; content:''; width:100%; height:3px; bottom:-1px; left:0; background-color:#2067a9;}

.pro-table table {border-collapse:collapse; width:100%; border-top:2px solid #868686; text-align:center;}
.pro-table table th {padding:3px 0; background-color:#fafafa; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:500;}
.pro-table table td {padding:3px 8px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.pro-table table td:last-child {border-right:0;}

.brn {border-right:0 !important;}

.download {line-height:33px; font-size:15px; color:#fff; border-radius:10px; background-color:#2067a9; display:block;}

.service-table {}
.service-table table {border-collapse:collapse; width:100%; border-top:1px solid #ddd; text-align:center;}
.service-table table th {padding:16px 0; background-color:#eff4f9; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:500;}
.service-table table td {padding:16px 8px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.service-table table th:last-child,
.service-table table td:last-child {border-right:0;}

.fab-slide .slick-arrow {position:absolute; top:50%; width:70px; height:70px; margin-top:-35px; z-index:98; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.fab-slide .slick-prev {left:60px; background-image:url("../images/sub/bt_prev.png");}
.fab-slide .slick-next {right:60px; background-image:url("../images/sub/bt_next.png");}

.cert-list {display:flex; justify-content:center; margin:0 -10px; flex-wrap:wrap;}
.cert-list li {padding:0 10px;}

.addr {display:flex;}
.addr li {width:33.3333%; text-align:center; line-height:1.5em;}
.addr li .tit {font-size:20px; letter-spacing:-.03em; font-weight:500; color:#242424; margin:25px 0 10px;}

.sample-type {line-height:33px; color:#fff; border-radius:10px; width:90px; display:block; margin:0 auto; text-align:center;}
.sample-type.c1 {background-color:#2067a9;}
.sample-type.c2 {background-color:#13a865;}

.board-list.sample table tbody td.subject {text-align:center !important;}

.board-list-m .sample-type {margin:0;}

.talent {display:flex; margin:0 -15px; text-align:center; font-size:20px; line-height:1.3em;}
.talent .item {position:relative; width:33.33333333%; padding:0 15px;}
.talent .item .ico {margin-bottom:-30px;}
.talent .item .ico img {width:60px;}
.talent .item .box {display:flex; align-items:center; justify-content:center; width:100%; height:140px; padding:30px; border:1px solid #ddd; border-radius:10px;}

.recruit-step {overflow:hidden; text-align:center; font-size:17px; line-height:1.3em;}
.recruit-step ol {display:flex; margin:-20px;}
.recruit-step ol li {position:relative; width:20%; padding:20px;}
.recruit-step ol li:after {content:""; position:absolute; top:50%; right:-20px; margin-top:-20px; width:40px; height:40px; background:url('/images/sub/step_arrow.svg') 50% 50% no-repeat;}
.recruit-step ol li:last-child::after {display:none;}
.recruit-step .box {display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:230px; padding:10px; background:#f9f9f9; border-radius:15px;}
.recruit-step .box .ico {width:60%; max-width:70px; margin:0 auto 35px;}