@charset "utf-8";

/*공통*/
.blue-txt {color:#57aaf8 !important;}
.navy-txt {color:#0f4780 !important;}
.sky-txt {color:#7499cb !important;}
.pur-txt {color:#7886c5 !important;}

.doc-tit {position:relative; padding-left:43px; font-size:28px; font-weight:700; line-height:1.3em; letter-spacing:-0.04em; color:#2c2c2c;}
.doc-tit:before {content:""; position:absolute; width:28px; height:28px; background:url("../images/sub/doc_tit.png") no-repeat 50% 50%; left:0; top:4px;}
.doc-cnt {margin-bottom:110px;}
.doc-cnt:last-child {margin-bottom:0;}

/*about*/

.about .bg-box {background:url("../images/sub/about_bg.jpg") no-repeat 50% 50%; margin-bottom:60px;}
.about .txt-wrap {display:inline-block; padding:45px; background:#112236; margin-left:100px;}
.about .txt-wrap .img {margin-bottom:30px;}
.about .txt-wrap p {font-size:15px; font-weight:200; color:#fff; line-height:2em; letter-spacing:-0.04em;}
.about .txt-wrap span {font-weight:500;}

.about .group {display:flex; margin-left:-10px; margin-bottom:-10px; flex-wrap:wrap; margin-bottom:100px;}
.about .group .box {display:flex; align-items: center; width:calc(33.33% - 10px); margin-left:10px; margin-bottom:10px; border:1px solid #ddd; min-height:235px; padding:35px 10px 35px 40px;}
.about .group .box.strong {border:1px solid #185d9e;}
.about .group .box.strong p:last-child {color:#185d9e;}
.about .group .box .cnt {padding-left:27px; flex: 1 1 auto; min-width: 0; width: 1%;}
.about .group .box .tit {font-weight:700; margin-bottom:10px;}
.about .group .box p {font-size:16px; font-weight:400; line-height:1.4em; letter-spacing:-0.04em; color:#2c2c2c;}
.about .group .box li {position:relative; padding-left:10px; font-size:13px; font-weight:400; line-height:1.5em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:7px;}
.about .group .box li:last-child {margin-bottom:0;}
.about .group .box li:before {content:""; position:absolute; width:2px; height:2px; left:0; top:12px; background:#2c2c2c; border-radius:100%;}
.about .group .box p.s-txt {font-size:13px;}

.gray-box {background:url("../images/sub/gray_bg.gif") no-repeat 50% 50%; background-size:cover; padding:70px 0 100px 0;}
.gray-box h3 {text-align:center; font-size:30px; font-weight:700; line-height:1.4em; letter-spacing:-0.04em; margin-bottom:30px;}
.gray-box ul {display:flex; margin:0 -20px;}
.gray-box ul li {width:50%; padding:0px 20px;}
.gray-box ul li a {display:block; position:relative;}
.gray-box ul li a:before {content:""; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.4); opacity:0; transition:all 0.2s ease;}
.gray-box ul li a:after {content:""; position:absolute; width:80px; height:80px; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); background:rgba(24,93,158,0.8) url("../images/sub/play_icon.png") no-repeat 50% 50%; border-radius:100%; opacity:0; transition:all 0.2s ease;}
.gray-box ul li:hover a:before {opacity:1;}
.gray-box ul li:hover a:after {opacity:1;}

/*history*/
.history .txt-wrap {position:relative; text-align:center; font-size:18px; font-weight:300; line-height:1.4em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:50px;}
.history .txt-wrap span {display:block; font-size:36px; color:#113965; margin-bottom:15px; line-height:1em; letter-spacing:-0.04em;}
.history .txt-wrap:after {content:""; position:absolute; width:1px; height:55px; background:#ddd; left:50%; bottom:-107px;}

.history .group {position:relative; padding-top:40px; padding-bottom:50px;}
.history .group:nth-of-type(odd) {padding-left: calc(50% + 160px);}
.history .group:nth-of-type(even) {padding-left:0; padding-right:calc(50% + 160px); text-align:right;}
.history .group:nth-of-type(even) .year:before {left:unset; right:-60px;}
.history .group:nth-of-type(even) .year:after {left:unset; right:-160px;}
.history .group:before {content:""; position:absolute; width:1px; height:100%; top:57px; left:50%; background:#ddd;}
.history:last-child .group:last-child:before {display:none;}

.history .year {position:relative; font-size:30px; font-weight:700; color:#185d9e; line-height:1em; letter-spacing:-0.04em; margin-bottom:35px;}
.history .year:before {content:""; position:absolute; width:24px; height:24px; border:6px solid #185d9e; background:#fff; border-radius:100%; top:5px;}
.history .year:after {content:""; position:absolute; width:100px; height:1px; background:#ddd; top:17px;}
.history .group:nth-of-type(odd) .year:before {left:-60px;}
.history .group:nth-of-type(odd) .year:after {left:-160px;}

.history .group > ul > li {font-size:22px; font-weight:700; line-height:1.4em; letter-spacing:-0.04em; color:#2c2c2c;}
.history li ul {margin-top:20px;}
.history li li {position:relative; padding-left:9px; font-size:16px; font-weight:400; color:#505050; letter-spacing:-0.04em; line-height:1.4em; margin-bottom:10px;}
.history li li:last-child {margin-bottom:0;}
/* .history li li:before {content:""; position:absolute; width:2px; height:2px; border-radius:100%; background:#505050; margin-left:-7px; top:13px;}
 */.history li li .sub-txt span {display:block; font-size:14px; font-weight:300; color:#878787;}
.history li .strong {display:block; font-size:16px; font-weight:700; color:#2c2c2c; letter-spacing:-0.04em; margin:10px 0;}


/*awards*/
.awards .doc-tit {margin-bottom:35px;}
.awards .sub-txt  {margin-bottom:20px;}
.awards .sub-txt p {position:relative; padding-left:34px; font-size:16px; font-weight:300; letter-spacing:-0.04em; color:#505050; margin-bottom:10px;}
.awards .sub-txt p:last-child {margin-bottom:0;}
.awards .sub-txt p:before {content:""; position:absolute; width:23px; height:22px; background:url("../images/sub/meta_list.gif") no-repeat 50% 50%; left:0; top:4px; background-size:contain;}
.awards .group {text-align:center; margin-bottom:65px;}
.awards .group:last-child {margin-bottom:0;}
.awards .group .img {margin-bottom:27px;}
.awards ul {display:flex; flex-wrap:wrap; margin:0 -30px;}
.awards ul li {width:33.333%; padding:0 30px;}

.awards table {width:100%; border-collapse:collapse; border-top:2px solid #0f4780;}
.awards table th {font-size:16px; font-weight:500; line-height:1.4em; color:#2c2c2c; background:#ecf5fe; padding:18px 20px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.awards table th:last-child {border-right:0;}
.awards table td {font-size:14px; font-weight:300; line-height:1.3em; letter-spacing:-0.04em; color:#505050; padding:16px 14px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.awards table td:last-child {border-right:0;}
.awards table td:nth-child(4) {text-align:left;}

.awards-list {display:none; border-top:2px solid #868686;}
.awards-list ul {display:block; margin:0 !important;}
.awards-list li {padding:14px !important; margin:0 !important; border-bottom:1px solid #ddd; width:100% !important; text-align:left;}
.awards-list .regist-num {font-size:12px; color:#333; line-height:1.2em; margin-bottom:5px;}
.awards-list .tit {font-size:15px; line-height:1.4em;}
.awards-list .regist-date {font-size:12px; color:#333}
.awards-list span {margin-right:10px;}

/*digital*/
.digital .doc-tit {margin-bottom:25px;}
.digital .sub-tit {position:relative; padding-left:35px; margin-bottom: 20px; font-size:18px; font-weight:300; letter-spacing:-0.04em; color:#505050;}
.digital .sub-tit:before {content:""; position:absolute; width:24px; height:21px; background:url("../images/sub/sub_tit.png") no-repeat 50% 50%; left:0; top:4px;}
.digital .direct {text-align:center; margin-top:60px;  margin-bottom:100px;}
.digital .direct .btn {position:relative; display:inline-block; font-size:18px; font-weight:500; line-height:1.3em; letter-spacing:-0.04em; color:#fff; background:#185d9e; padding:18px 70px 18px 30px;}
.digital .direct .btn:before {content:""; position:absolute; width:13px; height:13px; border-bottom:1px solid #fff; border-right:1px solid #fff; right:33px; top:24px; transform:rotate(-45deg);}
.digital .doc-cnt:last-child {margin-bottom:60px;}

/*digital2*/
.digital2 .cnt {display:flex; position:relative;}
.digital2 .cnt .logos {position:absolute; width:auto; left:50%; top:50%; transform:translateX(-50%) translateY(-50%);}
.digital2 .cnt .logos img{display:block;}
.digital2 .cnt .logos img:first-child {margin-bottom:22px;}
.digital2 .cnt > div {width:50%; text-align:center; padding:35px 10px 25px 10px;}
.digital2 .cnt > div:first-child {background:#9facb7;}
.digital2 .cnt > div:last-child {background:#9ebeab;}

.digital2 .cnt .tit {font-size:18px; font-weight:500; line-height:1.4em; letter-spacing:-0.04em; color:#fff; margin-bottom:18px;}
.digital2 .cnt .tit span {display:block; font-size:26px; font-weight:700;}
.digital2 .cnt img {margin-bottom:28px; padding-left:30px;}
.digital2 .cnt .txt {font-size:16px; font-weight:200; line-height:1.500em; color:#fff;}
.digital2 .cnt .txt span {font-weight:500; color:#f6f59f;}

.r-t {color:#ef3125 !important;}
.b-t {color:#185d9e !important;}
.m-2c {color:#2c2c2c !important; font-weight:500 !important;}
.digital2 .doc-tit {margin-bottom:30px;}

.digital2 table {border-collapse:collapse; position:relative; border-top:2px solid #113965; text-align:center; width:100%;}
.digital2 table:after {content:""; position:absolute; width:21.66%; height:100%; right:1px; top:1px; border:2px solid #57aaf8;}
.digital2 table th {background:#f4f4f4; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:14px 5px; font-size:16px; font-weight:500; line-height:1.3em; letter-spacing:-0.04em; color:#2c2c2c;}
.digital2 table td {font-size:15px; font-weight:300; color:#505050; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:14px 5px;}
.digital2 table td:nth-child(1) {background:#f4f4f4}
.digital2 table td:nth-child(2) {background:#fffef7}
.digital2 table td:nth-child(3) {background:#fffef7}
.digital2 table td:nth-child(4) {background:#f7fff8}
.digital2 table td:last-child {background:#f7fbff; border-right:0;}
.digital2 table tr:nth-child(2) td {font-size:18px; font-weight:700; color:#2c2c2c;}

.digital2 .bg-box {margin-top:100px; padding:75px 0 80px 0; background:url("../images/sub/twin_bg.jpg") no-repeat 50% 50%; background-size:cover; color:#fff;}
.digital2 .bg-box h3 {text-align:center; font-size:28px; font-weight:700; line-height:1.4em; letter-spacing:-0.04em; margin-bottom:35px;}
.digital2 .bg-box .group {display:flex; margin:0 -10px;}
.digital2 .bg-box .box {position:relative; width:33.333%; min-height:387px; height:100%; margin:0 10px; padding:25px 20px 25px 25px;}
.digital2 .bg-box .box1 {background:rgba(24,119,158,0.88) url("../images/sub/twin_num1.png") no-repeat right bottom;}
.digital2 .bg-box .box2 {background:rgba(54,95,152,0.88) url("../images/sub/twin_num2.png") no-repeat right bottom;}
.digital2 .bg-box .box3 {background:rgba(103,83,147,0.88) url("../images/sub/twin_num3.png") no-repeat right bottom;}

.digital2 .bg-box ul {margin-bottom: 118px;}
.digital2 .bg-box ul li {position:relative; padding-left:8px; font-size:16px; font-weight:400; line-height:1.625em; margin-bottom:10px;}
.digital2 .bg-box ul li:last-child {border-bottom:0;}
.digital2 .bg-box ul li:before {content:""; position: absolute; width:2px; height:2px; background:#fff; border-radius:100%; left:0; top:12px;}
.digital2 .bg-box .tit {position:absolute; bottom:25px; font-size:60px; font-weight:700; line-height:1.4em; letter-spacing:-0.04em;}

/*solution*/
.digital-cate {margin-bottom:90px;}
.digital-cate ul {display:flex; flex-wrap:wrap;}
.digital-cate ul li {display:flex; align-items:center; justify-content:center;  width:33.333%; border:1px solid #ddd; border-left:0;}
.digital-cate ul li a {display:flex; align-items:center; justify-content:center; flex:1;  min-height:60px; font-size:14px; padding:20px 5px; font-weight:400; line-height:1.3em; color:#505050; text-align:center;}

.digital-cate ul li.active{border:1px solid #185d9e !important; background:#185d9e;}
.digital-cate ul li.active a {font-weight:500; color:#fff;}
.digital-cate ul li:nth-child(1),
.digital-cate ul li:nth-child(2),
.digital-cate ul li:nth-child(3) {border-bottom:0;}
.digital-cate ul li:nth-child(1) {border-left:1px solid #ddd;}
.digital-cate ul li:nth-child(4) {border-left:1px solid #ddd;}

.digital3 h3 {position:absolute; color:#185d9e; top:-105px; font-size:32px; font-weight:700; line-height:1em; letter-spacing:-0.04em;}
.digital3 .gray {position:relative; background:#f9f9f9; padding:90px 0 120px 0;}

.digital3 .video {position:relative; margin-top:110px; text-align:center}
.digital3 .video iframe { width:100%; max-width:850px; height:478px;}

.youtube-link {width:100%;}
.youtube-link ul {display:flex; flex-wrap:wrap; justify-content: center; margin:90px -20px -20px -40px;}
.youtube-link li { width:50%; padding:0 20px; margin-bottom:40px; max-width:580px; height:325px;}
.youtube-link li iframe {width:100%; height:100%;}

/*스마트시티통합관제*/
.digital3.tap1 .cnt .group {display:flex; margin-bottom:95px;}
.digital3.tap1 .cnt .box .txt {font-size:14px; font-weight:300; line-height:1.7em; letter-spacing:-0.04em;color:#505050; margin-bottom:55px;}
.digital3.tap1 .cnt .box .tit {font-size:18px; font-weight:500; line-height:1.3em; letter-spacing:-0.04em; color:#2c2c2c;}
.digital3.tap1 .cnt .box:first-child .tit {margin-top:70px;}
.digital3.tap1 .cnt .box .img {text-align:center;}
.digital3.tap1 .cnt .box:last-child {padding-left:40px;}
.digital3.tap1 .cnt .box:last-child .tit {margin-top:30px;}

.digital3.tap1 .table-wrap {margin-bottom:55px;}
.digital3.tap1 table {width:100%; border-collapse:collapse; border-top:2px solid #0f4780; text-align:center;}
.digital3.tap1 table th {background:#ecf5fe; border-bottom:1px solid #ddd; font-size:16px; font-weight:500; line-height:1.3em; color:#2c2c2c; padding:20px 5px;}
.digital3.tap1 table th:first-child {width:16.66%;border-right:1px solid #ddd;}
.digital3.tap1 table td:first-child {font-weight:500;}
.digital3.tap1 table td:last-child {border-right:0;}
.digital3.tap1 table td {border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:15px; font-weight:300; color:#505050; padding:14px 5px;}
.digital3.tap1 table td .b-t {font-weight:500;}

.digital3.tap1 .img-box {display:flex; margin:0 -34px;}
.digital3.tap1 .img-box > div {padding:0 34px;}
.digital3.tap1 .img1 {margin-bottom:96px;}
.digital3.tap1 .img1 p {font-size:16px; font-weight:300; line-height:1.4em; letter-spacing:-0.04em; color:#505050; margin-bottom:19px;}
.digital3.tap1 .img1 span {font-size:18px; font-weight:500;}

.digital3.tap1 .img2 p {text-align:center; font-size:18px; font-weight:500; line-height:1.4em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:10px;}
.digital3.tap1 .img2 span {display:block; margin-bottom:9px; font-size:20px; font-weight:700;}

/*지능형sop*/
.digital3.tap2 .img-box {margin-bottom:90px;}
.digital3.tap2 .group1 {margin-bottom:95px;}
.digital3.tap2 .group1 .tit {font-size:28px; font-weight:700; line-height:1.4em; letter-spacing:-0.04em; color:#0f4780; margin-bottom:20px;}
.digital3.tap2 .group1 .cnt-tit {position: relative; padding-left:43px; font-size:18px; font-weight:500; line-height:1.66em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:25px;}
.digital3.tap2 .group1 .cnt-tit:before {content:""; position: absolute; width:35px; height:34px; background:url("../images/sub/meta_cnt_tit.gif") no-repeat 50% 50%; left:0; top:-2px;}
.digital3.tap2 .group1 ul {padding-left:43px; margin-bottom:15px;}
.digital3.tap2 .group1 li {position: relative; padding-left:30px; font-size:16px; font-weight:300; line-height:1.8em; letter-spacing:-0.04em; color:#505050; margin-bottom:10px;}
.digital3.tap2 .group1 li:last-child {margin-bottom:0;}
.digital3.tap2 .group1 li:before {content:""; position: absolute; width:22px; height:23px; background:url("../images/sub/meta_list.gif") no-repeat 50% 50%; left:0; top:2px;}

.digital3.tap2 .group2 {margin-bottom:80px; padding-bottom:80px; border-bottom:1px solid #ddd;}
.digital3.tap2 .group2 .tit {font-size:28px; font-weight:700; line-height:1.4em; letter-spacing:-0.04em; color:#0f4780; margin-bottom:20px;}
.digital3.tap2 .group2 .info {display:flex; margin:0 -10px;}
.digital3.tap2 .group2 .info > div {padding:0 10px;}
.digital3.tap2 .group2 .info .box {flex: 1 1 auto; min-width: 0; width: 1%;}
.digital3.tap2 .group2 .info1 .info-tit,
.digital3.tap2 .group2 .info3 .info-tit {margin-bottom:20px;}
.digital3.tap2 .group2 .info2 ,
.digital3.tap2 .group2 .info4 {display:flex; flex-direction: column-reverse}
.digital3.tap2 .group2 .info img {margin-bottom:10px;}
.digital3.tap2 .group2 .info-cnt {min-height:260px; padding-bottom:20px;}
.digital3.tap2 .group2 .info-tit {text-align:center; font-size:16px; font-weight:500; line-height:1.3em; letter-spacing:-0.04em; color:#fff; padding:13px 0; background:#113965;}
.digital3.tap2 .group2 .sub-tit {text-align:center; font-size:14px; font-weight:500; line-height:1.3em; letter-spacing:-0.04em; color:#fff; padding:8px 0; background:#57aaf8; margin-bottom:10px;}
.digital3.tap2 .group2 ul li {position:relative; padding-left:5px; font-size:12px; font-weight:300; line-height:1.4em; letter-spacing:-0.04em; color:#505050; margin-bottom:5px;}
.digital3.tap2 .group2 ul li .bullet {position:absolute; left:0; top:-2px;}
.digital3.tap2 .group2 ul li:last-child {margin-bottom:0;}



.digital3.tap4 .gray .cnt {margin-bottom:100px;}
.digital3.tap4 .gray p {position:relative; font-size:18px; font-weight:500; line-height:1em; letter-spacing:-0.04em; color:#527f34; padding-left:60px; margin-top:20px;}
.digital3.tap4 .gray p:before {content:""; position: absolute; width:46px; height:36px; background:url("../images/sub/arrow.gif") no-repeat 50% 50%; left:0; top:-6px;}


.digital3.tap5 .img1 {display:flex; margin-bottom:40px;}
.digital3.tap5 .img1 > div:first-child {position:relative; margin-right:14px;}
.digital3.tap5 .img1 > div:first-child span {position:absolute; display:block; text-align:center; width:calc(100% - 1px); padding:15px 0; background:rgba(0,0,0,0.7); font-size:15px; font-weight:500; line-height:1.3em; letter-spacing:-0.04em; color:#fff; bottom:0;}

.digital3.tap6 .group {margin-bottom:100px;}
.digital3.tap6 .group .img {margin-bottom:45px;}
.digital3.tap6 .cnt ul li {position:relative; padding-left:28px; font-size:18px;font-weight:300; line-height:1.4em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:15px;}
.digital3.tap6 .cnt ul li:last-child {margin-bottom:0;}
.digital3.tap6 .cnt ul li:before {content:""; position:absolute; width:20px; height:12px; background:url("../images/sub/digital_list.gif") no-repeat 50% 50%; left:0; top:7px;}

.digital3.tap6 .txt-wrap {margin-bottom:33px;}
.digital3.tap6 .txt-wrap p:first-child {font-size:28px; font-weight:700; line-height:1.3em; letter-spacing:-0.04em; margin-bottom:10px;}
.digital3.tap6 .txt-wrap p:last-child {font-size:16px; font-weight:300; line-height:1.3em; letter-spacing:-0.04em; }
.digital3.tap6 .group2 {margin-bottom: 100px;}
.digital3.tap6 .group2 .cnt {display:flex; margin:0 -30px;}
.digital3.tap6 .group2 .cnt > div {padding:0 30px;}
.digital3.tap6 .group2 .cnt .num {font-size:18px; font-weight:400; line-height:1.4em; letter-spacing:-0.04em; margin-bottom:15px;}
.digital3.tap6 .group2 .cnt .num span {display:inline-block; font-size:70px; font-weight:700; color:#113965 !important; margin-right:20px;}
.digital3.tap6 .group2 .info {display:flex; justify-content: space-between; margin-top:18px;}
.digital3.tap6 .group2 .info p:first-child {font-size:16px; font-weight:400; line-height:1.5em; letter-spacing:-0.04em; color:#2c2c2c;}
.digital3.tap6 .group2 .info p:last-child {font-size:14px; font-weight:400; line-height:1.7em; letter-spacing:-0.04em;}
.digital3.tap6 .group2 .sub-txt {font-size:14px; font-weight:300; line-height:1.7em; letter-spacing:-0.04em; color:#505050;}
.digital3.tap6 .group2 .sub-txt:nth-of-type(1) {margin-top:5px; margin-bottom:10px;}
.digital3.tap6 .group2 .sub-txt span {font-weight:500;}

.digital3.tap6 .img-box {display:flex; flex-wrap:wrap; margin:0 -5px 30px -5px;}
.digital3.tap6 .img-box .img {width:50%; padding:0 5px; margin-bottom:10px;}

.digital3.tap7 .cnt {margin-bottom:95px;}
.digital3.tap7 .img-box {display:flex; flex-wrap:wrap; padding:0 24px; margin:20px -5px 0 -5px;}
.digital3.tap7 .img-box > div {width:25%; padding:0 5px;}
.digital3.tap7 .youtube ul li {position:relative; text-align:center;}
.digital3.tap7 .youtube ul li a {position:relative; display:inline-block;}
.digital3.tap7 .youtube ul li a:before {content:""; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.4); opacity:0; transition:all 0.2s ease;}
.digital3.tap7 .youtube ul li a:after {content:""; position:absolute; width:80px; height:80px; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); background:rgba(24,93,158,0.8) url("../images/sub/play_icon.png") no-repeat 50% 50%; border-radius:100%; opacity:0; transition:all 0.2s ease;}
.digital3.tap7 .youtube ul li:hover a:before {opacity:1;}
.digital3.tap7 .youtube ul li:hover a:after {opacity:1;}

.digital3.tap8 .group {margin-bottom:90px;}
.digital3.tap8 .group .tit {font-size:28px; font-weight:700; line-height:1.4em; letter-spacing:-0.03em; color:#0f4780; margin-bottom:10px;}
.digital3.tap8 .group3 {margin-bottom:0;}
.digital3.tap8 .group3 > div {display:flex; flex-wrap:wrap; justify-content: space-between;}
.digital3.tap8 .group3 > div p {text-align:center; font-size:22px; font-weight:200; line-height:1.4em; letter-spacing:-0.04em; color:#fff; padding:10px 0; background:#031521; margin-bottom:20px;}
.digital3.tap8 .group3 .box1 {flex: 1 1 auto; min-width: 0; width: 1%; margin-bottom:40px;}
.digital3.tap8 .group3 .box2 {width:100%; max-width:644px;}
.digital3.tap8 .group3 .box2 ul {display:flex; justify-content: center;}
.digital3.tap8 .group3 .box2 ul:first-child li {width:50%;}
.digital3.tap8 .group3 .box2 ul:last-child li {width:33.333%;}
.digital3.tap8 .group3 .box2 ul li {text-align:center; font-size:14px; font-weight:300; line-height:1.4em; letter-spacing:-0.04em; color:#242424; margin-bottom:10px; padding:0 5px;}
.digital3.tap8 .group3 .box2 ul li .img {width:158px; height:158px; margin:0 auto 10px auto; border:13px solid #f9bb00; border-radius:100%; background:#f9f9f9; display:flex; flex-direction: column; flex-wrap: wrap; align-items: center; padding-top:10px;}
.digital3.tap8 .group3 .box2 ul li .img span {display:inline-block; margin-top:5px; font-size:16px; font-weight:300; line-height:1.3em; letter-spacing:-0.04em; color:#2c2c2c;}
.digital3.tap8 .group3 .box3 {width:100%; max-width:580px;}
.digital3.tap8 .group3 .box4 {width:100%; max-width:580px;}

.digital3.tap9 .group {display:flex; margin:0 -20px 60px -20px;}
.digital3.tap9 .group > div {width:50%; position:relative; padding:0 20px;}
.digital3.tap9 .group:first-child > div {text-align:right;}
.digital3.tap9 .group:first-child .logo {display:inline-block; height:60px;}
.digital3.tap9 .group:last-child {display:block;}
.digital3.tap9 .group:last-child > div {width:100%;}
.digital3.tap9 .group:last-child {margin:0;}

.digital3.tap9 .group p {display:flex; justify-content: space-between; align-items: center;font-size:18px; font-weight:700; line-height:1.4em; letter-spacing:-0.04em; margin-bottom:10px;}
.digital3.tap9 .group .navy-txt {display:block; font-size:14px; font-weight:500; letter-spacing:-0.04em; line-height:1.4em;}
.digital3.tap9 .group .sub-txt {display:block; font-size:12px; font-weight:300; line-height:1.5em; letter-spacing:-0.04em; color:#505050; margin-bottom:10px;}

.digital3.tap10 .overview-list {display:flex; flex-wrap:wrap; margin:0 -15px 35px -15px;}
.digital3.tap10 .overview-list ul { width:33.333%; padding:0 15px; margin-bottom:15px;}
.digital3.tap10 .overview-list ul li {position:relative; padding-left:30px; font-size:18px; font-weight:300; line-height:1.4em; letter-spacing:-0.04em; color:#185d9e; margin-bottom:15px;}
.digital3.tap10 .overview-list ul li:last-child {margin-bottom:0;}
.digital3.tap10 .overview-list ul li:before {content:""; position:absolute; width:20px; height:12px; background:url("../images/sub/digital_list.gif") no-repeat 50% 50%; left:0; top:6px;}

.digital3.tap10 .group {margin-bottom:90px;}
.digital3.tap10 .group:last-child {margin-bottom:0;}
.digital3.tap10 .group .tit {font-size:28px; font-weight:700; line-height:1.3em; letter-spacing:-0.04em; color:#0f4780; margin-bottom:15px;}
.digital3.tap10 .group .img-box {display:flex; margin:0 -7px;}
.digital3.tap10 .group .box {padding:0 7px;}
.digital3.tap10 .group .box p {font-size:18px; font-weight:700; line-height:1.3em; letter-spacing:-0.04em; color:#113965; margin-bottom:10px; text-align:center;}

.digital3.tap10 .group .sub-txt {font-size:20px; font-weight:500; line-height:1.4em; letter-spacing:-0.04em; color:#113965; margin-bottom:60px;}
.digital3.tap10 .group .txt {position:relative; padding-left:40px; font-size:16px; font-weight:400; line-height:1.75em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:40px;}
.digital3.tap10 .group .txt:before {content:""; position:absolute; width:35px; height:34px; background:url("../images/sub/meta_cnt_tit.gif") no-repeat 50% 50%; left:0;}
.digital3.tap10 .group .txt span {font-size:18px; font-weight:500; color:#113965;}

.digital3.tap10 .group .img-box2 {display:flex; margin:0 -19px;}
.digital3.tap10 .group .img-box2 .img {padding:0 19px;}

.digital3.platform .txt-wrap {padding:45px 50px 40px 50px; border:1px solid #dfdfdf; background:#f4f4f4; margin-bottom:60px;}
.digital3.platform .txt-wrap p {font-size:16px; font-weight:1.6em; letter-spacing:-0.04em;}
.digital3.platform .img-wrap {display:flex; margin:55px -30px 0 -30px;}
.digital3.platform .img-wrap > div {padding:0 30px;}
.digital3.platform .cnt-tit {position: relative; padding-left:43px; font-size:18px; font-weight:500; line-height:1.66em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:25px;}
.digital3.platform .cnt-tit:before {content:""; position: absolute; width:35px; height:34px; background:url("../images/sub/meta_cnt_tit.gif") no-repeat 50% 50%; left:0; top:-2px;}
	
.digital3.monitoring .txt-wrap {margin-bottom:60px;}
.digital3.monitoring .cnt-tit {position: relative; padding-left:43px; font-size:18px; font-weight:500; line-height:1.66em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:25px;}
.digital3.monitoring .cnt-tit:before {content:""; position: absolute; width:35px; height:34px; background:url("../images/sub/meta_cnt_tit.gif") no-repeat 50% 50%; left:0; top:-2px;}

.digital3.monitoring .txt-wrap ul {padding-left:43px;}
.digital3.monitoring .txt-wrap  li {position: relative; padding-left:30px; font-size:16px; font-weight:300; line-height:1.8em; letter-spacing:-0.04em; color:#505050; margin-bottom:10px;}
.digital3.monitoring .txt-wrap  li:last-child {margin-bottom:0;}
.digital3.monitoring .txt-wrap  li:before {content:""; position: absolute; width:22px; height:23px; background:url("../images/sub/meta_list.gif") no-repeat 50% 50%; left:0; top:2px;}

/*meta*/
.meta-cate {margin-bottom:90px;}
.meta-cate ul {display:flex; flex-wrap:wrap;}
.meta-cate ul li {width:25%;border:1px solid #ddd; border-left:0;}
.meta-cate ul li a { display:flex; justify-content: center; align-items: center; font-size:14px; font-weight:400; line-height:1.3em; color:#505050; text-align:center; height:60px;}
.meta-cate ul li.active{border:1px solid #185d9e !important; background:#185d9e;}
.meta-cate ul li.active a {font-weight:500; color:#fff;}
.meta-cate ul li:nth-child(1) {border-left:1px solid #ddd;}
.meta h3 {position:absolute; color:#185d9e; top:-105px; font-size:32px; font-weight:700; line-height:1.4em; letter-spacing:-0.04em;}
.meta .gray {position:relative; background:#f9f9f9; padding:90px 0 120px 0;}

.meta .video {position:relative; margin-top:110px; text-align:center}
.meta .video iframe { width:100%; max-width:850px; height:478px;}

.meta.tap1 .cnt-1 {margin-bottom:90px;}
.meta.tap1 .sub-tit {color:#161b5f; letter-spacing:-0.04em; font-weight:200;}
.meta.tap1 .cnt {margin-bottom:75px;}
.meta.tap1 .cnt > div {display:flex;}

.meta.tap1 .cnt .tit {text-align:center; font-size:28px; font-weight:700; line-height:1.4em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:40px;}
.meta.tap1 .cnt .tit span {color:#ef3125;}

.meta.tap1 .cnt .box:first-child {margin-right:30px;}
.meta.tap1 .cnt .box:first-child .img {margin-bottom:35px;}
.meta.tap1 .cnt .box-tit {font-size:20px; font-weight:700; line-height:1.3em; letter-spacing:-0.04em; color:#161b5f; margin-bottom:10px;}
.meta.tap1 .cnt .sub-tit {font-size:28px; line-height:1.3em; margin-bottom:30px;}
.meta.tap1 .cnt .sub-tit span {display:block; font-weight:700;}
.meta.tap1 .cnt .business {color:#185d9e;}
.meta.tap1 .cnt .business p {font-size:16px; font-weight:700; line-height:1.3em; letter-spacing:-0.04em; margin-bottom:5px;}
.meta.tap1 .cnt .business li {font-size:14px; font-weight:300; line-height:1.5em; letter-spacing:-0.04em;}

.meta.tap1 .cnt2 {text-align:center; margin-bottom:90px;}
.meta.tap1 .cnt2 .sub-tit {font-size:30px; margin-bottom:35px;}
.meta.tap1 .cnt2 .sub-tit span {font-weight:700;}
.meta.tap1 .cnt2 .img {margin-bottom:50px;}
.meta.tap1 .cnt2 .sub-txt {font-size:20px; font-weight:200; line-height:1.3em; letter-spacing:-0.04em; margin-bottom:35px; color:#2c2c2c;}

.meta.tap1 .cnt3 {text-align:center; margin-bottom:100px;}
.meta.tap1 .cnt3 p {font-size:18px; font-weight:200; line-height:2.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:27px;}
.meta.tap1 .cnt3 span {font-weight:700;}
.meta.tap1 .cnt3 strong {display:block; font-size:28px; font-weight:700;}

.meta.tap2 .bg-box {text-align:center; width:100%; background:url("../images/sub/meta_tap2_bg.jpg") no-repeat 50% 50%; background-size:cover; padding:63px 0; margin-bottom:10px;}
.meta.tap2 .tit {font-size:28px; font-weight:700; line-height:1em; letter-spacing:-0.04em; color:#fff; margin-bottom:20px;}
.meta.tap2 .txt { text-align:left; display:flex; flex-direction: column; align-content: center; flex-wrap: wrap;}
.meta.tap2 .txt p { display:inline-block; position:relative; padding-left:11px; font-size:18px; font-weight:300; line-height:1.6em; letter-spacing:-0.04em; color:#fff;}
.meta.tap2 .txt p:before {content:""; position: absolute; width:2px; height:2px; background:#fff; border-radius:100%; left:0; top:12px;}

.meta.tap3 .cnt {display:flex; align-items: center; padding-bottom:80px; border-bottom:1px solid #ddd; margin-bottom:80px;}
.meta.tap3 .cnt > div {width:50%;}
.meta.tap3 .cnt > div:first-child {padding-right:10px;}
.meta.tap3 .cnt-tit {position: relative; padding-left:43px; font-size:18px; font-weight:500; line-height:1.66em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:25px;}
.meta.tap3 .cnt-tit:before {content:""; position: absolute; width:35px; height:34px; background:url("../images/sub/meta_cnt_tit.gif") no-repeat 50% 50%; left:0; top:-2px;}
.meta.tap3 .cnt .txt-wrap ul {padding-left:43px;}
.meta.tap3 .cnt .txt-wrap .img {text-align:center; margin-bottom:20px;}
.meta.tap3 .cnt .txt-wrap li {position: relative; padding-left:30px; font-size:16px; font-weight:300; line-height:1.8em; letter-spacing:-0.04em; color:#505050; margin-bottom:10px;}
.meta.tap3 .cnt .txt-wrap li:last-child {margin-bottom:0;}
.meta.tap3 .cnt .txt-wrap li:before {content:""; position: absolute; width:22px; height:23px; background:url("../images/sub/meta_list.gif") no-repeat 50% 50%; left:0; top:2px;}

.meta.tap3 .cnt2 {display:flex; flex-wrap:wrap; margin:0 -20px -35px -20px;}
.meta.tap3 .cnt2 > div {text-align:center; width:50%; padding:0 20px; margin-bottom:35px;}
.meta.tap3 .cnt2 .img {margin-bottom:24px;}
.meta.tap3 .cnt2 .b-t {font-size:22px; font-weight:700;}
.meta.tap3 .cnt2 p {font-size:18px; font-weight:500; line-height:1.4em; letter-spacing:-0.04em; color:#2c2c2c;}

.meta.tap4 .cnt-tit {position: relative; padding-left:43px; font-size:18px; font-weight:500; line-height:1.66em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:25px;}
.meta.tap4 .cnt-tit:before {content:""; position: absolute; width:35px; height:34px; background:url("../images/sub/meta_cnt_tit.gif") no-repeat 50% 50%; left:0; top:-2px;}
.meta.tap4 .cnt .txt-wrap {margin-bottom:45px;}
.meta.tap4 .cnt .txt-wrap ul {padding-left:43px;}
.meta.tap4 .cnt .txt-wrap li {position: relative; padding-left:30px; font-size:16px; font-weight:300; line-height:1.8em; letter-spacing:-0.04em; color:#505050; margin-bottom:10px;}
.meta.tap4 .cnt .txt-wrap li:last-child {margin-bottom:0;}
.meta.tap4 .cnt .txt-wrap li:before {content:""; position: absolute; width:22px; height:23px; background:url("../images/sub/meta_list.gif") no-repeat 50% 50%; left:0; top:2px;}

.meta.tap5 .tit {text-align:center; font-size:20px; font-weight:500; line-height:1.3em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:45px;}
.meta.tap5 .tit strong {font-size:28px; font-weight:700; color:#ef3125;}
.meta.tap5 .tit span {font-size:20px; color:#ef3125;}
.meta.tap5 .cnt  {display:flex; margin:0 -30px;}
.meta.tap5 .cnt .box {width:50%; padding:0 30px;}
.meta.tap5 .cnt .box .wrap {display:flex; margin:35px -5px 0 -5px;}
.meta.tap5 .cnt .box .wrap > div {width:50%; padding:0 5px;}
.meta.tap5 .cnt p {font-size:18px; font-weight:500; line-height:1.4em; letter-spacing:-0.04em; margin-bottom:10px;}

/*partner*/
.partner .bg-box {background:url("../images/sub/partner_bg.jpg") no-repeat 50% 50%; width:100%; padding:80px 0; margin-bottom:60px;}
.partner .bg-box .txt-wrap {padding-left:55px;}
.partner .bg-box li {position:relative; padding-left:13px; font-size:18px; font-weight:400; color:#fff; letter-spacing:-0.04em; line-height:1.3em; margin-bottom:15px;}
.partner .bg-box li:last-child {margin-bottom:0;}
.partner .bg-box li span {font-weight:500;}
.partner .bg-box li:before {content:""; position: absolute; width:6px; height:2px; background:#fff; left:0; top:12px;}

.partner .doc-tit {margin-bottom:30px;}
.partner .doc-cnt ul {display:flex; flex-wrap:wrap; margin:0 -10px -20px -10px;}
.partner .doc-cnt ul li {width:20%; padding:0 10px; margin-bottom:20px;}

/*contact*/
.local > div {display:flex; justify-content: space-between; margin-bottom:30px;}
.local > div:last-child {margin-bottom:0;}

.local .location iframe {width:770px; height:440px;}

.local .info {flex: 1 1 auto; min-width: 0;  width: 1%; padding-top:15px; padding-right:10px;}
.local .info .tit {position: relative; font-size:28px; font-weight:500; line-height:1.4em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:20px;}
.local .info .tit:before {content:""; position: absolute; width:20px; height:3px; background:#185d9e; top:-15px; left:0;}
.local .info p {font-size:16px; font-weight:300; line-height:1.4em; letter-spacing:-0.04em; color:#505050; margin-bottom:20px;}
.local .info p:last-child {margin-bottom:0;}
.local .info .area {margin-bottom:20px;}
.local .info .area:last-child {margin-bottom:0;}
.local .info p.place {margin-bottom:0; font-size:16px; font-weight:300;}
.local .info p.place-info {position:relative; padding-left:10px;}
.local .info p.place-info:before {content:""; position:absolute; width:3px; height:3px; background:#2c2c2c; left:0; top:10px; border-radius:100%;}

/*gallery*/
.gallery .link-list {margin-bottom:90px;}
.gallery ul {display:flex; flex-wrap:wrap; margin:0 -11px -45px -11px;}
.gallery ul li {text-align:center; width:25%; padding:0 11px; margin-bottom:45px;}
.gallery ul li .thumb {position:relative; margin-bottom:13px;}
.gallery ul li .thumb:before {content:""; position: absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.4); opacity:0;}
.gallery ul li .thumb:after {content:""; position: absolute; width:60px; height:60px; border-radius:100%; top:50%; left:50%; transform:translateY(-50%) translateX(-50%); background: url("../images/sub/play_icon.png") no-repeat 60% 50% rgba(24,93,158,0.8); opacity:0;}
.gallery ul li:hover .thumb:before {opacity:1;}
.gallery ul li:hover .thumb:after {opacity:1;}
.gallery ul li .tit {font-size:15px; font-weight:400; line-height:1.4em; letter-spacing:-0.04em; color:#2c2c2c;}


.gallery .bg-box {text-align:center; background:url("../images/sub/gallery_bg.jpg") no-repeat 50% 50%; width: 100%; padding:100px 0; background-size:cover;}
.gallery .bg-box p {font-size:30px; font-weight:700; line-height:1.4em; letter-spacing:-0.04em; color:#fff; margin-bottom:25px;}
.gallery .bg-box .link a {position:relative; display:inline-block; background:#e72119; font-size:16px; font-weight:400; color:#fff; padding:17px 60px 17px 70px;}
.gallery .bg-box .link a:before {content:""; position: absolute; width:36px; height:24px; background:url("../images/sub/youtube.gif") no-repeat 50% 50%; left:30px; top:20px;}
.gallery .bg-box .link a:after {content:""; position: absolute; width:11px; height:11px; border-right:1px solid #fff; border-bottom:1px solid #fff; transform:rotate(-45deg); right:30px; top:26px;}