@charset "utf-8";
#page-about0 { font-size: 16px; font-family: "에스코어 드림","Noto Sans KR",Roboto,"Nanum Gothic","Nanum Gothic Coding",Helvetica,Arial,sans-serif; line-height: 1.5 }
#page-about0 h3 { font-size: 18px; font-weight: 400; color: #555 }
#page-about0 h4 { margin-top: 20px; font-size: 16px; font-weight: 400; color: #666 }
#page-about0 h5 { margin-top: 20px; font-size: 16px; font-weight: normal; color: #666 }
#page-about0 figure { text-align: center }
#page-about0 figure > img { width: 95% }
#page-about0 figure > figcaption { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; border: 0 !important }
#page-about0 #work-plan { max-width: 800px; margin: 20px auto }
#page-about0 #work-plan > dl > dt > div { font-weight: 400; border-radius: 6px; text-align: center; color: #fff; padding: 8px }
#page-about0 #work-plan > dl > dt.plan1 > div { background-color: #006cb7 }
#page-about0 #work-plan > dl > dt.plan2 > div { background-color: #01a1b9 }
#page-about0 #work-plan > dl > dt.plan3 > div { background-color: #a066cc }
#page-about0 #work-plan > dl > dd { margin-inline-start: 0 }
#page-about0 #work-plan > dl > dd > div { font-weight: 400; border-radius: 6px; border: 1px solid; padding: 8px }
#page-about0 #work-plan > dl > dd > div > ul { margin-bottom: 0 }
#page-about0 #work-plan > dl > dd > div > ul > li { margin: 4px 0 }
#page-about0 #work-plan > dl > dd.plan1 > div { color: #006cb7; border-color: #006cb7; text-align: center }
#page-about0 #work-plan > dl > dd.plan2 > div { color: #01a1b9; border-color: #01a1b9 }
#page-about0 #work-plan > dl > dd.plan3 > div { color: #a066cc; border-color: #a066cc }
#page-about0 #work-plan > dl > dd.plan1:after, #page-about0 #work-plan > dl > dd.plan2:after { content: ""; display: block; height: 60px; background-image: url("images/up-arrow.png"); background-repeat: no-repeat; background-position: center bottom }
#page-about0 #work-chart { position: relative; overflow: auto; max-width: 100%; text-align: center; padding: 40px 0 }
#page-about0 #work-chart > .dynamic-content, #page-about0 #work-chart > span[data-text-image] { width: 800px; height: 388px }
#page-about0 #work-chart img { width: 100% }
#page-about0 #diagram { max-width: 800px; margin: 0 auto }
#page-about0 #diagram > table { table-layout: fixed; border-spacing: 0; width: 100% }
#page-about0 #diagram td { position: relative; padding: 6px; text-align: center; font-weight: 400 }
#page-about0 #diagram td.box:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #006cb7; border-radius: 4px; z-index: -1 }
#page-about0 #diagram td.fill { color: #fff }
#page-about0 #diagram td.fill:before { background-color: #5296c1; border-radius: 4px 4px 0 0 }
#page-about0 #diagram td.upper:before { border-radius: 0 0 4px 4px; border-top: none }
#page-about0 #diagram td > span.box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #006cb7; border-radius: 4px; z-index: -1 }
#page-about0 #diagram td > span.box.upper { border-radius: 0 0 4px 4px; border-top: none }
#page-about0 #diagram .line-v { background-image: url("images/line-v.gif"); background-repeat: no-repeat; background-position: center center }
#page-about0 #diagram .line-h { background-image: url("images/line-h.gif"); background-repeat: no-repeat; background-position: center center }
#page-about0 #diagram .line-trb { background-image: url("images/line-trb.gif"); background-repeat: no-repeat; background-position: center center }
html[dir="rtl"] #page-about0 #diagram .line-trb { background-image: url("images/line-tlb.gif") }
#page-about0 #diagram .line-cross { background-image: url("images/line-cross.gif"); background-repeat: no-repeat; background-position: center center; height: 37px }
#page-about0 #diagram .line-lb { background-image: url("images/line-lb.gif"); background-repeat: no-repeat; background-position: center center }
html[dir="rtl"] #page-about0 #diagram .line-lb { background-image: url("images/line-rb.gif") }
#page-about0 #diagram .line-rb { background-image: url("images/line-rb.gif"); background-repeat: no-repeat; background-position: center center }
html[dir="rtl"] #page-about0 #diagram .line-rb { background-image: url("images/line-lb.gif") }
#page-about0 strong { font-weight: 500 }
/* compiled at 2023-08-17 08:43:54 */