@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.greeting {display:flex;}
.greeting .cnt {margin-left:var(--space-80); flex:1;}
.greeting .cnt .tit {font-size:var(--font-size-64); font-weight:800; letter-spacing:-.03em; line-height:1em;}
.greeting .cnt .txt {margin:var(--space-30) 0; font-size:var(--font-size-26); letter-spacing:-.03em; line-height:1.38em; color:#242424; font-weight:700;}
.greeting .cnt p {margin-bottom:var(--space-30); font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.5em;}
.greeting .cnt span {color:var(--color-primary);}
.greeting .cnt .last span {padding-left:15px; font-size:var(--font-size-20); color:#454545; font-weight:500; letter-spacing:-.03em;}

.root_daum_roughmap {width:100% !important;}

.local .group {margin-bottom:var(--space-80); display:flex;}
.map {flex:1 780px; order:2; max-width:780px; border-radius:30px; overflow:hidden;}
.addr {flex:1;}
.addr .tit {padding-left:20px; position:relative; font-size:var(--font-size-32); font-weight:600; color:#121212; letter-spacing:-.03em;}
.addr .tit:before {top:8px; width:7px; height:7px; position:absolute; content:''; left:0; background-color:var(--color-primary);}
.addr .loca {margin:var(--space-40) 0; font-size:var(--font-size-20); font-weight:600; color:#2c2c2c; letter-spacing:-.03em; line-height:1.5em;}
.addr li {margin-bottom:10px; align-items:center; font-size:var(--font-size-20); font-weight:700; color:#2c2c2c; letter-spacing:-.03em; display:flex;}
.local .group:last-child, .addr li:last-child {margin-bottom:0 !important;}
.addr li .ico {margin-right:var(--space-20);}
.addr li p {flex:1;}

.doc-tit {padding-left:30px; margin-bottom:var(--space-25); font-size:var(--font-size-28); color:#242424; letter-spacing:-.03em; line-height:1.3em; position:relative;}
.doc-tit:before {top:8px; width:19px; height:19px; left:0; background-image:url('../images/sub/doctit.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';;}

.doc-tit2 {padding-left:40px; margin-bottom:var(--space-25); font-size:var(--font-size-22); color:var(--color-primary); letter-spacing:-.03em; line-height:1.3em; position:relative;}
.doc-tit2:before {top:3px; width:30px; height:24px; left:0; background-image:url('../images/sub/doctit2.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';;}

.subcont {margin-bottom:var(--space-70); text-align:center;}
.doc-cnt, .subcont .img {margin-bottom:var(--space-70);}
.subcont p {position:relative;}
/* .subcont p:before {top:-35px; height:19px; width:3px; margin-left:-2px; position:absolute; content:''; left:50%; transform:rotate(45deg); background-color:#133447;} */

.list-dot .item {padding-left:15px; line-height:1.88em; position:relative;}
.list-dot .item:before {width:5px; height:5px; top:12px; position:absolute; content:''; left:0; background-color:#686868; border-radius:100%;}

.eva-box {display:flex; flex-wrap:wrap; margin:0 -10px; text-align:center;}
.eva-box li {width:50%; padding:0 10px;}
.eva-box .item {min-height:265px; padding:35px 60px; background-color:#f8f8f8; border-radius:20px;}
.eva-box .item h3 {margin-bottom:var(--space-15); font-size:var(--font-size-22); color:var(--color-primary); letter-spacing:-.03em; line-height:1.3em;}
.eva-box .item p {line-height:1.5em;}
.eva-box .item.pad p {padding:0 18px;}

.point-cr {color:var(--color-primary); font-weight:500;}

.doc-indent {padding-left:18px;}

.s-cnt-wrap .gr {margin-bottom:var(--space-15); line-height:1.75em;}
.s-cnt-wrap .gr:last-child {margin-bottom:0 !important;}
.s-cnt-wrap .tit {padding-left:15px; margin-bottom:12px; letter-spacing:-.03em; line-height:1.3em; font-size:var(--font-size-18); font-weight:500; position:relative;}
.s-cnt-wrap .tit:before {top:5px; width:5px; height:12px; position:absolute; content:''; left:0; background-color:var(--color-primary);}

.tb-1 table {border-top:1px solid #0e3043; border-collapse:collapse; width:100%; text-align:center;}
.tb-1 th {background-color:#f8f8f8; font-weight:500; color:#242424;}
.tb-1 th, .tb-1 td {height:60px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.tb-1 th:last-child, .tb-1 td:last-child {border-right:0;}
.fw500 {font-weight:500;}

.qna-wrap {border-top:2px solid var(--color-primary);}
.qna-wrap .item {padding:25px 0; border-bottom:1px solid #ddd;}
.qna-wrap .flex {margin-bottom:10px; display:flex;}
.qna-wrap .flex:last-child {margin-bottom:0;}
.qna-wrap .q {align-items:center;}
.qna-wrap .q p {color:var(--color-primary); font-weight:500;}
.qna-wrap span {width:40px; height:40px; line-height:40px; font-size:var(--font-size-20); text-align:center; border-radius:100%; color:#fff; font-weight:600;}
.qna-wrap span.qa-q {background-color:var(--color-primary);}
.qna-wrap span.qa-a {background-color:#cecece;}
.qna-wrap .col-r {margin-left:10px; flex:1;}
.qna-wrap i {font-style:normal;}
.qna-wrap .gr {margin:10px 0;}
.qna-wrap .gr-indent {padding-left:50px; text-indent:-50px;}

.doc-cnt .inner {margin-bottom:12px; font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.44em;}

.procedure .inner {margin-bottom:var(--space-25); font-weight:600; font-size:var(--font-size-20); color:var(--color-primary);}
.procedure ul {display:flex; margin:0 -20px -20px; flex-wrap:wrap;}
.procedure ul li {padding:0 20px; margin-bottom:20px; width:25%; position:relative;}
.procedure ul li .box {height:70px; line-height:1.5em; display:flex; align-items:center; justify-content:center; background-color:#1c75a7; border-radius:10px; text-align:center; color:#fff;}
.procedure ul li:after {width:11px; height:18px; right:-7px; top:50%; transform:translateY(-50%); background-image:url('../images/sub/procedure-arr.jpg'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.procedure ul li:nth-child(4n):after {display:none;}
.procedure ul li:last-child:after {display:none;}

.business-processing {padding:60px 70px 40px; background:url('../images/sub/business-processing.jpg') no-repeat 50% 50% / cover; color:#fff; border-radius:20px;}
.business-processing .tit {font-size:var(--font-size-30); font-weight:700; letter-spacing:-.03em; line-height:1.2em;}
.business-processing .txt1 {margin:var(--space-25) 0 var(--space-20); font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.4em;}
.business-processing .txt2 {line-height:1.56em;}
.business-processing .btn-wrap {margin-top:var(--space-70); display:flex;}
.business-processing .btn-wrap a {width:220px; height:60px; border-radius:10px; display:flex; align-items:center; justify-content:center; margin-right:10px; background-color:#fff; color:var(--color-primary);}
.business-processing .btn-wrap i {width:11px; height:15px; margin-left:10px; vertical-align:middle; display:inline-block; background:url('../images/sub/down-ico.png') no-repeat 50% 50% / contain;}
.business-processing .btn-wrap a:last-child {margin-right:0;}

.proceedings {margin:0 -41px -45px; display:flex; flex-wrap:wrap; text-align:center;}
.proceedings li {padding:0 41px; margin-bottom:45px; width:25%; position:relative;}
.proceedings li:after {width:20px; height:33px; right:-10px; top:85px; background-image:url('../images/sub/proced-arrow.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.proceedings li:nth-child(4n):after {display:none;}
.proceedings li:last-child:after {display:none;}
.proceedings li .ico {margin-bottom:15px; height:180px; display:flex; align-items:center; justify-content:center; border-radius:20px; background-color:#f8f8f8;}
.proceedings li .num {color:var(--color-primary); font-weight:700; letter-spacing:-.03em;}
.proceedings li .tit {font-size:var(--font-size-20); line-height:1.34em; font-weight:600; color:#242424;}
.proceedings li p {margin-top:12px;}

.required-documents {display:flex; flex-wrap:wrap; margin:0 -20px -60px;}
.required-documents .item {padding:0 20px; margin-bottom:60px; width:50%;}
.required-documents .inner {padding:45px 48px 20px; align-items:center; position:relative; display:flex; border:1px solid #0e3043;}
.required-documents .title {top:-23px; left:40px; width:160px; height:46px; border-radius:30px; display:flex; align-items:center; justify-content:center; position:absolute; font-size:var(--font-size-22); text-align:center; font-weight:700; color:#fff; background-color:var(--color-primary);}
.required-documents .title span {font-size:var(--font-size-18); font-weight:400;}
.required-documents .img {margin-right:var(--space-40);}
.required-documents ul {flex:1;}
.required-documents li {padding-left:25px; position:relative;}
.required-documents li:before {width:17px; height:14px; top:4px; left:0; background-image:url('../images/sub/chk-ico.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}

.pop_modal {padding-left:10px;}
.modal {padding:0; max-width:1200px; max-height:750px; overflow:scroll; box-shadow:none; border-radius:0;}
.layer_popup {display:none; width:100%; position:relative; z-index:100 !important;}
.modal a.close-modal {width:19px; height:19px; top:25px; right:50px; transform:translateX(-50%); background-size:contain; background-image:url(../images/sub/modal_cls.png);}
.layer_popup .title {padding:20px 50px; font-size:var(--font-size-20); font-weight:600; color:#fff; background-color:#1c75a7;}
.modal .inner {padding:40px 50px;}
.modal .tb-1 th, .modal .tb-1 td {height:50px;}

.calc-box {display:flex; padding:var(--space-80) var(--space-50); border:1px solid #ddd; align-items:flex-start; border-radius:20px;}
.calc-box .tt {font-size:var(--font-size-22); font-weight:600; line-height:1.2em; letter-spacing:-.03em; color:var(--color-primary); display:inline-block; margin-right:var(--space-20);}

.fee-wrap {flex:1 1 auto; min-width:0; width:1%; display:flex; align-items:center; margin-right:var(--space-70); min-height:var(--fee-height);}
.fee-wrap input {height:var(--fee-height); border-radius:5px;}
.fee-wrap .in-btn input {width:80px; margin-left:10px; line-height:var(--fee-height); cursor:pointer; background:var(--color-primary); border:0; font-weight:500; letter-spacing:-.02em; color:#fff; display:inline-block;}
.fee-wrap .in-txt {flex:1 1 auto; min-width:0; width:1%; position:relative;}
.fee-wrap .in-txt input {padding-right:var(--space-40); text-align:right;}
.fee-wrap .in-txt span {position:absolute; right:11px; top:50%; transform:translateY(-50%); font-size:var(--font-size-15); line-height:1.2em; letter-spacing:-0.02em; color:#777;}

.answer-wrap .box {display:flex; min-height:var(--fee-height); align-items:center; justify-content:flex-end; font-size:var(--font-size-22); font-weight:500; line-height:1em; letter-spacing:-0.02em; color:#505050}
.answer-wrap .price {padding-right:15px; height:var(--fee-height); border:1px solid #ddd; border-radius:5px; display:flex; align-items:center;}
.answer-wrap .price strong {min-width:395px; padding-right:20px; font-size:var(--font-size-32); color:var(--color-primary); display:inline-block; text-align:right;}
.answer-wrap .info {text-align:right; margin-top:12px;}