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

.doc-tit {position:relative; padding-bottom:15px; margin-bottom:25px; font-weight:700; font-size:28px; line-height:1em; color:#000;}
.doc-tit:after {content:""; position:absolute; bottom:0; left:0; width:29px; height:4px; background:#b07b53;}

.doc-cnt {margin-bottom:75px;}
.doc-cnt:last-child {margin-bottom:0;}

.greeting .list {text-align:center; margin-bottom:90px;}
.greeting .list ul {display:inline-flex;}
.greeting .list ul li {min-width:343px;}
.greeting .list ul li .img {line-height:0; margin-bottom:15px;}
.greeting .list ul li .tt {font-family: 'NanumSquare'; font-size:23px; line-height:1em; font-weight:700; color:#333; margin-bottom:15px;}
.greeting .list ul li p {font-family: 'NanumSquare'; font-size:18px; line-height:28px; color:#454545;}
.greeting .txt {padding:250px 70px 0; background:url('../images/sub/greeting_txt_bg.jpg') 0 0 no-repeat;}
.greeting .txt .inner {background:#fff; padding:33px;}
.greeting .txt p {font-size:16px; line-height:36px; color:#454545;}
.greeting .txt .ceo {font-size:17px; line-height:28px; font-weight:500; color:#454545; margin-top:20px;}
.greeting .txt .ceo strong {display:inline-block; margin-left:10px; font-weight:500; font-size:26px;}

.organization {text-align:center; background:#eef1f5; padding:60px 0 146px;}

.local {display:flex; align-items:center; justify-content:center; width:100%; margin-top:45px;}
.local .logo {margin-right:104px;}
.local .txt {width:auto;}
.local .txt ul li {display:flex; font-size:18px; line-height:1.4em; margin-bottom:15px;}
.local .txt ul li .tt {position:relative; padding-left:50px; width:177px; font-weight:500; color:#333;}
.local .txt ul li .tt:after {content:""; position:absolute; top:5px; left:0; width:20px; height:20px; background-repeat:no-repeat; background-size:100% 100%; background-position:0 0;}
.local .txt ul li.icon1 .tt:after {background-image:url('../images/sub/local_icon1.png');}
.local .txt ul li.icon2 .tt:after {background-image:url('../images/sub/local_icon2.png');}
.local .txt ul li.icon3 .tt:after {background-image:url('../images/sub/local_icon3.png');}
.local .txt ul li p {flex:1 auto; width:1%; color:#555;}

.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .wrap_map {width:100% !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"주식회사 이안디엔씨"; font-size:12px; line-height:15px;}

.parcel-out .title {margin-bottom:55px; text-align:center; font-family: 'NanumSquare'; font-size:21px; line-height:34px; font-weight:700; color:#454545;}
.parcel-out .title strong {font-size:24px; color:#101f46;}
.parcel-out .list {padding:60px 0; background:#ebf2f8; margin-bottom:100px; overflow:hidden;}
.parcel-out .list > .contain > ul {display:flex; margin:0 -33px;}
.parcel-out .list > .contain > ul > li {width:16.66666666666667%; padding:0 33px; position:relative; text-align:center;}
.parcel-out .list > .contain > ul > li:after {content:""; position:absolute; top:62px; left:0; margin-left:-6px; width:13px; height:23px; background:url('../images/sub/arrow1.png') 0 0 no-repeat; background-size:100% 100%;}
.parcel-out .list > .contain > ul > li:first-child:after {display:none;}
.parcel-out .list > .contain > ul > li .img {line-height:0; margin-bottom:14px;}
.parcel-out .list > .contain > ul > li .tt {font-size:19px; line-height:1em; font-weight:700; color:#101f46; margin-bottom:12px;}
.parcel-out .list > .contain > ul > li ul li {font-size:16px; line-height:26px; color:#333;}
.parcel-out .list > .contain > ul > li:nth-child(even) .tt {color:#3a7ebc;}

.parcel-out .list.v2 > .contain > ul {margin:0 -57px;}
.parcel-out .list.v2 > .contain > ul > li {width:20%; padding:0 57px;}
.parcel-out .list.v2 > .contain > ul > li:first-child {padding:0 35px}

.parcel-out .pic {line-height:0;}
.parcel-out .planning .tit {text-align:center; margin-bottom:50px;}
.parcel-out .planning .tit h3 {font-family: 'NanumSquare'; font-size:30px; line-height:1em; color:#454545; margin-bottom:15px;}
.parcel-out .planning .tit p {font-family: 'NanumSquare'; font-size:20px; line-height:1.4em; color:#454545; font-weight:700;}
.parcel-out .planning .tit p strong {font-size:22px; color:#101f46;}
.parcel-out .planning .cnt {background:#fafafa; text-align:center; padding:52px 0 156px;}
.parcel-out .planning .cnt .inner {display:inline-block; position:relative; padding:27px 0 18px; z-index:1;}
.parcel-out .planning .cnt .inner:after {content:""; position:absolute; top:0; left:30px; width:1px; height:100%; background:#ddd; z-index:-1;}
.parcel-out .planning .cnt .group {margin-bottom:50px; display:flex; align-items:flex-start; position:relative; z-index:2;}
.parcel-out .planning .cnt .group:last-child {margin-bottom:0;}
.parcel-out .planning .cnt .group .num {flex:1 1 61px; max-width:61px; border-radius:50%; background:#3a7ebc; margin-right:25px; text-align:center; font-family: 'Roboto'; font-size:25px; line-height:61px; color:#fff; font-weight:700;}
.parcel-out .planning .cnt .group .txt {flex:1 auto; width:1%; padding-top:20px; text-align:left;}
.parcel-out .planning .cnt .group .txt .tt {font-family: 'NanumSquare'; font-size:20px; line-height:1em; font-weight:700; color:#101f46; margin-bottom:10px;}
.parcel-out .planning .cnt .group .txt ul {display:flex; margin:0 -30px;}
.parcel-out .planning .cnt .group .txt ul li {position:relative; padding:0 30px; font-family: 'NanumSquare'; font-size:18px; line-height:1.4em; font-weight:700; color:#454545; white-space:nowrap;}
.parcel-out .planning .cnt .group .txt ul li:after {content:""; position:absolute; top:4px; left:0; margin-left:-7px; width:15px; height:15px; background:url('../images/sub/arrow2.png') 0 0 no-repeat; background-size:100% 100%;}
.parcel-out .planning .cnt .group .txt ul li:first-child:after {display:none;}
.parcel-out .planning .cnt .group:nth-child(even) .num {background:#101f46;}

.asset-manage .title {margin-bottom:55px; text-align:center; font-family: 'NanumSquare'; font-size:21px; line-height:34px; font-weight:700; color:#454545;}
.asset-manage .title strong {font-size:24px; color:#101f46;}
.asset-manage .pic {line-height:0; text-align:center; margin-bottom:92px;}
.asset-manage .explain-box {text-align:center; padding:75px 0;}
.asset-manage .explain-box .tit {margin-bottom:38px;}
.asset-manage .explain-box .tit h3 {font-family: 'NanumSquare'; font-size:24px; line-height:1em; margin-bottom:8px;}
.asset-manage .explain-box .tit p {font-size:18px; line-height:28px; color:#454545;}
.asset-manage .explain-box .list ul {display:flex;}
.asset-manage .explain-box .list ul li .img {margin-bottom:15px;}
.asset-manage .explain-box .list ul li .tt {font-family: 'NanumSquare'; font-weight:700; font-size:20px; line-height:1em; margin-bottom:8px;}
.asset-manage .explain-box .list ul li p {font-size:16px; line-height:26px; color:#454545;}

.asset-manage .pm-explain {background:#edf3f9;}
.asset-manage .pm-explain .tit h3 {color:#3a7ebc;}
.asset-manage .pm-explain .list ul {margin:0 -11px;}
.asset-manage .pm-explain .list ul li {width:33.333333%; padding:0 11px;}
.asset-manage .pm-explain .list ul li .tt {color:#3a7ebc;}

.asset-manage .fm-explain .tit h3 {color:#101f46;}
.asset-manage .fm-explain .list ul {margin:0 -10px;}
.asset-manage .fm-explain .list ul li {width:25%; padding:0 10px;}
.asset-manage .fm-explain .list ul li .tt {color:#101f46;}

.cooperative-list ul {display:flex; flex-wrap:wrap; margin:0 -10px;}
.cooperative-list ul li {width:25%; padding:0 10px; margin-bottom:45px;}
.cooperative-list ul li a {display:block; border:1px solid #dfdfdf; box-shadow:0 5px #e5e5e5; text-align:center;}
.cooperative-list ul li .row {display:table; table-layout:fixed; width:100%;}
.cooperative-list ul li .cell {display:table-cell; vertical-align:middle; width:100%;}
.cooperative-list ul li .logo {height:175px; border-bottom:1px solid #dfdfdf; line-height:0;}
.cooperative-list ul li .tit {height:83px;}
.cooperative-list ul li .tit p {font-size:20px; line-height:1.5em; font-weight:500; color:#454545;}

.employment .title {text-align:center; margin-bottom:60px; font-family: 'NanumSquare'; font-size:21px; line-height:1em; font-weight:700; color:#454545;}
.employment .title strong {font-size:24px; color:#101f46;}
.employment .talented {padding:78px 0 75px; background:url('../images/sub/talented_bg.jpg') 0 0 no-repeat; background-size:cover; text-align:center; line-height:0; margin-bottom:100px;}
.employment .group {margin-bottom:100px;}
.employment .group:last-child {margin-bottom:0;}
.employment .tit {position:relative; padding-left:28px; font-size:20px; line-height:1.4em; font-weight:500; color:#454545; margin-bottom:25px;}
.employment .tit:after {content:""; position:absolute; top:5px; left:0; width:20px; height:20px; background:url('../images/sub/dot1.png') 0 0 no-repeat; background-size:100% 100%;}
.employment .table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #464646;}
.employment .table table thead th {height:60px; background:#f8f8f8; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; font-size:16px; font-weight:500; color:#454545;}
.employment .table table thead th:first-child {border-left:0;}
.employment .table table thead th:last-child {border-right:0;}
.employment .table table tbody td {padding:15px 0; text-align:center; border:1px solid #ebebeb; border-top:0; font-size:16px; line-height:1.4em; color:#454545;}
.employment .table table tbody td:first-child {border-left:0;}
.employment .table table tbody td:last-child {border-right:0;}
.employment .list {padding:66px 29px; background:#f8f8f8; overflow:hidden;}
.employment .list ul {display:flex;}
.employment .list ul li {position:relative; width:25%; text-align:center;}
.employment .list ul li:after {content:""; position:absolute; top:62px; left:0; margin-left:-6px; width:13px; height:23px; background:url('../images/sub/arrow1.png') 0 0 no-repeat; background-size:100% 100%;}
.employment .list ul li:first-child:after {display:none;}
.employment .list ul li .icon {line-height:0; margin-bottom:38px;}
.employment .list ul li .num {font-family: 'NanumSquare'; font-size:18px; line-height:30px; font-weight:700; color:#333;}
.employment .list ul li p {font-family: 'NanumSquare'; font-size:19px; line-height:30px; font-weight:700; color:#101f46;}
.employment .list ul li:nth-child(even) p {color:#3a7ebc;}
.employment .contact-txt {text-align:center; overflow:hidden;}
.employment .contact-txt ul {display:inline-flex;}
.employment .contact-txt ul li {padding:0 100px;}
.employment .contact-txt ul li .icon {line-height:0; margin-bottom:15px;}
.employment .contact-txt ul li p {font-size:18px; line-height:1.4em; font-weight:500; color:#454545;}