@charset "euc-kr";
html, body, header, footer, nav, section, article, aside, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, fieldset, legend, caption, blockquote, input, button, select, textarea, button { margin: 0; padding: 0; }

body { min-width: 320px; text-align: left; border: 0 none; }

html { overflow-y: scroll; font-family: "¸¼Àº °íµñ", Malgun Gothic, "µ¸¿ò", dotum, AppleGothic, gulim, Arial, sans-serif; font-size: 13px; min-width: 1100px; line-height: 1.385em; color: #333; letter-spacing: -.05em; }

header, footer, nav, section, article, aside { display: block; }

ul, ol { list-style-type: none; }

fieldset { border: none; }

legend { display: none; }

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

table caption { line-height: 0; font-size: 0; }

address, em, i { font-style: normal; }

ruby rt { font-size: 1em; }

hr { display: none; }

img { border: 0; vertical-align: top; }

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

input, textarea, button, select { font-family: "¸¼Àº °íµñ", Malgun Gothic, "µ¸¿ò", dotum, AppleGothic, gulim, Arial, sans-serif; font-size: 13px; }

button { border: 0 none; background: none; overflow: visible; outline: none; cursor: pointer; }

button, input[type=text], input[type=password], input[type=tel], input[type=number], input[type=button], input[type=submit] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0 none; border-radius: 0; background: none; overflow: visible; }

textarea { border-radius: 0; }

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

button:disabled { cursor: default; }

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

::-moz-placeholder { color: #bbb; opacity: 1; }

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

input::-ms-clear, input::-ms-reveal { display: none; width: 0; height: 0; }

input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration { display: none; }

@font-face { font-family: 'Spoqa Han Sans'; font-weight: 400; src: local("Spoqa Han Sans Regular"), url("../images/font/SpoqaHanSansRegular.woff2") format("woff2"), url("../images/font/SpoqaHanSansRegular.woff") format("woff"), url("../images/font/SpoqaHanSansRegular.ttf") format("truetype"); }

@font-face { font-family: 'Spoqa Han Sans bold'; font-weight: bold; src: local("Spoqa Han Sans Bold"), url("../images/font/SpoqaHanSansNeo-Bold.woff2") format("woff2"), url("../images/font/SpoqaHanSansNeo-Bold.woff") format("woff"), url("../images/font/SpoqaHanSansNeo-Bold.ttf") format("truetype"); }

.blind { position: absolute; overflow: hidden; margin: -1px; padding: 0; width: 1px; height: 1px; border: none; clip: rect(0, 0, 0, 0); }

.alignLt { float: left; }

.alignRt { float: right; }

.pointColor { color: #3389f2 !important; }

.sideColor { color: #50BEBE !important; }

.defColor { color: #333 !important; }

/** Swiper 6.3.5 Most modern mobile touch slider and framework with hardware accelerated transitions //swiperjs.com Copyright 2014-2020 Vladimir Kharlampidi Released under the MIT License Released on: October 30, 2020 */
@font-face { font-family: 'swiper-icons'; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; }

:root { --swiper-theme-color: #007aff; }

.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; }

.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper { -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.swiper-container-multirow-column > .swiper-wrapper { -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; }

.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }

.swiper-slide { -webkit-flex-shrink: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

.swiper-slide-invisible-blank { visibility: hidden; }

/* Auto Height */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }

.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; }

/* 3D Effects */
.swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; }

.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ }

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; }

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; }

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { -webkit-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; }

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { -webkit-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; }

:root { --swiper-navigation-size: 44px; /* --swiper-navigation-color: var(--swiper-theme-color); */ }

.swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); }

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; }

.swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; }

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: 'prev'; }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; }

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: 'next'; }

.swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white { --swiper-navigation-color: #ffffff; }

.swiper-button-prev.swiper-button-black, .swiper-button-next.swiper-button-black { --swiper-navigation-color: #000000; }

.swiper-button-lock { display: none; }

:root { /* --swiper-pagination-color: var(--swiper-theme-color); */ }

.swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

/* Common Styles */
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; }

/* Bullets */
.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); transform: scale(0.33); position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); transform: scale(0.33); }

.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; }

button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)); }

.swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; }

/* Progress */
.swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; }

.swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; }

.swiper-pagination-white { --swiper-pagination-color: #ffffff; }

.swiper-pagination-black { --swiper-pagination-color: #000000; }

.swiper-pagination-lock { display: none; }

/* Scrollbar */
.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; }

.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }

.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; }

.swiper-scrollbar-cursor-drag { cursor: move; }

.swiper-scrollbar-lock { display: none; }

.swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; text-align: center; }

.swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; object-fit: contain; }

.swiper-slide-zoomed { cursor: move; }

/* Preloader */
:root { /* --swiper-preloader-color: var(--swiper-theme-color); */ }

.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; }

.swiper-lazy-preloader-white { --swiper-preloader-color: #fff; }

.swiper-lazy-preloader-black { --swiper-preloader-color: #000; }

@-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

/* a11y */
.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-container-cube { overflow: visible; }

.swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; }

.swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; }

.swiper-container-flip { overflow: visible; }

.swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }

.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.boardDetReIco { display: inline-block; width: 23px; height: 17px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -255px -330px; }

.boardasidenext { display: inline-block; width: 21px; height: 12px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -350px -307px; }

.boardasideprev { display: inline-block; width: 21px; height: 12px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -288px -330px; }

.clsmBtn__bookmarkIco { display: inline-block; width: 24px; height: 22px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -54px -330px; }

.clsmBtn__bookmarkIco_on { display: inline-block; width: 24px; height: 22px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -88px -330px; }

.clsmBtn__hideIco { display: inline-block; width: 24px; height: 22px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -122px -330px; }

.clsmBtn__hideIco_on { display: inline-block; width: 24px; height: 22px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -156px -330px; }

.cmTable__iptRdoIco { display: inline-block; width: 15px; height: 12px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -425px -27px; }

.cmTable__iptRdoIco_on { display: inline-block; width: 15px; height: 12px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -425px -49px; }

.footerSlcBtn { display: inline-block; width: 28px; height: 28px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -350px -269px; }

.form_checkbox_on { display: inline-block; width: 16px; height: 15px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -26px -374px; }

.form_inputclear { display: inline-block; width: 20px; height: 20px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -395px -62px; }

.form_radio_on { display: inline-block; width: 18px; height: 18px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -395px -272px; }

.gnb_btn_search { display: inline-block; width: 16px; height: 16px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -395px -300px; }

.ico_TextBalloon { display: inline-block; width: 23px; height: 20px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -222px -330px; }

.ico_arrow { display: inline-block; width: 8px; height: 20px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -425px -71px; }

.ico_arrow2 { display: inline-block; width: 18px; height: 20px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -395px -182px; }

.ico_pencil { display: inline-block; width: 18px; height: 20px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -395px -212px; }

.ico_trash { display: inline-block; width: 18px; height: 20px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -395px -242px; }

.ico_trash_s { display: inline-block; width: 15px; height: 17px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -425px 0px; }

.link_home_l { display: inline-block; width: 16px; height: 16px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -395px -326px; }

.link_home_m { display: inline-block; width: 16px; height: 16px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: 0px -374px; }

.login__ico_id { display: inline-block; width: 20px; height: 21px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -395px 0px; }

.login__ico_pw { display: inline-block; width: 20px; height: 21px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -395px -31px; }

.mFooter_next { display: inline-block; width: 19px; height: 28px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -280px -240px; }

.mFooter_prev { display: inline-block; width: 19px; height: 28px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -309px -240px; }

.mProfessor_btn { display: inline-block; width: 40px; height: 40px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -240px -280px; }

.mProfessor_btnOver { display: inline-block; width: 40px; height: 40px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -290px -280px; }

.mProfessor_btn_next { display: inline-block; width: 17px; height: 34px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: 0px -330px; }

.mProfessor_btn_prev { display: inline-block; width: 17px; height: 34px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -27px -330px; }

.mReviewBanner_next { display: inline-block; width: 27px; height: 40px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -350px -90px; }

.mReviewBanner_prev { display: inline-block; width: 27px; height: 40px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -350px -140px; }

.mReviewNowBanner_next { display: inline-block; width: 17px; height: 12px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -395px -352px; }

.mReviewNowBanner_prev { display: inline-block; width: 17px; height: 12px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -319px -330px; }

.mainBn_btnNext { display: inline-block; width: 35px; height: 35px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -350px 0px; }

.mainBn_btnPrev { display: inline-block; width: 35px; height: 35px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -350px -45px; }

.payInfo_img1 { display: inline-block; width: 20px; height: 20px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -395px -92px; }

.payInfo_img2 { display: inline-block; width: 20px; height: 20px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -395px -122px; }

.payInfo_img3 { display: inline-block; width: 20px; height: 20px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -395px -152px; }

.prfLayClose { display: inline-block; width: 22px; height: 22px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -190px -330px; }

.prfListItem__arrow { display: inline-block; width: 18px; height: 8px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -346px -330px; }

.refund_title_img { display: inline-block; width: 35px; height: 30px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -350px -190px; }

.search_bg1 { display: inline-block; width: 31px; height: 29px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -350px -230px; }

.smEvt_benefit { display: inline-block; width: 50px; height: 40px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -280px -140px; }

.smEvt_evt { display: inline-block; width: 50px; height: 40px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -280px -190px; }

.smEvt_free { display: inline-block; width: 50px; height: 40px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: 0px -280px; }

.smEvt_jokbo { display: inline-block; width: 50px; height: 40px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -60px -280px; }

.smEvt_tip { display: inline-block; width: 50px; height: 40px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -120px -280px; }

.smEvt_tv { display: inline-block; width: 50px; height: 40px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -180px -280px; }

.smRecomTab-business { display: inline-block; width: 60px; height: 60px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: 0px 0px; }

.smRecomTab-business_on { display: inline-block; width: 60px; height: 60px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -70px 0px; }

.smRecomTab-engin { display: inline-block; width: 60px; height: 60px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: 0px -70px; }

.smRecomTab-engin_on { display: inline-block; width: 60px; height: 60px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -70px -70px; }

.smRecomTab-etc { display: inline-block; width: 60px; height: 60px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -140px 0px; }

.smRecomTab-etc_on { display: inline-block; width: 60px; height: 60px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -140px -70px; }

.smRecomTab-finance { display: inline-block; width: 60px; height: 60px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: 0px -140px; }

.smRecomTab-finance_on { display: inline-block; width: 60px; height: 60px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -70px -140px; }

.smRecomTab-gisa { display: inline-block; width: 60px; height: 60px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -140px -140px; }

.smRecomTab-gisa_on { display: inline-block; width: 60px; height: 60px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -210px 0px; }

.smRecomTab-it { display: inline-block; width: 60px; height: 60px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -210px -70px; }

.smRecomTab-it_on { display: inline-block; width: 60px; height: 60px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -210px -140px; }

.smRecomTab-math { display: inline-block; width: 60px; height: 60px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: 0px -210px; }

.smRecomTab-math_on { display: inline-block; width: 60px; height: 60px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -70px -210px; }

.smRecomTab-nursing { display: inline-block; width: 60px; height: 60px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -140px -210px; }

.smRecomTab-nursing_on { display: inline-block; width: 60px; height: 60px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -210px -210px; }

.smRecomTab-science { display: inline-block; width: 60px; height: 60px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -280px 0px; }

.smRecomTab-science_on { display: inline-block; width: 60px; height: 60px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -280px -70px; }

.container { width: 1100px; margin: 0 auto; }

.mTitle { position: relative; text-align: center; margin: 38px 0 30px 0; font-size: 0; }

