@charset "utf-8";

.sub-tit {position:relative; display:inline-block; font-size:28px; letter-spacing:-.02em; font-weight:500; color:#031d68; text-align:center !important; padding:0 15px; margin-bottom:35px;}
.sub-tit:before {position:absolute; content:""; top:0; left:0; width:1px; height:24px; background:#031d68;}
.sub-tit:after {position:absolute; content:""; top:0; right:0; width:1px; height:24px; background:#031d68;}

.doc-tit {text-align:center;}
.doc-tit h4 {font-size:24px; color:#ec4b2d; letter-spacing:-.02em; font-weight:500; margin-bottom:20px;}
.doc-tit p {font-size:15px; color:#505050; letter-spacing:-.02em; line-height:1.3em; padding-bottom:25px;} 

.doc-tits {position:relative; margin-bottom:35px;}
.doc-tits h2 {display:flex; justify-content:center; align-items:center; font-size:26px; font-weight:400; letter-spacing:-.02em; line-height:1.3em;}
.doc-tits h2 span {padding:0 20px; white-space:nowrap;}
.doc-tits h2:before {content:""; width:50%; height:1px; background:#2c2c2c;}
.doc-tits h2:after {content:""; width:50%; height:1px; background:#2c2c2c;}

.table01 {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #031d68;}
.table01 th {padding:20px 20px; border:1px solid #dfdfdf; border-top:0; background:#e9edf7; font-size:18px; font-weight:500;} 
.table01 td {padding:12px 15px; color:#505050; border:1px solid #dfdfdf; font-size:16px; text-align:center;} 
.table01 tr th:first-child,
.table01 tr td:first-child {border-left:0;}
.table01 tr td:first-child {font-size:18px; font-weight:500; background:#f4f4f4;}
.table01 tr th:last-child,
.table01 tr td:last-child {border-right:0;}

.greetings {}
.greetings .img {}
.greetings .tt-box {position:relative; margin-top:-50px; display:flex; flex-direction:column; justify-content:center; max-width:500px; background: linear-gradient(139deg, rgba(221,16,29,1) 0%, rgba(44,52,137,1) 100%); width:100%; color:#fff; min-height:180px; font-size:25px; letter-spacing:-.02em; line-height:1.800em; font-weight:700; padding-left:70px; box-shadow:5px 10px 7px rgba(0, 0, 0, 0.3);}
.greetings .tt-box span {display:block; padding-left:120px;}

.greetings-flex {display:flex; justify-content:space-between; margin-top:60px;}
.greetings-flex .txt-box {padding:0 45px;}
.greetings-flex .txt-box .tit {font-size:25px; font-weight:700; color:#1d306a; letter-spacing:-.02em; line-height:1.800em;}
.greetings-flex .txt-box .tit strong {}
.greetings-flex .txt-box .txt {font-size:18px; color:#454545; letter-spacing:-.02em; line-height:1.944em; margin-top:25px;}
.greetings-flex .imgs {}

.lnbs {position:relative; z-index:2; margin-bottom:70px;} 
.lnbs.mg {margin-bottom:30px;}
.lnbs ul {display:flex; justify-content:center; max-width:1200px; margin:0 auto;}
.lnbs ul li {flex:1; position:relative; text-align:center; border:1px solid #ddd; border-left:0; line-height:1.4em; letter-spacing:-.02em;}
.lnbs ul li:first-child {border-left:1px solid #ddd;}
.lnbs ul li a {font-size:20px; letter-spacing:-.02em; position:relative; display:flex; align-items:center; justify-content:center; height:60px; color:#454545; font-weight:400;}
.lnbs ul li.active a {color:#fff; background:#cd3b32;}   

.lnbs2 {position:relative; z-index:2; margin-bottom:50px; padding:0px 10px;} 
.lnbs2 ul {display:flex; justify-content:center; max-width:1200px; margin:0 auto; margin-left:-10px;}
.lnbs2 ul li {flex:1; width:calc(16.6666% - 20px); margin-left:20px; position:relative; text-align:center; border-left:0; line-height:1.4em; letter-spacing:-.02em;}
.lnbs2 ul li a {font-size:18px; letter-spacing:-.03em; position:relative; display:flex; align-items:center; justify-content:center; height:50px; color:#454545; font-weight:400; border:1px solid #ddd; border-radius:25px;}
.lnbs2 ul li.active a {color:#fff; background:#cd3b32;} 

.history {}
.history .history-flex {display:flex; align-items:stretch;}
.history .history-flex h3 {min-width:450px; font-size:70px; font-weight:700; color:#ccc; letter-spacing:-.02em; line-height:1.3em;}
.history .history-flex .group {position:relative; margin-top:20px;}
.history .history-flex .group:before {position:absolute; content:""; width:2px; height:83%; background:url('../images/sub/history-line.png')50% 50%; background-size:contain; left:170px; top:15px;}
.history .history-flex .group .history-wrap {display:flex; margin-bottom:90px;}
.history .history-flex .group .history-wrap.margin {margin-bottom:60px;}
.history .history-flex .group .history-wrap .year {min-width:170px; font-size:35px; font-weight:700; color:#1d306a; letter-spacing:-.02em; line-height:1.429em;} 
.history .history-flex .group .history-wrap .history-list {position:relative; margin-top:10px;}
.history .history-flex .group .history-wrap .history-list:before {position:absolute; content:""; width:24px; height:24px; background:url('../images/sub/his-dot.png')50% 50% no-repeat; background-size:contain; left:0; top:5px; margin-left:-10px;}
.history .history-flex .group .history-wrap .history-list ul {margin-bottom:-25px;}
.history .history-flex .group .history-wrap .history-list ul li {display:flex; align-items:baseline; margin-bottom:25px;}
.history .history-flex .group .history-wrap .history-list ul li span {display:inline-block; min-width:85px; text-align:center; font-size:20px; font-weight:600; color:#242424; letter-spacing:-.02em; line-height:1.3em;}
.history .history-flex .group .history-wrap .history-list ul li .tit {font-size:17px; color:#454545; letter-spacing:-.02em; line-height:2.0em;}

.certification {}
.certification .certification-list {}
.certification .certification-list ul {display:flex; flex-wrap:wrap; margin:0 -12px; margin-bottom:-30px;}
.certification .certification-list ul li {width:33.3333%; text-align:center; padding:0 12px; margin-bottom:30px;}
.certification .certification-list ul li .img {}
.certification .certification-list ul li .img img {width:100%;}
.certification .certification-list ul li .tit {margin-top:15px; font-size:17px; color:#454545; letter-spacing:-.02em; line-height:1.471em;}

.organization {text-align:center;}

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

.location-list {margin-top:20px;}
.location-list ul {display:flex; margin-left:-20px;}
.location-list ul li {position:relative; width:calc(25% - 20px); margin-left:20px; min-height:180px; background:#f4f4f4; padding:25px;}
.location-list ul li .tit {font-size:25px; font-weight:700; color:#242424; letter-spacing:-.02em; line-height:1.3em; margin-bottom:20px;}
.location-list ul li .txt {font-size:17px; color:#454545; letter-spacing:-.02em; line-height:1.471em;}
.location-list ul li .ico {position:absolute; right:20px; bottom:20px;}

.construction {}
.construction .construction-list {}
.construction .construction-list ul {}
.construction .construction-list ul li {display:flex; margin-bottom:50px; align-items:center;}
.construction .construction-list ul li:nth-child(even) {flex-direction:row-reverse;}
.construction .construction-list ul li:nth-child(even) .txt-box {padding-left:0; padding-right:60px;}
.construction .construction-list ul li .img {width:50%;}
.construction .construction-list ul li .txt-box {width:50%; padding-left:60px;}
.construction .construction-list ul li .txt-box .tit {position:relative; font-size:30px; font-weight:700; color:#1d306a; letter-spacing:-.02em; line-height:1.667em; padding-bottom:20px; margin-bottom:20px;}
.construction .construction-list ul li .txt-box .tit:before {position:absolute; content:""; width:40px; height:3px; background:#cd3b32; left:0; bottom:0;}
.construction .construction-list ul li .txt-box .list {}
.construction .construction-list ul li .txt-box .list p {font-size:17px; color:#454545; letter-spacing:-.02em; line-height:1.765em; padding-left:0.7em; text-indent:-0.7em;}