@charset "utf-8";

.doc-tit {margin-bottom:25px;}
.doc-tit h3 {font-size:25px; color:#fff; font-weight:600; letter-spacing:-.03em; line-height:1.3em;}
.doc-tit h3 span {display:inline-block; font-size:18px; font-weight:500; padding-left:5px; opacity:0.7;}

.sub-title {margin-top:180px; color: #fff; text-align:center; margin-bottom:50px;}
.sub-title h2 {position: relative; font-size:38px; line-height:1.4em; letter-spacing:-0.01em; font-weight:700; margin-bottom:10px;}
.sub-title p {letter-spacing:-.01em;}

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

.table01 {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #505050; text-align:center;} 
.table01 th {height:60px; font-size:18px; line-height:-.03em; font-weight:600; padding:12px 20px; border:1px solid #dfdfdf; border-top:0; color:#fff; background:#163149; line-height:1.3em;}
.table01 td {text-align:center; font-size:16px; padding:7px 4px; border:1px solid #dfdfdf; line-height:1.750em; color:#222; height:60px;} 
.table01 td.left {text-align:left; padding:10px 25px;}
.table01 td strong {font-weight:600; font-size:18px; color:#222;}
.table01 tr:first-child {border-top:0;}
.table01 tr th:first-child,
.table01 tr td:first-child {border-left:0; border-top:0;}
.table01 tr th:last-child,
.table01 tr td:last-child {border-right:0;}  

.greetings {color:#fff;}
.greetings .img {}
.greetings .txt-wrap {display:flex;}
.greetings .txt-wrap .txt-box {width:50%; margin-top:50px;}
.greetings .txt-wrap .txt-box .txt {font-size:17px; letter-spacing:-.02em; line-height:1.88em; margin-bottom:20px;}
.greetings .txt-wrap .txt-box .sign {font-size:17px; color:#2191d0; font-weight:600; letter-spacing:-.04em; line-height:1.88em; margin-top:75px;}
.greetings .txt-wrap .txt-box .sign span img {vertical-align:middle; margin-left:25px;}

.vision-bg {text-align:center; display:flex; flex-direction:column; justify-content:center; min-height:240px; color:#fff; border-radius:20px;}
.vision-bg .tit {font-size:22px; font-weight:500; letter-spacing:-.01em; line-height:1.3em; margin-bottom:5px;}
.vision-bg .lg-tit {font-size:33px; font-weight:600; letter-spacing:-.01em; line-height:1.36em;}

.goal {}
.goal .goal-list {border:1px solid rgba(255, 255, 255, 0.3); border-radius:20px;}
.goal .goal-list ul {display:flex;}
.goal .goal-list ul li {display:flex; flex-direction:column; justify-content:center; width:33.3333%; text-align:center; color:#fff; min-height:300px; border-left:1px solid rgba(255, 255, 255, 0.3);}
.goal .goal-list ul li:first-child {border-left:0;}
.goal .goal-list ul li .ico {}
.goal .goal-list ul li .tit {font-size:20px; font-weight:600; letter-spacing:-.03em; line-height:1.3em; position:relative; padding-bottom:10px; margin-top:15px;}
.goal .goal-list ul li .tit:before {position:absolute; content:""; width:30px; height:2px; background:rgba(255, 255, 255, 0.3); left:50%; margin-left:-15px; bottom:0;}
.goal .goal-list ul li .txt {margin:15px 0 12px;}
.goal .goal-list ul li .number {font-size:25px; font-weight:700; letter-spacing:-.03em; line-height:1.40em;}

.point {}
.point .point-list {position:relative; padding-top:70px; margin-top:50px; margin-bottom:45px;}
.point .point-list:before {position:absolute; content:""; width:43px; height:27px; top:0; left:50%; margin-left:-21.5px; background:url('../images/sub/down-ico.png')50% 50% no-repeat; background-size:contain;}
.point .point-list ul {display:flex; text-align:center; color:#fff; margin-left:20px;}
.point .point-list ul li {width:35.3333%; margin:0 -15px; border:5px solid rgba(255, 255, 255, 0.3); border-radius:100px; padding:45px 0;}
.point .point-list ul li .tit {font-size:25px; font-weight:600; letter-spacing:-.03em; line-height:1.3em; margin-bottom:20px;}
.point .point-list ul li .txt {}

.keyword {}
.keyword .keyword-wrap {text-align:center; position:relative; margin-bottom:20px; overflow:hidden;}
.keyword .keyword-tit {display:inline-block; position:relative; font-size:28px; color:#fff; font-weight:700; letter-spacing:-.03em; line-height:1.3em; padding:0 15px; text-align:center; z-index:99;}
.keyword .keyword-tit:before {position:absolute; content:""; width:310%; height:1px; background:rgba(255, 255, 255, 0.3); top:50%; left:165px;}
.keyword .keyword-tit:after {position:absolute; content:""; width:310%; height:1px; background:rgba(255, 255, 255, 0.3); top:50%; right:165px;}
.keyword .keyword-list {position:relative; padding-bottom:70px; margin-bottom:50px;}
.keyword .keyword-list:before {position:absolute; content:""; width:43px; height:27px; bottom:0; left:50%; margin-left:-21.5px; background:url('../images/sub/down-ico.png')50% 50% no-repeat; background-size:contain;}
.keyword .keyword-list ul {display:flex; margin-left:-30px;}
.keyword .keyword-list ul li {font-size:18px; font-weight:500; letter-spacing:-.03em; width:calc(33.3333% - 30px); margin-left:30px; text-align:center; color:#fff; background:#2191d0; height:60px; line-height:60px; border-radius:10px;}
.keyword .keyword-img {}

.bg-wrap {background:#242424; padding:100px 0;}

.pledge {}
.pledge .pledge-list {}
.pledge .pledge-list ul {margin-bottom:-30px;}
.pledge .pledge-list ul li {display:flex; align-items:center; margin-bottom:30px;}
.pledge .pledge-list ul li .ico-box {margin-right:25px; display:flex; flex-direction:column; justify-content:center; text-align:center; width:120px; height:120px; border:1px solid rgba(255, 255, 255, 0.3); border-radius:0 30px 0 30px;}
.pledge .pledge-list ul li .ico-box .ico {}
.pledge .pledge-list ul li .ico-box .tit {color:#fff; font-size:17px; font-weight:500; letter-spacing:-.03em; line-height:1.3em; margin-top:3px;}
.pledge .pledge-list ul li .txt {color:#fff;}

.certification {}
.certification ul {display:flex; margin:0 -15px;}
.certification ul li {width:33.3333%; text-align:center; padding:0 15px;}
.certification ul li .img {}

.location {display:flex; color:#fff; margin-top:50px;}
.location .lg-tit-box {width:48.4%;}
.location .lg-tit-box .color-tit {font-size:16px; color:#3cb9ff; font-weight:500; letter-spacing:-.03em; line-height:1.3em;}
.location .lg-tit-box .lg-tit {font-size:20px; font-weight:500; letter-spacing:-.03em; line-height:1.3em; margin:8px 0 10px;}
.location .lg-tit-box .etc {}
.location .lg-tit-box .etc span {margin-right:12px;}
.location .contact-info {}
.location .contact-info ul {margin-bottom:-25px;}
.location .contact-info ul li {display:flex; padding-left:20px; margin-bottom:25px;}
.location .contact-info ul li p {min-width:120px; font-weight:500; letter-spacing:-.03em;}
.location .contact-info ul li p span img {margin-right:15px; vertical-align:middle;}
.location .contact-info ul li .txt {}
.location .contact-info ul li .txt span {display:inline-block; font-size:14px; letter-spacing:-.03em; width:40px; height:20px; background:#3155b5; line-height:20px; text-align:center; border-radius:15px; margin-right:8px;}

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

.field {color:#fff;}
.field .field-tit-flex {display:flex; align-items:stretch; margin-bottom:50px;}
.field .field-tit-flex .lg-tit {min-width:270px; font-size:25px; font-weight:600; letter-spacing:-.03em; line-height:1.3em;}
.field .field-tit-flex span {display:block; font-size:18px; font-weight:500; opacity:0.7; margin-left:5px; line-height:2.2;}
.field .field-tit-flex.width .lg-tit {display:flex; align-items:baseline; min-width:385px;}
.field .field-tit-flex .txt {opacity:0.8;}
.field .field-box {text-align:center; border:1px solid rgba(255, 255, 255, 0.3);}
.field .field-box .img {}
.field .field-img {}
.field .field-list {margin-top:25px;}
.field .field-list ul {display:flex; margin:0 -15px;}
.field .field-list ul li {width:33.3333%; padding:0 15px;}
.field .field-list ul li .img {} 
.field .field-flex {}
.field .field-flex ul {display:flex; text-align:center; margin:0 -25px;}
.field .field-flex ul li {width:25%; padding:0 25px;}
.field .field-flex ul li .img {}
.field .field-flex ul li .txt {font-size:23px; font-weight:500; letter-spacing:-.025em; line-height:1.3em; margin-top:15px;}

.consulting-list {}
.consulting-list ul {display:flex; flex-wrap:wrap; margin-left:-30px;}
.consulting-list ul li {display:flex; align-items:center; color:#fff; width:calc(33.3333% - 30px); margin-left:30px; margin-bottom:30px; background:rgba(255, 255, 255, 0.05); border-radius:10px; padding-left:30px; min-height:170px;}
.consulting-list ul li .ico {}
.consulting-list ul li .txt-box {padding-left:15px;}
.consulting-list ul li .txt-box .num {opacity:0.7; letter-spacing:-.02em; margin-bottom:8px;}
.consulting-list ul li .txt-box .txt {/* font-family: 'Spoqa Han Sans', 'Sans-serif';  */font-size:25px; letter-spacing:-.02em; font-weight:500;}

.service-list {}
.service-list ul {display:flex; flex-wrap:wrap; border:1px solid rgba(255, 255, 255, 0.3); border-bottom:0;}
.service-list ul li {color:#fff; width:33.3333%; height:60px; line-height:58px; padding-left:25px; border-bottom:1px solid rgba(255, 255, 255, 0.3); border-right:1px solid rgba(255, 255, 255, 0.3);}
.service-list ul li:nth-child(3n) {border-right:0;}


.history {position:relative; color:#fff;}
.history-logo {text-align:center; margin-bottom:40px;}
.history:before {position:absolute; content:""; width:23px; height:115%; background:url('../images/sub/history-line.png')50% 50% no-repeat; background-size:contain; top:0; left:50%; margin-left:-10px;}
.history .group {position:relative; padding-left:25px; margin-top:40px;}
.history .group:nth-child(1) {padding-top:45px;}
.history .group:nth-child(odd) {margin-left:50%;}
.history .group:nth-child(even) {text-align:right; margin-right:50%; padding-left:0; padding-right:25px;}
.history .group:last-child {margin-bottom:0;}
.history .group:before {position:absolute; content:""; width:13px; height:13px; background:url('../images/sub/history-list-dot.png')50% 50% no-repeat; background-size:contain; top:9px; left:-5px;}
.history .group:nth-child(even):before {left:auto; right:-7px;}
.history .group:nth-child(1):before {top:55px;}
.history .group:after {position:absolute; content:""; width:50px; height:2px; border:1px dashed #ddd; left:5px; top:15px; z-index:-1;}
.history .group .year {font-size:25px; font-weight:700; color:#242424; letter-spacing:-.02em; line-height:1.40em; margin-bottom:20px;}
.history .group .history-list {}
.history .group .history-list ul {}
.history .group .history-list ul li {font-size:18px; letter-spacing:-.03em; line-height:1.88em;}

.job-list {}
.job-list .job-img {text-align:center;}

.education-bg {display:flex; flex-direction:column; justify-content:center; min-height:240px; border-radius:0 40px 0 40px; text-align:center; color:#fff;}
.education-bg .tit {font-size:31px; font-weight:600; letter-spacing:-.03em; line-height:1.3em; margin-bottom:20px;}
.education-bg .txt {font-size:17px; letter-spacing:-.03em; line-height:1.76em;}
.education-list {position:relative; padding-top:60px; color:#fff;}
.education-list:before {position:absolute; content:""; background:rgba(255, 255, 255, 0.3); top:0; left:50%; width:1px; height:91%;}
.education-list ul {}
.education-list ul li {display:flex; align-items:center; justify-content:center; margin-bottom:80px;}
.education-list ul li:nth-child(odd) {flex-direction:row-reverse; margin-right:36.1%;}
.education-list ul li:nth-child(even) {margin-left:36.1%;}
.education-list ul li .num {position:relative; width:115px; height:115px; line-height:113px; background:#97daff; border-radius:50%; text-align:center; color:#fff; font-size:49px; font-weight:700; margin-left:50px; text-shadow: 0px 3px 7px rgba(0, 0, 0, 0.1);}
.education-list ul li .num:before {position:absolute; content:""; width:19px; height:19px; background:url('../images/sub/num-dot1.png')50% 50% no-repeat; background-size:contain; top:50%; right:-60px; margin-top:-8.5px;}
.education-list ul li:nth-child(odd) .num:before {right:auto; left:-59px;}
.education-list ul li:nth-child(2) .num:before {background-image: url('../images/sub/num-dot2.png');}
.education-list ul li:nth-child(3) .num:before {background-image: url('../images/sub/num-dot3.png');}
.education-list ul li:nth-child(4) .num:before {background-image: url('../images/sub/num-dot4.png');}
.education-list ul li .box {display:flex; flex-direction:column; justify-content:center; width:550px; background-repeat:no-repeat; background-size:contain; background-position:50% 50%; height:170px; padding:0 30px; margin-right:50px;}
.education-list ul li .box br {display:none;}
.education-list ul li:nth-child(even) .num {margin-left:0; margin-right:50px;}
.education-list ul li:nth-child(even) .box {margin-right:0; margin-left:50px;}
.education-list ul li:nth-child(2) .num {background:#79c4f1;}
.education-list ul li:nth-child(3) .num {background:#5ab0e4;}
.education-list ul li:nth-child(4) .num {background:#2191d0;}

.partner-list {}
.partner-list ul {display:flex; flex-wrap:wrap; margin:0 -15px; margin-bottom:-50px;}
.partner-list ul li {width:20%; text-align:center; padding:0 15px; margin-bottom:50px;}
.partner-list ul li .img {}
.partner-list ul li .tit {font-size:17px; font-weight:500; letter-spacing:-.03em; line-height:1.3em; margin-top:15px;}

.detail-list {margin-bottom:50px; padding-left:12px;}
.detail-list ul {margin-left:0 !important;}
.detail-list ul li {list-style-type: none; margin-bottom:15px;}
.detail-list ul li::marker {display:none;}
.detail-list ul li.indent {padding-left:6px;}

.board-view-btn {}
.board-view-btn ul {display:flex; margin-left:0 !important; justify-content:flex-end;} 
.board-view-btn ul li {list-style-type:none; margin-left:10px;} 
.board-view-btn ul li a {display:block; width:135px; height:45px; line-height:43px; font-size:16px; color:#fff; letter-spacing:-.03em; text-align:center; border:1px solid rgba(255, 255, 255, 0.3)}
.board-view-btn ul li:first-child a {background:#2191d0; border:1px solid #2191d0;}

.fancybox-navs {width:100% !important; max-width:600px !important;}
.fancybox-navs .fancybox-inner {width:100% !important; max-width:600px !important;}
.layer_popup {padding:60px 50px;}
.layer_popup .lg-tit {font-size:30px; color:#242424; letter-spacing:-.02em; font-weight:700; line-height:1.50em; margin-bottom:40px; text-align:center;}
.layer_popup .form-agree .check a {font-size:15px; margin-left:0; color:#d08421; border:0;}
.layer_popup .buttons {margin:0;}
.layer_popup .btn-pack {border:2px solid #ddd; background:#fff;}
.layer_popup .btn-pack.large {padding:0 50px;}
.layer_popup .checkbox label:before {border:1px solid #ddd;}
.layer_popup .checkbox label {color:#454545;}
.fancybox-navs #fancybox-loading, 
.fancybox-navs .fancybox-close, 
.fancybox-navs .fancybox-prev span, 
.fancybox-navs .fancybox-next span {background-image: url('../images/sub/fancy-close.png');}
.fancybox-navs .fancybox-close {width:18px; height:18px; top:25px; right:30px;}

.contact-list {display:flex;}
.contact-list ul {}
.contact-list ul:first-child {width:45.1%;}
.contact-list ul:first-child li {padding:40px 30px;}
.contact-list ul:last-child {display:flex; flex-wrap:wrap;}
.contact-list ul:last-child li {width:calc(50% - 30px); margin-left:30px; margin-bottom:30px;}
.contact-list ul:last-child li:first-child .lg-tit {font-size:25px; font-weight:600; letter-spacing:-.03em; color:#ff812e; margin-bottom:10px;}
.contact-list ul:last-child li:first-child .lg-tit span {display:inline-block; font-size:18px; font-weight:500; opacity:0.8; margin-left:15px; color:#fff;}
.contact-list ul:last-child li:nth-child(2) .lg-tit {color:#f8506f;}
.contact-list ul:last-child li:nth-child(3) .lg-tit {color:#3482b0;}
.contact-list ul:last-child li:nth-child(4) .lg-tit {color:#56d1d1;}
.contact-list ul li {background:rgba(255, 255, 255, 0.08); border-radius:25px; padding:20px 30px;}
.contact-list ul li .lg-tit {font-size:28px; font-weight:500; color:#fff; letter-spacing:-.03em; line-height:1.3em; margin-bottom:18px;}
.contact-list ul li .lg-tit strong {color:#2191d0;}
.contact-list ul li .lg-tit span {display:inline-block; font-size:18px; font-weight:500; opacity:0.8; margin-left:15px;}
.contact-list ul li dl {color:#fff; margin-bottom:10px;}
.contact-list ul li dl:last-child {margin-bottom:0;}
.contact-list ul li dl dt {}
.contact-list ul li dl dd {font-size:28px; font-weight:600; letter-spacing:-.03em; line-height:1.25em;}


.board-list2 table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #868686;}
.board-list2 table th {height:53px; padding:9px 5px; color:#fff; font-size:17px; font-weight:500; line-height:1.5em; background:rgba(221, 221, 221, 0.05); border-bottom:1px solid rgba(255, 255, 255, 0.3);}
.board-list2 table tbody td.left {text-align:left;} 
.board-list2 table tbody td {height:53px; padding:9px 5px; color:rgba(255, 255, 255, 0.8); font-size:16px; font-weight:400; line-height:1.5em; text-align:center; border-bottom:1px solid rgba(255, 255, 255, 0.3); letter-spacing:0;}
.board-list2 table tbody td .blue {color:#57c3ff;}
.board-list2 table tbody td .yellow {color:#fad800;}
.board-list2 table tbody td .purple {color:#da76ff;}
.board-list2 table tbody td .green {color:#21d1b3;}
.board-list2 table tbody td .orange {color:#f47a2a;}
.board-list2 table tbody td.subject {text-align:left; padding-left:15px;}
.board-list2 table tbody td img {vertical-align:middle; margin:-.2em 2px 0;}
.board-list2 table tbody td a:hover {text-decoration:underline;}
.board-list2 .label {color:#fff; font-weight:500; display:inline-block; padding:0 12px; font-size:14px; background:#2191d0; border-radius:4px;}
.board-list2 .comment {color:#d08421; font-size:.85em; font-weight:700; line-height:1em;}
.board-list2 .goods-name {color:#242424; font-weight:700;}
.board-list2 table tbody td .ing {display:block; margin:0 auto; width:100px; height:36px; line-height:36px; text-align:center; color:#fff; border-radius:5px; background:#2191d0;}
.board-list2 table tbody td .ing.color {background:#265eb1;}
.board-list2 table tbody td .finish {display:block; margin:0 auto; width:100px; height:36px; line-height:36px; text-align:center; color:#fff; border-radius:5px; background:#505050;}