@charset "utf-8";

#sub {position:relative; overflow:hidden;}
/* sub-visual */
.sub-visual {height:550px; padding-top:110px; background-repeat:no-repeat; background-size:cover; background-position:center center; position:relative; padding-bottom:80px;}
.sub-visual .title {display:flex; width:100%; height:100%; justify-content:center; align-items:center; color:#fff;}
.sub-visual .title h2 {font-size:58px; line-height:1.2em; font-weight:600;}
/* lnb */
#lnb {position:relative; z-index:11; margin-top:-80px;}
.lnb {background:#002246; border-radius:10px 10px 0 0; overflow:hidden;}
.lnb ul {display:flex;}
.lnb ul li {width:100%; height:80px; position:relative;}
.lnb ul li:after {content:''; width:1px; height:20px; background:rgba(255,255,255,0.2); position:absolute; top:50%; margin-top:-10px; right:0;}
.lnb ul li:last-child:after {display:none;}
.lnb ul li a {display:flex; align-items:center; justify-content:center; text-align:center; font-size:18px; line-height:1.6em; color:#fff; padding:10px; height:100%; transition:all 0.6s; border-radius:10px 10px 0 0; position:relative; overflow:hidden;}
.lnb ul li.active a {color:#002246; background:#fff; font-weight:600;}
.lnb ul li a:hover {color:#002246; background:#fff;}
.lnb ul li a:after {content:''; width:6px; height:6px; border-radius:50%; background:#002246 ; position:absolute; left:50%; margin-left:-3px; bottom:-10px; transition:all 0.4s;}
.lnb ul li.active a:after {bottom:10px;}
.lnb ul li a:hover:after {bottom:10px;}
/* common */
.real-cont {padding:160px 0 180px;}

.pagename {margin-bottom:88px; text-align:center;}
.pagename h3 {font-size:52px; line-height:1.1em; color:#000; font-weight:600; margin-bottom:18px;}
.pagename p {font-size:22px; line-height:1.4em; color:#1f4063; font-weight:500;}

.doc-tit {margin-bottom:32px;}
.doc-tit h5 {font-size:36px; line-height:1.2em; color:#000; font-weight:600; position:relative; padding-left:26px;}
.doc-tit h5:before,
.doc-tit h5:after {content:''; position:absolute; left:0;}
.doc-tit h5:before {width:5px; height:5px; border-radius:50%; top:7px; background:#002246;}
.doc-tit h5:after {width:5px; height:17px; border-radius:3px; top:17px; background:#ddd;}

.cnt-tit {text-align:center; margin-bottom:76px;}
.cnt-tit h4 {font-size:42px; line-height:1.2em; color:#000; font-weight:600;}
.cnt-tit p {font-size:20px; line-height:1.6em; color:#1f4063; font-weight:500; margin-top:20px;}
/* sub 01 01 */
.introduce .cnt {padding:160px 0 180px;}
.introduce .cnt01 .img-box {text-align:center;}
.introduce .cnt01 .txt-box {margin:160px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:54px 20px 48px; text-align:center;}
.introduce .cnt01 .txt-box p {font-size:22px; line-height:1.4em; color:#000; margin-bottom:16px;}
.introduce .cnt01 .txt-box .txt {font-size:18px; line-height:1.8em; color:#666;}
.introduce .cnt01 .txt-box .txt strong {color:#1f4063; font-weight:600;}
.introduce .cnt:nth-child(even) {background:#f6f6f6;}
.introduce .cnt02 .col {display:flex; margin:0 -30px;}
.introduce .cnt02 .col .row {width:33.333%; padding:0 30px; margin-bottom:154px;}
.introduce .cnt02 .inner {height:100%; background:#fff; padding:50px; border-radius:10px;}
.introduce .cnt02 .inner .icon {text-align:right;}
.introduce .cnt02 .inner h6 {font-size:26px; line-height:1.3em; color:#002246; font-weight:600; margin-bottom:18px;}
.introduce .cnt02 .inner p {font-size:18px; line-height:1.8em; color:#666;}
.introduce .cnt02 .img-box {background:#fff; border-radius:10px; padding:46px; text-align:center;}
.introduce .cnt03 .img-box {background:#fff; border-radius:10px; padding:58px; text-align:center; border:1px solid #ddd; margin-bottom:70px;}
.introduce .cnt03 .col {display:flex; margin:0 -30px;}
.introduce .cnt03 .col .row {width:33.333%; padding:0 30px;}
.introduce .cnt03 .inner {height:100%; background:#f6f6f6; padding:50px; border-radius:10px;}
.introduce .cnt03 .inner .icon {text-align:right;}
.introduce .cnt03 .inner h6 {font-size:26px; line-height:1.3em; color:#002246; font-weight:600; margin-bottom:18px;}
.introduce .cnt03 .inner p {font-size:18px; line-height:1.8em; color:#666;}
.introduce .cnt04 .col {display:flex; padding:0 30px; position:relative;}
.introduce .cnt04 .col:before {content:''; width:8px; height:15px; background:url('../img/sub/introduce04-arrow.png') no-repeat; background-size:cover; position:absolute; top:47px; left:0;}
.introduce .cnt04 .col:after {content:''; width:100%; height:1px; background:#999; position:absolute; top:54px; left:0;}
.introduce .cnt04 .row {width:33.3333%; padding:0 30px;}
.introduce .cnt04 .year {margin-bottom:36px; padding-bottom:14px; font-size:22px; line-height:40px; max-width:210px; width:100%; text-align:center; position:relative; font-weight:600;}
.introduce .cnt04 .year:after {content:''; width:13px; height:13px; border:4px solid #002246; background:#fff; border-radius:50%; position:absolute; bottom:-7px; left:50%; margin-left:-7px; z-index:11;}
.introduce .cnt04 .img-box {height:350px;}
.introduce .cnt04 .box {display:flex; align-items:center; margin-bottom:20px;}
.introduce .cnt04 .box .img {width:100%; max-width:210px;;}
.introduce .cnt04 .box .img img {border-radius:10px; overflow:hidden;}
.introduce .cnt04 .box .txt {width:1%; flex:1 1 auto; padding-left:20px;}
.introduce .cnt04 .box .txt p {font-size:18px; line-height:1.8em; color:#666;}
.introduce .cnt04 .txt-box {background:#fff; padding:56px 50px; border-radius:10px; height:240px;}
.introduce .cnt04 .txt-box li {font-size:18px; line-height:1.8em; color:#666; position:relative; padding-left:13px;}
.introduce .cnt04 .txt-box li:before {content:''; width:3px; height:3px; background:#002246; border-radius:50%; position:absolute; top:13px; left:0;}
.introduce .cnt05 .col {display:flex; margin:0 -30px;}
.introduce .cnt05 .row {width:25%; padding:0 30px;}
.introduce .cnt05 .img-box {margin-bottom:24px;}
.introduce .cnt05 .year {font-size:22px; line-height:1.4em; color:#002246; font-weight:600; margin-bottom:24px;}
.introduce .cnt05 .img-box img {border-radius:10px; overflow:hidden;}
.introduce .cnt05 .txt-box {padding-left:20px;}
.introduce .cnt05 .txt-box li {font-size:18px; line-height:1.8em; color:#666; position:relative; padding-left:13px;}
.introduce .cnt05 .txt-box li:before {content:''; width:3px; height:3px; background:#002246; border-radius:50%; position:absolute; top:13px; left:0;}
/* sub 02 01 */
/* .pnid .col {display:flex; align-items:center; margin:0 -40px 70px;}
.pnid .col:nth-child(even) {flex-direction:row-reverse;}
.pnid .col:last-child {margin-bottom:0;}
.pnid .col > div {width:50%; padding:0 40px;}
.pnid .img-box img {border-radius:10px; overflow:hidden;}
.pnid .col:nth-child(odd) .box {padding:0 20px;}
.pnid .col:nth-child(even) .box {padding:0 20px;}
.pnid .tit {margin-bottom:20px;}
.pnid .tit p {font-size:22px; line-height:1.4em; color:#002246; font-weight:600;}
.pnid .tit h5 {font-size:32px; line-height:1.2em; color:#000; font-weight:600; margin-top:12px;}
.pnid .txt p {font-size:18px; line-height:1.8em; color:#666;}
.pnid .txt p strong {color:#1f4063; font-weight:500;}
.pnid .txt li {font-size:18px; line-height:1.8em; color:#666; position:relative; padding-left:13px;}
.pnid .txt li:before {content:''; width:3px; height:3px; background:#002246; border-radius:50%; position:absolute; top:13px; left:0;} */
/* sub 02 02 */
.gorag .cnt {padding:160px 0 180px;}
.gorag .cnt01 .txt-box {margin-bottom:60px;}
.gorag .cnt01 .txt-box p {font-size:20px; line-height:1.8em; color:#666;}
.gorag .cnt01 .wrap {margin-bottom:156px;}
.gorag .cnt01 .col {display:flex; margin:0 -30px;}
.gorag .cnt01 .row {width:25%; padding:0 30px;}
.gorag .cnt01 .inner {padding:56px 50px 130px 50px; height:100%; position:relative; background:#f6f6f6; border-radius:10px;}
.gorag .cnt01 .inner .num {display:block; font-size:22px; line-height:1.4em; color:#002246; font-weight:600; margin-bottom:18px;}
.gorag .cnt01 .inner p {font-size:18px; line-height:1.8em; color:#666;}
.gorag .cnt01 .inner .icon {position:absolute; bottom:50px; right:50px;}
.gorag .cnt01 .box p {font-size:22px; line-height:1.4em; color:#000; font-weight:600; margin-bottom:26px;}
.gorag .cnt01 .box p strong {color:#1f4063; font-weight:600; display:inline-block; margin-right:14px;}
.gorag .cnt01 .box .img-box {margin-bottom:24px;}
.gorag .cnt01 .box .img-box img {border-radius:10px; overflow:hidden;}
.gorag .cnt01 .box ul {padding-left:10px;}
.gorag .cnt01 .box li {font-size:18px; line-height:1.8em; color:#666; position:relative; padding-left:13px;}
.gorag .cnt01 .box li:before {content:''; width:3px; height:3px; background:#002246; border-radius:50%; position:absolute; top:13px; left:0;}
.gorag .cnt02 {background:#f6f6f6;}
.gorag .cnt02 .col {display:flex; margin:0 -30px;}
.gorag .cnt02 .row {width:33.3333%; padding:0 30px;}
.gorag .cnt02 .inner {background:#fff; border-radius:10px; padding:56px 50px 140px 50px; position:relative; height:100%;}
.gorag .cnt02 .inner .num {display:block; font-size:22px; line-height:1.4em; color:#002246; font-weight:600; margin-bottom:18px;}
.gorag .cnt02 .inner p {font-size:18px; line-height:1.8em; color:#666;}
.gorag .cnt02 .inner .icon {position:absolute; bottom:50px; right:50px;}
.gorag .cnt03 .col {display:flex; margin:0 -30px;}
.gorag .cnt03 .row {width:25%; padding:0 30px; margin-bottom:156px;}
.gorag .cnt03 .inner {background:#f6f6f6; border-radius:10px; height:100%; padding:56px 50px 140px 50px; position:relative;}
.gorag .cnt03 .inner h6 {font-size:26px; line-height:1.3em; color:#002246; font-weight:600; margin-bottom:18px;}
.gorag .cnt03 .inner p {font-size:18px; line-height:1.8em; color:#666;}
.gorag .cnt03 .inner .icon {position:absolute; bottom:50px; right:50px;}
/* sub 02 03 */
.neo4j .txt-box {margin-bottom:56px;}
.neo4j .txt-box p {font-size:20px; line-height:1.6em; color:#666; margin-bottom:40px;}
.neo4j .txt-box.tt p {font-size:18px; line-height:1.8em; color:#666; margin-bottom:40px;}
.neo4j .txt-box p:last-child {margin-bottom:0;}
.neo4j .col {display:flex; align-items:center; margin-bottom:156px;}
.neo4j .col .img {width:100%; max-width:330px;}
.neo4j .col .img img {border-radius:10px; overflow:hidden;}
.neo4j .col .txt {width:1%; flex:1 1 auto; padding-left:60px;}
.neo4j .col .txt h6 {font-size:26px; line-height:1.3em; color:#002246; font-weight:600; margin-bottom:20px;}
.neo4j .col .txt p {font-size:18px; line-height:1.8em; color:#666;}
.neo4j .img-box img {border-radius:10px; overflow:hidden;}
/* sub 03 01 */
.making .cnt01 {margin-bottom:156px;}
.making .cnt01 .col {display:flex; margin:0 -30px;}
.making .cnt01 .row {width:50%; padding:0 30px;}
.making .cnt02 .col {display:flex; position:relative;}
.making .cnt02 .col:before {content:''; width:9px; height:15px; background:url('../img/sub/making02-arrow.png') no-repeat; background-size:cover; position:absolute; top:47px; right:0; transform:rotate(180deg);}
.making .cnt02 .col:after {content:''; width:100%; height:1px; background:#ddd; position:absolute; top:54px; left:0;}
.making .cnt02 .tit-box {width:100%; max-width:235px; padding:0 40px;}
.making .cnt02 .txt-box {width:calc(100% - 235px); display:flex;}
.making .cnt02 .txt-box .row {width:20%; padding-right:60px;}
.making .cnt02 .step {margin-bottom:26px; padding-bottom:14px; height:54px; width:100%; text-align:center; position:relative; }
.making .cnt02 .step:after {content:''; width:13px; height:13px; border:4px solid #002246; background:#fff; border-radius:50%; position:absolute; bottom:-7px; left:50%; margin-left:-7px; z-index:11;}
.making .cnt02 .step.none:after {display:none;}
.making .cnt02 .step p {font-size:22px; line-height:40px; font-weight:600;}
.making .cnt02 .tx {height:40px; display:flex; align-items:center; justify-content:center; text-align:center; width:100%; margin-bottom:8px;}
.making .cnt02 .tx p {font-size:18px; line-height:1.8em; color:#666;}
.making .cnt02 .tit-box .txt {height:130px; display:flex; align-items:center; justify-content:center;}
.making .cnt02 .tit-box .txt p {display:inline-block; width:135px; line-height:54px; border:2px solid #002246; border-radius:30px; text-align:center; font-size:20px; font-weight:500; color:#002246;}
.making .cnt02 .txt-box .txt {width:100%; height:130px; padding:10px; text-align:center; display:flex; justify-content:center; align-items:center; border-radius:10px;}
.making .cnt02 .txt-box .txt.blue {background:#1f4063; color:#fff;}
.making .cnt02 .txt-box .txt.gray {background:#f6f6f6; color:#666;}
.making .cnt02 .txt-box .txt p {font-size:18px; line-height:1.8em; }
.making .cnt02 .txt-box .txt p span {font-size:16px; display:block;}
.making .cnt02 .txt-box .txt.gray p span {color:#1f4063;}
.making .cnt02 .arrow {height:60px; width:100%; display:flex; align-items:center; justify-content:center;}
/* sub 03 02 */
.insurance {background:url('../img/sub/insurance-bg.jpg') center bottom no-repeat; background-size:100%;}
.insurance .wrap {width:100%; max-width:860px; margin:0 auto 70px;}
.insurance .wrap .col {background:#f6f6f6; border-radius:10px; display:flex;}
.insurance .wrap .col .row {width:50%; padding:40px; display:flex; align-items:center; position:relative;}
.insurance .wrap .col .row:after {content:''; width:1px; height:40px; background:#ddd; position:absolute; top:50%; margin-top:-20px; right:0;}
.insurance .wrap .col .row:last-child:after {display:none;}
.insurance .wrap .icon {width:60px; height:60px;}
.insurance .wrap p {flex:1 1 auto; padding-left:20px; font-size:18px; line-height:1.8em; color:#666;}
.insurance .img-box {text-align:center;}
/* sub 03 03 */
.callcenter .col {display:flex; margin:0 -30px;}
.callcenter .row {width:50%; padding:0 30px; position:relative;}
.callcenter .row:after {content:''; width:10px; height:10px; background:url('../img/sub/callcenter-arrow.png') no-repeat; position:absolute; top:calc(478px/2); right:-5px;}
.callcenter .row:last-child:after {display:none;}
.callcenter .img-box {border:1px solid #ddd; border-radius:10px; overflow:hidden; margin-bottom:36px; padding:2px;}
.callcenter .txt-box {padding:0 20px;}
.callcenter .txt-box li {font-size:18px; line-height:1.8em; color:#666; position:relative; padding-left:13px;}
.callcenter .txt-box li:before {content:''; width:3px; height:3px; background:#002246; border-radius:50%; position:absolute; top:13px; left:0;}
/* sub 03 04 */
.communication .col {display:flex; margin:0 -30px;}
.communication .col .row {width:33.333333%; padding:0 30px; margin-bottom:70px;}
.communication .inner {display:block; padding:50px; height:100%; background:#f6f6f6; border-radius:10px;}
.communication .inner .icon {text-align:right; margin-bottom:10px;}
.communication .inner h5 {font-size:22px; line-height:1.4em; color:#002246; font-weight:600; margin-bottom:20px;}
.communication .inner p {font-size:18px; line-height:1.6em; color:#666;}
.communication .img-box {border:1px solid #ddd; border-radius:10px; overflow:hidden;}
/* sub 03 05 */
.market .text {margin-bottom:60px;}
.market .text p {font-size:20px; line-height:1.6em; color:#666;}
.market .text p strong {color:#002246; font-weight:500; display:block;}
.market .cnt {margin-bottom:156px;}
.market .cnt:last-child {margin-bottom:0;}
.market .txt-box {margin-bottom:60px;}
.market .txt-box p {font-size:18px; line-height:1.8em; color:#666;}


/* sub 02 01 */
.pnid .cnt01 {margin-bottom:70px;}
.pnid .cnt01 .col {display:flex; margin:0 -50px; align-items:center;}
.pnid .cnt01 .col > div {width:50%; padding:0 50px;}
.pnid .cnt01 .video {border-radius:10px; overflow:hidden; height:410px;}
.pnid .cnt01 .video video {width:100%; height:100%; display:block; object-fit:cover;}
.pnid .cnt01 .txt-box .tit {margin-bottom:32px;}
.pnid .cnt01 .txt-box .tit p {font-size:22px; line-height:1.4em; color:#002246; margin-bottom:16px; font-weight:600;}
.pnid .cnt01 .txt-box .tit h4 {font-size:32px; line-height:1.2em; color:#000; font-weight:600;}
.pnid .cnt01 .txt-box .txt p {font-size:18px; line-height:1.8em; color:#666;}
.pnid .cnt01 .txt-box .txt p strong {color:#1f4063; font-weight:500;}

.pnid .cnt02 {margin-bottom:160px;}
.pnid .cnt02 .col {display:flex; background:#f6f6f6; border-radius:10px; padding:60px 0;}
.pnid .cnt02 .row {width:50%; padding:0 50px; border-right:1px dashed #ddd;}
.pnid .cnt02 .row:last-child {border-right:0;}
.pnid .cnt02 .inner {height:100%;}
.pnid .cnt02 h4 {font-size:22px; line-height:1.4em; color:#002246; font-weight:600; margin-bottom:24px;}
.pnid .cnt02 li {font-size:18px; line-height:1.8em; color:#666; position:relative; padding-left:12px;}
.pnid .cnt02 li:before {content:''; width:3px; height:3px; background:#002246; position:absolute; top:13px; left:0; border-radius:50%;}
.pnid .cnt02 li strong {font-weight:500; color:#000;}

.pnid .cnt03 .col {display:flex; align-items:center; margin:0 -40px 70px;}
.pnid .cnt03 .col:last-child {margin-bottom:0;}
.pnid .cnt03 .col:nth-child(odd) {flex-direction:row-reverse;}
.pnid .cnt03 .col > div {width:50%; padding:0 50px;}
.pnid .cnt03 .col .txt-box .txt {margin-bottom:60px;}
.pnid .cnt03 .col .txt-box .txt:last-child {margin-bottom:0;}
.pnid .cnt03 .col h4 {font-size:22px; line-height:1.4em; color:#002246; font-weight:600; margin-bottom:24px;}
.pnid .cnt03 .col p {font-size:18px; line-height:1.8em; color:#666; position:relative; padding-left:12px;}
.pnid .cnt03 .col p:before {content:''; width:3px; height:3px; background:#002246; position:absolute; top:13px; left:0; border-radius:50%;}
.pnid .cnt03 .img {text-align:center; margin-bottom:32px;}
.pnid .cnt03 .img:last-child {margin-bottom:0;}