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

.doc-tit { position:relative; font-weight:700; padding-left:36px; margin-bottom:15px; font-size:24px; line-height:1.3em; color:#2c2c2c; } 
.doc-tit:before { content:""; position:absolute; top:2px; left:0; width:25px; height:25px; background:url('../images/sub/dot1.png') 0 0 no-repeat; background-size:100% 100%; } 

.doc-cnt { margin-bottom:65px; } 
.doc-cnt:last-child { margin-bottom:0; } 
.doc-cnt .indent { margin-left:24px; } 

.title-wrap { display:flex; align-items:center; min-height:220px; margin-bottom:10px; border:2px solid #838383; padding:18px 28px; } 
.title-wrap .title { flex:1 auto; width:1%; } 
.title-wrap .title h2 { padding-bottom:12px; border-bottom:1px solid #ddd; margin-bottom:10px; font-size:28px; line-height:1em; font-weight:400; color:#686868; } 
.title-wrap .title h2 strong { color:#242424; } 
.title-wrap .title h2 strong.f-c2 { color:#00a8e6; } 
.title-wrap .title h2 span { display:inline-block; margin-bottom:5px; font-size:18px; font-weight:500; color:#00a8e6; } 
.title-wrap .title h2 .img { display:inline-block; padding-left:10px; line-height:0; vertical-align:middle; } 
.title-wrap .title p { font-size:16px; line-height:28px; color:#ff8a00; font-weight:500; } 
.title-wrap .title .tel { font-size:16px; line-height:28px; color:#454545; } 
.title-wrap .title .txt { font-size:16px; line-height:28px; color:#454545; letter-spacing:-0.04em; } 
.title-wrap .img-zone { margin-left:30px; } 
.title-wrap .img-zone ul { display:flex; } 
.title-wrap .img-zone ul li { padding-left:20px; } 
.title-wrap .img-zone ul li:first-child { padding-left:0; } 
.title-wrap .img-zone ul li .img { position:relative; line-height:0; } 
.title-wrap .img-zone ul li .img:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #ddd; } 

.title-wrap .img-zone2 { margin-left:30px; text-align:right; flex:1 1 340px; max-width:340px; } 

.amounts-list { border:2px solid #00a8e6; padding:15px 28px 18px; margin-bottom:20px; } 
.amounts-list.border-c1 { border-color:#808080; } 
.amounts-list .title { margin-bottom:18px; font-size:18px; line-height:1.3em; font-weight:500; color:#454545; } 
.amounts-list .title strong { color:#00a8e6; font-weight:500; } 
.amounts-list .group { margin-bottom:25px; } 
.amounts-list .group:last-child { margin-bottom:0; } 
.amounts-list .inner { display:flex; align-items:flex-start; } 
.amounts-list .inner .table { flex: 1 1 500px; max-width: 500px; margin-right:30px; } 
/* .amounts-list .inner .table2 { flex:1 1 450px; max-width:450px; } */
/* .amounts-list .inner .table3 { flex:1 1 530px; max-width:530px; } */
.amounts-list .inner .table3 { flex: 1 1 560px; max-width: 560px; } 
.amounts-list .inner .table4 { flex:1 1 590px; max-width:590px; } 
.amounts-list .inner .list { flex:1 auto; width:1%; } 
.amounts-list .inner.inner2 .table table { border-top:2px solid #00a8e6; } 

.amounts-list .table table { width:100%; border-collapse:collapse; border-spacing:0px; border:1px solid #ddd; } 
.amounts-list .table table thead th { border:1px solid #ddd; height:40px; font-size:15px; font-weight:700; color:#454545; } 
.amounts-list .table table thead th.space-left { padding-left:20px; } 
.amounts-list .table table tbody td { border:1px solid #ddd; height:30px; padding:5px; text-align:center; font-size:15px; line-height:1.4em; color:#454545; } 
.amounts-list .table table tbody tr td:first-child { text-align:left; } 
.amounts-list .table table tbody td.f-c1 { color:#ff8a00; } 
.amounts-list .table table tbody td.f-c2 { color:#00a8e6; } 
.amounts-list .table table tbody td.space-left { padding-left:20px; } 
.amounts-list .table4 table thead th,
.amounts-list .table4 table tbody td { height:50px; } 

.amounts-list .refer { margin-top:15px; text-align:center; font-size:15px; line-height:30px; color:#454545; } 
.amounts-list .refer span { position:relative; padding-left:10px; display:inline-block; } 
.amounts-list .refer span:after { content:""; position:absolute; top:13px; left:0; width:4px; height:4px; border-radius:100%; background:#00a8e6; } 

.amounts-list .list ul li { position:relative; padding-left:10px; font-size:15px; line-height:22px; margin-bottom:8px; color:#454545; } 
.amounts-list .list ul li:after { content:""; position:absolute; top:9px; left:0; width:4px; height:4px; border-radius:100%; background:#00a8e6; } 
.amounts-list .list ul li:last-child { margin-bottom:0; } 
.amounts-list .list ul li.bf::after { display: none; }
.amounts-list .list ul li.bf { padding-left: 0; }
.amounts-list .list2 { margin-top:15px; } 

.amounts-list .step-list ul { display:flex; } 
.amounts-list .step-list ul li { position:relative; padding:0 40px; text-align:center; font-size:16px; line-height:21px; font-weight:500; } 
.amounts-list .step-list ul li:after { content:""; position:absolute; top:50%; left:0; margin-top:-10px; margin-left:-6px; width:12px; height:20px; background:url('../images/sub/arrow1.png') 0 0 no-repeat; background-size:100% 100%; } 
.amounts-list .step-list ul li:first-child:after { display:none; } 
.amounts-list .step-list ul li .num { color:#00a8e6; } 
.amounts-list .step-list ul li .tt { color:#454545; } 

.local-box { border:2px solid #00a8e6; padding:28px; } 
.local-box .local { margin-top:28px; } 
.local-box .local ul li { border-bottom:1px solid #ddd; padding:15px 0; display:flex; font-size:18px; line-height:30px; color:#454545; } 
.local-box .local ul li .tit { flex:1 1 164px; max-width:164px; font-weight:500; } 
.local-box .local ul li .txt { flex:1 auto; width:1%; } 

.root_daum_roughmap { width:100% !important; } 
.root_daum_roughmap .wrap_map { width:100% !important; }