@charset "UTF-8";
/*  variables */
/* Document ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.  */
html{line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  font-weight: 400;}
  
/* Sections ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body{margin: 0;}
/**
 * Render the `main` element consistently in IE.
 */
main{display: block;}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1{font-size: 2em; margin: 0.67em 0;}

/* Grouping content ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr{box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre{font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */}
/* Text-level semantics ========================================================================== */

/** * Remove the gray background on active links in IE 10. */
a{background-color: transparent;}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title]{border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong{font-weight: bolder;}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp{font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */}

/** * Add the correct font size in all browsers. */
small{font-size: 80%;}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub{bottom: -0.25em;}
sup{top: -0.5em;}

/* Embedded content ========================================================================== */
/** * Remove the border on images inside links in IE 10. */
img{border-style: none;}

/* Forms ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea{font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input{/* 1 */ overflow: visible;}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select{/* 1 */
  text-transform: none;}

/** * Correct the inability to style clickable types in iOS and Safari. */
button,
[type="button"],
[type="reset"],
[type="submit"]{-webkit-appearance: button;}

/** * Remove the inner border and padding in Firefox. */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner{border-style: none; padding: 0;}

/** * Restore the focus styles unset by the previous rule. */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring{outline: 1px dotted ButtonText;}

/** * Correct the padding in Firefox. */
fieldset{padding: 0.35em 0.75em 0.625em;}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend{box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */}

/** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress{vertical-align: baseline;}

/** * Remove the default vertical scrollbar in IE 10+. */
textarea{overflow: auto;}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"]{box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button{height: auto;}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"]{-webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button{-webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details{display: block;}
/*
 * Add the correct display in all browsers.
 */
summary{display: list-item;}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template{display: none;}
/**
 * Add the correct display in IE 10.
 */
[hidden]{display: none;}
/*
  폰트
*/
@font-face{font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(../fonts/NotoSansKR/NotoSansKR-Regular.woff2) format("woff2"), url(../fonts/NotoSansKR/NotoSansKR-Regular.woff) format("woff"); unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;}
@font-face{font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(../fonts/NotoSansKR/NotoSansKR-Medium.woff2) format("woff2"), url(../fonts/NotoSansKR/NotoSansKR-Medium.woff) format("woff"); unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;}
@font-face{font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(../fonts/NotoSansKR/NotoSansKR-Bold.woff2) format("woff2"), url(../fonts/NotoSansKR/NotoSansKR-Bold.woff) format("woff"); unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;}
@font-face{font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(../fonts/NotoSansKR/NotoSansKR-Light.woff2) format("woff2"), url(../fonts/NotoSansKR/NotoSansKR-Light.woff) format("woff"); unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;}
@font-face{font-family: 'Malgun Gothic'; font-style: normal; font-weight: 400; src: url(../fonts/MalgunGothic/MalgunGothic.eot) format("embedded-opentype"), url(../fonts/MalgunGothic/MalgunGothic.ttf) format("truetype");}
@font-face{font-family: 'Malgun Gothic'; font-style: normal; font-weight: 700; src: url(../fonts/MalgunGothic/MalgunGothic-Bold.ttf) format("truetype");}
@font-face{font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(../fonts/Roboto/Roboto-Regular.woff2) format("woff2"), url(../fonts/Roboto/Roboto-Regular.woff) format("woff"), url(../fonts/Roboto/Roboto-Regular.ttf) format("truetype"), url(../fonts/Roboto/Roboto-Regular.otf) format("opentype"); unicode-range: U+0041-005A, U+0061-007A, U+0030-0039, U+005B-0060, U+007B-007E, U+26;}
@font-face{font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(../fonts/Roboto/Roboto-Medium.woff2) format("woff2"), url(../fonts/Roboto/Roboto-Medium.woff) format("woff"), url(../fonts/Roboto/Roboto-Medium.ttf) format("truetype"), url(../fonts/Roboto/Roboto-Medium.otf) format("opentype"); unicode-range: U+0041-005A, U+0061-007A, U+0030-0039, U+005B-0060, U+007B-007E, U+26;}
@font-face{font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(../fonts/Roboto/Roboto-Bold.woff2) format("woff2"), url(../fonts/Roboto/Roboto-Bold.woff) format("woff"), url(../fonts/Roboto/Roboto-Bold.ttf) format("truetype"), url(../fonts/Roboto/Roboto-Bold.otf) format("opentype"); unicode-range: U+0041-005A, U+0061-007A, U+0030-0039, U+005B-0060, U+007B-007E, U+26;}
@font-face{font-family: 'Pretendard-semi'; src: url('https://gcore.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); font-weight: 600; font-style: normal;}
@font-face{font-family: 'Pretendard'; font-weight: 800; font-display: swap; src: local('Pretendard ExtraBold'), url('../../../packages/pretendard/Pretendard-ExtraBold.woff2') format('woff2'), url('../../../packages/pretendard/Pretendard-ExtraBold.woff') format('woff');}
@font-face{font-family: 'Pretendard'; font-weight: 700; font-display: swap; src: local('Pretendard Bold'), url('../../../packages/pretendard/Pretendard-Bold.woff2') format('woff2'), url('../../../packages/pretendard/Pretendard-Bold.woff') format('woff');}
@font-face{font-family: 'Pretendard'; font-weight: 600; font-display: swap; src: local('Pretendard SemiBold'), url('../../../packages/pretendard/Pretendard-SemiBold.woff2') format('woff2'), url('../../../packages/pretendard/Pretendard-SemiBold.woff') format('woff');}
@font-face{font-family: 'Pretendard'; font-weight: 500; font-display: swap; src: local('Pretendard Medium'), url('../../../packages/pretendard/Pretendard-Medium.woff2') format('woff2'), url('../../../packages/pretendard/Pretendard-Medium.woff') format('woff');}
@font-face{font-family: 'Pretendard'; font-weight: 400; font-display: swap; src: local('Pretendard Regular'), url('../../../packages/pretendard/Pretendard-Regular.woff2') format('woff2'), url('../../../packages/pretendard/Pretendard-Regular.woff') format('woff');}
@font-face{font-family: 'Pretendard'; font-weight: 300; font-display: swap; src: local('Pretendard Light'), url('../../../packages/pretendard/Pretendard-Light.woff2') format('woff2'), url('../../../packages/pretendard/Pretendard-Light.woff') format('woff');}
@font-face{font-family: 'Pretendard'; font-weight: 200; font-display: swap; src: local('Pretendard ExtraLight'), url('../../../packages/pretendard/Pretendard-ExtraLight.woff2') format('woff2'), url('../../../packages/pretendard/Pretendard-ExtraLight.woff') format('woff');}
@font-face{font-family: 'Pretendard'; font-weight: 100; font-display: swap; src: local('Pretendard Thin'), url('../../../packages/pretendard/Pretendard-Thin.woff2') format('woff2'), url('../../../packages/pretendard/Pretendard-Thin.woff') format('woff');}
/**
 * Swiper 9.2.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 17, 2023
 */
/* FONT_START */
@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"); font-weight: 400; font-style: normal;}

/* FONT_END */
:root{--swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */}
.swiper,
swiper-container{margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block;}
.swiper-vertical>.swiper-wrapper{flex-direction: column;}
.swiper-wrapper{position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box;}
.swiper-android .swiper-slide,
.swiper-wrapper{transform: translate3d(0px, 0, 0);}
.swiper-horizontal{touch-action: pan-y;}
.swiper-vertical{touch-action: pan-x;}
.swiper-slide{flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block;}
.swiper-slide-invisible-blank{visibility: hidden;}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide{height: auto;}
.swiper-autoheight .swiper-wrapper{align-items: flex-start; transition-property: transform, height;}
.swiper-backface-hidden .swiper-slide{transform: translateZ(0); backface-visibility: hidden;}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper{perspective: 1200px;}
.swiper-3d .swiper-wrapper{transform-style: preserve-3d;}
.swiper-3d{perspective: 1200px;}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow{transform-style: preserve-3d;}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom{position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10;}
.swiper-3d .swiper-slide-shadow{background: rgba(0, 0, 0, 0.15);}
.swiper-3d .swiper-slide-shadow-left{background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));}
.swiper-3d .swiper-slide-shadow-right{background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));}
.swiper-3d .swiper-slide-shadow-top{background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));}
.swiper-3d .swiper-slide-shadow-bottom{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));}

/* CSS Mode */
.swiper-css-mode>.swiper-wrapper{overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display: none;}
.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align: start start;}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type: x mandatory;}
.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type: y mandatory;}
.swiper-centered>.swiper-wrapper::before{content: ''; flex-shrink: 0; order: 9999;}
.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align: center center; scroll-snap-stop: always;}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start: var(--swiper-centered-offset-before); margin-inline-start: var(--swiper-centered-offset-before);}
.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after);}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before);}
.swiper-centered.swiper-vertical>.swiper-wrapper::before{width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after);}
.swiper-lazy-preloader{width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent;}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation: swiper-preloader-spin 1s infinite linear;}
.swiper-lazy-preloader-white{--swiper-preloader-color: #fff;}
.swiper-lazy-preloader-black{--swiper-preloader-color: #000;}


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

.swiper-virtual .swiper-slide{-webkit-backface-visibility: hidden; transform: translateZ(0);}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content: ''; position: absolute; left: 0; top: 0; pointer-events: none;}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height: 1px; width: var(--swiper-virtual-size);}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width: 1px; height: var(--swiper-virtual-size);}
:root{--swiper-navigation-size: 44px; /* --swiper-navigation-top-offset: 50%; --swiper-navigation-sides-offset: 10px; --swiper-navigation-color: var(--swiper-theme-color); */}

.swiper-button-prev,
.swiper-button-next{position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: 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.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden{opacity: 0; cursor: auto; pointer-events: none;}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next{display: none !important;}
.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; font-variant: initial; line-height: 1;}
.swiper-button-prev,
.swiper-rtl .swiper-button-next{left: var(--swiper-navigation-sides-offset, 10px); right: auto;}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after{content: 'prev';}
.swiper-button-next,
.swiper-rtl .swiper-button-prev{right: var(--swiper-navigation-sides-offset, 10px); left: auto;}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after{content: 'next';}
.swiper-button-lock{display: none;}

/*
:root{--swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-left: auto; --swiper-pagination-right: 8px; --swiper-pagination-bottom: 8px; --swiper-pagination-top: auto; --swiper-pagination-fraction-color: inherit; --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25); --swiper-pagination-progressbar-size: 4px; --swiper-pagination-bullet-size: 8px; --swiper-pagination-bullet-width: 8px; --swiper-pagination-bullet-height: 8px; --swiper-pagination-bullet-border-radius: 50%; --swiper-pagination-bullet-inactive-color: #000; --swiper-pagination-bullet-inactive-opacity: 0.2; --swiper-pagination-bullet-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 4px; --swiper-pagination-bullet-vertical-gap: 6px;} 
  */

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

.swiper-pagination.swiper-pagination-hidden{opacity: 0;}
.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled{display: none !important;}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal{bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%;}

/* Bullets */
.swiper-pagination-bullets-dynamic{overflow: hidden; font-size: 0;}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform: scale(0.33); position: relative;}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform: scale(1);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform: scale(1);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform: scale(0.66);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform: scale(0.33);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform: scale(0.66);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform: scale(0.33);}
.swiper-pagination-bullet{width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-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:only-child{display: none !important;}
.swiper-pagination-bullet-active{opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color));}
.swiper-vertical>.swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets{right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0px, -50%, 0);}
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block;}
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top: 50%; transform: translateY(-50%); width: 8px;}
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display: inline-block; transition: 200ms transform, 200ms top;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left: 50%; transform: translateX(-50%); white-space: nowrap;}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition: 200ms transform, 200ms left;}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition: 200ms transform, 200ms right;}

/* Fraction */
.swiper-pagination-fraction{color: var(--swiper-pagination-fraction-color, inherit);}

/* Progress */
.swiper-pagination-progressbar{background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); position: absolute; /*ADD_HOST*/}
.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%; transform: scale(0); transform-origin: left top;}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin: right top;}
.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0;}
.swiper-vertical>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0;}
.swiper-pagination-lock{display: none;}

/* :root{
  --swiper-scrollbar-border-radius: 10px; --swiper-scrollbar-top: auto; --swiper-scrollbar-bottom: 4px; --swiper-scrollbar-left: auto; --swiper-scrollbar-right: 4px; --swiper-scrollbar-sides-offset: 1%; --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1); --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5); --swiper-scrollbar-size: 4px;} */

.swiper-scrollbar{border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; -ms-touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));}
.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled{display: none !important;}
.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal{position: absolute; left: var(--swiper-scrollbar-sides-offset, 1%); bottom: var(--swiper-scrollbar-bottom, 4px); top: var(--swiper-scrollbar-top, auto); z-index: 50; height: var(--swiper-scrollbar-size, 4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));}
.swiper-vertical>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical{position: absolute; left: var(--swiper-scrollbar-left, auto); right: var(--swiper-scrollbar-right, 4px); top: var(--swiper-scrollbar-sides-offset, 1%); z-index: 50; width: var(--swiper-scrollbar-size, 4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));}
.swiper-scrollbar-drag{height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5)); border-radius: var(--swiper-scrollbar-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: flex; justify-content: 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%; -o-object-fit: contain; object-fit: contain;}
.swiper-slide-zoomed{cursor: move; touch-action: none;}

/* a11y */
.swiper .swiper-notification,
swiper-container .swiper-notification{position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000;}
.swiper-free-mode>.swiper-wrapper{transition-timing-function: ease-out; margin: 0 auto;}
.swiper-grid>.swiper-wrapper{flex-wrap: wrap;}
.swiper-grid-column>.swiper-wrapper{flex-wrap: wrap; flex-direction: column;}
.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function: ease-out;}
.swiper-fade .swiper-slide{pointer-events: none; transition-property: opacity;}
.swiper-fade .swiper-slide .swiper-slide{pointer-events: none;}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events: auto;}
.swiper-cube{overflow: visible;}
.swiper-cube .swiper-slide{pointer-events: none; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%;}
.swiper-cube .swiper-slide .swiper-slide{pointer-events: none;}
.swiper-cube.swiper-rtl .swiper-slide{transform-origin: 100% 0;}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events: auto;}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events: auto; visibility: visible;}
.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right{z-index: 0; backface-visibility: hidden;}
.swiper-cube .swiper-cube-shadow{position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0;}
.swiper-cube .swiper-cube-shadow:before{content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px);}
.swiper-flip{overflow: visible;}
.swiper-flip .swiper-slide{pointer-events: none; backface-visibility: hidden; z-index: 1;}
.swiper-flip .swiper-slide .swiper-slide{pointer-events: none;}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events: auto;}
.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right{z-index: 0; backface-visibility: hidden;}
.swiper-creative .swiper-slide{backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height;}
.swiper-cards{overflow: visible;}
.swiper-cards .swiper-slide{transform-origin: center bottom; backface-visibility: hidden; overflow: hidden;}

/* Icons */
.ico{display: inline-block; background-size: cover; background-repeat: no-repeat;}
.ico-id{width: 18px; height: 19px; background-image: url(../img/common/icon-id.png);}
.ico-pw{width: 15px; height: 17px; background-image: url(../img/common/icon-pw.png);}
.ico-out{width: 26px; height: 22px; background-image: url(../img/common/icon-out@2x.png);}
.ico-chatbot{width: 191px; height: 97px; background-image: url(../img/common/chatbot.png);}
.ico-kakao{width: 104px; height: 104px; background-image: url(../img/common/sns-kakao.png);}
.ico-naver{width: 104px; height: 104px; background-image: url(../img/common/sns-naver.png);}
.ico-google{width: 104px; height: 104px; background-image: url(../img/common/sns-google.png);}
.ico-caution{width: 18px; height: 18px; background-image: url(../img/common/ico-caution.png);}
.ico-menu{width: 17px; height: 12px; background-image: url(../img/common/menu.png);}
.ico-search{width: 19px; height: 19px; background-image: url(../img/common/search.png);}
.ico-login{width: 18px; height: 27px; background-image: url(../img/common/login.png);}
.ico-prev{width: 10px; height: 16px; background-image: url(../img/common/arrorw-left.png);}
.ico-next{width: 10px; height: 16px; background-image: url(../img/common/arrorw-right.png);}
.ico-menu-1{width: 22px; height: 20px; background-image: url(../img/common/menu-1.png);}
.ico-menu-2{width: 18px; height: 21px; background-image: url(../img/common/menu-2.png);}
.ico-menu-3{width: 20px; height: 20px; background-image: url(../img/common/menu-3.png);}
.ico-menu-4{width: 30px; height: 24px; background-image: url(../img/common/menu-4.png);}
.ico-menu-5{width: 18px; height: 21px; background-image: url(../img/common/menu-5.png);}
.ico-detail{width: 24px; height: 24px; background-image: url(../img/common/icon-detail.png);}
.ico-folder{width: 24px; height: 23px; background-image: url(../img/common/icon-folder.png);}
.ico-discount{width: 8px; height: 16px; background-image: url(../img/common/ico-discount.png);}
.ico-arrow-down{width: 10px; height: 7px; background-image: url(../img/common/ico-arrow-down.png);}
.ico-left-hover{width: 52px; height: 52px; background-image: url(../img/common/bt-left-hover.png);}
.ico-right-hover{width: 52px; height: 52px; background-image: url(../img/common/bt-right-hover.png);}
.ico-time{width: 20px; height: 20px; background-image: url(../img/common/ico-time.png);}
.ico-cal{width: 21px; height: 21px; background-image: url(../img/common/ico-cal.png);}
.ico-attention{width: 22px; height: 22px; background-image: url(../img/common/ico-attention-blue.png);}
.ico-schedule{width: 43px; height: 44px; background-image: url(../img/pages/ico-calendar.png);}
.ico-my{width: 20px; height: 20px; background-image: url(../img/pages/player/ico-my.png);}
.ico-play{width: 97px; height: 98px; background-image: url(../img/pages/player/btn-play.png);}