.mTitle:before { content: ''; display: block; position: absolute; top: calc(50% - 1px); left: 0; z-index: 1; width: 100%; height: 1px; background-color: #959595; }

.mTitle__h2 { position: relative; z-index: 2; display: inline-block; padding: 0 20px; vertical-align: middle; font-size: 24px; letter-spacing: -.045em; font-weight: normal; color: #333333; background: #fff; }

.mTitle__btn { position: relative; z-index: 2; display: inline-block; margin-top: -3px; margin-left: 10px; width: 32px; height: 32px; line-height: 1; border-radius: 50%; vertical-align: middle; background: #e1e1e1; -webkit-transition: background .3s; transition: background .3s; }

.mTitle__btn:hover { background: #3389f2; }

.mTitle__btn:hover:before { -webkit-animation: btnSpin 1s; animation: btnSpin 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

@-webkit-keyframes btnSpin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes btnSpin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

.mTitle__btn:before { content: ''; display: inline-block; margin-top: 8px; width: 16px; height: 16px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAC9JREFUeNpi/P//PwMeAJNkxKWAiYFCMGoAFQxgQYoqYqKTNi5gHE1IQ90AgAADAGadByAvvYTgAAAAAElFTkSuQmCC") no-repeat 0 0; background-size: contain; }

.topbn { height: 90px; overflow: hidden; min-width: 1100px; box-sizing: content-box; }

.topbn .container { position: relative; display: block; }

.topbnBanner__pagination { position: absolute; bottom: 8px !important; z-index: 5; line-height: 0; text-align: center; }

.topbnBanner__pagination .swiper-pagination-bullet { margin: 0 4px !important; width: 6px; height: 6px; border-radius: 3px; opacity: 1; background: #959595; -webkit-transition: all .5s; transition: all .5s; }

.topbnBanner__pagination .swiper-pagination-bullet-active { background: #fff; }

.mToggleBox--type1 { text-align: right; }

.mToggleBox--type1 .mToggleBtn { margin: 0 10px; font-size: 14px; letter-spacing: -.045em; color: #333333; }

.mToggleBox--type1 .mToggleBtn.on { color: #3389f2; font-weight: bold; }

.mToggleBox--type1 .mToggleBtn.on:after { content: ''; display: block; margin-top: 2px; height: 2px; background: #3389f2; }

.mTopBn { position: relative; height: 360px; }

.mTopBn .container { position: relative; }

.mTopBn__lt { position: absolute; top: 0; left: 0; z-index: 2; width: 150px; }

.major .mTopBnTabs.major { display: block; }

.license .mTopBnTabs.major { display: none; }

.major .mTopBnTabs.license { display: none; }

.license .mTopBnTabs.license { display: block; }

.mTopBnTabs__item { position: relative; display: block; padding-left: 18px; padding-right: 5px; width: 100%; height: 60px; line-height: 60px; box-sizing: border-box; text-align: left; font-size: 14px; font-weight: bold; letter-spacing: -.05em; color: #fff; background: rgba(0, 0, 0, 0.4); -webkit-transition: background .3s; transition: background .3s; }

.mTopBnTabs__item span { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.mTopBnTabs__item:hover { background: #3389f2; }

.mTopBnTabs__item:not(:first-child) { border-top: 1px solid #8c9999; }

.mTopBnTabs__item.on { border-color: #3389f2; background: #3389f2; }

.mTopBnTabs__item.on:after { content: ''; display: block; width: 100%; height: 1px; position: absolute; bottom: -1px; left: 0; z-index: 2; background: #3389f2; }

.mTopBnTabs__item.on:before { content: ''; display: block; position: absolute; top: calc(50% - 8px); right: -8px; width: 0px; height: 0px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 0; border-left: 8px solid #3389f2; }

.mTopBn__mToggle { margin: 0; text-align: center; height: 59px; border-top: 1px solid #7a8383; background: rgba(0, 0, 0, 0.6); }

.mTopBn__mToggleBtn { display: block; position: relative; padding-top: 23px; font-size: 12px; line-height: 1; letter-spacing: -.045em; color: #fff; width: 100%; height: 60px; }

.mTopBn__mToggleBtn:after, .mTopBn__mToggleBtn:before { content: ''; display: block; position: absolute; top: 18px; height: 10px; border-radius: 5px; }

.major .mTopBn__mToggleBtn:after { left: 55px; width: 25px; background-color: #fff; }

.major .mTopBn__mToggleBtn:before { right: 55px; width: 10px; border: 1px solid #fff; }

.license .mTopBn__mToggleBtn:after { left: 55px; width: 10px; border: 1px solid #fff; }

.license .mTopBn__mToggleBtn:before { right: 55px; width: 25px; background-color: #fff; }

.major .mTopBn__mToggleBtn .major { display: block; }

.license .mTopBn__mToggleBtn .major { display: none; }

.major .mTopBn__mToggleBtn .license { display: none; }

.license .mTopBn__mToggleBtn .license { display: block; }

.mTopBnSwiper { position: relative; }

.mTopBnSwiper__box { position: relative; z-index: 1; }

.mTopBnSwiper__box .swiper-slide .container { padding-left: 150px; height: 360px; box-sizing: border-box; }

.mTopBnSwiper__naviWrap { position: absolute; bottom: 15px; z-index: 5; right: calc(50% - 550px); width: 127px; }

.mTopBnSwiper__next, .mTopBnSwiper__prev { display: inline-block; width: 35px; height: 35px; border-radius: 50%; vertical-align: middle; color: #fff; font-size: 20px; background: rgba(0, 0, 0, 0.015); }

.mTopBnSwiper__next:hover, .mTopBnSwiper__prev:hover { background: rgba(0, 0, 0, 0.1); }

.mTopBnSwiper__next { right: 0; }

.mTopBnSwiper__next:after { content: ''; display: inline-block; display: inline-block; width: 35px; height: 35px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -350px 0px; }

.mTopBnSwiper__prev { left: 0; }

.mTopBnSwiper__prev:after { content: ''; display: inline-block; display: inline-block; width: 35px; height: 35px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -350px -45px; }

.mTopBnSwiper__pagination { display: inline-block; width: 57px; vertical-align: middle; text-align: center; font-size: 13px; color: #444444; font-family: Myriad Pro; letter-spacing: -1px; }

.mMidBnr { margin: 30px 0; }

.mMidBnr .container { overflow: hidden; }

.mMidBnr__item { float: left; display: block; position: relative; width: 50%; }

.mMidBnr__item:hover .mMidBnr__itemImgSub { top: -10px; }

.mMidBnr__itemImgSub { position: absolute; top: 0; right: 0; -webkit-transition: top .3s; transition: top .3s; }

.mProfessor .container { position: relative; }

.mProfessor .mToggleBox--type1 { position: absolute; top: 5px; right: 0; z-index: 10; background: #fff; }

.mProfessorSwiper { position: relative; margin-top: 31px; margin-bottom: 60px; margin-right: 25px; margin-left: 25px; font-size: 0; }

.mProfessorSwiper__wrap { position: relative; }

.mProfessorSwiper__prev, .mProfessorSwiper__next { position: absolute; top: calc(50% - 17px); z-index: 5; background: #fff; }

.mProfessorSwiper__prev { left: 0; display: inline-block; width: 17px; height: 34px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -27px -330px; }

.mProfessorSwiper__next { right: 0; display: inline-block; width: 17px; height: 34px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: 0px -330px; }

.mProfessor__item { position: relative; display: inline-block; padding: 0; left: 0; width: 190px; height: 280px; background: #414c62; -webkit-transition: background .5s, padding .5s, left .5s, box-shadow .5s; transition: background .5s, padding .5s, left .5s, box-shadow .5s; }

.mProfessor__itemBox { position: relative; float: left; margin: 0 10px; width: 190px !important; height: 280px; }

.mProfessor__item.on, .mProfessor__item:hover { position: relative; left: -10px; padding: 0 10px; background: #3389f2; box-shadow: 0px 4px 8px 5px rgba(0, 0, 0, 0.5); }

.mProfessor__item.on:after, .mProfessor__item:hover:after { background-position: -290px -280px; background-color: #fff; }

.mProfessor__item.on .mProfessor__img, .mProfessor__item:hover .mProfessor__img { -webkit-transform: scale(1.05); transform: scale(1.05); }

.mProfessor__item:after { content: ''; display: inline-block; position: absolute; bottom: 13px; right: 20px; width: 40px; height: 40px; border-radius: 50%; background-color: #414c62; display: inline-block; width: 40px; height: 40px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -240px -280px; -webkit-transition: background-color .5s; transition: background-color .5s; }

.mProfessor__text1, .mProfessor__text2, .mProfessor__text3 { display: block; color: #fff; text-align: center; line-height: 1; letter-spacing: -.05em; }

.mProfessor__text1 { margin-top: 19px; font-size: 12px; font-weight: bold; }

.mProfessor__text2 { margin-top: 10px; font-size: 14px; }

.mProfessor__text3 { margin-top: 20px; font-size: 14px; }

.mProfessor__img { position: absolute; top: 0; left: calc(50% - 95px); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }

.mLecture { background: #f0f5f9; }

.mLecture .container { position: relative; }

.mLecture .mToggleBox--type1 { position: absolute; top: 47px; right: 0; z-index: 10; background: #f0f5f9; }

.mLecture .mTitle__h2 { background: #f0f5f9; }

.mLecture .mToggleBox { margin-top: -20px; }

.mLectureCont { margin-top: 30px; }

.mLectureContBox { position: relative; }

.mLecture .container { padding-bottom: 50px; padding-top: 43px; }

.mLecture .container .mTitle { margin-top: 0; }

.mLectureList { position: relative; height: 300px; }

.mLectureBtns { position: absolute; top: 0; left: 0; width: 500px; height: 300px; }

.major .mLectureBtns.major { display: block; }

.license .mLectureBtns.major { display: none; }

.major .mLectureBtns.license { display: none; }

.license .mLectureBtns.license { display: block; }

.mLectureItem__subj { position: relative; z-index: 2; display: block; width: 500px; height: 60px; box-sizing: border-box; text-align: left; background: #fff; border-bottom: 1px solid #e2e2e2; }

.mLectureItem__subj.on { left: -20px; padding: 0 20px; border: none; color: #fff; font-weight: bold; box-sizing: content-box; background: #3389f2; }

.mLectureItem__subj.on:after { content: ''; display: block; position: absolute; right: -26px; top: 0; width: 0px; height: 0px; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-right: 26px solid none; border-left: 26px solid #3389f2; }

.mLectureItem__subj.on .mLectureBody { display: block; }

.mLectureItem__subj.on .mLectureItem__subj { left: -20px; padding: 0 20px; border: none; color: #fff; font-weight: bold; box-sizing: content-box; background: #3389f2; }

.mLectureItem__subj.on .mLectureItem__subj:after { content: ''; display: block; position: absolute; right: -26px; top: 0; width: 0px; height: 0px; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-right: 26px solid none; border-left: 26px solid #3389f2; }

.mLectureItem__subj.on .mLectureItem__no { color: #fff; background: #3389f2; border: none; }

.mLectureItem__subj.on .mLectureItem__badge { right: 40px; color: #fff; }

.mLectureItem__no { display: inline-block; margin-right: 22px; width: 60px; height: 59px; line-height: 60px; box-sizing: border-box; border-bottom: 1px solid #d7d7d7; text-align: center; font-size: 15px; color: #333; background: #d7d7d7; font-family: 'Myriad Pro'; }

.mLectureItem__badge { position: absolute; top: calc(50% - 8px); right: 20px; font-size: 13px; color: #3389f2; }

.mLectureBody { position: absolute; top: 0; right: 0; z-index: 1; padding: 19px 19px 39px 31px; box-sizing: border-box; width: 580px; height: 300px; border: 1px solid #e1e1e1; background: #fff; }

.mLectureBody__inr { position: relative; overflow: hidden; }

.mLectureBody__badge { position: absolute; top: 19px; right: 19px; display: inline-block; padding: 0 13px; height: 35px; line-height: 35px; color: #fff; font-size: 13px; letter-spacing: -.045em; white-space: nowrap; background: #a1a1a1; }

.mLectureBody__titlebox { margin-top: 20px; height: 50px; font-size: 15px; color: #333333; }

.mLectureBody__title1 { display: block; font-weight: bold; }

.mLectureBody__title2 { display: block; margin-top: 1px; }

.mLectureBody__lt { float: left; }

.mLectureBody__rt { float: left; width: 255px; margin-top: 12px; margin-left: 25px; }

.mLectureBody__desc { overflow: hidden; }

.mLectureBody__desc + .mLectureBody__desc { margin-top: 16px; padding-top: 16px; border-top: 1px solid #d7d7d7; }

.mLectureBody__descLt, .mLectureBody__descRt { display: block; float: left; margin: 2px 0 3px; font-size: 13px; line-height: 1.2em; letter-spacing: -.045em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.mLectureBody__descLt { width: 67px; font-weight: bold; color: #333333; }

.mLectureBody__descRt { width: calc(100% - 67px); }

.mReviewCont { overflow: hidden; margin-top: 30px; padding-bottom: 40px; }

.mReview__lt { float: left; }

.mReview__rt { float: right; margin-right: 18px; }

.mReviewBanner { position: relative; margin-top: 16px; width: 686px; }

.mReviewBanner__inr { margin: 0 40px; width: 606px; }

.mReviewBanner .swiper-slide { float: left; margin-right: 3px; width: 301px; height: 340px; }

.mReviewBanner__next, .mReviewBanner__prev { position: absolute; top: calc(50% - 20px); width: 27px; height: 40px; }

.mReviewBanner__next { right: 0; display: inline-block; width: 27px; height: 40px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -350px -90px; }

.mReviewBanner__prev { left: 0; display: inline-block; width: 27px; height: 40px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -350px -140px; }

.mReviewBanner__item { display: block; position: relative; padding: 30px 30px 38px 30px; width: 300px; height: 340px; box-sizing: border-box; background: url("//img.unistudy.co.kr/main_2021/reviewItem_bg.png") no-repeat 0 0; }

.swiper-slide:nth-of-type(2n) .mReviewBanner__item { background-position: -300px 0; }

.mReviewBanner__item:hover .mReviewBanner__desc { text-decoration: underline; color: #888; }

.mReviewBanner__itemBox { overflow: hidden; width: 240px; height: 268px; }

.mReviewBanner__badge { display: inline-block; margin-bottom: 13px; padding: 0 10px; height: 23px; line-height: 23px; font-size: 12px; color: #fff; }

.mReviewBanner__title { margin-bottom: 11px; font-size: 15px; color: #333333; font-weight: bold; letter-spacing: -.045em; }

.mReviewBanner__desc { margin-bottom: 27px; font-size: 14px; line-height: 22px; letter-spacing: -.045em; color: #333333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; word-wrap: break-word; }

.mReviewBanner__user { position: absolute; bottom: 27px; right: 30px; text-align: right; font-size: 13px; line-height: 1; font-weight: bold; color: #333333; }

.mReviewNow { padding-top: 13px; height: 70px; box-sizing: border-box; background: #3389f2; }

.mReviewNow__h3 { display: inline-block; margin-right: 40px; padding-left: 17px; vertical-align: -1px; font-size: 16px; color: #fff; font-weight: bold; letter-spacing: -.045em; }

.mReviewNowBanner { position: relative; display: inline-block; vertical-align: middle; padding: 0 70px 0 37px; width: 900px; height: 45px; box-sizing: border-box; border-radius: 23px; background: #fff; }

.mReviewNowBanner__next, .mReviewNowBanner__prev { display: block; position: absolute; right: 28px; width: 17px; height: 12px; }

.mReviewNowBanner__next { top: 9px; display: inline-block; width: 17px; height: 12px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -395px -352px; }

.mReviewNowBanner__prev { bottom: 9px; display: inline-block; width: 17px; height: 12px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -319px -330px; }

.mReviewNowBanner__item { display: block; padding-top: 12px; }

.mReviewNowBanner__desc { display: inline-block; vertical-align: middle; max-width: calc(100% - 40px); font-size: 15px; line-height: 1; letter-spacing: -.045em; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.mReviewNowBanner__user { display: inline-block; vertical-align: middle; font-size: 13px; line-height: 1; letter-spacing: -.045em; color: #888; }

.mReviewNowBanner__user:before { content: '-'; margin-right: 4px; }

.mContentRow__mid { overflow: hidden; margin-bottom: 25px; }

.mContentRow__mid .mUniTV, .mContentRow__mid .mEvent { margin-top: 25px; }

.mContentRow__mid .mUniTV { float: left; }

.mContentRow__mid .mEvent { float: right; }

.mUniTV { width: 726px; }

.mUniTVCont { position: relative; margin-top: 30px; padding: 26px 12px; border: 1px solid #e1e1e1; background: #f0f5f9; }

.mUniTVBanner { position: static; width: 627px; height: 297px; }

.mUniTVBanner .swiper-slide { width: 183px; height: 138px; }

.mUniTVBanner__item { display: block; width: 183px; height: 138px; }

.mUniTVBanner__img { width: 183px; height: 103px; }

.mUniTVBanner__desc { display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; margin-top: 10px; }

.mUniTVBanner__badge { display: inline-block; vertical-align: middle; margin-right: 5px; padding: 0 7px; height: 25px; line-height: 25px; font-size: 12px; letter-spacing: -.05em; color: #fff; }

.mUniTVBanner__badge.license { background: #6569f7; }

.mUniTVBanner__badge.major { background: #3389ff; }

.mUniTVBanner__badge.mentoring { background: #ff7761; }

.mUniTVBanner__subj { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: inline-block; vertical-align: middle; font-size: 13px; line-height: 25px; color: #888; letter-spacing: -.04em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.mUniTVBanner__next, .mUniTVBanner__prev { position: absolute; top: calc(50% - 20px); width: 27px; height: 40px; }

.mUniTVBanner__next.swiper-button-disabled, .mUniTVBanner__prev.swiper-button-disabled { opacity: .5; }

.mUniTVBanner__next { right: 10px; display: inline-block; width: 27px; height: 40px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -350px -90px; }

.mUniTVBanner__prev { left: 10px; display: inline-block; width: 27px; height: 40px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -350px -140px; }

.mEvent { width: 350px; }

.mEventCont { margin-top: 30px; }

.mEventBanner { width: 350px; height: 350px; }

.mEventBanner .swiper-slide a { display: block; }

.mEventBanner__pagination { position: absolute; bottom: auto !important; top: 20px; left: 0 !important; right: 20px; z-index: 5; width: auto !important; line-height: 0; text-align: right; }

.mEventBanner__pagination .swiper-pagination-bullet { margin: 0 6px !important; width: 10px; height: 10px; border-radius: 50%; opacity: 1; background: #000; -webkit-transition: all .5s; transition: all .5s; }

.mEventBanner__pagination .swiper-pagination-bullet-active { background: #fff; }

.mTip .container { overflow: hidden; }

.mTipCont { margin-bottom: 50px; overflow: hidden; height: 414px; }

.mTipRow { float: left; width: 348px; }

.mTipRow--center { float: left; margin: 0 24px; width: 352px; }

.mTipRow--center .mTip__itemDescB { margin-top: 20px; }

.mTipRow--center .mTip__itemDesc { margin-left: 0; margin-bottom: 22px; }

.mTip__item { display: block; }

.mTip__item:first-child { border-bottom: 2px solid #e1e1e1; }

.mTip__item + .mTip__item { margin-top: 20px; }

.mTip__itemImg { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }

.mTip__itemDesc { margin: 14px 0 14px 14px; font-size: 15px; letter-spacing: -.045em; color: #333; }

.mTip__itemDescB { margin-bottom: 17px; font-size: 20px; letter-spacing: -.045em; color: #333; }

.mOnly { background: #f0f5f9; }

.mOnly .mTitle__h2 { background: #f0f5f9; }

.mOnly .mTitle { margin-bottom: 47px; }

.mOnly .container { overflow: hidden; }

.mOnlyCont { margin: 0 19px 38px; overflow: hidden; }

.mOnly__item { position: relative; display: block; float: left; margin: 0 16px; padding-top: 202px; width: 180px; height: 220px; box-sizing: border-box; text-align: center; }

.mOnly__item:hover .mOnly__itemOverTxt { display: inline-block; }

.mOnly__itemOverTxt, .mOnly__itemImg { position: absolute; top: 0; left: 0; width: 180px; height: 180px; border-radius: 50%; }

.mOnly__itemOverTxt { display: none; text-align: center; letter-spacing: -.045em; background: rgba(0, 0, 0, 0.75); }

.mOnly__itemOverTxt span { display: inline-block; vertical-align: middle; font-size: 15px; line-height: 20px; color: #fff; font-weight: bold; }

.mOnly__itemOverTxt:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; }

.mOnly__itemTitle { display: inline-block; font-size: 16px; color: #333; text-align: center; font-weight: bold; letter-spacing: -.045em; }

.mContentRow__bottom { overflow: hidden; padding-top: 60px; padding-bottom: 60px; }

.mContentRow__bottom .container { overflow: hidden; }

.mCenter { float: left; overflow: hidden; width: 447px; box-sizing: border-box; border: 1px solid #e1e1e1; border-top: 2px solid #3389f2; }

.mCenter__blockLt { float: left; border-right: 1px solid #e1e1e1; }

.mCenter__block1 { width: 226px; padding-bottom: 10px; text-align: center; }

.mCenter__block2 { width: 226px; }

.mCenter__block2Item { display: block; position: relative; padding-left: 22px; height: 43px; line-height: 43px; border-top: 1px solid #e1e1e1; font-size: 13px; letter-spacing: -.05em; color: #333; }

.mCenter__block2Item:after { content: ''; display: inline-block; position: absolute; top: calc(50% - 6px); right: 25px; width: 6px; height: 12px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAYAAABBV8wuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKRJREFUeNpimDt37rctW7bs/v//PwMyZhITEzv59OlTlz179qxiQAYg2d27d6+cOXPmfyC9GqYDrhUkiCzJCJaFApBx9+7dC1VWVl6JIgEC+/fvX3T79u1YJgY0wMjI+A9EsyAL7tu3b9mdO3cilZSU1sAtB5q/HGT5zp0718FdtXfv3mVQwfVw5wJ9vQdZJdznL168sJGSktrn5uYWhGwfQIABABQyj3pKQUJDAAAAAElFTkSuQmCC") no-repeat 0 0; background-size: contain; }

.mCenter__block2Item:hover { color: #aaa; }

.mBtmTitle { float: left; display: inline-block; font-size: 16px; color: #333333; }

.mBtmTitlebox { padding: 0 20px 0 30px; height: 56px; line-height: 56px; border-bottom: 1px solid #e1e1e1; box-sizing: border-box; }

.mBtmTitle__btn { float: right; display: block; position: relative; margin-top: 14px; width: 25px; height: 25px; box-sizing: border-box; border: 1px solid #dddddd; }

.mBtmTitle__btn:hover { background: rgba(0, 0, 0, 0.03); }

.mBtmTitle__btn:after { content: ''; position: absolute; top: calc(50% - 4px); left: calc(50% - 4px); display: inline-block; width: 8px; height: 8px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACVJREFUeNpi+P//PwMMz5w58z8yn4kBD8AryQgyCqcsbewECDAAcf8sRFzjUN8AAAAASUVORK5CYII=") no-repeat 0 0; background-size: contain; }

.mFaq { float: left; overflow: hidden; margin: 0 17px; width: 262px; border: 1px solid #e1e1e1; }

.mFaqCont { overflow: hidden; height: 223px; }

.mFaqCont a { float: left; display: block; width: 50%; height: 111px; box-sizing: border-box; text-align: center; }

.mFaqCont a img { display: block; margin: 30px auto 12px; }

.mFaqCont a__text { font-size: 13px; color: #333; }

.mFaqCont a:hover .mFaqCont__text { color: #aaa; }

.mNotice { float: left; width: 353px; border: 1px solid #e1e1e1; }

.mNoticeCont { overflow: hidden; padding: 15px 20px; width: 100%; box-sizing: border-box; }

.mNoticeItem { display: block; padding: 10px 12px 10px 24px; font-size: 13px; color: #888888; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.mNoticeItem:before { content: ''; display: inline-block; margin-left: -15px; margin-right: 10px; width: 5px; height: 5px; border-radius: 50%; background: #acacac; }

.mNoticeItem:not(:last-child) { border-bottom: 1px dashed #e1e1e1; }

.mNoticeItem:hover { color: #aaa; }

.mNoticeItem b { margin-right: 2px; color: #555; }

.mNotice__badge { display: inline-block; width: 16px; height: 16px; line-height: 16px; text-align: center; color: #fff; font-weight: bold; background: #0072bc; }

.mNotice__badge.new { background: #0072bc; }

.mNotice__badge.hot { background: #ed1c24; }

.mainBnr { position: absolute; right: calc(50% - 690px); width: 120px; top: 654px; }

.mainBnr.sub { top: 0; }

.page__professor .mainBnr.sub { top: 100px; }

.mainBnrItem { display: block; margin-bottom: 15px; }

.mainBnrItem:first-child { margin-top: 30px; }

.subContent {/* overflow: hidden; */ padding-bottom: 40px; min-height: calc(100vh - 360px); }

.subContent .container { position: relative; padding-top: 30px; }

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

.subContent.page__join .container { padding-top: 0; }

.subContainer { float: right; width: 840px; }

.pageTitBox { height: 100px; box-sizing: border-box; border-bottom: 1px solid #d1d1d1; text-align: center; background: #fff; }

.pageTit__h2 { position: relative; display: inline-block; padding: 0 50px; line-height: 100px; font-size: 28px; color: #3389f2; }

.pageTit__h2:after { display: block; content: ""; width: 100%; height: 1px; position: absolute; bottom: 0px; left: 0; background-color: #4995d1; z-index: 2; }

.subTitle { margin-bottom: 30px; height: 78px; padding-top: 30px; box-sizing: border-box; border-bottom: 2px solid #c8c8c8; }

.page__professor .subTitle { margin-bottom: 22px; }

.subTitle__h2 { font-size: 22px; letter-spacing: -.045em; color: #333333; font-weight: bold; line-height: 1; }

.rtFloating { position: absolute; top: 30px; right: calc(50% - 715px); }

.rtFloating.fixed { position: fixed; top: 30px; }

.rtFloating__bn { margin-top: 17px; }

.wingBanner { width: 135px; border: 1px solid #d7d7d7; }

.wingBannerHdr { height: 80px; text-align: center; background: #454ea9; }

.wingBannerHdr:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.wingBannerHdr__txt { display: inline-block; width: 60%; text-align: left; font-size: 12px; line-height: 1.4em; letter-spacing: -.045em; color: #fff; vertical-align: middle; }

.wingBannerItem { display: block; margin: 0 12px; height: 34px; line-height: 34px; white-space: nowrap; text-align: center; }

.wingBannerItem:not(:last-child) { border-bottom: 1px dashed #cdcfdc; }

.wingBanner__btnTop { display: block; width: 100%; height: 30px; text-align: center; color: #6c6c6c; background: #f2f2f2; }

.wingBanner__btnTop:after { content: ''; display: inline-block; }

.jsTabCont { display: none; }

.jsTabCont.on { display: block; }

.jsTab2DepCont { display: none; }

.jsTab2DepCont.on { display: block; }

.cmSubjBox { padding: 0 0 0 15px; height: 45px; line-height: 44px; border-bottom: 1px solid #c8c8c8; background: #f6f6f6; }

.cmSubjBox__title { display: block; float: left; font-size: 15px; color: #333; }

.cmSubjBox__more { float: right; display: block; position: relative; margin-top: 10px; margin-right: 10px; width: 25px; height: 25px; box-sizing: border-box; border: 1px solid #dddddd; background: #fff; -webkit-transition: border .3s; transition: border .3s; }

.cmSubjBox__more:hover { border: 1px solid #eee; }

.ty-major .cmSubjBox__more:hover { border-color: #454ea9; }

.ty-license .cmSubjBox__more:hover { border-color: #35afa5; }

.cmSubjBox__more:after { content: ''; position: absolute; top: calc(50% - 4px); left: calc(50% - 4px); display: inline-block; width: 8px; height: 8px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACVJREFUeNpi+P//PwMMz5w58z8yn4kBD8AryQgyCqcsbewECDAAcf8sRFzjUN8AAAAASUVORK5CYII=") no-repeat 0 0; background-size: contain; }

.cmList { padding: 14px 10px; }

.cmList li { position: relative; padding-left: 12px; }

.cmList li::before { content: ''; display: inline-block; position: absolute; top: calc(50% - 2px); left: 0; width: 4px; height: 4px; border-radius: 50%; background: #cdcdcd; }

.cmList li a { display: block; width: 100%; font-size: 13px; line-height: 1.76em; color: #888888; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.ty-major .cmList li a:hover { color: #454ea9; }

.ty-license .cmList li a:hover { color: #35afa5; }

.badgeDef { display: inline-block; min-width: 40px; height: 18px; line-height: 18px; font-size: 10px; color: #fff; text-align: center; box-sizing: border-box; }

.ty-major .badgeDef { background-color: #454ea9; }

.ty-license .badgeDef { background-color: #35afa5; }

.badgeRound, .badgeRound__blue, .badgeRound__red, .badgeRound__border { display: inline-block; min-width: 30px; padding: 0 2px; height: 18px; line-height: 18px; box-sizing: border-box; border-radius: 3px; font-size: 10px; text-align: center; font-weight: bold; vertical-align: middle; }

.badgeRound__blue { color: #fff; background: #3389ff; }

.badgeRound__red { color: #fff; background: #ed145b; }

.badgeRound__border { line-height: 16px; color: #aaaaaa; border: 1px solid #aaaaaa; }

.badgeRound__padding { padding: 0 7px; }

.badgeSquare, .badgeSquare__blue, .badgeSquare__red, .badgeSquare__border, .badgeSquare__gray { display: inline-block; min-width: 40px; padding: 0 5px; height: 23px; line-height: 22px; box-sizing: border-box; font-size: 12px; text-align: center; font-weight: bold; vertical-align: middle; }

.badgeSquare__blue { color: #fff; background: #3389ff; }

.badgeSquare__red { color: #fff; background: #ed145b; }

.badgeSquare__border { line-height: 16px; color: #aaaaaa; border: 1px solid #aaaaaa; }

.badgeSquare__gray { color: #fff; background: #888888; }

.badge__redbdr { display: inline-block; min-width: 35px; padding: 0 2px; height: 20px; line-height: 19px; box-sizing: border-box; font-size: 10px; text-align: center; font-weight: bold; vertical-align: middle; color: #ed145b; border: 1px solid #ed145b; }

.badge__bluebdr { display: inline-block; min-width: 35px; padding: 0 2px; height: 20px; line-height: 19px; box-sizing: border-box; font-size: 10px; text-align: center; font-weight: bold; vertical-align: middle; color: #3389f2; border: 1px solid #3389f2; }

[class^=cmBtn] i { display: inline-block; margin-right: 10px; vertical-align: text-bottom; }

.cmBtn { display: inline-block; vertical-align: middle; padding: 0 10px; min-width: 174px; height: 40px; line-height: 40px; box-sizing: border-box; font-size: 15px; color: #fff; letter-spacing: .075em; text-align: center; }

.cmBtn-s { display: inline-block; vertical-align: middle; padding: 0 10px; min-width: 130px; height: 40px; line-height: 40px; box-sizing: border-box; text-align: center; font-size: 15px; color: #fff; letter-spacing: .075em; }

.cmBtn-s + .cmBtn-s { margin-left: 5px; }

.cmBtn-xs { display: inline-block; vertical-align: middle; padding: 0 10px; min-width: 70px; height: 32px; line-height: 32px; box-sizing: border-box; text-align: center; font-size: 14px; color: #fff; letter-spacing: .075em; }

.cmBtn-xs + .cmBtn-xs { margin-left: 5px; }

.cmBtn-m { display: inline-block; vertical-align: middle; padding: 0 10px; min-width: 100px; height: 35px; line-height: 35px; box-sizing: border-box; text-align: center; font-size: 15px; color: #fff; letter-spacing: .075em; }

.cmBtn-m + .cmBtn-m { margin-left: 5px; }

.btn__border { color: #3389f2; border: 1px solid #3389f2; }

.btn__border:hover { color: #fff; background: #3389f2; border-color: #3389f2; }

.btn__def { background: #3389f2; }

.btn__def:hover { background: #005df6; }

.btn__gray { background: #adb2b8; }

.btn__gray:hover { background: #989ea6; }

.btnbox { overflow: hidden; margin: 20px 0; }

.btnbox.rt { text-align: right; }

.btnbox.center { text-align: center; }

.btnbox .lt { float: left; }

.btnbox .rt { float: right; }

.ico__file { margin: 1px 3px; padding: 0  !important; display: inline-block !important; width: 22px; height: 17px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAARCAYAAADZsVyDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAM5JREFUeNpiNO78z0AkWAjE/4A4kRjFLAzEA3kS1DIwMdAIjBo8xA1mxCKeDsRlOORggBGqJh2bHMjgN0AchiXNdgLxOiDmxaKRFyrXiSV9g8x6A8ogQkAshSZZBcQvgbgXiI8DsT+SnDIQbwRiDSDOB+JJaHpBZgnhy3kTgfgyEK8G4tNA/BgqDmKDygE3IN5HbuSBNJoA8RMg1oNiENsYn6HElhX3gdgSiK9C+SD2V2oVQiCDFEhJbjCD7amYhO1hBr8D4gAophZ4BxBgAB3mIinbi4BCAAAAAElFTkSuQmCC") no-repeat 0 0; background-size: contain; width: 22px !important; }

.ico__fileTd { padding: 5px; text-align: left !important; }

.nodata { padding: 30px 0; text-align: center; color: #333; }

.nodata__text { display: block; margin-bottom: 15px; font-size: 15px; font-weight: bold; }

.cmTextGray { margin: 10px 0; font-size: 12px; color: #888888; }

.joinPopCont .cmTextGray:first-child { margin-top: 0; }

.blueLink { color: #3389f2; text-decoration: underline; }

.prfBnr { overflow: hidden; width: 840px; height: 356px; font-family: 'Spoqa Han Sans'; }

.ty-major .prfBnr { background-color: #d6ecfa; }

.ty-license .prfBnr { background-color: #ddf9f7; }

.prfBnr__box { /* margin-top: 36px; */ margin-top: 16px; margin-left: 410px; }

.prfBnr__badge { display: inline-block; margin-right: 8px; height: 24px; line-height: 23px; padding: 0 10px; border-radius: 0 12px 0 12px; font-size: 13px; letter-spacing: -.025em; color: #fff; background: #eee; }

.ty-major .prfBnr__badge { background-color: #454ea9; }

.ty-license .prfBnr__badge { background-color: #35afa5; }

.prfBnr__text { /* margin-top: 14px; */ margin-top: 5px; line-height: 15px; font-size: 14px; letter-spacing: 0.025em; color: #333333; }

.prfBnr__title { /* margin-top: 10px; */ margin-top:8px; font-size: 30px; line-height: 1; font-weight: bold; color: #333333; font-weight: bold; letter-spacing: -.025em; }

.prfBnrTab { /* margin-top:20px; width:260px;*/ margin-top:10px; width:400px; height: 100%; }

.prfBnrTabItem { float: left; width: 41.3%; height: 30px; line-height: 30px; font-size: 13px; text-align: center; color: #333333; background: #fff; -webkit-transition: background .3s; transition: background .3s; }

.prfBnrTabItem.on { color: #fff; font-weight: bold; }

.ty-major .prfBnrTabItem.on { background-color: #454ea9; }

.ty-license .prfBnrTabItem.on { background-color: #35afa5; }

.prfBnrTab .jsTabCont { clear: both; width: 82.5%; /* height: 145px; */ height: 185px; overflow: hidden; background: #fff; }

.prfBnrTab video { cursor: pointer; }

.prfBnrList { padding: 16px 20px; border-top: 2px solid #eee; }

.prfBnrTab .jsTabCont ul.prfBnrList {height: 151px !important; overflow-y: scroll;}

.ty-major .prfBnrList { border-color: #454ea9; }

.ty-license .prfBnrList { border-color: #35afa5; }

.prfBnrList li { position: relative; padding-left: 12px; font-size: 13px; line-height: 1.76em; color: #333333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.prfBnrList li::before { content: ''; display: inline-block; position: absolute; top: calc(50% - 2px); left: 0; width: 4px; height: 4px; border-radius: 50%; }

.ty-major .prfBnrList li::before { background-color: #454ea9; }

.ty-license .prfBnrList li::before { background-color: #35afa5; }

.prfContTab { overflow: hidden; margin-top: 30px; }

.page__professor .prfContTab { overflow: visible; }

.prfContTabItem { float: left; display: block; margin-left: 1px; width: calc(20% - 1px); height: 47px; line-height: 47px; box-sizing: border-box; text-align: center; font-size: 16px; letter-spacing: -.025em; border-radius: 12px 12px 0 0; border: 1px solid #c8c8c8; border-bottom: none; background: #f6f6f6; }

.prfContTabItemBox { overflow: hidden; margin-left: -1px; }

.prfContTabItem:hover { font-weight: bold; }

.prfContTabItem.on { color: #fff; font-weight: bold; }

.ty-major .prfContTabItem.on { background-color: #454ea9; }

.ty-license .prfContTabItem.on { background-color: #35afa5; }

.ty-major .prfContTabItem.on { border-color: #454ea9; }

.ty-license .prfContTabItem.on { border-color: #35afa5; }

.prfContTab .jsTabCont { padding-top: 20px; padding-bottom: 60px; }

.prfContTab .jsTabCont.on { border-top: 2px solid #eee; }

.ty-major .prfContTab .jsTabCont.on { border-color: #454ea9; }

.ty-license .prfContTab .jsTabCont.on { border-color: #35afa5; }

.prfContH3 { display: none; }

.prfCont--mainRow { overflow: hidden; }

.prfCont--mainRow + .prfCont--mainRow { margin-top: 20px; }

.prfCont--main .prfcol-3 { float: left; width: calc(33.3% - 15px); }

.prfCont--main .prfcol-3:not(:first-child) { margin-left: 15px; }

.prfCont--mainTb { overflow: hidden; }

.prfCont--mainTb li { display: block; }

.prfCont--mainTb li * { display: inline-block; vertical-align: middle; }

.prfCont--mainTb .badgeDef { margin-right: 10px; }

.prfCont--mainTb__subj { width: 240px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.ty-major .prfCont--mainTb__subj:hover { color: #454ea9; }

.ty-license .prfCont--mainTb__subj:hover { color: #35afa5; }

.prfCont--mainTb__desc { margin-left: 47px; width: 340px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.prfCont--mainTb__name { float: right; width: 30px; }

.prfCont--mainClassLt .btnbox { margin-top: 40px; text-align: center; }

.prfCont--mainClassLt .btnbox .cmBtn { vertical-align: middle; margin: 0 5px; }

.prfCont--main .cmTable th:not(:first-child), .prfCont--main .cmTable td:not(:first-child) { border-left: 1px solid #c8c8c8; }

.prfCont--notice .cmTable { color: #888888; text-align: center; }

.prfCont--notice .cmTable .subj { padding-left: 66px; padding-right: 20px; }

.prfLay { position: fixed; top: calc(50% - 142px); right: calc(30% - 0px); width: 320px; border-radius: 8px; overflow: hidden; border: 2px solid #3389f2; z-index: 10; }

.prfLay.commWrtGuide { top: 100px; right: calc(50% - 410px); width: 590px; }

.prfLay.commWrtGuide .prfLay__inr { width: 590px; }

.prfLay.commWrtGuide .prfLayCont__desc + .prfLayCont__title { padding-top: 0; border: none; }

.prfLay__inr { width: 320px; box-sizing: border-box; background: #fff; }

.prfLayTop { padding: 13px 10px 13px 20px; height: 45px; box-sizing: border-box; background: #3389f2; }

.prfLayTop__title { float: left; font-size: 14px; line-height: 1.3em; font-weight: bold; color: #fff; }

.prfLayTop__title::before { content: '?'; display: inline-block; margin-right: 13px; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 50%; font-weight: bold; color: #3389f2; background: #fff; }

.prfLayTop__close { float: right; display: inline-block; width: 22px; height: 22px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -190px -330px; }

.prfLayCont { padding: 20px 13px; }

.prfLayCont__title { margin-bottom: 13px; display: block; font-size: 15px; color: #333333; }

.prfLayCont__desc { padding: 13px 9px; border-radius: 3px; font-size: 12px; letter-spacing: -.045em; color: #888888; background: #f0f5f9; }

.prfLayCont__desc span { display: block; font-size: 13px; letter-spacing: -.045em; color: #333333; }

.prfLayCont__desc + .prfLayCont__title { padding-top: 18px; margin-top: 18px; border-top: 1px dashed #e1e1e1; }

.prfLayCont__desc .cDark { color: #333; }

.prfLayCont__depth { padding-left: 10px; text-indent: -10px; }

.prfMclass__title { padding: 10px 10px 13px; font-size: 15px; font-weight: bold; }

.ty-major .prfMclass__title { color: #454ea9; }

.ty-license .prfMclass__title { color: #35afa5; }

.prfMclassTb td { position: relative; text-align: center; }

.prfMclass__info { text-align: left; padding: 15px 5px 15px 30px; }

.prfMclass__badges { margin-bottom: 7px; }

.prfMclass__badges span { margin-right: 7px; }

.prfMclass__subj { display: block; margin-bottom: 5px; font-size: 15px; line-height: 1.4em; color: #333333; letter-spacing: -.045em; font-weight: bold; }

.ty-major .prfMclass__subj:hover { color: #454ea9; }

.ty-license .prfMclass__subj:hover { color: #35afa5; }

.prfMclass__desc { margin-bottom: 8px; font-size: 13px; letter-spacing: -.045em; color: #3389ff; }

.prfMclass__side span { font-size: 12px; letter-spacing: -.045em; color: #888888; }

.prfMclass__side span:not(:first-child):before { content: ''; display: inline-block; margin: 0 5px; width: 1px; height: 13px; line-height: 13px; vertical-align: middle; background: #d7d7d7; }

.prfMclass__btn span { display: inline-block; min-width: 46px; padding: 0 2px; height: 22px; line-height: 22px; box-sizing: border-box; font-size: 12px; text-align: center; vertical-align: middle; color: #666666; border: 1px solid #c8c8c8; }

.prfMclass__btn span + span { border-top: none; }

.prfMclass__ckbx { text-align: left !important; padding-left: 25px; }

.prfMclass__ckbx .inputbox__checkbox { margin: 10px 0; display: block; margin-right: 0; }

.prfMclass__ckbx .inputbox__checkbox .bl { color: #000; }

.prfMclass__apply span {display: block;}

.prfMclass__apply span.price {color: #888; text-decoration: line-through;}

.prfMclass__apply span.discount {color: #333;}

.prfMclass__apply .btn__round__darkgray {position: relative; margin-top: 5px; width: 80px; height: 26px; line-height: 25px; letter-spacing: -1px; color: #fff; background: #7e8391; border-radius: 3px;}

.prfMclass__apply .btn__round__darkgray::after {content: ">"; margin-left: 3px;}

.prfMclassLyr { display: none; position: absolute; top: 55%; left: 20px; width: 210px; height: 132px; z-index: 2; background: #fff; }

.prfMclassLyr__inr { position: relative; padding: 10px; height: 132px; box-sizing: border-box; border: 3px solid #3389f2; }

.prfMclassLyr__title { margin-bottom: 13px; padding: 5px 0 10px 0; font-size: 13px; line-height: 1; color: #333333; font-weight: bold; border-bottom: 1px solid #e6e6e6; }

.prfMclassLyr__cont { margin-top: 8px; }

.prfMclassLyr__txt { display: inline-block; font-size: 12px; color: #333; line-height: 24px; font-weight: bold; vertical-align: middle; margin-right: 4px; }

.prfMclassLyr__badge { display: inline-block; width: 57px; height: 24px; line-height: 23px; font-size: 12px; text-align: center; vertical-align: middle; -webkit-transition: background .3s, border .3s; transition: background .3s, border .3s; }

.prfMclassLyr__badge.blue { color: #fff; background: #3389f2; }

.prfMclassLyr__badge.blue:hover { background: #005df6; }

.prfMclassLyr__badge.border { color: #3389f2; border: 1px solid #3389f2; background: #fff; }

.prfMclassLyr__badge.border:hover { border-color: #005df6; }

.prfMclassLyr__close { position: absolute; top: 8px; right: 8px; display: inline-block; width: 15px; height: 15px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALFJREFUeNpi/P//PwO5gImBAkCRZhZkjomJSQ2QWgPEN7Co1QRinzNnznTjsnkjEGcAsTqauAYQZwLxbnzOvgzEM6EKNZBszALi6UB8AaezoeA6EE8F4kAgVgViHSCeDMS38foZCYAU7gfig0Bsh00jvtAG2egMxOFQWpVYzSA/5gLxBiDeDA3EbKg4Xs160MCahhRdN6CBlQ7Euvg0+0MVosfzTWgs+CMLMg7NtA0QYAARmSV8/NhxKQAAAABJRU5ErkJggg==") no-repeat 0 0; background-size: contain; }

.joinPop .prfMclass__info { padding: 10px 5px 10px 15px; }

.joinPop .prfMclass__subj { font-size: 14px; }

.joinPop .regFind__cont { padding: 15px 20px; height: 128px; }

.prfIntroTab { overflow: hidden; position: relative; }

.prfIntroTab .jsTabItem { float: left; width: 50%; height: 60px; line-height: 60px; border: 1px solid #c8c8c8; border-bottom: none; box-sizing: border-box; font-size: 16px; letter-spacing: -.045em; text-align: center; font-weight: bold; color: #333333; }

.prfIntroTab .jsTabItem.on { position: relative; border: 2px solid #eee; border-bottom: none; line-height: 58px; }

.prfIntroTab .jsTabItem.on.prfIntro-license { color: #35afa5; border-color: #35afa5; }

.prfIntroTab .jsTabItem.on.prfIntro-license span:after { background-color: #35afa5; }

.prfIntroTab .jsTabItem.on.prfIntro-major { color: #454ea9; border-color: #454ea9; }

.prfIntroTab .jsTabItem.on.prfIntro-major span:after { background-color: #454ea9; }

.prfIntroTab .jsTabItem.on:before { content: ''; display: block; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background: #fff; }

.prfIntroTab .jsTabItem.on span { display: inline-block; }

.prfIntroTab .jsTabItem.on span:after { content: ''; display: block; position: relative; top: 0; margin-left: -12px; padding: 0 12px; width: 100%; height: 2px; box-sizing: content-box; }

.prfIntroTab .jsTabCont { clear: both; padding-top: 20px; border-top: 2px solid #000; }

.prfIntroTab .jsTabCont.prfIntro-license { border-color: #35afa5; }

.prfIntroTab .jsTabCont.prfIntro-major { border-color: #454ea9; }

.prfIntro__h3 { margin-bottom: 10px; color: #333333; }

.prfIntro__h3:before { content: ''; display: inline-block; margin-right: 9px; width: 4px; height: 16px; }

.prfIntro-license .prfIntro__h3:before { background: #35afa5; }

.prfIntro-major .prfIntro__h3:before { background: #454ea9; }

.prfIntro__h3:not(:first-child) { margin-top: 20px; }

.prfList { overflow: hidden; margin-left: -9px; }

.prfListItem { overflow: hidden; position: relative; display: block; float: left; margin-left: 9px; margin-bottom: 9px; width: 274px; height: 184px; border: 1px solid #f0f0f0; box-sizing: border-box; -webkit-transition: background .3s; transition: background .3s; }

.prfIntro-major .prfListItem:hover { background: #d6ecfa; }

.prfIntro-license .prfListItem:hover { background: #ddf9f7; }

.prfListItem:hover .prfListItem__arrow { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 35px; line-height: 35px; text-align: center; font-size: 13px; font-weight: bold; color: #fff; }

.prfListItem:hover .prfListItem__arrow:after { content: ''; display: inline-block; margin-left: 2px; display: inline-block; width: 18px; height: 8px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -346px -330px; }

.prfIntro-license .prfListItem:hover .prfListItem__arrow { background: #35afa5; }

.prfIntro-major .prfListItem:hover .prfListItem__arrow { background: #454ea9; }

.prfListItem__arrow { display: none; }

.prfListItem__badgeNew { display: inline-block; position: absolute; top: 0; left: 0; width: 37px; height: 37px; padding-top: 6px; box-sizing: border-box; border-radius: 0 8px 8px 8px; font-size: 10px; line-height: 1.2em; color: #fff; text-align: center; background: #eee; }

.prfIntro-license .prfListItem__badgeNew { background: #35afa5; }

.prfIntro-major .prfListItem__badgeNew { background: #454ea9; }

.prfListItem__img { position: absolute; top: 0; left: 0; width: 274px; height: 184px; background-repeat: no-repeat; background-size: cover; background-position: 50%; background-image: url("//img.unistudy.co.kr/prof_2021/prfListItem__imgDef.png"); }

.prfListItem__textbox { display: inline-block; margin: 44px 0 0 22px; padding-bottom: 9px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.prfListItem__text1 { display: block; margin-bottom: 8px; font-size: 15px; letter-spacing: -.045em; font-weight: bold; }

.prfIntro-license .prfListItem__text1 { color: #35afa5; }

.prfIntro-major .prfListItem__text1 { color: #454ea9; }

.prfListItem__name { font-size: 18px; font-weight: bold; color: #333; }

.prfListItem__desc { margin-top: 8px; margin-left: 22px; display: block; font-size: 13px; color: #333; }

.page__classroom .joinPop .form__item { height: auto; }

.adressList + .adressList { margin-top: 15px; }

.adressList .form__title { width: 110px; padding-left: 0; text-align: center; }

.adressList .form__item.titlebox { min-height: 40px; padding: 11px 0 11px 20px; text-align: left; background: #f0f5f9; }

.adressList__nodata { display: block; margin: 30px 0; text-align: center; color: #888888; }

.clsm-college { position: relative; }

.clsm .jsTabItem.on { color: #333 !important; }

.clsm .jsTabItem.on i { color: #3389f2 !important; }

.clsmGuide__btn { display: inline-block; margin-left: 10px; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 50%; background: #eaf4fe; -webkit-transition: background .3s; transition: background .3s; }

.clsmGuide__btn:hover { background: #e0effd; }

.clsmGuide__btn:before { content: '?'; font-size: 14px; color: #3389f2; }

.clsmGuideLyr { position: absolute; top: 30px; right: 0; width: 306px; text-align: left; }

.clsmGuideLyr__inr { width: 306px; padding: 14px; box-sizing: border-box; position: relative; border: 2px solid #3389f2; background: #fff; }

.clsmGuideLyr__tit { display: block; padding-bottom: 13px; border-bottom: 1px solid #888888; font-size: 14px; color: #3389f2; font-weight: bold; }

.clsmGuideLyr__close { position: absolute; top: 8px; right: 7px; padding: 6px; }

.clsmGuideLyr__close:after { content: ''; display: inline-block; width: 14px; height: 14px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALxJREFUeNpiNO78FMrAwMBxpox3MQMRwKTrsySQCmACalgNZGgABWKJ1DQTiDcygQSAmqsJaUbSlAFU/4wJJoFPM1BMClkTSIwJWQE2zVBNM5A1gQDj////sTmrFUjdAOK9QDwdiDORNeHUCNU8EUjZALEvuiYMp6I5TwGIjwCxMzY1TDg0wZyXjyvAmPBoeoYUYOrompnwaUIK7Rp0zUyENOHSzAhMqwQ1oXmnBUjdBNlYT6wmJJu/AwQYAGxjbQn9LCSfAAAAAElFTkSuQmCC") no-repeat 0 0; background-size: contain; }

.clsmGuideLyr__item { position: relative; padding: 15px 15px 15px 50px; font-size: 12px; line-height: 1.3em; letter-spacing: -.05em; color: #333; }

.clsmGuideLyr__item + .clsmGuideLyr__item { border-top: 1px solid #c8c8c8; }

.clsmGuideLyr__item b { display: block; margin-bottom: 3px; font-size: 12px; color: #000; }

.clsmGuideLyr__ico { position: absolute; top: calc(50% - 11px); left: 15px; }

.clsmGuideLyr__ico::before { content: ''; display: inline-block; }

.clsmGuideLyr__ico.bookmark::before { display: inline-block; width: 24px; height: 22px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -54px -330px; }

.clsmGuideLyr__ico.hide::before { display: inline-block; width: 24px; height: 22px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -122px -330px; }

.clsmTbl { text-align: center; }

.clsmTbl td { border-bottom: 1px solid #c8c8c8; }

.clsmTbl td:not(:first-child) { border-left: 1px solid #c8c8c8; }

.clsmTbl tr:last-child td { border-bottom: none; }

.clsmTbl__top { overflow: hidden; margin: 40px 0 8px 0; }

.clsmTbl__top:first-child { margin-top: 0; }

.clsmTbl__topTitle { font-size: 18px; font-weight: bold; line-height: 35px; }

.clsmTblBtn__border { display: inline-block; width: 99px; height: 33px; line-height: 33px; text-align: center; border: 1px solid #c8c8c8; font-size: 13px; color: #666666; }

.clsmTblBtn__border:hover { border-color: #3389f2; }

.clsmTblBtn__border:after { content: '>'; margin-left: 6px; font-family: 'µ¸¿ò', dotum; color: #666666; }

.clsmTblBtn__border.disable { background: #efefef; color: #aaa; cursor: default; }

.clsmTblBtn__border.disable:after { color: #aaa; }

.clsmTblBtn__border.disable:hover { border-color: #c8c8c8; }

.clsmTblBadge { display: inline-block; vertical-align: middle; width: 44px; height: 20px; padding: 2px 0; line-height: 1; box-sizing: border-box; text-align: center; font-size: 13px; color: #fff; box-sizing: border-box; }

.clsmTblBadge.b--border { color: #3389f2; border: 1px solid #3389f2; }

.clsmTblBadge.b--grayborder { height: 25px; line-height: 25px; padding: 0; font-size: 12px; color: #333333; border: 1px solid #c8c8c8; }

.clsmTblBadge.b--def { background: #3389f2; }

.clsmList { color: #333; letter-spacing: -.045em; }

.clsmList__title { font-size: 14px; }

.clsmList__part { display: block; font-size: 12px; }

.clsmList__class { display: block; margin-bottom: 6px; font-size: 14px; }

.clsmList__professor { display: block; font-size: 12px; }

.clsmListBody { padding: 25px 40px; text-align: left; }

.clsmList__subject { display: block; margin-bottom: 12px; padding-bottom: 13px; font-size: 14px; line-height: 1.5em; font-weight: bold; border-bottom: 1px solid #ededed; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.clsmList__subject:hover { color: #3389f2; }

.clsmList__desc { font-size: 12px; }

.clsmList__graphBox { overflow: hidden; margin-top: 1px; font-size: 12px; }

.clsmList__graphLt { width: 60px; float: left; }

.clsmList__graphRt { float: left; position: relative; z-index: 1; display: block; margin: 8px 0 0 0; width: calc(100% - 95px); height: 4px; border-radius: 4px; background: #ecf3fb; }

.clsmList__graphStick { display: block; height: 4px; background: #7b9ebe; }

.clsmList__graphNum { float: left; display: block; width: 35px; text-align: right; font-size: 12px; color: #888888; }

.clsmListBtnbox { padding: 15px 52px; font-size: 0; line-height: 1; background: #f6f6f6; }

.clsmListBtnbox .cmBtn-xs { margin: 6px 0 0 0; }

.clsmList .brdSrc { margin-bottom: 20px; }

.clsmBtn__bookmark, .clsmBtn__hide { display: inline-block; width: 32px; height: 32px; padding: 5px; box-sizing: border-box; cursor: pointer; }

.clsmBtn__bookmark + .clsmBtn__hide { margin-left: 4px; }

.clsmBtn__bookmark input { opacity: 0 !important; height: 0 !important; width: 0 !important; position: absolute !important; }

.clsmBtn__bookmark input:checked + .text { display: inline-block; width: 24px; height: 22px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -88px -330px; }

.clsmBtn__bookmark .text { display: block; font-size: 0; line-height: 1; text-indent: -10px; display: inline-block; width: 24px; height: 22px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -54px -330px; }

.clsmBtn__hide { padding-top: 7px; }

.clsmBtn__hide input { opacity: 0 !important; height: 0 !important; width: 0 !important; position: absolute !important; }

.clsmBtn__hide input:checked + .text { display: inline-block; width: 24px; height: 22px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -156px -330px; }

.clsmBtn__hide .text { display: block; font-size: 0; line-height: 1; text-indent: -10px; display: inline-block; width: 24px; height: 22px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -122px -330px; }

.clsmInfo { position: relative; margin-top: 40px; padding: 30px 30px 30px 95px; border: 1px solid #cacaca; }

.clsmInfo::before { content: ''; display: inline-block; position: absolute; top: 24px; left: 24px; width: 51px; height: 51px; background: url("//img.unistudy.co.kr/mypage_2021/clsmInfo_bg.png") no-repeat 0 0; }

.clsmInfo__title { margin-bottom: 15px; font-size: 15px; letter-spacing: -.05em; color: #5e8ebe; }

.clsmInfo__descItem { overflow: hidden; margin-bottom: 7px; font-size: 12px; line-height: 1.41667em; color: #888; }

.clsmInfo__descItem + .clsmInfo__title { margin-top: 25px; }

.clsmInfo__descItemLt { float: left; margin-right: 5px; display: table-cell; font-weight: bold; }

.clsmInfo__descItemRt { float: left; display: table-cell; }

.clsmInfo__descItem a { text-decoration: underline; }

.clsmDetTop { padding: 27px 40px 30px; background: #f0f5f9; }

.clsmDetTop__wrap1 { position: relative; padding-right: 180px; padding-bottom: 37px; border-bottom: 1px solid #96b7ce; }

.clsmDetTop__text { margin-bottom: 8px; }

.clsmDetTop__text span { display: inline-block; font-size: 14px; line-height: 1; color: #5e8ebe; }

.clsmDetTop__text span + span { margin-left: 6px; padding-left: 6px; border-left: 1px solid #5e8ebe; }

.clsmDetTop__subj { font-size: 18px; line-height: 1.44444em; letter-spacing: -.05em; font-weight: bold; color: #333; word-break: break-word; }

.clsmDetTop__prof { position: absolute; bottom: 40px; right: 0; font-size: 14px; color: #333; }

.clsmDetTop__prof a:after { content: ''; display: inline-block; margin-left: 5px; width: 17px; height: 14px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAOCAYAAADJ7fe0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAplJREFUeNpijIuPZ2D4/5/h779/DPz8/AxsrGwMv37/ZlBSVma4cP6c8dEjR+oMDY0mKykr7VFUVGIQFhZmuHT5MoOGujqDvLw8w8+fPxlYGJDA379/GXiFeBkYmRgZDuzbl7Rly+a5IPH79+/7mZmZ55iamE69fuOG5elTJ9WYmZiua2pqngIZwqxvYAA3QE5ODshiZFi/ft2sI0cON4LEHR0d2x88eGD79OlTrydPHsvs2bO7/NLFi/FsbGwCISEhq798+cLA8h/oFaCpDFJS0gwPHz7S3rJ50+q3b99qCgoK3gJ61UpaWvqtsYlJ89IlSw6eOHEiBeZqUVHR+yKiogzPnj5jYLawsGDgA4bFpUuXYtevW7v7+/fvoqamplPTMzK8zp07Fzx92rRTPNzc72Pj4lOATmd5+PCBHcgQfj6+pyIiomtOnDrJwBATG8evpaU1HSj+H4Sjo6O92zs6GfT09OfDxEBYXV19Q119A0NsXJw9TAwYEUv9/P1FGWTl5DaBBAQEBO7l5ecLFRUXS/Dx8d1FNgCGWZiZX2VkZqmUlZdzAL1zDiQGpI8xZ2fn/PkFBEDnel29ctV94cIFJ4HOFmTAAv79/8995szpPB4e3sdhERHZwECV9fb23sjw5v17htq6elDMWGGzHReWkZHxLSopYXj99h0D85s3bxmWLlnM8Pz5cwugZCiyzUCvngMmqiPsHBxPPn/+rPIPmCBh4NOnT/uuXL58DhQ7yMAf3TY9fX2/ZctXMGzctJkFmC7QXRMH08jEgAfcv3dP6NWrVwzAQJcEBhtOdciGsKNLsrKycjEyMjJ8+/aNDYteDhiDBQhg7M9A/A7qVBBgZGJm/ggKB6BBv4Hq3iIZwAjEH2EcgAADAFa2GwEVyqCwAAAAAElFTkSuQmCC") no-repeat 0 0; background-size: contain; }

.clsmDetTop__prof a:hover { color: #3389f2; }

.clsmDetTop__wrap2 { overflow: hidden; margin: 30px 0 0 0; padding: 11px 0; background: #e0e5e9; }

.clsmDetTop__box { float: left; position: relative; padding: 11px 0 9px; width: calc(25% - 1px); min-height: 108px; box-sizing: border-box; text-align: center; }

.clsmDetTop__box:not(:first-child) { border-left: 1px solid #c9cccf; }

.clsmDetTop__boxTitle { display: block; margin-bottom: 12px; font-size: 14px; line-height: 1; color: #333; font-weight: bold; }

.clsmDetTop__boxText { color: #3389f2; font-size: 16px; font-weight: bold; }

.clsmDetTop__boxText b { font-size: 24px; }

.clsmDetTop__boxBtm { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; font-size: 14px; letter-spacing: -.045em; color: #888; line-height: 27px; }

.clsmDetTop__boxBtn { display: inline-block; width: 63px; height: 27px; line-height: 27px; text-align: center; font-size: 13px; color: #3389f2; border: 1px solid #3389f2; background: #fff; -webkit-transition: background .3s; transition: background .3s; }

.clsmDetTop__boxBtn:hover { background: transparent; }

.clsmDetBn { margin-top: 30px; }

.clsmAcdnBox:not(:first-child) { margin-top: 30px; }

.clsmAcdnBox.on .clsmAcdn__desc { display: block; }

.clsmAcdn__desc { display: none; }

.clsmAcdn__btnMore { position: absolute; top: calc(50% - 19px); right: 34px; line-height: 1; }

.clsmAcdn__btnMore:after { content: ''; display: inline-block; width: 38px; height: 38px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYBJREFUeNrsl88rBVEUgN9FSpGslGxkqbB6fwClJKmXl4WF3cTCivI/kBVFY2uDPPUkpcTaSsr6bV6ykyjlR+M7dRfTLc/MvKtGnVtfp3fvmXO+ufNmmjFRFBXyOFoKOR0qpmIqpmIqpmI5GW1JE8Mw7CZcwHoQBMdpG3F8ibAGExz/7GXHKNpOqEARDvm9mlJK8o/s8RVbz8uOhTAWO5kNig8Slzn7zwZCUn8LFmPTUmcPFnz8x67h3ZmTZlWad/0gJfNVR0rGB1z91tAkfVGk0bi9HD3O0h1MsXP1WG4/4QyGndwnKJN76U3MNhwinMKAs/Rg5W7JGbVSfU5ODabJuU/Sy6R9taZxr71ERWfpFTZhBTqdtRuYQeoxaR+T5Z0fuQ7CPpQSpJ/APFJvf/6AtU3KdocaDVmfTSuVecec3ZO7bhtaY9Nf9lGyk7Wu8fH5htwk4QDkEfECc0idN1PT+PquRG6EsAtLcnc2W8/oB6+KqZiKqZiKqdj/FPsWYABpQ4DntPbJDAAAAABJRU5ErkJggg==") no-repeat 0 0; background-size: contain; }

.clsmAcdn .clsmAcdnBox.on .clsmAcdn__btnMore:after { width: 38px; height: 38px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAURJREFUeNrsl71qAkEURleNQkALq9haW6RLUhgwWNkIEbS2UbJ1sLLRws7a+A6mC8ROQoQIVuIziC+gVZCs38BXyIVkDYy6wh04rPdvOewysxjyPM8J4go7AV0qpmIqpmIqpmIBWRf7NIWa633arkEfuGDm1+x14kd5YgUwBnfgk/HJX+UTeAMJxgnG7qnEzGwXvICIqJm4x3r4mGKXYACeffpM/ZX9Bxe7Ah+gJPJmh7R53V2P7E8dUiwDJuBG5JfgHrR4XYq66f/ivHWxPHdeWuTn4HbniJgxnou+NOfzNsWq4B0kRX4IsmAh8gvmhyKfZK5qSywHYiJnDtMiWP0ys2K9L/JR8GBLrA5G/P0DGjynNj5zG/Y1OOfwPjVbYt/chVNQ4fn0n2X6y5wv8X5/fwb1D6+KqZiKqZiKqdh5im0FGAAB8zx2m7oaJgAAAABJRU5ErkJggg==") no-repeat 0 0; background-size: contain; }

.clsmAcdnTitle { overflow: hidden; position: relative; padding: 28px 100px 29px 40px; border-top: 2px solid #6992b9; border-bottom: 1px solid #d2d9df; background: #f0f5f9; }

.clsmAcdnTitleLt { float: left; width: 475px; }

.clsmAcdn__subj { margin-bottom: 10px; font-size: 18px; letter-spacing: -.05em; font-weight: bold; color: #3389f2; }

.clsmAcdn__text { overflow: hidden; font-size: 12px; line-height: 1.2em; color: #333; }

.clsmAcdn__text span { float: left; display: inline-block; font-size: 12px; line-height: 1.2em; }

.clsmAcdn__text span + span { margin-left: 6px; padding-left: 5px; border-left: 1px solid #999; }

.clsmAcdn__btns { float: right; }

.clsmAcdn__btns .cmBtn { min-width: 95px; }

.clsmRvw .form__wrap { padding: 0; }

.clsmRvw__text1 { font-size: 12px; color: #888888; }

.clsmRvw__text2 { margin-top: 10px; font-size: 12px; color: #888888; }

.clsmRvw__body { padding: 17px 0 0 0; }

.clsmRvw__q { margin: 15px 0; font-size: 12px; line-height: 1.4em; letter-spacing: -.05em; font-weight: bold; color: #333333; }

.clsmRvw__a { margin-bottom: 15px; }

.clsmRvw__a:not(:last-child) { border-bottom: 1px solid #e3e3e3; }

.clsmRvw__a:last-child { margin-bottom: -10px; }

.clsmRvw__a .inputbox__radio, .clsmRvw__a .inputbox__checkbox { margin-bottom: 15px; margin-right: 20px; }

.clsmRvw__a .inputbox__textarea { margin-bottom: 15px; height: 45px; }

.clsmStyBox:not(:first-child) { margin-top: 30px; }

.clsmStyTitle { padding: 11px 30px; height: 43px; box-sizing: border-box; border-top: 2px solid #717376; border-bottom: 1px solid #c8c8c8; font-size: 14px; color: #333333; background: #f0f5f9; }

.clsmStyCont { overflow: hidden; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; vertical-align: middle; padding: 0 30px; height: 100px; border-bottom: 1px solid #c8c8c8; text-align: center; font-size: 14px; }

.clsmStyCont > b { width: 100%; }

.clsmStyCont__row1 { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }

.clsmStyCont__row2 { width: 140px; text-align: center; }

.clsmStyCont__row3 { text-align: center; }

.clsmStyCont__subj { margin-bottom: 6px; font-size: 14px; color: #333; font-weight: bold; letter-spacing: -.045em; text-align: left; }

.clsmStyCont__text { font-size: 12px; line-height: 1.2em; color: #333; text-align: left; }

.clsmStyCont__text span { display: inline-block; font-size: 12px; line-height: 1.2em; }

.clsmStyCont__text span + span { margin-left: 6px; padding-left: 5px; border-left: 1px solid #999; }

.clsmStyBtm { overflow: hidden; padding: 11px 30px; border-bottom: 1px solid #c8c8c8; }

.clsmStyBtmOk { font-size: 14px; }

.clsmStyBtmOk:before { content: ''; display: inline-block; margin-right: 5px; width: 15px; height: 13px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAANCAYAAAB2HjRBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQNJREFUeNpi/P//PwO5gIVUDYzVXyyB1DQgDmUkxWagRg0gdRSIhYD4PNGagRqlgNRxIJYD4jdAbM1EpEZ+ILUNqvE7EHv/b+W5xQSUkADiHUCsg0MjG5BaB8T6QPwHiIOBGk+B5EA2bwVidyAGGSCLppERSC0AYieoUCpQ43aYPEhzOhB/BWJpqAGCSPobgDgSxgZqXIBiOCjAgBpANm8GYlZoaLoBcSAQL4GqWwzE8UDN/zE0Q50YC6QWQcUPA7E5EIP8exBkGFDjL4zwQI4qoAElQKobSf4eEJsBNb7FFpgoUQVU1AOkJkK5n4HYD5dGXMmzEIglgHgZUONVfPEPEGAAp7hbLqr4QkwAAAAASUVORK5CYII=") no-repeat 0 0; background-size: contain; }

.clsmStyBtm .inputbox__checkbox { vertical-align: middle; line-height: 40px; }

.clsmStyBtmRt { float: right; }

.clsmSty__asideTxt { margin: 10px 30px; font-size: 12px; color: #888888; }

.clsmPayInfo .cmTable td { text-align: center; }

.clsmPayInfo .cmTable .subj a:hover { color: #3389f2; }

.clsmPayInfo__delbox { margin-top: 17px; }

.clsmPayInfo__delbox .inputbox__checkbox { margin-left: 19px; }

.clsmPayInfo__delbox .ico_trash { display: inline-block; vertical-align: -3px; }

.clsmPayInfo__total { overflow: hidden; padding: 35px 5px; text-align: center; font-size: 15px; color: #333; background: #f0f5f9; }

table + .clsmPayInfo__total { border-top: 1px solid #c8c8c8; }

.form__item + .clsmPayInfo__total { border-top: 1px solid #e3e3e3; }

.clsmPayInfo__total1, .clsmPayInfo__total2, .clsmPayInfo__total-minor, .clsmPayInfo__total3 { display: inline-block; letter-spacing: -.05em; }

.clsmPayInfo__total1:before, .clsmPayInfo__total2:before, .clsmPayInfo__total-minor:before, .clsmPayInfo__total3:before { content: ''; margin: 0 20px 0 13px; display: inline-block; vertical-align: middle; }

.clsmPayInfo__total1::before { display: none; }

.clsmPayInfo__total1 b { font-size: 20px; }

.clsmPayInfo__total2:before { display: inline-block; width: 20px; height: 20px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -395px -92px; }

.clsmPayInfo__total2 b { font-size: 20px; }

.clsmPayInfo__total3:before { display: inline-block; width: 20px; height: 20px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -395px -122px; }

.clsmPayInfo__total3 b { font-size: 25px; }

.clsmPayInfo__total-minor:before { display: inline-block; width: 20px; height: 20px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -395px -152px; }

.clsmPayInfo__total-minor b { font-size: 20px; }

.clsmPayInfo .btnbox { margin-top: 30px; }

.clsmPayInfo__start { padding: 30px 26px; border: 1px solid #cacaca; }

.clsmPayInfo__startTop { font-size: 12px; padding-bottom: 15px; border-bottom: 1px dotted #a7a7a7; }

.clsmPayInfo__startTop b { font-size: 15px; }

.clsmPayInfo__startTop .inputbox__select { margin-left: 5px; }

.clsmPayInfo__startTopTit { display: block; text-align: center; font-size: 14px; font-weight: bold; }

.clsmPayInfo__startDesc { margin-top: 15px; font-size: 12px; color: #888888; }

.clsmPayInfo__info { margin: 10px 0; padding: 15px; border: 1px solid #cccccc; font-size: 12px; color: #888888; }

.clsmPayInfo__infoTit { display: block; margin-bottom: 5px; font-size: 15px; }

.clsmPayInfo__gray { margin-top: 10px; font-size: 12px; color: #888888; }

.clsmPayInfoPop__cpn { overflow: hidden; border-bottom: 1px solid #717376; }

.clsmPayInfoPop__cpnLt { float: left; width: 40%; height: 60px; line-height: 60px; background: #f0f5f9; font-size: 15px; letter-spacing: -.05em; text-align: center; }

.clsmPayInfoPop__cpnRt { float: left; width: 60%; height: 60px; line-height: 60px; font-size: 18px; text-align: center; color: #3389f2; }

.clsmPayInfoPop__cpnRt b { font-size: 25px; }

.clsmPayInfo__dada { table-layout: fixed; text-align: center; width: 100%; border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; }

.clsmPayInfo__dada th { font-size: 14px; background: #eeeeee; }

.clsmPayInfo__dada td { font-size: 12px; }

.clsmPayInfo__dada th, .clsmPayInfo__dada td { height: 50px; border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }

.clamPayComp { margin: 40px 0; font-size: 22px; letter-spacing: -.025em; line-height: normal; font-weight: bold; text-align: center; color: #3389f2; }

.payArea { overflow: hidden; }

.payAreaLt { float: left; width: 550px; }

.payAreaRt { float: left; padding: 25px; width: 290px; box-sizing: border-box; border-left: 1px solid #ccd3d8; }

.payAreaRt .cmBtn { margin-bottom: 20px; width: 240px; height: 65px; line-height: 65px; font-size: 20px; font-weight: bold; }

.payAreaRt .inputbox__checkbox .text { font-size: 16px; font-weight: bold; color: #3389f2 !important; letter-spacing: -.1em; }

.payAreaRt .inputbox__checkbox .text:before { vertical-align: text-bottom; }

.payArea__top { padding: 25px 0 25px 25px; border-bottom: 1px solid #ccd3d8; background: #f0f5f9; }

.payArea__topIptBox { display: inline-block; vertical-align: middle; }

.payArea__top .inputbox__radio { margin-right: 15px; letter-spacing: -.05em; }

.payArea__top .cmBtn-s { letter-spacing: -.05em; min-width: 138px; }

.payArea__btm { padding: 15px 25px; font-size: 14px; letter-spacing: -.025em; line-height: 1.14286em; color: #888888; }

.payArea__btm p { margin: 15px 0; padding-left: 10px; text-indent: -10px; }

.payArea__textbox { margin-bottom: 20px; text-align: center; letter-spacing: -.05em; }

.payArea__text1 { margin-bottom: 10px; font-size: 18px; color: #000; line-height: 1; }

.payArea__text2 { font-size: 18px; }

.payArea__text2 b { font-size: 28px; }

.payArea__text3 { margin-bottom: 5px; font-size: 12px; letter-spacing: -.05em; color: #333333; }

.myWallet__info { overflow: hidden; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 20px 30px; min-height: 86px; box-sizing: border-box; background: #e6f1ff; font-size: 14px; line-height: 23px; letter-spacing: -.045em; }

.myWallet__infoLt { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }

.commBnr { margin: 0 0 20px 0; }

.page__comm .nodata { margin: 40px 0 60px 0; }

.commProf { overflow: hidden; position: relative; margin-bottom: 20px; width: 840px; height: 180px; background: #f0f5f9; }

.commProf__badgeRecom { display: inline-block; position: absolute; top: 0; left: 0; width: 50px; height: 50px; padding-top: 6px; box-sizing: border-box; border-radius: 0 8px 8px 8px; font-size: 15px; line-height: 1.2em; color: #fff; text-align: center; background: #e43b40; }

.commProf__main { position: absolute; top: 20px; right: 30px; font-size: 14px; }

.commProf__main::before { content: ''; display: inline-block; vertical-align: text-bottom; margin-right: 7px; width: 23px; height: 20px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAUCAIAAADp3DFZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAArRJREFUeNpMVNtOGzEQtb3eXAgSzaYSihQk4AHEwgP//xttU0IrRYrSpA8hQTRhr/b2zJ5g4YfVeK5nzoxXvx6KKIqcc957rXXTNNbauq6NMbzyiwOfOI5xhYArHKiHYJVSQYt0ovbORgb6l5fNfD7fbDZJktzc3CSjr2VZQg83fEMiyHr7L0N6GICFNq0aXJfL5Ww2y/McrjB1Op279P78/BxCUQh8REEP4AAhWagKXRitEL9YLJACJmZBAd+oNE0vLi4QCQ3bIXy92+ehf5gPh8PvX89IAb+TkxOUhUA6yqqGfHV1dXt7C0SQUeBYG+wSG7Lu93ugWK/+EBSVhKkFpJSFPB6PAWowGKBGt9uVvoQL5xG0fdlMp9PtdgsDWiVznAhkuBkO0ei/61WRZ+nd/Wg0crVTEgxetFmtVrPnpyzLPo9ZyG+zkPtIiaytDAgohl8SdHd5eVm5GlH2x7fvIKKsCtIWtaeqKvLKdDygIytlQP1+f7fbvbXn7j618AaE09NTpQfghWW5QRz85yUI3UE4OzuTpFmGqwX/j4+P+P58miILzAwArgCBY3KloGPLUE4mk+vra2GqpcyTSJhZR7eHUww7ChkOpEmY/iCORwxKq0AhdwcGLDtcsawka71eUxn3usCFhWSI0GcjgdeNO4iER0hPdHg+Dw8PvV4PMej/bfcKUivv3t/fudNIJDWUgDW1b2ferhl7YZvD4RD8SU0bD5OR9zX4NY1n443y2ijnpWvz+YEyPdCxqfD2+TiO1kbRkwyiO+GFKdgIY8gip9uyJrm4R0ihPqbOhTiyK+vYMkqBfyxOVyo7H55C6TzHx36lCW18C8CyIxIOeGiHL1hAxR3uMfYdGnAU8EpH+siuQMafARd5mq4mbP4Zq/o4e8wSY5IGGx/oy4sS8QH4fwEGAONeWdaWRe+3AAAAAElFTkSuQmCC") no-repeat 0 0; background-size: contain; }

.commProf__main:hover { text-decoration: underline; }

.commProf__img { width: 240px; height: 180px; }

.commProf__titleBox { position: absolute; bottom: 80px; left: 245px; }

.commProf__title { display: block; margin-bottom: 10px; font-size: 22px; font-weight: bold; color: #333; }

.commProf__title2 { display: block; font-size: 16px; }

.commProf__btm { position: absolute; top: 118px; left: 245px; }

.commProf__tbl { overflow: hidden; float: left; margin-right: 15px; padding: 14px 10px 5px 20px; min-width: 400px; height: 42px; box-sizing: border-box; font-size: 0; line-height: 1; background: #fff; white-space: nowrap; }

.commProf__tbl li { overflow: hidden; float: left; line-height: 1; font-size: 14px; letter-spacing: -.05em; }

.commProf__tblT { float: left; display: inline-block; margin-right: 25px; font-weight: bold; }

.commProf__tblD { float: left; display: inline-block; margin-right: 30px; }

.commProf [class^=cmBtn] { padding-left: 15px; min-width: 150px; height: 42px; line-height: 42px; }

.commProf [class^=cmBtn] i { position: relative; top: 1px; }

.commStateBox { position: relative; }

.commStateBox .prfLay { text-align: left; position: absolute; top: 35px; right: -140px; font-weight: normal; }

.commStateBtn { display: inline-block; width: 20px; height: 20px; vertical-align: text-top; }

.commStateBtn:before { content: '?'; display: inline-block; margin-right: 13px; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 50%; font-weight: bold; color: #fff; background: #b9b9b9; }

.commWrtGuideBtn { display: inline-block; padding: 0 10px; height: 32px; line-height: 32px; box-sizing: border-box; font-size: 13px; color: #fff; font-weight: bold; letter-spacing: -.045em; text-align: center; background: #3389f2; }

.commWrtGuideBtn::before { content: '!'; display: inline-block; vertical-align: 0; margin-right: 6px; width: 18px; height: 18px; line-height: 18px; text-align: center; border-radius: 50%; font-weight: bold; color: #3389f2; background: #fff; }

.calcTbl { border-top: 2px solid #c8c8c8; border-bottom: 2px solid #c8c8c8; }

.calcTbl table { table-layout: fixed; width: 100%; }

.calcTbl th, .calcTbl td { text-align: center; padding: 0 3px; height: 39px; }

.calcTbl th:not(:first-child), .calcTbl td:not(:first-child) { border-left: 1px solid #c8c8c8; }

.calcTbl th[rowspan], .calcTbl td[rowspan] { border-bottom: none; }

.calcTbl th { text-align: center; font-size: 12px; font-weight: normal; color: #333333; border-bottom: 1px solid #c8c8c8; background: #f7f6f6; }

.calcTbl td { font-size: 15px; color: #666666; }

.calcTbl tr:not(:last-child) td { border-bottom: 1px solid #c8c8c8; }

.calcTbl tbody th { border-bottom: 1px solid #c8c8c8; }

.calcTbl tbody tr:last-child th { border-bottom: none; }

.infoOrigin { margin: 8px 0; text-align: right; font-size: 12px; color: #888888; }

.tvCont .paging { margin: 30px 0; }

.tvList { overflow: hidden; margin-left: -16px; margin-top: -10px; }

.tvItem { position: relative; float: left; margin-top: 30px; padding-left: 15px; border-bottom: 1px solid #e5e5e5; width: 270px; height: 277px; }

.tvItem a { display: block; }

.tvItem a:hover .tvItem__subj { color: #3389f2; font-weight: bold; }

.tvItem a:hover .tvItem__img img { -webkit-transform: scale(1.02); transform: scale(1.02); }

.tvItem__badge { position: absolute; top: 0; left: 15px; z-index: 1; display: inline-block; width: 78px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; font-weight: bold; color: #fff; background: #3389f2; }

.tvItem__img { overflow: hidden; display: block; width: 270px; height: 150px; }

.tvItem__img img { z-index: 2; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }

.tvItem__textBox { display: block; padding: 0 0 30px 0; height: 127px; box-sizing: border-box; }

.tvItem__subj { display: block; margin-top: 18px; margin-bottom: 10px; font-size: 18px; color: #000; -webkit-transition: all .3s; transition: all .3s; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.tvItem__date { display: block; margin-bottom: 13px; font-size: 12px; color: #888; }

.tvItem__name { display: block; width: calc(100% - 80px); font-size: 15px; color: #000; }

.tvItem__badgeBox { position: absolute; bottom: 30px; right: 0; }

.tvItem__badgeBox i { float: left; margin-left: 5px; }

.searchTop__title { padding: 20px 0; font-size: 22px; font-weight: normal; letter-spacing: -.045em; border-bottom: 2px solid #cccccc; }

.searchTop__title::before { content: ''; vertical-align: text-bottom; margin-right: 10px; display: inline-block; width: 31px; height: 29px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -350px -230px; }

.searchList { margin-bottom: 30px; }

.searchList__nodata { margin: 50px 0; text-align: center; }

.searchList__nodata img { margin-bottom: 14px; display: inline-block; }

.searchList__nodataText1 { margin-bottom: 10px; font-size: 18px; }

.searchList__nodataText2 { font-size: 16px; }

.searchItem { overflow: hidden; padding: 25px 20px; display: -webkit-box; display: -webkit-flex; display: flex; border-bottom: 1px solid #c8c8c8; }

.searchItem:hover .searchBody__subj, .searchItem:hover .searchBody__desc { text-decoration: underline; }

.searchCate { display: block; margin: 0 20px 0 0; width: 65px; height: 65px; border-radius: 50%; box-sizing: border-box; text-align: center; font-size: 14px; font-weight: bold; letter-spacing: -.045em; background: #eee; }

.searchCate.ty-license { padding: 27px 0 0 0; color: #299a91; line-height: 1; background: #d1e9e7; }

.searchCate.ty-major { padding: 16px 0 0 0; word-break: break-all; line-height: 16px; color: #454ea9; background: #d6d9f3; }

.searchBody { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }

.searchBody__subj { margin-bottom: 8px; font-size: 15px; }

.searchBody__desc { margin-bottom: 14px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; }

.searchBody__aside { overflow: hidden; display: block; }

.searchBody__asideItem { float: left; font-size: 14px; line-height: 1; }

.searchBody__asideItem:not(:first-child):before { content: ''; display: inline-block; margin: 0 8px; width: 1px; height: 13px; line-height: 1; vertical-align: middle; background: #999999; }

.searchResult__title { float: left; font-size: 18px; line-height: 1; font-weight: bold; letter-spacing: -.045em; }

.searchResult__titleBox { overflow: hidden; padding-bottom: 10px; border-bottom: 2px solid #717376; line-height: 1; margin-top: 50px; }

.searchResult__titleNo { font-weight: normal; }

.searchResult__titleBtn { float: right; padding: 0 5px 4px; font-size: 12px; line-height: 1; color: #888888; }

.searchResult__titleBtn:after { content: '+'; margin-left: 5px; font-size: 18px; line-height: 1; vertical-align: baseline; }

.searchResult__titleBtn:hover { color: #3389f2; }

.searchResultList { padding: 20px 10px; }

.searchResultList li { font-size: 15px; }

.searchResultList li:not(:first-child) { margin-top: 30px; }

.searchResultList li::before { content: ''; display: inline-block; vertical-align: middle; margin-right: 12px; width: 4px; height: 4px; border-radius: 50%; background: #888888; }

.searchResultList a { display: inline-block; vertical-align: middle; width: 98%; line-height: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.regBnr { position: relative; padding-top: 35px; }

.regBnr .swiper-slide { overflow: hidden; width: 100%; height: 160px; }

.regBnr__item { float: left; display: block; width: 420px; height: 160px; }

.regBnr__item:hover .regBnr__itemTxt { font-weight: bold; color: #3389f2; }

.regBnr__item:first-child .regBnr__itemTxt { position: relative; }

.regBnr__item:first-child .regBnr__itemTxt:after { content: ''; display: block; position: absolute; top: calc(50% - 7px); right: 0; width: 1px; height: 15px; background: #c8c8c8; }

.regBnr__itemTxt { display: block; padding: 0 10px; width: 100%; height: 40px; line-height: 40px; box-sizing: border-box; text-align: center; font-size: 13px; letter-spacing: -.045em; color: #888888; background: #f6f6f6; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.regBnrBtn__next, .regBnrBtn__prev { position: absolute; top: 0; display: block; width: 25px; height: 25px; border: 1px solid #dfdfdf; -webkit-transition: background .3s; transition: background .3s; }

.regBnrBtn__next::before, .regBnrBtn__prev::before { content: ''; display: inline-block; vertical-align: 1px; }

.regBnrBtn__next:hover, .regBnrBtn__prev:hover { background: rgba(0, 0, 0, 0.05); }

.regBnrBtn__next { right: 0; }

.regBnrBtn__next::before { width: 5px; height: 9px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAJCAYAAAD6reaeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAH1JREFUeNpimDVr1p9r166l////nwGGmVRUVJYfPnx4xv3794MZYAAkAxScNnPmzP93794NAfHhWoAS02ESjGAZKFi+fPn9z58/KzDBBI4dOzYJJODk5BQF1nrkyJHJIK137twJB+vcv3//fGQBsCDQnX+vXLmSjexOgAADAHsWbjoMOenTAAAAAElFTkSuQmCC") no-repeat 0 0; background-size: contain; }

.regBnrBtn__prev { right: 29px; }

.regBnrBtn__prev::before { width: 5px; height: 9px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAJCAYAAAD6reaeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIlJREFUeNpi+P//PwMMX7lyJXvWrFl/mRig4O7du+FHjx6doqqqugis4s6dO+EzZ878f+TIkckgPsPt27cjQQJAVZNgxjCABJYtW3Yf2WwmFxeX0M+fPysAtU6HmQ+WAVoSAtJx+PDhaSA+I9gMILh//37w7t271wBtX8KAbNa1a9fSge78AxBgAB1Rb1Iq3oEbAAAAAElFTkSuQmCC") no-repeat 0 0; background-size: contain; }

.regTitle { margin: 20px 0 10px 0; font-size: 15px; line-height: 1.2em; font-weight: bold; }

.regTitle:before { content: ''; display: inline-block; margin-right: 10px; width: 4px; height: 16px; background: #3389f2; }

.regFindWrap { overflow: hidden; }

.regFindBox { float: left; width: 25%; box-sizing: border-box; border-bottom: 1px solid #c3d1de; }

.regFindBox:not(:first-child) { border-left: 1px solid #c3d1de; }

.regFind__title { display: block; width: 100%; height: 37px; line-height: 37px; box-sizing: border-box; border-bottom: 2px solid #c3d1de; text-align: center; font-size: 14px; font-weight: bold; background: #e6f1ff; }

.regFind__cont { overflow-y: auto; padding: 15px 30px; height: 170px; box-sizing: border-box; }

.regFind__cont .inputbox__radio:not(:first-child) { margin-top: 10px; }

.regFind__cont .inputbox__radio input:checked + .text { color: #3389f2; font-weight: bold; }

.regFind__contbtn { display: block; padding: 5px 0; font-size: 13px; color: #888888; cursor: pointer; }

.regFind__contbtn:first-child { margin-top: -5px; }

.regFind__contbtn:hover { color: #242424; }

.regFind__contbtn input { opacity: 0 !important; height: 0 !important; width: 0 !important; position: absolute !important; }

.regFind__contbtn.on, .regFind__contbtn input:checked + .text { color: #3389f2; font-weight: bold; }

.regProf { position: relative; margin-bottom: 20px; padding: 30px 30px 30px 237px; background: #f0f5f9; }

.regProf__badgeNew { display: inline-block; position: absolute; top: 0; left: 0; width: 42px; height: 42px; padding-top: 6px; box-sizing: border-box; border-radius: 0 8px 8px 8px; font-size: 11px; line-height: 1.2em; color: #fff; text-align: center; background: #454ea9; }

.regProf__badgeNew.major { background: #454ea9; }

.regProf__badgeNew.license { background: #35afa5; }

.regProf__img { position: absolute; bottom: 0; left: 0; }

.regProf__badgebox { margin-bottom: 7px; }

.regProf__title { display: block; margin-bottom: 7px; font-size: 18px; font-weight: bold; }

.regProf__titleBox { margin-bottom: 12px; letter-spacing: -.05em; }

.regProf__title2 { display: block; font-size: 14px; color: #5e8ebe; }

.regProf__btm { padding: 4px 30px; background: #fff; }

.regProf__tbl { width: 100%; }

.regProf__tbl tr:not(:last-child) th, .regProf__tbl tr:not(:last-child) td { border-bottom: 1px solid #a4c4e2; }

.regProf__tbl th, .regProf__tbl td { padding: 12px 0; letter-spacing: -.05em; }

.regProf__tbl th { position: relative; padding-right: 10px; padding-left: 14px; font-size: 13px; color: #6992b9; }

.regProf__tbl th::before { content: ''; display: inline-block; position: absolute; top: calc(50% - 3px); left: 0; margin-right: 7px; width: 5px; height: 5px; border-radius: 50%; background: #6992b9; }

.regProf__tbl th:empty::before { display: none; }

.regProf__badge { display: inline-block; vertical-align: middle; padding: 0 3px; min-width: 46px; height: 22px; line-height: 21px; box-sizing: border-box; text-align: center; font-size: 12px; letter-spacing: -.045em; }

.regProf__badge.blue { color: #fff; background: #3389f2; }

.regProf__badge.border { color: #3389f2; border: 1px solid #3389f2; }

.regOrder { overflow: hidden; margin-bottom: 20px; border: 1px solid #c3d1de; background: #f6f6f6; }

.regOrderLt { float: left; padding: 15px 30px; width: calc(100% - 246px); min-height: 247px; box-sizing: border-box; background: #fff; }

.regOrderRt { float: left; padding: 18px 23px; width: 246px; box-sizing: border-box; background: #f6f6f6; }

.regOrderRt .btnbox { margin: 0 0 0 -3px; }

.regOrderRt [class^=cmBtn] { float: left; min-width: 98px; height: 36px; line-height: 36px; margin-left: 3px; }

.regOrderRt .btn__border:not(:hover) { background: #fff; }

.regOrderItem .inputbox__checkbox { display: block; margin-right: 0; padding: 11px 11px; border-bottom: 1px solid #d3e1ef; letter-spacing: -.05em; font-size: 14px; }

.regOrderItem .inputbox__checkbox .text { overflow: hidden; width: 100%; }

.regOrderItem .inputbox__checkbox .text:before { float: left; margin-right: 8px; }

.regOrderItem__title { float: left; display: block; width: 65px; color: #333; }

.regOrderItem__subj { float: left; display: block; width: calc(100% - 243px); color: #888888; }

.regOrderItem__price { float: right; width: 150px; text-align: right; }

.regOrderItem__price .cancelLine { margin-right: 2px; color: #888888; text-decoration: line-through; }

.regOrderItem__price .fixPrice { color: #333; }

.regOrderFin__title { margin-bottom: 10px; text-align: center; font-size: 15px; letter-spacing: -.05em; }

.regOrderFin__pay { width: 100%; }

.regOrderFin__pay tbody tr:last-child th, .regOrderFin__pay tbody tr:last-child td { padding-bottom: 5px; }

.regOrderFin__pay tbody th, .regOrderFin__pay tbody td { height: 28px; }

.regOrderFin__pay tbody th { position: relative; padding-left: 25px; font-size: 14px; }

.regOrderFin__pay tbody th::before { content: ''; display: inline-block; position: absolute; top: calc(50% - 3px); left: 10px; margin-right: 7px; width: 5px; height: 5px; border-radius: 50%; background: #6992b9; }

.regOrderFin__pay tbody td { padding-right: 12px; text-align: right; font-size: 15px; color: #888888; }

.regOrderFin__pay tfoot th, .regOrderFin__pay tfoot td { border-top: 1px solid #888888; height: 50px; }

.regOrderFin__pay tfoot th { padding-left: 25px; font-size: 14px; }

.regOrderFin__pay tfoot td { padding-right: 12px; text-align: right; font-size: 18px; font-weight: bold; letter-spacing: -.05em; }

.regOrderFin__pay tfoot td b { font-size: 25px; letter-spacing: -.05em; }

.regContTabItemBox { overflow: hidden; background: #c1c5ca; }

.regContTabItem { float: left; position: relative; z-index: 1; width: 25%; height: 45px; line-height: 45px; box-sizing: border-box; text-align: center; font-size: 14px; color: #fff; }

.regContTabItem::before { content: ''; display: inline-block; position: absolute; top: calc(50% - 10px); left: -1px; width: 1px; height: 21px; background: #dcdee1; }

.regContTabItem.col3 {width: 33.3333%;}

.regContTabItem.on { z-index: 2; line-height: 43px; border: 2px solid #c1c5ca; border-bottom: none; color: #3389f2; font-weight: bold; background: #fff; }

.regContTabItem.on::before { display: none; }

.regContTab .jsTabCont { margin-top: 30px; /*margin-bottom: 80px;*/ }

.regContTab .jsTabCont .regContWrap {margin-bottom: 30px;}

.regContH3 { margin-top: 10px; margin-bottom: 10px; font-size: 15px; font-weight: bold; }

.regIntroTbl { margin-bottom: 30px; width: 100%; border-top: 2px solid #717376; border-bottom: 1px solid #717376; }

.regIntroTbl.gray th { background: #f6f6f6; }

.regIntroTbl.gray th, .regIntroTbl.gray td { padding-top: 15px; padding-bottom: 15px; height: 50px; }

.regIntroTbl tr:not(:last-child) th, .regIntroTbl tr:not(:last-child) td { border-bottom: 1px solid #e3e3e3; }

.regIntroTbl th, .regIntroTbl td { padding-top: 25px; padding-bottom: 25px; height: 70px; box-sizing: border-box; }

.regIntroTbl th { text-align: center; font-size: 14px; color: #333; background: #f0f5f9; }

.regIntroTbl td { padding-left: 40px; text-align: left; font-size: 14px; color: #888888; }

.regIntroTbl td ol {list-style-type: auto; margin-left: 15px;}

.regIntroTbl td ol li {margin: 3px 0;}

.regIntroTbl td ol li a {color: #888;}

.regIntroTbl td ol li:hover a {color: #3389f2;}

.regIntro__desc { margin: 20px 0; }

.regIntro__desc img, .regIntro__desc video { display: block; margin: 0 auto; max-width: 100%; }

.regBook { overflow: hidden; margin-bottom: 20px; padding: 30px 20px; min-height: 279px; box-sizing: border-box; border-top: 2px solid #717376; border-bottom: 1px solid #717376; white-space: nowrap; }

.regBook::after { content: ''; display: inline-block; vertical-align: middle; height: 100%; }

.regBook__img { display: inline-block; vertical-align: middle; margin-right: 19px; padding: 8px 9px; width: 159px; height: 216px; box-sizing: border-box; border: 1px solid #e5e5e5; background: #fff; }

.regBook__info { display: block; margin-bottom: 30px; font-size: 15px; color: #888888; }

.regBook__info2 { display: block; font-size: 14px; text-align: center; color: #888888; }

.regBook__desc { display: inline-block; vertical-align: middle; padding-top: 10px; width: 100%; white-space: normal; }

.regBook__img + .regBook__desc { width: calc(100% - 185px); }

.regBook__subj { display: block; margin-bottom: 12px; font-size: 14px; }

.regBook__price { display: block; margin-bottom: 25px; font-size: 18px; font-weight: bold; }

.regBook__writer { display: block; margin-top: 3px; }

.regBook__writerTit { display: inline-block; width: 50px; font-size: 14px; font-weight: bold; }

.regBook__writerDesc { font-size: 14px; color: #888888; }

.regBook__btm { margin-top: 19px; padding: 15px 0 0; border-top: 1px dotted #a7a7a7; font-size: 12px; letter-spacing: -.05em; color: #a1a1a1; }

.smBnr { margin-bottom: 10px; }

.smTopBnr { position: relative; margin-bottom: 40px; }

.smTopBnrSwiper__dirWrap .smTopBnrSwiper__prev, .smTopBnrSwiper__dirWrap .smTopBnrSwiper__next { position: absolute; top: calc(50% - 12px); z-index: 5; width: 25px; height: 25px; line-height: 25px; text-align: center; background: #aaaaaa; }

.smTopBnrSwiper__dirWrap .smTopBnrSwiper__prev::before, .smTopBnrSwiper__dirWrap .smTopBnrSwiper__next::before { font-size: 13px; font-weight: bold; color: #fff; font-family: cursive; }

.smTopBnrSwiper__dirWrap .smTopBnrSwiper__prev { left: 0; }

.smTopBnrSwiper__dirWrap .smTopBnrSwiper__prev::before { content: '<'; }

.smTopBnrSwiper__dirWrap .smTopBnrSwiper__next { right: 0; }

.smTopBnrSwiper__dirWrap .smTopBnrSwiper__next::before { content: '>'; }

.smTopBnrSwiper__naviWrap { position: absolute; bottom: 10px; right: 12px; left: auto; z-index: 5; padding: 0 5px; width: 70px; height: 28px; box-sizing: border-box; border-radius: 14px; line-height: 1; color: #fff; background: #000; }

.smTopBnrSwiper__naviWrap .smTopBnrSwiper__prev, .smTopBnrSwiper__naviWrap .smTopBnrSwiper__next { display: block; float: left; width: 10px; }

.smTopBnrSwiper__naviWrap .smTopBnrSwiper__prev:before, .smTopBnrSwiper__naviWrap .smTopBnrSwiper__next:before { font-size: 11px; line-height: 30px; color: #fff; font-family: cursive; }

.smTopBnrSwiper__naviWrap .smTopBnrSwiper__prev:before { content: '<'; }

.smTopBnrSwiper__naviWrap .smTopBnrSwiper__next:before { content: '>'; }

.smTopBnrSwiper__pagination { display: block; float: left; width: 40px; font-size: 12px; line-height: 28px; font-weight: bold; text-align: center; }

.smRecom { position: relative; margin-bottom: 40px; border-top: 2px solid #eee; }

.ty-major .smRecom { border-color: #454ea9; }

.ty-license .smRecom { border-color: #35afa5; }

.smRecomTitle { padding: 20px 30px; }

.smRecomTitle__badge { margin-bottom: 10px; display: inline-block; position: relative; padding: 0 2px; min-width: 60px; height: 23px; line-height: 23px; box-sizing: border-box; text-align: center; font-size: 12px; letter-spacing: -.065em; color: #fff; background: #eee; }

.ty-major .smRecomTitle__badge { background-color: #454ea9; }

.ty-license .smRecomTitle__badge { background-color: #35afa5; }

.smRecomTitle__badge:before { content: ''; display: block; position: absolute; bottom: -5px; left: calc(50% - 5px); width: 0px; height: 0px; border-top: 5px solid #eee; border-bottom: 5px solid none; border-right: 5px solid transparent; border-left: 5px solid  transparent; }

.ty-major .smRecomTitle__badge:before { border-top-color: #454ea9; }

.ty-license .smRecomTitle__badge:before { border-top-color: #35afa5; }

.smRecomTitle__subj { display: block; margin-bottom: 8px; font-size: 18px; font-weight: bold; }

.smRecomTitle__desc { display: block; font-size: 15px; }

.smRecomTabItemBox { overflow: hidden; position: absolute; top: 12px; right: 20px; }

.smRecomTab .jsTabItem { display: block; float: left; position: relative; width: 80px; height: 95px; }

.smRecomTab .jsTabItem::before { content: ''; display: block; position: absolute; top: 0; left: calc(50% - 30px); width: 60px; height: 60px; border-radius: 50%; box-sizing: border-box; border: 1px solid #bfbfbf; background: #fff; -webkit-transition: background-color .1s; transition: background-color .1s; }

.smRecomTab .jsTabItem span { display: block; margin-top: 76px; font-size: 14px; color: #888; text-align: center; white-space: nowrap; }

.smRecomTab .jsTabItem.on:before { background: #eee; }

.ty-major .smRecomTab .jsTabItem.on:before { background-color: #454ea9; }

.ty-license .smRecomTab .jsTabItem.on:before { background-color: #35afa5; }

.ty-major .smRecomTab .jsTabItem.on:before { border-color: #454ea9; }

.ty-license .smRecomTab .jsTabItem.on:before { border-color: #35afa5; }

.smRecomTab .jsTabItem.on span { font-weight: bold; }

.ty-major .smRecomTab .jsTabItem.on span { color: #454ea9; }

.ty-license .smRecomTab .jsTabItem.on span { color: #35afa5; }

.ty-major .smRecomTab .jsTabItem:hover:before { border-color: #454ea9; }

.ty-license .smRecomTab .jsTabItem:hover:before { border-color: #35afa5; }

.ty-major .smRecomTab .jsTabItem:hover span { color: #454ea9; }

.ty-license .smRecomTab .jsTabItem:hover span { color: #35afa5; }

.smRecomTab .jsTabItem.m-engin::before { display: inline-block; width: 60px; height: 60px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: 0px -70px; }

.smRecomTab .jsTabItem.m-engin.on:before { background-position: -70px -70px; }

.smRecomTab .jsTabItem.m-science::before { display: inline-block; width: 60px; height: 60px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -280px 0px; }

.smRecomTab .jsTabItem.m-science.on:before { background-position: -280px -70px; }

.smRecomTab .jsTabItem.m-math::before { display: inline-block; width: 60px; height: 60px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: 0px -210px; }

.smRecomTab .jsTabItem.m-math.on:before { background-position: -70px -210px; }

.smRecomTab .jsTabItem.m-business::before { display: inline-block; width: 60px; height: 60px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: 0px 0px; }

.smRecomTab .jsTabItem.m-business.on:before { background-position: -70px 0px; }

.smRecomTab .jsTabItem.m-nursing::before { display: inline-block; width: 60px; height: 60px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -140px -210px; }

.smRecomTab .jsTabItem.m-nursing.on:before { background-position: -210px -210px; }

.smRecomTab .jsTabItem.m-gisa::before { display: inline-block; width: 60px; height: 60px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -140px -140px; }

.smRecomTab .jsTabItem.m-gisa.on:before { background-position: -210px 0px; }

.smRecomTab .jsTabItem.m-finance::before { display: inline-block; width: 60px; height: 60px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: 0px -140px; }

.smRecomTab .jsTabItem.m-finance.on:before { background-position: -70px -140px; }

.smRecomTab .jsTabItem.m-it::before { display: inline-block; width: 60px; height: 60px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -210px -70px; }

.smRecomTab .jsTabItem.m-it.on:before { background-position: -210px -140px; }

.smRecomTab .jsTabItem.m-etc::before { display: inline-block; width: 60px; height: 60px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -140px 0px; }

.smRecomTab .jsTabItem.m-etc.on:before { background-position: -140px -70px; }

.smRecomTab .jsTabCont { border-top: 1px solid #c8c8c8; }

.smLctWrap { position: relative; height: 295px; box-sizing: content-box; border-bottom: 2px solid #eee; }

.ty-major .smLctWrap { border-color: #454ea9; }

.ty-license .smLctWrap { border-color: #35afa5; }

.smLctBox { overflow: hidden; }

.smLctBox.smLct--active .smLctText, .smLctBox.smLct--active .smLctText__subj { font-weight: bold; }

.ty-major .smLctBox.smLct--active .smLctText, .ty-major .smLctBox.smLct--active .smLctText__subj { color: #454ea9; }

.ty-license .smLctBox.smLct--active .smLctText, .ty-license .smLctBox.smLct--active .smLctText__subj { color: #35afa5; }

.smLctBox.smLct--active .smLctText { background: #f4f3f8; }

.smLctBox:last-child .smLctText { border-bottom: none; }

.smLctText { overflow: hidden; float: right; padding-top: 20px; width: 50%; height: 59px; border-bottom: 1px solid #dadded; box-sizing: border-box; background: #fff; -webkit-transition: background .3s; transition: background .3s; }

.smLctText__name { display: block; float: left; width: 80px; text-align: center; font-size: 12px; }

.smLctText__subj { display: block; float: left; width: calc(100% - 80px); font-size: 14px; color: #888888; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.smLctCont { position: absolute; top: 0; left: 0; z-index: 1; width: 50%; height: 295px; background-color: #f4f3f8; background-repeat: no-repeat; background-position: 0 100%; }

.smLctCont::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }

.smLct--active .smLctCont { z-index: 2; }

.smLctCont__box { display: inline-block; vertical-align: middle; margin-left: 220px; width: 170px; }

.smLctCont__top { margin-bottom: 16px; padding: 15px 0; min-height: 112px; box-sizing: border-box; border-top: 1px dashed #c9cdec; border-bottom: 1px dashed #c9cdec; text-align: center; }

.smLctCont__subj { display: table-cell; vertical-align: middle; text-align: center; width: 170px; height: 40px; font-size: 16px; line-height: 20px; font-weight: bold; letter-spacing: -.08em; }

.smLctCont__link { display: inline-block; margin-top: 10px; width: 170px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #5e5e5e; background: #e2e1e8; }

.smLctCont__link:after { content: '>'; margin-left: 3px; }

.smLctCont__link:hover { font-weight: bold; color: #333; }

.smLctCont__prof { display: block; width: 170px; height: 45px; line-height: 45px; text-align: center; border: 1px solid #eee; font-size: 16px; font-weight: bold; background: #fff; -webkit-transition: background-color .3s; transition: background-color .3s; }

.ty-major .smLctCont__prof { border-color: #454ea9; }

.ty-license .smLctCont__prof { border-color: #35afa5; }

.ty-major .smLctCont__prof { color: #454ea9; }

.ty-license .smLctCont__prof { color: #35afa5; }

.smLctCont__prof:after { content: ''; margin-left: 5px; vertical-align: -1px; }

.ty-major .smLctCont__prof:after { display: inline-block; width: 16px; height: 16px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: 0px -374px; }

.ty-license .smLctCont__prof:after { display: inline-block; width: 16px; height: 16px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -395px -326px; }

.smLctCont__prof:hover { background: rgba(255, 255, 255, 0.7); }

.smBoard { float: left; width: 50%; border-top: 2px solid #888888; border-bottom: 2px solid #888888; }

.smBoard__row { overflow: hidden; margin-bottom: 40px; }

.smBoard + .smBoard { width: calc(50% - 1px); border-left: 1px solid #e1e2e6; }

.smBoardTop__box { padding: 0 30px; height: 50px; border-bottom: 1px solid #e1e2e6; background: #f4f3f8; }

.smBoardTop__title { float: left; line-height: 50px; font-size: 15px; font-weight: bold; }

.smBoardTop__more { float: right; display: block; position: relative; margin-top: 13px; width: 25px; height: 25px; box-sizing: border-box; border: 1px solid #dddddd; background: #fff; -webkit-transition: border .3s; transition: border .3s; }

.smBoardTop__more:hover { border: 1px solid #eee; }

.ty-major .smBoardTop__more:hover { border-color: #454ea9; }

.ty-license .smBoardTop__more:hover { border-color: #35afa5; }

.smBoardTop__more:after { content: ''; position: absolute; top: calc(50% - 4px); left: calc(50% - 4px); display: inline-block; width: 8px; height: 8px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACVJREFUeNpi+P//PwMMz5w58z8yn4kBD8AryQgyCqcsbewECDAAcf8sRFzjUN8AAAAASUVORK5CYII=") no-repeat 0 0; background-size: contain; }

.smBoardList--notice { margin: 0 30px; }

.smBoardList--evt { padding: 18px 10px; height: 204px; box-sizing: border-box; text-align: center; }

.smBoardItem { display: block; padding-top: 15px; padding-left: 30px; padding-right: 30px; height: 69px; box-sizing: border-box; }

.smBoardItem:not(:first-child) { border-top: 1px solid #e1e2e6; }

.smBoardItem__subj { display: block; position: relative; margin-left: -12px; padding-left: 12px; font-size: 14px; letter-spacing: -.05em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.smBoardItem__subj::before { content: ''; display: none; position: absolute; top: calc(50% - 2px); left: 0; width: 3px; height: 3px; border-radius: 50%; }

.ty-major .smBoardItem__subj::before { background-color: #454ea9; }

.ty-license .smBoardItem__subj::before { background-color: #35afa5; }

.smBoardItem__desc { display: block; font-size: 12px; letter-spacing: -.05em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.smBoardItem:hover .smBoardItem__subj { font-weight: bold; }

.ty-major .smBoardItem:hover .smBoardItem__subj { color: #454ea9; }

.ty-license .smBoardItem:hover .smBoardItem__subj { color: #35afa5; }

.smBoardItem:hover .smBoardItem__subj:before { display: block; }

.smBoardItem--notice { display: block; height: 51px; line-height: 51px; box-sizing: border-box; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.smBoardItem--notice:not(:first-child) { border-top: 1px solid #e1e2e6; }

.smBoardItem--notice i { margin-right: 3px; }

.smBoardItem--notice:hover { color: #3389f2; font-weight: bold; }

.smBoardItem--evt { position: relative; display: inline-block; margin: 12px 10px; width: 100px; height: 60px; padding-top: 43px; box-sizing: border-box; font-size: 12px; }

.smBoardItem--evt:hover { color: #3389f2; }

.smBoardItem--evt::before { content: ''; position: absolute; top: 0; left: calc(50% - 25px); }

.smBoardItem--evt.i-evt:before { display: inline-block; width: 50px; height: 40px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -280px -190px; }

.smBoardItem--evt.i-free:before { display: inline-block; width: 50px; height: 40px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: 0px -280px; }

.smBoardItem--evt.i-benefit:before { display: inline-block; width: 50px; height: 40px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -280px -140px; }

.smBoardItem--evt.i-jokbo:before { display: inline-block; width: 50px; height: 40px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -60px -280px; }

.smBoardItem--evt.i-tv:before { display: inline-block; width: 50px; height: 40px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -180px -280px; }

.smBoardItem--evt.i-tip:before { display: inline-block; width: 50px; height: 40px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -120px -280px; }

.faqList { margin: 30px 0; border-top: 2px solid #717376; }

.faqTitle { display: block; width: 100%; position: relative; padding-top: 5px; padding-bottom: 5px; padding-left: 80px; padding-right: 50px; min-height: 51px; border-bottom: 1px solid #c8c8c8; text-align: left; }

.faqTitle::before { content: 'Q'; display: inline-block; position: absolute; top: 10px; left: 25px; margin-right: 30px; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; text-align: center; font-size: 15px; font-weight: bold; color: #fff; background: #adb2b8; }

.faqTitle::after { content: ''; display: block; position: absolute; top: calc(50% - 6px); right: 20px; width: 21px; height: 12px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAMCAYAAACNzvbFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAS1JREFUeNqMk71KA1EQhTcXtZGUQbEUfYKQThtFYUFQECuxSmHhG4h2+grBRi3TCEHxp7TwB/YJBIuUIlikECFIgn4DR7gMbnYHvl1m7jmn2DtbybIsoSbgDt6gCd9J+TLvKcxAat4xHhU4gyWJpmATPksEVuECVtVbzo6F7sN2JFyBe1iD9xGB03AN9WhmOS+BRxtencGETzCfEzin87qbW07bQruwAJkTzMrYcHPrn3UeV6acbtDgA5bhxglr+hSp+lR9zelu5becJEQHX7AB584wCVdwApfq4zL9uvyJD7UaaKWO3NwudBfG3fxY+kE8DP9cwg8cwh4Mcy5qqPMD6ZOi0L9qwRb03byveSvPGAqWu6O97anvadE7o0yhxF/zCItaI3s/FBl+BRgAd808UrS5DmAAAAAASUVORK5CYII=") no-repeat 0 0; background-size: contain; }

.accordian.on .faqTitle::after { width: 21px; height: 12px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAMCAYAAACNzvbFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARBJREFUeNqk0j9LQlEYx3H/DUKTg0ONDi2+AKFyaK1IHB1VEPEt1Gb4DhoMGptaahKUJl0u4uikOIrgKC0l2PfAT7g9cPOaBz5cznOe5weXc6Ke50VCrCyeUMN4V3MsRGAefZzpe3FoaBFdpLR3357q/wpt4BVJU0+q3tgnNIoHPCIeMBfXeVP9f4Ym8Iw7U/9GG2tTv1d/Iij0CO8om8FPFFDHrfb+5frfNP8rNI0PXJmBJS7R0b6j/dL0XWs+vQ3NYICcaZzpGQ1N3e3Pde5fOeVkXGgJp6ZhpMFpwEVNdD4ydZdTcqEtvPgOuvrFxY43vFBfz1dzOS13axtUcIw5qviKhFsr3OgFnChn8yPAAGETNUFMeTynAAAAAElFTkSuQmCC") no-repeat 0 0; background-size: contain; }

.faqTitle__type { display: inline-block; vertical-align: middle; width: 100px; font-size: 14px; letter-spacing: -.055em; color: #888; word-break:none; /* word-break: keep-all; */}

.faqTitle__subj { display: inline-block; width: calc(100% - 137px); vertical-align: middle; margin-left: 15px; font-size: 14px; letter-spacing: -.045em; font-weight: bold; color: #333; }

.faqDesc { position: relative; padding: 20px 45px 20px 84px; border-bottom: 1px solid #c8c8c8; font-size: 14px; background: #f7f6f6; }

.faqDesc::before { content: 'A'; display: inline-block; position: absolute; top: 20px; left: 25px; margin-right: 30px; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; text-align: center; font-size: 15px; font-weight: bold; color: #fff; background: #3389f2; }

.page__center .clsmTbl__topTitle { font-size: 15px; line-height: 20px; }

.remoteCont { background: #f7f6f6; }

.remoteCont .btnbox { margin: 0; padding: 10px 0 30px; }

.videoGrayBox { margin-top: 20px; padding: 20px 35px; background: #f7f6f6; }

.videoGray__title { margin-bottom: 8px; font-size: 14px; line-height: 1.2em; color: #3389f2; font-weight: bold; }

.videoGray__title::before { content: ''; display: inline-block; vertical-align: -2px; margin-right: 8px; width: 3px; height: 15px; background: #3389f2; }

.videoGray__desc { margin-bottom: 25px; font-size: 14px; }

.videoGray__side { font-size: 14px; color: #888888; }

.video__info { margin-top: 20px; font-size: 14px; }

.video__info .cmBtn-xs { margin-left: 10px; vertical-align: baseline; min-width: 100px; height: 30px; line-height: 30px; }

.blue { color: #3389f2; }

.red { color: #f13a80; }

.refund__title { margin: 20px 0 40px 0; box-sizing: border-box; padding-top: 17px; position: relative; height: 60px; font-size: 18px; font-weight: bold; text-align: center; background: #ddecff; }

.refund__title::before { content: ''; vertical-align: middle; margin-right: 16px; display: inline-block; width: 35px; height: 30px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -350px -190px; }

.refund__title:after { content: ''; display: block; position: absolute; bottom: -12px; left: calc(50% - 12px); width: 0px; height: 0px; border-top: 12px solid #ddecff; border-bottom: 12px solid none; border-right: 12px solid transparent; border-left: 12px solid  transparent; }

.refund__title .cmBtn-xs { position: absolute; top: 14px; right: 30px; }

.refund__h3 { margin-top: 15px; padding: 15px 10px; font-size: 15px; border-bottom: 2px solid #717376; }

.refund__h3 + .cmTable { border-top: none; }

.refund__desc { margin-bottom: 10px; padding: 15px 10px; font-size: 14px; line-height: 25px; }

.refund.form__list .inputbox__checkbox:not(:last-child) { margin-bottom: 10px; }

.refundCont .cmTable.tdGray th { height: 50px; background: #f7f6f6; }

.refundCont .cmTable.tdGray td { padding: 15px 30px; line-height: 1.57143em; height: inherit; }

.refundInfoBox { margin-bottom: 30px; padding: 40px 25px 20px; border-top: 2px solid #3389f2; background: #f7f6f6; }

.refundInfoBox li { overflow: hidden; margin: 20px 0; }

.refundInfo__h3 { font-size: 16px; font-weight: bold; }

.refundInfo__title { float: left; display: block; width: 15%; font-size: 15px; }

.refundInfo__title::before { content: ''; display: inline-block; vertical-align: -2px; margin-right: 8px; width: 3px; height: 15px; background: #3389f2; }

.refundInfo__desc { float: left; width: 85%; font-size: 14px; }

.page__event .jsTabItem b { font-size: 17px; }

.evtList { margin-left: -21px; margin-right: -21px; margin-bottom: 40px; }

.evtList:after { content: ''; display: table; clear: both; }

.evtItem { position: relative; display: block; padding: 20px 20px 25px; width: 380px; float: left; box-sizing: border-box; border-left: 1px solid #f0f0f0; }

.evtItem:nth-of-type(1), .evtItem:nth-of-type(2), .evtItem:nth-of-type(3) { padding-top: 0; }

.evtItem:hover .evtItem__title { color: #3389f2; }

.evtItem:hover .evtItem__desc { color: #aaa; }

.evtItem.closed .evtItem__top:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; background: rgba(0, 0, 0, 0.6); }

.evtItem.closed .evtItem__top .evtItem__tooltip { z-index: 4; }

.evtItem.closed:hover .evtItem__title { color: #333; }

.evtItem.closed:hover .evtItem__desc { color: #888888; }

.evtItem__top { position: relative; display: block; width: 340px; height: 190px; }

.evtItem__tooltip { position: absolute; top: -11px; right: 10px; z-index: 2; display: inline-block; padding: 0 2px; min-width: 44px; height: 33px; line-height: 33px; text-align: center; border-radius: 10px; background: #000; font-size: 13px; color: #fff; font-family: Verdana; }

.evtItem__tooltip::after { content: ''; display: block; margin: 0 auto; width: 0px; height: 0px; border-top: 6px solid #000; border-bottom: none; border-right: 6px solid transparent; border-left: 6px solid  transparent; }

.evtItem__badge { position: absolute; bottom: 20px; right: 10px; z-index: 2; display: block; width: 41px; height: 41px; line-height: 41px; text-align: center; font-size: 13px; color: #fff; font-weight: bold; font-family: 'Spoqa Han Sans'; background: url("../images/page/event_badge.png") no-repeat 0 0; }

.evtItem__textbox { position: relative; display: block; padding: 18px 10px; height: 130px; box-sizing: border-box; }

.evtItem__textbox:after { content: ''; display: block; width: 20px; height: 1px; background: #555555; position: absolute; bottom: -25px; left: 10px; }

.evtItem__date { display: block; margin-bottom: 12px; font-size: 12px; color: #888888; }

.evtItem__title { display: block; margin-bottom: 8px; font-size: 18px; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-transition: color .3s; transition: color .3s; }

.evtItem__desc { overflow: hidden; display: block; height: 36px; font-size: 13px; color: #888888; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; -webkit-transition: color .3s; transition: color .3s; }

.coupon__bnr { margin-bottom: 20px; }

.couponList { overflow: hidden; margin-left: -28px; }

.couponList li { position: relative; overflow: hidden; margin-left: 28px; margin-bottom: 30px; float: left; width: 348px; height: 452px; border-radius: 5px; }

.couponList li::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 80px; height: 80px; background: url("//img.unistudy.co.kr/event_2021/coupon_badge.png") no-repeat 0 0; }

.couponItem { font-family: 'Spoqa Han Sans'; letter-spacing: normal; }

.couponItem__top { height: 179px; text-align: center; background: url("//img.unistudy.co.kr/event_2021/coupon_bg.png") repeat-x 0 100%; }

.couponItem__top::before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.couponItem__topTitle { display: inline-block; vertical-align: middle; max-width: 90%; }

.couponItem__topTitle h3 { display: inline-block; margin-bottom: 12px; font-size: 55px; line-height: 60px; color: #fff; font-family: 'Spoqa Han Sans bold'; }

.couponItem__topTitle p { font-size: 18px; letter-spacing: -.025em; color: #fff; }

.couponItem__bottom { padding: 15px 20px 30px; height: 273px; box-sizing: border-box; background: #f0f0f0; }

.couponItem__descItem { overflow: hidden; padding: 15px 0 15px 7px; border-bottom: 1px dashed #cccccc; }

.couponItem__descItem dt { float: left; display: block; margin-right: 10px; min-width: 65px; height: 23px; line-height: 23px; text-align: center; font-size: 13px; color: #fff; background: #888888; }

.couponItem__descItem dd { float: left; display: block; width: calc(100% - 75px); font-size: 14px; line-height: 23px; letter-spacing: -.03em; color: #222; }

.couponItem__descItem dd .gray { font-size: 13px; color: #888; letter-spacing: -.06em; }

.couponItem__btn { display: block; margin: 24px auto 0; width: 152px; height: 41px; border-radius: 6px; line-height: 41px; text-align: center; font-size: 13px; color: #fff; background: #4995d1; -webkit-transition: background .3s; transition: background .3s; font-family: 'Spoqa Han Sans bold'; }

.couponItem__btn:hover { background: #3584c2; }

.coupon__info { font-family: 'Spoqa Han Sans'; font-size: 14px; letter-spacing: -.045em; color: #888; line-height: 25px; }

.coupon__infoTitle { font-size: 15px; color: #444444; font-weight: bold; letter-spacing: normal; }

.header { min-width: 1100px; box-sizing: content-box; }

.header .container { overflow: hidden; position: relative; height: 110px; text-align: center; }

.header .container:after { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.header__banner { position: absolute; top: 0; right: 0; overflow: hidden; }

.header__logo { display: inline-block; vertical-align: middle; }

.gnb { overflow: hidden; position: relative; height: 40px; border-bottom: 1px solid #e1e1e1; background-color: #f0f5f9; }

.gnb__searchbox { position: relative; overflow: hidden; float: left; margin-top: 5px; width: 210px; height: 30px; border-radius: 15px; background: #fff; }

.gnb__searchIpt { padding-right: 40px; padding-left: 12px; width: 210px; height: 30px; box-sizing: border-box; border-radius: 15px !important; border: 1px solid #3389f2 !important; box-sizing: border-box; font-size: 12px; color: #000; }

.gnb__searchIpt:focus { border-color: #0a4ba5 !important; outline: none; }

.gnb__searchIpt::-webkit-input-placeholder { color: #888888; }

.gnb__searchIpt::placeholder { color: #888888; }

.gnb__searchBtn { position: absolute; top: 0; right: 0; border: none; padding: 7px 12px 0 10px; width: 16px; height: 16px; box-sizing: content-box; }

.gnb__searchBtn:after { content: ''; display: inline-block; display: inline-block; width: 16px; height: 16px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -395px -300px; }

.gnb__menu { overflow: hidden; float: right; margin-right: 30px; padding-top: 14px; }

.gnb__menuItem { float: left; font-size: 12px; line-height: 12px; color: #333; vertical-align: middle; }

.gnb__menuItem:not(:first-child):before { content: ''; display: inline-block; margin-left: 13px; margin-right: 13px; width: 1px; height: 12px; line-height: 12px; vertical-align: top; background: #c4c7c9; }

.gnb__menuItem a { vertical-align: top; }

.gnb__menuItem a:hover { color: #3389f2; }

.gnb__menuItem b { vertical-align: top; line-height: 12px; }

.gnb__menuItem .logout { vertical-align: top; }

.gnb__menuItem .logout:hover { text-decoration: underline; }

.gnb__menuItemBadge { position: relative; top: -5px; margin-left: 7px; display: inline-block; vertical-align: top; padding: 4px 8px 5px; height: 21px; box-sizing: border-box; line-height: 1; border-radius: 11px; font-size: 12px; letter-spacing: -.06em; color: #fff; font-weight: bold; background: #3389f2; white-space: nowrap; }

.gnb__menuItemBadge:hover { color: #fff !important; background: #287ef3; }

.navi { position: relative; min-width: 1100px; width: 100%; height: 53px; box-sizing: border-box; border-top: 1px solid #e1e1e1; background-color: #fff; }

.navi:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #e1e1e1; }

.navi__lt { float: left; }

.navi__lt .navi__item { position: relative; width: 149px; height: 50px; border-left: 1px solid #d7d7d7; box-sizing: border-box; background: #f2f4f6; }

.navi__lt .navi__item:last-child { border-right: 1px solid #d7d7d7; }

.navi__lt .navi__item.on { color: #287ef3; z-index: 1; }

.navi__lt .navi__item.on:after { content: ''; display: block; position: absolute; bottom: -2px; left: -1px; width: calc(100% + 2px); height: 2px; background: #287ef3; }

.navi__lt .navi__item:hover { color: #287ef3; z-index: 1; }

.navi__lt .navi__item:hover:after { content: ''; display: block; position: absolute; bottom: -2px; left: -1px; width: calc(100% + 2px); height: 2px; background: #287ef3; }

.navi__rt { overflow: hidden; float: right; }

.navi__rt .navi__item { width: 120px; position: relative; }

.navi__rt .navi__item:not(:first-child):before { content: ''; display: inline-block; position: absolute; left: 0; top: 17px; width: 1px; height: 16px; line-height: 16px; vertical-align: middle; background: #d7d7d7; }

.navi__item { display: block; float: left; height: 52px; font-size: 18px; line-height: 52px; text-align: center; color: #333333; font-weight: bold; -webkit-transition: color .3s; transition: color .3s; }

.navi__item:hover { color: #3389f2; }

.naviAllmenu { display: none; }

.naviAllmenuBtn { float: left; display: block; width: 50px; height: 50px; line-height: 55px; text-align: center; background: #3389f2; -webkit-transition: background .3s; transition: background .3s; cursor: pointer; }

.naviAllmenuBtn:after { content: ''; display: inline-block; width: 19px; height: 16px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAQCAYAAAD0xERiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAClJREFUeNpi/A8EDFQCTAxUBCwmXQyMg9JlI8QwxtGkMWrYUEsaAAEGAE7HDZQ5KmDGAAAAAElFTkSuQmCC") no-repeat 0 0; background-size: contain; }

.naviAllmenuBtn:hover { background: #287ef3; }

.naviAllmenu .container { position: relative; }

.naviAllmenu ul { position: absolute; top: 0; left: 0; z-index: 99999; width: 1100px; height: 356px; border-bottom: 2px solid #cccccc; background: #fff; }

.naviAllmenuBox { overflow: hidden; }

.naviAllmenuBox:last-child .naviAllmenu__1dep, .naviAllmenuBox:last-child .naviAllmenu__2dep { border: none; }

.naviAllmenu__1dep { float: left; display: block; width: 150px; height: 50px; line-height: 50px; font-size: 15px; letter-spacing: -0.06em; color: #454ea9; font-weight: bold; text-align: center; background: #d7e9ff; border-bottom: 1px solid #fff; }

.naviAllmenu__2dep { overflow: hidden; height: 50px; border-bottom: 1px solid #e1e1e1; }

.naviAllmenu__2depItem { float: left; display: block; width: 135px; line-height: 50px; text-align: center; white-space: nowrap; font-size: 14px; letter-spacing: -.06em; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.naviAllmenu__2depItem:hover { color: #3389f2; }

.lnb { float: left; width: 230px; }

.lnbH2 { height: 78px; line-height: 78px; text-align: center; border: 1px solid #e3e3e3; border-bottom: 2px solid #c8c8c8; box-sizing: border-box; font-size: 18px; letter-spacing: -.045em; color: #333333; }

.lnbDep1 { position: relative; display: block; padding-left: 24px; height: 50px; line-height: 50px; font-size: 14px; letter-spacing: -.045em; color: #333333; font-weight: bold; border-bottom: 1px solid #e6e6e6; background: #f6f6f6; }

.lnbDep1.on { color: #3389f2; }

.lnbDep1 .lnbIco { display: inline-block; position: absolute; top: calc(50% - 4px); right: 20px; width: 11px; height: 7px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHCAYAAADebrddAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGZJREFUeNpiYGBgWAbE5gz4AUh+BYjhB8TPgVgFh0IVqLwfTCATiG8DsQiaQlGoeCa6Ce1AvBeI2aB8EL0fKo4BGIF4CRQzIbEZkRUgAw4gPgA19RcQOwHxN3w+lwPi41AaBQAEGAAtNxBOXgq6+gAAAABJRU5ErkJggg==") no-repeat 0 0; background-size: contain; }

.lnbDep2 { display: block; position: relative; padding: 5px 0 5px 11px; font-size: 12px; letter-spacing: -.045em; color: #888888; }

.lnbDep2__Cont { display: none; margin-top: -1px; padding: 20px 0 20px 20px; border-bottom: 1px solid #e6e6e6; background: #fff; }

.lnbDep2__Cont.on { display: block; }

.lnbDep2__Cont.ty-major .lnbDep2 { color: #454ea9; }

.lnbDep2__Cont.ty-license .lnbDep2 { color: #35afa5; }

.lnbDep2::before { content: ''; display: inline-block; position: absolute; top: 11px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #cdcdcd; }

.lnbDep2.on { color: #3389f2; }

.lnbDep2:not(span):hover { color: #3389f2; }

.page__professor .lnbDep2 { font-weight: bold; }

.page__professor .lnbDep2:not(:first-child) { margin-top: 26px; }

.lnbDep2Item { display: inline-block; width: 33%; font-size: 12px; letter-spacing: -.06em; color: #888888; white-space: nowrap; }

.lnbDep2ItemBox { overflow: hidden; margin-top: 6px; font-size: 0; padding-left: 10px; }

.lnbDep2Item:hover { font-weight: bold; letter-spacing: -.07em; }

.ty-major .lnbDep2Item:hover { color: #454ea9; }

.ty-license .lnbDep2Item:hover { color: #35afa5; }

.lnb__bnr { margin-top: 20px; display: block; }

.footerTop { height: 44px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; background: #f0f5f9; }

.footerTop .container { position: relative; }

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

.footerTop__lt { float: left; margin-left: 18px; }

.footerTop__rt { float: right; }

.footerTop__link { float: left; position: relative; margin: 0 12px; padding: 5px; font-size: 12px; color: #666666; }

.footerTop__linkBox { overflow: hidden; margin-top: 8px; display: inline-block; vertical-align: middle; }

.footerTop__link:hover { color: #3389f2; }

.footerTop__link:after { content: ''; display: inline-block; position: absolute; right: -12px; top: 7px; width: 1px; height: 12px; line-height: 12px; vertical-align: middle; background: #c4c7c9; }

.footerTop__sns { display: inline-block; vertical-align: middle; margin-top: 8px; margin-left: 15px; }

.footerTop__snsH3 { display: inline-block; margin-right: 14px; font-size: 12px; vertical-align: top; color: #888888; }

.footerTop__snsList { display: inline-block; vertical-align: top; overflow: hidden; }

.footerTop__snsItem { float: left; display: block; margin-right: 6px; width: 20px; height: 20px; border-radius: 50%; background: #bfbfbf; }

.footerTop__snsItem:hover { background: #c8c8c8; }

.footerTop__selectBtn { position: relative; display: inline-block; margin-top: 5px; padding-left: 15px; padding-right: 44px; height: 33px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 15px; background: #fff; }

.footerTop__selectBtn.on:after { width: 9px; height: 5px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGNJREFUeNpinDlz5l8GBoZFQJzIgAkWA3EkE5DIA+IEIJ6MpmAaEMcAcTYLkJgKxG+AeAUQ/4dqmg7EGUAcAsRrWaC6VkJpkEJfIFYA4lCQApAgC5LxIIUg65dBFayBSQAEGABm8BI92LGAhQAAAABJRU5ErkJggg==") no-repeat 0 0; background-size: contain; }

.footerTop__selectBtn:after { content: ''; position: absolute; top: calc(50% - 2px); right: 15px; display: block; width: 9px; height: 5px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGxJREFUeNpi/P//PwMMzJo1KwRIrQbiqLS0tOUwcSYsCh4A8TIgPxxFEVAgGKpgBtAERSA9GYhXwBQyS0lJpQPpRUA8HaggCyRobGy8/ezZsyJAZheQfgMyaSoQL4EpgAEgPxdILQDiSQABBgAlXidvbOhoPwAAAABJRU5ErkJggg==") no-repeat 0 0; background-size: contain; }

.footerTop__selectList { position: relative; overflow: hidden; padding: 29px 0 0; width: 1002px; height: 110px; box-sizing: border-box; }

.footerTop__selectListBox { display: none; position: absolute; top: -110px; left: 0; width: 1100px; height: 110px; border: 1px solid #e1e1e1; box-sizing: border-box; background: #fff; }

.footerTop__selectList__next, .footerTop__selectList__prev { position: absolute; top: calc(50% - 14px); z-index: 1; }

.footerTop__selectList__next { right: 16px; display: inline-block; width: 19px; height: 28px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -280px -240px; }

.footerTop__selectList__prev { left: 16px; display: inline-block; width: 19px; height: 28px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -309px -240px; }

.footerTop__selectList__close { position: absolute; top: 0; right: 0; display: inline-block; width: 28px; height: 28px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -350px -269px; }

.footerTop__selectList .swiper-slide { height: 50px; }

.footerTop__selectItem { float: left; width: 167px !important; font-size: 0; }

.footerTop__selectItem:not(:first-child):before { content: ''; display: inline-block; width: 1px; height: 16px; line-height: 16px; vertical-align: middle; background: #d7d7d7; }

.footerTop__selectItem img { vertical-align: middle; }

.footer { clear: both; }

.footer .container { overflow: hidden; padding: 25px 0; line-height: 1; font-size: 0; }

.footer__logo { display: inline-block; width: 210px; text-align: center; vertical-align: middle; }

.footer__menu { display: inline-block; vertical-align: middle; overflow: hidden; width: calc(100% - 210px); }

.footer__text { display: inline-block; margin-right: 15px; font-size: 13px; letter-spacing: -.05em; line-height: 18px; color: #999999; }

.footer__text a { color: #999; }

.footer__text a:hover { color: #3389f2; }

.paging { overflow: hidden; text-align: center; margin: 20px 0; }

.paging .paging__arrow, .paging .paging__item { display: inline-block; width: 32px; height: 32px; box-sizing: border-box; text-align: center; line-height: 32px; font-size: 12px; color: #666666; vertical-align: middle; background: #fff; }

.paging__arrow { border: 1px solid #dddddd; vertical-align: middle; }

.paging__arrow:hover { background-color: rgba(0, 0, 0, 0.02); }

.paging__arrow.first:after { content: ''; display: inline-block; width: 13px; height: 12px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARZJREFUeNps0jFLQlEUwPG0BiMosEjaGqQ5CCEkCUUwGqJFCAvdDctRpxCh1kBxCCcxaVAKh0wQU4oIJPADODi41BAWCOGS/wvngjzegd/wzrvn3PvOfZZK9WnGJDZwgxMMJLeGW0StJgVbeMEuUpJz4g1eXBuLVLKJVTwihk28Yh3vCE0XHcrCRZTk2YUWHKjDj29VZEESZdiQkW8Jo4Yl3OEAI9VdFV3hErO4wBniyGMeORxjrI+kdzLGdO7f+HIOCQyRlmmt4Bw/yOIUy4jo3azSSR0xiD+ZWBEF7OEXR6hiQRfpuMe+LArhAR25r08E0IDdeE/P8OFLGqhJdrGDPrbVdZj9ER/woC3TVNGDW5rGJwIMAOJvOqEZ8xq0AAAAAElFTkSuQmCC") no-repeat 0 0; background-size: contain; }

.paging__arrow.last:after { content: ''; display: inline-block; width: 13px; height: 12px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAM1JREFUeNp00T8PwUAYx/GrdLAIL8Crka4SE4MQO5OtwSAM/iQWiVFCMOlChEG8AG9GxGKQ1Ldxba7X8ySftPldn0vvOcs7XLJCiD06uItfmbKoUmjDwRUFmZuyWNMAG2RwQvFPFmv6oI4F0vBQMWTVsMmWTx9NPOQ51sijZcgmtva7XTwxxgg5uHqWEsnylXfLlOlNQ0zlR66UyGxlx7k8VzCYBnaGbBsOIrBEDW+UccZKy47q9Hpy8YUSbugbstg9zeTNO8qiKYvqK8AAvOk9K91HdToAAAAASUVORK5CYII=") no-repeat 0 0; background-size: contain; }

.paging__arrow.prev:after { content: ''; display: inline-block; width: 7px; height: 12px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJlJREFUeNpiXLtpBwMWYAbEbSxYJByBeCMQ8zKhSfgC8TaQBBAvRpaMBuK1QMwBxFOBOB4kyQjE5UC8CIhZgbgViHOA+D/IzjYgrgBxgLgUiHtgRsF0wsB/ZAeAJCuh+D9UVwuyJEiwA4jjgPgPEFcD8WSQicj+XArEn4B4FdRB/Oj+3AzE3kD8GYhjmbCE0D4gdgHivQABBgBK2Bxux4K+XgAAAABJRU5ErkJggg==") no-repeat 0 0; background-size: contain; }

.paging__arrow.next:after { content: ''; display: inline-block; width: 7px; height: 12px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJhJREFUeNpsz7EKwkAMxvFcucFF8JnUtbi5iEhncS/FseLgqC+g4qhDRXBQ3PsyDi6Cw/kvRDiCgR8cfLmQuGN1vYlIgVpMJeihaej+C/do44LUhhNs0MIJozgMmGEBjx1yOB9NmeOJFZboJGYHF71DHJb6K+jYwmv3GlN8kOEgusAWY7wxxPk3ymvwwgAPe+cdfRs09RVgAAuOHOjIsAVLAAAAAElFTkSuQmCC") no-repeat 0 0; background-size: contain; }

.paging__list { overflow: hidden; display: inline-block; vertical-align: middle; margin: 0; }

.paging__item { display: inline-block; vertical-align: middle; }

.paging__item.current { color: #fff; font-weight: normal !important; background: #adb2b8; }

.paging__item:hover { font-weight: bold; }

input[disabled] { cursor: default; background: #f4f4f4; color: #888888 !important; }

input[disabled] + .text { cursor: default; }

input[disabled] + .text:before { border-color: #fff !important; }

.inputbox__radio, .inputbox__checkbox { display: inline-block; margin-right: 20px; position: relative; cursor: pointer; line-height: 1; }

.inputbox__radio input[type=radio], .inputbox__radio input[type=checkbox], .inputbox__checkbox input[type=radio], .inputbox__checkbox input[type=checkbox] { opacity: 0 !important; height: 0 !important; width: 0 !important; position: absolute !important; }

.inputbox__radio.nomg, .inputbox__checkbox.nomg { margin-right: 0; }

.inputbox__radio .ipt, .inputbox__checkbox .ipt { width: 109px; padding-left: 5px; padding-bottom: 3px; border-bottom: 1px solid #d7d7d7; }

.inputbox__radio .ipt:focus, .inputbox__checkbox .ipt:focus { outline: transparent; border-bottom: 1px solid #3389f2; }

.inputbox__radio .text, .inputbox__checkbox .text { display: inline-block; font-size: 14px; line-height: 1.4em; color: #888888; word-break: break-all; }

.inputbox__radio .text:before, .inputbox__checkbox .text:before { content: ''; margin-right: 5px; display: inline-block; box-sizing: border-box; vertical-align: bottom; background: #fff; }

.inputbox__radio input:checked + .text, .inputbox__checkbox input:checked + .text { color: #333; }

.inputbox__radio input:checked + .text:before, .inputbox__checkbox input:checked + .text:before { border-color: #3389f2; }

.inputbox__radio:hover .text, .inputbox__radio:focus .text, .inputbox__checkbox:hover .text, .inputbox__checkbox:focus .text { color: #242424; }

.inputbox__radio:hover .text:before, .inputbox__radio:focus .text:before, .inputbox__checkbox:hover .text:before, .inputbox__checkbox:focus .text:before { border-color: #3389f2; }

.inputbox__radio input:checked + .text:before { display: inline-block; width: 18px; height: 18px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -395px -272px; width: 20px; height: 20px; }

.inputbox__radio .text:before { border-radius: 50%; width: 20px; height: 20px; border: 1px solid #d2d2d2; }

.inputbox__checkbox input:checked + .text:before { display: inline-block; width: 16px; height: 15px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -26px -374px; width: 20px; height: 20px; border-color: #007af3; }

.inputbox__checkbox .text:before { border: 2px solid #d1d1d1; width: 20px; height: 20px; line-height: 20px; vertical-align: top; }

.input_chk_radio input { margin:0 5px 0 10px;}

.inputbox__text { display: inline-block; position: relative; margin-right: 10px; width: 285px; }

.inputbox__text input { padding-left: 0; width: 100%; height: 45px; box-sizing: border-box; -webkit-transition: border .3s; transition: border .3s; font-size: 14px; text-indent: 16px; border: 1px solid #d7d7d7; color: #333; }

.inputbox__text input.pr { padding-right: 34px; }

.inputbox__text input::-webkit-input-placeholder { font-size: 14px; color: #888888; }

.inputbox__text input::placeholder { font-size: 14px; color: #888888; }

.inputbox__text input:focus { border-color: #3389f2; outline: transparent; }

.inputbox__textBtnClear { display: none; position: absolute; top: calc(50% - 10px); right: 10px; display: inline-block; width: 20px; height: 20px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -395px -62px; }

.inputbox__textarea { padding: 10px 15px; width: 100%; height: 120px; border: 1px solid #d7d7d7; box-sizing: border-box; font-size: 14px; color: #333; line-height: 1.6em; -webkit-transition: border .3s; transition: border .3s; }

.inputbox__textarea::-webkit-input-placeholder { font-size: 14px; color: #949494; }

.inputbox__textarea::placeholder { font-size: 14px; color: #949494; }

.inputbox__textarea:focus { border-color: #3389f2; outline: transparent; }

.inputbox__select { margin-right: 10px; padding-left: 16px; padding-right: 30px; width: auto; height: 45px; border: 1px solid #d7d7d7; border-radius: 0; font-size: 14px; color: #000; background: #fff; -webkit-appearance: none; background: #FFFFFF url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAKCAYAAABFXiVrAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTExLTI0VDIyOjE5OjM1KzA5OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0xMS0yNVQwMDowNDoyNyswOTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0xMS0yNVQwMDowNDoyNyswOTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxNDhkZDI2Yi03NmFlLWMyNGYtYWU0ZS02MDE4MDU3MzQ3MzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTQ4ZGQyNmItNzZhZS1jMjRmLWFlNGUtNjAxODA1NzM0NzM2IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MTQ4ZGQyNmItNzZhZS1jMjRmLWFlNGUtNjAxODA1NzM0NzM2Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNDhkZDI2Yi03NmFlLWMyNGYtYWU0ZS02MDE4MDU3MzQ3MzYiIHN0RXZ0OndoZW49IjIwMjAtMTEtMjRUMjI6MTk6MzUrMDk6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz68UD9XAAAA7ElEQVQ4jaXQIU9CYRjF8Z+YoJkJNg3QKdhsbm5Wi8HtRj6As+IXIN0EzWZQLASCm/Ix1C9AJDAmBh/n3btdxsVTzp5zzrv/9u7leS50jjuc4VO5DvGMGzxClmUb5n+qhXdwjxZe0S7Zt6Nvxb6zFaUAO8ITGpE18YJusu1G3oy7Ee+Oq8A+ME3yA0z8fK3wSeRFTfFeBbbEJQZJV8cDRuH1pB/Eu2UVGHyhh1usC/0+rsJ/tY5dL95trVpy93GNVcl+FX2/CqQMBkNcYJHki8iHu4DKYDDGKeZxz+Me7wraBIMZTvAWPvsPCL4BLHIuqOAmSUUAAAAASUVORK5CYII=") no-repeat 100% 50%; }

.inputbox__select::-ms-expand { display: none; }

.ie9 .inputbox__select { padding-right: 0; background-image: none; }

.inputbox__select:focus { border-color: #3389f2; outline: transparent; }

.inputbox__select::-ms-expand { display: none; }

.inputbox__file { display: block; padding: 10px; border: 1px solid #d7d7d7; box-sizing: border-box; }

.mt100 { margin-top: 100px; }

.formBtn__def { padding: 0 10px; min-width: 100px; height: 45px; line-height: 44px; font-size: 14px; letter-spacing: -.05em; color: #fff; white-space: nowrap; background: #adb2b8; -webkit-transition: background .3s; transition: background .3s; }

.form__display .formBtn__def { margin-right: 10px; }

.formBtn__def:hover { background: #99a1aa; }

.formBtn__main { padding: 0 5px; min-width: 200px; height: 50px; line-height: 50px; box-sizing: border-box; font-size: 20px; font-weight: bold; text-align: center; }

.formBtn__main.cblue { background: #3389f2; color: #fff; }

.formBtn__main.cgray { background: #adb2b8; color: #fff; }

.form__btnbox { text-align: center; }

.form__btnbox .formBtn__main { margin: 0 10px; }

.formAlert { font-size: 12px; }

.formAlert:before { content: ''; display: inline-block; margin-right: 5px; width: 15px; height: 13px; vertical-align: text-bottom; }

.formAlert.ok { color: #007af3; }

.formAlert.ok:before { width: 15px; height: 13px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAANCAYAAAB2HjRBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQNJREFUeNpi/P//PwO5gIVUDYzVXyyB1DQgDmUkxWagRg0gdRSIhYD4PNGagRqlgNRxIJYD4jdAbM1EpEZ+ILUNqvE7EHv/b+W5xQSUkADiHUCsg0MjG5BaB8T6QPwHiIOBGk+B5EA2bwVidyAGGSCLppERSC0AYieoUCpQ43aYPEhzOhB/BWJpqAGCSPobgDgSxgZqXIBiOCjAgBpANm8GYlZoaLoBcSAQL4GqWwzE8UDN/zE0Q50YC6QWQcUPA7E5EIP8exBkGFDjL4zwQI4qoAElQKobSf4eEJsBNb7FFpgoUQVU1AOkJkK5n4HYD5dGXMmzEIglgHgZUONVfPEPEGAAp7hbLqr4QkwAAAAASUVORK5CYII=") no-repeat 0 0; background-size: contain; }

.formAlert.no { color: #b2825b; }

.formAlert.no:before { width: 15px; height: 13px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAANCAYAAAB2HjRBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMhJREFUeNpi3NQU7cTAwJAJxNOBeB8DbuAIU+dbu2Q/SIAJKhACxHuBOB+HxnyowaFQ9QwwzdORFE3AYkA+VBwG4OqZgE4AmViAwwB0jSB1+2EcFig9EUkjjGYE4n40jRORncSExJ6I5gK8GtE1wwwoRBMrxKYRm+YCNBthLsgnpBldYyGBWIBrxqZxAp5YAANmY+Y7zkB6GRaNIHASiD8AsQeUD6IPq9sH3UdOYdg04oqFTOR4no6UcvbiSJ4gAy4j5QEwAAgwAG6xMlk4hJsRAAAAAElFTkSuQmCC") no-repeat 0 0; background-size: contain; }

.form__list { border-top: 2px solid #717376; border-bottom: 2px solid #717376; }

.form__item { overflow: hidden; padding: 11px 0; line-height: 1; min-height: 45px; box-sizing: border-box; }

.form__item:not(:first-child) { border-top: 1px solid #e3e3e3; }

.form__title { display: inline-block; position: relative; vertical-align: middle; padding-left: 20px; width: 155px; box-sizing: border-box; font-size: 14px; line-height: 1.4em; letter-spacing: -.025em; color: #333; font-weight: bold; }

.form__display { overflow: hidden; display: inline-block; box-sizing: border-box; vertical-align: middle; width: calc(100% - 170px); line-height: 1.5em; }

.joinPop .form__display { line-height: 1.3em; }

.form__display .iptGuideTxt { font-size: 12px; line-height: 1.2em; color: #888888; }

.form__display [class^="form__print"] { margin-top: 6px; display: block; font-size: 12px; line-height: 1.2em; color: #888888; }

.form__displaySub { overflow: hidden; padding: 20px 0; }

.form__displaySub:first-child { margin-top: -13px; border-bottom: 1px solid #e3e3e3; }

.form__displaySub:last-child { margin-bottom: -13px; }

.form__displaySubTitle { float: left; width: 70px; font-size: 14px; letter-spacing: -.025em; color: #333; font-weight: bold; line-height: 20px; }

.form__displaySubCont { float: left; width: calc(100% - 70px); }

.form__essential { position: absolute; top: calc(50% - 3px); left: 8px; display: block; width: 5px; height: 5px; border-radius: 50%; font-size: 0; background: #3389f2; }

.form__essentialGuide { float: right; position: relative; padding-left: 20px; font-size: 14px; letter-spacing: -.01em; color: #3389f2; }

.form__wrap { margin-bottom: 40px; padding: 40px; background: #fff; }

.form__wrap + .form__wrap { margin-top: 40px; }

.formTopBox { overflow: hidden; margin-bottom: 17px; }

.formTopH4 { float: left; font-size: 18px; line-height: 1.2em; letter-spacing: -.01em; color: #333333; }

.formTop .form__essentialGuide { float: right; }

.formTop__desc { font-size: 14px; line-height: 1.4em; }

.formTop__descText1 { margin-bottom: 10px; font-size: 16px; font-weight: bold; }

.formTop__descText2 { margin-bottom: 10px; font-size: 14px; font-weight: bold; }

.textgray { margin: 3px 0; font-size: 12px; color: #888888; }

.page__login, .page__join { background: #f1f1f1; }

.joinH3Title { text-align: center; }

.joinH3Title img { display: inline-block; }

.join__accordianWrap .accordian { position: relative; padding: 16px 0; min-height: 38px; box-sizing: border-box; border-bottom: 1px solid #cdcdcd; }

.join__accordianWrap .accordian.on .accordian__btn::before { width: 38px; height: 38px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAURJREFUeNrsl71qAkEURleNQkALq9haW6RLUhgwWNkIEbS2UbJ1sLLRws7a+A6mC8ROQoQIVuIziC+gVZCs38BXyIVkDYy6wh04rPdvOewysxjyPM8J4go7AV0qpmIqpmIqpmIBWRf7NIWa633arkEfuGDm1+x14kd5YgUwBnfgk/HJX+UTeAMJxgnG7qnEzGwXvICIqJm4x3r4mGKXYACeffpM/ZX9Bxe7Ah+gJPJmh7R53V2P7E8dUiwDJuBG5JfgHrR4XYq66f/ivHWxPHdeWuTn4HbniJgxnou+NOfzNsWq4B0kRX4IsmAh8gvmhyKfZK5qSywHYiJnDtMiWP0ys2K9L/JR8GBLrA5G/P0DGjynNj5zG/Y1OOfwPjVbYt/chVNQ4fn0n2X6y5wv8X5/fwb1D6+KqZiKqZiKqdh5im0FGAAB8zx2m7oaJgAAAABJRU5ErkJggg==") no-repeat 0 0; background-size: contain; }

.join__accordianWrap .accordian__title { padding-right: 38px; }

.join__accordianWrap .accordian__title .inputbox__checkbox .text { font-size: 16px; color: #333; letter-spacing: -.01em; }

.join__accordianWrap .accordian__title .inputbox__checkbox .text:before { margin-right: 7px; }

.join__accordianWrap .accordian__btn { position: absolute; top: 7px; right: 0; display: block; width: 38px; height: 38px; cursor: pointer; }

.join__accordianWrap .accordian__btn::before { content: ''; display: inline-block; width: 38px; height: 38px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYBJREFUeNrsl88rBVEUgN9FSpGslGxkqbB6fwClJKmXl4WF3cTCivI/kBVFY2uDPPUkpcTaSsr6bV6ykyjlR+M7dRfTLc/MvKtGnVtfp3fvmXO+ufNmmjFRFBXyOFoKOR0qpmIqpmIqpmI5GW1JE8Mw7CZcwHoQBMdpG3F8ibAGExz/7GXHKNpOqEARDvm9mlJK8o/s8RVbz8uOhTAWO5kNig8Slzn7zwZCUn8LFmPTUmcPFnz8x67h3ZmTZlWad/0gJfNVR0rGB1z91tAkfVGk0bi9HD3O0h1MsXP1WG4/4QyGndwnKJN76U3MNhwinMKAs/Rg5W7JGbVSfU5ODabJuU/Sy6R9taZxr71ERWfpFTZhBTqdtRuYQeoxaR+T5Z0fuQ7CPpQSpJ/APFJvf/6AtU3KdocaDVmfTSuVecec3ZO7bhtaY9Nf9lGyk7Wu8fH5htwk4QDkEfECc0idN1PT+PquRG6EsAtLcnc2W8/oB6+KqZiKqZiKqdj/FPsWYABpQ4DntPbJDAAAAABJRU5ErkJggg==") no-repeat 0 0; background-size: contain; }

.join__accordianWrap .accordian__desc { overflow-y: auto; margin-top: 10px; padding: 14px; height: 246px; box-sizing: border-box; border: 1px solid #dadada; font-size: 12px; line-height: 1.3em; letter-spacing: -.01em; color: #666666; }

.join__accordianWrap .faagr1 { margin-bottom: 24px; }

.join__accordianWrap .faagr1 .inputbox__checkbox .text { font-size: 18px; color: #333; letter-spacing: -.01em; font-weight: bold; }

.join__accordianWrap .faagr1 .inputbox__checkbox .text:before { margin-right: 7px; vertical-align: -2px; }

.joinWC { overflow: hidden; padding: 65px 70px; background: #fff; }

.joinWC2 { overflow: hidden; padding: 50px 0 40px; background: #fff; }

.joinWC3 { overflow: hidden; background: #fff; }

.joinWC__tabs { overflow: hidden; margin-bottom: 60px; }

.page__login .joinWC__tabs { margin-bottom: 0; }

.joinWC__tabsItem { display: block; float: left; width: 50%; height: 70px; line-height: 70px; box-sizing: border-box; border: 1px solid #d7d7d7; text-align: center; font-size: 18px; color: #888888; font-weight: bold; background: #fff; }

.joinWC__tabsItem.on { color: #fff; border: none; background: #3389f2; }

.joinWC__tabCont { display: none; }

.page__join .joinWC__tabCont .joinWC__ctnrForm, .page__join .joinWC__tabCont .form__btnbox { overflow: hidden; margin-left: auto; margin-right: auto; width: 500px; }

.joinWC__tabCont .joinWC__ctnrForm { margin-top: 28px; }

.joinWC__tabCont .form__btnbox { margin-top: 32px; margin-bottom: 60px; }

.joinWC__tabCont .formBtn__main { float: left; width: 246px; margin: 0; }

.joinWC__tabCont .formBtn__main:first-child { margin-right: 8px; }

.joinWC__tabCont .form__wrap { margin: 0 auto; }

.joinWC__tabCont .form__list { border-bottom: none; }

.joinWC__tabCont .inputbox__radio { margin-top: 5px; margin-bottom: 5px; }

.joinWC__title1 { display: block; margin-bottom: 30px; text-align: center; font-size: 16px; color: #cccbcb; letter-spacing: 1.2em; }

.joinWC__title2 { display: block; margin-bottom: 30px; text-align: center; font-size: 24px; line-height: 1.2em; color: #333333; letter-spacing: -.025em; font-weight: bold; }

.joinWC__title2 .fw-nm { font-weight: normal; }

.joinWC__title2.step3 { margin-bottom: 15px; }

.joinWC__title3 { display: block; margin-bottom: 26px; text-align: center; font-size: 18px; line-height: 24px; color: #333333; }

.joinWC__title4 { display: block; margin-bottom: 14px; font-size: 32px; line-height: 1.2em; color: #333333; font-weight: normal; text-align: center; }

.joinWC__titleDesc { text-align: center; font-size: 16px; line-height: 21px; letter-spacing: -.045em; color: #333333; }

.joinWC__ctnr { float: left; width: 470px; height: 275px; box-sizing: border-box; padding: 45px; border: 1px solid #d9d9d9; }

.joinWC__ctnr + .joinWC__ctnr { float: right; }

.joinWC__ctnr2 { float: left; padding: 0 40px; width: 50%; box-sizing: border-box; box-sizing: border-box; }

.joinWC__ctnr2 + .joinWC__ctnr2 { padding-left: 38px; width: calc(50% - 1px); border-left: 1px solid #d7d7d7; }

.joinWC__ctnr3 .form__list { margin: 0 auto; width: 440px; }

.joinWC__ctnr3 .form__item { box-sizing: border-box; }

.joinWC__ctnr3 .form__btnbox { margin-top: 30px; }

.joinWC__ctnr3 .formBtn__main { width: 246px; }

.joinWC__ctnrtabCont .joinWC__ctnrForm, .joinWC__ctnrtabCont .form__btnbox { overflow: hidden; margin: 0 auto; width: 500px; }

.joinWC__ctnrtabCont .joinWC__ctnrForm { margin-top: 28px; }

.joinWC__ctnrtabCont .form__btnbox { margin-top: 32px; margin-bottom: 60px; }

.joinWC__ctnrtabCont .formBtn__main { float: left; width: 246px; margin: 0; }

.joinWC__ctnrtabCont .formBtn__main:first-child { margin-right: 8px; }

.joinWC__ctnrTop { margin-bottom: 30px; }

.joinWC__ctnrBtm { overflow: hidden; }

.joinWC__ctnrBtm .formBtn__main { margin: 5px auto 0; width: 360px; height: 70px; line-height: 70px; font-size: 18px; letter-spacing: -.045em; }

.joinWC__ctnrBody .formBtn__main { width: 100%; font-weight: normal; }

.joinWC__ctnrTit1 { display: block; text-align: center; margin-bottom: 17px; font-size: 20px; letter-spacing: -.045em; color: #333333; font-weight: bold; }

.joinWC__ctnrTit2 { display: block; text-align: center; margin-bottom: 17px; font-size: 16px; line-height: 20px; letter-spacing: -.045em; color: #333333; }

.joinWC__ctnrSnsBtn { width: 94px; float: left; text-align: center; }

.joinWC__ctnrSnsTxt { display: block; margin-top: 10px; font-size: 13px; letter-spacing: -.06em; color: #888888; }

.joinWC__ctnrForm { margin-bottom: 30px; }

.joinWC__ctnrForm .inputbox__text { width: 100%; margin-bottom: 7px; }

.joinWC__ctnrFormLt { float: left; width: calc(100% - 130px); }

.joinWC__ctnrFormRt { float: left; margin-left: 10px; }

.joinWC__ctnrFormRt .formBtn__main { width: 120px; min-width: auto; height: 97px; font-size: 16px; letter-spacing: -.045em; }

.joinWC__ctnrFormTxt { margin-top: 21px; text-align: center; font-size: 14px; letter-spacing: -.01em; color: #888888; }

.joinBC { padding: 35px 65px; background: #eaf4fe; }

.joinBC__title { margin-bottom: 10px; font-size: 18px; letter-spacing: -.01em; color: #5e8ebe; font-weight: bold; }

.joinBC__title::before { content: ''; display: inline-block; vertical-align: bottom; margin-left: -25px; margin-right: 8px; width: 17px; height: 17px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWFJREFUeNp81LlLA0EUx/FNWBERQYhBvAkINioIdjYKItiIqIU2idpYBxH/APuohZXgEfGAKBYeBAQtrC1ttBBs0sUrEBBEvwMvMDxn8uCTZHbe/LJMdhJJZm4DVRHMYhqD6EABDzjHEb4rzfvpkSCqAsbxJI0mpAumpw0T2MUzZuxFdsgCrtEt47I0xyT8Q653Ioe0DhnGjrqrPZyhiDw21HwGU3bIafC/3tX409Fzklq/q43KJsYcDb1q3OfoqcGSCUkG7mpX44Snb86E9HsmW+XnrlSLpy9hQho9k83Wwjp5XlxVH/VsmP72JglyVdmEPFYJ2cQitqv0vIa8HGLU0zCEHrkTX+XMnRzgy7fziGMMv455c23LhPxIs6vy8n7jCZnnAJYqT+wVlh1N5oiv4F6dM1NryJoPoToLBdnMuFwbEHa9YdXe7FA1HOMSKUzKiW5ACS+4kL+Dor3oT4ABAEN6QLQ/taOiAAAAAElFTkSuQmCC") no-repeat 0 0; background-size: contain; }

.joinBC__desc { font-size: 14px; line-height: 19px; color: #888888; }

.joinPop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 200; text-align: center; background: rgba(0, 0, 0, 0.8); }

.joinPop::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }

.joinPopInr { display: inline-block; vertical-align: middle; position: relative; width: 550px; max-height: 80vh; text-align: left; background: #fff; }

.joinPopTop { position: relative; height: 60px; background: #eaf4fe; }

.joinPopTop h1 { line-height: 60px; font-size: 20px; letter-spacing: -.05em; color: #3389f2; text-align: center; }

.joinPopTop__close { position: absolute; top: 17px; right: 25px; display: inline-block; width: 29px; height: 29px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAYAAABWk2cPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPVJREFUeNrs1kEKwjAQBdB28EhdV/QIKp7CjbjTvSsXgqdQ9AylrnMTD1F/oUIMoZmZRAU18Clk0ddMkqF50zTZuwdlHxi/gw7ciaIobnhMjTFXZ17z/jGywLsmoZXOkAuQMnJBLXhEDsHy4qvqBPADnCMVa08j4V6w9yAp4SAYPL02jJQpQNaVYcJskH1PA7AIlDYHHywGNR3Jhpca0NuRmPAW2SErKajtvW1J1x24QYavRkdWSfddqc9SmITgydnDWgOzUHQkH5hpYYoEVTAlAMUwcUB0pEp4j3thSgiyYUoMsmDfSmNBH/w08v/P9tehdwEGAA4xd2LUEWa3AAAAAElFTkSuQmCC") no-repeat 0 0; background-size: contain; }

.joinPopCont { overflow-y: auto; padding: 25px 28px 0; max-height: calc(80vh - 60px); box-sizing: border-box; }

.joinPopCont .contInfo {padding-bottom: 25px; line-height: 1.6; color: #888888;}

.joinPopCont .contInfo h4 {margin-bottom: 5px; font-size: 16px; color: #3389ff;}

.joinPopCont .contInfo .lec_count {color: #3389ff;} 

.joinPopCont__titleBox { margin-bottom: 20px; }

.joinPopCont__title1 { font-size: 14px; color: #333333; }

.joinPopCont__title2 { font-size: 14px; color: #888888; }

.joinPopCont__formItem { overflow: hidden; }

.joinPopCont__formItem .inputbox__text { float: left; width: calc(100% - 110px); }

.joinPopCont__formItem .formBtn__def { float: left; width: 100px; }

.joinPopCont__formList { overflow-y: auto; margin: 7px 0 18px; height: 170px; border: 1px solid #d7d7d7; padding: 5px 15px; box-sizing: border-box; }

.joinPopCont__formList a { display: block; font-size: 14px; margin: 10px 0; }

.joinPopCont__formList a:hover { color: #3389f2; }

.joinPopCont__sTit { font-size: 14px; margin-bottom: 10px; }

.joinPopCont .graytext { padding: 20px 15px; font-size: 12px; line-height: 20px; color: #888; }

.joinPopBottom {overflow: hidden; padding: 15px 20px; width: 100%; height: 80px; background: rgba(101,101,101,0.8); box-sizing: border-box;}

.joinPopBottom p {float: left; margin-top: 15px; font-size: 22px;}

.joinPopBottom  span {display: inline-block;}

.joinPopBottom .pb_group01 {position: relative; margin-right: 15px; padding-right: 15px; color: #fff;}

.joinPopBottom .pb_group01::after {content: ""; display: block; position: absolute; top: 0; right: 0; width: 2px; height: 21px; background: #fff;}

.joinPopBottom .pb_group01 span {vertical-align: bottom;}

.joinPopBottom .pb_group01 .pb_mon {position: relative; margin: 0 10px; padding: 0 10px; font-weight: bold;}

.joinPopBottom .pb_group01 .pb_mon::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 2px; height: 21px; background: #fff;}
.joinPopBottom .pb_group01 .pb_mon::after {content: ""; display: block; position: absolute; top: 0; right: 0; width: 2px; height: 21px; background: #fff;}

.joinPopBottom .pb_group02 {color: #fff335;}

.joinPopBottom .pb_btn {float: right; display: inline-block; position: relative; margin-right: 10px; padding-right: 30px; width: 150px; height: 50px; font-size: 18px; letter-spacing: -1px; background: #3389ff; transition: all 0.3s;}
.joinPopBottom .pb_btn:hover {background: #005df6; transition: all 0.3s;}

.joinPopBottom .pb_btn::after {content: ">"; position: absolute; top: 8px; right: 33px; font-family: serif;}

.joinPop__desc { margin: 30px 0; font-size: 14px; letter-spacing: -.05em; line-height: 1.42857em; color: #333333; }

.joinPop__desc:first-child { margin-top: 0; }

.loginWrap { margin: 50px 0 40px 0; background: #fff; }

.loginWrapMain { margin: 0 auto; padding: 65px 0; width: 500px; box-sizing: border-box; overflow: hidden; }

.loginWrapMain .formBtn__main { width: 100%; }

.loginWrapMain .joinWC__ctnrBtm { margin-top: 40px; }

.loginWrapMain .joinWC__ctnrSnsBtn { width: 25%; }

.loginIpt__id, .loginIpt__pw { position: relative; }

.loginIpt__id::before, .loginIpt__pw::before { content: ''; position: absolute; top: calc(50% - 10px); left: 20px; }

.loginIpt__id input[type=text], .loginIpt__pw input[type=password] { text-indent: 55px; }

.loginIpt__id::before { display: inline-block; width: 20px; height: 21px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -395px 0px; }

.loginIpt__pw::before { display: inline-block; width: 20px; height: 21px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -395px -31px; }

.loginGrBtns { overflow: hidden; padding: 13px 18px; height: 45px; box-sizing: border-box; background: #f2f2f2; }

.loginGrBtnsItem { font-size: 14px; color: #888888; font-weight: bold; }

.loginGrBtnsItem:not(:first-child):before { content: ''; display: inline-block; margin: 0 25px 0 20px; width: 1px; height: 13px; line-height: 13px; vertical-align: middle; background: #bdbdbd; }

.loginGrBtnsIpt { float: right; font-size: 14px; color: #888888; cursor: pointer; }

.loginGrBtnsIpt input { box-sizing: content-box !important; vertical-align: -1px; margin-right: 7px; }

.joinWC__selectbx { overflow: hidden; margin-bottom: 7px; }

.joinWC__selectbx .inputbox__select { float: left; margin-right: 0; width: 109px; }

.joinWC__selectbx .inputbox__select:not(:first-child) { margin-left: 7px; }

.joinWC__selectbx .inputbox__select:last-child { width: 108px; }

.loginFind .joinWC__ctnrFormRt .formBtn__main { height: 149px; margin-right: 0; }

.loginFindResult { margin: 40px auto; padding: 35px 0; width: 514px; border-top: 2px solid #717376; border-bottom: 2px solid #717376; text-align: center; font-size: 18px; letter-spacing: -.05em; }

.loginFindPw { overflow: hidden; margin: 30px auto 0; width: 741px; }

.loginFindPw__cont { float: left; margin: 0 20px; width: calc(50% - 40px); }

.loginFindPw__contTitle { margin-bottom: -20px; font-size: 18px; font-weight: bold; text-align: center; }

.loginFindPw__cont .formBtn__main { width: 100%; }

.loginFindPw .loginFindResult { width: 100%; }

.loginFindPw .form__btnbox { margin: 0 20px; padding-top: 20px; clear: both; }

.loginFindPw .form__btnbox .formBtn__main { margin: 0; width: 100%; }

.popup__alliance .form__item { padding: 11px 35px; }

.popup__alliance .form__item .inputbox__text { width: 100%; }

.popup__jokbo .form__item { padding-left: 15px; }

.popup__jokbo .form__title { width: 110px; }

.graybox { margin-bottom: 15px; padding: 20px; font-size: 12px; line-height: 1.5em; letter-spacing: -.05em; color: #333; background: #f4f4f4; }

.grayboxBtm { margin-top: 40px; text-align: right; }

.recruitTitle { margin-bottom: 15px; font-size: 14px; font-weight: bold; }

.recruitTbl { margin-bottom: 30px; }

.recruitTbl table { width: 100%; table-layout: fixed; border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; text-align: center; }

.recruitTbl th, .recruitTbl td { padding: 10px 3px; border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd; box-sizing: border-box; }

.recruitTbl th { height: 50px; font-size: 14px; letter-spacing: -.05em; font-weight: bold; background: #eeeeee; }

.recruitTbl .text-s th { font-size: 12px; height: 35px; letter-spacing: -.05em; }

.recruitTbl .text-s td { letter-spacing: -.1em; }

.recruitTbl td { font-size: 12px; letter-spacing: -.05em; word-break: break-word; }

.recruitTbl .left { padding-left: 10px; text-align: left !important; }

.recruitDesc { margin: 15px 0 30px; padding-bottom: 30px; font-size: 14px; letter-spacing: -.05em; border-bottom: 1px solid #dddddd; }

.recruitDesc2 { margin: 15px 0 20px 0; font-size: 14px; letter-spacing: -.05em; }

.recruitLink { color: #3389f2; text-decoration: underline; font-weight: bold; }

.cmTab { overflow: hidden; position: relative; }

.cmTab.col2 .jsTabItem { width: 50%; }

.cmTab.col3 .jsTabItem { width: 33.33%; }

.cmTab.col4 .jsTabItem { width: 25%; }

.cmTab.col5 .jsTabItem { width: 20%; }

.cmTab.col6 .jsTabItem { width: 16.6%; }

.cmTab .jsTabItem { float: left; width: 50%; height: 60px; line-height: 60px; border: 1px solid #c8c8c8; border-left: none; border-bottom: none; box-sizing: border-box; font-size: 16px; letter-spacing: -.045em; text-align: center; color: #333333; }

.cmTab .jsTabItem:first-child { border-left: 1px solid #c8c8c8; }

.cmTab .jsTabItem:hover { font-weight: bold; }

.cmTab .jsTabItem.on { position: relative; border: 2px solid #eee; border-bottom: none; line-height: 58px; font-weight: bold; color: #3389f2; border-color: #3389f2; }

.cmTab .jsTabItem.on:before { content: ''; display: block; position: absolute; bottom: -2px; left: 0; z-index: 1; width: 100%; height: 2px; background: #fff; }

.cmTab .jsTabItem.on span { display: inline-block; }

.cmTab .jsTabItem.on span:after { content: ''; display: block; position: relative; top: 0; z-index: 2; margin-left: -12px; padding: 0 12px; width: 100%; height: 2px; box-sizing: content-box; background-color: #3389f2; }

.cmTab .jsTabCont { clear: both; padding-top: 30px; border-top: 2px solid #3389f2; }

.cmTab2 { overflow: hidden; position: relative; }

.cmTab2 .jsTab2DepItemBox { overflow: hidden; }

.cmTab2 .jsTab2DepItem { display: block; float: left; width: 12.5%; height: 51px; line-height: 51px; border: 1px solid #c8c8c8; border-left: none; box-sizing: border-box; font-size: 13px; text-align: center; color: #888888; }

.cmTab2 .jsTab2DepItem:first-child { border-left: 1px solid #c8c8c8; }

.cmTab2 .jsTab2DepItem:hover { color: #3389f2; }

.cmTab2 .jsTab2DepItem.on { position: relative; line-height: 48px; font-weight: bold; color: #3389f2; border-top: 3px solid #3389f2; background: #eaf4fe; }

.cmTab2 .jsTab2DepCont { clear: both; padding-top: 20px; }

.cmTab-gray { overflow: hidden; position: relative; }

.cmTab-gray.col2 .jsTabItem { width: 50%; }

.cmTab-gray.col3 .jsTabItem { width: 33.33%; }

.cmTab-gray.col4 .jsTabItem { width: 25%; }

.cmTab-gray.col5 .jsTabItem { width: 20%; }

.cmTab-gray.col6 .jsTabItem { width: 16.6%; }

.cmTab-gray .jsTabItem { float: left; width: 50%; height: 60px; line-height: 60px; border: 1px solid #c8c8c8; border-left: none; border-bottom: none; box-sizing: border-box; font-size: 16px; letter-spacing: -.045em; text-align: center; color: #333333; background: #eff1f6; }

.cmTab-gray .jsTabItem:first-child { border-left: 1px solid #c8c8c8; }

.cmTab-gray .jsTabItem:hover { font-weight: bold; }

.cmTab-gray .jsTabItem.on { position: relative; border: 2px solid #eee; border-bottom: none; line-height: 58px; font-weight: bold; color: #3389f2; border-color: #bcbec4; background: #fff; }

.cmTab-gray .jsTabItem.on:before { content: ''; display: block; position: absolute; bottom: -2px; left: 0; z-index: 1; width: 100%; height: 2px; background: #fff; }

.cmTab-gray .jsTabItem.on span { display: inline-block; }

.cmTab-gray .jsTabItem.on span:after { content: ''; display: block; position: relative; top: 0; z-index: 2; margin-left: -12px; padding: 0 12px; width: 100%; height: 2px; box-sizing: content-box; background-color: #3389f2; }

.cmTab-gray .jsTabCont { clear: both; padding-top: 30px; border-top: 2px solid #bcbec4; }

.cmTable { clear: both; border-top: 2px solid #717376; border-bottom: 2px solid #717376; }

.cmTable.center { text-align: center; }

.cmTable.gray { color: #888888; }

.cmTable.sideLine td, .cmTable.sideLine th { padding: 3px; }

.cmTable.sideLine td:not(:first-child), .cmTable.sideLine th:not(:first-child) { border-left: 1px solid #c8c8c8; }

.cmTable.sideLine td[rowspan], .cmTable.sideLine th[rowspan] { border-bottom: none; }

.cmTable.sideLine tbody th { border-bottom: 1px solid #c8c8c8; }

.cmTable.sideLine tbody tr:last-child th { border-bottom: none; }

.cmTable.tdGray td:not(:first-child), .cmTable.tdGray th:not(:first-child) { border-left: 1px solid #c8c8c8; }

.cmTable.tdGray td[rowspan], .cmTable.tdGray th[rowspan] { border-bottom: none; }

.cmTable.tdGray th { background: #f7f6f6; }

.cmTable.tdGray tbody th { border-bottom: 1px solid #c8c8c8; }

.cmTable.tdGray tbody tr:last-child th { border-bottom: none; }

.cmTable.tdGray tbody td { padding: 3px 15px; }

.cmTable tr.noti { background: #e5f1ff; }

.cmTable tr.noti .subj a { color: #3389f2 !important; }

.cmTable table { table-layout: fixed; width: 100%; }

.cmTable th { height: 33px; text-align: center; font-size: 14px; letter-spacing: -0.045em; font-weight: bold; color: #333333; border-bottom: 1px solid #717376; }

.cmTable td { height: 52px; }

.ty-board.cmTable td { text-align: center; }

.ty-board.cmTable td a { display: block; padding: 10px; width: 100%; box-sizing: border-box; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.ty-board.cmTable td.subj a {display:ruby-base-container;}

.ty-board.cmTable td a:hover { color: #3389f2; }

.cmTable.alignCtr td { text-align: center; }

.cmTable tr:not(:last-child) td { border-bottom: 1px solid #c8c8c8; }

.cmTable .subj { padding-left: 20px; text-align: left !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.cmTable .left { text-align: left !important; }

.cmTable [class^='badgeRound'] { margin-right: 3px; vertical-align: middle; }

.cmTableAsd { position: relative; z-index: 5; margin: 20px 0 10px; min-height: 25px; font-size: 14px; color: #333; }

.cmTableAsd .alignLt { line-height: 25px; font-size: 12px; }

.cmTableAsd .alignRt { position: absolute; top: 0; right: 0; text-align: right; }

.cmTableAsd.btns { text-align: right; margin-bottom: 20px; }

.cmTableAsdSort { font-size: 14px; color: #888888; }

.cmTableAsdSort button:not(:first-child):before { content: ''; display: inline-block; margin: 0 5px; width: 1px; height: 13px; line-height: 13px; vertical-align: middle; background: #888888; }

.cmTableAsd .on { font-weight: bold; }

.cmTable__iptRdo { font-size: 12px; letter-spacing: -.05em; color: #888888; cursor: pointer; }

.cmTable__iptRdo + .cmTable__iptRdo { margin-left: 14px; }

.cmTable__iptRdo input { opacity: 0 !important; height: 0 !important; width: 0 !important; position: absolute !important; }

.cmTable__iptRdo input:checked + .cmTable__iptRdoTxt { color: #3389f2; }

.cmTable__iptRdo input:checked + .cmTable__iptRdoTxt:before { display: inline-block; width: 15px; height: 12px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -425px -49px; }

.cmTable__iptRdoTxt:before { content: ''; display: inline-block; margin-right: 7px; display: inline-block; width: 15px; height: 12px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -425px -27px; }

.cmTable__tyV { border-top: 2px solid #717376; border-bottom: 1px solid #717376; }

.cmTable__tyV table { table-layout: fixed; width: 100%; }

.cmTable__tyV th, .cmTable__tyV td { padding-left: 30px; height: 43px; text-align: left; border-bottom: 1px solid #c8c8c8; }

.cmTable__tyV tr:last-child th, .cmTable__tyV tr:last-child td { border-bottom: none; }

.cmTable__tyV th { font-size: 14px; color: #333; background: #e5f1ff; }

.cmTable__tyV td { font-size: 14px; color: #888888; }

.ico_noti { display: inline-block; vertical-align: middle; width: 20px; height: 16px; background: url("//img.unistudy.co.kr/ico_2021/ico_noti.png") no-repeat 0 0; }

.boardDet { border: 1px solid #c8c8c8; }

.boardDetTop { padding: 10px 20px; background: #f6f6f6; border-bottom: 1px solid #e6e6e6; }

.boardDetRe { display: inline-block; font-size: 16px; font-weight: bold; color: #3389f2; }

.boardDetRe:before { content: ''; margin-right: 5px; display: inline-block; width: 23px; height: 17px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -255px -330px; }

.boardDetH1 { padding: 10px; font-size: 16px; font-weight: bold; letter-spacing: -.045em; color: #333333; }

.boardDetH1 [class^=badge] { margin-right: 5px; }

.boardDet__info { padding: 16px 0 3px 10px; border-top: 1px solid #e6e6e6; }

.boardDet__infoRow { overflow: hidden; }

.boardDet__infoRow .boardDet__infoItem { position: relative; float: left; width: 26%; padding-right: 40px; line-height: 20px; box-sizing: border-box; white-space: nowrap; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.boardDet__infoRow .boardDet__infoItem:after { position: absolute; top: 4px; right: 20px; margin: 0 !important; }

.boardDet__infoRow .boardDet__infoItem b { display: inline-block; width: 50px; }

.boardDet__infoItem { display: inline-block; line-height: 1; font-size: 12px; color: #888; }

.boardDet__infoItem b { margin-right: 20px; }

.boardDet__infoItem:not(:last-child):after { content: ''; display: inline-block; margin: 0 30px; width: 1px; height: 13px; line-height: 13px; vertical-align: middle; background: #d7d7d7; }

.boardDet__file { overflow: hidden; padding: 13px 20px; border-bottom: 1px solid #e6e6e6; }

.boardDet__file b { float: left; display: block; width: 80px; }

.boardDet__filebox { float: left; width: calc(100% - 80px); }

.boardDet__fileItem { display: inline-block; margin: 0 0 2px 0; padding-left: 22px; font-size: 12px; line-height: 16px; color: #888888; }

.boardDet__fileItem:before { content: ''; display: inline-block; margin-right: 10px; vertical-align: middle; width: 13px; height: 16px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAIAAABCwWJuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKxJREFUeNpi7O/v//nzJwMGYGRkdHZ2NjY2hnBZgIosLCykpKSQFT179uzEiRP79u1jZWXV09MDqQNioCJVVVVMI8XFxXfu3AlkAJUyMeAGQUFBMjIyQKXXrl1jwaqCiQmkf86cOf/AYOvWrdjVycvLe3t7////H8h++fLl2bNnsatjYWHR0dGBsDk4OIDq8LkPxSUjTB0LJNbxqIDIsrCzswOTBn7DgGoAAgwA2Us51poVo00AAAAASUVORK5CYII=") no-repeat 0 0; background-size: contain; }

.boardDet__fileItem:hover { color: #3389f2; }

.boardDet__fileItem:hover:before { width: 13px; height: 16px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAIAAABCwWJuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAK1JREFUeNpi1K37/PXnfwYMwMjIUOHFnmLLBuGyABUVubGbKDAjKzrz4G/frp+d235++g6SBakDYjVxJnMlFHVAaSDpo886ff+vX39ABrMw4AaR5qyvPv+bc+jXt1//savj42QEqZv5DcJddvI3dnVAZ1xs5Pn3D8Tef+NP0cofOO3lYWeEMLjYQAwmBuLASFMHCr9bL//xcf7FpQIoC1LHzc4ITBr4DQOqAQgwAPLgPKoLAka7AAAAAElFTkSuQmCC") no-repeat 0 0; background-size: contain; }

.boardDet__body { position: relative; padding: 40px 30px; }

.boardDet__body.padding-s { padding: 30px 20px; }

.page__comm .boardDet__body { padding: 40px 30px; }

.boardDet__body img { display: block; max-width: 100%; margin: 20px auto; }

.boardDet__bodyAnsInfo { position: absolute; bottom: 18px; right: 20px; text-align: right; color: #3389f2; }

.boardDetBtm { border-top: 2px solid #717376; border-bottom: 2px solid #717376; }

.boardDetBtm__li { display: block; height: 47px; }

.boardDetBtm__li + .boardDetBtm__li { border-top: 1px solid #e6e6e6; }

.boardDetBtm__li:hover { color: #3389f2; }

.boardDetBtm__li:hover .boardDetBtm__title { color: #3389f2; }

.boardDetBtm__title { display: block; float: left; width: 165px; height: 47px; line-height: 47px; text-align: center; font-size: 14px; color: #666666; font-weight: bold; background: #f6f6f6; }

.boardDetBtm__title:before { content: ''; display: inline-block; margin-right: 13px; }

.boardDetBtm__title.next:before { display: inline-block; width: 21px; height: 12px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -288px -330px; }

.boardDetBtm__title.prev:before { display: inline-block; width: 21px; height: 12px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -350px -307px; }

.boardDetBtm__subj { float: left; display: block; padding: 0 20px 0 15px; width: calc(100% - 165px); box-sizing: border-box; line-height: 47px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.boardDet .btnbox { margin-right: 20px; margin-bottom: 30px; }

.boardDetSnsBtns { margin-top: 20px; text-align: right; }

.boardDetSnsBtns a { display: inline-block; margin-left: 4px; }

.boardDetSnsBtns a img { margin: 0; }

.boardWrite { border: 1px solid #c8c8c8; }

.boardWriteTop { table-layout: fixed; width: 100%; }

.boardWriteTop th, .boardWriteTop td { height: 56px; border-bottom: 1px solid #e6e6e6; }

.boardWriteTop th { padding: 8px 0; width: 112px; box-sizing: border-box; text-align: center; font-size: 16px; letter-spacing: -.045em; font-weight: bold; background: #f6f6f6; }

.boardWriteTop td { padding: 8px 18px; }

.boardWriteTop .comm__name { display: inline-block; margin-right: 10px; padding: 0 3px; min-width: 90px; height: 40px; line-height: 40px; box-sizing: border-box; vertical-align: middle; text-align: center; box-sizing: border-box; font-size: 14px; color: #3389f2; border: 1px solid #c8c8c8; background: #f6f6f6; }

.boardWriteTop .inputbox__select, .boardWriteTop .inputbox__text input { vertical-align: middle; height: 40px; }

.bFileAdd__top { overflow: hidden; }

.bFileAdd__topText { margin-left: 5px; font-size: 13px; color: #888; }

.bFileAddBtn { display: inline-block; padding: 0 12px; height: 25px; font-size: 12px; text-align: center; color: #fff; background: #adb2b8; }

.bFileAddBtn:hover { background: #989ea6; }

.bFileAddBtn__del { float: right; padding: 4px; font-size: 13px; color: #888; }

.bFileAddBtn__del:before { content: ''; margin-right: 3px; vertical-align: text-bottom; display: inline-block; width: 15px; height: 17px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png"); background-position: -425px 0px; }

.bFileAddBtn__del:hover { color: #000; }

.bFileAddCont { margin-top: 10px; border: 1px solid #e6e6e6; }

.bFileAddContTitle { padding-left: 14px; height: 25px; line-height: 25px; font-size: 12px; color: #888; background: #f6f6f6; }

.bFileAddContTitle input { margin-right: 15px; vertical-align: text-bottom; }

.bFileAddContList { padding: 11px 14px; }

.bFileAddContList label { display: block; font-size: 12px; color: #888; }

.bFileAddContList label input { margin-right: 15px; vertical-align: middle; }

.brdSrc { overflow: hidden; margin-bottom: 30px; padding: 25px 30px; background: #f6f6f6; white-space: nowrap; }

.brdSrc.sp { padding: 25px; }

.brdSrc .inputbox__select { float: left; width: 130px; }

.brdSrc .inputbox__select:last-child { margin-right: 0; }

.brdSrc .inputbox__select + .inputbox__select { margin-left: -7px; }

.brdSrc .inputbox__select + .inputbox__text { margin-left: -6px; }

.brdSrc .inputbox__text { float: left; width: calc(100% - 238px); margin: 0 4px; background: #fff; }

.brdSrc .formBtn__def { float: left; margin: 0; width: 88px; }

.brdSrc__tit { float: left; display: block; width: 60px; height: 40px; line-height: 41px; font-size: 15px; color: #333; font-weight: bold; }

.brdSrc .brdSrcRow { overflow: hidden; padding-top: 1px; padding-left: 1px; }

.brdSrc .brdSrcRow .inputbox__select { margin-right: 30px; }

.brdSrc .brdSrcRow .formBtn__def { width: 147px; height: 40px; line-height: 40px; float: right; }

.brdSrc__ipb { float: left; width: calc(100% - 60px); margin-bottom: 20px; }

.brdSrc__ipb .brdSrc { float: left; margin: -1px 0 0 -1px; border: 1px solid #c9c9c9; width: 146px; height: 40px; padding: 10px 5px 10px 15px; box-sizing: border-box; background: #fff; }

/*# sourceMappingURL=style.css.map */

/* ¸ÞÀÎ ¹è³Ê ¼öÁ¤ 20210518 */
.gnb { border-bottom:none; }
.gnb_sns { position: relative; overflow: hidden; float: left; width: 300px; height: 35px;  }
.gnb_sns dl { margin-top:10px; }
.gnb_sns dt { font-size:12px; color:#888; display:inline-block; padding-right:9px; }
.gnb_sns dd { display:inline-block; padding:1px 1px 0 0; }
.gnbLeft_banner { position:absolute; left:0; top:24px; width:250px; height:70px; overflow:hidden; }
.gnbLeft_banner .gnbLeft-button-prev,.gnbLeft_banner .gnbLeft-button-next { position:absolute; top:calc(50% - 9px); width:12px; height:18px; background:url(//img.unistudy.co.kr/main_2021n/main/gnb_arrow.png) no-repeat; z-index:10; cursor:pointer; }
.gnbLeft_banner .gnbLeft-button-prev { left:1px; }
.gnbLeft_banner .gnbLeft-button-next { right:1px; background-position:-12px 0; z-index:10; }
.navi_list .navi__item { width: 120px; position: relative; }
.navi_list .navi__item:not(:first-child):before { content: ''; display: inline-block; position: absolute; left: 0; top: 17px; width: 1px; height: 16px; line-height: 16px; vertical-align: middle; background: #d7d7d7; }
.navi_class { float: right; }
.navi_class a { position:relative; display:inline-block; width:82px; height:51px; line-height:51px; background:#9c9c9c; text-align:center; color:#fff; font-weight:bold; font-size:18px; margin-right:34px; z-index:10; }
.navi_class a:before,.navi_class a:after { position:absolute; top:0; content:""; display:block; width:38px; height:51px; }
.navi_class a:before { left:-38px; background:url(//img.unistudy.co.kr/main_2021n/main/gnbClass_before.png) no-repeat; }
.navi_class a:after { right:-38px; background:url(//img.unistudy.co.kr/main_2021n/main/gnbClass_after.png) no-repeat; }
.navi_class a.on  { background:#3389ff; z-index:100; }
.navi_class a.on:before { left:-38px; background:url(//img.unistudy.co.kr/main_2021n/main/gnbClass_before_on.png) no-repeat; }
.navi_class a.on:after { right:-38px; background:url(//img.unistudy.co.kr/main_2021n/main/gnbClass_after_on.png) no-repeat; }
.navi_class a.license_on { background:#32b0a5; z-index:100; }
.navi_class a.license_on:before { left:-38px; background:url(//img.unistudy.co.kr/main_2021n/main/gnbClass_license_before_on.png) no-repeat; }
.navi_class a.license_on:after { right:-38px; background:url(//img.unistudy.co.kr/main_2021n/main/gnbClass_license_after_on.png) no-repeat; }

/* ¸ÞÀÎ ½½¶óÀ̵å */
.main_bigBanner { position:relative; overflow:hidden; width:100%; }
.main_bigBanner .mainSwiper { height:380px }
.main_bigBanner .mainSwiper .swiper-slide {position:relative; }
.main_bigBanner .mainSwiper .swiper-slide a {display:block; position:absolute; top:0; left:50%;margin-left:-960px; }
.main_bigBanner .mainTab { position:absolute; bottom:0; left:50%; width:914px; height:45px; margin-left:-550px; z-index:10; }
.mainTab .swiper-wrapper li { width:182px; padding:3px 0 0 1px; box-sizing:border-box; }
.mainTab .swiper-wrapper li:first-child { padding-left:0; }
.mainTab .swiper-wrapper li span { position:relative; display:block; height:45px; line-height:45px; color:#fff; text-align:center; background:rgba(255,255,255,.2); cursor:pointer; transition:all .3s }
.mainTab .swiper-wrapper li:hover span {background:rgba(255,255,255,.3); }
.mainTab .swiper-wrapper li span:before { content:''; display:block; position:absolute; left:0; top:0; width:0; height:3px; background:#fff; }
.mainTab .swiper-wrapper .swiper-slide-thumb-active span:before { width:100%; transition:3s; }


/* ¸ÞÀÎ ½½¶óÀ̵å ÄÁÆ®·Ñ */
.main_bigBanner .mainTab .control {position:absolute; bottom:-16px; right:-182px; z-index:10; width:180px;height:50px; text-align:center; overflow:hidden; }
.main_bigBanner .mainTab .swiper-pagination-fraction {display:inline-block; position:static; width:auto; font-size:14px; color:#fff;  margin-left:10px; vertical-align:5px; }
.main_bigBanner .mainTab .swiper-pagination-current { font-size:14px; font-weight:bold; color:#fff; }
.main_bigBanner .mainTab .swiper-pagination-total {margin-right:5px;font-weight:bold; font-size:14px;line-height:18px;color:#fff; }
.main_bigBanner .mainTab .swiper-stop { display:inline-block; width:22px; height:22px; background:url(//img.unistudy.co.kr/main_2021n/main/btn_stopPlay.png) no-repeat -22px 0; cursor:pointer; }
.main_bigBanner .mainTab .swiper-stop.play { background:url(//img.unistudy.co.kr/main_2021n/main/btn_stopPlay.png) no-repeat 0 0; }
.mainSwiper .swiper-button-prev,.mainSwiper .swiper-button-next { position:absolute; top:calc(50% - 25px); width:26px; height:50px; background:url(//img.unistudy.co.kr/main_2021n/main/mainSwiper_coltrol.png) no-repeat; }
.mainSwiper .swiper-button-next { right:50%; margin-right:-550px; background-position:-26px 0; }
.mainSwiper .swiper-button-prev { left:50%; margin-left:-550px; }
.main_bigBanner .swiper-button-prev:before,.main_bigBanner .swiper-button-prev:after,.main_bigBanner .swiper-button-next:before,.main_bigBanner .swiper-button-next:after { content:""; }
.mainTab .swiper-button-prev,.mainTab .swiper-button-next { position:absolute; top:26px; width:12px; height:20px; background:url(//img.unistudy.co.kr/main_2021n/main/mainSwiper_coltrol02.png) no-repeat; }
.mainTab .swiper-button-next { background-position:-12px 0; }
_:-ms-fullscreen, :root .mainTab .swiper-button-prev,.mainTab .swiper-button-next { top:4px;}

/* ¿ÞÂÊ ½ºÄ«ÀÌ */
.mainBnr { top:673px; }
.leftSky.mainBnr { top:673px; left: calc(50% - 690px); right:initial; }
.mainBnr.sub_line { top:86px; }
.sky_swiper { position:relative; margin:20px 0 15px; overflow:hidden; }
.sky_swiper .gnbLeft-button-prev,.sky_swiper .gnbLeft-button-next { position:absolute; bottom:-2px; width:12px; height:18px; background:url(//img.unistudy.co.kr/main_2021n/main/gnb_arrow.png) no-repeat; z-index:10; cursor:pointer; }
.sky_swiper .gnbLeft-button-prev { left:45px; }
.sky_swiper .gnbLeft-button-next { right:45px; background-position:-12px 0; z-index:10; }

.joinPop__desc li { position:relative; padding-left:10px; }
.joinPop__desc li:before { content:"- "; position:absolute; left:0; }
.btn_delivery { display:block; margin-top:5px; width:126px; height:24px; line-height:22px; color:#3389f2; text-align:center; font-weight:normal; font-size:12px; border:1px solid #3389f2; }


/* ¼ö°­½Åû Çϴܹ٠±¸¸ÅÇϱ⠿µ¿ª */
div.buyBar{width:100%; background:rgba(0,0,0,0.8); position:fixed; bottom:0; z-index:1; font-size:20px; letter-spacing:-1px; color:#fff;}
div.buyBar ul{text-align: center; overflow:hidden; position:relative; width:1120px; margin:0 auto;  height:20px;  padding:20px 0;}
div.buyBar ul li{float:left; padding:6px 30px;}
div.buyBar li:first-child{border-right:1px solid rgba(255,255,255,0.2); margin-left:240px;}
div.buyBar .total{text-align:center; font-size:29px; font-weight:900; color:#fff000; padding-top:0;}
div.buyBar .btn{position:absolute; top:12px; right:0; padding:6px 0;}
div.buyBar .btn span{opacity:0.8; font-weight:300;}
div.buyBar a{color:#fff; font-weight:600; font-size:15px; padding:8px 30px 10px; border-radius:3px;}
div.buyBar .cart{border:1px solid #fff; margin-right:15px;}
div.buyBar .cart:hover{border:1px solid #fff; background:#fff; color:#005df6;}
div.buyBar .buy{background:#005df6;}
div.buyBar .buy:hover{background:#fff; color:#005df6;}

/* ÇнÀ qna ´ñ±Û Ãß°¡ 20220707 */
.marginT20 { margin-top:20px; }
.adoption { display:inline-block; width:85px; height:27px; line-height:25px; text-align:center; box-sizing:border-box; font-size:12px; }
.after { color:#3389f2; border:1px solid #3389f2; background:#fff url(//img.unistudy.co.kr/main_2021n/common/icon_check.png) no-repeat 7px 3px; padding-left:20px; }
.before { color:#fff; border:1px solid #3389f2; background:#3389f2 url(//img.unistudy.co.kr/main_2021n/common/icon_right.png) no-repeat 63px 6px; padding-right:10px; transition:all .3s; }
.before:hover { border:1px solid #0065e0; background:#0065e0 url(//img.unistudy.co.kr/main_2021n/common/icon_right.png) no-repeat 63px 6px; }
.boardDet__info { position:relative; }
.boardDet__info .adoption { position:absolute; right:60px; bottom:0; }
.comment_section { border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8; margin-bottom:20px;  }
.comment_section li { padding:20px 30px 0; }
.comment_section li:after { padding-top:20px; border-bottom:1px solid #e9e9e9; }
.comment_section li:first-child { padding-top:40px; }
.comment_section li:last-child { padding-bottom:40px; border-bottom:1px solid #c8c8c8; }
.comment_section li:last-child:after { border-bottom:none; padding-top:0; }
.comment_section li:after { content:""; display:block; clear:both; }
.comment_section li > div { float:left; }
.comment_section li > .name { width:80px; font-weight:bold; }
.comment_section li > .comment_content { width:698px; }
.comment_section .comment_content .content { padding-bottom:20px; }
.comment_section .thumbnail_img img { max-width:250px; }
.comment_section .comment_info { position:relative; margin-top:20px; }
.comment_section .comment_info dl { display:inline-block; margin-right:30px; }
.comment_section .comment_info dt,.comment_section .comment_info dd { display:inline-block; font-size:12px; color:#888; }
.comment_section .comment_info dt { font-weight:bold; margin-right:10px; }
.comment_section .comment_info .adoption { position:absolute; right:60px; bottom:0; }
.like_section { position:absolute; right:0px; bottom:0; background:#fff; border:1px solid #c8c8c8; width:55px; height:27px; box-sizing:border-box; text-align:center }
.like_section span { display:inline-block; }
.like_section button { width:18px; height:25px; background:url(//img.unistudy.co.kr/main_2021n/common/icon_like.png) no-repeat 0 4px; }
.like_section button.select { background:url(//img.unistudy.co.kr/main_2021n/common/icon_likeSelect.png) no-repeat 0 4px; }
.like_section span { vertical-align:8px; }



/* ¸ÞÀÎ ¿µ¿ª Ãß°¡ 20240326: AÇ÷¯½º¶û ±âÃâÁ·º¸ ´ëÇб³ ·Ñ¸µ ºÎºÐ */
.Aplus_story { background:#fff; margin-bottom:50px; }
.Aplus_story .aplus_Swiper__wrap { position:relative; background:#eff5ff; }
.aplus_Swiper__wrap .aPlus_content { display:flex; padding:30px 55px; }
.aPlus_content > ul { display:flex; justify-content:space-between; width:990px; }
.aPlus_content > ul > li { position:relative; }
.aPlus_content > ul > li a { display:block; }
.aPlus_content > ul > li:first-child { width:425px; height:245px; border:1px solid #e1e1e1; box-sizing:border-box; background:#fff; }
.aPlus_content > ul > li:first-child span { position:absolute; left:-25px; top:-15px }
.aPlus_content > ul > li:last-child { width:555px; height:245px; }
.aPlus_content > ul > li:last-child dl { display:flex; width:555px; height:70px; border:1px solid #e1e1e1; margin-bottom:10px; box-sizing:border-box; padding:16px 0 0 24px;  background:#fff url(//img.unistudy.co.kr/icon/icon_aplusBook.png) no-repeat 24px center; }
.aPlus_content > ul > li:last-child dt { width:100px; color:#3389f2; font-weight:bold; font-size:16px; padding:8px 45px 0 45px; }
.aPlus_content > ul > li:last-child dd li { display:inline-block; font-size:15px; width:120px; }
.aPlus_content .epilogue { position:relative; height:165px; box-sizing:border-box; padding:24px 20px 0 20px; border:1px solid #e1e1e1; background:#fff; }
.aPlus_content .epilogue p { height:88px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:4; overflow: hidden; line-height:1.7; }
.aPlus_content .epilogue span { position:absolute; bottom:21px; right:21px; }

.Aplus_story__next, .Aplus_story__prev { position: absolute; top: calc(50% - 20px); width: 27px; height: 40px; z-index:100; }
.Aplus_story__next { right:15px; display: inline-block; width: 27px; height: 40px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png?v=20201208"); background-position: -350px -90px; }
.Aplus_story__prev { left:15px; display: inline-block; width: 27px; height: 40px; background-image: url("//img.unistudy.co.kr/common_2021/sprite.png?v=20201208"); background-position: -350px -140px; }

.mReview .mTitle { margin-top:63px; }

.univ_textPaper { margin-bottom:24px; }
.univ_textPaper .swiper-wrapper { transition-timing-function:linear; }
.univ_textPaper .textPaper_con { display:flex; margin-top:34px; justify-content:space-between; }
.univ_textPaper .textPaper_swiper { width:615px; height:285px; margin:0; }
.univ_textPaper .textPaper_link { width:407px; text-align:center; }
.univ_textPaper .textPaper_link p:first-child { font-size:27px; font-weight:bold; margin-top:40px; }
.univ_textPaper .textPaper_link p:first-child strong { color:#3389f2; font-size:30px; }
.univ_textPaper .textPaper_link p:nth-child(2) { font-size:24px;margin:30px 0 45px; line-height:1.3; }
.univ_textPaper .textPaper_link a { display:block; width:320px; height:60px; background:#3389f2 url(//img.unistudy.co.kr/icon/bullet_right_20240325.png) no-repeat 270px center; font-size:18px; font-weight:bold; color:#fff; border-radius:30px; padding-top:20px; box-sizing:border-box; padding-right:10px; margin:0 auto; }

.mOnly__item { height:245px; }
.mOnly__itemTitle { font-size:13px; }
.mOnly__itemTitle strong { display:block; font-size:16px; padding-top:5px; }
/* ¸ÞÀÎ ¿µ¿ª Ãß°¡ 20240326: AÇ÷¯½º¶û ±âÃâÁ·º¸ ´ëÇб³ ·Ñ¸µ ºÎºÐ */

/* Äü °èÁÂÀÌü ¸»Ç³¼± Ãß°¡ */
.addlDiscounts { display:block; position:absolute; left:12px; bottom:28px; width:100px; text-align:center; color:#fff; font-size:12px; background:#ce1313; padding:4px 0 5px; border-radius:3px; font-weight:normal; animation:flash_ani 1s ease infinite; letter-spacing:0px; }
.addlDiscounts:after { content:""; position:absolute; left:50%; margin-left:-8px; display:block; width:0; height:0; border-top:10px solid #ce1313; border-left:8px solid transparent; border-right:8px solid transparent; }
@keyframes flash_ani {
		0% { opacity:0; }
		20% { opacity:1; }
		80% { opacity:1; }
		100% {  opacity:0; }
	}
.table_comment { margin:20px 10px; }
.table_comment > li { position:relative; display:block; font-size:12px; margin-top:5px; padding-left:14px; }
.table_comment > li:before {position:absolute; left:0; top:0; content:"¡Ø "; }
.addlDiscounts_txt li { position:relative; font-size:12px; padding-left:8px; }
.addlDiscounts_txt li:before { position:absolute; left:0; top:0px; content:"- " }
.payAreaRt { height:338px; padding:50px 25px; }
.payArea__topIptBox { padding-top:10px; }

/* ÷»è±â´É °Ô½ÃÆÇ 20240604 */
.navi_class a { width:110px; }
.icon_state { display:block; padding-top:3px !important; width:90px !important; height:24px; text-align:center;  background:#555; color:#fff !important; font-size:13px; box-sizing:border-box; transition:all .2s; margin:0 auto; }
.icon_state.upload { background:#4b9f00; }
.icon_state.upload:hover { background:#306600; }
.icon_state.checkResults { background:#ef6c00; }
.icon_state.checkResults:hover { background:#ca3400; }
.dueDate { margin:10px 0; }
.dueDate .icon_state { background:#aa43b0; }
.clsmTblBadge { padding-top:4px; height:24px; width:46px; }
.marginT30 { margin-top:30px; }
.marginB10 { margin-bottom:10px; }
.table_guide li { position:relative; padding-left:10px; margin-bottom:8px; word-break:keep-all; }
.table_guide li:before { position:absolute; left:0; content:"*"; }
.table_guide li a { display:inline-block; padding:1px 8px 2px; background:#ddd; color:#111; font-size:12px; border-radius:2px; border:1px solid #bbb; margin:5px 0 0 3px; }
.table_guide li a:after { content:" >"; vertical-align:top; }

.pop_correct h1 { height:60px; line-height:60px; background:#eaf4fe; font-size:20px; text-align:center; color:#0073ff; }
.pop_correct h2 { font-size:16px; padding:10px 0; }
.ut_12p_r2 { color:#d10909; }
.pop_correct dt a { display:block; width:100%; height:40px; box-sizing:border-box; padding-top:10px; background:#eee url(//img.unistudy.co.kr/common/icon_lnbOpen.png) no-repeat 97% 17px; font-weight:bold; padding-left:15px; }
.pop_correct dt.visible a { background:#eee url(//img.unistudy.co.kr/common/icon_lnbClose.png) no-repeat 97% 17px; }
.pop_correct dt { border-bottom:1px solid #ccc; }
.pop_correct dl { border-top:1px solid #ccc; }
.pop_correct .pop_content { padding:30px; height:480px; overflow:auto; overflow-x:hidden;  border-bottom:1px solid #999; }
.pop_correct .pop_content.small { height:380px; }
.pop_correct dt a:before,.pop_correct dd:before { content:"Q."; font-weight:bold; color:#005df6; font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:20px; padding-right:5px;  }
.pop_correct dd { display:none; position:relative; padding:20px 20px 20px 70px; border-bottom:1px solid #ccc; }
.pop_correct dd:last-child { border-bottom:none; }
.pop_correct dd.on { display:block; }
.pop_correct dd:before { position:absolute; left:40px; top:18px; content:"A."; color:#d10909; }
.pop_correct dd a { padding:1px 8px 2px; background:#fff; color:#1190e6; font-size:12px; border-radius:2px; border:1px solid #1190e6; margin-left:3px; }
.pop_correct .btnbox { position:absolute; bottom:10px; width:100%; display:flex; gap:10px;justify-content:center; }
.pop_correct .btnbox a { transition:all .2s; }
.pop_content .regIntroTbl { margin-bottom:10px; }
.pop_content .regIntroTbl td,.pop_content .regIntroTbl th { padding:10px; height:auto; color:#444; }
.pop_content td strong { display:block; font-size:16px; padding:10px 0; }
.pop_content td .corrent_content { margin:0 0 10px; font-size:14px;}
.pop_content td a:hover { color:#005df6; }
.pop_content td input[type=file] { border:1px solid #ccc; padding:8px; width:100%; box-sizing:border-box; }
.pop_content .corrent_review { border:1px solid #ccc; padding:8px; width:100%; min-height:200px; box-sizing:border-box; }



/* ¼ö°­½Åû Çϴܹ٠±¸¸ÅÇϱ⠿µ¿ª Ãß°¡ 20240712 */
div.buyBar { transition:all .4s; bottom:-92px; }
div.buyBar a { transition:all .2s; }
.buyBar_section { color:#fff; font-size:15px; }
.buyBar_section .btn_openClose { position:absolute; right:50%; margin-right:-560px; top:-32px; }
.buyBar_section .buyBar_open { position:fixed; bottom:0; width:100%; height:270px; background:rgba(0,0,0,.9); z-index:100; padding:40px 0 30px; box-sizing:border-box; transition:all .4s; }
.buyBar_section .lecture_buy { display:flex; justify-content:space-between; width:1100px; margin:0 auto; padding-left:260px; box-sizing:border-box; }
.buyBar_section .lecture_buy dt,.buyBar_section .lecture_buy dd { display:inline-block; color:#fff000; font-size:18px; font-weight:bold; }
.buyBar_section .select { width:550px; }
.buyBar_section .select dd { width:60px; text-align:right; }
.buyBar_section .select ul { height:130px; overflow:auto; overflow-x:hidden; padding-right:15px; margin:15px 0 20px; }
.buyBar_section .select ul::-webkit-scrollbar { width:8px; }
.buyBar_section .select ul::-webkit-scrollbar-track-piece { background:#303030; }
.buyBar_section .select ul::-webkit-scrollbar-thumb {border-radius:8px; background:#d6d6d6; }
.buyBar_section .select ul::-webkit-scrollbar-button:start,.buyBar_section .select ul::-webkit-scrollbar-button:end { background:#303030; }
.buyBar_section .select li { position:relative; font-size:15px; padding:6px 10px 8px; border-bottom:1px solid #474747; }
.buyBar_section .select li button { position:absolute; right:0; top:50%; margin-top:-11px; width:22px; height:22px; background:#585c64; border-radius:3px; padding-top:5px; transition:all .2s; }
.buyBar_section .select li button:hover { background:#005df6; }
.buyBar_section .select li strong { line-height:1.5; display:inline-block; font-weight:normal; padding-right:30px; }
.buyBar_section .coursePrice { width:250px; }
.buyBar_section .coursePrice dl { display:flex;justify-content:space-between; margin-bottom:25px; }
.buyBar_section .coursePrice dd { color:#bbb; font-weight:normal; font-weight:16px; width:175px; text-align:right; }
.buyBar_section .coursePrice dd strong { color:#fff; font-size:22px; }
.buyBar_section .coursePrice ul { display:flex; justify-content:space-between; margin-top:35px; }
.buyBar_section .coursePrice ul a { display:block; border:1px solid #fff; font-weight:bold; font-size:15px; padding:8px 22px 10px; border-radius:3px; color:#fff; transition:all .2s; }
.buyBar_section .coursePrice ul a:hover { background:#fff; border:1px solid #fff; color:#005df6;  }
.buyBar_section .coursePrice ul li:last-child a { border:1px solid #005df6; background:#005df6; color:#fff; }
.buyBar_section .coursePrice ul li:last-child a:hover { border:1px solid #fff; background:#fff; color:#005df6; }
.buyBar_section .coursePrice .event { font-size:11px; color:#111; padding:0 5px 1px; border-radius:3px; background:#fff000; letter-spacing:0; font-weight:bold; vertical-align:4px; margin-right:8px; animation:flash 1s infinite both; }
.buyBar_section .coursePrice .bookPrice { border-top:1px solid #474747; padding-top:25px; }
.buyBar_section .clsmPayInfo__dada th,.buyBar_section .clsmPayInfo__dada td { color:#111; }

@keyframes flash {
	0% {
		opacity:0;
	}
	90% {
		opacity:1;
	}
  100% {
		opacity:1;
	}
}

/* ¹«ÅëÀåÀÌü °áÁ¦ À¯µµ ¼öÁ¤ 20240902 */
.payArea__top .inputbox__radio { margin-right:30px; }
.addlDiscounts { left:0px; padding:4px 14px 5px 1px; border-radius:30px; }
.addlDiscounts:before { position:absolute; right:3px; top:3px; content:"?"; display:inline-block; width:14px; height:14px; color:#111; font-size:13px; font-weight:bold; background:#fff; border-radius:10px; }
.payAreaRt { height:290px; }
.table_line { border-top:1px solid #000; border-collapse:collapse; border-spacing:0; width:100%; }
.table_line th { background:#eee; border:1px solid #d5d5d5; border-top:none; text-align:center; padding:5px; }
.table_line td { border:1px solid #d5d5d5; text-align:center; padding:5px; }

/* ±âÁ¸ ¼ö°­»ý Àü¿ë »çÀÌÆ® ¸ÞÀÎ 20241202*/
.lnb .lnbH2 { position:relative; height:100px; line-height:65px; }
.lnb .lnbH2 a { position:absolute; bottom:15px; left:8%; width:84%; height:30px; border-radius:5px;display:block; font-size:12px; background:#005df6; color:#fff; line-height:30px; transition:all .3s; }
.lnb .lnbH2 a:hover { background:#003b9b; }
.lnb .lnbH2 a:after { content:" >"}
header { width:1100px; margin:30px auto 0; padding-bottom:20px; display:flex; justify-content:space-between; border-bottom:2px solid #000; align-items:center; }
header ul { display:flex; gap:10px; }
header ul a { display:block; width:110px; height:36px; border-radius:5px; text-align:center; color:#fff; padding-top:8px; box-sizing:border-box; font-weight:bold; transition:all .3s;  }
header ul li:first-child a { background:#005df6; }
header ul li:first-child a:hover { background:#003b9b; }
header ul li:last-child a { background:#444; }
header ul li:last-child a:hover { background:#000; }
.clsmGuideLyr.layer_apply { top:120px;}
.clsmGuideLyr.layer_apply p { padding:10px; }
.clsmGuideLyr.layer_apply a { height:30px; border-radius:5px;display:block; font-size:12px; background:#005df6; color:#fff; line-height:28px; transition:all .3s; width:150px; text-align:center; margin:0 auto; }
.clsmGuideLyr.layer_apply a:hover { background:#003b9b; }
.clsmGuideLyr.layer_apply ul { display:flex; gap:10px; justify-content:center; }
.clsmGuideLyr.layer_apply ul a { width:80px; }

.footer_new .footer_top { border-top:1px solid #e5e5e5; height:60px; padding-top:20px; box-sizing:border-box; }
.footer_new .footer_top .container { position:relative; justify-content:flex-start; height:60px; display:flex; }
.footer_top .link li { display:inline-block; padding:0 7px; }
.footer_top .link li:after { content:"|"; padding-left:15px; color:#ddd; }
.footer_top .link li a,.sns_link h3 { font-size:14px; }
.footer_top .link li:nth-child(4) a { font-weight:700; color:#000; }
.sns_link h3 { margin:0 10px; }
.footer_new .sns_link { display:flex; }
.sns_link li { display:inline-block; padding-left:5px; }
.megaFamily > button { position:absolute; right:0; top:-8px; display:inline-block; width:180px; height:36px; border: 1px solid #c5c5c5; padding-right:4px; }
.megaFamily > button:after { content:""; display:inline-block; width:10px; height:7px; background:url(//img.unistudy.co.kr/sub/icon_menuUp.png) no-repeat; opacity:.5; margin:0 0 2px 10px; }
.megaFamily > button.on:after { background:url(//img.unistudy.co.kr/sub/icon_menuDown.png) no-repeat;  }
.megaFamily .familySwiper { display:none; position:absolute; right:0; bottom:60px; width:1100px; height:60px; border:1px solid #333; z-index:100; background:#fff; padding:13px 20px 0 20px; box-shadow:3px 3px 5px rgba(0,0,0,.2) }
.megaFamily .familySwiper li { display:inline-block; text-align:center; }
.megaFamily .swiper-button-next:after, .megaFamily .swiper-button-prev:after { display:block; font-size:14px; font-weight:bold; color:#5f6368; }
.megaFamily .btn_close { position:absolute; right:0px; top:0; z-index:100; background:#000; border-radius:0; }
.footer_new .footer_bottom { padding-top:30px; border-top:1px solid #e5e5e5; background:#f2f2f2; }
.footer_new .footer_bottom .container { justify-content:flex-start; height:200px;  display:flex;}
.footer_new .footer_bottom h1 { width:220px; }
.footer_new .footer_info dt,.footer_new .footer_info dd,.footer_new .footer_info dd a { display:inline-block; font-size:12px; vertical-align:top; }
.footer_new .footer_info dt:after { content:" : " }
.footer_new .footer_info dl:last-of-type { margin-top:15px; }
.footer_new .footer_info dd:after { content:" | "; padding:0 5px; }
.footer_new .footer_info dd:last-child:after { display:none; }
.footer_new .footer_bottom p { color:#a7a7a7; margin-top:15px; font-size:12px; }


/* 2025-07-25 Ãß°¡ ½ÃÀÛ */
.footer_info .link_f_info {
  position: relative;
  padding: 0 14px 0 2px;
  border: 1px solid #ccc;
  background-color: #fff;
}
.footer_info .link_f_info:before {
  position: absolute;
  top: 0;
  right: 3px;
  z-index: 1;
  font-size: 8px;
  content: "¢º";
}
/* // 2025-07-25 Ãß°¡ ³¡ */