@charset "utf-8";

#sub {padding-top:0; overflow:hidden;}
#sub #wrapper {padding-top:100px;}
/* sub-visual */
.sub-visual {height:390px; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.sub-visual01 {background-image:url('../img/sub/sub-visual01.jpg');}
.sub-visual02 {background-image:url('../img/sub/sub-visual02.jpg');}
.sub-visual03 {background-image:url('../img/sub/sub-visual03.jpg');}
.sub-visual04 {background-image:url('../img/sub/sub-visual04.jpg');}
.sub-visual05 {background-image:url('../img/sub/sub-visual05.jpg');}
.sub-visual .tit-box {padding:90px 0; display:flex; align-items:flex-end; height:100%;}
.sub-visual .tit-box h2 {font-size:50px; font-weight:700; color:#fff; line-height:1.2em;}
/* lnb */
#lnb {border-bottom:1px solid #ccc; overflow:hidden;}
.lnb ul {display:flex; border-left:1px solid #ccc;}
.lnb ul li {border-right:1px solid #ccc; width: 100%; text-align:center;}
.lnb ul li a {height:80px; padding:5px; display:flex; align-items:center; justify-content:center; font-size:20px; line-height:1.6em; color:#444; transition:all 0.4s; position:relative;}
.lnb ul li.active a {color:#1739A8; font-weight:700;}
.lnb ul li a:after {content:''; width:0; left:50%; bottom:0;background:#1739a8; position:absolute; height:3px; transition:all 0.4s;}
.lnb ul li.active a:after,
.lnb ul li a:hover:after {width:100%; left:0;}
/* sub-title */
.sub-title {text-align:center; padding:140px 15px 80px;}
.sub-title h3 {font-size:50px; line-height:1.2em; color:#222;}
/* sub cont */
.real-cont {padding-bottom:300px;}

.doc-img {margin-bottom:80px;}
.doc-col {display:flex;}
.doc-tit {width:100%; max-width:476px;}
.doc-tit p {font-size:18px; line-height:1.6em; color:#1739a8; font-weight:600;}
.doc-tit h4 {font-size:40px; line-height:1.6em; color:#222;}
.doc-txt {width:1%; flex:1 1 auto; padding-top:32px;}
.doc-txt .doc-tx {margin-bottom:60px;}
.doc-txt .doc-tx p {font-size:20px; line-height:1.8em; color:#444;}
/* sub 01 01 */
.introduction {margin-bottom:200px;}
.introduction .col {display:flex; margin:0 -10px;}
.introduction .col .row {width:25%; padding:0 10px;}
.introduction .inner {background:#F2FAFD; border-radius:12px; padding:54px 20px; text-align:center;}
.introduction .inner .icon {margin-bottom:16px;}
.introduction .inner h5 {font-size:26px; line-height:1.4em; color:#222; height:72px; display:flex; align-items:center; justify-content:center; margin-bottom:22px;}
.introduction .inner span {display:inline-block; width:96px; height:1px; background:#BBCDD4; position:relative;}
.introduction .inner span:before,
.introduction .inner span:after {content:''; width:5px; height:5px; border-radius:50%; background:#BBCDD4; position:absolute; top:-2px;} 
.introduction .inner span:before {left:0;}
.introduction .inner span:after {right:0;}
.introduction .inner p {font-size:22px; line-height:1.6em; color:#00154A; margin-top:16px;}

.logomark .img-box {background:#FAFAFA; padding:60px; text-align:center;}
/* sub 01 02 */
.founding {margin-bottom:200px;}
.founding .col {display:flex; flex-wrap:wrap; margin:0 -10px -20px;}
.founding .row {width:50%; padding:0 10px; margin-bottom:20px;}
.founding .inner {padding:40px; border-radius:12px; background:#F2FAFD; height:100%;}
.founding .inner .top {display:flex; justify-content:space-between; align-items:center;}
.founding .inner .top .num {font-size:50px; line-height:1.2em; font-weight:700; color:rgba(169,172,181,0.4);}
.founding .inner h5 {font-size:24px; line-height:1.6em; color:#070707;}
.founding .inner p {font-size:20px; line-height:1.6em; color:#444;}

.history .col {display:flex; position:relative;}
.history .col:after {content:''; width:1px; height:calc(100% - 20px); border-right:1px dashed #ddd; position:absolute; left:185px; top:20px; z-index:-1;}
.history .year {width:100%; max-width:196px; font-size:50px; line-height:1.2em; color:#00154A; font-weight:700; position:relative; height:100%;}
.history .year:after {content:''; width:20px; height:20px; border-radius:50%; border:6px solid #1739A8; background:#fff; position:absolute; top:50%; margin-top:-10px; right:0;}
.history .txt-box {width:1%; flex:1 1 auto; padding-top:12px; padding-bottom:80px; padding-left:60px;}
.history .txt-box li {font-size:20px; line-height:1.6em; color:#444; margin-bottom:16px;}
.history .txt-box li:last-child {margin-bottom:0;}
/* sub 01 03 */
.chairmen .cnt01 {margin-bottom:180px;}
.chairmen .cnt01 .col {display:flex; margin:0 -18px;}
.chairmen .cnt01 .col .row {width:33.333333%; padding:0 18px;}
.chairmen .cnt01 .inner {background:#fff; border:1px solid #ccc; height:100%; border-radius:12px; overflow:hidden;}
.chairmen .cnt01 .inner.on {border:3px solid #00154A;}
.chairmen .cnt01 .inner .tit {height:80px; background:#00154A; text-align:center; display:flex; align-items:center; justify-content:center;}
.chairmen .cnt01 .inner .tit h4 {font-size:32px; color:#F2FAFD; line-height:1.6em; display:inline-block; padding:0 38px; position:relative;}
.chairmen .cnt01 .inner .tit h4:before,
.chairmen .cnt01 .inner .tit h4:after {content:''; width:22px; height:6px; position:absolute; top:50%; margin-top:-3px; background:url('../img/sub/chairmen-tit.png') no-repeat;}
.chairmen .cnt01 .inner .tit h4:before {left:0;}
.chairmen .cnt01 .inner .tit h4:after {right:0; transform:rotate(180deg);}
.chairmen .cnt01 .inner .txt {padding:50px 40px;}
.chairmen .cnt01 .inner .txt .img {text-align:center; margin-bottom:20px;}
.chairmen .cnt01 .inner .txt .name {display:flex; align-items:center; justify-content:center; flex-direction: column; }
.chairmen .cnt01 .inner .txt .name h5 {font-size:26px; line-height:1.6em; color:#000; margin-right:14px;}
.chairmen .cnt01 .inner .txt .name p {font-size:20px; line-height:1.6em; color:#666;}
.chairmen .cnt01 .inner .txt .period {margin-bottom:30px; text-align:center;}
.chairmen .cnt01 .inner .txt .period p {font-size:20px; line-height:1.6em; color:#00154A; font-weight:700;}
.chairmen .cnt01 .inner .txt .line {display:block; width:96px; height:1px; background:#BBCDD4; position:relative; margin:0 auto;}
.chairmen .cnt01 .inner .txt .line:before,
.chairmen .cnt01 .inner .txt .line:after {content:''; width:5px; height:5px; border-radius:50%; background:#BBCDD4; position:absolute; top:-2px;} 
.chairmen .cnt01 .inner .txt .line:before {left:0;}
.chairmen .cnt01 .inner .txt .line:after {right:0;}
.chairmen .cnt01 .inner .txt ul {margin-top:30px;}
.chairmen .cnt01 .inner .txt li {font-size:20px; line-height:1.6em; color:#666; position:relative; padding-left:20px;}
.chairmen .cnt01 .inner .txt li:before {content:''; width:4px; height:4px; background:#666; position:absolute; top:14px; left:0; border-radius:50%;}
.chairmen .cnt02 .box {background:#F2FAFD; border-radius:12px; position:relative; margin-bottom:190px; padding:0 100px; min-height:380px;}
.chairmen .cnt02 .box:last-child {margin-bottom:0;}
.chairmen .cnt02 .box:before {content:''; width:100%; height:100%; position:absolute; top:0; right:0; background:url('../img/sub/chairmen02-bg.png') center right no-repeat; background-size:contain;}
.chairmen .cnt02 .box .tit {background:#00154A; width:350px; height:96px; transform:translateY(-12px); padding:30px 30px 0; margin-bottom:20px;}
.chairmen .cnt02 .box .tit h4 {font-size:32px; line-height:1.6em; color:#fff;}
.chairmen .cnt02 .box .tit h4 span {color:#24C4FB;}
.chairmen .cnt02 .box .txt {position:relative; z-index:2;}
.chairmen .cnt02 .box .txt .name {display:flex; align-items:center; margin-bottom:15px;}
.chairmen .cnt02 .box .txt .name h5 {font-size:36px; line-height:1.6em; color:#000;}
.chairmen .cnt02 .box .txt .name p {font-size:22px; line-height:1.6em; color:#666; padding-left:20px; margin-left:20px; position:relative;}
.chairmen .cnt02 .box .txt .name p:before {content:''; width:1px; height:28px; background:#999; position:absolute; top:50%; margin-top:-14px; left:0;}
.chairmen .cnt02 .box .txt li {font-size:22px; line-height:1.6em; color:#222; font-weight:600; position:relative; padding-left:32px;}
.chairmen .cnt02 .box .txt li:before {content:''; width:6px; height:6px; background:#222; border-radius:50%; top:14px; left:12px; position:absolute;}
.chairmen .cnt02 .box .img {position:absolute; bottom:0; right:110px; z-index:11;}
.chairmen .cnt02 .box .tt {position:absolute; left:250px; bottom:-44px; font-size:100px; font-weight:800; line-height:1.6em; color:#E1EEF3;}

.organization{text-align: center;}
.organization img{padding-left: 107px;}
/* sub 02 02 */
.solutions {margin-bottom:200px;}
.solutions .col {display:flex; flex-wrap:wrap; margin:0 -10px -20px;}
.solutions .col .row {width:50%; padding:0 10px; margin-bottom:20px;}
.solutions .inner {background:#F2FAFD; padding:40px; border-radius:12px; height:100%;}
.solutions .inner .tit {display:flex; align-items:center; justify-content:space-between;}
.solutions .inner .tit p {font-size:50px; font-weight:700; color:rgba(169,172,181,0.4); line-height:1.2em; margin-bottom:6px;}
.solutions .inner .txt h5 {font-size:26px; line-height:1.6em; color:#070707;}
.solutions .inner .txt p {font-size:22px; line-height:1.6em; color:#444;}

.achievements {padding:120px 0; background:url('../img/sub/achievements-bg.jpg') center center no-repeat; background-size:cover;}
.achievements .box {margin-bottom:20px; position:relative; padding:30px 40px 30px 90px; background:#fff; box-shadow:4px 4px 6px 0 rgba(0, 0, 0, 0.06); border-radius:12px; margin-left:80px;}
.achievements .box:before {content:''; width:20px; height:20px; border:6px solid #1739a8; border-radius:50%; position:absolute; top:50%; margin-top:-10px; left:-90px; z-index:1; background:#fff;}
.achievements .box:last-child {margin-bottom:0;}
.achievements .box:after {content:''; width:1px; height:calc(100% + 40px); border-left:1px dashed #ddd; position:absolute; left:-80px; top:50%;}
.achievements .box:last-child:after {display:none;}

.achievements .box .icon {position:absolute; top:50%; margin-top:-50px; left:-50px;}
.achievements .box h5 {font-size:26px; line-height:1.6em; color:#070707; margin-bottom:10px;}
.achievements .box p {font-size:22px; line-height:1.6em; color:#444; margin-bottom:30px;}
.achievements .box .date {font-size:16px; line-height:1.6em; color:#999; position:relative; padding-left:30px;}
.achievements .box .date:before {content:''; width:20px; height:20px; background:url('../img/sub/achievements-date.png') no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-10px; left:0;}

.industrial {padding:200px 0;}
.industrial table {width:100%; border-collapse:collapse; border-spacing:0;}
.industrial table col:first-child {width:260px;}
.industrial table col:last-child {width:auto;}
.industrial table thead {background:#DEE9ED; text-align:center;}
.industrial table thead th {font-size:24px; line-height:1.6em; color:#222; font-weight:700; padding:11px;}
.industrial table tbody tr {border-bottom:1px dashed #ddd;}
.industrial table tbody tr:last-child {border-bottom:1px solid #ddd;}
.industrial table tbody th {background:#F2FAFD; font-size:20px; line-height:1.6em; font-weight:500; color:#222; padding:14px 10px; text-align:center;}
.industrial table tbody td {font-size:20px; line-height:1.6em; color:#666; padding:14px 30px;}

.publications .wrap {margin-top:60px; border-top:1px solid #00154A;}
.publications .box {border-bottom:1px solid #ddd; padding:40px 60px; background:#fff; transition:all 0.4s; display:flex; align-items:center;}
.publications .box:hover {background:#F8F8F8;}
.publications .box .txt {width:1%; flex:1 1 auto; padding-right:90px;}
.publications .box .txt h5 {font-size:26px; line-height:1.6em; color:#070707; margin-bottom:10px; transition:all 0.4s;}
.publications .box:hover .txt h5 {color:#1739A8;}
.publications .box .txt p {font-size:22px; line-height:1.6em; color:#666; margin-bottom:30px;}
.publications .box .txt ul {display:flex; margin:0 -20px;}
.publications .box .txt ul li {padding:0 20px; position: relative; font-size:16px; font-weight:500; line-height:1.6em; color:#666;}
.publications .box .txt ul li span {display:inline-block; font-weight:400; color:#999; margin-left:10px;}
.publications .box .txt ul li img {display:inline-block; vertical-align:middle; margin-top:-2px; margin-right:2px;}
.publications .box .txt ul li:after {content:''; width:1px; height:18px; background:#ccc; position:absolute; top:50%; margin-top:-9px; right:0;}
.publications .box .txt ul li:last-child:after {display:none;} 
.publications .box .btn {width:100%; max-width:100px;}
.publications .box .btn a {width:100px; height:100px; border:1px solid #ddd; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; transition:all 0.4s;}
.publications .box .btn a:hover {background:#1739A8;}
.publications .box .btn a .icon {background-image:url('../img/sub/publications-download.png'); width:36px; height:36px; background-repeat:no-repeat; background-size:cover; margin-bottom:2px; transition:all 0.4s;;}
.publications .box .btn a:hover .icon {background-image:url('../img/sub/publications-download-on.png');}
.publications .box .btn a p {font-size:14px; line-height:1.6em; font-weight:600; color:#666; transition:all 0.4s;}
.publications .box .btn a:hover p {color:#fff;}
/* sub 03 01 */
.member .col {display:flex; margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #ddd; height:100%;}
.member .col:last-child {margin-bottom:0;}
.member .logo {width:100%; max-width:280px; background:#F6F6F6; border-radius:20px; display:flex; align-items:center; justify-content:center;}
.member .imgs {width:1%; flex:1 1 auto; padding-left:30px; display:flex; align-items:center; position:relative;}
.member .imgs ul {display:flex; margin:0 -6px -12px; flex-wrap:wrap; align-items:center; flex:1;}
.member .imgs ul li {width:33.333333%; padding:0 6px; margin-bottom:12px;}
.member .imgs p {width:100%; font-size:14px; line-height:1.6em; color:#666; position:absolute; left:30px; bottom:-32px;}
/* sub 03 02 */
.audit  .col {display:flex; margin:0 -25px 40px;}
.audit .row {width:25%; padding:0 25px; position:relative;}
.audit .row:after {content:''; width:50px; height:50px; background:url('../img/sub/audit-arrow.png') no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-25px; right:-25px;}
.audit .row:last-child:after {display:none;}
.audit .inner {height:100%; border:1px solid #ddd; border-radius:12px; overflow:hidden;}
.audit .inner .tit {background:#00154A; text-align:center; padding:12px;}
.audit .inner .tit p {font-size:24px; line-height:1.6em; color:#f2fafd; font-weight:700;}
.audit .inner .txt {padding:20px 20px 30px; text-align:center;}
.audit .inner .txt .icon {margin-bottom:20px;}
.audit .inner .txt h4 {font-size:26px; line-height:1.6em; color:#000; margin-bottom:30px;}
.audit .inner .txt p {font-size:20px; line-height:1.6em; color:#666; margin-top:30px;}
.audit .inner .txt span {display:block; width:96px; height:1px; background:#BBCDD4; position:relative; margin:0 auto;}
.audit .inner .txt span:before,
.audit .inner .txt span:after {content:''; width:5px; height:5px; border-radius:50%; background:#BBCDD4; position:absolute; top:-2px;} 
.audit .inner .txt span:before {left:0;}
.audit .inner .txt span:after {right:0;}
.audit .box {background:#F8F8F8; padding:40px; border-radius:12px;}
.audit .box dl {display:flex; margin-bottom:12px; font-size:24px; line-height:1.8em; color:#666;}
.audit .box dl:last-child {margin-bottom:0;}
.audit .box dt {width:100%; max-width:240px; font-weight:600; position:relative; padding-left:34px;}
.audit .box dt:before {content:''; width:6px; height:6px; background:#666; border-radius:50%; top:19px; left:12px; position:absolute;}
.audit .box dd {width:1%; flex:1 1 auto;}
.audit .box dd span {margin:0 8px;}
.audit .box dd br {display:none;}