.doc-tit {position: relative; color: #242424; font-size:22px; letter-spacing:-.03em; line-height:1.3em; padding-left: 29px; margin-bottom: 15px;}
.doc-tit:before {content:""; position: absolute; top: 5px; left: 0; width: 20px; height: 20px; background-image:url("../images/sub/bullet.jpg"); background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.doc-tit.line {padding-bottom: 12px; border-bottom: 1px solid #ddd;}
.doc-cnt {margin-bottom: 85px;}
.doc-cnt.ty2 {margin-bottom: 40px;}
.doc-cnt.bg {padding: 85px 0; background-color: #f8f8f8;}
.doc-cnt:last-child {margin-bottom: 0;}


.indent {padding-left: 29px;}
.doc-cnt-txt {color: #454545;}
.doc-cnt-txt.mgb {margin-bottom: 35px;}
.txt-blue {color: #184688;}

.dot-list > li {position: relative; padding-left: 10px; margin: 1em 0;}
.dot-list > li:before {content:"·"; position: absolute; top: 0; left: 0; letter-spacing: 0; font-weight: 700; color: #f08500;}
.dot-list > li .txtblock {display: block;}

.hypen-list > li{padding-left: 0.438em; text-indent: -0.438em;}
.hypen-list > li:last-child{margin-bottom: 0;}

.num-list {}
.num-list li {display: flex;align-items:center; color: #454545; margin: 10px 0; padding: 8px 10px; border-radius: 50vh;}
.num-list li .num {display: inline-block; flex:0 0 55px; margin-right: 20px; color: #fff; font-size: 1.25em; font-weight: 700; line-height: 55px; letter-spacing: -.03em; text-align: center; border-radius:100%;}
.num-list li.c1 {background-color: #f5fbff;}
.num-list li.c1 .num {background-color: #42a9fd;}
.num-list li.c2 {background-color: #f4fafc;}
.num-list li.c2 .num {background-color: #299fca;}
.num-list li.c3 {background-color: #f3f6f9;}
.num-list li.c3 .num {background-color: #184688;}

.top-txt {color: #454545; font-size: 1.375em; line-height: 1.65; letter-spacing: -.03em; margin-bottom: 50px; text-align: center;}
.top-txt span {font-weight: 500;}

/* about */
.main-biz-list {}
.main-biz-list .group {display: flex;align-items:center; margin: 40px 0;}
.main-biz-list .icon {flex:0 0 130px; margin-right: 40px;}
.main-biz-list .cnt {}
.main-biz-list .cnt h4 {font-size: 1.25em; line-height: 1.5; font-weight: 600; letter-spacing: -.03em; margin-bottom: .8em;}
.main-biz-list .cnt .desc {color: #454545; line-height: 1.625;}

.history {}
.history .head {margin-bottom: 50px;}
.history .body {display: flex;}
.history .body .title {width: 50%; padding-right: 30px;}
.history .body .title .en {display: block; margin-bottom: 1em; font-size: 1.125em; font-weight: 600; line-height: 1.5; background: linear-gradient(90deg, #184688 0%, #2aa2cc 30%); background-clip: text; -webkit-background-clip: text; color: transparent;}
.history .body .title .en.wide {letter-spacing: .14em;}
.history .body .title h3 {font-size: 1.75em; line-height: 1.429em; letter-spacing: -.03em;}
.history .body .title h3.lg {font-size: 45px; line-height: 1;}
.history .body .cnt {position: relative; flex: 1 1 auto; min-width: 0; width: 1%;}
.history .body .cnt:before {content:''; position: absolute; top: 5px; left: 84px; bottom: 0; width: 1px; background-color: #ddd;}
.history .body .cnt .group {position: relative; display: flex; margin-bottom: 25px;}
.history .body .cnt .group:last-child {margin-bottom: 0;}
.history .body .cnt .group:after {content:''; position: absolute; top: 5px; left: 77px; width: 15px; height: 15px; background-color: #fff; border:3px solid #2aa2cc; border-radius:100%;}
.history .body .cnt .year {min-width: 84px; margin-right: 35px; color: #184688; font-size: 1.5em; letter-spacing: -.03em;}
.history .body .cnt .list {}
.history .body .cnt .list li {display: flex; color: #454545;}
.history .body .cnt .list li .month {min-width: 58px; color: #242424; font-weight: 600;}

.vision {max-width: 1000px; margin: 0 auto;}
.vision .inner {background-color: #f8f8f8; padding: 30px 95px; border-radius:50vh;}
.vision ul {display: flex;}
.vision ul li {position: relative; width: calc(100%/3 + 30px); height: 100%; margin: 0 -15px;}
.vision ul li .wrap {padding-bottom: 100%; color: #fff; font-size: 1.25em; font-weight: 500; line-height: 1.5; letter-spacing: -.03em; text-align: center; border-radius:100%; box-shadow:rgba(0,0,0,.15) 0 0 10px;}
.vision ul li:nth-child(1) .wrap {background-color: #2aa2cc;}
.vision ul li:nth-child(2) .wrap {background: linear-gradient(90deg, #2aa2cc 0%, #184688 100%);}
.vision ul li:nth-child(3) .wrap {background-color: #184688;}
.vision ul li p {position: absolute; top: 50%; left: 0; width: 100%; transform:translateY(-50%); padding: 0 20px;}

.value {}
.value ul {display: flex;flex-wrap:wrap; margin: -15px; text-align: center;}
.value ul li {width: 25%; padding: 15px;}
.value ul li p {color: #454545; line-height: 1.625; margin-top: 1.25em;}

.root_daum_roughmap {width:100% !important;}
.directions {margin-top:50px;}
.directions .address-info {margin-bottom:20px;}
.directions .address-info .comp {color:#184688; font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt img {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

.partner-list {display: flex;flex-wrap:wrap;}
.partner-list li {width: 33.3333333%; border: 1px solid #ddd; margin-left: -1px; margin-top: -1px;text-align: center;}
.partner-list li:nth-child(odd) {background-color: #fff;}
.partner-list li:nth-child(even) {background-color: #f8f8f8;}
.partner-list li a {display: block; height: 100%; padding: 50px 20px;}
.partner-list li .logo {}
.partner-list li .tit {font-size: 1.25em; font-weight: 600; line-height: 1.5; letter-spacing: -.03em; margin: 25px 0 8px;}
.partner-list li .url {color: #454545; line-height: 1.5; word-break: break-all;}

.client-list {display: flex;flex-wrap:wrap; margin: 0 -5px -45px; text-align: center;}
.client-list li {width: 20%; padding: 0 5px; margin-bottom: 45px;}
.client-list li p {color: #454545; font-size: 1.125em; line-height: 1.5; margin-top: 1em;}


/* Open Management */
.greetings {}
.greetings .head {margin-bottom: 50px; padding: 50px 60px; background: no-repeat url("../images/sub/greetings.jpg") center center / cover;}
.greetings .head .box {max-width: 500px; padding: 40px 40px; background-color: rgba(42,162,204,.8); color: #fff; border-radius:0 60px 0 0; margin: 0 0 0 auto;}
.greetings .head .box .t1 {font-size: 0.938em; font-weight: 200; line-height: 1.333em; margin-bottom: 8px;}
.greetings .head .box .t2 {font-size: 1.625em; line-height: 1.462em;}
.greetings .body {}
.greetings .body h3 {font-size: 1.75em; font-weight: 600; line-height: 1.429em; letter-spacing: -.03em;}
.greetings .body h3 strong {font-weight: 600;}
.greetings .body .cnt {color: #454545; font-size: 1.063em; line-height: 1.882em; letter-spacing: -.03em; margin-top: 1.765em;}
.greetings .body .sign {color: #242424; font-size: 1.188em; font-weight: 500; line-height: 1.65; letter-spacing: -.03em; margin-top: 1.895em;}
.greetings .body .sign img {display: inline-block; vertical-align:middle; margin: -.2em 0 0 25px;}

.knowledge-mng {max-width: 800px; margin: 0 auto;}

.knowledge-mng-proc {display: flex;justify-content: center; margin-left: -150px; text-align: center;}
.knowledge-mng-proc .col {position: relative; max-width: 400px; width: 100%; margin-left: 150px;}
.knowledge-mng-proc .col:after {content:''; position: absolute; top: 50%; right: -90px; margin-top: -18px; width: 0; height: 0; border-top: 18px solid transparent; border-left: 31px solid #a2a2a2; border-bottom: 18px solid transparent;}
.knowledge-mng-proc .col:last-child:after {display: none;}
.knowledge-mng-proc .box {height: 100%; text-align: center; border-width: 1px; border-style: solid; border-radius:10px; overflow:hidden;}
.knowledge-mng-proc .box .tit {display: flex;align-items:center;justify-content: center; height: 50px;}
.knowledge-mng-proc .box .tit h4 {color: #fff; font-size: 1.125em; font-weight: 500; line-height: 1.3; letter-spacing: -.03em;}
.knowledge-mng-proc .box .cnt {padding: 25px 20px; color: #454545;}

.knowledge-mng-proc .box.c1 {border-color:#299fca;}
.knowledge-mng-proc .box.c1 .tit {background-color: #299fca;}
.knowledge-mng-proc .box.c2 {border-color:#184688;}
.knowledge-mng-proc .box.c2 .tit {background-color: #184688;}

/* Business */
.biz-overview .box-wrap {max-width: 1000px; margin: 100px auto 0;}
.biz-overview .box {border:1px solid #184688; border-radius:20px; overflow:hidden; text-align: center;}
.biz-overview .box .tit {padding: 18px 15px; color: #fff; font-size: 1.25em; line-height: 1.4; letter-spacing: -.03em; background-color: #184688;}
.biz-overview .box .txt {padding: 18px 15px; color: #184688; font-size: 1.125em; line-height: 1.625; letter-spacing: -.03em;}

.biz-si-overview {text-align: center;}
.biz-si-overview ul {position: relative; display: inline-flex;margin-left: -110px; z-index: 1;}
.biz-si-overview ul:after {content:''; position: absolute; top: 50%; left: 110px; right: 0; height: 1px; background-color: #ddd; z-index: -1;}
.biz-si-overview ul li {position: relative; margin-left: 110px;}
.biz-si-overview ul li:after {content:''; position: absolute; top: 50%; right: -47px; margin-top: -10px; width: 0; height: 0; border-top: 10px solid transparent; border-left: 16px solid #ddd; border-bottom: 10px solid transparent;}
.biz-si-overview ul li:last-child:after {display: none;}

.biz-os-effect {display: flex;align-items: center;}
.biz-os-effect .left {position: relative; width: 400px;}
.biz-os-effect .center {padding: 16%; background: no-repeat url("../images/sub/arrow.png") center center;}
.biz-os-effect .right {width: 300px;}
.biz-os-effect .right .circle {position: relative; width: 100%; padding-bottom: 100%; border-radius:100%; background-color: rgba(0,26,63,.1); text-align: center;}
.biz-os-effect .right .circle .wrap {position: absolute; top: 25px; left: 25px; right: 25px; bottom: 25px; display: flex;justify-content: center;align-items: center; color: #fff; background-color: #001a3f; border-radius:inherit;}
.biz-os-effect .right .circle p {font-weight: 600; letter-spacing: -.03em;}
.biz-os-effect .right .circle p strong {display: block; font-size: 1.375em; line-height: 1.364em;}


/* GKAFIS */
.package {}
.package .row {padding-bottom: 50px; margin-bottom: 58px; border-bottom: 1px solid #ddd;}
.package .row:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
.package ul {display: flex; margin: 0 -10px; text-align: center;}
.package ul li {width: 25%; padding: 0 10px;}
.package ul li .one {max-width: 180px; width: 100%; margin: 0 auto; font-size: 1.125em;}
.package ul li .one .wrap {position: relative; padding-bottom: calc(100% - 16px); border-radius:100%; border-width: 8px; border-style: solid;}
.package ul li .one p {position: absolute; top: 50%; left: 0; width: 100%; transform:translateY(-50%); font-weight: 700; line-height: 1.5; letter-spacing: -.03em;}
.package ul li .one .num {display: block; font-weight: 600; opacity: .7; margin-bottom: 4px;}
.package ul li .desc {color: #454545; line-height: 1.625; margin-top: 1.25em;}

.package .row:nth-child(odd) ul li:nth-child(odd) .one .wrap {border-color:#2aa2cc;}
.package .row:nth-child(odd) ul li:nth-child(odd) .one .wrap .num {color:#2aa2cc;}
.package .row:nth-child(odd) ul li:nth-child(even) .one .wrap {border-color:#184688;}
.package .row:nth-child(odd) ul li:nth-child(even) .one .wrap .num {color:#184688;}
.package .row:nth-child(even) ul li:nth-child(odd) .one .wrap {border-color:#184688;}
.package .row:nth-child(even) ul li:nth-child(odd) .one .wrap .num {color:#184688;}
.package .row:nth-child(even) ul li:nth-child(even) .one .wrap {border-color:#2aa2cc;}
.package .row:nth-child(even) ul li:nth-child(even) .one .wrap .num {color:#2aa2cc;}

.package-system {display: flex;flex-wrap:wrap; margin: -20px;}
.package-system .col {width: 50%; padding: 20px;}
.package-system .box {height: 100%; text-align: center; border-width: 1px; border-style: solid; border-radius:15px; overflow:hidden;}
.package-system .box .tit {display: flex;align-items:center;justify-content: center; height: 60px;}
.package-system .box .tit h3 {color: #fff; font-size: 1.25em; font-weight: 500; line-height: 1.3; letter-spacing: -.03em;}
.package-system .box .cnt {padding: 35px 20px; color: #454545;}

.package-system .col:nth-child(odd) .box {border-color: #d1dae7;}
.package-system .col:nth-child(odd) .box .tit {background-color: #184688;}
.package-system .col:nth-child(even) .box {border-color: #d4ecf5;}
.package-system .col:nth-child(even) .box .tit {background-color: #2aa2cc;}

/* Recruting */
.people {}
.people ul {display: flex;flex-wrap:wrap; text-align: center;}
.people ul li {width: 33.3333333%; padding: 30px 15px; border-right: 1px dashed #ddd;}
.people ul li:last-child {border-right: 0; border-bottom: 0;}
.people ul li .icon {}
.people ul li .txt {margin-top: 1.5em;}
.people ul li .txt strong {display: block; color: #242424; font-size: 1.063em; line-height: 1.5; font-weight: 500; margin-bottom: 8px;}
.people ul li .txt p {color: #454545; line-height: 1.625;}

.personnel-system {}
.personnel-system ul {display: flex;flex-wrap:wrap; text-align: center;}
.personnel-system ul li {width: 25%; padding: 30px;}
.personnel-system .circle {position: relative; width: 100%; padding-bottom: 100%; border-radius:100%;}
.personnel-system .circle .wrap {position: absolute; top: 25px; left: 25px; right: 25px; bottom: 25px; display: flex;flex-direction: column;justify-content: center; border-radius:inherit; color: #fff;}
.personnel-system .circle .wrap p {}
.personnel-system .circle .wrap strong {display: block; font-size: 1.375em; font-weight: 700; line-height: 1.4; letter-spacing: -.03em;}

.personnel-system ul li:nth-child(1) .circle {background-color: rgba(68,174,255,.1);}
.personnel-system ul li:nth-child(1) .circle .wrap {background-color: #44aeff;}
.personnel-system ul li:nth-child(2) .circle {background-color: rgba(42,162,204,.1);}
.personnel-system ul li:nth-child(2) .circle .wrap {background-color: #2aa2cc;}
.personnel-system ul li:nth-child(3) .circle {background-color: rgba(24,70,136,.1);}
.personnel-system ul li:nth-child(3) .circle .wrap {background-color: #184688;}
.personnel-system ul li:nth-child(4) .circle {background-color: rgba(0,26,63,.1);}
.personnel-system ul li:nth-child(4) .circle .wrap {background-color: #001a3f;}

.personnel-overview {}
.personnel-overview li {position: relative; padding-left: 0.875em; margin-bottom: 35px;}
.personnel-overview li:last-child {margin-bottom: 0;}
.personnel-overview li:before {content:'•'; position: absolute; top: 0; left: 0;}
.personnel-overview li .tit {font-size: 1.125em; font-weight: 600; line-height: 1.75;}
.personnel-overview li .desc {color: #454545;}