@charset "utf-8"; /* doc.css는 디자인페이지 스타일을 정의합니다. */
 .root_daum_roughmap {width:100% !important; height:440px !important;} 
 .root_daum_roughmap .wrap_map {width:100% !important; height:440px !important;} 
 .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;} 
 .roughmap_lebel_text:after {content:"㈜아고스타"; font-size:12px; line-height:15px;} 
 
.doc-tit {padding-bottom:var(--space-50);}
.doc-tit  h2 {padding-bottom:var(--space-20); font-weight:600; font-size: var(--font-size-40); color: var(--color-dark); line-height:1em;}

.doc-cnt {padding:var(--header-height) 0;} 
.doc-cnt:first-child {padding-top:0;}

.doc-sub-cnt {padding-bottom:var(--header-height) 0;} 
.doc-sub-cnt:last-child {padding-bottom:0;}

.table-style table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #1f1f1f; line-height:1.5em;} 
.table-style table th {padding:13px; border:1px solid #ddd; border-top:0; font-weight:600; background:#fafafa;} 
.table-style table td {padding:13px; text-align:center; border:1px solid #ddd; border-top:0; color: #454545;} 
.table-style tr th:first-child,
.table-style tr td:first-child {border-left:0;} 
.table-style tr th:last-child,
.table-style tr td:last-child {border-right:0;} 
.table-style span {display:inline-block;} 
.table-style .normal {font-weight:400;} 

.pt0 {padding-top:0 !important;} 
.pb0 {padding-bottom:0 !important;} 

.txt-primary {color: var(--color-primary) !important;} 
.txt-second {color: var(--color-secondary) !important;} 

.txt-grey {color: #888888 !important;} 
.txt-wht {color: #fff !important;} 

.bg-grey {background-color: #f9f9f9;} 

.flex-wrap {display:flex;} 
.flex-wrap .flex { flex: 1 1 auto; width:1%; min-width:0; }

.fs-20 {font-size: var(--font-size-20) !important;}
.fs-18 {font-size: var(--font-size-18) !important;}

.dot-list > li {position:relative; padding-left:10px;} 
.dot-list > li:before {content:"·"; position:absolute; top:-2px; left:0; font-weight:700; font-size:20px; color:#242424;} 
.dot-list > li strong {font-weight:600;} 

.dash-list > li {position:relative; padding-left:10px;} 
.dash-list > li:before {content:"-"; position:absolute; top:-2px; left:0; font-weight:700; font-size:20px; color:#242424;} 
.dash-list > li strong {font-weight:600;} 
.dash-list.none > li {padding-left:0;} 
.dash-list.none > li::before {display: none;} 

select  option {color: #686868; border-radius: 0;}
select  option:hover {color: var(--color-primary);}