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

.doc-title {position:relative; color:#454545; font-size:20px; line-height:1.3em; font-weight:500; margin-bottom:30px; padding-left:30px;}
.doc-title:before {content:"";position:absolute; top:4px; left:0; width:20px; height:20px; background:url('../images/sub/doc_dot.png') 50% 0 no-repeat; background-size:contain;}

.company {margin-bottom:40px;}
.company ul {display:flex; margin:0 -15px;}
.company ul li {width:50%; padding:0 15px;}
.company ul li .pic {position:relative; height:0; padding-bottom:59.8%; overflow:hidden;}
.company ul li .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}

.table01 table {width:100%; border-collapse:collapse; border-spacing:0px; font-size:16px; line-height:1.5em; letter-spacing:-.03em; color:#454545;}
.table01 table th {padding:15px 5px; border:1px solid #ddd; background:#fafafa; font-weight:500; }
.table01 table td {padding:15px 20px; 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;}


.history {background:#fafafa; padding:80px 0;}
.history .row {display:flex;}
.history .col {width:25%; text-align:center;}
.history .icon {margin-bottom:36px;}
.history .info {border-top:1px solid #9f9f9f; padding-top:60px; position:relative;}
.history .info:before {content:"";position:absolute; top:-10px; left:50%; width:20px; height:20px; background:#fff; border:5px solid #ffc000; border-radius:100%; margin-left:-10px;}
.history .info .tit {font-size:23px; line-height:1.4em; color:#044c70; font-weight:500; margin-bottom:20px;}
.history ul {display:inline-block; text-align:left;}
.history ul li {text-indent:-.50em; padding-left:.50em; font-size:16px; line-height:1.4em; margin-bottom:5px;} 
.history ul li:last-child {margin-bottom:0;}


.cert-list ul {display:flex; flex-wrap:wrap; margin:0 -10px -40px;}
.cert-list ul li {width:20%; padding:0 10px; text-align:center; margin-bottom:40px;}
.cert-list .pic {position:relative; height:0; padding-bottom:140.6%; margin-bottom:16px;overflow:hidden;}
.cert-list .pic:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #ddd;}
.cert-list .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.cert-list .tit {font-size:16px; line-height:1.4em;}

.greeting {display:flex;}
.greeting .info {width:calc(100% - 505px);}
.greeting .info .tit {font-size:30px; line-height:1.4em; color:#0d81bd;font-weight:500;}
.greeting .info .tit strong {font-size:35px; font-weight:600;font-family: 'Titillium Web', sans-serif;}
.greeting .info .txt {color:#242424; font-size:20px; line-height:1.4em; font-weight:500; margin-bottom:15px; letter-spacing:-.06em;}
.greeting .info .cnt {margin-bottom:15px; letter-spacing:-.06em;}
.greeting .info .cnt:last-child {margin-bottom:0;}
.greeting .info .last {text-align:right; font-size:18px; line-height:1.4em; color:#454545; font-weight:500;}
.greeting .info .last .name {font-size:50px ;line-height:1.4em; color:#242424; font-weight:normal; padding-left:10px; font-family: 'Nanum Brush Script', cursive;}
.greeting .photo {width:505px;position:relative; padding-top:20px; padding-left:80px; padding-right:47px;}
.greeting .photo:before {content:"";position:absolute; top:0; left:60px; width:50%; height:50%; background:#0d81bd; z-index:-1}
.greeting .photo:after {content:"";position:absolute; bottom:0; right:0; width:120px; height:120px;border:10px solid #eee; z-index:-1}
.greeting .photo .pic {position:relative; height:0; padding-bottom:103.2%; overflow:hidden;}
.greeting .photo .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}


.history-head {position:relative; height:260px; margin-bottom:70px; background:url('../images/sub/history.jpg') 50% 50% no-repeat; background-size:cover;}
.history-head .box {position:absolute; bottom:-30px; left:50px; width:200px;  background:#0d81bd; color:#fff; box-shadow:3px 3px 3px rgba(0,0,0,.25); padding:26px 22px; font-family: 'NanumSquare', sans-serif;}
.history-head .box .tit {margin-bottom:7px; font-size:30px; line-height:1.4em; font-weight:700;}
.history-head .box .year {text-align:right; font-size:20px; line-height:1.4em;}
.history-head.rnd .box .tit {font-size:25px;}

.history-box {margin-bottom:40px; padding-left:50px;}
.history-box:last-child {margin-bottom:0;}
.history-box .title {border-bottom:1px solid #ddd; margin-bottom:20px;}
.history-box .title h3 {position:relative; display:inline-block; font-size:25px; line-height:1.3em;  padding-right:20px;color:#242424;font-weight:500; padding-bottom:15px;}
.history-box .title h3:after {content:""; position:absolute; bottom:-1px; left:0; width:100%; height:2px; background:#fec105;}
.history-box .col {display:flex; margin-bottom:20px;}
.history-box .col:last-child {margin-bottom:0;}
.history-box .year {width:75px; font-size:23px; line-height:1.4em; color:#242424; font-weight:500;}
.history-box .info {width:calc(100% - 75px); padding-top:5px;}
.history-box .info ul li {position:relative;  display:flex; padding-left:25px; margin-bottom:5px;}
.history-box .info ul li:last-child {margin-bottom:0;}
.history-box .info ul li:after {content:""; position:absolute; top:10px; left:0; width:6px; height:6px; background:#fec105; border-radius:100%;}
.history-box .info ul li .month {width:80px; font-size:18px; line-height:1.4em; color:#454545; font-weight:500;}
.history-box .info ul li .cnt {width:calc(100% - 80px);color:#454545; font-size:16px; line-height:1.4em;}

.org {background:#fafafa; padding:75px 0;}

.root_daum_roughmap {width:100% !important; height:450px !important;}
.root_daum_roughmap .wrap_map {height:450px !important;}

.location {}
.location .col {border-bottom:1px solid #ddd; display:flex; padding:15px 20px; font-size:16px; line-height:1.5em; color:#454545}
.location .col .tit {width:70px; font-weight:500; color:#0d81bd;}
.location .col .info {width:calc(100% - 70px)}
.location .bar {padding:0 10px;}

.vision .tit {text-align:center; margin-bottom:40px; font-size:25px; line-height:1.4em; color:#454545;font-weight:500;}
.vision .tit .f-s30 {font-size:30px;}
.vision .cnt {font-size:16px; line-height:1.6em; color:#454545; margin-bottom:50px; text-align:center;}
.vision .cnt strong {font-weight:500;}
.vision .img {text-align:center;}
.vision .img-zone {max-width:780px; margin:0 auto;}
.vision .img-zone ul {display:flex; margin-left:-30px;}
.vision .img-zone ul li {width:33.333333%; padding-left:30px;}
.vision .img-zone ul li .pic {position:relative; height:0; padding-bottom:106.3%; overflow:hidden;}
.vision .img-zone ul li .pic:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #ddd;}
.vision .img-zone ul li .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.vision.bg {background:#fafafa; padding:60px 0;}
.vision .cnt-box .row {display:flex; flex-wrap:wrap; padding:1px 0 0 1px;}
.vision .cnt-box .col {width:50%; position:relative; padding:30px 26px;border:1px solid #ddd; margin-left:-1px; margin-top:-1px;}
.vision .cnt-box .col .tt {font-size:20px; line-height:1.4em; color:#0d81bd;font-weight:500; margin-bottom:10px; }
.vision .cnt-box .col ul li {margin-bottom:10px; position:relative; padding-left:15px; font-size:16px; line-height:1.6em;}
.vision .cnt-box .col ul li:before {content:"";position:absolute; top:10px; left:0; width:4px; height:4px; background:#806000}
.vision .cnt-box .col ul li:last-child {margin-bottom:0;}
.vision .cnt-box .col ul li:nth-child(2) {padding-right:120px;}
.vision .cnt-box .col .icon {position:absolute; bottom:30px; right:30px;}

.gmf-box {background:#f5f5f5; padding:70px 70px 70px 90px; border-radius:5px; margin-bottom:30px;}
.gmf-box .row {display:flex; align-items:center; margin-left:-40px;}
.gmf-box .row .col {width:50%;padding-left:40px;}
.gmf-box .row ul {display:flex; flex-wrap:wrap; margin-bottom:-30px;}
.gmf-box .row ul li {width:33.33333%; padding:0 5px; text-align:center; margin-bottom:30px;}
.gmf-box .row ul li .pic {position:relative;height:0; padding-bottom:62.5%; overflow:hidden;}
.gmf-box .row ul li .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.gmf-box .row ul li .tit {background:#0d81bd; color:#fff;font-size:16px; line-height:35px; font-weight:500;}
.gmf-box .group {text-align:center; padding-top:30px;}

.gmf-cnt {padding-left:5px;}
.gmf-cnt ul li {position:relative; margin-bottom:5px; font-size:16px; line-height:1.4em; color:#242424; padding-left:10px;}
.gmf-cnt ul li:last-child {margin-bottom:0;}
.gmf-cnt ul li:before {content:"";position:absolute; top:11px; left:0; width:2px; height:2px; background:#0d81bd; border-radius:100%;}

.ol-cnt {padding-left:5px;}
.ol-cnt ol li {margin-bottom:5px; font-size:16px; line-height:1.4em; color:#242424;}
.ol-cnt ol li:last-child {margin-bottom:0;}

.gmf-menu {}
.gmf-menu ul {display:flex; flex-wrap:wrap; padding-left:1px; padding-top:1px;}
.gmf-menu ul li {width:25%; text-align:center; font-size:16px; line-height:1.4em; display:table; height:50px; margin-left:-1px; margin-top:-1px;}
.gmf-menu ul li a {display:table-cell; vertical-align:middle; width:100%; height:100%; border:1px solid #ddd}
.gmf-menu ul li.active a {background:#0d81bd;font-weight:500; border-color:#0d81bd; color:#fff;}

.doc-tit {position:relative; color:#454545; font-size:20px; line-height:1.3em; font-weight:500; margin-bottom:30px; padding-left:30px;}
.doc-tit:before {content:"";position:absolute; top:4px; left:0; width:20px; height:20px; background:#ffc000 url('../images/sub/doc_arrow.png') 50% 0 no-repeat; background-size:contain; border-radius:100%}


.gmf-table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #454545; border-bottom:2px solid #454545;font-size:16px; line-height:1.5em; letter-spacing:-.03em; color:#454545;}
.gmf-table table thead th {padding:15px 5px; border:1px solid #ddd; background:#f5f5f5; font-weight:500; font-size:18px; line-height:1.4em;}
.gmf-table table tbody th {padding:15px 5px; border:1px solid #ddd; font-weight:400;}
.gmf-table table td {padding:15px 20px; border:1px solid #ddd;}
.gmf-table table td.left {text-align:left;}
.gmf-table tr th:first-child,
.gmf-table tr td:first-child {border-left:0;}
.gmf-table tr th:last-child,
.gmf-table tr td:last-child {border-right:0;}
.gmf-table tr:last-child th,
.gmf-table tr:last-child td {border-bottom:0;}


.board-form-wrap {display:flex;}
.board-form-wrap .board-form {width:calc(100% - 440px);}
.board-form-wrap .info {width:440px; padding-left:40px;}
.board-form-wrap .info ul li {display:flex; align-items:center; background:#f7f7f7; padding:25px; margin-bottom:9px;}
.board-form-wrap .info ul li:last-child {margin-bottom:0;}
.board-form-wrap .info ul li .icon {width:100px; height:100px; background-color:#fff; border-radius:100%; background-position:50% 50%; background-repeat:no-repeat;}
.board-form-wrap .info ul li:nth-child(1) .icon {background-image:url('../images/sub/icon_addr.png')}
.board-form-wrap .info ul li:nth-child(2) .icon {background-image:url('../images/sub/icon_tel.png')}
.board-form-wrap .info ul li:nth-child(3) .icon {background-image:url('../images/sub/icon_fax.png')}
.board-form-wrap .info ul li:nth-child(4) .icon {background-image:url('../images/sub/icon_mail.png')}
.board-form-wrap .info ul li .text {width:calc(100% - 100px); padding-left:25px;}
.board-form-wrap .info ul li .text dl dt {font-size:18px; line-height:1.4em; color:#242424; font-weight:500; margin-bottom:20px;}
.board-form-wrap .info ul li .text dl dd {font-size:16px; line-height:1.4em; letter-spacing:-.05em;}

.talent-box {box-shadow:2px 2px 5px rgba(0,0,0,.25); padding:70px 15px; text-align:center; margin-bottom:70px;}

.job-step ol {display:flex;  margin-left:-53px;}
.job-step ol li {width:25%;  text-align:center; padding-left:53px;}
.job-step ol li .box {width:100%; height:260px; position:relative; display:table; border-radius:100%; box-shadow:2px 2px 5px rgba(0,0,0,.20);}
.job-step ol li .box:after {content:"";position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #ddd; border-radius:100%; z-index:-1;}
.job-step ol li .box:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-size:contain; background-position:50% 50%; z-index:0}
.job-step ol li:nth-child(1) .box:before {background-image:url('../images/sub/job_bg1.png')}
.job-step ol li:nth-child(2) .box:before {background-image:url('../images/sub/job_bg2.png')}
.job-step ol li:nth-child(3) .box:before {background-image:url('../images/sub/job_bg3.png')}
.job-step ol li:nth-child(4) .box {background:#17303d; box-shadow:none}
.job-step ol li:nth-child(4) .step,
.job-step ol li:nth-child(4) .tit {color:#fff}
.job-step ol li .cell {width:100%; height:100%; display:table-cell; vertical-align:middle;}
.job-step ol li .step {font-size:18px; line-height:1.4em; color:#fbc729; font-weight:500; margin-bottom:20px;}
.job-step ol li .icon {margin-bottom:20px;}
.job-step ol li .tit {color:#886600; font-size:20px; line-height:1.4em; font-weight:500;}