@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.txt-green {color:#0a8379;}

.doc-tit {position:relative; font-size:20px; font-weight:500; line-height:1.3em; letter-spacing:-0.03em; color:#333333; padding-left:24px; margin-bottom:25px;}
.doc-tit:before {content:""; position:absolute; width:14px; height:14px; background:url("/images/sub/doc_tit.png") no-repeat 50% 50%; top:6px; left:0;}
 
.doc-cnt {margin-bottom:55px;}
.doc-cnt:last-child {margin-bottom:0;}

/*greetings*/
.greetings .tit {text-align:center; font-size:20px; font-weight:bold; line-height:1.5em; letter-spacing:-0.03em; margin-bottom:55px;}
.greetings .cnt {display:flex; align-items:center; align-items: flex-start; justify-content: center;}
.greetings .cnt .img img {height: 300px;}
.greetings .txt-wrap {padding:10px 0 0 40px;}
.greetings .txt-green {font-size:18px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; margin-bottom:15px;}
.greetings .txt {font-size:16px; font-weight:400; line-height:1.6em; letter-spacing:-0.03em; margin-bottom:10px;}
.greetings .sign {text-align:right; font-size:18px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; margin-top:25px;}

/*purpose*/
.purpose .doc-cnt {padding-left:24px;}
.purpose .txt {font-size:16px; font-weight:400; letter-spacing:-0.03em;}
.purpose .txt2 {margin-bottom:25px;}
.purpose table {border-collapse:collapse; width:100%; border-top:1px solid #242424;}
.purpose table th {text-align:left; font-size:16px; font-weight:500; letter-spacing:-0.03em; background:#f3f9f8; padding:11px 10px; border-bottom:1px solid #dddddd;}
.purpose table td { padding:12px 10px; border-bottom:1px solid #dddddd;}
.purpose table td .txt-green {font-size:16px; font-weight:500; letter-spacing:-0.03em; line-height:1.4em;}
.purpose table li { font-size:16px; font-weight:400; line-height:2.125em; letter-spacing:-0.03em;}
.purpose table li {display:flex;}
.purpose table .num {display:block; margin-right:5px;}
.purpose table li .strong {font-weight:500; display:contents;}

.purpose table tr:nth-child(2) ul {margin-top:10px;}

/*history*/
.history .group-gray {background:#f8f8f8;}
.history .group {padding:56px 0;}
.history .group .group-tit {text-align:center; font-size:22px; font-weight:bold; line-height:1.16em; letter-spacing:-0.03em; color:#0a8379; margin-bottom:90px;}


.history .group .left,
.history .group .right{display:flex; padding-bottom:20px;}
.history .group li {position:relative; display:flex; font-size:16px; font-weight:400; line-height:1.625em;letter-spacing:-0.03em; margin-bottom:12px;}
.history .group ul li:last-child {margin-bottom:0;}
.history .group .line {position:relative;}
.history .group .line:before {content:""; position:absolute; width:1px; height:40px; background:#dddddd; top:-40px; left:50%;}

.history .group .line > div:last-child {padding-bottom:0;}
.history .group .line > div:last-child::before {height:67px;}

.history .group .right {position:relative; padding-left:50%;}
.history .group .right:before {content:""; position:absolute; width:1px; height:100%; background:#dddddd; top:0; left:50%;}
.history .group .right .year {position:relative; font-family: 'Roboto'; font-size:20px; font-weight:bold; line-height:1.3em; padding-left:105px; margin-right:50px;}
.history .group .right .year:after {content:""; position:absolute; width:17px; height:17px; top:3px; left:-8px; background:#0a8379; transform: rotate(45deg); }
.history .group .right .year:before {content:""; position:absolute; width:84px; height:1px; background:#dddddd; top:11px; left:0;}
.history .group .right li {padding-left:24px;}
.history .group .right li:before {content:""; position:absolute; width:3px; height:3px; border-radius:100%; background:#454545; top:10px; left:0;}
.history .group .right .month {display:block; font-family: 'Roboto'; font-size:16px; line-height:1.625em; font-weight:500; letter-spacing:-0.03em; margin-right:10px; width:40px;}

.history .group .left {position:relative; flex-direction: row-reverse; padding-right:50%;}
.history .group .left:before {content:""; position:absolute; width:1px; height:100%; background:#dddddd; top:0; left:50%;}
.history .group .left .year {position:relative; font-family: 'Roboto'; font-size:20px; font-weight:bold; line-height:1.3em; padding-right:105px; margin-left:50px;}
.history .group .left .year:after {content:""; position:absolute; width:17px; height:17px; top:3px; right:-8px;background:#00a459; transform: rotate(45deg); }
.history .group .left .year:before {content:""; position:absolute; width:84px; height:1px; background:#dddddd; top:11px; right:0;}
.history .group .left li {display:flex; flex-direction: row-reverse; flex-wrap: wrap; text-align:right; padding-right:24px;}
.history .group .left li:before {content:""; position:absolute; width:3px; height:3px; border-radius:100%; background:#454545; top:10px; right:0;}
.history .group .left .strong {font-weight:500;}
.history .group .left .month {display:block; font-family: 'Roboto'; font-size:16px; line-height:1.625em; font-weight:500; letter-spacing:-0.03em; margin-left:10px; width:40px;}
.history .group .left li div {margin-top:10px;}
.history .group .left li div p{font-size:16px; font-weight:400; line-height:1.6em; letter-spacing:-0.03em; margin-bottom:5px;}
.history .group .left li div p:last-child {margin-bottom:0;}

/*ci*/
.ci .img {margin: 130px 0 60px 0;}
.ci .cnt1 {display:flex; flex-wrap:wrap; margin-bottom:30px;}
.ci .cnt1 li {padding:0 5px; margin-right:40px; margin-bottom:15px;}
.ci .cnt1 li:last-child {margin-right:0;}
.ci .cnt1-2 {display:flex; flex-wrap:wrap; margin-bottom:-15px;}
.ci .cnt1-2 li{margin-right:65px; margin-bottom:15px;}
.ci .cnt1-2 li:last-child{margin-right:0;}
.ci .doc-cnt {padding-left:24px;}

.ci .emblem {display:flex; flex-wrap:wrap; margin-bottom:-15px;}
.ci .emblem li {margin-right:20px; margin-bottom:15px;}
.ci .emblem li:last-child {margin-right:0;}

.ci .cnt2 {display:flex; justify-content: space-around; flex-wrap: wrap; text-align:center; margin:0 -20px -20px -20px;}
.ci .cnt2 li {padding:0 20px; font-size:18px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; margin-bottom:20px;}
.ci .cnt2 li .circle {display:flex; flex-wrap: wrap; align-content: center; justify-content: center; width:172px; height:172px; border-radius:100%; margin:0 auto 23px auto;}
.ci .cnt2 li:nth-child(4) span{display:block; margin: 0 -20px;}
.ci .cnt2 li .circle p {font-size:16px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#fff; margin-bottom:5px;}
.ci .cnt2 li .circle p:last-child {margin-bottom:0;}
.ci .cnt2 li .circle1 {background:#06af6e;}
.ci .cnt2 li .circle2 {background:#cddb28;}
.ci .cnt2 li .circle3 {background:#00877d;}
.ci .cnt2 li .circle4 {background:#0083c0;}
.ci .cnt2 li .circle5 {background:#00b4e5;}


/*location*/

.root_daum_roughmap {width:100% !important; height:430px !important;}
.root_daum_roughmap .wrap_map {height:430px !important;}
.map1 .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.map1 .roughmap_lebel_text:after {content:"서울사무소"; font-size:12px; line-height:15px;}
.map2 .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.map2 .roughmap_lebel_text:after {content:"부산사무소"; font-size:12px; line-height:15px;}


.location .local {margin-bottom:30px;}
.location table {border-collapse:collapse; border-top:1px solid #242424; width:100%;}
.location table th {background:#f3f9f8; text-align:left; width:17.75%; font-size:16px; font-weight:500; line-height:1.3em; letter-spacing:-0.03em; color:#333333; padding:20px 10px 20px 70px;}
.location table th, .location table td {border-bottom:1px solid #d2d8d8;}
.location table td {font-size:16px; font-weight:400; line-height:1.3em; letter-spacing:-0.03em; padding:20px 10px;}
.location table span {position:relative;}
.location table span:before {content:""; position:absolute; width:26px; height:21px; top:2px; left:-50px; background-position:50% 50%; background-size:contain; background-repeat:no-repeat;}
.location table .icon1:before {background-image:url("/images/sub/local_icon1.png");}
.location table .icon2:before {background-image:url("/images/sub/local_icon2.png");}
.location table .icon3:before {background-image:url("/images/sub/local_icon3.png");}
.location table .icon4:before {background-image:url("/images/sub/local_icon4.png");}
.location table .icon5:before {background-image:url("/images/sub/local_icon5.png");}
.location table .icon6:before {background-image:url("/images/sub/local_icon6.png");} 


/*business*/
.business .bg-box {width:100%; height:357px; padding:75px 5px 0 80px; background:url("/images/sub/business_bg.jpg") no-repeat 50% 50%; background-size:cover; margin-bottom:60px;}
.business .txt-wrap .tit {font-size:24px; font-weight:bold; line-height:2.083em; letter-spacing:-0.03em; color:#ffffff;}
.business .txt-wrap ul li {display:flex; font-size:18px; font-weight:500; line-height:2.500em; letter-spacing:-0.03em; color:#ffffff;}
.business .txt-wrap ul li span {display:block; margin-right:5px;}

.business .gray {background:#f8f8f8; padding:63px 0 50px 0; margin-bottom:60px;}
.business .cnt1 > ul {display:flex; margin:0 -11px; text-align:center;}
.business .cnt1 > ul > li {width:33.33%; padding:0 11px;}
.business .cnt1 ul li .txt-green {display:block; font-size:20px; font-weight:500; line-height:1.3em;letter-spacing:-0.03em; margin:15px 0;}
.business .cnt1 ul li {font-weight:400; line-height:1.813em;}

.business .cnt2 ul {display:flex; flex-wrap:wrap; justify-content: center; margin-bottom:-20px;}
.business .cnt2 ul li {padding:0 -30px; text-align:center; font-size:18px; font-weight:500; line-height:2.778em; letter-spacing:-0.03em; margin-bottom:20px;}
.business .cnt2 ul li:nth-child(4) {padding:0;}
.business .cnt2 ul li span{display:block; position:relative;}	
.business .cnt2 ul li span:before {content:""; position:absolute; width:35px; height:35px; background:rgba(0,169,98,0.1); border-radius:100%; bottom:0; margin:0 0 8px -20px;}
.business .cnt2 ul .icon-box{width:180px; height:180px; border-radius:100%; border:3px solid #15b06f; background-position:50% 50%; background-repeat:no-repeat; margin:0 30px;}
.business .cnt2 ul .icon1 {background-image:url("/images/sub/business_icon1.png");}
.business .cnt2 ul .icon2 {background-image:url("/images/sub/business_icon2.png");}
.business .cnt2 ul .icon3 {background-image:url("/images/sub/business_icon3.png");}
.business .cnt2 ul .icon4 {background-image:url("/images/sub/business_icon4.png");}
.business .cnt2 ul .icon5 {background-image:url("/images/sub/business_icon5.png");}

/*guarantee*/
.guarantee .gray {background:#f8f8f8; padding:35px 0 45px 0; margin-bottom:60px;}
.guarantee .doc-cnt {padding-left:24px;}
.guarantee .kind{display:flex; text-align:center;}
.guarantee .kind div {width:33.33%; padding:0 5px; background-position: 50% 49px; background-repeat:no-repeat; border-right:1px solid #dddddd;}
.guarantee .kind div:last-child {border-right:0;}
.guarantee .kind .icon1 {background-image:url("/images/sub/guarantee_icon1.png")}
.guarantee .kind .icon2 {background-image:url("/images/sub/guarantee_icon2.png")}
.guarantee .kind .icon3 {background-image:url("/images/sub/guarantee_icon3.png")}
.guarantee .tit {font-size:20px; font-weight:500; line-height:1.3em; letter-spacing:-0.03em; margin-bottom:170px;}
.guarantee .txt {font-size:16px; font-weight:400; letter-spacing:-0.03em; line-height:1.625em;}

.guarantee .calculate {text-align:center; font-size:18px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#ffffff; background:#0a8379; padding:20px 0; margin-bottom:35px;}
.guarantee .info-txt {position:relative; font-size:18px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; padding-left:9px; margin-bottom:10px;}
.guarantee .info-txt:before {content:""; position:absolute; width:4px; height:4px; background:#0a8379; border-radius:100%; top:10px; left:0;}
.guarantee .calc-info {padding-left:9px;}
.guarantee .calc-info ul li {position:relative; font-size:16px; font-weight:400; line-height:1.7em; padding-left:9px;}
.guarantee .calc-info ul li:before {content:""; position:absolute; width:4px; height:1px; background:#454545; left:0; top:12px;}

.guarantee .example {margin-top:20px;}
.guarantee .example table {width:100%; border-collapse:collapse; text-align:center; border-top:1px solid #242424; margin-top:30px;}
.guarantee .example table th {font-size:16px; line-height:1.4em; font-weight:500; background:#f3f9f8; padding:18px 5px; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd;}
.guarantee .example table th:last-child,
.guarantee .example table td:last-child {border-right:0;}
.guarantee .example table td {font-size:16px; font-weight:400; line-height:1.4em;  padding:18px 5px; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd;}

.guarantee .none {display:none;}

/*step*/
.step .doc-cnt {padding-left:24px;}
.step .info-txt {position:relative; font-size:18px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; padding-left:9px; margin-bottom:10px;}
.step .info-txt:before {content:""; position:absolute; width:4px; height:4px; background:#0a8379; border-radius:100%; top:10px; left:0;}
.step .info li {position:relative; font-size:16px; font-weight:400; line-height:1.7em; padding-left:9px;}
.step .info li:before {content:""; position:absolute; width:4px; height:1px; background:#454545; left:0; top:12px;}
.step table {width:100%; border-collapse:collapse;}
.step table th {width:33.33%; background:#0b8379; color:#fff; font-size:18px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; padding:15px 5px; border-right:1px solid #dddddd;}
.step table th:last-child {border-right:0;}
.step table td {border:1px solid #dddddd; border-top:0; padding:35px 10px 30px 30px; vertical-align: top;}
.step table li {display:flex; font-size:16px; font-weight:400; line-height:1.4em; letter-spacing:-0.03em; margin-bottom:8px;}
.step table li:last-child {margin-bottom:0;}
.step table span {display:block; margin-right:5px;}

/*advantage*/
.advantage .doc-cnt {display:flex;}
.advantage .img {max-width:100%; min-width:386px;}
.advantage .cnt {padding-left:40px; padding-top:18px;}
.advantage .cnt li {position:relative; font-size:16px; font-weight:400; line-height:1.7em; padding-left:33px;}
.advantage .cnt li:before {content:""; position:absolute; width:4px; height:1px; background:#454545; left:24px; top:12px;}

/*support*/
.support ul {display:flex; border:1px solid #dddddd; padding:65px 0;}
.support ul li {position:relative; width:33.333%; text-align:center; font-family: 'Roboto'; font-size:18px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em;}
.support ul li:before {content:""; position:absolute; width:56px; height:56px; background:#b2e4cd; border-radius:100%;}
.support ul li:nth-child(1)::before {top:0; margin-left:-77px;}
.support ul li:nth-child(2)::before {top:0; margin-left:21px;}
.support ul li:nth-child(3)::before {top:0; margin-top:77px; margin-left:-77px;}
.support ul .support-icon {position:relative; width:129px; height:129px; background-repeat:no-repeat; background-position:50% 50%; margin:0 auto; margin-bottom:10px;}
.support .icon1 {background-image:url("/images/sub/support_icon1.png"); } 
.support .icon2 {background-image:url("/images/sub/support_icon2.png"); } 
.support .icon3 {background-image:url("/images/sub/support_icon3.png"); } 


/* 10-30  유지보수 */
.w-confirm .top-con{background-color: #f5f5f5;padding:45px 40px 50px;margin-bottom:85px;}
.w-confirm .top-con .inner{max-width:501px;width:100%;margin:0 auto;}
.w-confirm .top-con .tt{text-align:center;font-weight:500;margin-bottom:30px;}
.w-confirm .top-con .row-wrap .row{margin-bottom:12px;display:flex;align-items:center;}
.w-confirm .top-con .row-wrap .row:last-child{margin-bottom:0;}
.w-confirm .top-con .row-wrap .row label{font-weight:500;font-size:18px;line-height:1.2em;text-align:right;display:inline-block;width:100px;margin-right:20px;}
.w-confirm .top-con .row-wrap .row .wrap{min-width:0;width:1%;flex:1 1 auto;display:flex;align-items:center;}
.w-confirm .top-con .row-wrap .row .wrap span{font-size:15px;line-height:1.2em;margin-left:20px;letter-spacing:-.03em;}
.doc-btn{display:flex;border:none;justify-content:center;align-items:center;max-width:120px;width:100%;height:50px;background-color: #0a8379;text-align:center;color: #fff;font-weight:500;margin:45px auto 0;line-height:1.2em;}
.doc-btn.type2{max-width:220px;font-size:18px;}
.w-confirm .list{border-top:2px solid #888;border-bottom:2px solid #888;}
.w-confirm .list li{display:flex;padding:17px 80px;border-bottom:1px solid #ddd;}
.w-confirm .list li:last-child{border-bottom:0;}
.w-confirm .list li .tit{width:190px;font-weight:500;}
.w-confirm .list li .txt{min-width:0;width:1%;flex:1 1 auto;}

.request .content{margin-bottom:55px;}
.request .content:last-child{margin-bottom:0;}
.request .board-form table th{background-color: #fff;border-right:0;padding:0 30px;text-align:left;font-weight:500;}
.request .board-form table td{border-left:0;height:70px;line-height:1.875em;}
.board-form .radiobox{margin-right:35px;}

.request .board-form .radiobox:last-child{margin-right:0;}
.request .board-form .file-wrap{margin-top:5px;}
.file-custom{display:flex;position:relative;align-items:center;margin-bottom:3px;}
.file-custom:last-child{margin-bottom:0;}
.file-custom .tit{margin-right:5px;}
.file-custom .upload-name{display:inline-block;height:auto;vertical-align: middle;width:auto;position:relative;}
.file-custom label {cursor: pointer;height:28px;max-width:88px;width:100%;display:flex;justify-content:center;align-items:center;background-color: #f5f5f5;font-size:15px;border:1px solid #eaeaea;border-radius:5px;margin-left:5px;}
.file-custom label:after{content:'';position: absolute;left:0;top:0;right:0;bottom:0;z-index:2;}
.file-custom input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}

.request .btm-txt{text-align:center;font-weight:500;margin-top:25px;}