@charset "utf-8"; /* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap { width:100% !important; height:380px !important; } 
.root_daum_roughmap .wrap_map { width:100% !important; height:380px !important; } 
.roughmap_lebel_text { line-height:0 !important; font-size:0 !important; } 
.roughmap_maker_label { display: none !important; }
.roughmap_lebel_text:after { content:""; font-size:12px; line-height:15px; } 

.doc-tit { position:relative; margin-bottom:20px; padding-left:14px; color:#242424; font-size:var(--font-size-28); line-height:1em; } 
.doc-tit:before { content:""; position:absolute; top:0; left:0; width:4px; height:var(--font-size-28); background:var(--color-primary); } 

.doc-sub-tit { font-size: var(--font-size-28); margin-bottom:var(--space-40); color: #fff; text-align:center; } 

.doc-cnt { padding-top:var(--space-80) ; } 

.doc-sub-cnt { padding:var(--space-60) 0; } 

.table-flex {display:flex; gap: var(--space-40); }
.table-flex > div {width:50%;}

.table-style table { width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid var(--color-primary); line-height:1.5em; } 
.table-style table th { padding:13px; border:1px solid #ddd; border-top:0; font-weight:600; background:#f9f9f9; color: var(--color-dark); } 
.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; } 
.pt150 { padding-top:var(--space-150) !important; } 
.pt60 {padding-top:60px !important;}
.p10-20 {padding: var(--space-10) var(--space-20) !important;}

.mb16 {margin-bottom:16px;}

.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; } 

.dot-list > li { position:relative; padding-left:10px; } 
.dot-list > li:before { content:"·"; position:absolute; top:-2px; left:0; } 
.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; } 

.greetings { display:flex; align-items: center;    padding-top: 30px; } 
.greetings > div { width:50%; } 
.greetings h2 { font-weight:700; font-size: var(--font-size-40); color: var(--color-primary); line-height:1.2em; letter-spacing: 0; } 
.greetings h3 { margin:var(--space-20) 0 var(--space-20); font-weight:700; font-size: var(--font-size-28); line-height:1.43em; letter-spacing: 0; } 
.greetings .img { text-align:center; } 

.features { background: url(/images/main/bg-sec3.jpg) no-repeat center/cover; } 
.features .one-list > li { background-color: rgba(255,255,255,0.2); } 

.sky-box { display:flex; align-items: center; padding: var(--space-30); background:#e7ecf5; border-radius:var(--border-radius-25); margin-top:var(--space-40); } 
.sky-box > div { width:50%; } 
.sky-box .wrap { text-align:center; } 
.sky-box strong { display:block; font-weight:600; font-size: var(--font-size-24); color: var(--color-dark); } 
.sky-box p { font-weight:600; margin-top:5px; line-height:normal; } 
.sky-box .line { width: 1px; height: var(--space-60); background-color: rgb(153, 153, 153); } 
.sky-box.col1 >  div{width:100%;}

.directions-wrap {display:flex;}
.directions-wrap .directions { width:33.333%; }
.directions-wrap .map {flex: 1 1 auto; width:1%; min-width:0; }
.directions .address-info {width:33.3333%; margin-bottom:var(--space-50);}

.directions .address-info .comp {margin-bottom:5px; color:#11449b; font-weight:600;  font-size: var(--font-size-18);}
.directions .address-info .addr {color:#242424; font-size:var(--font-size-32); font-weight:700; line-height:1.33em; letter-spacing:-.03em;}
.directions .contact-info { display:flex; flex-direction: column; gap: var(--space-40) 0 ; line-height:1.5em;}
.directions .contact-info dt { margin-bottom:10px; color:#242424; font-size:1.125em; font-weight:700; font-size: var(--font-size-18);}
.directions .contact-info dd {display:flex; align-items: center;}
.directions .contact-info dd i {display:inline-block; margin-right:12px;}

.doc-guide p {text-align:center;}
.doc-guide .t1 {color: var(--color-primary); font-size: var(--font-size-32); line-height:1.25em; }
.doc-guide .t2 {color: #242424; font-size: var(--font-size-18); line-height:1.44em; }
.doc-guide .line { width:1px; height:var(--space-40);  margin:var(--space-20) auto; background: rgb(69, 69, 69);  }