@charset "utf-8";
.real-cont {padding:100px 0 120px; position:relative;}
/* sib-visual */
.sub-visual {height:400px; padding-top:152px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.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-title {display:flex; height:100%; flex-direction:column; justify-content:center; color:#fff; margin-top:-13px;}
.sub-title h2 {font-size:54px; line-height:1.2em; font-weight:400; margin-bottom:36px;}
.sub-title ul {display:flex; align-items:center;}
.sub-title ul li {padding-right:45px; font-size:16px; line-height:1.5em; position:relative;}
.sub-title ul li:after {content:''; width:5px; height:5px; background:#fff; border-radius:50%; position:absolute; top:50%; margin-top:-3px; right:20px;}
.sub-title ul li:last-child:after {display:none;}
/* lnb */
.sub_4 #lnb {display:none;}
#lnb {background:#317ef1; padding-top:5px; height:100%;}
#lnb ul {display:flex;}
#lnb ul li {width:100%;}
#lnb ul li a {font-size:16px; line-height:1.5em; color:#fff; min-height:75px; display:flex; justify-content:center; align-items:center; padding:5px 20px; text-align:center; transition:all 0.8s;  border-radius:10px 10px 0 0; height:100%;}
#lnb ul li.active a {background:#fff; color:#111; font-weight:500;}
#lnb ul li a:hover {color:#111; background:#fff; font-weight:500;}
/* page name */
.pagename {text-align:center; margin-bottom:68px;}
.pagename h3 {font-size:44px; line-height:1.2em; color:#111; position:relative; padding-top:22px; font-weight:400;}
.pagename h3:before {content:''; width:28px; height:8px; border-radius:4px; background:#e4e6ef; position:absolute; top:0; left:50%; margin-left:-14px;}
.pagename h3:after {content:''; width:8px; height:8px; background:#317ef1; border-radius:50%; position:absolute; top:0; left:50%; margin-left:-14px; transition:all 0.6s;}
/* doc-cnt */
.doc-cnt .img-box {border-radius:20px; background:#f6f6f6; padding:70px 20px; display:flex; justify-content:center; align-items:center;}
.doc-cnt .img-box .img {padding:0 30px; position:relative;}
.doc-cnt .img-box .img25 {width:25%;}
.doc-cnt .img-box .img50 {width:50%;}

.doc-cnt .img-box .img p {font-size:20px; line-height:1.4em; font-weight:600; color:#000; text-align:center; margin-top:14px;}
.doc-cnt .txt-box {margin-top:40px; border-bottom:1px solid #ddd; padding-bottom:20px;}
.doc-cnt .txt-box ul {display:flex; flex-wrap:wrap;}
.doc-cnt .txt-box ul li {margin-right:40px; font-size:18px; color:#000; position:relative; padding-left:14px; line-height:1.6em; margin-bottom:10px;}
.doc-cnt .txt-box ul li:before {content:''; width:4px; height:4px; background:#317ef1; border-radius:50%; position:absolute; top:10px; left:0;}
.doc-cnt .txt-box P {font-size:18px; line-height:1.8em; color:#666;} 

.seismic .doc-cnt .img-box .img {padding:0 50px;}
.seismic .doc-cnt .img-box .img:after {content:''; width:42px; height:113px; background:url('../img/sub/pagename-arrow.png') no-repeat; position:absolute; top:50%; margin-top:-57px; right:-21px;}
.seismic .doc-cnt .img-box .img:last-child:after {display:none;}

.table {max-width:1220px; width:100%; margin:0 auto; overflow-x:auto; -webkit-overflow-scrolling:touch;}
.table table {border-top:2px solid #317ef1; border-spacing:0; border-collapse:collapse; width:100%; text-align:center;}
.table table th {font-size:18px; line-height:1.3em; color:#000; font-weight:400; padding:8px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#eaf2fe; white-space:nowrap;}
.table table th:last-child {border-right:0;}
.table table td {font-size:16px; line-height:1.5em; color:#666; padding:8px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.table table td:last-child {border-right:0;}
/* s03 */
.node .doc-cnt {margin-bottom:80px;}
.sensor .doc-cnt {margin-bottom:80px;}

/* s05 01 */
.visionbg {position:absolute; bottom:0; right:0; z-index:-1; opacity:0.15;}
.vision .img-box {margin-bottom:74px;}
.vision .col {display:flex; flex-wrap:wrap; justify-content:space-between;}
.vision .col .tit {max-width:565px; width:100%; margin-bottom:60px;}
.vision .col .tit h4 {font-size:50px; font-weight:400; color:#000; line-height:1.3em;}
.vision .col .txt {max-width:820px; width:100%;}
.vision .col .txt p {font-size:18px; line-height:1.5em; color:#666; margin-bottom:28px;}
.vision .col .txt p strong {font-weight:600; color:#000; display:block;}
.vision .col .txt p:last-child {margin-bottom:0;}
/* s05 02 */
.team {text-align:center;}
/* s05 03 */
.leader .cnt {margin-bottom:110px;}
.leader .cnt:last-child {margin-bottom:0;}
.leader .name {border-bottom:2px solid #000; display:flex; padding-bottom:25px; margin-bottom:25px; align-items:flex-end;}
.leader .name h5 {font-size:30px; line-height:1.4em; color:#317ef1; font-weight:400; margin-right:20px;}
.leader .name p {font-size:16px; color:#000; line-height:1.8em;}
.leader .title {text-align:center; margin-bottom:30px;}
.leader .title h4 {text-align:center; display:inline-block; font-size:34px; line-height:1.2em; position:relative; padding:0 30px; font-weight:400;}
.leader .title h4:before,
.leader .title h4:after {content:''; width:8px; height:8px; background:#317ef1; border-radius:50%; position:absolute; top:50%; margin-top:-4px;}
.leader .title h4:before {left:0;}
.leader .title h4:after {right:0;}
.leader .col {display:flex; margin:0 -15px;}
.leader .col .row {width:33.33333%; padding:0 15px; margin-bottom:96px;}
.leader .col .row .inner {height:100%; border:1px solid #ddd; border-radius:15px; padding:45px 35px;}
.leader .col .row .inner span {display:block; font-size:18px; font-weight:400; color:#317ef1; line-height:1.2em; margin-bottom:14px;}
.leader .col .row .inner p {font-size:16px; line-height:1.8em; color:#666;}
.leader .box {border-top:2px solid #317ef1;}
.leader .box dl {display:flex; border-bottom:1px solid #ddd; padding:19px 0;}
.leader .box dt {max-width:178px; width:100%; padding:0 36px; font-size:18px; color:#000; line-height:1.5em; font-weight:400;}
.leader .box dd {width:1%; flex:1 1 auto; font-size:20px; line-height:1.5em; color:#666;}
.leader .edu {margin-bottom:100px;}
.leader .edu li {font-size:20px; line-height:1.5em; color:#666; margin-bottom:10px;}
/* s05 05 */
.contact .maps {height:400px; margin-bottom:60px; border-radius:10px; overflow:hidden;}
.contact .maps iframe {width:100%; height:100%;}
.contact .txt-box {position:relative; padding-right:140px;}
.contact .txt dl {display:flex; margin-bottom:10px; font-size:18px; line-height:1.8em;}
.contact .txt dt {width:155px; font-weight:400; color:#000;}
.contact .txt dd {width:1%; flex:1 1 auto; color:#666;}
.contact .map-btn {position:absolute; top:0; right:0;}
.contact .map-btn ul {display:flex; width:130px;}
.contact .map-btn ul li {width:50%; margin-left:-1px;}
.contact .map-btn ul li a {display:block; height:60px; background:#fff; border:1px solid #317ef1; transition:all 0.6s; position:relative;}
.contact .map-btn ul li:first-child a {border-radius:40px 0 0 40px;}
.contact .map-btn ul li:last-child a {border-radius:0 40px 40px 0;}
.contact .map-btn ul li a:hover {background:#317ef1;}
.contact .map-btn ul li a:after {content:''; width:30px; height:30px; background-repeat:no-repeat; background-size:cover; position:absolute; top:50%; left:50%; margin-top:-15px; margin-left:-15px; transition:all 0.6s; z-index:1;}
.contact .map-btn ul li:first-child a:after {background-image:url('../img/sub/map-btn01.png');}
.contact .map-btn ul li:last-child a:after {background-image:url('../img/sub/map-btn02.png');}
.contact .map-btn ul li:first-child a:hover:after {background-image:url('../img/sub/map-btn01-on.png');}
.contact .map-btn ul li:last-child a:hover:after {background-image:url('../img/sub/map-btn02-on.png');}