@charset "UTF-8";

section.contents-section div.contents { padding: 3rem 8rem; }

/* 공지사항 */
section.contents-section div.contents h1 { margin: 2rem 0 0 0; font-size: 2.8rem; font-weight: var( --font-weight-bold); }
section.contents-section div.contents section.func-section { padding: 3rem 0 0 0; text-align: center; }
section.contents-section div.contents section.func-section button { padding: 1.2rem 6rem; font-size: 1.6rem; border-radius: 0.6rem; border: none; background-color: var( --color-of-theme ); color: var( --color-of-white ); }
section.contents-section div.contents section.func-section button:disabled { background-color: var( --color-of-disabled ); }

section.contents-section div.contents section.list-section { margin: 5rem 0 3rem 0; border-top: 2px solid var( --default-font-color ); }
section.contents-section div.contents section.list-section table:not(.no-hover) tr:not(.empty):hover { background-color: var( --color-of-soft-theme ); }
section.contents-section div.contents section.list-section table tr td { position: relative; padding: 3rem 0; border-bottom: 1px solid var( --default-font-color ); cursor: pointer; }
section.contents-section div.contents section.list-section table tr td.date { padding: 3rem 0; font-size: 1.6rem; text-align: center; color: var( --color-of-light-gray ); }
section.contents-section div.contents section.list-section table tr td > button.flip { position: absolute; top: 3rem; right: 3rem; padding: 0; width: 2rem; height: 1rem; transform: translateY(50%); border: none; background: none;
	background-image: var( --icon-unfold-url ); background-repeat: no-repeat; }
