/* compiled at 2022-05-02 08:53:07 */
@charset "utf-8";
#main-side-link { position: relative; overflow: hidden; border-radius: 8px; padding-left: 0; margin: 0; list-style: none; display: flex }
#main-side-link li { flex: 0 0 25% }
#main-side-link li.link1 a { background: #1ac4a4 }
#main-side-link li.link2 a { background: #509ade }
#main-side-link li.link3 a { background: #60768b }
#main-side-link li.link4 a { background: #af8ad6 }
#main-side-link li.link1 a:hover { background: #17ae91 }
#main-side-link li.link2 a:hover { background: #3a8eda }
#main-side-link li.link3 a:hover { background: #55697c }
#main-side-link li.link4 a:hover { background: #a277d0 }
#main-side-link li a { display: block; color: #fff; padding: 20px 0 12px 0; height: 142px; text-align: center; position: relative; font-family: "NanumBold"; font-size: 15px }
#main-side-link li a:hover { text-decoration: none; color: #eee }
#main-side-link li a > span.text { display: block }
#main-side-link li a > img { position: absolute; bottom: 12px; left: 50%; transform: translate(-50%,0) }
.inline-board > dl { border: 1px solid #ddd; border-radius: 2px; margin-bottom: 0 }
.inline-board dt { font-size: 18px; font-weight: 400; padding: 10px 14px; position: relative; background-color: #f3f2eb }
.inline-board dt > p { margin: 0 }
.inline-board dt > a { position: absolute; right: 16px; top: 9px; color: #757575 }
html[dir="rtl"] .inline-board dt > a { left: 16px; right: auto }
.inline-board dt > a:hover { color: #f44336 }
.inline-board dd { margin: 0; padding: 8px 10px }
.inline-board ul { list-style: none; padding: 0; margin: 0 }
.inline-board li { font-size: 15px; font-weight: 400; position: relative; line-height: 1.8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 80px 0 16px; border-radius: 4px }
.inline-board li:before { content: "▶"; position: absolute; left: 4px; top: 5px; font-size: 10px; color: #757575 }
.inline-board li:hover:before { color: #f44336 }
.inline-board li > a { color: #555 }
.inline-board li > .date { position: absolute; top: -1px; right: 4px; color: #999 }
html[dir="rtl"] .inline-board li { padding-right: 16px; padding-left: 80px }
html[dir="rtl"] .inline-board li:before { content: "◀"; right: 4px; left: auto }
html[dir="rtl"] .inline-board li > .date { right: auto; left: 4px }
#term-statistics { font-size: 14px; margin-bottom: 0 }
#term-statistics caption { font-family: "Nanum Gothic",Dotum,serif; font-size: 16px; font-weight: bold }
#term-statistics colgroup .title { width: 15% }
#term-statistics colgroup .user-count { width: 12% }
#term-statistics colgroup .req-count { width: 12% }
#term-statistics colgroup .para-count { width: 12% }
#term-statistics colgroup .char-count { width: 15% }
#term-statistics td, #term-statistics th { text-align: center }
#term-statistics thead > tr > th { background-color: #f6f6f6 }
#popup-zone { display: none; position: fixed; left: 0; top: 42px; height: 1px; z-index: 999999; font-family: "에스코어 드림","Noto Sans KR",Roboto,"Nanum Gothic","Nanum Gothic Coding",Helvetica,Arial,sans-serif; font-weight: 400 }
.hide-trans-toolbar #popup-zone { top: 0 }
#popup-zone > div { display: none; float: left; background: #fff; border-radius: 3px; box-shadow: 5px 5px 20px 5px rgba(0,0,0,0.5); padding: 1px; margin: 8px 0 0 8px; min-width: 200px; max-width: 100% }
#popup-zone > div > header { width: 100%; padding: 4px; line-height: 1.4; overflow: hidden; background-color: #333; color: #fff; border-radius: 3px 3px 0 0; font-size: 12px; white-space: nowrap }
#popup-zone > div > header > button { display: inline-block; color: #fff; background-color: transparent; border: none; outline: none; border-radius: 4px; padding: 2px 4px; text-decoration: none }
#popup-zone > div > header > button:hover { background-color: #fff; color: #333 }
#popup-zone > div > header > button.block { float: left }
#popup-zone > div > header > button.close { float: right; width: 24px }
#popup-zone > div > header > button.close > .fa { transform: translate(0,-1px) }
#popup-zone > div > main { max-height: 500px; line-height: 1.8; margin-top: 1px; overflow: auto; font-size: 14px; background-color: #ffffd7; border-radius: 0 0 3px 3px }
#popup-zone > div > main.content { padding: 20px }
#popup-zone > div > main img { max-width: 100% }
.sites { font-family: "에스코어 드림","Noto Sans KR",Roboto,"Nanum Gothic","Nanum Gothic Coding",Helvetica,Arial,sans-serif; font-size: 13px; font-weight: 400 }
.sites > ul { padding-left: 0; list-style: none }
.sites li > a { display: block; padding: 4px 8px; background-color: #333; line-height: 1.8; color: #fff; border-radius: 4px; overflow: hidden; text-overflow: ellipsis; width: 100% }
.sites li > a:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0a4"; margin-right: 4px }
@media screen and (min-width:600px) {
	.inline-board > dl { height: 220px }
}