@charset "UTF-8";
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format("opentype"); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format("opentype"); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format("opentype"); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format("opentype"); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format("opentype"); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format("opentype"); }

html { height: 100%; overflow-y: auto; }

body { overflow: hidden; margin-top: 0 !important; min-width: 320px; color: #212121; line-height: 1.5em; letter-spacing: -0.03em; font-size: 1em; font-family: 'Noto Sans KR', sans-serif; word-break: break-all; word-wrap: break-word; word-break: keep-all; font-weight: 400; }

h1, h2, h3, h4, h5, h6 { font-family: 'Noto Sans KR', sans-serif; color: #212121; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p, button { margin: 0; padding: 0; -webkit-text-size-adjust: none; }

fieldset, img, abbr, acronym { border: 0 none; }

legend { position: absolute; height: 0; line-height: 0; font-size: 0; overflow: hidden; }

legend.showlegend { position: static; line-height: 14px; font-size: 12px; overflow: visible; }

address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; }

q:before, q:after { content: ''; }

table { border-collapse: collapse; border-spacing: 0; }

caption { height: 0; line-height: 0; font-size: 0; overflow: hidden; text-indent: -10000px; }

hr { display: none; }

a { color: #333; text-decoration: none; cursor: pointer; }

button { border: 0 none; background: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

button, input, select, textarea { color: #555; line-height: 19px; font-size: 13px; font-family: 'Noto Sans KR', sans-serif; vertical-align: middle; }

select { border-radius: 0; }

select { appearance: none; -moz-appearance: none; -webkit-appearance: none; }

select::-ms-expand { display: none; }

input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="email"], input[type="button"], input[type="submit"], textarea { -webkit-appearance: none; -moz-appearance: none; color: #777777; }

a[href^="tel"] { color: inherit; /* Inherit text color of parent element. */ text-decoration: none; /* Remove underline. */ /* Additional css `propery: value;` pairs here */ }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; overflow: visible; -webkit-appearance: button; }

input[type="checkbox"], input[type="radio"] { width: 16px; height: 16px; line-height: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0; }

input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

input::-webkit-input-placeholder { color: #ccc; }

input:-moz-input-placeholder { color: #ccc; }

input::-moz-input-placeholder { color: #ccc; }

input:-ms-input-placeholder { color: #ccc; }

img { vertical-align: top; }

textarea { overflow: auto; resize: none; }

textarea::-webkit-input-placeholder { color: #ccc; }

textarea:-moz-placeholder { /* Firefox 18- */ color: #ccc; }

textarea::-moz-placeholder { /* Firefox 19+ */ color: #ccc; }

textarea:-ms-input-placeholder { color: #ccc; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, object { display: block; margin: 0; padding: 0; }

audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/* Disable orange highlight */
label, a, button { -o-tap-highlight-color: rgba(0, 0, 0, 0); -ms-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* 건너뛰기 네비게이션 */
#skip_nav { width: 100%; height: 0; text-align: center; overflow: hidden; }

#skip_nav a { color: #fff; font-size: 16px; line-height: 30px; font-weight: 800; float: left; }

#skip_nav a:focus, #skip_nav a:hover, #skip_nav a:active { position: absolute; top: 0; left: 0; width: 100%; height: 30px; text-decoration: underline; background-color: #000; overflow: visible; z-index: 9999; }

/* global */
.posR { position: relative; }

.w100 { width: 100% !important; }

.dB { display: block; }

.dIB { display: inline-block; vertical-align: top; }

.clearfix { *zoom: 1; }

.clearfix:after { display: block; content: ''; clear: both; }

.taC { text-align: center; }

.taL { text-align: left; }

.taR { text-align: right; }

.vaM { vertical-align: middle; }

.vaT { vertical-align: top; }

.vaB { vertical-align: bottom; }

.fwB { font-weight: bold; }

.fw500 { font-weight: 500; }

.ellipsis { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.ellipsis2 { display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap: break-word; }

.ellipsis3 { display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap: break-word; }

.mt0 { margin-top: 0 !important; }

.mb0 { margin-bottom: 0 !important; }

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

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

.pb10 { padding-bottom: 10px; }

.pb12 { padding-bottom: 12px; }

.pb20 { padding-bottom: 20px; }

.mt5 { margin-top: 5px; }

.mt10 { margin-top: 10px; }

.mt15 { margin-top: 15px; }

.mt20 { margin-top: 20px; }

.mt30 { margin-top: 30px; }

.mt40 { margin-top: 40px; }

.mt50 { margin-top: 50px; }

.mb5 { margin-bottom: 5px; }

.mb10 { margin-bottom: 10px; }

.mb20 { margin-bottom: 20px; }

.mb30 { margin-bottom: 30px; }

.mb40 { margin-bottom: 40px; }

.mb50 { margin-bottom: 50px; }

.mr5 { margin-right: 5px; }

.mr10 { margin-right: 10px; }

.mr20 { margin-right: 20px; }

.ml5 { margin-left: 5px; }

.ml10 { margin-left: 10px; }

.ml20 { margin-left: 20px; }

#header { position: fixed; left: 0; top: 0; width: 100%; height: 78px; background-color: #fff; z-index: 9999; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#header h1 { line-height: 0; }

#header h1 img { height: 22px; }

.intro_cont { overflow: hidden; position: relative; width: 100%; height: 100vh; }

.intro_cont_sec { position: absolute; width: 50%; height: 100%; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.intro_cont_sec .bg_area { position: absolute; top: 0; width: 100%; height: 100%; -webkit-box-sizing: content-box; box-sizing: content-box; }

.intro_cont_sec.left { left: 0; }

.intro_cont_sec.left .bg_area { left: 0; padding-right: 14.3%; -webkit-clip-path: polygon(0 0, 75% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 75% 0, 100% 100%, 0% 100%); background-image: url(//img.dongascience.com/polymath/labyrinth/images/intro/intro_2020.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; }

@media all and (-ms-high-contrast: none) { .intro_cont_sec.left .bg_area { padding-right: 0; -webkit-clip-path: none; clip-path: none; } }

.intro_cont_sec.right { right: 0%; }

.intro_cont_sec.right .bg_area { right: 0; padding-left: 14.3%; -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 25% 100%); clip-path: polygon(0 0, 100% 0%, 100% 100%, 25% 100%); background-image: url(//img.dongascience.com/polymath/labyrinth/images/intro/intro_2021.jpg); background-repeat: no-repeat; background-size: cover; background-position: 30% center; }

@media all and (-ms-high-contrast: none) { .intro_cont_sec.right .bg_area { padding-left: 0; -webkit-clip-path: none; clip-path: none; } }

.intro_cont .tit_box { position: relative; z-index: 999; text-align: center; }

.intro_cont .tit_box h2 { line-height: 0; }

.intro_cont .tit_box:hover { text-decoration: none; }

.intro_cont .tit_box:hover .intro_btn.btn_2020 { background-color: #65311c; }

.intro_cont .tit_box:hover .intro_btn.btn_2021 { background-color: #ffcd8d; }

.intro_btn { display: block; width: 194px; height: 54px; text-align: center; font-size: 24px; line-height: 54px; border-radius: 27px; font-weight: bold; margin: 0 auto; margin-top: 30px; -webkit-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; }

.intro_btn.btn_2020 { background-color: rgba(101, 49, 28, 0.7); color: #f9f0dc; }

.intro_btn.btn_2021 { background-color: rgba(255, 205, 141, 0.7); color: #51220f; }

.point { position: absolute; width: 10px; height: 10px; background-color: #f00; border-radius: 100%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1000; }

@media (max-width: 1160px) { .intro_cont .left .tit_box img { height: 120px; }
  .intro_cont .right .tit_box img { height: 70px; } }

@media (max-width: 767px) { #header { height: 60px; }
  #header h1 img { height: 16px; }
  .intro_cont { height: auto; margin-top: 60px; }
  .intro_cont_sec { position: relative; width: 100%; height: 70vw; text-align: center; }
  .intro_cont_sec.left .bg_area { -webkit-clip-path: none; clip-path: none; padding-right: 0; background-image: url(//img.dongascience.com/polymath/labyrinth/images/intro/intro_2020_mo.jpg); }
  .intro_cont_sec.left .tit_box img { height: 75px; }
  .intro_cont_sec.right .bg_area { -webkit-clip-path: none; clip-path: none; padding-left: 0; background-image: url(//img.dongascience.com/polymath/labyrinth/images/intro/intro_2021_mo.jpg); }
  .intro_cont_sec.right .tit_box img { height: 34px; }
  .intro_btn { width: 140px; height: 42px; line-height: 42px; font-size: 18px; border-radius: 21px; margin-top: 12px; } }

/* footer 기존 css 에서 가져옴 */
#footer .container { font-size: 0; word-break: keep-all; }

#footer .donga { display: inline-block; width: 45%; margin-right: 5%; vertical-align: text-bottom; font-size: 0; }

#footer .donga .logo { display: inline-block; vertical-align: text-bottom; padding-right: 10px; }

#footer .donga .logo img { width: 62px; }

#footer .donga .txt { display: inline-block; font-size: 1.2rem; padding-top: 6px; text-align: left; }

#footer .donga .copy { letter-spacing: 0.03em; }

#footer .partner { display: inline-block; width: 50%; text-align: right; font-size: 0; margin-top: 30px; }

#footer .partner .txt01 { width: 35px; height: auto; margin-top: 3px; padding-right: 10px; }

#footer .partner .partner01 { width: auto; height: 25px; margin-right: 10px; }

#footer .partner .partner02 { width: auto; height: 25px; }

#footer .partner p { padding-top: 6px; }

#footer .group { display: inline-block; text-align: left; font-size: 1.2rem; }

footer { background-color: #050b1d; padding: 20px 0; color: #6f798f; font-size: 1.2rem; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', sans-serif; }

@media (max-width: 768px) { #footer .group { width: 520px; }
  #footer .donga { width: 100%; text-align: center; margin-right: 0; }
  #footer .partner { width: 100%; text-align: center; } }

@media (max-width: 640px) { #footer .group { width: auto; }
  #footer .donga { width: 100%; text-align: left; }
  #footer .donga .txt { width: calc(100% - 90px); }
  #footer .partner { width: 100%; text-align: left; }
  #footer .partner .partner01 { height: 20px; }
  #footer .partner .partner02 { height: 20px; }
  #footer .partner .txt01 { display: block; margin-bottom: 10px; } }