/* wrap 
.wrap{overflow-x: hidden;}

/* header */
.header-wrap{position: fixed; width: 100%; top: 0; left: 0; background-color: #fff; z-index: 95;}
.header-wrap .inner{display: flex; justify-content: space-between; align-items: center;}

/* header no fixed */
.header-wrap.no-fixed{position: relative;}
.pc-header-top{width: 100%; height: 44px; background-color: #fff; border-bottom: 1px solid #e2e2e3;}
.pc-header-top .inner>*{display: flex; align-items: center;}
.pc-header-top .link-left .item{min-width: 118px; height: 44px;}
.pc-header-top .link-left .item+.item{margin-left: -1px;}
.pc-header-top .link-left .item a{display: flex; height: 100%; justify-content: center; align-items: center; border: solid 0 #3b94ec; background-color: #4d4d4d; text-align: center; /* font-family: "Malgun Gothic"; */ font-size: 14px; letter-spacing: -0.59px; color: #fff; box-shadow: 0 0 0 0 #3b94ec, inset 0 0 0 0 #3b94ec, inset 0 0 0 1px #262626;}
.pc-header-top .link-left .item.on a{color: rgb(38, 86, 246); font-weight: bold; letter-spacing: -0.87px; box-shadow: none;}
.pc-header-top .link-right .item{position: relative; height: 44px;}
.pc-header-top .link-right .item+.item{margin-left: 58px;}
.pc-header-top .link-right .item+.item::before{content: ''; position: absolute; left: -29px; top: 50%; transform: translateY(-50%); width: 1px; height: 11px; background-color: #2d2d2d;}
.pc-header-top .link-right .item a{display: flex; height: 100%; align-items: center; font-size: 15px; color: #2d2d2d;}
.pc-header-top .link-right .item.on a{color: rgb(38, 86, 246);}
.pc-header{width: 100%; height: 85px; border-bottom: 1px solid #e7e7e7;}
.pc-header .navbar{display: flex; align-items: center; height: 100%;}
.pc-header .logo{width: 183px; height: 44px; margin-right: 104px;}
.pc-header .logo a{display: block; width: 100%; height: 100%;}
.pc-header .logo a img{width: 100%; height: 100%;}
.pc-header .menu{display: flex; align-items: center; height: 100%;}
.pc-header .menu .item{position: relative; width: 144px; height: 100%; display: flex; align-items: center; justify-content: center;}
.pc-header .menu .item a{display: flex; align-items: center; height: 100%; font-size: 20px; font-weight: 500; letter-spacing: -0.5px; color: #000;}
.pc-header .menu .item.on::after,
.pc-header .menu .item:hover::after{content: ''; position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 72px; height: 4px; background-color: #063bce;}
.pc-header .btns{display: flex;}
.pc-header .btns .btn+.btn{margin-left: 16px;}
.pc-menu{display: none; position: fixed; top: 129px; width: 100%; min-height: 267px; background-color: #f2f3f5;}
.pc-menu .inner{display: flex; justify-content: flex-start; align-items: flex-start; padding-left: 286px;}
.pc-menu .menu-item{width: 146px; text-align: center; padding-top: 34px;}
.pc-menu .menu-item .s-title{display: block; font-size: 18px; line-height: 18px; letter-spacing: -1.35px; text-align: center; color: #484848;}
.pc-menu .menu-item .s-title+.s-title{margin-top: 28px;}
.pc-menu .menu-item .s-title.on,
.pc-menu .menu-item .s-title:hover{color: #0051c9;}
.pc-menu.open{display: block;}
.header-dim{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.4); z-index: 4;}
.header-dim.open{display: block;}
.header-dim.open.popup{z-index: 6;}
.mo-header{display: none;}
.mo-menu{display: none;}

/* contents */
.contents{position: relative; padding-top: 229px; min-height: 1024px; padding-bottom: 100px; z-index: 1;}
.contentsBox{position: relative;}
.contentsBox .eventBtn{display: block; position: absolute; bottom: 160px; left: 50%; transform: translate(-50%, 0); text-align: center;}
.contentsTab{display: flex; gap: 10px; position: absolute; bottom: -1px; left: 50%; transform: translate(-50%, 0); text-align: center;}
.contentsTab a{display: inline-block; height: 86px; width: 480px; line-height: 86px; font-family: Pretendard, sans-serif; font-weight: 600; font-size: 32px; color: #000; background-color: #02e64b; border-top-left-radius: 26px; border-top-right-radius: 26px; letter-spacing: -2px;}
.contentsTab a.on{background-color: #fff;}

.contents.noFiexd{padding-top: 0;}
.contents.noFixed{padding-top: 0;}

/* footer */
.pc-footer{background-color: #2e2b36; padding: 63px 0 74px;}
.pc-footer .inner{width: 1440px; margin: 0 auto;}
.pc-footer .info{display: flex; align-items: flex-end; margin-bottom: 36px;}
.pc-footer .info .logo{width: 166px; height: 43px; margin-right: 48px;}
.pc-footer .info .logo a{display: block;}
.pc-footer .info .logo img{width: 100%; height: 100%;}
.pc-footer .info .links{padding-bottom: 8px;}
.pc-footer .info .links a{position: relative; font-size: 14px; /* font-family: "Malgun Gothic"; */ letter-spacing: -0.14px; color: #f7f7f7;}
.pc-footer .info .links a+a{margin-left: 26px;}
.pc-footer .info .links a+a::before{content: '|'; position: absolute; left: -15px; top: 0;}
.pc-footer .company{display: flex; justify-content: space-between; align-items: center; margin-bottom: 27px;}
.pc-footer .company .content{font-size: 14px; /* font-family: "Malgun Gothic"; */ line-height: 20px; color: #e5e5e5;}
.pc-footer .sns-links a{display: inline-block; vertical-align: middle;}
.pc-footer .sns-links a+a{margin-left: 26px;}
.pc-footer .family-site .footer-btn{position: relative; width: 300px; height: 51px; border: 1px solid #fff; display: flex; align-items: center; /* font-family: "Malgun Gothic"; */ font-size: 18px; letter-spacing: -0.18px; color: #f7f7f7; padding: 0 40px 0 30px;}
.pc-footer .family-site .footer-btn::after{content: '+'; position: absolute; right: 22px; top: 50%; transform: translateY(-50%); font-size: 24px; letter-spacing: -0.24px;}
.mo-footer{display: none;}
.mo-footer .notice{display: flex; font-size: 15px; line-height: 22px; letter-spacing: -1.14px; color: #000; padding: 0 22px; height: 58px; align-items: center; /* font-family: "Malgun Gothic"; */ border-top: 1px solid #ebeff3;}
.mo-footer .notice .title{width: 80px; font-weight: bold; color: #0066ff; padding-bottom: 2px;}
.mo-footer .notice .swiper{width: calc(100% - 80px - 53px);}
.mo-footer .notice .swiper .swiper-slide{max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mo-footer .notice .swiper-nav{position: static; display: flex; width: 53px; justify-content: flex-end; font-size: 22px; color: #000;}
.mo-footer .notice .swiper-nav .nav-next{margin-left: 12px;}
.mo-footer .notice .swiper-nav *.swiper-button-disabled .ico-prev{background-image: url(../img/common/arrorw-left-disabled.png);}
.mo-footer .notice .swiper-nav *.swiper-button-disabled .ico-next{background-image: url(../img/common/arrorw-right-disabled.png);}
.mo-footer .content{background-color: #f3f6f9; text-align: center; padding: 26px 22px 52px;}
.mo-footer .content .sns-links{display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}
.mo-footer .content .sns-links a+a{margin-left: 34px;}
.mo-footer .content .links{display: flex; align-items: center; justify-content: center; margin-bottom: 45px;}
.mo-footer .content .links a{position: relative; font-size: 13px; /* font-family: "Malgun Gothic"; */ color: #696969;}
.mo-footer .content .links a.font-weight-bold{padding-bottom: 2px;}
.mo-footer .content .links a+a{margin-left: 15px;}
.mo-footer .content .links a+a::before{content: '|'; position: absolute; left: -9px; top: 0;}
.mo-footer .content .company .info-1{font-weight: 700; font-size: 18px; letter-spacing: -0.76px; margin-bottom: 12px;}
.mo-footer .content .company .info-2{font-size: 14px; letter-spacing: -0.59px; color: #2b2b2b; margin-bottom: 9px;}
.mo-footer .content .company .info-3{font-family: "Malgun Gothic"; font-size: 11px; letter-spacing: -0.46px; color: #767676;}


/* fixed buttons */
.fixed-btns{position: fixed; bottom: 80px; right: 10px; z-index: 5; display: flex; align-items: center;}
.fixed-btns a{display: block;}
.fixed-btns img{width: 100%; height: auto;}
.fixed-btns .btn-chatbot{width: 187px; height: 88px; background-image: url(../img/common/chatbot.png); background-size: cover;}
.fixed-btns .btn-top{width: 56px; height: auto;}

/* fixed bottom menu */
.mo-bottom-menu{display: none; position: fixed; bottom: 0; left: 0;}

*{margin: 0; padding: 0; box-sizing: border-box;}
body{font-family: "Noto Sans KR"; color: #2d2d2d;}
em,i{font-style: normal;}
h1, h2, h3, h4, h5, h6{margin: 0; padding: 0;}
table{border-collapse: collapse;}

.bg-sub{background-color: #F4F6FA !important;}
.color-red{color: #ec0000 !important;}
.color-black{color: #2d2d2d !important;}
.color-green{color: #7effcd !important;}
.color-grey{color: #767676 !important;}
.color-darkgrey{color: #484848 !important;}
.color-orange{color: #fe6c0d !important;}
.color-blue{color: #063bce !important;}
.color-skyblue{color: #94c6fe !important;}
.color-white{color: #ffffff !important;}
.font-weight-bold{font-weight: bold !important;}
.font-weight-bolder{font-weight: 900 !important;}

ul, ol{margin: 0; padding: 0;}
li{list-style: none;}
a, button{color: inherit; background-color: transparent;}

body.scrOff{overflow: hidden;}
.select-dropdown{position: relative; display: inline-block; max-width: 100%;}
.select-dropdown .btn-dropdown{padding: 8px 32px 8px 11px; background-color: #E2EDFA; color: #000000DD; cursor: pointer; width: 107px; height: 32px; border-radius: 6px; font-size: 13px; background-repeat: no-repeat; background-size: 24px 24px; background-position: right 8px center;}
.select-dropdown .dropdown-list{position: absolute; display: block; left: 0; right: 0; top: 38px; margin: 0; padding: 8px 0; list-style-type: none; opacity: 0; pointer-events: none; transform-origin: top left; transform: scale(1, 0); transition: all ease-in-out .3s; z-index: 2; border-radius: 6px; overflow: hidden; background: #fff; box-shadow: 0 4px 2px #0000003D;}
.select-dropdown .dropdown-list.on{opacity: 1; pointer-events: auto; transform: scale(1, 1);}
.select-dropdown .dropdown-list .item{display: block; padding: 7.5px 16px; font-size: 14px; line-height: 17px; cursor: pointer; color: #2d2d2d; transition: all ease-in-out .3s;}
.select-dropdown .dropdown-list .item:hover,
.select-dropdown .dropdown-list .item.on{background-color: rgba(0, 0, 0, 0.04);}
.align-left{text-align: left !important;}
.align-right{text-align: right !important;}
.align-center{text-align: center !important;}
.underline{text-decoration: underline;}
.inner{width: 1440px; height: 100%; margin: 0 auto;}
.w-100{width: 100% !important;}
.pb-0{padding-bottom: 0 !important;}
.pt-0{padding-top: 0 !important;}
h2.title{font-size: 46px; font-weight: 500; line-height: 43px; letter-spacing: -3.45px; padding-top: 130px;}
.pagination{display: flex; justify-content: center; width: 100%; border-top: 1px solid #EDEDED; padding: 8px; background-color: #fff;}
.pagination ul{display: flex;}
.pagination ul li{width: 38px; height: 38px;}
.pagination ul li+li{margin-left: 8px;}
.pagination ul li a{display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: bold; width: 100%; height: 100%; color: #00000060; border-radius: 4px; border: 1px solid transparent;}
.pagination ul li a.on{color: #fff;}
.pagination ul li.first a,
.pagination ul li.prev a,
.pagination ul li.next a,
.pagination ul li.last a{border: 1px solid #CECECE;}
.badge-wrap{display: flex; align-items: center; margin-right: 55px;}
.badge-wrap .badge{display: inline-block; height: 40px; line-height: 38px; padding: 0 15px; min-width: 97px; border-radius: 20px; border: 1px solid #4a4751; background-color: #fff;}
.badge-wrap .badge.on,
.badge-wrap .badge:hover{background-color: #1f31f8; border-color: #1f31f8; color: #fff;}
.badge-wrap .badge+.badge{margin-left: 11px;}
.price-box .title{font-size: 20px; font-weight: 500; letter-spacing: -0.84px; color: #c5c5c5; margin-bottom: 8px;}
.price-box .price-info{display: flex; justify-content: space-between; align-items: center;}
.price-box .price-info>*{display: inline-block; vertical-align: middle;}
.price-box .price-info .price-title{font-size: 18px; font-weight: 400; letter-spacing: -0.84px; color: #c5c5c5;}
.price-box .price-info .discount{color: #ea0202; text-align: center; /* font-family: "Malgun Gothic"; */ font-size: 12px; font-weight: bold; letter-spacing: -0.4px;}
.price-box .price-info .discount .ico{transform: translateY(5px);}
.price-box .price-info .real-price{font-size: 24px; letter-spacing: -1.49px; text-align: left; color: #d2d1d1; text-decoration: line-through; margin-left: 5px;}
.price-box .price-info .total{font-size: 48px; font-weight: bold; letter-spacing: -2.98px; color: #000; margin-left: 5px;}

.amount-box{display: flex; justify-content: flex-end; margin-bottom: 18px;}
.amount-box .otherBook{display: flex; flex-direction: column; gap: 10px;}
.amount-box .counter{display: flex; border: 1px solid #e2e2e3;}
.amount-box .counter button{width: 35px; height: 36px; display: flex; align-items: center; justify-content: center;}
.amount-box .counter button.btn-minus{border-right: 1px solid #e2e2e3;}
.amount-box .counter button.btn-plus{border-left: 1px solid #e2e2e3;}
.amount-box .counter .count{display: flex; align-items: center; justify-content: center; width: 60px; font-size: 18px; font-weight: 500; letter-spacing: -0.45px;}

.badge-sm-wrap .badge-sm{display: inline-block; vertical-align: middle; border-radius: 4px; background-color: #fff; padding: 0 14px; height: 25px; line-height: 23px;}
.badge-sm-wrap .badge-sm+.badge-sm{margin-left: 2px;}
.badge-sm-wrap .badge-sm.free{border: 1px solid #3171e7; color: #3171e7;}
.badge-sm-wrap .badge-sm.live{border: 1px solid #00b9ca; color: #00b9ca;}
.badge-sm-wrap .badge-sm.hit{border: 1px solid #ff581e; color: #ff581e;}

.tab-container .tab-content .tab-panel{display: none;}
.tab-container .tab-content .tab-panel.on{display: block;}
.sr-only{position: absolute; overflow: hidden; width: 1px; height: 1px; padding: 0; margin: -1px; border: 0; clip: rect(0, 0, 0, 0);}
.mo-tabs{display: none;}

/* 버튼 */
a,
button{text-decoration: none; border: 0; outline: none; cursor: pointer;}
a:focus,
a:active,
button:focus,
button:active{outline: none; box-shadow: none;}
.btn{display: inline-block; border-radius: 4px; min-width: 132px; height: 57px; line-height: 55px; text-align: center; font-size: 16px; letter-spacing: -.4px; font-weight: 500; padding: 0 20px; color: #fff; background-color: rgb(38, 86, 246); border: 1px solid rgb(38, 86, 246);}
.btn:focus,
.btn:active{outline: none; box-shadow: none;}
.btn.btn-sm{min-width: 118px; height: 45px; font-size: 18px; line-height: 43px; border-radius: 22.5px;}
.btn.btn-lg{min-width: 292px; height: 74px; line-height: 72px; border-radius: 36px; font-size: 24px;}
.btn.btn-red{background-color: #ec0000; border-color: #ec0000; color: #fff;}
.btn.btn-black{background-color: #2d2d2d; border-color: #2d2d2d; color: #fff;}
.btn.btn-blue{background-color: #056EED; border-color: #056EED; color: #fff;}
.btn.btn-white{background-color: #fff; border-color: #fff; color: #2d2d2d;}
.btn.btn-border{background-color: #fff; color: #056eed;}
.btn-wrap{display: flex; justify-content: center; align-items: center; gap: 6px;}

/* form */
.form-group{position: relative;}
.form-group .label{display: block; font-size: 14px; font-weight: 500; line-height: 20px; margin-bottom: 4px;}
.form-group+.input-group{margin-top: 16px;}
.form-input{width: 100%; height: 50px; border: 0; border-radius: 2px; background-color: #f5f5f5; color: #2d2d2d; line-height: 48px; font-size: 15px; margin: 0; padding: 0 25px; letter-spacing: -0.4px;}
.form-input::-moz-placeholder{color: #acacac;}
.form-input::placeholder{color: #acacac;}
.form-input:focus{outline: none;}
.form-input.invalid{background-color: #ffecec; border: 1px solid #e6344a;}
.form-select{width: 100%; height: 50px; border: 1px solid #cecece; border-radius: 5px; line-height: 48px; font-size: 15px; font-weight: bold; margin: 0; padding: 0 39px 0 15px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; background-size: 12px 6px; background-position: right 16px center; background-repeat: no-repeat;}
.form-select:focus{outline: none;}
.form-check{position: relative; display: block; height: 20px; cursor: pointer;}
.form-check input{padding: 0; width: initial; height: initial; margin-bottom: 0; display: none; cursor: pointer;}
.form-check input:checked+span::after{content: ''; position: absolute; width: 20px; height: 20px; background-image: url(../img/common/check-box-foc.png); background-repeat: no-repeat; background-size: contain; top: 0; left: 0; z-index: 1;}
.form-check span{display: block; font-size: 16px; line-height: 20px; padding-left: 40px; letter-spacing: -0.8px; padding-top: 1px;}
.form-check span::before{content: ''; position: absolute; width: 20px; height: 20px; background-image: url(../img/common/check-box.png); background-repeat: no-repeat; background-size: contain; top: 0; left: 0;}
.form-search{border: 1px solid #555555; font-size: 17px; height: 57px; line-height: 55px; letter-spacing: -.42px; padding: 0 54px 0 32px; border-radius: 45px;}
.form-search::-moz-placeholder{color: #7d7d7d;}
.form-search::placeholder{color: #7d7d7d;}
.form-search:focus{outline: none;}
.form-search+.btn-search{position: absolute; display: block; width: 47px; height: 47px; right: 7px; top: 50%; transform: translateY(-50%); 
  background: none;
  position: absolute; 
  display: block; 
  width: 47px; 
  height: 47px; 
  right: 7px; 
  top: 50%; 
  transform: translateY(-50%);
  background-color:#555;
  border-radius: 50%;
  overflow: hidden;

}
.form-search+.btn-search::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin: auto;
  position: absolute;
  top: 0; right: 0; left: 0; bottom: 0;
  border: 3px solid #fff;
  border-radius: 50%;
  box-sizing: border-box;
}
.form-search+.btn-search::after {
  content: "";
  display: block;
  width: 12px;
  height: 3px;
  background: #fff;
  position: absolute;
  bottom: 10px;
  right: 4px;
  transform: rotate(45deg);
  border-radius: 2px;
}
.form-radio{position: relative; display: flex; padding-left: 32px;}
.form-radio input{position: absolute; left: -9999px;}
.form-radio input:checked+span::after{background-image: url(../img/common/radio-button-on.png);}
.form-radio input+span{display: flex; font-size: 16px; line-height: 23px; color: #767676;}
.form-radio input+span::after{content: ''; position: absolute; top: -1px; left: 0; background-image: url(../img/common/radio-button.png); width: 22px; height: 23px; background-repeat: no-repeat; background-size: cover;}
.input-calendar{position: relative;}
.input-calendar .input{padding: 0 40px 0 15px;}
.btn-calendar{position: absolute; right: 16px; top: 50%; transform: translateY(-50%);}
.input-group{position: relative;}
.select-file{display: flex;}
.select-file .desc{margin-left: 8px;}
.select-file input[type="file"]{width: 100%; height: 46px; border: 0; border-radius: 2px; background-color: #f5f5f5; color: #2d2d2d; line-height: 46px; font-size: 15px; margin: 0; padding: 0 25px; letter-spacing: -0.4px;}
.select-file input[type="file"]::-moz-placeholder{color: #acacac;}
.select-file input[type="file"]::placeholder{color: #acacac;}
.select-file input[type="file"]:focus{outline: none;}
.select-file input[type="file"]::file-selector-button{display: none;}
.select-file .btn-file{display: inline-block; border: 1px solid #e2e2e3; background-color: #fff; height: 46px; line-height: 46px; font-size: 16px; text-align: center;}
.sel-dropdown{position: relative; width: 216px;}
.sel-dropdown .btn-dropdown-trigger{position: relative; border: 1px solid #e2e2e3; width: 100%; height: 38px; line-height: 38px; padding: 0 14px; text-align: left;}
.sel-dropdown .btn-dropdown-trigger::after{content: ''; position: absolute; right: 19px; top: 50%; transform: translateY(-50%); width: 13px; height: 7px; background-image: url(../img/common/downarrow@2x.png); background-size: cover; background-repeat: no-repeat;}
.sel-dropdown .dropdown-content{display: none; position: absolute; background-color: #fff; width: 100%; min-width: 216px; z-index: 1; border: 1px solid #e2e2e3; top: 37px; overflow-y: auto; max-height: 204px;}
.sel-dropdown .dropdown-content a{height: 34px; line-height: 34px; text-decoration: none; display: block; padding: 0 14px;}
.sel-dropdown .dropdown-content a:hover{background-color: #f5f5f5;}
.sel-dropdown.on .btn-dropdown-trigger::after{transform: translateY(-50%) rotate(180deg);}
.sel-dropdown.on .dropdown-content{display: block;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0;}

.c-form{border-top: 2px solid #333; margin-bottom: 28px;}
.c-form .row{display: flex; border-bottom: 1px solid #e2e2e3;}
.c-form .row .col-title{width: 244px; display: flex; align-items: center; justify-content: center; background-color: #f9f9f9; border-right: 1px solid #e2e2e3;}
.c-form .row .col-title .primary{font-size: 16px; letter-spacing: -0.67px; color: #f00; padding-top: 10px;}
.c-form .row .col-title .tit{font-family: "Malgun Gothic"; font-size: 16px; letter-spacing: -0.67px;}
.c-form .row .col-desc{width: calc(100% - 244px); padding: 17px 37px 17px 34px;}
.c-form .row .col-desc>.txt{font-size: 16px; line-height: 24px; letter-spacing: -1.41px;}
.c-form .row .sel-dropdown .btn-dropdown-trigger{height: 50px; line-height: 48px;}
.c-form .row .sel-dropdown .dropdown-content{top: 49px; min-width: auto;}
.c-form .row .sel-box{display: flex; align-content: center;}
.c-form .row .sel-box .sel-dropdown .dropdown-content{top: 49px;}
.c-form .row .sel-box .sel-dropdown+.sel-dropdown{margin-left: 25px;}
.c-form .row .sel-box .sel-item+.sel-item{margin-left: 88px;}
.c-form .row .sel-box .sel-item .desc{display: flex; align-items: center;}
.c-form .row .sel-box .sel-item .desc i{margin-right: 10px;}
.c-form .row .sel-box .sel-item .desc span{font-size: 16px; letter-spacing: -0.17px; transform: translateY(2px);}
.c-form .row .sel-box .sel-item .sel-dropdown{padding: 14px 0 0;}
.c-form .row .with-txt{display: flex;}
.c-form .row .with-txt .txt{display: flex; align-items: center; font-size: 14px; letter-spacing: -0.59px; color: #939393; margin-left: 24px;}
.c-form .row .form-check+.form-check{margin-top: 12px;}
.c-form .row .radio-box .form-group{display: flex;}
.c-form .row .radio-box .form-group .form-radio+.form-radio{margin-left: 95px;}
.c-form .row .form-group.email{display: flex; align-items: center;}
.c-form .row .form-group.email input.form-input{width: 130px; margin-right: 12px;}
.c-form .row .form-group.phone{display: flex; align-items: center;}
.c-form .row .form-group.phone .sel-dropdown{width: 130px; margin-right: 12px;}
.c-form .row .form-group.phone input.form-input{width: 130px; margin-right: 12px;}
.c-form .row .form-group.address>div{margin-bottom: 8px;}
.c-form .row .form-group.address>div input.form-input{width: 250px;}
.c-form .row .form-group.address>input.form-input{width: 100%;}
.c-form .row .form-group.score input.form-input{width: 130px;}
.c-form .row .form-group.category{display: flex; flex-wrap: wrap;}
.c-form .row .form-group.category .form-check+.form-check{margin-top: 0; margin-left: 12px;}
.c-form .row .form-group .btn{height: 50px; line-height: 50px;}
.c-form .row textarea.form-input{background-color: #fff; font-size: 16px; border: 1px solid #e2e2e3; resize: none; height: 141px; line-height: 20px; padding: 18px 25px;}
.c-form .row input.form-input{padding: 0 14px; background: #fff; border: 1px solid #e2e2e3;}
.c-form .row .select-file{padding-top: 11px; padding-bottom: 8px;}
.c-form .row .select-file input[type="file"]{width: calc(100% - 178px - 18px);}
.c-form .row .select-file .btn-file{width: 178px; margin-left: 18px;}
.c-form .row>.txt{padding: 82px 0 76px; width: 100%; font-size: 24px; text-align: center;}

/* popup */
.popup-wrap{padding: 24px;}
.popup-wrap .popup-title{font-size: 15px; font-weight: bold; margin-bottom: 16px; line-height: 18px;}
.popup-wrap .popup-content .content-sm{font-size: 15px; font-weight: 500; line-height: 18px; margin-bottom: 8px; color: #A0A0A0;}
.popup-wrap .popup-content .content{font-size: 18px; font-weight: 500; line-height: 24px; margin-bottom: 32px;}
.popup-wrap .popup-content .content.content-scroll{max-height: 147px; overflow-y: auto;}
.popup-wrap .input-box .input-group{position: relative;}
.popup-wrap .input-box .input-group+.input-group{margin-top: 8px;}
.popup-wrap .input-box .input-group .label{font-size: 18px; font-weight: 500; line-height: 21px; margin-bottom: 11px;}
.popup-wrap .input-box .input-group .input-parent{position: relative;}
.popup-wrap .input-box .input-group .input-parent .input{padding: 0 23px 0 15px;}
.popup-wrap .input-box .input-group .btn-input-delete{position: absolute; width: 20px; height: 20px; right: 8px; top: 50%; transform: translateY(-50%);}
.popup-wrap .popup-footer{display: flex; width: 100%; justify-content: flex-end; align-items: center;}
.popup-wrap .popup-footer .popup-button{font-size: 18px; font-weight: bold; line-height: 18px;}
.popup-wrap .popup-footer .popup-button+.popup-button{margin-left: 24px;}
.popup-wrap .popup-footer .popup-button.color-grey{color: #8A929A;}

/* variables */

/* 회원가입 + 로그인 + 회원가입 완료 */
.sign-in-wrap .content{width: 586px; margin: 0 auto;}
.sign-in-wrap .content h2.title{margin-bottom: 43px; display: flex; justify-content: space-between; align-items: flex-end;}
.sign-in-wrap .content h2.title .link{display: flex; align-items: center; font-size: 18px; line-height: 27px; font-weight: 400; letter-spacing: -1.58px; color: #2d2d2d;}
.sign-in-wrap .content h2.title .link span{display: flex; align-items: center; margin-right: 33px;}
.sign-in-wrap .content h2.title .link .ico{margin-right: 6px;}
.sign-in-wrap .content h2.title .link a{border-bottom: 1px solid #2d2d2d;}
.sign-in-wrap .form-row+.form-row{margin-top: 23px;}
.sign-in-wrap .form-row .form-group{position: relative;}
.sign-in-wrap .form-row .form-group .form-input{height: 52px;}
.sign-in-wrap .form-row .form-group+.form-group{margin-top: 10px;}
.sign-in-wrap .form-row .form-group .ico{position: absolute; left: 23px; top: 50%; transform: translateY(-50%);}
.sign-in-wrap .form-row .form-group.id .form-input,
.sign-in-wrap .form-row .form-group.pw .form-input{padding: 0 25px 0 55px;}
.sign-in-wrap .form-row .form-group.email{display: flex; justify-content: space-between;}
.sign-in-wrap .form-row .form-group.email .form-input{width: calc(100% - 160px - 30px);}
.sign-in-wrap .form-row .form-group.email .btn{width: 160px; height: 52px; line-height: 50px; margin-left: 30px; border-radius: 2px; font-size: 18px;}
.sign-in-wrap .label{padding-left: 16px; font-size: 16px; line-height: 16px; letter-spacing: -0.4px; color: #000; margin-bottom: 18px;}
.sign-in-wrap .check-area{border-top: 1px solid #2d2d2d; margin-top: 32px; margin-bottom: 93px;}
.sign-in-wrap .check-area .item{border-bottom: 1px solid #efefef;}
.sign-in-wrap .check-area .item.item-all .item-header{background-image: none;}
.sign-in-wrap .check-area .item .item-header{position: relative; padding: 10px 15px; background-image: url(../img/common/icon-down-arrow.png); background-size: 13px 7px; background-position: right 15px center; background-repeat: no-repeat;}
.sign-in-wrap .check-area .item .item-header .btn-trigger{position: absolute; display: block; width: calc(100% - 45px); height: 100%; left: 45px; top: 0; z-index: 1;}
.sign-in-wrap .check-area .item .item-body{display: none; background-color: #f8f8f8; padding: 17px 18px; max-height: 237px; overflow-y: auto; overflow-x: hidden; font-size: 14px; line-height: 20px; color: #7d7d7d; border-top: 1px solid #efefef;}
.sign-in-wrap .check-area .item .item-body .tit{font-size: 16px; line-height: 20px;}
.sign-in-wrap .check-area .item.open .item-header{background-image: url(../img/common/icon-top-arrow.png);}
.sign-in-wrap .check-area .item.open .item-body{display: block;}
.sign-in-wrap .btn-wrap{margin-bottom: 20px;}
.sign-in-wrap .sns-links{padding-bottom: 94px;}
.sign-in-wrap .sns-links .title{position: relative; text-align: center; font-size: 18px; line-height: 18px; letter-spacing: -0.45px; color: #767676; margin-bottom: 40px;}
.sign-in-wrap .sns-links .title::before,
.sign-in-wrap .sns-links .title::after{content: ''; position: absolute; width: 218px; height: 1px; /* background-color: #6d6d6d; */
  top: 50%; transform: translateY(-50%);}
.sign-in-wrap .sns-links .title::before{left: 0;}
.sign-in-wrap .sns-links .title::after{right: 0;}
.sign-in-wrap .sns-links .links{display: flex; justify-content: center;}
.sign-in-wrap .sns-links .links .item a{display: block;}
.sign-in-wrap .sns-links .links .item+.item{margin-left: 30px;}
.sign-in-wrap .find-id-pw{display: flex; justify-content: flex-end; margin-top: 30px; margin-bottom: 48px;}
.sign-in-wrap .find-id-pw a{font-size: 16px; line-height: 16px; letter-spacing: -0.4px;}
.sign-in-wrap .find-id-pw a+a{margin-left: 27px;}
.sign-in-wrap .complete-content{display: flex; justify-content: space-between; align-items: center; width: 100%; height: 253px; margin-bottom: 20px;}
.sign-in-wrap .complete-content .txt{width: calc(100% - 243px); /* font-family: "Malgun Gothic"; */ font-size: 18px; line-height: 36px; letter-spacing: -0.76px; padding-right: 59px;}
.sign-in-wrap .complete-content .img{width: 243px; height: 253px;}
.sign-in-wrap .complete-content .img img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.sign-in-wrap.login h2.title{margin-bottom: 130px;}
.sign-in-wrap.complete .content{width: 786px;}
.sign-in-wrap.complete .content h2.title{padding-bottom: 77px; border-bottom: 2px solid #e2e2e3; margin-bottom: 20px;}
.sign-in-wrap.complete .form-box{border: 1px solid #dadada;}
.sign-in-wrap.complete .form-box .form-row{padding: 16px 20px 16px 47px; display: flex; align-items: center;}
.sign-in-wrap.complete .form-box .form-row+.form-row{margin-top: 0; border-top: 1px solid #dadada;}
.sign-in-wrap.complete .form-box .form-row .form-group{width: 458px; margin-right: 38px;}
.sign-in-wrap.complete .form-box .form-row .form-group .form-input{height: 57px; line-height: 57px;}
.sign-in-wrap.complete .form-box .form-row.address .form-group{display: flex; align-items: center;}
.sign-in-wrap.complete .form-box .form-row.address .form-group .form-input{width: 204px;}
.sign-in-wrap.complete .form-box .form-row.address .form-group .hyphen{display: flex; align-items: center; justify-content: center; width: calc(100% - 204px * 2); font-size: 24px; color: #000; letter-spacing: -0.6px;}
.sign-in-wrap.complete .form-box .form-row .label{width: 90px; font-size: 18px; letter-spacing: -0.45px; padding-left: 0; margin-bottom: 0; color: #2d2d2d; line-height: initial;}

/* 메인 */
.main-wrap{max-width: 100%; overflow: hidden;}
.main-wrap .inner{margin: 0 auto;}
.main-wrap .section-visual{position: relative;}
.main-wrap .section-visual .video{position: absolute; top: 45px; left: 50%; transform: translateX(-50%); width: 1348px; height: 895px;}
.main-wrap .section-visual .video img,
.main-wrap .section-visual .video video{width: 100%; height: 100%;}
.main-wrap .section-visual .top{position: relative; display: flex; justify-content: flex-end; align-items: flex-start; z-index: 1; margin-bottom: 132px;}
.main-wrap .section-visual .top .input-group{position: relative;}
.main-wrap .section-visual .top .input-group .form-search{width: 290px;}
.main-wrap .section-visual .txt{position: relative; padding-left: 114px; font-size: 68px; font-weight: bold; letter-spacing: -5.98px; line-height: 82px; z-index: 3;}
.main-wrap .section-visual .badge-wrap .badge{font-family: "Malgun Gothic";}
.main-wrap .section-step{position: relative; z-index: 3;}
.main-wrap .section-step .box{display: flex;}
.main-wrap .section-step .heading{width: 358px; padding-top: 37px;}
.main-wrap .section-step .heading .title{font-size: 32px; font-weight: bold; letter-spacing: -1.4px; color: #111; margin-bottom: 8px;}
.main-wrap .section-step .heading .desc{font-size: 18px; font-weight: 300; line-height: 27px; letter-spacing: -1.5px; color: #555; margin-bottom: 28px;}
.main-wrap .section-step .heading .swiper-nav{display: flex; align-items: center;}
.main-wrap .section-step .heading .swiper-nav *{display: block; width: 52px; height: 52px; background-size: cover; background-repeat: no-repeat;}
.main-wrap .section-step .heading .swiper-nav *.nav-prev{background-image: url(../img/main/bt-left.png);}
.main-wrap .section-step .heading .swiper-nav *.nav-prev:hover{background-image: url(../img/main/bt-left-hover.png);}
.main-wrap .section-step .heading .swiper-nav *.nav-next{background-image: url(../img/main/bt-right.png);}
.main-wrap .section-step .heading .swiper-nav *.nav-next:hover{background-image: url(../img/main/bt-right-hover.png);}
.main-wrap .section-step .slider{width: calc(100% - 358px); padding-bottom: 7px;}
.main-wrap .section-step .slider .swiper{width: 100%; padding-bottom: 13px;}
.main-wrap .section-step .slider .swiper-slide{position: relative; width: 466px; height: 559px; border-radius: 42px 0 42px 0; box-shadow: 0 0 0 0 #3b94ec, inset 0 0 0 0 #3b94ec, inset 0 0 0 1px #dadada, 7.1px 5.5px 13px 0 rgba(0, 0, 0, 0.09); background-color: #fff;}
.main-wrap .section-step .slider .swiper-slide a{display: block; width: 100%; height: 100%; padding: 95px 0 53px 0;}
.main-wrap .section-step .slider .swiper-slide::after{content: ''; position: absolute; bottom: 57px; right: 48px; width: 66px; height: 10px; background-image: url(../img/main/more.png); background-size: cover;}
.main-wrap .section-step .slider .swiper-slide .title{font-size: 39.5px; font-weight: 500; line-height: 1.27; letter-spacing: -2.96px; color: #2d2d2d; padding-left: 60px;}
.main-wrap .section-step .slider .swiper-slide .desc{position: absolute; font-size: 17.5px; line-height: 1.4; letter-spacing: -1.16px; text-align: left; color: #464646; bottom: 53px; left: 66px;}
.main-wrap .section-step .slider .swiper-slide.card-1 .title{margin-bottom: 45px;}
.main-wrap .section-step .slider .swiper-slide.card-2 .title{margin-bottom: 55px;}
.main-wrap .section-step .slider .swiper-slide.card-3 .title{margin-bottom: 45px;}
.main-wrap .section-step .slider .swiper-slide.card-4 .title{margin-bottom: 45px;}
.main-wrap .section-step .slider .swiper-slide .img{display: flex; justify-content: center;}
.main-wrap .section-history{text-align: center; position: relative; background-color: #f2f3f5;}
.main-wrap .section-history .bg{position: absolute; left: 0; top: -226px; z-index: 1; width: 100%; height: 951px; background-color: #f2f3f5;}
.main-wrap .section-history .inner{position: relative; z-index: 2;}
.main-wrap .section-history .title{color: #000; font-size: 64px; font-weight: bold; letter-spacing: -5.63px; margin-bottom: 56px; padding-top: 16px;}
.main-wrap .section-history .title .sm{font-size: 57.5px; font-weight: 300; letter-spacing: -5.66px;}
.main-wrap .section-history .img{margin-bottom: 38px;}
.main-wrap .section-history .desc{text-align: right; width: 100%; /* font-family: "Malgun Gothic"; */ font-size: 18px; line-height: 18px; letter-spacing: -1.35px; color: #000; padding-bottom: 79px; padding-right: 127px;}
.main-wrap .section-info{margin-top: 144px;}
.main-wrap .section-info .title{margin-bottom: 49px;}
.main-wrap .section-info .list{border-top: 2px solid #000;}
.main-wrap .section-info .list .item{background-image: url(../img/common/arrorw-right.png); background-size: 10px 16px; background-repeat: no-repeat; background-position: right 102px center; border-bottom: 1px solid #eee;}
.main-wrap .section-info .list .item a{display: flex; padding: 43px 112px 37px 55px; align-items: center;}
.main-wrap .section-info .list .item .tit{width: 156px;}
.main-wrap .section-info .list .item .txt{width: calc(100% - 156px); font-size: 20px; letter-spacing: -0.5px; text-align: left; color: #000;}
.main-wrap .section-mo-step{display: none; padding: 0 20px;}
.main-wrap .section-mo-step .title{text-align: center; font-size: 16px; font-weight: 300; margin-bottom: 45px;}
.main-wrap .section-mo-step .list .item{border: 1px solid #e2e2e3; background-image: url(../img/main/ico-more.png); background-size: 20px; background-repeat: no-repeat; background-position: right 17px bottom 17px;}
.main-wrap .section-mo-step .list .item+.item{margin-top: 20px;}
.main-wrap .section-mo-step .list .item a{display: block; text-align: center; padding-top: 27px; padding-bottom: 33px;}
.main-wrap .section-mo-step .list .item a .step{margin-bottom: 14px; font-weight: bold; color: #067fd9;}
.main-wrap .section-mo-step .list .item a .desc{font-size: 20px; font-weight: 500; letter-spacing: -1.64px; color: #000;}
.main-wrap .section-mo-step .list .item a .img{margin-bottom: 20px;}
.main-wrap .section-mo-step .list .item a *{display: block; margin: 0 auto;}
.main-wrap .section-mo-history{display: none; margin-bottom: 26px;}
.main-wrap .section-mo-history .swiper-wrapper{transition-timing-function: linear;}
.main-wrap .section-mo-history .swiper-slide{text-align: center;}
.main-wrap .section-mo-history .swiper-slide *{display: block;}
.main-wrap .section-mo-history .swiper-slide .tit{font-size: 14px; letter-spacing: -1.23px; color: #2d2d2d;}
.main-wrap .section-mo-history .swiper-slide .val{font-size: 32px; font-weight: 900; line-height: 1.84; letter-spacing: -2.82px; color: #2c56d0;}


/* 서브 공통 요소 */
.sub-wrap{max-width: 100%; overflow: hidden;}
.sub-wrap .inner{width: 1440px; margin: 0 auto;}
.sub-wrap .sub-heading{text-align: center; padding-top: 67px; padding-bottom: 36px; border-bottom: 1px solid #e5e5e5;}
.sub-wrap .sub-heading .heading{font-size: 32px; font-weight: bold; line-height: 36px; letter-spacing: -2.3px; margin-bottom: 35px;}
.sub-wrap .sub-heading .input-group{width: 381px; margin: 0 auto;}
.sub-wrap .sub-heading .input-group .form-search{width: 100%; border-color: #eaeaea;}
.sub-wrap .sub-heading .input-group .form-search::-moz-placeholder{color: #7d7d7d;}
.sub-wrap .sub-heading .input-group .form-search::placeholder{color: #7d7d7d;}
.sub-wrap .breadcrumb{height: 73px; border-bottom: 1px solid #e5e5e5; box-shadow: 5px 5px 5px 5px #e9e9e9;}
.sub-wrap .breadcrumb .inner{display: flex;}
.sub-wrap .breadcrumb .title{display: flex; align-items: center; justify-content: center; width: 260px; height: 100%; font-size: 24px; font-weight: bold; letter-spacing: -1.49px; text-align: center; color: #2d2d2d; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5;}
.sub-wrap .breadcrumb ul{display: flex; height: 100%; align-items: center; padding-left: 45px;}
.sub-wrap .breadcrumb ul li+li{position: relative; margin-left: 15px;}
.sub-wrap .breadcrumb ul li+li::before{content: '>'; position: absolute; left: -11px; top: 50%; transform: translateY(-50%);}
.sub-wrap .breadcrumb ul li a{display: block; font-size: 15px; font-family: "Malgun Gothic";}
.sub-wrap .sub-body{position: relative;}
.sub-wrap .sub-body .inner{display: flex;}

/* lnb */
/* 
.sub-wrap .sub-body .snb{  width: 260px;}
.sub-wrap .sub-body .snb > ul > li{border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; background-color: #fff;}
.sub-wrap .sub-body .snb > ul > li.on, .sub-wrap .sub-body .snb > ul > li:hover{background-color: #f5f9ff;}
.sub-wrap .sub-body .snb > ul > li.disabled:hover{background-color: #fff;}
.sub-wrap .sub-body .snb > ul > li.disabled:hover a{cursor: default;}
.sub-wrap .sub-body .snb > ul > li .sub-menu{display: none;}
.sub-wrap .sub-body .snb > ul > li .sub-menu.on{display: block;}
.sub-wrap .sub-body .snb > ul > li.sub > ul a{border-top: 1px solid #e6e6e6;}
.sub-wrap .sub-body .snb > ul > li.sub > ul a:hover,
.sub-wrap .sub-body .snb > ul > li.sub > ul a.on{color: #007ac7;}
.sub-wrap .sub-body .snb > ul > li.sub > a.on{background-color: #fff;}
.sub-wrap .sub-body .snb > ul > li.sub.on > a{border-top: 0;}
.sub-wrap .sub-body .snb > ul > li a{display: flex;width: 100%;height: 100%;padding: 16px 0 16px 42px;font-size: 18px;letter-spacing: -0.76px;}
.sub-wrap .sub-body .snb > ul > li a .new{font-weight: bold; color: #ea0202; margin-left: 4px;}
.sub-wrap .sub-body .snb .banners .banner{width: 100%; height: 135px;}
.sub-wrap .sub-body .snb .banners .banner a{width: 100%;height: 100%;display: block;}
.sub-wrap .sub-body .snb .banners .banner a img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}      
*/

.sub-wrap .sub-body .content{/* 임시 너비 조정 */ width: calc(100% - 260px); padding-left: 35px;}
.sub-wrap .badge-wrap{display: block; white-space: nowrap; max-width: 100%; overflow-x: auto; overflow-y: hidden; margin-top: 30px; /* margin-bottom: 26px; */ margin-right: 0;}
.sub-wrap .badge-wrap .badge{display: inline-block; height: 39px; font-size: 14.5px; border-color: #e2e2e3;}
.sub-wrap .badge-wrap .badge.on{border-color: #e2e2e3;}
.sub-wrap .badge-wrap .badge+.badge{margin-left: 6px;}

/* 인강 ****/
.course-list{margin-top: 52px;}
.course-list ul{display: flex; flex-wrap: wrap; gap: 30px;}
.course-list .item{width: calc(33.333333% - 20px);}
.course-list .item a{display: block;}
.course-list .item .course{margin-bottom: 14px;}
.course-list .item .course .img{position: relative; background-color: #ececec; padding-top: 78.5585%; margin-bottom: 20px;}
.course-list .item .course .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.course-list .item .course a>.title{font-size: 16px; letter-spacing: -1.01px; margin-bottom: 12px; font-weight: 600; overflow: hidden; word-break: normal; white-space: nowrap; text-overflow: ellipsis;}
.course-list .item .course .desc{font-family: "Malgun Gothic"; font-size: 16px; line-height: 24px; letter-spacing: -0.76px; padding-bottom: 21px; border-bottom: 1px solid #e2e2e3; margin-bottom: 21px; min-height: 70px;}
.course-list .item .course.online .desc{min-height: 94px;}
.price-box .price-info .total{font-size: 30px; font-weight: bold; letter-spacing: -1.2px; color: #000; margin-left: 5px;}
.price-box .title{font-size: 18px; font-weight: 400; letter-spacing: -0.84px; color: #c5c5c5;}
.price-box .price-info .total{font-size: 26px; font-weight: bold; letter-spacing: -1.2px; color: #000; margin-left: 5px;}
.price-box .price-info .real-price{font-size: 18px; letter-spacing: -1.49px; text-align: left; color: #d2d1d1; text-decoration: line-through; margin-left: 5px;}
.course-list .item .btn-wrap>*{display: flex; align-items: center; justify-content: center; height: 40px; border: 1px solid #e2e2e3; flex: 1;}
.course-list .item .btn-wrap>* span{font-size: 18px; letter-spacing: -0.84px;}

.course-detail .course{display: flex;}
.course-detail .course .img{position: relative; width: 555px; height: 436px; background-color: #ececec; margin-right: 35px;}
.course-detail .course .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.course-detail .course .info{width: calc(100% - 555px - 35px);}
.course-detail .course .price-box{margin-bottom: 15px; display: flex; align-items: flex-end; justify-content: space-between;}
.course-detail .course .price-box .title{margin-bottom: 4px;}
.course-detail .course .btn-wrap{display: flex; gap: 10px; align-items: center; justify-content: center;}
.course-detail .course .btn-wrap>*{flex: 1; display: flex; align-items: center; justify-content: center; width: calc(50% - 15px); height: 62px; border: 1px solid #e2e2e3;}
.course-detail .course .btn-wrap>* span{font-size: 20px; letter-spacing: -0.84px;}
.course-detail .course .btn-wrap .btn-apply{font-size: 20px; letter-spacing: -0.84px; color: #fff; border-color: #133fff; background-color: #133fff;}
.course-detail .course-heading{display: flex; justify-content: flex-end; align-items: center; border-bottom: 2px solid #767676; padding-bottom: 20px; margin-bottom: 23px; flex-direction: row-reverse; gap: 10px}
.course-detail .course-heading .title{font-size: 20px; font-weight: 500; letter-spacing: -1.67px; color: #2e2e2e;}
.course-detail .desc{font-family: "Malgun Gothic"; font-size: 18px; line-height: 28px; letter-spacing: -0.76px; padding-bottom: 21px; border-bottom: 1px solid #c1c1c1; margin-bottom: 21px; display: flex; flex-wrap: wrap; width: 100%;}
.course-detail .desc .tit{padding-left: 14px; width: 64px;}
.course-detail .desc .des{width: calc(100% - 64px);}
.course-detail .tab-container{margin-top: 60px;}
.course-detail .tab-container .tabs{display: flex; border-bottom: 1px solid #373737; margin-bottom: 60px;}
.course-detail .tab-container .tabs .item{position: relative; width: 25%; border-top: 1px solid #e2e2e3; border-right: 1px solid #e2e2e3;}
.course-detail .tab-container .tabs .item:first-child{border-left: 1px solid #e2e2e3;}
.course-detail .tab-container .tabs .item a{width: 100%; height: 60px; display: flex; align-items: center; justify-content: center; padding: 13px 0; /* font-family: "Malgun Gothic"; */ font-size: 18px; line-height: 58px; letter-spacing: -1.12px; color: #ababab;}
.course-detail .tab-container .tabs .item.on{border-top: 1px solid #373737;}
.course-detail .tab-container .tabs .item.on a{color: #000;}
.course-detail .tab-container .tabs .item.on::after{content: ''; position: absolute; bottom: 0; width: 1px; height: 100%; left: 0; top: 0; background-color: #373737;}
.course-detail .tab-container .tabs .item.on:first-child::after{left: -1px;}
.course-detail .tab-container .tabs .item.on::before{content: ''; position: absolute; bottom: 0; width: 1px; height: 100%; right: 0; top: 0; background-color: #373737;}
.course-detail .table{border-top: 2px solid #333333;}
.course-detail .table .row{display: flex; border-bottom: 1px solid #e2e2e3;}
.course-detail .table .row *{padding: 20px 33px 20px 33px;}
.course-detail .table .row .col-title{width: 252px; display: flex; justify-content: center; align-items: center; background-color: #f9f9f9; border-right: 1px solid #e2e2e3; /* font-family: "Malgun Gothic"; */ font-size: 18px; letter-spacing: -1.12px;}
.course-detail .table .row .col-desc{width: calc(100% - 252px); display: flex; align-items: center; /* font-family: "Malgun Gothic"; */ font-size: 16px; line-height: 1.5; letter-spacing: -0.99px;}
.course-detail .table.table-sm .row *{padding: 13.5px 33px;}
.course-detail .table.table-sm .row .col-title{width: 222px; line-height: 17px;}
.course-detail .table.table-sm .row .col-desc{width: calc(100% - 222px); font-size: 18px; letter-spacing: -1.12px;}
.course-detail .table .row .col-desc.editTable{display: inline-block; line-height: 1.2;}
.course-detail .table .row .col-desc.editTable p{padding: 0px}
.course-detail .table .row .col-desc.editTable span{padding: 0px}
.course-detail .table .row .col-desc.editTable b{padding: 0px}
.course-detail .table .row .col-desc.editTable u{padding: 0px}
.course-detail .table .row .col-desc.editTable p img{max-width: 100%;}
.course-detail .detail-item{display: flex;}
.course-detail .detail-item+.detail-item{margin-top: 52px;}
.course-detail .detail-item .img{width: 554px; height: 486px; background-color: #ececec; margin-right: 34px; flex: 554px 0 1;}
.course-detail .detail-item .img img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.course-detail .detail-item .table-box{flex: 1}
.course-detail .detail-item .table-box .btn-wrap{margin-top: 82px;}
.course-detail .detail-item .table-box .btn-detail{display: flex; align-items: center; justify-content: center; width: 263px; height: 62px; border: 1px solid #e2e2e3; font-size: 20px; letter-spacing: -0.84px;}
.course-detail .detail-item .table-box .btn-detail .ico{margin-right: 23px;}
.course-detail .color-blue{color: #1f31f8 !important;}
.course-detail .v-table{border-top: 2px solid #333;}
.course-detail .v-table table{width: 100%;}
.course-detail .v-table table th{background-color: #f9f9f9;}
.course-detail .v-table table th,
.course-detail .v-table table td{padding: 14px 0 17px; border-right: 1px solid #e2e2e3; border-bottom: 1px solid #e2e2e3; text-align: center; /* font-family: "Malgun Gothic"; */ font-weight: 400; font-size: 18px; letter-spacing: -0.45px;}
.course-detail .v-table table th:last-child,
.course-detail .v-table table td:last-child{border-right: 0;}
.course-detail .v-table table th.align-left,
.course-detail .v-table table td.align-left{padding-left: 100px;}
.course-detail .course-review>.heading{margin-bottom: 17px;}
.course-detail .course-review>.heading .title{font-size: 27px; font-weight: 500; letter-spacing: -1.13px; line-height: 27px;}
.course-detail .course-review>.heading .sorting{display: flex; width: 100%; justify-content: flex-end;}
.course-detail .course-review>.heading .sorting ul{display: flex;}
.course-detail .course-review>.heading .sorting ul li{position: relative;}
.course-detail .course-review>.heading .sorting ul li a{font-family: "Malgun Gothic"; font-size: 15px; line-height: 15px; color: #ababab;}
.course-detail .course-review>.heading .sorting ul li.on a{color: #2d2d2d;}
.course-detail .course-review>.heading .sorting ul li+li{margin-left: 14px;}
.course-detail .course-review>.heading .sorting ul li+li::before{content: '|'; position: absolute; left: -10px; top: 50%; transform: translateY(-50%);}
.course-detail .course-review .star-box{width: 88px; height: 16px; background-image: url(../img/common/star-grey.png); background-size: 88px 16px; background-repeat: no-repeat;}
.course-detail .course-review .star-box .stars{width: 88px; height: 16px; background-size: 88px 16px; background-repeat: no-repeat; background-image: url(../img/common/stars.png);}
.course-detail .course-review .rating{display: flex; width: 100%; height: 226px; border-top: 2px solid #333; background-color: #f9f9f9; margin-bottom: 40px;}
.course-detail .course-review .rating .total{position: relative; text-align: center; width: 385px; padding-left: 120px; padding-top: 44px;}
.course-detail .course-review .rating .total::after{content: ''; position: absolute; width: 1px; height: 120px; top: 58px; right: 0; background-color: #e2e2e3;}
.course-detail .course-review .rating .total .value{font-size: 75px; font-weight: bold; letter-spacing: -3.15px;}
.course-detail .course-review .rating .total .star-box{margin: 0 auto 12px;}
.course-detail .course-review .rating .total .review{font-size: 15px;}
.course-detail .course-review .rating .bar-wrap{width: calc(100% - 385px); padding-top: 49px; padding-left: 86px;}
.course-detail .course-review .rating .bar-wrap .item{display: flex; align-items: center;}
.course-detail .course-review .rating .bar-wrap .item+.item{margin-top: 12px;}
.course-detail .course-review .rating .bar-wrap .item .tit{/* font-family: "Malgun Gothic"; */ font-size: 15px; color: #797979; margin-right: 19px;}
.course-detail .course-review .rating .bar-wrap .item .bar{width: 344px; height: 16px; background-color: #e2e2e3; position: relative;}
.course-detail .course-review .rating .bar-wrap .item .bar span{content: ''; position: absolute; height: 100%; left: 0; top: 0; background-color: #ffcb02;}
.course-detail .course-review .rating .bar-wrap .item .val{width: 74px; /* font-family: "Malgun Gothic"; */ font-size: 15px; text-align: right;}
.course-detail .course-review .review-list .item{position: relative; padding: 25px 44px; border: 1px solid #e2e2e3; /* font-family: "Malgun Gothic"; */}
.course-detail .course-review .review-list .item+.item{margin-top: 30px;}
.course-detail .course-review .review-list .item .heading{display: flex; justify-content: space-between; align-items: center; margin-bottom: 11px;}
.course-detail .course-review .review-list .item .heading .state{font-size: 24px; font-weight: bold; letter-spacing: -0.6px;}
.course-detail .course-review .review-list .item .heading .state.best{color: #2b61ff;}
.course-detail .course-review .review-list .item .heading .state.good{color: #c398e6;}
.course-detail .course-review .review-list .item .heading .info{display: flex; font-size: 15px; letter-spacing: -0.63px; color: #797979;}
.course-detail .course-review .review-list .item .heading .info .nickname{margin-right: 19px;}
.course-detail .course-review .review-list .item .heading .info .star-box{margin-right: 10px;}
.course-detail .course-review .review-list .item .heading .info .score{margin-right: 18px;}
.course-detail .course-review .review-list .item .txt{font-size: 15px; line-height: 27px; letter-spacing: -0.63px; color: #797979;}
.course-detail .course-review .review-list .item .btn-open{display: none;}

.banner-bottom{background-color: #eaf0fc; text-align: right; height: 191px;}
.banner-bottom .inner{padding-right: 38px; height: 100%; display: flex; align-items: center; justify-content: flex-end;}
.banner-bottom .box{display: flex; align-items: center;}
.banner-bottom .title{font-size: 58px; font-weight: bold; letter-spacing: -5px; color: #050407; margin-right: 39px;}
.banner-bottom .title .color{color: #1859f8;}
.banner-bottom .amount{display: flex; align-items: center;}
.banner-bottom .original{position: relative; font-size: 38px; font-weight: bold; color: #4c4c4c; margin-right: 48px;}
.banner-bottom .original::after{content: ''; position: absolute; left: -5px; top: 50%; transform: translateY(-50%); background-image: url(../img/common/cancel-line.png); width: 213px; height: 11px; background-size: cover; background-repeat: no-repeat;}
.banner-bottom .total{font-size: 74px; font-weight: 900; letter-spacing: -1.85px; color: #2b61ff; margin-right: 44px;}
.banner-bottom .btn-blue{display: flex; align-items: center; justify-content: center; border-radius: 0; width: 282px; height: 92px; font-size: 42px; font-weight: bold; letter-spacing: -4.5px;}
.banner-bottom .btn-blue span{display: inline-block; background-image: url(../img/common/arror-right-white.png); width: 13px; height: 18px; background-size: cover; margin-left: 32px;}


/* 학원 */
.academy-wrap .calendar-box{padding-top: 102px; margin-bottom: 110px;}
.academy-wrap .visual-banner{display: flex; align-items: center; justify-content: center; margin: 20px 0;}
.academy-wrap .visual-banner img{width: auto; height: auto;}
.academy-wrap .product-list .item-header{background-color: #f9f9f9; border-top: 2px solid #333; border-bottom: 1px solid #e2e2e3;}
.academy-wrap .product-list .item-header .row{height: 71px;}
.academy-wrap .product-list .item-header .col{display: flex; align-items: center; justify-content: center; /* font-family: "Malgun Gothic"; */ font-size: 18px; letter-spacing: -0.45px; color: #000;}
.academy-wrap .product-list .row{display: flex; flex-wrap: wrap;}
.academy-wrap .product-list .row .col:first-child{width: 31%;}
.academy-wrap .product-list .row .col:nth-child(2){width: 29%;}
.academy-wrap .product-list .row .col:nth-child(3),
.academy-wrap .product-list .row .col:last-child{width: 20%;}
.academy-wrap .product-list .item-body .row{height: 124px; border-bottom: 1px solid #e2e2e3;}
.academy-wrap .product-list .item-body .badges{display: flex;}
.academy-wrap .product-list .item-body .badges span+span{margin-left: 6px;}
.academy-wrap .product-list .item-body .title{/* font-family: "Malgun Gothic"; */ font-size: 18px; letter-spacing: -0.76px; margin-top: 17px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.academy-wrap .product-list .item-body .space{color: #767676;}
.academy-wrap .product-list .item-body .l-info{/* font-family: "Malgun Gothic"; */ font-size: 16px; line-height: 1.69; letter-spacing: -0.67px; padding-left: 11px; padding-top: 4px;}
.academy-wrap .product-list .item-body .amount{text-align: right; padding-top: 19px; padding-right: 11px;}
.academy-wrap .product-list .item-body .amount .discount{display: flex; justify-content: flex-end; /* font-family: "Malgun Gothic"; */font-size: 16px; font-weight: bold; letter-spacing: -0.4px; color: #ea0202; margin-bottom: 10px;}
.academy-wrap .product-list .item-body .amount .discount i{margin-left: 4px; transform: translateY(2px);}
.academy-wrap .product-list .item-body .amount .price .original-price{font-size: 16px; letter-spacing: -0.99px; color: #d2d1d1; text-decoration: line-through;}
.academy-wrap .product-list .item-body .amount .price .total{font-size: 24px; font-weight: bold; letter-spacing: -1.01px; color: #000; margin-left: 4px;}
.academy-wrap .product-list .item-body .btn-wrap{display: flex; flex-direction: column; padding: 0 17px;}
.academy-wrap .product-list .item-body .btn-wrap .btn{width: 100%; height: 43px; line-height: 41px; border-radius: 0;}
.academy-wrap .product-list .item-body .btn-wrap .btn.btn-border{border-color: #e2e2e3;}
.academy-wrap .product-list .item-body .btn-wrap .btn+.btn{margin-top: 10px; margin-left: 0;}
.academy-wrap .product-list .item-body .col{padding: 14px 13px;}
.academy-wrap .product-list .item-body .col+.col{border-left: 1px solid #e2e2e3;}
.academy-wrap .badge{display: inline-block; padding: 0 7px; height: 24px; line-height: 22px; border-radius: 4px; border: 1px solid #f00; background-color: #f00; /* font-family: "Malgun Gothic"; */ font-size: 14px; letter-spacing: -0.7px; text-align: center; color: #fff;}
.academy-wrap .badge.badge-border-blue{border: 1px solid #3171e7; background-color: #fff; color: #3171e7;}
.academy-wrap .badge.badge-border-purple{border: 1px solid #7a29df; background-color: #fff; color: #7a29df;}
.academy-wrap .badge.badge-border-green{border: 1px solid #00b9ca; background-color: #fff; color: #00b9ca;}
.academy-wrap .space{display: block; font-size: 14px; letter-spacing: -0.35px; margin-top: 8px;}
.calendar-box .cal-header{display: flex; align-items: center; justify-content: center; height: 52px; margin-bottom: 84px;}
.calendar-box .cal-header .title{font-size: 29px; font-weight: 500; letter-spacing: -1.22px; color: #2d2d2d; margin: 0 60px;}
.calendar-box .cal-header .mon-nav{width: 52px; height: 52px;}
.calendar-box .cal-body .day-header{display: flex; flex-wrap: wrap; height: 42px; border: 1px solid #e2e2e3; border-right: 0; border-bottom: 0;}
.calendar-box .cal-body .day-header .day{display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 16px; letter-spacing: 0.08px; color: #000;}
.calendar-box .cal-body .day-header .day.sun{color: #ef0000;}
.calendar-box .cal-body .day-header .day.sat{color: #018bdb;}
.calendar-box .cal-body .day{font-family: "Malgun Gothic"; width: 14.2857142%; border-right: 1px solid #e2e2e3; border-bottom: 1px solid #e2e2e3;}
.calendar-box .cal-body .day-body{display: flex; flex-wrap: wrap; border-left: 1px solid #e2e2e3;}
.calendar-box .cal-body .day-body .day{position: relative; height: 94px; padding: 9px 15px;}
.calendar-box .cal-body .day-body .day .num{position: absolute; left: 13px; top: 12px; font-size: 16px; color: #767676;}
.calendar-box .cal-body .day-body .day .info{display: block; padding-left: 14px;}
.calendar-box .cal-body .day-body .day.today{background-color: #f6f6f6;}
.calendar-box .cal-body .day-footer{display: flex; justify-content: flex-end; font-size: 14px; line-height: 15px; letter-spacing: -0.35px; text-align: left; color: #767676; margin-top: 15px;}

/* 학원 게시판 */
.board-wrap{padding-top: 60px;}
.board-wrap .heading{display: flex; align-items: flex-end; margin-bottom: 60px;}
.board-wrap .heading .title{font-size: 27px; letter-spacing: 0.33px;}
.board-wrap .heading .ico{font-size: 12px; letter-spacing: -0.42px; transform: translateY(-3px); margin-right: 8px;}
.board-wrap .heading .desc{font-size: 18px; margin-left: 7px; letter-spacing: -0.42px; transform: translateY(-2px);}
.board-wrap .search-box{display: flex; align-items: center; justify-content: center; border-radius: 8px; background-color: #f6f6f6; padding: 36px 0 37px; margin-bottom: 75px;}
.board-wrap .search-box .title{font-size: 22px; letter-spacing: -0.92px; margin-right: 72px;}
.board-wrap .search-box .input-group{width: 526px;}
.board-wrap .search-box .input-group .form-search{width: 100%; border: 1px solid #e2e2e3;}
.board-wrap .notice-list{border-top: 2px solid #333; margin-bottom: 30px;}
.board-wrap .notice-list .row{display: flex;}
.board-wrap .notice-list .row .col{display: flex; align-items: center; justify-content: center; word-break: break-all;}
.board-wrap .notice-list .row .col.align-left{justify-content: flex-start; padding-left: 32px;}
.board-wrap .notice-list .row .col:first-child{width: 13%;}
.board-wrap .notice-list .row .col:nth-child(2){width: 13%;}
.board-wrap .notice-list .row .col:nth-child(3){width: 61%;}
.board-wrap .notice-list .row .col:last-child{width: 13%;}
.board-wrap .notice-list .row.on+.row-body{display: block;}
.board-wrap .notice-list .row.row-body{display: none; cursor: default; padding: 18px; justify-content: center; text-align: center; background-color: #f5faff;}
.board-wrap .notice-list .row.row-body .txt{/* font-family: "Malgun Gothic"; */ font-size: 16px; line-height: 1.5; letter-spacing: -0.67px;}
.board-wrap .notice-list .row.row-body a{color: #002aff; text-decoration: underline;}
.board-wrap .notice-list .item-header .row{background-color: #f9f9f9; border-bottom: 1px solid #e2e2e3; height: 62px;}
.board-wrap .notice-list .item-header .row .col{display: flex; align-items: center; justify-content: center; /* font-family: "Malgun Gothic"; */ font-size: 18px; letter-spacing: -0.45px;}
.board-wrap .notice-list .item-body .row{border-bottom: 1px solid #e2e2e3;}
.board-wrap .notice-list .item-body .row .col{border-right: 1px solid #e2e2e3; padding: 16px 8px; /* font-family: "Malgun Gothic"; */ font-size: 16px; line-height: 16px; letter-spacing: -0.67px;}
.board-wrap .notice-list .item-body .row .col.align-left{padding: 16px 32px;}
.board-wrap .notice-list .item-body .row .col:last-child{border-right: 0;}
.board-wrap .notice-list .item-body.accordion .row{cursor: pointer;}
.board-wrap .notice-list .item-body.accordion .row.row-body .col:nth-child(3)::after{content: none;}
.board-wrap .notice-list .item-body.accordion .row .col:nth-child(3){position: relative;}
.board-wrap .notice-list .item-body.accordion .row .col:nth-child(3)::after{content: ''; position: absolute; width: 13px; height: 10px; background-image: url(../img/common/ico-arrow-bottom.png); background-size: cover; background-repeat: no-repeat; right: 31px; top: 50%; transform: translateY(-50%);}
.board-wrap .notice-list .item-body.accordion .row.on .col:nth-child(3)::after{transform: translateY(-50%) rotate(180deg);}
.board-wrap .notice-list.qa .row .col:first-child{width: 8%;}
.board-wrap .notice-list.qa .row .col:nth-child(2){width: 10%;}
.board-wrap .notice-list.qa .row .col:nth-child(3){width: 32%;}
.board-wrap .notice-list.qa .row .col:nth-child(4){width: 11%;}
.board-wrap .notice-list.qa .row .col:nth-child(5){width: 11%;}
.board-wrap .notice-list.qa .row .col:nth-child(6){width: 9%;}
.board-wrap .notice-list.qa .row .col:nth-child(7){width: 10%;}
.board-wrap .notice-list.qa .row .col:last-child{width: 9%;}
.board-wrap .notice-list.consultation{margin-bottom: 23px;}
.board-wrap .notice-list.consultation .row .col .cancel{color: #002aff; text-decoration: underline;}
.board-wrap .notice-list.consultation .row .col:first-child{width: 12%;}
.board-wrap .notice-list.consultation .row .col:nth-child(2){width: 15%;}
.board-wrap .notice-list.consultation .row .col:nth-child(3){width: 12%;}
.board-wrap .notice-list.consultation .row .col:nth-child(4){width: 15%;}
.board-wrap .notice-list.consultation .row .col:nth-child(5){width: 15%;}
.board-wrap .notice-list.consultation .row .col:nth-child(6){width: 14%;}
.board-wrap .notice-list.consultation .row .col:last-child{width: 17%;}
.board-wrap .pagination-wrap.qa{position: relative; height: 46px; display: flex; justify-content: center; align-items: center;}
.board-wrap .pagination-wrap.qa .btn-wrap{position: absolute; right: 0;}
.board-wrap .pagination-wrap.qa .btn-wrap .btn{width: 178px; height: 46px; line-height: 43px; border-color: #e2e2e3; font-weight: 400; border-radius: 0;}
.board-wrap .paginationjs{display: flex; justify-content: center;}
.board-wrap .paginationjs ul{display: flex; list-style: none; margin: 0; padding: 0;}
.board-wrap .paginationjs li a{display: block; padding: 5px 10px; /* font-family: "Malgun Gothic"; */ font-size: 16px; letter-spacing: -0.67px;}
.board-wrap .paginationjs li.active a{color: #002aff;}
.board-wrap .form{border-top: 2px solid #333; margin-bottom: 28px;}
.board-wrap .form .row{display: flex; border-bottom: 1px solid #e2e2e3;}
.board-wrap .form .row .col-title{width: 244px; display: flex; align-items: center; justify-content: center; background-color: #f9f9f9; border-right: 1px solid #e2e2e3;}
.board-wrap .form .row .col-title .primary{font-size: 16px; letter-spacing: -0.67px; color: #f00; padding-top: 10px;}
.board-wrap .form .row .col-title .tit{/* font-family: "Malgun Gothic"; */ font-size: 16px; letter-spacing: -0.67px; text-align: center;}
.board-wrap .form .row .col-desc{width: calc(100% - 244px); padding: 17px 37px 17px 34px;}
.board-wrap .form .row .col-desc .sel-box{display: flex;}
.board-wrap .form .row .col-desc .sel-box .sel-dropdown{padding: 32px 0 25px;}
.board-wrap .form .row .col-desc .sel-box .sel-dropdown .dropdown-content{top: 51px;}
.board-wrap .form .row .col-desc .sel-box .sel-dropdown+.sel-dropdown{margin-left: 25px;}
.board-wrap .form .row .col-desc .sel-box .sel-item+.sel-item{margin-left: 88px;}
.board-wrap .form .row .col-desc .sel-box .sel-item .desc{display: flex; align-items: center;}
.board-wrap .form .row .col-desc .sel-box .sel-item .desc i{margin-right: 10px;}
.board-wrap .form .row .col-desc .sel-box .sel-item .desc span{font-size: 16px; letter-spacing: -0.17px; transform: translateY(2px);}
.board-wrap .form .row .col-desc .sel-box .sel-item .sel-dropdown{padding: 14px 0 0;}
.board-wrap .form .row .col-desc .radio-box{padding-top: 16px; padding-bottom: 13px;}
.board-wrap .form .row .col-desc .radio-box .form-group{display: flex;}
.board-wrap .form .row .col-desc .radio-box .form-group .form-radio+.form-radio{margin-left: 95px;}
.board-wrap .form .row .col-desc textarea.form-input{background-color: #fff; font-size: 16px; border: 1px solid #e2e2e3; resize: none; height: 141px; line-height: 20px; padding: 18px 25px;}
.board-wrap .form .row .col-desc .select-file{padding-top: 11px; padding-bottom: 8px;}
.board-wrap .form .row .col-desc .select-file input[type="file"]{width: calc(100% - 178px - 18px);}
.board-wrap .form .row .col-desc .select-file .btn-file{width: 178px; margin-left: 18px;}
.board-wrap .form .row>.txt{padding: 82px 0 76px; width: 100%; font-size: 24px; text-align: center;}
.board-wrap .form.qa .row .col-desc input.form-input{background-color: #fff; font-size: 16px; height: 52px; line-height: 50px; border: 1px solid #e2e2e3;}
.board-wrap .form.qa .row .col-desc .sel-box .sel-dropdown .dropdown-content{top: 69px;}
.board-wrap .form.consultation .row .col-desc .sel-box{padding: 19px 0 4px 37px;}
.board-wrap .form.consultation .row .col-desc .form-group.phone{display: flex; align-items: center;}
.board-wrap .form.consultation .row .col-desc .form-group.phone .hyphen{font-family: "Malgun Gothic"; font-size: 16px; letter-spacing: -0.67px; margin: 0 10px;}
.board-wrap .form.consultation .row .col-desc .form-group.phone .form-input{width: 218px; text-align: center;}
.board-wrap .form.consultation .row .col-desc .form-group.password{display: flex; align-items: center;}
.board-wrap .form.consultation .row .col-desc .form-group.password .form-input{width: 262px;}
.board-wrap .form.consultation .row .col-desc .form-group.password .desc{font-size: 14px; letter-spacing: -0.59px; color: #939393; margin-left: 24px;}
.board-wrap .form.consultation .row .col-desc .form-input.name{width: 262px;}
.board-wrap .form.consultation .row .col-desc textarea.form-input{height: 113px;}
.board-wrap .form.consultation .row .col-desc .radio-box .form-group .form-radio+.form-radio{margin-left: 65px;}
.board-wrap .form.consultation+.btn-wrap{margin-top: 53px;}
.board-wrap .form.view .row .col-desc{padding: 18px 0 18px 36px;}
.board-wrap .form.view .row .col-desc .txt{font-family: "Malgun Gothic"; font-size: 16px; line-height: 1.5; letter-spacing: -0.4px; color: #767676;}
.board-wrap .form.view .btn{width: 178px; height: 46px; line-height: 43px; border-color: #e2e2e3; font-weight: 400; border-radius: 0;}
.board-wrap .privacy-info-box{padding: 26px 51px 21px 27px; background-color: #f4f8ff; margin-bottom: 38px;}
.board-wrap .privacy-info-box .heading{display: flex; align-items: center; margin-bottom: 5px;}
.board-wrap .privacy-info-box .heading .ico{margin-right: 11px;}
.board-wrap .privacy-info-box .heading span{font-size: 18px; letter-spacing: -0.26px;}
.board-wrap .privacy-info-box .desc{font-size: 14px; letter-spacing: -0.59px; color: #767676; margin-bottom: 31px; padding-left: 33px;}
.board-wrap .privacy-info-box .radio-box .form-group{display: flex; justify-content: center; align-items: center;}
.board-wrap .privacy-info-box .radio-box .form-group .form-radio+.form-radio{margin-left: 160px;}
.board-wrap>.btn-wrap{position: relative;}
.board-wrap>.btn-wrap .btn-sm{position: absolute; right: 0; top: 0; border-radius: 0; width: 178px; height: 46px; line-height: 46px; font-size: 16px; border-color: #e2e2e3;}
.board-wrap .btn-reservation-wrap{display: flex; justify-content: space-between;}
.board-wrap .btn-reservation-wrap .desc{font-size: 14px; line-height: 1.43; letter-spacing: -0.19px; color: #939393; padding-left: 9px;}
.board-wrap .btn-reservation-wrap .btn-sm{border-radius: 0; width: 178px; height: 46px; line-height: 46px; font-size: 16px; border-color: #e2e2e3; margin-top: 27px;}

/* 이벤트 */
.event-wrap{padding-top: 103px;}
.event-wrap .tabs-box{margin-bottom: 80px;}
.event-wrap .tabs-box .tabs{display: flex;}
.event-wrap .tabs-box .tabs .item{position: relative; width: 401px; height: 68px;}
.event-wrap .tabs-box .tabs .item a{display: block; width: 100%; height: 100%; line-height: 66px; text-align: center; border: 1px solid #e2e2e3; font-size: 20px; font-weight: 500; letter-spacing: -1.44px;}
.event-wrap .tabs-box .tabs .item+.item{margin-left: -1px;}
.event-wrap .tabs-box .tabs .item.on a{color: #2d65f2;}
.event-wrap .tabs-box .tabs .item.on::after{content: ''; position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid #2d65f2; top: 0; left: 0; z-index: 1;}
.event-wrap .list{display: flex; flex-wrap: wrap; margin-top: -30px;}
.event-wrap .list .item{width: calc(33% - 17px); height: 423px; border: 1px solid #e2e2e3; margin-top: 30px;}
.event-wrap .list .item a{display: block;}
.event-wrap .list .item+.item{margin-left: 30px;}
.event-wrap .list .item:nth-child(3n+1){margin-left: 0;}
.event-wrap .list .item .img{width: 100%; height: 236px;}
.event-wrap .list .item .img img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.event-wrap .list .item .info{padding: 28px 33px;}
.event-wrap .list .item .info .badge-wrap{display: flex; margin: 0 0 19px;}
.event-wrap .list .item .info .badge-wrap .badge{display: flex; align-items: center; justify-content: center; border-radius: 15.5px; min-width: 84px; color: #fff; height: 31px; font-size: 14px; letter-spacing: -0.99px; border: 0;}
.event-wrap .list .item .info .badge-wrap .badge.proceeding{background-image: linear-gradient(to top, #833cff, #4f54ff);}
.event-wrap .list .item .info .badge-wrap .badge.done{background-color: #c3c3c3;}
.event-wrap .list .item .info>*{max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.event-wrap .list .item .info .title{font-family: "Malgun Gothic"; font-size: 20px; font-weight: bold; line-height: 25px; letter-spacing: -1.24px; margin-bottom: 18px;}
.event-wrap .list .item .info .title-sm{font-family: "Malgun Gothic"; font-size: 16px; line-height: 16px; letter-spacing: -0.99px; color: #767676; margin-bottom: 6px;}
.event-wrap .list .item .info .date{font-family: "Malgun Gothic"; font-size: 16px; line-height: 16px; letter-spacing: -0.99px; text-align: left; color: #2a5dde;}

/* 실기 현장 모의고사 신청하기 */
.on-site-test-wrap{padding-top: 121px; width: 100%;}
.on-site-test-wrap>.content{width: 1129px; margin: 0 auto;}
.on-site-test-wrap>.content>.heading{width: 423px; height: 33px; background-image: url(../img/pages/test_title.png); background-size: cover; background-repeat: no-repeat; margin: 0 auto 66px;}
.on-site-test-wrap>.content>.btn-wrap{margin-top: 64px; margin-bottom: 66px;}
.on-site-test-wrap .board-wrap{padding-top: 0;}
.on-site-test-wrap .board-wrap .form .select-box{display: flex; align-items: center;}
.on-site-test-wrap .board-wrap .form .select-box .desc{font-size: 14px; font-weight: 300; letter-spacing: -0.35px; text-align: left; color: #555; margin-left: 30px;}
.on-site-test-wrap .board-wrap .form .select-box.age .sel-dropdown{width: 130px;}
.on-site-test-wrap .board-wrap .form .sel-dropdown .btn-dropdown-trigger{padding: 0 26px 0 14px; height: 50px; line-height: 48px;}
.on-site-test-wrap .board-wrap .form .sel-dropdown .btn-dropdown-trigger::after{right: 14px;}
.on-site-test-wrap .board-wrap .form .sel-dropdown .dropdown-content{top: 49px; min-width: auto;}
.on-site-test-wrap .board-wrap .form .form-group input.form-input{width: 130px; padding: 0 14px; background: #fff; border: 1px solid #e2e2e3;}
.on-site-test-wrap .board-wrap .form .form-group .form-check+.form-check{margin-top: 8px;}
.on-site-test-wrap .board-wrap .form .form-group .btn{width: 178px; height: 50px; line-height: 50px; margin-left: 20px; border-radius: 2px; font-size: 18px;}
.on-site-test-wrap .board-wrap .form .form-group.email{display: flex; align-items: center;}
.on-site-test-wrap .board-wrap .form .form-group.email .form-input{margin-right: 12px;}
.on-site-test-wrap .board-wrap .form .form-group.email .sel-dropdown{width: 144px;}
.on-site-test-wrap .board-wrap .form .form-group.phone{display: flex; align-items: center;}
.on-site-test-wrap .board-wrap .form .form-group.phone>*+*{margin-left: 12px;}
.on-site-test-wrap .board-wrap .form .form-group.phone .sel-dropdown{width: 130px;}
.on-site-test-wrap .board-wrap .form .form-group.address>div{display: flex; align-items: center; margin-bottom: 12px;}
.on-site-test-wrap .board-wrap .form .form-group.address>div .form-input{width: 250px;}
.on-site-test-wrap .board-wrap .form .form-group.address>.form-input{width: 100%;}
.on-site-test-wrap .board-wrap .form .form-group.score{display: flex; align-items: center;}
.on-site-test-wrap .board-wrap .form .form-group.score span{margin-left: 15px; font-size: 18px; letter-spacing: -1.58px;}
.on-site-test-wrap .board-wrap .form .form-group.category .box{display: flex; align-items: center;}
.on-site-test-wrap .board-wrap .form .form-group.category .box+.box{margin-top: 20px;}
.on-site-test-wrap .board-wrap .form .form-group.category .box .form-check+.form-check{margin-left: 43px; margin-top: 0;}
.on-site-test-wrap .board-wrap .form .form-group.category .box>.form-input{margin-left: 23px; width: calc(100% - 90px);}
.on-site-test-wrap .board-wrap .privacy-info-box{padding: 0; margin-bottom: 0; background-color: transparent;}
.on-site-test-wrap .sign-in-wrap .check-area{margin-bottom: 0;}
.event-info-box{padding: 43px 58px 44px 57px; border: solid 1px #e3e1e1; background-color: #f9f9f9;}
.event-info-box .title{font-size: 24px; letter-spacing: -1.49px; margin-bottom: 20px;}
.event-info-box .list .item{position: relative;}
.event-info-box .list .item+.item{margin-top: 15px;}
.event-info-box .list .item .num{position: absolute; left: 0; top: 0; display: block; width: 21px; height: 21px; background-color: #2d2d2d; border-radius: 100%; color: #fff; text-align: center; line-height: 21px; font-size: 14.5px; font-weight: 500; letter-spacing: -1.28px;}
.event-info-box .list .item .txt{display: block; font-size: 16px; line-height: 25px; letter-spacing: -0.67px; padding-left: 27px;}
.event-info-box .list .item .txt a{color: #0066ff;}

/* 이벤트 메인 */
.event-main-wrap .section-visual{width: 100%; height: 895px; background-image: url(../img/pages/event-visual.png); background-repeat: no-repeat; background-size: cover; background-color: #2d2d2d; background-position: center;}
.event-main-wrap .section-visual .inner{position: relative;}
.event-main-wrap .section-visual .snb{display: flex; flex-direction: column; align-items: flex-end; padding-top: 122px;}
.event-main-wrap .section-visual .snb .item{width: 140px; border-radius: 8px; background-color: #fff; text-align: center;}
.event-main-wrap .section-visual .snb .item a{display: block;}
.event-main-wrap .section-visual .snb .item a>*,
.event-main-wrap .section-visual .snb .item>*{display: block;}
.event-main-wrap .section-visual .snb .item+.item{margin-top: 10px;}
.event-main-wrap .section-visual .snb .item.item-1{padding: 16px 15px 18px 15px;}
.event-main-wrap .section-visual .snb .item.item-1 .title-1{font-family: "Malgun Gothic"; font-size: 12px; letter-spacing: -0.5px; color: #838383; margin-bottom: 12px;}
.event-main-wrap .section-visual .snb .item.item-1 .title-2{font-size: 14.5px; font-weight: 300; letter-spacing: -1.04px; margin-bottom: 5px;}
.event-main-wrap .section-visual .snb .item.item-1 .title-3{font-size: 17.5px; font-weight: bold; letter-spacing: -1.26px; text-align: center; text-shadow: 0 0 21.5px rgba(26, 55, 198, 0.1); margin-bottom: 20px;}
.event-main-wrap .section-visual .snb .item.item-1 .btn{width: 100%; background-color: #0071f9; height: 32px; line-height: 34px; border: 0; border-radius: 4px; font-size: 14px; color: #fff; min-width: auto;}
.event-main-wrap .section-visual .snb .item.item-2{padding: 28px 23px 44px 24px;}
.event-main-wrap .section-visual .snb .item.item-2 .desc{font-size: 14px; letter-spacing: -0.87px; margin-bottom: 22px; line-height: 18px;}
.event-main-wrap .section-visual .snb .item.item-2 .title-1{text-shadow: 0 0 21.5px rgba(26, 55, 198, 0.1); font-size: 21.5px; font-weight: 500; letter-spacing: -1.33px; color: #0071f9;}
.event-main-wrap .section-visual .snb .item.item-2 .title-2{font-size: 24px; font-weight: 500; letter-spacing: -1.49px; text-align: center;}
.event-main-wrap .section-visual .snb .item.item-3{padding: 17px 29px 17px 27px;}
.event-main-wrap .section-visual .snb .item.item-3 .desc{font-size: 16px; font-weight: 300; letter-spacing: -1.15px;}
.event-main-wrap .section-visual .snb .item.item-3 .title{font-size: 16px; font-weight: bold; letter-spacing: -1.15px; margin-bottom: 11px;}
.event-main-wrap .section-visual .snb .item.item-3 .ico-schedule{margin: 0 auto;}
.event-main-wrap .section-type{margin-top: 109px; margin-bottom: 111px;}
.event-main-wrap .section-type .type-text{text-align: right; margin-bottom: 88px; width: 1408px; font-size: 24px; letter-spacing: -1.01px;}
.event-main-wrap .section-type .type-box{display: flex; justify-content: center;}
.event-main-wrap .section-type .item{position: relative; width: 649px; height: 633px; border-radius: 26px; box-shadow: 0 0 6.9px 3.1px rgba(13, 0, 73, 0.06); border-style: solid; border-width: 2px; border-image-source: linear-gradient(to top, #8f07f2, #39bfe5); border-image-slice: 1; background-image: linear-gradient(to bottom, #fff, #fff), linear-gradient(to top, #8f07f2, #39bfe5); background-origin: border-box; background-clip: content-box, border-box; text-align: center;}
.event-main-wrap .section-type .item+.item{margin-left: 80px;}
.event-main-wrap .section-type .item .type{position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: center; left: -42px; top: -62px; width: 146px; height: 146px; text-align: center; border-radius: 100%;}
.event-main-wrap .section-type .item .type>div{display: block;}
.event-main-wrap .section-type .item .type .tit{font-size: 38.5px; font-weight: bold; letter-spacing: -2.39px; color: #fff;}
.event-main-wrap .section-type .item .type .num{font-size: 25px; font-weight: bold; letter-spacing: -1.55px; color: #feff00;}
.event-main-wrap .section-type .item .type .num em{font-size: 29px; font-weight: 900; letter-spacing: -1.22px;}
.event-main-wrap .section-type .item .cont{width: 489px; height: 86px; margin: 0 auto 43px;}
.event-main-wrap .section-type .item .desc{font-size: 41.5px; letter-spacing: -2.57px; color: rgba(45, 45, 45, 0.96); margin-bottom: 40px;}
.event-main-wrap .section-type .item .btn{width: 455px; height: 96px; border-radius: 20px; border: 0; font-size: 39.5px; font-weight: 500; line-height: 96px; letter-spacing: -3px; text-align: center;}
.event-main-wrap .section-type .item.item-1 .type{background-color: #803ddb;}
.event-main-wrap .section-type .item.item-1 .title{font-size: 51.5px; font-weight: bold; letter-spacing: -2.83px; color: #2d2d2d; margin-bottom: 68px; padding-top: 118px;}
.event-main-wrap .section-type .item.item-1 .cont{background-image: url(../img/pages/event-cont-1.png);}
.event-main-wrap .section-type .item.item-1 .desc .sum{color: rgba(143, 7, 242, 0.96);}
.event-main-wrap .section-type .item.item-1 .btn{background-color: #8f07f2;}
.event-main-wrap .section-type .item.item-2 .type{background-color: #0053ea;}
.event-main-wrap .section-type .item.item-2 .title{font-size: 48px; font-weight: bold; letter-spacing: -3.13px; text-align: center; margin-bottom: 39px; padding-top: 91px; line-height: 58px;}
.event-main-wrap .section-type .item.item-2 .title em{color: #0071f9;}
.event-main-wrap .section-type .item.item-2 .cont{background-image: url(../img/pages/event-cont-2.png);}
.event-main-wrap .section-type .item.item-2 .desc .sum{color: rgba(0, 113, 249, 0.96);}
.event-main-wrap .section-type .item.item-2 .btn{background-color: #0071f9;}
.event-main-wrap .section-professor{position: relative; width: 100%; height: 1353px; background-image: url(../img/pages/event-professor.png); background-repeat: no-repeat; background-size: cover; margin-bottom: 266px; background-position: center;}
.event-main-wrap .section-professor .video{position: absolute; width: 1200px; height: 675px; background-color: #2d2d2d; margin: 0 auto; bottom: -194px; left: 50%; transform: translateX(-50%);}
.event-main-wrap .section-analyze{width: 100%; height: 1017px; background-image: url(../img/pages/event-analyze.png); background-repeat: no-repeat; background-size: cover; background-position: center;}
.event-main-wrap .section-date{width: 100%; height: 964px; background-image: url(../img/pages/event-date.png); background-repeat: no-repeat; background-size: cover; background-position: center;}
.event-main-wrap .section-feature{width: 100%; height: 1158px; background-image: url(../img/pages/event-char.png); background-repeat: no-repeat; background-size: cover; background-position: center;}
.event-main-wrap .section-test-schedule{padding-top: 180px;}
.event-main-wrap .section-test-schedule .heading{width: 964px; height: 53px; background-image: url(../img/pages/event-heading.png); margin: 0 auto 145px;}
.event-main-wrap .section-test-schedule .board-wrap{padding-top: 0; margin-bottom: 30px;}
.event-main-wrap .section-test-schedule .board-wrap .form{width: 1200px; margin: 0 auto;}
.event-main-wrap .section-test-schedule .board-wrap .form.view .col-desc .box .txt+.txt-lg{margin-top: 24px;}
.event-main-wrap .section-test-schedule .board-wrap .form.view .col-desc .txt{color: #2d2d2d;}
.event-main-wrap .section-test-schedule .board-wrap .form.view .col-desc .txt.txt-lg{font-size: 18px; letter-spacing: -0.45px;}
.event-main-wrap .section-test-schedule .board-wrap .form.view .col-desc a{color: #0066ff; text-decoration: underline;}
.event-main-wrap .section-test-schedule .board-wrap .form.view .col-desc .num{display: inline-block; width: 21px; height: 21px; background-color: #2d2d2d; border-radius: 100%; color: #fff; text-align: center; line-height: 21px; font-size: 14.5px; font-weight: 500; letter-spacing: -1.28px; margin-right: 8px;}
.event-main-wrap .section-test-schedule .event-info-box{width: 1200px; margin: 0 auto;}

/* 실기 레벨테스트 */
.level-test-wrap .section-main{padding-top: 40px;}
.level-test-wrap .heading{width: 1288px; height: 473px; background-image: url(../img/pages/heading-bg-level-test.png); margin: 0 auto; text-align: center; padding-top: 80px;}
.level-test-wrap .heading .title-sm{font-weight: 700; font-size: 26px; line-height: 24px; letter-spacing: -0.04em; color: #484848; margin-bottom: 14px;}
.level-test-wrap .heading .title{font-weight: 700; font-size: 64px; line-height: 64px; letter-spacing: -0.04em; color: #000000; margin-bottom: 24px;}
.level-test-wrap .heading .desc{font-size: 32px; line-height: 46px; letter-spacing: -0.05em; color: #2d2d2d;}
.level-test-wrap .card-box{display: flex; justify-content: center; align-content: center; margin-bottom: 60px; margin-top: -55px;}
.level-test-wrap .card-box .card{position: relative; width: 386.67px; height: 400px; background: linear-gradient(133.93deg, #6e7799 1.41%, #414658 88.07%); border: 1px solid #e2e2e3; border-radius: 12px; padding: 30px 0 0 30px; color: #fff; overflow: hidden;}
.level-test-wrap .card-box .card+.card{margin-left: 20px;}
.level-test-wrap .card-box .card .badge{display: inline-block; padding: 0 10px; height: 34px; background: #292e44; border-radius: 12px; font-weight: 700; font-size: 18px; line-height: 36px; margin-bottom: 8px;}
.level-test-wrap .card-box .card .title{font-weight: 500; font-size: 28px; line-height: 42px; letter-spacing: -0.03em;}
.level-test-wrap .card-box .card .img{position: absolute; width: 309px; height: 233px; bottom: 0; right: 0;}
.level-test-wrap .card-box .card .img .mo{display: none;}
.level-test-wrap .card-box .card .img img{width: 100%; height: 100%;}
.level-test-wrap .section-start{width: 1200px; margin: 0 auto;}
.level-test-wrap .section-start .heading-box{display: flex; justify-content: space-between; margin-bottom: 93px;}
.level-test-wrap .section-start .heading-box .heading{width: auto; height: auto; background-image: none; text-align: left; padding-top: 116px; margin: 0;}
.level-test-wrap .section-start .heading-box .heading .title-sm{font-size: 22px; line-height: 24px; margin-bottom: 12px;}
.level-test-wrap .section-start .heading-box .heading .title{margin-bottom: 28px;}
.level-test-wrap .section-start .heading-box .heading .desc{font-size: 26px; line-height: 38px; margin-bottom: 48px;}
.level-test-wrap .section-start .heading-box .btn-wrap{justify-content: flex-start;}
.level-test-wrap .section-start .heading-box .btn-wrap .btn{background-color: #056eed;}
.level-test-wrap .section-start .heading-box .img{padding-top: 133px;}
.level-test-wrap .section-start .card-box{margin-top: 0; margin-bottom: 0;}
.level-test-wrap .section-start .card-box .card{background: #f3f6fe; border: 1px solid #e2e2e3; color: #2d2d2d;}
.level-test-wrap .section-start .card-box .card .badge{display: block; height: auto; background-color: transparent; padding: 0; line-height: 26px; color: #274eb1; border-radius: 0; margin-bottom: 4px;}

.level-test-form-wrap{padding-top: 50px;}
.level-test-form-wrap .box{width: 1200px; margin: 0 auto; display: flex;}
.level-test-form-wrap .box .step{width: 220px; margin-right: 60px;}
.level-test-form-wrap .box .step .item{position: relative;}
.level-test-form-wrap .box .step .item+.item{margin-top: 40px;}
.level-test-form-wrap .box .step .item .num{display: inline-block; font-weight: 700; font-size: 20px; min-width: 36px; line-height: 36px; margin-bottom: 10px; text-align: center; border-radius: 100%; color: #767676; background-color: #d9d9d9;}
.level-test-form-wrap .box .step .item .desc{font-weight: 500; font-size: 20px; line-height: 28px; letter-spacing: -0.04em; color: #767676;}
.level-test-form-wrap .box .step .item.active .num{background-color: #056eed; color: #fff;}
.level-test-form-wrap .box .step .item.active .desc{color: #2d2d2d; font-weight: 700;}
.level-test-form-wrap .box .form{width: calc(100% - 220px - 60px); background-color: #fff; border: 1px solid #e2e2e3; border-radius: 16px; padding: 40px;}
.level-test-form-wrap .box .form>.item+.item{margin-top: 32px;}
.level-test-form-wrap .box .form>.item .answer{font-weight: 500; font-size: 20px; line-height: 24px; letter-spacing: -0.04em; margin-bottom: 20px;}
.level-test-form-wrap .box .form>.item .select{display: flex; flex-wrap: wrap;}
.level-test-form-wrap .box .form>.item .select .item{display: inline-block; padding: 0 30px; height: 46px; background: #f6f6f6; border-radius: 100px; font-weight: 500; font-size: 20px; line-height: 48px; letter-spacing: -0.06em; cursor: pointer;}
.level-test-form-wrap .box .form>.item .select .item+.item{margin-left: 16px;}
.level-test-form-wrap .box .form>.item .select .item.active{background-color: #056eed; color: #fff;}
.level-test-form-wrap .box .form.result .score{width: 320px; height: 180px; margin: 0 auto 30px; background-color: #6d93af; box-shadow: 0 0 20px rgba(86, 195, 255, 0.1); border-radius: 16px; overflow: hidden;}
.level-test-form-wrap .box .form.result .score .info{display: flex; flex-direction: column; align-items: center; justify-content: center; height: 115px; background: linear-gradient(180deg, #9cdbff 0%, #f1faff 122.5%);}

.level-test-form-wrap .box .form.result .score .info .title{font-weight: 700; font-size: 16px; line-height: 20px; letter-spacing: -0.04em; color: #056eed; margin-bottom: 6px;}
.level-test-form-wrap .box .form.result .score .info .value{font-weight: 700; font-size: 42px; line-height: 40px; color: #023573;}
.level-test-form-wrap .box .form.result .txt{font-weight: 700; font-size: 28px; line-height: 38px; letter-spacing: -0.04em; text-align: center; margin-bottom: 48px;}
.level-test-form-wrap .box .form.result .result-txt{display: flex; margin-bottom: 40px;}
.level-test-form-wrap .box .form.result .result-txt+.btn-wrap .btn{background-color: #2d2d2d; border-color: #2d2d2d;}
.level-test-form-wrap .box .form.result .result-txt .item{width: calc(50% - 10px); background: #f9f9f9; border: 1px solid #e2e2e3; border-radius: 16px; padding: 24px; text-align: center;}
.level-test-form-wrap .box .form.result .result-txt .item .title{font-size: 24px; line-height: 32px; letter-spacing: -0.04em; margin-bottom: 8px;}
.level-test-form-wrap .box .form.result .result-txt .item .desc{font-size: 18px; line-height: 26px; text-align: center; letter-spacing: -0.04em;}
.level-test-form-wrap .box .form.result .result-txt .item+.item{margin-left: 20px;}
.level-test-form-wrap .after-level-test{background-color: #fff; text-align: center; margin-top: 120px; padding-top: 120px;}
.level-test-form-wrap .after-level-test>.title{font-weight: 700; font-size: 60px; line-height: 80px; letter-spacing: -0.04em; margin-bottom: 80px;}
.level-test-form-wrap .after-level-test>.desc{display: flex; justify-content: center; align-items: center; margin-bottom: 40px;}
.level-test-form-wrap .after-level-test>.desc .num{min-width: 48px; height: 48px; background-color: #3e4759; color: #fff; font-weight: 700; font-size: 24px; line-height: 50px; border-radius: 100%; margin-right: 12px;}
.level-test-form-wrap .after-level-test>.desc .txt{font-weight: 700; font-size: 36px; line-height: 44px;}
.level-test-form-wrap .after-level-test .img-box{width: 1200px; margin: 0 auto 70px; overflow: hidden; background-color: #f9f9f9; border: 1px solid #e2e2e3; border-radius: 20px;}
.level-test-form-wrap .after-level-test .img-box .title{display: flex; justify-content: center; align-items: center; width: 100%; background: #cfdae8; font-weight: 700; font-size: 24px; line-height: 38px; text-align: center; letter-spacing: -0.06em; color: #2f5581; padding: 16px 0 18px;}
.level-test-form-wrap .after-level-test .img-box .img{position: relative; padding: 42px 0;}
.level-test-form-wrap .after-level-test .img-box .img .btn-nav{position: absolute; width: 52px; height: 52px; background-size: cover; background-repeat: no-repeat; top: 50%;}
.level-test-form-wrap .after-level-test .img-box .img .btn-nav.btn-prev{background-image: url(../img/pages/bt_left.png); left: 40px;}
.level-test-form-wrap .after-level-test .img-box .img .btn-nav.btn-next{background-image: url(../img/pages/bt_right.png); right: 40px;}
.level-test-form-wrap .after-level-test .img-list{display: flex; justify-content: center; margin-bottom: 60px;}
.level-test-form-wrap .after-level-test .img-list .item{width: 386.67px; height: 368px; background-color: #f3f5f9; border-radius: 16px; padding-top: 30px;}
.level-test-form-wrap .after-level-test .img-list .item+.item{margin-left: 20px;}
.level-test-form-wrap .after-level-test .img-list .item .title{font-weight: 700; font-size: 24px; line-height: 38px; letter-spacing: -0.06em; color: #3e4759; margin-bottom: 4px;}
.level-test-form-wrap .after-level-test .img-list .item .desc{font-size: 18px; line-height: 26px; text-align: center; letter-spacing: -0.06em; color: #3e4759; margin-bottom: 34px;}

/* 실기 모의고사 */
.mock-exam-wrap .visual{padding-top: 51px; padding-bottom: 120px; background: linear-gradient(142.11deg, #6e7799 0.51%, #313956 41.94%);}
.mock-exam-wrap .visual .heading{width: 1370px; height: 487px; margin: 0 auto; background-image: url(../img/pages/bg-heading-result.png); background-position: center; padding-top: 69px; text-align: center; color: #fff;}
.mock-exam-wrap .visual .heading .title-sm{font-weight: 700; font-size: 26px; letter-spacing: -0.04em; margin-bottom: 14px;}
.mock-exam-wrap .visual .heading .title{font-weight: 700; font-size: 64px; letter-spacing: -0.04em;}
.mock-exam-wrap .visual .card-list{margin-top: -80px; display: flex; justify-content: center; margin-bottom: 40px;}
.mock-exam-wrap .visual .card-list .item{width: 285px; height: 260px; background: #ffffff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); border-radius: 8px; padding: 24px; text-align: center;}
.mock-exam-wrap .visual .card-list .item .title{font-weight: 500; font-size: 24px; line-height: 32px; text-align: center; letter-spacing: -0.04em; margin-bottom: 24px;}
.mock-exam-wrap .visual .card-list .item .img{width: 100%;}
.mock-exam-wrap .visual .card-list .item .img img{width: 100%; height: auto;}
.mock-exam-wrap .visual .card-list .item:last-child .img img{width: auto;}
.mock-exam-wrap .visual .card-list .item+.item{margin-left: 20px;}
.mock-exam-wrap .visual .info-box{width: 1200px; margin: 0 auto 46px; padding: 20px; color: #fff; background-color: #1e2a53; border-radius: 16px;}
.mock-exam-wrap .visual .info-box .title{font-weight: 700; font-size: 24px; letter-spacing: -0.03em; margin-bottom: 12px;}
.mock-exam-wrap .visual .info-box .desc{font-size: 18px; line-height: 24px; letter-spacing: -0.06em;}
.mock-exam-wrap .visual .btn-wrap .btn{width: 391px;}
.mock-exam-wrap>*>.title{font-family: "Malgun Gothic"; font-weight: 700; font-size: 60px; line-height: 80px; text-align: center; letter-spacing: -0.04em; margin-bottom: 80px;}
.mock-exam-wrap .strategy{background-color: #dee1ec; padding: 120px 0;}
.mock-exam-wrap .strategy .list{display: flex; justify-content: center;}
.mock-exam-wrap .strategy .list .item{width: 224px; height: 220px; background: #ffffff; border-radius: 12px; text-align: center; padding: 20px;}
.mock-exam-wrap .strategy .list .item .num{width: 32px; height: 32px; font-weight: 700; font-size: 20px; line-height: 32px; color: #fff; background-color: #056eed; border-radius: 100%; margin: 0 auto 8px;}
.mock-exam-wrap .strategy .list .item .title{font-weight: 500; font-size: 24px; line-height: 32px; letter-spacing: -0.04em;}
.mock-exam-wrap .strategy .list .item a{font-weight: 500; font-size: 20px; line-height: 32px; letter-spacing: -0.04em; text-decoration-line: underline; color: #002aff; margin-top: 12px; display: block;}
.mock-exam-wrap .strategy .list .item+.item{margin-left: 20px;}
.mock-exam-wrap .method{padding: 120px 0; background-color: #eceef3;}
.mock-exam-wrap .method .img-box{width: 1200px; margin: 0 auto;}
.mock-exam-wrap .method .img-box .img{padding: 40px; background-color: #fff; border: 1px solid #e2e2e3; border-radius: 20px;}
.mock-exam-wrap .method .img-box .img+.img{margin-top: 40px;}
.mock-exam-wrap .method .img-box .img img{display: block; width: 100%; height: auto; margin-bottom: 20px;}
.mock-exam-wrap .method .img-box .img .txt{display: flex; align-items: center; justify-content: center; width: 100%; background-color: #cfdae8; border-radius: 16px; font-weight: 700; font-size: 24px; line-height: 38px; letter-spacing: -0.06em; color: #2f5581; padding: 16px 0 18px;}
.mock-exam-wrap .product{padding-top: 120px;}
.mock-exam-wrap .product .list{display: flex; justify-content: center;}
.mock-exam-wrap .product .list .item{width: 386px; height: 380px; border-radius: 16px; overflow: hidden;}
.mock-exam-wrap .product .list .item a{display: block; width: 100%; height: 100%;}
.mock-exam-wrap .product .list .item+.item{margin-left: 20px;}
.mock-exam-wrap .product .list .item img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}

/* 강사 커리큘럼 */
.professor-wrap .section-visual{width: 100%; height: 947px; background-image: url(../img/pages/professor/pf-bg-1.png); background-repeat: no-repeat; background-size: cover; background-position: center;}
.professor-wrap .section-visual.type-2{background-image: url(../img/pages/professor/pf-bg-2.png);}
.professor-wrap .section-visual .inner{position: relative;}
.professor-wrap .section-visual .lnb{position: absolute; display: flex; top: 0; left: 0; z-index: 2;}
.professor-wrap .section-visual .lnb .pf-title{width: 260px; background-color: #fff; padding: 55px 0 0;}
.professor-wrap .section-visual .lnb .pf-title .tit-sm{font-size: 16px; letter-spacing: -0.6px; color: #767676; padding-left: 39px; margin-bottom: 2px;}
.professor-wrap .section-visual .lnb .pf-title .tit{display: flex; align-items: center; font-size: 29px; font-weight: bold; letter-spacing: -1px; padding-left: 39px; margin-bottom: 35px;}
.professor-wrap .section-visual .lnb .pf-title .tit .btn-home{display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 100%; border: 1px solid #e4e4e4; background-color: #fff; margin-left: 20px;}
.professor-wrap .section-visual .lnb .pf-title .tit .btn-home .ico-home{width: 22px; height: 19px; background-image: url(../img/pages/professor/ico-home.png);}
.professor-wrap .section-visual .lnb .pf-title .btn-wrap{margin-bottom: 15px; padding: 0 15px;}
.professor-wrap .section-visual .lnb .pf-title .btn-wrap .btn-xs{min-width: auto; width: calc(50% - 5px); height: 35px; border: solid 1px #e2e2e3; background-color: #fff; /* font-family: "Malgun Gothic"; */ font-size: 16px; line-height: 33px; letter-spacing: -0.4px; color: #000; border-radius: 0;}
.professor-wrap .section-visual .lnb .pf-title .btn-wrap .btn-xs+.btn-xs{margin-left: 9px;}
.professor-wrap .section-visual .lnb .pf-title .menu{border-top: 1px solid #e2e2e3;}
.professor-wrap .section-visual .lnb .pf-title .menu .item{width: 100%; height: 50px; border-bottom: 1px solid #e2e2e3;}
.professor-wrap .section-visual .lnb .pf-title .menu .item a{display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; font-size: 18px; letter-spacing: -0.76px;}
.professor-wrap .section-visual .lnb .pf-title .menu .item.on{background-color: #f5f9ff;}
.professor-wrap .section-visual .lnb .pf-title .menu .item:last-child{border-bottom: 0;}
/* .professor-wrap .section-visual .lnb .lnb-all{  display: none;width: 140px;background-color: #fff;border-left: 1px solid #e6e6e6;text-align: center;padding: 28px 15px;}  */
.professor-wrap .section-visual .lnb .lnb-all{display: inline-flex;}
.professor-wrap .section-visual .lnb .lnb-all .lnb-prof{display: none; width: 140px; background-color: #fff; border-left: 1px solid #e6e6e6; text-align: center; padding: 28px 15px; height: 100%;}
.professor-wrap .section-visual .lnb .lnb-all .title{display: inline-block; font-size: 18px; font-weight: 500; line-height: 26px; border-bottom: 1px solid #056eed; letter-spacing: -0.76px; color: #056eed; margin-bottom: 15px;}
.professor-wrap .section-visual .lnb .lnb-all .professor{}
.professor-wrap .section-visual .lnb .lnb-all .professor .item a{display: block; font-size: 16px; font-weight: 300; letter-spacing: -0.67px; color: #484848;}
.professor-wrap .section-visual .lnb .lnb-all .professor .item+.item{margin-top: 12px;}
/* .professor-wrap .section-visual .lnb .lnb-all.active{display: block;} */ 
.professor-wrap .section-visual .lnb .lnb-all.active .lnb-prof{display: block;}
.professor-wrap .section-visual .lnb .lnb-all.active .btn-show-all{background-image: url(../img/pages/professor/btn-pf-all.png);}
.professor-wrap .section-visual .lnb .btn-show-all{display: block; width: 58px; height: 248px; background-size: cover; background-image: url(../img/pages/professor/btn-pf-all-open.png);}
.professor-wrap .section-visual .pf-box{display: flex; justify-content: space-between; padding-top: 638px; align-items: flex-end; margin-bottom: 30px;}
.professor-wrap .section-visual .pf-box .pf-review{position: relative; background-color: rgba(0, 0, 0, 0.4); width: 610px; height: 196px; padding: 30px 48px;}
.professor-wrap .section-visual .pf-box .pf-review .swiper-slide{color: #fff;}
.professor-wrap .section-visual .pf-box .pf-review .swiper-slide .info{display: flex; align-items: center; margin-bottom: 14px;}
.professor-wrap .section-visual .pf-box .pf-review .swiper-slide .info .nickname{font-size: 16px; letter-spacing: -0.67px; margin-right: 04px;}
.professor-wrap .section-visual .pf-box .pf-review .swiper-slide .info .star-box{width: 99px; height: 15px; background-image: url(../img/pages/professor/star-grey.png); background-size: 99px 15px; background-repeat: no-repeat;}
.professor-wrap .section-visual .pf-box .pf-review .swiper-slide .info .star-box .stars{width: 99px; height: 15px; background-size: 99px 15px; background-repeat: no-repeat; background-image: url(../img/pages/professor/stars.png);}
.professor-wrap .section-visual .pf-box .pf-review .swiper-slide .content{font-size: 16px; font-weight: 300; line-height: 1.38; letter-spacing: -0.17px; text-align: left; color: #e2e2e3; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 5;}
.professor-wrap .section-visual .pf-box .pf-review .swiper-nav{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; width: 100%; height: 16px;}
.professor-wrap .section-visual .pf-box .pf-review .swiper-nav a{position: absolute; display: block; width: 10px; height: 16px; background-size: cover; top: 50%; transform: translateY(-50%);}
.professor-wrap .section-visual .pf-box .pf-review .swiper-nav .nav-prev{left: 20px; background-image: url(../img/pages/professor/ico-prev.png);}
.professor-wrap .section-visual .pf-box .pf-review .swiper-nav .nav-next{right: 20px; background-image: url(../img/pages/professor/ico-next.png);}
.professor-wrap .section-visual .pf-box .pf-info{position: relative;}
.professor-wrap .section-visual .pf-box .pf-info .info{width: 429px; height: 134px; padding: 27px 33px 32px 45px; background-color: rgba(0, 0, 0, 0.55);}
.professor-wrap .section-visual .pf-box .pf-info .info .tit-sm{font-size: 22.5px; font-weight: 300; letter-spacing: -0.95px; text-align: left; color: #fff; margin-bottom: 10px;}
.professor-wrap .section-visual .pf-box .pf-info .info .tit{display: flex; justify-content: space-between; font-size: 44px; font-weight: 500; letter-spacing: -1.85px; text-align: left; color: #fff;}
.professor-wrap .section-visual .pf-box .pf-info .info .btn-profile{background-color: #fff; display: flex; align-items: center; justify-content: center; width: 109px; height: 40px; font-size: 21px; font-weight: normal; color: #262dc2; border: 0; padding-top: 4px;}
.professor-wrap .section-visual .pf-box .pop-profile{position: absolute; display: none; width: 475px; border: 1px solid #2d2d2d; background-color: #fff; bottom: 168px; right: 0;}
.professor-wrap .section-visual .pf-box .pop-profile.active{display: block;}
.professor-wrap .section-visual .pf-box .pop-profile .title{display: flex; align-items: center; justify-content: space-between; height: 48px; background-color: #f9f9f9; padding: 0 20px;}
.professor-wrap .section-visual .pf-box .pop-profile .title span{font-size: 18px; font-weight: bold; line-height: 1.22; letter-spacing: -0.76px;}
.professor-wrap .section-visual .pf-box .pop-profile .title .btn-pop-close{width: 21px; height: 21px; background-size: cover; background-image: url(../img/pages/professor/ico-pop-close.png);}
.professor-wrap .section-visual .pf-box .pop-profile .list{padding: 20px;}
.professor-wrap .section-visual .pf-box .pop-profile .list li{font-size: 16px; letter-spacing: -0.67px; color: #484848;}
.professor-wrap .section-visual .pf-box .pop-profile .list li+li{margin-top: 9px;}

.professor-wrap .section-visual .tab ul{display: flex;}
.professor-wrap .section-visual .tab .item{flex: 1; height: 129px; padding: 34px 30px 30px; border: solid 1px #3130a4; background-color: #3c3abf; color: #fff;}
.professor-wrap .section-visual .tab .item a{display: flex; flex-direction: column; align-items: center; justify-content: center;}
.professor-wrap .section-visual .tab .item a .tit-sm{font-size: 20px; letter-spacing: -1.24px; display: block; margin-bottom: 9px;}
.professor-wrap .section-visual .tab .item a .tit{display: block; font-size: 32px; font-weight: 500; letter-spacing: -1.47px;}
.professor-wrap .section-visual .tab .item.on{background-color: #fff; color: #2d2d2d; border-color: #c4c4c4;}
.professor-wrap .section-video{padding-top: 148px; padding-bottom: 97px; background-color: #f5f5f5;}
.professor-wrap .section-video .video-box{display: flex; justify-content: center;}
.professor-wrap .section-video .video-box iframe{width: 100%; height: 100%;}
.professor-wrap .section-video .video-box .lg-video{margin-right: 21px; border-top: 39px solid #2d2d2d; border-bottom: 39px solid #2d2d2d;}
.professor-wrap .section-video .video-box .lg-video .video{width: 824px; height: 483px;}
.professor-wrap .section-video .video-box .sm-video .video{width: 299px; height: 176px;}
.professor-wrap .section-video .video-box .sm-video .video+.video{margin-top: 16px;}
.professor-wrap .intro{background-color: #ebf5ff; padding: 99px 0 98px;}
.professor-wrap .intro .heading{font-size: 60px; letter-spacing: -4.32px; text-align: center; margin-bottom: 49px;}
.professor-wrap .intro .list{display: flex; justify-content: center; align-items: center; margin-bottom: 64px; gap: 38px;}
.professor-wrap .intro .list.type-2 .item{background-image: url(../img/pages/professor/img-deco-2.png); width: 280px; height: 110px; background-repeat: no-repeat; background-position: 0; padding-top: 0; background-size: contain}
.professor-wrap .intro .list.type-2 .item+.item{margin-left: 52px;}
.professor-wrap .intro .list .item{width: 266px; height: 168px; text-align: center; background-image: url(../img/pages/professor/img-deco-1.png); text-shadow: 0 0 19.2px rgba(0, 0, 0, 0.05); font-size: 32px; font-weight: bold; line-height: 1.25; letter-spacing: -1.28px; color: #514f5f; display: flex; align-items: center; justify-content: center;}
.professor-wrap .intro .box-list{display: flex; justify-content: center; align-items: center;}
.professor-wrap .intro .box-list .item{width: 365px; height: 220px; padding: 40px 0; box-shadow: 0 0 42.8px 3.2px rgba(26, 25, 24, 0.1); background-color: #fff; text-align: center;}
.professor-wrap .intro .box-list .item .tit{font-size: 24px; font-weight: bold; line-height: 1.31; letter-spacing: -1.49px; margin-bottom: 12px;}
.professor-wrap .intro .box-list .item .desc{font-size: 18px; line-height: 1.33; letter-spacing: -1.12px; text-align: center; color: #484848;}
.professor-wrap .intro .box-list .item+.item{margin-left: 20px;}
.professor-wrap .intro .box-slider{display: none;}
.professor-wrap .section-curriculum .box{width: 1145px; margin: 0 auto;}
.professor-wrap .section-curriculum .box:nth-child(2){padding-top: 104px;}
.professor-wrap .section-curriculum .box .inner{width: 100%;}
.professor-wrap .section-curriculum .box .inner>.heading{width: 100%; border-bottom: 2px solid #2d2d2d; font-size: 24px; font-weight: 500; letter-spacing: -1.01px; color: #2d2d2d; padding-bottom: 14px; margin-bottom: 29px;}
.professor-wrap .section-curriculum .box+.box{margin-top: 100px;}
.professor-wrap .section-curriculum .tab-container .tabs{display: flex; border-bottom: 1px solid #373737; margin-bottom: 19px;}
.professor-wrap .section-curriculum .tab-container .tabs .item{position: relative; width: 50%; border-top: 1px solid #e2e2e3; border-right: 1px solid #e2e2e3;}
.professor-wrap .section-curriculum .tab-container .tabs .item:first-child{border-left: 1px solid #e2e2e3;}
.professor-wrap .section-curriculum .tab-container .tabs .item a{width: 100%; height: 60px; display: flex; align-items: center; justify-content: center; padding: 13px 0; /* font-family: "Malgun Gothic"; */ font-size: 18px; line-height: 58px; letter-spacing: -1.12px; color: #ababab;}
.professor-wrap .section-curriculum .tab-container .tabs .item.on{border-top: 1px solid #373737;}
.professor-wrap .section-curriculum .tab-container .tabs .item.on a{color: #000;}
.professor-wrap .section-curriculum .tab-container .tabs .item.on::after{content: ''; position: absolute; bottom: 0; width: 1px; height: 100%; left: 0; top: 0; background-color: #373737;}
.professor-wrap .section-curriculum .tab-container .tabs .item.on:first-child::after{left: -1px;}
.professor-wrap .section-curriculum .tab-container .tabs .item.on::before{content: ''; position: absolute; bottom: 0; width: 1px; height: 100%; right: 0; top: 0; background-color: #373737;}
.professor-wrap .section-curriculum .table table{width: 100%; border-top: 2px solid #333;}
.professor-wrap .section-curriculum .table table tr{border-bottom: 1px solid #e2e2e3;}
.professor-wrap .section-curriculum .table table th{font-family: "Malgun Gothic"; font-size: 18px; font-weight: normal; letter-spacing: -1.12px; text-align: center; padding: 21px 0; border-right: 1px solid #e2e2e3; background-color: #f9f9f9;}
.professor-wrap .section-curriculum .table table th:last-child{border-right: 0;}
.professor-wrap .section-curriculum .table table td{/* font-family: "Malgun Gothic"; */ font-size: 16px; letter-spacing: -0.67px; text-align: center; padding: 21px 0; border-right: 1px solid #e2e2e3;}
.professor-wrap .section-curriculum .table table td .txt-sm{margin-top: 10px;}
.professor-wrap .section-curriculum .table table td:last-child{border-right: 0;}
.professor-wrap .section-curriculum .course-detail .course-review>.heading{display: flex; justify-content: space-between; align-items: flex-end;}
.professor-wrap .section-curriculum .course-detail .course-review>.heading .title{font-size: 24px; font-weight: 500; letter-spacing: -1.01px;}
.professor-wrap .section-curriculum .course-detail .course-review>.heading .sorting{width: auto;}
.professor-wrap .section-curriculum .course-detail .course-review .review-list .item .heading{justify-content: flex-end;}
.professor-wrap .section-curriculum .course-detail .writing-review{border: 1px solid #e2e2e3; margin-bottom: 20px; padding: 30px;}
.professor-wrap .section-curriculum .course-detail .writing-review .star-rating{display: flex; flex-direction: row-reverse; justify-content: flex-end; padding-bottom: 12px; border-bottom: 1px solid #e2e2e3;}
.professor-wrap .section-curriculum .course-detail .writing-review .star-rating input{display: none;}
.professor-wrap .section-curriculum .course-detail .writing-review .star-rating label{display: inline-block; width: 26px; height: 24px; background-image: url(../img/pages/professor/star.png); background-size: cover; margin-right: 2px;}
.professor-wrap .section-curriculum .course-detail .writing-review .star-rating :checked~label{background-image: url(../img/pages/professor/star-on.png);}
.professor-wrap .section-curriculum .course-detail .writing-review textarea{display: block; border: 0; width: 100%; height: 80px; padding: 8px 0; resize: none; font-weight: 400; font-size: 15px; line-height: 22px;}
.professor-wrap .section-curriculum .course-detail .writing-review textarea:focus{border: 0; outline: none;}
.professor-wrap .section-curriculum .course-detail .writing-review .btn{display: block; width: 118px; font-size: 18px; height: 45px; line-height: 45px; border-radius: 22.5px; margin: 0 0 0 auto;}
.professor-wrap .section-curriculum .heading-sm{font-size: 24px; font-weight: 500; letter-spacing: -1.01px; padding-bottom: 20px; border-bottom: 2px solid #333;}
.professor-wrap .section-curriculum .notice .item{cursor: pointer;}
.professor-wrap .section-curriculum .notice .item .item-header{position: relative; background-color: #f9f9f9; /* font-family: "Malgun Gothic"; */ font-size: 18px; letter-spacing: -1.12px; text-align: left; padding: 20px; border-top: 1px solid #e2e2e3;}
.professor-wrap .section-curriculum .notice .item .item-header::after{content: ''; position: absolute; background-image: url(../img/pages/professor/ico-down-arrow.png); background-size: cover; width: 16px; height: 10px; right: 40px; top: 50%; transform: translateY(-50%);}
.professor-wrap .section-curriculum .notice .item:first-child .item-header{border-top: 0;}
.professor-wrap .section-curriculum .notice .item .item-body{display: none; /* font-family: "Malgun Gothic"; */ font-size: 18px; letter-spacing: -1.12px; padding: 20px;}
.professor-wrap .section-curriculum .notice .item .item-body .img{margin-top: 20px;}
.professor-wrap .section-curriculum .notice .item.on .item-body{display: block;}

/* LAB */
.lab-wrap .intro{padding-top: 88px; text-align: center;}
.lab-wrap .intro .logo{width: 208px; height: 52px; margin: 0 auto 10px;}
.lab-wrap .intro .logo img{width: 100%; height: 100%;}
.lab-wrap .intro .title{font-size: 44px; font-weight: bold; letter-spacing: -2.73px; margin-bottom: 50px;}
.lab-wrap .intro .desc{font-size: 24px; line-height: 1.5; letter-spacing: -1.01px; margin-bottom: 85px;}
.lab-wrap .intro .desc-mo{display: none;}
.lab-wrap .intro .title-md{font-size: 36px; font-weight: bold; line-height: 1.33; letter-spacing: -1.51px; margin-bottom: 50px;}
.lab-wrap .intro .box{display: flex; justify-content: center;}
.lab-wrap .intro .box.box-margin{margin-bottom: 75px;}
.lab-wrap .intro .box+.box{margin-top: 23px;}
.lab-wrap .intro .box .banner-1{background-image: url(../img/pages/lab/banner-1.png); width: 1000px; height: 355px; background-size: cover;}
.lab-wrap .intro .box .banner-2{background-image: url(../img/pages/lab/banner-2.png); width: 582px; height: 437px; background-size: cover;}
.lab-wrap .intro .box .banner-3{background-image: url(../img/pages/lab/banner-3.png); width: 396px; height: 437px; background-size: cover; margin-left: 23px;}
.lab-wrap .intro .box .banner-4{background-image: url(../img/pages/lab/banner-4.png); width: 1002px; height: 430px; background-size: cover; margin-bottom: 90px;}
.lab-wrap .intro .box .banner-5{background-image: url(../img/pages/lab/banner-5.png); width: 1002px; height: 183px; background-size: cover; margin-bottom: 32px;}
.lab-wrap .intro .box .banner-6{position: relative; background-image: url(../img/pages/lab/banner-6.png); width: 1001px; height: 160px; background-size: cover; margin-bottom: 55px;}
.lab-wrap .intro .box .banner-6 a{top: 0; left: 0; display: block; position: absolute; width: 100%; height: 100%;}
.lab-wrap .about{padding-top: 60px;}
.lab-wrap .about .title{font-size: 24px; font-weight: 500; letter-spacing: -1.01px; margin-bottom: 30px;}
.lab-wrap .about .desc-box{border-radius: 16px; background-color: #f9f9f9; padding: 29px 30px 23px; font-size: 16px; font-weight: 300; line-height: 27px; letter-spacing: -0.67px; text-align: left; color: #2d2d2d; margin-bottom: 55px;}
.lab-wrap .about .img-1{background-image: url(../img/pages/lab/about-1.png); width: 1119px; height: 318px; background-size: cover; margin-bottom: 54px;}
.lab-wrap .about .card+.card{margin-top: 21px;}
.lab-wrap .about .card .card-head{width: 100%; height: 49px; line-height: 51px; color: #fff; padding: 0 40px; font-size: 20px; font-weight: 500; letter-spacing: -0.84px; border-radius: 10px 10px 0 0;}
.lab-wrap .about .card .card-body{padding: 29px 40px 34px;}
.lab-wrap .about .card .card-body .desc{font-size: 18px; font-weight: 300; line-height: 27px; letter-spacing: -0.76px; margin-bottom: 24px;}
.lab-wrap .about .card .card-body .img-2{background-image: url(../img/pages/lab/about-2.png); width: 1039px; height: 245px; background-size: cover;}
.lab-wrap .about .card .card-body .img-3{background-image: url(../img/pages/lab/about-3.png); width: 1039px; height: 142px; background-size: cover;}
.lab-wrap .about .card .card-body .box-white{padding: 16px 18px; background-color: #fff; font-size: 16px; font-weight: 300; line-height: 1.5; letter-spacing: -0.67px;}
.lab-wrap .about .card.card-blue .card-head{background-color: #82b4ff;}
.lab-wrap .about .card.card-blue .card-body{background-color: #f4f8fe;}
.lab-wrap .about .card.card-purple .card-head{background-color: #ae86ff;}
.lab-wrap .about .card.card-purple .card-body{background-color: #f6f3fb;}
.lab-wrap .about .card.card-last{margin-bottom: 58px;}
.lab-wrap .about .title-sm{font-size: 20px; font-weight: 500; letter-spacing: -0.84px; color: #484848; margin-bottom: 15px;}
.lab-wrap .about .img-4{background-image: url(../img/pages/lab/about-4.png); width: 1120px; height: 291px; background-size: cover; margin-bottom: 33px;}
.lab-wrap .about .img-5{background-image: url(../img/pages/lab/about-5.png); width: 1120px; height: 461px; background-size: cover; margin-top: -29px;}
.lab-wrap .strategy{padding-top: 60px;}
.lab-wrap .strategy .title{font-size: 24px; font-weight: 500; letter-spacing: -1.01px; margin-bottom: 30px;}
.lab-wrap .strategy .desc-box{font-size: 18px; line-height: 23px; letter-spacing: -0.76px; padding: 23px 21px; border-radius: 16px; margin-bottom: 30px;}
.lab-wrap .strategy .desc-box.purple{background-color: #f7f7ff;}
.lab-wrap .strategy .desc-box.blue{background-color: #f7fbff;}
.lab-wrap .strategy .table-1{background-image: url(../img/pages/lab/strategy-1.png); width: 1118px; height: 674px; background-size: cover; margin-bottom: 56px;}
.lab-wrap .strategy .table-2{background-image: url(../img/pages/lab/strategy-2.png); width: 1118px; height: 450px; background-size: cover;}
.lab-wrap .test-info{padding-top: 60px;}
.lab-wrap .test-info .title{font-size: 24px; font-weight: 500; letter-spacing: -1.01px; margin-bottom: 30px;}
.lab-wrap .test-info .title-sm{font-size: 20px; font-weight: 500; letter-spacing: -0.84px; margin-bottom: 20px;}
.lab-wrap .test-info .table-1{background-image: url(../img/pages/lab/test-info-1.png); width: 1120px; height: 226px; background-size: cover; margin-bottom: 40px;}
.lab-wrap .test-info .table-2{background-image: url(../img/pages/lab/test-info-2.png); width: 1120px; height: 87px; background-size: cover; margin-bottom: 24px;}
.lab-wrap .test-info .table-3{background-image: url(../img/pages/lab/test-info-3.png); width: 1120px; height: 460px; background-size: cover; margin-bottom: 19px;}
.lab-wrap .test-info .table-4{background-image: url(../img/pages/lab/test-info-4.png); width: 1120px; height: 297px; background-size: cover; margin-bottom: 40px;}
.lab-wrap .test-info .table-5{background-image: url(../img/pages/lab/test-info-5.png); width: 1120px; height: 648px; background-size: cover; margin-bottom: 32px;}
.lab-wrap .test-info .table-6{background-image: url(../img/pages/lab/test-info-6.png); width: 1120px; height: 750px; background-size: cover;}
.lab-wrap .test-info .desc-box{font-size: 16px; font-weight: 300; line-height: 1.69; letter-spacing: -0.67px; color: #2d2d2d; border-radius: 16px; padding: 23px 22px 26px; margin-bottom: 40px;}
.lab-wrap .test-info .desc-box.normal{font-weight: 400; line-height: 27px; font-size: 18px;}
.lab-wrap .test-info .desc-box.purple{background-color: #faf4fe;}
.lab-wrap .test-info .desc-box.blue{background-color: #f7fbff;}
.lab-wrap .test-info .desc-box.grey{background-color: #f9f9f9;}
.lab-wrap .test-info .desc-box.sm-margin{margin-bottom: 22px;}
.lab-wrap .test-info .btn-wrap{margin-bottom: 30px;}
.lab-wrap .test-info .btn-wrap .btn.btn-blue{padding: 0 58px;}
.lab-wrap .test-info .btn-wrap+.title{margin-top: 54px;}

/* 프로모션 사이트 */
.landing-wrap .section-visual{background-image: url(../img/pages/promotion/bg-section-visual.png); height: 1065px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; padding-top: 515px;}
.landing-wrap .section-visual .video{width: 826px; height: 485px; margin: 0 auto;}
.landing-wrap .section-visual .video>*{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.landing-wrap .section-intro{position: relative; background-image: url(../img/pages/promotion/bg-section-intro.png); height: 1130px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: 0 0; padding-top: 240px;}
.landing-wrap .section-intro .inner{display: flex;}
.landing-wrap .section-intro .heading{background-image: url(../img/pages/promotion/intro-title-1.png); background-size: cover; width: 704px; height: 274px; margin-bottom: 100px;}
.landing-wrap .section-intro .desc{font-size: 37px; line-height: 1.62; letter-spacing: -2.66px; text-align: left; color: #aaceff; padding-left: 57px;}
.landing-wrap .section-intro .profile{position: relative; left: -100px; top: -168px;}
.landing-wrap .section-intro .profile .img{width: 643px; height: 1054px;}
.landing-wrap .section-intro .profile .img img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.landing-wrap .section-intro .profile .info{position: absolute; bottom: -85px; right: -240px; background-image: url(../img/pages/promotion/img-pf-info-1.png); width: 301px; height: 250px; background-size: cover;}
.landing-wrap .section-event .box{position: relative;}
.landing-wrap .section-event .box.box-1{padding-top: 80px; padding-bottom: 90px;}
.landing-wrap .section-event .box.box-2{padding-top: 110px; padding-bottom: 83px;}
.landing-wrap .section-event .box.box-3{padding-top: 76px;}
.landing-wrap .section-event .box.bg-gradient{background-image: linear-gradient(to right, #dcf4ac, #c4e4bc, #99d4e5);}
.landing-wrap .section-event .box.bg-grey{background-color: #e8e8e8;}
.landing-wrap .section-event .event-badge{width: 303px; height: 76px; margin: 0 auto 50px;}
.landing-wrap .section-event .event-badge.badge-1{background-image: url(../img/pages/promotion/badge-1.png);}
.landing-wrap .section-event .event-badge.badge-2{margin: 0 auto 58px; background-image: url(../img/pages/promotion/badge-2.png);}
.landing-wrap .section-event .heading{width: 1185px; height: 175px; background-size: cover; background-image: url(../img/pages/promotion/event-title-1.png); margin: 0 auto 50px;}
.landing-wrap .section-event .caution{text-align: right; font-size: 18px; line-height: 18px; letter-spacing: -0.76px; margin-bottom: 50px;}
.landing-wrap .section-event .img{background-image: url(../img/pages/promotion/img-event.png); width: 979px; height: 750px; background-size: cover; margin: 0 auto 87px;}
.landing-wrap .section-event .btn-wrap .btn-go{background-image: url(../img/pages/promotion/btn-go.png); width: 956px; height: 124px; background-size: cover;}
.landing-wrap .section-event .title-lg{background-image: url(../img/pages/promotion/event-title-2.png); width: 866px; height: 72px; background-size: cover; margin: 0 auto 60px;}
.landing-wrap .section-event .ot-box{width: 1098px; height: 232px; margin: 0 auto 53px; padding: 43px 45px 34px 48px; border: solid 2px #1f1e2c; background-color: #16142a; color: #fff; display: flex; justify-content: space-between;}
.landing-wrap .section-event .ot-box .item{display: flex; align-items: center;}
.landing-wrap .section-event .ot-box .item+.item{margin-top: 23px;}
.landing-wrap .section-event .ot-box .item .badge{display: block; width: 193px; height: 66px; background-size: cover; margin-right: 34px;}
.landing-wrap .section-event .ot-box .item.item-1 .badge{background-image: url(../img/pages/promotion/badge-session-1.png);}
.landing-wrap .section-event .ot-box .item.item-2 .badge{background-image: url(../img/pages/promotion/badge-session-2.png);}
.landing-wrap .section-event .ot-box .item .txt{font-size: 32px; letter-spacing: -1.02px;}
.landing-wrap .section-event .ot-box .btn-ot{display: block; background-image: url(../img/pages/promotion/btn-check-ot.png); width: 396px; height: 144px; background-size: cover;}
.landing-wrap .section-event .caution-list{padding-left: 243px;}
.landing-wrap .section-event .caution-list .item+.item{margin-top: 10px;}
.landing-wrap .section-event .caution-list .item .title{font-size: 20px; font-weight: bold; line-height: 20px; margin-bottom: 12px; margin-right: 10px;}
.landing-wrap .section-event .caution-list .item .desc{font-size: 16px; line-height: 27px; letter-spacing: -.58px;}
.landing-wrap .section-event .caution-list .item .desc .color{color: #2f74f4;}
.landing-wrap .section-event .heading-img{background-image: url(../img/pages/promotion/event-title-3.png); width: 1232px; height: 170px; background-size: cover; margin: 0 auto 57px;}
.landing-wrap .section-event .professor-img{background-image: url(../img/pages/promotion/img-professors.png); width: 1359px; height: 917px; background-size: cover; margin: 0 auto;}
.landing-wrap .section-event .card-list{position: absolute; bottom: -135px; left: 50%; transform: translateX(-50%); display: flex; justify-content: center;}
.landing-wrap .section-event .card-list .item{width: 417px; height: 280px; padding: 51px 0 50px; border: solid 2px #2d2d2d; text-align: center; background-color: #fff;}
.landing-wrap .section-event .card-list .item+.item{margin-left: 52px;}
.landing-wrap .section-event .card-list .item.on{background-color: #070630;}
.landing-wrap .section-event .card-list .item.on .title{color: #fff;}
.landing-wrap .section-event .card-list .item.on .desc{color: #fff;}
.landing-wrap .section-event .card-list .item .title{font-size: 42px; font-weight: bold; letter-spacing: -2.6px; text-align: center; color: #1f1e2c; margin-bottom: 19px;}
.landing-wrap .section-event .card-list .item .desc{font-size: 24px; line-height: 1.67; letter-spacing: -1.2px; color: #1f1e2c;}
.landing-wrap .section-event .location{padding-top: 229px; padding-bottom: 137px; display: flex; justify-content: center; align-items: flex-end;}
.landing-wrap .section-event .location .item{display: flex; align-content: flex-end; color: #1f1e2c;}
.landing-wrap .section-event .location .item+.item{margin-top: 22px;}
.landing-wrap .section-event .location .item .tit{font-weight: bold; font-size: 30px; margin-right: 10px;}
.landing-wrap .section-event .location .item .desc{font-size: 25px; letter-spacing: -0.8px; text-align: left; padding-top: 3px;}
.landing-wrap .section-event .location .btn-go{background-image: url(../img/pages/promotion/btn-go-2.png); width: 461px; height: 135px; background-size: cover; margin-left: 54px;}
.landing-wrap .section-history{background-color: #181d31; padding-top: 186px; padding-bottom: 247px;}
.landing-wrap .section-history .heading{background-image: url(../img/pages/promotion/event-title-4.png); width: 737px; height: 162px; background-size: cover; margin: 0 auto 87px;}
.landing-wrap .section-history .bottom-heading{background-image: url(../img/pages/promotion/event-title-5.png); width: 1154px; height: 175px; background-size: cover; margin: 0 auto;}
.landing-wrap .section-history .swiper-container{height: 516px; overflow: hidden; margin-bottom: 156px;}
.landing-wrap .section-history .swiper-wrapper{transition-timing-function: linear;}
.landing-wrap .section-history .swiper-slide{text-align: center; height: 172px; margin-bottom: 0 !important;}
.landing-wrap .section-history .swiper-slide *{display: block;}
.landing-wrap .section-history .swiper-slide .tit{font-size: 30px; letter-spacing: -0.96px; text-align: center; color: #fff;}
.landing-wrap .section-history .swiper-slide .val{background-image: linear-gradient(to top, #2dd6ff, #6ea7ff, #ab7fff), linear-gradient(to bottom, #fff, #fff); font-size: 69px; font-weight: 900; letter-spacing: -2.21px; text-align: center; color: #fff; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.landing-wrap .q-menu{display: flex; flex-direction: column; position: fixed; right: 0; bottom: 0; z-index: 10;}
.landing-wrap .q-menu .item a{display: block;}
.landing-wrap .q-menu .item a img{display: block;}
.landing-wrap .section-banner{background-repeat: no-repeat; background-size: cover; background-position: center;}
.landing-wrap .main-visual-1{/* height: 749px; background-image: url(../img/pages/promotion/bg_img01.png);  */
  height: 1465px; background-image: url(../img/pages/promotion/0710/p_01.png);}
.landing-wrap .main-visual-2{height: 788px; background-image: url(../img/pages/promotion/bg_img02.png);}
.landing-wrap .main-visual-3{height: 1786px; background-image: url(../img/pages/promotion/bg_img02_02.png);}
.landing-wrap .main-visual-4{height: 2313px; background-image: url(../img/pages/promotion/bg_img03.png);}
.landing-wrap .main-visual-5{height: 1363px; background-image: url(../img/pages/promotion/bg_img04.png);}
.landing-wrap .main-visual-5 .tab-container{width: 1440px; margin: 0 auto; padding-top: 400px;}
.landing-wrap .main-visual-5 .tabs{display: flex; justify-content: center;}
.landing-wrap .main-visual-5 .tabs .item{width: 360px; height: 156px; background-size: cover;}
.landing-wrap .main-visual-5 .tabs .item a{display: block; width: 100%; height: 100%;}
.landing-wrap .main-visual-5 .tabs .item:first-child{background-image: url(../img/pages/promotion/tab01.png);}
.landing-wrap .main-visual-5 .tabs .item:nth-child(2){background-image: url(../img/pages/promotion/tab02.png);}
.landing-wrap .main-visual-5 .tabs .item:nth-child(3){background-image: url(../img/pages/promotion/tab03.png);}
.landing-wrap .main-visual-5 .tabs .item:nth-child(4){background-image: url(../img/pages/promotion/tab04.png);}
.landing-wrap .main-visual-5 .tabs .item.on:first-child{background-image: url(../img/pages/promotion/tab01_on.png);}
.landing-wrap .main-visual-5 .tabs .item.on:nth-child(2){background-image: url(../img/pages/promotion/tab02_on.png);}
.landing-wrap .main-visual-5 .tabs .item.on:nth-child(3){background-image: url(../img/pages/promotion/tab03_on.png);}
.landing-wrap .main-visual-5 .tabs .item.on:nth-child(4){background-image: url(../img/pages/promotion/tab04_on.png);}
.landing-wrap .main-visual-5 .tab-content .tab-panel{width: 1440px; height: 700px; background-repeat: no-repeat; background-color: #fff; background-position: center center;}
.landing-wrap .main-visual-5 .tab-content .tab-panel:first-child{background-image: url(../img/pages/promotion/img01.png);}
.landing-wrap .main-visual-5 .tab-content .tab-panel:nth-child(2){background-image: url(../img/pages/promotion/img02.png);}
.landing-wrap .main-visual-5 .tab-content .tab-panel:nth-child(3){background-image: url(../img/pages/promotion/img03.png);}
.landing-wrap .main-visual-5 .tab-content .tab-panel:nth-child(4){background-image: url(../img/pages/promotion/img04.png);}

/* 사이트맵 */
.site-map-wrap{padding-top: 100px;}
.site-map-wrap .title{font-size: 48px; font-weight: 500; letter-spacing: -2.98px; text-align: center; margin-bottom: 110px;}
.site-map-wrap .box{width: 1116px; margin: 0 auto;}
.site-map-wrap .row{display: flex; justify-content: center;}
.site-map-wrap .row+.row{margin-top: 100px;}
.site-map-wrap .col{display: flex; flex-direction: column; flex: 1;}
.site-map-wrap .col .tit{font-size: 32px; font-weight: 500; letter-spacing: -0.88px; border-bottom: 1px solid #e6e6e6; padding-bottom: 30px; margin-bottom: 32px;}
.site-map-wrap .col .list .item+.item{margin-top: 18px;}
.site-map-wrap .col .list .item a{display: block; font-size: 20px; font-weight: 300; line-height: 30px; letter-spacing: -1.24px;}

/* player */
.player-wrap{display: flex;}
.player-wrap .player-box{width: calc(100% - 428px); margin-right: 428px; display: flex; flex-direction: column;}
.player-wrap .player-box .top{display: flex; justify-content: space-between; align-items: center; height: 56px; border-bottom: 1px solid #e2e2e3; padding: 0 27px 0 42px;}
.player-wrap .player-box .top .info{display: flex; align-items: center; max-width: calc(100% - 162px);}
.player-wrap .player-box .top .info .title{display: flex; align-items: center; margin-right: 22px;}
.player-wrap .player-box .top .info .title .ico{margin-right: 4px; transform: translateY(-2px);}
.player-wrap .player-box .top .info .title span{font-size: 16px; font-weight: 500; line-height: 20px; letter-spacing: -0.51px; color: #fb8f25; display: inline-block;}
.player-wrap .player-box .top .info .name{font-size: 20px; font-weight: 500; letter-spacing: -0.64px; color: #1b1b1b; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.player-wrap .player-box .top .state{font-family: "Malgun Gothic"; font-size: 16px; font-weight: bold; color: #484848;}
.player-wrap .player-box .video-box{position: relative; border-bottom: 1px solid #e2e2e3; height: calc(100vh - 152px);}
.player-wrap .player-box .video-box .video{position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.player-wrap .player-box .video-box .video .btn-play{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3;}
.player-wrap .player-box .video-box .video iframe,
.player-wrap .player-box .video-box .video video,
.player-wrap .player-box .video-box .video img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.player-wrap .player-box .btns{display: flex; padding: 12px 26px;}
.player-wrap .player-box .btns button{width: 25%; height: 72px; display: flex; justify-content: center; align-items: center;}
.player-wrap .player-box .btns button+button{border-left: 1px solid #e2e2e3;}
.player-wrap .player-box .btns button img{margin-right: 20px;}
.player-wrap .side-box{position: fixed; right: 0; top: 0; width: 428px; height: 100vh; border-left: 1px solid #e2e2e3; padding: 11px 9px; background-color: #f2f2f2;}
.player-wrap .side-box .tabs-box{margin-bottom: 20px;}
.player-wrap .side-box .tabs{display: flex;}
.player-wrap .side-box .tabs .item{width: 50%; height: 46px; line-height: 48px; background-color: #bbbbbb; color: #fff; font-size: 16px; font-weight: 500; letter-spacing: normal; text-align: center;}
.player-wrap .side-box .tabs .item.on{background-color: #0942b5;}
.player-wrap .side-box .list{overflow-y: auto; max-height: calc(100vh - 86px);}
.player-wrap .side-box .list>.item{background-color: #fff; border: 1px solid #e2e2e3; /* padding-top: 13px;  */}
.player-wrap .side-box .list>.item+.item{margin-top: 12px;}
.player-wrap .side-box .list>.item.on .item-header::after{transform: translateY(-50%) rotate(0);}
.player-wrap .side-box .list>.item.on .item-body{display: block;}
.player-wrap .side-box .list>.item.on .item-footer{display: none;}
.player-wrap .side-box .list>.item .item-header{position: relative; display: flex; align-items: center; justify-content: space-between; height: 35px; padding-left: 18px; padding-right: 18px; cursor: pointer;}
.player-wrap .side-box .list>.item .item-header::after{content: none; position: absolute; width: 11px; height: 7px; right: 11px; top: 50%; transform: translateY(-50%) rotate(180deg); background-image: url(../img/pages/player/ico-arrow.png);}
.player-wrap .side-box .list>.item .item-header .title{width: 321px; display: flex; align-items: center;}
.player-wrap .side-box .list>.item .item-header .title .num{width: 22px; height: 22px; border: 1px solid #c0c0c0; border-radius: 100%; text-align: center; font-size: 12px; font-weight: bold; line-height: 22px;}
.player-wrap .side-box .list>.item .item-header .title .name{width: 270px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 16px; margin-left: 13px;}
.player-wrap .side-box .list>.item .item-header .time{/* font-family: "Malgun Gothic"; */ font-size: 14px; font-weight: bold; color: #6b6b6b; margin-left: -25px;}
.player-wrap .side-box .list>.item .item-body{display: none; padding-bottom: 11px;}
.player-wrap .side-box .list>.item .item-body .menu{display: flex; align-items: center; width: 100%; height: 32px; padding-left: 18px; cursor: pointer;}
.player-wrap .side-box .list>.item .item-body .menu .state{display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 100%; font-size: 10px; background-color: #fff; /* font-family: "Malgun Gothic"; */ font-weight: bold; color: #b0b0b0; transform: rotate(270deg); margin-right: 12px;}
.player-wrap .side-box .list>.item .item-body .menu .title{font-size: 14px; width: 270px; margin-right: 17px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.player-wrap .side-box .list>.item .item-body .menu .time{/* font-family: "Malgun Gothic"; */ font-size: 14px; font-weight: bold;}
.player-wrap .side-box .list>.item .item-body .menu.on{background-color: #002aff;}
.player-wrap .side-box .list>.item .item-body .menu.on .state{color: #002aff;}
.player-wrap .side-box .list>.item .item-body .menu.on .title{color: #fff;}
.player-wrap .side-box .list>.item .item-body .menu.on .time{color: #fff;}
.player-wrap .side-box .list>.item .item-footer{padding-left: 54px; font-size: 14px; padding-bottom: 29px; margin-top: 10px;}
.player-wrap .side-box .writing .text-box{padding: 25px 25px 39px; background-color: #fff;}
.player-wrap .side-box .writing .text-box .text{padding-bottom: 32px; border-bottom: 1px solid #e2e2e3; margin-bottom: 32px; font-size: 16px; font-weight: 300; line-height: 23.3px; max-height: calc(100vh - 220px); overflow-y: auto;}
.player-wrap .side-box .writing .text-box .text:focus{outline: none;}
.player-wrap .side-box .writing .btn-wrap{display: flex; justify-content: center; width: 100%; align-items: center;}
.player-wrap .side-box .writing .btn-wrap button{width: 140px; height: 40px; line-height: 40px; /* font-family: "Malgun Gothic"; */ font-size: 14px; letter-spacing: -0.45px; text-align: center; background-color: #484848; color: #fff;}
.player-wrap .side-box .writing .btn-wrap button+button{margin-left: 17px;}

/* 마이페이지 회원정보수정  */
.board-wrap .form.members{font-family: "Malgun Gothic"; font-size: 16px; letter-spacing: -0.67px; margin: 0 10px;}
.board-wrap .form.members .row .col-desc .sel-box{padding: 9px 0 4px 30px;}
.board-wrap .form.members .row .col-desc .sel-box .sel-item .desc span{font-size: 14px; line-height: 20px;}
.board-wrap .form.members .row .col-desc .sel-box .sel-dropdown .dropdown-content{top: 47px;}
.board-wrap .form.members .row .col-desc input.form-input{height: 42px; line-height: 42px;}
.board-wrap .form.members .row .col-desc .form-group.password .desc{font-size: 11px; line-height: 20px; letter-spacing: -0.06em; margin-left: 20px;}
.board-wrap .form.members .row .col-desc .radio-box .form-group .form-radio+.form-radio{margin-left: 20px;}
.board-wrap .form.members.info{overflow-x: visible;}
.board-wrap .form.members.info .row{width: 100%;}
.board-wrap .form.members.info .row .col-title{width: 25%;}
.board-wrap .form.members.info .row .col-desc{width: 75%;}
.board-wrap .form.members.info .row .col-desc .form-group.phone .form-input{width: calc(33% - 10px); padding: 0;}
.board-wrap .form.members.info .row .col-desc .form-group.phone .hyphen{margin: 0 8px;}
.board-wrap .form.members.info .row .col-desc .form-group.password .form-input{width: 100%;}
.board-wrap .form.members.info+.btn-wrap{margin-top: 24px; flex-direction: column-reverse;}
.board-wrap .form.members.info+.btn-wrap .btn-lg{padding: 0 46px;}
.board-wrap .form.members.info+.btn-wrap .btn-sm{position: static; margin-left: 0; margin-bottom: 24px; font-size: 14px; font-weight: 400;}

.scond_btn{display: flex; margin-left: 20px; border-radius: 4px; min-width: 130px; height: 40px; line-height: 30px; text-align: center; font-size: 16px; letter-spacing: -.4px; font-weight: 400; color: #056eed; background-color: rgb(255 255 255); border: 1px solid #056eed; align-items: center; justify-content: center}
.scond_btn_m{display: flex; margin-left: 20px; border-radius: 4px; min-width: 65px; height: 25px; line-height: 15px; text-align: center; font-size: 12px; letter-spacing: -.4px; font-weight: 300; color: #056eed; background-color: rgb(255 255 255); border: 1px solid #056eed; align-items: center; justify-content: center; width: 60px;}
.member_btn{display: inline-block; margin-top: 20px; min-width: 180px; height: 44px; line-height: 40px; text-align: center; font-size: 18px; letter-spacing: -.3px; color: #ffffff; border-radius: 4px; background-color: #3b94ec;}

.board-wrap .form.members .row .col-desc .sel-box{padding: 19px 0 4px 37px;}
.board-wrap .form.members .row .col-desc .form-group.phone{display: flex; align-items: center;}
.board-wrap .form.members .row .col-desc .form-group.phone .hyphen{font-family: "Malgun Gothic"; font-size: 16px; letter-spacing: -0.67px; margin: 0 10px;}
.board-wrap .form.members .row .col-desc .form-group.phone .form-input{width: 218px; text-align: center;}
.board-wrap .form.members .row .col-desc .form-group.password{display: flex; align-items: center;}
.board-wrap .form.members .row .col-desc .form-group.password .form-input{width: 262px;}
.board-wrap .form.members .row .col-desc .form-group.password .desc{font-size: 14px; letter-spacing: -0.59px; color: #939393; margin-left: 24px;}
.board-wrap .form.members .row .col-desc .form-input.name{width: 262px;}
.board-wrap .form.members .row .col-desc textarea.form-input{height: 113px;}
.board-wrap .form.members .row .col-desc .radio-box .form-group .form-radio+.form-radio{margin-left: 65px;}
.board-wrap .form.members+.btn-wrap{margin-top: 53px;}

/* 나의강의실에 있는 파란색 네모 버튼 */
.btn_rect{display: flex; width: 150px; height: 46px; justify-content: center; align-items: center; gap: 10px; flex-shrink: 0; border-radius: 8px; background: var(--1, #0083FE); color: var(--white, #FFF); font-size: 16px; font-family: Noto Sans KR; font-weight: 500; line-height: 18px; letter-spacing: -0.96px;}

/* 나의강의실에 있는 파란색 네모 버튼 */
.btn_rect_blue{display: flex; border-radius: 4px; height: 40px; line-height: 30px; text-align: center; font-size: 16px; letter-spacing: -.4px; font-weight: 400; color: #FFF; background: var(--1, #0083FE); border: 1px solid #056eed; align-items: center; justify-content: center; width: 62%; margin-bottom: 4px;}
.btn_rect_line{display: flex; border-radius: 4px; /* min-width: 100px; */ height: 40px; line-height: 30px; text-align: center; font-size: 16px; letter-spacing: -.4px; font-weight: 400; color: #056eed; background-color: rgb(255 255 255); border: 1px solid #056eed; align-items: center; justify-content: center; width: 62%; /* margin-bottom: 4px; */}

/* 나의강의실 학습모드 실전모드 버튼 */
.mystudy_ibt_btn_container{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%;}

/* .chk_agree_exit_item, .chk_agree_item{cursor: pointer;} */

/* 추가 2025.07.10 */
/* PC */ 
@media (min-width: 841px){
.board-wrap .form .row .col-title br{display: none;}
.btn_bl{margin-left: 10px;}
.v-table.cart table colgroup col:nth-child(1) {width: 10%;}
.v-table.cart table colgroup col:nth-child(2) {width: 70%;}
.v-table.cart table colgroup col:nth-child(3) {width: 10%;}
.v-table.cart table colgroup col:nth-child(4) {width: 10%;}
.order__list.tot .info{display: flex;}
.tbl-orderlist.dtl col:nth-child(1){width: 5%;}
.tbl-orderlist.dtl col:nth-child(2){width: 28%;}
.tbl-orderlist.dtl col:nth-child(3){width: 5%;}
.tbl-orderlist.dtl col:nth-child(4){width: 10%;}
.tbl-orderlist.dtl col:nth-child(5){width: 6%;}
.tbl-orderlist.dtl col:nth-child(6){width: 6%;}
.tbl-orderlist.dtl col:nth-child(7){width: 10%;}
.tbl-orderlist.dtl col:nth-child(8){width: 6%;}
.tbl-orderlist.dtl col:nth-child(9){width: 10%;}
.tbl-orderlist.dtl col:nth-child(10){width: 6%;}
.tbl-orderlist.dtl col:nth-child(11){width: 10%;}
.course-detail{margin-top: -20px; padding-bottom: 100px;}

}

/* mo */ 
@media (max-width: 840px){
  .btn_bl{margin-top: 2px;}
  .form.members.mt15 label{margin: 6px 6px 0 0 !important; display: unset;}
  .v-table.cart table colgroup col:nth-child(1) {width: 10%;}
  .v-table.cart table colgroup col:nth-child(2) {width: 60%;}
  .v-table.cart table colgroup col:nth-child(3) {width: 10%;}
  .v-table.cart table colgroup col:nth-child(4) {width: 20%;}
  .course-detail .v-table table td:nth-child(2){padding-left: 10px !important;}
  .course-detail .v-table table th{padding: 6px 0 !important;}

  .order__list li{position: relative; padding: 15px !important; font-size: 16px !important; margin: 25px 0 45px !important;}
  .order__list li .data{position: absolute; top: -22px; left: 0; font-weight: 900;}
  .order__list li .step div:last-child{padding-left: 0 !important;}
  .order__list .info div:last-child{padding-top: 5px;}
  .order__list .info div:last-child strong{padding-left: 0 !important; font-size: 15px !important;}
  .order__list .info div:last-child span{font-size: 13px !important; margin-left: unset !important;}
  .order__list li .detail_view{top: -35px !important; right: -10px !important;}
  .contentTitle .txt_samll{position: relative !important; font-size: 14px;}
  .tbl-orderlist.dtl{width: 1100px !important;}
  .course-detail .v-table.cart table{width: 100% !important;}
  .tbl-orderlist.dtl col:nth-child(1){width: 6%;}
  .tbl-orderlist.dtl col:nth-child(2){width: 23%;}
  .tbl-orderlist.dtl col:nth-child(3){width: 6%;}
  .tbl-orderlist.dtl col:nth-child(4){width: 6%;}
  .tbl-orderlist.dtl col:nth-child(5){width: 6%;}
  .tbl-orderlist.dtl col:nth-child(6){width: 6%;}
  .tbl-orderlist.dtl col:nth-child(7){width: 6%;}
  .tbl-orderlist.dtl col:nth-child(8){width: 6%;}
  .tbl-orderlist.dtl col:nth-child(9){width: 6%;}
  .tbl-orderlist.dtl col:nth-child(10){width: 8%;}
  .tbl-orderlist.dtl col:nth-child(11){width: 11%;}
}

.contentTitle h2{position: relative;}
.contentTitle .txt_samll{position: absolute; right: 0; top: 5px; font-size: 15px; font-weight: 500;}

.form.members.mt15 input{cursor: pointer; margin-right: 2px; vertical-align: middle;}
.form.members.mt15 label{cursor: pointer; margin-right: 10px;}
.btn_bl{display: inline-block; background: #333; padding: 5px 10px; color: #fff; font-size: 12px;}
.form.members.mt15 .txt{padding: 20px 20px 10px; border-bottom: 1px solid; margin-bottom: 10px; font-size: 15px;}
.course-detail .v-table table td:nth-child(2){text-align: left; /* padding-left: 30px; */ padding: 5px 12px;}
.v-table.cart{margin-top: 30px; border-top: 1px solid #ccc;}

.order__list{padding: 20px 0 100px;}
.order__list.dtl{padding: 0;}
.order__list li{border-radius: 10px; border: 1px solid #aaa; padding: 22px 32px; margin-bottom: 20px; font-size: 19px;}
.order__list a{font-size: 14px; font-weight: 400; color: #777; margin-left: 3px;}
.order__list .small{font-size: 13px; font-weight: 400; color: #777;}

.order__list .step{display: flex; align-items: center; border-bottom: 1px solid #eee; padding-bottom: 7px;}
.order__list .sts{position: relative; width: 100%; font-weight: 900; padding-left: 10px;font-weight: 900; font-size: 20px; display: inline-block; padding-left: 20px;}
.order__list .detail_view{position: absolute; top: 5px; right: 0; font-weight: 500; color: #333;}
.order__list .detail_view::after{content: '>'; font-weight: 300;}
.order__list .sts i{display: none;}

.order__list.tot .info{padding: 15px 0 0;}
.order__list .info .conts__tit em{color: #056eed; font-weight: 500;}
.order__list .info .conts__tit br{display: none;}
.order__list .info .price strong{padding-left: 10px;}

.order__sts{padding: 10px 0;}
.order__sts li{float: left; width: 50%; font-size: 20px}
.order__sts li span{margin-left: 10px; color: #ccc; font-size: 15px;}
.order__sts li:last-child{text-align: right;}

#orderList{padding-bottom: 25px;}
#orderList span{color: #aaa;}
.conts__tit{position: relative; padding-bottom: 10px;}
.conts__tit .oder_sts{position: absolute; right: 0;}
.conts__tit .oder_sts .cancle{padding-left: 20px; color: #aaa;}
.order__list.dtl .price{font-size: 17px; border-top: 1px solid #eee; padding-top: 20px; line-height: 1.5;}
.scond_btn{width: fit-content; padding: 5px 10px;}
.tbl-orderlist.dtl td .scond_btn{display: unset; margin-left: unset;}
.course-detail .v-table table td:nth-child(2) .scond_btn{margin-left: unset;}

/* 반응형 */
@media (max-width: 1440px){
  .header-wrap .inner{width: 100%;}
  .pc-header{display: none;}
  .pc-menu{display: none;}
  .pc-header-top{display: none;}
  .mo-header{position: fixed; top: 0; left: 0; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 55px; padding: 0 20px; border-bottom: 1px solid #f6f6f6; background-color: #fff;}
  .mo-header .menu.on i.ico-menu{width: 18px; height: 16px; background-image: url(../img/common/bt-close.png);}
  .mo-header .logo{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 105px; height: 26px;}
  .mo-header .logo a{display: block; width: 100%; height: 100%;}
  .mo-header .logo img{display: block;}
  .mo-header .btns{display: flex; align-items: center;}
  .mo-header .btns a{display: block;}
  .mo-header .btns .btn-login{transform: translateY(4px); margin-left: 20px;}
  .mo-menu{display: none; position: fixed; top: 55px; left: 0; width: 100%; height: calc(100vh - 55px); background-color: #fff;}
  .mo-menu .menu-item .title{padding: 0 20px; width: 100%; height: 40px; display: flex; align-items: center; font-weight: 500; font-size: 15px; letter-spacing: -0.38px; background-image: url(../img/common/icon-down-arrow-sm.png); background-size: 13px 8px; background-repeat: no-repeat; background-position: right 24px center;}
  .mo-menu .menu-item .title span{position: relative; display: inline-block;}
  .mo-menu .menu-item .title span::after{content: ''; display: none; position: absolute; bottom: -11px; left: 0; width: 100%; height: 2px; background-color: #063bce;}
  .mo-menu .menu-item .sub-menu{display: none; background-color: #f2f3f5; padding: 0 20px 0 21px;}
  .mo-menu .menu-item .sub-menu .s-title{display: block; font-weight: 300; padding: 12px 0;}
  .mo-menu .menu-item .sub-menu .s-title.on{color: #0051c9;}
  .mo-menu .menu-item.open .title{background-image: url(../img/common/icon-top-arrow-sm.png);}
  .mo-menu .menu-item.open .title span::after{display: block;}
  .mo-menu .menu-item.open .sub-menu{display: block;}
  .mo-menu.open{display: block;}

  /* header 모바일 수정 20240226 */
  .mo-header .btns{width: 100%; justify-content: flex-end; margin-right: 35px;}
  .mo-header .btns a{font-size: 11px; width: 64px; text-align: center; border: 1px solid #d9d9d9; height: 23px; border-radius: 32px; padding-top: 4px;}
  .mo-header .btns a:last-child{background: #0006eb; color: #fff; border: 1px solid #0006eb;}
  .btnTopMenu{gap: 5px;}
  .ico-menu{width: 40px; height: 32px; background-size: 20px auto; background-position: 10px center;}
  .mo-header .logo{left: 20px; transform: translate(0%, -50%);}
  .menu{position: absolute; right: 10px; top: 12px;}
  .mo-header .menu.on i.ico-menu{width: 40px; height: 32px; background-size: 18px auto;}
  .mo-menu .lnb_logout{background: #eaf4fe; display: block; font-weight: 500; font-size: 15px; letter-spacing: -0.38px; padding: 20px; margin: 15px 0 0;}
 
  /* contents */
  .contents{padding-top: 55px !important; min-height: calc(100vh - 320px); padding-bottom: 70px;}
  .contentsBox .eventBtn{bottom: 80px;}
  .contentsBox .eventBtn img{width: 80%;}
  .contentsTab a{font-size: 24px; height: 66px; width: 380px; line-height: 66px;}
 
/* footer */
  .pc-footer{display: none;}
  .mo-footer{display: block;}
 
  /* fixed bottom menu */
  .fixed-btns{bottom: 70px; right: 11px; flex-direction: column-reverse; align-items: flex-end;}
  .fixed-btns .btn-top{width: 44px; height: 44px;}
  .fixed-btns .btn-chatbot{width: 84px; height: 75px; margin-right: -12px; background-image: url(../img/common/btn-mo-chatbot.png);}
 
  /* fixed bottom menu */
  .mo-bottom-menu{display: block; position: fixed; bottom: 0; width: 100%; z-index: 5;}
  .mo-bottom-menu .menu{display: flex; justify-content: space-evenly; width: 100%; height: 60px; padding: 8px 35px 10px 33px; border: solid 0 #3b94ec; background-color: #064dd9;}
  .mo-bottom-menu .menu .item{padding: 5px;}
  .mo-bottom-menu .menu .item a{display: block; text-align: center;}
  .mo-bottom-menu .menu .item a .ico{display: block;}
  .mo-bottom-menu .menu .item a span{font-size: 13px; font-weight: 300; letter-spacing: -0.13px; text-align: left; color: #fff; margin-top: 8px;}
 
  /* .price-box .title{} */
 
  .inner{width: 100%;}
  h2.title{padding-top: 59px; text-align: center; font-size: 24px; letter-spacing: -0.6px;}
 
  /* form */
  .form-input{font-size: 14px; letter-spacing: -0.35px;}
  .form-check{height: 20px;}
  .form-check span{font-size: 12.8px; padding-left: 28px; letter-spacing: -0.05em; padding-top: 1px;}
  .form-radio{padding-left: 28px;}
  .form-radio input+span{font-size: 12px;}
  .form-radio input+span::after{top: -1px; left: 0;}
  .sel-dropdown .btn-dropdown-trigger{padding: 0 25px 0 14px;}
  .sel-dropdown .btn-dropdown-trigger::after{width: 7.11px; height: 4px; right: 16px;}
 
  /* form */
  .c-form{overflow-x: auto;}
  .c-form .box{min-width: 800px;}
  .c-form .row .col-title{width: 109px;}
  .c-form .row .col-title .tit{display: block; font-size: 12px; line-height: 24px; letter-spacing: -0.05em;}
  .c-form .row .col-desc{width: calc(100% - 109px); padding: 8px 20px;}
  .c-form .row .col-desc>.txt{font-size: 12.8px; line-height: 24px;}
  .c-form .row>.txt{padding: 32px; font-size: 16px; line-height: 24px; letter-spacing: -0.06em;}
  .c-form .row input.form-input{height: 42px; line-height: 40px; font-size: 12.8px;}
  .c-form .row .sel-dropdown .btn-dropdown-trigger{height: 42px; line-height: 40px; font-size: 12.8px;}
  .c-form .row .sel-dropdown .dropdown-content{top: 41px;}
  .c-form .row .sel-dropdown .dropdown-content a{font-size: 12.8px;}
  .c-form .row .form-group .btn{height: 42px; line-height: 42px;}
  .c-form .row .sel-box .sel-dropdown{padding: 0; width: 188px;}
  .c-form .row .sel-box .sel-dropdown .btn-dropdown-trigger{font-size: 12px;}
  .c-form .row .sel-box .sel-dropdown .dropdown-content{min-width: 188px; top: 37px;}
  .c-form .row .sel-box .sel-dropdown .dropdown-content a{font-size: 12px;}
  .c-form .row .sel-box .sel-dropdown+.sel-dropdown{margin-left: 20px;}
  .c-form .row .sel-box .sel-item .desc{font-size: 14px; line-height: 20px; letter-spacing: -0.08em;}
  .c-form .row .sel-box .sel-item .sel-dropdown{padding: 10px 0 0;}
  .c-form .row .sel-box .sel-item+.sel-item{margin-left: 80px;}
  .c-form .row .with-txt .txt{font-size: 12.8px; margin-left: 12px;}
  .c-form .row .radio-box .form-group .form-radio+.form-radio{margin-left: 20px;}
  .c-form .row textarea.form-input{height: 140px; font-size: 12px; line-height: 24px; padding: 9px 16px;}
  .c-form .row .select-file input[type="file"]{width: calc(100% - 109px - 16px); background-color: #fff; border: 1px solid #e2e2e3; font-size: 12px; color: #767676; padding: 0 16px;}
  .c-form .row .select-file .btn-file{width: 109px; margin-left: 16px; font-size: 14px;}
 
  /* 회원가입 + 로그인 + 회원가입 완료 */
  .sign-in-wrap .content{width: 360px; padding: 0 20px;}
  .sign-in-wrap .content h2.title{margin-bottom: 29px; justify-content: center;}
  .sign-in-wrap .content h2.title .link{display: none;}
  .sign-in-wrap .form-row .form-group.email .form-input{width: calc(100% - 101px - 19px);}
  .sign-in-wrap .form-row .form-group.email .btn{width: 101px; min-width: auto; margin-left: 19px; font-size: 15px;}
  .sign-in-wrap .form-row+.form-row{margin-top: 14px;}
  .sign-in-wrap .sns-links .title::before,
  .sign-in-wrap .sns-links .title::after{width: calc(50% - 42px);}
  .sign-in-wrap .check-area{margin-bottom: 47px;}
  .sign-in-wrap .check-area .form-check span{font-size: 14px;}
  .sign-in-wrap .check-area .form-check .check-all+span{font-size: 16px;}
  .sign-in-wrap .sns-links .title{font-size: 14px; letter-spacing: -0.59px; margin-bottom: 57px;}
  .sign-in-wrap .sns-links .links .item{width: 79px; height: 79px;}
  .sign-in-wrap .sns-links .links .item+.item{margin-left: 20px;}
  .sign-in-wrap .sns-links .links .item a{display: block; height: 100%; width: 100%;}
  .sign-in-wrap .sns-links .links .item a .ico{width: 100%; height: 100%;}
  .sign-in-wrap .btn-wrap{margin-bottom: 82px;}
  .sign-in-wrap .find-id-pw{margin-top: 25px; margin-bottom: 31px;}
  .sign-in-wrap .find-id-pw a{font-size: 14px; letter-spacing: -0.35px;}
  .sign-in-wrap .find-id-pw+.btn-wrap{margin-bottom: 89px;}
  .sign-in-wrap .find-id-pw+.btn-wrap .btn{width: 100%; min-width: auto; height: 50px; line-height: 50px; font-size: 20px; border-radius: 0;}
  .sign-in-wrap.complete .content h2.title{font-size: 46px; letter-spacing: -3.45px; justify-content: flex-start;}
 
  /* 메인 */
  .main-wrap .inner{width: 100%; overflow: hidden;}
  /* .main-wrap .section-visual{ padding-top: 20px; } */

  .main-wrap .section-visual .top{flex-direction: column; justify-content: flex-start; align-items: center;}
  .main-wrap .section-visual .top .badge-wrap{margin-right: 0; margin-bottom: 20px; max-width: 100%; padding: 0 20px; display: block; overflow-x: auto; overflow-y: hidden; white-space: nowrap; text-align: center;}
  .main-wrap .section-visual .top .badge-wrap .badge{height: 32px; line-height: 30px; font-size: 14.5px; letter-spacing: -0.61px;}
  .main-wrap .section-visual .top .badge-wrap .badge+.badge{margin-left: 4px;}
  .main-wrap .section-visual .top .input-group .form-search{height: 39px; line-height: 37px; border-color: #e2e2e3;}
  .main-wrap .section-visual .top .input-group .btn-search{width: 19px; height: 19px; right: 22px; background-image: url(../img/common/search.png);}
  .main-wrap .section-step .heading{padding-left: 20px;}
  .main-wrap .section-history{padding: 0 20px;}
  .main-wrap .section-history img{width: 100%; height: auto;}
  .main-wrap .section-info{padding: 0 20px;}
 
  /* 서브 공통 요소 */
  .sub-wrap .inner{width: 100%;}
  .sub-wrap .sub-heading{display: none;}
  .sub-wrap .breadcrumb{display: none;}
  .sub-wrap .sub-body .inner{display: block;}
  /* lnb */
  /*
  .sub-wrap .sub-body .snb{width: 100%;}    .sub-wrap .sub-body .snb ul{  padding: 0 24px;border-bottom: 1px solid #e2e2e3;white-space: nowrap;overflow-y: hidden;overflow-x: auto;}
  .sub-wrap .sub-body .snb ul li{display: inline-block; border-bottom: 0; border-left: 0; border-right: 0;}
  .sub-wrap .sub-body .snb ul li + li{margin-left: 32px;}
  .sub-wrap .sub-body .snb ul li.on, .sub-wrap .sub-body .snb ul li:hover{background-color: transparent;position: relative;}
  .sub-wrap .sub-body .snb ul li.on::after, .sub-wrap .sub-body .snb ul li:hover::after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #0051c9;}
  .sub-wrap .sub-body .snb ul li a{display: block;width: auto;height: 34px;line-height: 34px;font-size: 14.5px;font-weight: 300;letter-spacing: -0.36px;text-align: left;color: #000;padding: 0;}
  .sub-wrap .sub-body .snb ul li a .new{display: none;}           
  */
  .sub-wrap .sub-body .snb .banners{display: none;}
  .sub-wrap .sub-body .snb .sub-menu{display: none !important;}
  .sub-wrap .sub-body .content{width: 100%; padding: 0 20px;}
 
  /* 인강 */
  .course-list .item .btn-wrap>*{width: calc(50% - 7px); height: 48px;}
  .course-list .item .btn-wrap>* span{margin-left: 0; font-size: 16px; letter-spacing: -0.67px;}
  .course-list .item .btn-wrap .ico{display: none;}
 
  /* 인강 */
  .banner-bottom{height: 87px;}
  .banner-bottom .inner{padding-right: 0; justify-content: center;}
  .banner-bottom .box{margin-right: 21px; display: flex; flex-direction: column; align-items: flex-end;}
  .banner-bottom .title{font-size: 18px; letter-spacing: -1.48px; margin-right: 0; padding-top: 5px;}
  .banner-bottom .original{font-size: 15px; margin-right: 15px;}
  .banner-bottom .original::after{width: 86px; background-position: right center; height: 5px;}
  .banner-bottom .total{font-size: 29.5px; letter-spacing: -0.74px; margin-right: 0;}
  .banner-bottom .btn-blue{width: 129px; height: 47px; font-size: 18px; letter-spacing: -1.35px; padding: 0;}
  .banner-bottom .btn-blue span{width: 8px; height: 9px; background-size: contain; background-repeat: no-repeat; margin-left: 17px;}
 
  /* 학원 */
  .academy-wrap .visual-banner img{width: 100%; height: auto;}
  .academy-wrap .product-list{overflow-x: auto; overflow-y: hidden;}
  .academy-wrap .product-list .scroll{min-width: 729px;}
  .academy-wrap .product-list .item-header .row{height: 48px;}
  .academy-wrap .product-list .item-header .row .col{font-size: 12.8px; line-height: 24px; letter-spacing: -0.01em;}
  .academy-wrap .product-list .item-body .row{height: auto;}
  .academy-wrap .product-list .item-body .col{display: flex; flex-direction: column; justify-content: center; padding: 12px;}
  .academy-wrap .product-list .item-body .col:first-child{padding: 0;}
  .academy-wrap .product-list .item-body .title{font-size: 12.8px; line-height: 24px; letter-spacing: -0.05em; margin-top: 8px;}
  .academy-wrap .product-list .item-body .l-info{font-size: 12.8px; line-height: 24px; letter-spacing: -0.05em; padding: 0;}
  .academy-wrap .product-list .item-body .amount .discount{font-size: 12px; line-height: 18px; letter-spacing: -0.02em; margin-bottom: 2px;}
  .academy-wrap .product-list .item-body .amount .price .original-price{font-size: 14px; line-height: 18px; letter-spacing: -0.08em;}
  .academy-wrap .product-list .item-body .amount .price .total{font-size: 18px; line-height: 22px; letter-spacing: -0.02em;}
  .academy-wrap .product-list .item-body .btn-wrap{padding: 0;}
  .academy-wrap .product-list .item-body .btn-wrap .btn{min-width: auto;}
  .academy-wrap .badge{padding: 0 4px; height: 14px; line-height: 12px; border-radius: 2px; font-size: 8px; letter-spacing: -0.05em;}
  .academy-wrap .space{font-size: 10px; line-height: 14px; letter-spacing: -0.08em; margin-top: 0;}
   
  /* 학원 게시판 */
  .board-wrap{padding-top: 20px;}
  .board-wrap .heading{align-items: center; margin-bottom: 20px;}
  .board-wrap .heading .title{font-weight: 700; font-size: 20px; line-height: 32px; letter-spacing: -0.01em; white-space: nowrap;}
  .board-wrap .heading .ico{display: none;}
  .board-wrap .heading .desc{position: relative; font-size: 12px; letter-spacing: -0.06em; transform: none; margin-left: 16px; padding-top: 1px;}
  .board-wrap .heading .desc::before{content: ''; position: absolute; width: 1px; height: 12px; left: -8px; top: 50%; transform: translateY(-50%); background-color: #000;}
  .board-wrap .search-box{flex-direction: column; align-items: flex-start; padding: 20px; margin-bottom: 20px;}
  .board-wrap .search-box .title{font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: -0.08em; margin-bottom: 8px; margin-right: 0;}
  .board-wrap .search-box .input-group{width: 100%;}
  .board-wrap .search-box .input-group .form-search{height: 43px; line-height: 41px; font-size: 14px; padding: 0 42px 0 20px;}
  .board-wrap .search-box .input-group .btn-search{width: 32px; height: 32px;}
  .form-search+.btn-search::before{    width: 15px;height: 15px;border: 2px solid #fff;}
  .form-search+.btn-search::after{width: 6px;   height: 2px;bottom: 7px;right: 6px;}
  .board-wrap .notice-list{overflow-x: auto;}
  .board-wrap .notice-list .scroll{min-width: 563px;}
  .board-wrap .notice-list .scroll.scroll-sm{min-width: 514px;}
  .board-wrap .notice-list .scroll.scroll-lg{min-width: 876px;}
  .board-wrap .notice-list .row .col:nth-child(2){width: 18%;}
  .board-wrap .notice-list .row .col:nth-child(3){width: 56%;}
  .board-wrap .notice-list .item-header .row{height: 48px;}
  .board-wrap .notice-list .item-header .row .col{font-size: 12px; line-height: 16px; letter-spacing: -0.01em;}
  .board-wrap .notice-list .item-body .row .col{font-size: 12px; line-height: 16px; letter-spacing: -0.01em;}
  .board-wrap .notice-list .item-body .row .col.align-left{padding: 12px 24px;}
  .board-wrap .notice-list .item-body.accordion .row .col.align-left{padding: 12px 35px 12px 24px;}
  .board-wrap .notice-list .item-body.accordion .row .col:nth-child(3)::after{width: 9px; height: 6px; right: 20px;}
  .board-wrap .notice-list .item-body.accordion .row.row-body{padding: 12px;}
  .board-wrap .notice-list .item-body.accordion .row.row-body .txt{font-size: 12px; line-height: 24px; letter-spacing: -0.05em;}
  .board-wrap .notice-list.qa .scroll{min-width: 893px;}
  .board-wrap .notice-list.qa .row .col:nth-child(2){width: 12%;}
  .board-wrap .notice-list.qa .row .col:nth-child(3){width: 30%;}
  .board-wrap .notice-list.qa .row .col:nth-child(4){width: 11%;}
  .board-wrap .notice-list.qa .row .col:nth-child(6){width: 11%;}
  .board-wrap .notice-list.qa .row .col:last-child{width: 7%;}
  .board-wrap .form{overflow-x: auto;}
  .board-wrap .form .scroll{min-width: 800px;}
  .board-wrap .form .row .col-title{width: 109px;}
  .board-wrap .form .row .col-title .tit{display: block; font-size: 12px; /* line-height: 24px; */ line-height: 1.3; letter-spacing: -0.05em;}
  .board-wrap .form .row .col-desc{/* width: calc(100% - 109px); padding: 8px 20px; */ width: calc(100% - 79px); padding: 8px 10px; font-size: 15px;}
  .board-wrap .form .row .col-desc .sel-box .sel-dropdown{padding: 0; width: 188px;}
  .board-wrap .form .row .col-desc .sel-box .sel-dropdown .btn-dropdown-trigger{font-size: 12px;}
  .board-wrap .form .row .col-desc .sel-box .sel-dropdown .dropdown-content{min-width: 188px; top: 37px;}
  .board-wrap .form .row .col-desc .sel-box .sel-dropdown .dropdown-content a{font-size: 12px;}
  .board-wrap .form .row .col-desc .sel-box .sel-dropdown+.sel-dropdown{margin-left: 20px;}
  .board-wrap .form .row .col-desc .sel-box .sel-item .desc{font-size: 14px; line-height: 20px; letter-spacing: -0.08em;}
  .board-wrap .form .row .col-desc .sel-box .sel-item .sel-dropdown{padding: 10px 0 0;}
  .board-wrap .form .row .col-desc .sel-box .sel-item+.sel-item{margin-left: 80px;}
  .board-wrap .form .row .col-desc .radio-box{padding: 0;}
  .board-wrap .form .row .col-desc .radio-box .form-group .form-radio+.form-radio{margin-left: 20px;}
  .board-wrap .form .row .col-desc textarea.form-input{height: 140px; font-size: 12px; line-height: 24px; padding: 9px 16px;}
  .board-wrap .form .row .col-desc .select-file input[type="file"]{width: calc(100% - 109px - 16px); background-color: #fff; border: 1px solid #e2e2e3; font-size: 12px; color: #767676; padding: 0 16px;}
  .board-wrap .form .row .col-desc .select-file .btn-file{width: 109px; margin-left: 16px; font-size: 14px;}
  .board-wrap .form .row>.txt{padding: 32px; font-size: 16px; line-height: 24px; letter-spacing: -0.06em;}
  .board-wrap .form.view .row .col-title{width: 109px;}
  .board-wrap .form.view .row .col-desc{width: calc(100% - 109px); padding: 7px 24px;}
  .board-wrap .form.view .row .col-desc .txt{font-size: 12px; line-height: 24px; letter-spacing: -0.05em;}
  .board-wrap .form.qa .row .col-desc input.form-input{height: 42px; line-height: 40px; font-size: 12px; padding: 0 16px;}
  .board-wrap .form.consultation .row .col-desc .sel-box{padding: 9px 0 4px 30px;}
  .board-wrap .form.consultation .row .col-desc .sel-box .sel-item .desc span{font-size: 14px; line-height: 20px;}
  .board-wrap .form.consultation .row .col-desc .sel-box .sel-dropdown .dropdown-content{top: 47px;}
  .board-wrap .form.consultation .row .col-desc input.form-input{height: 42px; line-height: 42px;}
  .board-wrap .form.consultation .row .col-desc .form-group.password .desc{font-size: 11px; line-height: 20px; letter-spacing: -0.06em; margin-left: 20px;}
  .board-wrap .form.consultation .row .col-desc .radio-box .form-group .form-radio+.form-radio{margin-left: 20px;}
  .board-wrap .form.consultation.info{overflow-x: visible;}
  .board-wrap .form.consultation.info .row{width: 100%;}
  .board-wrap .form.consultation.info .row .col-title{width: 25%;}
  .board-wrap .form.consultation.info .row .col-desc{width: 75%;}
  .board-wrap .form.consultation.info .row .col-desc .form-group.phone .form-input{width: calc(33% - 10px); padding: 0;}
  .board-wrap .form.consultation.info .row .col-desc .form-group.phone .hyphen{margin: 0 8px;}
  .board-wrap .form.consultation.info .row .col-desc .form-group.password .form-input{width: 100%;}
  .board-wrap .form.consultation.info+.btn-wrap{margin-top: 24px; flex-direction: column-reverse;}
  .board-wrap .form.consultation.info+.btn-wrap .btn-lg{padding: 0 46px;}
  .board-wrap .form.consultation.info+.btn-wrap .btn-sm{position: static; margin-left: 0; margin-bottom: 24px; font-size: 14px; font-weight: 400;}
  .board-wrap .pagination-wrap.qa{flex-direction: column; height: auto;}
  .board-wrap .pagination-wrap.qa .btn-wrap{position: static; display: flex; width: 100%;}
  .board-wrap .pagination-wrap.qa .btn-wrap .btn{width: calc(50% - 7px); min-width: auto;}
  .board-wrap .pagination-wrap.qa .btn-wrap .btn+.btn{margin-left: 14px;}
  .board-wrap .pagination-wrap.qa .paginationjs{margin-bottom: 24px;}
  .board-wrap .privacy-info-box{padding: 20px; margin-bottom: 24px;}
  .board-wrap .privacy-info-box .heading .ico{display: block;}
  .board-wrap .privacy-info-box .desc{font-size: 14px; line-height: 20px; letter-spacing: -0.06em; margin-bottom: 12px;}
  .board-wrap .privacy-info-box .radio-box .form-group .form-radio+.form-radio{margin-left: 12px;}
  .board-wrap>.btn-wrap .btn.btn-lg{min-width: 179px; height: 48px; line-height: 48px; border-radius: 30px; font-size: 16px;}
  .board-wrap .btn-reservation-wrap{flex-direction: column;}
  .board-wrap .btn-reservation-wrap .desc{padding-left: 0; margin-bottom: 24px; font-size: 11px; line-height: 20px; letter-spacing: -0.06em;}
  .board-wrap .btn-reservation-wrap .btn{width: 153px; height: 44px; line-height: 42px; margin: 0 auto; font-size: 14px;}
  
  /* 이벤트 */
  .event-wrap{padding: 103px 20px 0;}
  .event-wrap .list .item{width: calc(50% - 15px); height: auto;}
  .event-wrap .list .item+.item{margin-left: 0;}
  .event-wrap .list .item .img{height: auto;}
  .event-wrap .list .item:nth-child(3n+1){margin-left: 0;}
  .event-wrap .list .item:nth-child(2n){margin-left: 30px;}
  
  /* 프로모션 사이트 */
  .landing-wrap .section-banner{position: relative; background-image: none; width: 100%; height: auto; background-size: cover;}
  .landing-wrap .section-banner .mo-img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat;}
  .landing-wrap .main-visual-1{padding-top: 105.972222%;}
  .landing-wrap .main-visual-1 .mo-img{background-image: url(../img/pages/promotion/m_promotion_01.png);}
  .landing-wrap .main-visual-2{padding-top: 89.027777%; cursor: pointer;}
  .landing-wrap .main-visual-2 .mo-img{background-image: url(../img/pages/promotion/m_promotion_02.png);}
  .landing-wrap .main-visual-3{padding-top: 200.4166666%;}
  .landing-wrap .main-visual-3 .mo-img{background-image: url(../img/pages/promotion/m_promotion_03.png);}
  .landing-wrap .main-visual-4{padding-top: 160.138888%;}
  .landing-wrap .main-visual-4 .mo-img{background-image: url(../img/pages/promotion/m_promotion_04.png);}
  .landing-wrap .main-visual-5{padding-top: 554.444444%;}
  .landing-wrap .main-visual-5 .tab-container{display: none;}
  .landing-wrap .main-visual-5 .mo-img{background-image: url(../img/pages/promotion/m_promotion_05.png);}

  /* player */
  .player-wrap{flex-direction: column;}
  .player-wrap .player-box{width: 100%; margin-right: 0;}
  .player-wrap .player-box .top{padding: 0 26px; height: 61px; border-bottom: 0;}
  .player-wrap .player-box .top .state{display: none;}
  .player-wrap .player-box .top .info{max-width: 100%;}
  .player-wrap .player-box .top .info .title{width: 123px; margin-right: 0;}
  .player-wrap .player-box .top .info .name{width: calc(100% - 123px); font-size: 17px; letter-spacing: -0.54px;}
  .player-wrap .player-box .btns{padding: 0 20px 10px;}
  .player-wrap .player-box .btns button{height: 52px; padding: 0 5px;}
  .player-wrap .player-box .btns button img{display: none; margin-right: 14px;}
  .player-wrap .player-box .btns button span{font-size: 15px; letter-spacing: -0.48px;}
  .player-wrap .player-box .btns button:first-child img{width: 22px; height: 23px;}
  .player-wrap .player-box .btns button:nth-child(2) img{width: 19px; height: 23px;}
  .player-wrap .player-box .btns button:nth-child(3) img{width: 18px; height: 20px;}
  .player-wrap .player-box .btns button:nth-child(4) img{width: 34px; height: 21px;}
  .player-wrap .player-box .video-box{padding: 0 20px; border-bottom: 0; height: unset;}
  .player-wrap .player-box .video-box .video{position: relative; padding-top: 56%;}
  .player-wrap .side-box{position: static; width: 100%; height: auto; border-left: 0; background-color: #fff; padding: 0 20px;}
  .player-wrap .side-box .tab-container{background-color: #f2f2f2;}
  .player-wrap .side-box .tab-container .tab-content{padding: 0 20px 20px;}
  .player-wrap .side-box .list{overflow: visible; max-height: none;}
  .player-wrap .side-box .list>.item .item-header{padding-left: 10px; justify-content: space-between;}
  .player-wrap .side-box .list>.item .item-header .title{width: unset;}
  .player-wrap .side-box .list>.item .item-body .menu .title{width: calc(100% - 123px);}
  .player-wrap .side-box .writing .text-box .text{overflow-y: visible; max-height: none;}
  .player-wrap .side-box .list>.item .item-header .time{font-size: 12px;}
  
  /* 전기기사 실기접수 디데이 모바일 20240304 */
  .application_dday{display: flex; justify-content: center; align-items: center; width: 100%; height: 50px; background: #e91e63; color: #fff; font-size: 18px;}
  .application_dday strong{color: #f8ff2e; font-size: 20px; padding-left: 10px;}
}

@media (max-width: 1288px){
  /* 이벤트 메인 */
  .event-main-wrap .section-visual{position: relative; height: 100%; background-image: none; padding-top: 83.61111%;}
  .event-main-wrap .section-visual .mo-bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../img/pages/event/event-visual-mo.png); background-repeat: no-repeat; background-size: cover; background-position: center;}
  .event-main-wrap .section-visual .snb{display: none;}
  .event-main-wrap .section-type{margin-top: 20px; margin-bottom: 50px;}
  .event-main-wrap .section-type .type-text{text-align: center; width: 100%; font-size: 12px; line-height: 20px; margin-bottom: 25px;}
  .event-main-wrap .section-type .type-box{flex-direction: column; padding: 0 42px 0 36px;}
  .event-main-wrap .section-type .type-box .item{width: 100%; height: auto;}
  .event-main-wrap .section-type .type-box .item+.item{margin-left: 0; margin-top: 40px;}
  .event-main-wrap .section-type .type-box .item .type{width: 63px; height: 63px; left: -10px; top: -20px;}
  .event-main-wrap .section-type .type-box .item .type .tit{font-size: 16.5px; letter-spacing: -1.02px;}
  .event-main-wrap .section-type .type-box .item .type .num{font-size: 12px; letter-spacing: -0.74px;}
  .event-main-wrap .section-type .type-box .item .type .num em{font-size: 13px;}
  .event-main-wrap .section-type .type-box .item .desc{font-size: 22px; letter-spacing: -1.36px; margin-bottom: 15px;}
  .event-main-wrap .section-type .type-box .item .title{font-size: 24.5px; letter-spacing: -2.16px; line-height: 26px; margin-bottom: 26px; padding-top: 42px;}
  .event-main-wrap .section-type .type-box .item .btn{width: 205px; height: 41px; border-radius: 8px; margin-bottom: 30px; font-size: 20px; font-weight: 500; line-height: 43px; letter-spacing: -1.52px;}
  .event-main-wrap .section-type .type-box .item .cont{width: 204px; height: 39px; margin: 0 auto 10px;}
  .event-main-wrap .section-type .type-box .item.item-1 .cont{background-image: url(../img/pages/event/event-cont-1-mo.png);}
  .event-main-wrap .section-type .type-box .item.item-2 .cont{background-image: url(../img/pages/event/event-cont-2-mo.png);}
  .event-main-wrap .section-professor{position: relative; height: 100%; background-image: none; padding-top: 101.396648%; margin-bottom: 45%;}
  .event-main-wrap .section-professor .mo-bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../img/pages/event/event-professor-mo.png); background-repeat: no-repeat; background-size: cover; background-position: center;}
  .event-main-wrap .section-professor .inner{padding: 0 20px;}
  .event-main-wrap .section-professor .video{padding-top: 56.221875%; width: calc(100% - 40px); height: auto; transform: none; left: auto; bottom: auto; margin-top: -28%;}
  .event-main-wrap .section-professor .video>*{position: absolute; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover;}
  .event-main-wrap .section-analyze{position: relative; height: 100%; background-image: none; padding-top: 166.66666%;}
  .event-main-wrap .section-analyze .mo-bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../img/pages/event/event-analyze-mo.png); background-repeat: no-repeat; background-size: cover; background-position: center;}
  .event-main-wrap .section-date{position: relative; height: 100%; background-image: none; padding-top: 125.555555%;}
  .event-main-wrap .section-date .mo-bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../img/pages/event/event-date-mo.png); background-repeat: no-repeat; background-size: cover; background-position: center;}
  .event-main-wrap .section-feature{position: relative; height: 100%; background-image: none; padding-top: 94.444444%;}
  .event-main-wrap .section-feature .mo-bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../img/pages/event/event-char-mo.png); background-repeat: no-repeat; background-size: cover; background-position: center;}
  .event-main-wrap .section-test-schedule{padding-top: 40px;}
  .event-main-wrap .section-test-schedule .board-wrap{padding: 0 20px;}
  .event-main-wrap .section-test-schedule .board-wrap .form{width: 100%;}
  .event-main-wrap .section-test-schedule .board-wrap .form.view .col-desc .box .txt.txt-lg{font-size: 12.8px; line-height: 24px;}
  .event-main-wrap .section-test-schedule .board-wrap .form.view .col-desc .box .txt+.txt-lg{margin-top: 8px;}
  .event-main-wrap .section-test-schedule .heading{width: 320px; height: 18px; background-image: url(../img/pages/event/event-heading-mo.png); margin: 0 auto 20px;}
  
  /* 실기 레벨테스트 */
  .level-test-wrap .heading{width: 100%; height: 278px; background-image: url(../img/pages/heading-bg-level-test-mo.png); background-repeat: no-repeat; background-size: cover; background-position: center; padding-top: 60px;}
  .level-test-wrap .heading .title-sm{font-size: 16px; line-height: 16px; margin-bottom: 6px;}
  .level-test-wrap .heading .title{font-size: 40px; line-height: 46px; margin-bottom: 12px;}
  .level-test-wrap .heading .desc{font-size: 18px; line-height: 26px;}
  .level-test-wrap .section-main{padding-top: 0;}
  .level-test-wrap .section-main .btn-wrap .btn{min-width: 137px; height: 48px; line-height: 48px; font-size: 16px;}
  .level-test-wrap .card-box{margin-top: -45px; padding: 0 20px; flex-direction: column; margin-bottom: 40px;}
  .level-test-wrap .card-box .card{width: 100%; height: 240px; padding: 20px 0 0 20px;}
  .level-test-wrap .card-box .card .badge{height: 28px; line-height: 30px; font-size: 14px; margin-bottom: 4px;}
  .level-test-wrap .card-box .card .title{font-size: 20px; line-height: 28px;}
  .level-test-wrap .card-box .card .img{width: 220px; height: 143px;}
  .level-test-wrap .card-box .card .img .mo{display: block;}
  .level-test-wrap .card-box .card .img .pc{display: none;}
  .level-test-wrap .card-box .card+.card{margin-left: 0; margin-top: 12px;}
}

@media (max-width: 1200px){
  /* 실기 현장 모의고사 신청하기 */
  .event-info-box{width: calc(100% - 40px); padding: 16px;}
  .event-info-box .title{font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: -0.04em; margin-bottom: 10px;}
  .event-info-box .list .item+.item{margin-top: 8px;}
  .event-info-box .list .item .num{top: -2px;}
  .event-info-box .list .item .txt{font-size: 12px; line-height: 20px; letter-spacing: -0.04em;}
  
  /* 실기 현장 모의고사 신청하기 */
  .on-site-test-wrap{padding-top: 20px;}
  .on-site-test-wrap>.content{width: 100%;}
  .on-site-test-wrap>.content>.heading{width: 280px; height: 22px; background-image: url(../img/pages/event/test_title-mo.png); margin: 0 auto 20px;}
  .on-site-test-wrap>.content>.btn-wrap{margin: 20px 0 40px;}
  .on-site-test-wrap>.content>.btn-wrap .btn{height: 48px; line-height: 50px; min-width: 153px; font-size: 16px;}
  .on-site-test-wrap .board-wrap{padding: 0 20px;}
  .on-site-test-wrap .board-wrap .form{width: 100%;}
  .on-site-test-wrap .board-wrap .form.view .scroll{min-width: auto;}
  .on-site-test-wrap .board-wrap .form .select-box .desc{font-size: 12.8px; margin-left: 20px;}
  .on-site-test-wrap .board-wrap .form .col-desc .txt{font-size: 12.8px;}
  .on-site-test-wrap .board-wrap .form .form-group input.form-input{height: 36px; line-height: 34px;}
  .on-site-test-wrap .board-wrap .form .form-group .btn{width: 153px; height: 36px; line-height: 34px; font-size: 14px;}
  .on-site-test-wrap .board-wrap .form .form-group .form-check span{padding-left: 28px; font-size: 12.8px; line-height: 20px; padding-top: 1px;}
  .on-site-test-wrap .board-wrap .form .form-group.address>div{margin-bottom: 8px;}
  .on-site-test-wrap .board-wrap .form .form-group.category .box+.box{margin-top: 8px;}
  .on-site-test-wrap .board-wrap .form .form-group.score span{font-size: 12.8px;}
  .on-site-test-wrap .board-wrap .form .form-group.phone .sel-dropdown{width: 68px;}
  .on-site-test-wrap .board-wrap .form .form-group.phone .form-input{width: 120px;}
  .on-site-test-wrap .board-wrap .form .sel-dropdown .btn-dropdown-trigger{height: 36px; line-height: 34px; font-size: 12.8px;}
  .on-site-test-wrap .board-wrap .form .sel-dropdown .dropdown-content{top: 35px;}
  .on-site-test-wrap .board-wrap .form .sel-dropdown .dropdown-content a{font-size: 12.8px;}
  .on-site-test-wrap .sign-in-wrap{padding: 0 20px;}
  .on-site-test-wrap .sign-in-wrap .check-area .item .item-header{padding: 19px 24px 19px; background-size: 10px 5px;}
  .on-site-test-wrap .sign-in-wrap .check-area .item .item-body{padding: 10px;}
  .on-site-test-wrap .sign-in-wrap .check-area .item .item-body .board-wrap{padding: 0;}
  .on-site-test-wrap .sign-in-wrap .check-area .form-check span{font-size: 12.8px; padding-left: 28px;}
  .on-site-test-wrap .sign-in-wrap .check-area .form-check .check-all+span{font-size: 12.8px;}
  .on-site-test-wrap .event-info-box{width: calc(100% - 40px); margin: 0 auto; padding: 16px;}
  
  /* 실기 레벨테스트 */
  .level-test-wrap .section-start{width: 100%; margin: 0;}
  .level-test-wrap .section-start .heading-box{flex-direction: column; justify-content: center; margin-bottom: 40px;}
  .level-test-wrap .section-start .heading-box .heading{padding-top: 60px; text-align: center;}
  .level-test-wrap .section-start .heading-box .heading .title-sm{font-size: 16px; line-height: 16px; margin-bottom: 6px;}
  .level-test-wrap .section-start .heading-box .heading .title{margin-bottom: 12px;}
  .level-test-wrap .section-start .heading-box .heading .desc{font-size: 18px; line-height: 26px; margin-bottom: 25px;}
  .level-test-wrap .section-start .heading-box .btn-wrap{justify-content: center; margin-bottom: 59px;}
  .level-test-wrap .section-start .heading-box .img{padding-top: 0; margin: 0 auto;}
  .level-test-wrap .section-start .btn-wrap .btn{min-width: 137px; height: 48px; line-height: 48px; font-size: 16px;}
  
  /* 실기 레벨테스트 */
  .level-test-form-wrap{padding-top: 20px;}
  .level-test-form-wrap .box{width: 100%; flex-direction: column; padding: 0 20px;}
  .level-test-form-wrap .box .step{position: relative; width: 100%; margin-right: 0; display: flex; justify-content: center; margin-bottom: 30px;}
  .level-test-form-wrap .box .step::before{content: ''; position: absolute; top: 9px; left: 50%; transform: translateX(-50%); width: 190px; height: 2px; background-color: #e2e2e3; z-index: 0;}
  .level-test-form-wrap .box .step .item{text-align: center;}
  .level-test-form-wrap .box .step .item+.item{margin-top: 0; margin-left: 20px;}
  .level-test-form-wrap .box .step .item .num{font-size: 14px; min-width: 20px; height: 20px; line-height: 22px; margin-bottom: 6px;}
  .level-test-form-wrap .box .step .item .desc{font-size: 12px; line-height: 16px;}
  .level-test-form-wrap .box .form{width: 100%; padding: 24px 20px;}
  .level-test-form-wrap .box .form>.item{flex-direction: column;}
  .level-test-form-wrap .box .form>.item+.item{margin-top: 24px;}
  .level-test-form-wrap .box .form>.item .answer{font-size: 16px; line-height: 24px; margin-bottom: 20px;}
  .level-test-form-wrap .box .form>.item .select{flex-direction: column;}
  .level-test-form-wrap .box .form>.item .select .item{width: -moz-fit-content; width: fit-content; height: 38px; line-height: 38px; font-size: 14px; padding: 0 14px;}
  .level-test-form-wrap .box .form>.item .select .item+.item{margin-left: 0; margin-top: 12px;}
  .level-test-form-wrap .box .form.result{padding: 0 0 20px;}
  .level-test-form-wrap .box .form.result .score{width: 100%; height: 160px; margin: 0 auto 24px; border-radius: 16px 16px 0 0;}
  .level-test-form-wrap .box .form.result .score .info{height: 90px;}
  .level-test-form-wrap .box .form.result .score .info .title{font-size: 14px; line-height: 20px; margin-bottom: 0;}
  .level-test-form-wrap .box .form.result .score .info .value{font-size: 32px; line-height: 32px;}
  .level-test-form-wrap .box .form.result .score .road{text-align: center;}
  .level-test-form-wrap .box .form.result .score .road img{display: inline-block;}
  .level-test-form-wrap .box .form.result .txt{font-size: 18px; line-height: 24px; margin-bottom: 24px;}
  .level-test-form-wrap .box .form.result .result-txt{flex-direction: column; padding: 0 20px; margin-bottom: 20px;}
  .level-test-form-wrap .box .form.result .result-txt .item{width: 100%; text-align: center; padding: 12px 8px;}
  .level-test-form-wrap .box .form.result .result-txt .item .title{font-size: 16px; line-height: 24px; margin-bottom: 4px;}
  .level-test-form-wrap .box .form.result .result-txt .item .desc{font-size: 14px; line-height: 20px;}
  .level-test-form-wrap .box .form.result .result-txt .item+.item{margin-left: 0; margin-top: 8px;}
  .level-test-form-wrap .box .form.result .btn-wrap{flex-direction: column;}
  .level-test-form-wrap .box .form.result .btn-wrap .btn{width: -moz-fit-content; width: fit-content; height: 48px; line-height: 50px; font-size: 16px; min-width: auto;}
  .level-test-form-wrap .box .form.result .btn-wrap .btn+.btn{margin-left: 0; margin-top: 12px;}
  .level-test-form-wrap .after-level-test{margin-top: 40px; padding: 40px 20px 0;}
  .level-test-form-wrap .after-level-test>.title{font-size: 24px; line-height: 32px; margin-bottom: 32px;}
  .level-test-form-wrap .after-level-test>.desc{margin-bottom: 16px;}
  .level-test-form-wrap .after-level-test>.desc .num{min-width: 24px; height: 24px; font-size: 14px; line-height: 24px; margin-right: 6px;}
  .level-test-form-wrap .after-level-test>.desc .txt{font-size: 18px; line-height: 32px;}
  .level-test-form-wrap .after-level-test .img-box{width: 100%; margin: 0 auto 28px;}
  .level-test-form-wrap .after-level-test .img-box .title{padding: 10px; font-size: 14px; line-height: 20px; height: auto;}
  .level-test-form-wrap .after-level-test .img-box .img{padding: 0 40px;}
  .level-test-form-wrap .after-level-test .img-box .img .btn-nav{width: 24px; height: 24px;}
  .level-test-form-wrap .after-level-test .img-box .img .btn-nav.btn-prev{left: 12px;}
  .level-test-form-wrap .after-level-test .img-box .img .btn-nav.btn-next{right: 12px;}
  .level-test-form-wrap .after-level-test .img-box .img img{width: 100%; height: auto;}
  .level-test-form-wrap .after-level-test .img-list{width: 100%; flex-direction: column; padding: 0 30px;}
  .level-test-form-wrap .after-level-test .img-list .item{position: relative; width: 260px; height: auto; margin: 0 auto; overflow: hidden;}
  .level-test-form-wrap .after-level-test .img-list .item .title{font-size: 16px; line-height: 24px;}
  .level-test-form-wrap .after-level-test .img-list .item .desc{font-size: 14px; line-height: 20px; margin-bottom: 26px;}
  .level-test-form-wrap .after-level-test .img-list .item .img{width: 100%;}
  .level-test-form-wrap .after-level-test .img-list .item .img img{display: block; width: 100%;}
  .level-test-form-wrap .after-level-test .img-list .item+.item{margin: 8px auto 0;}
  .level-test-form-wrap .after-level-test .btn-wrap{flex-direction: column;}
  .level-test-form-wrap .after-level-test .btn-wrap .btn{width: 167px; height: 48px; line-height: 50px; font-size: 16px; min-width: auto;}
  .level-test-form-wrap .after-level-test .btn-wrap .btn+.btn{margin-left: 0; margin-top: 12px;}
  
  /* 실기 모의고사 */.mock-exam-wrap>*>.title{font-size: 24px; line-height: 32px; margin-bottom: 32px;}
  .mock-exam-wrap .visual{padding-top: 0; padding-bottom: 94px;}
  .mock-exam-wrap .visual .heading{width: 100%; height: 331px; background-size: cover; background-image: url(../img/pages/bg-heading-result-mo.png); background-repeat: no-repeat;}
  .mock-exam-wrap .visual .heading .title-sm{font-size: 16px;}
  .mock-exam-wrap .visual .heading .title{font-size: 40px; line-height: 46px;}
  .mock-exam-wrap .visual .card-list{margin-top: -67px; margin-bottom: 20px; flex-direction: column; padding: 0 20px;}
  .mock-exam-wrap .visual .card-list .item{width: 100%; height: auto; padding: 20px 40px;}
  .mock-exam-wrap .visual .card-list .item .title{font-size: 20px; line-height: 28px; margin-bottom: 12px;}
  .mock-exam-wrap .visual .card-list .item+.item{margin-left: 0; margin-top: 12px;}
  .mock-exam-wrap .visual .info-box{width: calc(100% - 40px); padding: 12px; margin-bottom: 40px;}
  .mock-exam-wrap .visual .info-box .title{font-size: 16px; line-height: 24px;}
  .mock-exam-wrap .visual .info-box .desc{font-size: 14px; line-height: 20px;}
  .mock-exam-wrap .visual .btn-wrap{padding: 0 40px;}
  .mock-exam-wrap .visual .btn-wrap .btn{height: 48px; line-height: 50px; font-size: 16px;}
  .mock-exam-wrap .strategy{padding: 40px 0;}
  .mock-exam-wrap .strategy .list{display: flex; flex-wrap: wrap; padding: 0 20px; margin: -8px;}
  .mock-exam-wrap .strategy .list .item{width: calc(33.3333% - 8px); height: 176px; padding: 16px 12px; margin-top: 8px;}
  .mock-exam-wrap .strategy .list .item+.item{margin-left: 8px;}
  .mock-exam-wrap .strategy .list .item .num{width: 24px; height: 24px; font-size: 14px; line-height: 24px;}
  .mock-exam-wrap .strategy .list .item a{font-size: 14px; line-height: 20px; margin-top: 12px;}
  .mock-exam-wrap .strategy .list .item .title{font-size: 14px; line-height: 20px; word-break: keep-all;}
  .mock-exam-wrap .method{padding: 40px 20px;}
  .mock-exam-wrap .method .img-box{width: 100%;}
  .mock-exam-wrap .method .img-box .img{padding: 12px; border-radius: 8px;}
  .mock-exam-wrap .method .img-box .img+.img{margin-top: 20px;}
  .mock-exam-wrap .method .img-box .img img{margin-bottom: 8px;}
  .mock-exam-wrap .method .img-box .img .txt{border-radius: 8px; font-size: 12px; line-height: 18px; padding: 8px 0 6px;}
  .mock-exam-wrap .product{padding: 40px 20px 0;}
  .mock-exam-wrap .product .list .item{width: 100px; height: 100px;}
  .mock-exam-wrap .product .list .item+.item{margin-left: 8px;}
  
  /* 강사 커리큘럼 */
  /* .professor-wrap .section-visual .pf-box .pop-profile{} */
  .professor-wrap .section-visual .pf-box .pop-profile.active{right: unset; bottom: 82px; width: 255px;}

  /* 강사 커리큘럼 */
  .professor-wrap .section-visual{position: relative; height: auto; padding-top: 122.7777%; background-image: none;}
  .professor-wrap .section-visual .mo-bg{position: absolute; background-size: contain; background-repeat: no-repeat; background-position: 0 0; background-image: url(../img/pages/professor/pf-bg-1-mo.png); width: 100%; height: 100%; top: 0; left: 0;}
  .professor-wrap .section-visual.type-2{background-image: none;}
  .professor-wrap .section-visual.type-2 .mo-bg{background-image: url(../img/pages/professor/pf-bg-2-mo.png);}
  .professor-wrap .section-visual .lnb{display: none;}
  .professor-wrap .section-visual .pf-box{position: absolute; width: 100%; flex-direction: column-reverse; justify-content: normal; align-items: normal; padding: 0 20px; bottom: 115px; margin-bottom: 0;}
  .professor-wrap .section-visual .pf-box .pf-review{width: 100%; height: 88px; padding: 8px 26px;}
  .professor-wrap .section-visual .pf-box .pf-review .swiper-slide .content{-webkit-line-clamp: 3; font-size: 12px; line-height: 16px;}
  .professor-wrap .section-visual .pf-box .pf-review .swiper-slide .info{margin-bottom: 4px; justify-content: space-between;}
  .professor-wrap .section-visual .pf-box .pf-review .swiper-slide .info .nickname{font-size: 12px; line-height: 16px;}
  .professor-wrap .section-visual .pf-box .pf-review .swiper-nav .nav-prev{left: 10px;}
  .professor-wrap .section-visual .pf-box .pf-review .swiper-nav .nav-next{right: 10px;}
  .professor-wrap .section-visual .pf-box .pf-info{width: 155px;}
  .professor-wrap .section-visual .pf-box .pf-info .info{width: 100%; height: 60px; padding: 10px 12px; margin-bottom: 10px;}
  .professor-wrap .section-visual .pf-box .pf-info .info .tit-sm{font-size: 12px; line-height: 16px; letter-spacing: -0.05em; margin-bottom: 4px;}
  .professor-wrap .section-visual .pf-box .pf-info .info .tit{font-size: 16px; line-height: 20px; letter-spacing: -0.05em;}
  .professor-wrap .section-visual .pf-box .pf-info .info .btn-profile{width: 51px; height: 21px; font-size: 12px; line-height: 21px; background-color: #056eed; color: #fff;}
  .professor-wrap .section-visual .tab .item{height: 70px; padding: 0px;}
  .professor-wrap .section-visual .tab .item a{height: 100%; text-align: center;}
  .professor-wrap .section-visual .tab .item a .tit-sm{font-size: 11px; line-height: 15px; letter-spacing: -0.05em; margin-bottom: 4px;}
  .professor-wrap .section-visual .tab .item a .tit{font-size: 12px; line-height: 18px; letter-spacing: -0.05em;}
  .professor-wrap .section-video{padding-top: 20px; padding-bottom: 20px;}
  .professor-wrap .section-video .video-box{flex-direction: column; padding: 0 20px;}
  .professor-wrap .section-video .video-box .lg-video{position: relative; width: 100%; padding-top: 58.4375%; margin-right: 0; margin-bottom: 8px; border: none;}
  .professor-wrap .section-video .video-box .lg-video .video{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
  .professor-wrap .section-video .video-box .sm-video{display: flex;}
  .professor-wrap .section-video .video-box .sm-video .video{position: relative; flex: 1;}
  .professor-wrap .section-video .video-box .sm-video .video *{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
  .professor-wrap .section-video .video-box .sm-video .video+.video{margin-top: 0; margin-left: 8px;}

  .professor-wrap .intro{padding: 44px 0;}
  .professor-wrap .intro .heading{font-size: 24px; line-height: 32px; text-align: center; letter-spacing: -0.04em; margin-bottom: 24px; padding: 0 20px;}
  .professor-wrap .intro .inner>.box-list{display: none;}
  .professor-wrap .intro .list{margin-bottom: 24px; padding: 0 20px; gap: 0;}
  .professor-wrap .intro .list .item{background-image: url(../img/pages/professor/img-deco-1-mo.png); width: 110px; height: 40px; font-size: 14px; line-height: 20px; letter-spacing: -0.04em; background-repeat: no-repeat; background-position: center; padding-top: 0;}
  .professor-wrap .intro .list .item+.item{margin-left: 0;}
  .professor-wrap .intro .list.type-2 .item{background-image: url(../img/pages/professor/img-deco-2-mo.png); width: 104px; height: 60px;}
  .professor-wrap .intro .list.type-2 .item+.item{margin-left: 4px;}
  .professor-wrap .intro .box-slider{position: relative; display: block; padding: 0 67px;}
  .professor-wrap .intro .box-slider .box-list{justify-content: inherit; align-items: inherit;}
  .professor-wrap .intro .box-slider .box-list .item{width: 100%; height: 140px; padding: 20px 0;}
  .professor-wrap .intro .box-slider .box-list .item .tit{font-size: 16px; line-height: 22px; text-align: center; letter-spacing: -0.04em; margin-bottom: 8px;}
  .professor-wrap .intro .box-slider .box-list .item .desc{font-size: 12px; line-height: 16px; letter-spacing: -0.04em;}
  .professor-wrap .intro .box-slider .swiper-nav{position: absolute; width: 100%; height: 28px; top: 50%; transform: translateY(-50%); left: 0;}
  .professor-wrap .intro .box-slider .swiper-nav>*{position: absolute; display: block; width: 28px; height: 28px; background-size: cover;}
  .professor-wrap .intro .box-slider .swiper-nav .nav-prev{left: 27px; background-image: url(../img/pages/professor/btn-left-mo.png);}
  .professor-wrap .intro .box-slider .swiper-nav .nav-next{right: 27px; background-image: url(../img/pages/professor/btn-right-mo.png);}
  .professor-wrap .section-curriculum>*{display: none;}
  .professor-wrap .section-curriculum>*.active{display: block;}
  .professor-wrap .section-curriculum .box{width: 100%;}
  .professor-wrap .section-curriculum .box:nth-child(2){padding-top: 40px;}
  .professor-wrap .section-curriculum .box+.box{margin-top: 40px;}
  .professor-wrap .section-curriculum .box .inner{padding: 0 20px;}
  .professor-wrap .section-curriculum .box .inner>.heading{font-size: 16px; line-height: 22px; letter-spacing: -0.04em; padding-bottom: 12px; margin-bottom: 20px;}
  .professor-wrap .section-curriculum .tab-container .tabs{margin-bottom: 20px;}
  .professor-wrap .section-curriculum .tab-container .tabs .item a{height: 43px; font-size: 12.8px; line-height: 24px;}
  .professor-wrap .section-curriculum .table{overflow-x: auto;}
  .professor-wrap .section-curriculum .table .scroll{width: 641px;}
  .professor-wrap .section-curriculum .table table th{font-size: 12.8px; line-height: 24px; letter-spacing: -0.01em; padding: 10px 0;}
  .professor-wrap .section-curriculum .table table td{font-size: 12.8px; line-height: 18px; letter-spacing: -0.05em; padding: 12px 0;}
  .professor-wrap .section-curriculum .table table td .txt-sm{margin-top: 2px;}
  .professor-wrap .section-curriculum .course-detail .course-review>.heading{flex-direction: column; justify-content: flex-start; align-items: flex-start;}
  .professor-wrap .section-curriculum .course-detail .course-review>.heading .title{margin-bottom: 12px; font-size: 16px; line-height: 22px;}
  .professor-wrap .section-curriculum .course-detail .course-review>.heading .sorting ul li a{font-size: 14px; line-height: 23px; letter-spacing: -0.04em;}
  .professor-wrap .section-curriculum .course-detail .course-review .rating{padding-bottom: 20px; margin-bottom: 20px;}
  .professor-wrap .section-curriculum .course-detail .course-review .rating .total{flex-direction: column; margin-bottom: 16px; padding-top: 20px;}
  .professor-wrap .section-curriculum .course-detail .course-review .rating .total .value{font-size: 32px; line-height: 32px; letter-spacing: -0.04em; margin-bottom: 8px; margin-right: 0;}
  .professor-wrap .section-curriculum .course-detail .course-review .rating .total .star-box{margin: 0; width: 128px; height: 24px; background-size: 128px 24px; background-image: url(../img/pages/professor/star-grey-mo.png);}
  .professor-wrap .section-curriculum .course-detail .course-review .rating .total .star-box .stars{width: 128px; height: 24px; background-size: 128px 24px; background-image: url(../img/pages/professor/stars-mo.png);}
  .professor-wrap .section-curriculum .course-detail .course-review .rating .total .review{display: none;}
  .professor-wrap .section-curriculum .course-detail .course-review .rating .bar-wrap .item{justify-content: center;}
  .professor-wrap .section-curriculum .course-detail .course-review .rating .bar-wrap .item+.item{margin-top: 6px;}
  .professor-wrap .section-curriculum .course-detail .course-review .rating .bar-wrap .item .tit{width: 20px; font-size: 10px; line-height: 10px;}
  .professor-wrap .section-curriculum .course-detail .course-review .rating .bar-wrap .item .bar{height: 10px;}
  .professor-wrap .section-curriculum .course-detail .course-review .rating .bar-wrap .item .val{width: 32px; font-size: 10px; line-height: 10px;}
  .professor-wrap .section-curriculum .course-detail .course-review .review-list .item{padding: 16px;}
  .professor-wrap .section-curriculum .course-detail .course-review .review-list .item .heading{height: auto;}
  .professor-wrap .section-curriculum .course-detail .course-review .review-list .item .heading .info{padding-right: 0; padding-top: 0;}
  .professor-wrap .section-curriculum .course-detail .writing-review{padding: 16px;}
  .professor-wrap .section-curriculum .course-detail .writing-review textarea{height: 144px; font-size: 14px;}
  .professor-wrap .section-curriculum .course-detail .writing-review .btn{display: block; width: 153px; border-radius: 30px; margin: 0 auto; height: 48px; line-height: 48px; font-size: 16px;}
  .professor-wrap .section-curriculum .heading-sm{font-size: 16px; line-height: 22px; letter-spacing: -0.04em; padding-bottom: 12px;}
  .professor-wrap .section-curriculum .notice .item .item-header{font-size: 12.8px; line-height: 24px; letter-spacing: -0.05em; padding: 12px 30px 12px 16px;}
  .professor-wrap .section-curriculum .notice .item .item-header::after{content: ''; width: 8px; height: 5px; right: 16px;}
  .professor-wrap .section-curriculum .notice .item .item-body{padding: 12px 16px;}
  .professor-wrap .section-curriculum .notice .item .item-body .txt{font-size: 12.8px; line-height: 24px; letter-spacing: -0.05em;}
  
  .lab-wrap .mo-tabs{margin-top: 40px;}
  .lab-wrap .about{padding-top: 20px;}
  .lab-wrap .about .title{font-size: 20px; line-height: 24px; letter-spacing: -0.01em; margin-bottom: 12px;}
  .lab-wrap .about .desc-box{padding: 16px; font-size: 14px; line-height: 22px; letter-spacing: -0.04em; margin-bottom: 40px;}
  .lab-wrap .about .img-1{position: relative; background-image: none; width: 100%; padding-top: 216.875%; height: auto; margin-bottom: 40px;}
  .lab-wrap .about .img-1 .mo-img{position: absolute; top: 0; left: 0; background-image: url(../img/pages/lab/about-1-mo.png); width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; margin-bottom: 40px;}
  .lab-wrap .about .card.card-last{margin-bottom: 40px;}
  .lab-wrap .about .card .card-head{border-radius: 16px 16px 0 0; padding: 0 16px; font-size: 16px; height: 44px; line-height: 44px;}
  .lab-wrap .about .card .card-body{padding: 16px;}
  .lab-wrap .about .card .card-body .desc{font-size: 14px; line-height: 22px; letter-spacing: -0.04em; margin-bottom: 12px;}
  .lab-wrap .about .card .card-body .img-2{background-image: none; width: 100%; height: auto; background-size: cover; padding-top: 370.833333%; position: relative;}
  .lab-wrap .about .card .card-body .img-2 .mo-img{position: absolute; background-image: url(../img/pages/lab/about-2-mo.png); width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; top: 0; left: 0;}
  .lab-wrap .about .card .card-body .img-3{background-image: none; width: 100%; height: auto; position: relative; overflow-x: auto;}
  .lab-wrap .about .card .card-body .img-3 .mo-img{background-image: url(../img/pages/lab/about-3-mo.png); width: 1039px; height: 112px; background-repeat: no-repeat; background-size: cover;}
  .lab-wrap .about .card .card-body .box-white{padding: 10px; font-size: 14px; line-height: 22px;}
  .lab-wrap .about .img-4{background-image: none; width: 100%; height: auto; position: relative; padding-top: 72.1875%;}
  .lab-wrap .about .img-4 .mo-img{position: absolute; top: 0; left: 0; background-image: url(../img/pages/lab/about-4-mo.png); width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover;}
  .lab-wrap .about .title-sm{font-size: 16px; line-height: 24px; margin-bottom: 12px;}
  .lab-wrap .about .img-5{background-image: none; width: 100%; height: auto; position: relative; overflow-x: auto;}
  .lab-wrap .about .img-5 .mo-img{background-image: url(../img/pages/lab/about-5-mo.png); width: 600px; height: 528px; background-repeat: no-repeat; background-size: cover;}
  .lab-wrap .test-info{padding-top: 20px;}
  .lab-wrap .test-info .title{font-size: 20px; line-height: 24px; letter-spacing: -0.01em; margin-bottom: 12px;}
  .lab-wrap .test-info .title-sm{font-size: 16px; line-height: 24px; letter-spacing: -0.04em; margin-bottom: 12px;}
  .lab-wrap .test-info .table-1{background-image: none; width: 100%; height: auto; position: relative; overflow-x: auto;}
  .lab-wrap .test-info .table-1 .mo-img{background-image: url(../img/pages/lab/test-info-1-mo.png); width: 700px; height: 192px; background-repeat: no-repeat; background-size: contain;}
  .lab-wrap .test-info .table-2{background-image: none; width: 100%; height: auto; position: relative; overflow-x: auto; margin-bottom: 16px;}
  .lab-wrap .test-info .table-2 .mo-img{background-image: url(../img/pages/lab/test-info-2-mo.png); width: 828px; height: 70px; background-repeat: no-repeat; background-size: cover;}
  .lab-wrap .test-info .desc-box{padding: 16px; font-size: 12px; line-height: 20px; letter-spacing: -0.04em; font-weight: 400;}
  .lab-wrap .test-info .desc-box.grey+.btn-wrap{margin-top: -24px;}
  .lab-wrap .test-info .desc-box.sm-margin br{display: none;}
  .lab-wrap .test-info .desc-box.normal{font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: -0.04em;}
  .lab-wrap .test-info .table-3{background-image: none; width: 100%; height: auto; position: relative; overflow-x: auto; margin-bottom: 16px;}
  .lab-wrap .test-info .table-3 .mo-img{background-image: url(../img/pages/lab/test-info-3-mo.png); width: 721px; height: 528px; background-repeat: no-repeat; background-size: cover;}
  .lab-wrap .test-info .btn-wrap{margin-bottom: 40px;}
  .lab-wrap .test-info .btn-wrap .btn.btn-lg{height: 48px; line-height: 50px; padding: 0 20px; font-size: 16px; letter-spacing: -0.06em; min-width: auto;}
  .lab-wrap .test-info .table-4{background-image: none; width: 100%; height: auto; position: relative; overflow-x: auto; margin-bottom: 16px;}
  .lab-wrap .test-info .table-4 .mo-img{background-image: url(../img/pages/lab/test-info-4-mo.png); width: 620px; height: 336px; background-repeat: no-repeat; background-size: cover;}
  .lab-wrap .test-info .table-5{background-image: none; width: 100%; height: auto; position: relative; overflow-x: auto; margin-bottom: 16px;}
  .lab-wrap .test-info .table-5 .mo-img{background-image: url(../img/pages/lab/test-info-5-mo.png); width: 652px; height: 406px; background-repeat: no-repeat; background-size: cover;}
  .lab-wrap .test-info .table-6{background-image: none; width: 100%; height: auto; position: relative; overflow-x: auto; margin-bottom: 16px;}
  .lab-wrap .test-info .table-6 .mo-img{background-image: url(../img/pages/lab/test-info-6-mo.png); width: 762px; height: 646px; background-repeat: no-repeat; background-size: cover;}
  .lab-wrap .strategy{padding-top: 20px;}
  .lab-wrap .strategy .title{font-size: 20px; line-height: 24px; letter-spacing: -0.01em; margin-bottom: 12px;}
  .lab-wrap .strategy .desc-box{font-size: 14px; line-height: 22px; letter-spacing: -0.04em; padding: 16px; margin-bottom: 16px;}
  .lab-wrap .strategy .table-1{background-image: none; width: 100%; height: auto; position: relative; overflow-x: auto; margin-bottom: 16px;}
  .lab-wrap .strategy .table-1 .mo-img{background-image: url(../img/pages/lab/strategy-1-mo.png); width: 509px; height: 590px; background-repeat: no-repeat; background-size: cover;}
  .lab-wrap .strategy .table-2{background-image: none; width: 100%; height: auto; position: relative; overflow-x: auto; margin-bottom: 16px;}
  .lab-wrap .strategy .table-2 .mo-img{background-image: url(../img/pages/lab/strategy-2-mo.png); width: 618px; height: 212px; background-repeat: no-repeat; background-size: cover;}
  .lab-wrap .intro{padding-top: 20px;}
  .lab-wrap .intro .logo{width: 120px; height: 30px; margin: 0 auto 16px;}
  .lab-wrap .intro .title{font-size: 18px; line-height: 24px; letter-spacing: -0.04em; margin-bottom: 12px;}
  .lab-wrap .intro .desc{display: none;}
  .lab-wrap .intro .desc-mo{display: block; font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: -0.04em; margin-bottom: 80px;}
  .lab-wrap .intro .title-md{font-size: 18px; line-height: 24px; letter-spacing: -0.04em; margin-bottom: 20px;}
  .lab-wrap .intro .box .mo-banner{position: relative; background-image: none; width: 100%; padding-top: 194.0625%; height: auto; margin-bottom: 40px;}
  .lab-wrap .intro .box .mo-banner .img{position: absolute; top: 0; left: 0; background-image: url(../img/pages/lab/banner-mo.png); width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover;}
  .lab-wrap .intro .box .banner-1{display: none;}
  .lab-wrap .intro .box.box-margin{display: none;}
  .lab-wrap .intro .box .banner-4{background-image: none; margin-bottom: 40px; width: 100%; height: auto; position: relative; padding-top: 66.66666%;}
  .lab-wrap .intro .box .banner-4 .mo-img{position: absolute; top: 0; left: 0; background-image: url(../img/pages/lab/banner-4-mo.png); width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover;}
  .lab-wrap .intro .box .banner-5{margin-bottom: 0; background-image: none; width: 100%; height: auto; position: relative; padding-top: 117.5%;}
  .lab-wrap .intro .box .banner-5 .mo-img{position: absolute; top: 0; left: 0; background-image: url(../img/pages/lab/banner-5-mo.png); width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover;}
  .lab-wrap .intro .box .banner-6{background-image: none; width: 100%; height: auto; position: relative; padding-top: 80.625%; margin-bottom: 0;}
  .lab-wrap .intro .box .banner-6 .mo-img{position: absolute; top: 0; left: 0; background-image: url(../img/pages/lab/banner-6-mo.png); width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover;}
  
  /* 프로모션 사이트 */
  .landing-wrap .section-visual{position: relative; background-image: none; padding-top: 147.5%; height: auto;}
  .landing-wrap .section-visual .bg-mo{position: absolute; top: 0; left: 0; background-image: url(../img/pages/promotion/bg-section-visual-mo.png); background-repeat: no-repeat; height: 100%; width: 100%; background-size: cover; background-position: center top;}
  .landing-wrap .section-visual .inner{padding: 0 20px;}
  .landing-wrap .section-visual .video{position: absolute; width: calc(100% - 40px); padding-top: 63.4375%; height: auto; bottom: 8%; left: 50%; transform: translateX(-50%);}
  .landing-wrap .section-visual .video>*{position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
  .landing-wrap .section-intro{position: relative; background-image: none; height: auto; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: 0 0; padding-top: 161.1111%;}
  .landing-wrap .section-intro .bg-mo{position: absolute; top: 0; left: 0; background-image: url(../img/pages/promotion/bg-section-intro-mo.png); background-repeat: no-repeat; height: 100%; width: 100%; background-size: cover; background-position: center top;}
  .landing-wrap .section-intro .inner{position: absolute; top: 0; left: 0; padding: 38px 20px 0; flex-direction: column;}
  .landing-wrap .section-intro .heading{background-image: url(../img/pages/promotion/intro-title-1-mo.png); background-size: cover; width: 186px; height: 135px; margin-bottom: 20px; margin-left: 12px;}
  .landing-wrap .section-intro .desc{font-size: 0; background-image: url(../img/pages/promotion/intro-desc-1-mo.png); background-size: cover; width: 128px; height: 155px; margin-bottom: 0; margin-left: 12px;}
  .landing-wrap .section-intro .profile{width: 150px; height: 125px; left: 12px; top: auto; bottom: -85px;}
  .landing-wrap .section-intro .profile .img{display: none;}
  .landing-wrap .section-intro .profile .info{position: absolute; bottom: auto; right: auto; background-image: url(../img/pages/promotion/img-pf-info-1-mo.png); width: 150px; height: 125px;}
  .landing-wrap .section-event .box.box-1{padding-top: 38px; padding-bottom: 0;}
  .landing-wrap .section-event .box.box-2{padding-top: 59px; padding-bottom: 58px;}
  .landing-wrap .section-event .box.box-3{padding-top: 48px; background-image: linear-gradient(120deg, #dcf4ac, #c4e4bc, #99d4e5);}
  .landing-wrap .section-event .event-badge{width: 135px; height: 38px; margin: 0 auto 24px;}
  .landing-wrap .section-event .event-badge.badge-1{background-image: url(../img/pages/promotion/badge-1-mo.png);}
  .landing-wrap .section-event .event-badge.badge-2{background-image: url(../img/pages/promotion/badge-2-mo.png);}
  .landing-wrap .section-event .heading{width: 317px; height: 93px; background-size: cover; background-image: url(../img/pages/promotion/event-title-1-mo.png); margin: 0 auto 26px;}
  .landing-wrap .section-event .caution{display: none;}
  .landing-wrap .section-event .img{background-image: url(../img/pages/promotion/img-event-mo.png); width: 321px; height: 530px; background-size: cover; margin: 0 auto 26px;}
  .landing-wrap .section-event .btn-wrap .btn-go{text-align: center; background-image: url(../img/pages/promotion/btn-go-mo.png); background-size: 179px 40px; background-repeat: no-repeat; background-position: center; width: 100%; height: 63px; background-color: #1a2284;}
  .landing-wrap .section-event .title-lg{background-image: url(../img/pages/promotion/event-title-2-mo.png); width: 317px; height: 26px; background-size: cover; margin: 0 auto 32px;}
  .landing-wrap .section-event .ot-box{width: calc(100% - 40px); flex-direction: column; padding: 17px 25px 20px; height: 202px;}
  .landing-wrap .section-event .ot-box .item+.item{margin-top: 11px;}
  .landing-wrap .section-event .ot-box .item .badge{width: 97px; height: 34px; margin-right: 20px; background-position: center;}
  .landing-wrap .section-event .ot-box .item .txt{font-size: 16px;}
  .landing-wrap .section-event .ot-box .btn-ot{display: block; background-image: url(../img/pages/promotion/btn-check-ot-mo.png); background-size: 115px 19px; background-repeat: no-repeat; background-position: center; width: 100%; height: 72px; background-color: #f89e40;}
  .landing-wrap .section-event .caution-list{padding: 0 20px;}
  .landing-wrap .section-event .caution-list .item+.item{margin-top: 20px;}
  .landing-wrap .section-event .caution-list .item .title{font-size: 15px; letter-spacing: -.48px; margin-bottom: 8px;}
  .landing-wrap .section-event .caution-list .item .desc{font-size: 13px; line-height: 19px; letter-spacing: -.55px;}
  .landing-wrap .section-event .heading-img{background-image: url(../img/pages/promotion/event-title-3-mo.png); width: 313px; height: 187px; margin: 0 auto;}
  .landing-wrap .section-event .professor-img{position: relative; background-image: none; width: 100%; height: auto; background-size: cover; padding-top: 118.3333%;}
  .landing-wrap .section-event .professor-img .mo-img{position: absolute; top: 0; left: 0; background-image: url(../img/pages/promotion/img-professors-mo.png); width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat;}
  .landing-wrap .section-event .mo-info{width: 100%; height: 71px; background-color: #155eff; margin-top: -1px; display: flex; z-index: 1; position: relative;}
  .landing-wrap .section-event .mo-info .item{width: 50%; background-size: 87px 41px; background-position: center; background-repeat: no-repeat;}
  .landing-wrap .section-event .mo-info .item.item-1{background-image: url(../img/pages/promotion/pf-info-1.png);}
  .landing-wrap .section-event .mo-info .item.item-2{background-image: url(../img/pages/promotion/pf-info-2.png); position: relative;}
  .landing-wrap .section-event .mo-info .item.item-2::before{content: ''; position: absolute; left: 0; top: 0; background-image: url(../img/pages/promotion/mo-info-line.png); width: 8px; background-position: right; height: 71px;}
  .landing-wrap .section-event .card-list{position: static; transform: none; flex-direction: column; padding: 39px 20px 43px;}
  .landing-wrap .section-event .card-list .item{width: 100%; height: auto; padding: 34px 0 35px;}
  .landing-wrap .section-event .card-list .item .title{font-size: 33px; letter-spacing: -2.05px; margin-bottom: 30px;}
  .landing-wrap .section-event .card-list .item .desc{font-size: 19px; letter-spacing: -0.95px;}
  .landing-wrap .section-event .card-list .item+.item{margin-left: 0; margin-top: 32px;}
  .landing-wrap .section-event .location{flex-direction: column; padding: 42px 20px 47px;}
  .landing-wrap .section-event .location .item{padding: 0 18px;}
  .landing-wrap .section-event .location .item+.item{margin-top: 0;}
  .landing-wrap .section-event .location .item .tit{font-size: 20px; letter-spacing: -.64px; margin-right: 8px; white-space: nowrap;}
  .landing-wrap .section-event .location .item .desc{font-size: 16.5px; padding-top: 1px; line-height: 27.5px; letter-spacing: -.53px;}
  .landing-wrap .section-event .location .col{width: 100%;}
  .landing-wrap .section-event .location .btn-go{background-image: url(../img/pages/promotion/btn-go-2-mo.png); background-size: 226px 53px; background-position: center; background-repeat: no-repeat; border-radius: 16px; border: solid 2px #2d2d2d; width: 100%; height: 79px; display: block; margin-left: 0; margin-top: 44px;}
  .landing-wrap .section-history{padding-top: 82px; padding-bottom: 88px;}
  .landing-wrap .section-history .heading{background-image: url(../img/pages/promotion/event-title-4-mo.png); width: 279px; height: 62px; background-size: cover; margin: 0 auto 63px;}
  .landing-wrap .section-history .swiper-container{height: 306px; margin-bottom: 50px;}
  .landing-wrap .section-history .swiper-slide{height: 102px;}
  .landing-wrap .section-history .swiper-slide .tit{font-size: 18px; line-height: 22px; letter-spacing: -.58px;}
  .landing-wrap .section-history .swiper-slide .val{font-size: 41.5px; line-height: 44px; letter-spacing: -1.33px;}
  .landing-wrap .section-history .bottom-heading{background-image: url(../img/pages/promotion/event-title-5-mo.png); width: 308px; height: 98px;}
  .landing-wrap .q-menu{display: none;}
  
  /* 사이트맵 */
  .site-map-wrap{padding-top: 40px;}
  .site-map-wrap .title{font-size: 32px; letter-spacing: -2.98px; margin-bottom: 20px;}
  .site-map-wrap .box{width: 100%; padding: 0 20px;}
  .site-map-wrap .row{flex-direction: column;}
  .site-map-wrap .row+.row{margin-top: 30px;}
  .site-map-wrap .col{margin-top: 20px;}
  .site-map-wrap .col+.col{margin-top: 30px;}
  .site-map-wrap .col .tit{font-size: 20px; letter-spacing: -0.88px; padding-bottom: 15px; margin-bottom: 20px;}
  .site-map-wrap .col .list .item a{font-size: 16px; font-weight: 300; line-height: 20px; letter-spacing: -1.24px;}
  
  .mo-tabs{display: block; padding: 0 20px;}
  .mo-tabs .tabs{overflow-x: auto; max-width: 100%; white-space: nowrap; border-bottom: 1px solid #373737; overflow-y: hidden;}
  .mo-tabs .tabs .item{display: inline-block; position: relative; height: 43px; border-right: 1px solid #e2e2e3; border-top: 1px solid #e2e2e3;}
  .mo-tabs .tabs .item+.item{margin-left: -4px;}
  .mo-tabs .tabs .item.on a{color: #000;}
  .mo-tabs .tabs .item.on::after{content: ''; position: absolute; width: 100%; height: 100%; top: -1px; left: -1px; border: 1px solid #373737;}
  .mo-tabs .tabs .item:first-child{border-left: 1px solid #e2e2e3;}
  .mo-tabs .tabs .item a{display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; /* font-family: "Malgun Gothic"; */ font-weight: 400; font-size: 12.8px; letter-spacing: -0.01em; padding: 0 20px; color: #ababab;}
  
  /* form */
  .form-radio{padding-left: 28px;}
  .form-radio input+span{font-size: 12.8px; line-height: 20px;}
  .form-radio input+span::after{content: ''; position: absolute; top: -1px; left: 0; background-image: url(../img/common/radio-button.png); width: 20px; height: 20px; background-repeat: no-repeat; background-size: cover;}
}

@media (max-width: 1025px){
  .price-box{position: relative; height: 84px; padding-top: 14px;}
  .price-box .price-info .price-title{flex: none; margin-right: auto;}
  .price-box .price-info .discount{border: 0; height: auto; font-size: 14px; line-height: 15px; letter-spacing: -0.35px; padding: 0;}
  .price-box .price-info .discount .ico{width: 6px; height: 13px;}
  .price-box .price-info .real-price{font-size: 14px; line-height: 15px; letter-spacing: -0.87px; margin-left: 7px;}
  .price-box .price-info .total{position: absolute; display: block; font-size: 24px; letter-spacing: -0.6px; right: 0; bottom: 18px; margin-left: 0;}
  
  .amount-box{position: absolute; left: 0; bottom: 68px; margin-bottom: 0;}
  .amount-box .counter button{width: 34px; height: 35px;}
  .amount-box .counter .count{width: 43px; font-size: 13px; letter-spacing: normal;}
  
  /* 메인 */
  .main-wrap .section-visual{height: auto;}
  .main-wrap .section-visual .top{margin-bottom: 17px;}
  .main-wrap .section-visual .txt{padding-left: 0; text-align: center; font-size: 28.5px; line-height: 32px; letter-spacing: -2.14px;}
  .main-wrap .section-visual .video{position: static; width: 100%; transform: none; height: auto;}
  .main-wrap .section-visual .video img,
  .main-wrap .section-visual .video video{width: 100%; height: auto;}
  .main-wrap .section-step{display: none;}
  .main-wrap .section-history{display: none;}
  .main-wrap .section-info{display: none;}
  .main-wrap .section-mo-step{display: block;}
  .main-wrap .section-mo-history{display: block;}
  
  /* 이벤트 */
  .event-wrap{padding: 37px 20px 0;}
  .event-wrap .tabs-box{margin-bottom: 18px;}
  .event-wrap .tabs-box .tabs .item{width: 132px; height: 32px;}
  .event-wrap .tabs-box .tabs .item a{line-height: 30px; font-size: 13px; letter-spacing: -0.55px;}
  .event-wrap .list .item{width: 100%; height: auto;}
  .event-wrap .list .item .img{position: relative; padding-top: 50%;}
  .event-wrap .list .item .img img{position: absolute; top: 0; left: 0;}
  .event-wrap .list .item .info{padding: 14px 17px;}
  .event-wrap .list .item .info .badge-wrap{margin: 0 0 11px;}
  .event-wrap .list .item .info .badge-wrap .badge{height: 25px; min-width: 64px;}
  .event-wrap .list .item .info .title{font-size: 15px; line-height: 16px; letter-spacing: -0.93px; margin-bottom: 11px;}
  .event-wrap .list .item .info .title-sm{font-size: 14px; letter-spacing: -0.87px;}
  .event-wrap .list .item .info .date{font-size: 14px; line-height: 14px; letter-spacing: -0.87px;}
  .event-wrap .list .item:nth-child(2n){margin-left: 0;}
  
  /* 인강 */
  .course-list .item{position: relative; width: 100%;}
  .course-list ul{grid-template-columns: repeat(1, 1fr);}
  .course-list .item .course{margin-bottom: 0;}
  .course-list .item .course .img{margin-bottom: 22px;}
  .course-list .item .course a>.title{font-size: 18px; font-weight: 500; letter-spacing: -0.76px; padding-bottom: 23px; border-bottom: 1px solid #e2e2e3; margin-bottom: 8px;}
  .course-list .item .course .desc{font-size: 14px; line-height: 20.5px; letter-spacing: -0.59px; padding-bottom: 12px; margin-bottom: 0; min-height: 54px;}
  .course-list .item:nth-child(2n){margin-left: 0;}
  
  .course-detail .course{flex-direction: column;}
  .course-detail .course .img{position: relative; width: 100%; padding-top: 75.5%; height: auto; margin: 0 0 22px;}
  .course-detail .course .img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
  .course-detail .course .info{position: relative; width: 100%;}
  .course-detail .course .info .course-heading{border-bottom: 1px solid #e2e2e3; margin-bottom: 12px; padding-bottom: 21px;}
  .course-detail .course .info .course-heading .title{max-width: none; font-size: 18px; font-weight: 500; letter-spacing: -0.76px;}
  .course-detail .course .info .course-heading .badge-sm-wrap{display: none;}
  .course-detail .course .desc{font-family: "Malgun Gothic"; font-size: 14px; line-height: 1.64; letter-spacing: -0.59px; padding-bottom: 14px; margin-bottom: 0;}
  .course-detail .course .desc .tit{width: 40px; padding-left: 0;}
  .course-detail .course .desc .des{width: calc(100% - 40px);}
  .course-detail .course .price-box{padding-top: 10px; margin-bottom: 0; height: 41px;}
  .course-detail .course .btn-wrap>*{height: 48px; font-size: 16px;}
  .course-detail .course .btn-wrap>* .ico{display: none;}
  .course-detail .course .btn-wrap>* span{margin-left: 0; font-size: 16px;}
  .course-detail .tab-container{margin-top: 44px;}
  .course-detail .tab-container .tabs{margin-bottom: 20px;}
  .course-detail .tab-container .tabs .item a{font-size: 14px; height: 43px; line-height: initial; letter-spacing: -0.87px; padding: 0; display: flex; align-items: center; justify-content: center;}
  .course-detail .table-wrap{overflow-x: auto; max-width: calc(100vw - 20px);}
  .course-detail .table .row *{padding: 15px;}
  .course-detail .table .row .col-title{width: 89px; font-size: 13px; letter-spacing: -2.01px;}
  .course-detail .table .row .col-desc{width: calc(100% - 89px); font-size: 13px; line-height: 1.85; letter-spacing: -0.81px;}
  .course-detail .table.table-sm .row *{padding: 12px 16px;}
  .course-detail .table.table-sm .row .col-title{width: 93px;}
  .course-detail .table.table-sm .row .col-desc{width: calc(100% - 93px); font-size: 13px; letter-spacing: -.81px;}
  .course-detail .detail-item{flex-direction: column;}
  .course-detail .detail-item .img{position: relative; width: 100%; height: auto; padding-top: 75.5%; margin: 0 0 17px; flex: 1;}
  .course-detail .detail-item .img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
  .course-detail .detail-item .table-box .btn-wrap{margin-top: 24px;}
  .course-detail .detail-item .table-box .btn-wrap .btn-detail{font-size: 16px; height: 48px; width: 153px; letter-spacing: -0.67px;}
  .course-detail .detail-item .table-box .btn-wrap .btn-detail .ico{display: none;}
  .course-detail .detail-item .detail-item{margin-top: 30px;}
  .course-detail .v-table table td,
  .course-detail .v-table table th{padding: 12px; font-size: 13px; letter-spacing: -0.81px;}
  .course-detail .v-table table td.align-left{padding: 12px 16px;}
  .course-detail .course-review>.heading .title{font-size: 16px; letter-spacing: -0.67px; margin-bottom: 25px;}
  .course-detail .course-review>.heading .sorting{justify-content: flex-start;}
  .course-detail .course-review>.heading .sorting ul li+li{margin-left: 12px;}
  .course-detail .course-review>.heading .sorting ul li+li::before{left: -9px;}
  .course-detail .course-review>.heading .sorting ul li a{font-size: 14px;}
  .course-detail .course-review .rating{height: auto; flex-direction: column; padding-bottom: 34px;}
  .course-detail .course-review .rating .total{display: flex; justify-content: center; align-items: center; width: 100%; padding-left: 0; padding-top: 27px; margin-bottom: 20px;}
  .course-detail .course-review .rating .total .value{font-size: 40px; letter-spacing: -1.68px; margin-right: 15px;}
  .course-detail .course-review .rating .total .star-box{margin: 0 18px 0 0;}
  .course-detail .course-review .rating .total::after{content: none;}
  .course-detail .course-review .rating .bar-wrap{width: 100%; padding: 0 17px;}
  .course-detail .course-review .rating .bar-wrap .item+.item{margin-top: 11px;}
  .course-detail .course-review .rating .bar-wrap .item .tit{width: 38px; margin-right: 0;}
  .course-detail .course-review .rating .bar-wrap .item .bar{width: calc(100% - 38px - 48px);}
  .course-detail .course-review .rating .bar-wrap .item .val{width: 48px;}
  .course-detail .course-review .review-list .item{padding: 24px 17px 30px;}
  .course-detail .course-review .review-list .item .heading{position: relative; height: 51px; align-items: flex-start;}
  .course-detail .course-review .review-list .item .heading .state{font-size: 18px; letter-spacing: -.45px;}
  .course-detail .course-review .review-list .item .heading .info{font-size: 12px; letter-spacing: -0.5px; padding-right: 9px; padding-top: 3px;}
  .course-detail .course-review .review-list .item .heading .info .star-box{margin-right: 5px;}
  .course-detail .course-review .review-list .item .heading .info .score{margin-right: 12px; padding-top: 3px;}
  .course-detail .course-review .review-list .item .heading .info div:last-child{padding-top: 3px;}
  .course-detail .course-review .review-list .item .heading .info .nickname{position: absolute; bottom: 0; left: 0; margin-right: 0; font-size: 14px; letter-spacing: -0.59px;}
  .course-detail .course-review .review-list .item .txt{font-size: 13px; line-height: 1.69; letter-spacing: -0.55px; padding-right: 10px;}
  .course-detail .course-review .review-list .item .btn-open{position: absolute; display: none; bottom: 18px; right: 18px;}
  .course-detail .course-review .review-list .item.open .txt{height: auto;}
  .course-detail .course-review .review-list .item.open .ico{transform: rotate(180deg);}
}

@media (max-width: 980px){
/* contents */
  .contentsBox .eventBtn img{width: 65%;}
}

@media (max-width: 960px){
  /* 학원 게시판 */
  .board-wrap .form .row .col-title{width: 80px;}
}

@media (max-width: 786px){
  /* 회원가입 + 로그인 + 회원가입 완료 */
  .sign-in-wrap .complete-content{flex-direction: column; height: auto; margin-bottom: 42px;}
  .sign-in-wrap .complete-content .txt{width: 100%; font-size: 15px; line-height: 27px; letter-spacing: -1.13px; padding-right: 0; margin-bottom: 24px;}
  .sign-in-wrap .complete-content .img{width: 100%; max-width: 243px; height: auto;}
  .sign-in-wrap .complete-content .img img{width: 100%; height: auto;}
  .sign-in-wrap.complete .content{width: 100%;}
  .sign-in-wrap.complete .content h2.title{padding-top: 59px; text-align: center; font-size: 24px; letter-spacing: -0.6px; padding-bottom: 12px; justify-content: flex-start; margin-bottom: 19px;}
  .sign-in-wrap.complete .form-box{border-left: 0; border-right: 0;}
  .sign-in-wrap.complete .form-box .form-row{padding: 16px 6px 16px 6px;}
  .sign-in-wrap.complete .form-box .form-row .label{width: 47px; font-size: 14px; letter-spacing: -0.35px;}
  .sign-in-wrap.complete .form-box .form-row .form-group{width: calc(100% - 47px - 73px - 12px); margin-right: 12px;}
  .sign-in-wrap.complete .form-box .form-row .btn{display: flex; align-items: center; justify-content: center; line-height: initial; white-space: break-spaces; min-width: auto; width: 73px; font-size: 12px; letter-spacing: -0.3px; padding: 0 10px;}
  .sign-in-wrap.complete .form-box .form-row.address .form-group .form-input{width: calc(50% - 12.5px);}
  .sign-in-wrap.complete .form-box .form-row.address .form-group .hyphen{width: 25px;}
}

@media (max-width: 767px){
/* contents */
  .contentsTab{display: none;}
  .contentsBox .eventBtn{bottom: 30px;}
  .contentsBox .eventBtn img{width: 50%;}
}

@media (max-width: 720px){
  /* 마이페이지 회원정보수정  */
  .scond_btn{display: flex; margin-left: 20px; border-radius: 4px; min-width: 65px; height: 25px; line-height: 15px; text-align: center; font-size: 12px; letter-spacing: -.4px; font-weight: 300; color: #056eed; background-color: rgb(255 255 255); border: 1px solid #056eed; align-items: center; justify-content: center;}
}

@media (max-width: 680px){
/* 강사 커리큘럼 */
  .professor-wrap .section-video .video-box .sm-video .video{  height: 100px;}
}

@media (max-width: 600px){
  /* player */
  .player-wrap .side-box .list>.item .item-header .title .name{width: 240px; font-size: 14px;}
}

@media (max-width: 560px){
  /* 회원가입 + 로그인 + 회원가입 완료 */
  .sign-in-wrap .complete-content .img{max-width: none;}
  
  /* 인강 */
  .course-detail .course-review .review-list .item .txt{height: 130px; overflow-y: hidden;}
  .course-detail .course-review .review-list .item .btn-open{display: block;}
  .course-detail .course-review .review-list .item.open .txt{height: auto;}
  .course-detail .course-review .review-list .item.open .ico{transform: rotate(180deg);}
}

@media (max-width: 399px){
  /* player */
  .player-wrap .side-box .list>.item .item-header .title .name{width: 180px; margin-left: 8px;}
}

/* 마이페이지 회원정보수정  */
/* 가로 해상도에 따라 버튼 크기를 줄인다. */
@media (max-width: 460px){
  .scond_btn{display: flex; margin-left: 20px; border-radius: 4px; min-width: 65px; height: 25px; line-height: 15px; text-align: center; font-size: 12px; letter-spacing: -.4px; font-weight: 300; color: #056eed; background-color: rgb(255 255 255); border: 1px solid #056eed; align-items: center; justify-content: center; /* width: 60px; */}
}