@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 { padding: 2rem 3rem 2rem 0; vertical-align: top; text-align: left; border-bottom: 1px solid var( --default-font-color ); cursor: pointer; }
section.contents-section div.contents section.list-section table tr td h3 { margin: 0; padding-left: 3rem; text-align: left; font-size: 2rem; width: 1080px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
section.contents-section div.contents section.list-section table tr td p { margin-top: 3rem; padding-left: 3rem; text-align: left; font-size: 1.6rem; line-height: 2.2rem; color: var( --color-of-gray ); }
section.contents-section div.contents section.list-section table tr td p.date { margin-top: 2rem; padding-left: 3rem; text-align: left; font-size: 1.6rem; color: var( --color-of-light-gray ); }
section.contents-section div.contents section.list-section table tr.empty td { padding: 8rem 0; text-align: center; 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.list-section table tr td > span { display: block; margin-left: 3rem; width: 920px !important; 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.prs-rls-header-section { margin: 5rem 0 0 0; padding: 3rem; border-top: 2px solid var( --default-font-color ); }
section.contents-section div.contents section.prs-rls-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.prs-rls-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.prs-rls-header-section p.newsSource { padding-bottom: 7px; }
section.contents-section div.contents section.prs-rls-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.prs-rls-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.prs-rls-body-section div.prs-rls-dscr { padding: 5rem 3rem; text-align: left; font-size: 1.6rem; }
section.contents-section div.contents section.prs-rls-body-section div.prs-rls-dscr b{ font-weight: bold !important; }
section.contents-section div.contents section.prs-rls-body-section div.pn { display: flex; flex-direction: row; padding: 2rem 3rem; font-size: 1.6rem; }
section.contents-section div.contents section.prs-rls-body-section div.pn > div { display: flex; flex-direction: column; width: 50%; }
section.contents-section div.contents section.prs-rls-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.prs-rls-body-section div.pn > div p.direction { margin-bottom: 2rem; color: var( --color-of-light-gray ); }
section.contents-section div.contents section.prs-rls-body-section div.pn > div p.direction.active { color: var( --color-of-theme ); }
section.contents-section div.contents section.prs-rls-body-section div.pn > div p.ttl { color: var( --color-of-gray ); cursor: pointer; }
section.contents-section div.contents section.prs-rls-body-section div.pn > div p.ttl:not(.empty):hover { color: var( --color-of-theme ); }
section.contents-section div.contents section.prs-rls-body-section div.pn > div p.empty { color: var( --color-of-light-gray ) !important; cursor: default; }
section.contents-section div.contents section.prs-rls-body-section div.pn > div.p { justify-content: start; }
section.contents-section div.contents section.prs-rls-body-section div.pn > div.p p { text-align: left; }
section.contents-section div.contents section.prs-rls-body-section div.pn > div.p p i { margin-right: 1rem; background-image: var( --line-arrow-left-url ); }
section.contents-section div.contents section.prs-rls-body-section div.pn > div.n { justify-content: end; }
section.contents-section div.contents section.prs-rls-body-section div.pn > div.n p { text-align: right; }
section.contents-section div.contents section.prs-rls-body-section div.pn > div.n p i { margin-left: 1rem; background-image: var( --line-arrow-right-url ); }

/* 뉴스레터 목록 */
section.contents-section div.contents section.list-section table.newsletter tr:not(.empty) td { padding: 3rem 0; }
section.contents-section div.contents section.list-section table.newsletter 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.newsletter-header-section { margin: 5rem 0 0 0; padding: 3rem; border-top: 2px solid var( --default-font-color ); }
section.contents-section div.contents section.newsletter-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.newsletter-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.newsletter-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.newsletter-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.newsletter-body-section div.newsletter-dscr { padding: 5rem 3rem; text-align: left; font-size: 1.6rem; }
section.contents-section div.contents section.newsletter-body-section div.newsletter-dscr b { font-weight: bold !important; }
section.contents-section div.contents section.newsletter-body-section div.pn { display: flex; flex-direction: row; padding: 2rem 3rem; font-size: 1.6rem; }
section.contents-section div.contents section.newsletter-body-section div.pn > div { display: flex; flex-direction: column; width: 50%; }
section.contents-section div.contents section.newsletter-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.newsletter-body-section div.pn > div p.direction { margin-bottom: 2rem; color: var( --color-of-light-gray ); }
section.contents-section div.contents section.newsletter-body-section div.pn > div p.direction.active { color: var( --color-of-theme ); }
section.contents-section div.contents section.newsletter-body-section div.pn > div p.ttl { color: var( --color-of-gray ); cursor: pointer; }
section.contents-section div.contents section.newsletter-body-section div.pn > div p.ttl:not(.empty):hover { color: var( --color-of-theme ); }
section.contents-section div.contents section.newsletter-body-section div.pn > div p.empty { color: var( --color-of-light-gray ) !important; cursor: default; }
section.contents-section div.contents section.newsletter-body-section div.pn > div.p { justify-content: start; }
section.contents-section div.contents section.newsletter-body-section div.pn > div.p p { text-align: left; }
section.contents-section div.contents section.newsletter-body-section div.pn > div.p p i { margin-right: 1rem; background-image: var( --line-arrow-left-url ); }
section.contents-section div.contents section.newsletter-body-section div.pn > div.n { justify-content: end; }
section.contents-section div.contents section.newsletter-body-section div.pn > div.n p { text-align: right; }
section.contents-section div.contents section.newsletter-body-section div.pn > div.n p i { margin-left: 1rem; background-image: var( --line-arrow-right-url ); }

/* 뉴스레터 구독하기 */
section.contents-section div.contents section.newsletter-subscribe-section { margin: 5rem auto 0 auto; padding: 5rem 20rem; width: 1000px; text-align: center; background-color: var( --color-of-drop-down-bg ); border-radius: 1rem; }
section.contents-section div.contents section.newsletter-subscribe-section table tr th { text-align: left; }
section.contents-section div.contents section.newsletter-subscribe-section table tr th span.required { color: var(--color-of-notice); }
section.contents-section div.contents section.newsletter-subscribe-section table tr td { text-align: left; }
section.contents-section div.contents section.newsletter-subscribe-section table tr td input[type="text"] { padding: 1rem; width: 420px; font-size: 1.6rem; border-radius: 0.6rem;  border: 1px solid var(--color-of-default-border); }
section.contents-section div.contents section.newsletter-subscribe-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.newsletter-subscribe-section div.terms { margin-top: 5rem; background: none; }
section.contents-section div.contents section.newsletter-subscribe-section div.terms p { margin-left: 16rem; margin-top: 1rem; width: 420px; text-align: left; }
section.contents-section div.contents section.newsletter-subscribe-section div.terms p input[type="checkbox"] { margin: 0 0 0.4rem 0; width: 1.8rem; height: 1.8rem; vertical-align: middle; cursor: pointer; }
section.contents-section div.contents section.newsletter-subscribe-section div.terms p input[type="checkbox"] + label { margin-right: 2rem; padding-left: 1rem; line-height: 3rem; font-size: 1.6rem; cursor: pointer; }
section.contents-section div.contents section.newsletter-subscribe-section div.terms p input[type="checkbox"] + label span { color: var(--color-of-notice); }

/* 제조기술 미디어 */
section.contents-section div.contents section.promotion-section { margin: 5rem 0 3rem 0; padding: 3rem 0; border-top: 2px solid var( --default-font-color ); }
section.contents-section div.contents section.promotion-section div.empty { padding: 9rem 0 6rem 0; width: 100%; font-size: 1.6rem; color: var( --color-of-light-gray ); }
section.contents-section div.contents section.promotion-section div.typ-list{ text-align: left; padding: 0 0 2rem 2rem; }
section.contents-section div.contents section.promotion-section div.typ-list span.cont-typ{ font-size: 1.5rem; color: var(--color-of-gray); font-family: var( --font-family-notosans ); cursor: pointer;  }
section.contents-section div.contents section.promotion-section div.typ-list span.cont-typ.on{ color: var(--color-of-theme); font-weight: var(--font-weight-bold);}
section.contents-section div.contents section.promotion-section div.promotion-list { display: flex; flex-wrap: wrap; }
section.contents-section div.contents section.promotion-section div.promotion-list div.promotion { position: relative; margin: 0 1rem 3rem 1rem; padding: 2rem; width: 265px; border: 1px solid var( --color-of-soft-border ); border-radius: 1.6rem; cursor: pointer; }
section.contents-section div.contents section.promotion-section div.promotion-list div.promotion:hover { border-color: var( --color-of-theme ); }
section.contents-section div.contents section.promotion-section div.promotion-list div.promotion div.image { display: flex; padding: 0.4rem; width: 100%; height: 130px; align-items: center; justify-content: center; border: 1px solid var( --color-of-soft-border ); border-radius: 1rem; background-color: var( --color-of-drop-down-bg ); }
section.contents-section div.contents section.promotion-section div.promotion-list div.promotion div.image img { max-width: 100%; max-height: 100%; }
section.contents-section div.contents section.promotion-section div.promotion-list div.promotion p { margin-top: 1rem; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
section.contents-section div.contents section.promotion-section div.promotion-list div.promotion p.type { margin-top: 1.4rem; text-indent: 0.8rem; font-size: 1.4rem; color: var( --color-of-theme ); }
section.contents-section div.contents section.promotion-section div.promotion-list div.promotion p.title { margin-top: 1.6rem; text-indent: 0.4rem; font-size: 1.6rem; }
section.contents-section div.contents section.promotion-section div.promotion-list div.promotion p button { margin-right: 0.5rem; padding: 0.6rem 1rem; background: #fff; border-color: var(--color-of-theme); color: var(--color-of-theme); border-radius: 0.6rem; min-width: 8.5rem; }

/* 제조기술 미디어 - 상세 */
section.contents-section div.contents section.promotion-header-section { margin: 5rem 0 0 0; padding: 3rem; border-top: 2px solid var( --default-font-color ); }
section.contents-section div.contents section.promotion-header-section h2 { margin: 0; padding-bottom: 3rem; text-align: left; font-size: 2.4rem; font-weight: var( --font-weight-bold); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
section.contents-section div.contents section.promotion-header-section h2 > span { display: inline-block; margin-right: 1rem; padding: 0.4rem 0.8rem; transform: translateY(-1px); font-size: 1.6rem; border: 1px solid var( --color-of-theme ); color: var( --color-of-theme ); border-radius: 0.6rem; }
section.contents-section div.contents section.promotion-header-section p { text-align: left; font-size: 1.6rem; color: var( --default-font-color ); font-weight: var( --font-weight-bold ); padding: 0.5rem 0; }
section.contents-section div.contents section.promotion-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.promotion-header-section p a { margin-left: 1rem; color: var( --color-of-theme ); font-weight: var( --font-weight-normal ); }
section.contents-section div.contents section.promotion-header-section p a:hover { text-decoration: underline; }
section.contents-section div.contents section.promotion-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.promotion-body-section div.promotion-dscr { padding: 5rem 3rem; width: 1150px; text-align: left; font-size: 1.6rem; }
section.contents-section div.contents section.promotion-body-section div.promotion-dscr b{ font-weight: bold !important; }
section.contents-section div.contents section.promotion-body-section div.pn { display: flex; flex-direction: row; padding: 2rem 3rem; font-size: 1.6rem; }
section.contents-section div.contents section.promotion-body-section div.pn > div { display: flex; flex-direction: column; width: 50%; }
section.contents-section div.contents section.promotion-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.promotion-body-section div.pn > div p.direction { margin-bottom: 2rem; color: var( --color-of-light-gray ); }
section.contents-section div.contents section.promotion-body-section div.pn > div p.direction.active { color: var( --color-of-theme ); }
section.contents-section div.contents section.promotion-body-section div.pn > div p.ttl { color: var( --color-of-gray ); cursor: pointer; }
section.contents-section div.contents section.promotion-body-section div.pn > div p.ttl:not(.empty):hover { color: var( --color-of-theme ); }
section.contents-section div.contents section.promotion-body-section div.pn > div p.empty { color: var( --color-of-light-gray ) !important; cursor: default; }
section.contents-section div.contents section.promotion-body-section div.pn > div.p { justify-content: start; }
section.contents-section div.contents section.promotion-body-section div.pn > div.p p { text-align: left; }
section.contents-section div.contents section.promotion-body-section div.pn > div.p p i { margin-right: 1rem; background-image: var( --line-arrow-left-url ); }
section.contents-section div.contents section.promotion-body-section div.pn > div.n { justify-content: end; }
section.contents-section div.contents section.promotion-body-section div.pn > div.n p { text-align: right; }
section.contents-section div.contents section.promotion-body-section div.pn > div.n p i { margin-left: 1rem; background-image: var( --line-arrow-right-url ); }

/* 유튜브 iframe 사이즈 유지 */
/* 🎥 일반 유튜브 영상 (16:9) */
.video-container {
	width: 100%;
}

/* 📱 숏폼 유튜브 영상 (9:16) */
.video-container-shorts {
	width: 360px !important;
	height: 640px !important;
}