@charset "utf-8"; /* doc.css는 디자인페이지 스타일을 정의합니다. */
 .root_daum_roughmap { width:100% !important; height:430px !important; } 
 .root_daum_roughmap .wrap_map { width:100% !important; height:430px !important; } 

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

.doc-tit { font-size: var(--font-size-30); line-height:normal; color: var(--color-dark); padding-bottom:var(--space-20); } 

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

.flex-wrap { display: flex; } 
.flex-center { display: flex; justify-content: center; } 
.flex-center.mid { display: flex; justify-content: center; align-items: center; } 
.flex-between { display: flex; justify-content: space-between; } 
.flex-mid { display: flex; align-items: center; } 
.flex-bottom { display: flex; align-items: flex-end; } 
.flex-column { display: flex; flex-direction: column; } 
.flex1 { flex: 1; } 
.flex1-auto { flex: 1 1 auto; width:1%; min-width:0; } 

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

/* num-list */
ol { display: block; list-style-type: decimal; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 18px; } 
ol li { display: list-item; text-align: -webkit-match-parent; margin-bottom:5px; } 
ol li:last-child { margin-bottom:0; } 

.pt0 { padding-top:0 !important; } 
.pb0 { padding-bottom:0 !important; } 
.pb50 { padding-bottom:var(--space-50) !important; } 

.mt0 { margin-top:0 !important; } 
.mb0 { margin-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; } 
.txt-red { color: #ee0303 !important; } 

.highlight { display: inline; box-shadow: inset 0 -14px 0 #f7f5fa; border-radius: 3px; } 

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

.greeting { display:flex; align-items: center; gap:0 var(--space-100); } 
.greeting .col-l { width:42%; } 
.greeting .col-r { flex:1; } 
.greeting .col-r .tit { margin-bottom:var(--space-35); border-bottom: 1px solid #ddd; padding-bottom:var(--space-40); font-size:var(--font-size-30); line-height:1em; font-weight:700; color:#000000; } 
.greeting .col-r .mid p { margin-bottom:var(--space-30); line-height:1.66em; } 
.greeting .col-r .mid p:last-child { margin-bottom:0; } 

.expert-list { display:grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-100) var(--space-80); } 
.expert-list h3 { position:relative; padding-bottom:var(--space-40); border-bottom: 1px solid #ddd; margin-bottom:var(--space-40); color: #000000; font-size: var(--font-size-30); line-height:1em; } 
.expert-list h3::after { content: ""; position: absolute; left:0; bottom: -1px; width:var(--space-200); height:2px; background-color: var(--color-primary); } 
.expert-list h3 span { font-size:var(--font-size-20); color: #111; font-weight:400; } 
.expert-list h4 { font-size: var(--font-size-20); line-height:1em; } 
.expert-list .dot-list { margin-top:var(--space-30); } 
.expert-list .dot-list > li { position:relative; padding-left:20px; font-size:var(--font-size-18); line-height:1.66em; } 
.expert-list .dot-list > li:before { content:"•"; position:absolute; top: -1px; left: -2px; color:var(--color-primary); font-size:var(--font-size-18); line-height:1.66em; font-weight:400; } 

/* 시설 둘러보기 */
.img-list { display:grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-80) var(--space-40); } 

.directions { margin-top:40px; } 
.directions .address-info { margin-bottom:30px; } 
.directions .address-info .comp { color:var(--color-primary); font-weight:800; margin-bottom:2px; font-size: var(--font-size-16); } 
.directions .address-info .addr { color:#000000; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px; } 
.directions .address-info .etc span { display:inline-block; margin-right:16px; } 
.directions .address-info .etc span:last-child { margin-right:0; } 
.directions .desc { margin-top:var(--space-20); } 
.directions .contact-info { border-top:1px solid #ddd; line-height:1.5em; } 
.directions .contact-info dl { display:flex; padding:28px 0; border-bottom:1px solid #ddd; } 
.directions .contact-info dt { width:180px; padding-left:30px; color:var(--color-dark); font-weight:700; } 
.directions .contact-info dt svg { vertical-align:middle; margin:-.2em 15px 0 0; } 
.directions .contact-info dt path { fill:var(--color-primary); } 
.directions .contact-info dd { flex:1 1 auto; min-width:0; width:1%; } 

.sub-head { padding-bottom:var(--space-100); } 
.sub-head strong { display:block; font-size: var(--font-size-30); line-height:normal; color: var(--color-dark); padding-bottom:var(--space-20); } 
.sub-head p:not(:last-child) { margin-bottom:var(--space-30); } 
.sub-head p span { font-weight:700; } 

.counseling-list { display:grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-100); } 
.counseling-list h3 { position:relative; display: flex; align-items: center; padding-bottom:var(--space-30); border-bottom: 1px solid #ddd; margin-bottom:var(--space-30); color: #000; font-size: var(--font-size-24); line-height:1em; } 
.counseling-list h3::after { content: ""; position: absolute; left:0; bottom: -1px; width:var(--space-200); height:2px; background-color: var(--color-primary); } 
.counseling-list h3 p {flex: 1;}
.counseling-list .wrap { padding-left:var(--space-40); } 
.counseling-list p:not(:last-child) { margin-bottom:var(--space-30); } 

.num { display:flex; justify-content: center; align-items: center; margin-right:14px; border-radius: 50%; background-color: rgb(127, 191, 176); width: 27px; height: 27px; font-family: 'Pretendard'; color: #fff; font-weight:500; font-size: var(--font-size-16); } 
.step { display:inline-block; padding:8px 14px; margin-right:15px; font-family: 'Pretendard'; color: #fff; font-weight:500; font-size: var(--font-size-16); line-height:1em; border-radius: 50vh; background-color: rgb(127, 191, 176); } 

.i-num-list { display:grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-75) 0; } 
.i-num-list li { display:flex;  } 
.i-num-list i { display:block; width:125px; margin-right:var(--space-30); } 
.i-num-list i img {width:100%; object-fit: contain; }
.i-num-list .cnt { flex: 1; padding-top: 10px} 
.i-num-list h2 { display:flex; font-size: var(--font-size-24); line-height:normal; color: var(--color-dark); } 
.i-num-list p { margin-top:var(--space-15); padding-left:40px; padding-right: var(--space-30);} 

.board-form .item { display: inline-block; margin: 4px 16px 4px 0; } 
.board-form .item:last-child { margin-right: 0; }