@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

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

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

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

/*******************************************************************
default
********************************************************************/
html, body { height: 100%; position: relative; }

input[type=button], input[type=text], input[type=image], input[type=submit], textarea, select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }

textarea { overflow: hidden; }

/* IE6 */
:first-child + html .clearFix { zoom: 1; }

/* IE7 */
.hide, .hidden, .blind, caption, legend { opacity: 0; text-indent: -999em; overflow: hidden; position: absolute; top: 0; left: 0; width: 0; height: 0; font-size: 0; line-height: 0; }

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

* html .clearFix { zoom: 1; }

/* 뷰표트 변환시 폰트크기 자동확대 방지 */
body { -webkit-text-size-adjust: none; }

input[type='text'], input[type='password'], input[type='submit'], input[type='search'] { -webkit-appearance: none; border-radius: 0; }

a { color: inherit; text-decoration: none; }

a:active, a:hover { text-decoration: none; }

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

input, select, textarea, button { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; }

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

input[type=radio] { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: absolute; }

input[type=submit], input[type=button], button { cursor: pointer; }

input[type=checkbox], input[type=checkbox] { -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; }

input[type=checkbox] { /* position: static !important;  */ vertical-align: middle; }

input[type=checkbox] + label:before { display: none; }

::-webkit-input-placeholder { font-size: inherit !important; }

:-ms-input-placeholder { font-size: inherit !important; }

::-ms-input-placeholder { font-size: inherit !important; }

::placeholder { font-size: inherit !important; }

/* input 기본 스타일 초기화 */
input { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear { display: none; }

/* input type number 에서 화살표 제거 */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

/* Select box 스타일 초기화 */
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

/* IE 에서 Select box 화살표 제거 */
select::-ms-expand { display: none; }

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select { border: none; }

input[disabled], input[readonly] { border: none !important; }

@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; unicode-range: U+0020-007E; src: url(../fonts/Roboto/Roboto-Thin.woff2) format("woff2"), url(../fonts/Roboto/Roboto-Thin.woff) format("woff"), url(../fonts/Roboto/Roboto-Thin.otf) format("opentype"); }

@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; unicode-range: U+0020-007E; src: url(../fonts/Roboto/Roboto-Light.woff2) format("woff2"), url(../fonts/Roboto/Roboto-Light.woff) format("woff"), url(../fonts/Roboto/Roboto-Light.otf) format("opentype"); }

@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; unicode-range: U+0020-007E; src: url(../fonts/Roboto/Roboto-Regular.woff2) format("woff2"), url(../fonts/Roboto/Roboto-Regular.woff) format("woff"), url(../fonts/Roboto/Roboto-Regular.otf) format("opentype"); }

@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; unicode-range: U+0020-007E; src: url(../fonts/Roboto/Roboto-Medium.woff2) format("woff2"), url(../fonts/Roboto/Roboto-Medium.woff) format("woff"), url(../fonts/Roboto/Roboto-Medium.otf) format("opentype"); }

@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; unicode-range: U+0020-007E; src: url(../fonts/Roboto/Roboto-Bold.woff2) format("woff2"), url(../fonts/Roboto/Roboto-Bold.woff) format("woff"), url(../fonts/Roboto/Roboto-Bold.otf) format("opentype"); }

/* @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; unicode-range: U+0020-007E; src: url(Roboto-Thin.woff2) format('woff2'), url(Roboto-Thin.woff) format('woff'), url(Roboto-Thin.otf) format('opentype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; unicode-range: U+0020-007E; src: url(Roboto-Light.woff2) format('woff2'), url(Roboto-Light.woff) format('woff'), url(Roboto-Light.otf) format('opentype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; unicode-range: U+0020-007E; src: url(Roboto-Regular.woff2) format('woff2'), url(Roboto-Regular.woff) format('woff'), url(Roboto-Regular.otf) format('opentype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; unicode-range: U+0020-007E; src: url(Roboto-Medium.woff2) format('woff2'), url(Roboto-Medium.woff) format('woff'), url(Roboto-Medium.otf) format('opentype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; unicode-range: U+0020-007E; src: url(Roboto-Bold.woff2) format('woff2'), url(Roboto-Bold.woff) format('woff'), url(Roboto-Bold.otf) format('opentype'); } */
@font-face { font-family: 'NotoSansKR'; font-style: normal; font-weight: 100; src: url(../fonts/NotoSansKR/NotoSansKR-Thin.woff2) format("woff2"), url(../fonts/NotoSansKR/NotoSansKR-Thin.woff) format("woff"), url(../fonts/NotoSansKR/NotoSansKR-Thin.otf) format("opentype"); unicode-range: U+AC00-D7A3; }

@font-face { font-family: 'NotoSansKR'; font-style: normal; font-weight: 300; src: url(../fonts/NotoSansKR/NotoSansKR-Light.woff2) format("woff2"), url(../fonts/NotoSansKR/NotoSansKR-Light.woff) format("woff"), url(../fonts/NotoSansKR/NotoSansKR-Light.otf) format("opentype"); unicode-range: U+AC00-D7A3; }

@font-face { font-family: 'NotoSansKR'; font-style: normal; font-weight: 400; src: url(../fonts/NotoSansKR/NotoSansKR-Regular.woff2) format("woff2"), url(../fonts/NotoSansKR/NotoSansKR-Regular.woff) format("woff"), url(../fonts/NotoSansKR/NotoSansKR-Regular.otf) format("opentype"); unicode-range: U+AC00-D7A3; }

@font-face { font-family: 'NotoSansKR'; font-style: normal; font-weight: 500; src: url(../fonts/NotoSansKR/NotoSansKR-Medium.woff2) format("woff2"), url(../fonts/NotoSansKR/NotoSansKR-Medium.woff) format("woff"), url(../fonts/NotoSansKR/NotoSansKR-Medium.otf) format("opentype"); unicode-range: U+AC00-D7A3; }

@font-face { font-family: 'NotoSansKR'; font-style: normal; font-weight: 700; src: url(../fonts/NotoSansKR/NotoSansKR-Bold.woff2) format("woff2"), url(../fonts/NotoSansKR/NotoSansKR-Bold.woff) format("woff"), url(../fonts/NotoSansKR/NotoSansKR-Bold.otf) format("opentype"); unicode-range: U+AC00-D7A3; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: 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; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*! jQuery UI - v1.13.1 - 2022-06-27 http://jqueryui.com Includes: core.css, datepicker.css, theme.css To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }

.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }

.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; }

.ui-helper-clearfix:after { clear: both; }

.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; -ms-filter: "alpha(opacity=0)"; /* support: IE8 */ }

.ui-front { z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; pointer-events: none; }

/* Icons
----------------------------------*/
.ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

.ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }

.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }

.ui-datepicker .ui-datepicker-prev { left: 2px; }

.ui-datepicker .ui-datepicker-next { right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover { left: 1px; }

.ui-datepicker .ui-datepicker-next-hover { right: 1px; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }

.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }

.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; }

.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; }

.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }

.ui-datepicker td { border: 0; padding: 1px; }

.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width: auto; }

.ui-datepicker-multi .ui-datepicker-group { float: left; }

.ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; }

.ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }

.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; }

/* Icons */
.ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; }

.ui-widget .ui-widget { font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; }

.ui-widget.ui-widget-content { border: 1px solid #c5c5c5; }

.ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; }

.ui-widget-content a { color: #333333; }

.ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; }

.ui-widget-header a { color: #333333; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; }

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; }

.ui-visual-focus { -webkit-box-shadow: 0 0 3px 1px #5e9ed6; box-shadow: 0 0 3px 1px #5e9ed6; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff; }

.ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; }

.ui-state-checked { border: 1px solid #dad55e; background: #fffa90; }

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; }

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; -ms-filter: "alpha(opacity=70)"; /* support: IE8 */ font-weight: normal; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; -ms-filter: "alpha(opacity=35)"; /* support: IE8 */ background-image: none; }

.ui-state-disabled .ui-icon { -ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */ }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; }

.ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); }

.ui-widget-header .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("images/ui-icons_555555_256x240.png"); }

.ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png"); }

.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("images/ui-icons_777620_256x240.png"); }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cc0000_256x240.png"); }

.ui-button .ui-icon { background-image: url("images/ui-icons_777777_256x240.png"); }

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank { background-image: none; }

.ui-icon-caret-1-n { background-position: 0 0; }

.ui-icon-caret-1-ne { background-position: -16px 0; }

.ui-icon-caret-1-e { background-position: -32px 0; }

.ui-icon-caret-1-se { background-position: -48px 0; }

.ui-icon-caret-1-s { background-position: -65px 0; }

.ui-icon-caret-1-sw { background-position: -80px 0; }

.ui-icon-caret-1-w { background-position: -96px 0; }

.ui-icon-caret-1-nw { background-position: -112px 0; }

.ui-icon-caret-2-n-s { background-position: -128px 0; }

.ui-icon-caret-2-e-w { background-position: -144px 0; }

.ui-icon-triangle-1-n { background-position: 0 -16px; }

.ui-icon-triangle-1-ne { background-position: -16px -16px; }

.ui-icon-triangle-1-e { background-position: -32px -16px; }

.ui-icon-triangle-1-se { background-position: -48px -16px; }

.ui-icon-triangle-1-s { background-position: -65px -16px; }

.ui-icon-triangle-1-sw { background-position: -80px -16px; }

.ui-icon-triangle-1-w { background-position: -96px -16px; }

.ui-icon-triangle-1-nw { background-position: -112px -16px; }

.ui-icon-triangle-2-n-s { background-position: -128px -16px; }

.ui-icon-triangle-2-e-w { background-position: -144px -16px; }

.ui-icon-arrow-1-n { background-position: 0 -32px; }

.ui-icon-arrow-1-ne { background-position: -16px -32px; }

.ui-icon-arrow-1-e { background-position: -32px -32px; }

.ui-icon-arrow-1-se { background-position: -48px -32px; }

.ui-icon-arrow-1-s { background-position: -65px -32px; }

.ui-icon-arrow-1-sw { background-position: -80px -32px; }

.ui-icon-arrow-1-w { background-position: -96px -32px; }

.ui-icon-arrow-1-nw { background-position: -112px -32px; }

.ui-icon-arrow-2-n-s { background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }

.ui-icon-arrow-2-e-w { background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }

.ui-icon-arrowstop-1-n { background-position: -192px -32px; }

.ui-icon-arrowstop-1-e { background-position: -208px -32px; }

.ui-icon-arrowstop-1-s { background-position: -224px -32px; }

.ui-icon-arrowstop-1-w { background-position: -240px -32px; }

.ui-icon-arrowthick-1-n { background-position: 1px -48px; }

.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }

.ui-icon-arrowthick-1-e { background-position: -32px -48px; }

.ui-icon-arrowthick-1-se { background-position: -48px -48px; }

.ui-icon-arrowthick-1-s { background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }

.ui-icon-arrowthick-1-w { background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }

.ui-icon-arrow-4 { background-position: 0 -80px; }

.ui-icon-arrow-4-diag { background-position: -16px -80px; }

.ui-icon-extlink { background-position: -32px -80px; }

.ui-icon-newwin { background-position: -48px -80px; }

.ui-icon-refresh { background-position: -64px -80px; }

.ui-icon-shuffle { background-position: -80px -80px; }

.ui-icon-transfer-e-w { background-position: -96px -80px; }

.ui-icon-transferthick-e-w { background-position: -112px -80px; }

.ui-icon-folder-collapsed { background-position: 0 -96px; }

.ui-icon-folder-open { background-position: -16px -96px; }

.ui-icon-document { background-position: -32px -96px; }

.ui-icon-document-b { background-position: -48px -96px; }

.ui-icon-note { background-position: -64px -96px; }

.ui-icon-mail-closed { background-position: -80px -96px; }

.ui-icon-mail-open { background-position: -96px -96px; }

.ui-icon-suitcase { background-position: -112px -96px; }

.ui-icon-comment { background-position: -128px -96px; }

.ui-icon-person { background-position: -144px -96px; }

.ui-icon-print { background-position: -160px -96px; }

.ui-icon-trash { background-position: -176px -96px; }

.ui-icon-locked { background-position: -192px -96px; }

.ui-icon-unlocked { background-position: -208px -96px; }

.ui-icon-bookmark { background-position: -224px -96px; }

.ui-icon-tag { background-position: -240px -96px; }

.ui-icon-home { background-position: 0 -112px; }

.ui-icon-flag { background-position: -16px -112px; }

.ui-icon-calendar { background-position: -32px -112px; }

.ui-icon-cart { background-position: -48px -112px; }

.ui-icon-pencil { background-position: -64px -112px; }

.ui-icon-clock { background-position: -80px -112px; }

.ui-icon-disk { background-position: -96px -112px; }

.ui-icon-calculator { background-position: -112px -112px; }

.ui-icon-zoomin { background-position: -128px -112px; }

.ui-icon-zoomout { background-position: -144px -112px; }

.ui-icon-search { background-position: -160px -112px; }

.ui-icon-wrench { background-position: -176px -112px; }

.ui-icon-gear { background-position: -192px -112px; }

.ui-icon-heart { background-position: -208px -112px; }

.ui-icon-star { background-position: -224px -112px; }

.ui-icon-link { background-position: -240px -112px; }

.ui-icon-cancel { background-position: 0 -128px; }

.ui-icon-plus { background-position: -16px -128px; }

.ui-icon-plusthick { background-position: -32px -128px; }

.ui-icon-minus { background-position: -48px -128px; }

.ui-icon-minusthick { background-position: -64px -128px; }

.ui-icon-close { background-position: -80px -128px; }

.ui-icon-closethick { background-position: -96px -128px; }

.ui-icon-key { background-position: -112px -128px; }

.ui-icon-lightbulb { background-position: -128px -128px; }

.ui-icon-scissors { background-position: -144px -128px; }

.ui-icon-clipboard { background-position: -160px -128px; }

.ui-icon-copy { background-position: -176px -128px; }

.ui-icon-contact { background-position: -192px -128px; }

.ui-icon-image { background-position: -208px -128px; }

.ui-icon-video { background-position: -224px -128px; }

.ui-icon-script { background-position: -240px -128px; }

.ui-icon-alert { background-position: 0 -144px; }

.ui-icon-info { background-position: -16px -144px; }

.ui-icon-notice { background-position: -32px -144px; }

.ui-icon-help { background-position: -48px -144px; }

.ui-icon-check { background-position: -64px -144px; }

.ui-icon-bullet { background-position: -80px -144px; }

.ui-icon-radio-on { background-position: -96px -144px; }

.ui-icon-radio-off { background-position: -112px -144px; }

.ui-icon-pin-w { background-position: -128px -144px; }

.ui-icon-pin-s { background-position: -144px -144px; }

.ui-icon-play { background-position: 0 -160px; }

.ui-icon-pause { background-position: -16px -160px; }

.ui-icon-seek-next { background-position: -32px -160px; }

.ui-icon-seek-prev { background-position: -48px -160px; }

.ui-icon-seek-end { background-position: -64px -160px; }

.ui-icon-seek-start { background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }

.ui-icon-stop { background-position: -96px -160px; }

.ui-icon-eject { background-position: -112px -160px; }

.ui-icon-volume-off { background-position: -128px -160px; }

.ui-icon-volume-on { background-position: -144px -160px; }

.ui-icon-power { background-position: 0 -176px; }

.ui-icon-signal-diag { background-position: -16px -176px; }

.ui-icon-signal { background-position: -32px -176px; }

.ui-icon-battery-0 { background-position: -48px -176px; }

.ui-icon-battery-1 { background-position: -64px -176px; }

.ui-icon-battery-2 { background-position: -80px -176px; }

.ui-icon-battery-3 { background-position: -96px -176px; }

.ui-icon-circle-plus { background-position: 0 -192px; }

.ui-icon-circle-minus { background-position: -16px -192px; }

.ui-icon-circle-close { background-position: -32px -192px; }

.ui-icon-circle-triangle-e { background-position: -48px -192px; }

.ui-icon-circle-triangle-s { background-position: -64px -192px; }

.ui-icon-circle-triangle-w { background-position: -80px -192px; }

.ui-icon-circle-triangle-n { background-position: -96px -192px; }

.ui-icon-circle-arrow-e { background-position: -112px -192px; }

.ui-icon-circle-arrow-s { background-position: -128px -192px; }

.ui-icon-circle-arrow-w { background-position: -144px -192px; }

.ui-icon-circle-arrow-n { background-position: -160px -192px; }

.ui-icon-circle-zoomin { background-position: -176px -192px; }

.ui-icon-circle-zoomout { background-position: -192px -192px; }

.ui-icon-circle-check { background-position: -208px -192px; }

.ui-icon-circlesmall-plus { background-position: 0 -208px; }

.ui-icon-circlesmall-minus { background-position: -16px -208px; }

.ui-icon-circlesmall-close { background-position: -32px -208px; }

.ui-icon-squaresmall-plus { background-position: -48px -208px; }

.ui-icon-squaresmall-minus { background-position: -64px -208px; }

.ui-icon-squaresmall-close { background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }

.ui-icon-grip-solid-vertical { background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }

.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; }

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa; opacity: .3; -ms-filter: Alpha(Opacity=30); /* support: IE8 */ }

.ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; }

