@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.doc-tit {position:relative; padding-left:30px; padding-bottom:13px; margin-bottom:19px; font-weight:500; font-size:20px; letter-spacing:-.03em; line-height:1.75em;}
.doc-tit:before {position:absolute; content:''; width:20px; height:20px; top:8px; left:0; background-image:url(../images/sub/bullet.png); background-size:contain; background-repeat:no-repeat;}
.doc-cnt {margin-bottom:40px;}
.doc-cnt:last-child {margin-bottom:0;}
.doc-cnt.indent {padding-left:30px;}

.dot-list > ul > li {position:relative; line-height:1.750em;}
.dot-list > ul > .tt {font-size:18px; letter-spacing: ;}

.sub-title h2 {font-weight:500; font-size:30px; line-height:0.833em; letter-spacing:-0.04em; border-bottom:1px solid #ddd; color:#242424;}
.sub-title1 {text-align:left;}	

.greeting2 {margin:0 auto; text-align:left; display:flex;}
.greeting3 {margin-top:20px; padding-left:85px;}
.greeting3 h3 {margin-bottom:20px; font-size:24px; letter-spacing:-0.04em; line-height:1.250em; font-weight:500; color:#2a3b5f;}
.greeting3 p {line-height:1.875em; font-size:16px; letter-spacing:-0.04em; font-weight:400;}
.greeting3 .b-text {color:#1ca1e4;}
.greeting3 img {padding-top:30px;}

.outline2 {text-align:center;}
.outline2 .img {margin-bottom:60px;}
.outline2 h3 {margin-bottom:40px; font-size:24px; line-height:1.042em; letter-spacing:-0.04em; font-weight:500; color:#242424;}
.outline3 h3.doc-tit {border-bottom:1px solid #ddd; color:#242424;}

.group {margin:0 auto; height:600px;}
.group .sub-title .group2 {margin-top:50px;}
.group img {padding-left:140px;}
.group:last-child {background:#f8f8f8; height:580px; padding-top:100px; padding-right:80px; margin-top:-50px;}

.fac .doc-tit {border-bottom:1px solid #e9e9e9; padding-bottom:15px; color:#242424;}
.fac li {line-height:2.188em;}
.fac2 strong {font-weight:500; font-size:24px; line-height:1.042em; letter-spacing:-.04em; text-align:center; color:#242424;}
.fac2 {margin:0 auto; padding-top:100px; padding-bottom:100px;}
.fac2.first {padding-top:40px;}
.fac2 .doc-tit {padding-bottom:20px; margin-bottom:0; color:#242424;}
.fac2 ul.dot-list li {position:relative; color:#454545; line-height:2.188em; text-align:center; letter-spacing:-.04em; font-weight:400;}
.fac2 .doc-cnt.indent {display:flex; align-items:center;}
.fac2:nth-child(even) .doc-cnt.indent {flex-direction:row-reverse;}
/* .fac2 .img {box-shadow: 0px 4px 22px #rgba(0,0,0,0.2;} */
.fac2:nth-child(even) {background:#f8f8f8;}
.fac2 .cnt {text-align:center; padding-left:160px;}
.fac2:nth-child(even) .cnt {padding-right:160px; padding-left:0;}	
.fac2:first-of-type {padding-top:60px;}
.fac2:first-child {padding-top:60px;}

.manage2 ul.dot-list li {text-align:left; padding-bottom:60px; line-height:2.188em; letter-spacing:-.03em;}
.manage2 h3.doc-tit {border-bottom:1px solid #ddd; padding-bottom:15px; color:#242424;}
.manage3 .doc-tit {border-bottom:1px solid #ddd; padding-bottom:20px; color:#242424;}
.manage3 ul.dot-list li {text-align:left;}
.manage3 .img {margin-top:30px; text-align:center;}

.security h3.doc-tit {border-bottom:1px solid #ddd; padding-bottom:15px; color:#242424;}
.security ul.dot-list li {text-align:left; font-size:16px; line-height:2.188em; letter-spacing:-0.04em;}
.security2 {/* text-align:left; */ margin-top:60px;}
.security2 li.b-tit.pb {padding-top:15px;}
.security2 .doc-cnt {display:flex; align-items:center;}
.security2 h3.doc-tit {padding-bottom:15px; color:#242424;}
.security2 .dot-list > ul > li {line-height:2.188em;}
.security2 img {float:left; margin-right: 50px;}
.secu-group {padding-top:20px; padding-bottom:20px;}
.security2 h3.m-txt {font-size:22px; line-height:1.591em; letter-spacing:-0.04em; font-weight:500; padding-bottom:15px; color:#242424;}
.security2 li.b-tit {font-size:17px; font-weight:500; line-height:2.059em; letter-spacing:-0.04em; color:#242424;}


.chartimg {text-align: center; margin-bottom:100px;}
.chart-wide {background-color:#f8f8f8; text-align:center; padding:100px 0;}