section.contents-section div.contents section.list-section table tr td > button.flip.fold { background-image: var( --icon-fold-url ); }
section.contents-section div.contents section.list-section table tr td > span { display: block; margin-left: 3rem; width: 920px; font-size: 2rem; text-align: left; color: var( --color-of-dark-gray ); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
section.contents-section div.contents section.list-section table tr td > span i { margin-right: 2rem; font-size: 2rem; font-weight: var( --font-weight-bold ); font-style: normal; color: var( --default-font-color ); }
section.contents-section div.contents section.list-section table tr td div.faq-ans { display: flex; padding: 3rem; background-color: var( --color-of-bg ); border-top: 1px solid var( --color-of-soft-border); cursor: default; }
section.contents-section div.contents section.list-section table tr td div.faq-ans > span { width: 96%; text-align: left; font-size: 1.6rem; color: var( --color-of-gray ); }
section.contents-section div.contents section.list-section table tr td div.faq-ans > span.ttl { margin-right: 2rem; width: fit-content; font-size: 2rem; font-weight: var( --font-weight-bold ); font-style: normal; color: var( --default-font-color ); }
section.contents-section div.contents section.list-section table tr td div.attchment { padding: 1rem 3rem 1rem 0; text-align: right; font-size: 1.4rem; background-color: var( --color-of-bg ); cursor: default; }
section.contents-section div.contents section.list-section table tr td div.attchment span { color: var( --color-of-light-gray ); }
section.contents-section div.contents section.list-section table tr td div.attchment button { margin: 1rem 0 0 1.2rem; padding: 0 0.4rem 0.4rem 2.6rem; width: fit-content; max-width: 460px; font-size: 1.4rem; border: none; border-radius: 0; background: none; color: var( --color-of-theme );
	background-image: var( --clip-icon-url ); background-repeat: no-repeat; background-size: 1.5rem; background-position: center left 0.4rem; border-bottom: 1px solid var( --color-of-theme);
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
section.contents-section div.contents section.list-section table tr td > button.flip.fold + div.faq-ans { display: none; }
section.contents-section div.contents section.list-section table tr td > button.flip.fold + div.faq-ans + div.attchment { display: none; }
section.contents-section div.contents section.list-section table tr.faq-list td { padding-bottom: 0; }
section.contents-section div.contents section.list-section table tr.faq-list td > span { margin-bottom: 3rem; }
section.contents-section div.contents section.list-section table tr.empty td { padding: 8rem 0; font-size: 1.8rem; color: var( --color-of-light-gray ); border-bottom: 1px solid var( --default-font-color ); cursor: default; }

/* 공지사항 - 상세 */
section.contents-section div.contents section.notice-header-section { margin: 5rem 0 0 0; padding: 3rem; border-top: 2px solid var( --default-font-color ); }
section.contents-section div.contents section.notice-header-section h2 { margin: 0; padding-bottom: 3rem; text-align: left; font-size: 2.4rem; font-weight: var( --font-weight-bold); }
section.contents-section div.contents section.notice-header-section p { text-align: left; font-size: 1.6rem; color: var( --default-font-color ); font-weight: var( --font-weight-bold ); }
section.contents-section div.contents section.notice-header-section p span { margin-left: 1rem; color: var( --color-of-light-gray ); font-weight: var( --font-weight-normal ); }
section.contents-section div.contents section.notice-body-section { padding: 0; border-top: 1px solid var( --default-font-color ); border-bottom: 1px solid var( --color-of-soft-border ); }
section.contents-section div.contents section.notice-body-section div.notice-dscr { padding: 5rem 3rem; text-align: left; font-size: 1.6rem; color: var( --color-of-gray ); }
section.contents-section div.contents section.notice-body-section div.attchment { padding: 1rem 3rem 2rem 0; text-align: right; font-size: 1.4rem; border-bottom: 1px solid var( --color-of-soft-border ); }
section.contents-section div.contents section.notice-body-section div.attchment span { color: var( --color-of-light-gray ); }
section.contents-section div.contents section.notice-body-section div.attchment button { margin: 1rem 0 0 1.2rem; padding: 0 0.4rem 0.4rem 2.6rem; width: fit-content; max-width: 460px; font-size: 1.4rem; border: none; border-radius: 0; background: none; color: var( --color-of-theme );
	background-image: var( --clip-icon-url ); background-repeat: no-repeat; background-size: 1.5rem; background-position: center left 0.4rem; border-bottom: 1px solid var( --color-of-theme);
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
section.contents-section div.contents section.notice-body-section div.pn { display: flex; flex-direction: row; padding: 2rem 3rem; font-size: 1.6rem; }
section.contents-section div.contents section.notice-body-section div.pn > div { display: flex; flex-direction: column; width: 50%; }
section.contents-section div.contents section.notice-body-section div.pn > div p i { display: inline-block; width: 2rem; height: 1.2rem; background-repeat: no-repeat; background-position: center; }
section.contents-section div.contents section.notice-body-section div.pn > div p.direction { margin-bottom: 2rem; color: var( --color-of-light-gray ); }
section.contents-section div.contents section.notice-body-section div.pn > div p.direction.active { color: var( --color-of-theme ); }
section.contents-section div.contents section.notice-body-section div.pn > div p.ttl { color: var( --color-of-gray ); cursor: pointer; }
section.contents-section div.contents section.notice-body-section div.pn > div p.ttl:not(.empty):hover { color: var( --color-of-theme ); }
section.contents-section div.contents section.notice-body-section div.pn > div p.empty { color: var( --color-of-light-gray ) !important; cursor: default; }
section.contents-section div.contents section.notice-body-section div.pn > div.p { justify-content: start; }
section.contents-section div.contents section.notice-body-section div.pn > div.p p { text-align: left; }
section.contents-section div.contents section.notice-body-section div.pn > div.p p i { margin-right: 1rem; background-image: var( --line-arrow-left-url ); }
section.contents-section div.contents section.notice-body-section div.pn > div.n { justify-content: end; }
section.contents-section div.contents section.notice-body-section div.pn > div.n p { text-align: right; }
section.contents-section div.contents section.notice-body-section div.pn > div.n p i { margin-left: 1rem; background-image: var( --line-arrow-right-url ); }

/* 문의하기 */
section.contents-section div.contents p.inquiry-dscr { margin-top: 5rem; padding-bottom: 1rem; text-align: left; font-size: 1.6rem; border-bottom: 2px solid var( --default-font-color ); color: var( --color-of-gray ); }
section.contents-section div.contents .only-guest { display: none; }
section.contents-section div.contents section.input-section { margin: 0 0 3rem 0; padding: 2rem 0; border-bottom: 1px solid var( --default-font-color ); }
section.contents-section div.contents section.input-section table tr th { padding: 0.8rem 0 0.8rem 3rem; text-align: left; font-size: 1.6rem; font-weight: var( --font-weight-normal ); }
section.contents-section div.contents section.input-section table tr td { padding: 0.8rem 3rem 0.8rem 0; text-align: left; font-weight: var( --font-weight-normal ); }
section.contents-section div.contents section.input-section table tr td select { padding: 1rem; width: 420px; font-size: 1.6rem; border-radius: 0.8rem; border: 1px solid var( --color-of-default-border ); }
section.contents-section div.contents section.input-section table tr td input[type="text"] { padding: 1.4rem; width: 100%; font-size: 1.6rem; border: 1px solid var( --color-of-default-border ); border-radius: 0.8rem; }
section.contents-section div.contents section.input-section table tr td textarea { padding: 1rem; width: 100%; height: 30rem; font-size: 1.6rem; border: 1px solid var( --color-of-default-border ); border-radius: 1rem; }