/* custom */
.ui-widget-header { border: 0px solid #dddddd; background: #fff; }

.ui-datepicker-calendar > thead > tr > th { font-size: 14px !important; }

.ui-datepicker .ui-datepicker-header { position: relative; padding: 10px 0; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 0px solid #c5c5c5; background-color: transparent; font-weight: normal; color: #454545; text-align: center; }

.ui-datepicker .ui-datepicker-title { margin: 0 0em; line-height: 16px; text-align: center; font-size: 14px; padding: 0px; font-weight: bold; }

.ui-datepicker { display: none; background-color: #fff; border-radius: 4px; margin-top: 10px; margin-left: 0px; margin-right: 0px; padding: 8px; padding-bottom: 10px; width: 270px; -webkit-box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.1); box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.1); }

.ui-widget.ui-widget-content { border: 1px solid #eee; }

#datepicker:focus > .ui-datepicker { display: block; }

.ui-datepicker-prev, .ui-datepicker-next { cursor: pointer; }

.ui-datepicker-next { float: right; }

.ui-state-disabled { cursor: auto; color: #cccccc; }

.ui-datepicker-title { text-align: center; padding: 10px; font-weight: 100; font-size: 20px; }

.ui-datepicker-calendar { width: 100%; }

.ui-datepicker-calendar > thead > tr > th { padding: 5px; font-size: 20px; font-weight: 400; }

.ui-datepicker-calendar > tbody > tr > td > a { color: #000; font-size: 12px !important; font-weight: bold !important; text-decoration: none; }

.ui-datepicker-calendar > tbody > tr > .ui-state-disabled:hover { cursor: auto; background-color: #fff; }

.ui-datepicker-calendar > tbody > tr > td { border-radius: 100%; width: 20px; height: 22px; cursor: pointer; padding: 5px; font-weight: 100; text-align: center; font-size: 12px; }

.ui-datepicker-calendar > tbody > tr > td:hover { background-color: transparent; opacity: 0.6; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 0px solid #cccccc; background-color: transparent; font-weight: normal; color: #2b2b2b; }

.ui-widget-header .ui-icon { background-image: url(./images/btns.png); }

.ui-datepicker-prev { top: 10px !important; left: 10px !important; }

.ui-datepicker-next { top: 10px !important; right: 10px !important; }

.ui-datepicker-prev:after { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-30%, -50%) rotate(135deg); transform: translate(-30%, -50%) rotate(135deg); width: 10px; height: 10px; border-right: 1px solid #777; border-bottom: 1px solid #777; }

.ui-datepicker-next:after { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-70%, -50%) rotate(-45deg); transform: translate(-70%, -50%) rotate(-45deg); width: 10px; height: 10px; border-right: 1px solid #777; border-bottom: 1px solid #777; }

.ui-icon-circle-triangle-e { background-position: -20px 0px; background-size: 36px; }

.ui-icon-circle-triangle-e { background-position: -20px 0px; background-size: 36px; }

.ui-icon-circle-triangle-w { background-position: -0px -0px; background-size: 36px; }

.ui-datepicker-calendar > tbody > tr > td:first-child a { color: red !important; }

.ui-datepicker-calendar > tbody > tr > td:last-child a { color: #0099ff !important; }

.ui-datepicker-calendar > thead > tr > th:first-child { color: red !important; }

.ui-datepicker-calendar > thead > tr > th:last-child { color: #0099ff !important; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 0px; background: #f1f1f1; border-radius: 50%; padding-top: 8px; padding-bottom: 8px; }

.inp { padding: 10px 10px; background-color: #f1f1f1; border-radius: 4px; border: 0px; }

.inp:focus { outline: none; background-color: #eee; }

html { font-size: 10px; }

body { min-width: 320px; }

/* html, body { overflow-x: hidden; } */
/* blind */
.blind { position: absolute; clip: rect(0 0 0 0); width: 1px !important; height: 1px !important; margin: -1px; overflow: hidden; }

@media screen and (max-width: 850px) { .pc { display: none !important; }
  .mo_blind { position: absolute !important; clip: rect(0 0 0 0) !important; width: 1px !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; } }

@media screen and (min-width: 851px) { .mo { display: none !important; }
  .pc_blind { position: absolute !important; clip: rect(0 0 0 0) !important; width: 1px !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; } }

/* 건너뛰기링크 */
#accessibility { position: absolute; left: 0; top: 0; z-index: 2000; width: 100%; }

#accessibility a { display: block; width: 1px; height: 1px; margin-bottom: -1px; overflow: hidden; text-align: center; color: #fff; }

#accessibility a:focus, #accessibility a:active { width: 100%; height: auto; padding: 7px 0; background-color: #000; }

html, body, h1, h2, h3, h4, h5, h6, strong, table th, input, textarea, select, button { font-family: 'NotoSansKR', 'Roboto', sans-serif; }

::-webkit-input-placeholder { font-size: 1.7rem; color: #dadada; }

:-ms-input-placeholder { font-size: 1.7rem; color: #dadada; }

::-ms-input-placeholder { font-size: 1.7rem; color: #dadada; }

::placeholder { font-size: 1.7rem; color: #dadada; }

.inner { position: relative; }

.mlr20 { margin-left: 20px; margin-right: 20px; width: calc(100% - 40px); }

.c_fff { color: #fff !important; }

/* Display */
.dib { display: inline-block; }

.hide { display: none; }

.ir { text-indent: -9999px; overflow: hidden; }

/* Align */
.txtL { text-align: left !important; }

.txtC { text-align: center !important; }

.txtR { text-align: right !important; }

/* Float */
.flL { float: left !important; }

.flR { float: right !important; }

.clrB { clear: both !important; }

필제공시 .bdbn { border-bottom: none !important; }

.bdtn { border-top: none !important; }

/* width */
.w10p { width: 10% !important; }

.w15p { width: 15% !important; }

.w20p { width: 20% !important; }

.w22p { width: 22.5% !important; }

.w25p { width: 25% !important; }

.w30p { width: 30% !important; }

.w40p { width: 40% !important; }

.w45p { width: 45% !important; }

.w50p { width: 50% !important; }

.w60p { width: 60% !important; }

.w65p { width: 65% !important; }

.w70p { width: 70% !important; }

.w80p { width: 80% !important; }

.w90p { width: 90% !important; }

.w100p { width: 100% !important; }

/* margin */
.m_auto { margin: 0 auto; }

.mb0 { margin-bottom: 0; }

.mb100 { margin-bottom: 100px; }

.mt60 { margin-top: 60px; }

img { display: block; width: 100%; }

.bdrn { border-radius: 0 !important; }

/* Table */
.table_wrap.scroll { overflow-x: auto; }

.table_wrap.scroll table { min-width: 728px; width: 100%; }

.table_wrap.row tr { border-bottom: 1px solid #ccc; }

.table_wrap.row th { color: #666666; font-size: 17px; background: #f1f1f1; padding: 20px 5px 20px 25px; text-align: left; }

.table_wrap.row td { color: #333333; font-size: 17px; padding: 5px 20px; }

.table_wrap.col tr:first-child { border-top: 1px solid #ccc; }

.table_wrap.col th { color: #666666; font-size: 17px; background: #f1f1f1; padding: 20px 5px 20px 25px; text-align: left; }

.table_wrap.col td { color: #333333; font-size: 17px; padding: 15px; border-top: 1px solid #ccc; }

.table_wrap.line { border-top: 2px solid #666; }

.table_wrap.line th { border-left: 1px solid #ccc; }

.table_wrap.line th:first-child { border-left: none; }

.table_wrap.line td { border-left: 1px solid #ccc; }

.table_wrap.line td:first-child { border-left: none; border-right: 1px solid #ccc; }

.table_wrap .vam { vertical-align: middle; }

table { table-layout: fixed; border-collapse: collapse; width: 100%; }

@media screen and (max-width: 1100px) { .t_hide { display: none !important; } }

@media screen and (max-width: 768px) { .t_hide { display: none !important; }
  .input_mid { width: 100%; }
  .input_short { width: 90px; } }

.wrap { width: 100%; overflow-x: hidden; }

.no_scroll { overflow: hidden; }

.text_indent { text-indent: -9999px; }

.text_hide { position: absolute; left: -999em; }

.clearfix { *zoom: 1; }

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

.ly_mt_sm { display: block; margin-top: 1em; }

.ly_mt_md { display: block; margin-top: 2em; }

.ly_mt_lg { display: block; margin-top: 3em; }

.br_m { display: none; }

.br_pc { display: block; }

.bold { font-weight: 700; }

@media screen and (max-width: 900px) { .br_m { display: block !important; }
  .br_pc { display: none !important; }
  .text_hide_m { display: none !important; } }

.btn_effect:before { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 100%; height: 1px; content: '.'; color: transparent; background-color: #fff; opacity: 0; -webkit-transition: height .5s, opacity .5s; transition: height .5s, opacity .5s; }

.btn_effect:hover span { color: #222; -webkit-transition: color .5s; transition: color .5s; }

.btn_effect:hover:before { opacity: 1; height: 100%; -webkit-transition: height .5s, opacity .5s; transition: height .5s, opacity .5s; }

.btn_effect:hover:after { background-image: url(../images/ico_link_dark.svg) !important; -webkit-transition: background-image .5s; transition: background-image .5s; }

.ani_elem { opacity: 0; }

.item_link { cursor: default; }

.clear::after { content: ""; display: block; clear: both; }

input[type=text], input[type=password] { height: 2.2rem; border: solid 1px #bdbdbd; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; text-indent: .5rem; font-size: 1.2rem; }

textarea { border: solid 1px #bdbdbd; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; resize: none; padding: .5rem; font-size: 1.2rem; }

.input_area select { min-width: 5rem; height: 2.2rem; border: solid 1px #bdbdbd; border-radius: 0; padding: 0 .5rem; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(../images/ico_select_arrow.png) no-repeat right 0.5rem center; background-size: .6rem; font-size: 1.1rem; color: #000; }

.mr10 { margin-right: 10px !important; }

/* 아이콘 */
.ico_file { display: inline-block; width: 13px; height: 18px; margin-right: 5px; background: url(../images/ico_file.png) no-repeat center; background-size: contain; vertical-align: text-top; }

@media screen and (min-width: 851px) { .ico_file { width: 25px; height: 25px; margin-right: 7px; } }

.ico_download { display: inline-block; width: 18px; height: 18px; margin-right: 3px; margin-left: 5px; border-radius: 50%; background: #fff url(../images/ico_download.png) no-repeat center; background-size: 7px; vertical-align: text-top; }

@media screen and (min-width: 851px) { .ico_download { width: 28px; height: 28px; margin-right: 4px; background-size: 14px; margin-left: 7px; } }

/* 셀렉트 */
.board_select { height: 100%; padding: 0 25px 0 10px; border-radius: 8px; border: solid 1px rgba(68, 68, 68, 0.3); -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff url(../images/bg_select_arrow.png) no-repeat right 10px center; background-size: 6px; font-size: 12px; font-weight: 300; color: #444; }

@media screen and (min-width: 851px) { .board_select { padding: 0 35px 0 10px; border-radius: 10px; background-size: 12px; font-size: 17px; } }

.input { border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px rgba(68, 68, 68, 0.3); }

.input input[type=text] { height: 100%; border-radius: 7px; border: none; font-size: 12px; color: #444; }

@media screen and (min-width: 851px) { .input { border-radius: 10px; background-size: 12px; }
  .input input[type=text] { width: 200px; height: 100%; border-radius: 10px; font-size: 17px; color: #444; } }

/* 검색 버튼 있는 텍스트 박스 */
.date_input { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 100; margin-left: 5px; }

.date_input span { margin: 0 .5em; font-size: 15px; color: rgba(68, 68, 68, 0.3); }

.date_input input[type=text] { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; border-radius: 7px; border: none; font-size: 13px; color: #444; border: solid 1px rgba(68, 68, 68, 0.3); }

.date_input + button[type=submit] { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 30px; height: 30px; border-radius: 0 7px 7px 0; background: #fff url(../images/bg_search.png) no-repeat right 10px center; background-size: auto 13px; }

@media screen and (min-width: 851px) { .date_input input[type=text] { font-size: 17px; }
  .date_input + button[type=submit] { width: 40px; border-radius: 0 10px 10px 0; background-size: auto 20px; } }

.input_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 5px; border: solid 1px rgba(68, 68, 68, 0.3); }

.input_wrap input[type=text] { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; height: 100%; border-radius: 7px 0 0 7px; border: none; font-size: 12px; color: #444; }

.input_wrap button[type=submit] { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 30px; border-radius: 0 7px 7px 0; background: #fff url(../images/bg_search.png) no-repeat right 10px center; background-size: auto 10px; }

@media screen and (min-width: 851px) { .input_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 10px; background-size: 12px; margin-left: 10px; }
  .input_wrap input[type=text] { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 200px; height: 100%; border-radius: 10px 0 0 10px; font-size: 17px; color: #444; }
  .input_wrap button[type=submit] { width: 40px; border-radius: 0 10px 10px 0; background-size: auto 20px; } }

/* 게시판 검색 */
.board_search_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 30px; margin-bottom: 12px; }

@media screen and (min-width: 851px) { .board_search_wrap { height: 40px; margin-bottom: 20px; } }

/* 게시판 상세 검색 */
.board_detail_search_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px 15px; border-radius: 7px; background: #f5f5f5; margin-bottom: 25px; }

.board_detail_search_wrap label { white-space: nowrap; }

.board_detail_search_wrap .input_wrap { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.board_detail_search_wrap .grow1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; width: 100%; }

.board_detail_search_wrap .grow1 .input { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 70%; }

.board_detail_search_wrap .grow1 .input input { width: 100%; }

.board_detail_search_wrap .grow1 label { line-height: 30px; }

.board_detail_search_wrap .grow0 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.board_detail_search_wrap .grow0 > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.board_detail_search_wrap .grow0 label { line-height: 30px; }

.board_detail_search_wrap .grow0 .input { margin-right: 0.5em; }

.board_detail_search_wrap .grow0 p { font-size: 13px; font-weight: 300; color: #444; line-height: 30px; }

@media screen and (max-width: 850px) { .board_detail_search_wrap .grow1 label { line-height: 30px; }
  .board_detail_search_wrap .save_btn_wrap { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
  .board_detail_search_wrap .btn_save { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 60px; height: 30px; padding: 0 13px; border-radius: 6px; background-color: #ff6374 !important; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 14px; text-align: center; }
  .board_detail_search_wrap label { line-height: 30px; margin-right: 5px; font-size: 14px; font-weight: 500; color: #444; white-space: nowrap; }
  .board_detail_search_wrap label + .input_wrap, .board_detail_search_wrap label + select { margin-right: 11px; }
  .board_detail_search_wrap input, .board_detail_search_wrap select { height: 30px; font-size: 13px; }
  .board_detail_search_wrap .input_wrap { height: 30px; margin-left: 0; }
  .board_detail_search_wrap .input_wrap ::-webkit-input-placeholder { font-size: 13px; }
  .board_detail_search_wrap .input_wrap :-ms-input-placeholder { font-size: 13px; }
  .board_detail_search_wrap .input_wrap ::-ms-input-placeholder { font-size: 13px; }
  .board_detail_search_wrap .input_wrap ::placeholder { font-size: 13px; }
  .board_detail_search_wrap div + div { margin-top: 5px; } }

@media screen and (min-width: 851px) { .board_detail_search_wrap { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; height: 40px; margin-bottom: 40px; padding: 15px 20px; border-radius: 10px; }
  .board_detail_search_wrap .grow1 label, .board_detail_search_wrap .grow0 label { line-height: 40px; }
  .board_detail_search_wrap .grow1 p, .board_detail_search_wrap .grow0 p { font-size: 15px; line-height: 40px; }
  .board_detail_search_wrap .btn_save { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 80px; height: 40px; padding: 0 25px; border-radius: 10px; font-size: 18px; background-color: #ff6374; color: #fff; }
  .board_detail_search_wrap label { margin-right: 9px; font-size: 17px; font-weight: 500; color: #444; }
  .board_detail_search_wrap label + .input_wrap, .board_detail_search_wrap label + select { margin-right: 15px; }
  .board_detail_search_wrap .input_wrap { margin-left: 0; } }

.board_detail_search_wrap.type2 { display: block; height: auto; padding: 10px 15px 5px; }

.board_detail_search_wrap.type2 > div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; min-height: 30px; }

.board_detail_search_wrap.type2 > div > * { margin-right: 5px; margin-bottom: 5px; }

.board_detail_search_wrap.type2 > div > button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 50px; height: 30px; padding: 0 5px; border-radius: 7px; background: none; font-size: 13px; color: #fff; white-space: nowrap; }

.board_detail_search_wrap.type2 > div > button.black { background: #000; }

.board_detail_search_wrap.type2 > div > button.green { background: #006e36; }

.board_detail_search_wrap.type2 > div > button.red { background: #ff6374; }

@media screen and (min-width: 851px) { .board_detail_search_wrap.type2 > div > button { min-width: 80px; min-height: 40px; padding: 5px; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; } }

@media screen and (min-width: 851px) { .board_detail_search_wrap.type2 { padding: 15px 20px 5px; }
  .board_detail_search_wrap.type2 > div { min-height: 40px; }
  .board_detail_search_wrap.type2 > div > * { height: 40px; margin-right: 9px; margin-bottom: 10px; } }

/* 리스트 토글 버튼 */
.btn_toggle { position: absolute; right: 10px; top: 12px; width: 25px; height: 25px; background: none; }

.btn_toggle:after { content: ''; position: absolute; left: 50%; top: 50%; width: 5px; height: 5px; border: 2px solid; border-color: transparent #ccc #ccc transparent; -webkit-transform: translate(-50%, -70%) rotate(45deg); transform: translate(-50%, -70%) rotate(45deg); }

.opened .btn_toggle:after { border-color: transparent #ff6374 #ff6374 transparent; -webkit-transform: translate(-50%, -30%) rotate(-135deg); transform: translate(-50%, -30%) rotate(-135deg); }

/* 탭 버튼*/

.btn_tab_wrap .serv_btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 8px;
          column-gap: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: 8px;
}

.btn_tab_wrap .serv_btns li {
  width: 100%;
}

.btn_tab_wrap .serv_btns .serv_btn {
  background: #fff;
  border: 1px solid #bababa;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #555;
  display: block;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 1.2;
  padding: 10px;
  text-align: center;
  width: 100%;
}

.btn_tab_wrap .serv_btns .serv_btn.active {
  border: 1px solid #ff6374;
  color: #ff6374;
  font-weight: 500;
  position: relative;
}

.btn_tab_wrap .serv_btns .serv_btn.active::after {
  background: url(/newSilverangel/images/ico_pink_arr_down.png) no-repeat;
  bottom: -9px;
  content: '';
  height: 16px;
  position: absolute;
  width: 23px;
  -webkit-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
  left: -10px;
  top: 50%;
}

@media (min-width: 681px) {
  .btn_tab_wrap .serv_btns li {
    width: 30%;
    padding-bottom: 10px;
  }
  .btn_tab_wrap .serv_btns .serv_btn.active::after {
    bottom: -9px;
    height: 16px;
    left: 50%;
    position: absolute;
    top: auto;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 23px;
  }
}

@media screen and (min-width: 851px) { .btn_toggle { right: 18px; top: 17px; width: 30px; height: 30px; }
  .btn_toggle:after { width: 7px; height: 7px; border: 2.5px solid; border-color: transparent #ccc #ccc transparent; } 

  .btn_tab_wrap .serv_btns {
    -webkit-column-gap: 8px;
            column-gap: 8px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    row-gap: 8px;
  }
  .btn_tab_wrap .serv_btns li {
    width: 20%;
    padding-bottom: 10px;
  }
  .btn_tab_wrap .serv_btns .serv_btn {
    font-size: 16px;
    padding: 5px;
    min-height: 60px;
    word-break: keep-all;
  }
  }
  
  @media (min-width: 1025px) {
  .btn_tab_wrap .serv_btns li {
    width: 14%;
  }
  .btn_tab_wrap .serv_btns .serv_btn {
    font-size: 16px;
    min-height: 60px;
    word-break: keep-all;
  }
}

@media (min-width: 1281px) {
  .btn_tab_wrap .serv_btns li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .btn_tab_wrap .serv_btns .serv_btn {
    font-size: 18px;
    min-height: 100px;
  }
}

@media (min-width: 1551px) {
  .btn_tab_wrap .serv_btns {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .btn_tab_wrap .serv_btns li {
    padding-bottom: 10px;
  }
  .btn_tab_wrap .serv_btns .serv_btn {
    font-size: 20px;
    min-height: 120px;
  }
}

/* 페이지네이션 */
.pagination_wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 50px auto 200px; }

.pagination_wrap .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; font-size: 12px; font-weight: bold; color: #777; }

.pagination_wrap .btn_first, .pagination_wrap .btn_prev, .pagination_wrap .btn_next, .pagination_wrap .btn_last { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20px; height: 20px; padding: 8px; margin: 0 px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.pagination_wrap li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 11px; font-weight: 400; width: 30px; height: 30px; padding: 8px; margin: 0 px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.pagination_wrap li.active { border-radius: 50%; background: #000; color: #fff; }

.pagination_wrap .btn_first { background: url(../images/btn_first.png) no-repeat center; background-size: auto 11px; }

.pagination_wrap .btn_prev { background: url(../images/btn_prev.png) no-repeat center; background-size: auto 11px; }

.pagination_wrap .btn_next { background: url(../images/btn_next.png) no-repeat center; background-size: auto 11px; }

.pagination_wrap .btn_last { background: url(../images/btn_last.png) no-repeat center; background-size: auto 11px; }

.pagination_wrap ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 5px; }

.pagination_wrap .bttns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; margin-bottom: 30px; margin-top: -30px; }

.pagination_wrap .bttns button, .pagination_wrap .bttns a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 60px; height: 30px; padding: 0 5px; border-radius: 7px; background-color: #ff6374; font-size: 14px; color: #fff; white-space: nowrap; }

.board_search_wrap .bttns button, .board_search_wrap .bttns a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 60px; height: 30px; padding: 0 5px; border-radius: 7px; background-color: #ff6374; font-size: 14px; color: #fff; white-space: nowrap; }

.pagination_wrap .bttns button + *, .pagination_wrap .bttns a + * { margin-left: 7px; }

@media screen and (min-width: 851px) { .pagination_wrap .pagination { font-size: 18px; }
  .pagination_wrap .btn_first, .pagination_wrap .btn_prev, .pagination_wrap .btn_next, .pagination_wrap .btn_last, .pagination_wrap li { width: 30px; height: 30px; padding: 5px; margin: 0; }
  .pagination_wrap .btn_first { background-size: initial; }
  .pagination_wrap .btn_prev { background-size: initial; }
  .pagination_wrap .btn_next { background-size: initial; }
  .pagination_wrap .btn_last { background-size: initial; }
  .pagination_wrap ul { margin: 0 10px; }
  .pagination_wrap li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 14px; font-weight: 400; width: 40px; height: 40px; padding: 8px; margin: 0 2px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .pagination_wrap li.active { border-radius: 50%; background: #000; color: #fff; }
  .pagination_wrap .bttns { margin-bottom: 30px; margin-top: -30px; }
  .pagination_wrap .bttns button, .pagination_wrap .bttns a { min-width: 80px; height: 40px; padding: 12px 15px; border-radius: 10px; font-size: 18px; }
  .board_search_wrap .bttns button, .pagination_wrap .bttns a { min-width: 80px; height: 40px; padding: 12px 15px; border-radius: 10px; font-size: 18px; }
  .pagination_wrap .bttns button + *, .pagination_wrap .bttns a + * { margin-left: 10px; } }

.secure { width: 120px; margin-left: 70px; }

.secure img { margin-bottom: 5px; }

.secure button { width: 100%; height: 30px; margin-bottom: 5px; border-radius: 10px; border: solid 1px #999; background-color: #fff; font-size: 13px; text-align: center; color: #000; }

.secure input { width: 100%; height: 30px; border-radius: 10px; border: solid 1px #ccc; background-color: #fff; font-size: 13px; font-weight: 300; }

@media screen and (min-width: 851px) { .secure { width: 200px; margin-left: 125px; }
  .secure img { margin-bottom: 10px; }
  .secure button { height: 40px; margin-bottom: 10px; border-radius: 10px; font-size: 16px; }
  .secure input { height: 40px; border-radius: 10px; font-size: 16px; } }

.pop_container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.02); }

.pop_container .popup { position: relative; padding: 30px 30px; margin: 0 30px; width: calc(100% - 60px); max-height: calc(100% - 60px); -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 12px; -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.2); background-color: #fff; font-size: 14px; font-weight: 300; color: #000; }

.pop_container .popup h3 { margin-bottom: 20px; font-size: 22px; font-weight: 500; color: #333; }

.pop_container .popup strong { display: block; margin: 10px 0; font-size: 18px; font-weight: 500; line-height: 1.25; color: #ff6374; word-break: keep-all; }

.pop_container .popup em { display: block; margin: 10px 0 20px; font-size: 15px; font-weight: bold; word-break: keep-all; }

.pop_container .popup .btn_close { position: absolute; right: 30px; top: 30px; width: 30px; height: 30px; background: none; }

.pop_container .popup .btn_close:before, .pop_container .popup .btn_close:after { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); width: 30px; height: 1px; background: #000; }

.pop_container .popup .btn_close:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }

.pop_container .bttns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px; }

.pop_container .bttns button, .pop_container .bttns a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 60px; height: 30px; padding: 0 5px; border-radius: 7px; background-color: #ff6374; font-size: 14px; color: #fff; white-space: nowrap; }

.pop_container .bttns button + *, .pop_container .bttns a + * { margin-left: 7px; }

.pop_container .bttns button.negative, .pop_container .bttns a.negative { background: #000; }

@media screen and (min-width: 851px) { .pop_container .popup { padding: 40px; border-radius: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 4.9px 4.9px 15px 0 rgba(0, 0, 0, 0.2); box-shadow: 4.9px 4.9px 15px 0 rgba(0, 0, 0, 0.2); font-size: 18px; font-weight: 300; color: #000; }
  .pop_container .popup h3 { margin-bottom: 30px; font-size: 32px; font-weight: 500; color: #333; }
  .pop_container .popup strong { margin: 15px 0; font-size: 24px; }
  .pop_container .popup em { display: block; margin: 14px 0 20px; font-size: 20px; }
  .pop_container .popup.w640 { max-width: 640px; }
  .pop_container .popup.w800 { max-width: 800px; }
  .pop_container .popup.w820 { max-width: 820px; }
  .pop_container .popup.w1200 { max-width: 1200px; }
  .pop_container .popup .btn_close { right: 40px; top: 45px; width: 30px; height: 30px; }
  .pop_container .popup .btn_close:before, .pop_container .popup .btn_close:after { width: 40px; }
  .pop_container .bttns { margin-top: 50px; }
  .pop_container .bttns button, .pop_container .bttns a { min-width: 80px; height: 40px; padding: 12px 15px; border-radius: 10px; font-size: 18px; }
  .pop_container .bttns button + *, .pop_container .bttns a + * { margin-left: 10px; } }

.btn_back { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 60px; height: 30px; padding: 0 5px; border-radius: 7px; background-color: #000; font-size: 14px; color: #fff; white-space: nowrap; margin-top: 15px; margin-bottom: 30px; }

.btn_back + * { margin-left: 7px; }

@media screen and (min-width: 851px) { .btn_back { margin-top: 20px; margin-bottom: 60px; }
  .btn_back button, .btn_back a { min-width: 80px; height: 40px; padding: 12px 15px; border-radius: 10px; font-size: 18px; }
  .btn_back button + *, .btn_back a + * { margin-left: 10px; } }

.tabs { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #000; margin-bottom: 15px; }

.tabs li { height: 33px; }

.tabs li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 8px 8px 0 0; font-size: 13px; white-space: nowrap; color: #777; font-weight: 300; }

.tabs li a.on { background: #000; color: #fff; font-weight: 400; }

@media screen and (max-width: 850px) { .tabs { overflow-x: auto; } }

@media screen and (min-width: 851px) { .tabs { border-bottom: 2px solid #000; margin-bottom: 20px; }
  .tabs li { height: 44px; }
  .tabs li a { padding: 0 20px; border-radius: 10px 10px 0 0; font-size: 18px; } }

.table_wrap.type1 { width: 100%; overflow-x: auto; }

.table_wrap.type1 thead { height: 35px; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; color: #fff; text-align: center; overflow: hidden; }

.table_wrap.type1 thead tr { background-color: #606198; }

.table_wrap.type1 thead th { padding: 5px; vertical-align: middle; white-space: nowrap; }

.table_wrap.type1 thead th:first-child { border-radius: 8px 0 0 8px; }

.table_wrap.type1 thead th:last-child { border-radius: 0 8px 8px 0; }

.table_wrap.type1 tbody tr { height: 35px; }

.table_wrap.type1 tbody tr + tr { border-top: 1px solid #ccc; }

.table_wrap.type1 tbody tr td { padding: 5px; text-align: center; vertical-align: middle; word-break: keep-all; }

.table_wrap.type1.flex_between { display: -webkit-box; display: -ms-flexbox; display: flex; }

.table_wrap.type1.flex_between .col_item + .col_item { margin-left: 10px; }

.table_wrap.type1.flex_between .col_item h4 { border-radius: 8px; margin-bottom: 5px; padding: 10px; background-color: #606198; text-align: center; color: #fff; font-weight: 500; }

@media screen and (max-width: 850px) { .table_wrap.type1 table { min-width: 600px; } }

@media screen and (min-width: 851px) { .table_wrap.type1 thead { min-height: 50px; padding: 0 25px; margin-bottom: 20px; border-radius: 12px; font-size: 18px; }
  .table_wrap.type1 thead th { padding: 10px; }
  .table_wrap.type1 tbody tr { height: 50px; }
  .table_wrap.type1 tbody tr td { padding: 10px; vertical-align: middle; }
  .table_wrap.type1.flex_between { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .table_wrap.type1.flex_between .col_item + .col_item { margin-left: 10px; }
  .table_wrap.type1.flex_between .col_item h4 { border-radius: 12px; background-color: #606198; text-align: center; } }

.table_wrap.type1.ta1 thead tr.tit { font-weight: 500; border-radius: 0 !important; padding: 0; background: #606198; }

.table_wrap.type1.ta1 thead tr.tit th { border-radius: 0; border-bottom: 5px solid #fff; }

.table_wrap.type1.ta1 thead tr.tit th:nth-child(1) { border-right: 5px solid #fff; }

.table_wrap.type1.ta1 thead tr.tit span { display: block; padding: 12px; margin-bottom: 10px; background: #606198; border-radius: 8px; }

.table_wrap.type1.ta1 thead tr.tit + tr { border-radius: 0 !important; }

.table_wrap.type1.ta1 thead tr.tit + tr th { border-radius: 0 !important; }

.table_wrap.type1.ta1 thead tr.tit + tr th:nth-child(3) { border-right: 5px solid #fff; }

.table_wrap.type1.ta1 td:nth-child(1) { text-align: center; }

.table_wrap.type1.ta1 td:nth-child(2) { text-align: center; }

.table_wrap.type1.ta1 td:nth-child(3) { text-align: left; }

.table_wrap.type1.ta1 td:nth-child(4) { text-align: center; }

.table_wrap.type1.ta1 td:nth-child(5) { text-align: left; }

.table_wrap.type1.ta2 thead tr.tit { font-weight: 500; border-radius: 0 !important; padding: 0; background: #606198; }

.table_wrap.type1.ta2 thead tr.tit th { border-radius: 0; border-bottom: 5px solid #fff; }

.table_wrap.type1.ta2 thead tr.tit th:nth-child(1) { border-right: 5px solid #fff; }

.table_wrap.type1.ta2 thead tr.tit span { display: block; padding: 12px; margin-bottom: 10px; background: #606198; border-radius: 8px; }

.table_wrap.type1.ta2 thead tr.tit + tr { border-radius: 0 !important; }

.table_wrap.type1.ta2 thead tr.tit + tr th { border-radius: 0 !important; }

.table_wrap.type1.ta2 thead tr.tit + tr th:nth-child(4) { border-right: 5px solid #fff; }

.table_wrap.type1.ta2 td:nth-child(1) { text-align: center; }

.table_wrap.type1.ta2 td:nth-child(2) { text-align: center; }

.table_wrap.type1.ta2 td:nth-child(3) { text-align: center; }

.table_wrap.type1.ta2 td:nth-child(4) { text-align: left; }

.table_wrap.type1.ta2 td:nth-child(5) { text-align: center; }

.table_wrap.type1.ta2 td:nth-child(6) { text-align: left; }

@media screen and (min-width: 851px) { .table_wrap.type1 thead tr:first-child span { border-radius: 12px; } }

.table_wrap.type2 { width: 100%; overflow-x: auto; }

.table_wrap.type2 table { border: solid 1px #c8c8c8; }

.table_wrap.type2 thead tr { background: #c8c8c8; }

.table_wrap.type2 thead th { vertical-align: middle; padding: 12px; line-height: 1.4; }

.table_wrap.type2 tbody tr { height: 35px; }

.table_wrap.type2 tbody tr td { padding: 12px; vertical-align: middle; word-break: keep-all; border: solid 1px #c8c8c8; font-size: 13px; line-height: 1.4; letter-spacing: -0.45px; text-align: left; color: #555; }

.table_wrap.type2 tbody tr td strong { display: inline-block; margin: 0; font: inherit; }

.table_wrap.type2 tbody tr td em { display: inline-block; margin: 0; font: inherit; color: #5b5dd1; }

.table_wrap.type2 tbody tr td:nth-child(1) { width: 30%; }

@media screen and (max-width: 850px) { .table_wrap.type2 table { min-width: 500px; } }

@media screen and (min-width: 851px) { .table_wrap.type2 thead tr { background: #c8c8c8; }
  .table_wrap.type2 thead th { padding: 15px; font-size: 18px; }
  .table_wrap.type2 tbody tr { height: 50px; }
  .table_wrap.type2 tbody tr td { padding: 15px; vertical-align: middle; font-size: 18px; } }

.table_wrap.type2.ta2 td:nth-child(1) { text-align: center; }

.table_wrap.type2.ta2 td:nth-child(2) { text-align: center; }

.table_wrap.type2.ta2 td:nth-child(3) { text-align: center; }

.table_wrap.type2.ta2 td:nth-child(4) { text-align: center; }

.table_wrap.type2.ta3 td:nth-child(1) { text-align: center; }

.table_wrap.type2.ta3 td:nth-child(2) { text-align: center; }

.table_wrap.type2.ta3 td:nth-child(3) { text-align: center; }

.table_wrap.type2.ta3 td:nth-child(4) { text-align: center; }

.table_wrap.type2.ta3 td:nth-child(5) { text-align: left; }

.table_wrap.type2.ta3 td:nth-child(5) small { display: block; margin-left: 1em; margin-top: 0.2em; margin-bottom: 0.5em; }

.table_wrap.type2.ta4 td:nth-child(1) { text-align: center; }

.table_wrap.type2.ta4 td:nth-child(2) { text-align: center; }

.table_wrap.type2.ta4 td:nth-child(3) { text-align: center; }

.table_wrap.type2.ta4 td:nth-child(4) { text-align: left; }

.table_wrap.type2.ta4 td:nth-child(5) { text-align: left; }

.table_wrap.type2.ta4 small { display: block; margin-left: 1em; margin-top: 0.2em; margin-bottom: 0.5em; color: #5b5dd1; }

.table_wrap.type2.ta4 strong { display: block; font-weight: 500; color: inherit; margin-bottom: 0.5em; }

.table_wrap.type2.ta4 em { display: block; margin-bottom: 0.5em; font-weight: 500; color: inherit; }

.table_wrap.type3 { width: 100%; overflow-x: auto; }

.table_wrap.type3 .box { margin-bottom: 20px; background: #eaeaea; border: solid 1px #c8c8c8; padding: 12px; }

.table_wrap.type3 .box span { font-weight: 500; }

.table_wrap.type3 .box span.red { color: #ff6374; }

.table_wrap.type3 table { border: solid 1px #c8c8c8; }

.table_wrap.type3 table + table { margin-top: 20px; }

.table_wrap.type3 thead tr { background: #c8c8c8; }

.table_wrap.type3 thead th { vertical-align: middle; padding: 12px; line-height: 1.4; }

.table_wrap.type3 tbody tr { height: 35px; }

.table_wrap.type3 tbody tr.highlight { outline: 3px solid #ff6374; outline-offset: -3px; }

.table_wrap.type3 tbody tr td { padding: 12px; vertical-align: middle; word-break: keep-all; border: solid 1px #c8c8c8; font-size: 13px; line-height: 1.4; letter-spacing: -0.45px; text-align: left; color: #555; }

.table_wrap.type3 tbody tr td strong { display: inline-block; margin: 0; font: inherit; }

.table_wrap.type3 tbody tr td em { display: inline-block; margin: 0; font: inherit; color: #5b5dd1; }

@media screen and (max-width: 850px) { .table_wrap.type3 table { min-width: 500px; } }

@media screen and (min-width: 851px) { .table_wrap.type3 thead tr { background: #c8c8c8; }
  .table_wrap.type3 thead th { padding: 15px; font-size: 18px; }
  .table_wrap.type3 tbody tr { height: 50px; }
  .table_wrap.type3 tbody tr td { padding: 15px; vertical-align: middle; font-size: 18px; } }

.table_wrap.type3.ta2 td:nth-child(1) { text-align: center; }

.table_wrap.type3.ta2 td:nth-child(2) { text-align: center; }

.table_wrap.type3.ta2 td:nth-child(3) { text-align: center; }

.table_wrap.type3.ta2 td:nth-child(4) { text-align: center; }

/* checkbox */
.checks { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 1em; }

.checks.type1 input[type=checkbox] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.checks.type1 label { display: inline-block; position: relative; padding-left: 1.7rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size: 1rem; letter-spacing: -.07rem; font-size: 1.3rem; color: #797572; vertical-align: middle; }

.checks.type1 label { background: url(../../images/B01/check_off.png) no-repeat left center; background-size: 1.2rem; }

.checks.type1 input[type=checkbox]:checked + label { background: url(../../images/B01/check_on.png) no-repeat left center; background-size: 1.2rem; }

.checks.type2 input[type=checkbox] { position: absolute; width: 0px; height: 0px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.checks.type2 label { display: inline-block; position: relative; padding-left: 2.5em; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size: 1.5rem; line-height: 1.62; letter-spacing: -.07rem; text-align: left; color: #464646; vertical-align: middle; }

.checks.type2::before { content: ''; position: absolute; left: 0; top: .2rem; width: 1.8rem; height: 1.8rem; background: #eee; border-radius: 4px; background-size: contain; border: solid 1px #000; }

.checks.type2 input[type=checkbox]:checked + label:after { content: ''; position: absolute; left: .3rem; top: .6rem; width: .9rem; height: .5rem; border-left: .3rem solid #e87965; border-bottom: .3rem solid #e87965; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.checks.type3 input[type=checkbox] { position: absolute; width: 0px; height: 0px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.checks.type3 label { display: inline-block; position: relative; padding-left: 2.5em; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size: 1.5rem; line-height: 1.62; letter-spacing: -.07rem; text-align: left; color: #464646; vertical-align: middle; }

.checks.type3::before { content: ''; position: absolute; left: 0; top: .2rem; width: 1.8rem; height: 1.8rem; background: #eee; border-radius: 4px; background-size: contain; border: solid 1px #000; }

.checks.type3 input[type=checkbox]:checked + label:after { content: ''; position: absolute; left: .3rem; top: .6rem; width: .9rem; height: .5rem; border-left: .3rem solid #e87965; border-bottom: .3rem solid #e87965; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.checks.type4 input[type=checkbox] { position: absolute; width: 0px; height: 0px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.checks.type4 label { display: inline-block; position: relative; padding-left: 2.5em; height: 2.5rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size: 1.5rem; line-height: 1.62; letter-spacing: -.07rem; text-align: left; color: #464646; vertical-align: middle; }

.checks.type4 input[type=checkbox] + label:after { content: ''; position: absolute; left: 0rem; top: 50%; width: 1.8rem; height: 1.8rem; background: url(../../images/B01/check4_off.png) no-repeat; background-size: contain; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.checks.type4 input[type=checkbox]:checked + label:after { background-image: url(../../images/B01/check4_on.png); }

/* radio */
.radio { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-right: 1rem; }

.radio.type1 { margin-right: 20px; }

.radio.type1 input[type=radio] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; border: 0; overflow: hidden; clip: rect(0, 0, 0, 0); }

.radio.type1 input[type=radio]:checked + label:before { border-color: #ff6374; }

.radio.type1 label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; font-size: 14px; color: #333; }

.radio.type1 label:before { content: ''; display: inline-block; margin-right: 6px; width: 14px; height: 14px; border-radius: 50%; border: 4px solid #ccc; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: text-top; }

@media screen and (min-width: 851px) { .radio.type1 label { height: 2.5rem; font-size: 18px; color: #333; }
  .radio.type1 label:before { margin-right: 10px; background-size: 1.8rem; width: 20px; height: 20px; border-radius: 50%; border: 5px solid #ccc; } }

/* toggle switch */
.switch { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }

.switch .switch-input { display: none; }

.switch .switch-core { display: inline-block; position: relative; width: 42px; height: 15px; border: 1px solid #9c9292; border-radius: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #000; }

.switch .switch-core:after { content: " "; top: -6px; left: -3px; position: absolute; -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; border-radius: 15px; width: 25px; height: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #000; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.19); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.19); }

.switch .switch-input:checked + .switch-core { border-color: #f3bcb2; background-color: #f3bcb2; }

.switch .switch-input:checked + .switch-core:after { -webkit-transform: translateX(20px); transform: translateX(20px); }

.switch .switch-label { margin-left: 0; }

.custom_select.type1 { position: relative; height: 40px; border: 1px solid #d8d8d8; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; }

.custom_select.type1:not(:last-child) { margin-bottom: 5px; }

.custom_select.type1::before { content: ''; position: absolute; right: 0; top: 0; height: 100%; width: 38px; }

.custom_select.type1 select { position: relative; z-index: 1; height: 100%; width: 100%; padding: 7px 37px 7px 8px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; color: #636363; letter-spacing: -0.025em; background: transparent; }

.custom_select.type2 { position: relative; display: inline-block; }

.custom_select.type2::after { content: ''; position: absolute; right: 9px; top: 41%; width: 0; height: 0; border-color: #333 transparent transparent transparent; border-width: 6px 3px 6px 3px; border-style: solid; }

.btts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 2rem; }

.btts [class^=btn] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 6.5rem; height: 3.4rem; padding: 1rem; background: #747474; border-radius: 10px; font-size: 1.5rem; font-weight: 500; line-height: 1.47; letter-spacing: -.07rem; color: #fff; }

.btts [class^=btn] + * { margin-left: 1rem; }

/* button {
    @include flex-center;
    width: 35px; height: 22px; border: solid 1px #ccc; background-color: #f5f5f5; border-radius: 5px; 
    font-size: 10px; font-weight: 300; color: #777; white-space: nowrap;
    @include pc {
        width: 42px; height: 28px; border-radius: 8px; 
        font-size: 14px; 
    }
} */
.row_section .section_inner { position: relative; max-width: 1400px; margin: 0 20px; }

@media screen and (min-width: 851px) { .row_section .section_inner:not(#top_section_inner) { padding: 0 30px; margin: 0 auto; } }

.flex-between { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.flex-end { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.header { position: relative; height: 240px; }

.header.main { height: 400px; }

@media screen and (min-width: 851px) { .header { height: 540px; }
  .header.main { height: 740px; } }

.header .header_top { position: absolute; top: 0; z-index: 10; width: 100%; }

.header .header_top .section_inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; }

@media screen and (max-width: 850px) { .header .header_top.login_opened { background: rgba(41, 40, 54, 0.9); } }

@media (max-width: 1399px) { .header .header_top.login_opened .login_wrap { display: block; }
  .header .header_top .section_inner { width: calc(100% - 40px); padding-top: 5px; height: 65px; } }

@media screen and (max-width: 850px) { .header .header_top.menu_opened { background: rgba(41, 40, 54, 0.9); }
  .header .header_top.menu_opened .gnb { display: block; } }

@media screen and (min-width: 851px) { .header .header_top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; top: 50px; width: 100%; }
  .header .header_top .section_inner { width: calc(100% - 60px); } }

.header .menu { /* @include max(1199) { justify-content: flex-end; button.menu {  flex: 0 0 auto;  margin-left: 0; } } @include min(1200) { button.menu { display: none; } } */ }

.header .menu button.login { width: 35px; height: 35px; background: url(../images/ico-login.png) no-repeat center; background-size: 17.5px; }

.header .menu button.menu { width: 35px; height: 35px; margin-right: -5px; margin-left: 0; background: url(../images/menu.png) no-repeat center; background-size: 22.5px; }

@media screen and (min-width: 851px) { .header .menu { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; margin-left: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .header .menu button.menu { display: none; }
  .header .menu button.login { margin-left: 20px; } }

@media (max-width: 1399px) { .header .menu { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .header .menu button.menu { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 20px; } }

@media screen and (max-width: 850px) { .header .menu button.menu { margin-left: 0px; } }

@media (min-width: 1400px) { .header .menu button.login { display: none; } }

.header .logo { width: 107px; height: 26.5px; background: url(../images/logo.png) no-repeat left; background-size: contain; -webkit-transition: all .2s; transition: all .2s; }

@media screen and (min-width: 851px) { .header .logo { width: 194px; height: 48px; } }

.header .gnb { display: none; }

.header .gnb ul { color: #fff; font-size: 16px; font-weight: 500; }

@media screen and (max-width: 850px) { .header .gnb { position: fixed; left: 0; top: 70px; width: 100%; height: auto; padding: 23px; -webkit-box-sizing: border-box; box-sizing: border-box; background: rgba(41, 40, 54, 0.95); border-top: 1px solid rgba(255, 255, 255, 0.3); }
  .header .gnb a { display: block; }
  .header .gnb .depth1 { font-weight: 400; font-size: 25px; }
  .header .gnb .depth1 > li { margin: 12px 0; color: #fff; }
  .header .gnb .depth1 > li > a { background: url(../images/menu-off.png) no-repeat right 10px center; background-size: 10px; }
  .header .gnb .depth1 > li > a.on { font-weight: 500; color: #ff5471; background-image: url(../images/menu-on.png); }
  .header .gnb .depth1 > li > a:hover { font-weight: 500; color: #ff5471; }
  .header .gnb .depth2 { display: none; padding: 10px 0; margin-top: 10px; border-radius: 8px; background-color: #373548; font-size: 18px; font-weight: 300; }
  .header .gnb .depth2 li { margin: 6px 0; padding-left: 15px; }
  .header .gnb .depth2 li a.on, .header .gnb .depth2 li a:hover { position: relative; color: #ff5471; }
  .header .gnb .depth2 li a.on:before, .header .gnb .depth2 li a:hover:before { content: ''; position: absolute; left: -15px; top: 2px; width: 2.5px; height: 17px; background: #ff5471; } }

@media (max-width: 500px) { .header .gnb { height: 100%; } }

@media screen and (max-width: 850px) { .header .gnb { top: 70px; } }

@media screen and (min-width: 851px) { .header .gnb { display: block; }
  .header .gnb .depth1 { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .header .gnb .depth2 { display: none !important; }
  .header .gnb li { font-size: 16px; font-weight: 500; color: #fff; }
  .header .gnb li + li { margin-left: 20px; }
  .header .gnb li .on, .header .gnb li a:hover { color: #ff6374; } }

@media (max-width: 1000px) { .header .gnb li { font-size: 14px; } }

.header .login_wrap input { width: 100%; height: 34px; padding: 0 10px; border: none; border-radius: 100px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 13px; font-weight: 300; color: #aaa; }

.header .login_wrap button[type=submit] { width: 100px; height: 34px; border: solid 1px #c2c2c2; border-radius: 100px; background: none; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; color: #fff; white-space: nowrap; }

.header .login_wrap .loginForm { width: 100px; height: 34px; border: solid 1px #c2c2c2; border-radius: 100px; background: none; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; color: #fff; white-space: nowrap; }

@media (max-width: 1399px) { .header .login_wrap { display: none; position: absolute; right: 30px; top: 60px; width: 350px; padding: 22.5px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 15px; background: rgba(41, 40, 54, 0.9); -webkit-box-shadow: 4.9px 4.9px 15px 0 rgba(0, 0, 0, 0.2); box-shadow: 4.9px 4.9px 15px 0 rgba(0, 0, 0, 0.2); }
  .header .login_wrap input { margin-top: 10px; }
  .header .login_wrap button[type=submit] { margin-top: 20px; background: #ff5471; color: #fff; border: none; }
  
  .header .login_wrap .loginForm { margin-top: 20px; background: #ff5471; color: #fff; border: none; }
  
  .header .login_wrap button.btn_close { width: 100px; height: 34px; margin-left: 10px; border: solid 1px #c2c2c2; border-radius: 100px; background-color: #292836; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; color: #fff; white-space: nowrap; } }

@media screen and (max-width: 850px) { .header .login_wrap { position: absolute; left: -20px; top: 70px; width: 100vw; padding: 22.5px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0; background: rgba(41, 40, 54, 0.9); border-top: 1px solid rgba(255, 255, 255, 0.3); -webkit-box-shadow: none; box-shadow: none; }
  .header .login_wrap input { margin-top: 10px; }
  .header .login_wrap button[type=submit] { margin-top: 20px; background: #ff5471; color: #fff; border: none; }
  
  .header .login_wrap .loginForm { margin-top: 20px; background: #ff5471; color: #fff; border: none; }
  
  .header .login_wrap button.btn_close { width: 100px; height: 34px; margin-left: 10px; border: solid 1px #c2c2c2; border-radius: 100px; background-color: #292836; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; color: #fff; white-space: nowrap; } }

@media (min-width: 1400px) { .header .login_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 50px; }
  .header .login_wrap input { width: 120px; height: 34px; padding: 0 10px; margin-left: 5px; border: none; border-radius: 100px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 13px; font-weight: 300; color: #aaa; }
  .header .login_wrap button[type=submit] { width: 80px; height: 34px; margin-left: 5px; border: solid 1px #c2c2c2; border-radius: 100px; background: none; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; color: #fff; white-space: nowrap; }
  
  .header .login_wrap .loginForm { width: 80px; height: 34px; margin-left: 5px; border: solid 1px #c2c2c2; border-radius: 100px; background: none; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; color: #fff; white-space: nowrap; }
  
  .header .login_wrap button.btn_close { display: none; } }

.header .visual { width: 100%; height: 100%; /* */ }

.header .visual.sub1_1 { background: url(../images/sub_bg_1_01.jpg) no-repeat center; background-size: cover; }

.header .visual.sub1_2 { background: url(../images/sub_bg_1_02.jpg) no-repeat center; background-size: cover; }

.header .visual.sub1_3 { background: url(../images/sub_bg_1_03.jpg) no-repeat center; background-size: cover; }

.header .visual.sub2_1 { background: url(../images/sub_bg_2_01.jpg) no-repeat center; background-size: cover; }

.header .visual.sub2_2 { background: url(../images/sub_bg_2_02.jpg) no-repeat center; background-size: cover; }

.header .visual.sub2_3 { background: url(../images/sub_bg_2_03.jpg) no-repeat center; background-size: cover; }

.header .visual.sub3_1 { background: url(../images/sub_bg_3_01.jpg) no-repeat center; background-size: cover; }

.header .visual.sub3_2 { background: url(../images/sub_bg_3_02.jpg) no-repeat center; background-size: cover; }

.header .visual.sub3_3 { background: url(../images/sub_bg_3_03.jpg) no-repeat center; background-size: cover; }

.header .visual.sub4_1 { background: url(../images/sub_bg_4_01.jpg) no-repeat center; background-size: cover; }

.header .visual.sub5_1 { background: url(../images/sub_bg_5_01.jpg) no-repeat center; background-size: cover; }

.header .visual.sub5_2 { background: url(../images/sub_bg_5_02.jpg) no-repeat center; background-size: cover; }

.header .visual.sub5_3 { background: url(../images/sub_bg_5_03.jpg) no-repeat center; background-size: cover; }

.header .visual.sub5_4 { background: url(../images/sub_bg_5_04.jpg) no-repeat center; background-size: cover; }

.header .visual.sub5_5 { background: url(../images/sub_bg_5_05.jpg) no-repeat center; background-size: cover; }

.header .visual.sub5_6 { background: url(../images/sub_bg_5_06.jpg) no-repeat center; background-size: cover; }

.header .visual.sub5_7 { background: url(../images/sub_bg_5_07.jpg) no-repeat center; background-size: cover; }

.header .visual.sub5_8 { background: url(../images/sub_bg_5_08.jpg) no-repeat center; background-size: cover; }

.header .visual.sub6_1 { background: url(../images/sub_bg_6_01.jpg) no-repeat center; background-size: cover; }

.header .visual.sub6_2 { background: url(../images/sub_bg_6_02.jpg) no-repeat center; background-size: cover; }

.header .visual.sub6_3 { background: url(../images/sub_bg_6_03.jpg) no-repeat center; background-size: cover; }

.header .visual.sub6_4 { background: url(../images/sub_bg_6_04.jpg) no-repeat center; background-size: cover; }

.header .visual.sub7_1 { background: url(../images/sub_bg_7_01.jpg) no-repeat center; background-size: cover; }

.header .visual.sub7_2 { background: url(../images/sub_bg_7_02.jpg) no-repeat center; background-size: cover; }

.header .visual.sub7_3 { background: url(../images/sub_bg_7_03.jpg) no-repeat center; background-size: cover; }

.header .visual.sub7_4 { background: url(../images/sub_bg_7_04.jpg) no-repeat center; background-size: cover; }

.header .visual.sub7_5 { background: url(../images/sub_bg_7_05.jpg) no-repeat center; background-size: cover; }

.header .visual.sub7_6 { background: url(../images/sub_bg_7_06.jpg) no-repeat center; background-size: cover; }

.header .visual.sub7_7 { background: url(../images/sub_bg_7_07.jpg) no-repeat center; background-size: cover; }

.header .visual .slogan strong { display: block; padding-top: 100px; font-size: 24px; font-weight: bold; text-align: center; color: #fff; -webkit-transition: all .2s; transition: all .2s; }

.header .visual .slogan span { display: block; padding-top: 20px; font-size: 14px; font-weight: 300; color: #ccc; text-align: center; -webkit-transition: all .2s; transition: all .2s; }

@media screen and (min-width: 851px) { .header .visual .slogan strong { padding-top: 220px; font-size: 46px; }
.header .visual .slogan span { padding-top: 43px; font-size: 24px; } }

.header .main .visual { background: #222c3d url(../images/main-visual-01.jpg) no-repeat center; background-size: cover; -webkit-transition: all .2s; transition: all .2s; }

.header .main .visual .slogan strong { padding-top: 150px; }

.header .main .visual .slogan span { padding-top: 15px; }

@media screen and (min-width: 851px) { .header .main .visual .slogan strong { padding-top: 315px; font-size: 46px; }
  .header .main .visual .slogan span { font-size: 24px; } }

.header .main_slide { background: none; }

.header .main_slide .swiper-container { height: 100%; }

.header .main_slide .swiper-slide { background: #222c3d url(../images/main-visual-01.jpg) no-repeat center; background-size: cover; }

.header .main_slide .swiper-pagination { margin: 0 auto; width: 100%; bottom: 25px; }

.header .main_slide .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 2.5px; background: #fff; opacity: 1; -webkit-transition: all .2s; transition: all .2s; }

.header .main_slide .swiper-pagination .swiper-pagination-bullet-active { width: 15px; height: 8px; border-radius: 100px; background: #ff6374; }

.header .main_slide .swiper-button-prev::after { color: #fff; font-weight: bold; }

@media (min-width: 851px) {
  .header .main_slide .swiper-button-prev { left: 20px; } 
}
  
@media (min-width: 1551px) {
 .header .main_slide .swiper-button-prev { left: 120px; } 
 .header .main_slide .swiper-button-next::after { color: #fff; font-weight: bold; } 
} 

@media (min-width: 851px) {
  .header .main_slide .swiper-button-next { right: 20px; } 
}
  
@media (min-width: 1551px) {
  .header .main_slide .swiper-button-next { right: 120px; } 
}

.header .main_slide .slide_inner_box { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; padding-top: 80px; }

.header .main_slide .slide_inner_box .left_box { -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; }

.header .main_slide .slide_inner_box .left_box p { color: #fff; font-size: 14px; font-weight: 700; }

.header .main_slide .slide_inner_box .left_box img { display: inline-block; max-width: 100%; width: auto; }

.header .main_slide .slide_inner_box .right_box { letter-spacing: -0.05em; margin-top: 15px; padding: 0 40px; text-align: center; word-break: keep-all; }

.header .main_slide .slide_inner_box .right_box .h_text { color: #fff; font-size: 20px; font-weight: 700; line-height: 1.28; }

.header .main_slide .slide_inner_box .right_box .s_text { color: #ccc; font-size: 14px; font-weight: 300; line-height: 1.3; }

.header .main_slide .slide_inner_box .right_box .m_text { color: #fff; font-size: 16px; font-weight: 700; line-height: 1.3; }

.header .main_slide .slide_inner_box .right_box .m_text span { color: #78b4ed; }

.header .main_slide .slide_inner_box .right_box .d_text { color: #8eecda; font-size: 18px; font-weight: 700; line-height: 1.3; }

.header .main_slide .slide_inner_box .full_box { -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; padding: 0 40px; width: 100%;}

.header .main_slide .slide_inner_box .full_box .full_box_inner { background: url(../images/main-visual-08s.jpg) center left no-repeat; background-size: 265px; background-position: top center; height: 100%; padding-top: 120px; position: relative; }

.header .main_slide .slide_inner_box .full_box .full_box_inner .float_item { background: rgba(0, 0, 0, 0.8) url(../images/ico_tr.png) center top no-repeat; background-size: 38px; background-position: top 30px center; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 74px; position: absolute; height: 130px; width: 130px; top: -18px; left: 57%; }

.header .main_slide .slide_inner_box .full_box .full_box_inner .float_item p { color: #fff; font-weight: 700; text-align: center; font-size: 12px; letter-spacing: -0.1em; line-height: 1.4; }

.header .main_slide .slide_inner_box .full_box .full_box_inner .float_item p span { color: #ff6374; }

.header .main_slide .slide_inner_box .full_box .ad_text { color: #fff; font-size: 20px; font-weight: 400; font-size: 19px; line-height: 1.28; text-align: center; margin-bottom: 20px; word-break: keep-all; }

.header .main_slide .slide_inner_box .full_box .ad_text span { font-weight: 700; }

.header .main_slide .slide_inner_box .full_box .ad_text span strong { color: #ff6374; }

.header .main_slide .slide_inner_box .full_box .ads_text { color: #c2c3c7; font-size: 14px; font-weight: 400; line-height: 1.3; text-align: center; word-break: keep-all; }

.header .main_slide .slide_inner_box.type_a .left_box img { width: 40px; }

.header .main_slide .slide_inner_box.type_a .right_box .h_text { margin-bottom: 15px; }

.header .main_slide .slide_inner_box.type_b .left_box img { width: 240px; }

.header .main_slide .slide_inner_box.type_b .right_box .h_text { margin-bottom: 12px; }

.header .main_slide .slide_inner_box.type_b .right_box .s_text { margin-bottom: 12px; }

.header .main_slide .slide_inner_box.type_c .left_box img { width: 160px; }

.header .main_slide .slide_inner_box.type_c .right_box .h_text { margin-bottom: 12px; }

.header .main_slide .slide_inner_box.type_c .right_box .d_text { margin-bottom: 12px; }

.header .main_slide .slide_inner_box.type_d { background: rgba(34, 44, 61, 0.45); }

.header .main_slide .slide_inner_box.type_d .left_box { height: 20px; }

.header .main_slide .slide_inner_box.type_d .right_box .h_text { margin-bottom: 30px; }


@media screen and (min-width: 851px) { .header .main_slide .swiper-pagination { bottom: 50px; }
  .header .main_slide .swiper-pagination .swiper-pagination-bullet { width: 16px; height: 16px; margin: 0 5px; }
  .header .main_slide .swiper-pagination .swiper-pagination-bullet-active { width: 30px; height: 16px; }
  .header .main_slide .swiper-button-prev { margin-top: 60px; }
  .header .main_slide .swiper-button-prev::after { font-size: 30px; }
  .header .main_slide .swiper-button-next { margin-top: 60px; }
  .header .main_slide .swiper-button-next::after { font-size: 30px; }
  .header .main_slide .slide_inner_box { padding-top: 150px; }
  .header .main_slide .slide_inner_box .right_box { margin-top: 30px; }
  .header .main_slide .slide_inner_box .right_box .h_text { font-size: 46px; }
  .header .main_slide .slide_inner_box .right_box .s_text { font-size: 24px; }
  .header .main_slide .slide_inner_box .right_box .m_text { font-size: 30px; }
  .header .main_slide .slide_inner_box .right_box .d_text { font-size: 32px; }
  .header .main_slide .slide_inner_box .full_box { height: 100%; padding: 0 60px; }
  .header .main_slide .slide_inner_box .full_box .full_box_inner { padding-top: 220px; background-position: top center; background-size: 500px; }
  .header .main_slide .slide_inner_box .full_box .full_box_inner .float_item { background-size: 58px; background-position: center top 44px; height: 200px; width: 200px; padding-top: 110px; right: 120px; top: 0; }
  .header .main_slide .slide_inner_box .full_box .full_box_inner .float_item p { font-size: 18px; }
  .header .main_slide .slide_inner_box .full_box .ad_text { font-size: 40px; margin-bottom: 20px; }
  .header .main_slide .slide_inner_box .full_box .ads_text { font-size: 30px; }
  .header .main_slide .slide_inner_box.type_a .left_box img { width: 80px; }
  .header .main_slide .slide_inner_box.type_a .left_box p { font-size: 20px; }
  .header .main_slide .slide_inner_box.type_a .right_box .h_text { margin-bottom: 15px; }
  .header .main_slide .slide_inner_box.type_b .left_box img { width: 400px; }
  .header .main_slide .slide_inner_box.type_b .right_box .h_text { margin-bottom: 25px; }
  .header .main_slide .slide_inner_box.type_b .right_box .s_text { margin-bottom: 25px; }
  .header .main_slide .slide_inner_box.type_c .left_box img { width: 400px; }
  .header .main_slide .slide_inner_box.type_c .right_box .h_text { margin-bottom: 5px; }
  .header .main_slide .slide_inner_box.type_c .right_box .d_text { margin-bottom: 25px; }
  .header .main_slide .slide_inner_box.type_d .left_box { height: 0; }
}
  
@media (min-width: 1025px) {
  .header .main_slide .slide_inner_box { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-top: 115px; }
  .header .main_slide .slide_inner_box .left_box { padding: 0 6%; width: 56%; }
  .header .main_slide .slide_inner_box .left_box p { font-size: 26px; margin-top: 15px; }
  .header .main_slide .slide_inner_box .left_box img { max-width: 100%; width: auto; }
  .header .main_slide .slide_inner_box .right_box { margin-top: 0; padding-right: 70px; text-align: left; width: 44%; } 
  .header .main_slide .slide_inner_box .full_box { padding: 0 60px; }
  .header .main_slide .slide_inner_box .full_box .full_box_inner { background-size: 82%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 45%; padding-top: 0; background-position: center left; }
  .header .main_slide .slide_inner_box .full_box .full_box_inner .float_item { background-position: top 56px center; background-size: auto; height: 260px; padding-top: 145px; width: 260px; left: 12%; bottom: 80px; right: auto; top: auto; }
  .header .main_slide .slide_inner_box .full_box .full_box_inner .float_item p { font-size: 22px; }
  .header .main_slide .slide_inner_box .full_box .ad_text { font-size: 40px; text-align: left; }
  .header .main_slide .slide_inner_box .full_box .ads_text { font-size: 30px; text-align: left; }
}

@media (min-width: 1025px) and (min-width: 1551px) {
  .header .main_slide .slide_inner_box .right_box { padding-right: 140px; }
}

@media (min-width: 1025px) {
  .header .main_slide .slide_inner_box .right_box .h_text { color: #fff; font-size: 46px; font-weight: 700; line-height: 1.28; }
  .header .main_slide .slide_inner_box .right_box .s_text { color: #ccc; font-size: 24px; font-weight: 300; line-height: 1.3; }
  .header .main_slide .slide_inner_box .right_box br { display: none; }
  .header .main_slide .slide_inner_box.type_a .left_box img { width: auto; }
  .header .main_slide .slide_inner_box.type_a .right_box .h_text { margin-bottom: 30px; }
  .header .main_slide .slide_inner_box.type_b .left_box img { width: auto; }
  .header .main_slide .slide_inner_box.type_c .left_box img { width: auto; }
  .header .main_slide .slide_inner_box.type_c .left_box { padding: 0 15px 0 6%; text-align: right; } 
  .header .main_slide .slide_inner_box.type_d { background: none; }
  .header .main_slide .slide_inner_box.type_d .left_box img { width: auto; }
  .header .main_slide .slide_inner_box.type_d .right_box .h_text { margin-bottom: 30px; }
}

.lnb .inner { max-width: 1400px; padding: 0 30px; margin: 0 auto; }

@media screen and (max-width: 850px) { .lnb { border-bottom: 1px solid #cecece; } }

.lnb .breadcrumb { padding: 10px 0; }

.lnb .breadcrumb > li { display: inline-block; }

.lnb .breadcrumb > li { position: relative; font-size: 12px; font-weight: 300; color: #424242; cursor: default; }

.lnb .breadcrumb > li:after { content: ''; display: inline-block; width: 7px; height: 7px; margin: 0 5px; border-right: 1px solid #292836; border-top: 1px solid #292836; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.lnb .breadcrumb > li:last-child { position: relative; }

.lnb .breadcrumb > li:last-child:after { content: none; }

.lnb .breadcrumb > li:last-child > a { font-size: 12px; font-weight: 700; color: #424242; padding-right: 20px; }

.lnb .breadcrumb > li:last-child > a.on:after, .lnb .breadcrumb > li:last-child > a.active:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.lnb .breadcrumb > li:last-child > a:after { content: ''; display: inline-block; margin-left: 5px; border: none; width: 12px; height: 12px; -webkit-transform: none; transform: none; vertical-align: text-top; background: url(../images/bread_arrow.png) no-repeat right center; background-size: contain; }

.lnb .breadcrumb .drop { display: none; position: absolute; left: 0; top: 100%; margin-top: 5px; z-index: 10; padding: 10px; -webkit-box-shadow: 0px 3px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0px 3px 8px 0 rgba(0, 0, 0, 0.08); border: solid 1px #999; border-radius: 5px; background-color: #fff; }

.lnb .breadcrumb .drop a { white-space: nowrap; font-size: 12px; font-weight: 300; line-height: 1.92; letter-spacing: -1.2px; text-align: left; color: #777; }

.lnb .breadcrumb .drop a.on, .lnb .breadcrumb .drop a.active { font-weight: 500; color: #424242; text-decoration: underline; }

.lnb .breadcrumb .drop a:hover { color: #424242; }

.lnb .breadcrumb span { font-size: 12px; font-weight: 700; color: #424242; }

.lnb .menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -23px; margin-left: 40px; margin-right: 40px; }

.lnb .menu li:first-child a { border-left: 1px solid #fff; }

.lnb .menu a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; min-width: 130px; height: 40px; padding: 0 20px; background: #000; border: 1px solid #fff; border-left: none; border-bottom: none; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 19px; text-align: center; color: #fff; white-space: nowrap; }

.lnb .menu a.on, .lnb .menu a:hover { background: #ff6374; }

@media (min-width: 1000px) { .lnb .menu a { height: 55px; font-size: 21px; } }

@media (min-width: 1200px) { .lnb .menu a { height: 56px; font-size: 24px; } }

.footer .inner { position: relative; max-width: 1400px; margin: 0 auto; }

.footer .link { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-size: 14px; color: #444; text-align: center; }

.footer .link .inner { padding: 10px; }

.footer .link a, .footer .link span { display: inline-block; margin: 10px 10px; white-space: nowrap; }

.footer .link a[download], .footer .link span[download] { padding-right: 15px; background: url(../images/ico_download.png) no-repeat right; background-size: 10px; }

.footer .link a.privacy, .footer .link span.privacy { color: #ff6374; }

.footer .copy { font-size: 8px; font-weight: 300; color: #999; }

.footer .copy .inner { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 20px; position: relative; max-width: 1400px; margin: 0 auto; }

.footer .copy a { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 70px; height: 31px; margin-right: 20px; background: url(../images/newFooter_logo.png) no-repeat top; background-size: contain; }

.footer .copy address { line-height: 1.5; word-break: keep-all; }

@media screen and (min-width: 851px) { .footer .link { font-size: 18px; }
  .footer .link a, .footer .link span { margin: 10px 20px; }
  .footer .link a[download], .footer .link span[download] { padding-right: 30px; background-size: 18px; }
  .footer .copy { font-size: 16px; }
  .footer .copy .inner { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 20px 30px; }
  .footer .copy a { width: 140px; height: 70px; margin-right: 46px; } }

.floating { position: fixed; right: 1%; top: 170px; z-index: 100; }

.floating a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 80px; height: 80px; background: #ff8314; border-radius: 50%; text-align: center; color: #fff; font-size: 16px; font-weight: 500; line-height: 1.2; }

.floating a + a { margin-top: 14px; }

.floating a:last-child { background: #725eec; }

.floating a:first-child { background: #ff6374; }

@media (max-width: 1550px) { 
  .floating { z-index: 9; } 
}
@media (max-width: 850px) { 
  .floating { top:230px; } 
  .floating a { width:70px; height: 70px;}
}
@media (max-width: 640px) { 
  .floating a { width:60px; height: 60px;}
}

/* 공지사항 */
.notice_slide { border-bottom: 1px solid #ccc; }

.notice_slide .section_inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; }

.notice_slide h2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 15px; font-size: 12px; font-weight: bold; color: #222; }

.notice_slide .swiper-container { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0; }

.notice_slide .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; font-weight: 300; color: #424242; }

.notice_slide .swiper-slide p { text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.notice_slide .swiper-button { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; margin-right: -10px; }

.notice_slide .swiper-button .swiper-button-prev { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: static; width: 30px; height: 30px; margin: 0; }

.notice_slide .swiper-button .swiper-button-prev::after { content: ''; width: 11px; height: 10px; background: url(../images/notice-arrow-l.png) no-repeat center; background-size: contain; }

.notice_slide .swiper-button .swiper-button-next { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: static; width: 30px; height: 30px; margin: 0; }

.notice_slide .swiper-button .swiper-button-next::after { content: ''; width: 11px; height: 10px; background: url(../images/notice-arrow-r.png) no-repeat center; background-size: contain; }

@media screen and (min-width: 851px) { .notice_slide { border-bottom: 2px solid #ccc; }
  .notice_slide .section_inner { height: 80px; }
  .notice_slide h2 { margin-right: 75px; font-size: 20px; }
  .notice_slide .swiper-slide { font-size: 18px; }
  .notice_slide .swiper-slide .date { margin: 0 80px 0 50px; font-size: 18px; font-weight: 300; color: #424242; }
  .notice_slide .swiper-button .swiper-button-prev { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: static; width: 30px; height: 30px; margin: 0; }
  .notice_slide .swiper-button .swiper-button-prev::after { content: ''; width: 11px; height: 20px; background: url(../images/notice-arrow-l.png) no-repeat center; background-size: contain; }
  .notice_slide .swiper-button .swiper-button-next { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: static; width: 30px; height: 30px; margin: 0; }
  .notice_slide .swiper-button .swiper-button-next::after { content: ''; width: 11px; height: 20px; background: url(../images/notice-arrow-r.png) no-repeat center; background-size: contain; } }

/* 특화된 서비스 */
.service_slide h2 { padding-top: 20px; font-size: 14px; font-weight: bold; color: #ff5370; }

.service_slide .swiper-container { margin: 0 -20px; background: url(../images/main-service-bg.jpg) no-repeat center; background-size: cover; color: #fff; }

.service_slide .swiper-container > .slide_inner { position: absolute; left: 0; top: 0; }

.service_slide .swiper-wrapper { position: relative; }

.service_slide .swiper-slide .slide_inner { padding: 30px 20px 20px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 942px; }

.service_slide .swiper-slide strong { display: block; margin-bottom: 10px; margin-right: 100px; font-size: 30px; font-weight: bold; line-height: 1.44; letter-spacing: -0.9px; text-align: left; color: #fff; word-break: keep-all; }

.service_slide .swiper-slide p { font-size: 18px; font-weight: 300; }

.service_slide .swiper-slide .img_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 30px; }

.service_slide .swiper-slide .img_wrap li { margin-right: 10px; margin-bottom: 10px; overflow: hidden; border-radius: 17px; outline: 1px solid rgba(0, 0, 0, 0.5); outline-offset: -1px; -webkit-box-shadow: -13px 7.5px 35px 0 rgba(0, 0, 0, 0.16); box-shadow: -13px 7.5px 35px 0 rgba(0, 0, 0, 0.16); }

.service_slide .swiper-slide .img_wrap li img { width: 100%; }

.service_slide .swiper-slide img { max-width: 100%; }

.service_slide .swiper-slide .view_more { display: inline-block; height: 20px; width: 60px; line-height: 20px; margin-left: 10px; margin-top: 20px; border: solid 1px #fff; border-radius: 100px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #271d29; font-size: 7.5px; text-align: center; color: #fff; }

@media screen and (max-width: 850px) { .service_slide .swiper-slide .view_more { margin-bottom: 30px; margin-left: 0; }
  .service_slide .swiper-slide strong { font-size: 20px; }
  .service_slide .swiper-slide p { font-size: 14px; }
  .service_slide .swiper-slide .img_wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 30px; }
  .service_slide .swiper-slide .img_wrap li { width: 125px; margin-right: 5px; margin-bottom: 5px; } }

.service_slide .swiper-pagination { position: static; width: 100%; margin: 10px 0 20px; }

.service_slide .swiper-pagination .swiper-pagination-bullet { display: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

.service_slide .swiper-pagination .swiper-pagination-bullet-active { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 36px; border: 2px solid #ff5370; border-radius: 0; background: none; padding: 3px 15px; white-space: nowrap; font-size: 20px; font-weight: bold; color: #444; text-align: left; }

.service_slide .swiper-pagination .swiper-pagination-bullet-active span { margin-right: 20px; color: #ff5370; }

.service_slide .swiper-pagination .swiper-pagination-bullet-active span.num { -webkit-transition: all .2s; transition: all .2s; }

.service_slide .slide_inner { max-width: 942px; /* position: absolute; top: 0; left: 0; */ width: 100%; height: 100%; }

.service_slide .swiper-button { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; right: 20px; top: 25px; }

.service_slide .swiper-button .swiper-button-prev, .service_slide .swiper-button .swiper-button-next { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: static; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 28px; height: 28px; margin: 0; border: 1px solid #fff; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.service_slide .swiper-button .swiper-button-prev::after, .service_slide .swiper-button .swiper-button-next::after { content: ''; width: 11px; height: 10px; background: url(../images/service-arrow-l.png) no-repeat center; background-size: contain; }

.service_slide .swiper-button .swiper-button-next { margin-left: 5px; }

.service_slide .swiper-button .swiper-button-next::after { background-image: url(../images/service-arrow-r.png); }

.service_slide .swiper-scrollbar { position: absolute; left: 30px; bottom: 30px; width: calc(100% - 100px); height: 1px; background: #e9e9e9; }

.service_slide .swiper-scrollbar .swiper-scrollbar-drag { height: 100%; background: #ff5370; }

@media screen and (min-width: 851px) { .service_slide { position: relative; }
  .service_slide h2 { position: relative; z-index: 2; padding-top: 100px; margin-bottom: 40px; font-size: 24px; white-space: nowrap; }
  .service_slide .section_inner { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 600px; }
  .service_slide .info { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 35%; }
  .service_slide .swiper-container { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(50vw + 15%); /* height: 600px; */ margin: 0; }
  .service_slide .swiper-slide .slide_inner { max-width: 942px; padding: 110px 20px 100px 150px; }
  .service_slide .swiper-slide .view_more { display: inline-block; height: 36px; width: 112px; line-height: 36px; margin-left: 0; margin-top: 30px; margin-bottom: 30px; border: solid 1px #fff; border-radius: 100px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #271d29; font-size: 15px; text-align: center; color: #fff; }
  .service_slide .swiper-pagination { position: relative; z-index: 2; width: calc(100% + 90px); margin: 10px 0 20px -17px; }
  .service_slide .swiper-pagination .swiper-pagination-bullet { opacity: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 0; width: 100%; height: 36px; border-radius: 0; background: none; padding: 3px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 20px; color: #777; }
  .service_slide .swiper-pagination .swiper-pagination-bullet span { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: left; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }
  .service_slide .swiper-pagination .swiper-pagination-bullet span.num { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-right: 9px; font-size: 20px; color: #ccc; }
  .service_slide .swiper-pagination .swiper-pagination-bullet-active { width: 100%; height: 72px; margin: 20px 0; border: 4px solid #ff5370; white-space: nowrap; font-size: 38px; font-weight: bold; color: #444; text-align: left; }
  .service_slide .swiper-pagination .swiper-pagination-bullet-active span { color: #444; }
  .service_slide .swiper-pagination .swiper-pagination-bullet-active span.num { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-right: 0; font-size: 38px; color: #fff; }
  .service_slide .swiper-button { top: auto; bottom: 60px; right: 90px; }
  .service_slide .swiper-button .swiper-button-prev, .service_slide .swiper-button .swiper-button-next { width: 56px; height: 56px; }
  .service_slide .swiper-button .swiper-button-prev::after, .service_slide .swiper-button .swiper-button-next::after { content: ''; width: 11px; height: 20px; }
  .service_slide .swiper-scrollbar { position: absolute; left: 160px; bottom: 85px; width: calc(100% - 390px); height: 2px; background: #e9e9e9; }
  .service_slide .swiper-scrollbar .swiper-scrollbar-drag { height: 100%; background: #ff5370; } }

/* 묻고 답하기 */
.qna { padding: 37px 0; background: #e4e2e1; }

.qna h2 { font-size: 20px; font-weight: 700; text-align: center; color: #000; }

.qna h2 + p { margin: 15px 0 25px; font-size: 13px; font-weight: 300; text-align: center; color: #000; }

.qna .swiper-container { width: 90%; }

.qna .swiper-slide .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; height: 190px; margin: 0 10% 30px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; -webkit-box-shadow: 0 10px 10px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 10px 10px 2px rgba(0, 0, 0, 0.3); }

.qna .swiper-slide .q { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 18px 20px 18px 44px; }

.qna .swiper-slide .q div:first-child { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }

.qna .swiper-slide .q p { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; margin-bottom: 12px; font-size: 15px; color: #6a6a6a; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }

.qna .swiper-slide .q .writer, .qna .swiper-slide .q .date { display: block; font-size: 13.5px; color: #a1a1a1; }

.qna .swiper-slide .q:before { content: ''; position: absolute; left: -10px; top: 18px; width: 42px; height: 42px; background: url(../images/ico-q.png) no-repeat center; background-size: contain; }

.qna .swiper-slide .a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 68px; width: 100%; padding: 18px 40px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ededed; }

.qna .swiper-slide .a .waiting { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 30px; width: 120px; margin: 0 auto; border: solid 1px rgba(0, 0, 0, 0.5); border-radius: 100px; font-size: 13.5px; font-weight: 500; text-align: center; color: #000; }

.qna .swiper-slide .a .re { padding-left: 2em; background: url(../images/qna-a.png) no-repeat left; background-size: contain; font-size: 13.5px; text-align: left; color: #6a6a6a; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.qna .swiper-button .swiper-button-prev, .qna .swiper-button .swiper-button-next { top: calc(50% + 7px); left: -10px; width: 40px; height: 40px; }

.qna .swiper-button .swiper-button-prev:after, .qna .swiper-button .swiper-button-next:after { content: ''; display: block; width: 21px; height: 21px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid; border-color: #999 #999 transparent transparent; -webkit-transform: translateX(7px) rotate(-135deg); transform: translateX(7px) rotate(-135deg); }

.qna .swiper-button .swiper-button-next { left: auto; right: -10px; }

.qna .swiper-button .swiper-button-next:after { -webkit-transform: translateX(-7px) rotate(45deg); transform: translateX(-7px) rotate(45deg); }

.qna .view_more { position: relative; display: block; width: 30px; height: 30px; margin: 0 auto; border-radius: 50%; background: #fff; }

.qna .view_more:before, .qna .view_more:after { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 2px; height: 17px; background: #222; border-radius: 100px; }

.qna .view_more:after { width: 17px; height: 2px; }

@media screen and (min-width: 851px) { .qna { padding: 75px 0; }
  .qna h2 { font-size: 38px; }
  .qna h2 + p { margin: 15px 0 55px; font-size: 20px; font-weight: 300; text-align: center; color: #000; }
  .qna .swiper-container { width: calc(100% + 30px); margin-left: -15px; }
  .qna .swiper-slide .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; height: 253px; margin: 0 5% 20px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; -webkit-box-shadow: 0 10px 10px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 10px 10px 2px rgba(0, 0, 0, 0.3); }
  .qna .swiper-slide .q { padding: 25px 20px 18px 58px; }
  .qna .swiper-slide .q p { font-size: 20px; }
  .qna .swiper-slide .q .writer, .qna .swiper-slide .q .date { font-size: 18px; }
  .qna .swiper-slide .q:before { left: -13px; top: 18px; width: 55px; height: 55px; }
  .qna .swiper-slide .a { height: 90px; }
  .qna .swiper-slide .a .waiting { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 38px; width: 143px; border: solid 1px rgba(0, 0, 0, 0.5); border-radius: 100px; font-size: 18px; }
  .qna .swiper-slide .a .re { padding-left: 2em; background: url(../images/qna-a.png) no-repeat left; background-size: contain; font-size: 20px; }
  .qna .swiper-button { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; right: 80px; top: 62px; }
  .qna .swiper-button .swiper-button-prev, .qna .swiper-button .swiper-button-next { position: static; width: 43px; height: 43px; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; background: #b3b3b3; border: 1px solid rgba(255, 255, 255, 0.5); }
  .qna .swiper-button .swiper-button-prev:after, .qna .swiper-button .swiper-button-next:after { content: ''; width: 15px; height: 15px; border: 2px solid; border-color: #fff #fff transparent transparent; -webkit-transform: translateX(3px) rotate(-135deg); transform: translateX(3px) rotate(-135deg); }
  .qna .swiper-button .swiper-button-next { margin-left: 10px; }
  .qna .swiper-button .swiper-button-next:after { -webkit-transform: translateX(-3px) rotate(45deg); transform: translateX(-3px) rotate(45deg); }
  .qna .view_more { position: absolute; right: 30px; top: 54px; width: 40px; height: 40px; background: none; }
  .qna .view_more:before, .qna .view_more:after { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 4px; height: 34px; background: #222; border-radius: 100px; }
  .qna .view_more:after { width: 32px; height: 4px; } }

/* 사용시설 직무교육 현황 */
.state { min-height: 550px; padding: 30px 0; background: url(../images/bg_logo.png) no-repeat calc(50% - 50px) 100%, radial-gradient(at 80% 100%, #7575a0, #2a345b); background-size: 80%, cover; }

.state h2 { font-size: 20px; font-weight: bold; text-align: left; color: #fff; }

.state .swiper-container { margin: 17px 0 22px; }

.state .swiper-slide .img_wrap { width: 60%; margin: 0 auto; }

.state .swiper-slide .img_wrap img { max-width: 360px; margin: 0 auto; }

.state .swiper-slide .txt { margin-top: 25px; text-align: center; color: #fff; }

.state .swiper-slide .txt strong { display: block; font-size: 16px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.state .swiper-slide .txt p { margin: 17px auto; font-size: 12px; font-weight: 300; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; }

.state .swiper-slide .txt .date { font-size: 11px; font-weight: 300; }

.state .view_more { position: relative; display: block; width: 30px; height: 30px; margin: 20px auto 0; border-radius: 50%; background: #fff; }

.state .view_more:before, .state .view_more:after { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 2px; height: 17px; background: #ff5470; border-radius: 100px; }

.state .view_more:after { width: 17px; height: 2px; }

@media screen and (max-width: 850px) { .state .swiper-button { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; right: 0px; top: 25px; }
  .state .swiper-button .swiper-button-prev, .state .swiper-button .swiper-button-next { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: static; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 28px; height: 28px; margin: 0; border: 1px solid #fff; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .state .swiper-button .swiper-button-prev::after, .state .swiper-button .swiper-button-next::after { content: ''; width: 11px; height: 10px; background: url(../images/service-arrow-l.png) no-repeat center; background-size: contain; }
  .state .swiper-button .swiper-button-next { margin-left: 5px; }
  .state .swiper-button .swiper-button-next::after { background-image: url(../images/service-arrow-r.png); } }

@media screen and (min-width: 851px) { .state { min-height: 500px; padding: 70px 0; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(../images/bg_logo.png) no-repeat calc(50% - 400px) 101%, radial-gradient(at 80% 100%, #7575a0, #2a345b); background-size: 25%, cover; }
  .state .section_inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; }
  .state h2 { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; font-size: 36px; white-space: nowrap; }
  .state h2 + div { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 70%; }
  .state .swiper-container { margin: 0; width: 100%; }
  .state .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .state .swiper-slide .img_wrap { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; margin-right: 45px; margin-left: 0; }
  .state .swiper-slide .img_wrap img { max-width: 360px; margin: 0 auto; }
  .state .swiper-slide .txt { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 0; margin-top: 0; text-align: left; }
  .state .swiper-slide .txt strong { font-size: 30px; }
  .state .swiper-slide .txt p { margin: 26px auto; font-size: 17px; }
  .state .swiper-slide .txt .date { font-size: 18px; }
  .state .view_more { display: block; width: 50px; height: 50px; margin-left: 0; margin-top: 40px; }
  .state .view_more:before, .state .view_more:after { width: 3px; height: 25px; border-radius: 0; }
  .state .view_more:after { width: 25px; height: 3px; }
  .state .swiper-button { display: static; }
  .state .swiper-button .swiper-button-prev, .state .swiper-button .swiper-button-next { top: calc(50% + 7px); margin-left: -40px; width: 43px; height: 43px; opacity: .6; }
  .state .swiper-button .swiper-button-prev:after, .state .swiper-button .swiper-button-next:after { content: ''; display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 45px; height: 45px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 4px solid; border-color: #a4aea7 #a4aea7 transparent transparent; -webkit-transform: translateX(3px) rotate(-135deg); transform: translateX(3px) rotate(-135deg); }
  .state .swiper-button .swiper-button-next { margin-right: -40px; }
  .state .swiper-button .swiper-button-next:after { -webkit-transform: translateX(-3px) rotate(45deg); transform: translateX(-3px) rotate(45deg); } }

/* 엔젤 뉴스 */
.news { padding: 28px 0; background: #F4F3F2; }

.news h2 { margin-bottom: 18px; font-size: 20px; font-weight: bold; color: #444; }

.news .swiper-container { width: 100%; }

.news .swiper-slide { width: 259px; }

.news .swiper-slide .img_wrap { margin-bottom: 9px; }

.news .swiper-slide strong { display: block; font-size: 9px; font-weight: 500; color: #444; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.news .swiper-button { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; right: 45px; top: 0px; }

.news .swiper-button .swiper-button-prev, .news .swiper-button .swiper-button-next { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: static; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 28px; height: 28px; margin: 0; border: 1px solid #575757; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.news .swiper-button .swiper-button-prev::after, .news .swiper-button .swiper-button-next::after { content: ''; width: 11px; height: 10px; background: url(../images/notice-arrow-l.png) no-repeat center; background-size: contain; }

.news .swiper-button .swiper-button-next { margin-left: 5px; }

.news .swiper-button .swiper-button-next::after { background-image: url(../images/notice-arrow-r.png); }

.news .view_more { position: absolute; right: 20px; top: 0px; display: block; width: 28px; height: 28px; margin: 0 -5px 0 5px; border-radius: 50%; }

.news .view_more:before, .news .view_more:after { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 2px; height: 17px; background: #444; border-radius: 100px; }

.news .view_more:after { width: 17px; height: 2px; }

@media screen and (max-width: 850px) { .news .section_inner { margin-right: 0; } }

@media screen and (min-width: 851px) { .news h2 { margin-bottom: 35px; font-size: 36px; }
  .news .swiper-slide .img_wrap { margin-bottom: 17px; }
  .news .swiper-slide strong { font-size: 22px; }
  .news .swiper-button { position: absolute; right: 90px; top: 0px; }
  .news .swiper-button .swiper-button-prev, .news .swiper-button .swiper-button-next { width: 56px; height: 56px; }
  .news .swiper-button .swiper-button-prev::after, .news .swiper-button .swiper-button-next::after { width: 11px; height: 21px; }
  .news .view_more { right: 30px; top: 0; display: block; width: 56px; height: 56px; }
  .news .view_more:before, .news .view_more:after { width: 5px; height: 50px; background: #BDBDBC; border-radius: 0; }
  .news .view_more:after { width: 50px; height: 5px; } }

@media (min-width: 1580px) { .news .swiper-button { right: 30px; top: 0px; }
  .news .view_more { position: absolute; left: 100%; top: 50%; width: 65px; height: 65px; }
  .news .view_more:before, .news .view_more:after { width: 5px; height: 65px; }
  .news .view_more:after { width: 65px; height: 5px; } }

/* 자료실/배너 */
.multi { padding: 30px 0 50px; background: #F4F3F2; }

@media screen and (min-width: 851px) { .multi { padding: 40px 0 80px; } }

@media (min-width: 1400px) { .multi .section_inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } }

/* 자료실 */
.reference { position: relative; }

.reference h2 { margin-bottom: 18px; font-size: 20px; font-weight: bold; color: #444; }

.reference li { margin-bottom: 10px; font-size: 12px; text-align: left; color: #444; }

.reference li a { display: block; height: 100%; padding: 15px 45px; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(../images/ico_reference.png) no-repeat 15px, #fff url(../images/ico_reference_more.png) no-repeat right 15px center; background-size: 20px, 20px; }

.reference .view_more { position: absolute; right: 0; top: 0; display: block; width: 28px; height: 28px; margin: 0 -5px 0 5px; border-radius: 50%; }

.reference .view_more:before, .reference .view_more:after { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 2px; height: 17px; background: #444; border-radius: 100px; }

.reference .view_more:after { width: 17px; height: 2px; }

@media screen and (max-width: 850px) { .reference li p { text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }
  .reference .date { display: none; } }

@media screen and (min-width: 851px) { .reference { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-top: 40px; }
  .reference h2 { margin-bottom: 35px; font-size: 36px; }
  .reference ul { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .reference li { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; height: 330px; width: 200px; margin-bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 18px; }
  .reference li a { padding: 100px 20px; background: url(../images/ico_reference.png) no-repeat 20px 40px, #fff url(../images/ico_reference_more.png) no-repeat 20px calc(100% - 30px); background-size: 40px, 40px; }
  .reference li p { height: 77px; margin-bottom: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; }
  .reference li .date { display: block; font-size: 16px; font-weight: 300; color: #777; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }
  .reference li + li { margin-left: 19px; }
  .reference .view_more { position: absolute; right: 00px; top: 0px; width: 40px; height: 40px; background: none; }
  .reference .view_more:before, .reference .view_more:after { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 4px; height: 34px; background: #222; border-radius: 100px; }
  .reference .view_more:after { width: 32px; height: 4px; } }

@media (min-width: 1400px) { .reference { width: 65%; } }

/* 베너 */
.banner { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 30px auto 0; width: 100%; max-width: 500px; }

.banner video { display: block; width: 100%; }

.apprBanner { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 30px auto 0; width: 100%; max-width: 500px; }

.apprBanner video { display: block; width: 100%; }


@media (min-width: 1400px) { 
	.banner { margin-left: 40px; width: 40%; } 
	.apprBanner { width: 40%; } 
	}

.sec_tit { margin: 45px 0 18px; font-size: 21px; font-weight: 500; text-align: center; color: #333; }

.sec_tit + p { word-break: keep-all; font-size: 16px; text-align: center; color: #777; }

@media screen and (min-width: 851px) { .sec_tit { margin: 70px 0 47px; font-size: 44px; }
  .sec_tit + p { margin-top: -10px; font-size: 24px; } }

.sub_tit { font-size: 28px; font-weight: 500; text-align: center; color: #fff; }

@media screen and (min-width: 851px) { .sub_tit { font-size: 34px; } }

/* 게시판 리스트 */
.board_list { padding: 20px 0 0; border-top: 1px solid #000; border-bottom: 1px solid #000; }

.board_list li { padding: 30px; border-radius: 10px; border: solid 1px #ccc; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; }

.board_list li .img_wrap { margin-bottom: 10px; }

.board_list li .info { margin-bottom: 14px; font-size: 14px; }

.board_list li .info .writer { font-weight: 500; color: #7072c0; }

.board_list li .info .date { font-weight: 300; color: #777; }

.board_list li .tit { display: block; margin-bottom: 12px; font-size: 18px; font-weight: 500; color: #000; }

.board_list li .tit .txt { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }

.board_list li .tit:not(.line1) { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }

.board_list li .tit.line1 { text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.board_list li .cont { margin-bottom: 15px; font-size: 14px; font-weight: 300; line-height: 1.78; text-align: left; color: #444; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; word-wrap: break-word; }

.board_list li .cont.line5 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-wrap: break-word; }

.board_list li .attached_file { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; margin: 14px 0 27px; border-radius: 6px; background: #f9f9f9; font-size: 13px; font-weight: 300; color: #000; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.board_list li .attached_file [class^=ico] { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.board_list li .attached_file .file_nm { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0 4px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.board_list li .file_cnt { font-size: 18px; color: #000; }

.board_list li .file_cnt .nm { font-weight: 500; }

.board_list li .file_cnt .cnt { color: #ff6374; }

.board_list li a.view_more { display: inline-block; position: relative; font-size: 14px; color: #ff6374; }

.board_list li a.view_more:after { content: ''; display: inline-block; width: 6px; height: 6px; border: 2px solid; border-color: transparent #ff6374 #ff6374 transparent; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.board_list li .flex-between div:first-child { margin: 0; }

@media (min-width: 600px) { .board_list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -13px; }
  .board_list.box3 li { width: calc((100% - 52px) / 2); margin: 0 13px 25px; } }

@media screen and (min-width: 851px) { .board_list { padding: 30px 0 5px; }
  .board_list ul { margin: 0 -13px; }
  .board_list ul li { padding: 39px; border-radius: 20px; margin: 0 13px 25px; }
  .board_list ul li .img_wrap { margin-bottom: 20px; }
  .board_list ul li .info { margin-bottom: 18px; font-size: 18px; }
  .board_list ul li .tit { height: 66px; font-size: 24px; }
  .board_list ul li .tit.line1 { height: 1.5em; }
  .board_list ul li .cont { margin-bottom: 25px; font-size: 18px; font-weight: 300; line-height: 1.78; text-align: left; color: #444; }
  .board_list ul li .attached_file { padding: 15px; margin: 20px 0 37px; border-radius: 10px; font-size: 16px; }
  .board_list ul li .attached_file .file { width: 20px; height: 20px; }
  .board_list ul li a.view_more { font-size: 18px; }
  .board_list ul li a.view_more:after { width: 10px; height: 10px; }
  .board_list.box2 li { width: calc((100% - 52px) / 2); }
  .board_list.box3 li { width: calc((100% - 78px) / 3); } }

/* 게시판 뷰 */
.board_view { margin-top: 60px; margin-bottom: 14px; border-top: 1px solid #000; border-bottom: 1px solid #000; }

.board_view .board_tit { padding: 16px; font-size: 20px; font-weight: bold; color: #222; }

.board_view .board_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 16px 0; background: #F0F0F0; border-bottom: 1px solid #fff; font-size: 13px; }

.board_view .board_info dt { display: inline-block; vertical-align: middle; margin-right: 9px; margin-bottom: 10px; color: #000; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.board_view .board_info dd { display: inline-block; vertical-align: middle; margin-right: 14px; margin-bottom: 10px; color: #777; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.board_view .board_info .file_list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 13px; font-weight: 300; color: #000; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.board_view .board_info .file_list li + li { margin-top: 5px; }

.board_view .board_info .file_list [class^=ico] { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.board_view .board_info .file_list .file_nm { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin: 0 6px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; color: #777; }

.board_view .board_cont { min-height: 300px; padding: 20px 16px 30px; font-size: 13px; font-weight: 300; color: #444; line-height: 1.8; white-space: pre-line; }

@media screen and (min-width: 851px) { .board_view { margin-top: 100px; margin-bottom: 20px; }
  .board_view .board_tit { padding: 27px 35px; font-size: 30px; }
  .board_view .board_info { padding: 18px 35px 0; font-size: 18px; }
  .board_view .board_info dt { margin-right: 15px; margin-bottom: 18px; }
  .board_view .board_info dd { margin-right: 25px; margin-bottom: 18px; }
  .board_view .board_info .file_list li { font-size: 18px; }
  .board_view .board_info .file_list li + li { margin-top: 10px; }
  .board_view .board_info .file_list .file_nm { margin: 0 10px; }
  .board_view .board_cont { min-height: 400px; padding: 40px 40px 60px; font-size: 16px; } }

.board_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 16px 0; background: #F0F0F0; border-bottom: 1px solid #fff; font-size: 13px; }

.board_info.type2 { display: block; margin-bottom: 30px; padding: 0; }

.board_info.type2 div { padding: 10px 16px 0; }

.board_info.type2 div dt { width: 80px; }

.board_info.type2 div + div { border-top: 1px solid #fff; }

.board_info dt { display: inline-block; vertical-align: middle; margin-right: 9px; margin-bottom: 10px; color: #000; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.board_info dd { display: inline-block; vertical-align: middle; margin-right: 14px; margin-bottom: 10px; color: #777; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.board_info .file_list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 13px; font-weight: 300; color: #000; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.board_info .file_list li + li { margin-top: 5px; }

.board_info .file_list [class^=ico] { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.board_info .file_list .file_nm { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin: 0 6px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; color: #777; }

@media screen and (min-width: 851px) { .board_info { padding: 18px 35px 0; font-size: 18px; }
  .board_info.type2 { display: block; margin-bottom: 30px; padding: 0; }
  .board_info.type2 div { padding: 18px 16px 0; }
  .board_info.type2 div dt { width: 150px; }
  .board_info.type2 div + div { border-top: 1px solid #fff; }
  .board_info dt { margin-right: 15px; margin-bottom: 18px; }
  .board_info dd { margin-right: 25px; margin-bottom: 18px; }
  .board_info .file_list li { font-size: 18px; }
  .board_info .file_list li + li { margin-top: 10px; }
  .board_info .file_list .file_nm { margin: 0 10px; } }

/* 게시판 write */
.board_write { margin-top: 60px; margin-bottom: 14px; padding-bottom: 15px; border-top: 1px solid #000; border-bottom: 1px solid #000; }

.board_write .board_tit { /* padding: 16px; */ font-size: 20px; padding: 9px 0 3px; }

.board_write .board_tit input { border: solid 1px #ccc; width: 100%; height: 32px; font-size: 16px; }

.board_write .board_cont textarea { min-height: 400px; margin-top: 3px; border: solid 1px #ccc; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; }

.board_write .attached_file { /* display: flex; align-items: flex-start;  */ margin-top: 3px; min-height: 40px; padding: 15px 20px; background: #f5f5f5; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; font-weight: 300; color: #000; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.board_write .attached_file .tit { margin-right: 30px; font-size: 14px; font-weight: 500; color: #000; }

.board_write .attached_file .warning { margin-top: 6px; margin-bottom: 15px; font-size: 12px; font-weight: 300; text-align: left; color: #ff6374; word-break: keep-all; white-space: normal; }

.board_write .attached_file .file_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.board_write .attached_file .file_wrap + .file_wrap { margin-top: .7em; }

.board_write .attached_file input[type=file] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; }

.board_write .attached_file input[type=file] + label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 60px; height: 24px; margin-right: 10px; border-radius: 5px; border: solid 1px #ccc; background-color: #fff; font-size: 12px; }

.board_write .attached_file [class^=ico] { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0; width: 20px; height: 20px; }

.board_write .attached_file p { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.board_write .attached_file .file_nm { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin: 0 6px; color: #444; font-size: 13px; }

@media screen and (min-width: 851px) { .board_write { margin-top: 100px; margin-bottom: 20px; padding-bottom: 20px; }
  .board_write .board_tit { padding: 10px 0 5px; }
  .board_write .board_tit input { height: 48px; font-size: 18px; }
  .board_write .board_cont textarea { min-height: 500px; margin-top: 5px; font-size: 18px; }
  .board_write .attached_file { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 30px 40px; margin-top: 5px; }
  .board_write .attached_file .tit { margin-right: 50px; font-size: 18px; }
  .board_write .attached_file .warning { margin-top: 0; margin-bottom: 20px; font-size: 16px; }
  .board_write .attached_file input[type=file] + label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 90px; height: 36px; border-radius: 10px; margin-right: 20px; font-size: 16px; color: #777; }
  .board_write .attached_file .file_nm { font-size: 16px; } }

/* 게시판 하단 버튼 */
.board_bottom_btn { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 50px; }

.board_bottom_btn.between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.board_bottom_btn.end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.board_bottom_btn a, .board_bottom_btn button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 60px; height: 30px; padding: 0 13px; border-radius: 6px; background-color: #000; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 14px; text-align: center; }

.board_bottom_btn a + *, .board_bottom_btn button + * { margin-left: 7px; }

.board_bottom_btn [class*=list], .board_bottom_btn [class*=save] { background: #ff6374; }

@media screen and (min-width: 851px) { .board_bottom_btn { margin-bottom: 100px; }
  .board_bottom_btn a, .board_bottom_btn button { min-width: 80px; height: 40px; padding: 0 25px; border-radius: 10px; font-size: 18px; }
  .board_bottom_btn a + *, .board_bottom_btn button + * { margin-left: 10px; } }

/* 묻고 답하기 qna 목록 */
.qna_list li + li { margin-top: 10px; }

.qna_list li { position: relative; border-radius: 14px; border: solid 1px #ccc; -webkit-transition: all .2s; transition: all .2s; }

.qna_list li .tit { display: block; margin-right: 90px; margin-left: 30px; font-size: 14px; text-align: left; color: #000; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }
.qna_list li .titIdx { display: block; margin-right: 90px; margin-left: 30px; font-size: 14px; text-align: left; color: #000; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;  }

.qna_list li .tit + * { display: none; }

.qna_list li .writer { display: none; margin-left: 30px; font-size: 14px; text-align: left; color: #7072c0; white-space: nowrap; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.qna_list li .time { display: none; margin-left: 30px; font-size: 14px; font-weight: 300; text-align: left; color: #777; white-space: nowrap; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.qna_list li .cnt { display: none; margin-left: 30px; font-size: 14px; font-weight: 300; text-align: left; color: #999; white-space: nowrap; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.qna_list li .answer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; right: 45px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 50px; height: 20px; margin-left: 30px; border-radius: 6px; border: solid 1px #999; font-size: 11px; font-weight: 300; text-align: center; color: #444; white-space: nowrap; }

.qna_list li .answer.state01 { background-color: #f9f9f9; color: #444; }

.qna_list li .answer.state02 { border: solid 1px #ff6374; background-color: #fff6f7; color: #ff6374; }

.qna_list li p { display: none; /* margin-left: 30px;  */white-space: pre-line; }

.qna_list li .bttns { display: none; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; margin-top: 14px; }

.qna_list li .bttns button, .qna_list li .bttns a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 60px; height: 30px; padding: 0 5px; border-radius: 7px; background-color: #ff6374; font-size: 14px; color: #fff; white-space: nowrap; }

.qna_list li .bttns button + *, .qna_list li .bttns a + * { margin-left: 7px; }

.qna_list li .bttns button.secondary, .qna_list li .bttns a.secondary { background: #000; }

.qna_list li .attached_file { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 30px; padding: 15px; background: #f5f5f5; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 13px; font-weight: 300; color: #000; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.qna_list li .attached_file [class^=ico] { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0; }

.qna_list li .attached_file .tit { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 10px 0 0; }

.qna_list li .attached_file .file_nm { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin: 0 6px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; color: #444; }

.qna_list li .q { position: relative; padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(../images/ico_q2.png) no-repeat 15px 15px; background-size: 16px; }

.qna_list li .a { display: none; padding: 15px; }

.qna_list li.opened { border: solid 1px #444; }

.qna_list li.opened .tit { font-size: 14px; text-align: left; color: #000; }

.qna_list li.opened .tit + * { display: block; }

.qna_list li.opened .writer { display: block; margin-top: 10px; margin-bottom: 10px; font-size: 14px; text-align: left; color: #7072c0; }

.qna_list li.opened .time { display: block; margin-top: 10px; margin-bottom: 10px; font-size: 14px; font-weight: 300; text-align: left; color: #777; }

.qna_list li.opened .cnt { display: none; margin-left: 20px; font-size: 14px; font-weight: 300; text-align: center; color: #777; }

.qna_list li.opened .answer { top: 15px; -webkit-transform: none; transform: none; margin-left: 20px; }

.qna_list li.opened p { display: block; /*margin: 20px 0 20px 30px;  font-size: 13px; font-weight: 300; line-height: 1.88; color: #444; */ }

.qna_list li.opened .bttns { display: -webkit-box; display: -ms-flexbox; display: flex; }

.qna_list li.opened .attached_file { display: -webkit-box; display: -ms-flexbox; display: flex; }

.qna_list li.opened .q { border-bottom: 1px solid #000; }

.qna_list li.opened .a { display: block; background: url(../images/qna-a2.png) no-repeat 15px 15px; background-size: 19px; }

@media screen and (min-width: 851px) { .qna_list li { height: 64px; border-radius: 20px; }
  .qna_list li .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .qna_list li .tit { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-right: 10px; margin-left: 40px; font-size: 18px; text-align: left; color: #000; }
  .qna_list li .titIdx {-webkit-box-flex: 1;-ms-flex: 1 1 auto; margin-right: 10px; margin-left: 40px; font-size: 18px; text-align: left; color: #000; width: 33px;}	
  .qna_list li .tit ~ * { display: block; }
  .qna_list li .writer { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 200px; margin-left: 20px; font-size: 18px; text-align: center; }
  .qna_list li .time { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 20px; font-size: 18px; }
  .qna_list li .cnt { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20px; margin-left: 20px; font-size: 18px; text-align: center; }
  .qna_list li .answer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; position: static; -webkit-transform: none; transform: none; width: 70px; height: 28px; margin-left: 20px; margin-right: 40px; border-radius: 8px; font-size: 14px; }
  .qna_list li .answer.status01 { background-color: #f9f9f9; color: #444; }
  .qna_list li .answer.status02 { border: solid 1px #ff6374; background-color: #fff6f7; color: #ff6374; }
  .qna_list li .attached_file { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; padding: 15px; background: #f5f5f5; border-radius: 100px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; font-weight: 300; color: #000; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }
  .qna_list li .attached_file [class^=ico] { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0; width: 20px; height: 20px; }
  .qna_list li .attached_file .file_nm { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin: 0 6px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; color: #444; }
  .qna_list li .bttns { margin-top: 20px; }
  .qna_list li .bttns button, .qna_list li .bttns a { min-width: 80px; height: 40px; padding: 12px 15px; border-radius: 10px; font-size: 18px; }
  .qna_list li .bttns button + *, .qna_list li .bttns a + * { margin-left: 10px; }
  .qna_list li .q { padding: 19px 22px; background-position: 22px 22px; background-size: 21px; }
  .qna_list li .q .info { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .qna_list li .a { padding: 22px; }
  .qna_list li .a .cnt { margin-right: 130px; }
  .qna_list li.opened { height: auto; }
  .qna_list li.opened .tit { font-size: 18px; }
  .qna_list li.opened .writer { margin-top: 0; margin-bottom: 0; width: 200px; font-size: 18px; text-align: center; }
  .qna_list li.opened .time { margin-top: 0; margin-bottom: 0; font-size: 18px; }
  .qna_list li.opened .cnt { display: block; margin-top: 0; margin-bottom: 0; font-size: 18px; }
  .qna_list li.opened p {  /*margin-left: 50px; font-size: 16px; */ }
  .qna_list li.opened .answer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: static; -webkit-transform: none; transform: none; width: 70px; height: 28px; margin-left: 20px; margin-top: 0; margin-bottom: 0; border-radius: 8px; font-size: 14px; }
  .qna_list li.opened .answer.status01 { background-color: #f9f9f9; color: #444; }
  .qna_list li.opened .answer.status02 { border: solid 1px #ff6374; background-color: #fff6f7; color: #ff6374; }
  .qna_list li.opened .attached_file { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .qna_list li.opened .a { padding: 22px; background-position: 22px 18px; background-size: 33px; } }

/* 자주 묻는 질문 */
.faq_list li + li { margin-top: 10px; }

.faq_list li { position: relative; border-radius: 14px; border: solid 1px #ccc; -webkit-transition: all .2s; transition: all .2s; }

.faq_list li .tit { display: block; margin-right: 30px; margin-left: 35px; font-size: 14px; text-align: left; color: #000; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.faq_list li .q { position: relative; padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(../images/ico_q2.png) no-repeat 15px 15px; background-size: 16px; }

.faq_list li .a { display: none; padding: 15px; }

.faq_list li.opened { border: solid 1px #444; }

.faq_list li.opened .tit { font-size: 14px; text-align: left; color: #000; }

.faq_list li.opened .cont { display: block; margin-left: 35px; font-size: 13px; font-weight: 300; line-height: 1.88; color: #444; word-break: keep-all; }

.faq_list li.opened .a { display: -webkit-box; display: -ms-flexbox; display: flex; background: url(../images/qna-a2.png) no-repeat 15px 15px; background-size: 19px; }

.faq_list li.opened .btn_modify { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 35px; height: 22px; border: solid 1px #ccc; background-color: #f5f5f5; border-radius: 5px; font-size: 10px; font-weight: 300; color: #777; white-space: nowrap; }

@media screen and (min-width: 851px) { .faq_list li { height: 64px; border-radius: 20px; }
  .faq_list li .tit { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-right: 40px; margin-left: 50px; font-size: 18px; text-align: left; color: #000; }
  .faq_list li .q { padding: 19px 22px; background-position: 22px 18px; background-size: 26px; }
  .faq_list li .a { padding: 22px; }
  .faq_list li.opened { height: auto; }
  .faq_list li.opened .tit { font-size: 18px; }
  .faq_list li.opened .cont { margin-left: 50px; font-size: 16px; }
  .faq_list li.opened .a { padding: 22px; background-position: 22px 18px; background-size: 38px; }
  .faq_list li.opened .btn_modify { width: 42px; height: 28px; border-radius: 8px; font-size: 14px; } }

/* 시연신청 */
.writing_container { margin-top: 30px; margin-bottom: 30px; }

.writing_container .writing_wrap { padding: 15px; border-radius: 12px; border: solid 1px #777; }

.writing_container .input_item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 15px; }

.writing_container .input_item .label { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 70px; line-height: 30px; font-size: 14px; font-weight: 500; color: #000; }

.writing_container .input_item .label + div { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 30px; }

.writing_container .input_item .label.required:after { content: '*'; color: #ff6374; }

.writing_container .input_item input[type=text], .writing_container .input_item input[type=number], .writing_container .input_item input[type=email], .writing_container .input_item input[type=date], .writing_container .input_item textarea { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 50%; min-width: 60px; min-height: 30px; padding: 7px 10px; border-radius: 7px; border: solid 1px #ccc; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; font-size: 14px; }

.writing_container .input_item input[type=text].w100p, .writing_container .input_item input[type=number].w100p, .writing_container .input_item input[type=email].w100p, .writing_container .input_item input[type=date].w100p, .writing_container .input_item textarea.w100p { max-width: 100%; }

.writing_container .input_item input[type=number] { max-width: 65px; }

.writing_container .input_item .date { background: url(../images/ico_calander.png) no-repeat 10px; background-size: auto 14px; text-indent: 20px; }

.writing_container .input_item .radio { min-height: 30px; }

.writing_container .input_item .dash { margin: 0 2px; }

.writing_container .input_item p { width: 100%; margin-top: 7px; font-size: 13px; font-weight: 300; color: #7072c0; }

.writing_container .input_item textarea { width: 100%; min-height: 120px; }

.writing_container button[type=submit] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 60px; height: 30px; padding: 0 5px; margin-top: 14px; border-radius: 7px; background-color: #ff6374; font-size: 14px; color: #fff; white-space: nowrap; }

.writing_container button[type=submit] + * { margin-left: 7px; }

@media screen and (min-width: 851px) { .writing_container { margin-top: 40px; margin-bottom: 100px; }
  .writing_container .writing_wrap { padding: 60px; border-radius: 20px; }
  .writing_container .input_item { margin-bottom: 28px; }
  .writing_container .input_item .label { width: 125px; line-height: 40px; font-size: 20px; }
  .writing_container .input_item .label + div { min-height: 40px; }
  .writing_container .input_item input[type=text], .writing_container .input_item input[type=number], .writing_container .input_item input[type=email] { min-width: 100px; height: 40px; padding: 12px 15px; border-radius: 10px; }
  .writing_container .input_item input[type=number] { width: 100px; }
  .writing_container .input_item .date { text-indent: 20px; background-size: auto 18px; }
  .writing_container .input_item .radio { min-height: 40px; }
  .writing_container .input_item .dash { margin: 0 6px; }
  .writing_container .input_item p { display: inline-block; width: auto; margin-top: 0; margin-left: 10px; font-size: 16px; }
  .writing_container .input_item textarea + p { margin-top: 10px; margin-left: 0; }
  .writing_container button[type=submit] { min-width: 80px; height: 40px; margin-top: 20px; padding: 12px 15px; border-radius: 10px; font-size: 18px; }
  .writing_container button[type=submit] + * { margin-left: 10px; } }

/* 현황 게시판 */
.status_board { margin-bottom: 100px; }

@media (max-width: 1150px) { .status_board .thead { font-size: 16px; }
  .status_board .tbody li { font-size: 16px; } }

@media (max-width: 1000px) { .status_board .thead { font-size: 14px; }
  .status_board .tbody li { font-size: 14px; } }

.status_board table { table-layout: fixed; }

.status_board thead tr { background-color: #606198; border-radius: 8px; overflow: hidden; }

.status_board thead th { padding: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 13px; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; }

.status_board thead th:nth-child(1) { border-radius: 8px 0 0 8px; }

.status_board thead th:last-child { border-radius: 0 8px 8px 0; }

.status_board tbody td { padding: 5px 2px; vertical-align: middle; }

.status_board .modify_btn { max-width: 50px; height: 25px; border-radius: 5px; border: solid 1px #777; background-color: #f9f9f9; font-size: 11px; color: #666; white-space: nowrap; }

@media screen and (min-width: 851px) { .status_board tbody { font-size: 18px; color: #fff; }
  .status_board tbody td { padding: 10px 5px; }
  .status_board .modify_btn { width: 100%; } }

.status_board span { -webkit-box-flex: 0 !important; -ms-flex: 0 1 auto !important; flex: 0 1 auto !important; }

.status_board .grow6 { -webkit-box-flex: 6 !important; -ms-flex: 6 1 auto !important; flex: 6 1 auto !important; }

.status_board .tbody li, .status_board tbody li { padding: 15px; border-radius: 12px; border: solid 1px #ccc; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; font-weight: 300; text-align: center; color: #000; }

.status_board .tbody li dl div, .status_board tbody li dl div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; /* min-height: 34px; */ white-space: nowrap; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.status_board .tbody li dl div + div, .status_board tbody li dl div + div { margin-top: 10px; }

.status_board .tbody li dt, .status_board tbody li dt { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100px; color: #7072c0; text-align: left; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.status_board .tbody li dd, .status_board tbody li dd { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: left; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.status_board .tbody li + li, .status_board tbody li + li { margin-top: 7px; }

.status_board .tbody input[type=text], .status_board .tbody textarea, .status_board .tbody select, .status_board tbody input[type=text], .status_board tbody textarea, .status_board tbody select { display: block; height: 30px; width: 100%; padding: 0 3px; border-radius: 6px; border: solid 1px #ccc; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; font: inherit; }

.status_board .tbody select, .status_board tbody select { padding-right: 15px; background: url(../images/bg_select_arrow_g.png) no-repeat right 5px center; background-size: 6px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.status_board .tbody textarea, .status_board tbody textarea { display: block; height: 60px; padding: 3px; }

.status_board .tbody.col4 div, .status_board tbody.col4 div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.status_board .tbody.col4 div span, .status_board tbody.col4 div span { width: 80px; text-align: left; white-space: nowrap; color: #7072c0; }

.status_board .tbody.col4 div + div, .status_board tbody.col4 div + div { margin-top: 10px; }

.status_board .tbody.col4 .has_btn, .status_board tbody.col4 .has_btn { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.status_board .tbody.col4 .modify_btn, .status_board tbody.col4 .modify_btn { width: 50px; height: 25px; border-radius: 5px; border: solid 1px #777; background-color: #f9f9f9; font-size: 11px; color: #666; }

.status_board .tbody.no-responsive li, .status_board tbody.no-responsive li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 5px 2px; }

.status_board .tbody.no-responsive li > div, .status_board tbody.no-responsive li > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; -webkit-box-flex: 1; -ms-flex: 1 1 80px; flex: 1 1 80px; margin: 0 2px; }

.status_board .tbody.no-responsive li > div.grow3, .status_board tbody.no-responsive li > div.grow3 { -webkit-box-flex: 3; -ms-flex: 3 1 auto; flex: 3 1 auto; }

.status_board .tbody.no-responsive li > div.has_btn, .status_board tbody.no-responsive li > div.has_btn { -webkit-box-flex: 1; -ms-flex: 1 1 50px; flex: 1 1 50px; }

.status_board .tbody.no-responsive li span, .status_board tbody.no-responsive li span { display: none; margin-right: 10px; }

.status_board .tbody.col5 div, .status_board tbody.col5 div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.status_board .tbody.col5 div:nth-child(1), .status_board tbody.col5 div:nth-child(1) { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 500; }

.status_board .tbody.col5 div span, .status_board tbody.col5 div span { width: 80px; text-align: left; white-space: nowrap; color: #7072c0; }

.status_board .tbody.col5 div + div, .status_board tbody.col5 div + div { margin-top: 10px; }

.status_board .tbody.col5 .has_btn, .status_board tbody.col5 .has_btn { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.status_board .tbody.col5 button, .status_board tbody.col5 button { width: 50px; height: 25px; border-radius: 5px; border: solid 1px #777; background-color: #f9f9f9; font-size: 11px; color: #666; }

@media screen and (min-width: 851px) { .status_board .thead { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; padding: 25px; margin-bottom: 20px; border-radius: 12px; background-color: #606198; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 18px; color: #fff; text-align: center; }
  .status_board .thead.col1 span { white-space: nowrap; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }
  .status_board .thead.col1 span:nth-child(1) { width: 20%; }
  .status_board .thead.col1 span:nth-child(2) { width: 11%; }
  .status_board .thead.col1 span:nth-child(3) { width: 17%; }
  .status_board .thead.col1 span:nth-child(4) { width: 17%; }
  .status_board .thead.col1 span:nth-child(5) { width: 17%; }
  .status_board .thead.col1 span:nth-child(6) { width: 8%; }
  .status_board .thead.col1 span:nth-child(7) { width: 10%; }
  .status_board .thead.col2 span { white-space: nowrap; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }
  .status_board .thead.col2 span:nth-child(1) { width: 5%; }
  .status_board .thead.col2 span:nth-child(2) { width: 25%; }
  .status_board .thead.col2 span:nth-child(3) { width: 10%; }
  .status_board .thead.col2 span:nth-child(4) { width: 12%; }
  .status_board .thead.col2 span:nth-child(5) { width: 12%; }
  .status_board .thead.col2 span:nth-child(6) { width: 12%; }
  .status_board .thead.col2 span:nth-child(7) { width: 24%; }
  .status_board .thead.col2 span:nth-child(8) { width: 9%; }
  .status_board .thead.col3 span { white-space: nowrap; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }
  .status_board .thead.col3 span:nth-child(1) { width: 25%; }
  .status_board .thead.col3 span:nth-child(2) { width: 25%; }
  .status_board .thead.col3 span:nth-child(3) { width: 25%; }
  .status_board .thead.col3 span:nth-child(4) { width: 25%; }
  .status_board .thead.col4 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; }
  .status_board .thead.col4 span { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100px; margin: 0 10px; }
  .status_board .thead.col4 .grow4 { -webkit-box-flex: 4; -ms-flex: 4 1 auto; flex: 4 1 auto; }
  .status_board .thead.col5 .inner { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; }
  .status_board .thead.col5 .inner:before { content: ''; width: 25%; }
  .status_board .thead.col5 span { -webkit-box-flex: 0; -ms-flex: 0 1 25%; flex: 0 1 25%; margin: 0 10px; }
  .status_board .tbody li { padding: 15px; min-height: 64px; border-radius: 20px; font-size: 18px; }
  .status_board .tbody li dl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .status_board .tbody li dl div { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /*  align-items: center; */ -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .status_board .tbody li dl div + div { margin-top: 0; }
  .status_board .tbody li dt { display: none; }
  .status_board .tbody li dd { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* width: calc(100% - 5px); */ width: 100%; margin: 0 5px; text-align: center; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; vertical-align: middle; }
  .status_board .tbody input[type=text], .status_board .tbody textarea, .status_board .tbody select { min-height: 38px; width: 100%; padding: 0px 5px; border-radius: 8px; }
  .status_board .tbody select { padding-right: 25px; background: url(../images/bg_select_arrow_g.png) no-repeat right 5px center; background-size: initial; }
  .status_board .tbody textarea { height: 75px; padding: 5px; }
  .status_board .tbody.col1 li dl div:nth-child(1) { width: 20%; }
  .status_board .tbody.col1 li dl div:nth-child(2) { width: 10%; }
  .status_board .tbody.col1 li dl div:nth-child(3) { width: 17%; }
  .status_board .tbody.col1 li dl div:nth-child(4) { width: 17%; }
  .status_board .tbody.col1 li dl div:nth-child(5) { width: 17%; }
  .status_board .tbody.col1 li dl div:nth-child(6) { width: 9%; }
  .status_board .tbody.col1 li dl div:nth-child(7) { width: 10%; }
  .status_board .tbody.col2 li dl div:nth-child(1) { width: 5%; }
  .status_board .tbody.col2 li dl div:nth-child(2) { width: 25%; }
  .status_board .tbody.col2 li dl div:nth-child(3) { width: 10%; }
  .status_board .tbody.col2 li dl div:nth-child(4) { width: 12%; }
  .status_board .tbody.col2 li dl div:nth-child(5) { width: 12%; }
  .status_board .tbody.col2 li dl div:nth-child(6) { width: 12%; }
  .status_board .tbody.col2 li dl div:nth-child(7) { width: 24%; }
  .status_board .tbody.col2 li dl div:nth-child(8) { width: 10%; }
  .status_board .tbody.col3 li dl div { white-space: nowrap; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }
  .status_board .tbody.col3 li dl div:nth-child(1) { width: 25%; }
  .status_board .tbody.col3 li dl div:nth-child(2) { width: 25%; }
  .status_board .tbody.col3 li dl div:nth-child(3) { width: 25%; }
  .status_board .tbody.col3 li dl div:nth-child(4) { width: 25%; }
  .status_board .tbody.col4 li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; }
  .status_board .tbody.col4 li > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100px; margin: 0 10px; }
  .status_board .tbody.col4 li > div.grow4 { -webkit-box-flex: 4; -ms-flex: 4 1 auto; flex: 4 1 auto; }
  .status_board .tbody.col4 li span { display: none; margin-right: 10px; }
  .status_board .tbody.col4 button { width: 58px; height: 28px; margin: 0 auto; border-radius: 10px; font-size: 14px; }
  .status_board .tbody.col5 li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; }
  .status_board .tbody.col5 li > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; -webkit-box-flex: 0; -ms-flex: 0 1 25%; flex: 0 1 25%; width: 100px; margin: 0 10px; }
  .status_board .tbody.col5 li span { display: none; margin-right: 10px; }
  .status_board .tbody.col5 button { width: 58px; height: 28px; margin: 0 auto; border-radius: 10px; font-size: 14px; } }

@media (max-width: 1150px) { .status_board .thead { font-size: 16px; }
  .status_board .tbody li { font-size: 16px; } }

@media (max-width: 1000px) { .status_board .thead { font-size: 15px; }
  .status_board .tbody li { font-size: 15px; } }

.status_board3 { margin-bottom: 100px; }

@media (max-width: 1150px) { .status_board3 .thead { font-size: 16px; }
  .status_board3 .tbody li { font-size: 16px; } }

@media (max-width: 1000px) { .status_board3 .thead { font-size: 15px; }
  .status_board3 .tbody li { font-size: 15px; } }

.status_board3 input[type=text], .status_board3 textarea, .status_board3 select { display: block; height: 30px; width: 100%; padding: 0 3px; border-radius: 6px; border: solid 1px #ccc; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; font: inherit; }

.status_board3 select { padding-right: 15px; background: url(../images/bg_select_arrow_g.png) no-repeat right 5px center; background-size: 6px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.status_board3 textarea { display: block; height: 60px; padding: 3px; }

.status_board3 tbody.col4 div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.status_board3 tbody.col4 div span { width: 80px; text-align: left; white-space: nowrap; color: #7072c0; }

.status_board3 tbody.col4 div + div { margin-top: 10px; }

.status_board3 tbody.col4 .has_btn { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.status_board3 tbody.col4 button { width: 50px; height: 25px; border-radius: 5px; border: solid 1px #777; background-color: #f9f9f9; font-size: 11px; color: #666; }

/* 현황 게시판 보기 */
.status_view { margin-top: 40px; }

.status_view dl { padding: 15px; border-radius: 12px; border: solid 1px #ccc; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; }

.status_view dl div { display: -webkit-box; display: -ms-flexbox; display: flex; }

.status_view dl div dt { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 80px; font-size: 15px; font-weight: 500; color: #000; }

.status_view dl div dt.required:after { content: '*'; color: #ff6374; font-weight: 400; }

.status_view dl div dd { font-size: 15px; font-weight: 300; color: #666; }

.status_view dl div dd strong { font-weight: 400; color: #010101; }

.status_view dl div dd em { font-weight: 400; color: #7072c0; }

.status_view dl div + div { margin-top: 14px; }

@media screen and (min-width: 851px) { .status_view { margin-top: 65px; }
  .status_view dl { padding: 50px; min-height: 64px; border-radius: 20px; font-size: 18px; }
  .status_view dl div dt { width: 150px; font-size: 20px; }
  .status_view dl div dd { font-size: 20px; }
  .status_view dl div + div { margin-top: 25px; } }

/* 직무교육 신청 게시판 */
.status_board2 { /*     @include max(1150) { .thead { font-size: 16px; .inner { width: 83%; } } .tbody li { font-size: 16px; dl { width: 83%; } } .bttns button { font-size: 15px; } } @include max(1000) { .thead { font-size: 15px; .inner { width: 81%; } } .tbody li { font-size: 15px; dl { width: 81%; } } .bttns button { font-size: 14px; } } */ }

@media (max-width: 1150px) { .status_board2 .thead { font-size: 16px; }
  .status_board2 .thead .inner { width: 83%; }
  .status_board2 .tbody li { font-size: 16px; }
  .status_board2 .tbody li dl { width: 83%; }
  .status_board2 .bttns button { font-size: 15px; } }

@media (max-width: 1000px) { .status_board2 .thead { font-size: 15px; }
  .status_board2 .thead .inner { width: 81%; }
  .status_board2 .tbody li { font-size: 15px; }
  .status_board2 .tbody li dl { width: 81%; }
  .status_board2 .bttns button { font-size: 14px; } }

.status_board2 .tbody li { padding: 15px; border-radius: 12px; border: solid 1px #ccc; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; font-weight: 300; text-align: center; color: #000; }

.status_board2 .tbody li dl { width: 100%; }

.status_board2 .tbody li dl div { display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.status_board2 .tbody li dl div + div { margin-top: 10px; }

.status_board2 .tbody li dt { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100px; color: #7072c0; text-align: left; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.status_board2 .tbody li dd { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: left; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; /* .small { font-size: .8em; font-weight: 300; text-align: center; color: #000; line-height: 1.25; } */ }

.status_board2 .tbody li dd .tit { display: block; font-weight: 400; color: #7072c0; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.status_board2 .tbody li dd .stt1 { border-radius: 5px; padding: 4px 6px; background: #eee; font-size: .8em; color: #777; font-weight: 400; }

.status_board2 .tbody li + li { margin-top: 7px; }

@media screen and (min-width: 851px) { .status_board2 .thead { height: 50px; padding: 0 25px; margin-bottom: 20px; border-radius: 12px; background-color: #606198; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 18px; color: #fff; text-align: center; }
  .status_board2 .thead .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 84%; height: 100%; }
  .status_board2 .thead span { white-space: nowrap; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }
  .status_board2 .thead span:nth-child(1) { width: 5%; min-width: 34px; }
  .status_board2 .thead span:nth-child(2) { width: 5%; min-width: 34px; }
  .status_board2 .thead span:nth-child(3) { width: 35%; }
  .status_board2 .thead span:nth-child(4) { width: 13%; }
  .status_board2 .thead span:nth-child(5) { width: 10%; }
  .status_board2 .thead span:nth-child(6) { width: 10%; }
  .status_board2 .thead span:nth-child(7) { width: 5%; min-width: 34px; }
  .status_board2 .thead span:nth-child(8) { width: 7%; }
  .status_board2 .tbody li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px; height: 64px; border-radius: 20px; font-size: 18px; }
  .status_board2 .tbody li dl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 84%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .status_board2 .tbody li dl div { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .status_board2 .tbody li dl div:nth-child(1) { width: 5%; min-width: 34px; }
  .status_board2 .tbody li dl div:nth-child(2) { width: 5%; min-width: 34px; }
  .status_board2 .tbody li dl div:nth-child(3) { width: 35%; }
  .status_board2 .tbody li dl div:nth-child(4) { width: 13%; }
  .status_board2 .tbody li dl div:nth-child(5) { width: 10%; }
  .status_board2 .tbody li dl div:nth-child(6) { width: 10%; }
  .status_board2 .tbody li dl div:nth-child(7) { width: 5%; min-width: 34px; }
  .status_board2 .tbody li dl div:nth-child(8) { width: 7%; }
  .status_board2 .tbody li dl div + div { margin-top: 0; }
  .status_board2 .tbody li dt { display: none; }
  .status_board2 .tbody li dd { width: auto; text-align: center; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }
  .status_board2 .tbody li dd .small { font-size: 15px; font-weight: 300; text-align: center; color: #000; line-height: 1.25; }
  .status_board2 .tbody li dd .tit { font-weight: 400; color: #7072c0; }
  .status_board2 .tbody li dd .stt1 { border-radius: 5px; padding: 4px 6px; background: #eee; font-size: .8em; color: #777; font-weight: 400; } }

.status_board2 .bttns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px; }

.status_board2 .bttns button, .status_board2 .bttns a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 50px; height: 30px; padding: 0 5px; border-radius: 7px; background: none; border: 2px solid #606198; font-size: 13px; color: #7072c0; white-space: nowrap; }

.status_board2 .bttns button + *, .status_board2 .bttns a + * { margin-left: 5px; }

.status_board2 .bttns button.negative, .status_board2 .bttns a.negative { background: #000; }

@media screen and (min-width: 851px) { .status_board2 .bttns { margin-top: 0; }
  .status_board2 .bttns button, .status_board2 .bttns a { min-width: 60px; min-height: 30px; padding: 5px; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; } }

/* 파트너 */
.partner_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: stretch; align-content: stretch; padding: 20px; background: #f9f9f9; overflow-y: auto; -webkit-box-sizing: border-box; box-sizing: border-box; height: 585px; margin-bottom: 50px; }

.partner_list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 50%; margin-bottom: 10px; }

.partner_list li .img_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 5px; height: 60px; max-height: 60px; padding: 10px; border-radius: 10px; border: solid 1px #ccc; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; }

.partner_list li .img_wrap img { max-width: 100%; width: auto; max-height: 100%; min-width: 50%; min-height: 80%;  }

.partner_list li strong { display: block; padding: 0 20px; font-size: 10px; font-weight: 300; text-align: center; color: #444; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

@media (min-width: 600px) { .partner_list { height: 500px; }
  .partner_list li { width: calc(100%/3); } }

@media (min-width: 700px) { .partner_list { height: 620px; }
  .partner_list li { width: calc(100%/3); }
  .partner_list li .img_wrap { padding: 13px; height: 80px; max-height: 80px; }
  .partner_list li strong { font-size: 14px; } }

@media (min-width: 1000px) { .partner_list { height: 750px; padding: 30px 30px 10px; margin-bottom: 100px; }
  .partner_list li { width: 25%; margin-bottom: 20px; }
  .partner_list li .img_wrap { margin: 10px; max-height: 90px; padding: 20px; border-radius: 20px; }
  .partner_list li strong { font-size: 18px; } }

@media (min-width: 1200px) { .partner_list { height: 960px; margin-bottom: 100px; }
  .partner_list li .img_wrap { height: 120px; max-height: 120px; padding: 20px; } }

/* 사업면허/표창 */
.seperate_tit { height: 40px; margin-top: 20px; margin-bottom: 4px; padding-left: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #606198; overflow-y: auto; font-size: 18px; font-weight: 500; color: #fff; line-height: 40px; }

@media screen and (min-width: 851px) { .seperate_tit { height: 55px; margin-top: 30px; margin-bottom: 6px; padding-left: 40px; font-size: 26px; line-height: 55px; } }

.seperate_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: stretch; align-content: stretch; padding: 10px; background: #f9f9f9; }

.seperate_list.award_list .img_wrap { max-height: initial; height: auto; padding: 20px; }

.seperate_list.award_list .img_wrap img { height: auto; }

.seperate_list:last-child { margin-bottom: 70px; }

.seperate_list li { width: calc(100%/2); margin-bottom: 10px; }

.seperate_list li .img_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 10px; height: 60px; max-height: 60px; padding: 10px; border-radius: 10px; border: solid 1px #ccc; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; }

.seperate_list li .img_wrap img { max-width: 100%; width: auto; max-height: 100%; }

.seperate_list li p { display: block; padding: 0 20px; font-size: 10px; font-weight: 300; text-align: center; color: #444; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

@media (min-width: 550px) { .seperate_list li { width: calc(100% / 3); }
  .seperate_list li p { font-size: 12px; } }

@media (min-width: 800px) { .seperate_list li { width: 25%; }
  .seperate_list li p { font-size: 15px; } }

@media (min-width: 1000px) { .seperate_list li { width: 20%; }
  .seperate_list li p { font-size: 18px; } }

/* 주요기능 */
p.exp_p { padding: 15px; margin-top: 14px; font-size: 18px; font-weight: 500; color: #000; border-bottom: 2px solid #606198; }

@media screen and (min-width: 851px) { p.exp_p { margin-top: 20px; padding: 20px 0; font-size: 24px; } }

ul.exp_ul { padding: 18px 0; font-size: 16px; line-height: 1.67; color: #333; }

ul.exp_ul li { position: relative; padding-left: 20px; }

ul.exp_ul li:before { content: '\25fe'; position: absolute; left: 0; top: 6px; margin-right: 10px; font-size: 5px; line-height: inherit; }

ul.exp_ul .exam { margin: 5px 0; font-size: 13px; color: #606198; line-height: 1.3; }

ul.exp_ul .arrow { display: block; font-size: 14px; line-height: 1.3; color: #666; }

@media screen and (min-width: 851px) { ul.exp_ul { padding: 25px 0; font-size: 20px; }
  ul.exp_ul li:before { top: 9px; }
  ul.exp_ul .exam { font-size: 17px; }
  ul.exp_ul .arrow { font-size: 18px; } }

p.exp { margin: 40px 0 22px; font-size: 22px; font-weight: 500; line-height: 1.21; letter-spacing: -0.7px; text-align: center; color: #7072c0; word-break: keep-all; }

p.exp.red { color: #ff6374; margin-bottom: 30px; }

@media screen and (min-width: 851px) { p.exp { margin: 65px 0 15px; font-size: 28px; }
  p.exp.red { margin-bottom: 55px; } }

.exp_tit { display: block; margin: 30px 0 0; font-size: 18px; font-weight: 500; line-height: 1.42; letter-spacing: -0.6px; text-align: left; color: #000; word-break: keep-all; }

.exp_tit + .exp { margin-top: 10px; }

@media screen and (min-width: 851px) { .exp_tit { margin: 50px 0 0; font-size: 24px; }
  .exp_tit + .exp { margin-top: 20px; } }

ul.exp { padding: 18px 0; border-top: 2px solid #606198; border-bottom: 1px solid #606198; margin-top: 20px; font-size: 16px; line-height: 1.67; color: #333; }

ul.exp li { position: relative; padding-left: 20px; }

ul.exp .exam { display: block; margin: 5px 0; font-size: 13px; color: #606198; line-height: 1.3; }

ul.exp .arrow { display: block; font-size: 14px; line-height: 1.3; color: #666; }

@media screen and (min-width: 851px) { ul.exp { padding: 25px 0; border-top: 3px solid #606198; margin-top: 40px; font-size: 20px; }
  ul.exp li:before { top: 9px; }
  ul.exp .exam { font-size: 17px; }
  ul.exp .arrow { font-size: 18px; } }

/* 엔젤 뉴스 목록 */
.news_list { padding: 20px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; }

.news_list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 40px; padding: 0 20px; border-radius: 10px; border: solid 1px #ccc; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; color: #000; }

.news_list li + li { margin-top: 6px; }

.news_list li .tit { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; margin-right: 5px; padding-left: 25px; background: url(../images/ico_news.png) no-repeat left; background-size: 15px; }

.news_list li .writer { -webkit-box-flex: 0; -ms-flex: 0 0 65px; flex: 0 0 65px; margin: 0 5px; font-weight: 500; color: #7072c0; text-align: center; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.news_list li .date { -webkit-box-flex: 0; -ms-flex: 0 0 62px; flex: 0 0 62px; margin: 0 5px; font-weight: 300; color: #777; text-align: center; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.news_list li .view_more { -webkit-box-flex: 0; -ms-flex: 0 0 67px; flex: 0 0 67px; margin-left: 5px; display: inline-block; position: relative; color: #ff6374; white-space: nowrap; font-size: 13px; }

.news_list li .view_more:after { content: ''; display: inline-block; width: 5px; height: 5px; border: 2px solid; border-color: transparent #ff6374 #ff6374 transparent; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

@media screen and (max-width: 850px) { .news_list li .writer { display: none; }
  .news_list li .date { display: none; } }

@media screen and (min-width: 851px) { .news_list { padding: 30px 0; }
  .news_list li { height: 64px; padding: 0 30px; border-radius: 20px; font-size: 18px; color: #000; }
  .news_list li + li { margin-top: 10px; }
  .news_list li .tit { padding-left: 45px; background-size: 30px; }
  .news_list li .writer { -webkit-box-flex: 0; -ms-flex: 0 0 12%; flex: 0 0 12%; margin: 0 10px; }
  .news_list li .date { -webkit-box-flex: 0; -ms-flex: 0 0 12%; flex: 0 0 12%; margin: 0 10px; }
  .news_list li .view_more { font-size: 18px; }
  .news_list li .view_more:after { width: 10px; height: 10px; } }

/* 시스템 개요 */
.para_wrap { margin-top: 60px; font-size: 14px; font-weight: 300; line-height: 1.67; text-align: center; color: #6a6a6a; word-break: keep-all; }

.para_wrap + .para_wrap { margin-top: 25px; }

.para_wrap strong { display: block; margin-bottom: 20px; font-size: 30px; font-weight: 500; word-break: keep-all; }

.para_wrap strong.c_red { color: #ff6374; }

.para_wrap strong.c_pur { color: #606198; }

.para_wrap em { display: block; margin-bottom: 12px; font-size: 18px; font-weight: 500; color: #555; word-break: keep-all; }

@media screen and (min-width: 851px) { .para_wrap { margin-top: 95px; font-size: 18px; }
  .para_wrap + .para_wrap { margin-top: 35px; }
  .para_wrap strong { font-size: 38px; }
  .para_wrap em { font-size: 24px; } }

.cont_img { margin: 50px 0; }

.cont_img img { margin: 0 auto; width: auto; max-width: 100%; }

@media screen and (min-width: 851px) { .cont_img { margin: 70px 0; } }

.sec_check_list { background: #F3F3F6; border-bottom: 12px solid #606198; }

.sec_check_list .section_inner { padding-top: 60px; padding-bottom: 60px; background: url(../images/bg_logo2.png) no-repeat right bottom; background-size: 250px; }

@media screen and (min-width: 851px) { .sec_check_list { border-bottom: 20px solid #606198; }
  .sec_check_list .section_inner { padding-top: 100px; padding-bottom: 100px; background: url(../images/bg_logo2.png) no-repeat right bottom; background-size: 546px; } }

.sec_tit2 { margin-bottom: 40px; font-size: 24px; font-weight: 500; text-align: center; color: #606198; }

@media screen and (min-width: 851px) { .sec_tit2 { margin-bottom: 54px; font-size: 38px; } }

.sec_tit3 { margin-bottom: 40px; font-size: 26px; font-weight: 500; text-align: center; color: #ff6374; }

@media screen and (min-width: 851px) { .sec_tit3 { margin-bottom: 54px; font-size: 34px; } }

.sec_tit4 { margin-top: 40px; margin-bottom: 40px; font-size: 18px; font-weight: 500; text-align: center; color: #606198; }

@media screen and (min-width: 851px) { .sec_tit4 { margin-top: 60px; margin-bottom: 54px; font-size: 26px; } }

.sec_tit4_2 { margin-top: 40px; margin-bottom: 40px; font-size: 18px; font-weight: 500; text-align: center; color: #000; }

@media screen and (min-width: 851px) { .sec_tit4_2 { margin-top: 60px; margin-bottom: 54px; font-size: 26px; } }

.check_list li { padding: 8px; padding-left: 38px; border-radius: 12px; margin: 6px 0; -webkit-box-sizing: border-box; box-sizing: border-box; background: rgba(255, 255, 255, 0.8) url(../images/design_check.png) no-repeat 15px; background-size: 15px; font-size: 14px; font-weight: 300; color: #000; }

.check_list li strong { font-weight: 500; }

@media screen and (min-width: 851px) { .check_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .check_list li { width: 100%; padding: 13px; margin: 5px 0; padding-left: 53px; border-radius: 20px; background-position: 20px center; background-size: initial; font-size: 18px; }
  .check_list li strong { font-weight: 500; } }

@media (min-width: 1400px) { .check_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .check_list li { width: 49.5%; } }

.sec_angel { padding: 60px 0 50%; background: url(../images/bg_monitor.png) no-repeat center bottom; background-size: 50%; }

@media screen and (min-width: 851px) { .sec_angel { padding: 100px 0 36%; background: url(../images/bg_angel.png) no-repeat calc(50% + 59px) bottom; background-size: 100%; } }

.sec_angel .sec_tit3 { font-size: 28px; font-weight: 500; text-align: center; color: #000; }

.sec_angel .sec_tit3 + p { margin-top: 15px; font-size: 14px; font-weight: 300; text-align: center; color: #6a6a6a; }

@media screen and (min-width: 851px) { .sec_angel .sec_tit3 { font-size: 38px; }
  .sec_angel .sec_tit3 + p { margin-top: 20px; font-size: 18px; } }

.sec_q { background: #F3F3F6; }

.sec_q .section_inner { padding-top: 60px; padding-bottom: 60px; }

@media screen and (min-width: 851px) { .sec_q .section_inner { padding-top: 100px; padding-bottom: 100px; } }

.sec_q p { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 220px; padding-left: 60px; min-height: 50px; font-size: 24px; font-weight: 500; }

.sec_q li { margin-left: 60px; margin-top: 20px; padding: 4px 14px; border: solid 2px #606198; border-radius: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; font-size: 16px; font-weight: 300; color: #000; }

.sec_q li + li { margin-top: 6px; }

.sec_q .q_area p { background: url(../images/bg_q.png) no-repeat left top; background-size: 40px; color: #606198; }

.sec_q .q_area li { border: solid 2px #606198; }

.sec_q .a_area { margin-top: 45px; }

.sec_q .a_area p { background: url(../images/bg_a.png) no-repeat left top; background-size: 40px; font-size: 28px; font-weight: 500; color: #ff6374; }

.sec_q .a_area li { border: solid 2px #ff6374; }

@media screen and (min-width: 851px) { .sec_q p { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 220px; padding-left: 115px; padding-top: 20px; min-height: 84px; }
  .sec_q li { margin-left: 0; margin-top: 0; padding: 8px 20px; border-radius: 20px; font-size: 22px; }
  .sec_q li + li { margin-top: 10px; }
  .sec_q .q_area { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .sec_q .q_area p { font-size: 30px; background-size: 84px; }
  .sec_q .a_area { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 70px; }
  .sec_q .a_area p { font-size: 32px; background-size: 84px; } }

.sec_insurance { padding: 24px 0; background-image: -webkit-gradient(linear, left top, right top, from(#4e3040), to(#606198)); background-image: linear-gradient(to right, #4e3040, #606198); }

.sec_insurance .img_wrap { width: 260px; margin: 0 auto; }

.sec_insurance .img_wrap img { display: block; max-width: 130px; width: auto; margin: 0 auto; }

.sec_insurance p { text-align: center; margin-top: 20px; font-size: 18px; font-weight: 500; color: #fff; word-break: keep-all; }

.sec_insurance p strong { font-weight: 500; }

.sec_insurance p em { color: #ffd972; }

@media screen and (min-width: 851px) { .sec_insurance { padding: 36px 0; }
  .sec_insurance .cont { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .sec_insurance .img_wrap img { max-width: 100%; }
  .sec_insurance p { margin-left: 60px; margin-top: 0; font-size: 24px; text-align: left; } }

.sec_brand2 { padding: 50px 0; background: #F3F3F6; }

.sec_brand2 .img_wrap { margin: 0 auto; width: 260px; }

.sec_brand2 .img_wrap img { display: block; margin-bottom: 10px; max-width: 53px; width: auto; margin: 0 auto; }

.sec_brand2 .img_wrap + div { margin-left: 30px; text-align: center; }

.sec_brand2 .img_wrap + div strong { font-size: 18px; font-weight: 500; color: #004da1; }

.sec_brand2 .img_wrap + div p { margin-top: 10px; font-size: 14px; line-height: 1.56; color: #444; word-break: keep-all; }

@media screen and (min-width: 851px) { .sec_brand2 { padding: 72px 0; }
  .sec_brand2 .cont { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .sec_brand2 .img_wrap img { max-width: 100%; margin-bottom: 0; }
  .sec_brand2 .img_wrap + div { text-align: left; margin-left: 60px; }
  .sec_brand2 .img_wrap + div strong { font-size: 24px; }
  .sec_brand2 .img_wrap + div p { margin-top: 15px; font-size: 18px; } }

.slide_tabs { position: relative; margin-bottom: 30px; }

.slide_tabs.center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.slide_tabs.center .swiper-container { margin: 0 auto; }

.slide_tabs .swiper-container { margin: 0 62px 0 40px; width: 70%; margin: 0 auto; }

.slide_tabs .swiper-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.slide_tabs .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; font-size: 16px; font-weight: 300; color: #555; text-align: center; cursor: pointer; /* &.active { color: #ff6374; text-decoration: underline; } */ }

.slide_tabs .swiper-slide-active { color: #ff6374; }

.slide_tabs .swiper-button-prev { left: 10%; background: url(../images/swiper-left-arrow.png) no-repeat center; background-size: 50%; }

.slide_tabs .swiper-button-prev:after { content: none; }

.slide_tabs .swiper-button-next { right: 10%; background: url(../images/swiper-right-arrow.png) no-repeat center; background-size: 50%; }

.slide_tabs .swiper-button-next:after { content: none; }

.slide_tabs .btn_menu_toggle { position: absolute; right: 0; top: 50%; width: 20px; height: 20px; background: url(../images/btn_menu_toggle.png) no-repeat; background-size: contain; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }

.slide_tabs .btn_menu_toggle.opened { -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); }

@media screen and (min-width: 851px) { .slide_tabs { display: block; margin-bottom: 40px; }
  .slide_tabs .swiper-container { width: auto; margin: 0 130px 0 70px; }
  .slide_tabs.type2 .swiper-container { margin: 0 auto !important; }
  .slide_tabs.type2 .swiper-wrapper { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
  .slide_tabs.type2 .swiper-wrapper li:last-child { margin-right: 0 !important; }
  .slide_tabs.type2 .btn_menu_toggle { display: none; }
  .slide_tabs.type2 .btn_menu_toggle + .dropdown { display: none; }
  .slide_tabs .swiper-wrapper { -webkit-box-align: initial; -ms-flex-align: initial; align-items: initial; }
  .slide_tabs .swiper-slide { font-size: 20px; width: auto; }
  .slide_tabs .swiper-slide.active { color: #ff6374; text-decoration: underline; }
  .slide_tabs .swiper-slide-active { color: #555; }
  .slide_tabs .swiper-button-prev { left: 10px; background-size: initial; }
  .slide_tabs .swiper-button-next { right: 68px; background-size: initial; }
  .slide_tabs .btn_menu_toggle { width: 40px; height: 40px; } }

.slide_conts { margin-bottom: 60px; }

.slide_conts .tab0 ~ div { display: none; }

.slide_conts .tab1 ~ div { display: none; }

@media screen and (min-width: 851px) { .slide_conts { margin-bottom: 100px; } }

.btn_menu_toggle.opened + .dropdown { display: block; z-index: 1; }

.btn_menu_toggle + .dropdown { display: none; position: absolute; top: calc(100% + 10px); right: 0; width: 150px; max-height: 250px; padding: 16px; border-radius: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #999; background-color: #fff; -webkit-box-shadow: -4.3px 2.5px 15px 0 rgba(0, 0, 0, 0.08); box-shadow: -4.3px 2.5px 15px 0 rgba(0, 0, 0, 0.08); overflow-y: auto; font-size: 14px; font-weight: 300; line-height: 1.4; color: #777; }

.btn_menu_toggle + .dropdown li + li { margin-top: 5px; }

.btn_menu_toggle + .dropdown a.active, .btn_menu_toggle + .dropdown a:hover { color: #333; font-weight: 500; text-decoration: underline; }

@media screen and (min-width: 851px) { .btn_menu_toggle + .dropdown { top: calc(100% + 20px); width: 300px; max-height: 350px; padding: 24px; border-radius: 20px; font-size: 18px; }
  .btn_menu_toggle + .dropdown li + li { margin-top: 8px; } }

/* 홈페이지 제공 서비스 */
.circle_list { margin: 30px 0; text-align: center; }

.circle_list li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 145px; height: 145px; border-radius: 50%; padding: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 1% 2%; background: #edeceb; color: #904758; vertical-align: top; line-height: 1.42; font-size: 15px; text-align: center; word-break: keep-all; }

.circle_list li.on { color: #fff; background-image: -webkit-gradient(linear, left bottom, left top, from(#4e3040), to(#606198)); background-image: linear-gradient(to top, #4e3040, #606198); }

.circle_list + p { margin: 50px 0; font-size: 16px; line-height: 1.54; letter-spacing: -1.3px; text-align: center; color: #000; word-break: keep-all; }

@media screen and (min-width: 851px) { .circle_list + p {margin: 100px 0 43px; font-size: 26px; } }

@media (min-width: 800px) { .circle_list { margin: 40px 0; }
  .circle_list li { margin: 1% 3%; width: 220px; height: 220px; font-size: 20px; } }

@media (min-width: 1300px) { .circle_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 60px 0; }
  .circle_list li { margin: 0; width: 255px; height: 255px; font-size: 24px; } }

.strong_p { margin: 20px 0 12px; font-size: 18px; font-weight: 500; color: #000; word-break: keep-all; line-height: 1.6; }

.strong_p.c_000 { color: #000; }

.strong_p.c_fff { color: #fff; }

.strong_p.c_6a6a6a { color: #6a6a6a; }

@media screen and (min-width: 851px) { .strong_p { margin: 35px 0 25px; font-size: 24px; } }

.normal_p { margin: 12px 0; font-size: 15px; line-height: 1.5; color: #6a6a6a; word-break: keep-all; line-height: 1.6; }

.normal_p.c_fff { color: #fff; }

.normal_p.c_ccc { color: #ccc; }

.normal_p.c_555 { color: #555; }

.normal_p.c_6a6a6a { color: #6a6a6a; }

.normal_p + .img_wrap { margin-top: 40px; }

@media screen and (min-width: 851px) { .normal_p { margin: 24px 0; font-size: 20px; }
  .normal_p + .img_wrap { margin-top: 60px; } }

.homepage_list { padding: 15px 0; margin-top: 25px; border-top: 2px solid #606198; border-bottom: 1px solid #606198; text-align: center; }

.homepage_list li { margin-bottom: 50px; }

.homepage_list strong { display: block; margin-bottom: 10px; font-size: 17px; font-weight: 500; line-height: 1.25; letter-spacing: -0.6px; color: #6a6a6a; }

.homepage_list a { display: inline-block; padding: 3px 15px; margin-top: 15px; border: solid 1px #606198; border-radius: 100px; font-size: 14px; color: #ff6374; }

@media (min-width: 600px) { .homepage_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .homepage_list li { width: 49.5%; } }

@media (min-width: 1000px) { .homepage_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .homepage_list li { width: 24.2%; } }

@media screen and (min-width: 851px) { .homepage_list { padding: 30px 0; margin-top: 35px; }
  .homepage_list strong { margin-bottom: 20px; font-size: 24px; }
  .homepage_list a { margin-top: 25px; padding: 5px 20px; font-size: 18px; } }

.rate_info { padding: 20px; margin-bottom: 70px; background: #E9E9E9; }

.rate_info .box { padding: 20px; background: #fff; font-size: 19px; letter-spacing: -0.7px; text-align: center; color: #000; }

.rate_info p { margin-top: 20px; font-size: 18px; line-height: 1.3; color: #6a6a6a; word-break: keep-all; }

.rate_info p strong { display: block; margin-bottom: 10px; font-size: 20px; color: #ff6374; font-weight: 700; }

@media screen and (min-width: 851px) { .rate_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 42px; margin-bottom: 10px; }
  .rate_info .box { width: 60%; padding: 35px; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 567px; font-size: 28px; }
  .rate_info p { padding-left: 50px; margin-top: 0; font-size: 24px; }
  .rate_info p strong { margin-bottom: 20px; font-size: 28px; } }

.service_list > li { position: relative; padding: 30px 15px 15px; border: solid 1px #e8e8e8; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #f8f8f8; }

.service_list > li + li { margin-top: 30px; }

.service_list > li:before { content: ''; position: absolute; left: 20px; top: -17px; width: 40px; height: 40px; background: #606198 no-repeat center; background-size: auto 40%; border-radius: 50%; }

.service_list > li:nth-child(1):before { background-image: url(../images/service01.png); }

.service_list > li:nth-child(2):before { background-image: url(../images/service02.png); }

.service_list > li:nth-child(3):before { background-image: url(../images/service03.png); }

.service_list > li:nth-child(4):before { background-image: url(../images/service04.png); }

.service_list strong { font-size: 18px; line-height: 1.25; color: #606198; }

.service_list ul { margin-top: 10px; font-size: 14px; line-height: 1.44; color: #444; }

.service_list ul li { position: relative; padding-left: 10px; }

.service_list ul li:before { content: ''; position: absolute; left: 0; top: 9px; width: 6px; height: 1px; background: #444; }

@media (min-width: 600px) { .service_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .service_list > li { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-top: 30px; width: 49%; } }

@media (min-width: 1100px) { .service_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .service_list > li { width: 23%; padding: 60px 30px 30px; margin-top: 60px; } }

@media screen and (min-width: 851px) { .service_list { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 70px; }
  .service_list > li { padding: 60px 30px 30px; margin-top: 60px; }
  .service_list > li + li { margin-top: 60px; }
  .service_list > li:before { content: ''; position: absolute; left: 30px; top: -33px; width: 70px; height: 70px; }
  .service_list strong { font-size: 24px; }
  .service_list ul { margin-top: 20px; font-size: 18px; position: relative; }
  .service_list ul li { padding-left: 15px; }
  .service_list ul li:before { content: ''; position: absolute; left: 0; top: 11px; width: 8px; } }

.consult_wrap { padding: 50px 0; margin-top: 40px; margin-bottom: 50px; background: url(../images/bg_consult.jpg) no-repeat center; background-size: cover; }

.consult_wrap .img_wrap { margin-top: 40px; }

.consult_wrap .img_wrap img { margin: 0 auto; width: auto; max-width: 100%; }

@media screen and (min-width: 851px) { .consult_wrap { padding: 90px 0; margin-top: 60px; margin-bottom: 95px; }
  .consult_wrap .img_wrap { margin-top: 60px; } }

.build_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; margin: 60px 0; }

.build_list li { width: 33.3%; padding: 10px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-weight: 500; line-height: 1.17; color: #5d6086; white-space: nowrap; -webkit-transition: all .2s; transition: all .2s; }

.build_list li:before { content: ''; display: block; margin: 0 auto; width: 40px; height: 40px; margin-bottom: 20px; background-repeat: no-repeat; background-position: center; background-size: contain; }

.build_list li:nth-child(1):before { background-image: url(../images/build01.png); }

.build_list li:nth-child(2):before { background-image: url(../images/build02.png); }

.build_list li:nth-child(3):before { background-image: url(../images/build03.png); }

.build_list li + li { border-left: 1px solid rgba(0, 0, 0, 0.1); }

@media (min-width: 500px) { .build_list li { font-size: 19px; } }

@media screen and (min-width: 851px) { .build_list { margin: 100px 0; }
  .build_list li { width: auto; padding: 30px 80px; font-size: 24px; }
  .build_list li:before { width: 100px; height: 100px; margin-bottom: 30px; background-size: initial; } }

.edu_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 80%; margin: 50px auto 100px; min-width: 340px; }

.edu_list li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 48%; padding: 10px 0; border: solid 1px #ccc; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 100px; font-size: 14px; text-align: center; color: #444; white-space: nowrap; margin: .3em 0; }

@media screen and (min-width: 851px) { .edu_list { width: 100%; }
  .edu_list li { width: 24%; font-size: 18px; } }

.circle_wrap { margin: 50px 0 100px; }

.circle_wrap .circle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 160px; height: 160px; margin: 0 auto; background: #606198; color: #fff; border-radius: 50%; font-size: 14px; text-align: center; }

.circle_wrap .circle strong { display: block; margin-top: .2em; font-size: 1.2em; }

.circle_wrap .box { margin-top: 30px; }

.circle_wrap .box strong { display: block; position: relative; z-index: 1; max-width: 200px; padding: 10px; margin: 0 auto; background: #444; border-radius: 100px; color: #fff; font-size: 15px; text-align: center; }

.circle_wrap .box ul { max-width: 350px; margin: -15px auto 0; padding: 25px 13px 13px; border-radius: 15px; border: solid 1px #ccc; background-color: #f9f9f9; font-size: 15px; font-weight: 300; line-height: 1.67; color: #444; }

.circle_wrap .box ul li:before { content: '- '; }

@media screen and (min-width: 851px) { .circle_wrap .circle { position: relative; width: 200px; height: 200px; font-size: 20px; }
  .circle_wrap .circle:before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 500px; height: 100px; border: solid 1px #ccc; border-bottom: none; border-radius: 20px; z-index: -1; }
  .circle_wrap .box_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: -40px; }
  .circle_wrap .box { -webkit-box-flex: 0; -ms-flex: 0 0 350px; flex: 0 0 350px; margin: 0 50px; }
  .circle_wrap .box strong { display: block; background: #444; border-radius: 100px; color: #fff; font-size: 18px; }
  .circle_wrap .box ul { max-width: 300px; padding: 35px 20px 20px; border-radius: 20px; font-size: 18px; } }

.vision_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 1100px; margin: 0 auto; margin-top: 60px; }

.vision_list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 110px; height: 110px; border: solid 3px #606198; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border-radius: 50%; font-size: 14px; line-height: 1.33; text-align: center; color: #606198; word-break: keep-all; }

.vision_list li:nth-child(1) { border-color: #606198; }

.vision_list li:nth-child(2) { border-color: #8f62ac; }

.vision_list li:nth-child(3) { border-color: #606198; }

@media (min-width: 500px) { .vision_list li { border: solid 5px #606198; width: 150px; height: 150px; font-size: 20px; } }

@media screen and (min-width: 851px) { .vision_list { margin-top: 100px; }
  .vision_list li { width: 380px; height: 380px; font-size: 36px; } }

.vision_wrap { margin-top: -57.5px; background: url(../images/bg_vision.jpg) no-repeat center; background-size: cover; padding: 140px 0; }

.vision_wrap .normal_p { line-height: 2; font-weight: 300; color: #fff; text-align: center; }

.vision_wrap .normal_p strong { font-weight: 500; }

@media (min-width: 500px) { .vision_wrap { margin-top: -75px; } }

@media screen and (min-width: 851px) { .vision_wrap { margin-top: -190px; padding: 280px 0; } }

.history { border-top: solid 1px #ccc; border-right: solid 1px #ccc; border-left: 1px solid #6f65ac; }

.year_wrap { padding: 20px 20px 20px 30px; border-bottom: solid 1px #ccc; }

.year_wrap .year { position: relative; font-size: 30px; font-weight: bold; line-height: 1.14; letter-spacing: -.05em; color: #6f65ac; }

.year_wrap .year:before { content: ''; position: absolute; left: -34px; top: 11px; width: 8px; height: 8px; border-radius: 50%; background: #6f65ac; }

.year_wrap .month { margin-top: 10px; font-size: 15px; font-weight: 300; line-height: 1.9; color: #444; }

.year_wrap .month > li { display: -webkit-box; display: -ms-flexbox; display: flex; }

.year_wrap .month > li span { color: #6f65ac; }

.year_wrap .month > li + li { margin-top: 5px; }

.year_wrap .month strong { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 30px; color: #6f65ac; font-weight: 500; }

@media screen and (min-width: 851px) { .year_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 50px 60px; }
  .year_wrap .year { width: 150px; font-size: 42px; }
  .year_wrap .year:before { content: ''; position: absolute; left: -66px; top: 15px; width: 13px; height: 13px; }
  .year_wrap .month { margin-top: 0; font-size: 20px; }
  .year_wrap .month > li + li { margin-top: 12px; }
  .year_wrap .month strong { width: 50px; } }

.greeting { position: relative; padding: 50px 20px; margin-top: 40px; background: url(../images/bg_greeting.jpg) no-repeat center; background-size: cover; font-size: 25px; font-weight: 500; line-height: 1.47; letter-spacing: -1.8px; text-align: center; color: #fff; word-break: keep-all; }

.greeting:before { content: ''; position: absolute; left: 50px; top: -20px; width: 70px; height: 55px; background: url(../images/quote_l.png) no-repeat; background-size: contain; }

.greeting:after { content: ''; position: absolute; right: 30px; bottom: -20px; width: 70px; height: 55px; background: url(../images/quote_r.png) no-repeat; background-size: contain; }

@media screen and (min-width: 851px) { .greeting { padding: 60px 50px; margin-top: 70px; font-size: 36px; }
  .greeting:before { content: ''; position: absolute; left: 50px; top: -40px; width: 141px; height: 111px; background: url(../images/quote_l.png) no-repeat; background-size: contain; }
  .greeting:after { content: ''; position: absolute; right: 30px; bottom: -30px; width: 141px; height: 111px; background: url(../images/quote_r.png) no-repeat; background-size: contain; } }

.greeting_wrap { padding: 30px; }

.greeting_wrap .normal_p { margin-top: 20px; }

.greeting_wrap .sign { margin-top: 30px; line-height: 1.4; letter-spacing: -1.5px; text-align: right; color: #333; font-size: 15px; font-weight: 500; }

.greeting_wrap .sign span { margin-left: 12px; font-size: 22px; font-weight: 400; }

@media screen and (min-width: 851px) { .greeting_wrap { padding: 90px; }
  .greeting_wrap .normal_p { margin-top: 40px; }
  .greeting_wrap .sign { margin-top: 50px; font-size: 22px; }
  .greeting_wrap .sign span { margin-left: 20px; font-size: 30px; } }

.organization { margin: 80px 0; padding: 20px; overflow-x: auto; }

.organization img { min-width: 600px; width: auto; max-width: 100%; margin: 0 auto; }

@media screen and (min-width: 851px) { .organization { margin: 130px 0; padding: 30px; } }

.location { margin-bottom: 60px; text-align: center; }

.location strong { display: block; margin: 40px 0 20px; font-size: 22px; font-weight: 500; line-height: 1.6; letter-spacing: -1.5px; color: #000; }

.location address { font-size: 18px; font-weight: 300; line-height: 1.4; letter-spacing: -1.2px; text-align: center; color: #000; word-break: keep-all; }

.location address span { display: block; margin-top: 8px; color: #ff6374; font-weight: 500; font-size: 15px; }

.location .tel { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 15px; margin-top: 20px; font-weight: 500; color: #444; font-size: 14px; }

.location .tel div { padding-left: 20px; }

.location .tel div:nth-child(1) { background: url(../images/ico_tel.png) no-repeat left center; background-size: 12px; }

.location .tel div:nth-child(2) { margin-left: 40px; background: url(../images/ico_fax.png) no-repeat left center; background-size: 12px; }

.location .tel span { margin-right: 10px; line-height: 1.58; letter-spacing: -1.2px; text-align: center; color: #000; }

@media screen and (min-width: 851px) { .location { margin-bottom: 100px; }
  .location strong { margin: 70px 0 30px; font-size: 30px; }
  .location address { font-size: 24px; }
  .location address span { margin-top: 13px; font-size: 20px; }
  .location .tel { padding: 25px; margin-top: 30px; font-weight: 500; font-size: 24px; }
  .location .tel div { padding-left: 40px; }
  .location .tel div:nth-child(1) { background-size: initial; }
  .location .tel div:nth-child(2) { margin-left: 60px; background-size: initial; }
  .location .tel span { margin-right: 20px; } }

.img_wrap img { max-width: 100%; width: auto; max-height: 100%; margin: 0 auto; }

.img_wrap + .img_wrap { margin-top: 50px; }

@media screen and (min-width: 851px) { .img_wrap + .img_wrap { margin-top: 80px; } }

.program_list { margin: 25px 0; }

.program_list li { border-radius: 20px; border: 1px solid #c7c7e8; overflow: hidden; }

.program_list li + li { margin-top: 8px; }

.program_list li div { padding: 15px; font-size: 18px; line-height: 1.67; letter-spacing: -0.6px; text-align: center; color: #6a6a6a; }

.program_list li div strong { display: block; margin-bottom: 10px; font-size: 17px; color: #000; font-weight: 500; color: #000; word-break: keep-all; }

.program_list li div span { margin-right: 10px; font-weight: bold; color: #606198; }

.program_list li div img { max-width: 100%; width: auto; margin: 0 auto; }

.program_list li div:first-child { background-color: #eaeafa; }

@media screen and (min-width: 851px) { .program_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 40px 0; }
  .program_list li { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 33.3%; border-radius: 30px; word-break: keep-all; }
  .program_list li + li { margin-top: 0; margin-left: 20px; }
  .program_list li div { padding: 20px; font-size: 24px; }
  .program_list li div strong { margin-bottom: 15px; font-size: 22px; color: #000; font-weight: 500; }
  .program_list li div span { margin-right: 15px; }
  .program_list li div:first-child { background-color: #eaeafa; } }

.program_list2 { margin: 25px 0; }

.program_list2.arrow > li + li:before { content: ''; position: absolute; left: 50%; top: -26px; -webkit-transform: translateX(-50%) rotate(90deg); transform: translateX(-50%) rotate(90deg); border-radius: 50%; width: 30px; height: 30px; background: #606198 url(../images/service-arrow-r.png) no-repeat center; background-size: 6px; }

.program_list2 > li { position: relative; border-radius: 20px; border: 1px solid #c7c7e8; }

.program_list2 > li + li { margin-top: 20px; }

.program_list2 > li div { font-size: 18px; line-height: 1.67; letter-spacing: -0.6px; text-align: center; color: #6a6a6a; }

.program_list2 > li div span { margin-right: 10px; font-weight: bold; color: #606198; }

.program_list2 > li div img { max-width: 100%; width: auto; margin: 0 auto; }

.program_list2 > li > div:first-child { padding: 15px; border-radius: 20px 20px 0 0; background-color: #eaeafa; }

.program_list2 > li div:last-child { border-radius: 0 0 20px 20px; }

.program_list2 > li .ul_wrap { padding: 12px; border-top: 1px solid #ccc; font-size: 14px; line-height: 1.78; text-align: left; color: #6a6a6a; }

.program_list2 > li .ul_wrap .normal_p { padding: 12px; }

.program_list2 > li .ul_wrap strong { display: block; margin-bottom: 5px; font-size: 15px; font-weight: 500; color: #606198; text-align: left; }

.program_list2 > li .ul_wrap li { position: relative; padding-left: 10px; }

.program_list2 > li .ul_wrap li:before { content: '- '; position: absolute; left: 0; top: 0; }

@media screen and (min-width: 851px) { .program_list2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 40px 0; }
  .program_list2.arrow > li + li:before { content: ''; position: absolute; left: -10px; top: 22px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 40px; height: 40px; background: #606198 url(../images/service-arrow-r.png) no-repeat center; background-size: initial; }
  .program_list2.col2 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .program_list2.col2 > li { width: 45%; }
  .program_list2 > li { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 25%; border-radius: 30px; word-break: keep-all; }
  .program_list2 > li + li { margin-top: 0; margin-left: 20px; }
  .program_list2 > li div { font-size: 24px; }
  .program_list2 > li div span { margin-right: 15px; }
  .program_list2 > li > div:first-child { padding: 20px; border-radius: 30px 30px 0 0; background-color: #eaeafa; }
  .program_list2 > li div:last-child { border-radius: 0 0 30px 30px; }
  .program_list2 > li .ul_wrap { padding: 18px; text-align: left; font-size: 18px; }
  .program_list2 > li .ul_wrap .normal_p { padding: 18px; }
  .program_list2 > li .ul_wrap strong { margin-bottom: 8px; font-size: 20px; } }

.txt_img { position: relative; }

.txt_img .img_wrap { margin: 0 auto; }

.txt_img .exp { position: absolute; left: 0; top: 52%; width: 100%; margin: 0 auto; text-align: center; }

@media screen and (min-width: 851px) { .txt_img .exp { top: 52%; } }

.result_list { border-top: 1px solid #ccc; margin-top: 25px; }

.result_list li { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px; border-bottom: 1px solid #ccc; }

.result_list li strong { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 15%; margin-right: 10px; min-width: 120px; word-break: keep-all; font-size: 16px; font-weight: bold; text-align: center; color: #606198; }

.result_list li span { font-size: 15px; color: #6a6a6a; word-break: keep-all; }

@media screen and (min-width: 851px) { .result_list { margin-top: 40px; }
  .result_list li { padding: 15px; }
  .result_list li strong { font-size: 22px; }
  .result_list li span { font-size: 20px; } }

/* 업무내용 */
.business_list { text-align: center; margin-bottom: 60px; }

.business_list li + li { margin-top: 25px; }

.business_list .img_wrap img { max-width: 427px; width: 100%; }

.business_list a { display: inline-block; margin-top: 15px; padding: 1px 20px 1px 0; font-size: 18px; font-weight: 500; color: #6a6a6a; background: url(../images/ico_plus.png) no-repeat right; background-size: 17px; }

@media screen and (min-width: 851px) { .business_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 100px; }
  .business_list.col2 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .business_list li + li { margin-left: 10px; margin-top: 0; }
  .business_list a { margin-top: 30px; padding-right: 50px; font-size: 28px; background-size: initial; } }

/* 필수교육 */
.sec_edu { padding: 50px 0; background: url(../images/bg_edu.jpg) no-repeat center; background-size: cover; }

.sec_edu .edu_wrap { margin-top: 20px; }

.sec_edu .circle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 200px; height: 200px; margin: 0 auto; background: url(../images/bg_circle.png) no-repeat center; background-size: contain; font-size: 14px; line-height: 1.33; letter-spacing: -1.2px; text-align: center; color: #fff; }

.sec_edu .circle span { font-size: 20px; }

.sec_edu .manual { position: relative; }

.sec_edu .manual, .sec_edu .edu { position: relative; margin: 20px auto 40px; border-radius: 12px; border: solid 1px #ccc; background-color: #fff; }

.sec_edu .manual h3, .sec_edu .edu h3 { padding: 15px; border-bottom: 1px solid #9599D8; text-align: center; font-size: 20px; font-weight: 500; line-height: 1; letter-spacing: -0.75px; color: #4845a4; }

.sec_edu .manual ul, .sec_edu .edu ul { padding: 20px; font-size: 12px; line-height: 1.2; letter-spacing: -1.5px; text-align: left; color: #444; }

.sec_edu .manual ul li, .sec_edu .edu ul li { position: relative; padding-left: .5em; }

.sec_edu .manual ul li small, .sec_edu .edu ul li small { position: relative; padding-left: 0.5em; display: block; margin-top: .6em; color: #888; font-size: .9em; }

.sec_edu .manual ul li small:before, .sec_edu .edu ul li small:before { content: '- '; position: absolute; left: 0; top: 0; }

.sec_edu .manual ul li:before, .sec_edu .edu ul li:before { content: '\00B7 '; position: absolute; left: 0; top: 0; }

.sec_edu .manual ul li.dim, .sec_edu .edu ul li.dim { color: #888; }

.sec_edu .manual ul li + li, .sec_edu .edu ul li + li { margin-top: 1em; }

.sec_edu .view_more { position: absolute; left: 50%; bottom: -40px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 25px; height: 25px; background: url(../images/ico_plus_w.png) no-repeat center; background-size: contain; }

@media screen and (min-width: 851px) { .sec_edu { padding: 80px 0; }
  .sec_edu .circle { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 407px; height: 407px; font-size: 24px; }
  .sec_edu .circle span { font-size: 42px; }
  .sec_edu .edu { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .sec_edu .manual, .sec_edu .edu { border-radius: 20px; border: solid 1px #ccc; background-color: #fff; }
  .sec_edu .manual h3, .sec_edu .edu h3 { padding: 30px; text-align: center; font-size: 30px; font-weight: 500; line-height: 1; letter-spacing: -0.75px; color: #4845a4; }
  .sec_edu .manual ul, .sec_edu .edu ul { padding: 30px 30px 50px; font-size: 20px; }
  .sec_edu .view_more { bottom: -50px; width: 33px; height: 33px; } }

@media (min-width: 1000px) { .sec_edu .edu_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .sec_edu .circle { margin: auto -20px; }
  .sec_edu .manual, .sec_edu .edu { width: 40%; } }

/* 공단평가 연계 */
.liaison .link_img { position: relative; }

.liaison .link_img a { position: absolute; right: 22.5%; top: 59.5%; width: 60px; height: 60px; }

@media (min-width: 1300px) { .liaison .link_img a { right: 25.2%; top: 59.5%; } }

@media screen and (max-width: 850px) { .liaison .link_img { margin-top: 30px; }
  .liaison .link_img a { right: calc(50% - 30px); top: 58.5%; } }

/* 제공 프로그램 */
.program_wrap { margin-top: 50px; }

.program_wrap .right { margin-bottom: 60px; text-align: center; }

.program_wrap .right h3 { display: inline-block; height: 40px; padding-left: 70px; padding-top: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 30px; background: url(../images/logo_green.png) no-repeat left center; background-size: contain; font-size: 24px; font-weight: 500; text-align: center; color: #333; vertical-align: bottom; }

.program_wrap .right h3 em { color: #ff6374; }

.program_wrap .right ul { display: -webkit-box; display: -ms-flexbox; display: flex; }

.program_wrap .right li + li { margin-left: 12px; }

.program_wrap .right strong { display: block; padding: 7px 0; margin: 3px; background: #EDEDED; font-size: 16px; font-weight: 500; color: #6a6a6a; }

.program_wrap .right a { display: inline-block; margin-top: 15px; padding: 1px 20px 1px 0; font-size: 18px; font-weight: 500; color: #6a6a6a; background: url(../images/ico_plus.png) no-repeat right; background-size: 17px; }

@media screen and (min-width: 851px) { .program_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 83px; }
  .program_wrap .right { margin-left: 45px; margin-bottom: 100px; }
  .program_wrap .right h3 { height: 63px; padding-left: 100px; padding-top: 20px; margin-bottom: 50px; font-size: 32px; }
  .program_wrap .right li + li { margin-left: 20px; }
  .program_wrap .right strong { padding: 12px 0; font-size: 24px; }
  .program_wrap .right a { margin-top: 30px; padding-right: 50px; font-size: 28px; background-size: initial; } }

.program_wrap2 { margin-bottom: 50px; margin-top: 70px; }

.program_wrap2 h3 { height: 40px; padding-top: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 30px; font-size: 24px; font-weight: 500; text-align: center; color: #333; vertical-align: bottom; }

.program_wrap2 h3 strong { color: #ff6374; }

.program_wrap2 > div:nth-child(1) h3 { margin-bottom: 50px; }

.program_wrap2 > div:nth-child(2) { border-top: 1px solid #ccc; margin-top: 20px; padding-top: 20px; }

.program_wrap2 .link_img_wrap { position: relative; }

.program_wrap2 a { position: absolute; left: 5%; bottom: 10%; display: inline-block; padding-right: 20px; font-size: 18px; font-weight: 500; color: #6a6a6a; background: url(../images/ico_plus.png) no-repeat right; background-size: 17px; }

@media screen and (min-width: 851px) { .program_wrap2 { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 100px; margin-top: 100px; }
  .program_wrap2 h3 { height: 63px; padding-top: 20px; margin-bottom: 50px; font-size: 32px; }
  .program_wrap2 > div { padding: 20px; }
  .program_wrap2 > div:nth-child(1) h3 { margin-bottom: 70px; }
  .program_wrap2 > div:nth-child(2) { margin-top: 0; border-top: none; border-left: 1px solid #ccc; }
  .program_wrap2 a { margin-top: 30px; padding-right: 50px; font-size: 28px; background-size: initial; } }

.calendar_wrap { width: 100%; max-width: 1149px; }

.calendar_wrap img { width: 100%; }

.calendar_wrap .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; text-align: center; margin: 20px 0; }

.calendar_wrap .swiper-pagination .swiper-pagination-bullet { border-radius: 0; margin: 0 4px; opacity: 1; height: 4px; width: 25px; background: #ccc; -webkit-transition: all .2s; transition: all .2s; }

.calendar_wrap .swiper-pagination .swiper-pagination-bullet-active { height: 8px; background: #ff6374; }

.pop_container.business_pop .popup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: all .2s; transition: all .2s; }

.pop_container.liaison_pop .popup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: all .2s; transition: all .2s; }

.pop_container.edu_pop .popup, .pop_container.manual_pop .popup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow-y: auto; }

.pop_container.edu_pop .tab_cont, .pop_container.manual_pop .tab_cont { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow-y: auto; }

.pop_container.name_list_pop .popup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow-y: auto; }

.pop_container.preview_pop { padding: 0; }

.pop_container.preview_pop .popup { padding: 0; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow-y: auto; }

.pop_container .pop_tabs a { display: block; -webkit-box-flex: 0; -ms-flex: 0 1 20%; flex: 0 1 20%; padding: 10px; text-align: center; background: #EAEAEA; border-radius: 8px; white-space: nowrap; }

.pop_container .pop_tabs a + a { margin-top: 8px; }

.pop_container .pop_tabs a.active, .pop_container .pop_tabs a.on { background: #606198; color: #fff; }

.pop_container .pop_tab_cont { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-top: 20px; padding: 15px; border: solid 1px #c8c8c8; font-size: 14px; line-height: 1.89; color: #555; overflow-y: auto; -webkit-transition: all .2s; transition: all .2s; }

.pop_container .pop_tab_cont h4 { margin-bottom: .3em; font-weight: 500; color: #606198; }

.pop_container .pop_tab_cont li { position: relative; padding-left: 10px; margin-left: 5px; word-break: keep-all; }

.pop_container .pop_tab_cont li:before { content: '- '; position: absolute; left: 0; top: 0; }

.pop_container .pop_tab_cont p { margin: .5em 0; word-break: keep-all; }

.pop_container .pop_tab_cont .table_wrap + h4 { margin-top: 20px; }

.pop_container .tab_cont { display: none; min-height: 200px; -webkit-transition: all .2s; transition: all .2s; }

.pop_container .tab_cont:nth-child(1) { display: block; }

.pop_container .tab_cont h4 { margin-bottom: .3em; font-weight: 500; color: #606198; }

@media (min-width: 600px) { .pop_container .pop_tabs { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .pop_container .pop_tabs a + a { margin-left: 8px; margin-top: 0; } }

@media screen and (min-width: 851px) { .pop_container .pop_tabs { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .pop_container .pop_tabs a { border-radius: 12px; }
  .pop_container .pop_tabs a + a { margin-left: 12px; }
  .pop_container .pop_tab_cont { margin-top: 20px; padding: 30px; font-size: 18px; }
  .pop_container .table_wrap + h4 { margin-top: 30px; } }

/* 프로그램 팝업 */
.program_pop { /* display: flex; flex-direction: column;  */ }

.program_pop .popup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.program_pop .conts { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow-y: auto; -webkit-box-sizing: border-box; box-sizing: border-box; height: calc(100% - 60px); }

.program_pop [class*=program_list_wrap] { /*  */ }

.program_pop [class*=program_list_wrap] .tit { padding: 13px; margin: 0; background: #606198; font-size: 18px; font-weight: 500; text-align: center; color: #fff; }

.program_pop [class*=program_list_wrap] .sub_tit { border: solid 1px #c8c8c8; padding: 10px; background: #EAEAEA; margin: 0; font-size: 20px; text-align: center; font-weight: 500; color: #555; }

.program_pop [class*=program_list_wrap] .col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex: 1 1 360px; flex: 1 1 360px; width: 360px; margin: 0 10px 20px; }

.program_pop [class*=program_list_wrap] .col.colgroup .tit { display: block; margin-bottom: 20px; }

.program_pop [class*=program_list_wrap] ul { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; border: solid 1px #c8c8c8; border-top: none; padding: 20px; font-size: 14px; color: #555; }

.program_pop [class*=program_list_wrap] ul li + li { margin-top: 0.5em; }

.program_pop [class*=program_list_wrap] ul li:before { content: '\00B7  '; }

.program_pop .program_list_wrap1 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; }

.program_pop .program_list_wrap2 .col_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; }

.program_pop .program_list_wrap2 .tit { margin-bottom: 20px; }

@media screen and (min-width: 851px) { .program_pop [class*=program_list_wrap] .tit { font-size: 22px; }
  .program_pop [class*=program_list_wrap] .sub_tit { font-size: 15px; }
  .program_pop [class*=program_list_wrap] ul { font-size: 18px; } }
  
.loading {position: fixed; left: 0; top: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; color: #fff; background: rgba(0, 0, 0, .5); font-weight: 100; font-size: 3vw; z-index: 100; }
.loading img { animation: loading infinite 2s; width: 10vw; margin-bottom: 10px; }
@keyframes loading {  0% {transform: rotate(0deg)} 100% {transform: rotate(360deg)} }

/* 게시판 리스트 */
@-moz-document url-prefix() {
	
.board_list li .cont { margin-bottom: 15px; font-size: 14px; font-weight: 300; line-height: 1.78; text-align: left; color: #444; overflow: hidden; text-overflow: ellipsis; display: block; -webkit-line-clamp: 6; -webkit-box-orient: vertical; word-wrap: break-word; height: 10.68em; }
}

/* 부가서비스 회계관리 */
.accounting_wrap {
  margin-top: 60px;
}

.accounting_wrap .blue_full_bg {
  position: relative;
}

.accounting_wrap .blue_full_bg::before {
  background: #e7f3fa;
  content: '';
  left: -20px;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: -1;
}

@media screen and (min-width: 851px) {
  .accounting_wrap .blue_full_bg::before {
    left: -30px;
  }
}

@media (min-width: 1461px) {
  .accounting_wrap .blue_full_bg::before {
    left: 0;
    -webkit-transform: translateX(calc((100vw - 1400px) / -2));
            transform: translateX(calc((100vw - 1400px) / -2));
  }
}

.accounting_wrap .serv_inq_btn {
  background: #000;
  border-radius: 70px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  height: 46px;
  line-height: 50px;
  text-align: center;
  width: 140px;
}

@media screen and (min-width: 851px) {
  .accounting_wrap .serv_inq_btn {
    font-size: 20px;
    height: 60px;
    line-height: 60px;
    width: 190px;
  }
}

@media (min-width: 1281px) {
  .accounting_wrap .serv_inq_btn {
    font-size: 24px;
    height: 70px;
    line-height: 70px;
    width: 238px;
  }
}

.accounting_wrap .accounting_top {
  padding: 60px 0 40px 0;
}

.accounting_wrap .accounting_top .img_area {
  text-align: center;
}

.accounting_wrap .accounting_top .img_area img {
  display: inline;
  max-width: 30%;
  width: auto;
}

.accounting_wrap .accounting_top .cont_wrap .cont_tit {
  font-size: 22px;
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 1.4;
  margin-bottom: 30px;
  word-break: keep-all;
}

.accounting_wrap .accounting_top .cont_wrap .cont_tit strong {
  font-weight: 700;
}

.accounting_wrap .accounting_top .cont_wrap .cont_tit .col_blue {
  color: #4992ea;
}

.accounting_wrap .accounting_top .cont_wrap .lg_chk_img_txt {
  background: url(/newSilverangel/images/ico_chk_color_b.png) left top 3px no-repeat;
  background-size: 40px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  padding-left: 60px;
  word-break: keep-all;
  margin-bottom: 10px;
}

.accounting_wrap .accounting_top .cont_wrap .lg_chk_img_txt span {
  color: #4992ea;
}

.accounting_wrap .accounting_top .cont_wrap .inq_box {
  margin-bottom: 20px;
}

.accounting_wrap .accounting_top .cont_wrap .top_col_box {
  border-radius: 18px;
  overflow: hidden;
}

.accounting_wrap .accounting_top .cont_wrap .top_col_box dt {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #4992ea;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  height: 50px;
}

.accounting_wrap .accounting_top .cont_wrap .top_col_box dd {
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 153px;
  padding: 20px 40px;
}

.accounting_wrap .accounting_top .cont_wrap .top_col_box .verifi_list {
  width: 100%;
}

.accounting_wrap .accounting_top .cont_wrap .top_col_box .verifi_list li {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  min-height: 48px;
  padding-left: 82px;
  word-break: keep-all;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.accounting_wrap .accounting_top .cont_wrap .top_col_box .verifi_list li:first-child {
  background: url(/newSilverangel/images/ico_pc.png) left center no-repeat;
}

.accounting_wrap .accounting_top .cont_wrap .top_col_box .verifi_list li:nth-child(2) {
  background: url(/newSilverangel/images/ico_write.png) left center no-repeat;
}

.accounting_wrap .accounting_top .cont_wrap .top_col_box .verifi_list li:nth-child(3) {
  background: url(/newSilverangel/images/ico_comp.png) left center no-repeat;
}

.accounting_wrap .accounting_top .cont_wrap .top_col_box .verifi_list li br {
  display: none;
}

.accounting_wrap .accounting_top .cont_wrap .top_col_box .verifi_list li + li {
  margin-top: 15px;
}

@media screen and (min-width: 851px) {
  .accounting_wrap .accounting_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 70px 0 60px 0;
  }
  .accounting_wrap .accounting_top .img_area {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 30px;
    width: 20%;
  }
  .accounting_wrap .accounting_top .img_area img {
    display: block;
    max-width: 100%;
  }
  .accounting_wrap .accounting_top .cont_wrap {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    width: 0;
  }
  .accounting_wrap .accounting_top .cont_wrap .cont_tit {
    font-size: 28px;
  }
  .accounting_wrap .accounting_top .cont_wrap .lg_chk_img_txt {
    background-size: 52px;
    font-size: 24px;
    margin-bottom: 0;
    min-height: 66px;
    padding-left: 80px;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    width: 0;
  }
  .accounting_wrap .accounting_top .cont_wrap .inq_box {
    -webkit-column-gap: 20px;
            column-gap: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 28px;
  }
  .accounting_wrap .accounting_top .cont_wrap .top_col_box dt {
    font-size: 20px;
    height: 60px;
  }
  .accounting_wrap .accounting_top .cont_wrap .top_col_box dd {
    padding: 20px 40px;
  }
  .accounting_wrap .accounting_top .cont_wrap .top_col_box .verifi_list {
    display: block;
  }
  .accounting_wrap .accounting_top .cont_wrap .top_col_box .verifi_list li {
    display: block;
    font-size: 18px;
  }
  .accounting_wrap .accounting_top .cont_wrap .top_col_box .verifi_list li br {
    display: block;
  }
  .accounting_wrap .accounting_top .cont_wrap .top_col_box .verifi_list li + li {
    margin-top: 20px;
  }
   .accounting_wrap .accounting_mid_f .img_area {
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
       -ms-flex-direction: row;
           flex-direction: row;
   margin-bottom: 80px;
  }
}

@media (min-width: 1281px) {
  .accounting_wrap .accounting_top {
    padding: 100px 0 80px 0;
  }
  .accounting_wrap .accounting_top .img_area {
    width: 408px;
  }
  .accounting_wrap .accounting_top .cont_wrap .cont_tit {
    font-size: 36px;
  }
  .accounting_wrap .accounting_top .cont_wrap .lg_chk_img_txt {
    background-size: auto;
    font-size: 28px;
    min-height: 66px;
    padding-left: 92px;
  }
  .accounting_wrap .accounting_top .cont_wrap .top_col_box dt {
    font-size: 28px;
    height: 77px;
  }
  .accounting_wrap .accounting_top .cont_wrap .top_col_box dd {
    padding: 20px 56px;
  }
  .accounting_wrap .accounting_top .cont_wrap .top_col_box .verifi_list {
    -webkit-column-gap: 30px;
            column-gap: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-size: 22px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .accounting_wrap .accounting_top .cont_wrap .top_col_box .verifi_list li + li {
    margin-top: 0;
  }
}

.accounting_wrap .accounting_mid_f {
  margin-top: 60px;
}

.accounting_wrap .accounting_mid_f .img_area {
  margin-bottom: 50px;
}

.accounting_wrap .accounting_mid_f .img_area img {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  width: 100%;
}

@media screen and (min-width: 851px) {
  .accounting_wrap .accounting_mid_f .img_area img {
    padding: 10px 0;
    width: 49%;
  }
}
.accounting_wrap .accounting_mid_f .img_area .img_cont {
  border: 2px solid #4992ea;
  border-radius: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px 35px 35px;
}

@media screen and (min-width: 851px) {
  .accounting_wrap .accounting_mid_f .img_area .img_cont {
    padding: 40px 45px 45px;
    width: 51%;
  }
}

@media (min-width: 1281px) {
  .accounting_wrap .accounting_mid_f .img_area { 
    margin-bottom: 55px;
  }
   .accounting_wrap .accounting_mid_f .img_area .img_cont {
    padding: 55px 65px 65px;
  }
}
  .accounting_wrap .accounting_mid_f .img_area .img_tit {
  color: #4992ea;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
  word-break: keep-all;
}

@media screen and (min-width: 851px) {
  .accounting_wrap .accounting_mid_f .img_area .img_tit {
    font-size: 26px;
  }
}

@media (min-width: 1281px) {
  .accounting_wrap .accounting_mid_f .img_area .img_tit {
    font-size: 32px;
  }
}

@media screen and (min-width: 851px) {
  .accounting_wrap .accounting_mid_f .img_area {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 80px;
  }
}

@media (min-width: 1281px) {
  .accounting_wrap .accounting_mid_f .img_area {
    margin-bottom: 100px;
  }
}

.accounting_wrap .accounting_mid_f .dash_list {
  color: #555;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.04em;
}

.accounting_wrap .accounting_mid_f .dash_list li {
  padding-left: 10px;
  position: relative;
  line-height: 1.2;
}

.accounting_wrap .accounting_mid_f .dash_list li::before {
  content: '-';
  position: absolute;
  left: 0;
  top: 0;
}

.accounting_wrap .accounting_mid_f .dash_list li + li {
  margin-top: 8px;
}

@media screen and (min-width: 851px) {
  .accounting_wrap .accounting_mid_f .dash_list {
    font-size: 18px;
  }
}

@media (min-width: 1281px) {
  .accounting_wrap .accounting_mid_f .dash_list {
    font-size: 20px;
  }
}


.accounting_wrap .accounting_mid_f .text_cont p {
  text-align: center;
}

.accounting_wrap .accounting_mid_f .text_cont .top_text {
  color: #000;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.25;
  word-break: keep-all;
}

.accounting_wrap .accounting_mid_f .text_cont .top_text._bold {
  color: #4992ea;
  font-weight: 700;
}

.accounting_wrap .accounting_mid_f .text_cont .top_text + .top_text {
  margin-top: 6px;
}

.accounting_wrap .accounting_mid_f .text_cont .bot_text {
  color: #555;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 28px;
  word-break: keep-all;
}

@media screen and (min-width: 851px) {
  .accounting_wrap .accounting_mid_f .text_cont .top_text {
    font-size: 26px;
  }
  .accounting_wrap .accounting_mid_f .text_cont .bot_text {
    font-size: 17px;
  }
}

@media (min-width: 1281px) {
  .accounting_wrap .accounting_mid_f .text_cont .top_text {
    font-size: 32px;
  }
  .accounting_wrap .accounting_mid_f .text_cont .bot_text {
    font-size: 20px;
  }
}

@media screen and (min-width: 851px) {
  .accounting_wrap .accounting_mid_f {
    margin-top: 110px;
  }
}

@media (min-width: 1281px) {
  .accounting_wrap .accounting_mid_f {
    margin-top: 146px;
  }
}

.accounting_wrap .accounting_mid_s {
  margin-top: 60px;
}

@media screen and (min-width: 851px) {
  .accounting_wrap .accounting_mid_s {
    margin-top: 70px;
  }
}

@media (min-width: 1281px) {
  .accounting_wrap .accounting_mid_s {
    margin-top: 80px;
  }
}

.accounting_wrap .accounting_mid_s .border_box {
  border: 1px solid #949494;
  border-radius: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 45px 0;
}

@media screen and (min-width: 851px) {
  .accounting_wrap .accounting_mid_s .border_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    min-height: auto;
    padding: 55px 0;
  }
}

@media (min-width: 1281px) {
  .accounting_wrap .accounting_mid_s .border_box {
    min-height: 508px;
    padding: 70px 0;
  }
}

.accounting_wrap .accounting_mid_s .border_box .box_left {
  background: url(/newSilverangel/images/ico_chart.png) top center no-repeat;
  background-size: 155px;
  margin-bottom: 40px;
  padding-top: 184px;
  text-align: center;
  width: 100%;
}

@media screen and (min-width: 851px) {
  .accounting_wrap .accounting_mid_s .border_box .box_left {
    background-size: 175px;
    margin-bottom: 0;
    padding-top: 224px;
    width: 485px;
  }
}

@media (min-width: 1281px) {
  .accounting_wrap .accounting_mid_s .border_box .box_left {
    background-size: auto;
    padding-top: 248px;
  }
}

.accounting_wrap .accounting_mid_s .border_box .box_right {
  padding: 0 32px;
}

.accounting_wrap .accounting_mid_s .border_box .box_right .box_right_tit {
  color: #000;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 24px;
}

.accounting_wrap .accounting_mid_s .border_box .box_right .box_right_txt {
  color: #000;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.25;
  word-break: keep-all;
}

.accounting_wrap .accounting_mid_s .border_box .box_right .box_right_txt span {
  color: #4992ea;
  font-weight: 700;
}

.accounting_wrap .accounting_mid_s .border_box .box_right .box_right_txt + .box_right_txt {
  margin-top: 6px;
}

.accounting_wrap .accounting_mid_s .border_box .box_right .box_right_list {
  margin-top: 32px;
}

.accounting_wrap .accounting_mid_s .border_box .box_right .box_right_list li {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.accounting_wrap .accounting_mid_s .border_box .box_right .box_right_list li + li {
  margin-top: 7px;
}

.accounting_wrap .accounting_mid_s .border_box .box_right .box_right_list span {
  background: #555;
  border-radius: 31px;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  height: 31px;
  line-height: 31px;
  text-align: center;
  width: 74px;
}

.accounting_wrap .accounting_mid_s .border_box .box_right .box_right_list p {
  color: #555;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  padding-left: 18px;
  word-break: keep-all;
  width: 0;
}

@media screen and (min-width: 851px) {
  .accounting_wrap .accounting_mid_s .border_box .box_right .box_right_tit {
    font-size: 28px;
    margin-bottom: 28px;
  }
  .accounting_wrap .accounting_mid_s .border_box .box_right .box_right_txt {
    font-size: 26px;
  }
  .accounting_wrap .accounting_mid_s .border_box .box_right .box_right_list {
    margin-top: 40px;
  }
  .accounting_wrap .accounting_mid_s .border_box .box_right .box_right_list span {
    font-size: 18px;
    width: 78px;
  }
  .accounting_wrap .accounting_mid_s .border_box .box_right .box_right_list p {
    font-size: 18px;
    padding-left: 22px;
  }
}

@media (min-width: 1281px) {
  .accounting_wrap .accounting_mid_s .border_box .box_right .box_right_tit {
    font-size: 36px;
    margin-bottom: 32px;
  }
  .accounting_wrap .accounting_mid_s .border_box .box_right .box_right_txt {
    font-size: 32px;
  }
  .accounting_wrap .accounting_mid_s .border_box .box_right .box_right_list {
    margin-top: 48px;
  }
  .accounting_wrap .accounting_mid_s .border_box .box_right .box_right_list span {
    font-size: 20px;
    width: 82px;
  }
  .accounting_wrap .accounting_mid_s .border_box .box_right .box_right_list p {
    font-size: 20px;
    padding-left: 26px;
  }
}

.accounting_wrap .green_full_bg {
  margin-top: 50px;
  padding-top: 60px;
  position: relative;
}

.accounting_wrap .green_full_bg::before {
  background: #eaf9f6;
  content: '';
  left: -20px;
  height: calc(100% - 60px);
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: -1;
}

@media screen and (min-width: 851px) {
  .accounting_wrap .green_full_bg {
    margin-top: 70px;
  }
  .accounting_wrap .green_full_bg::before {
    left: -30px;
  }
  .accounting_wrap .accounting_mid_f .img_area {
  margin-bottom: 50px;
}
}

@media (min-width: 1281px) {
  .accounting_wrap .green_full_bg {
    margin-top: 80px;
    padding-bottom: 0;
  }
  .accounting_wrap .green_full_bg::before {
    height: calc(100% - 85px);
  }
}

@media (min-width: 1461px) {
  .accounting_wrap .green_full_bg {
    margin-top: 90px;
  }
  .accounting_wrap .green_full_bg::before {
    left: 0;
    -webkit-transform: translateX(calc((100vw - 1400px) / -2));
            transform: translateX(calc((100vw - 1400px) / -2));
  }
}

.accounting_wrap .accounting_mid_t {
  display: block;
}

.accounting_wrap .accounting_mid_t .ac_mid_txt {
  color: #000;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.35;
  width: 100%;
  word-break: keep-all;
  text-align: center;
  margin-bottom: 20px;
}

.accounting_wrap .accounting_mid_t .ac_mid_txt span {
  font-weight: 700;
}

.accounting_wrap .accounting_mid_t .ac_mid_txt br {
  display: none;
}

.accounting_wrap .accounting_mid_t .img_area {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}

.accounting_wrap .accounting_mid_t .img_area img {
  display: inline;
  width: auto;
  max-width: 80%;
}

@media screen and (min-width: 851px) {
  .accounting_wrap .accounting_mid_t .ac_mid_txt {
    font-size: 28px;
    margin-top: 38px;
  }
  .accounting_wrap .accounting_mid_t .ac_mid_txt br {
    display: block;
  }
}

@media (min-width: 1281px) {
  .accounting_wrap .accounting_mid_t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .accounting_wrap .accounting_mid_t .ac_mid_txt {
    font-size: 36px;
    margin-top: 48px;
    text-align: left;
    margin-bottom: 0;
    width: 580px;
  }
  .accounting_wrap .accounting_mid_t .img_area {
    padding: 0 56px;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    width: 0;
  }
  .accounting_wrap .accounting_mid_t .img_area img {
    width: 100%;
  }
}

.accounting_wrap .accounting_bottom {
  margin-top: 20px;
}

@media (min-width: 1281px) {
  .accounting_wrap .accounting_bottom {
    margin-top: 10px;
  }
}

.accounting_wrap .accounting_bottom .right_ico_tit {
  background: #4992ea url(/newSilverangel/images/ico_chk_white.png) right 30px center no-repeat;
  background-size: 22px;
  border-radius: 90px;
  color: #fff;
  display: inline-block;
  font-size: 20px;
  font-weight: 400;
  height: auto;
  line-height: 1.4;
  margin-bottom: 30px;
  padding: 14px 66px 14px 30px;
  word-break: keep-all;
}

@media screen and (min-width: 851px) {
  .accounting_wrap .accounting_bottom .right_ico_tit {
    background: #4992ea url(/newSilverangel/images/ico_chk_white.png) right 40px center no-repeat;
    font-size: 26px;
    height: 80px;
    line-height: 80px;
    margin-bottom: 40px;
    padding: 0 86px 0 30px;
  }
}

@media (min-width: 1281px) {
  .accounting_wrap .accounting_bottom .right_ico_tit {
    background: #4992ea url(/newSilverangel/images/ico_chk_white.png) right 40px center no-repeat;
    font-size: 32px;
    height: 90px;
    line-height: 90px;
    margin-bottom: 50px;
    padding: 0 106px 0 40px;
  }
}

.accounting_wrap .accounting_bottom .func_list > li + li {
  margin-top: 50px;
}

.accounting_wrap .accounting_bottom .func_list .c_ico_tit {
  background: url(/newSilverangel/images/ico_chk_color.png) top 2px left no-repeat;
  background-size: 20px;
  color: #4992ea;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.25;
  padding-left: 36px;
  margin-bottom: 25px;
}

@media screen and (min-width: 851px) {
  .accounting_wrap .accounting_bottom .func_list .c_ico_tit {
    background: url(/newSilverangel/images/ico_chk_color.png) top 3px left no-repeat;
    background-size: 24px;
    font-size: 24px;
    margin-bottom: 35px;
    padding-left: 44px;
  }
}

@media (min-width: 1281px) {
  .accounting_wrap .accounting_bottom .func_list .c_ico_tit {
    background-size: auto;
    font-size: 30px;
    margin-bottom: 45px;
    padding-left: 48px;
  }
}

.accounting_wrap .accounting_bottom .func_list .func_det_list {
  padding-left: 36px;
}

.accounting_wrap .accounting_bottom .func_list .func_det_list > li + li {
  margin-top: 25px;
}

.accounting_wrap .accounting_bottom .func_list .func_det_list .func_tit {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.25;
}

.accounting_wrap .accounting_bottom .func_list .func_det_list .func_txt {
  color: #555;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 6px;
  word-break: keep-all;
}

@media screen and (min-width: 851px) {
  .accounting_wrap .accounting_bottom .func_list .func_det_list {
    padding-left: 44px;
  }
  .accounting_wrap .accounting_bottom .func_list .func_det_list > li + li {
    margin-top: 35px;
  }
  .accounting_wrap .accounting_bottom .func_list .func_det_list .func_tit {
    font-size: 20px;
  }
  .accounting_wrap .accounting_bottom .func_list .func_det_list .func_txt {
    font-size: 18px;
  }
}

@media (min-width: 1281px) {
  .accounting_wrap .accounting_bottom .func_list .func_det_list {
    padding-left: 48px;
  }
  .accounting_wrap .accounting_bottom .func_list .func_det_list > li + li {
    margin-top: 45px;
  }
  .accounting_wrap .accounting_bottom .func_list .func_det_list .func_tit {
    font-size: 22px;
  }
  .accounting_wrap .accounting_bottom .func_list .func_det_list .func_txt {
    font-size: 20px;
  }
}

@media screen and (min-width: 851px) {
  .accounting_wrap .accounting_bottom .func_list > li + li {
    margin-top: 70px;
  }
}

@media (min-width: 1281px) {
  .accounting_wrap .accounting_bottom .func_list > li + li {
    margin-top: 90px;
  }
}

.accounting_wrap .center_btns {
  margin-top: 60px;
  text-align: center;
}

@media screen and (min-width: 851px) {
  .accounting_wrap .center_btns {
    margin-top: 70px;
  }
}

@media (min-width: 1281px) {
  .accounting_wrap .center_btns {
    margin-top: 80px;
  }
}

/* 부가서비스 CMS */
.cms_svc {
  padding-top: 40px;
}

.cms_svc .box {
  border-top: 1px solid #aeaec2;
  padding: 60px 0;
}

.cms_svc .box .normal_p {
  margin-bottom: 0;
}

.cms_svc .box_tit {
  color: #000;
  font-size: 23px;
  font-weight: 500;
  text-align: center;
  word-break: keep-all;
}

.cms_svc .box_tit span {
  color: #ff6374;
}

@media screen and (min-width: 851px) {
  .cms_svc .box_tit {
    font-size: 32px;
  }
}

.cms_svc .info_area {
  font-size: 16px;
  font-weight: 400;
  margin-top: 20px;
}

@media screen and (min-width: 851px) {
  .cms_svc .info_area {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    padding: 0 5%;
  }
}

@media screen and (min-width: 1381px) {
  .cms_svc .info_area {
    margin: 20px auto 0;
    max-width: 1171px;
    width: 100%;
  }
}

.cms_svc .info_area dt {
  text-align: center;
}

@media screen and (min-width: 851px) {
  .cms_svc .info_area dt {
    width: 300px;
  }
}

@media screen and (min-width: 1381px) {
  .cms_svc .info_area dt {
    width: 380px;
  }
}

.cms_svc .info_area dt .info_area_tit {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #000;
  display: inline-block;
  font-size: 19px;
  line-height: 1.1;
  height: 90px;
  text-align: center;
  width: 150px;
}

@media screen and (min-width: 851px) {
  .cms_svc .info_area dt .info_area_tit {
    font-size: 24px;
    height: 121px;
    width: 206px;
  }
}

.cms_svc .info_area.type1 .info_area_tit {
  background: url(../images/bg_cms1.png) no-repeat;
  background-size: 150px;
  padding: 36px 0 0px 26px;
}

@media screen and (min-width: 851px) {
  .cms_svc .info_area.type1 .info_area_tit {
    background-size: contain;
    padding: 48px 0 0px 26px;
  }
}

.cms_svc .info_area.type2 .info_area_tit {
  background: url(../images/bg_cms2.png) no-repeat;
  background-size: 150px;
  padding: 45px 0 0px 26px;
}

@media screen and (min-width: 851px) {
  .cms_svc .info_area.type2 .info_area_tit {
    background-size: contain;
    padding: 62px 0 0px 26px;
  }
}

.cms_svc .info_area.type3 .info_area_tit {
  background: url(../images/bg_cms3.png) no-repeat;
  background-size: 150px;
  padding: 45px 0 0px 26px;
}

@media screen and (min-width: 851px) {
  .cms_svc .info_area.type3 .info_area_tit {
    background-size: contain;
    padding: 62px 0 0px 26px;
  }
}

.cms_svc .info_area dd {
  color: #555;
  margin-top: 10px;
  word-break: keep-all;
}

@media screen and (min-width: 851px) {
  .cms_svc .info_area dd {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    letter-spacing: -0.03em;
    margin-top: 0;
    width: 0;
  }
}

.cms_svc .info_area dd p {
  line-height: 1.3;
}

.cms_svc .info_area dd p + p {
  margin-top: 2px;
}

.cms_svc .info_area + .info_area {
  margin-top: 30px;
}

.cms_svc .info_area + .img_wrap {
  margin-top: 60px;
}

.cms_svc .bg_box {
  padding: 50px 0;
  position: relative;
}

@media screen and (min-width: 851px) {
  .cms_svc .bg_box {
    text-align: center;
  }
}

.cms_svc .bg_box .bg_area {
  background: #f0f0f0;
  height: 100%;
  left: 50%;
  min-width: calc(100% + 40px);
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100vw;
  z-index: -1;
}

.cms_svc .bg_box .svc_list {
  display: block;
  text-align: left;
}

@media screen and (min-width: 1381px) {
  .cms_svc .bg_box .svc_list {
    display: block;
    padding-left: 9%;
  }
}

@media screen and (min-width: 851px) {
  .cms_svc .bg_box .svc_list {
    display: inline-block;
    max-width: 100%;
  }
}

.cms_svc .bg_box .svc_list > li + li {
  margin-top: 30px;
}

.cms_svc .bg_box .svc_det {
  display: block;
}

@media screen and (min-width: 1381px) {
  .cms_svc .bg_box .svc_det {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.cms_svc .bg_box .svc_det dt {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.2;
}

.cms_svc .bg_box .svc_det dt > span {
  height: 40px;
  width: 40px;
}

@media screen and (min-width: 851px) {
  .cms_svc .bg_box .svc_det dt > span {
    width: 62px;
  }
}

.cms_svc .bg_box .svc_det dt p {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  text-align: left;
  width: 300px;
}

.cms_svc .bg_box .svc_det dt p span {
  display: block;
  color: #555;
  font-size: 15px;
  font-weight: 400;
}

@media screen and (min-width: 851px) {
  .cms_svc .bg_box .svc_det dt p span {
    font-size: 16px;
  }
}

@media screen and (min-width: 1381px) {
  .cms_svc .bg_box .svc_det dt {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
}

@media screen and (min-width: 851px) {
  .cms_svc .bg_box .svc_det dt {
    font-size: 24px;
  }
}

.cms_svc .bg_box .svc_det dd {
  font-size: 20px;
  margin-top: 8px;
  word-break: break-all;
}

@media screen and (min-width: 1381px) {
  .cms_svc .bg_box .svc_det dd {
    margin-top: 0;
    width: 844px;
  }
}

@media screen and (min-width: 851px) {
  .cms_svc .bg_box .svc_det dd {
    font-size: 24px;
  }
}

.cms_svc .bg_box .svc_det .su_svc {
  background: url(../images/ico_svc1.png) left 2px center no-repeat;
  background-size: 26px;
}

@media screen and (min-width: 851px) {
  .cms_svc .bg_box .svc_det .su_svc {
    background-size: contain;
  }
}

.cms_svc .bg_box .svc_det .m_type {
  background: url(../images/ico_svc2.png) left 2px center no-repeat;
  background-size: 26px;
}

@media screen and (min-width: 851px) {
  .cms_svc .bg_box .svc_det .m_type {
    background-size: contain;
  }
}

.cms_svc .bg_box .svc_det .u_info {
  background: url(../images/ico_svc3.png) left center no-repeat;
  background-size: 26px;
}

@media screen and (min-width: 851px) {
  .cms_svc .bg_box .svc_det .u_info {
    background-size: contain;
  }
}

.cms_svc .bg_box .svc_det .h_reg {
  background: url(../images/ico_svc4.png) left 1px center no-repeat;
  background-size: 26px;
}

@media screen and (min-width: 851px) {
  .cms_svc .bg_box .svc_det .h_reg {
    background-size: contain;
  }
}

.cms_svc .bg_box .svc_det .m_item {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}

@media screen and (min-width: 1381px) {
  .cms_svc .bg_box .svc_det .m_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 851px) {
  .cms_svc .bg_box .svc_det .m_item {
    font-size: 24px;
  }
}

.cms_svc .bg_box .svc_det .m_month {
  background: #d47781;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 18px 20px;
  width: 100%;
}

.cms_svc .bg_box .svc_det .m_month span {
  font-size: 14px;
  font-weight: 400;
}

@media screen and (min-width: 851px) {
  .cms_svc .bg_box .svc_det .m_month span {
    font-size: 16px;
  }
}

@media screen and (min-width: 1381px) {
  .cms_svc .bg_box .svc_det .m_month {
    min-height: 108px;
    width: 376px;
  }
}

.cms_svc .bg_box .svc_det .m_day {
  background: #738db9;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  margin-top: 13px;
  padding: 18px 20px;
  width: 100%;
}

@media screen and (min-width: 851px) {
  .cms_svc .bg_box .svc_det .m_day {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 1381px) {
  .cms_svc .bg_box .svc_det .m_day {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    margin-left: 13px;
    margin-top: 0;
    width: auto;
  }
}

@media screen and (min-width: 851px) {
  .cms_svc .bg_box .svc_det .m_day .m_day_tit {
    width: 160px;
  }
}

.cms_svc .bg_box .svc_det .m_day .m_day_list {
  font-size: 14px;
  font-weight: 400;
}

@media screen and (min-width: 851px) {
  .cms_svc .bg_box .svc_det .m_day .m_day_list {
    font-size: 16px;
  }
}

@media screen and (min-width: 851px) {
  .cms_svc .bg_box .svc_det .su_svc_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (min-width: 1381px) {
  .cms_svc .bg_box .svc_det .su_svc_list {
    margin-top: -4px;
  }
}

@media screen and (min-width: 851px) {
  .cms_svc .bg_box .svc_det .su_svc_list > li {
    padding: 4px 0;
  }
}

.cms_svc .bg_box .svc_det .su_svc_list > li + li {
  padding-top: 30px;
  position: relative;
}

@media screen and (min-width: 851px) {
  .cms_svc .bg_box .svc_det .su_svc_list > li + li {
    padding-left: 30px;
    padding-top: 4px;
  }
}

.cms_svc .bg_box .svc_det .su_svc_list > li + li::before {
  content: "+";
  position: absolute;
  left: 50%;
  top: 3px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (min-width: 851px) {
  .cms_svc .bg_box .svc_det .su_svc_list > li + li::before {
    left: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.cms_svc .bg_box .svc_det .su_svc_list span {
  border: 1px solid #090909;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  padding: 4px 20px;
  text-align: center; width: 100%;
}

@media screen and (min-width: 851px) {
  .cms_svc .bg_box .svc_det .su_svc_list span { height: 50px; line-height: 48px; width: auto; min-width: 130px; padding: 0 20px; }
}

.cms_svc .bg_box .svc_det .h_reg_box {
  background: #fff;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cms_svc .bg_box .svc_det .h_reg_box img { display: none; }

@media screen and (min-width: 851px) {
  .cms_svc .bg_box .svc_det .h_reg_box img { display: block; width: 100%; }
}

.cms_svc .bg_box .svc_det .h_reg_box .h_reg_step { color: #3d3d3d; display: block; font-size: 20px; font-weight: 700; padding: 24px 25px; }

@media screen and (min-width: 851px) {
  .cms_svc .bg_box .svc_det .h_reg_box .h_reg_step { display: none; }
}

.cms_svc .bg_box .svc_det .h_reg_box .h_reg_step > li + li { background: url(../images/ico_svc_arr_down.png) top 9px left no-repeat; background-size: 25px; padding-top: 40px; }

.cms_svc .bg_box .svc_det .h_reg_box .h_reg_step p > span { display: block; font-size: 15px; font-weight: 400; }

.cms_svc .box_end { padding: 60px 0 0; }

.cms_svc .box_end .btn_area { text-align: center; }

.cms_svc .box_end .btn_area .go_svc { background: #000; border-radius: 50px; color: #fff; display: inline-block; font-size: 20px; height: 60px; line-height: 60px; width: 240px; }

@media screen and (min-width: 851px) {
  .cms_svc .box_end .btn_area .go_svc { font-size: 26px; height: 80px; line-height: 80px; width: 320px; }
}

.cms_svc .box_end .svc_info { color: #000; font-size: 18px; margin-top: 40px; text-align: center; }

@media screen and (min-width: 851px) {
  .cms_svc .box_end .svc_info { font-size: 22px; }
}

.cms_svc .box_end .svc_info .svc_qna { display: inline-block; position: relative; }

.cms_svc .box_end .svc_info .svc_qna:before { background: #bcbcbc; bottom: 1px; content: ''; height: 1px; left: 0; position: absolute; width: 100%; }

.cms_svc .box_end .svc_info .svc_qna:after { background: #666666; bottom: 0; content: ''; height: 1px; left: 0; position: absolute; width: 100%; }

.cms_svc .box_end .svc_info .svc_tel { display: block; }

.cms_svc .box_end .svc_info .svc_tel span { font-weight: bold; }

@media screen and (min-width: 851px) {
  .cms_svc .box_end .svc_info .svc_tel { display: inline-block; }
}

.cms_svc .box_end .svc_info .svc_qna + .svc_tel { margin-top: 20px; }

@media screen and (min-width: 851px) {
  .cms_svc .box_end .svc_info .svc_qna + .svc_tel { margin-left: 46px; }
}

/* 메인 컨텐츠 자세히보기 UI*/
.ad_head { padding-right: 20px; }

.ad_head .exp_link { background: url(/newSilverangel/images/ico_arr_w_right.png) right 4px center no-repeat; border: 2px solid #fff; border-radius: 25px; color: #fff; display: inline-block; font-weight: 700; margin-top: 10px; margin-left: 25; padding: 3px 26px 3px 5px; background-position-y: 49%; }

@media screen and (min-width: 851px){
	.ad_head .exp_link { background: url(/newSilverangel/images/ico_arr_w_right.png) right 25px center no-repeat; right: 25px center no-repeat; border: 2px solid #fff; border-radius: 50px; color: #fff; display: inline-block; font-size: 17px; font-weight: 700; margin-top: 24px; margin-left: 35; padding: 7px 52px 7px 26px; }
	.ad_head { padding-right: 20px; }
}

@media screen and (min-width: 1025px){
	.ad_head .exp_link { background: url(/newSilverangel/images/ico_arr_w_right.png) right 25px center no-repeat; right: 25px center no-repeat; border: 2px solid #fff; border-radius: 50px; color: #fff; display: inline-block; font-size: 17px; font-weight: 700; margin-top: 24px; margin-left: 0; padding: 7px 52px 7px 26px; }
	.ad_head { padding-right: 20px; }
}



@media (max-width: 851px){
	.ad_text_center { text-align: center; }
}

@media (min-width: 851px){
	.ad_text_center { text-align: left; }
}





/* 메인 컨텐츠 자세히보기 UI*/
.ad_head2 { padding-right: 20px; -webkit-transition: all .2s; transition: all .2s; }

.ad_head2 .exp_link { background: url(/newSilverangel/images/ico_arr_w_right.png) right 4px center no-repeat; border: 2px solid #fff; border-radius: 25px; color: #fff; display: inline-block; font-weight: 700; margin-top: 25px; margin-left: 43%; padding: 3px 26px 3px 5px; background-position-y: 49%; -webkit-transition: all .2s; transition: all .2s;}


@media screen and (min-width: 500px){
.ad_head2 .exp_link { background: url(/newSilverangel/images/ico_arr_w_right.png) right 4px center no-repeat; border: 2px solid #fff; border-radius: 25px; color: #fff; display: inline-block; font-weight: 700; margin-top: 25px; margin-left: 45%; padding: 3px 26px 3px 5px; background-position-y: 49%; -webkit-transition: all .2s; transition: all .2s;}
	.ad_head2 { padding-right: 20px;  -webkit-transition: all .2s; transition: all .2s;}
}

@media screen and (min-width: 851px){
	.ad_head2 .exp_link { background: url(/newSilverangel/images/ico_arr_w_right.png) right 25px center no-repeat; right: 25px center no-repeat; border: 2px solid #fff; border-radius: 50px; color: #fff; display: inline-block; font-size: 17px; font-weight: 700; margin-top: 4%; margin-left: 42%; padding: 7px 52px 7px 26px; -webkit-transition: all .2s; transition: all .2s; }
	.ad_head2 { padding-right: 20px;  -webkit-transition: all .2s; transition: all .2s;}
}

@media screen and (min-width: 1025px){
	.ad_head2 .exp_link { background: url(/newSilverangel/images/ico_arr_w_right.png) right 25px center no-repeat; right: 25px center no-repeat; border: 2px solid #fff; border-radius: 50px; color: #fff; display: inline-block; font-size: 17px; font-weight: 700; margin-top: 4%; margin-left: 44%; padding: 7px 52px 7px 26px; -webkit-transition: all .2s; transition: all .2s; }
	.ad_head2 { padding-right: 20px;  -webkit-transition: all .2s; transition: all .2s;}
}

@media screen and (min-width: 1250px){
	.ad_head2 .exp_link { background: url(/newSilverangel/images/ico_arr_w_right.png) right 25px center no-repeat; right: 25px center no-repeat; border: 2px solid #fff; border-radius: 50px; color: #fff; display: inline-block; font-size: 17px; font-weight: 700; margin-top: 3%; margin-left: 44%; padding: 7px 52px 7px 26px; -webkit-transition: all .2s; transition: all .2s; }
	.ad_head2 { padding-right: 20px;  -webkit-transition: all .2s; transition: all .2s;}
}


@media screen and (min-width: 1500px){
	.ad_head2 .exp_link { background: url(/newSilverangel/images/ico_arr_w_right.png) right 25px center no-repeat; right: 25px center no-repeat; border: 2px solid #fff; border-radius: 50px; color: #fff; display: inline-block; font-size: 17px; font-weight: 700; margin-top: 2%; margin-left: 45%; padding: 7px 52px 7px 26px; -webkit-transition: all .2s; transition: all .2s; }
	.ad_head2 { padding-right: 20px;  -webkit-transition: all .2s; transition: all .2s;}
}

@media screen and (min-width: 1625px){
	.ad_head2 .exp_link { background: url(/newSilverangel/images/ico_arr_w_right.png) right 25px center no-repeat; right: 25px center no-repeat; border: 2px solid #fff; border-radius: 50px; color: #fff; display: inline-block; font-size: 17px; font-weight: 700; margin-top: 2%; margin-left: 46%; padding: 7px 52px 7px 26px; -webkit-transition: all .2s; transition: all .2s; }
	.ad_head2 { padding-right: 20px;  -webkit-transition: all .2s; transition: all .2s;}
}

@media (min-width: 1551px) {
  .header .main_slide .slide_inner_box .full_box { padding: 0 140px; }
 
  .header .main_slide .slide_inner_box .full_box .full_box_inner { background-size: 100%; padding-left: 55%; }
 
  .header .main_slide .slide_inner_box .full_box .full_box_inner .float_item { bottom: 80px; left: 26%; }
}  

@media (min-width: 1920px) {
  .header .main_slide .slide_inner_box .full_box .full_box_inner { background-size: auto; background-position: center left 60px; }  }

.header .visual .slogan .ad_head2 { display: block; padding-top: 20px; font-size: 14px; font-weight: 300; color: #ccc; text-align: center; -webkit-transition: all .2s; transition: all .2s; }