@charset "utf-8"; /* doc.css는 디자인페이지 스타일을 정의합니다. */
.doc-tit { padding-bottom:var(--space-40); font-size: var(--font-size-40); color: var(--color-dark); line-height:1em; } 

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

.doc-guide { margin-top: 10px; line-height:1.875em; } 

.doc-cnt { padding-bottom:var(--space-120); } 
.doc-cnt:last-child { padding-bottom:0; } 

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

.table-style table { width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #ddd; line-height:1.5em; } 
.table-style table th { padding:17px; border:1px solid #ddd; border-top:0; font-weight:700; background:#f8f8f8; text-align:center; font-weight:700; color: #222; } 
.table-style table td { padding:17px; text-align:center; border:1px solid #ddd; border-top:0; } 
.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; } 
.table-style td.space-left { text-align: left !important; line-height:1.875em; } 
.table-style tbody.space-left tr > * { text-align: left !important; } 

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

.mb30 { margin-bottom:var(--space-30) !important; } 
.mb15 { margin-bottom:var(--space-15) !important; } 

.txt-primary { color: var(--color-primary) !important; } 
.txt-second { color: var(--color-secondary) !important; } 
.txt-grey { color: #787878 !important; } 
.txt-wht { color: #fff !important; } 

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

.lh-md { line-height:1.5em !important; } 

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

.dot-list > li { position:relative; padding-left:14px; line-height:1.88em; } 
.dot-list > li:before { content:"·"; position:absolute; top:0; left:0; font-weight:900; color:var(--color-primary); line-height:1.88em; } 
.dot-list.type2 > li { display:flex; } 
.dot-list.type2 > li:before { content:"•"; font-weight:400; color:#505050; } 
.dot-list.type2 > li strong { display:inline-block; width:66px; } 
.dot-list.type2.w-95 > li strong { width: 95px; } 
.dot-list.block > li { display:block !important; margin-bottom:10px; padding-left:0; } 
.dot-list.block > li:last-child { margin-bottom:0; } 
.dot-list.block > li strong { width:auto; padding-left: 14px; } 
.dot-list > li p { flex: 1 1 auto; width:1%; min-width:0; } 
.dot-list.block > li p { flex: none; width:100%; min-width:100%; } 
 
.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; } 

/* greetings */ 
.greetings .flex-wrap > div { width:50%; } 
.greetings .tit { position:relative; margin-top:var(--space-40); padding-top:var(--space-30); font-size: var(--font-size-36); font-weight:600; color: #222; line-height:1.28em; } 
.greetings .tit::before { content: ""; position: absolute; top:0; left:0; width:var(--space-60); height:2px; background:var(--color-primary) } 
.greetings .desc { padding-top:var(--space-70);} 
.greetings .desc p { margin-bottom:var(--space-30); } 
.greetings .desc p:last-child { margin-bottom:0; } 

/* directions */
.sub-map .root_daum_roughmap { width:100% !important; height:430px !important; } 
.sub-map .root_daum_roughmap .wrap_map { width:100% !important; height:430px !important; } 

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

/* 사회복지학과 */
.sub-head .img { margin-bottom:var(--space-30); } 
.sub-head p { font-size: var(--font-size-18); margin-bottom:var(--space-20); } 
.sub-head p:last-child { margin-bottom:0; } 

.field-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-20); } 
.field-list li { position:relative; height: 360px; padding:clamp(16px, calc( 50 / var(--inner) * 100vw ), 50px );; border-radius: 6px; border: 1px solid #ddd; } 
.field-list li .tit { margin-bottom:15px; font-size:var(--font-size-30); font-weight:700; color:#222; line-height:1em; } 
.field-list li .t1 { margin-bottom:var(--space-20); color:#999999; font-size: var(--font-size-18); line-height:inherit; } 
.field-list li .ico { position:absolute; bottom: clamp(16px, calc( 50 / var(--inner) * 100vw ), 50px );; right:clamp(16px, calc( 50 / var(--inner) * 100vw ), 50px );; } 
.field-list.h-390 li { height:390px; } 

.policy-list { border-top:1px solid #ddd; } 
.policy-list li { display:flex; align-items: center; padding:var(--space-25) 0; border-bottom: 1px solid #ddd; } 
.policy-list li .num { display:inline-block; padding: 0 var(--space-30); margin-right:var(--space-15); color: var(--color-primary); font-size: var(--font-size-20); line-height:1em; } 
.policy-list.type2 li .num { width:18%; } 

.tab-menu { position:relative; margin-bottom:var(--space-60); } 
.tab { margin:0 auto; max-width:1200px; } 
.tab ul { display:flex; } 
.tab ul li { flex:1; text-align:center; border:1px solid #ddd; } 
.tab ul li:first-child { border-left:1px solid #ddd; } 
.tab ul li a { display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height: clamp(40px, calc( 60 / var(--inner) * 100vw ), 70px );; padding:0 15px; font-size:var(--font-size-17); font-weight:600; line-height:1.2em; letter-spacing:0; color: #787878; } 
.tab ul li.on { background:var(--color-primary); border:0; } 
.tab ul li.on a { color:#fff; } 

.down-wrap { display:flex; justify-content: end; } 
.btn-down { display:flex; justify-content: center; align-items: center; width: 169px; height: 58px; margin-bottom:var(--space-30); border-radius: 6px; border: 1px solid var(--color-primary); font-weight:600; color: var(--color-primary); } 
.btn-down img { display:inline-block; margin-left:var(--space-20); } 
.pdf-viewer-iframe { position:relative; padding-bottom:85vh; } 
.pdf-viewer-iframe iframe { position:absolute; top:0; left:0; width:100%; height:100%; } 

.procedure-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 50px; margin-top: 10px; } 
.procedure-list li { position:relative; height: 208px; padding:var(--space-30); border-radius: 12px; border: 1px solid #ddd; } 
.procedure-list li::after { content: ""; position: absolute; top:50%; right: -34px; transform: translateY(-50%); width: 16px; height: 16px; background: url(/images/sub/arrow.png) no-repeat center/contain; } 
.procedure-list li:last-child::after { display:none; } 
.procedure-list li .tit { margin-bottom:15px; font-size:var(--font-size-18); font-weight:700; color:var(--color-primary); line-height:1em; } 
.procedure-list li .tx { line-height:1.63em; } 
.procedure-list li .ico { position:absolute; bottom: var(--space-35); right:var(--space-35); } 

.imgSwiper { margin-bottom:var(--space-55); } 

.swiper-button-next:after, .swiper-button-prev:after { display:none; } 
.swiper-button-next, .swiper-button-prev { width:70px; height:70px; border: 1px solid rgba(255, 255, 255, .3); border-radius: 100%; background: url(/images/sub/arrow-02.png) no-repeat center; background-size: 11px auto; } 
.swiper-button-prev { transform: rotate(180deg); left: var(--space-20); } 
.swiper-button-next { right: var(--space-20); } 
.swiper-button-next:hover, 
.swiper-button-prev:hover { background-color: #474747; border: 1px solid #474747; }